{
"tooljet_database": [
{
"id": "f28a7771-06c2-4783-a186-05da26ba7822",
"table_name": "lead_management_system",
"schema": {
"columns": [
{
"column_name": "id",
"data_type": "integer",
"column_default": "nextval('\"f28a7771-06c2-4783-a186-05da26ba7822_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": "company",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "department",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "status",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "deal_amount",
"data_type": "double precision",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": 53,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "notes",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "process_state",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "profile_image_url",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "is_active",
"data_type": "boolean",
"column_default": "true",
"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": "38c9c7cc-2ecf-4375-85c7-30279e59e111",
"type": "front-end",
"name": "Lead Management System",
"slug": "lead-management-system",
"isPublic": false,
"isMaintenanceOn": false,
"icon": "table",
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"currentVersionId": null,
"userId": "902c1087-f89d-4f44-bd19-757f6292ee61",
"workflowApiToken": null,
"workflowEnabled": false,
"createdAt": "2023-08-30T07:34:00.592Z",
"creationMode": "DEFAULT",
"updatedAt": "2024-01-02T11:22:27.512Z",
"editingVersion": {
"id": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"name": "v1",
"definition": {
"showViewerNavigation": false,
"homePageId": "ba09a245-f0a4-4dd4-acba-860289dc1b9f",
"pages": {
"ba09a245-f0a4-4dd4-acba-860289dc1b9f": {
"components": {
"d91777ee-6bf7-48a6-bae6-d9c5ddab0057": {
"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": "{{queries.colorPalette.data.tabHighlight}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"tabWidth": {
"value": "auto"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"tabs": {
"value": "{{[\n {\n title: `Leads (${queries?.fetchLeadsTransformed?.data?.Lead?.length ?? 0})`,\n id: \"0\",\n backgroundColor: \"#ffffff00\",\n },\n {\n title: `Opportunities (${\n queries?.fetchLeadsTransformed?.data?.Opportunity?.length ?? 0\n })`,\n id: \"1\",\n backgroundColor: \"#ffffff00\",\n },\n {\n title: `Customers (${queries?.fetchLeadsTransformed?.data?.Customer?.length ?? 0})`,\n id: \"2\",\n backgroundColor: \"#ffffff00\",\n },\n {\n title: `Lost (${queries?.fetchLeadsTransformed?.data?.Lost?.length ?? 0})`,\n id: \"3\",\n backgroundColor: \"#ffffff00\",\n },\n]}}"
},
"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": 289.99993896484375,
"left": 4.651163218381141,
"width": 39,
"height": 670
}
},
"withDefaultChildren": false
},
"77719e68-8e71-42f8-914c-25073b030678": {
"id": "77719e68-8e71-42f8-914c-25073b030678",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"fxActive": false
},
"textSize": {
"value": "{{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": "Lead Management System"
},
"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": 99.99996566772461,
"left": 4.651162790697675,
"width": 8,
"height": 100
}
}
},
"11e03598-cc33-437e-a134-4f54f62596bd": {
"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"
}
}
},
"allowSelection": {
"type": "toggle",
"displayName": "Allow selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkSelector": {
"type": "toggle",
"displayName": "Bulk selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"highlightSelectedRow": {
"type": "toggle",
"displayName": "Highlight selected row",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"defaultSelectedRow": {
"type": "code",
"displayName": "Default selected row",
"validation": {
"schema": {
"type": "object"
}
}
},
"showAddNewRowButton": {
"type": "toggle",
"displayName": "Show add new row button",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "0"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.fetchLeadsTransformed?.data?.Lead??[]}}"
},
"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,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true,
"key": "id",
"columnType": "default"
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true,
"columnType": "default",
"key": "name"
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true,
"columnType": "default",
"key": "email"
},
{
"name": "company",
"id": "500a7631-4b78-4298-b65a-a3c0188ec1c9",
"columnType": "default",
"key": "company"
},
{
"name": "department",
"id": "15518431-d6f8-4fe8-bb1d-05dbbc96e31f",
"columnType": "default",
"key": "department"
},
{
"name": "process state",
"id": "8a626d31-5dd0-4fca-bce0-38421af2aa60",
"columnType": "default",
"key": "process_state"
},
{
"name": "deal amount",
"id": "f3278bd5-7c5c-47dc-bfca-3a059d903ae0",
"columnType": "default",
"key": "deal_amount"
},
{
"id": "5238456c-aaf6-49c5-a7a8-1d27a02b2972",
"name": "notes",
"key": "notes",
"columnType": "default",
"autogenerated": true
},
{
"id": "2f8faaf7-ad99-438a-9da6-7edd49cfbd15",
"name": "created at",
"key": "created_at",
"columnType": "default",
"autogenerated": true
},
{
"id": "6a9ce6d3-f44b-44b0-8cec-528d3b4bc462",
"name": "updated at",
"key": "updated_at",
"columnType": "default",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 77,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 134,
"leftActions": 82,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 216,
"500a7631-4b78-4298-b65a-a3c0188ec1c9": 128,
"f3278bd5-7c5c-47dc-bfca-3a059d903ae0": 127,
"8a626d31-5dd0-4fca-bce0-38421af2aa60": 139,
"15518431-d6f8-4fe8-bb1d-05dbbc96e31f": 186,
"fd02a1af-4589-4b16-bd5d-07ec6f3535d4": 156,
"5238456c-aaf6-49c5-a7a8-1d27a02b2972": 172,
"2f8faaf7-ad99-438a-9da6-7edd49cfbd15": 169,
"6a9ce6d3-f44b-44b0-8cec-528d3b4bc462": 166
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Details",
"events": [
{
"eventId": "onClick",
"actionId": "set-custom-variable",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2",
"key": "selectedLeadData",
"value": "{{components.table1.selectedRow}}"
},
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"queryName": "viewProfilePicture",
"parameters": {},
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}"
}
],
"position": "left",
"backgroundColor": "#f1f4ffff",
"textColor": "#5079ffff"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"License",
"company",
"department",
"deal_amount",
"process_state",
"profile_image_url",
"is_active",
"status"
]
}
},
"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"
},
{
"displayName": "Download table data",
"handle": "downloadTableData",
"params": [
{
"handle": "type",
"displayName": "Type",
"options": [
{
"name": "Download as Excel",
"value": "xlsx"
},
{
"name": "Download as CSV",
"value": "csv"
},
{
"name": "Download as PDF",
"value": "pdf"
}
],
"defaultValue": "{{Download as Excel}}",
"type": "select"
}
]
}
]
},
"parent": "d91777ee-6bf7-48a6-bae6-d9c5ddab0057-0",
"layouts": {
"desktop": {
"top": -0.00011360645294189453,
"left": 0.000009786306980938998,
"width": 43,
"height": 625
}
},
"withDefaultChildren": false
},
"2d5c6eb1-3a85-4876-9c45-2e9ed4822ed6": {
"id": "2d5c6eb1-3a85-4876-9c45-2e9ed4822ed6",
"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": "{{({ negative: \"#EE2C4D\", positive: \"#36AF8B\" })[queries?.fetchLeadsTransformed?.data?.totalAmtDiffSign ?? \"positive\"]}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": "Total amount ($)"
},
"primaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalAmtCurrMonth??0}}"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalAmtDiff ?? 0 + ((queries?.fetchLeadsTransformed?.data?.totalAmtDiff ?? 0) == \"N/A\" ? \"\" : \"%\")}}"
},
"secondarySignDisplay": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalAmtDiffSign ?? \"positive\"}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"hideSecondary": {
"value": "{{false}}"
}
},
"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": 100.00001275539398,
"left": 60.46512797692787,
"width": 7,
"height": 160
}
}
},
"7bb3945b-8e12-4e76-9db4-51a1ad66b206": {
"id": "7bb3945b-8e12-4e76-9db4-51a1ad66b206",
"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": "{{({ negative: \"#EE2C4D\", positive: \"#36AF8B\" })[queries?.fetchLeadsTransformed?.data?.conversionRateDiffSign ?? \"positive\"]}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": "Conversion rate"
},
"primaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.conversionRateCurrMonth ?? 0}}%"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.conversionRateDiff ?? 0 + ((queries?.fetchLeadsTransformed?.data?.conversionRateDiff ?? 0) == \"N/A\" ? \"\" : \"%\")}}"
},
"secondarySignDisplay": {
"value": "{{queries?.fetchLeadsTransformed?.data?.conversionRateDiffSign ?? \"positive\"}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"hideSecondary": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "statistics3",
"displayName": "Statistics",
"description": "Statistics can be used to display different statistical information",
"component": "Statistics",
"defaultSize": {
"width": 9.2,
"height": 152
},
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 100.0000107884407,
"left": 79.06976597400683,
"width": 7,
"height": 160
}
}
},
"247b557d-0089-4f3c-a3e4-a20c14807047": {
"id": "247b557d-0089-4f3c-a3e4-a20c14807047",
"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": "{{({ negative: \"#EE2C4D\", positive: \"#36AF8B\" })[queries?.fetchLeadsTransformed?.data?.totalDealsDiffSign ?? \"positive\"]}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": "Total deals"
},
"primaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalDealsCurrMonth??0}}"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalDealsDiff ?? 0 + ((queries?.fetchLeadsTransformed?.data?.totalDealsDiff ?? 0) == \"N/A\" ? \"\" : \"%\")}}"
},
"secondarySignDisplay": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalDealsDiffSign ?? \"positive\"}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"hideSecondary": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "statistics4",
"displayName": "Statistics",
"description": "Statistics can be used to display different statistical information",
"component": "Statistics",
"defaultSize": {
"width": 9.2,
"height": 152
},
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 100.00006800889969,
"left": 41.86045917554739,
"width": 7,
"height": 160
}
}
},
"186affc1-eb0c-4019-9deb-7f402ab82836": {
"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": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Create Lead"
},
"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": 210.00003707408905,
"left": 4.651161484524059,
"width": 5,
"height": 40
}
},
"withDefaultChildren": false
},
"3d71b1d1-d94f-46a7-bc38-8ffc6b731fe7": {
"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": "#687076",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconClock"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon1",
"displayName": "Icon",
"description": "Icon",
"defaultSize": {
"width": 5,
"height": 48
},
"component": "Icon",
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"displayName": "Set Visibility",
"handle": "setVisibility",
"params": [
{
"handle": "value",
"displayName": "Value",
"defaultValue": "{{true}}",
"type": "toggle"
}
]
}
]
},
"parent": "d7614303-1a0b-4166-813f-33988e056f08",
"layouts": {
"desktop": {
"top": 0,
"left": 4.651158443900305,
"width": 27.000000000000004,
"height": 30
}
},
"withDefaultChildren": false
},
"1e3ac79e-910f-4205-8aa8-26648037ddfd": {
"id": "1e3ac79e-910f-4205-8aa8-26648037ddfd",
"component": {
"properties": {
"title": {
"type": "code",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"useDefaultButton": {
"type": "toggle",
"displayName": "Use default trigger button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"triggerButtonLabel": {
"type": "code",
"displayName": "Trigger button label",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideTitleBar": {
"type": "toggle",
"displayName": "Hide title bar"
},
"hideCloseButton": {
"type": "toggle",
"displayName": "Hide close button"
},
"hideOnEsc": {
"type": "toggle",
"displayName": "Close on escape key"
},
"closeOnClickingOutside": {
"type": "toggle",
"displayName": "Close on clicking outside"
},
"size": {
"type": "select",
"displayName": "Modal size",
"options": [
{
"name": "small",
"value": "sm"
},
{
"name": "medium",
"value": "lg"
},
{
"name": "large",
"value": "xl"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"modalHeight": {
"type": "code",
"displayName": "Modal Height",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onOpen": {
"displayName": "On open"
},
"onClose": {
"displayName": "On close"
}
},
"styles": {
"headerBackgroundColor": {
"type": "color",
"displayName": "Header background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"headerTextColor": {
"type": "color",
"displayName": "Header title color",
"validation": {
"schema": {
"type": "string"
}
}
},
"bodyBackgroundColor": {
"type": "color",
"displayName": "Body background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"triggerButtonBackgroundColor": {
"type": "color",
"displayName": "Trigger button background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"triggerButtonTextColor": {
"type": "color",
"displayName": "Trigger button text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"headerBackgroundColor": {
"value": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4D72FA"
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Create Lead"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Launch Modal"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}",
"fxActive": false
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "790px"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal2",
"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": 1033.9996483325958,
"left": 4.651157267392136,
"width": 10,
"height": 40
}
}
},
"b99110d3-3d57-4724-9726-5834257f9caa": {
"id": "b99110d3-3d57-4724-9726-5834257f9caa",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "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": 330.0000183582306,
"left": 4.651167091543955,
"width": 4,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"726ad799-b6a0-4c99-9320-e3ec21ebcdaf": {
"id": "726ad799-b6a0-4c99-9320-e3ec21ebcdaf",
"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": "#D7DBDF",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {},
"general": {},
"exposedVariables": {}
},
"name": "divider2",
"displayName": "Divider",
"description": "Separator between components",
"component": "Divider",
"defaultSize": {
"width": 10,
"height": 10
},
"exposedVariables": {
"value": {}
}
},
"layouts": {
"desktop": {
"top": 710.0000841617584,
"left": -0.000002195560789070378,
"width": 43,
"height": 10
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"1d32aad7-31cb-414d-b60d-c22f8abc25a7": {
"id": "1d32aad7-31cb-414d-b60d-c22f8abc25a7",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "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": 390.0001220703125,
"left": 4.651164183588576,
"width": 6,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"e4daee1d-e42a-44af-8333-cf5f4d167686": {
"id": "e4daee1d-e42a-44af-8333-cf5f4d167686",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Company:"
},
"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": 450.0000104904175,
"left": 4.651162094252224,
"width": 6,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"24d7ebff-8f06-4a59-bc2d-8b550ca32e33": {
"id": "24d7ebff-8f06-4a59-bc2d-8b550ca32e33",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Department:"
},
"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": 509.99999713897705,
"left": 4.651163785619743,
"width": 6,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"221104de-8f22-4e80-974f-9d4adebf1e31": {
"id": "221104de-8f22-4e80-974f-9d4adebf1e31",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Notes:"
},
"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": 569.9998779296875,
"left": 4.651162790697675,
"width": 6,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"eff033c6-97f8-43b0-b2a6-e024821c8b69": {
"id": "eff033c6-97f8-43b0-b2a6-e024821c8b69",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Jot down your notes here"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textarea3",
"displayName": "Textarea",
"description": "Text area form field",
"component": "TextArea",
"defaultSize": {
"width": 6,
"height": 100
},
"exposedVariables": {
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
}
]
},
"layouts": {
"desktop": {
"top": 569.9997757077217,
"left": 18.604649895355095,
"width": 33,
"height": 120
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"ce17b14c-ef6f-456c-a6d4-65dd298f6fd5": {
"id": "ce17b14c-ef6f-456c-a6d4-65dd298f6fd5",
"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": "{{\"Lead\"}}"
},
"values": {
"value": "{{[\"Lead\", \"Opportunity\", \"Customer\", \"Lost\"]}}"
},
"display_values": {
"value": "{{[\"Lead\", \"Opportunity\", \"Customer\", \"Lost\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status"
}
},
"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": 39.99993896484375,
"left": 34.88373555558703,
"width": 9.000000000000002,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"1f6aebed-cfa8-41a7-aff8-76b9d9f3c156": {
"id": "1f6aebed-cfa8-41a7-aff8-76b9d9f3c156",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Status:"
},
"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": 39.999969482421875,
"left": 25.581398333603428,
"width": 4,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"97b10b0f-5f2f-492b-a239-9b98d21ae6e1": {
"id": "97b10b0f-5f2f-492b-a239-9b98d21ae6e1",
"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": "022531bf-a001-4014-84f0-8966a4e959f2",
"queryName": "profileImageNameGenerator",
"parameters": {},
"runOnlyIf": "{{components.filepicker1.file.length > 0}}"
},
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "5f068539-6555-4f99-a2c3-51208f1ce820",
"queryName": "createLead",
"parameters": {},
"runOnlyIf": "{{components.filepicker1.file.length == 0}}"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{!components.textinput5.isValid || !components.textinput6.isValid || !components.textinput7.isValid || !components.dropdown4.isValid}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Create Lead"
},
"loadingState": {
"value": "{{queries.profileImageNameGenerator.isLoading || queries.uploadProfileImage.isLoading || queries.createLead.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button9",
"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": 730.0003061294556,
"left": 79.06976175633015,
"width": 7,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"926663e3-5fc3-47d4-ab62-83ef634373e7": {
"id": "926663e3-5fc3-47d4-ab62-83ef634373e7",
"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": "{{components.textinput5.isValid ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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": "{{components.textinput5.value.length > 0 ? true : \" \"}}"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter 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": 330.000064432621,
"left": 18.60465781409459,
"width": 33,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"f2e54353-88ad-46a8-8712-7712455410ab": {
"id": "f2e54353-88ad-46a8-8712-7712455410ab",
"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": "{{components.textinput6.isValid ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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.textinput6.value) ? true : \" \"}}"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter email"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput6",
"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": 389.99998903274536,
"left": 18.604665776727725,
"width": 33,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"6095f219-1f36-4328-8105-e8612e554a1e": {
"id": "6095f219-1f36-4328-8105-e8612e554a1e",
"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": "{{components.textinput7.isValid > 0 ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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": "{{components.textinput7.value.length > 0 ? true : \" \"}}"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter company name"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput7",
"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": 449.9999651312828,
"left": 18.604654887787326,
"width": 33,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"c166faba-2e82-4dcc-96b6-9fd35a589eaa": {
"id": "c166faba-2e82-4dcc-96b6-9fd35a589eaa",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Deal amount:"
},
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 39.99983632564545,
"left": 60.465114434630685,
"width": 6,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"d249a032-1856-4a44-b364-77446712f547": {
"id": "d249a032-1856-4a44-b364-77446712f547",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"decimalPlaces": {
"type": "code",
"displayName": "Decimal places",
"validation": {
"schema": {
"type": "number"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#D7DBDF",
"fxActive": true
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "0"
},
"maxValue": {
"value": ""
},
"minValue": {
"value": "0"
},
"placeholder": {
"value": "{{components.numberinput2.value}}"
},
"decimalPlaces": {
"value": "{{2}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput2",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"layouts": {
"desktop": {
"top": 39.99995422363281,
"left": 74.4186102227264,
"width": 9.000000000000002,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"6542e4cf-485b-45b6-ad14-28f7efc985f6": {
"component": {
"properties": {
"instructionText": {
"type": "code",
"displayName": "Instruction Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"enableDropzone": {
"type": "code",
"displayName": "Use Drop zone",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enablePicker": {
"type": "code",
"displayName": "Use File Picker",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableMultiple": {
"type": "code",
"displayName": "Pick multiple files",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"maxFileCount": {
"type": "code",
"displayName": "Max file count",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"fileType": {
"type": "code",
"displayName": "Accept file types",
"validation": {
"schema": {
"type": "string"
}
}
},
"maxSize": {
"type": "code",
"displayName": "Max size limit (Bytes)",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minSize": {
"type": "code",
"displayName": "Min size limit (Bytes)",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"parseContent": {
"type": "toggle",
"displayName": "Parse content",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"parseFileType": {
"type": "select",
"displayName": "File type",
"options": [
{
"name": "Autodetect from extension",
"value": "auto-detect"
},
{
"name": "CSV",
"value": "csv"
},
{
"name": "Microsoft Excel - xls",
"value": "vnd.ms-excel"
},
{
"name": "Microsoft Excel - xlsx",
"value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet"
}
],
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onFileSelected": {
"displayName": "On File Selected"
},
"onFileLoaded": {
"displayName": "On File Loaded"
},
"onFileDeselected": {
"displayName": "On File Deselected"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{10}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"instructionText": {
"value": "To set a profile picture, select or drag-and-drop an image here"
},
"enableDropzone": {
"value": "{{true}}"
},
"enablePicker": {
"value": "{{true}}"
},
"maxFileCount": {
"value": "{{1}}"
},
"enableMultiple": {
"value": "{{false}}"
},
"fileType": {
"value": "{{\"image/*\"}}"
},
"maxSize": {
"value": "{{1048576}}"
},
"minSize": {
"value": "{{50}}"
},
"parseContent": {
"value": "{{false}}"
},
"parseFileType": {
"value": "auto-detect"
}
},
"general": {},
"exposedVariables": {}
},
"name": "filepicker1",
"displayName": "File Picker",
"description": "File Picker",
"component": "FilePicker",
"defaultSize": {
"width": 15,
"height": 100
},
"actions": [
{
"handle": "clearFiles",
"displayName": "Clear Files"
}
],
"exposedVariables": {
"file": [
{
"name": "",
"content": "",
"dataURL": "",
"type": "",
"parsedData": ""
}
],
"isParsing": false
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd",
"layouts": {
"desktop": {
"top": 200.00007319450378,
"left": 4.651164913076973,
"width": 39.00000000000001,
"height": 110
}
},
"withDefaultChildren": false
},
"aaea045d-da5c-4855-b203-1aed60ce0331": {
"id": "aaea045d-da5c-4855-b203-1aed60ce0331",
"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": "{{components.dropdown4.isValid ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
"fxActive": true
}
},
"validation": {
"customRule": {
"value": "{{components.dropdown4.value != undefined ? true : \" \"}}"
}
},
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": ""
},
"values": {
"value": "{{[\n \"Engineering\",\n \"Finance and Accounting\",\n \"Human Resources\",\n \"Marketing\",\n \"Operations\"\n]}}"
},
"display_values": {
"value": "{{[\n \"Engineering\",\n \"Finance and Accounting\",\n \"Human Resources\",\n \"Marketing\",\n \"Operations\"\n]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select a department"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown4",
"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": 509.9999561905861,
"left": 18.604649535674767,
"width": 33,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"a561c580-79d7-4adf-8e40-b22b3c7ea7c6": {
"component": {
"properties": {
"steps": {
"type": "code",
"displayName": "Steps",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "object",
"object": {
"id": {
"type": "number"
}
}
}
}
}
},
"currentStep": {
"type": "code",
"displayName": "Current step",
"validation": {
"schema": {
"type": "number"
}
}
},
"stepsSelectable": {
"type": "toggle",
"displayName": "Steps selectable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
}
},
"styles": {
"color": {
"type": "color",
"displayName": "Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
}
}
},
"theme": {
"type": "select",
"displayName": "Theme",
"options": [
{
"name": "titles",
"value": "titles"
},
{
"name": "numbers",
"value": "numbers"
},
{
"name": "plain",
"value": "plain"
}
],
"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}}"
},
"theme": {
"value": "titles"
},
"color": {
"value": "#3e63ddff"
},
"textColor": {
"value": ""
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"steps": {
"value": "{{[\n {\n id: 1,\n name: \"Prospect\",\n tooltip: \"Shown interest but have not yet engaged in a significant way.\",\n },\n {\n id: 2,\n name: \"Contacted\",\n tooltip: \"Initial contact has been made with the prospect or lead.\",\n },\n {\n name: \"Qualification\",\n id: 3,\n tooltip:\n \"Evaluating the prospect or lead to determine if they meet the criteria for becoming a customer or client.\",\n },\n {\n id: 4,\n name: \"Proposed\",\n tooltip: \"A proposal or quote has been sent to the prospect.\",\n },\n {\n name: \"Negotiation\",\n id: 5,\n tooltip:\n \"Engaged in negotiations regarding terms, pricing, or other details.\",\n },\n {\n id: 6,\n name: \"Closed\",\n tooltip: \"The relevant processes have been successfully finished.\",\n },\n]}}"
},
"currentStep": {
"value": "{{1}}"
},
"stepsSelectable": {
"value": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "steps1",
"displayName": "Steps",
"description": "Steps",
"component": "Steps",
"defaultSize": {
"width": 22,
"height": 38
},
"exposedVariables": {
"currentStepId": "3"
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd",
"layouts": {
"desktop": {
"top": 139.9998779296875,
"left": 25.581394055438516,
"width": 30,
"height": 40
}
},
"withDefaultChildren": false
},
"fbb6ed4e-0ef3-474b-a67a-2b1c1fbc6352": {
"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": "rounded"
},
"padding": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"imageFit": {
"value": "contain"
},
"backgroundColor": {
"value": "#8888881a"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"source": {
"value": "{{(components?.filepicker1?.file?.length ?? 0) > 0 ? `data:${components.filepicker1.file[0].type};base64,${components.filepicker1.file[0].base64Data}` : \"https://www.svgrepo.com/show/444673/user.svg\"}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
},
"alternativeText": {
"value": ""
},
"zoomButtons": {
"value": "{{false}}"
},
"rotateButton": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "image2",
"displayName": "Image",
"description": "Display an Image",
"defaultSize": {
"width": 3,
"height": 100
},
"component": "Image",
"exposedVariables": {}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd",
"layouts": {
"desktop": {
"top": 30.00005030632019,
"left": 4.651177931779017,
"width": 8,
"height": 150
}
},
"withDefaultChildren": false
},
"1244f123-f82a-4510-b68e-2322ba9989d2": {
"component": {
"properties": {
"loadingState": {
"type": "toggle",
"displayName": "loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.navbarBg}}",
"fxActive": true
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#3e63ddff",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container2",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 0.000003814697265625,
"left": 0,
"width": 43,
"height": 70
}
},
"withDefaultChildren": false
},
"1587681c-4ad5-4d18-8763-7337cfe983e4": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "{{queries.colorPalette.data.navbarText}}",
"fxActive": true
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": "{{1}}"
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "B R A 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": "1244f123-f82a-4510-b68e-2322ba9989d2",
"layouts": {
"desktop": {
"top": 10,
"left": 2.325581718026774,
"width": 6,
"height": 50
}
},
"withDefaultChildren": false
},
"0a161dfe-e17d-4650-ba5b-43b4f115449a": {
"id": "0a161dfe-e17d-4650-ba5b-43b4f115449a",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "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": "Process State"
},
"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": 110.00001525878906,
"left": 30.232559333441372,
"width": 26,
"height": 30
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"c174dc3c-f794-4644-8c95-e9640bc8d9f2": {
"id": "c174dc3c-f794-4644-8c95-e9640bc8d9f2",
"component": {
"properties": {
"title": {
"type": "code",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"useDefaultButton": {
"type": "toggle",
"displayName": "Use default trigger button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"triggerButtonLabel": {
"type": "code",
"displayName": "Trigger button label",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideTitleBar": {
"type": "toggle",
"displayName": "Hide title bar"
},
"hideCloseButton": {
"type": "toggle",
"displayName": "Hide close button"
},
"hideOnEsc": {
"type": "toggle",
"displayName": "Close on escape key"
},
"closeOnClickingOutside": {
"type": "toggle",
"displayName": "Close on clicking outside"
},
"size": {
"type": "select",
"displayName": "Modal size",
"options": [
{
"name": "small",
"value": "sm"
},
{
"name": "medium",
"value": "lg"
},
{
"name": "large",
"value": "xl"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"modalHeight": {
"type": "code",
"displayName": "Modal Height",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onOpen": {
"displayName": "On open"
},
"onClose": {
"displayName": "On close"
}
},
"styles": {
"headerBackgroundColor": {
"type": "color",
"displayName": "Header background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"headerTextColor": {
"type": "color",
"displayName": "Header title color",
"validation": {
"schema": {
"type": "string"
}
}
},
"bodyBackgroundColor": {
"type": "color",
"displayName": "Body background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"triggerButtonBackgroundColor": {
"type": "color",
"displayName": "Trigger button background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"triggerButtonTextColor": {
"type": "color",
"displayName": "Trigger button text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"headerBackgroundColor": {
"value": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4D72FA"
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Lead Details"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Launch Modal"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "680px"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal3",
"displayName": "Modal",
"description": "Modal triggered by events",
"component": "Modal",
"defaultSize": {
"width": 10,
"height": 34
},
"exposedVariables": {
"show": false
},
"actions": [
{
"handle": "open",
"displayName": "Open"
},
{
"handle": "close",
"displayName": "Close"
}
]
},
"layouts": {
"desktop": {
"top": 1033.9996299743652,
"left": 34.88372772688678,
"width": 10,
"height": 40
}
}
},
"eb23948e-fdd3-4e1e-a3af-7c5fddddbe36": {
"id": "eb23948e-fdd3-4e1e-a3af-7c5fddddbe36",
"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": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button10",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {
"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": 620.0000421404839,
"left": 62.79072855600938,
"width": 5,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"ab8eebbe-ebec-41a8-bf19-6c6427b611d1": {
"id": "ab8eebbe-ebec-41a8-bf19-6c6427b611d1",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "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": 219.99998474121094,
"left": 4.65116885972232,
"width": 4,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"ebbd7a45-5be3-418e-93c5-4b4e403a0388": {
"id": "ebbd7a45-5be3-418e-93c5-4b4e403a0388",
"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": "#D7DBDF",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {},
"general": {},
"exposedVariables": {}
},
"name": "divider3",
"displayName": "Divider",
"description": "Separator between components",
"component": "Divider",
"defaultSize": {
"width": 10,
"height": 10
},
"exposedVariables": {
"value": {}
}
},
"layouts": {
"desktop": {
"top": 600.0001038908958,
"left": -0.000008123400185411356,
"width": 43,
"height": 10
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"d40bb71b-2068-4cca-8ec3-1d174d53a678": {
"id": "d40bb71b-2068-4cca-8ec3-1d174d53a678",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "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": 280.000075340271,
"left": 4.651161723813867,
"width": 6,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"c4ca6abc-0515-4523-84b7-bfc4f0914593": {
"id": "c4ca6abc-0515-4523-84b7-bfc4f0914593",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Company:"
},
"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": 340.0000612139702,
"left": 4.651162066979629,
"width": 6,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"bcd2ab3a-3fc0-4ca1-9858-7bec35c579be": {
"id": "bcd2ab3a-3fc0-4ca1-9858-7bec35c579be",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Department:"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text27",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 399.9999694824219,
"left": 4.651160999837943,
"width": 6,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"ecdbccc0-e55c-465e-bdea-241bccfc98f5": {
"id": "ecdbccc0-e55c-465e-bdea-241bccfc98f5",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Notes:"
},
"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": 459.99977111816406,
"left": 4.651162790697675,
"width": 6,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"b7065c88-058e-4729-8fb0-be6d84d41512": {
"id": "b7065c88-058e-4729-8fb0-be6d84d41512",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "{{variables.selectedLeadData.notes}}"
},
"placeholder": {
"value": "Jot down your notes here"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textarea4",
"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": 460.00009673833847,
"left": 18.604658333496687,
"width": 33,
"height": 120
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"f48c8ca4-9e2c-4c01-9ce2-e825cfa60be2": {
"id": "f48c8ca4-9e2c-4c01-9ce2-e825cfa60be2",
"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": "{{variables.selectedLeadData.status}}"
},
"values": {
"value": "{{[\"Lead\", \"Opportunity\", \"Customer\", \"Lost\"]}}"
},
"display_values": {
"value": "{{[\"Lead\", \"Opportunity\", \"Customer\", \"Lost\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown5",
"displayName": "Dropdown",
"description": "Select one value from options",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 40.00000101327896,
"left": 34.88371671699695,
"width": 9.000000000000002,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"4ef90d3f-54a4-4f44-95dd-cfc32cc29a93": {
"id": "4ef90d3f-54a4-4f44-95dd-cfc32cc29a93",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Status:"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text29",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 40,
"left": 25.581391369148925,
"width": 4,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"4532bca7-12d4-4fb7-b6f3-b423b77a7701": {
"id": "4532bca7-12d4-4fb7-b6f3-b423b77a7701",
"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": "2b56ad7f-48ec-4232-904b-9705a1d8596a",
"queryName": "updateLead",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{!components.textinput8.isValid || !components.textinput9.isValid || !components.textinput10.isValid || !components.dropdown6.isValid}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Save changes"
},
"loadingState": {
"value": "{{queries.updateLead.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button11",
"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": 620.000394821167,
"left": 76.74418373215283,
"width": 8,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"d6328ff8-6b0c-49ba-a9ef-cb189de1011f": {
"id": "d6328ff8-6b0c-49ba-a9ef-cb189de1011f",
"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": "{{components.textinput8.isValid > 0 ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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": "{{components.textinput8.value.length > 0 ? true : \" \"}}"
}
},
"properties": {
"value": {
"value": "{{variables.selectedLeadData.name}}"
},
"placeholder": {
"value": "Enter name"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput8",
"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": 219.99997329711914,
"left": 18.60464157773724,
"width": 33,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"11bb727a-d769-4fd2-ac75-0b812b7c8e1f": {
"id": "11bb727a-d769-4fd2-ac75-0b812b7c8e1f",
"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": "{{components.textinput9.isValid ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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.textinput9.value) ? true : \" \"}}"
}
},
"properties": {
"value": {
"value": "{{variables.selectedLeadData.email}}"
},
"placeholder": {
"value": "Enter email"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput9",
"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": 279.999864757061,
"left": 18.604662485981912,
"width": 33,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"7d51263e-8333-40db-97dd-7923590d586e": {
"id": "7d51263e-8333-40db-97dd-7923590d586e",
"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": "{{components.textinput10.isValid > 0 ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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": "{{components.textinput10.value.length > 0 ? true : \" \"}}"
}
},
"properties": {
"value": {
"value": "{{variables.selectedLeadData.company}}"
},
"placeholder": {
"value": "Enter company name"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput10",
"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": 339.99995666742325,
"left": 18.604662894923663,
"width": 33,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"e15197f1-9db9-45ea-8ffa-2e03dc64fdf8": {
"id": "e15197f1-9db9-45ea-8ffa-2e03dc64fdf8",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Deal amount ($):"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text30",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 40.00003242492676,
"left": 60.46511627906977,
"width": 7,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"9e20c0df-0a0c-47a3-8f89-4bcecfad69e3": {
"id": "9e20c0df-0a0c-47a3-8f89-4bcecfad69e3",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"decimalPlaces": {
"type": "code",
"displayName": "Decimal places",
"validation": {
"schema": {
"type": "number"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#D7DBDF",
"fxActive": true
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "{{variables.selectedLeadData.deal_amount}}"
},
"maxValue": {
"value": ""
},
"minValue": {
"value": "0"
},
"placeholder": {
"value": "{{components.numberinput3.value}}"
},
"decimalPlaces": {
"value": "{{2}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput3",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"layouts": {
"desktop": {
"top": 40.00006103515625,
"left": 76.74418821238375,
"width": 8,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"16a4efda-026a-441f-b391-afb702fd00e4": {
"id": "16a4efda-026a-441f-b391-afb702fd00e4",
"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": "{{components.dropdown6.isValid ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff9999ff\"}}",
"fxActive": true
}
},
"validation": {
"customRule": {
"value": "{{components.dropdown6.value != undefined ? true : \" \"}}"
}
},
"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": "{{variables.selectedLeadData.department}}"
},
"values": {
"value": "{{[\n \"Engineering\",\n \"Finance and Accounting\",\n \"Human Resources\",\n \"Marketing\",\n \"Operations\"\n]}}"
},
"display_values": {
"value": "{{[\n \"Engineering\",\n \"Finance and Accounting\",\n \"Human Resources\",\n \"Marketing\",\n \"Operations\"\n]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select a department"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown6",
"displayName": "Dropdown",
"description": "Select one value from options",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 399.9998946785927,
"left": 18.604647451251065,
"width": 33,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"032a2530-e157-465a-ae08-fac913a85b1a": {
"id": "032a2530-e157-465a-ae08-fac913a85b1a",
"component": {
"properties": {
"steps": {
"type": "code",
"displayName": "Steps",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "object",
"object": {
"id": {
"type": "number"
}
}
}
}
}
},
"currentStep": {
"type": "code",
"displayName": "Current step",
"validation": {
"schema": {
"type": "number"
}
}
},
"stepsSelectable": {
"type": "toggle",
"displayName": "Steps selectable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
}
},
"styles": {
"color": {
"type": "color",
"displayName": "Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
}
}
},
"theme": {
"type": "select",
"displayName": "Theme",
"options": [
{
"name": "titles",
"value": "titles"
},
{
"name": "numbers",
"value": "numbers"
},
{
"name": "plain",
"value": "plain"
}
],
"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}}"
},
"theme": {
"value": "titles"
},
"color": {
"value": "#3e63ddff"
},
"textColor": {
"value": ""
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"steps": {
"value": "{{[\n {\n id: 1,\n name: \"Prospect\",\n tooltip: \"Shown interest but have not yet engaged in a significant way.\",\n },\n {\n id: 2,\n name: \"Contacted\",\n tooltip: \"Initial contact has been made with the prospect or lead.\",\n },\n {\n name: \"Qualification\",\n id: 3,\n tooltip:\n \"Evaluating the prospect or lead to determine if they meet the criteria for becoming a customer or client.\",\n },\n {\n id: 4,\n name: \"Proposed\",\n tooltip: \"A proposal or quote has been sent to the prospect.\",\n },\n {\n name: \"Negotiation\",\n id: 5,\n tooltip:\n \"Engaged in negotiations regarding terms, pricing, or other details.\",\n },\n {\n id: 6,\n name: \"Closed\",\n tooltip: \"The relevant processes have been successfully finished.\",\n },\n]}}"
},
"currentStep": {
"value": "{{({\n Prospect: 1,\n Contacted: 2,\n Qualification: 3,\n Proposed: 4,\n Negotiation: 5,\n Closed: 6,\n})[variables.selectedLeadData.process_state]}}"
},
"stepsSelectable": {
"value": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "steps2",
"displayName": "Steps",
"description": "Steps",
"component": "Steps",
"defaultSize": {
"width": 22,
"height": 38
},
"exposedVariables": {
"currentStepId": "3"
}
},
"layouts": {
"desktop": {
"top": 139.99987775087357,
"left": 25.58139713879437,
"width": 30,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"0c5e3762-54e4-460e-9f3e-624b7b09bdf6": {
"id": "0c5e3762-54e4-460e-9f3e-624b7b09bdf6",
"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": "rounded"
},
"padding": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"imageFit": {
"value": "contain"
},
"backgroundColor": {
"value": "#8888881a"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"source": {
"value": "{{variables.selectedLeadData.profile_image_url.length > 0 ? queries.viewProfilePicture.data.url : \"https://www.svgrepo.com/show/444673/user.svg\"}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.viewProfilePicture.isLoading}}",
"fxActive": true
},
"alternativeText": {
"value": "Failed to load profile picture!"
},
"zoomButtons": {
"value": "{{false}}"
},
"rotateButton": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "image3",
"displayName": "Image",
"description": "Display an Image",
"defaultSize": {
"width": 3,
"height": 100
},
"component": "Image",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 30.000023007392883,
"left": 4.651169386557087,
"width": 8,
"height": 150
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"b7f80607-2991-42ce-a679-70bc57992e7a": {
"id": "b7f80607-2991-42ce-a679-70bc57992e7a",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "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": "Process State"
},
"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": 109.99990844726562,
"left": 30.232558139534884,
"width": 26,
"height": 30
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"7a869a2f-eb9a-4fd6-bb7b-d5ce8af5e80f": {
"id": "7a869a2f-eb9a-4fd6-bb7b-d5ce8af5e80f",
"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": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button12",
"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": 730.0000610351562,
"left": 65.11627906976744,
"width": 5,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"b146390c-66db-46b0-9df3-f765c57d425b": {
"id": "b146390c-66db-46b0-9df3-f765c57d425b",
"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"
}
}
},
"allowSelection": {
"type": "toggle",
"displayName": "Allow selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkSelector": {
"type": "toggle",
"displayName": "Bulk selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"highlightSelectedRow": {
"type": "toggle",
"displayName": "Highlight selected row",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"defaultSelectedRow": {
"type": "code",
"displayName": "Default selected row",
"validation": {
"schema": {
"type": "object"
}
}
},
"showAddNewRowButton": {
"type": "toggle",
"displayName": "Show add new row button",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "0"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.fetchLeadsTransformed?.data?.Opportunity??[]}}"
},
"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,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true,
"key": "id",
"columnType": "default"
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true,
"columnType": "default",
"key": "name"
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true,
"columnType": "default",
"key": "email"
},
{
"name": "company",
"id": "500a7631-4b78-4298-b65a-a3c0188ec1c9",
"columnType": "default",
"key": "company"
},
{
"name": "department",
"id": "15518431-d6f8-4fe8-bb1d-05dbbc96e31f",
"columnType": "default",
"key": "department"
},
{
"name": "process state",
"id": "8a626d31-5dd0-4fca-bce0-38421af2aa60",
"columnType": "default",
"key": "process_state"
},
{
"name": "deal amount",
"id": "f3278bd5-7c5c-47dc-bfca-3a059d903ae0",
"columnType": "default",
"key": "deal_amount"
},
{
"id": "5238456c-aaf6-49c5-a7a8-1d27a02b2972",
"name": "notes",
"key": "notes",
"columnType": "default",
"autogenerated": true
},
{
"id": "2f8faaf7-ad99-438a-9da6-7edd49cfbd15",
"name": "created at",
"key": "created_at",
"columnType": "default",
"autogenerated": true
},
{
"id": "6a9ce6d3-f44b-44b0-8cec-528d3b4bc462",
"name": "updated at",
"key": "updated_at",
"columnType": "default",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 111,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 221,
"leftActions": 82,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 303,
"500a7631-4b78-4298-b65a-a3c0188ec1c9": 243,
"f3278bd5-7c5c-47dc-bfca-3a059d903ae0": 133,
"8a626d31-5dd0-4fca-bce0-38421af2aa60": 149,
"15518431-d6f8-4fe8-bb1d-05dbbc96e31f": 174,
"fd02a1af-4589-4b16-bd5d-07ec6f3535d4": 156
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Details",
"events": [
{
"eventId": "onClick",
"actionId": "set-custom-variable",
"message": "Hello world!",
"alertType": "info",
"key": "selectedLeadData",
"value": "{{components.table2.selectedRow}}"
},
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"queryName": "viewProfilePicture",
"parameters": {},
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}"
}
],
"position": "left",
"backgroundColor": "#f1f4ffff",
"textColor": "#5079ffff"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"License",
"company",
"department",
"deal_amount",
"process_state",
"profile_image_url",
"is_active",
"status"
]
}
},
"general": {},
"exposedVariables": {}
},
"name": "table2",
"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"
},
{
"displayName": "Download table data",
"handle": "downloadTableData",
"params": [
{
"handle": "type",
"displayName": "Type",
"options": [
{
"name": "Download as Excel",
"value": "xlsx"
},
{
"name": "Download as CSV",
"value": "csv"
},
{
"name": "Download as PDF",
"value": "pdf"
}
],
"defaultValue": "{{Download as Excel}}",
"type": "select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0.000012159347534179688,
"left": 0.0000019460754536737568,
"width": 43,
"height": 625
}
},
"parent": "d91777ee-6bf7-48a6-bae6-d9c5ddab0057-1"
},
"f33bc72b-cde6-4cbe-9d77-a0be4cf1922e": {
"id": "f33bc72b-cde6-4cbe-9d77-a0be4cf1922e",
"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"
}
}
},
"allowSelection": {
"type": "toggle",
"displayName": "Allow selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkSelector": {
"type": "toggle",
"displayName": "Bulk selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"highlightSelectedRow": {
"type": "toggle",
"displayName": "Highlight selected row",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"defaultSelectedRow": {
"type": "code",
"displayName": "Default selected row",
"validation": {
"schema": {
"type": "object"
}
}
},
"showAddNewRowButton": {
"type": "toggle",
"displayName": "Show add new row button",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "0"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.fetchLeadsTransformed?.data?.Customer??[]}}"
},
"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,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true,
"key": "id",
"columnType": "default"
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true,
"columnType": "default",
"key": "name"
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true,
"columnType": "default",
"key": "email"
},
{
"name": "company",
"id": "500a7631-4b78-4298-b65a-a3c0188ec1c9",
"columnType": "default",
"key": "company"
},
{
"name": "department",
"id": "15518431-d6f8-4fe8-bb1d-05dbbc96e31f",
"columnType": "default",
"key": "department"
},
{
"name": "process state",
"id": "8a626d31-5dd0-4fca-bce0-38421af2aa60",
"columnType": "default",
"key": "process_state"
},
{
"name": "deal amount",
"id": "f3278bd5-7c5c-47dc-bfca-3a059d903ae0",
"columnType": "default",
"key": "deal_amount"
},
{
"id": "5238456c-aaf6-49c5-a7a8-1d27a02b2972",
"name": "notes",
"key": "notes",
"columnType": "default",
"autogenerated": true
},
{
"id": "2f8faaf7-ad99-438a-9da6-7edd49cfbd15",
"name": "created at",
"key": "created_at",
"columnType": "default",
"autogenerated": true
},
{
"id": "6a9ce6d3-f44b-44b0-8cec-528d3b4bc462",
"name": "updated at",
"key": "updated_at",
"columnType": "default",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 111,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 221,
"leftActions": 82,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 303,
"500a7631-4b78-4298-b65a-a3c0188ec1c9": 243,
"f3278bd5-7c5c-47dc-bfca-3a059d903ae0": 133,
"8a626d31-5dd0-4fca-bce0-38421af2aa60": 149,
"15518431-d6f8-4fe8-bb1d-05dbbc96e31f": 174,
"fd02a1af-4589-4b16-bd5d-07ec6f3535d4": 156
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Details",
"events": [
{
"eventId": "onClick",
"actionId": "set-custom-variable",
"message": "Hello world!",
"alertType": "info",
"key": "selectedLeadData",
"value": "{{components.table3.selectedRow}}"
},
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"queryName": "viewProfilePicture",
"parameters": {},
"debounce": "",
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}"
}
],
"position": "left",
"backgroundColor": "#f1f4ffff",
"textColor": "#5079ffff"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"License",
"company",
"department",
"deal_amount",
"process_state",
"profile_image_url",
"is_active",
"status"
]
}
},
"general": {},
"exposedVariables": {}
},
"name": "table3",
"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"
},
{
"displayName": "Download table data",
"handle": "downloadTableData",
"params": [
{
"handle": "type",
"displayName": "Type",
"options": [
{
"name": "Download as Excel",
"value": "xlsx"
},
{
"name": "Download as CSV",
"value": "csv"
},
{
"name": "Download as PDF",
"value": "pdf"
}
],
"defaultValue": "{{Download as Excel}}",
"type": "select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": -0.00003987550735473633,
"left": -0.0000031579780701562754,
"width": 43,
"height": 625
}
},
"parent": "d91777ee-6bf7-48a6-bae6-d9c5ddab0057-2"
},
"8557211b-4340-4de9-aaca-d27136ab10fd": {
"id": "8557211b-4340-4de9-aaca-d27136ab10fd",
"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"
}
}
},
"allowSelection": {
"type": "toggle",
"displayName": "Allow selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkSelector": {
"type": "toggle",
"displayName": "Bulk selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"highlightSelectedRow": {
"type": "toggle",
"displayName": "Highlight selected row",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"defaultSelectedRow": {
"type": "code",
"displayName": "Default selected row",
"validation": {
"schema": {
"type": "object"
}
}
},
"showAddNewRowButton": {
"type": "toggle",
"displayName": "Show add new row button",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "0"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.fetchLeadsTransformed?.data?.Lost??[]}}"
},
"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,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true,
"key": "id",
"columnType": "default"
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true,
"columnType": "default",
"key": "name"
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true,
"columnType": "default",
"key": "email"
},
{
"name": "company",
"id": "500a7631-4b78-4298-b65a-a3c0188ec1c9",
"columnType": "default",
"key": "company"
},
{
"name": "department",
"id": "15518431-d6f8-4fe8-bb1d-05dbbc96e31f",
"columnType": "default",
"key": "department"
},
{
"name": "process state",
"id": "8a626d31-5dd0-4fca-bce0-38421af2aa60",
"columnType": "default",
"key": "process_state"
},
{
"name": "deal amount",
"id": "f3278bd5-7c5c-47dc-bfca-3a059d903ae0",
"columnType": "default",
"key": "deal_amount"
},
{
"id": "5238456c-aaf6-49c5-a7a8-1d27a02b2972",
"name": "notes",
"key": "notes",
"columnType": "default",
"autogenerated": true
},
{
"id": "2f8faaf7-ad99-438a-9da6-7edd49cfbd15",
"name": "created at",
"key": "created_at",
"columnType": "default",
"autogenerated": true
},
{
"id": "6a9ce6d3-f44b-44b0-8cec-528d3b4bc462",
"name": "updated at",
"key": "updated_at",
"columnType": "default",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 111,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 221,
"leftActions": 82,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 303,
"500a7631-4b78-4298-b65a-a3c0188ec1c9": 243,
"f3278bd5-7c5c-47dc-bfca-3a059d903ae0": 133,
"8a626d31-5dd0-4fca-bce0-38421af2aa60": 149,
"15518431-d6f8-4fe8-bb1d-05dbbc96e31f": 174,
"fd02a1af-4589-4b16-bd5d-07ec6f3535d4": 156
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Details",
"events": [
{
"eventId": "onClick",
"actionId": "set-custom-variable",
"message": "Hello world!",
"alertType": "info",
"key": "selectedLeadData",
"value": "{{components.table4.selectedRow}}"
},
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"queryName": "viewProfilePicture",
"parameters": {},
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}"
}
],
"position": "left",
"backgroundColor": "#f1f4ffff",
"textColor": "#5079ffff"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"License",
"company",
"department",
"deal_amount",
"process_state",
"profile_image_url",
"is_active",
"status"
]
}
},
"general": {},
"exposedVariables": {}
},
"name": "table4",
"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"
},
{
"displayName": "Download table data",
"handle": "downloadTableData",
"params": [
{
"handle": "type",
"displayName": "Type",
"options": [
{
"name": "Download as Excel",
"value": "xlsx"
},
{
"name": "Download as CSV",
"value": "csv"
},
{
"name": "Download as PDF",
"value": "pdf"
}
],
"defaultValue": "{{Download as Excel}}",
"type": "select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": -0.00004315376281738281,
"left": -7.215823494277629e-8,
"width": 43,
"height": 625
}
},
"parent": "d91777ee-6bf7-48a6-bae6-d9c5ddab0057-3"
},
"00fe8322-78b3-48f8-9a22-f0f7a7b152f3": {
"component": {
"properties": {
"data": {
"type": "code",
"displayName": "Svg data",
"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"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"data": {
"value": ""
}
},
"general": {
"tooltip": {
"value": "Click on the points to set Process state."
}
},
"exposedVariables": {}
},
"name": "svgimage1",
"displayName": "Svg Image",
"description": "Svg image",
"component": "SvgImage",
"defaultSize": {
"width": 4,
"height": 50
},
"exposedVariables": {
"value": {}
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd",
"layouts": {
"desktop": {
"top": 110.00009155273438,
"left": 90.69767800032412,
"width": 2,
"height": 30
}
},
"withDefaultChildren": false
},
"c554104e-fb35-4394-a2ba-d76160a889da": {
"id": "c554104e-fb35-4394-a2ba-d76160a889da",
"component": {
"properties": {
"data": {
"type": "code",
"displayName": "Svg data",
"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"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"data": {
"value": ""
}
},
"general": {
"tooltip": {
"value": "Click on the points to set Process state."
}
},
"exposedVariables": {}
},
"name": "svgimage2",
"displayName": "Svg Image",
"description": "Svg image",
"component": "SvgImage",
"defaultSize": {
"width": 4,
"height": 50
},
"exposedVariables": {
"value": {}
}
},
"layouts": {
"desktop": {
"top": 110.00006484985352,
"left": 90.69767812888233,
"width": 2,
"height": 30
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
}
},
"handle": "home",
"name": "Home"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": "100",
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "#ffffff",
"backgroundFxQuery": "{{queries.colorPalette.data[\"canvasBg_\"+globals.theme.name]}}"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": 100,
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "",
"backgroundFxQuery": ""
},
"showViewerNavigation": false,
"homePageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"appId": "38c9c7cc-2ecf-4375-85c7-30279e59e111",
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"promotedFrom": null,
"createdAt": "2023-08-30T07:34:00.601Z",
"updatedAt": "2024-01-02T11:22:50.991Z"
},
"components": [
{
"id": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"name": "modal2",
"type": "Modal",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": null,
"properties": {
"title": {
"value": "Create Lead"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Launch Modal"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}",
"fxActive": false
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "790px"
}
},
"general": {},
"styles": {
"headerBackgroundColor": {
"value": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4D72FA"
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "2358ba8a-e430-4e25-b31f-4aefc5a5e27c",
"type": "desktop",
"top": 1033.9996483325958,
"left": 4.651157267392136,
"width": 10,
"height": 40,
"componentId": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea"
}
]
},
{
"id": "fbf4090c-6d2e-4563-b266-000496b981a0",
"name": "text14",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"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": "29abf2da-c625-4bed-8177-2e2c868af63c",
"type": "desktop",
"top": 330.0000183582306,
"left": 4.651167091543955,
"width": 4,
"height": 40,
"componentId": "fbf4090c-6d2e-4563-b266-000496b981a0"
}
]
},
{
"id": "db41263b-bd3e-4cad-b838-b49e7dc548cb",
"name": "divider2",
"type": "Divider",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"dividerColor": {
"value": "#D7DBDF",
"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": "3d72d677-5ee3-484d-a9d1-1fe0cc7d5b02",
"type": "desktop",
"top": 710.0000841617584,
"left": -0.000002195560789070378,
"width": 43,
"height": 10,
"componentId": "db41263b-bd3e-4cad-b838-b49e7dc548cb"
}
]
},
{
"id": "a8ed9488-49fe-4bb0-999e-d510f58911b9",
"name": "text15",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"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": "54905875-784b-4680-8f6e-639d396c16c0",
"type": "desktop",
"top": 390.0001220703125,
"left": 4.651164183588576,
"width": 6,
"height": 40,
"componentId": "a8ed9488-49fe-4bb0-999e-d510f58911b9"
}
]
},
{
"id": "1ce4b59d-1e12-4d23-a168-afb6cc88a8a4",
"name": "text16",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"text": {
"value": "Company:"
},
"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": "b2192b6b-7a80-4847-a8b7-7a8f7c32e31f",
"type": "desktop",
"top": 450.0000104904175,
"left": 4.651162094252224,
"width": 6,
"height": 40,
"componentId": "1ce4b59d-1e12-4d23-a168-afb6cc88a8a4"
}
]
},
{
"id": "bdaadbfa-663a-4a55-aa94-2e3576850478",
"name": "text17",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"text": {
"value": "Department:"
},
"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": "c452b046-9582-4999-8346-62828707dad4",
"type": "desktop",
"top": 509.99999713897705,
"left": 4.651163785619743,
"width": 6,
"height": 40,
"componentId": "bdaadbfa-663a-4a55-aa94-2e3576850478"
}
]
},
{
"id": "75302f20-30db-470e-9f23-3515fea69f08",
"name": "text18",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"text": {
"value": "Notes:"
},
"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": "897ef8fe-215f-46db-a7b5-9dfb1d7e015b",
"type": "desktop",
"top": 569.9998779296875,
"left": 4.651162790697675,
"width": 6,
"height": 40,
"componentId": "75302f20-30db-470e-9f23-3515fea69f08"
}
]
},
{
"id": "6606d6cb-a29e-48c8-9e6a-de045200f216",
"name": "textarea3",
"type": "TextArea",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Jot down your notes here"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "9c9791a5-880a-459e-a83e-676db23f08ab",
"type": "desktop",
"top": 569.9997757077217,
"left": 18.604649895355095,
"width": 33,
"height": 120,
"componentId": "6606d6cb-a29e-48c8-9e6a-de045200f216"
}
]
},
{
"id": "1ca8a73f-87c2-4beb-bc32-bae0d2a0cf17",
"name": "dropdown2",
"type": "DropDown",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"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": "{{\"Lead\"}}"
},
"values": {
"value": "{{[\"Lead\", \"Opportunity\", \"Customer\", \"Lost\"]}}"
},
"display_values": {
"value": "{{[\"Lead\", \"Opportunity\", \"Customer\", \"Lost\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status"
}
},
"general": {},
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "24bf7aca-679e-4bb3-ade9-526a7d81cd73",
"type": "desktop",
"top": 39.99993896484375,
"left": 34.88373555558703,
"width": 9.000000000000002,
"height": 40,
"componentId": "1ca8a73f-87c2-4beb-bc32-bae0d2a0cf17"
}
]
},
{
"id": "eab1c6a0-87b2-4f2b-94c0-fc7219366b03",
"name": "text20",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"text": {
"value": "Status:"
},
"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": "d549cf70-d4f3-4844-a748-000f6a28efa1",
"type": "desktop",
"top": 39.999969482421875,
"left": 25.581398333603428,
"width": 4,
"height": 40,
"componentId": "eab1c6a0-87b2-4f2b-94c0-fc7219366b03"
}
]
},
{
"id": "9f9c9018-a19e-4436-924b-1c56306afb89",
"name": "text21",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"text": {
"value": "Deal amount:"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": "{{14}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "d78e9669-ab2f-4639-8b88-d5bb8cb9454d",
"type": "desktop",
"top": 39.99983632564545,
"left": 60.465114434630685,
"width": 6,
"height": 40,
"componentId": "9f9c9018-a19e-4436-924b-1c56306afb89"
}
]
},
{
"id": "60675ba5-7765-43f5-80b0-86ef6737f76c",
"name": "filepicker1",
"type": "FilePicker",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"instructionText": {
"value": "To set a profile picture, select or drag-and-drop an image here"
},
"enableDropzone": {
"value": "{{true}}"
},
"enablePicker": {
"value": "{{true}}"
},
"maxFileCount": {
"value": "{{1}}"
},
"enableMultiple": {
"value": "{{false}}"
},
"fileType": {
"value": "{{\"image/*\"}}"
},
"maxSize": {
"value": "{{1048576}}"
},
"minSize": {
"value": "{{50}}"
},
"parseContent": {
"value": "{{false}}"
},
"parseFileType": {
"value": "auto-detect"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{10}}"
}
},
"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": "f31eb32d-4ecb-44fb-968b-338d60c08e94",
"type": "desktop",
"top": 200.00007319450378,
"left": 4.651164913076973,
"width": 39.00000000000001,
"height": 110,
"componentId": "60675ba5-7765-43f5-80b0-86ef6737f76c"
}
]
},
{
"id": "231856a4-0e7c-40fa-bf35-a38b85360689",
"name": "steps1",
"type": "Steps",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"steps": {
"value": "{{[\n {\n id: 1,\n name: \"Prospect\",\n tooltip: \"Shown interest but have not yet engaged in a significant way.\",\n },\n {\n id: 2,\n name: \"Contacted\",\n tooltip: \"Initial contact has been made with the prospect or lead.\",\n },\n {\n name: \"Qualification\",\n id: 3,\n tooltip:\n \"Evaluating the prospect or lead to determine if they meet the criteria for becoming a customer or client.\",\n },\n {\n id: 4,\n name: \"Proposed\",\n tooltip: \"A proposal or quote has been sent to the prospect.\",\n },\n {\n name: \"Negotiation\",\n id: 5,\n tooltip:\n \"Engaged in negotiations regarding terms, pricing, or other details.\",\n },\n {\n id: 6,\n name: \"Closed\",\n tooltip: \"The relevant processes have been successfully finished.\",\n },\n]}}"
},
"currentStep": {
"value": "{{1}}"
},
"stepsSelectable": {
"value": true
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"theme": {
"value": "titles"
},
"color": {
"value": "#3e63ddff"
},
"textColor": {
"value": ""
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "6d1d9af7-4953-45fd-9431-a644c4678adb",
"type": "desktop",
"top": 139.9998779296875,
"left": 25.581394055438516,
"width": 30,
"height": 40,
"componentId": "231856a4-0e7c-40fa-bf35-a38b85360689"
}
]
},
{
"id": "6c6c192c-84da-4db7-8d77-592666036ad2",
"name": "container2",
"type": "Container",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": null,
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.navbarBg}}",
"fxActive": true
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#3e63ddff",
"fxActive": true
},
"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": "c9033fd8-2073-454c-b34b-6979b612fbd4",
"type": "desktop",
"top": 0.000003814697265625,
"left": 0,
"width": 43,
"height": 70,
"componentId": "6c6c192c-84da-4db7-8d77-592666036ad2"
}
]
},
{
"id": "70a03a0f-d2a3-41fc-936e-8e0762d2411f",
"name": "text23",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"text": {
"value": "Process State"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": "{{14}}"
},
"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": "63b5f295-ce61-46f3-8f55-b5e0f5e7fe12",
"type": "desktop",
"top": 110.00001525878906,
"left": 30.232559333441372,
"width": 26,
"height": 30,
"componentId": "70a03a0f-d2a3-41fc-936e-8e0762d2411f"
}
]
},
{
"id": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"name": "modal3",
"type": "Modal",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": null,
"properties": {
"title": {
"value": "Lead Details"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Launch Modal"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "680px"
}
},
"general": {},
"styles": {
"headerBackgroundColor": {
"value": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4D72FA"
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "f012dd90-01b7-4c20-884e-00fb61cb5d42",
"type": "desktop",
"top": 1033.9996299743652,
"left": 34.88372772688678,
"width": 10,
"height": 40,
"componentId": "4f638f92-4454-4a60-9f41-15db3e84cd4c"
}
]
},
{
"id": "c13078fc-59db-41e3-afa0-2b209d8912ea",
"name": "button10",
"type": "Button",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "4fe3565b-5317-4c68-9ecc-30514d764215",
"type": "desktop",
"top": 620.0000421404839,
"left": 62.79072855600938,
"width": 5,
"height": 40,
"componentId": "c13078fc-59db-41e3-afa0-2b209d8912ea"
}
]
},
{
"id": "254c3dfd-46d3-4860-9079-cc93b6a00f29",
"name": "text24",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"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": "dafff080-145b-406e-b7ca-b2864364b235",
"type": "desktop",
"top": 219.99998474121094,
"left": 4.65116885972232,
"width": 4,
"height": 40,
"componentId": "254c3dfd-46d3-4860-9079-cc93b6a00f29"
}
]
},
{
"id": "b7fef0d5-2496-4b62-9184-7b4633d9eef8",
"name": "text25",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"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": "eeb3bd8d-a749-471e-8347-c092f348b028",
"type": "desktop",
"top": 280.000075340271,
"left": 4.651161723813867,
"width": 6,
"height": 40,
"componentId": "b7fef0d5-2496-4b62-9184-7b4633d9eef8"
}
]
},
{
"id": "74295869-7c44-49ed-bb4d-9ab40355fa54",
"name": "text26",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"text": {
"value": "Company:"
},
"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": "d08b25e4-95b5-4112-be84-22e0029990b7",
"type": "desktop",
"top": 340.0000612139702,
"left": 4.651162066979629,
"width": 6,
"height": 40,
"componentId": "74295869-7c44-49ed-bb4d-9ab40355fa54"
}
]
},
{
"id": "94d2d8b0-3545-47d4-b92e-682973ec3818",
"name": "textinput5",
"type": "TextInput",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter name"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "{{components.textinput5.isValid ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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": "{{components.textinput5.value.length > 0 ? true : \" \"}}"
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "bcf427a0-747e-4459-8fd9-38bed24e2803",
"type": "desktop",
"top": 330.0000498890877,
"left": 18.6046575472951,
"width": 33,
"height": 40,
"componentId": "94d2d8b0-3545-47d4-b92e-682973ec3818"
}
]
},
{
"id": "e3e08f3d-5ca6-4ed9-a780-58b92fcaa225",
"name": "text22",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "6c6c192c-84da-4db7-8d77-592666036ad2",
"properties": {
"text": {
"value": "B R A N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "{{queries.colorPalette.data.navbarText}}",
"fxActive": true
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": "{{1}}"
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "fe208e35-6065-4ae3-b5c3-facce178e49d",
"type": "desktop",
"top": 0,
"left": 2.325581718026774,
"width": 6,
"height": 60,
"componentId": "e3e08f3d-5ca6-4ed9-a780-58b92fcaa225"
}
]
},
{
"id": "450d65e8-e67a-49ba-a06d-b047c537fff6",
"name": "numberinput2",
"type": "NumberInput",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"value": {
"value": "0"
},
"maxValue": {
"value": ""
},
"minValue": {
"value": "0"
},
"placeholder": {
"value": "{{components.numberinput2.value}}"
},
"decimalPlaces": {
"value": "{{2}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#D7DBDF",
"fxActive": true
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "293fdbb6-c2ee-4e58-8e3e-3c94348bbd33",
"type": "desktop",
"top": 40.00008100271225,
"left": 74.41872298887554,
"width": 9.000000000000002,
"height": 40,
"componentId": "450d65e8-e67a-49ba-a06d-b047c537fff6"
}
]
},
{
"id": "8bcb2bbb-51e9-43a3-9581-7941faa84281",
"name": "text1",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": null,
"properties": {
"text": {
"value": "Lead Management System"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"fxActive": false
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "b6bd8924-bafe-4d8c-92e8-7910b6714580",
"type": "desktop",
"top": 99.99992859363556,
"left": 2.3255817647218344,
"width": 8,
"height": 100,
"componentId": "8bcb2bbb-51e9-43a3-9581-7941faa84281"
}
]
},
{
"id": "f4576742-6f8b-4b22-b3d8-0fad62bfad61",
"name": "statistics2",
"type": "Statistics",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": null,
"properties": {
"primaryValueLabel": {
"value": "Total amount ($)"
},
"primaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalAmtCurrMonth??0}}"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalAmtDiff ?? 0 + ((queries?.fetchLeadsTransformed?.data?.totalAmtDiff ?? 0) == \"N/A\" ? \"\" : \"%\")}}"
},
"secondarySignDisplay": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalAmtDiffSign ?? \"positive\"}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"hideSecondary": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "{{({ negative: \"#EE2C4D\", positive: \"#36AF8B\" })[queries?.fetchLeadsTransformed?.data?.totalAmtDiffSign ?? \"positive\"]}}",
"fxActive": true
},
"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": "194222d7-5229-4f31-ab4f-d82ca4f940c0",
"type": "desktop",
"top": 100.00000578165054,
"left": 62.790711249776784,
"width": 7,
"height": 160,
"componentId": "f4576742-6f8b-4b22-b3d8-0fad62bfad61"
}
]
},
{
"id": "907eea1f-a13b-4d06-9074-f98f32a7f0e5",
"name": "button1",
"type": "Button",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": null,
"properties": {
"text": {
"value": "Create Lead"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "4d32af1d-a731-4c3f-b630-45bb16907019",
"type": "desktop",
"top": 210.00002175569534,
"left": 2.325578771519558,
"width": 5,
"height": 40,
"componentId": "907eea1f-a13b-4d06-9074-f98f32a7f0e5"
}
]
},
{
"id": "2fbc2561-e880-4df8-9b01-6f60b2730acb",
"name": "table1",
"type": "Table",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "f6527e9a-27c7-4cf9-9cc4-ce913a838e65-0",
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.fetchLeadsTransformed?.data?.Lead??[]}}"
},
"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,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true,
"key": "id",
"columnType": "default"
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true,
"columnType": "default",
"key": "name"
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true,
"columnType": "default",
"key": "email"
},
{
"name": "company",
"id": "500a7631-4b78-4298-b65a-a3c0188ec1c9",
"columnType": "default",
"key": "company"
},
{
"name": "department",
"id": "15518431-d6f8-4fe8-bb1d-05dbbc96e31f",
"columnType": "default",
"key": "department"
},
{
"name": "process state",
"id": "8a626d31-5dd0-4fca-bce0-38421af2aa60",
"columnType": "default",
"key": "process_state"
},
{
"name": "deal amount",
"id": "f3278bd5-7c5c-47dc-bfca-3a059d903ae0",
"columnType": "default",
"key": "deal_amount"
},
{
"id": "5238456c-aaf6-49c5-a7a8-1d27a02b2972",
"name": "notes",
"key": "notes",
"columnType": "default",
"autogenerated": true
},
{
"id": "2f8faaf7-ad99-438a-9da6-7edd49cfbd15",
"name": "created at",
"key": "created_at",
"columnType": "default",
"autogenerated": true
},
{
"id": "6a9ce6d3-f44b-44b0-8cec-528d3b4bc462",
"name": "updated at",
"key": "updated_at",
"columnType": "default",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 77,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 134,
"leftActions": 82,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 216,
"500a7631-4b78-4298-b65a-a3c0188ec1c9": 128,
"f3278bd5-7c5c-47dc-bfca-3a059d903ae0": 127,
"8a626d31-5dd0-4fca-bce0-38421af2aa60": 139,
"15518431-d6f8-4fe8-bb1d-05dbbc96e31f": 186,
"fd02a1af-4589-4b16-bd5d-07ec6f3535d4": 156,
"5238456c-aaf6-49c5-a7a8-1d27a02b2972": 172,
"2f8faaf7-ad99-438a-9da6-7edd49cfbd15": 169,
"6a9ce6d3-f44b-44b0-8cec-528d3b4bc462": 166
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Details",
"events": [
{
"eventId": "onClick",
"actionId": "set-custom-variable",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2",
"key": "selectedLeadData",
"value": "{{components.table1.selectedRow}}"
},
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"queryName": "viewProfilePicture",
"parameters": {},
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}"
}
],
"position": "left",
"backgroundColor": "#f1f4ffff",
"textColor": "#5079ffff"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"License",
"company",
"department",
"deal_amount",
"process_state",
"profile_image_url",
"is_active",
"status"
]
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "0"
},
"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:54:20.780Z",
"layouts": [
{
"id": "648b1c8b-3f73-465f-8e2b-7729eefea7b2",
"type": "desktop",
"top": -0.000152587890625,
"left": 0.0000155063537647249,
"width": 43,
"height": 605,
"componentId": "2fbc2561-e880-4df8-9b01-6f60b2730acb"
}
]
},
{
"id": "376a84ba-5831-4fea-8852-cbf9583da58d",
"name": "image2",
"type": "Image",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"source": {
"value": "{{(components?.filepicker1?.file?.length ?? 0) > 0 ? `data:${components.filepicker1.file[0].type};base64,${components.filepicker1.file[0].base64Data}` : \"https://www.svgrepo.com/show/444673/user.svg\"}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
},
"alternativeText": {
"value": ""
},
"zoomButtons": {
"value": "{{false}}"
},
"rotateButton": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"borderType": {
"value": "rounded"
},
"padding": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"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": "e488db0f-d9b2-407a-adcc-04e555ed5782",
"type": "desktop",
"top": 30.00003957748413,
"left": 4.6511776742382285,
"width": 8,
"height": 150,
"componentId": "376a84ba-5831-4fea-8852-cbf9583da58d"
}
]
},
{
"id": "51a7921e-15dd-4c05-a649-b4e8fadb03d9",
"name": "statistics4",
"type": "Statistics",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": null,
"properties": {
"primaryValueLabel": {
"value": "Total deals"
},
"primaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalDealsCurrMonth??0}}"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalDealsDiff ?? 0 + ((queries?.fetchLeadsTransformed?.data?.totalDealsDiff ?? 0) == \"N/A\" ? \"\" : \"%\")}}"
},
"secondarySignDisplay": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalDealsDiffSign ?? \"positive\"}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"hideSecondary": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "{{({ negative: \"#EE2C4D\", positive: \"#36AF8B\" })[queries?.fetchLeadsTransformed?.data?.totalDealsDiffSign ?? \"positive\"]}}",
"fxActive": true
},
"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": "8468497a-3936-4b8f-ba40-adb1307c5ae3",
"type": "desktop",
"top": 100.00009155273438,
"left": 44.18604028133946,
"width": 7,
"height": 160,
"componentId": "51a7921e-15dd-4c05-a649-b4e8fadb03d9"
}
]
},
{
"id": "c3e405d8-d4b1-4804-809f-1f12a647d3a7",
"name": "button9",
"type": "Button",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"text": {
"value": "Create Lead"
},
"loadingState": {
"value": "{{queries.profileImageNameGenerator.isLoading || queries.uploadProfileImage.isLoading || queries.createLead.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{!components.textinput5.isValid || !components.textinput6.isValid || !components.textinput7.isValid || !components.dropdown4.isValid}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "857b66fd-207c-43a7-a59a-2bb1da65dcef",
"type": "desktop",
"top": 730.0004004836082,
"left": 79.06976194217063,
"width": 7,
"height": 40,
"componentId": "c3e405d8-d4b1-4804-809f-1f12a647d3a7"
}
]
},
{
"id": "59a4b65c-32ce-4c23-86a8-a62833090b37",
"name": "dropdown4",
"type": "DropDown",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": ""
},
"values": {
"value": "{{[\n \"Engineering\",\n \"Finance and Accounting\",\n \"Human Resources\",\n \"Marketing\",\n \"Operations\"\n]}}"
},
"display_values": {
"value": "{{[\n \"Engineering\",\n \"Finance and Accounting\",\n \"Human Resources\",\n \"Marketing\",\n \"Operations\"\n]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select a department"
}
},
"general": {},
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "{{components.dropdown4.isValid ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
"fxActive": true
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": "{{components.dropdown4.value != undefined ? true : \" \"}}"
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "041a5d6c-8dfd-4c3e-b1a1-47b06e1c0465",
"type": "desktop",
"top": 509.9999569058418,
"left": 18.604673887491444,
"width": 33,
"height": 40,
"componentId": "59a4b65c-32ce-4c23-86a8-a62833090b37"
}
]
},
{
"id": "b215aed4-86bf-4c58-82cc-9b931d79a8fe",
"name": "textinput6",
"type": "TextInput",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter email"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "{{components.textinput6.isValid ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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.textinput6.value) ? true : \" \"}}"
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "7faa4bc3-4a2d-4696-98ce-3d601e2179ff",
"type": "desktop",
"top": 389.99994176626205,
"left": 18.604679991011988,
"width": 33,
"height": 40,
"componentId": "b215aed4-86bf-4c58-82cc-9b931d79a8fe"
}
]
},
{
"id": "4cb91b00-211c-429c-a316-008814c43737",
"name": "textinput7",
"type": "TextInput",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter company name"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "{{components.textinput7.isValid > 0 ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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": "{{components.textinput7.value.length > 0 ? true : \" \"}}"
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "d81459d5-ee0e-42df-90de-5aece9b9df3d",
"type": "desktop",
"top": 449.99980145692825,
"left": 18.604650509809378,
"width": 33,
"height": 40,
"componentId": "4cb91b00-211c-429c-a316-008814c43737"
}
]
},
{
"id": "5e909b70-902b-48fb-b727-f2920915796b",
"name": "divider3",
"type": "Divider",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"dividerColor": {
"value": "#D7DBDF",
"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": "7c714337-f9e1-4ec0-985b-91fc6629437a",
"type": "desktop",
"top": 600.0000901818275,
"left": 0.00001413914834103025,
"width": 43,
"height": 10,
"componentId": "5e909b70-902b-48fb-b727-f2920915796b"
}
]
},
{
"id": "a7685e5b-0c19-476c-b1ae-ddd243a3c67d",
"name": "text27",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"text": {
"value": "Department:"
},
"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": "8c7522a8-810f-4834-8b72-4f7d7356b549",
"type": "desktop",
"top": 399.9999694824219,
"left": 4.651160999837943,
"width": 6,
"height": 40,
"componentId": "a7685e5b-0c19-476c-b1ae-ddd243a3c67d"
}
]
},
{
"id": "54346c67-e74b-4b94-8edb-ee31c0502eac",
"name": "text28",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"text": {
"value": "Notes:"
},
"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": "cd9e25c2-4912-49de-a16c-3e9329fe4947",
"type": "desktop",
"top": 459.99977111816406,
"left": 4.651162790697675,
"width": 6,
"height": 40,
"componentId": "54346c67-e74b-4b94-8edb-ee31c0502eac"
}
]
},
{
"id": "9d5b88b2-652a-4f09-87c0-49728149b55f",
"name": "textarea4",
"type": "TextArea",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"value": {
"value": "{{variables.selectedLeadData.notes}}"
},
"placeholder": {
"value": "Jot down your notes here"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "bc9b3978-dea8-4d9f-871d-d49ecda9433a",
"type": "desktop",
"top": 460.00009673833847,
"left": 18.604658333496687,
"width": 33,
"height": 120,
"componentId": "9d5b88b2-652a-4f09-87c0-49728149b55f"
}
]
},
{
"id": "7fea5faa-a8e9-48ce-aaab-26f8e7c84852",
"name": "text29",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"text": {
"value": "Status:"
},
"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": "17116efe-7daf-4f0e-b238-0bda0af4fb1d",
"type": "desktop",
"top": 40,
"left": 25.581391369148925,
"width": 4,
"height": 40,
"componentId": "7fea5faa-a8e9-48ce-aaab-26f8e7c84852"
}
]
},
{
"id": "34645c45-18e6-43bb-abc3-9c34ad0f6b32",
"name": "textinput8",
"type": "TextInput",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"value": {
"value": "{{variables.selectedLeadData.name}}"
},
"placeholder": {
"value": "Enter name"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "{{components.textinput8.isValid > 0 ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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": "{{components.textinput8.value.length > 0 ? true : \" \"}}"
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "3ea59520-7dfb-43f9-9568-bedf5a3c6922",
"type": "desktop",
"top": 219.99997329711914,
"left": 18.60464157773724,
"width": 33,
"height": 40,
"componentId": "34645c45-18e6-43bb-abc3-9c34ad0f6b32"
}
]
},
{
"id": "cdaa8f5a-f2dc-4ac6-9f76-c4f8cc3fb1ce",
"name": "textinput9",
"type": "TextInput",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"value": {
"value": "{{variables.selectedLeadData.email}}"
},
"placeholder": {
"value": "Enter email"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "{{components.textinput9.isValid ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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.textinput9.value) ? true : \" \"}}"
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "a3ec907e-5998-462f-9f44-e1b4cc694633",
"type": "desktop",
"top": 279.999864757061,
"left": 18.604662485981912,
"width": 33,
"height": 40,
"componentId": "cdaa8f5a-f2dc-4ac6-9f76-c4f8cc3fb1ce"
}
]
},
{
"id": "799ed859-2507-49ca-9130-6efb1220fed8",
"name": "text30",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"text": {
"value": "Deal amount ($):"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": "{{14}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "17e82b95-5072-468c-912d-6788afaad3ba",
"type": "desktop",
"top": 40.00003242492676,
"left": 60.46511627906977,
"width": 7,
"height": 40,
"componentId": "799ed859-2507-49ca-9130-6efb1220fed8"
}
]
},
{
"id": "f0d20226-27e0-4156-9eff-60c56bc207d6",
"name": "numberinput3",
"type": "NumberInput",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"value": {
"value": "{{variables.selectedLeadData.deal_amount}}"
},
"maxValue": {
"value": ""
},
"minValue": {
"value": "0"
},
"placeholder": {
"value": "{{components.numberinput3.value}}"
},
"decimalPlaces": {
"value": "{{2}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#D7DBDF",
"fxActive": true
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "70101496-1f7f-44ab-b42a-1a27040b0dd6",
"type": "desktop",
"top": 40.00006103515625,
"left": 76.74418821238375,
"width": 8,
"height": 40,
"componentId": "f0d20226-27e0-4156-9eff-60c56bc207d6"
}
]
},
{
"id": "efc823f4-9935-480c-9bf3-111c62f92d5d",
"name": "dropdown6",
"type": "DropDown",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"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": "{{variables.selectedLeadData.department}}"
},
"values": {
"value": "{{[\n \"Engineering\",\n \"Finance and Accounting\",\n \"Human Resources\",\n \"Marketing\",\n \"Operations\"\n]}}"
},
"display_values": {
"value": "{{[\n \"Engineering\",\n \"Finance and Accounting\",\n \"Human Resources\",\n \"Marketing\",\n \"Operations\"\n]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select a department"
}
},
"general": {},
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "{{components.dropdown6.isValid ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff9999ff\"}}",
"fxActive": true
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": "{{components.dropdown6.value != undefined ? true : \" \"}}"
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "d2d62dc9-e072-4157-b305-8c6516bb0576",
"type": "desktop",
"top": 399.9998946785927,
"left": 18.604647451251065,
"width": 33,
"height": 40,
"componentId": "efc823f4-9935-480c-9bf3-111c62f92d5d"
}
]
},
{
"id": "3b6d8cbe-2eb0-44e4-8aa8-0bc1195f3d1e",
"name": "steps2",
"type": "Steps",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"steps": {
"value": "{{[\n {\n id: 1,\n name: \"Prospect\",\n tooltip: \"Shown interest but have not yet engaged in a significant way.\",\n },\n {\n id: 2,\n name: \"Contacted\",\n tooltip: \"Initial contact has been made with the prospect or lead.\",\n },\n {\n name: \"Qualification\",\n id: 3,\n tooltip:\n \"Evaluating the prospect or lead to determine if they meet the criteria for becoming a customer or client.\",\n },\n {\n id: 4,\n name: \"Proposed\",\n tooltip: \"A proposal or quote has been sent to the prospect.\",\n },\n {\n name: \"Negotiation\",\n id: 5,\n tooltip:\n \"Engaged in negotiations regarding terms, pricing, or other details.\",\n },\n {\n id: 6,\n name: \"Closed\",\n tooltip: \"The relevant processes have been successfully finished.\",\n },\n]}}"
},
"currentStep": {
"value": "{{({\n Prospect: 1,\n Contacted: 2,\n Qualification: 3,\n Proposed: 4,\n Negotiation: 5,\n Closed: 6,\n})[variables.selectedLeadData.process_state]}}"
},
"stepsSelectable": {
"value": true
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"theme": {
"value": "titles"
},
"color": {
"value": "#3e63ddff"
},
"textColor": {
"value": ""
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "e6b77ed0-9c38-4696-bdd8-930b9325fedb",
"type": "desktop",
"top": 139.99987775087357,
"left": 25.58139713879437,
"width": 30,
"height": 40,
"componentId": "3b6d8cbe-2eb0-44e4-8aa8-0bc1195f3d1e"
}
]
},
{
"id": "9ff1fe4a-489d-418f-b9b0-b72a94b20f3d",
"name": "text31",
"type": "Text",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"text": {
"value": "Process State"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": "{{14}}"
},
"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": "510904c0-2127-4205-857b-de89a1a8946c",
"type": "desktop",
"top": 109.99990844726562,
"left": 30.232558139534884,
"width": 26,
"height": 30,
"componentId": "9ff1fe4a-489d-418f-b9b0-b72a94b20f3d"
}
]
},
{
"id": "1dd4dfbc-a1ca-451b-9808-1a8548f6fc6a",
"name": "button12",
"type": "Button",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "e7fb3400-6e7a-40ad-a39d-97d3e3c82562",
"type": "desktop",
"top": 730.0000610351562,
"left": 65.11627906976744,
"width": 5,
"height": 40,
"componentId": "1dd4dfbc-a1ca-451b-9808-1a8548f6fc6a"
}
]
},
{
"id": "8e6f7465-cc2f-48ad-990c-024b0593061f",
"name": "svgimage1",
"type": "SvgImage",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"properties": {
"data": {
"value": ""
}
},
"general": {
"tooltip": {
"value": "Click on the points to set Process state."
}
},
"styles": {
"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": "eb2cfedb-d06b-449f-be18-ebc125f8f847",
"type": "desktop",
"top": 110.00009155273438,
"left": 90.69767800032412,
"width": 2,
"height": 30,
"componentId": "8e6f7465-cc2f-48ad-990c-024b0593061f"
}
]
},
{
"id": "91876d90-2115-43bf-8701-f16aecf04391",
"name": "svgimage2",
"type": "SvgImage",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"data": {
"value": ""
}
},
"general": {
"tooltip": {
"value": "Click on the points to set Process state."
}
},
"styles": {
"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": "f19d6cf1-1d67-4b82-861e-6fb67b6e5dcb",
"type": "desktop",
"top": 110.00006484985352,
"left": 90.69767812888233,
"width": 2,
"height": 30,
"componentId": "91876d90-2115-43bf-8701-f16aecf04391"
}
]
},
{
"id": "53c9fd25-0844-4348-ae93-db51a6182791",
"name": "button11",
"type": "Button",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"text": {
"value": "Save changes"
},
"loadingState": {
"value": "{{queries.updateLead.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{!components.textinput8.isValid || !components.textinput9.isValid || !components.textinput10.isValid || !components.dropdown6.isValid}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "cf1a7d6d-3b9f-4195-9fb4-d5e915dfb1cd",
"type": "desktop",
"top": 620.0004183650017,
"left": 76.74418344259607,
"width": 8,
"height": 40,
"componentId": "53c9fd25-0844-4348-ae93-db51a6182791"
}
]
},
{
"id": "80216927-d765-4399-ba52-eef8ff4c9415",
"name": "table3",
"type": "Table",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "f6527e9a-27c7-4cf9-9cc4-ce913a838e65-2",
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.fetchLeadsTransformed?.data?.Customer??[]}}"
},
"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,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true,
"key": "id",
"columnType": "default"
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true,
"columnType": "default",
"key": "name"
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true,
"columnType": "default",
"key": "email"
},
{
"name": "company",
"id": "500a7631-4b78-4298-b65a-a3c0188ec1c9",
"columnType": "default",
"key": "company"
},
{
"name": "department",
"id": "15518431-d6f8-4fe8-bb1d-05dbbc96e31f",
"columnType": "default",
"key": "department"
},
{
"name": "process state",
"id": "8a626d31-5dd0-4fca-bce0-38421af2aa60",
"columnType": "default",
"key": "process_state"
},
{
"name": "deal amount",
"id": "f3278bd5-7c5c-47dc-bfca-3a059d903ae0",
"columnType": "default",
"key": "deal_amount"
},
{
"id": "5238456c-aaf6-49c5-a7a8-1d27a02b2972",
"name": "notes",
"key": "notes",
"columnType": "default",
"autogenerated": true
},
{
"id": "2f8faaf7-ad99-438a-9da6-7edd49cfbd15",
"name": "created at",
"key": "created_at",
"columnType": "default",
"autogenerated": true
},
{
"id": "6a9ce6d3-f44b-44b0-8cec-528d3b4bc462",
"name": "updated at",
"key": "updated_at",
"columnType": "default",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 111,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 221,
"leftActions": 82,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 303,
"500a7631-4b78-4298-b65a-a3c0188ec1c9": 243,
"f3278bd5-7c5c-47dc-bfca-3a059d903ae0": 133,
"8a626d31-5dd0-4fca-bce0-38421af2aa60": 149,
"15518431-d6f8-4fe8-bb1d-05dbbc96e31f": 174,
"fd02a1af-4589-4b16-bd5d-07ec6f3535d4": 156
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Details",
"events": [
{
"eventId": "onClick",
"actionId": "set-custom-variable",
"message": "Hello world!",
"alertType": "info",
"key": "selectedLeadData",
"value": "{{components.table3.selectedRow}}"
},
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"queryName": "viewProfilePicture",
"parameters": {},
"debounce": "",
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}"
}
],
"position": "left",
"backgroundColor": "#f1f4ffff",
"textColor": "#5079ffff"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"License",
"company",
"department",
"deal_amount",
"process_state",
"profile_image_url",
"is_active",
"status"
]
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "0"
},
"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:54:40.358Z",
"layouts": [
{
"id": "8473cc9b-c5f2-4d17-9216-0c73a2d2a527",
"type": "desktop",
"top": -0.00006103515625,
"left": -0.0000068176789733359975,
"width": 43,
"height": 605,
"componentId": "80216927-d765-4399-ba52-eef8ff4c9415"
}
]
},
{
"id": "5152be3b-eea4-479a-bb75-65d2fc190c60",
"name": "table4",
"type": "Table",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "f6527e9a-27c7-4cf9-9cc4-ce913a838e65-3",
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.fetchLeadsTransformed?.data?.Lost??[]}}"
},
"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,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true,
"key": "id",
"columnType": "default"
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true,
"columnType": "default",
"key": "name"
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true,
"columnType": "default",
"key": "email"
},
{
"name": "company",
"id": "500a7631-4b78-4298-b65a-a3c0188ec1c9",
"columnType": "default",
"key": "company"
},
{
"name": "department",
"id": "15518431-d6f8-4fe8-bb1d-05dbbc96e31f",
"columnType": "default",
"key": "department"
},
{
"name": "process state",
"id": "8a626d31-5dd0-4fca-bce0-38421af2aa60",
"columnType": "default",
"key": "process_state"
},
{
"name": "deal amount",
"id": "f3278bd5-7c5c-47dc-bfca-3a059d903ae0",
"columnType": "default",
"key": "deal_amount"
},
{
"id": "5238456c-aaf6-49c5-a7a8-1d27a02b2972",
"name": "notes",
"key": "notes",
"columnType": "default",
"autogenerated": true
},
{
"id": "2f8faaf7-ad99-438a-9da6-7edd49cfbd15",
"name": "created at",
"key": "created_at",
"columnType": "default",
"autogenerated": true
},
{
"id": "6a9ce6d3-f44b-44b0-8cec-528d3b4bc462",
"name": "updated at",
"key": "updated_at",
"columnType": "default",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 111,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 221,
"leftActions": 82,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 303,
"500a7631-4b78-4298-b65a-a3c0188ec1c9": 243,
"f3278bd5-7c5c-47dc-bfca-3a059d903ae0": 133,
"8a626d31-5dd0-4fca-bce0-38421af2aa60": 149,
"15518431-d6f8-4fe8-bb1d-05dbbc96e31f": 174,
"fd02a1af-4589-4b16-bd5d-07ec6f3535d4": 156
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Details",
"events": [
{
"eventId": "onClick",
"actionId": "set-custom-variable",
"message": "Hello world!",
"alertType": "info",
"key": "selectedLeadData",
"value": "{{components.table4.selectedRow}}"
},
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"queryName": "viewProfilePicture",
"parameters": {},
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}"
}
],
"position": "left",
"backgroundColor": "#f1f4ffff",
"textColor": "#5079ffff"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"License",
"company",
"department",
"deal_amount",
"process_state",
"profile_image_url",
"is_active",
"status"
]
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "0"
},
"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:54:47.954Z",
"layouts": [
{
"id": "b26d4b83-f631-411e-8873-8ee5f0fd0c68",
"type": "desktop",
"top": -0.000091552734375,
"left": -2.439136968641496e-7,
"width": 43,
"height": 605,
"componentId": "5152be3b-eea4-479a-bb75-65d2fc190c60"
}
]
},
{
"id": "a4bb8976-7169-4717-ba91-6698257817f2",
"name": "table2",
"type": "Table",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "f6527e9a-27c7-4cf9-9cc4-ce913a838e65-1",
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.fetchLeadsTransformed?.data?.Opportunity??[]}}"
},
"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,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true,
"key": "id",
"columnType": "default"
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true,
"columnType": "default",
"key": "name"
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true,
"columnType": "default",
"key": "email"
},
{
"name": "company",
"id": "500a7631-4b78-4298-b65a-a3c0188ec1c9",
"columnType": "default",
"key": "company"
},
{
"name": "department",
"id": "15518431-d6f8-4fe8-bb1d-05dbbc96e31f",
"columnType": "default",
"key": "department"
},
{
"name": "process state",
"id": "8a626d31-5dd0-4fca-bce0-38421af2aa60",
"columnType": "default",
"key": "process_state"
},
{
"name": "deal amount",
"id": "f3278bd5-7c5c-47dc-bfca-3a059d903ae0",
"columnType": "default",
"key": "deal_amount"
},
{
"id": "5238456c-aaf6-49c5-a7a8-1d27a02b2972",
"name": "notes",
"key": "notes",
"columnType": "default",
"autogenerated": true
},
{
"id": "2f8faaf7-ad99-438a-9da6-7edd49cfbd15",
"name": "created at",
"key": "created_at",
"columnType": "default",
"autogenerated": true
},
{
"id": "6a9ce6d3-f44b-44b0-8cec-528d3b4bc462",
"name": "updated at",
"key": "updated_at",
"columnType": "default",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 111,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 221,
"leftActions": 82,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 303,
"500a7631-4b78-4298-b65a-a3c0188ec1c9": 243,
"f3278bd5-7c5c-47dc-bfca-3a059d903ae0": 133,
"8a626d31-5dd0-4fca-bce0-38421af2aa60": 149,
"15518431-d6f8-4fe8-bb1d-05dbbc96e31f": 174,
"fd02a1af-4589-4b16-bd5d-07ec6f3535d4": 156
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Details",
"events": [
{
"eventId": "onClick",
"actionId": "set-custom-variable",
"message": "Hello world!",
"alertType": "info",
"key": "selectedLeadData",
"value": "{{components.table2.selectedRow}}"
},
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"queryName": "viewProfilePicture",
"parameters": {},
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}"
}
],
"position": "left",
"backgroundColor": "#f1f4ffff",
"textColor": "#5079ffff"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"License",
"company",
"department",
"deal_amount",
"process_state",
"profile_image_url",
"is_active",
"status"
]
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "0"
},
"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:54:32.375Z",
"layouts": [
{
"id": "bac833cf-1262-424e-833c-f2c8f6da80ad",
"type": "desktop",
"top": 0,
"left": 0,
"width": 43,
"height": 605,
"componentId": "a4bb8976-7169-4717-ba91-6698257817f2"
}
]
},
{
"id": "d816394b-6573-46a2-9a35-4cf0b0643e5e",
"name": "image3",
"type": "Image",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"source": {
"value": "{{variables?.selectedLeadData?.profile_image_url?.length > 0 ? queries.viewProfilePicture.data.url : \"https://www.svgrepo.com/show/444673/user.svg\"}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.viewProfilePicture.isLoading}}",
"fxActive": true
},
"alternativeText": {
"value": "Failed to load profile picture!"
},
"zoomButtons": {
"value": "{{false}}"
},
"rotateButton": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"borderType": {
"value": "rounded"
},
"padding": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"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": "2024-01-02T10:57:12.620Z",
"layouts": [
{
"id": "e0ed6db1-3183-43ad-9702-04d04a65a7fb",
"type": "desktop",
"top": 30.000034153461456,
"left": 4.651163935068271,
"width": 8,
"height": 150,
"componentId": "d816394b-6573-46a2-9a35-4cf0b0643e5e"
}
]
},
{
"id": "36fa7f90-7f76-4911-b895-33954e34a4df",
"name": "dropdown5",
"type": "DropDown",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"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": "{{variables.selectedLeadData.status}}"
},
"values": {
"value": "{{[\"Lead\", \"Opportunity\", \"Customer\", \"Lost\"]}}"
},
"display_values": {
"value": "{{[\"Lead\", \"Opportunity\", \"Customer\", \"Lost\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status"
}
},
"general": {},
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "fc0f44ad-95a5-4838-b15d-17b12f04828c",
"type": "desktop",
"top": 39.99993813037872,
"left": 34.8837659893178,
"width": 9.000000000000002,
"height": 40,
"componentId": "36fa7f90-7f76-4911-b895-33954e34a4df"
}
]
},
{
"id": "7063b1a9-00da-400f-a440-85afff0aad33",
"name": "textinput10",
"type": "TextInput",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"properties": {
"value": {
"value": "{{variables.selectedLeadData.company}}"
},
"placeholder": {
"value": "Enter company name"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "{{components.textinput10.isValid > 0 ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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": "{{components.textinput10.value.length > 0 ? true : \" \"}}"
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "aef98d05-2aad-40c3-b1c5-9247460686e2",
"type": "desktop",
"top": 339.9999724626541,
"left": 18.60470828518775,
"width": 33,
"height": 40,
"componentId": "7063b1a9-00da-400f-a440-85afff0aad33"
}
]
},
{
"id": "f6527e9a-27c7-4cf9-9cc4-ce913a838e65",
"name": "tabs1",
"type": "Tabs",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": null,
"properties": {
"tabs": {
"value": "{{[\n {\n title: `Leads (${queries?.fetchLeadsTransformed?.data?.Lead?.length ?? 0})`,\n id: \"0\",\n backgroundColor: \"#ffffff00\",\n },\n {\n title: `Opportunities (${\n queries?.fetchLeadsTransformed?.data?.Opportunity?.length ?? 0\n })`,\n id: \"1\",\n backgroundColor: \"#ffffff00\",\n },\n {\n title: `Customers (${queries?.fetchLeadsTransformed?.data?.Customer?.length ?? 0})`,\n id: \"2\",\n backgroundColor: \"#ffffff00\",\n },\n {\n title: `Lost (${queries?.fetchLeadsTransformed?.data?.Lost?.length ?? 0})`,\n id: \"3\",\n backgroundColor: \"#ffffff00\",\n },\n]}}"
},
"defaultTab": {
"value": "0"
},
"hideTabs": {
"value": false
},
"renderOnlyActiveTab": {
"value": true
}
},
"general": {},
"styles": {
"highlightColor": {
"value": "{{queries.colorPalette.data.tabHighlight}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"tabWidth": {
"value": "auto"
}
},
"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": "90939468-76e8-48be-a0a5-492958708b84",
"type": "desktop",
"top": 289.99993896484375,
"left": 2.3255811696137485,
"width": 41,
"height": 650,
"componentId": "f6527e9a-27c7-4cf9-9cc4-ce913a838e65"
}
]
},
{
"id": "df6ea6c1-8b58-4365-bd62-2e62818bd55d",
"name": "statistics3",
"type": "Statistics",
"pageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"parent": null,
"properties": {
"primaryValueLabel": {
"value": "Conversion rate"
},
"primaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.conversionRateCurrMonth ?? 0}}%"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.conversionRateDiff ?? 0 + ((queries?.fetchLeadsTransformed?.data?.conversionRateDiff ?? 0) == \"N/A\" ? \"\" : \"%\")}}"
},
"secondarySignDisplay": {
"value": "{{queries?.fetchLeadsTransformed?.data?.conversionRateDiffSign ?? \"positive\"}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"hideSecondary": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "{{({ negative: \"#EE2C4D\", positive: \"#36AF8B\" })[queries?.fetchLeadsTransformed?.data?.conversionRateDiffSign ?? \"positive\"]}}",
"fxActive": true
},
"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": "331c5cb2-60a6-47f6-9154-85ebff7fd285",
"type": "desktop",
"top": 100.00002157688141,
"left": 81.39535109310297,
"width": 7,
"height": 160,
"componentId": "df6ea6c1-8b58-4365-bd62-2e62818bd55d"
}
]
}
],
"pages": [
{
"id": "d538c746-0049-4caa-8747-a34fc32d9454",
"name": "Home",
"handle": "home",
"index": 0,
"disabled": false,
"hidden": false,
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c"
}
],
"events": [
{
"id": "4e98a64e-3d51-4e1a-8915-9aa0c11ef29c",
"name": "onClick",
"index": 0,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "022531bf-a001-4014-84f0-8966a4e959f2",
"actionId": "run-query",
"alertType": "info",
"queryName": "profileImageNameGenerator",
"runOnlyIf": "{{components.filepicker1.file.length > 0}}",
"parameters": {}
},
"sourceId": "c3e405d8-d4b1-4804-809f-1f12a647d3a7",
"target": "component",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "4e8874cd-a39d-4a59-a35c-a432c768f6e5",
"name": "onClick",
"index": 1,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "5f068539-6555-4f99-a2c3-51208f1ce820",
"actionId": "run-query",
"alertType": "info",
"queryName": "createLead",
"runOnlyIf": "{{components.filepicker1.file.length == 0}}",
"parameters": {}
},
"sourceId": "c3e405d8-d4b1-4804-809f-1f12a647d3a7",
"target": "component",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "d8c35014-eb2d-4798-bc3b-139c2beffeb3",
"name": "onClick",
"index": 0,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "2b56ad7f-48ec-4232-904b-9705a1d8596a",
"actionId": "run-query",
"alertType": "info",
"queryName": "updateLead",
"parameters": {}
},
"sourceId": "53c9fd25-0844-4348-ae93-db51a6182791",
"target": "component",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "56815803-aa68-43bf-9f29-2c2eb4106fb7",
"name": "onClick",
"index": 0,
"event": {
"key": "selectedLeadData",
"ref": "Action0",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2",
"value": "{{components.table1.selectedRow}}",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "set-custom-variable",
"alertType": "info"
},
"sourceId": "2fbc2561-e880-4df8-9b01-6f60b2730acb",
"target": "table_action",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "4afad963-28f9-438e-98b0-3a4908c11d1b",
"name": "onClick",
"index": 0,
"event": {
"modal": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "show-modal",
"alertType": "info"
},
"sourceId": "907eea1f-a13b-4d06-9074-f98f32a7f0e5",
"target": "component",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "be806f8a-30cd-4018-8caf-ac3647db6b97",
"name": "onClick",
"index": 2,
"event": {
"ref": "Action0",
"eventId": "onClick",
"message": "Hello world!",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"actionId": "run-query",
"alertType": "info",
"queryName": "viewProfilePicture",
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}",
"parameters": {}
},
"sourceId": "2fbc2561-e880-4df8-9b01-6f60b2730acb",
"target": "table_action",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "58b096b9-6a59-462a-91a8-3a9fcbd34d5a",
"name": "onClick",
"index": 0,
"event": {
"key": "selectedLeadData",
"ref": "Action0",
"value": "{{components.table2.selectedRow}}",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "set-custom-variable",
"alertType": "info"
},
"sourceId": "a4bb8976-7169-4717-ba91-6698257817f2",
"target": "table_action",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "c549bd7a-ba2f-473e-a117-aa20929a11e3",
"name": "onClick",
"index": 2,
"event": {
"ref": "Action0",
"eventId": "onClick",
"message": "Hello world!",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"actionId": "run-query",
"alertType": "info",
"queryName": "viewProfilePicture",
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}",
"parameters": {}
},
"sourceId": "a4bb8976-7169-4717-ba91-6698257817f2",
"target": "table_action",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "ab478b2f-21af-4e31-b0d3-4e8aa455a237",
"name": "onClick",
"index": 0,
"event": {
"key": "selectedLeadData",
"ref": "Action0",
"value": "{{components.table3.selectedRow}}",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "set-custom-variable",
"alertType": "info"
},
"sourceId": "80216927-d765-4399-ba52-eef8ff4c9415",
"target": "table_action",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "ec704b64-e4fd-4aae-96f4-a737b88be10b",
"name": "onClick",
"index": 2,
"event": {
"ref": "Action0",
"eventId": "onClick",
"message": "Hello world!",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"actionId": "run-query",
"debounce": "",
"alertType": "info",
"queryName": "viewProfilePicture",
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}",
"parameters": {}
},
"sourceId": "80216927-d765-4399-ba52-eef8ff4c9415",
"target": "table_action",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "248f73cb-74c7-43b0-8a33-033cb347d3e1",
"name": "onClick",
"index": 0,
"event": {
"key": "selectedLeadData",
"ref": "Action0",
"value": "{{components.table4.selectedRow}}",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "set-custom-variable",
"alertType": "info"
},
"sourceId": "5152be3b-eea4-479a-bb75-65d2fc190c60",
"target": "table_action",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "6ba83307-6df1-4dc1-b600-760cd992d024",
"name": "onClick",
"index": 2,
"event": {
"ref": "Action0",
"eventId": "onClick",
"message": "Hello world!",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"actionId": "run-query",
"alertType": "info",
"queryName": "viewProfilePicture",
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}",
"parameters": {}
},
"sourceId": "5152be3b-eea4-479a-bb75-65d2fc190c60",
"target": "table_action",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "0fc7a71f-7d13-4274-9672-50da1b597261",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "5f068539-6555-4f99-a2c3-51208f1ce820",
"actionId": "run-query",
"alertType": "info",
"queryName": "createLead",
"parameters": {}
},
"sourceId": "74286f67-8130-43ad-aaac-a66eb9db92db",
"target": "data_query",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "6d0b7b23-5eca-4f30-827a-bc066ef8ee4f",
"name": "onDataQueryFailure",
"index": 1,
"event": {
"eventId": "onDataQueryFailure",
"message": "Failed to upload profile picture of Lead! Please check and try again.",
"actionId": "show-alert",
"alertType": "warning"
},
"sourceId": "74286f67-8130-43ad-aaac-a66eb9db92db",
"target": "data_query",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "bf066887-88b6-4406-9fc6-4f3f712fecf7",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "74286f67-8130-43ad-aaac-a66eb9db92db",
"actionId": "run-query",
"alertType": "info",
"queryName": "uploadProfileImage",
"parameters": {}
},
"sourceId": "022531bf-a001-4014-84f0-8966a4e959f2",
"target": "data_query",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "8a4732ea-9bc9-46c9-b072-52b7a0e8a4f0",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "e167dfa2-fb73-4f74-9031-d1bd1d09dada",
"actionId": "run-query",
"alertType": "info",
"queryName": "fetchLeadsTransformed",
"parameters": {}
},
"sourceId": "2b865230-2854-42df-97a7-2c791e115851",
"target": "data_query",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "5699a2e7-c456-4b22-9d8b-53318ededdd5",
"name": "onDataQuerySuccess",
"index": 1,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Lead details updated successfully",
"actionId": "show-alert",
"alertType": "success"
},
"sourceId": "2b56ad7f-48ec-4232-904b-9705a1d8596a",
"target": "data_query",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "f2d940da-1b30-45c9-bd99-11d0c77217b9",
"name": "onDataQuerySuccess",
"index": 2,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "2b865230-2854-42df-97a7-2c791e115851",
"actionId": "run-query",
"alertType": "info",
"queryName": "fetchLeads",
"parameters": {}
},
"sourceId": "2b56ad7f-48ec-4232-904b-9705a1d8596a",
"target": "data_query",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "d14209b2-3011-42f7-a7b4-6e3821c874c8",
"name": "onDataQueryFailure",
"index": 3,
"event": {
"eventId": "onDataQueryFailure",
"message": "Failed to update Lead details! Please check and try again.",
"actionId": "show-alert",
"alertType": "warning"
},
"sourceId": "2b56ad7f-48ec-4232-904b-9705a1d8596a",
"target": "data_query",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "f69ab8ba-b0cb-433e-9db1-0f63825d3b8e",
"name": "onDataQuerySuccess",
"index": 1,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Lead created successfully.",
"actionId": "show-alert",
"alertType": "success"
},
"sourceId": "5f068539-6555-4f99-a2c3-51208f1ce820",
"target": "data_query",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "561d44fe-5e3c-408a-a011-834873624b10",
"name": "onDataQuerySuccess",
"index": 2,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "2b865230-2854-42df-97a7-2c791e115851",
"actionId": "run-query",
"alertType": "info",
"queryName": "fetchLeads",
"parameters": {}
},
"sourceId": "5f068539-6555-4f99-a2c3-51208f1ce820",
"target": "data_query",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "5f29ef18-8dd3-41bc-a3c3-43260ed0c86c",
"name": "onDataQueryFailure",
"index": 3,
"event": {
"eventId": "onDataQueryFailure",
"message": "Failed to create Lead! Please check and try again.",
"actionId": "show-alert",
"alertType": "warning"
},
"sourceId": "5f068539-6555-4f99-a2c3-51208f1ce820",
"target": "data_query",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "73a82df2-73de-41a6-b2c7-2db671ec174a",
"name": "onClick",
"index": 0,
"event": {
"modal": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "c13078fc-59db-41e3-afa0-2b209d8912ea",
"target": "component",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "98468042-cac2-43b2-8b9f-88fbac1561b3",
"name": "onClick",
"index": 0,
"event": {
"modal": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "1dd4dfbc-a1ca-451b-9808-1a8548f6fc6a",
"target": "component",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "bbb12c0b-d65d-47a3-9e7e-8360e1682ea0",
"name": "onClick",
"index": 1,
"event": {
"ref": "Action0",
"modal": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "show-modal",
"alertType": "info"
},
"sourceId": "2fbc2561-e880-4df8-9b01-6f60b2730acb",
"target": "table_action",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "e306e757-a7e0-436c-97e3-ca242b4828e9",
"name": "onClick",
"index": 1,
"event": {
"ref": "Action0",
"modal": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "show-modal",
"alertType": "info"
},
"sourceId": "a4bb8976-7169-4717-ba91-6698257817f2",
"target": "table_action",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "7dd9b7d4-76ea-44f5-9c0f-13c0c1a1565e",
"name": "onClick",
"index": 1,
"event": {
"ref": "Action0",
"modal": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "show-modal",
"alertType": "info"
},
"sourceId": "80216927-d765-4399-ba52-eef8ff4c9415",
"target": "table_action",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "ebb37e01-2a09-4c86-bd5a-77de20b6cb32",
"name": "onClick",
"index": 1,
"event": {
"ref": "Action0",
"modal": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "show-modal",
"alertType": "info"
},
"sourceId": "5152be3b-eea4-479a-bb75-65d2fc190c60",
"target": "table_action",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "ae7837cf-29a5-482c-aee9-2ef9c3a262f7",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"modal": "4f638f92-4454-4a60-9f41-15db3e84cd4c",
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "2b56ad7f-48ec-4232-904b-9705a1d8596a",
"target": "data_query",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "10c676c5-cbfc-4e0f-8b88-2b242a000325",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"modal": "5fd21042-6b7f-4f52-8277-7bd58a5f15ea",
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "5f068539-6555-4f99-a2c3-51208f1ce820",
"target": "data_query",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
}
],
"dataQueries": [
{
"id": "74286f67-8130-43ad-aaac-a66eb9db92db",
"name": "uploadProfileImage",
"options": {
"maxKeys": 1000,
"transformationLanguage": "javascript",
"enableTransformation": false,
"operation": "upload_object",
"bucket": "datasource-testing",
"key": "{{queries.profileImageNameGenerator.data.fileName}}",
"encoding": "base64",
"contentType": "{{components.filepicker1.file[0].type}}",
"data": "{{components.filepicker1.file[0].base64Data}}",
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "5f068539-6555-4f99-a2c3-51208f1ce820",
"queryName": "createLead",
"parameters": {}
},
{
"eventId": "onDataQueryFailure",
"actionId": "show-alert",
"message": "Failed to upload profile picture of Lead! Please check and try again.",
"alertType": "warning"
}
]
},
"dataSourceId": "ac30704f-8da8-4114-8761-3387cd2dc51c",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-09-14T20:10:24.220Z",
"updatedAt": "2023-12-26T14:51:21.081Z"
},
{
"id": "022531bf-a001-4014-84f0-8966a4e959f2",
"name": "profileImageNameGenerator",
"options": {
"code": "const file = components.filepicker1.file[0];\nconst fileExtension = file.name.slice(file.name.lastIndexOf(\".\"));\nconst fileName = `lms/img_${moment().valueOf()}${fileExtension}`;\n\nreturn { fileName };",
"hasParamSupport": true,
"parameters": [],
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "74286f67-8130-43ad-aaac-a66eb9db92db",
"queryName": "uploadProfileImage",
"parameters": {}
}
]
},
"dataSourceId": "4d36cc21-6edd-4b2c-be3b-969afc5e354d",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-09-14T20:14:03.104Z",
"updatedAt": "2023-09-15T12:33:51.625Z"
},
{
"id": "5f068539-6555-4f99-a2c3-51208f1ce820",
"name": "createLead",
"options": {
"operation": "create_row",
"transformationLanguage": "javascript",
"enableTransformation": false,
"table_id": "f28a7771-06c2-4783-a186-05da26ba7822",
"list_rows": {},
"create_row": {
"0": {
"column": "name",
"value": "{{components.textinput5.value}}"
},
"1": {
"column": "email",
"value": "{{components.textinput6.value}}"
},
"2": {
"column": "company",
"value": "{{components.textinput7.value}}"
},
"3": {
"column": "department",
"value": "{{components.dropdown4.value}}"
},
"4": {
"column": "status",
"value": "{{components.dropdown2.value}}"
},
"5": {
"column": "deal_amount",
"value": "{{components.numberinput2.value}}"
},
"6": {
"column": "notes",
"value": "{{components.textarea3.value}}"
},
"7": {
"column": "process_state",
"value": "{{({1: \"Prospect\", 2: \"Contacted\", 3: \"Qualification\", 4: \"Proposed\", 5: \"Negotiation\", 6: \"Closed\"})[components.steps1.currentStepId]}}"
},
"8": {
"column": "profile_image_url",
"value": "{{queries.profileImageNameGenerator.data.fileName}}"
},
"9": {
"column": "created_at",
"value": "{{moment().format()}}"
},
"10": {
"column": "updated_at",
"value": "{{moment().format()}}"
}
},
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "close-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "show-alert",
"message": "Lead created successfully.",
"alertType": "success"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "2b865230-2854-42df-97a7-2c791e115851",
"queryName": "fetchLeads",
"parameters": {}
},
{
"eventId": "onDataQueryFailure",
"actionId": "show-alert",
"message": "Failed to create Lead! Please check and try again.",
"alertType": "warning"
}
],
"transformation": "// write your code here\n// return value will be set as data and the original data will be available as rawData\nreturn data.filter(row => row.amount > 1000);"
},
"dataSourceId": "e412d1da-bd1f-487a-9cef-28650dc0a8e3",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-09-14T21:35:39.556Z",
"updatedAt": "2023-09-15T21:03:53.555Z"
},
{
"id": "2b865230-2854-42df-97a7-2c791e115851",
"name": "fetchLeads",
"options": {
"operation": "list_rows",
"transformationLanguage": "javascript",
"enableTransformation": false,
"table_id": "f28a7771-06c2-4783-a186-05da26ba7822",
"list_rows": {
"where_filters": {
"14": {
"column": "is_active",
"operator": "eq",
"value": "true",
"id": "14"
}
},
"order_filters": {
"15": {
"column": "id",
"order": "desc",
"id": "15"
}
}
},
"transformation": "// write your code here\n// return value will be set as data and the original data will be available as rawData\nreturn data.filter(row => row.amount > 1000);",
"runOnPageLoad": true,
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "e167dfa2-fb73-4f74-9031-d1bd1d09dada",
"queryName": "fetchLeadsTransformed",
"parameters": {}
}
]
},
"dataSourceId": "e412d1da-bd1f-487a-9cef-28650dc0a8e3",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-09-15T12:29:44.699Z",
"updatedAt": "2023-09-15T17:07:41.862Z"
},
{
"id": "bdb52b5a-6780-4a66-aeac-fcb3d94fd1c6",
"name": "colorPalette",
"options": {
"code": "colorDirectory = {\n btnPrimaryBg: \"#5079ffff\",\n btnPrimaryBorder: \"#ffffff00\",\n btnPrimaryText: \"#ffffffff\",\n btnSecondaryBg: \"#ffffffb3\",\n btnSecondaryBorder: \"#5079ffff\",\n btnSecondaryText: \"#5079ffff\",\n main: \"#3e63ddff\",\n modalBodyBg: \"#ffffff00\",\n modalHeaderBg: \"#3e63ddff\",\n modalHeaderText: \"#ffffffff\",\n navbarBg: \"#3e63ddff\",\n navbarText: \"#ffffffff\",\n tabHighlight: \"#3e63ddff\",\n};\n\nreturn colorDirectory;",
"hasParamSupport": true,
"parameters": [],
"runOnPageLoad": true
},
"dataSourceId": "4d36cc21-6edd-4b2c-be3b-969afc5e354d",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-09-15T12:35:16.011Z",
"updatedAt": "2024-01-02T11:16:33.971Z"
},
{
"id": "e167dfa2-fb73-4f74-9031-d1bd1d09dada",
"name": "fetchLeadsTransformed",
"options": {
"code": "const data = queries.fetchLeads.data;\n\n// Function to format numbers with suffixes (e.g., 1.5K)\nfunction formatNumber(num, decimalPlaces = 0) {\n if (num == Infinity) return num;\n\n const suffixes = [\"\", \"K\", \"M\", \"B\"];\n let index = 0;\n\n while (num >= 1e3 && index < suffixes.length - 1) {\n num /= 1e3;\n index++;\n }\n\n return num.toFixed(decimalPlaces) + suffixes[index];\n}\n\n// Get the current month and the previous month\nconst thisMonth = moment();\nconst lastMonth = moment().subtract(1, \"month\");\n\n// Initialize an object to store state-wise data\nconst stateWiseData = {\n Lead: [],\n Opportunity: [],\n Customer: [],\n Lost: [],\n};\n\n// Function to convert NaN value to 0\nfunction convertNanToZero(num) {\n return isNaN(num) ? 0 : num;\n}\n\n// Function to convert Infinity value to N/A and Format\nfunction convertInfinityToNaAndFormat(num, decimalPlaces = 0) {\n return isFinite(num) ? formatNumber(num, decimalPlaces) : \"N/A\";\n}\n\n// Function to determine if a value is negative or positive\nfunction isNegativeOrPositive(value) {\n return value <= 0 ? \"negative\" : \"positive\";\n}\n\n// Function to calculate percentage difference between current and previous values\nfunction calculateDiff(curr, prev) {\n let diff = ((curr - prev) / prev) * 100;\n diff = convertNanToZero(diff);\n return parseFloat(diff.toFixed(2));\n}\n\nlet currLeads = 0;\nlet currDeals = 0;\nlet currAmount = 0;\nlet prevLeads = 0;\nlet prevDeals = 0;\nlet prevAmount = 0;\n\ndata.forEach((row) => {\n stateWiseData[row.status].push(row);\n\n const isCustomer = row.status === \"Customer\";\n\n if (moment(row.created_at).isSame(thisMonth, \"month\")) {\n currLeads++;\n if (isCustomer) {\n currDeals++;\n currAmount += row.deal_amount;\n }\n } else if (moment(row.created_at).isSame(lastMonth, \"month\")) {\n prevLeads++;\n if (isCustomer) {\n prevDeals++;\n prevAmount += row.deal_amount;\n }\n }\n});\n\n// Calculate percentage differences\nconst totalDealsDiff = calculateDiff(currDeals, prevDeals);\nconst totalAmtDiff = calculateDiff(currAmount, prevAmount);\nconst conversionRateCurrMonth = convertNanToZero((currDeals / currLeads) * 100);\nconst conversionRatePrevMonth = convertNanToZero((prevDeals / prevLeads) * 100);\nconst conversionRateDiff = calculateDiff(\n conversionRateCurrMonth,\n conversionRatePrevMonth\n);\n\n// Create, format and return the result object\nreturn {\n ...stateWiseData,\n totalDealsCurrMonth: convertInfinityToNaAndFormat(currDeals),\n totalDealsDiff: convertInfinityToNaAndFormat(totalDealsDiff, 2),\n totalDealsDiffSign: isNegativeOrPositive(totalDealsDiff),\n totalAmtCurrMonth: convertInfinityToNaAndFormat(currAmount, 2),\n totalAmtDiff: convertInfinityToNaAndFormat(totalAmtDiff, 2),\n totalAmtDiffSign: isNegativeOrPositive(totalAmtDiff),\n conversionRateCurrMonth: convertInfinityToNaAndFormat(\n conversionRateCurrMonth,\n 2\n ),\n conversionRateDiff: convertInfinityToNaAndFormat(conversionRateDiff, 2),\n conversionRateDiffSign: isNegativeOrPositive(conversionRateDiff),\n};",
"hasParamSupport": true,
"parameters": []
},
"dataSourceId": "4d36cc21-6edd-4b2c-be3b-969afc5e354d",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-09-15T17:05:40.115Z",
"updatedAt": "2023-09-19T08:55:22.634Z"
},
{
"id": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"name": "viewProfilePicture",
"options": {
"maxKeys": 1000,
"transformationLanguage": "javascript",
"enableTransformation": false,
"operation": "signed_url_for_get",
"bucket": "datasource-testing",
"key": "{{variables.selectedLeadData.profile_image_url}}"
},
"dataSourceId": "ac30704f-8da8-4114-8761-3387cd2dc51c",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-09-15T17:19:27.462Z",
"updatedAt": "2024-01-02T10:58:13.139Z"
},
{
"id": "2b56ad7f-48ec-4232-904b-9705a1d8596a",
"name": "updateLead",
"options": {
"operation": "update_rows",
"transformationLanguage": "javascript",
"enableTransformation": false,
"table_id": "f28a7771-06c2-4783-a186-05da26ba7822",
"list_rows": {},
"update_rows": {
"columns": {
"0": {
"column": "name",
"value": "{{components.textinput8.value}}"
},
"1": {
"column": "email",
"value": "{{components.textinput9.value}}"
},
"2": {
"column": "company",
"value": "{{components.textinput10.value}}"
},
"3": {
"column": "department",
"value": "{{components.dropdown6.value}}"
},
"4": {
"column": "status",
"value": "{{components.dropdown5.value}}"
},
"5": {
"column": "deal_amount",
"value": "{{components.numberinput3.value}}"
},
"6": {
"column": "notes",
"value": "{{components.textarea4.value}}"
},
"7": {
"column": "process_state",
"value": "{{({1: \"Prospect\", 2: \"Contacted\", 3: \"Qualification\", 4: \"Proposed\", 5: \"Negotiation\", 6: \"Closed\"})[components.steps2.currentStepId]}}"
},
"11": {
"column": "updated_at",
"value": "{{moment().format()}}"
}
},
"where_filters": {
"1": {
"column": "id",
"operator": "eq",
"value": "{{variables.selectedLeadData.id}}",
"id": "1"
}
}
},
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "close-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "show-alert",
"message": "Lead details updated successfully",
"alertType": "success"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "2b865230-2854-42df-97a7-2c791e115851",
"queryName": "fetchLeads",
"parameters": {}
},
{
"eventId": "onDataQueryFailure",
"actionId": "show-alert",
"message": "Failed to update Lead details! Please check and try again.",
"alertType": "warning"
}
]
},
"dataSourceId": "e412d1da-bd1f-487a-9cef-28650dc0a8e3",
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"createdAt": "2023-09-15T20:56:00.899Z",
"updatedAt": "2023-09-15T21:03:43.309Z"
}
],
"dataSources": [
{
"id": "a2887830-6a49-4f7b-a2bb-58ff99d9e331",
"name": "restapidefault",
"kind": "restapi",
"type": "static",
"pluginId": null,
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"organizationId": null,
"scope": "local",
"createdAt": "2023-08-30T07:34:00.604Z",
"updatedAt": "2023-08-30T07:34:00.604Z"
},
{
"id": "4d36cc21-6edd-4b2c-be3b-969afc5e354d",
"name": "runjsdefault",
"kind": "runjs",
"type": "static",
"pluginId": null,
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"organizationId": null,
"scope": "local",
"createdAt": "2023-08-30T07:34:00.615Z",
"updatedAt": "2023-08-30T07:34:00.615Z"
},
{
"id": "e412d1da-bd1f-487a-9cef-28650dc0a8e3",
"name": "tooljetdbdefault",
"kind": "tooljetdb",
"type": "static",
"pluginId": null,
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"organizationId": null,
"scope": "local",
"createdAt": "2023-08-30T07:34:00.622Z",
"updatedAt": "2023-08-30T07:34:00.622Z"
},
{
"id": "e3af1abb-1040-4406-93b6-23ea89cdf530",
"name": "workflowsdefault",
"kind": "workflows",
"type": "static",
"pluginId": null,
"appVersionId": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"organizationId": null,
"scope": "local",
"createdAt": "2023-08-30T07:34:00.627Z",
"updatedAt": "2023-08-30T07:34:00.627Z"
},
{
"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": "3b2dced0-45eb-4544-aa46-3b4ee767a00c",
"name": "v1",
"definition": {
"showViewerNavigation": false,
"homePageId": "ba09a245-f0a4-4dd4-acba-860289dc1b9f",
"pages": {
"ba09a245-f0a4-4dd4-acba-860289dc1b9f": {
"components": {
"d91777ee-6bf7-48a6-bae6-d9c5ddab0057": {
"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": "{{queries.colorPalette.data.tabHighlight}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"tabWidth": {
"value": "auto"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"tabs": {
"value": "{{[\n {\n title: `Leads (${queries?.fetchLeadsTransformed?.data?.Lead?.length ?? 0})`,\n id: \"0\",\n backgroundColor: \"#ffffff00\",\n },\n {\n title: `Opportunities (${\n queries?.fetchLeadsTransformed?.data?.Opportunity?.length ?? 0\n })`,\n id: \"1\",\n backgroundColor: \"#ffffff00\",\n },\n {\n title: `Customers (${queries?.fetchLeadsTransformed?.data?.Customer?.length ?? 0})`,\n id: \"2\",\n backgroundColor: \"#ffffff00\",\n },\n {\n title: `Lost (${queries?.fetchLeadsTransformed?.data?.Lost?.length ?? 0})`,\n id: \"3\",\n backgroundColor: \"#ffffff00\",\n },\n]}}"
},
"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": 289.99993896484375,
"left": 4.651163218381141,
"width": 39,
"height": 670
}
},
"withDefaultChildren": false
},
"77719e68-8e71-42f8-914c-25073b030678": {
"id": "77719e68-8e71-42f8-914c-25073b030678",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"fxActive": false
},
"textSize": {
"value": "{{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": "Lead Management System"
},
"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": 99.99996566772461,
"left": 4.651162790697675,
"width": 8,
"height": 100
}
}
},
"11e03598-cc33-437e-a134-4f54f62596bd": {
"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"
}
}
},
"allowSelection": {
"type": "toggle",
"displayName": "Allow selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkSelector": {
"type": "toggle",
"displayName": "Bulk selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"highlightSelectedRow": {
"type": "toggle",
"displayName": "Highlight selected row",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"defaultSelectedRow": {
"type": "code",
"displayName": "Default selected row",
"validation": {
"schema": {
"type": "object"
}
}
},
"showAddNewRowButton": {
"type": "toggle",
"displayName": "Show add new row button",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "0"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.fetchLeadsTransformed?.data?.Lead??[]}}"
},
"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,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true,
"key": "id",
"columnType": "default"
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true,
"columnType": "default",
"key": "name"
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true,
"columnType": "default",
"key": "email"
},
{
"name": "company",
"id": "500a7631-4b78-4298-b65a-a3c0188ec1c9",
"columnType": "default",
"key": "company"
},
{
"name": "department",
"id": "15518431-d6f8-4fe8-bb1d-05dbbc96e31f",
"columnType": "default",
"key": "department"
},
{
"name": "process state",
"id": "8a626d31-5dd0-4fca-bce0-38421af2aa60",
"columnType": "default",
"key": "process_state"
},
{
"name": "deal amount",
"id": "f3278bd5-7c5c-47dc-bfca-3a059d903ae0",
"columnType": "default",
"key": "deal_amount"
},
{
"id": "5238456c-aaf6-49c5-a7a8-1d27a02b2972",
"name": "notes",
"key": "notes",
"columnType": "default",
"autogenerated": true
},
{
"id": "2f8faaf7-ad99-438a-9da6-7edd49cfbd15",
"name": "created at",
"key": "created_at",
"columnType": "default",
"autogenerated": true
},
{
"id": "6a9ce6d3-f44b-44b0-8cec-528d3b4bc462",
"name": "updated at",
"key": "updated_at",
"columnType": "default",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 77,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 134,
"leftActions": 82,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 216,
"500a7631-4b78-4298-b65a-a3c0188ec1c9": 128,
"f3278bd5-7c5c-47dc-bfca-3a059d903ae0": 127,
"8a626d31-5dd0-4fca-bce0-38421af2aa60": 139,
"15518431-d6f8-4fe8-bb1d-05dbbc96e31f": 186,
"fd02a1af-4589-4b16-bd5d-07ec6f3535d4": 156,
"5238456c-aaf6-49c5-a7a8-1d27a02b2972": 172,
"2f8faaf7-ad99-438a-9da6-7edd49cfbd15": 169,
"6a9ce6d3-f44b-44b0-8cec-528d3b4bc462": 166
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Details",
"events": [
{
"eventId": "onClick",
"actionId": "set-custom-variable",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2",
"key": "selectedLeadData",
"value": "{{components.table1.selectedRow}}"
},
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"queryName": "viewProfilePicture",
"parameters": {},
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}"
}
],
"position": "left",
"backgroundColor": "#f1f4ffff",
"textColor": "#5079ffff"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"License",
"company",
"department",
"deal_amount",
"process_state",
"profile_image_url",
"is_active",
"status"
]
}
},
"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"
},
{
"displayName": "Download table data",
"handle": "downloadTableData",
"params": [
{
"handle": "type",
"displayName": "Type",
"options": [
{
"name": "Download as Excel",
"value": "xlsx"
},
{
"name": "Download as CSV",
"value": "csv"
},
{
"name": "Download as PDF",
"value": "pdf"
}
],
"defaultValue": "{{Download as Excel}}",
"type": "select"
}
]
}
]
},
"parent": "d91777ee-6bf7-48a6-bae6-d9c5ddab0057-0",
"layouts": {
"desktop": {
"top": -0.00011360645294189453,
"left": 0.000009786306980938998,
"width": 43,
"height": 625
}
},
"withDefaultChildren": false
},
"2d5c6eb1-3a85-4876-9c45-2e9ed4822ed6": {
"id": "2d5c6eb1-3a85-4876-9c45-2e9ed4822ed6",
"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": "{{({ negative: \"#EE2C4D\", positive: \"#36AF8B\" })[queries?.fetchLeadsTransformed?.data?.totalAmtDiffSign ?? \"positive\"]}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": "Total amount ($)"
},
"primaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalAmtCurrMonth??0}}"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalAmtDiff ?? 0 + ((queries?.fetchLeadsTransformed?.data?.totalAmtDiff ?? 0) == \"N/A\" ? \"\" : \"%\")}}"
},
"secondarySignDisplay": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalAmtDiffSign ?? \"positive\"}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"hideSecondary": {
"value": "{{false}}"
}
},
"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": 100.00001275539398,
"left": 60.46512797692787,
"width": 7,
"height": 160
}
}
},
"7bb3945b-8e12-4e76-9db4-51a1ad66b206": {
"id": "7bb3945b-8e12-4e76-9db4-51a1ad66b206",
"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": "{{({ negative: \"#EE2C4D\", positive: \"#36AF8B\" })[queries?.fetchLeadsTransformed?.data?.conversionRateDiffSign ?? \"positive\"]}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": "Conversion rate"
},
"primaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.conversionRateCurrMonth ?? 0}}%"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.conversionRateDiff ?? 0 + ((queries?.fetchLeadsTransformed?.data?.conversionRateDiff ?? 0) == \"N/A\" ? \"\" : \"%\")}}"
},
"secondarySignDisplay": {
"value": "{{queries?.fetchLeadsTransformed?.data?.conversionRateDiffSign ?? \"positive\"}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"hideSecondary": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "statistics3",
"displayName": "Statistics",
"description": "Statistics can be used to display different statistical information",
"component": "Statistics",
"defaultSize": {
"width": 9.2,
"height": 152
},
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 100.0000107884407,
"left": 79.06976597400683,
"width": 7,
"height": 160
}
}
},
"247b557d-0089-4f3c-a3e4-a20c14807047": {
"id": "247b557d-0089-4f3c-a3e4-a20c14807047",
"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": "{{({ negative: \"#EE2C4D\", positive: \"#36AF8B\" })[queries?.fetchLeadsTransformed?.data?.totalDealsDiffSign ?? \"positive\"]}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": "Total deals"
},
"primaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalDealsCurrMonth??0}}"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalDealsDiff ?? 0 + ((queries?.fetchLeadsTransformed?.data?.totalDealsDiff ?? 0) == \"N/A\" ? \"\" : \"%\")}}"
},
"secondarySignDisplay": {
"value": "{{queries?.fetchLeadsTransformed?.data?.totalDealsDiffSign ?? \"positive\"}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"hideSecondary": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "statistics4",
"displayName": "Statistics",
"description": "Statistics can be used to display different statistical information",
"component": "Statistics",
"defaultSize": {
"width": 9.2,
"height": 152
},
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 100.00006800889969,
"left": 41.86045917554739,
"width": 7,
"height": 160
}
}
},
"186affc1-eb0c-4019-9deb-7f402ab82836": {
"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": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Create Lead"
},
"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": 210.00003707408905,
"left": 4.651161484524059,
"width": 5,
"height": 40
}
},
"withDefaultChildren": false
},
"3d71b1d1-d94f-46a7-bc38-8ffc6b731fe7": {
"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": "#687076",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconClock"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon1",
"displayName": "Icon",
"description": "Icon",
"defaultSize": {
"width": 5,
"height": 48
},
"component": "Icon",
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"displayName": "Set Visibility",
"handle": "setVisibility",
"params": [
{
"handle": "value",
"displayName": "Value",
"defaultValue": "{{true}}",
"type": "toggle"
}
]
}
]
},
"parent": "d7614303-1a0b-4166-813f-33988e056f08",
"layouts": {
"desktop": {
"top": 0,
"left": 4.651158443900305,
"width": 27.000000000000004,
"height": 30
}
},
"withDefaultChildren": false
},
"1e3ac79e-910f-4205-8aa8-26648037ddfd": {
"id": "1e3ac79e-910f-4205-8aa8-26648037ddfd",
"component": {
"properties": {
"title": {
"type": "code",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"useDefaultButton": {
"type": "toggle",
"displayName": "Use default trigger button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"triggerButtonLabel": {
"type": "code",
"displayName": "Trigger button label",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideTitleBar": {
"type": "toggle",
"displayName": "Hide title bar"
},
"hideCloseButton": {
"type": "toggle",
"displayName": "Hide close button"
},
"hideOnEsc": {
"type": "toggle",
"displayName": "Close on escape key"
},
"closeOnClickingOutside": {
"type": "toggle",
"displayName": "Close on clicking outside"
},
"size": {
"type": "select",
"displayName": "Modal size",
"options": [
{
"name": "small",
"value": "sm"
},
{
"name": "medium",
"value": "lg"
},
{
"name": "large",
"value": "xl"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"modalHeight": {
"type": "code",
"displayName": "Modal Height",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onOpen": {
"displayName": "On open"
},
"onClose": {
"displayName": "On close"
}
},
"styles": {
"headerBackgroundColor": {
"type": "color",
"displayName": "Header background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"headerTextColor": {
"type": "color",
"displayName": "Header title color",
"validation": {
"schema": {
"type": "string"
}
}
},
"bodyBackgroundColor": {
"type": "color",
"displayName": "Body background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"triggerButtonBackgroundColor": {
"type": "color",
"displayName": "Trigger button background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"triggerButtonTextColor": {
"type": "color",
"displayName": "Trigger button text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"headerBackgroundColor": {
"value": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4D72FA"
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Create Lead"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Launch Modal"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}",
"fxActive": false
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "790px"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal2",
"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": 1033.9996483325958,
"left": 4.651157267392136,
"width": 10,
"height": 40
}
}
},
"b99110d3-3d57-4724-9726-5834257f9caa": {
"id": "b99110d3-3d57-4724-9726-5834257f9caa",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "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": 330.0000183582306,
"left": 4.651167091543955,
"width": 4,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"726ad799-b6a0-4c99-9320-e3ec21ebcdaf": {
"id": "726ad799-b6a0-4c99-9320-e3ec21ebcdaf",
"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": "#D7DBDF",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {},
"general": {},
"exposedVariables": {}
},
"name": "divider2",
"displayName": "Divider",
"description": "Separator between components",
"component": "Divider",
"defaultSize": {
"width": 10,
"height": 10
},
"exposedVariables": {
"value": {}
}
},
"layouts": {
"desktop": {
"top": 710.0000841617584,
"left": -0.000002195560789070378,
"width": 43,
"height": 10
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"1d32aad7-31cb-414d-b60d-c22f8abc25a7": {
"id": "1d32aad7-31cb-414d-b60d-c22f8abc25a7",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "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": 390.0001220703125,
"left": 4.651164183588576,
"width": 6,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"e4daee1d-e42a-44af-8333-cf5f4d167686": {
"id": "e4daee1d-e42a-44af-8333-cf5f4d167686",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Company:"
},
"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": 450.0000104904175,
"left": 4.651162094252224,
"width": 6,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"24d7ebff-8f06-4a59-bc2d-8b550ca32e33": {
"id": "24d7ebff-8f06-4a59-bc2d-8b550ca32e33",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Department:"
},
"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": 509.99999713897705,
"left": 4.651163785619743,
"width": 6,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"221104de-8f22-4e80-974f-9d4adebf1e31": {
"id": "221104de-8f22-4e80-974f-9d4adebf1e31",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Notes:"
},
"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": 569.9998779296875,
"left": 4.651162790697675,
"width": 6,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"eff033c6-97f8-43b0-b2a6-e024821c8b69": {
"id": "eff033c6-97f8-43b0-b2a6-e024821c8b69",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Jot down your notes here"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textarea3",
"displayName": "Textarea",
"description": "Text area form field",
"component": "TextArea",
"defaultSize": {
"width": 6,
"height": 100
},
"exposedVariables": {
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
}
]
},
"layouts": {
"desktop": {
"top": 569.9997757077217,
"left": 18.604649895355095,
"width": 33,
"height": 120
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"ce17b14c-ef6f-456c-a6d4-65dd298f6fd5": {
"id": "ce17b14c-ef6f-456c-a6d4-65dd298f6fd5",
"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": "{{\"Lead\"}}"
},
"values": {
"value": "{{[\"Lead\", \"Opportunity\", \"Customer\", \"Lost\"]}}"
},
"display_values": {
"value": "{{[\"Lead\", \"Opportunity\", \"Customer\", \"Lost\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status"
}
},
"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": 39.99993896484375,
"left": 34.88373555558703,
"width": 9.000000000000002,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"1f6aebed-cfa8-41a7-aff8-76b9d9f3c156": {
"id": "1f6aebed-cfa8-41a7-aff8-76b9d9f3c156",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Status:"
},
"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": 39.999969482421875,
"left": 25.581398333603428,
"width": 4,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"97b10b0f-5f2f-492b-a239-9b98d21ae6e1": {
"id": "97b10b0f-5f2f-492b-a239-9b98d21ae6e1",
"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": "022531bf-a001-4014-84f0-8966a4e959f2",
"queryName": "profileImageNameGenerator",
"parameters": {},
"runOnlyIf": "{{components.filepicker1.file.length > 0}}"
},
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "5f068539-6555-4f99-a2c3-51208f1ce820",
"queryName": "createLead",
"parameters": {},
"runOnlyIf": "{{components.filepicker1.file.length == 0}}"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{!components.textinput5.isValid || !components.textinput6.isValid || !components.textinput7.isValid || !components.dropdown4.isValid}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Create Lead"
},
"loadingState": {
"value": "{{queries.profileImageNameGenerator.isLoading || queries.uploadProfileImage.isLoading || queries.createLead.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button9",
"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": 730.0003061294556,
"left": 79.06976175633015,
"width": 7,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"926663e3-5fc3-47d4-ab62-83ef634373e7": {
"id": "926663e3-5fc3-47d4-ab62-83ef634373e7",
"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": "{{components.textinput5.isValid ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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": "{{components.textinput5.value.length > 0 ? true : \" \"}}"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter 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": 330.000064432621,
"left": 18.60465781409459,
"width": 33,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"f2e54353-88ad-46a8-8712-7712455410ab": {
"id": "f2e54353-88ad-46a8-8712-7712455410ab",
"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": "{{components.textinput6.isValid ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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.textinput6.value) ? true : \" \"}}"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter email"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput6",
"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": 389.99998903274536,
"left": 18.604665776727725,
"width": 33,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"6095f219-1f36-4328-8105-e8612e554a1e": {
"id": "6095f219-1f36-4328-8105-e8612e554a1e",
"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": "{{components.textinput7.isValid > 0 ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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": "{{components.textinput7.value.length > 0 ? true : \" \"}}"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter company name"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput7",
"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": 449.9999651312828,
"left": 18.604654887787326,
"width": 33,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"c166faba-2e82-4dcc-96b6-9fd35a589eaa": {
"id": "c166faba-2e82-4dcc-96b6-9fd35a589eaa",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Deal amount:"
},
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 39.99983632564545,
"left": 60.465114434630685,
"width": 6,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"d249a032-1856-4a44-b364-77446712f547": {
"id": "d249a032-1856-4a44-b364-77446712f547",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"decimalPlaces": {
"type": "code",
"displayName": "Decimal places",
"validation": {
"schema": {
"type": "number"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#D7DBDF",
"fxActive": true
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "0"
},
"maxValue": {
"value": ""
},
"minValue": {
"value": "0"
},
"placeholder": {
"value": "{{components.numberinput2.value}}"
},
"decimalPlaces": {
"value": "{{2}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput2",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"layouts": {
"desktop": {
"top": 39.99995422363281,
"left": 74.4186102227264,
"width": 9.000000000000002,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"6542e4cf-485b-45b6-ad14-28f7efc985f6": {
"component": {
"properties": {
"instructionText": {
"type": "code",
"displayName": "Instruction Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"enableDropzone": {
"type": "code",
"displayName": "Use Drop zone",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enablePicker": {
"type": "code",
"displayName": "Use File Picker",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableMultiple": {
"type": "code",
"displayName": "Pick multiple files",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"maxFileCount": {
"type": "code",
"displayName": "Max file count",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"fileType": {
"type": "code",
"displayName": "Accept file types",
"validation": {
"schema": {
"type": "string"
}
}
},
"maxSize": {
"type": "code",
"displayName": "Max size limit (Bytes)",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minSize": {
"type": "code",
"displayName": "Min size limit (Bytes)",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"parseContent": {
"type": "toggle",
"displayName": "Parse content",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"parseFileType": {
"type": "select",
"displayName": "File type",
"options": [
{
"name": "Autodetect from extension",
"value": "auto-detect"
},
{
"name": "CSV",
"value": "csv"
},
{
"name": "Microsoft Excel - xls",
"value": "vnd.ms-excel"
},
{
"name": "Microsoft Excel - xlsx",
"value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet"
}
],
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onFileSelected": {
"displayName": "On File Selected"
},
"onFileLoaded": {
"displayName": "On File Loaded"
},
"onFileDeselected": {
"displayName": "On File Deselected"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{10}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"instructionText": {
"value": "To set a profile picture, select or drag-and-drop an image here"
},
"enableDropzone": {
"value": "{{true}}"
},
"enablePicker": {
"value": "{{true}}"
},
"maxFileCount": {
"value": "{{1}}"
},
"enableMultiple": {
"value": "{{false}}"
},
"fileType": {
"value": "{{\"image/*\"}}"
},
"maxSize": {
"value": "{{1048576}}"
},
"minSize": {
"value": "{{50}}"
},
"parseContent": {
"value": "{{false}}"
},
"parseFileType": {
"value": "auto-detect"
}
},
"general": {},
"exposedVariables": {}
},
"name": "filepicker1",
"displayName": "File Picker",
"description": "File Picker",
"component": "FilePicker",
"defaultSize": {
"width": 15,
"height": 100
},
"actions": [
{
"handle": "clearFiles",
"displayName": "Clear Files"
}
],
"exposedVariables": {
"file": [
{
"name": "",
"content": "",
"dataURL": "",
"type": "",
"parsedData": ""
}
],
"isParsing": false
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd",
"layouts": {
"desktop": {
"top": 200.00007319450378,
"left": 4.651164913076973,
"width": 39.00000000000001,
"height": 110
}
},
"withDefaultChildren": false
},
"aaea045d-da5c-4855-b203-1aed60ce0331": {
"id": "aaea045d-da5c-4855-b203-1aed60ce0331",
"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": "{{components.dropdown4.isValid ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
"fxActive": true
}
},
"validation": {
"customRule": {
"value": "{{components.dropdown4.value != undefined ? true : \" \"}}"
}
},
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": ""
},
"values": {
"value": "{{[\n \"Engineering\",\n \"Finance and Accounting\",\n \"Human Resources\",\n \"Marketing\",\n \"Operations\"\n]}}"
},
"display_values": {
"value": "{{[\n \"Engineering\",\n \"Finance and Accounting\",\n \"Human Resources\",\n \"Marketing\",\n \"Operations\"\n]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select a department"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown4",
"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": 509.9999561905861,
"left": 18.604649535674767,
"width": 33,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"a561c580-79d7-4adf-8e40-b22b3c7ea7c6": {
"component": {
"properties": {
"steps": {
"type": "code",
"displayName": "Steps",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "object",
"object": {
"id": {
"type": "number"
}
}
}
}
}
},
"currentStep": {
"type": "code",
"displayName": "Current step",
"validation": {
"schema": {
"type": "number"
}
}
},
"stepsSelectable": {
"type": "toggle",
"displayName": "Steps selectable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
}
},
"styles": {
"color": {
"type": "color",
"displayName": "Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
}
}
},
"theme": {
"type": "select",
"displayName": "Theme",
"options": [
{
"name": "titles",
"value": "titles"
},
{
"name": "numbers",
"value": "numbers"
},
{
"name": "plain",
"value": "plain"
}
],
"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}}"
},
"theme": {
"value": "titles"
},
"color": {
"value": "#3e63ddff"
},
"textColor": {
"value": ""
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"steps": {
"value": "{{[\n {\n id: 1,\n name: \"Prospect\",\n tooltip: \"Shown interest but have not yet engaged in a significant way.\",\n },\n {\n id: 2,\n name: \"Contacted\",\n tooltip: \"Initial contact has been made with the prospect or lead.\",\n },\n {\n name: \"Qualification\",\n id: 3,\n tooltip:\n \"Evaluating the prospect or lead to determine if they meet the criteria for becoming a customer or client.\",\n },\n {\n id: 4,\n name: \"Proposed\",\n tooltip: \"A proposal or quote has been sent to the prospect.\",\n },\n {\n name: \"Negotiation\",\n id: 5,\n tooltip:\n \"Engaged in negotiations regarding terms, pricing, or other details.\",\n },\n {\n id: 6,\n name: \"Closed\",\n tooltip: \"The relevant processes have been successfully finished.\",\n },\n]}}"
},
"currentStep": {
"value": "{{1}}"
},
"stepsSelectable": {
"value": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "steps1",
"displayName": "Steps",
"description": "Steps",
"component": "Steps",
"defaultSize": {
"width": 22,
"height": 38
},
"exposedVariables": {
"currentStepId": "3"
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd",
"layouts": {
"desktop": {
"top": 139.9998779296875,
"left": 25.581394055438516,
"width": 30,
"height": 40
}
},
"withDefaultChildren": false
},
"fbb6ed4e-0ef3-474b-a67a-2b1c1fbc6352": {
"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": "rounded"
},
"padding": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"imageFit": {
"value": "contain"
},
"backgroundColor": {
"value": "#8888881a"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"source": {
"value": "{{(components?.filepicker1?.file?.length ?? 0) > 0 ? `data:${components.filepicker1.file[0].type};base64,${components.filepicker1.file[0].base64Data}` : \"https://www.svgrepo.com/show/444673/user.svg\"}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
},
"alternativeText": {
"value": ""
},
"zoomButtons": {
"value": "{{false}}"
},
"rotateButton": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "image2",
"displayName": "Image",
"description": "Display an Image",
"defaultSize": {
"width": 3,
"height": 100
},
"component": "Image",
"exposedVariables": {}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd",
"layouts": {
"desktop": {
"top": 30.00005030632019,
"left": 4.651177931779017,
"width": 8,
"height": 150
}
},
"withDefaultChildren": false
},
"1244f123-f82a-4510-b68e-2322ba9989d2": {
"component": {
"properties": {
"loadingState": {
"type": "toggle",
"displayName": "loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.navbarBg}}",
"fxActive": true
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#3e63ddff",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container2",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 0.000003814697265625,
"left": 0,
"width": 43,
"height": 70
}
},
"withDefaultChildren": false
},
"1587681c-4ad5-4d18-8763-7337cfe983e4": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "{{queries.colorPalette.data.navbarText}}",
"fxActive": true
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": "{{1}}"
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "B R A 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": "1244f123-f82a-4510-b68e-2322ba9989d2",
"layouts": {
"desktop": {
"top": 10,
"left": 2.325581718026774,
"width": 6,
"height": 50
}
},
"withDefaultChildren": false
},
"0a161dfe-e17d-4650-ba5b-43b4f115449a": {
"id": "0a161dfe-e17d-4650-ba5b-43b4f115449a",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "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": "Process State"
},
"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": 110.00001525878906,
"left": 30.232559333441372,
"width": 26,
"height": 30
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"c174dc3c-f794-4644-8c95-e9640bc8d9f2": {
"id": "c174dc3c-f794-4644-8c95-e9640bc8d9f2",
"component": {
"properties": {
"title": {
"type": "code",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"useDefaultButton": {
"type": "toggle",
"displayName": "Use default trigger button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"triggerButtonLabel": {
"type": "code",
"displayName": "Trigger button label",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideTitleBar": {
"type": "toggle",
"displayName": "Hide title bar"
},
"hideCloseButton": {
"type": "toggle",
"displayName": "Hide close button"
},
"hideOnEsc": {
"type": "toggle",
"displayName": "Close on escape key"
},
"closeOnClickingOutside": {
"type": "toggle",
"displayName": "Close on clicking outside"
},
"size": {
"type": "select",
"displayName": "Modal size",
"options": [
{
"name": "small",
"value": "sm"
},
{
"name": "medium",
"value": "lg"
},
{
"name": "large",
"value": "xl"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"modalHeight": {
"type": "code",
"displayName": "Modal Height",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onOpen": {
"displayName": "On open"
},
"onClose": {
"displayName": "On close"
}
},
"styles": {
"headerBackgroundColor": {
"type": "color",
"displayName": "Header background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"headerTextColor": {
"type": "color",
"displayName": "Header title color",
"validation": {
"schema": {
"type": "string"
}
}
},
"bodyBackgroundColor": {
"type": "color",
"displayName": "Body background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"triggerButtonBackgroundColor": {
"type": "color",
"displayName": "Trigger button background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"triggerButtonTextColor": {
"type": "color",
"displayName": "Trigger button text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"headerBackgroundColor": {
"value": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4D72FA"
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Lead Details"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Launch Modal"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "680px"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal3",
"displayName": "Modal",
"description": "Modal triggered by events",
"component": "Modal",
"defaultSize": {
"width": 10,
"height": 34
},
"exposedVariables": {
"show": false
},
"actions": [
{
"handle": "open",
"displayName": "Open"
},
{
"handle": "close",
"displayName": "Close"
}
]
},
"layouts": {
"desktop": {
"top": 1033.9996299743652,
"left": 34.88372772688678,
"width": 10,
"height": 40
}
}
},
"eb23948e-fdd3-4e1e-a3af-7c5fddddbe36": {
"id": "eb23948e-fdd3-4e1e-a3af-7c5fddddbe36",
"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": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button10",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {
"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": 620.0000421404839,
"left": 62.79072855600938,
"width": 5,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"ab8eebbe-ebec-41a8-bf19-6c6427b611d1": {
"id": "ab8eebbe-ebec-41a8-bf19-6c6427b611d1",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "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": 219.99998474121094,
"left": 4.65116885972232,
"width": 4,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"ebbd7a45-5be3-418e-93c5-4b4e403a0388": {
"id": "ebbd7a45-5be3-418e-93c5-4b4e403a0388",
"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": "#D7DBDF",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {},
"general": {},
"exposedVariables": {}
},
"name": "divider3",
"displayName": "Divider",
"description": "Separator between components",
"component": "Divider",
"defaultSize": {
"width": 10,
"height": 10
},
"exposedVariables": {
"value": {}
}
},
"layouts": {
"desktop": {
"top": 600.0001038908958,
"left": -0.000008123400185411356,
"width": 43,
"height": 10
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"d40bb71b-2068-4cca-8ec3-1d174d53a678": {
"id": "d40bb71b-2068-4cca-8ec3-1d174d53a678",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "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": 280.000075340271,
"left": 4.651161723813867,
"width": 6,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"c4ca6abc-0515-4523-84b7-bfc4f0914593": {
"id": "c4ca6abc-0515-4523-84b7-bfc4f0914593",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Company:"
},
"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": 340.0000612139702,
"left": 4.651162066979629,
"width": 6,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"bcd2ab3a-3fc0-4ca1-9858-7bec35c579be": {
"id": "bcd2ab3a-3fc0-4ca1-9858-7bec35c579be",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Department:"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text27",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 399.9999694824219,
"left": 4.651160999837943,
"width": 6,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"ecdbccc0-e55c-465e-bdea-241bccfc98f5": {
"id": "ecdbccc0-e55c-465e-bdea-241bccfc98f5",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Notes:"
},
"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": 459.99977111816406,
"left": 4.651162790697675,
"width": 6,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"b7065c88-058e-4729-8fb0-be6d84d41512": {
"id": "b7065c88-058e-4729-8fb0-be6d84d41512",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "{{variables.selectedLeadData.notes}}"
},
"placeholder": {
"value": "Jot down your notes here"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textarea4",
"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": 460.00009673833847,
"left": 18.604658333496687,
"width": 33,
"height": 120
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"f48c8ca4-9e2c-4c01-9ce2-e825cfa60be2": {
"id": "f48c8ca4-9e2c-4c01-9ce2-e825cfa60be2",
"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": "{{variables.selectedLeadData.status}}"
},
"values": {
"value": "{{[\"Lead\", \"Opportunity\", \"Customer\", \"Lost\"]}}"
},
"display_values": {
"value": "{{[\"Lead\", \"Opportunity\", \"Customer\", \"Lost\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown5",
"displayName": "Dropdown",
"description": "Select one value from options",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 40.00000101327896,
"left": 34.88371671699695,
"width": 9.000000000000002,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"4ef90d3f-54a4-4f44-95dd-cfc32cc29a93": {
"id": "4ef90d3f-54a4-4f44-95dd-cfc32cc29a93",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Status:"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text29",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 40,
"left": 25.581391369148925,
"width": 4,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"4532bca7-12d4-4fb7-b6f3-b423b77a7701": {
"id": "4532bca7-12d4-4fb7-b6f3-b423b77a7701",
"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": "2b56ad7f-48ec-4232-904b-9705a1d8596a",
"queryName": "updateLead",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{!components.textinput8.isValid || !components.textinput9.isValid || !components.textinput10.isValid || !components.dropdown6.isValid}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Save changes"
},
"loadingState": {
"value": "{{queries.updateLead.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button11",
"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": 620.000394821167,
"left": 76.74418373215283,
"width": 8,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"d6328ff8-6b0c-49ba-a9ef-cb189de1011f": {
"id": "d6328ff8-6b0c-49ba-a9ef-cb189de1011f",
"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": "{{components.textinput8.isValid > 0 ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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": "{{components.textinput8.value.length > 0 ? true : \" \"}}"
}
},
"properties": {
"value": {
"value": "{{variables.selectedLeadData.name}}"
},
"placeholder": {
"value": "Enter name"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput8",
"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": 219.99997329711914,
"left": 18.60464157773724,
"width": 33,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"11bb727a-d769-4fd2-ac75-0b812b7c8e1f": {
"id": "11bb727a-d769-4fd2-ac75-0b812b7c8e1f",
"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": "{{components.textinput9.isValid ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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.textinput9.value) ? true : \" \"}}"
}
},
"properties": {
"value": {
"value": "{{variables.selectedLeadData.email}}"
},
"placeholder": {
"value": "Enter email"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput9",
"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": 279.999864757061,
"left": 18.604662485981912,
"width": 33,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"7d51263e-8333-40db-97dd-7923590d586e": {
"id": "7d51263e-8333-40db-97dd-7923590d586e",
"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": "{{components.textinput10.isValid > 0 ? \"#dadcde\" : \"#ff0000\"}}",
"fxActive": true
},
"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": "{{components.textinput10.value.length > 0 ? true : \" \"}}"
}
},
"properties": {
"value": {
"value": "{{variables.selectedLeadData.company}}"
},
"placeholder": {
"value": "Enter company name"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput10",
"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": 339.99995666742325,
"left": 18.604662894923663,
"width": 33,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"e15197f1-9db9-45ea-8ffa-2e03dc64fdf8": {
"id": "e15197f1-9db9-45ea-8ffa-2e03dc64fdf8",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "Deal amount ($):"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text30",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 40.00003242492676,
"left": 60.46511627906977,
"width": 7,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"9e20c0df-0a0c-47a3-8f89-4bcecfad69e3": {
"id": "9e20c0df-0a0c-47a3-8f89-4bcecfad69e3",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"decimalPlaces": {
"type": "code",
"displayName": "Decimal places",
"validation": {
"schema": {
"type": "number"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#D7DBDF",
"fxActive": true
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "{{variables.selectedLeadData.deal_amount}}"
},
"maxValue": {
"value": ""
},
"minValue": {
"value": "0"
},
"placeholder": {
"value": "{{components.numberinput3.value}}"
},
"decimalPlaces": {
"value": "{{2}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput3",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"layouts": {
"desktop": {
"top": 40.00006103515625,
"left": 76.74418821238375,
"width": 8,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"16a4efda-026a-441f-b391-afb702fd00e4": {
"id": "16a4efda-026a-441f-b391-afb702fd00e4",
"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": "{{components.dropdown6.isValid ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff9999ff\"}}",
"fxActive": true
}
},
"validation": {
"customRule": {
"value": "{{components.dropdown6.value != undefined ? true : \" \"}}"
}
},
"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": "{{variables.selectedLeadData.department}}"
},
"values": {
"value": "{{[\n \"Engineering\",\n \"Finance and Accounting\",\n \"Human Resources\",\n \"Marketing\",\n \"Operations\"\n]}}"
},
"display_values": {
"value": "{{[\n \"Engineering\",\n \"Finance and Accounting\",\n \"Human Resources\",\n \"Marketing\",\n \"Operations\"\n]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select a department"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown6",
"displayName": "Dropdown",
"description": "Select one value from options",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 399.9998946785927,
"left": 18.604647451251065,
"width": 33,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"032a2530-e157-465a-ae08-fac913a85b1a": {
"id": "032a2530-e157-465a-ae08-fac913a85b1a",
"component": {
"properties": {
"steps": {
"type": "code",
"displayName": "Steps",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "object",
"object": {
"id": {
"type": "number"
}
}
}
}
}
},
"currentStep": {
"type": "code",
"displayName": "Current step",
"validation": {
"schema": {
"type": "number"
}
}
},
"stepsSelectable": {
"type": "toggle",
"displayName": "Steps selectable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
}
},
"styles": {
"color": {
"type": "color",
"displayName": "Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
}
}
},
"theme": {
"type": "select",
"displayName": "Theme",
"options": [
{
"name": "titles",
"value": "titles"
},
{
"name": "numbers",
"value": "numbers"
},
{
"name": "plain",
"value": "plain"
}
],
"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}}"
},
"theme": {
"value": "titles"
},
"color": {
"value": "#3e63ddff"
},
"textColor": {
"value": ""
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"steps": {
"value": "{{[\n {\n id: 1,\n name: \"Prospect\",\n tooltip: \"Shown interest but have not yet engaged in a significant way.\",\n },\n {\n id: 2,\n name: \"Contacted\",\n tooltip: \"Initial contact has been made with the prospect or lead.\",\n },\n {\n name: \"Qualification\",\n id: 3,\n tooltip:\n \"Evaluating the prospect or lead to determine if they meet the criteria for becoming a customer or client.\",\n },\n {\n id: 4,\n name: \"Proposed\",\n tooltip: \"A proposal or quote has been sent to the prospect.\",\n },\n {\n name: \"Negotiation\",\n id: 5,\n tooltip:\n \"Engaged in negotiations regarding terms, pricing, or other details.\",\n },\n {\n id: 6,\n name: \"Closed\",\n tooltip: \"The relevant processes have been successfully finished.\",\n },\n]}}"
},
"currentStep": {
"value": "{{({\n Prospect: 1,\n Contacted: 2,\n Qualification: 3,\n Proposed: 4,\n Negotiation: 5,\n Closed: 6,\n})[variables.selectedLeadData.process_state]}}"
},
"stepsSelectable": {
"value": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "steps2",
"displayName": "Steps",
"description": "Steps",
"component": "Steps",
"defaultSize": {
"width": 22,
"height": 38
},
"exposedVariables": {
"currentStepId": "3"
}
},
"layouts": {
"desktop": {
"top": 139.99987775087357,
"left": 25.58139713879437,
"width": 30,
"height": 40
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"0c5e3762-54e4-460e-9f3e-624b7b09bdf6": {
"id": "0c5e3762-54e4-460e-9f3e-624b7b09bdf6",
"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": "rounded"
},
"padding": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"imageFit": {
"value": "contain"
},
"backgroundColor": {
"value": "#8888881a"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"source": {
"value": "{{variables.selectedLeadData.profile_image_url.length > 0 ? queries.viewProfilePicture.data.url : \"https://www.svgrepo.com/show/444673/user.svg\"}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.viewProfilePicture.isLoading}}",
"fxActive": true
},
"alternativeText": {
"value": "Failed to load profile picture!"
},
"zoomButtons": {
"value": "{{false}}"
},
"rotateButton": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "image3",
"displayName": "Image",
"description": "Display an Image",
"defaultSize": {
"width": 3,
"height": 100
},
"component": "Image",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 30.000023007392883,
"left": 4.651169386557087,
"width": 8,
"height": 150
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"b7f80607-2991-42ce-a679-70bc57992e7a": {
"id": "b7f80607-2991-42ce-a679-70bc57992e7a",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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": "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": "Process State"
},
"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": 109.99990844726562,
"left": 30.232558139534884,
"width": 26,
"height": 30
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
"7a869a2f-eb9a-4fd6-bb7b-d5ce8af5e80f": {
"id": "7a869a2f-eb9a-4fd6-bb7b-d5ce8af5e80f",
"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": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button12",
"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": 730.0000610351562,
"left": 65.11627906976744,
"width": 5,
"height": 40
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd"
},
"b146390c-66db-46b0-9df3-f765c57d425b": {
"id": "b146390c-66db-46b0-9df3-f765c57d425b",
"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"
}
}
},
"allowSelection": {
"type": "toggle",
"displayName": "Allow selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkSelector": {
"type": "toggle",
"displayName": "Bulk selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"highlightSelectedRow": {
"type": "toggle",
"displayName": "Highlight selected row",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"defaultSelectedRow": {
"type": "code",
"displayName": "Default selected row",
"validation": {
"schema": {
"type": "object"
}
}
},
"showAddNewRowButton": {
"type": "toggle",
"displayName": "Show add new row button",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "0"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.fetchLeadsTransformed?.data?.Opportunity??[]}}"
},
"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,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true,
"key": "id",
"columnType": "default"
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true,
"columnType": "default",
"key": "name"
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true,
"columnType": "default",
"key": "email"
},
{
"name": "company",
"id": "500a7631-4b78-4298-b65a-a3c0188ec1c9",
"columnType": "default",
"key": "company"
},
{
"name": "department",
"id": "15518431-d6f8-4fe8-bb1d-05dbbc96e31f",
"columnType": "default",
"key": "department"
},
{
"name": "process state",
"id": "8a626d31-5dd0-4fca-bce0-38421af2aa60",
"columnType": "default",
"key": "process_state"
},
{
"name": "deal amount",
"id": "f3278bd5-7c5c-47dc-bfca-3a059d903ae0",
"columnType": "default",
"key": "deal_amount"
},
{
"id": "5238456c-aaf6-49c5-a7a8-1d27a02b2972",
"name": "notes",
"key": "notes",
"columnType": "default",
"autogenerated": true
},
{
"id": "2f8faaf7-ad99-438a-9da6-7edd49cfbd15",
"name": "created at",
"key": "created_at",
"columnType": "default",
"autogenerated": true
},
{
"id": "6a9ce6d3-f44b-44b0-8cec-528d3b4bc462",
"name": "updated at",
"key": "updated_at",
"columnType": "default",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 111,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 221,
"leftActions": 82,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 303,
"500a7631-4b78-4298-b65a-a3c0188ec1c9": 243,
"f3278bd5-7c5c-47dc-bfca-3a059d903ae0": 133,
"8a626d31-5dd0-4fca-bce0-38421af2aa60": 149,
"15518431-d6f8-4fe8-bb1d-05dbbc96e31f": 174,
"fd02a1af-4589-4b16-bd5d-07ec6f3535d4": 156
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Details",
"events": [
{
"eventId": "onClick",
"actionId": "set-custom-variable",
"message": "Hello world!",
"alertType": "info",
"key": "selectedLeadData",
"value": "{{components.table2.selectedRow}}"
},
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"queryName": "viewProfilePicture",
"parameters": {},
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}"
}
],
"position": "left",
"backgroundColor": "#f1f4ffff",
"textColor": "#5079ffff"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"License",
"company",
"department",
"deal_amount",
"process_state",
"profile_image_url",
"is_active",
"status"
]
}
},
"general": {},
"exposedVariables": {}
},
"name": "table2",
"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"
},
{
"displayName": "Download table data",
"handle": "downloadTableData",
"params": [
{
"handle": "type",
"displayName": "Type",
"options": [
{
"name": "Download as Excel",
"value": "xlsx"
},
{
"name": "Download as CSV",
"value": "csv"
},
{
"name": "Download as PDF",
"value": "pdf"
}
],
"defaultValue": "{{Download as Excel}}",
"type": "select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0.000012159347534179688,
"left": 0.0000019460754536737568,
"width": 43,
"height": 625
}
},
"parent": "d91777ee-6bf7-48a6-bae6-d9c5ddab0057-1"
},
"f33bc72b-cde6-4cbe-9d77-a0be4cf1922e": {
"id": "f33bc72b-cde6-4cbe-9d77-a0be4cf1922e",
"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"
}
}
},
"allowSelection": {
"type": "toggle",
"displayName": "Allow selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkSelector": {
"type": "toggle",
"displayName": "Bulk selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"highlightSelectedRow": {
"type": "toggle",
"displayName": "Highlight selected row",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"defaultSelectedRow": {
"type": "code",
"displayName": "Default selected row",
"validation": {
"schema": {
"type": "object"
}
}
},
"showAddNewRowButton": {
"type": "toggle",
"displayName": "Show add new row button",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "0"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.fetchLeadsTransformed?.data?.Customer??[]}}"
},
"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,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true,
"key": "id",
"columnType": "default"
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true,
"columnType": "default",
"key": "name"
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true,
"columnType": "default",
"key": "email"
},
{
"name": "company",
"id": "500a7631-4b78-4298-b65a-a3c0188ec1c9",
"columnType": "default",
"key": "company"
},
{
"name": "department",
"id": "15518431-d6f8-4fe8-bb1d-05dbbc96e31f",
"columnType": "default",
"key": "department"
},
{
"name": "process state",
"id": "8a626d31-5dd0-4fca-bce0-38421af2aa60",
"columnType": "default",
"key": "process_state"
},
{
"name": "deal amount",
"id": "f3278bd5-7c5c-47dc-bfca-3a059d903ae0",
"columnType": "default",
"key": "deal_amount"
},
{
"id": "5238456c-aaf6-49c5-a7a8-1d27a02b2972",
"name": "notes",
"key": "notes",
"columnType": "default",
"autogenerated": true
},
{
"id": "2f8faaf7-ad99-438a-9da6-7edd49cfbd15",
"name": "created at",
"key": "created_at",
"columnType": "default",
"autogenerated": true
},
{
"id": "6a9ce6d3-f44b-44b0-8cec-528d3b4bc462",
"name": "updated at",
"key": "updated_at",
"columnType": "default",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 111,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 221,
"leftActions": 82,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 303,
"500a7631-4b78-4298-b65a-a3c0188ec1c9": 243,
"f3278bd5-7c5c-47dc-bfca-3a059d903ae0": 133,
"8a626d31-5dd0-4fca-bce0-38421af2aa60": 149,
"15518431-d6f8-4fe8-bb1d-05dbbc96e31f": 174,
"fd02a1af-4589-4b16-bd5d-07ec6f3535d4": 156
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Details",
"events": [
{
"eventId": "onClick",
"actionId": "set-custom-variable",
"message": "Hello world!",
"alertType": "info",
"key": "selectedLeadData",
"value": "{{components.table3.selectedRow}}"
},
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"queryName": "viewProfilePicture",
"parameters": {},
"debounce": "",
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}"
}
],
"position": "left",
"backgroundColor": "#f1f4ffff",
"textColor": "#5079ffff"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"License",
"company",
"department",
"deal_amount",
"process_state",
"profile_image_url",
"is_active",
"status"
]
}
},
"general": {},
"exposedVariables": {}
},
"name": "table3",
"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"
},
{
"displayName": "Download table data",
"handle": "downloadTableData",
"params": [
{
"handle": "type",
"displayName": "Type",
"options": [
{
"name": "Download as Excel",
"value": "xlsx"
},
{
"name": "Download as CSV",
"value": "csv"
},
{
"name": "Download as PDF",
"value": "pdf"
}
],
"defaultValue": "{{Download as Excel}}",
"type": "select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": -0.00003987550735473633,
"left": -0.0000031579780701562754,
"width": 43,
"height": 625
}
},
"parent": "d91777ee-6bf7-48a6-bae6-d9c5ddab0057-2"
},
"8557211b-4340-4de9-aaca-d27136ab10fd": {
"id": "8557211b-4340-4de9-aaca-d27136ab10fd",
"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"
}
}
},
"allowSelection": {
"type": "toggle",
"displayName": "Allow selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkSelector": {
"type": "toggle",
"displayName": "Bulk selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"highlightSelectedRow": {
"type": "toggle",
"displayName": "Highlight selected row",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"defaultSelectedRow": {
"type": "code",
"displayName": "Default selected row",
"validation": {
"schema": {
"type": "object"
}
}
},
"showAddNewRowButton": {
"type": "toggle",
"displayName": "Show add new row button",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "0"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.fetchLeads.isLoading || queries.fetchLeadsTransformed.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.fetchLeadsTransformed?.data?.Lost??[]}}"
},
"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,
"generateNestedColumns": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true,
"key": "id",
"columnType": "default"
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true,
"columnType": "default",
"key": "name"
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true,
"columnType": "default",
"key": "email"
},
{
"name": "company",
"id": "500a7631-4b78-4298-b65a-a3c0188ec1c9",
"columnType": "default",
"key": "company"
},
{
"name": "department",
"id": "15518431-d6f8-4fe8-bb1d-05dbbc96e31f",
"columnType": "default",
"key": "department"
},
{
"name": "process state",
"id": "8a626d31-5dd0-4fca-bce0-38421af2aa60",
"columnType": "default",
"key": "process_state"
},
{
"name": "deal amount",
"id": "f3278bd5-7c5c-47dc-bfca-3a059d903ae0",
"columnType": "default",
"key": "deal_amount"
},
{
"id": "5238456c-aaf6-49c5-a7a8-1d27a02b2972",
"name": "notes",
"key": "notes",
"columnType": "default",
"autogenerated": true
},
{
"id": "2f8faaf7-ad99-438a-9da6-7edd49cfbd15",
"name": "created at",
"key": "created_at",
"columnType": "default",
"autogenerated": true
},
{
"id": "6a9ce6d3-f44b-44b0-8cec-528d3b4bc462",
"name": "updated at",
"key": "updated_at",
"columnType": "default",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 111,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 221,
"leftActions": 82,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 303,
"500a7631-4b78-4298-b65a-a3c0188ec1c9": 243,
"f3278bd5-7c5c-47dc-bfca-3a059d903ae0": 133,
"8a626d31-5dd0-4fca-bce0-38421af2aa60": 149,
"15518431-d6f8-4fe8-bb1d-05dbbc96e31f": 174,
"fd02a1af-4589-4b16-bd5d-07ec6f3535d4": 156
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Details",
"events": [
{
"eventId": "onClick",
"actionId": "set-custom-variable",
"message": "Hello world!",
"alertType": "info",
"key": "selectedLeadData",
"value": "{{components.table4.selectedRow}}"
},
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
},
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "398504a9-e028-4fbd-9f7a-2c668c1e32bb",
"queryName": "viewProfilePicture",
"parameters": {},
"runOnlyIf": "{{variables.selectedLeadData.profile_image_url.length > 0}}"
}
],
"position": "left",
"backgroundColor": "#f1f4ffff",
"textColor": "#5079ffff"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"defaultSelectedRow": {
"value": "{{{\"id\":1}}}"
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"License",
"company",
"department",
"deal_amount",
"process_state",
"profile_image_url",
"is_active",
"status"
]
}
},
"general": {},
"exposedVariables": {}
},
"name": "table4",
"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"
},
{
"displayName": "Download table data",
"handle": "downloadTableData",
"params": [
{
"handle": "type",
"displayName": "Type",
"options": [
{
"name": "Download as Excel",
"value": "xlsx"
},
{
"name": "Download as CSV",
"value": "csv"
},
{
"name": "Download as PDF",
"value": "pdf"
}
],
"defaultValue": "{{Download as Excel}}",
"type": "select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": -0.00004315376281738281,
"left": -7.215823494277629e-8,
"width": 43,
"height": 625
}
},
"parent": "d91777ee-6bf7-48a6-bae6-d9c5ddab0057-3"
},
"00fe8322-78b3-48f8-9a22-f0f7a7b152f3": {
"component": {
"properties": {
"data": {
"type": "code",
"displayName": "Svg data",
"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"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"data": {
"value": ""
}
},
"general": {
"tooltip": {
"value": "Click on the points to set Process state."
}
},
"exposedVariables": {}
},
"name": "svgimage1",
"displayName": "Svg Image",
"description": "Svg image",
"component": "SvgImage",
"defaultSize": {
"width": 4,
"height": 50
},
"exposedVariables": {
"value": {}
}
},
"parent": "1e3ac79e-910f-4205-8aa8-26648037ddfd",
"layouts": {
"desktop": {
"top": 110.00009155273438,
"left": 90.69767800032412,
"width": 2,
"height": 30
}
},
"withDefaultChildren": false
},
"c554104e-fb35-4394-a2ba-d76160a889da": {
"id": "c554104e-fb35-4394-a2ba-d76160a889da",
"component": {
"properties": {
"data": {
"type": "code",
"displayName": "Svg data",
"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"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"data": {
"value": ""
}
},
"general": {
"tooltip": {
"value": "Click on the points to set Process state."
}
},
"exposedVariables": {}
},
"name": "svgimage2",
"displayName": "Svg Image",
"description": "Svg image",
"component": "SvgImage",
"defaultSize": {
"width": 4,
"height": 50
},
"exposedVariables": {
"value": {}
}
},
"layouts": {
"desktop": {
"top": 110.00006484985352,
"left": 90.69767812888233,
"width": 2,
"height": 30
}
},
"parent": "c174dc3c-f794-4644-8c95-e9640bc8d9f2"
}
},
"handle": "home",
"name": "Home"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": "100",
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "#ffffff",
"backgroundFxQuery": "{{queries.colorPalette.data[\"canvasBg_\"+globals.theme.name]}}"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": 100,
"canvasMaxWidthType": "%",
"canvasMaxHeight": 2400,
"canvasBackgroundColor": "",
"backgroundFxQuery": ""
},
"showViewerNavigation": false,
"homePageId": "d538c746-0049-4caa-8747-a34fc32d9454",
"appId": "38c9c7cc-2ecf-4375-85c7-30279e59e111",
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"promotedFrom": null,
"createdAt": "2023-08-30T07:34:00.601Z",
"updatedAt": "2024-01-02T11:22:50.991Z"
}
],
"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": "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": "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": "b871cb37-8c70-4cef-a625-0d74969071b2",
"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": "1e38a3cd-d349-4819-98e4-578fd7cb70e2",
"dataSourceId": "a2887830-6a49-4f7b-a2bb-58ff99d9e331",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2023-08-30T07:34:00.608Z",
"updatedAt": "2023-08-30T07:34:00.608Z"
},
{
"id": "c3ebadb7-d5bd-4077-bbfc-cfce8335d1fa",
"dataSourceId": "a2887830-6a49-4f7b-a2bb-58ff99d9e331",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2023-08-30T07:34:00.608Z",
"updatedAt": "2023-08-30T07:34:00.608Z"
},
{
"id": "9e07557c-a502-40d3-aaff-6e58f4be04cf",
"dataSourceId": "a2887830-6a49-4f7b-a2bb-58ff99d9e331",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2023-08-30T07:34:00.608Z",
"updatedAt": "2023-08-30T07:34:00.608Z"
},
{
"id": "0339a258-570a-40cc-9bef-3ef4ad58d8cb",
"dataSourceId": "4d36cc21-6edd-4b2c-be3b-969afc5e354d",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2023-08-30T07:34:00.618Z",
"updatedAt": "2023-08-30T07:34:00.618Z"
},
{
"id": "4ea736e5-5059-42f8-9ba7-2915c2d98c8d",
"dataSourceId": "4d36cc21-6edd-4b2c-be3b-969afc5e354d",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2023-08-30T07:34:00.618Z",
"updatedAt": "2023-08-30T07:34:00.618Z"
},
{
"id": "f84c4b0f-7801-4c8e-8ac6-42056d13c9cd",
"dataSourceId": "4d36cc21-6edd-4b2c-be3b-969afc5e354d",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2023-08-30T07:34:00.618Z",
"updatedAt": "2023-08-30T07:34:00.618Z"
},
{
"id": "2c58a954-1de0-489d-bfc2-595ed5ea523c",
"dataSourceId": "e412d1da-bd1f-487a-9cef-28650dc0a8e3",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2023-08-30T07:34:00.624Z",
"updatedAt": "2023-08-30T07:34:00.624Z"
},
{
"id": "e6ff42b5-bbe1-4dbf-b5bf-2b2d88aa23c8",
"dataSourceId": "e412d1da-bd1f-487a-9cef-28650dc0a8e3",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2023-08-30T07:34:00.624Z",
"updatedAt": "2023-08-30T07:34:00.624Z"
},
{
"id": "466513d1-128c-441b-9103-3d538f334dfc",
"dataSourceId": "e412d1da-bd1f-487a-9cef-28650dc0a8e3",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2023-08-30T07:34:00.624Z",
"updatedAt": "2023-08-30T07:34:00.624Z"
},
{
"id": "4a31dd03-0da1-48b6-abd9-8e4360c33aa6",
"dataSourceId": "e3af1abb-1040-4406-93b6-23ea89cdf530",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2023-08-30T07:34:00.631Z",
"updatedAt": "2023-08-30T07:34:00.631Z"
},
{
"id": "ecac8c08-1ba1-4780-bf2c-f57cad1f67b2",
"dataSourceId": "e3af1abb-1040-4406-93b6-23ea89cdf530",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2023-08-30T07:34:00.631Z",
"updatedAt": "2023-08-30T07:34:00.631Z"
},
{
"id": "307d6ffc-c0a6-4028-be4c-d78e7046a93a",
"dataSourceId": "e3af1abb-1040-4406-93b6-23ea89cdf530",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2023-08-30T07:34:00.631Z",
"updatedAt": "2023-08-30T07:34:00.631Z"
}
],
"schemaDetails": {
"multiPages": true,
"multiEnv": true,
"globalDataSources": true
}
}
}
}
],
"tooljet_version": "2.25.0-ee2.11.1-cloud2.1.8"
}