diff --git a/README.md b/README.md index 918fbda..e005f4b 100644 --- a/README.md +++ b/README.md @@ -2,6 +2,5 @@ Enhance the usability and functionality of ProcessMaker. These templates offer seamless integration with various tools by allowing users to declare their accounts. Users can easily select a template of their choice, eliminating the need to go through the modeler. ## Accounting And Finance - **[Expense Report]** (Version 3.2.8) -- **[Guided Invoice Approval]** (Version 2.2.0) - **[Non-PO Invoice Approval]** (Version 1.9.4) - **[Smart Surveys]** (Version 1.1.2) diff --git a/accounting-and-finance/.DS_Store b/accounting-and-finance/.DS_Store deleted file mode 100644 index 29a005b..0000000 Binary files a/accounting-and-finance/.DS_Store and /dev/null differ diff --git a/accounting-and-finance/expense_report/assets/.DS_Store b/accounting-and-finance/expense_report/assets/.DS_Store deleted file mode 100644 index 328e0df..0000000 Binary files a/accounting-and-finance/expense_report/assets/.DS_Store and /dev/null differ diff --git a/accounting-and-finance/expense_report/assets/launchpad/.DS_Store b/accounting-and-finance/expense_report/assets/launchpad/.DS_Store deleted file mode 100644 index 25a5153..0000000 Binary files a/accounting-and-finance/expense_report/assets/launchpad/.DS_Store and /dev/null differ diff --git a/accounting-and-finance/expense_report/assets/slides/.DS_Store b/accounting-and-finance/expense_report/assets/slides/.DS_Store deleted file mode 100644 index 5008ddf..0000000 Binary files a/accounting-and-finance/expense_report/assets/slides/.DS_Store and /dev/null differ diff --git a/accounting-and-finance/invoice_approval/.DS_Store b/accounting-and-finance/invoice_approval/.DS_Store deleted file mode 100644 index c328838..0000000 Binary files a/accounting-and-finance/invoice_approval/.DS_Store and /dev/null differ diff --git a/accounting-and-finance/invoice_approval/assets/.DS_Store b/accounting-and-finance/invoice_approval/assets/.DS_Store deleted file mode 100644 index f662167..0000000 Binary files a/accounting-and-finance/invoice_approval/assets/.DS_Store and /dev/null differ diff --git a/accounting-and-finance/invoice_approval/assets/card-background.png b/accounting-and-finance/invoice_approval/assets/card-background.png deleted file mode 100644 index f3f0e11..0000000 Binary files a/accounting-and-finance/invoice_approval/assets/card-background.png and /dev/null differ diff --git a/accounting-and-finance/invoice_approval/assets/icon.png b/accounting-and-finance/invoice_approval/assets/icon.png deleted file mode 100644 index 99ddcf7..0000000 Binary files a/accounting-and-finance/invoice_approval/assets/icon.png and /dev/null differ diff --git a/accounting-and-finance/invoice_approval/assets/launchpad/.DS_Store b/accounting-and-finance/invoice_approval/assets/launchpad/.DS_Store deleted file mode 100644 index de4c162..0000000 Binary files a/accounting-and-finance/invoice_approval/assets/launchpad/.DS_Store and /dev/null differ diff --git a/accounting-and-finance/invoice_approval/assets/launchpad/slides/launchpad-slide1.jpg b/accounting-and-finance/invoice_approval/assets/launchpad/slides/launchpad-slide1.jpg deleted file mode 100644 index 7af52ca..0000000 Binary files a/accounting-and-finance/invoice_approval/assets/launchpad/slides/launchpad-slide1.jpg and /dev/null differ diff --git a/accounting-and-finance/invoice_approval/assets/launchpad/slides/launchpad-slide2.jpg b/accounting-and-finance/invoice_approval/assets/launchpad/slides/launchpad-slide2.jpg deleted file mode 100644 index 0eac124..0000000 Binary files a/accounting-and-finance/invoice_approval/assets/launchpad/slides/launchpad-slide2.jpg and /dev/null differ diff --git a/accounting-and-finance/invoice_approval/assets/launchpad/slides/launchpad-slide3.jpg b/accounting-and-finance/invoice_approval/assets/launchpad/slides/launchpad-slide3.jpg deleted file mode 100644 index 0ad8eab..0000000 Binary files a/accounting-and-finance/invoice_approval/assets/launchpad/slides/launchpad-slide3.jpg and /dev/null differ diff --git a/accounting-and-finance/invoice_approval/assets/launchpad/slides/launchpad-slide4.jpg b/accounting-and-finance/invoice_approval/assets/launchpad/slides/launchpad-slide4.jpg deleted file mode 100644 index 3e5355a..0000000 Binary files a/accounting-and-finance/invoice_approval/assets/launchpad/slides/launchpad-slide4.jpg and /dev/null differ diff --git a/accounting-and-finance/invoice_approval/assets/slides/slide1.png b/accounting-and-finance/invoice_approval/assets/slides/slide1.png deleted file mode 100644 index ed9d02f..0000000 Binary files a/accounting-and-finance/invoice_approval/assets/slides/slide1.png and /dev/null differ diff --git a/accounting-and-finance/invoice_approval/process_helper_export.json b/accounting-and-finance/invoice_approval/process_helper_export.json deleted file mode 100644 index ad68215..0000000 --- a/accounting-and-finance/invoice_approval/process_helper_export.json +++ /dev/null @@ -1 +0,0 @@ -{"type":"process_package","version":"2","root":"9b7fca55-ea94-464a-a96f-ffa8562bb86e","name":"Invoice Approval Helper","export":{"9b7fca55-ea94-464a-a96f-ffa8562bb86e":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ProcessExporter","type":"Process","type_human":"Process","type_plural":"Processes","type_human_plural":"Processes","last_modified_by":"Admin User","last_modified_by_id":1,"model":"ProcessMaker\\Models\\Process","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"data-source-script","uuid":"9b7fca56-3f26-4f78-80a2-fa6bfdb76505","meta":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[1]","exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"WIZARD - Execute Template Configuration 2"},"name":"WIZARD - Execute Template Configuration 2","discard":false},{"type":"data-source-script","uuid":"9b7e4c55-1eea-4098-9648-5fb90a8cc2b9","meta":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[2]","exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"Invoice Approval - Save BambooHR API Token"},"name":"Invoice Approval - Save BambooHR API Token","discard":false},{"type":"user","uuid":"9bdeca6a-391c-4ce9-95e7-1cd5cae4ae13","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"agustin@gmail.com","username":"agustin"},"name":"","discard":false},{"type":"manager","uuid":"9bdec99c-a112-4440-ae22-caea48d22c40","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"paola.pellegrini@processmaker.com","username":"paola"},"name":"","discard":false},{"type":"interstitial_screen","uuid":"9a9d6cab-6019-4c7b-8744-2e7fd1022b55","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:startEvent[1]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":"interstitial","title":"Screen Interstitial 70"},"name":"Screen Interstitial 70","discard":false},{"type":"screens","uuid":"9b7fca56-6881-486f-a03c-40e842f4733e","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[1]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval - Connect ERP 2"},"name":"Invoice Approval - Connect ERP 2","discard":false},{"type":"interstitial_screen","uuid":"9a9d6cab-6019-4c7b-8744-2e7fd1022b55","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[1]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":"interstitial","title":"Screen Interstitial 70"},"name":"Screen Interstitial 70","discard":false},{"type":"screens","uuid":"9b7fca56-bcdc-4164-9f15-0509341c5070","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[2]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval - Connect HR 2"},"name":"Invoice Approval - Connect HR 2","discard":false},{"type":"interstitial_screen","uuid":"9b9006e5-7522-42b9-a727-497271c636eb","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[2]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"External Config Interstitial"},"name":"External Config Interstitial","discard":false},{"type":"screens","uuid":"9b7fca56-fda3-408c-98e9-9e1d37f79b00","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[3]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval - Connect Email 2"},"name":"Invoice Approval - Connect Email 2","discard":false},{"type":"interstitial_screen","uuid":"9a9d6cab-6019-4c7b-8744-2e7fd1022b55","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[3]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":"interstitial","title":"Screen Interstitial 70"},"name":"Screen Interstitial 70","discard":false},{"type":"screens","uuid":"9b7fca57-4284-4dff-b37d-37da365cbba9","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[4]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval - Connect Finish 2"},"name":"Invoice Approval - Connect Finish 2","discard":false},{"type":"interstitial_screen","uuid":"9a9d6cab-6019-4c7b-8744-2e7fd1022b55","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[4]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":"interstitial","title":"Screen Interstitial 70"},"name":"Screen Interstitial 70","discard":false},{"type":"scripts","uuid":"9b7fca56-3f26-4f78-80a2-fa6bfdb76505","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[1]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"WIZARD - Execute Template Configuration 2"},"name":"WIZARD - Execute Template Configuration 2","discard":false},{"type":"scripts","uuid":"9b7e4c55-1eea-4098-9648-5fb90a8cc2b9","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[2]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"Invoice Approval - Save BambooHR API Token"},"name":"Invoice Approval - Save BambooHR API Token","discard":false},{"type":"scripts","uuid":"9bca8216-fdfd-4f2e-8138-8028925bb4c5","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[3]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"IDA - Generate sample process Requests"},"name":"IDA - Generate sample process Requests","discard":false},{"type":"categories","uuid":"9b216edd-0254-4a90-8d85-383f4bc9ba36","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\CategoryExporter","modelClass":"ProcessMaker\\Models\\ProcessCategory","fallbackMatches":{"name":"Finance"},"name":"Finance","discard":false},{"type":"signal","uuid":"signal-invoice_helper_callback","meta":"invoice_helper_callback","exporterClass":"ProcessMaker\\ImportExport\\Exporters\\SignalExporter","modelClass":"ProcessMaker\\ImportExport\\Psudomodels\\Signal","fallbackMatches":[],"name":"invoice_helper_callback","discard":false},{"type":"process_launchpad","uuid":"9bfa7d21-8f2b-408c-9272-e90e90b4fbd6","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ProcessLaunchpadExporter","modelClass":"ProcessMaker\\Models\\ProcessLaunchpad","fallbackMatches":[],"name":"unknown","discard":false}],"name":"Invoice Approval Helper","description":"Invoice Approval Helper","process_manager":"paola pellegrini","process_manager_id":3,"attributes":{"id":12,"uuid":"9b7fca55-ea94-464a-a96f-ffa8562bb86e","process_category_id":6,"user_id":5,"bpmn":"\n\n \n \n \n node_5<\/bpmn:flowNodeRef>\n node_481<\/bpmn:flowNodeRef>\n node_490<\/bpmn:flowNodeRef>\n node_499<\/bpmn:flowNodeRef>\n node_607<\/bpmn:flowNodeRef>\n node_808<\/bpmn:flowNodeRef>\n <\/bpmn:lane>\n \n node_212<\/bpmn:flowNodeRef>\n node_228<\/bpmn:flowNodeRef>\n node_635<\/bpmn:flowNodeRef>\n node_748<\/bpmn:flowNodeRef>\n node_890<\/bpmn:flowNodeRef>\n node_901<\/bpmn:flowNodeRef>\n node_968<\/bpmn:flowNodeRef>\n node_1091<\/bpmn:flowNodeRef>\n node_1099<\/bpmn:flowNodeRef>\n node_1102<\/bpmn:flowNodeRef>\n node_1120<\/bpmn:flowNodeRef>\n node_1130<\/bpmn:flowNodeRef>\n <\/bpmn:lane>\n <\/bpmn:laneSet>\n \n node_515<\/bpmn:outgoing>\n <\/bpmn:startEvent>\n \n node_1068<\/bpmn:incoming>\n node_1096<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n node_1097<\/bpmn:incoming>\n <\/bpmn:endEvent>\n \n node_851<\/bpmn:incoming>\n node_974<\/bpmn:incoming>\n node_624<\/bpmn:outgoing>\n <\/bpmn:task>\n \n node_526<\/bpmn:incoming>\n node_984<\/bpmn:incoming>\n node_850<\/bpmn:outgoing>\n <\/bpmn:task>\n \n node_515<\/bpmn:incoming>\n node_526<\/bpmn:outgoing>\n <\/bpmn:task>\n \n \n \n node_624<\/bpmn:incoming>\n node_1068<\/bpmn:outgoing>\n <\/bpmn:task>\n \n \n node_763<\/bpmn:incoming>\n node_907<\/bpmn:incoming>\n node_973<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n node_912<\/bpmn:incoming>\n node_763<\/bpmn:outgoing>\n \n <\/bpmn:intermediateCatchEvent>\n \n \n node_850<\/bpmn:incoming>\n node_851<\/bpmn:outgoing>\n node_891<\/bpmn:outgoing>\n <\/bpmn:exclusiveGateway>\n \n \n hr_platform != \"bamboo\" or bambooResult == \"success\"<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n \n node_891<\/bpmn:incoming>\n node_902<\/bpmn:outgoing>\n node_912<\/bpmn:outgoing>\n <\/bpmn:eventBasedGateway>\n \n hr_platform == \"bamboo\" and not bambooResult<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n \n node_902<\/bpmn:incoming>\n node_907<\/bpmn:outgoing>\n \n PT2M<\/bpmn:timeDuration>\n <\/bpmn:timerEventDefinition>\n <\/bpmn:intermediateCatchEvent>\n \n \n \n \n node_973<\/bpmn:incoming>\n node_974<\/bpmn:outgoing>\n node_984<\/bpmn:outgoing>\n <\/bpmn:exclusiveGateway>\n \n \n bambooResult == \"success\"<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n \n bambooResult == \"fail\"<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n \n \n node_1096<\/bpmn:incoming>\n node_1097<\/bpmn:outgoing>\n node_1100<\/bpmn:outgoing>\n <\/bpmn:exclusiveGateway>\n \n \n not generate_requests<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n \n node_1100<\/bpmn:incoming>\n \n <\/bpmn:endEvent>\n \n generate_requests<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n \n node_1112<\/bpmn:outgoing>\n \n <\/bpmn:startEvent>\n \n node_1112<\/bpmn:incoming>\n node_1135<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n node_1135<\/bpmn:incoming>\n <\/bpmn:endEvent>\n \n <\/bpmn:process>\n \n \n <\/bpmn:collaboration>\n \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 <\/bpmndi:BPMNShape>\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 \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 \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 \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n \n \n <\/bpmndi:BPMNEdge>\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 \n <\/bpmndi:BPMNEdge>\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 \n <\/bpmndi:BPMNEdge>\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":"Invoice Approval Helper","name":"Invoice Approval 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":"2023-12-18 02:30:31","updated_at":"2024-05-06 13:17:05","start_events":"[{\"id\": \"node_5\", \"name\": \"Launch Wizard\", \"config\": \"{\\\"web_entry\\\":null}\", \"assignment\": \"group\", \"assignedUsers\": \"\", \"assignedGroups\": \"2\", \"ownerProcessId\": \"ProcessId\", \"eventDefinitions\": [], \"ownerProcessName\": \"ProcessName\", \"allowInterstitial\": \"true\", \"interstitialScreenRef\": \"1\"}, {\"id\": \"node_1102\", \"name\": \"Generate Sample Requests\", \"ownerProcessId\": \"ProcessId\", \"eventDefinitions\": [{\"$type\": \"messageEventDefinition\", \"messageRef\": \"node_1099_message\"}], \"ownerProcessName\": \"ProcessName\"}]","warnings":null,"self_service_tasks":"[]","svg":"<\/marker><\/marker><\/marker><\/marker><\/marker><\/marker><\/defs>Wizard\u00a0-\u00a0Helper<\/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>Requester<\/tspan><\/text><\/g>System<\/tspan><\/text><\/g>Launch\u00a0Wizard<\/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<\/tspan>Template<\/tspan>Configuration<\/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>Helper\u00a0Finished<\/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\u00a0ERP<\/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\u00a0HR<\/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>Email<\/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<\/tspan>Configuration<\/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>BambooHR<\/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>-<\/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>2\u00a0minutes<\/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>Sucess?<\/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>Generate\u00a0sample\u00a0requests?<\/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>Generate\u00a0Requests<\/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\u00a0Sample\u00a0Requests<\/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<\/tspan>Requests<\/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<\/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>-<\/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>-<\/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>No<\/tspan><\/text><\/g><\/g><\/g>Yes<\/tspan><\/text><\/g><\/g><\/g>Yes<\/tspan><\/text><\/g><\/g><\/g>No<\/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":"2023-10-27 02:49:59","updated_at":"2023-10-27 02:49:59","status":"ACTIVE","key":"interstitial","watchers":null,"translations":null,"is_template":0,"asset_type":null},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9b7fca56-6881-486f-a03c-40e842f4733e":{"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":[{"type":"categories","uuid":"9b59cfea-207b-45e4-9ad7-a9ae2f9c2252","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\CategoryExporter","modelClass":"ProcessMaker\\Models\\ScreenCategory","fallbackMatches":{"name":"Finance"},"name":"Finance","discard":false},{"type":"screens","uuid":"9b7fca56-80af-48b1-bea3-679b8126fec8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval - Connect ERP Nested Options 3"},"name":"Invoice Approval - Connect ERP Nested Options 3","discard":false},{"type":"screens","uuid":"9b7fca56-8afe-4834-bbcc-59a928b8f50b","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval - Connect ERP Nested Form Oracle 3"},"name":"Invoice Approval - Connect ERP Nested Form Oracle 3","discard":false},{"type":"screens","uuid":"9b7fca56-964f-41cc-913f-419fac6cbd53","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval - Connect ERP Nested Form Sage 3"},"name":"Invoice Approval - Connect ERP Nested Form Sage 3","discard":false},{"type":"screens","uuid":"9b7fca56-a322-4ae8-9281-adff90ac4bf2","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval - Connect ERP Nested Form Dynamics 3"},"name":"Invoice Approval - Connect ERP Nested Form Dynamics 3","discard":false},{"type":"screens","uuid":"9b7fca56-b302-403b-9992-5df3adc65389","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval - Connect ERP Nested Form Acumatica 3"},"name":"Invoice Approval - Connect ERP Nested Form Acumatica 3","discard":false}],"name":"Invoice Approval - Connect ERP 2","description":"Invoice Approval - Connect ERP","process_manager":"","process_manager_id":null,"attributes":{"id":23,"uuid":"9b7fca56-6881-486f-a03c-40e842f4733e","title":"Invoice Approval - Connect ERP 2","description":"Invoice Approval - Connect ERP","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"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\": \"

Invoice Approval<\/p>\\n

Let\u2019s set up the process to work for you. Complete this guided setup wizard once, and you\u2019ll be ready to share it with vendors:<\/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\": \"num\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHTSURBVHgBpZU\/LDxBFMe\/bxYhp7j7FfKrOCGRIHESCRKFRER1KHV2K+0paDQaBRdxVLqjEpW7rYhISPypxEk0JNxphEaukYjIPjOLs9Yey32Tu5l9b98nb2Z3vkvw0HAyFrRE+Sgx9TIQATj8mqEcARkmpMzRuVWvWnIHoskJnQgLchrE98qBaNoN\/gQcXJmUII7hV6KEqc+Nv19ppcFsdTUN9wTPUwdbhQ7flplEKSLS1fLptbuJrBzCKE15wYF67a073W9VTfU\/JKIxVFdU4ezuypmqtPB8JwRh6DewmYExOYYwEulH6\/+GT3kC9woGRbwK+xo7isKUdi6PcXZ7CRexrezjpf1aWBMIYe102xO2tL8OD4XL3JFARaX8VdlztSw176xt8QOzJdRxcgay9zeY2lrGw9OjfR1t7vENk8rJZ8IZd9QN9QmTu4dTYTHveeWcUF8wKU3QBilnYSrPchEzUHvq7PQb5Uw9Xi9SRiJvMcaL3eUTBk06jz2qv4v0YaZpqDskz2MX\/iLGYlqPzxaASufpo80\/QSXMNOIFlxLOnGnMx5hhQJnnz8prymEcMCUqdrcyDXXO5f62S\/Oos5thXMvYifwE7AorsJoypvPuuhfb2LeXoAeTDgAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"height\": 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\": \"

Connect your email<\/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-done\"}, \"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\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"num\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHTSURBVHgBpZU\/LDxBFMe\/bxYhp7j7FfKrOCGRIHESCRKFRER1KHV2K+0paDQaBRdxVLqjEpW7rYhISPypxEk0JNxphEaukYjIPjOLs9Yey32Tu5l9b98nb2Z3vkvw0HAyFrRE+Sgx9TIQATj8mqEcARkmpMzRuVWvWnIHoskJnQgLchrE98qBaNoN\/gQcXJmUII7hV6KEqc+Nv19ppcFsdTUN9wTPUwdbhQ7flplEKSLS1fLptbuJrBzCKE15wYF67a073W9VTfU\/JKIxVFdU4ezuypmqtPB8JwRh6DewmYExOYYwEulH6\/+GT3kC9woGRbwK+xo7isKUdi6PcXZ7CRexrezjpf1aWBMIYe102xO2tL8OD4XL3JFARaX8VdlztSw176xt8QOzJdRxcgay9zeY2lrGw9OjfR1t7vENk8rJZ8IZd9QN9QmTu4dTYTHveeWcUF8wKU3QBilnYSrPchEzUHvq7PQb5Uw9Xi9SRiJvMcaL3eUTBk06jz2qv4v0YaZpqDskz2MX\/iLGYlqPzxaASufpo80\/QSXMNOIFlxLOnGnMx5hhQJnnz8prymEcMCUqdrcyDXXO5f62S\/Oos5thXMvYifwE7AorsJoypvPuuhfb2LeXoAeTDgAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"height\": 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\": \"

Connect your HR Manager<\/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-done\"}, \"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\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"numgreen3\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAICSURBVHgBtVY9LENRFD6vESE1tB3qJ5Eok2iCAQMJBrGVyc8mYbD17YYysIrNIMFisGEyUCIGIiHxM+GJxO\/Q10FDulz3e329\/fF6X19aX3L63rv33O+759yTc0skAWPMwy3CLcpNYxno5pjKrYmcAotMgmKxXrQQdwybO3QKrFHtyCOsdERkOy8XRCRKOuf8ccnNYyWeSP7Q2fON+PbX+ChY10wSxLl1KoryVGEORKzIE8lvWopu0s374x8Gf42XFodnjacFwLXObdBl7n7KystdWS3eA9566mlsE4SfXzqtne+RBAOc24MIRmVe4d5xThbjKWkRY+reMmmxN9L0F7KBCoERmQd2nJ+GdGR+t5ds0A+BDjsvHLIWezUiuf54MM4EouG+cbulTRDw2HmhglZOt8V3wNfAUzdW6IBzBBQUrb3ALe3enRjvmv5qRARMdAzRZPuQdC0ENCiRA8ztr4rS3ZpcyKm2PMRd\/OeJHCJYm6koVJMEVxA4LjSLgz24vxApAVD\/hw8X4jvgqycJdpAiHLJuNYs0IB2Au7LKSAUE0gi19tF0d0gmEHDxfoG+cWQ1iyoJ1qZ6DqJIk0NspitkR76BXlRUswOyd15EeYpmJ0ZY6vore7vOAZ+YZ6VjXhobS0XyP1dmlggu\/Q0H5FFWwr8L1STIjkozx5BSaS\/7BeDo8U3mO1YAAAAAAElFTkSuQmCC\", \"label\": \"Image\", \"value\": null, \"height\": 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\": \"

Connect your ERP<\/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\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}, {\"items\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"numgray4\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI0SURBVHgBnZQ9aFNRFMf\/5yaYvg6a1lmJYiaHFmxAaMRI2qUKjdClDhIHxY8lY9LBtIttXHwureCQ4uLiUAeDQgINpIO0Qqr4AVlSEAdBjQ6mKfQd773YkCbvg\/YH9737dc4995z3\/gQbUqnZYOuIkSTCRRAPy6mQmifiKluiDrJeLi5klu1sqXviTuZBgixfXjoKwp06wHPdjn2dg3uZ3CMwmfKYPngjD6REJDqO9Uqx3OPwbjqXlSemcXBiIxfGgxuV4hs10Fe+nZ5PClDezWpw4BiuT03ovvn0ec86k3V1aX5mxa8G0lkWHqRuTuO4dOoEwZeXxVwVKjr8r6ITE\/FR9BseaWUOtgwjKQTTpNs+ddXLY1FsfqrBC7Y4Jggcctpg9AX0VX\/++o1CsQIvpLMhGSANO21Qkam82RXBgZBwWgmfOoFLoyPY\/FjDYPAozshx55qK3g5V5TpsihI+fVK\/h86Gdeskdesa7j98guZ2a78RUdUPRlXWvMfh+881\/Gj8aY\/7ZURTV+K6\/+xFAX+b290msCze8jNTWf70ie7Fr9++67aHyuWew7fvPsAOQbziD+w0l3cCRtZLDFREr9wrXVdCIUxztsG8ewMeqHwVSmu62cNz6qnFYWOt9CUSHRuQ3fM4FFrGzLZDhZSg15FoXIoFxXAQmB8v5jJtldqnh+uV0uq5aHyLoD92d4FlarCwppcWZszOaXLaryWNxCRZVqjjb6qrb413UVbFVPnvtvsH6jTCIQFeF8wAAAAASUVORK5CYII=\", \"label\": \"Image\", \"value\": null, \"height\": 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\"}, \"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\": \"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\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}], [{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"Line%20118\", \"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\": \"Nested Screen\", \"config\": {\"icon\": \"fas fa-file-invoice\", \"name\": \"Nested Screen\", \"label\": \"Nested Screen\", \"value\": null, \"screen\": 24, \"variant\": \"primary\", \"conditionalHide\": \"not erp_platform or erp_platform == \\\"\\\\\\\"\\\\\\\"\\\"\"}, \"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\"}, {\"label\": \"Nested Screen\", \"config\": {\"icon\": \"fas fa-file-invoice\", \"name\": \"Nested Screen\", \"label\": \"Nested Screen\", \"value\": null, \"screen\": 25, \"variant\": \"primary\", \"conditionalHide\": \"erp_platform == \\\"oracle\\\"\"}, \"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\"}, {\"label\": \"Nested Screen\", \"config\": {\"icon\": \"fas fa-file-invoice\", \"name\": \"Nested Screen\", \"label\": \"Nested Screen\", \"value\": null, \"screen\": 26, \"variant\": \"primary\", \"conditionalHide\": \"erp_platform == \\\"sage\\\"\"}, \"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\"}, {\"label\": \"Nested Screen\", \"config\": {\"icon\": \"fas fa-file-invoice\", \"name\": \"Nested Screen\", \"label\": \"Nested Screen\", \"value\": null, \"screen\": 27, \"variant\": \"primary\", \"conditionalHide\": \"erp_platform == \\\"microsoft\\\"\"}, \"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\"}, {\"label\": \"Nested Screen\", \"config\": {\"icon\": \"fas fa-file-invoice\", \"name\": \"Nested Screen\", \"label\": \"Nested Screen\", \"value\": null, \"screen\": 28, \"variant\": \"primary\", \"conditionalHide\": \"erp_platform == \\\"acumatica\\\"\"}, \"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\"}, {\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": null, \"event\": \"submit\", \"label\": \"NEXT\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": null, \"defaultSubmit\": true, \"conditionalHide\": \"not(not erp_platform or erp_platform == \\\"\\\\\\\"\\\\\\\"\\\")\", \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"erp_platform\", \"event\": \"submit\", \"label\": \"SKIP\", \"loading\": false, \"tooltip\": [], \"variant\": \"link\", \"fieldValue\": \"skip\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"not erp_platform or erp_platform == \\\"\\\\\\\"\\\\\\\"\\\"\", \"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\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"deviceVisibility\": {\"showForMobile\": false, \"showForDesktop\": true}, \"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\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}]}]","computed":"[]","custom_css":"[selector='body-container'] {\r\n width: 1109px;\r\n margin: auto;\r\n}\r\n\r\n[selector='body-container'] p {\r\n color: #556271;\r\n}\r\n\r\n[selector='btn-bx1'] {\r\n margin-top: 1em;\r\n text-align: right;\r\n}\r\n\r\n[selector='btn-bx1'] button {\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: 20px;\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='btn-cnx-oracle'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='btn-cnx-oracle'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 8px;\r\n border-color: #CDDDEE;\r\n width: 200px;\r\n height: 96px;\r\n box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\r\n\r\n background-image: url(https:\/\/processmaker-plg.s3.amazonaws.com\/PLG_assets\/image+175.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}\r\n\r\n[selector='btn-cnx-sage'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='btn-cnx-sage'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 8px;\r\n border-color: #CDDDEE;\r\n width: 200px;\r\n height: 96px;\r\n box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\r\n\r\n background-image: url(https:\/\/processmaker-plg.s3.amazonaws.com\/PLG_assets\/image+176.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}\r\n\r\n[selector='btn-cnx-microsoft'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='btn-cnx-microsoft'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 8px;\r\n border-color: #CDDDEE;\r\n width: 200px;\r\n height: 96px;\r\n box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\r\n\r\n background-image: url(https:\/\/processmaker-plg.s3.amazonaws.com\/PLG_assets\/image+178.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}\r\n\r\n[selector='btn-cnx-acumatica'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='btn-cnx-acumatica'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 8px;\r\n border-color: #CDDDEE;\r\n width: 200px;\r\n height: 96px;\r\n box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\r\n\r\n background-image: url(https:\/\/processmaker-plg.s3.amazonaws.com\/PLG_assets\/image+177.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}\r\n\r\n[selector='left-hint-fill'] {\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='arrow-button'] button {\r\n border-radius: 68.75px;\r\n margin-right: 15px;\r\n width: 50px;\r\n height: 50px;\r\n\r\n background-image: url(https:\/\/processmaker-plg.s3.amazonaws.com\/PLG_assets\/back_arrow_dark.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}","created_at":"2023-12-19 21:13:18","updated_at":"2024-05-02 06:55:27","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":false}},"9b59cfea-207b-45e4-9ad7-a9ae2f9c2252":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\CategoryExporter","type":"ScreenCategory","type_human":"Screen Category","type_plural":"ScreenCategories","type_human_plural":"Screen Categories","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ScreenCategory","force_password_protect":false,"hidden":true,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Finance","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":4,"uuid":"9b59cfea-207b-45e4-9ad7-a9ae2f9c2252","name":"Finance","status":"ACTIVE","is_system":0,"created_at":"2024-02-16 16:20:26","updated_at":"2024-02-16 16:20:26"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9b7fca56-80af-48b1-bea3-679b8126fec8":{"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":"Invoice Approval - Connect ERP Nested Options 3","description":"Invoice Approval - Connect ERP Nested Options","process_manager":"","process_manager_id":null,"attributes":{"id":24,"uuid":"9b7fca56-80af-48b1-bea3-679b8126fec8","title":"Invoice Approval - Connect ERP Nested Options 3","description":"Invoice Approval - Connect ERP Nested Options","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"items\": [{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Register invoices directly in accounts payable<\/p>\\n

Select one option<\/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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"erp_platform\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"oracle\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"btn-cnx-oracle\"}, \"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\": \"erp_platform\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"microsoft\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"btn-cnx-microsoft\"}, \"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\": \"erp_platform\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"sage\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"btn-cnx-sage\"}, \"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\": \"erp_platform\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"acumatica\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"btn-cnx-acumatica\"}, \"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\"}]}, \"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\": \"



<\/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\"}]}]","computed":"[]","custom_css":null,"created_at":"2023-12-19 21:02:10","updated_at":"2024-03-06 13:26:22","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9b7fca56-8afe-4834-bbcc-59a928b8f50b":{"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":"Invoice Approval - Connect ERP Nested Form Oracle 3","description":"Invoice Approval - Connect ERP Nested Form Oracle","process_manager":"","process_manager_id":null,"attributes":{"id":25,"uuid":"9b7fca56-8afe-4834-bbcc-59a928b8f50b","title":"Invoice Approval - Connect ERP Nested Form Oracle 3","description":"Invoice Approval - Connect ERP Nested Form Oracle","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"items\": [{\"items\": [[{\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"erp_platform\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"\\\"\\\"\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"arrow-button\"}, \"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\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Oracle NetSuite<\/span>
Fill in the required data to connect<\/span><\/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-fill\"}, \"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\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"oracle.username\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"Username to connect\"}, \"component\": \"FormInput\", \"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\": \"FormInput\", \"editor-component\": \"FormInput\"}, {\"label\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"oracle.access_key\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"Access Key\"}, \"component\": \"FormInput\", \"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\": \"FormInput\", \"editor-component\": \"FormInput\"}, {\"label\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"oracle.url\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"URL of Service\"}, \"component\": \"FormInput\", \"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\": \"FormInput\", \"editor-component\": \"FormInput\"}, {\"items\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"icons%20w24\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGISURBVHgB7VVLTsMwEH1OOUC5QTgB5QbJCWBZYBFxCaQIIRohEYlN4QTQTVuJTTlB0xOQI+QIXSEhaMzYaZt\/7GTdJ1mJnZn3PB7PBDhAAaa0eBxaODIcerNomHKNIyTPEH\/8E\/ezRTcBf2jS5zcaFpoRAbENdx7pCzxfDbBhS9pqH3pYI\/61cfcRqgXkzntfLchTEcRnxUiMsp2x7EAu0E+OtMCWmz1dXmCXSD14+Pk+pudrMqV8+XQpagUMdo425O50hNFiDc6DDIlTL8DZAG3IBUTOGBtnvln1AuCpAGMv2\/A9NJHLnOWO1WwQyCCOVzL8hMzTJC+hKBAhjWCckBAkqSgmLfKwXoDzVWZmSpK9yDzQIFcIMP5eMDZzIjrHwqk\/ZSlLBv61KDSrsBohxoS24zSSg0dwZyfZlYokb24gyz4Hkywf0JxQ8uF2cbEsIHpJDzbKImgkFz4VHbX6mt5OQ9m4RMhKiComW+lThvqHI\/oTA\/UodkqzXSFGNAIinuxv1wFd8Q8YsIfp9\/UVoAAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"height\": \"24\", \"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\": \"

Connection Succesfuly<\/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\"}], \"conditionalHide\": \"false\", \"customCssSelector\": \"left-hint\"}, \"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\"}]}]","computed":"[]","custom_css":null,"created_at":"2023-12-19 21:01:49","updated_at":"2024-03-06 13:26:23","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9b7fca56-964f-41cc-913f-419fac6cbd53":{"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":"Invoice Approval - Connect ERP Nested Form Sage 3","description":"Invoice Approval - Connect ERP Nested Form Sage","process_manager":"","process_manager_id":null,"attributes":{"id":26,"uuid":"9b7fca56-964f-41cc-913f-419fac6cbd53","title":"Invoice Approval - Connect ERP Nested Form Sage 3","description":"Invoice Approval - Connect ERP Nested Form Sage","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"items\": [{\"items\": [[{\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"erp_platform\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"\\\"\\\"\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"arrow-button\"}, \"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\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Sage Intacct<\/span>
Fill in the required data to connect<\/span><\/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-fill\"}, \"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\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"sage.username\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"Username to connect\"}, \"component\": \"FormInput\", \"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\": \"FormInput\", \"editor-component\": \"FormInput\"}, {\"label\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"sage.access_key\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"Access Key\"}, \"component\": \"FormInput\", \"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\": \"FormInput\", \"editor-component\": \"FormInput\"}, {\"label\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"sage.url\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"URL of Service\"}, \"component\": \"FormInput\", \"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\": \"FormInput\", \"editor-component\": \"FormInput\"}, {\"items\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"icons%20w24\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGISURBVHgB7VVLTsMwEH1OOUC5QTgB5QbJCWBZYBFxCaQIIRohEYlN4QTQTVuJTTlB0xOQI+QIXSEhaMzYaZt\/7GTdJ1mJnZn3PB7PBDhAAaa0eBxaODIcerNomHKNIyTPEH\/8E\/ezRTcBf2jS5zcaFpoRAbENdx7pCzxfDbBhS9pqH3pYI\/61cfcRqgXkzntfLchTEcRnxUiMsp2x7EAu0E+OtMCWmz1dXmCXSD14+Pk+pudrMqV8+XQpagUMdo425O50hNFiDc6DDIlTL8DZAG3IBUTOGBtnvln1AuCpAGMv2\/A9NJHLnOWO1WwQyCCOVzL8hMzTJC+hKBAhjWCckBAkqSgmLfKwXoDzVWZmSpK9yDzQIFcIMP5eMDZzIjrHwqk\/ZSlLBv61KDSrsBohxoS24zSSg0dwZyfZlYokb24gyz4Hkywf0JxQ8uF2cbEsIHpJDzbKImgkFz4VHbX6mt5OQ9m4RMhKiComW+lThvqHI\/oTA\/UodkqzXSFGNAIinuxv1wFd8Q8YsIfp9\/UVoAAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"height\": \"24\", \"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\": \"

Connection Succesfuly<\/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\"}], \"conditionalHide\": \"false\", \"customCssSelector\": \"left-hint\"}, \"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\"}]}]","computed":"[]","custom_css":null,"created_at":"2024-01-08 15:36:45","updated_at":"2024-03-06 13:26:23","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9b7fca56-a322-4ae8-9281-adff90ac4bf2":{"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":"Invoice Approval - Connect ERP Nested Form Dynamics 3","description":"Invoice Approval - Connect ERP Nested Form Dynamics","process_manager":"","process_manager_id":null,"attributes":{"id":27,"uuid":"9b7fca56-a322-4ae8-9281-adff90ac4bf2","title":"Invoice Approval - Connect ERP Nested Form Dynamics 3","description":"Invoice Approval - Connect ERP Nested Form Dynamics","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"items\": [{\"items\": [[{\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"erp_platform\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"\\\"\\\"\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"arrow-button\"}, \"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\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Microsoft Dynamics 365<\/span>
Fill in the required data to connect<\/span><\/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-fill\"}, \"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\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"dynamics.username\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"Username to connect\"}, \"component\": \"FormInput\", \"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\": \"FormInput\", \"editor-component\": \"FormInput\"}, {\"label\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"dynamics.access_key\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"Access Key\"}, \"component\": \"FormInput\", \"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\": \"FormInput\", \"editor-component\": \"FormInput\"}, {\"label\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"dynamics.url\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"URL of Service\"}, \"component\": \"FormInput\", \"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\": \"FormInput\", \"editor-component\": \"FormInput\"}, {\"items\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"icons%20w24\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGISURBVHgB7VVLTsMwEH1OOUC5QTgB5QbJCWBZYBFxCaQIIRohEYlN4QTQTVuJTTlB0xOQI+QIXSEhaMzYaZt\/7GTdJ1mJnZn3PB7PBDhAAaa0eBxaODIcerNomHKNIyTPEH\/8E\/ezRTcBf2jS5zcaFpoRAbENdx7pCzxfDbBhS9pqH3pYI\/61cfcRqgXkzntfLchTEcRnxUiMsp2x7EAu0E+OtMCWmz1dXmCXSD14+Pk+pudrMqV8+XQpagUMdo425O50hNFiDc6DDIlTL8DZAG3IBUTOGBtnvln1AuCpAGMv2\/A9NJHLnOWO1WwQyCCOVzL8hMzTJC+hKBAhjWCckBAkqSgmLfKwXoDzVWZmSpK9yDzQIFcIMP5eMDZzIjrHwqk\/ZSlLBv61KDSrsBohxoS24zSSg0dwZyfZlYokb24gyz4Hkywf0JxQ8uF2cbEsIHpJDzbKImgkFz4VHbX6mt5OQ9m4RMhKiComW+lThvqHI\/oTA\/UodkqzXSFGNAIinuxv1wFd8Q8YsIfp9\/UVoAAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"height\": \"24\", \"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\": \"

Connection Succesfuly<\/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\"}], \"conditionalHide\": \"false\", \"customCssSelector\": \"left-hint\"}, \"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\"}]}]","computed":"[]","custom_css":null,"created_at":"2024-01-08 15:37:12","updated_at":"2024-03-06 13:26:24","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9b7fca56-b302-403b-9992-5df3adc65389":{"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":"Invoice Approval - Connect ERP Nested Form Acumatica 3","description":"Invoice Approval - Connect ERP Nested Form Acumatica","process_manager":"","process_manager_id":null,"attributes":{"id":28,"uuid":"9b7fca56-b302-403b-9992-5df3adc65389","title":"Invoice Approval - Connect ERP Nested Form Acumatica 3","description":"Invoice Approval - Connect ERP Nested Form Acumatica","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"items\": [{\"items\": [[{\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"erp_platform\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"\\\"\\\"\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"arrow-button\"}, \"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\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Acumatica<\/span>
Fill in the required data to connect<\/span><\/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-fill\"}, \"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\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"acumatica.username\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"Username to connect\"}, \"component\": \"FormInput\", \"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\": \"FormInput\", \"editor-component\": \"FormInput\"}, {\"label\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"acumatica.access_key\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"Access Key\"}, \"component\": \"FormInput\", \"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\": \"FormInput\", \"editor-component\": \"FormInput\"}, {\"label\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"acumatica.url\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"URL of Service\"}, \"component\": \"FormInput\", \"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\": \"FormInput\", \"editor-component\": \"FormInput\"}, {\"items\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"icons%20w24\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGISURBVHgB7VVLTsMwEH1OOUC5QTgB5QbJCWBZYBFxCaQIIRohEYlN4QTQTVuJTTlB0xOQI+QIXSEhaMzYaZt\/7GTdJ1mJnZn3PB7PBDhAAaa0eBxaODIcerNomHKNIyTPEH\/8E\/ezRTcBf2jS5zcaFpoRAbENdx7pCzxfDbBhS9pqH3pYI\/61cfcRqgXkzntfLchTEcRnxUiMsp2x7EAu0E+OtMCWmz1dXmCXSD14+Pk+pudrMqV8+XQpagUMdo425O50hNFiDc6DDIlTL8DZAG3IBUTOGBtnvln1AuCpAGMv2\/A9NJHLnOWO1WwQyCCOVzL8hMzTJC+hKBAhjWCckBAkqSgmLfKwXoDzVWZmSpK9yDzQIFcIMP5eMDZzIjrHwqk\/ZSlLBv61KDSrsBohxoS24zSSg0dwZyfZlYokb24gyz4Hkywf0JxQ8uF2cbEsIHpJDzbKImgkFz4VHbX6mt5OQ9m4RMhKiComW+lThvqHI\/oTA\/UodkqzXSFGNAIinuxv1wFd8Q8YsIfp9\/UVoAAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"height\": \"24\", \"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\": \"

Connection Succesfuly<\/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\"}], \"conditionalHide\": \"false\", \"customCssSelector\": \"left-hint\"}, \"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\"}]}]","computed":"[]","custom_css":null,"created_at":"2024-01-08 15:37:31","updated_at":"2024-03-06 13:26:24","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9b7fca56-bcdc-4164-9f15-0509341c5070":{"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":[{"type":"categories","uuid":"9b59cfea-207b-45e4-9ad7-a9ae2f9c2252","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\CategoryExporter","modelClass":"ProcessMaker\\Models\\ScreenCategory","fallbackMatches":{"name":"Finance"},"name":"Finance","discard":false},{"type":"screens","uuid":"9b7fca56-cb70-4f57-9cf2-ea0273a69295","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval - Connect HR Nested Options 3"},"name":"Invoice Approval - Connect HR Nested Options 3","discard":false},{"type":"screens","uuid":"9b7fca56-d68c-47a5-9eed-2707d7ec5219","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval - Connect HR Nested Form Bamboo 3"},"name":"Invoice Approval - Connect HR Nested Form Bamboo 3","discard":false},{"type":"screens","uuid":"9b7fca56-e17c-4108-9582-8733f187391c","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval - Connect HR Nested Form SAP 3"},"name":"Invoice Approval - Connect HR Nested Form SAP 3","discard":false},{"type":"screens","uuid":"9b7fca56-ebeb-462f-9ff3-1a435bfe939b","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval - Connect HR Nested Form Workday 3"},"name":"Invoice Approval - Connect HR Nested Form Workday 3","discard":false}],"name":"Invoice Approval - Connect HR 2","description":"Invoice Approval - Connect HR","process_manager":"","process_manager_id":null,"attributes":{"id":29,"uuid":"9b7fca56-bcdc-4164-9f15-0509341c5070","title":"Invoice Approval - Connect HR 2","description":"Invoice Approval - Connect HR","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"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\": \"

Invoice Approval<\/p>\\n

Let\u2019s set up the process to work for you. Complete this guided setup wizard once, and you\u2019ll be ready to share it with vendors:<\/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\": \"icons%20w24\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGISURBVHgB7VVLTsMwEH1OOUC5QTgB5QbJCWBZYBFxCaQIIRohEYlN4QTQTVuJTTlB0xOQI+QIXSEhaMzYaZt\/7GTdJ1mJnZn3PB7PBDhAAaa0eBxaODIcerNomHKNIyTPEH\/8E\/ezRTcBf2jS5zcaFpoRAbENdx7pCzxfDbBhS9pqH3pYI\/61cfcRqgXkzntfLchTEcRnxUiMsp2x7EAu0E+OtMCWmz1dXmCXSD14+Pk+pudrMqV8+XQpagUMdo425O50hNFiDc6DDIlTL8DZAG3IBUTOGBtnvln1AuCpAGMv2\/A9NJHLnOWO1WwQyCCOVzL8hMzTJC+hKBAhjWCckBAkqSgmLfKwXoDzVWZmSpK9yDzQIFcIMP5eMDZzIjrHwqk\/ZSlLBv61KDSrsBohxoS24zSSg0dwZyfZlYokb24gyz4Hkywf0JxQ8uF2cbEsIHpJDzbKImgkFz4VHbX6mt5OQ9m4RMhKiComW+lThvqHI\/oTA\/UodkqzXSFGNAIinuxv1wFd8Q8YsIfp9\/UVoAAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"height\": 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\": \"

Connect your email<\/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-done\"}, \"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\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"numgreen2\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHJSURBVHgBtZY9TMJAFMdfiSEaGICBqIkJGDcdMDFx0ETRGN100jjpYuIknXEoi3F2c4MNY+JgnIQBTXQWE+IGZfNjsAwSiQ7ne0epYNprC\/hLXnvcx\/\/du7veA0AAYyyApqAV0FT2i6bXyWgRcAsN0gWcknbsCDsm9Bm6hcbIduIK6x1FNPN+YUQitdYcXw9oAavoSi9lePvQeDnsD8HU8DgIqKFNS5JUHdArFCtxEj65PzfEW4T9QTha3edvE0grjRaX9NmrZr3qX5+wd3GM7wb\/HQ2OQP27YTijKMiJgCBFsGHV6vMOQTK+C9liDhLzW8ZsD69PMbIKqO\/PYINMDtZFPfgs1zpnGfaF8FkBByx48BEDF9BylV7LvDw7NmnXPUIOAuCC7GPO2IPt2Ipdd+7AhXgerp7ueDkxt2l1gjogB1VwAImfFfOG+NLEjJNhNUcOuhQninSKbtEWnYgn4zsQDY12fHR0lH3eQavhl\/Sh0SZrZq101unMizjAiJatI4p68L6ge+MG+k+G7iJeYs0E000OsEJjfxMQa6a\/fmGeeLAhxXonJVw41ozkf1JmmxPak4wL8QLr4d+FrAu0R6XqdbSkwrvsB82dI6iSETe4AAAAAElFTkSuQmCC\", \"label\": \"Image\", \"value\": null, \"height\": 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\": \"

Connect your HR Manager<\/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\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}, {\"items\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"numgray3\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKDSURBVHgBpVQ9aFNRFD7n5aVJJlMFQVBJhDj40xbSQMCIkdrJoXFwcBDSzSpIJ0myGBebTD6XdHBoNx0EIzhYadBACtGmkvpTihGT1moxYJs69DUlfddzX0xIXl4ibT948O7fd879zrkfgg5GR8PWcpfFjwgXAFkfTdn4PCLLMkUoACrPY5HgpN5Z1E6MBO\/7UDFMEJEVOqMAwO5piQ2Ng1vB6ANgKFEYM\/wfFBB9Ls8gzKamky2ENwPRuxQxALuHt\/\/8oDWTmp7iA\/XKNwJjfgFwQrvTYT8GbudZcJw4DrJchrXSBsx\/\/gLp959aWBkqV8bHQnGsZhfJwz\/ha7CYTRC6PQwHuw+AvFWuz3FIjx5D7ttyMyNiqUuW7QaeHQL6tRErlR3I5Zdh7sMiPIlPwatkGk5SpocowO\/1DVr7rj1irhiNv0SB4VBrratY+VlsGtcyXVv\/o7ufKcwrIjAba8dIcDvPkJbVzLiWr2cypOFH3b0CQq\/IEPugAzgZLwwHvyoH17KWrQY2g8tzKdyJ8CuJn3qXhfmFnKph7ykHGEURFnJ5\/SxB7fj22KRM1CIQcXquetWe0w79zYhZERhkSUKbdu3okcPqt7JapB7cUtvn4rl+de3HalGXT1HYksgYJunR+7SLXKfrVy+3HOLaPX2R0CUUkMWRO8u2yZLXM4Me0ovrVmtonu1buvamfkEKsUjArvbLyB1yGEF4BvsCG+bOo5pDZiaxSNXupl837AmqjUn8r+42ZEEvXZ4Byhi9sBsw9jAWDdZdqskPZ1OJN07PwBK9bd7snQ2WYYkJyrXxSEhqnG775lRLQ2EIFcXW8JoKvNfYDiRN2\/KkJIVL2nN\/Ac5H8De7YPSRAAAAAElFTkSuQmCC\", \"label\": \"Image\", \"value\": null, \"height\": 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\": \"

Connect your ERP<\/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\"}, \"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\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"numgray4\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI0SURBVHgBnZQ9aFNRFMf\/5yaYvg6a1lmJYiaHFmxAaMRI2qUKjdClDhIHxY8lY9LBtIttXHwureCQ4uLiUAeDQgINpIO0Qqr4AVlSEAdBjQ6mKfQd773YkCbvg\/YH9737dc4995z3\/gQbUqnZYOuIkSTCRRAPy6mQmifiKluiDrJeLi5klu1sqXviTuZBgixfXjoKwp06wHPdjn2dg3uZ3CMwmfKYPngjD6REJDqO9Uqx3OPwbjqXlSemcXBiIxfGgxuV4hs10Fe+nZ5PClDezWpw4BiuT03ovvn0ec86k3V1aX5mxa8G0lkWHqRuTuO4dOoEwZeXxVwVKjr8r6ITE\/FR9BseaWUOtgwjKQTTpNs+ddXLY1FsfqrBC7Y4Jggcctpg9AX0VX\/++o1CsQIvpLMhGSANO21Qkam82RXBgZBwWgmfOoFLoyPY\/FjDYPAozshx55qK3g5V5TpsihI+fVK\/h86Gdeskdesa7j98guZ2a78RUdUPRlXWvMfh+881\/Gj8aY\/7ZURTV+K6\/+xFAX+b290msCze8jNTWf70ie7Fr9++67aHyuWew7fvPsAOQbziD+w0l3cCRtZLDFREr9wrXVdCIUxztsG8ewMeqHwVSmu62cNz6qnFYWOt9CUSHRuQ3fM4FFrGzLZDhZSg15FoXIoFxXAQmB8v5jJtldqnh+uV0uq5aHyLoD92d4FlarCwppcWZszOaXLaryWNxCRZVqjjb6qrb413UVbFVPnvtvsH6jTCIQFeF8wAAAAASUVORK5CYII=\", \"label\": \"Image\", \"value\": null, \"height\": 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\"}, \"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\": \"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\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}], [{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"Line%20118\", \"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\": \"Nested Screen\", \"config\": {\"icon\": \"fas fa-file-invoice\", \"name\": \"Nested Screen\", \"label\": \"Nested Screen\", \"value\": null, \"screen\": 30, \"variant\": \"primary\", \"conditionalHide\": \"not hr_platform or hr_platform == \\\"\\\\\\\"\\\\\\\"\\\"\"}, \"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\"}, {\"label\": \"Nested Screen\", \"config\": {\"icon\": \"fas fa-file-invoice\", \"name\": \"Nested Screen\", \"label\": \"Nested Screen\", \"value\": null, \"screen\": 31, \"variant\": \"primary\", \"conditionalHide\": \"hr_platform == \\\"bamboo\\\"\"}, \"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\": [[{\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"connectBamboo\", \"event\": \"submit\", \"label\": \"CONNECT\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": \"1\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"hr_platform == \\\"bamboo\\\"\", \"customCssSelector\": \"connectBamboo\"}, \"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\": \"12\"}], \"conditionalHide\": \"hr_platform == \\\"bamboo\\\" and bamboo.domain\", \"customCssSelector\": \"button_box\"}, \"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\": 32, \"variant\": \"primary\", \"conditionalHide\": \"hr_platform == \\\"sap\\\"\"}, \"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\"}, {\"label\": \"Nested Screen\", \"config\": {\"icon\": \"fas fa-file-invoice\", \"name\": \"Nested Screen\", \"label\": \"Nested Screen\", \"value\": null, \"screen\": 33, \"variant\": \"primary\", \"conditionalHide\": \"hr_platform == \\\"workday\\\"\"}, \"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\"}, {\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": null, \"event\": \"submit\", \"label\": \"Next\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": null, \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"hr_platform and hr_platform != \\\"\\\\\\\"\\\\\\\"\\\" and hr_platform != \\\"bamboo\\\"\", \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"hr_platform\", \"event\": \"submit\", \"label\": \"Skip\", \"loading\": false, \"tooltip\": [], \"variant\": \"link\", \"fieldValue\": \"skip\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"not hr_platform or hr_platform == \\\"bamboo\\\" or hr_platform == \\\"\\\\\\\"\\\\\\\"\\\"\", \"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\": \"1\"}, {\"value\": \"3\", \"content\": \"6\"}], \"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\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"deviceVisibility\": {\"showForMobile\": false, \"showForDesktop\": true}, \"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\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}]}]","computed":"[{\"id\": 1, \"name\": \"Open the BambooHR login page\", \"type\": \"javascript\", \"formula\": \"if(this.connectBamboo === '1' && this.bambooResult !== \\\"success\\\"){\\r\\n let state = this.bamboo.domain + \\\";\\\" + window.location.host + \\\";\\\" + this._request.id;\\r\\n window.open(\\\"https:\/\/\\\"+this.bamboo.domain+\\\".bamboohr.com\/authorize.php?request=authorize&state=\\\"+state+\\\"&response_type=code&scope=openid+email&client_id=developer_portal-605c31aff4b188d06157476701c852d5cd0bac14-02_26_2024_13:14:44&redirect_uri=https:\/\/plgmaintenance.dev.cloud.processmaker.net\/webentry\/19\/node_71\\\", \\\"\\\", \\\"width=615, height=465\\\");\\r\\n}\", \"property\": \"openBambooWindow\"}]","custom_css":"[selector='body-container'] {\r\n width: 1109px;\r\n margin: auto;\r\n}\r\n\r\n[selector='body-container'] p {\r\n color: #556271;\r\n}\r\n\r\n[selector='btn-bx1'] {\r\n margin-top: 1em;\r\n text-align: right;\r\n}\r\n\r\n[selector='btn-bx1'] button {\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: 20px;\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='btn-cnx-sap'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='btn-cnx-sap'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 8px;\r\n border-color: #CDDDEE;\r\n width: 200px;\r\n height: 96px;\r\n box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\r\n\r\n background-image: url(https:\/\/processmaker-plg.s3.us-east-1.amazonaws.com\/PLG_assets\/image%20173.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}\r\n\r\n[selector='btn-cnx-bamboo'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='btn-cnx-bamboo'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 8px;\r\n border-color: #CDDDEE;\r\n width: 200px;\r\n height: 96px;\r\n box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\r\n\r\n background-image: url(https:\/\/processmaker-plg.s3.us-east-1.amazonaws.com\/PLG_assets\/image%20172.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}\r\n\r\n[selector='btn-cnx-workday'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='btn-cnx-workday'] button {\r\n border-radius: 8px;\r\n border-color: #CDDDEE;\r\n width: 200px;\r\n height: 96px;\r\n box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\r\n\r\n background-image: url(https:\/\/processmaker-plg.s3.us-east-1.amazonaws.com\/PLG_assets\/image%20171.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}\r\n\r\n[selector='left-hint-fill'] {\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='arrow-button'] button {\r\n border-radius: 68.75px;\r\n margin-right: 15px;\r\n width: 50px;\r\n height: 50px;\r\n\r\n background-image: url(https:\/\/processmaker-plg.s3.us-east-1.amazonaws.com\/PLG_assets\/back_arrow_dark.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}\r\n[selector='connectBamboo'] button{\r\n width: 80%;\r\n text-transform: none;\r\n}\r\n\r\n[selector='button_box'] {\r\n width: 100%;\r\n border-bottom-left-radius: 6px;\r\n border-bottom-right-radius: 6px;\r\n background-color: #F6F9FB;\r\n height: 60px;\r\n text-align: center;\r\n margin: auto;\r\n}","created_at":"2023-12-19 21:17:10","updated_at":"2024-05-02 06:55:29","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":false}},"9b7fca56-cb70-4f57-9cf2-ea0273a69295":{"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":"Invoice Approval - Connect HR Nested Options 3","description":"Invoice Approval - Connect HR Nested Options","process_manager":"","process_manager_id":null,"attributes":{"id":30,"uuid":"9b7fca56-cb70-4f57-9cf2-ea0273a69295","title":"Invoice Approval - Connect HR Nested Options 3","description":"Invoice Approval - Connect HR Nested Options","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"items\": [{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Engage with required stakeholders from your department<\/p>\\n

Select one option<\/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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"hr_platform\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"sap\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"btn-cnx-sap\"}, \"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\": \"hr_platform\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"workday\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"btn-cnx-workday\"}, \"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\": \"hr_platform\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"bamboo\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"btn-cnx-bamboo\"}, \"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\"}]}, \"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\": \"



<\/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\"}]}]","computed":"[]","custom_css":null,"created_at":"2023-12-18 19:55:35","updated_at":"2024-03-06 13:26:25","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9b7fca56-d68c-47a5-9eed-2707d7ec5219":{"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":"Invoice Approval - Connect HR Nested Form Bamboo 3","description":"Invoice Approval - Connect HR Nested Form Bamboo","process_manager":"","process_manager_id":null,"attributes":{"id":31,"uuid":"9b7fca56-d68c-47a5-9eed-2707d7ec5219","title":"Invoice Approval - Connect HR Nested Form Bamboo 3","description":"Invoice Approval - Connect HR Nested Form Bamboo","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"items\": [{\"items\": [[{\"items\": [[{\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"hr_platform\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"\\\"\\\"\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"arrow-button\"}, \"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\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"bamboo\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAAAxCAYAAABQ69KMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAB55SURBVHgB7Xz5c1zXdeb33usNa2NfiJUAwX1fRVIUtVCSFcuWrErseJyZKSeZqUylpirzD0zNr6mZ5JdJJSknTiVxYltRbDm2LFMSSZmSSHGDSJAUQYIESBAggQYaWwPd6PW9fPe81ysAkZbkFEvug3pA9+v77j333HPP8p3b0CwSilSkR4x09auom0V61EhHkYr0CJIopqZpKFKRHiXSlRsvuvIiPWrkKlrLIj2KVIwxi\/RIUlExi\/RIUlExi\/RIUkYxzYJL\/baslPN6KaUTJrZynvkNS6Csgiv3\/opSK9LDkpau\/BSK0tZYdVcpnsb3S42riSRSiLJFnJ96eRm861m27ReOCvehVnC\/mFN+JnKlFXJ5VdKofDH5a1lu4p2GqGq2bQyT1nUkrQUYyXLUe9rhgp\/3vfjCk\/Yr3i\/Sr0Qu+48pP1nSHatnYWIqgFBkGh1tnXDTGgI++zHTQlKP4PiZH+Fu8CYqtGb84Yv\/i5+V8FPvF9xmKmnF6S3i4i2UvFwoA77w8\/6PIz3tspVlTCHCa0H+gm5aUUNtA6KpBfzb+9\/lJyNsF5b2EPwzhZh7CjHPFOKuaT4RUbb1C784tlLO44OBn+HHff8fx29+n3NfLCrl50gZWc5H5nD28ns4M3AMQXMACYxT\/JMSQ\/Z0dsFdbuJNWsc45rgwi1RMFV\/y0uMwjQhMPQFbmX8TAn+T8lnE6PQNXL9\/BsNTl0VORfr8SLfVSIe\/tAY1DZU4df3f8Ddv\/m\/8oPdPMZR4jwsQFHe1d8fjCIxP4uPRC1S\/OUl8bL2240+nO\/xmkO1hNC3KDbkIS48ii2UUc\/LPg\/TsHxd6mtbh5Rdehtdj4TatwKvH\/gqvf\/RdDEZ6UUbl27N\/O85e+SVd+iTbxwu6MvCbRCpkSercnPQYynsU1fHzJYkx7cvgTwW63I\/jK4\/9D+iWDynPAq7NnMBr7\/8FzgTewvrGdujlEVwZPeskS6YskKHbbp35kKAl6SXKPRySfZ0D\/D0I+sx9pABlzWtj4cF6YaY7M\/NSvTxenSamaSIzmZyOsxxo2WcybNqf6M5VyE6eLJbhNZVMOYOk7GsJ7+nRrbwRM\/3lyFK9TS3BVq1PkLdZIJWc0VaQ69K1LWAib2zk8a3aF66kmfOZws9d2Y8UVumD2\/JiTeVePLfvd\/Dzs\/+IpDfIOHIBZ64cw+ziBLq3NOHKpQvY2\/pVu2stBStlwmAyZErcSReHENU0SVeXkr9K5aGpPF+5fF3GsTFPfUVBpftOMnYzHYukNoHF3xr7MZj9i5XW1IRSDkxjSH5sqvcZi26HGaau8NaEoLLkmK0M9u3mXw\/vuKFruvQj8JiekihSCTIlAlOtfcK\/mYMHqQMwlq5RPnaZwSSvSdhuPZURvSbzNAi1uYRnjqW7lszYcDkeR1ftk8KHKfymnIDLBurU3G05epAGVTQbQMkjlZuasknYj5aw58WGljTUnTm5RF62jKwc6auxEvaIusExl\/KbbZkiy5a9FjnhTCbf0PLRHhlLMxy52MqaNRKW3NZzR1SaqpFxNSEXyrGl6jkE2idxYfTniHtmseiexJU7J7Gjcj\/iZsjBN01ZnOwJpSjZnOaVwrh1B\/enhhCOhGAYbtT6m7C6fD2Xt5msVbJtmaMMy09XJVgKAYhilmo+huBiQMx7mbcS9WhnHzW8SiX+TYoiaiJo1a8majEr9z30ApBWUxKCTMRHZYxaTyMR11VsW8fnykRgak4x8p\/gs\/cTN5FIRuBxl6DR6IRXa2CLCke5UrKNueKOEliCSMQYeyc4xn3rNgIzIwiHZ+HSyWllI7ortpCXGl71fKI0Z0vqOfK3nNlHOfspyfyniISEojP8jICU18+nW8hDFa9q9lWKTAil5S5\/WkEi7GdWZDGLAGZjQWLOCfhcpWhwdfD5agJc9aKicIoo9pMJzmdeDIGC\/8xM8STLtVpzu8AyL9vIldm4liSCSUrbKkgINY6odMsQyNEjfZqOh0k4KJAhfRhZxcw\/\/uYRpo9s+CZcZRrOXz+KuDFPvhK4SGvp19pxhxlpW007bOvAH2KaUS7qhXuncOvGdcyEx2C6EuLildANTs6rVaKreTMObnsWddoaYVLP2flZfDDCaY3jdP\/bVO4BjM\/dE\/MujFs6Sj21WNu6Hfs3HaTgIzh56pdi2TZ278TGpgOYjUzi2MUfQHPFsH\/7s3AZLnzw0VHcnRwkNw7cRQG0Vndh25onsKFhpyjcIrfAiUuvY2j8Y4RjVAY3RW5yPKMC3S1bcHjrC1TN1bYVE4Eqg0A7rIf57AQ+vPUuBkY+wkxknBZaWeykveCMz73Gz9HdtIlz\/ypq0erM3Ye0fbGU56FqJ8nD6GI\/zl07idHgLYTjITEWttKyfFFSiwZ\/Ow7ueAF1egel6qfT8EjxIyvDqMB+87hHGR7D6MQApkLjsAyuU8q2vCXucqzi\/HdtOILOyk3sp4LP+eSzFNVkYPIjfNx\/Ges6dmNrxx5HOQsNSQIj8\/248NFZrGe7zZ1b5PmBsT5cGjpOtCZG5+NCOkn26D50tq3Fpta9lH6V6JnSnvHZcUQ4T9NMoqm6E+XeKhj\/h1Qwmmw+2\/640eZfh+a61VgILiK6kOBCGEglqNdWOToam3F54n2EYrRmHu5LLYCL\/e9TmLOywy2TSme6xGokLbUr5hFYHMCVwXNo6WhCpVEprsk23PYOVBn\/JK7j1Q\/+HLemz2E+Om1joykjI5gYK02joX7cmDqLsiYTF66\/h+nYKGrq\/WivXIfp6Bjev\/FDTCb7Ud3iwXu9v8DY1KjsS80yqAQcyTWP2fgYhgJ9qOlSrjyCH53+e9yZ7EMsFZKxNBXvGAnEtBAC84OYXBjD+uZtstNTVPD+e70cdwTuCguB6G1cunEa0SQtFOdqmD5RPI3zT9GVxl20WeEh9N85g9pVftS4mmSzwrEaapGVtb44\/QZ+8sHfsr9BxIkfq42rNqPGSynvohVEIDKIa8PnUV7rQoOvhbz7bAvuBBQxZfFxAd87\/n9xe7oPC6kpPs\/14OVW68IFjmtzCFJm\/SNnEDVm0VbdLYURm58FDIZOo2\/wDOprGtFS2ynWUAVAueZLbfL78cs4\/\/FJ1NbUo6lulWyMIcrwwt13MBMfxvx8GAthynohiJnoPdwIXEBgYYgGai1H8qgUEsNjAwibU\/Suc\/B6y1Duq1wpeNBlopqIrgRr\/QfRdWgD92EQI7EhjI8HMT+mPJklCpXkQkcTIfQP9MkTHa092LfxCFqM1TJRS4tzCvM4O\/gert7+gID9NF479jf4ysH\/jI2VTzmWQ01ZOZ47+NG7f4tg4rbEJz1tO3Fo8\/NQTkzMvJVEUBvFuxffwMjkTRz\/8KeIu6NiNZKuBdntSWMRSc8MQ5AZHOPnJWYNDu59Flsa9sDDDZXUFnEhcAKnLp5AzAjip+\/9PVqbujAemkBjbQue2PcsHWa3SILLh5NXf4GB8fMYCvbh9K2j2L\/mGTvZ0ylWKt30LF3l1DRDlnK012\/G\/h1Potla7VhCTRzyqZtv4drgRYT1AF4\/+V1864katJZs4wLYoYZSypM3X8e5wZ\/A9ERQ6qrGY9ufwYaqnfBalbLgi9wg5+++i77rZxG1Anjr9Pfh2+fH+pqDUgpWm0m50DvzfXjt9F\/Qy03DY5RhY89O7O48jCqrjkpMxbNiuBrqxane4winJrix30EqbOC5zd\/k6tWJyqVcEZGnsvxqrq5lEhulVAnDbqcgMzsupzNXmDaf3\/fYDuyt\/rJTplZOP4jj1+mRBq\/iWO\/P8MKur4vnMlxUe15KKW3t01eMajMxp22jKkS7Dbr3Hu9q9HTwwQ4v1WiMlswtoXOCu9lrlmFT\/dN4Yeu3qM41UCU6y3H1ynG90N2D5qo1eOvMq6wWTeIX576PNUd285P04oTw9pVXMRkbhIuowP6tz+Ngy9fE7CsrpRIfpaylaMPXd2zAz3u\/h\/7gSWheOwErJGVjPWYFHt\/2AvY0vEhuasWSK1d3iNY+1u5C7703aIFnMThyDeWudry074\/YanUm\/C7FGnxpcxPuBYfpbmZwafAk3b9yfWWZuFAl0UaiHDtXH8GRnt+lpOrseF2W0+TcU3ipZwPayo\/jrb7vIa6HmFh+D7\/3ZDVnvkZCg1ncwoWbR7nIUW7TWrxy4I\/R4tnCudOFah5Ri3L29Uz7OqxtPIAfnvh\/VIoFHD33AzR+qYlPbJLAIUpb+cu+HyNBr6KnSvHUtt\/DzqbDlEQpEzAP7LwA2OXvRvfT+\/FP7\/4pjcYELo8cQ2tbEzb6v4SlSame+Z17tkKCK61Q7vZ7g+unJ\/2cSyvnUCf3VTz74nofvjPwlwxTbkgszwieFrIO8zEdiUgKFVV+Z+VW1Ewtw4JkgWYpBV4rnXsl8SjnZScwFtsaSQ82dO7Gi9v\/C0XQyq7rJEFJP8P0RxKfbbVP45m9LzMmpTO0xnFh+KQkDUopRyM3MXD\/AmO7GDrqNuFAy5f5fIMstIvP2wlPLV83ckHb8NKu\/4q2hm6GDByfsSANWAZNVYoBk0+UtmJX4zPkickLLYZh+fl8HQXShCc3vgQfrZwpMbAbh\/c+wy3QIWMqYar2LquGM23Gvs1PSptFumqV2KVycFyXVoI1jbvwdM9vc66rMs+rsdI8+3h\/Z\/Oz2L\/tiMSD03RzZ0ePc3Ei4hKPXfkxkm4mS1YJvnHk99Hm2So82nOvks3pYl8l5KXDuw1P7v2KxK4LGi3e8LtIl5SvzZzCxMIt4evwnheolE\/xmRanr1q5FD\/qfS29wu889QfksxQJVwjnbhyXGF\/i1ByFMwqAnfzX3HoKxSg4vKJic53hjIuJrpsGTY1poFLmUu2vQ4RJ8QIVU\/XeXt+NDcwZNnfvQqW3LnNSY1kqTJh1Xc+oqV4IpjOW9CSqsKljr2TcWTjIhkt0pNFSLwXTiO20qjWlq2jygct3TtFijUs2H5ih+1ZVFE7qiW0vSlsj4+bTorCc96XiBtd27GBOVg44UFSaUg5f69r2ODvWK4+pJM+eQxl79kv87ElWwpeoQ0\/lLsn0M\/1Ie0N4WMV2esJn923FJdDJLFyyFI9vfsmxDqVZGWrZza1ZbpHN3ubnUGW0iou8E7jqZM4h3B6\/yiQqgc6GLdzGG5zkaCmkZru5UuzkBq\/zdTHBSGAw8LFEqCptuTR4msB\/mN6rAjtqnhAkwU4yNKSrfOlLZdKN2Iwd3U8L7DU2dZdbZNo5mJLGJ3Mx1DROm0Qax1ZxbxYjzlWgnHuWqg7C9nhqC8UXZZP7JKZ1SRyty+GfkoxufS41RMNU2WIj2t0bOXSpnM1cjnRJp0plgZqrW8msjumFe5jShgQaGgkMCSboL29Ak6eb7PrtaMM0C\/qxl0eNs6ZmE9ypMlHmPLloNl7XWNXmYJ7psmm6L0NgicoSjmGWoKpsFQVlhwxLMEHerVIxLjFeGxxOOlipjQfWVq0ipNQl1sEUlGEppRVcWbyNq\/dKeDPGjRjDDO7O3GQyEpZFbq7tFutoSD\/6slJU\/ShLvLZzuwA2E6H77GeebjyMwPQwlTWOptoO2Xgu53zskp5kjl72VY6elm0UMRXXHcfwxC1RTEu3JGaMGTPcNvflAE8Iw5lrnrlAGKNMxqYpgoSNHDiZiWxIYs9JIyJ5SVwbZyw+wV6DGE71I7S4gHqufxk9iw0MpdeTry2b0xVjzAeTg7+pPUSh11S0MOOrtAcSo5YWhZnXHqIOQFVlM10RLQarRqFUEPVGMxYX5+nKqLYlVZyeV55RYQIkXkvvdz0jWIvjlltcRM1LwcYzY+myQzVpo2suSeIK+U639Xho4Yg0eHR7PMHVljlTqe5LTMkPLVVW0SGZspEsQUNVK\/SMIqWQC8LreYilV0KgVTVdwCABftbapwiLTUfucy5JWZg6ysX2Em6sTKrAwOCEm05XIL\/JPDweYALhoRIkBaSvYT9a+oii42TylFOzeVNytjh\/zTktFgpP2RCfmrF7EecG3uD1JiyGarqVlaMKfyzCcQkmmIZGw8AkMD1rTZQyyrJ2n6yLnvSJwilI6OpAL1yucuzeouJevyO3fL7wScnPw5MmkIjLZWNgD0e6LQi6AKVEEg8qpUhpYkW1TCnDfr3S994lIdKc55WuWPnndNP9pnG0XFKK61IZasqZg+aC4SxVusqSP5bNczrhEaW0bGDN4\/HljJMuza18klhZT5lTQRN1Lx0yPSwJL1oWpLf\/0qYz3DAdvFX8qKYtGcty3K1dJLFsd2vlj1\/pr0JVVZ0kuQpySic7Kq43qZih1CiCI+GM25e6lco52OfIvTuYGJ7hRubautRRSjprlx8vPfdNrNa2SAlcUBuRaT5\/n0Ex00CtT8KJOUItCvFXMWDW4uQucDpe0cWmhIhZaQbfJw349VrqKCsbpWQ0RiRzLojcINtmOr++ruSgAvQwA+hYKuwY6OVd33L3RcmUkiyrB8u0h5axmNJCU6IzpHw5MxsA2u34K\/dLKRly9NSGU+KYXwzC0C2JO6sY5YVL47Lo6uigivPWVkYkjkxbzaULl5BK09jMsGwwnUletadZSr8qil+0wpiaC8h6KOu3nK5bjoW0pKARk1cGhVFVXm+HEarfVAk2rXoCj7U9JzGvJsiMTSnhYhb9yRN4e\/iofGYfbTFko5jkqbN5E7qqdmF2dhp9IydRWVaObx38E865WwoDtl105pazl018xhhTWZjG6g4KxoUpFSsy9lATNZGt7eaujunAvwoYmp0bE6S\/gllYtUVXSHfQ3GBjf\/MxZr6JQbadQ\/4pppykRLdLX7emrklspOIqU\/uEcwrLUCpnJoWW4pNJKYwPNf5GeTcyOcwYLCCJDJxKV4ZbK3e8uCzm4L0r8r6hso0xZxUrUEysUj6xygpGSXHe8l0qVrvSSpn1Gqb0k1QA02gfvYSOBsZrPkFJCL6wGudm0heYvctWM4DU3B3LWUBJ4SeEwfFrDoMetDR0OFCZLlm\/K17Fvut4NbF3hTjYl3qt7ruYeGqqkCJwnp6Rp\/JmrfVdkuw9t+Eb6KjfiGjIxPsffeDU6zWkzxEs5xE\/tWLKCRaKYmPLPoLWLGcR1O4lxpeQkt9K3660a6v3Fj9mBj4sd7Z2H2SpUk20ntAPMT0C5Ql9Ee9e+gmX+Z5gjnlKrtn9KCA5zgzy6q0PCQbPC2SRzR4fjv\/cmFRf5tOVSG1EZUHWdmyT+DRhqtPsbzK7vi\/8rvTfTVTt+GbsHIYmLnEKHnSt2iyJWRkXeEPbdinfjc0N4Gb0PNtGHO9r82L3aYcJ6rNzgTdZSboFjeFPz6pNEturys2utU8ypiul65zDyeE35EBz7nrkm4wYRqwLuDx4XP2vILTUdHKb1ElPriW73FgiwdxIOk8+li1Tl+kV5MTNtX1px7dR62tnufICBiLvO3zleIO8Wv9ntpgeTqQNa1t2EEKxcG2oF1dn3qPYRp3DECEpb9FxU4lm1VfXmJddx9EP\/xXJVBJuwjS7WJFwSRZahibfaqyqWs8svwR3g1fRO\/2OLPYin0s4hyvU3zgB4Sju4u3LP2R5a4SZfCxjXdSP6fw\/JhVr2fdSy3D\/cAq8PNmnZFpKe4i3rhN+r93+ELei5zjHADeNSiBC5JVzZ7UmoU1LMSKIQbx96jUmPTHOvQpbWg+JgqvvCx3a+BVCbjUExsP4xelXMZK8Is8ktCln7tOS1ap7E7iGU31H6aKTdPj12NryuCQ6ypFvqNiLptJucad918+gd\/wE10Nl7UHZyEm5giLXMD3cW6f\/hXBdmPz4sXX1YbG62rJqkVrijjJfCF3OTQmubEjJWbltFrCxe9OTcuLsnVM\/JRfDclBE4KZl6FPHmJokD8r9NODAti9jaOoj1mQD+Nn572BwdS8e6zlCSLUN9jE0iOu5PHUO56+fQIgVFE\/Kj+cf+11ay1pRcF1+V+Dlvb+PH538DgJWP9659APcabyBfZueRpPVKRUQBUbfWvgY56+9i8Dcbeg+lsuSLomvVFIhGbhuOxbAWNF65Yre1PJjONnFMknnPeyjcumTVCrw1wRqceG3dn0b\/3D0zxAxxvGT03+NzZ1XsKvrCZb\/2oRf20ssoDfwHi4PnMa8OU7kgfM89AeU3EanXq5RVuvx+JZXcOLaP3OGk3jt1J+zHLsdO7sOEhhqEJ4ChF0u3jiJwbFrLDeGUUrw\/+VD\/402br0oFISrRjyz++t49dSfIUar+c6Vf8TN6XPYvfYQ2lyrJZaNsE5+6f5Z3KAhUfVyg8WT\/T1fxY7aLwmemJRYOCuLB5G0yam8pVJ2cplF+Tzkixux4XFMbryNi9dO4diZH+KVx\/5QwgLIabP8dfn0iqkWSWIJtWc78fLhb+P1X\/4di\/Ez6L9zHjcHrjP+bGW5qQqxRALBEDGvVAgpYlsGqxtP7ngJm2sPk+HyDDhgSKW2G8\/v\/Qb+9YO\/ZPspDI72Y+jOEEp1PyrK\/ZhbCNKqLEo91uepwNb1m3HhQh+Vhe4nWS471MV4TYsT6Dd0KY1pMJYVpktzEzQnrkrIR0t6nQDeyAbjSJcIbPxVgHxaZxddpe06S6VS9FsH\/hNLjP+AcCLI0OIsrty4hEZ\/B8qJkcYTYQRnx2jhGTeyzm8Q+D6w5UWsqdzj1LfdMoaa+Z62ZxHT53D6yptYiC6g7+aHuHy9Fz53hRwkVl94M6mQqtrmM2tweOdvo7t0lxyBS2e3Ls2PjrKt+NrT\/x2vH\/s7wkdEHO\/1Y+TukMjCbRhcjyhLnyoethiPlmNjx0E83v1VqehBDmowhmbiYyRKWNK1QXB70XOTO9vh6myj5KFbXgfFpFz42lBytSpgA+iqrcJe\/TjU+WUM3LiFkfERfDRyionV11SUmRMYOCXN5U4X\/Qrq6fwmIqU3YXPXY4hGaRunZ+UY3HxsCsHFUcxGx5FIRiXLa6\/ailee+iP0VByQmrCeU9lRCqQm5nfXYVf3E1Q2L2amWYkgRpa0olhMsF+GAF5OeEfnc2Jda0rbMXMviSr3KrTVbkRL5VpE1UYITqKCmeq6pl2o9jXn4InO6XPJkpkehOjiwhrqy9oJNG8VrFHBX+lU1sYRTMlu799TfdZjTctmVHlbBEtUdr7G28xYeQ+iEQvBmSA33yLmEwxbwiNUsEmGFikYKS\/aq7fgG0\/9CdZVHpIig2C1Ci6TbM4Qp9dauQ7ru7YjsUB0YmZWDgknrYjwqsyAz6zFxlUH8PWD\/xNdZbsd5batriWwmSWWulpnCXTNQTncMjE+KehBioqdtGJykEPFoe3Vm\/DKoT\/Gzsbnpbhgn5F0CWa8wJLh4qxJma4XMFzkkgO72amLxTUhLhIMMz7tIT7bIbjk3PwcFiMRlhp70FrRY8\/TtCErJbPO9h6MT0xQT+bZdwcqfDVOz1qmZ+3T\/g\/2LISRe9RfldcCdES3cWvsMu5P3EYiFeEas+Jb1cyF34I29zan7lsBPQdEzoVE0rCK1NBZrhwMXxX4Q02uklaziwKtQpeUsNJVmJScR1ehhTqhokLrGTn94pVTSaU5ipmFr9Rh5Jhk\/irOcctJKg3eDPRh8wKkD86qk0v2URKPAOVwwGHTOT6hjptNMIa+znp\/YOYeS28sDeolAsFsWL0Lq\/R1Ukc35Fm7HpMPBZnOXBYlDpxlrH53Vp1tDUqb6rIGrPFv4gybpcyq3K5laTn4qsOzadq4pBaT2FKdFb0T7qfXmiBumxJL3l67RkItu65fjtyUIyn\/XSUkEtKlTFjq4LuuvPWy5BsL9rcV1Fqkj\/fa31sIOV7FL32IYuqaM0M7cYVIvVpi7EJI\/VMr5tKKDhyYKOr8I4Ak7PjKMc0yNY9TanNORCuIRluu13TuqPpYlKWycsbTMl91cDm189wA2sbGICfs7anL1xkyn+fyq\/qP59y3YY6l52jS34excnrJrWObDiSTcP5lThLp7+Ursi2Nx4mlcw9GI1OCy2J46bnHZQ726fxkZlSXPOtxPE1hJJb\/NYb0\/LLrYXNpr4Wesxbugn9tk3SeteWpr5gnp+dt95pdTMvZxLo935x1Tn\/tIn0IxnCsdFYeDhufVTFNZI9EPfxzeoEgPoEetl1e\/7nv0vwt3UjLtc9VtuXbP2jcbMlUKH1KJxcnzYGBlipmTi95BaQcPgsWOnerZUlf2t8nkVXAWwFfD6blODFtpS4Az7GEy6V8fOZa+YOWOb\/150ArVfuWVA7yFdLMceZ22wct2fLI5kqCXKIoWkE\/K433SQufU\/DKw3ELML9l331SVdRaYazcflZ4dmWprVR1W\/rsA0kzPz99WUqfUkV\/Bfud7\/Z\/3fTwY5if8fNPQytJYcWN9B9AmbEf2upm6TO48iIV6ddHv0aLWaQifXoqKmaRHkkqKmaRHkkqKmaRHkkqKmaRHkkqKmaRHkkqKmaRHkn6d6+H\/JCZEg7FAAAAAElFTkSuQmCC\", \"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\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"3\"}, {\"value\": \"2\", \"content\": \"9\"}]}, \"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\": \"left-hint-fill\"}, \"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\": [[{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Fill the required data to connect<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"conditionalHide\": null}, \"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\": \"top_msg\"}, \"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\": \"

 <\/em> Something went wrong: <\/strong><\/span> Please try again or skip this step.<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"conditionalHide\": \"bambooResult == \\\"fail\\\"\", \"customCssSelector\": \"error_msg\"}, \"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\"}], \"conditionalHide\": \"bambooResult == \\\"fail\\\"\", \"customCssSelector\": \"error_msg\"}, \"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\": [[{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Configure your BambooHR<\/strong><\/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\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"bamboo.domain\", \"type\": \"text\", \"label\": \"Your BambooHR Domain\", \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"Domain\"}, \"component\": \"FormInput\", \"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\": \"FormInput\", \"editor-component\": \"FormInput\"}, {\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"