diff --git a/.DS_Store b/.DS_Store deleted file mode 100644 index 8db1d4d..0000000 Binary files a/.DS_Store and /dev/null differ diff --git a/README.md b/README.md index e005f4b..666dda4 100644 --- a/README.md +++ b/README.md @@ -3,4 +3,4 @@ Enhance the usability and functionality of ProcessMaker. These templates offer s ## Accounting And Finance - **[Expense Report]** (Version 3.2.8) - **[Non-PO Invoice Approval]** (Version 1.9.4) -- **[Smart Surveys]** (Version 1.1.2) +- **[Smart Surveys]** (Version 1.1.3) diff --git a/accounting-and-finance/smart_surveys/process_helper_export.json b/accounting-and-finance/smart_surveys/process_helper_export.json index 349c4e5..65eb8e9 100644 --- a/accounting-and-finance/smart_surveys/process_helper_export.json +++ b/accounting-and-finance/smart_surveys/process_helper_export.json @@ -1 +1 @@ -{"type":"process_package","version":"2","root":"9da19ea8-55d6-45bc-85df-5c46c1e61141","name":"Smart Surveys Helper","export":{"9da19ea8-55d6-45bc-85df-5c46c1e61141":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ProcessExporter","type":"Process","type_human":"Process","type_plural":"Processes","type_human_plural":"Processes","last_modified_by":"Giovani+prod1108 Trial instance","last_modified_by_id":1,"model":"ProcessMaker\\Models\\Process","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"manager","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"giovani+prod1108@processmaker.com","username":"giovani+prod1108@processmaker.com"},"name":"","discard":false},{"type":"interstitial_screen","uuid":"9cdea8e8-d24c-4414-a353-adcd34029001","meta":{"path":"\/bpmn:definitions\/bpmn:process[1]\/bpmn:startEvent"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":"interstitial","title":"Screen Interstitial"},"name":"Screen Interstitial","discard":false},{"type":"screens","uuid":"9da12f88-7c56-41ad-980f-8031c47ae895","meta":{"path":"\/bpmn:definitions\/bpmn:process[1]\/bpmn:task"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"SG - Helper Screen"},"name":"SG - Helper Screen","discard":false},{"type":"scripts","uuid":"9da135ae-f28c-4df0-b479-3cbb5ede4dc1","meta":{"path":"\/bpmn:definitions\/bpmn:process[1]\/bpmn:scriptTask"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"SG - Helper Create Collections"},"name":"SG - Helper Create Collections","discard":false},{"type":"scripts","uuid":"9db1383f-fd14-47c6-a5b1-554241353f7c","meta":{"path":"\/bpmn:definitions\/bpmn:process[2]\/bpmn:scriptTask"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"SG - Register Answers"},"name":"SG - Register Answers","discard":false},{"type":"signal","uuid":"signal-catch_survey_response","meta":"catch_survey_response","exporterClass":"ProcessMaker\\ImportExport\\Exporters\\SignalExporter","modelClass":"ProcessMaker\\ImportExport\\Psudomodels\\Signal","fallbackMatches":[],"name":"catch_survey_response","discard":false},{"type":"process_launchpad","uuid":"9da1a16b-503b-4618-b23c-d6c61ec707ef","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ProcessLaunchpadExporter","modelClass":"ProcessMaker\\Models\\ProcessLaunchpad","fallbackMatches":[],"name":"Setting","discard":false}],"name":"Smart Surveys Helper","description":"Survey Generator Helper","process_manager":"Giovani+prod1108 Trial instance","process_manager_id":1,"attributes":{"id":34,"uuid":"9da19ea8-55d6-45bc-85df-5c46c1e61141","process_category_id":3,"user_id":5,"bpmn":"\n\n \n \n node_24<\/bpmn:outgoing>\n <\/bpmn:startEvent>\n \n node_24<\/bpmn:incoming>\n node_33<\/bpmn:outgoing>\n <\/bpmn:task>\n \n node_37<\/bpmn:incoming>\n <\/bpmn:endEvent>\n \n \n node_33<\/bpmn:incoming>\n node_37<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n \n \n <\/bpmn:process>\n \n \n \n <\/bpmn:collaboration>\n \n \n node_79<\/bpmn:outgoing>\n \n <\/bpmn:startEvent>\n \n node_79<\/bpmn:incoming>\n node_97<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n node_97<\/bpmn:incoming>\n <\/bpmn:endEvent>\n <\/bpmn:process>\n \n \n \n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n <\/bpmndi:BPMNPlane>\n <\/bpmndi:BPMNDiagram>\n<\/bpmn:definitions>","description":"Survey Generator Helper","name":"Smart Surveys Helper","cancel_screen_id":null,"request_detail_screen_id":null,"status":"ACTIVE","is_valid":1,"package_key":null,"pause_timer_start":0,"deleted_at":null,"created_at":"2024-12-02 21:26:11","updated_at":"2024-12-10 15:46:45","updated_by":1,"start_events":"[{\"id\": \"node_2\", \"name\": \"Start\", \"config\": \"{\\\"web_entry\\\":null}\", \"ownerProcessId\": \"ProcessId\", \"eventDefinitions\": [], \"ownerProcessName\": \"ProcessName\", \"allowInterstitial\": \"true\", \"interstitialScreenRef\": \"1\"}, {\"id\": \"node_58\", \"name\": \"New Survey Response\", \"ownerProcessId\": \"Process_1\", \"eventDefinitions\": [{\"$type\": \"signalEventDefinition\", \"signalRef\": \"catch_survey_response\"}], \"ownerProcessName\": \"\"}]","warnings":null,"self_service_tasks":"[]","svg":"<\/marker><\/marker><\/marker><\/marker><\/defs>Configure\u00a0Process<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Create<\/tspan>collections<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Start<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Configure<\/tspan>Finish<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>End<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Register\u00a0Survey\u00a0Response<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Response\u00a0Registered<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>New\u00a0Survey\u00a0Response<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Update\u00a0Survey<\/tspan>Execution<\/tspan>Status<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>
\\n
<\/div>\\n

We're getting the next task for you...<\/p>\\n<\/div>\", \"interactive\": true, \"renderVarHtml\": false}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}]}]","computed":null,"custom_css":null,"created_at":"2024-08-27 23:28:25","updated_at":"2024-08-27 23:28:25","status":"ACTIVE","key":"interstitial","watchers":null,"translations":null,"is_template":0,"asset_type":null},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9da12f88-7c56-41ad-980f-8031c47ae895":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","type":"Screen","type_human":"Screen","type_plural":"Screens","type_human_plural":"Screens","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Screen","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"SG - Helper Screen","description":"SG - Helper Screen","process_manager":"","process_manager_id":null,"attributes":{"id":105,"uuid":"9da12f88-7c56-41ad-980f-8031c47ae895","title":"SG - Helper Screen","description":"SG - Helper Screen","type":"FORM","config":"[{\"name\": \"SG - Helper Screen\", \"items\": [{\"items\": [[{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"



<\/p>\", \"interactive\": true, \"renderVarHtml\": false}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

{{errorMessage}}<\/div>\", \"interactive\": true, \"renderVarHtml\": true, \"conditionalHide\": \"uploadError\"}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"items\": [[{\"items\": [[{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Smart Surveys<\/p>\\n

Let’s set up the process to work for you. Complete this guided setup wizard once, and you’ll be ready to share it with collaborators:<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"card-title\"}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"items\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"one\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFeSURBVHgBtZY9S8RAEIZnj0MQLaKFqNVpKYLaC2phKQpWdv4D01rlKmutRe5srfzojSI2Imgh2Ki5SsTCXGE\/N7PZ++C4m9xesg9MstnMzruzG3YCIICIHllAFpJF2CY2fT5ZCWzhQSbAoFQGFiLHAzNDW3iMnxY8wOwE0szzopWJaq453V7IPEjh7edL3+cmZ2BsZLSfW51sRSlVK5qOIC34738MR+E5RH\/f+vl091AS4FgVso2imf0+iLP+hJPHCy1iwTrF9jiDHcnr+v0Bzp5udHtqfMJWxC\/QZVvyUKi3CfaWNrVZssYZLEseWwursDg9T5s6C7cfz2BJiTNI\/XI4+JBoAaewQA3cUXct8MoC9+COKxY4BndcFui84HPjDvKnymeRbmFSYIapAf2IsbsAYVL+8qJ34aEXZcxOWVw4TDJxUzI7RHhPqhbBQ8zwd+GbAJ1ZRaaPl1Q8yxqNiuv0o\/XXeQAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"variant\": \"primary\", \"renderImage\": false}, \"component\": \"FormImage\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"label\": \"Name\", \"helper\": \"Image name\"}}, {\"type\": \"ImageUpload\", \"field\": \"image\", \"config\": {\"label\": \"Upload\", \"helper\": \"Upload image\"}}, {\"type\": \"ImageVariable\", \"field\": \"imageName\", \"config\": {\"label\": \"Render from a variable name\", \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"height\", \"config\": {\"type\": \"number\", \"label\": \"Height\", \"helper\": \"Image height\"}}, {\"type\": \"FormInput\", \"field\": \"width\", \"config\": {\"type\": \"number\", \"label\": \"Width\", \"helper\": \"image width\"}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormImage\", \"editor-component\": \"FormImage\"}, {\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Finish<\/p>\", \"interactive\": true, \"renderVarHtml\": false}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"left-hint-current\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"card-container-verification\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}], [{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"line\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGvCAYAAACadL+jAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAlSURBVHgB7cQxDQAwCAAwMv\/WJgELWABEcLZH42f1iyVJknTeAF2JBvTB8e8OAAAAAElFTkSuQmCC\", \"label\": \"Image\", \"value\": null, \"variant\": \"primary\", \"renderImage\": false}, \"component\": \"FormImage\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"label\": \"Name\", \"helper\": \"Image name\"}}, {\"type\": \"ImageUpload\", \"field\": \"image\", \"config\": {\"label\": \"Upload\", \"helper\": \"Upload image\"}}, {\"type\": \"ImageVariable\", \"field\": \"imageName\", \"config\": {\"label\": \"Render from a variable name\", \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"height\", \"config\": {\"type\": \"number\", \"label\": \"Height\", \"helper\": \"Image height\"}}, {\"type\": \"FormInput\", \"field\": \"width\", \"config\": {\"type\": \"number\", \"label\": \"Width\", \"helper\": \"image width\"}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormImage\", \"editor-component\": \"FormImage\"}], [{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"check\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAsVSURBVHgB5Vy9bxzXEZ95eyHv6BQ8SZZF2oGOQDoXPPdOTBa2StNNkE5UlcCNqBRpefoLRBYJkkpSFSCNpHSGC56DACmCQCRgdw50QhJRkkUdHTjiHXX7xjO793bf7u19733RP0Di7u3H7f5u3sy8eTODMAE8oupitgZFB2GVUBeBcJEAiv5RKtjnIsAxIVaA4BgU7SutKi7BQS0L+yuYP4YxA2FMODyprqGjP2Zy1oCoCGkAcR+QyuSqB0u5fBnGgJESxiQVlIKrQHqLJWgRRosKIpS1VjeZvAqMCCMhzJMmpG0eXmsdTjvgF3yIpPYb6D5G\/XpfPlzKLVWi9zosOK6z6Dq46GBmtQHuigKU+662uzEC3teEu6OQulQJ60QUv8SxC\/ouEt2vZTND6x\/Rg\/On7hpq2EBUH8R1X\/Nby0R4LU2JS4UwefiFU32LCDbjx4joC\/6\/tJR7swwjxJP6iw2H1FUC2ogfY0m+k9ZQHZow\/0HxdlxHdXtI0W\/8RwzBKmosEEKBLeFiq6SwhUQ4RoKKJjogpfZZqvY739ctIeLV2KGKUqp0cS5\/F4bAwISJVOVewzZovWV\/7kuUs5n0QoGl1LiRPIT6glHyd5N0VTviFMDO\/+fVzUFVwkCEycMg6j3eLFi3qhC51+JDzx+ucH3EltKTHteFL+I\/1OHJi03WcduxH4ifVa0PMkT7Juz5d9Wizuh7YJGlgXbr807J\/tXGRFQE4uTyvzsuqV2bjCo\/y0ndLbF1vW6dXlEN95OLP764D32gL8KELMroPUOAWD7S7s1LC2\/uRM6rVa8T6NK4iEpAhX\/F3UsL5yPP9aR2tMVD8pbZR9GNr931fkjrmbA4WTIEVQP5F8oHX+YPVbrdxf8aJ1qG3vPvnvMIydwzQ7Rf0lQvJyWRxf7Nuk2WSJVC\/XCKyBLwTEM\/fPrqKDBMQow8u2d9QYwULNKPnD0hspcbdpWwVgXvk2X\/ak9Pq7fi1nLawIq\/9NZ8\/qbZb46GPcsY9GQIOhLmuQ51kZpkspqKnR1WvQkzAPENX82pG8Y4JZF2Mq\/e6+RydBySnp9lWUPRWTZZuVMepjNClkBmIrlT2pNnl315F9VofCLWtXlK4Y263u50j7aEif8SGWZa37B1lkgWe+bphGnGCQ4tyTTO7IpOcwGCoaoBtmT20u7yxCEZ11viZy1nLwTkPatXt1mySjDDEI\/\/Yvb8DbP\/pPZix\/hpYjl56K4kDc1ECWPLYg1FrIhTao55PtaMkyUQSbKtZ857x9By2lJoo0XCmtL1yOzzlGPTTFi9gCC7DhN0SFOFSBLPRd8zevnw5BsOT6k9c5wFYz0+1VOtNxHHM7jhHXt2L8P0rJAlEEmy39cnB8tmH9FpMQARwiSaYDueEp4x2zIUITLZPiugNXtoSsDRPiZSZ58dIQwVBZNTka5QVKsFDdPtmA4DdGDbdjU4RGWNqqiUBYR58SMKo5W2dPENz6h0+ZChma3ZAhEaOV\/KvGCnh4CwpmX0oemBLV2oZ8c5HRS8unXdljJblzEhm8F5ZoNZXjPbHA6+E57srp0lRd8OcSnjYGgwwoRMs+25Ff5qj26aU6xcyp5bMSc8rR2Ji1GAHwDEzXhr\/nze7D+rHVWNsBgXw5MwXq7fCC+istn2rebskPXk1RP4\/Vd\/hN\/8\/bfe32q92tf1ImW2VeQpU6D8CZXHkUeYg\/hBcFWDHphN1mtXYUYgZP3uqz\/A1\/\/7l7cvf\/\/09Z+hXxhiBEj6vtl2wOdISbybrFyHVwtOObjY0mvTDEPWSaMW+dyQ1w9Ygj4221lecDbbvN5ZFKOgarUw4sAx+n07VgQzMBzbkSV4+41lGAAF40bkmQuUhJcmsrVGUbHYBYS5IGuKPki5Ux+66URWLpODX\/70FzAY3DWzpbU+MNtIqqi0sgKEmldbzEGNU01YN7I+ffdX8PbCQBLGeix8d6RQwtiBX2UXA1fDE3V4UOEqTClGSZZA6XDRVztUMdvkUl6x7xE4pY6bCQJmOKX6a9RkCVCpy8G2dsLlNxYixaawYPZdJ4htez4JTBnGQZaALWLbd0f25MnsXMqeDwKK9ufTgHGRZdCOiwyMAJ\/9+3PvBc\/NnYOPfvIhv1AWhsG4yeqE1Am7X\/kL\/PXwb8G+OI+fvvvrgUmbJrIEPaUK9AObLMF\/vfld8gt3w7SRJVBmpURgB8rsz\/tBkiQNQtqEyaqYDZsTiWa0lTA5CAPgyjsfJX7eD2mTlixJ4zLb7DmEFpOwwn4rBH6G0uF0iCyW+8HPl96HK6zok9ALadMwDEnrx2bbcUPCNOlvFR\/8NjgRsRAepMcwIK688+FApE2LziJrwm3PteVzFZ8rhSdSX6mMcfRL2jQpeJ4aBe8en2sre\/7IFFoT7jAuNih6JW3arKFW4XTIDq4KVygBxHpdB7Hck3mVNzGxp7WXj1JID4fP\/vO558wmQYh4efpyilyHcE0jiRuVFCQz2xrCcPUw6CZp0+Rn2WsaJ6dhXMwEVz23wiUrcNgmpj0sOpEWx6TIEnDAMFj44Dh+EK42wVWPsEiwHyFY+JBlJSs7b2j0QtokyZLhaGfrRNdqfY48wmxi4ktNmmAXUkQn0iZLlqySYclsN7MQC\/5eSGTg6dvE2AkY2azaSVPKBEmkTZosmdlI6Y3ZV6CuhsdCvRbEfOKJdERqJcyvOCrxDbchZfzjm3\/Cly+\/hJyTg58tvz8xsgR2WmonLiIZiOxG7Jn8MEl34mVzL1dKzOtpXT86uzkW0XT6Z\/Wj20Htp6YHlxYuBIYwMvm2EzDkAnt9zs40PnPQ7q6drWQXyhLSjn1qhLDWlMUwnXE5K4VOdgrQWQE7qlZxmZ32JbWfXXNcbSmLpyxKOmPaBmCS8KrxvLojH1KbEC3Ddjbj17QQJoxGUxbVbTvR7CwNTSldtCtbeMYTSJedsmojMYCYzTpb7cpJZGiKRYEZB5GO1HlGy4SwYqes2kgkzFPySEE2cbwIQMyvLYWzBnl2Hkkls+9liFtlQuLAtqtq61jNFi8nsQsxPVfjlPYorbYw4wIHGk7mcN1EZJol2Q\/N4XiZUBydq9li5SQ649yzXY05\/uJZkjR5VpssL53er19vIlomlIQeC0w7F2KyJS35lfvTi7jk9FI4m4Su65JJNYXyRfbyk+gD1nM3ptHl8FaAtL7RiSw5x64F7Xy\/HiE10ZRx7FqjljYGCdI4USQ1HYm3kRCysBGtX++Enle+hRhsuOu2pLFOixSgy4NJeFekbdCF4DRgpGopd2EtQpaULmaiktUPWf41fSLexkCQ1J7Fm5Ohu+WA10BoLJN2IUCTu1vLZnbiTUda2960tpHo7TsGQJuhl9gMqNkDZy2hnUtqaEdU8\/ulaEPmxAXrip4UfPJ3DYg27Vk6dnXy56W42b7fV+9gN+cxRxLuSz+ypFZb7ZqOJLW96QcDExY+WGIzoJ7aYUmmtiQfK8RVHrYrfsEnXLbPE2I8pxnwkQv6MZKkNrwuxzvZ2feViEO8l5nX8A31teX5C0Mt7AxNmKBDzy6vvZ6LeHd5Pp\/aClSbZ2jfHS\/Wr2IYpEKYQZfeOxXp9+WCelCfg3IaLf2ktan0I0MNm0nR4FF0x0uVMAPRVQqd60nt9cJv9luKmr6sjsuLEA4ct\/b\/8h1kUlDMEFyWvq8EWOzU2nSUbQRHQphBOFSHV\/LdYCwlQObOzLUlTYJIHSFudGsp2icO2OqV21nKUWBshNnw9U+jGPZlVUwg5VlKLsedXLGS8pct6UMewsfS99WlxkEarU0HwfcWdRHF3iKn9wAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"variant\": \"primary\", \"renderImage\": false, \"customCssSelector\": \"check\"}, \"component\": \"FormImage\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"label\": \"Name\", \"helper\": \"Image name\"}}, {\"type\": \"ImageUpload\", \"field\": \"image\", \"config\": {\"label\": \"Upload\", \"helper\": \"Upload image\"}}, {\"type\": \"ImageVariable\", \"field\": \"imageName\", \"config\": {\"label\": \"Render from a variable name\", \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"height\", \"config\": {\"type\": \"number\", \"label\": \"Height\", \"helper\": \"Image height\"}}, {\"type\": \"FormInput\", \"field\": \"width\", \"config\": {\"type\": \"number\", \"label\": \"Width\", \"helper\": \"image width\"}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormImage\", \"editor-component\": \"FormImage\"}, {\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Setup complete<\/p>\\n

Almost finished! You’re ready to launch.<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"message\"}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": null, \"event\": \"submit\", \"label\": \"SAVE AND FINISH\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": null, \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"btn-bx1\"}, \"component\": \"FormButton\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"label\", \"config\": {\"label\": \"Label\", \"helper\": \"The label describes the button's text\"}}, {\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"name\": \"Variable Name\", \"label\": \"Variable Name\", \"helper\": \"A variable name is a symbolic name to reference information.\", \"validation\": \"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormSubmit\", \"editor-component\": \"FormButton\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"5\"}, {\"value\": \"2\", \"content\": \"2\"}, {\"value\": \"3\", \"content\": \"5\"}], \"customCssSelector\": \"container\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}, {\"items\": [[], []], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"6\"}, {\"value\": \"2\", \"content\": \"6\"}]}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"body-container\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='body-container'] {\r\n width: 1109px;\r\n margin: auto;\r\n}\r\n\r\n[selector='btn-bx1'] {\r\n margin-top: 1em;\r\n text-align: left;\r\n}\r\n\r\n[selector='btn-bx1'] button {\r\n background-color: #2381C8;\r\n border-radius: 8px;\r\n border-color: #2381C8;\r\n width: 170px;\r\n text-transform: none;\r\n height: 40px;\r\n font-weight: bold;\r\n padding: 0px 15px 0px 15px;\r\n}\r\n\r\n[selector='left-hint'] {\r\n height: 22px;\r\n width: 310px;\r\n padding: 0px 14px 0px 14px;\r\n margin: 10px 0px 10px 0px;\r\n}\r\n\r\n[selector='left-hint'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint'] img {\r\n height: 24px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-current'] {\r\n background-color: #4EA075;\r\n height: 52px;\r\n width: 330px;\r\n border-radius: 10px;\r\n padding: 13px 12px 13px 12px;\r\n}\r\n\r\n[selector='left-hint-current'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint-current'] img {\r\n height: 24px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-current'] p {\r\n font-size: 19px; \r\n line-height: 25.87px; \r\n font-weight: 600; \r\n color: white;\r\n}\r\n\r\n[selector='left-hint-done'] {\r\n height: 22px;\r\n width: 310px;\r\n padding: 0px 14px 0px 14px;\r\n margin: 10px 0px 10px 0px;\r\n}\r\n\r\n[selector='left-hint-done'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint-done'] img {\r\n height: 20px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-done'] p {\r\n font-size: 16px; \r\n line-height: 21.79px; \r\n font-weight: 600; \r\n color: #4EA075;\r\n}\r\n\r\n[selector='left-hint-fill'] {\r\n height: 50px;\r\n width: 400px;\r\n padding: 13px 12px 13px 12px;\r\n}\r\n\r\n[selector='left-hint-fill'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint-fill'] img {\r\n height: 50px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='arrow-button'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='arrow-button'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 68.75px;\r\n width: 50px;\r\n height: 50px;\r\n\r\n background-image: url(\/public-files\/PLG_assets\/Frame%201171275558.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}\r\n\r\n[selector='check'] {\r\n text-align: center;\r\n}\r\n\r\n[selector='message'] {\r\n text-align: center;\r\n}","created_at":"2024-12-02 16:15:27","updated_at":"2024-12-06 00:40:04","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9da135ae-f28c-4df0-b479-3cbb5ede4dc1":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"giovani+prod1108@processmaker.com","username":"giovani+prod1108@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"SG - Helper Create Collections","description":"SG - Helper Create Collections","process_manager":"","process_manager_id":null,"attributes":{"id":39,"uuid":"9da135ae-f28c-4df0-b479-3cbb5ede4dc1","key":null,"title":"SG - Helper Create Collections","description":"SG - Helper Create Collections","language":"php","code":"users()->getUserById(1)['email'] \n * API Documentation https:\/\/github.com\/ProcessMaker\/docker-executor-php\/tree\/master\/docs\/sdk \n *\/\n\n\/*Init Guzzle (use endpoint) and set options *\/\n$guzzleClient = new \\GuzzleHttp\\Client(['base_uri'=> $_SERVER['HOST_URL'],'verify' => false]);\n$guzzleOptions['headers']['Accept'] = 'application\/json';\n$guzzleOptions['headers']['Authorization'] = 'Bearer ' . getenv('API_TOKEN');\n\n\/*Get Guided Template Collection Id*\/\n\n$guzzleApi = '\/api\/1.0\/collections\/guided-template';\n\ntry {\n $guidedTemplateId = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $collectionId = json_decode($guidedTemplateId->getBody()->getContents());\n} catch (\\Throwable $th) {\n return [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n}\n\n\/\/ Get the helper process request ID stored in the process properties\n\n$process_launchpad_id = $data['process_launchpad_id'];\n$guzzleApi = '\/api\/1.0\/processes\/' . $process_launchpad_id;\n\n$res = $guzzleClient->request(\"GET\", $guzzleApi, $guzzleOptions);\n$process = json_decode($res->getBody(), true);\n\n\/* Add options for Guzzle request *\/\n$guzzleApi = '\/api\/1.0\/collections\/' . $collectionId . '\/records';\n\n\/* Check if helperProcessRequestId exists to update or create a new record *\/\nif(isset($process['properties']['helperProcessRequestId'])) {\n $helperProcessRequestId = $process['properties']['helperProcessRequestId'];\n\n $guzzleApi .= '?pmql=data.helperProcessRequestId%20=%20%22' . $helperProcessRequestId . '%22';\n \n try {\n $res = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $existingRecordRes = json_decode($res->getBody(), true)[\"data\"];\n $existingRecordID = $existingRecordRes[0][\"id\"];\n $recordInfo['helperProcessRequestId'] = $helperProcessRequestId;\n\n \/* Edit options for Guzzle request *\/\n $guzzleApi = '\/api\/1.0\/collections\/' . $collectionId . '\/records\/' . $existingRecordID; \n $guzzleMethod = \"PUT\";\n } catch (\\Throwable $th) {\n return [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n} else {\n $recordInfo['helperProcessRequestId'] = $data[\"_request\"][\"id\"];\n $guzzleMethod = \"POST\";\n}\n\n$recordInfo[\"processName\"] = \"Smart Surveys\";\n$recordInfo[\"surveysCollectionId\"] = createCollection(\"Surveys\");\n$recordInfo[\"answersCollectionId\"] = createCollection(\"Surveys answers\");\n$recordInfo[\"whiteListCollectionId\"] = createCollection(\"Surveys invitees\");\n\n$guzzleOptions['json'] = $recordInfo;\n\n\/* Update or Save data on Collection *\/\ntry {\n $res = $guzzleClient->request($guzzleMethod, $guzzleApi, $guzzleOptions);\n} catch (\\Throwable $th) {\n return [\n 'errorCode' => $th->getCode(),\n 'errorMessage' => $th->getMessage()\n ];\n}\n\nif ($res->getStatusCode() == 201 || $res->getStatusCode() == 204) { \n return [\n \"setupComplete\" => \"yes\",\n \"helperProcessRequestId\" => $recordInfo['helperProcessRequestId']\n ];\n}\n\nfunction createCollection($title) {\n global $guzzleClient,$guzzleOptions;\n\n $date = new DateTime();\n $name = $title . \" \". $date->format('YmdHis');\n\n \/\/ screen fields here\n $screenData = [\n \"title\" => $name . \" edit\",\n \"type\" => \"FORM\",\n \"description\" => $name . \" edit\",\n \"projects\" => [],\n \"screen_category_id\" => \"1\",\n ];\n\n \/\/ screen view fields here\n $screenViewData = [\n \"title\" => $name . \" view\",\n \"type\" => \"DISPLAY\",\n \"description\" => $name . \" view\",\n \"projects\" => [],\n \"screen_category_id\" => \"1\",\n ];\n\n \/\/creates a new screen adn view Screen\n $editScreen = createScreenGlCode($screenData);\n $viewScreen = createScreenGlCode($screenViewData);\n\n \/\/create collection\n $creationGlCodeCollection = createCollectionGlColde($name, $editScreen, $viewScreen);\n\n $guzzleApi = '\/api\/1.0\/collections\/?filter=' . $name;\n try {\n $res = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n return $dataResult = json_decode($res->getBody(), true)[\"data\"][0][\"id\"];\n } catch (\\Throwable $th) {\n $response = [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n}\n\nfunction createScreenGlCode($screenData){\n global $guzzleClient,$guzzleOptions;\n\n $name =$screenData[\"title\"];\n $guzzleApi = '\/api\/1.0\/screens\/?filter='.$name;\n $res = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $result = json_decode($res->getBody(), true)[\"data\"];\n\n if(count($result)>0){\n return $result[0]['id'];\n }else{\n try {\n $guzzleApi = '\/api\/1.0\/screens\/';\n $guzzleOptions['json'] = $screenData;\n $response = $guzzleClient->request('POST', $guzzleApi, $guzzleOptions);\n return $result = json_decode($response->getBody(), true)['id'];\n }catch (BadResponseException $e) {\n return [\n 'error' => [\n 'code' => $e->getCode(),\n 'message' => json_decode($e->getResponse()->getBody()->getContents(), true)\n ]\n ];\n }\n } \n}\n\nfunction createCollectionGlColde($name,$editScreen, $viewScreen){\n global $guzzleClient,$guzzleOptions;\n\n $guzzleApi = '\/api\/1.0\/collections';\n $params =[\n \"name\" => $name,\n \"description\" => $name,\n \"custom_title\" => \"My New collection\",\n \"create_screen_id\" => $editScreen,\n \"read_screen_id\" => $viewScreen,\n \"update_screen_id\" => $editScreen,\n \"signal_create\" => true,\n \"signal_update\" => true,\n \"signal_delete\" => true,\n ];\n\n $guzzleOptions['json'] = $params;\n try {\n $res = $guzzleClient->request('POST', $guzzleApi, $guzzleOptions);\n return $dataResult = json_decode($res->getBody(), true)[\"data\"];\n } catch (\\Throwable $th) {\n $response = [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n}","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-12-02 16:32:39","updated_at":"2024-12-06 00:40:04","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9acb37b3-a8ed-49dc-b4de-f686ad4e286f":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","type":"ScriptExecutor","type_human":"Script Executor","type_plural":"ScriptExecutors","type_human_plural":"Script Executors","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ScriptExecutor","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"PHP Executor","description":"Default PHP Executor asdfsfdadsf","process_manager":"","process_manager_id":null,"attributes":{"id":1,"uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","title":"PHP Executor","description":"Default PHP Executor asdfsfdadsf","language":"php","config":"RUN composer require aws\/aws-sdk-php:3.226.0","is_system":0,"created_at":"2023-12-07 19:07:15","updated_at":"2023-12-07 19:07:15"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9db1383f-fd14-47c6-a5b1-554241353f7c":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"Giovani+prod1108 Trial instance","last_modified_by_id":1,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"giovani+prod1108@processmaker.com","username":"giovani+prod1108@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"SG - Register Answers","description":"SG - Register Answers","process_manager":"","process_manager_id":null,"attributes":{"id":48,"uuid":"9db1383f-fd14-47c6-a5b1-554241353f7c","key":null,"title":"SG - Register Answers","description":"SG - Register Answers","language":"php","code":"users()->getUserById(1)['email'] \n * API Documentation https:\/\/github.com\/ProcessMaker\/docker-executor-php\/tree\/master\/docs\/sdk \n *\/\n$uuid = $data[\"uuid\"];\n$email = $data[\"email\"];\n$answersCollectionId = $data['answersCollectionId'];\n$whiteListCollectionId = $data['whiteListCollectionId'];\n\n\/*\/\n$uuid = \"810ee323-873b-089d-3fef-789c81bbf7c4\";\n$email = \"edwin.choque@processmaker.com\";\n\/*\/\n$pattern = \"\/\\question\\d+\/\";\n\nforeach($data as $key => $row) {\n if(preg_match($pattern, $key)) {\n $questions[$key] = $data[$key];\n }\n}\n\n\/*Init Guzzle (use endpoint) and set options *\/\n$guzzleClient = new \\GuzzleHttp\\Client(['base_uri'=> $_SERVER['APP_URL'],'verify' => false]);\n$guzzleOptions['headers']['Accept'] = 'application\/json';\n$guzzleOptions['headers']['Authorization'] = 'Bearer ' . getenv('API_TOKEN');\n\n\/\/$collectionId = $config['answersCollectionId'] ?? 10;\n\n$record = [\n \"uuid\" => $uuid\n];\n\n$record = array_merge($record, $questions);\n\n$result = postCollection($answersCollectionId, $record);\n\n$output[\"collectionRecordId\"] = $result[\"id\"];\n$output[\"collectionId\"] = $answersCollectionId;\n\n\/*\/\nUpdate survey participated.\n\/*\/\n\/\/$collectionId = 11; \/\/ Survey invitees\n\/\/$collectionId = $config['whiteListCollectionId'] ?? 11;\n\n$guzzleApi = '\/api\/1.0\/collections\/' . $whiteListCollectionId . '\/records?pmql=data.uuid=\"' . $uuid . '\" and data.email=\"' . $email . '\"';\n\ntry {\n $res = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $record = json_decode($res->getBody(), true)[\"data\"][0][\"data\"];\n} catch (\\Throwable $th) {\n return [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n}\n\n$collectionRecordId = $record[\"id\"];\n$record[\"hasParticipated\"] = true;\n\n$result = putCollection($whiteListCollectionId, $record);\n\nreturn $output;\n\nfunction putCollection($collectionId, $params = \"\") {\n global $collectionRecordId, $guzzleClient, $guzzleOptions;\n\n $guzzleHttpMethod = \"PUT\";\n $guzzleApi = \"\/api\/1.0\/collections\/\" . $collectionId . \"\/records\/\" . $collectionRecordId;\n $guzzleOptions['json'] = $params;\n\n try {\n $guzzleResponse = $guzzleClient->request($guzzleHttpMethod, $guzzleApi, $guzzleOptions);\n $response = json_decode($guzzleResponse->getBody(), true);\n } catch (\\Throwable $th) {\n $response = [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n\n return $response;\n}\n\nfunction postCollection($collectionId, $params = \"\") {\n\n if(empty($collectionId)) { return null; }\n\n global $guzzleClient, $guzzleOptions;\n\n $guzzleHttpMethod = \"POST\";\n $guzzleApi = \"\/api\/1.0\/collections\/\" . $collectionId . \"\/records\";\n $guzzleOptions['json'] = $params;\n\n try {\n $guzzleResponse = $guzzleClient->request($guzzleHttpMethod, $guzzleApi, $guzzleOptions);\n $response = json_decode($guzzleResponse->getBody(), true);\n } catch (\\Throwable $th) {\n $response = [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n\n return $response;\n}","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-12-10 15:33:04","updated_at":"2024-12-10 15:33:19","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":null},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"signal-catch_survey_response":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\SignalExporter","type":"Signal","type_human":"Signal","type_plural":"Signals","type_human_plural":"Signals","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\ImportExport\\Psudomodels\\Signal","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"data-source-webhook","uuid":"9db138dd-a7ae-4201-b580-a2c187567f24","meta":null,"exporterClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\WebhookExporter","modelClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Webhook","fallbackMatches":{"name":null},"name":"Webhook for signal: catch_survey_response","discard":false}],"name":"catch_survey_response","description":"","process_manager":"","process_manager_id":null,"attributes":{"id":"catch_survey_response","name":"catch_survey_response","detail":"","global":true},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9db138dd-a7ae-4201-b580-a2c187567f24":{"exporter":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\WebhookExporter","type":"Webhook","type_human":"Webhook","type_plural":"Webhooks","type_human_plural":"Webhooks","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Webhook","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Webhook for signal: catch_survey_response","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":3,"uuid":"9db138dd-a7ae-4201-b580-a2c187567f24","name":null,"description":null,"method":"POST","key":"f5e89b4ea6ddb75f260730cb30492bfa","type":"signal","authentication":"NONE","config":"{\"event\": \"catch_survey_response\", \"password\": null, \"restrict\": [], \"security\": [], \"username\": null, \"payload_type\": \"FORM\"}","headers":"[]","payload":null,"target_variable":null,"whitelist":null,"image_name":null,"created_at":"2024-12-10 15:34:48","updated_at":"2024-12-10 15:34:48"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9da1a16b-503b-4618-b23c-d6c61ec707ef":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ProcessLaunchpadExporter","type":"LaunchpadSetting","type_human":"Launchpad Setting","type_plural":"LaunchpadSettings","type_human_plural":"Launchpad Settings","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ProcessLaunchpad","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Setting","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":12,"uuid":"9da1a16b-503b-4618-b23c-d6c61ec707ef","process_id":34,"user_id":5,"properties":"{\"icon\": \"Default Icon\", \"tabs\": [], \"screen_id\": 0, \"icon_label\": \"Default Icon\", \"screen_uuid\": \"\", \"screen_title\": \"Default Launchpad\", \"saved_chart_id\": 0, \"saved_chart_title\": \"Default Launchpad Chart\"}","created_at":"2024-12-02 21:33:54","updated_at":"2024-12-06 00:40:06"},"extraAttributes":{"translatedLanguages":[]},"references":[]}}} \ No newline at end of file +{"type":"process_package","version":"2","root":"9da19ea8-55d6-45bc-85df-5c46c1e61141","name":"Smart Surveys Helper","export":{"9da19ea8-55d6-45bc-85df-5c46c1e61141":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ProcessExporter","type":"Process","type_human":"Process","type_plural":"Processes","type_human_plural":"Processes","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Process","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"manager","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"giovani+dev1217@processmaker.com","username":"giovani+dev1217@processmaker.com"},"name":"","discard":false},{"type":"interstitial_screen","uuid":"9cdea8e8-d24c-4414-a353-adcd34029001","meta":{"path":"\/bpmn:definitions\/bpmn:process[1]\/bpmn:startEvent"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":"interstitial","title":"Screen Interstitial"},"name":"Screen Interstitial","discard":false},{"type":"screens","uuid":"9da12f88-7c56-41ad-980f-8031c47ae895","meta":{"path":"\/bpmn:definitions\/bpmn:process[1]\/bpmn:task"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"SG - Helper Screen"},"name":"SG - Helper Screen","discard":false},{"type":"scripts","uuid":"9da135ae-f28c-4df0-b479-3cbb5ede4dc1","meta":{"path":"\/bpmn:definitions\/bpmn:process[1]\/bpmn:scriptTask"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"SG - Helper Create Collections"},"name":"SG - Helper Create Collections","discard":false},{"type":"scripts","uuid":"9db1383f-fd14-47c6-a5b1-554241353f7c","meta":{"path":"\/bpmn:definitions\/bpmn:process[2]\/bpmn:scriptTask"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"SG - Register Answers"},"name":"SG - Register Answers","discard":false},{"type":"scripts","uuid":"9db12ea1-eb06-4752-9581-5ffd6849e79a","meta":{"path":"\/bpmn:definitions\/bpmn:process[3]\/bpmn:scriptTask"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"SG - Close Surveys"},"name":"SG - Close Surveys","discard":false},{"type":"signal","uuid":"signal-catch_survey_response","meta":"catch_survey_response","exporterClass":"ProcessMaker\\ImportExport\\Exporters\\SignalExporter","modelClass":"ProcessMaker\\ImportExport\\Psudomodels\\Signal","fallbackMatches":[],"name":"catch_survey_response","discard":false},{"type":"process_launchpad","uuid":"9da1a16b-503b-4618-b23c-d6c61ec707ef","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ProcessLaunchpadExporter","modelClass":"ProcessMaker\\Models\\ProcessLaunchpad","fallbackMatches":[],"name":"Setting","discard":false}],"name":"Smart Surveys Helper","description":"Survey Generator Helper","process_manager":"Giovani+dev1217 Trial instance","process_manager_id":1,"attributes":{"id":33,"uuid":"9da19ea8-55d6-45bc-85df-5c46c1e61141","process_category_id":3,"user_id":5,"bpmn":"\n\n \n \n node_24<\/bpmn:outgoing>\n <\/bpmn:startEvent>\n \n node_24<\/bpmn:incoming>\n node_33<\/bpmn:outgoing>\n <\/bpmn:task>\n \n node_37<\/bpmn:incoming>\n <\/bpmn:endEvent>\n \n \n node_33<\/bpmn:incoming>\n node_37<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n \n \n \n \n <\/bpmn:process>\n \n \n \n \n <\/bpmn:collaboration>\n \n \n node_79<\/bpmn:outgoing>\n \n <\/bpmn:startEvent>\n \n node_79<\/bpmn:incoming>\n node_97<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n node_97<\/bpmn:incoming>\n <\/bpmn:endEvent>\n <\/bpmn:process>\n \n \n \n node_128<\/bpmn:incoming>\n node_140<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n node_140<\/bpmn:incoming>\n <\/bpmn:endEvent>\n \n node_128<\/bpmn:outgoing>\n \n R\/2024-12-18T19:25:39.000Z\/P1D<\/bpmn:timeCycle>\n <\/bpmn:timerEventDefinition>\n <\/bpmn:startEvent>\n <\/bpmn:process>\n \n \n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n <\/bpmndi:BPMNPlane>\n <\/bpmndi:BPMNDiagram>\n<\/bpmn:definitions>\n","description":"Survey Generator Helper","name":"Smart Surveys Helper","cancel_screen_id":null,"request_detail_screen_id":null,"status":"ACTIVE","is_valid":1,"package_key":null,"pause_timer_start":0,"deleted_at":null,"created_at":"2024-12-02 21:26:11","updated_at":"2024-12-18 20:02:16","updated_by":3,"start_events":"[{\"id\": \"node_2\", \"name\": \"Start\", \"config\": \"{\\\"web_entry\\\":null}\", \"ownerProcessId\": \"ProcessId\", \"eventDefinitions\": [], \"ownerProcessName\": \"ProcessName\", \"allowInterstitial\": \"true\", \"interstitialScreenRef\": \"1\"}, {\"id\": \"node_58\", \"name\": \"New Survey Response\", \"ownerProcessId\": \"Process_1\", \"eventDefinitions\": [{\"$type\": \"signalEventDefinition\", \"signalRef\": \"catch_survey_response\"}], \"ownerProcessName\": \"\"}, {\"id\": \"node_145\", \"name\": \"Daily\", \"ownerProcessId\": \"Process_2\", \"eventDefinitions\": [{\"$type\": \"timerEventDefinition\"}], \"ownerProcessName\": \"\"}]","warnings":null,"self_service_tasks":"[]","svg":"<\/marker><\/marker><\/marker><\/marker><\/defs>Configure\u00a0Process<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Start<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Configure<\/tspan>Finish<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>End<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Create<\/tspan>collections<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Close\u00a0Expired\u00a0Surveys<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Close\u00a0Expired<\/tspan>Surveys<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>End<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Daily<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Register\u00a0Survey\u00a0Response<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Update\u00a0Survey<\/tspan>Execution<\/tspan>Status<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Response\u00a0Registered<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>New\u00a0Survey\u00a0Response<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g>

\\n
<\/div>\\n

We're getting the next task for you...<\/p>\\n<\/div>\", \"interactive\": true, \"renderVarHtml\": false}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}]}]","computed":null,"custom_css":null,"created_at":"2024-08-27 23:28:25","updated_at":"2024-12-17 14:35:28","status":"ACTIVE","key":"interstitial","watchers":null,"translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9da12f88-7c56-41ad-980f-8031c47ae895":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","type":"Screen","type_human":"Screen","type_plural":"Screens","type_human_plural":"Screens","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Screen","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"SG - Helper Screen","description":"SG - Helper Screen","process_manager":"","process_manager_id":null,"attributes":{"id":108,"uuid":"9da12f88-7c56-41ad-980f-8031c47ae895","title":"SG - Helper Screen","description":"SG - Helper Screen","type":"FORM","config":"[{\"name\": \"SG - Helper Screen\", \"items\": [{\"items\": [[{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"



<\/p>\", \"interactive\": true, \"renderVarHtml\": false}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

{{errorMessage}}<\/div>\", \"interactive\": true, \"renderVarHtml\": true, \"conditionalHide\": \"uploadError\"}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"items\": [[{\"items\": [[{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Smart Surveys<\/p>\\n

Let’s set up the process to work for you. Complete this guided setup wizard once, and you’ll be ready to share it with collaborators:<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"card-title\"}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"items\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"one\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFeSURBVHgBtZY9S8RAEIZnj0MQLaKFqNVpKYLaC2phKQpWdv4D01rlKmutRe5srfzojSI2Imgh2Ki5SsTCXGE\/N7PZ++C4m9xesg9MstnMzruzG3YCIICIHllAFpJF2CY2fT5ZCWzhQSbAoFQGFiLHAzNDW3iMnxY8wOwE0szzopWJaq453V7IPEjh7edL3+cmZ2BsZLSfW51sRSlVK5qOIC34738MR+E5RH\/f+vl091AS4FgVso2imf0+iLP+hJPHCy1iwTrF9jiDHcnr+v0Bzp5udHtqfMJWxC\/QZVvyUKi3CfaWNrVZssYZLEseWwursDg9T5s6C7cfz2BJiTNI\/XI4+JBoAaewQA3cUXct8MoC9+COKxY4BndcFui84HPjDvKnymeRbmFSYIapAf2IsbsAYVL+8qJ34aEXZcxOWVw4TDJxUzI7RHhPqhbBQ8zwd+GbAJ1ZRaaPl1Q8yxqNiuv0o\/XXeQAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"variant\": \"primary\", \"renderImage\": false}, \"component\": \"FormImage\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"label\": \"Name\", \"helper\": \"Image name\"}}, {\"type\": \"ImageUpload\", \"field\": \"image\", \"config\": {\"label\": \"Upload\", \"helper\": \"Upload image\"}}, {\"type\": \"ImageVariable\", \"field\": \"imageName\", \"config\": {\"label\": \"Render from a variable name\", \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"height\", \"config\": {\"type\": \"number\", \"label\": \"Height\", \"helper\": \"Image height\"}}, {\"type\": \"FormInput\", \"field\": \"width\", \"config\": {\"type\": \"number\", \"label\": \"Width\", \"helper\": \"image width\"}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormImage\", \"editor-component\": \"FormImage\"}, {\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Finish<\/p>\", \"interactive\": true, \"renderVarHtml\": false}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"left-hint-current\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"card-container-verification\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}], [{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"line\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGvCAYAAACadL+jAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAlSURBVHgB7cQxDQAwCAAwMv\/WJgELWABEcLZH42f1iyVJknTeAF2JBvTB8e8OAAAAAElFTkSuQmCC\", \"label\": \"Image\", \"value\": null, \"variant\": \"primary\", \"renderImage\": false}, \"component\": \"FormImage\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"label\": \"Name\", \"helper\": \"Image name\"}}, {\"type\": \"ImageUpload\", \"field\": \"image\", \"config\": {\"label\": \"Upload\", \"helper\": \"Upload image\"}}, {\"type\": \"ImageVariable\", \"field\": \"imageName\", \"config\": {\"label\": \"Render from a variable name\", \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"height\", \"config\": {\"type\": \"number\", \"label\": \"Height\", \"helper\": \"Image height\"}}, {\"type\": \"FormInput\", \"field\": \"width\", \"config\": {\"type\": \"number\", \"label\": \"Width\", \"helper\": \"image width\"}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormImage\", \"editor-component\": \"FormImage\"}], [{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"check\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAsVSURBVHgB5Vy9bxzXEZ95eyHv6BQ8SZZF2oGOQDoXPPdOTBa2StNNkE5UlcCNqBRpefoLRBYJkkpSFSCNpHSGC56DACmCQCRgdw50QhJRkkUdHTjiHXX7xjO793bf7u19733RP0Di7u3H7f5u3sy8eTODMAE8oupitgZFB2GVUBeBcJEAiv5RKtjnIsAxIVaA4BgU7SutKi7BQS0L+yuYP4YxA2FMODyprqGjP2Zy1oCoCGkAcR+QyuSqB0u5fBnGgJESxiQVlIKrQHqLJWgRRosKIpS1VjeZvAqMCCMhzJMmpG0eXmsdTjvgF3yIpPYb6D5G\/XpfPlzKLVWi9zosOK6z6Dq46GBmtQHuigKU+662uzEC3teEu6OQulQJ60QUv8SxC\/ouEt2vZTND6x\/Rg\/On7hpq2EBUH8R1X\/Nby0R4LU2JS4UwefiFU32LCDbjx4joC\/6\/tJR7swwjxJP6iw2H1FUC2ogfY0m+k9ZQHZow\/0HxdlxHdXtI0W\/8RwzBKmosEEKBLeFiq6SwhUQ4RoKKJjogpfZZqvY739ctIeLV2KGKUqp0cS5\/F4bAwISJVOVewzZovWV\/7kuUs5n0QoGl1LiRPIT6glHyd5N0VTviFMDO\/+fVzUFVwkCEycMg6j3eLFi3qhC51+JDzx+ucH3EltKTHteFL+I\/1OHJi03WcduxH4ifVa0PMkT7Juz5d9Wizuh7YJGlgXbr807J\/tXGRFQE4uTyvzsuqV2bjCo\/y0ndLbF1vW6dXlEN95OLP764D32gL8KELMroPUOAWD7S7s1LC2\/uRM6rVa8T6NK4iEpAhX\/F3UsL5yPP9aR2tMVD8pbZR9GNr931fkjrmbA4WTIEVQP5F8oHX+YPVbrdxf8aJ1qG3vPvnvMIydwzQ7Rf0lQvJyWRxf7Nuk2WSJVC\/XCKyBLwTEM\/fPrqKDBMQow8u2d9QYwULNKPnD0hspcbdpWwVgXvk2X\/ak9Pq7fi1nLawIq\/9NZ8\/qbZb46GPcsY9GQIOhLmuQ51kZpkspqKnR1WvQkzAPENX82pG8Y4JZF2Mq\/e6+RydBySnp9lWUPRWTZZuVMepjNClkBmIrlT2pNnl315F9VofCLWtXlK4Y263u50j7aEif8SGWZa37B1lkgWe+bphGnGCQ4tyTTO7IpOcwGCoaoBtmT20u7yxCEZ11viZy1nLwTkPatXt1mySjDDEI\/\/Yvb8DbP\/pPZix\/hpYjl56K4kDc1ECWPLYg1FrIhTao55PtaMkyUQSbKtZ857x9By2lJoo0XCmtL1yOzzlGPTTFi9gCC7DhN0SFOFSBLPRd8zevnw5BsOT6k9c5wFYz0+1VOtNxHHM7jhHXt2L8P0rJAlEEmy39cnB8tmH9FpMQARwiSaYDueEp4x2zIUITLZPiugNXtoSsDRPiZSZ58dIQwVBZNTka5QVKsFDdPtmA4DdGDbdjU4RGWNqqiUBYR58SMKo5W2dPENz6h0+ZChma3ZAhEaOV\/KvGCnh4CwpmX0oemBLV2oZ8c5HRS8unXdljJblzEhm8F5ZoNZXjPbHA6+E57srp0lRd8OcSnjYGgwwoRMs+25Ff5qj26aU6xcyp5bMSc8rR2Ji1GAHwDEzXhr\/nze7D+rHVWNsBgXw5MwXq7fCC+istn2rebskPXk1RP4\/Vd\/hN\/8\/bfe32q92tf1ImW2VeQpU6D8CZXHkUeYg\/hBcFWDHphN1mtXYUYgZP3uqz\/A1\/\/7l7cvf\/\/09Z+hXxhiBEj6vtl2wOdISbybrFyHVwtOObjY0mvTDEPWSaMW+dyQ1w9Ygj4221lecDbbvN5ZFKOgarUw4sAx+n07VgQzMBzbkSV4+41lGAAF40bkmQuUhJcmsrVGUbHYBYS5IGuKPki5Ux+66URWLpODX\/70FzAY3DWzpbU+MNtIqqi0sgKEmldbzEGNU01YN7I+ffdX8PbCQBLGeix8d6RQwtiBX2UXA1fDE3V4UOEqTClGSZZA6XDRVztUMdvkUl6x7xE4pY6bCQJmOKX6a9RkCVCpy8G2dsLlNxYixaawYPZdJ4htez4JTBnGQZaALWLbd0f25MnsXMqeDwKK9ufTgHGRZdCOiwyMAJ\/9+3PvBc\/NnYOPfvIhv1AWhsG4yeqE1Am7X\/kL\/PXwb8G+OI+fvvvrgUmbJrIEPaUK9AObLMF\/vfld8gt3w7SRJVBmpURgB8rsz\/tBkiQNQtqEyaqYDZsTiWa0lTA5CAPgyjsfJX7eD2mTlixJ4zLb7DmEFpOwwn4rBH6G0uF0iCyW+8HPl96HK6zok9ALadMwDEnrx2bbcUPCNOlvFR\/8NjgRsRAepMcwIK688+FApE2LziJrwm3PteVzFZ8rhSdSX6mMcfRL2jQpeJ4aBe8en2sre\/7IFFoT7jAuNih6JW3arKFW4XTIDq4KVygBxHpdB7Hck3mVNzGxp7WXj1JID4fP\/vO558wmQYh4efpyilyHcE0jiRuVFCQz2xrCcPUw6CZp0+Rn2WsaJ6dhXMwEVz23wiUrcNgmpj0sOpEWx6TIEnDAMFj44Dh+EK42wVWPsEiwHyFY+JBlJSs7b2j0QtokyZLhaGfrRNdqfY48wmxi4ktNmmAXUkQn0iZLlqySYclsN7MQC\/5eSGTg6dvE2AkY2azaSVPKBEmkTZosmdlI6Y3ZV6CuhsdCvRbEfOKJdERqJcyvOCrxDbchZfzjm3\/Cly+\/hJyTg58tvz8xsgR2WmonLiIZiOxG7Jn8MEl34mVzL1dKzOtpXT86uzkW0XT6Z\/Wj20Htp6YHlxYuBIYwMvm2EzDkAnt9zs40PnPQ7q6drWQXyhLSjn1qhLDWlMUwnXE5K4VOdgrQWQE7qlZxmZ32JbWfXXNcbSmLpyxKOmPaBmCS8KrxvLojH1KbEC3Ddjbj17QQJoxGUxbVbTvR7CwNTSldtCtbeMYTSJedsmojMYCYzTpb7cpJZGiKRYEZB5GO1HlGy4SwYqes2kgkzFPySEE2cbwIQMyvLYWzBnl2Hkkls+9liFtlQuLAtqtq61jNFi8nsQsxPVfjlPYorbYw4wIHGk7mcN1EZJol2Q\/N4XiZUBydq9li5SQ649yzXY05\/uJZkjR5VpssL53er19vIlomlIQeC0w7F2KyJS35lfvTi7jk9FI4m4Su65JJNYXyRfbyk+gD1nM3ptHl8FaAtL7RiSw5x64F7Xy\/HiE10ZRx7FqjljYGCdI4USQ1HYm3kRCysBGtX++Enle+hRhsuOu2pLFOixSgy4NJeFekbdCF4DRgpGopd2EtQpaULmaiktUPWf41fSLexkCQ1J7Fm5Ohu+WA10BoLJN2IUCTu1vLZnbiTUda2960tpHo7TsGQJuhl9gMqNkDZy2hnUtqaEdU8\/ulaEPmxAXrip4UfPJ3DYg27Vk6dnXy56W42b7fV+9gN+cxRxLuSz+ypFZb7ZqOJLW96QcDExY+WGIzoJ7aYUmmtiQfK8RVHrYrfsEnXLbPE2I8pxnwkQv6MZKkNrwuxzvZ2feViEO8l5nX8A31teX5C0Mt7AxNmKBDzy6vvZ6LeHd5Pp\/aClSbZ2jfHS\/Wr2IYpEKYQZfeOxXp9+WCelCfg3IaLf2ktan0I0MNm0nR4FF0x0uVMAPRVQqd60nt9cJv9luKmr6sjsuLEA4ct\/b\/8h1kUlDMEFyWvq8EWOzU2nSUbQRHQphBOFSHV\/LdYCwlQObOzLUlTYJIHSFudGsp2icO2OqV21nKUWBshNnw9U+jGPZlVUwg5VlKLsedXLGS8pct6UMewsfS99WlxkEarU0HwfcWdRHF3iKn9wAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"variant\": \"primary\", \"renderImage\": false, \"customCssSelector\": \"check\"}, \"component\": \"FormImage\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"label\": \"Name\", \"helper\": \"Image name\"}}, {\"type\": \"ImageUpload\", \"field\": \"image\", \"config\": {\"label\": \"Upload\", \"helper\": \"Upload image\"}}, {\"type\": \"ImageVariable\", \"field\": \"imageName\", \"config\": {\"label\": \"Render from a variable name\", \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"height\", \"config\": {\"type\": \"number\", \"label\": \"Height\", \"helper\": \"Image height\"}}, {\"type\": \"FormInput\", \"field\": \"width\", \"config\": {\"type\": \"number\", \"label\": \"Width\", \"helper\": \"image width\"}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormImage\", \"editor-component\": \"FormImage\"}, {\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Setup complete<\/p>\\n

Almost finished! You’re ready to launch.<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"message\"}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": null, \"event\": \"submit\", \"label\": \"SAVE AND FINISH\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": null, \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"btn-bx1\"}, \"component\": \"FormButton\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"label\", \"config\": {\"label\": \"Label\", \"helper\": \"The label describes the button's text\"}}, {\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"name\": \"Variable Name\", \"label\": \"Variable Name\", \"helper\": \"A variable name is a symbolic name to reference information.\", \"validation\": \"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormSubmit\", \"editor-component\": \"FormButton\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"5\"}, {\"value\": \"2\", \"content\": \"2\"}, {\"value\": \"3\", \"content\": \"5\"}], \"customCssSelector\": \"container\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}, {\"items\": [[], []], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"6\"}, {\"value\": \"2\", \"content\": \"6\"}]}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"body-container\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='body-container'] {\r\n width: 1109px;\r\n margin: auto;\r\n}\r\n\r\n[selector='btn-bx1'] {\r\n margin-top: 1em;\r\n text-align: left;\r\n}\r\n\r\n[selector='btn-bx1'] button {\r\n background-color: #2381C8;\r\n border-radius: 8px;\r\n border-color: #2381C8;\r\n width: 170px;\r\n text-transform: none;\r\n height: 40px;\r\n font-weight: bold;\r\n padding: 0px 15px 0px 15px;\r\n}\r\n\r\n[selector='left-hint'] {\r\n height: 22px;\r\n width: 310px;\r\n padding: 0px 14px 0px 14px;\r\n margin: 10px 0px 10px 0px;\r\n}\r\n\r\n[selector='left-hint'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint'] img {\r\n height: 24px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-current'] {\r\n background-color: #4EA075;\r\n height: 52px;\r\n width: 330px;\r\n border-radius: 10px;\r\n padding: 13px 12px 13px 12px;\r\n}\r\n\r\n[selector='left-hint-current'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint-current'] img {\r\n height: 24px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-current'] p {\r\n font-size: 19px; \r\n line-height: 25.87px; \r\n font-weight: 600; \r\n color: white;\r\n}\r\n\r\n[selector='left-hint-done'] {\r\n height: 22px;\r\n width: 310px;\r\n padding: 0px 14px 0px 14px;\r\n margin: 10px 0px 10px 0px;\r\n}\r\n\r\n[selector='left-hint-done'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint-done'] img {\r\n height: 20px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-done'] p {\r\n font-size: 16px; \r\n line-height: 21.79px; \r\n font-weight: 600; \r\n color: #4EA075;\r\n}\r\n\r\n[selector='left-hint-fill'] {\r\n height: 50px;\r\n width: 400px;\r\n padding: 13px 12px 13px 12px;\r\n}\r\n\r\n[selector='left-hint-fill'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint-fill'] img {\r\n height: 50px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='arrow-button'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='arrow-button'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 68.75px;\r\n width: 50px;\r\n height: 50px;\r\n\r\n background-image: url(\/public-files\/PLG_assets\/Frame%201171275558.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}\r\n\r\n[selector='check'] {\r\n text-align: center;\r\n}\r\n\r\n[selector='message'] {\r\n text-align: center;\r\n}","created_at":"2024-12-02 16:15:27","updated_at":"2024-12-06 00:40:04","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9da135ae-f28c-4df0-b479-3cbb5ede4dc1":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"giovani+dev1217@processmaker.com","username":"giovani+dev1217@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"SG - Helper Create Collections","description":"SG - Helper Create Collections","process_manager":"","process_manager_id":null,"attributes":{"id":39,"uuid":"9da135ae-f28c-4df0-b479-3cbb5ede4dc1","key":null,"title":"SG - Helper Create Collections","description":"SG - Helper Create Collections","language":"php","code":"users()->getUserById(1)['email'] \n * API Documentation https:\/\/github.com\/ProcessMaker\/docker-executor-php\/tree\/master\/docs\/sdk \n *\/\n\n\/*Init Guzzle (use endpoint) and set options *\/\n$guzzleClient = new \\GuzzleHttp\\Client(['base_uri'=> $_SERVER['HOST_URL'],'verify' => false]);\n$guzzleOptions['headers']['Accept'] = 'application\/json';\n$guzzleOptions['headers']['Authorization'] = 'Bearer ' . getenv('API_TOKEN');\n\n\/*Get Guided Template Collection Id*\/\n\n$guzzleApi = '\/api\/1.0\/collections\/guided-template';\n\ntry {\n $guidedTemplateId = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $collectionId = json_decode($guidedTemplateId->getBody()->getContents());\n} catch (\\Throwable $th) {\n return [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n}\n\n\/\/ Get the helper process request ID stored in the process properties\n\n$process_launchpad_id = $data['process_launchpad_id'];\n$guzzleApi = '\/api\/1.0\/processes\/' . $process_launchpad_id;\n\n$res = $guzzleClient->request(\"GET\", $guzzleApi, $guzzleOptions);\n$process = json_decode($res->getBody(), true);\n\n\/* Add options for Guzzle request *\/\n$guzzleApi = '\/api\/1.0\/collections\/' . $collectionId . '\/records';\n\n\/* Check if helperProcessRequestId exists to update or create a new record *\/\nif(isset($process['properties']['helperProcessRequestId'])) {\n $helperProcessRequestId = $process['properties']['helperProcessRequestId'];\n\n $guzzleApi .= '?pmql=data.helperProcessRequestId%20=%20%22' . $helperProcessRequestId . '%22';\n \n try {\n $res = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $existingRecordRes = json_decode($res->getBody(), true)[\"data\"];\n $existingRecordID = $existingRecordRes[0][\"id\"];\n $recordInfo['helperProcessRequestId'] = $helperProcessRequestId;\n\n \/* Edit options for Guzzle request *\/\n $guzzleApi = '\/api\/1.0\/collections\/' . $collectionId . '\/records\/' . $existingRecordID; \n $guzzleMethod = \"PUT\";\n } catch (\\Throwable $th) {\n return [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n} else {\n $recordInfo['helperProcessRequestId'] = $data[\"_request\"][\"id\"];\n $guzzleMethod = \"POST\";\n}\n\n$recordInfo[\"processName\"] = \"Smart Surveys\";\n$recordInfo[\"surveysCollectionId\"] = createCollection(\"Surveys\");\n$recordInfo[\"answersCollectionId\"] = createCollection(\"Surveys answers\");\n$recordInfo[\"whiteListCollectionId\"] = createCollection(\"Surveys invitees\");\n\n$guzzleOptions['json'] = $recordInfo;\n\n\/* Update or Save data on Collection *\/\ntry {\n $res = $guzzleClient->request($guzzleMethod, $guzzleApi, $guzzleOptions);\n} catch (\\Throwable $th) {\n return [\n 'errorCode' => $th->getCode(),\n 'errorMessage' => $th->getMessage()\n ];\n}\n\nif ($res->getStatusCode() == 201 || $res->getStatusCode() == 204) { \n return [\n \"setupComplete\" => \"yes\",\n \"helperProcessRequestId\" => $recordInfo['helperProcessRequestId']\n ];\n}\n\nfunction createCollection($title) {\n global $guzzleClient,$guzzleOptions;\n\n $date = new DateTime();\n $name = $title . \" \". $date->format('YmdHis');\n\n \/\/ screen fields here\n $screenData = [\n \"title\" => $name . \" edit\",\n \"type\" => \"FORM\",\n \"description\" => $name . \" edit\",\n \"projects\" => [],\n \"screen_category_id\" => \"1\",\n ];\n\n \/\/ screen view fields here\n $screenViewData = [\n \"title\" => $name . \" view\",\n \"type\" => \"DISPLAY\",\n \"description\" => $name . \" view\",\n \"projects\" => [],\n \"screen_category_id\" => \"1\",\n ];\n\n \/\/creates a new screen adn view Screen\n $editScreen = createScreenGlCode($screenData);\n $viewScreen = createScreenGlCode($screenViewData);\n\n \/\/create collection\n $creationGlCodeCollection = createCollectionGlColde($name, $editScreen, $viewScreen);\n\n $guzzleApi = '\/api\/1.0\/collections\/?filter=' . $name;\n try {\n $res = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n return $dataResult = json_decode($res->getBody(), true)[\"data\"][0][\"id\"];\n } catch (\\Throwable $th) {\n $response = [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n}\n\nfunction createScreenGlCode($screenData){\n global $guzzleClient,$guzzleOptions;\n\n $name =$screenData[\"title\"];\n $guzzleApi = '\/api\/1.0\/screens\/?filter='.$name;\n $res = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $result = json_decode($res->getBody(), true)[\"data\"];\n\n if(count($result)>0){\n return $result[0]['id'];\n }else{\n try {\n $guzzleApi = '\/api\/1.0\/screens\/';\n $guzzleOptions['json'] = $screenData;\n $response = $guzzleClient->request('POST', $guzzleApi, $guzzleOptions);\n return $result = json_decode($response->getBody(), true)['id'];\n }catch (BadResponseException $e) {\n return [\n 'error' => [\n 'code' => $e->getCode(),\n 'message' => json_decode($e->getResponse()->getBody()->getContents(), true)\n ]\n ];\n }\n } \n}\n\nfunction createCollectionGlColde($name,$editScreen, $viewScreen){\n global $guzzleClient,$guzzleOptions;\n\n $guzzleApi = '\/api\/1.0\/collections';\n $params =[\n \"name\" => $name,\n \"description\" => $name,\n \"custom_title\" => \"My New collection\",\n \"create_screen_id\" => $editScreen,\n \"read_screen_id\" => $viewScreen,\n \"update_screen_id\" => $editScreen,\n \"signal_create\" => true,\n \"signal_update\" => true,\n \"signal_delete\" => true,\n ];\n\n $guzzleOptions['json'] = $params;\n try {\n $res = $guzzleClient->request('POST', $guzzleApi, $guzzleOptions);\n return $dataResult = json_decode($res->getBody(), true)[\"data\"];\n } catch (\\Throwable $th) {\n $response = [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n}","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-12-02 16:32:39","updated_at":"2024-12-06 00:40:04","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9acb37b3-a8ed-49dc-b4de-f686ad4e286f":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","type":"ScriptExecutor","type_human":"Script Executor","type_plural":"ScriptExecutors","type_human_plural":"Script Executors","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ScriptExecutor","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"PHP Executor","description":"Default PHP Executor asdfsfdadsf","process_manager":"","process_manager_id":null,"attributes":{"id":1,"uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","title":"PHP Executor","description":"Default PHP Executor asdfsfdadsf","language":"php","config":"RUN composer require aws\/aws-sdk-php:3.226.0","is_system":0,"created_at":"2023-12-07 19:07:15","updated_at":"2023-12-07 19:07:15"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9db1383f-fd14-47c6-a5b1-554241353f7c":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"giovani+dev1217@processmaker.com","username":"giovani+dev1217@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"SG - Register Answers","description":"SG - Register Answers","process_manager":"","process_manager_id":null,"attributes":{"id":40,"uuid":"9db1383f-fd14-47c6-a5b1-554241353f7c","key":null,"title":"SG - Register Answers","description":"SG - Register Answers","language":"php","code":"users()->getUserById(1)['email'] \n * API Documentation https:\/\/github.com\/ProcessMaker\/docker-executor-php\/tree\/master\/docs\/sdk \n *\/\n$uuid = $data[\"uuid\"];\n$email = $data[\"email\"];\n$answersCollectionId = $data['answersCollectionId'];\n$whiteListCollectionId = $data['whiteListCollectionId'];\n\n\/*\/\n$uuid = \"810ee323-873b-089d-3fef-789c81bbf7c4\";\n$email = \"edwin.choque@processmaker.com\";\n\/*\/\n$pattern = \"\/\\question\\d+\/\";\n\nforeach($data as $key => $row) {\n if(preg_match($pattern, $key)) {\n $questions[$key] = $data[$key];\n }\n}\n\n\/*Init Guzzle (use endpoint) and set options *\/\n$guzzleClient = new \\GuzzleHttp\\Client(['base_uri'=> $_SERVER['APP_URL'],'verify' => false]);\n$guzzleOptions['headers']['Accept'] = 'application\/json';\n$guzzleOptions['headers']['Authorization'] = 'Bearer ' . getenv('API_TOKEN');\n\n\/\/$collectionId = $config['answersCollectionId'] ?? 10;\n\n$record = [\n \"uuid\" => $uuid\n];\n\n$record = array_merge($record, $questions);\n\n$result = postCollection($answersCollectionId, $record);\n\n$output[\"collectionRecordId\"] = $result[\"id\"];\n$output[\"collectionId\"] = $answersCollectionId;\n\n\/*\/\nUpdate survey participated.\n\/*\/\n\/\/$collectionId = 11; \/\/ Survey invitees\n\/\/$collectionId = $config['whiteListCollectionId'] ?? 11;\n\n$guzzleApi = '\/api\/1.0\/collections\/' . $whiteListCollectionId . '\/records?pmql=data.uuid=\"' . $uuid . '\" and data.email=\"' . $email . '\"';\n\ntry {\n $res = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $record = json_decode($res->getBody(), true)[\"data\"][0][\"data\"];\n} catch (\\Throwable $th) {\n return [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n}\n\n$collectionRecordId = $record[\"id\"];\n$record[\"hasParticipated\"] = true;\n\n$result = putCollection($whiteListCollectionId, $record);\n\nreturn $output;\n\nfunction putCollection($collectionId, $params = \"\") {\n global $collectionRecordId, $guzzleClient, $guzzleOptions;\n\n $guzzleHttpMethod = \"PUT\";\n $guzzleApi = \"\/api\/1.0\/collections\/\" . $collectionId . \"\/records\/\" . $collectionRecordId;\n $guzzleOptions['json'] = $params;\n\n try {\n $guzzleResponse = $guzzleClient->request($guzzleHttpMethod, $guzzleApi, $guzzleOptions);\n $response = json_decode($guzzleResponse->getBody(), true);\n } catch (\\Throwable $th) {\n $response = [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n\n return $response;\n}\n\nfunction postCollection($collectionId, $params = \"\") {\n\n if(empty($collectionId)) { return null; }\n\n global $guzzleClient, $guzzleOptions;\n\n $guzzleHttpMethod = \"POST\";\n $guzzleApi = \"\/api\/1.0\/collections\/\" . $collectionId . \"\/records\";\n $guzzleOptions['json'] = $params;\n\n try {\n $guzzleResponse = $guzzleClient->request($guzzleHttpMethod, $guzzleApi, $guzzleOptions);\n $response = json_decode($guzzleResponse->getBody(), true);\n } catch (\\Throwable $th) {\n $response = [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n\n return $response;\n}","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-12-10 15:33:04","updated_at":"2024-12-10 15:33:19","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9db12ea1-eb06-4752-9581-5ffd6849e79a":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"data-source-scripts","uuid":"9db13f39-2b51-4327-8005-9c6350a0b378","meta":null,"exporterClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\ScriptExporter","modelClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Script","fallbackMatches":[],"name":"SG - Close Surveys","discard":false},{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"giovani+dev1217@processmaker.com","username":"giovani+dev1217@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9db13e81-448a-4681-89f4-fa317ffc52c2","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"Smart Surveys PHP"},"name":"Smart Surveys PHP","discard":false}],"name":"SG - Close Surveys","description":"SG - Close Surveys","process_manager":"","process_manager_id":null,"attributes":{"id":47,"uuid":"9db12ea1-eb06-4752-9581-5ffd6849e79a","key":null,"title":"SG - Close Surveys","description":"SG - Close Surveys","language":"php","code":"users()->getUserById(1)['email'] \n * API Documentation https:\/\/github.com\/ProcessMaker\/docker-executor-php\/tree\/master\/docs\/sdk \n *\/\n\/* Init Guzzle (use endpoint) and set options *\/\n\/* Main variables setup*\/\n\/* Variables to use API Calls*\/\n$guzzleClient = new \\GuzzleHttp\\Client([\n \"base_uri\" => $_SERVER[\"APP_URL\"],\n \"verify\" => false,\n]);\n$guzzleOptions[\"headers\"][\"Accept\"] = \"application\/json\";\n$guzzleOptions[\"headers\"][\"Authorization\"] = \"Bearer \" . getenv(\"API_TOKEN\");\n\n\/* Process ID definition *\/\n\/\/$processId = 184;\n$processId = $data[\"_request\"][\"process_id\"];\n\n\/* Get survey definitions and executions, process screen field is needed. *\/\n\n$guzzleApi = '\/api\/1.0\/requests?include=data&pmql=process_id=' . $processId . ' and ((data.process=\"Generate\" and status=\"COMPLETED\") or (data.process=\"Execute\" and status=\"ACTIVE\"))';\n\ntry {\n $res = $guzzleClient->request(\"GET\", $guzzleApi, $guzzleOptions);\n $dataResult = json_decode($res->getBody(), true)[\"data\"];\n} catch (\\Throwable $th) {\n return [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n}\n\n\/* Get expiration date from Survey definitions *\/\n\nforeach($dataResult as $item) {\n if($item[\"data\"][\"process\"] == \"Generate\") {\n $surveys[$item[\"data\"][\"uuid\"]] = $item[\"data\"][\"expirationDate\"];\n }\n}\n\n\/* Loop Survey executions with date expired *\/\n\nforeach($dataResult as $activeSurvey) {\n if($activeSurvey[\"data\"][\"process\"] == \"Execute\") {\n $expirationDate = $surveys[$activeSurvey[\"data\"][\"uuid\"]];\n $now = date(\"Y-m-d\");\n\n if($now > $expirationDate) {\n $apiTaskRequest = \"\/api\/1.0\/tasks?pmql=process_request_id=\" . $activeSurvey[\"id\"] . ' and status=\"ACTIVE\"';\n\n \/* We get the active tasks in each of the requests*\/\n\n try {\n $res2 = $guzzleClient->request(\"GET\", $apiTaskRequest, $guzzleOptions);\n $tasks = json_decode($res2->getBody(), true)[\"data\"];\n } catch (\\Throwable $th) {\n return [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n\n \/* Start update through API call*\/ \n\n foreach($tasks as $task) {\n $apiTaskUpdate = \"\/api\/1.0\/tasks\/\" . $task[\"id\"];\n $body[\"status\"] = \"COMPLETED\";\n $body[\"data\"][\"expired\"] = true;\n $guzzleOptions[\"json\"] = $body;\n\n try {\n $res3 = $guzzleClient->request(\"PUT\", $apiTaskUpdate, $guzzleOptions);\n \/\/$dataResult3 = json_decode($res3->getBody(), true)[\"data\"];\n } catch (\\Throwable $th) {\n return [\n 'error' => [\n 'code' => $th->getCode(),\n 'message' => $th->getMessage()\n ]\n ];\n }\n }\n }\n }\n}","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-12-10 15:06:11","updated_at":"2024-12-10 15:52:34","status":"ACTIVE","script_category_id":1,"script_executor_id":11,"is_template":0,"asset_type":null},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9db13f39-2b51-4327-8005-9c6350a0b378":{"exporter":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\ScriptExporter","type":"DataConnectorScript","type_human":"Direct API Access For Script","type_plural":"DataConnectorScripts","type_human_plural":"Direct API Access For Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Script","force_password_protect":false,"hidden":true,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"SG - Close Surveys","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":20,"uuid":"9db13f39-2b51-4327-8005-9c6350a0b378","script_id":47,"key":"242d6c8e-c691-48b0-8eeb-351992a1f7f6","enabled":0,"synchronously":1,"methods":"[\"POST\"]","data_types":"[\"FORM\"]","authentication":null,"authentication_config":"{\"password\": null, \"username\": null}","whitelist":"[]","created_at":"2024-12-10 15:52:34","updated_at":"2024-12-18 18:58:31"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9db13e81-448a-4681-89f4-fa317ffc52c2":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","type":"ScriptExecutor","type_human":"Script Executor","type_plural":"ScriptExecutors","type_human_plural":"Script Executors","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ScriptExecutor","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Smart Surveys PHP","description":"Smart Surveys PHP","process_manager":"","process_manager_id":null,"attributes":{"id":11,"uuid":"9db13e81-448a-4681-89f4-fa317ffc52c2","title":"Smart Surveys PHP","description":"Smart Surveys PHP","language":"php","config":null,"is_system":0,"created_at":"2024-12-10 15:50:34","updated_at":"2024-12-10 15:50:34"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"signal-catch_survey_response":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\SignalExporter","type":"Signal","type_human":"Signal","type_plural":"Signals","type_human_plural":"Signals","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\ImportExport\\Psudomodels\\Signal","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"data-source-webhook","uuid":"9db138dd-a7ae-4201-b580-a2c187567f24","meta":null,"exporterClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\WebhookExporter","modelClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Webhook","fallbackMatches":{"name":null},"name":"Webhook for signal: catch_survey_response","discard":false}],"name":"catch_survey_response","description":"","process_manager":"","process_manager_id":null,"attributes":{"id":"catch_survey_response","name":"catch_survey_response","detail":"","global":true},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9db138dd-a7ae-4201-b580-a2c187567f24":{"exporter":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\WebhookExporter","type":"Webhook","type_human":"Webhook","type_plural":"Webhooks","type_human_plural":"Webhooks","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Webhook","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Webhook for signal: catch_survey_response","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":3,"uuid":"9db138dd-a7ae-4201-b580-a2c187567f24","name":null,"description":null,"method":"POST","key":"f5e89b4ea6ddb75f260730cb30492bfa","type":"signal","authentication":"NONE","config":"{\"event\": \"catch_survey_response\", \"password\": null, \"restrict\": [], \"security\": [], \"username\": null, \"payload_type\": \"FORM\"}","headers":"[]","payload":null,"target_variable":null,"whitelist":null,"image_name":null,"created_at":"2024-12-10 15:34:48","updated_at":"2024-12-18 20:01:53"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9da1a16b-503b-4618-b23c-d6c61ec707ef":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ProcessLaunchpadExporter","type":"LaunchpadSetting","type_human":"Launchpad Setting","type_plural":"LaunchpadSettings","type_human_plural":"Launchpad Settings","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ProcessLaunchpad","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Setting","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":12,"uuid":"9da1a16b-503b-4618-b23c-d6c61ec707ef","process_id":33,"user_id":5,"properties":"{\"icon\": \"Default Icon\", \"tabs\": [], \"screen_id\": 0, \"icon_label\": \"Default Icon\", \"screen_uuid\": \"\", \"screen_title\": \"Default Launchpad\", \"saved_chart_id\": 0, \"saved_chart_title\": \"Default Launchpad Chart\"}","created_at":"2024-12-02 21:33:54","updated_at":"2024-12-12 00:00:08"},"extraAttributes":{"translatedLanguages":[]},"references":[]}}} \ No newline at end of file diff --git a/accounting-and-finance/smart_surveys/process_template_export.json b/accounting-and-finance/smart_surveys/process_template_export.json index 4402501..51f6df9 100644 --- a/accounting-and-finance/smart_surveys/process_template_export.json +++ b/accounting-and-finance/smart_surveys/process_template_export.json @@ -1 +1 @@ -{"type":"process_templates_package","version":"2","root":"9dbd9b27-0a02-418a-a881-a3f502ff84dc","name":"Smart Surveys Template v1.1.2","export":{"9dbd9b27-0a02-418a-a881-a3f502ff84dc":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\TemplateExporter","type":"ProcessTemplates","type_human":"Process Template","type_plural":"ProcessTemplates","type_human_plural":"Process Templates","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ProcessTemplates","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Smart Surveys Template v1.1.2","description":"Smart Surveys Template v1.1.2","process_manager":"","process_manager_id":null,"attributes":{"id":82,"uuid":"9dbd9b27-0a02-418a-a881-a3f502ff84dc","key":null,"name":"Smart Surveys Template v1.1.2","description":"Smart Surveys Template v1.1.2","version":"1.1.2","process_id":35,"editing_process_uuid":null,"user_id":1,"process_category_id":3,"manifest":"{\"name\": \"Smart Surveys\", \"root\": \"9db123ae-8030-4173-93f4-08c4be712810\", \"type\": \"process_package\", \"export\": {\"9db123ae-8030-4173-93f4-08c4be712810\": {\"mode\": \"copy\", \"name\": \"Smart Surveys\", \"type\": \"Process\", \"model\": \"ProcessMaker\\\\Models\\\\Process\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ProcessExporter\", \"attributes\": {\"id\": 35, \"svg\": \"<\/marker><\/marker><\/marker><\/marker><\/marker><\/marker><\/defs>Close\u00a0Expired\u00a0Surveys<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Daily<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Close\u00a0Expired<\/tspan>Surveys<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>End<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Generate\u00a0Survey<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Create\u00a0From<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Configure<\/tspan>Survey<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Copy\u00a0logo<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Preview\u00a0Survey<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Register\u00a0Survey<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>End\u00a0Event<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>End\u00a0Event<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Configure\u00a0Survey<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Get\u00a0All<\/tspan>Previous<\/tspan>Survey\u00a0Names<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>New\u00a0or\u00a0Existing<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Execute\u00a0Survey<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Execute\u00a0Survey<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Gather<\/tspan>Responses<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Survey\u00a0Completed<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Survey\u00a0Canceled<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Send\u00a0Invites<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Retrieve\u00a0Survey<\/tspan>and\u00a0Register<\/tspan>Execution<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Select\u00a0Invitees<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>New<\/tspan><\/text><\/g><\/g><\/g>Existing<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>continue<\/tspan><\/text><\/g><\/g><\/g>cancel<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>edit<\/tspan><\/text><\/g><\/g><\/g>confirm<\/tspan><\/text><\/g><\/g><\/g>cancel<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>launch<\/tspan><\/text><\/g><\/g><\/g>cancel<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g>

<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Header\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

Welcome to Surveys<\/p>\\\\n

How would you like to create your Survey?<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"false\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

How do you want to build your survey ?<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": \\\"createFrom\\\", \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"New Survey\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"secondary\\\", \\\"fieldValue\\\": \\\"New\\\", \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"styleButton\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}], [{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": \\\"createFrom\\\", \\\"event\\\": \\\"script\\\", \\\"label\\\": \\\"From Existing\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"secondary\\\", \\\"fieldValue\\\": \\\"Existing\\\", \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true, \\\"customCssSelector\\\": \\\"styleButtoncsv\\\"}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"6\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"6\\\"}], \\\"customCssSelector\\\": \\\"BgButton\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Contain\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"conditionalHide\\\": \\\"not createFrom\\\", \\\"customCssSelector\\\": \\\"Bg-Body\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[{\\\"items\\\": [[{\\\"label\\\": \\\"Select List\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-angle-double-down\\\", \\\"name\\\": \\\"existingSurvey\\\", \\\"label\\\": \\\"Choose from available Surveys...\\\", \\\"helper\\\": null, \\\"options\\\": {\\\"key\\\": \\\"id\\\", \\\"value\\\": \\\"data.surveyName\\\", \\\"dataName\\\": \\\"existingSurveys\\\", \\\"jsonData\\\": null, \\\"renderAs\\\": \\\"dropdown\\\", \\\"editIndex\\\": null, \\\"pmqlQuery\\\": null, \\\"dataSource\\\": \\\"dataObject\\\", \\\"optionsList\\\": [], \\\"removeIndex\\\": null, \\\"showRenderAs\\\": true, \\\"showJsonEditor\\\": false, \\\"showOptionCard\\\": false, \\\"selectedOptions\\\": [], \\\"allowMultiSelect\\\": false, \\\"selectedEndPoint\\\": \\\"ListAll\\\", \\\"collectionOptions\\\": null, \\\"showRemoveWarning\\\": false, \\\"valueTypeReturned\\\": \\\"object\\\", \\\"selectedDataSource\\\": null}, \\\"readonly\\\": false, \\\"validation\\\": [{\\\"value\\\": \\\"required\\\", \\\"helper\\\": \\\"Checks if the length of the String representation of the value is >\\\", \\\"content\\\": \\\"Required\\\"}], \\\"placeholder\\\": null, \\\"rootElement\\\": \\\"response\\\", \\\"dataSourceUrl\\\": null, \\\"dataSourceEndpoint\\\": null}, \\\"component\\\": \\\"FormSelectList\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\\\\\.?)+(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSelectList\\\", \\\"editor-component\\\": \\\"FormSelectList\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Form3\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], [{\\\"label\\\": \\\"Nested Screen\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-file-invoice\\\", \\\"name\\\": \\\"Nested Screen\\\", \\\"label\\\": \\\"Nested Screen\\\", \\\"value\\\": null, \\\"screen\\\": 107, \\\"variant\\\": \\\"primary\\\"}, \\\"component\\\": \\\"FormNestedScreen\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"ScreenSelector\\\", \\\"field\\\": \\\"screen\\\", \\\"config\\\": {\\\"name\\\": \\\"SelectScreen\\\", \\\"label\\\": \\\"Screen\\\", \\\"helper\\\": \\\"Select a screen\\\", \\\"validate-nested\\\": false}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormNestedScreen\\\", \\\"editor-component\\\": \\\"FormNestedScreen\\\"}, {\\\"items\\\": [[{\\\"items\\\": [[], [{\\\"label\\\": \\\"Submit Button\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-share-square\\\", \\\"name\\\": \\\"createFrom\\\", \\\"event\\\": \\\"submit\\\", \\\"label\\\": \\\"Use Template\\\", \\\"loading\\\": false, \\\"tooltip\\\": [], \\\"variant\\\": \\\"primary\\\", \\\"fieldValue\\\": \\\"Existing\\\", \\\"loadingLabel\\\": \\\"Loading...\\\", \\\"defaultSubmit\\\": true}, \\\"component\\\": \\\"FormButton\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"label\\\", \\\"config\\\": {\\\"label\\\": \\\"Label\\\", \\\"helper\\\": \\\"The label describes the button's text\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormSubmit\\\", \\\"editor-component\\\": \\\"FormButton\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"10\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"2\\\"}], \\\"customCssSelector\\\": \\\"Btn-Button\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Form2\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": \\\"1\\\", \\\"content\\\": \\\"3\\\"}, {\\\"value\\\": \\\"2\\\", \\\"content\\\": \\\"9\\\"}], \\\"conditionalHide\\\": null}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"conditionalHide\\\": \\\"createFrom == \\\\\\\"Existing\\\\\\\"\\\", \\\"customCssSelector\\\": \\\"Bg-Body\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}], \\\"order\\\": 1}]\", \"status\": \"ACTIVE\", \"computed\": \"[{\\\"id\\\": 1, \\\"name\\\": \\\"questionList\\\", \\\"type\\\": \\\"javascript\\\", \\\"order\\\": 1, \\\"byPass\\\": false, \\\"formula\\\": \\\"return this.existingSurvey.questionList;\\\", \\\"property\\\": \\\"questionList\\\"}, {\\\"id\\\": 2, \\\"name\\\": \\\"colorPrimary\\\", \\\"type\\\": \\\"javascript\\\", \\\"order\\\": 2, \\\"byPass\\\": false, \\\"formula\\\": \\\"if([null, \\\\\\\"\\\\\\\", undefined].indexOf(this.existingSurvey) != -1) { \\\\r\\\\n localStorage.setItem('colorPrimary', \\\\\\\"#3D71EB\\\\\\\");\\\\r\\\\n return \\\\\\\"#3D71EB\\\\\\\"; \\\\r\\\\n}\\\\r\\\\n\\\\r\\\\nlocalStorage.setItem('colorPrimary', this.existingSurvey.colorPrimary);\\\\r\\\\nreturn this.existingSurvey.colorPrimary;\\\", \\\"property\\\": \\\"colorPrimary\\\"}, {\\\"id\\\": 3, \\\"name\\\": \\\"surveyName\\\", \\\"type\\\": \\\"javascript\\\", \\\"order\\\": 3, \\\"byPass\\\": false, \\\"formula\\\": \\\"return this.existingSurvey.surveyName;\\\", \\\"property\\\": \\\"surveyName\\\"}, {\\\"id\\\": 4, \\\"name\\\": \\\"surveyDescription\\\", \\\"type\\\": \\\"javascript\\\", \\\"order\\\": 4, \\\"byPass\\\": false, \\\"formula\\\": \\\"return this.existingSurvey.surveyDescription;\\\", \\\"property\\\": \\\"surveyDescription\\\"}, {\\\"id\\\": 5, \\\"name\\\": \\\"questionListTxt\\\", \\\"type\\\": \\\"javascript\\\", \\\"order\\\": 6, \\\"byPass\\\": false, \\\"formula\\\": \\\"var questionList = this.existingSurvey.questionList;\\\\r\\\\nvar val = \\\\\\\"\\\\\\\";\\\\r\\\\n\\\\r\\\\nfor (const element of questionList) {\\\\r\\\\n val = val + element[\\\\\\\"label\\\\\\\"] + \\\\\\\"\\\\\\\\n\\\\\\\";\\\\r\\\\n}\\\\r\\\\n\\\\r\\\\nreturn val;\\\", \\\"property\\\": \\\"questionListTxt\\\"}, {\\\"id\\\": 6, \\\"name\\\": \\\"expirationDate\\\", \\\"type\\\": \\\"javascript\\\", \\\"order\\\": 6, \\\"byPass\\\": false, \\\"formula\\\": \\\"return this.existingSurvey.expirationDate;\\\", \\\"property\\\": \\\"expirationDate\\\"}, {\\\"id\\\": 7, \\\"name\\\": \\\"requesterId\\\", \\\"type\\\": \\\"javascript\\\", \\\"order\\\": 7, \\\"byPass\\\": false, \\\"formula\\\": \\\"return this._user.id;\\\", \\\"property\\\": \\\"requesterId\\\"}]\", \"watchers\": \"[]\", \"asset_type\": null, \"created_at\": \"2024-11-05 15:36:32\", \"custom_css\": \"[selector='Bg-Body'] {\\r\\n background-color: #FBFBFC;\\r\\n border-left: 1px solid #D7DDE5;\\r\\n border-bottom: 1px solid #D7DDE5;\\r\\n border-right: 1px solid #D7DDE5;\\r\\n border-radius: 0px 0px 10px 10px;\\r\\n padding: 30px 10px;\\r\\n}\\r\\n[selector='Bg-Form2']{\\r\\n background-color: #FFFFFF;\\r\\n border-bottom: 1px solid #D7DDE5;\\r\\n border-left: 1px solid #D7DDE5;\\r\\n border-right: 1px solid #D7DDE5;\\r\\n border-radius: 0px 0px 16px 16px;\\r\\n padding: 15px 50px 10px 50px;\\r\\n box-shadow: 0px 3px 4px 0px #DDD;\\r\\n}\\r\\n[selector='Bg-Form3']{\\r\\n padding: 20px 0px 20px 20px;\\r\\n text-align: left;\\r\\n}\\r\\n[selector='Bg-Form3'] .multiselect__tags{\\r\\n background-color: #FFFFFF;\\r\\n border:1px solid #D7DDE5;\\r\\n border-radius: 8px;\\r\\n}\\r\\n[selector='Bg-Form3'] .form-group label{\\r\\n font-size: 14px;\\r\\n color: #20242A;\\r\\n line-height: 10px;\\r\\n margin-top: 15px;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n[selector='Bg-Form3'] .form-control{\\r\\n background-color: #FFFFFF;\\r\\n border:1px solid #D7DDE5;\\r\\n border-radius: 8px;\\r\\n}\\r\\n[selector='Bg-Header'] {\\r\\n background-color: #F8FBFF;\\r\\n border: 1px solid #D7DDE5;\\r\\n border-radius: 10px 10px 0px 0px;\\r\\n padding: 20px 30px 10px 40px;\\r\\n}\\r\\n[selector='Bg-Contain'] {\\r\\n max-width: 600px;\\r\\n \/*background-color: rgb(231, 231, 231);*\/\\r\\n text-align: center;\\r\\n margin: 0 auto;\\r\\n padding: 8% 0px;\\r\\n}\\r\\n.Bg-TextTitle{\\r\\n color: #000000;\\r\\n font-size: 20px;\\r\\n font-weight: 500;\\r\\n font-family: 'Trebuchet MS'; \\r\\n text-align: center;\\r\\n line-height: 28px;\\r\\n}\\r\\n.Bg-TextTitleBlue{\\r\\n color: #1572c2;\\r\\n font-size: 20px;\\r\\n font-weight: 400;\\r\\n font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;\\r\\n text-align: center;\\r\\n}\\r\\n[selector='styleButton'] .btn-secondary{\\r\\n background-image: url(\\\"https:\/\/processmaker-plg.s3.us-east-1.amazonaws.com\/PLG_assets\/Start-img.png\\\");\\r\\n background-repeat: no-repeat;\\r\\n background-color: #FFFFFF;\\r\\n background-position: center center;\\r\\n background-size: 294px 254px;\\r\\n width: 294px;\\r\\n height: 254px;\\r\\n border-radius: 16px;\\r\\n border: 1px solid #D7DDE5;\\r\\n text-align: center;\\r\\n padding: 15px;\\r\\n float: right;\\r\\n}\\r\\n[selector='styleButton'] .btn-secondary:hover{\\r\\n background-size: 294px 254px;\\r\\n width: 294px;\\r\\n height: 254px;\\r\\n border-radius: 16px;\\r\\n border: 1px solid #1572c2;\\r\\n text-align: center;\\r\\n padding: 15px;\\r\\n}\\r\\n[selector='styleButton'] .btn-secondary:focus{\\r\\n border: 1px solid #1572c2;\\r\\n box-shadow: none !important;\\r\\n}\\r\\n[selector='styleButtoncsv'] .btn-secondary{\\r\\n background-image: url(\\\"https:\/\/processmaker-plg.s3.us-east-1.amazonaws.com\/PLG_assets\/Survey-img.png\\\");\\r\\n background-repeat: no-repeat;\\r\\n background-color: #FFFFFF;\\r\\n background-position: center center;\\r\\n background-size: 294px 254px;\\r\\n width: 294px;\\r\\n height: 254px;\\r\\n border-radius: 16px;\\r\\n border: 1px solid #D7DDE5;\\r\\n text-align: center;\\r\\n float: left;\\r\\n}\\r\\n\\r\\n[selector='styleButtoncsv'] .btn-secondary:hover{\\r\\n background-size: 294px 254px;\\r\\n width: 294px;\\r\\n height: 254px;\\r\\n border-radius: 16px;\\r\\n border: 1px solid #1572c2;\\r\\n text-align: center;\\r\\n padding: 15px;\\r\\n}\\r\\n[selector='styleButtoncsv'] .btn-secondary:focus{\\r\\n border: 1px solid #1572c2;\\r\\n box-shadow: none !important;\\r\\n}\\r\\n[selector='BgButton'] .col-sm-6 {\\r\\n padding-left: 5px !important;\\r\\n padding-right: 5px !important;\\r\\n}\\r\\n\\r\\n\\r\\n\/****\/\\r\\n.big-button {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n padding: 15px 30px; \/* Tama\u00f1o del bot\u00f3n *\/\\r\\n font-size: 24px; \/* Tama\u00f1o del texto *\/\\r\\n background-color: #4CAF50; \/* Color de fondo *\/\\r\\n color: white; \/* Color del texto *\/\\r\\n border: none;\\r\\n border-radius: 8px; \/* Bordes redondeados *\/\\r\\n cursor: pointer;\\r\\n transition: background-color 0.3s;\\r\\n}\\r\\n\\r\\n.big-button:hover {\\r\\n background-color: #45a049; \/* Color de fondo al pasar el cursor *\/\\r\\n}\\r\\n\\r\\n.button-icon {\\r\\n font-size: 30px; \/* Tama\u00f1o del \u00edcono *\/\\r\\n margin-right: 10px; \/* Espacio entre \u00edcono y texto *\/\\r\\n}\\r\\n\\r\\n.button-text {\\r\\n font-size: 24px; \/* Tama\u00f1o del texto *\/\\r\\n}\\r\\n\/***Btn****\/\\r\\n[selector='Btn-Button'] .btn-primary{\\r\\n border-radius: 8px;\\r\\n border: 1px solid #2773F3;\\r\\n background-color: #2773F3;\\r\\n color:#FFFFFF;\\r\\n font-size: 14px;\\r\\n font-weight: 500;\\r\\n text-transform: capitalize;\\r\\n padding: 10px 5px;\\r\\n width: 100%;\\r\\n}\\r\\n[selector='Btn-Button'] .btn-primary:hover{\\r\\n background-color: #1c59c4 !important;\\r\\n border:1px solid #1c59c4;\\r\\n color:#FFFFFF;\\r\\n}\\r\\n[selector='Btn-Button'] .btn-primary:focus{\\r\\n box-shadow:none !important;\\r\\n}\", \"updated_at\": \"2024-12-16 18:40:43\", \"description\": \"SG - New or Template\", \"is_template\": 0, \"translations\": null}, \"dependents\": [{\"meta\": null, \"name\": \"SG - Survey Preview\", \"type\": \"screens\", \"uuid\": \"9db1249c-d6fb-410c-acb5-9f4d073ce637\", \"discard\": false, \"modelClass\": \"ProcessMaker\\\\Models\\\\Screen\", \"exporterClass\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"fallbackMatches\": {\"key\": null, \"title\": \"SG - Survey Preview\"}}], \"references\": {\"uncategorized-category\": true}, \"type_human\": \"Screen\", \"description\": \"SG - New or Template\", \"type_plural\": \"Screens\", \"saveAssetsMode\": \"saveAllAssets\", \"extraAttributes\": {\"translatedLanguages\": []}, \"process_manager\": \"\", \"explicit_discard\": false, \"last_modified_by\": \"Giovani+prod1108 Trial instance\", \"type_human_plural\": \"Screens\", \"process_manager_id\": null, \"last_modified_by_id\": 1, \"force_password_protect\": false}, \"9db1249c-d6fb-410c-acb5-9f4d073ce637\": {\"mode\": \"copy\", \"name\": \"SG - Survey Preview\", \"type\": \"Screen\", \"model\": \"ProcessMaker\\\\Models\\\\Screen\", \"hidden\": false, \"exporter\": \"ProcessMaker\\\\ImportExport\\\\Exporters\\\\ScreenExporter\", \"attributes\": {\"id\": 107, \"key\": null, \"type\": \"FORM\", \"uuid\": \"9db1249c-d6fb-410c-acb5-9f4d073ce637\", \"title\": \"SG - Survey Preview\", \"config\": \"[{\\\"name\\\": \\\"Single form One Step\\\", \\\"items\\\": [{\\\"items\\\": [[{\\\"items\\\": [[], [{\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

.<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": true}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"items\\\": [[{\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"conditionalHide\\\": \\\"not fileLogo\\\"}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"File Preview\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-file-image\\\", \\\"name\\\": \\\"fileLogo\\\", \\\"label\\\": \\\"File Preview\\\", \\\"helper\\\": null, \\\"fileName\\\": null, \\\"fontSize\\\": \\\"1em\\\", \\\"validation\\\": null, \\\"placeholder\\\": null, \\\"conditionalHide\\\": \\\"fileLogo\\\", \\\"customCssSelector\\\": \\\"survey-logo\\\"}, \\\"component\\\": \\\"Viewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"name\\\", \\\"config\\\": {\\\"name\\\": \\\"Variable Name\\\", \\\"label\\\": \\\"Variable Name\\\", \\\"helper\\\": \\\"A variable name is a symbolic name to reference information.\\\", \\\"validation\\\": \\\"required\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"fileName\\\", \\\"config\\\": {\\\"name\\\": \\\"File Name\\\", \\\"label\\\": \\\"File Name\\\", \\\"helper\\\": \\\"Enter the File Upload control's Variable Name to preview the file.\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}], \\\"editor-control\\\": \\\"Viewer\\\", \\\"editor-component\\\": \\\"Viewer\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

{{surveyName}}<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"deviceVisibility\\\": {\\\"showForMobile\\\": true, \\\"showForDesktop\\\": true}}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"

{{surveyDescription}}<\/p>\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": false, \\\"deviceVisibility\\\": {\\\"showForMobile\\\": true, \\\"showForDesktop\\\": true}}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"deviceVisibility\\\": {\\\"showForMobile\\\": false, \\\"showForDesktop\\\": true}, \\\"customCssSelector\\\": \\\"Header1\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}]], \\\"label\\\": \\\"Multicolumn \/ Table\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-table\\\", \\\"label\\\": null, \\\"options\\\": [{\\\"value\\\": 1, \\\"content\\\": \\\"12\\\"}], \\\"customCssSelector\\\": \\\"Bg-Container\\\"}, \\\"component\\\": \\\"FormMultiColumn\\\", \\\"container\\\": true, \\\"inspector\\\": [{\\\"type\\\": \\\"ContainerColumns\\\", \\\"field\\\": \\\"options\\\", \\\"config\\\": {\\\"label\\\": \\\"Column Width\\\", \\\"helper\\\": null, \\\"validation\\\": \\\"columns-adds-to-12\\\"}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"color\\\", \\\"config\\\": {\\\"label\\\": \\\"Text Color\\\", \\\"helper\\\": \\\"Set the element's text color\\\", \\\"options\\\": [{\\\"value\\\": \\\"text-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"text-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"text-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"text-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"text-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"text-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"text-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"text-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"ColorSelect\\\", \\\"field\\\": \\\"bgcolor\\\", \\\"config\\\": {\\\"label\\\": \\\"Background Color\\\", \\\"helper\\\": \\\"Set the element's background color\\\", \\\"options\\\": [{\\\"value\\\": \\\"alert alert-primary\\\", \\\"content\\\": \\\"primary\\\"}, {\\\"value\\\": \\\"alert alert-secondary\\\", \\\"content\\\": \\\"secondary\\\"}, {\\\"value\\\": \\\"alert alert-success\\\", \\\"content\\\": \\\"success\\\"}, {\\\"value\\\": \\\"alert alert-danger\\\", \\\"content\\\": \\\"danger\\\"}, {\\\"value\\\": \\\"alert alert-warning\\\", \\\"content\\\": \\\"warning\\\"}, {\\\"value\\\": \\\"alert alert-info\\\", \\\"content\\\": \\\"info\\\"}, {\\\"value\\\": \\\"alert alert-light\\\", \\\"content\\\": \\\"light\\\"}, {\\\"value\\\": \\\"alert alert-dark\\\", \\\"content\\\": \\\"dark\\\"}]}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormMultiColumn\\\", \\\"editor-component\\\": \\\"MultiColumn\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"{{html}}\\\", \\\"interactive\\\": true, \\\"renderVarHtml\\\": true}, \\\"component\\\": \\\"FormHtmlViewer\\\", \\\"inspector\\\": [{\\\"type\\\": \\\"FormTextArea\\\", \\\"field\\\": \\\"content\\\", \\\"config\\\": {\\\"rows\\\": 5, \\\"label\\\": \\\"Content\\\", \\\"value\\\": null, \\\"helper\\\": \\\"The HTML text to display\\\"}}, {\\\"type\\\": \\\"FormCheckbox\\\", \\\"field\\\": \\\"renderVarHtml\\\", \\\"config\\\": {\\\"label\\\": \\\"Render HTML from a Variable\\\", \\\"value\\\": null, \\\"helper\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"conditionalHide\\\", \\\"config\\\": {\\\"label\\\": \\\"Visibility Rule\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"DeviceVisibility\\\", \\\"field\\\": \\\"deviceVisibility\\\", \\\"config\\\": {\\\"label\\\": \\\"Device Visibility\\\", \\\"helper\\\": \\\"This control is hidden until this expression is true\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customFormatter\\\", \\\"config\\\": {\\\"label\\\": \\\"Custom Format String\\\", \\\"helper\\\": \\\"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\\\", \\\"validation\\\": null}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"customCssSelector\\\", \\\"config\\\": {\\\"label\\\": \\\"CSS Selector Name\\\", \\\"helper\\\": \\\"Use this in your custom css rules\\\", \\\"validation\\\": \\\"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"ariaLabel\\\", \\\"config\\\": {\\\"label\\\": \\\"Aria Label\\\", \\\"helper\\\": \\\"Attribute designed to help assistive technology (e.g. screen readers) attach a label\\\"}}, {\\\"type\\\": \\\"FormInput\\\", \\\"field\\\": \\\"tabindex\\\", \\\"config\\\": {\\\"label\\\": \\\"Tab Order\\\", \\\"helper\\\": \\\"Order in which a user will move focus from one control to another by pressing the Tab key\\\", \\\"validation\\\": \\\"regex: [0-9]*\\\"}}], \\\"editor-control\\\": \\\"FormHtmlEditor\\\", \\\"editor-component\\\": \\\"FormHtmlEditor\\\"}, {\\\"label\\\": \\\"Rich Text\\\", \\\"config\\\": {\\\"icon\\\": \\\"fas fa-pencil-ruler\\\", \\\"label\\\": null, \\\"content\\\": \\\"