From 91412184320d07e4a8322697256f515a7399b283 Mon Sep 17 00:00:00 2001 From: Eleazar Resendez Date: Thu, 19 Feb 2026 08:44:29 -0600 Subject: [PATCH 1/4] fix(nonpo-invoice-approval): bump helper_process_hash to trigger guided template resync --- index.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.json b/index.json index a8895dc..9db73da 100644 --- a/index.json +++ b/index.json @@ -78,7 +78,7 @@ "modal-description": "Set up an email address to receive invoices from suppliers and users.; Add the users from your company who you want to use the system.; Add the list of GL account codes to allocate invoice line items.", "version": "1.9.4", "unique-template-id": "nonpo_invoice_approval", - "helper_process_hash": "d998d7f0da8b480a27ba0ec7a8b5839ed9136643", + "helper_process_hash": "a738758f2c79f45e1cded1a024d773dc7b831061", "template_process_hash": "78b05bbe6ece6f155f76e530dab0098c313731d1", "asset_hash": "55b48f70d44b12ac1fda6f4a0546c6d860e14642c83531a811c56759746cf865" }, From b45379b0d42a386a7b4d57326319c8c483a39a92 Mon Sep 17 00:00:00 2001 From: GitHub Action Date: Thu, 19 Feb 2026 14:47:23 +0000 Subject: [PATCH 2/4] Update index.json and README.md --- index.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.json b/index.json index 9db73da..a8895dc 100644 --- a/index.json +++ b/index.json @@ -78,7 +78,7 @@ "modal-description": "Set up an email address to receive invoices from suppliers and users.; Add the users from your company who you want to use the system.; Add the list of GL account codes to allocate invoice line items.", "version": "1.9.4", "unique-template-id": "nonpo_invoice_approval", - "helper_process_hash": "a738758f2c79f45e1cded1a024d773dc7b831061", + "helper_process_hash": "d998d7f0da8b480a27ba0ec7a8b5839ed9136643", "template_process_hash": "78b05bbe6ece6f155f76e530dab0098c313731d1", "asset_hash": "55b48f70d44b12ac1fda6f4a0546c6d860e14642c83531a811c56759746cf865" }, From d3b293aecb540a1b076f16a7e60b7b8c529d5730 Mon Sep 17 00:00:00 2001 From: Eleazar Resendez Date: Thu, 19 Feb 2026 11:37:10 -0600 Subject: [PATCH 3/4] fix(nonpo-invoice-approval): bump helper attributes timestamp to refresh helper_process_hash --- .../nonpo_invoice_approval/process_helper_export.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/accounting-and-finance/nonpo_invoice_approval/process_helper_export.json b/accounting-and-finance/nonpo_invoice_approval/process_helper_export.json index 5f1ae37..d361459 100644 --- a/accounting-and-finance/nonpo_invoice_approval/process_helper_export.json +++ b/accounting-and-finance/nonpo_invoice_approval/process_helper_export.json @@ -1 +1 @@ -{"type":"process_package","version":"2","root":"9c532546-fab7-4807-bb40-a0648363c338","name":"Non-PO Invoice Approval Helper","export":{"9c532546-fab7-4807-bb40-a0648363c338":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ProcessExporter","type":"Process","type_human":"Process","type_plural":"Processes","type_human_plural":"Processes","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Process","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"screens","uuid":"9c7dea4e-bea2-4e09-be4f-2816d7636154","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:serviceTask"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"New User Invite"},"name":"New User Invite","discard":false},{"type":"data-source-script","uuid":"9c553920-cf81-4b7d-8e1f-a670c2d3fced","meta":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[2]","exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"Rol User Validation"},"name":"Rol User Validation","discard":false},{"type":"data-source-script","uuid":"9c7dccec-9466-49ca-aa63-f1f54098bd02","meta":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[4]","exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"IDA - Generate new user tokens"},"name":"IDA - Generate new user tokens","discard":false},{"type":"data-source-script","uuid":"9cc3b8bc-fecc-4a97-af99-f20bfe396e36","meta":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[6]","exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"update New GL-Codes"},"name":"update New GL-Codes","discard":false},{"type":"user","uuid":"9d068f06-bf33-42f4-9e62-bc01688a9948","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v1981@processmaker.com","username":"sergio.baltazar+v1981@processmaker.com"},"name":"","discard":false},{"type":"interstitial_screen","uuid":"9c532657-eb91-4796-93fc-ca9b1d2258d0","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:startEvent[1]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Screen Interstitial APHelper"},"name":"Screen Interstitial APHelper","discard":false},{"type":"screens","uuid":"9c5327bc-a1a0-46f5-af5f-1233bee478ee","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[1]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Connect Email"},"name":"AP Invoice Approval - Connect Email","discard":false},{"type":"interstitial_screen","uuid":"9c532657-eb91-4796-93fc-ca9b1d2258d0","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[1]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Screen Interstitial APHelper"},"name":"Screen Interstitial APHelper","discard":false},{"type":"screens","uuid":"9c981204-281c-48f1-a7eb-edbd99ef2a73","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[2]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Define Users 2"},"name":"AP Invoice Approval - Define Users 2","discard":false},{"type":"interstitial_screen","uuid":"9c532657-eb91-4796-93fc-ca9b1d2258d0","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[2]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Screen Interstitial APHelper"},"name":"Screen Interstitial APHelper","discard":false},{"type":"screens","uuid":"9c53329c-13ff-4fad-b42e-1468df3cc85a","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[3]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Connect Finish"},"name":"AP Invoice Approval - Connect Finish","discard":false},{"type":"interstitial_screen","uuid":"9c532657-eb91-4796-93fc-ca9b1d2258d0","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[3]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Screen Interstitial APHelper"},"name":"Screen Interstitial APHelper","discard":false},{"type":"screens","uuid":"9c5faf3d-a4c0-4bfd-883b-9db7e21b2c18","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[4]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Define GL-Codes"},"name":"AP Invoice Approval - Define GL-Codes","discard":false},{"type":"interstitial_screen","uuid":"9c532657-eb91-4796-93fc-ca9b1d2258d0","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[4]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Screen Interstitial APHelper"},"name":"Screen Interstitial APHelper","discard":false},{"type":"scripts","uuid":"9c533369-6fa1-4f76-a8e8-936bc702b94a","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[1]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"AP WIZARD - Execute Template Configuration"},"name":"AP WIZARD - Execute Template Configuration","discard":false},{"type":"scripts","uuid":"9c553920-cf81-4b7d-8e1f-a670c2d3fced","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[2]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"Rol User Validation"},"name":"Rol User Validation","discard":false},{"type":"scripts","uuid":"9c6125a4-4c3c-47c6-8261-f078fe177a7b","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[3]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"GL-Code Validation and Save Data"},"name":"GL-Code Validation and Save Data","discard":false},{"type":"scripts","uuid":"9c7dccec-9466-49ca-aa63-f1f54098bd02","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[4]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"IDA - Generate new user tokens"},"name":"IDA - Generate new user tokens","discard":false},{"type":"scripts","uuid":"9c95942a-3851-4dd6-8201-e4cdaf03da0b","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[5]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"IDA Helper - Find or Create GL Collection"},"name":"IDA Helper - Find or Create GL Collection","discard":false},{"type":"scripts","uuid":"9cc3b8bc-fecc-4a97-af99-f20bfe396e36","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[6]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"update New GL-Codes"},"name":"update New GL-Codes","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":"9c532aa9-6c01-4d0f-8cdd-12aead7bb37c","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ProcessLaunchpadExporter","modelClass":"ProcessMaker\\Models\\ProcessLaunchpad","fallbackMatches":[],"name":"Setting","discard":false}],"name":"Non-PO Invoice Approval Helper","description":"Non-PO Invoice Approval Helper","process_manager":"","process_manager_id":null,"attributes":{"id":11,"uuid":"9c532546-fab7-4807-bb40-a0648363c338","process_category_id":3,"user_id":4,"bpmn":"\n\n \n \n \n node_279<\/bpmn:flowNodeRef>\n node_324<\/bpmn:flowNodeRef>\n node_420<\/bpmn:flowNodeRef>\n node_689<\/bpmn:flowNodeRef>\n node_978<\/bpmn:flowNodeRef>\n node_979<\/bpmn:flowNodeRef>\n node_993<\/bpmn:flowNodeRef>\n node_1032<\/bpmn:flowNodeRef>\n node_1164<\/bpmn:flowNodeRef>\n node_1196<\/bpmn:flowNodeRef>\n node_1204<\/bpmn:flowNodeRef>\n node_1222<\/bpmn:flowNodeRef>\n node_1262<\/bpmn:flowNodeRef>\n node_1278<\/bpmn:flowNodeRef>\n <\/bpmn:lane>\n \n node_6<\/bpmn:flowNodeRef>\n node_7<\/bpmn:flowNodeRef>\n node_71<\/bpmn:flowNodeRef>\n node_221<\/bpmn:flowNodeRef>\n node_477<\/bpmn:flowNodeRef>\n node_508<\/bpmn:flowNodeRef>\n node_639<\/bpmn:flowNodeRef>\n node_1084<\/bpmn:flowNodeRef>\n node_1086<\/bpmn:flowNodeRef>\n node_1260<\/bpmn:flowNodeRef>\n <\/bpmn:lane>\n <\/bpmn:laneSet>\n \n node_1096<\/bpmn:outgoing>\n <\/bpmn:startEvent>\n \n node_1111<\/bpmn:incoming>\n node_1130<\/bpmn:outgoing>\n <\/bpmn:task>\n \n node_493<\/bpmn:incoming>\n node_1131<\/bpmn:incoming>\n node_438<\/bpmn:outgoing>\n <\/bpmn:task>\n \n node_1249<\/bpmn:incoming>\n node_275<\/bpmn:outgoing>\n <\/bpmn:task>\n \n node_275<\/bpmn:incoming>\n node_1286<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n node_1287<\/bpmn:incoming>\n <\/bpmn:endEvent>\n \n node_438<\/bpmn:incoming>\n node_482<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n node_482<\/bpmn:incoming>\n node_493<\/bpmn:outgoing>\n node_1263<\/bpmn:outgoing>\n <\/bpmn:exclusiveGateway>\n \n \n approval == \"fail\"<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n \n node_660<\/bpmn:incoming>\n node_1263<\/bpmn:incoming>\n node_635<\/bpmn:outgoing>\n <\/bpmn:task>\n \n node_649<\/bpmn:incoming>\n node_660<\/bpmn:outgoing>\n node_1248<\/bpmn:outgoing>\n <\/bpmn:exclusiveGateway>\n \n approvalgl == \"fail\"<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n \n node_635<\/bpmn:incoming>\n node_649<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n \n node_1044<\/bpmn:outgoing>\n \n <\/bpmn:startEvent>\n \n node_1057<\/bpmn:incoming>\n node_999<\/bpmn:outgoing>\n \n \n \n node_979_input_1<\/bpmn:dataInputRefs>\n <\/bpmn:inputSet>\n \n <\/bpmn:ioSpecification>\n \n node_979_input_1<\/bpmn:loopDataInputRef>\n <\/bpmn:multiInstanceLoopCharacteristics>\n <\/bpmn:serviceTask>\n \n node_999<\/bpmn:incoming>\n <\/bpmn:endEvent>\n \n \n node_1044<\/bpmn:incoming>\n node_1057<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n \n node_1096<\/bpmn:incoming>\n node_1111<\/bpmn:outgoing>\n node_1178<\/bpmn:outgoing>\n <\/bpmn:parallelGateway>\n \n node_1130<\/bpmn:incoming>\n node_1183<\/bpmn:incoming>\n node_1131<\/bpmn:outgoing>\n <\/bpmn:parallelGateway>\n \n \n \n \n \n node_1178<\/bpmn:incoming>\n node_1183<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n \n node_1221<\/bpmn:incoming>\n <\/bpmn:endEvent>\n \n node_1214<\/bpmn:incoming>\n node_1221<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n node_1214<\/bpmn:outgoing>\n \n <\/bpmn:startEvent>\n \n \n node_1248<\/bpmn:incoming>\n node_1249<\/bpmn:outgoing>\n \n <\/bpmn:intermediateThrowEvent>\n \n approvalgl == \"done\"<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n \n \n node_1288<\/bpmn:incoming>\n \n <\/bpmn:endEvent>\n \n approval == \"done\"<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n \n node_1286<\/bpmn:incoming>\n node_1287<\/bpmn:outgoing>\n node_1288<\/bpmn:outgoing>\n <\/bpmn:exclusiveGateway>\n \n \n \n <\/bpmn:sequenceFlow>\n \n sendInvites<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n <\/bpmn:process>\n \n \n <\/bpmn:collaboration>\n \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 \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 \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 \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n \n <\/bpmndi:BPMNEdge>\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 \n <\/bpmndi:BPMNEdge>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n \n \n <\/bpmndi:BPMNEdge>\n <\/bpmndi:BPMNPlane>\n <\/bpmndi:BPMNDiagram>\n<\/bpmn:definitions>\n","description":"Non-PO Invoice Approval Helper","name":"Non-PO 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":"2024-06-19 15:00:16","updated_at":"2024-09-12 20:33:17","updated_by":null,"start_events":"[{\"id\": \"node_6\", \"name\": \"Launch Wizard\", \"config\": \"{\\\"web_entry\\\":null}\", \"assignment\": \"group\", \"assignedUsers\": \"\", \"assignedGroups\": \"1\", \"ownerProcessId\": \"ProcessId\", \"eventDefinitions\": [], \"ownerProcessName\": \"ProcessName\", \"allowInterstitial\": \"true\", \"interstitialScreenRef\": \"17\"}, {\"id\": \"node_978\", \"name\": \"Invite New Users\", \"ownerProcessId\": \"ProcessId\", \"eventDefinitions\": [{\"$type\": \"messageEventDefinition\", \"messageRef\": \"node_1262_message\"}], \"ownerProcessName\": \"ProcessName\"}, {\"id\": \"node_1222\", \"name\": \"Start GL Codes\", \"ownerProcessId\": \"ProcessId\", \"eventDefinitions\": [{\"$type\": \"messageEventDefinition\", \"messageRef\": \"node_1260_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>System<\/tspan><\/text><\/g>Requester<\/tspan><\/text><\/g>Launch\u00a0Wizard<\/tspan><\/text>-<\/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>-<\/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>Users<\/tspan><\/text>-<\/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>-<\/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>-<\/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>verify\u00a0Users<\/tspan><\/text>-<\/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>correct\u00a0users?\u00a0<\/tspan><\/text>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Configure<\/tspan>GL-Codes<\/tspan><\/text>-<\/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>correct\u00a0GL-Codes<\/tspan><\/text>-<\/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>Verify<\/tspan>GL-Codes<\/tspan><\/text>-<\/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>Invite\u00a0New\u00a0Users<\/tspan><\/text>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Send\u00a0Invites<\/tspan><\/text>-<\/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>-<\/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>Tokens<\/tspan><\/text>-<\/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>-<\/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>-<\/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>Find\u00a0or\u00a0create<\/tspan>GL\u00a0Code<\/tspan>Collection<\/tspan><\/text>-<\/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>-<\/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\u00a0GL<\/tspan>Codes<\/tspan><\/text>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Start\u00a0GL\u00a0Codes<\/tspan><\/text>-<\/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>GL\u00a0Codes<\/tspan><\/text>-<\/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>Invite\u00a0new\u00a0users<\/tspan><\/text>-<\/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>Invited\u00a0Users?<\/tspan><\/text>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Execute<\/tspan>Template<\/tspan>Configuration<\/tspan><\/text>-<\/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>fail<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>done<\/tspan><\/text><\/g><\/g><\/g>fail<\/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>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g>

 <\/p>\\n

\\n

<\/p>\\n<\/center>\\n

 <\/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\": \"

Hello {{name}},<\/p>\\n

Exciting news! You have been invited to participate in your company's invoice approval process as a {{updateRole}}.<\/p>\\n

You can use the button below to access the process at any time. In case you lose this invite, feel free to use the platform \\\"Forgot Password?\\\" option to define a new password for your email address.<\/p>\\n

If you've got any questions feel free to reach out.<\/p>\\n

Thanks,<\/p>\\n

AP Team<\/p>\", \"interactive\": true, \"renderVarHtml\": true, \"conditionalHide\": null, \"customCssSelector\": \"body-container\"}, \"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\": \"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\": \"

ACCESS THE INVOICE APPROVAL PROCESS<\/a><\/p>\\n

 <\/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\"}], \"order\": 1}]","computed":"[{\"id\": 3, \"name\": \"updateRole\", \"type\": \"javascript\", \"order\": 1, \"byPass\": false, \"formula\": \"const roles = this.role;\\nif(roles == 'invoice_creator'){\\n role = 'Invoice Creator';\\n}\\nif(roles == 'invoice_reviewer'){\\n role = 'Invoice Reviewer';\\n}\\nif(roles == 'finance_approver'){\\n role = 'Finance Approval';\\n}\\n\\n\\nreturn role;\", \"property\": \"updateRole\"}]","custom_css":"[selector='body-container'] p {\n color: #556271;\n}","created_at":"2024-07-10 21:15:58","updated_at":"2024-09-16 16:29:09","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c553920-cf81-4b7d-8e1f-a670c2d3fced":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"data-source-scripts","uuid":"9cd3ef94-0ca0-419d-96b2-c2f75a3afb03","meta":null,"exporterClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\ScriptExporter","modelClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Script","fallbackMatches":[],"name":"Rol User Validation","discard":false},{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v198@processmaker.com","username":"sergio.baltazar+v198@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"Rol User Validation","description":"Rol User Validation","process_manager":"","process_manager_id":null,"attributes":{"id":16,"uuid":"9c553920-cf81-4b7d-8e1f-a670c2d3fced","key":null,"title":"Rol User Validation","description":"Rol User Validation","language":"php","code":" [\n 'Authorization' => \"Bearer {$apiToken}\",\n 'accept' => 'application\/json',\n ],\n 'base_uri' => \"{$apiHost}\/\",\n]);\n\nfunction createScreenGlCode(){\n global $client;\n $name ='GL Code screen 01';\n $response = $client->get('screens\/?filter='.$name);\n $result = json_decode($response->getBody()->getContents(), true)['data'];\n return json_decode($response->getBody(), true)['data'][0]['id'];\n}\n\/\/create a viwer GL Code\nfunction createViewGlCode(){\n global $client;\n $name ='GL Code View 01';\n $response = $client->get('screens\/?filter='.$name);\n $result = json_decode($response->getBody()->getContents(), true)['data'];\n return json_decode($response->getBody(), true)['data'][0]['id'];\n}\n\n\/\/create a collection GL Code\nfunction createCollectionGlCode($editScreen, $viewScreen){\n global $client;\n $name ='New GL Codes 01';\n $response = $client->get('collections\/?filter='.$name);\n $result = json_decode($response->getBody(), true)['data'][0]['id'];\n \/\/verify if the screen exist\n if (empty($result)){\n try{\n $response = $client->post('collections',[\n 'json' => [\n \"name\" => \"New GL Codes 01\",\n \"description\" => \"GL Codes creation\",\n \"custom_title\" => \"New GL Codes 01\",\n \"create_screen_id\" => $data['editScreen']?? createScreenGlCode(),\n \"read_screen_id\" => $data['viewScreen']?? createViewGlCode(),\n \"update_screen_id\" => $data['editScreen']?? createScreenGlCode(),\n \"signal_create\" => true,\n \"signal_update\" => true,\n \"signal_delete\" => true,\n ]\n ]);\n }catch(Exception $e) {\n return null;\n }\n }else{\n return json_decode($response->getBody(), true)['data'][0]['id'];\n }\n}\n\n\/\/create a collection Email Validatio\nfunction createCollectionEmailValidation($editScreen, $viewScreen){\n global $client;\n $name ='Email Validation';\n $response = $client->get('collections\/?filter='.$name);\n $result = json_decode($response->getBody(), true)['data'][0]['id'];\n \/\/verify if the screen exist\n if (empty($result)){\n try{\n $response = $client->post('collections',[\n 'json' => [\n \"name\" => \"Email Validation\",\n \"description\" => \"Email Validation\",\n \"custom_title\" => \"Email Validation\",\n \"create_screen_id\" => $data['editScreen']?? createScreenGlCode(),\n \"read_screen_id\" => $data['viewScreen']?? createViewGlCode(),\n \"update_screen_id\" => $data['editScreen']?? createScreenGlCode(),\n \"signal_create\" => true,\n \"signal_update\" => true,\n \"signal_delete\" => true,\n ]\n ]);\n }catch(Exception $e) {\n return null;\n }\n }else{\n return json_decode($response->getBody(), true)['data'][0]['id'];\n }\n}\n\n$approval='';\nfunction validateUserRolesbyArray($users, $requiredRoles) {\n $userRoles = array_map(function($user) {\n return $user['userRole'];\n },$users);\n $missingRoles = [];\n foreach ($requiredRoles as $role) {\n if (!in_array($role, $userRoles)) {\n $missingRoles[] = $role;\n }\n }\n return $missingRoles;\n}\nfunction readCsvFile($csvFile) {\n $users = [];\n $file = $apiInstance->getRequestFilesById($processRequestId, $fileId);\n $file = fopen($file->getPathname(), \"r\");\n if (($handle = $file) !== FALSE) {\n $header = fgetcsv($handle, 1000, ',');\n while (($data = fgetcsv($handle, 1000, ',')) !== FALSE) {\n $users[] = array_combine($header, $data);\n }\n fclose($handle);\n }\n return $users;\n}\n\nfunction validateUserRolesbyFile($users, $requiredRoles) {\n $userRoles = array_map(function($user) {\n return $user['userRole'];\n }, $users);\n $missingRoles = [];\n foreach ($requiredRoles as $role) {\n if (!in_array($role, $userRoles)) {\n $missingRoles[] = $role;\n }\n }\n return $missingRoles;\n}\n\nfunction getGroupId($groupName){\n global $api;\n $result = $api->groups()->getGroups('ACTIVE', $groupName);\n if(is_array($result->getData()) && count($result->getData())>0){\n return $result->getData()[0]->getId();\n }else{\n $group = new \\ProcessMaker\\Client\\Model\\GroupsEditable();\n $group->setName($groupName);\n $group->setDescription('');\n $group->setStatus('ACTIVE');\n return $api->groups()->createGroup($group)->getId();\n }\n}\n\nfunction addGroupMembers($users, $groups){\n global $api;\n $updateUserGroups = new \\ProcessMaker\\Client\\Model\\UpdateUserGroups();\n $invitedUsers = [];\n foreach($users as $user){\n $result = $api->users()->getUsers('ACTIVE', $user['userEmail']);\n if(is_array($result->getData()) && count($result->getData())>0){\n $userId = $result->getData()[0]->getId();\n $currentGroups = [];\n $result = $api->groupMembers()->getGroupMembers($userId);\n foreach($result->getData() as $group){\n $currentGroups[] = $group['group_id'];\n }\n if(!in_array($groups[$user['userRole']], $currentGroups)){\n $currentGroups[] = $groups[$user['userRole']];\n }\n if(!in_array(1, $currentGroups)){\n $currentGroups[] = 1;\n }\n $updateUserGroups->setGroups($currentGroups);\n }else{\n $newUser = new \\ProcessMaker\\Client\\Model\\UsersEditable();\n $newUser->setFirstname($user['userName']);\n $newUser->setLastname($user['userLastName']);\n $newUser->setUsername($user['userEmail']);\n $newUser->setPassword('SASWDWgh_1524');\n $newUser->setEmail($user['userEmail']);\n $newUser->setStatus('ACTIVE');\n $userId = $api->users()->createUser($newUser)->getId();\n $invitedUsers[] = ['id' => $userId, 'name' => $user['userName'].' '.$user['userLastName'], 'email' => $user['userEmail'], 'role' => $user['userRole']];\n $updateUserGroups->setGroups([$groups[$user['userRole']], 1]);\n }\n $api->users()->updateUserGroups($userId, $updateUserGroups);\n }\n return $invitedUsers;\n}\n\n$requiredRoles = ['invoice_creator', 'invoice_reviewer', 'finance_approver'];\n$case = $data[\"fill_user\"];\nswitch ($case): \n case 'manual':\n $newUsers = $data['users'];\n \/\/$rolemissing = [];\n $missingRoles = validateUserRolesbyArray($newUsers, $requiredRoles);\n if(implode($missingRoles) == 'invoice_creator') {\n $rolemissing = 'Invoice Creator';\n }\n elseif(implode($missingRoles) == 'invoice_reviewer'){\n $rolemissing = 'Invoice Reviewer';\n }\n elseif(implode($missingRoles) == 'finance_approver'){\n $rolemissing = 'Finance Approver';\n }\n elseif(implode($missingRoles) == 'invoice_creatorinvoice_reviewer'){\n $rolemissing = 'Invoice Creator and Invoice Reviewer';\n }\n elseif(implode($missingRoles) == 'invoice_reviewerfinance_approver'){\n $rolemissing = 'Invoice Reviewer and Finance Approver';\n }\n elseif(implode($missingRoles) == 'invoice_creatorfinance_approver'){\n $rolemissing = 'Invoice Creator and Finance Approver';\n }\n elseif(implode($missingRoles) == 'invoice_creatorinvoice_reviewerfinance_approver'){\n $rolemissing = 'Invoice Creator, Invoice Reviewer and Finance Approver';\n }\n else {\n $rolemissing = implode($missingRoles);\n }\n if (empty($missingRoles)) {\n $approval = 'done';\n $errorMessage = 'It has the required roles.';\n $invitedUsers = false;\n } else {\n $approval = 'fail';\n return ['errorMessage' => ''.$rolemissing.' Needed.', 'approval'=>$approval, 'invitedUsers' => false];\n }\n break;\n\n case 'upload': \n $apiInstance = $api->requestFiles();\n $processRequestId = $data[\"_request\"][\"id\"];\n $fileId = $data[\"file_upload_1\"];\n $includeFirstRow = $data[\"includeFirstRow\"];\n $file = $apiInstance->getRequestFilesById($processRequestId, $fileId);\n $fileContents = file_get_contents($file->getPathname());\n $csv = explode(\"\\n\",$fileContents);\n $cont=0;\n $newUsers = [];\n foreach($csv as $key){\n if($cont>0){\n $csv1 = explode(\",\",$key);\n $var = preg_replace(\"\/\\r|\\n\/\", \"\", $csv1[3]);\n $newUsers[] = [\n 'userName' => preg_replace(\"\/\\r|\\n\/\", \"\", $csv1[0]),\n 'userLastName' => preg_replace(\"\/\\r|\\n\/\", \"\", $csv1[1]),\n 'userEmail' => preg_replace(\"\/\\r|\\n\/\", \"\", $csv1[2]),\n 'userRole' => preg_replace(\"\/\\r|\\n\/\", \"\", $csv1[3]),\n ];\n $clave[] = array_search($var, $requiredRoles); \/\/ $clave = 2;\n }\n \/\/echo $key;\n $cont++; \n }\n \/\/return $clave;\n $requiredValues = [0, 1, 2];\n $foundValues = array_intersect($requiredValues, $clave);\n if (count($foundValues) === count($requiredValues)) {\n $approval = 'done';\n $errorMessage = 'It has the required roles.';\n $invitedUsers = false;\n } \n else {\n $approval = 'fail';\n return ['errorMessage' => 'There are required roles missing. ', 'approval' => $approval, 'invitedUsers' => false];\n }\n break;\n\n default:\n return ['errorMessage' => 'selection is not correct or', 'approval'=>'fail', 'invitedUsers' => false];\nendswitch;\n$userGroups = [];\nforeach($requiredRoles as $role){\n $userGroups[$role] = getGroupId($role);\n}\n$invitedUsers = addGroupMembers($newUsers, $userGroups);\n\nreturn ['userGroups'=>$userGroups, 'approval'=>$approval, 'sendInvites' => (is_array($invitedUsers)&&count($invitedUsers)>0), 'invitedUsers' => $invitedUsers, 'errorMessage'=>$errorMessage, 'glCollection' => createCollectionGlCode($editScreen, $viewScreen), 'emailCollectionId' => createCollectionEmailValidation($editScreen, $viewScreen)];","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-06-20 15:47:26","updated_at":"2024-09-10 13:07:29","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9cd3ef94-0ca0-419d-96b2-c2f75a3afb03":{"exporter":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\ScriptExporter","type":"DataConnectorScript","type_human":"Direct API Access For Script","type_plural":"DataConnectorScripts","type_human_plural":"Direct API Access For Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Script","force_password_protect":false,"hidden":true,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Rol User Validation","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":1,"uuid":"9cd3ef94-0ca0-419d-96b2-c2f75a3afb03","script_id":16,"key":"98c77853-44d4-4a74-9523-8cbdeb8086f1","enabled":0,"synchronously":1,"methods":"[\"POST\"]","data_types":"[\"FORM\"]","authentication":null,"authentication_config":"{\"password\": null, \"username\": null}","whitelist":"[]","created_at":"2024-08-22 15:31:54","updated_at":"2024-08-27 23:33:05"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9acb37b3-a8ed-49dc-b4de-f686ad4e286f":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","type":"ScriptExecutor","type_human":"Script Executor","type_plural":"ScriptExecutors","type_human_plural":"Script Executors","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ScriptExecutor","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"PHP Executor","description":"Default PHP Executor asdfsfdadsf","process_manager":"","process_manager_id":null,"attributes":{"id":1,"uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","title":"PHP Executor","description":"Default PHP Executor asdfsfdadsf","language":"php","config":"RUN composer require aws\/aws-sdk-php:3.226.0","is_system":0,"created_at":"2023-12-07 19:07:15","updated_at":"2023-12-07 19:07:15"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9c7dccec-9466-49ca-aa63-f1f54098bd02":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"data-source-scripts","uuid":"9cc6abb9-e4a1-4a83-8d43-7aa96e07f224","meta":null,"exporterClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\ScriptExporter","modelClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Script","fallbackMatches":[],"name":"IDA - Generate new user tokens","discard":false},{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v198@processmaker.com","username":"sergio.baltazar+v198@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"IDA - Generate new user tokens","description":"IDA - Generate new user tokens","process_manager":"","process_manager_id":null,"attributes":{"id":17,"uuid":"9c7dccec-9466-49ca-aa63-f1f54098bd02","key":null,"title":"IDA - Generate new user tokens","description":"IDA - Generate new user tokens","language":"php","code":" $_SERVER['HOST_URL'],'verify' => false]);\n$guzzleOptions['headers']['Accept'] = 'application\/json';\n$guzzleOptions['headers']['Authorization'] = 'Bearer ' . getenv('API_TOKEN');\n\nif(isset($data['process_launchpad_id'])){\n $processId = $data['process_launchpad_id'];\n}else{\n $guzzleApi = '\/api\/1.0\/processes?pmql='.urlencode('properties.helperProcessRequestId='.$data['helperProcessRequestId']);\n $res = [];\n sleep(3);\n while(count($res)<1){\n $res = json_decode($guzzleClient->request('GET', $guzzleApi, $guzzleOptions)->getBody(), true)['data'];\n sleep(2);\n }\n $processId = $res[0]['id'];\n}\n\n$guzzleOptions['json'] = ['name'=> 'API Token', 'scopes' => []];\n$invitedUsers = $data['invitedUsers'];\nif(is_array($invitedUsers) && count($invitedUsers)>0){\n foreach($invitedUsers as &$user){\n $res = $guzzleClient->request('POST', '\/api\/1.0\/users\/'.$user['id'].'\/tokens', $guzzleOptions);\n $user['token'] = json_decode($res->getBody(), true)['accessToken'];\n $user['instanceURL']=$data['instanceURL'];\n $user['processId']=$processId;\n }\n}\n\nreturn ['invitedUsers'=>$invitedUsers];","retry_wait_time":5,"retry_attempts":1,"timeout":240,"run_as_user_id":1,"created_at":"2024-07-10 19:53:49","updated_at":"2024-08-27 23:33:05","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9cc6abb9-e4a1-4a83-8d43-7aa96e07f224":{"exporter":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\ScriptExporter","type":"DataConnectorScript","type_human":"Direct API Access For Script","type_plural":"DataConnectorScripts","type_human_plural":"Direct API Access For Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Script","force_password_protect":false,"hidden":true,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"IDA - Generate new user tokens","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":2,"uuid":"9cc6abb9-e4a1-4a83-8d43-7aa96e07f224","script_id":17,"key":"f54088c1-b3b4-4d81-83a3-0f92c3f26dba","enabled":0,"synchronously":1,"methods":"[\"POST\"]","data_types":"[\"FORM\"]","authentication":null,"authentication_config":"{\"password\": null, \"username\": null}","whitelist":"[]","created_at":"2024-08-16 01:16:25","updated_at":"2024-08-27 23:33:05"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9cc3b8bc-fecc-4a97-af99-f20bfe396e36":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"data-source-scripts","uuid":"9cc69099-8cb5-46b5-b8b2-675bfdbda0d8","meta":null,"exporterClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\ScriptExporter","modelClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Script","fallbackMatches":[],"name":"update New GL-Codes","discard":false},{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v198@processmaker.com","username":"sergio.baltazar+v198@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"update New GL-Codes","description":"update New GL-Codes","process_manager":"","process_manager_id":null,"attributes":{"id":18,"uuid":"9cc3b8bc-fecc-4a97-af99-f20bfe396e36","key":null,"title":"update New GL-Codes","description":"update New GL-Codes","language":"php","code":" [\n 'Authorization' => \"Bearer {$apiToken}\",\n 'accept' => 'application\/json',\n ],\n 'base_uri' => \"{$apiHost}\/\",\n]);\n\n\/\/record a new GL Code\nfunction createGLCodeRecord($body, $collection)\n{ \n global $client;\n \/\/ create gl code record\n $response = $client->post(\"collections\/{$collection}\/records\", [\n \"json\" => $body\n ]);\n return json_decode($response->getBody()->getContents(),true);\n}\n\/\/create a new ID collection\nfunction getCollectionId(){ \n global $client;\n $name ='New GL Codes 01';\n $response = $client->get('collections\/?filter='.$name);\n return json_decode($response->getBody(), true)['data'][0]['id'];\n}\n\nfunction validateGlCodesArray($glcodes) {\n \/\/get unics roles\n $userRoles = array_map(function($user) {\n return $user['userRole'];\n },$users);\n $missingRoles = [];\n \n \/\/ Verify if all roles exist\n foreach ($requiredRoles as $role) {\n if (!in_array($role, $userRoles)) {\n $missingRoles[] = $role;\n }\n }\n \/\/ return role(s) missing\n return $missingRoles;\n}\n\nfunction getCollectionData($id_Collection){ \n global $client;\n $name ='New GL Codes 01';\n $response = $client->get('collections\/'.$id_Collection.'\/records');\n $glcodes = [];\n $obj = json_decode($response->getBody(), true)['data'];\n foreach ($obj as $item) {\n $glcodes[] = $item['data'];\n }\n return $glcodes;\n}\n\nfunction getNewGlCodes($glcodes, $newGlcodes){ \n$glcodesMap = [];\nforeach ($glcodes as $item) {\n $glcodesMap[$item['glcode']] = true;\n}\n$uniqueNewGlcodes = array_filter($newGlcodes, function($item) use ($glcodesMap) {\n return !isset($glcodesMap[$item['glcode']]);\n});\n$uniqueNewGlcodes = array_values($uniqueNewGlcodes);\n\nreturn $uniqueNewGlcodes;\n\n}\n\/\/$apiInstance->truncateCollection($idCollection);\n$idCollection = $data['glCollection'];\n$newGlcodes = $data['codesGL'];\n$allglcodes = getCollectionData($idCollection);\n\/\/return ['glcodes'=>$glcodes, 'newGlcodes'=>$newGlcodes];\n\/\/return ['allglcodes'=>$allglcodes];\n\/\/return ['NewGlCodes'=>$NewGlcode];\n\n$case = $data[\"fill_glcode\"];\nswitch ($case):\n case 'manual':\n $apiInstance = $api->collections();\n $collection_id = $idCollection;\n \/\/ Truncate Collection\n \/\/$apiInstance->truncateCollection($collection_id);\n $NewGlcode = getNewGlCodes($allglcodes, $newGlcodes);\n $num = count($NewGlcode);\n if($num > 0){\n for($i = 0; $i <$num; $i++){\n createGLCodeRecord($NewGlcode[$i], $collection_id);\n }\n return [\"glCodeIdCollection\" => $collection_id, \"errorMessageCode\" => 'ok'];\n }else{\n return [\"errorMessageCode\" => \"At least one GL Code should be specified\"];\n }\n break;\n case 'upload':\n $apiInstance = $api->collections();\n $collection_id = $idCollection;\n \/\/ Truncate Collection\n \/\/$apiInstance->truncateCollection($collection_id);\n \/\/ Uploaded file \n $apiInstance = $api->requestFiles();\n $processRequestId = $data[\"_request\"][\"id\"];\n $fileId = $data[\"file_upload_2\"];\n $includeFirstRow = $data[\"includeFirstRow\"];\n $file = $apiInstance->getRequestFilesById($processRequestId, $fileId);\n \/\/$fileContents = file_get_contents($file->getPathname());\n $file = fopen($file->getPathname(), \"r\");\n try {\/\/ Open the file for reading\n if (($handle = $file) !== FALSE) {\n $rowCount = 0;\n \/\/ Loop through the CSV rows\n while (($data = fgetcsv($handle, 1000, ',')) !== FALSE) {\n $rowCount++;\n \/\/ Ensure the CSV row has exactly 3 columns\n if (count($data) == 2) {\n if($rowCount>1){\n \/\/ Create a record in the collection\n $recordData[] = array(\n 'glcode' => $data[0], \/\/ Change 'field1', 'field2', 'field3' to your collection field names\n 'description' => $data[1]\n );\n }\n }\n }\/\/ Close the file\n fclose($handle);\n \/\/return $recordData;\n $NewGlcode = getNewGlCodes($allglcodes, $recordData);\n \/\/return $NewGlcode;\n $num = count($NewGlcode);\n if($num > 0){\n for($i = 0; $i <$num; $i++){\n createGLCodeRecord($NewGlcode[$i], $collection_id);\n }\n return [\"glCodeIdCollection\" => $collection_id, \"errorMessageCode\" => 'ok'];\n }else{\n return [\"errorMessageCode\" => \"All GL Code already exist\"];\n }\n }else{\/\/ Handle error: unable to open file\n return [\"errorMessageCode\" => \"At least one GL Code should be specified\", \"approvalgl\" => \"fail\"];\n }\n }catch (Exception $e) {\n return[(\"errorMessageCode: \" . $e->getMessage()), \"approvalgl\" => \"fail\"];\n }\n break;\n default:\n return [\"errorMessageCode\" => \"selection is not correct\", \"approvalgl\" => \"fail\"];\nendswitch;","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-08-14 14:05:19","updated_at":"2024-08-27 23:33:05","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9cc69099-8cb5-46b5-b8b2-675bfdbda0d8":{"exporter":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\ScriptExporter","type":"DataConnectorScript","type_human":"Direct API Access For Script","type_plural":"DataConnectorScripts","type_human_plural":"Direct API Access For Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Script","force_password_protect":false,"hidden":true,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"update New GL-Codes","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":3,"uuid":"9cc69099-8cb5-46b5-b8b2-675bfdbda0d8","script_id":18,"key":"a45a35ad-2dea-42fd-a6af-99e7b66fc49d","enabled":0,"synchronously":1,"methods":"[\"POST\"]","data_types":"[\"FORM\"]","authentication":null,"authentication_config":"{\"password\": null, \"username\": null}","whitelist":"[]","created_at":"2024-08-16 00:00:34","updated_at":"2024-08-27 23:33:05"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9c532657-eb91-4796-93fc-ca9b1d2258d0":{"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":"Screen Interstitial APHelper","description":"Screen for the interstitial APHelper","process_manager":"","process_manager_id":null,"attributes":{"id":17,"uuid":"9c532657-eb91-4796-93fc-ca9b1d2258d0","title":"Screen Interstitial APHelper","description":"Screen for the interstitial APHelper","type":"DISPLAY","config":"[{\"name\": \"Screen Interstitial\", \"items\": [{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

\\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\"}], \"order\": 1}]","computed":"[]","custom_css":null,"created_at":"2023-09-13 20:39:37","updated_at":"2024-08-27 23:33:06","status":"ACTIVE","key":null,"watchers":null,"translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c5327bc-a1a0-46f5-af5f-1233bee478ee":{"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":"9c5346b8-249a-4735-8fc5-7976c7022289","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Connect Gmail"},"name":"AP Invoice Approval - Connect Gmail","discard":false}],"name":"AP Invoice Approval - Connect Email","description":"AP Invoice Approval - Connect Email","process_manager":"","process_manager_id":null,"attributes":{"id":18,"uuid":"9c5327bc-a1a0-46f5-af5f-1233bee478ee","title":"AP Invoice Approval - Connect Email","description":"AP Invoice Approval - Connect Email","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

To customize your invoice processing flow, complete these short setup steps.<\/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\": \"uno\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACr0lEQVRoBd1Zu04bQRT1J7ihR8of5AvgD\/wH9gekSksBBRWSBU0KKuhckpYKHAkKEI8oNJGQnERYCg0ECYmC4rBnM2N2xrve9c69Y8OVVuN9zZxz77k7c8eNhoABaALoANgEsAdgAOAervHagXmmDWBRYOj6XRjQqwaUC7X62UVCNi6ZDHDfw9Vh5z+5ox6VZFx6XBq4T2e1vi4K3qRnADDcsYz5IpMjRqPaXs9zDMdsFfi02uWkV0pm1lZPUgnqeQBvnTcdCYbOvjlHbbuSbkzCzkLzZb4ipvLENrNoWWezun8xMQoJKlHd\/7l7wsb+b+e4Gj6Gkl\/LJWGkE9r56P2j63\/4uH6Chc\/fnKN3ejt6puYPSqk5RgIAp3IR2+7fOKCzJAQIEKMbBSnvPzw9Y2XvuhA8iQgRcKNglsJB3qfel7tnE8ELEnCjELrOod4\/rByXghcmcJDmQah8eid\/c4EzGkvd87F7QhKyamk2QuXzY\/g4BvJT72c6QOvL97F7wgQ6JLBl6dRtt\/vDEVB+961FILBFAqxTg43AmQtZiyChryTA4kHFlCayLNYBCahZBAL3b50A3gUBtbV\/BAmlEXjzScytQBWLEIFD5kDwRFbEPgKBdCLjpqyKRSDQZgS4s6xiEQj8L\/KllhO+F5QJvBb4LNH8wSXOlQm87hMZGYnPB8oE3D0ijSgoEtjJ25VgMotGQZGA633LRiMKErnk9eFuqVjwtg0t8L3BpE8HFmdha4p8USkJsSCmfOn4bEILfSHAfjfT\/VszZ\/kwWfd+BOz5nJCoBz5Dgv\/WzCInOGbH4ghqTWKrFT6+2M2XsFrCTsMsgqTo9TDJlBEy0djN8VrIpRQ412Rl44vdN0RYDF0GID80UY0HPM8DGTIsT7lV+csjRQ\/zGutvPkPiIqBfAGiq6COtptZhAAAAAElFTkSuQmCC\", \"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\": \"

Email address to receive Invoices<\/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\": \"2plomo\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAADDElEQVRYCcWZT2sUMRTA5yP4EfpR\/Cb2uJsVuqA4mUJxTibpZRcvxR6s7KEHiyhob6UtWFihWyrtTSij0B6E2q0X9RZ5GRNndl5mJrPZaWBJNv\/eL+8lL29mgqBh6lB2n6yur5BQvCWUJyQUU0K5VL9QTHsRP03bWAx9G4pxG9aP43uEiqc5GA1VnSeE8q0+ZUtuUmv0BrBexAdGQ9UwqSbt\/fyB9iLxoKHGqiATmLuGfuxdPGsNBe5GYmAnsLQok1J+4NGkKJyev0f5Aci04BSrYYAe3FYOMoskSE0bZrUtutLchLJl2+Cy+uHmttx5vyc\/Tc7Mb\/\/jsXwxelNqWmxO68HpULbUBYdrdw0FYQD25eKbLEvXN7fy2fOXhbFWOaGYovsRnKh1EAK9f3RcxpVr+\/X7jxNkwdSgPRe4NbEhQSiWrqc\/sWqlaRcZOS26ag8EjXZ2Dcjl1Xc52NyWj+OhMiUsYHxyZtp1YY1v1Dc1ZbE5w657T2viw96RBFPr\/9n8UTzQXCaHPZvtU1oOxVQBqqgE2WOlg2v2N2T\/Ck6AlMuHEAURymIfMLNzgJlnE9TN9iv7330i+gEJOcRzTgPr9B9P8nvwx82ts4xOyN8FBAJLz4Dg92bT6PWuMyAEwoHvUArMCM45m8aT8yZwEtgCn9rD4MC02v00keUN0AbnejBmF+HFxIuCUyZu6qT1SjE4uFnmMauem0TidC43s1A4yqVyM91I9A2xg7vB4MYn5340ZzhYHMB14gqIwYFbyQasWNl2b9vkq6sOLmRXX5iNZLL+rqoM\/tEGg9QnJppxvY9bAtwygBAcIiuwrrYNwMIrEkLZ0AVywX3\/a0+rUWkx+4bKnCT\/kU7F4pKC9jRk08fOCoHWrYKNsz52ZiDv0NRsqDlK87t49UEoOyyFyjbCfmwXkh3mHjOzMGXldk52TbPaQOHgzBvxYIchvb3Ysk2uU3363oa9QgU1ckds2MikVdQatJFGlY9l8ULAMPA0CmIxfGroUvY5F3CkMF\/VZ4jV9RUTlWATVdT9BT7UEyXMq0fCAAAAAElFTkSuQmCC\", \"label\": \"Image\", \"value\": null, \"height\": \"20\", \"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\": \"

Add users for app access<\/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\": \"3plomo\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAADYUlEQVRYCcWZy27TQBSG\/Qg8Qh+FN6HLZILUSEV4UgnhVcfuJqEbLosWsWADCKS2qwZaqZGo1KBCKzaRiqFcpErQdMNlN+h3MsYeezw+ThpGsmyP5\/LlP2fOHDuOU7HUuLjKllYWmBs8Z9wPmRsMGfdldLjBsNHyD0fPhIe2FaehdWt63hXGg9spGAVlP4eM++tNLuZos5ZoDbBGy2\/HCtlhRkqa200PtNEKrlVUzAYZYuwS+pibTFm1XOB6K2ibCQxPIpNyf2eKJs2FU+M3uL+DOQ042Wp0UJ1ndcacWZKcmlmY1fSjreZmXMybOpvqbwV35ZONrtzvH6WOrW5Pdh48LjRt3pjGhVPjYq6OgGsODanJMPng5JO0le\/nFzRQNxjm+iOCaFm45TtrNq7Mc4qaGVNDvbJwqt3L3kEK4tfvP\/LztzM5ODlN1asbqK36ljmnVKSopwZf9Nryx\/mFHHw4lW3N1+CX794PFFt8XvQ6BEjhxWuY4nsKEOcbBRMCWi8kQDcYRoBRVlJyYSThbNe6n0JtWx\/9+XVkQYwLT38wjfvN7b2UgK96B2TA+s2g6TDXRz5H7qz6wMzwORxidU3ef\/RMvu4fpeC+fD0rdAc1ln6uuf4LhyGxnAAwz9cUHVb2ZrdXCW7MFDqTplJFgNhdKPEvIxQWSqaSqGYRoFISuwlcoMpcEwNiUuWDgL0HH3xzLGHeZAEkKcyMhZrYxCZVllez2+HTjS5NRZi4apA2gSXroVqy7PePaYCt4HDiMJME0q91M1MBozBTbwVNfWDbPXzN5vSIh3qhB2vhOdhObED6cySjKMhQkKwilKiFguut7T35U1skaG\/7Ufo80VaHDZkaCxWgrlDRPV09P4yzGep+TAVE2CnKfHTlxvfrMSCSQ0Oj3FUHU0ERJKimggWSlyuWnSfziYRx0SnbOdkOyiDmYeGog+pryfHG1\/\/UUzJGKia\/UBG3vJxJctUv0S7MqKcgq7x2lpiQBGp87UxAVjL1dEBFR3EUnv\/Hpw\/GxW4hVPIh\/HG2kGI39ZqZhCm6rrqyaeYuaVYTKBbOpWQ8UcQQ86Z5SfWj7zbiIU2Zohcx0alkUhu1Aq2k6Egx71LA8sBHWZDw8FdDnYu3qYRjBPMx+htiaWUhzkryBrLU\/QW8whWWPQ4scQAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"height\": \"20\", \"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\": \"

GL-Codes upload<\/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\": \"4plomo\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAAC4UlEQVRYCcWZzWrcMBCA\/Qh9hDxK36Q57moL2VMtB0p9k5TL7q00l4Q95JBQWkhyamkCLaTQhZT0FgjuDxQCbTaXtL2pjNxR5R\/ZlqxsBEb+kTSfZjSjsR1FnmVA2X2yvrFGYvGCUJ6RWCwI5VIdsViMEn6aP2MptPUU49ZtnKb3CBVPCjAI1V5nhPKtMWUrblI7tAawUcInWkPtMLkm7e3CgY4S8cBTY22QGYzdQT\/2JoG1Vgs8TMTETmB5okxK+VFAk9bC4fgjyo9ApgWnehs6YOdl1SCzSlJzZxlmtU261dyEslVbZ5f7j8VTOds71Mez2fNGE5tjWx1nQNnKEAKuPTR0FnIyP5Nm+XF13bkvRIza9QhBNAQcaK5cnAAplxVTg\/ZCwIFpAaZcXAGBpaDFUNormxZBfQAJZan24RBrb2\/\/NfLIX7\/\/6HM48QKMxUIBqqykp2OAaW8MqDfvPvQHpFw+hCwIVNl3\/Z1ffNFAJ\/NPcrK5o6+9NQjO8kiMIxJzyOe6h4FS24NXbzXMz6trCdoMBTiI+cuIQGJZEtr1GmDMMts9VBMthxqvNZgzZVGfVAoEYwHT4sSCAYKj4KCudZ1pcYxggJRLL0CbaW8H0HzZ6bgWTdNCzHs\/PyscplfDEjDbTDd39FLACVlrMLFPkMZ151OD+a1AZQUl4tQrzPiAYR8XQBVmhokYd57RvxmeX3yVTce375fIo2ts72Ri2I9hO3EFbGsfyovVVgcbcp9YWAcbCDDT2UyI\/dgEDQS4pQEhOTQF9D0PAVj5REIom\/YFC9j\/v\/ZQjUqLHkE7IBTGx6yiPYQM9drZB9r62mlA3qGp2RQ5Guu7+PRBKDtuhDIfwnpcLiQ7LrxmmjBN58vx7I5mtYGC4\/hkPK2OoiIGW7XJdbqff7dh261Cy+mS9ZpNvUzaRo2gXhrNNZbeClgdeJ4FsRR+NQwp+1hIOHKYz+o3xPrGms5K6gZqufcXnTcWEgolHyMAAAAASUVORK5CYII=\", \"label\": \"Image\", \"value\": null, \"height\": \"20\", \"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\": 19, \"variant\": \"primary\", \"conditionalHide\": null, \"customCssSelector\": \"emailConf\"}, \"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\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"userRole\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": null, \"defaultValue\": {\"mode\": \"basic\", \"value\": null}}, \"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\": \"Loop\", \"config\": {\"icon\": \"fas fa-redo\", \"name\": \"users\", \"label\": null, \"settings\": {\"add\": false, \"type\": \"new\", \"times\": \"4\", \"varname\": \"users\"}, \"conditionalHide\": \"false\"}, \"component\": \"FormLoop\", \"container\": true, \"inspector\": [{\"type\": \"LoopInspector\", \"field\": \"settings\", \"config\": {\"label\": 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\": \"Loop\", \"editor-component\": \"Loop\"}, {\"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\": null, \"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\": \"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\"}]], \"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\"}], \"order\": 1}]","computed":"[{\"id\": 3, \"name\": \"users\", \"type\": \"javascript\", \"order\": 1, \"byPass\": false, \"formula\": \"let roles = [ { \\\"userRole\\\": \\\"invoice_creator\\\" }, \\n { \\\"userRole\\\": \\\"invoice_reviewer\\\" },\\n { \\\"userRole\\\": \\\"finance_approver\\\" }];\\nreturn roles;\", \"property\": \"users\"}]","custom_css":"[selector='body-container'] {\r\n width: 100%;\r\n margin: auto;\r\n padding-inline-start: 25px;\r\n \/*border: 2px solid #CDDDEE;*\/\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 padding-right: 70px;\r\n padding-top: 50px;\r\n}\r\n\r\n[selector='btn-bx1'] button {\r\n text-transform: none;\r\n height: 40px;\r\n width: 100px;\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: 10px 14px 25px 14px;\r\n margin: 10px 0px 10px 0px;\r\n}\r\n\r\n[selector='left-hint'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint'] img {\r\n height: 24px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-current'] {\r\n background-color: #1572c2;\r\n height: 52px;\r\n width: 380px;\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='btn-cnx-gmail'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='btn-cnx-gmail'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 8px;\r\n border-color: #CDDDEE;\r\n width: 443px;\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\/Gmail2020+1.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}\r\n\r\n[selector='btn-cnx-office'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='btn-cnx-office'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 8px;\r\n border-color: #CDDDEE;\r\n width: 443px;\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+174.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}\r\n\r\n[selector='connectGmail'] button{\r\n width: 80%;\r\n text-transform: none;\r\n}\r\n\r\n[selector='button_box'] {\r\n width: 480px;\r\n border-bottom-left-radius: 6px;\r\n border-bottom-right-radius: 6px;\r\n background-color: #FFFFFF;\r\n height: 60px;\r\n text-align: center;\r\n \r\n}\r\n\r\n[selector='card-title']{\r\n width: 330px;\r\n}\r\n[selector='emailConf']{\r\n width: 480px;\r\n}\r\n[selector='startGmail']{\r\n width: 480px;\r\n}\r\n[selector='card-container-verification']{\r\n padding-left: 35px;\r\n}\r\n\r\n\/**AddStyleDiego**\/\r\n[selector='BgGridHelper'] .col-sm-1{\r\n padding-right: 0px !important;\r\n padding-left: 0px !important;\r\n max-width: 10%;\r\n}\r\n[selector='BgGridHelper'] .col-sm-11{\r\n padding-right: 0px !important;\r\n \/*padding-left: 0px !important;*\/\r\n max-width: 90%;\r\n}\r\n[selector='BtnReturn'] .btn-primary{\r\n background-color: #FFFFFF;\r\n border:1px solid #D3E8FF;\r\n color: #6A7888;\r\n font-size: 16px;\r\n text-align: center;\r\n border-radius: 50px;\r\n margin-top: -2px;\r\n}\r\n[selector='BtnReturn'] .btn-primary::before {\r\n font-family: \"Font Awesome 5 Free\";\r\n font-weight: 900;\r\n content: \"\\f060\";\r\n}","created_at":"2023-12-19 20:47:43","updated_at":"2024-08-27 23:33:06","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":[]},"9c5346b8-249a-4735-8fc5-7976c7022289":{"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":"AP Invoice Approval - Connect Gmail","description":"AP Invoice Approval - Connect Gmaill","process_manager":"","process_manager_id":null,"attributes":{"id":19,"uuid":"9c5346b8-249a-4735-8fc5-7976c7022289","title":"AP Invoice Approval - Connect Gmail","description":"AP Invoice Approval - Connect Gmaill","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"items\": [{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Allow your vendors to email you their invoices<\/p>\\n

Provide a company name to create a custom email address<\/p>\", \"interactive\": true, \"renderVarHtml\": false}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"items\": [[{\"items\": [[{\"label\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"companyName\", \"type\": \"text\", \"label\": \"Your company name\", \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [{\"value\": \"required\", \"helper\": \"Checks if the length of the String representation of the value is >\", \"content\": \"Required\"}, {\"field\": \"max:\", \"value\": \"max:32\", \"helper\": null, \"configs\": [{\"type\": \"FormInput\", \"label\": \"Max Input\", \"value\": \"32\", \"helper\": \"Validate that an attribute is no greater than a given length.\", \"validation\": \"required|integer\"}], \"content\": \"Max Length\", \"visible\": false}], \"placeholder\": null, \"defaultValue\": {\"mode\": \"js\", \"value\": null}}, \"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\": \"assignedEmail\", \"type\": \"text\", \"label\": \"Your assigned email address\", \"helper\": \"We'll retrieve all invoices sent to this email address\", \"readonly\": true, \"dataFormat\": \"string\", \"validation\": [{\"value\": \"email\", \"helper\": \"The field under validation must be formatted as an e-mail address.\", \"content\": \"Email\"}], \"placeholder\": null, \"defaultValue\": {\"mode\": \"basic\", \"value\": null}}, \"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\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": 1, \"content\": \"12\"}], \"customCssSelector\": \"inner_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\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": 1, \"content\": \"12\"}], \"conditionalHide\": null, \"customCssSelector\": \"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\"}], \"order\": 1}]","computed":"[{\"id\": 2, \"name\": \"Assigned email address\", \"type\": \"javascript\", \"order\": 1, \"byPass\": false, \"formula\": \"let company = this.companyName.toLowerCase().replace(\/[^a-zA-Z0-9]\/g, \\\"\\\");\\r\\nreturn 'invoiceplg+'+company+'@processmaker.com';\", \"property\": \"assignedEmail\"}]","custom_css":"[selector='top_msg'] {\r\n border-radius: 6px;\r\n padding: 0px;\r\n width: 100%;\r\n text-align: justify;\r\n}\r\n\r\n[selector='error_msg'] {\r\n background-color: #FFF7E5;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-family: 'Open Sans';\r\n padding-left: 10px;\r\n padding-top: 5px;\r\n vertical-align: middle;\r\n}\r\n\r\n[selector='box'] {\r\n background-color: #F6F9FB;\r\n border-top-left-radius: 6px;\r\n border-top-right-radius: 6px;\r\n padding: 0px;\r\n width: 100%;\r\n}\r\n\r\n[selector='inner_box'] {\r\n background-color: #FFFFFF;\r\n border-radius: 6px;\r\n padding-top: 30px;\r\n padding-left: 30px;\r\n padding-right: 30px;\r\n}","created_at":"2023-12-18 19:34:37","updated_at":"2024-09-10 13:22:26","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c981204-281c-48f1-a7eb-edbd99ef2a73":{"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":"9c981204-437d-4562-b8c3-f9d589d4a9d9","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Users Roles Nested Options 2"},"name":"AP Invoice Approval - Users Roles Nested Options 2","discard":false},{"type":"screens","uuid":"9c981204-585b-4b7a-9977-371e8ab450af","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Create Users 2"},"name":"AP Invoice Approval - Create Users 2","discard":false},{"type":"screens","uuid":"9c981204-6e8c-49f1-ae8e-03c20a9bdbe6","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Upload File Roles 2"},"name":"AP Invoice Approval - Upload File Roles 2","discard":false}],"name":"AP Invoice Approval - Define Users 2","description":"AP Invoice Approval - Define Users","process_manager":"","process_manager_id":null,"attributes":{"id":20,"uuid":"9c981204-281c-48f1-a7eb-edbd99ef2a73","title":"AP Invoice Approval - Define Users 2","description":"AP Invoice Approval - Define Users","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}} <\/strong> Assign at least one person to each role to prevent approval delays.<\/div>\", \"interactive\": true, \"renderVarHtml\": true, \"conditionalHide\": \"errorMessage\"}, \"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

To customize your invoice processing flow, complete these short setup steps.<\/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\": \"checkblue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAACr0lEQVRYCc2YvW7VMBTH8wiRGkeMSLwBT3DfpH0B1MTudod2YGLpXZkuW8felSmNHRjo0K5IRYFKDCwNG2xBx8TG14ljxzcfRIrs+CPnl\/\/xsR0HgecVJdkKEXYaE3YdY1oiTCuEad3cFSLsDuoinF9EZ9nK08ywbmGShTFm5xqMgLKlJcLFNkyy58OsOrQGMITppaKQDcZSPyIoSotjT8UskLREpDh20MfcZFzV5PjUwItLM4GhhruUsGw8l5rgmnLCsvAiCw047WI0J5yIfMKyNklHyTxuNSlqcTfC9GQ2twrl9NQUODA\/ob8TrjaITV87WXnVOR4RKbaLqyfV1FzdqLe0cnv291ScQ70377\/VcEHq4ilYw2UMTz32BBwndIesOCDsNFy+yLeNDicg17svViWjM7YKQEpf47Z+JjiAfEu\/2wExTYKIsGubIZ\/6PrjHp1\/1y9efrIBxmu8C2Fi6AgijkPb1Ee2EO9XUFa55fxmgdG8nbDSsGzVB6u0OgAOWKuhTQtStdw+qHZnXIUeG42I5AV7d\/pBQekZATgEHAjm5GAb049NvnU0+f3j4KfN6ZuCY04cYdzH8kekVrWcbpA4GzwfC1RDAg6aZIZAHw2Fa82kmwjRxUVC0cYEcAw7s8fUYlhNh3DXtgxwLjgPCUgeX61yofkAX5JhwsIGRuxnf9ViFHBkOgnQrAZuTg1bkqoqZ8gD56upz\/WL90au\/6b3P9COSozTfmBovUP5PPSEjV9FxXZ4YuGypJyD\/699OAbmoq9N8Izh600WOPjC96YVSK2c\/PML0BmyqDE75Wdzt6lYTcRM4TjuegdFdHSX0xGR3UDmEPUrzdwMBzBN3mm+8XGqjVkB9FK1gSZ0ErAscdkFgMML8t\/VeO8euYky\/8jrCTvkPeNdLHMr+ACe\/YZWIyQIQAAAAAElFTkSuQmCC\", \"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\": \"Email address to receive invoices<\/span>\", \"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\": \"2blue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADNUlEQVRoBc1Zu27UQBTdT9iGHgm+IF9AvoD8we4HkIZ2kRIJqoiINNCGKkmXrRBUiRCkWCkKsFWkjTasQEpBXlJEkFIcfMwMa49n7XnaeyXL9jzPuQ\/P3HGrFUAAtAF0AbwCsAtgDOASeWHZnmjTAXA\/wNTuQwjQKwJUHqr521FCtl4yGeCqhs1h61tuRrdKMi81Hhq4SmfF3S9m9KRmANDcdQnjJUyMCB+NrXWdYjjn0gydmhUno9JlmhY3l0pQzwN4qTw7EjSd7DlH946R34iAbcLnq3RFTNWBLVbRqsGaqj8qtUKCysvvr2\/vsD04w7P+CZZef8XC80F68Xl5+zitC8B8VUtCuI7T+AS+9v4UD3oHuPf0Y+m18GKAd8NfTvOITnSldoEEAC7l1jL8eQOCqgKu1u8MzqznynTIW8FV+59GV0ZaV8Hz\/WHvAJOLPxlMVo95K4itsNUIsvHiy8OC9ulKyzvHWPvwPb1mWajXP5HDuNynVvDZ50zOb\/+7EIET9PXvuwIgBrJqCRLzkL00DlzdJzsxSTx+8w2T89ku8Xl0VSBAQp7Sbvm4j83kJKlaIACBLgls2ABxbauzwKP1Q9fhZL8NEmCeGl24kKkWYJmn9EmAyUNUmVzo3acsZgwBjUkgqnCV1n1GA2ifuC+jE1hcL64TJBRA+6nioxJ4slX0e64VocCTAQlE2fv3dkeFoCX44Y+boC5LAsGDmDtT9YsTAzyxkwCPAoNJjeCJeZ8Egi1kOvAhA1aj5XQh46GstzQAnpg7tABPlr2kIfDE\/C\/J99lO6MAzgFnO\/Ljq4h7JUaYJfvI5XXUZhODUr43tu8eKPD0nEm5kvR4webEFrLb3IJA\/I3KxQoMENnWnEgxmKys0SCCvfcnGxQousePZZ5rMS+DZu0+C7wnMpPs4i1X7LJJ8K1cymTlAG2LSu47KpK5E35KU3d+aOYuHcr9XLSDf54SEG\/gMCf6taSImOGdX4vC6i8AOnviUxAB\/6ZoFrA2zGlyKWvdzmSpCwhpvS7TnUpUC556sav5g9YIIk6EvLohFn31h1fqA6zSQIcP0lEeVpwopaphlzL\/ZhsSDgP4LwDh2zidQIL0AAAAASUVORK5CYII=\", \"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\": \"

Add users for app access<\/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\": \"3plomo\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAADYUlEQVRYCcWZy27TQBSG\/Qg8Qh+FN6HLZILUSEV4UgnhVcfuJqEbLosWsWADCKS2qwZaqZGo1KBCKzaRiqFcpErQdMNlN+h3MsYeezw+ThpGsmyP5\/LlP2fOHDuOU7HUuLjKllYWmBs8Z9wPmRsMGfdldLjBsNHyD0fPhIe2FaehdWt63hXGg9spGAVlP4eM++tNLuZos5ZoDbBGy2\/HCtlhRkqa200PtNEKrlVUzAYZYuwS+pibTFm1XOB6K2ibCQxPIpNyf2eKJs2FU+M3uL+DOQ042Wp0UJ1ndcacWZKcmlmY1fSjreZmXMybOpvqbwV35ZONrtzvH6WOrW5Pdh48LjRt3pjGhVPjYq6OgGsODanJMPng5JO0le\/nFzRQNxjm+iOCaFm45TtrNq7Mc4qaGVNDvbJwqt3L3kEK4tfvP\/LztzM5ODlN1asbqK36ljmnVKSopwZf9Nryx\/mFHHw4lW3N1+CX794PFFt8XvQ6BEjhxWuY4nsKEOcbBRMCWi8kQDcYRoBRVlJyYSThbNe6n0JtWx\/9+XVkQYwLT38wjfvN7b2UgK96B2TA+s2g6TDXRz5H7qz6wMzwORxidU3ef\/RMvu4fpeC+fD0rdAc1ln6uuf4LhyGxnAAwz9cUHVb2ZrdXCW7MFDqTplJFgNhdKPEvIxQWSqaSqGYRoFISuwlcoMpcEwNiUuWDgL0HH3xzLGHeZAEkKcyMhZrYxCZVllez2+HTjS5NRZi4apA2gSXroVqy7PePaYCt4HDiMJME0q91M1MBozBTbwVNfWDbPXzN5vSIh3qhB2vhOdhObED6cySjKMhQkKwilKiFguut7T35U1skaG\/7Ufo80VaHDZkaCxWgrlDRPV09P4yzGep+TAVE2CnKfHTlxvfrMSCSQ0Oj3FUHU0ERJKimggWSlyuWnSfziYRx0SnbOdkOyiDmYeGog+pryfHG1\/\/UUzJGKia\/UBG3vJxJctUv0S7MqKcgq7x2lpiQBGp87UxAVjL1dEBFR3EUnv\/Hpw\/GxW4hVPIh\/HG2kGI39ZqZhCm6rrqyaeYuaVYTKBbOpWQ8UcQQ86Z5SfWj7zbiIU2Zohcx0alkUhu1Aq2k6Egx71LA8sBHWZDw8FdDnYu3qYRjBPMx+htiaWUhzkryBrLU\/QW8whWWPQ4scQAAAABJRU5ErkJggg==\", \"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\": \"

GL-Codes upload<\/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\": \"4plomo\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAAC4UlEQVRYCcWZzWrcMBCA\/Qh9hDxK36Q57moL2VMtB0p9k5TL7q00l4Q95JBQWkhyamkCLaTQhZT0FgjuDxQCbTaXtL2pjNxR5R\/ZlqxsBEb+kTSfZjSjsR1FnmVA2X2yvrFGYvGCUJ6RWCwI5VIdsViMEn6aP2MptPUU49ZtnKb3CBVPCjAI1V5nhPKtMWUrblI7tAawUcInWkPtMLkm7e3CgY4S8cBTY22QGYzdQT\/2JoG1Vgs8TMTETmB5okxK+VFAk9bC4fgjyo9ApgWnehs6YOdl1SCzSlJzZxlmtU261dyEslVbZ5f7j8VTOds71Mez2fNGE5tjWx1nQNnKEAKuPTR0FnIyP5Nm+XF13bkvRIza9QhBNAQcaK5cnAAplxVTg\/ZCwIFpAaZcXAGBpaDFUNormxZBfQAJZan24RBrb2\/\/NfLIX7\/\/6HM48QKMxUIBqqykp2OAaW8MqDfvPvQHpFw+hCwIVNl3\/Z1ffNFAJ\/NPcrK5o6+9NQjO8kiMIxJzyOe6h4FS24NXbzXMz6trCdoMBTiI+cuIQGJZEtr1GmDMMts9VBMthxqvNZgzZVGfVAoEYwHT4sSCAYKj4KCudZ1pcYxggJRLL0CbaW8H0HzZ6bgWTdNCzHs\/PyscplfDEjDbTDd39FLACVlrMLFPkMZ151OD+a1AZQUl4tQrzPiAYR8XQBVmhokYd57RvxmeX3yVTce375fIo2ts72Ri2I9hO3EFbGsfyovVVgcbcp9YWAcbCDDT2UyI\/dgEDQS4pQEhOTQF9D0PAVj5REIom\/YFC9j\/v\/ZQjUqLHkE7IBTGx6yiPYQM9drZB9r62mlA3qGp2RQ5Guu7+PRBKDtuhDIfwnpcLiQ7LrxmmjBN58vx7I5mtYGC4\/hkPK2OoiIGW7XJdbqff7dh261Cy+mS9ZpNvUzaRo2gXhrNNZbeClgdeJ4FsRR+NQwp+1hIOHKYz+o3xPrGms5K6gZqufcXnTcWEgolHyMAAAAASUVORK5CYII=\", \"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, \"customCssSelector\": \"artline\"}, \"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\": 21, \"variant\": \"primary\", \"conditionalHide\": \"not fill_user or fill_user == \\\"\\\\\\\"\\\\\\\"\\\"\", \"customCssSelector\": \"nested\"}, \"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\": 22, \"variant\": \"primary\", \"conditionalHide\": \"fill_user == \\\"manual\\\"\", \"customCssSelector\": \"nestedusers\"}, \"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\": 23, \"variant\": \"primary\", \"conditionalHide\": \"fill_user == \\\"upload\\\"\", \"customCssSelector\": \"nested\"}, \"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\": \"fill_user\", \"event\": \"submit\", \"label\": \"Next\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": null, \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"fill_user and fill_user != \\\"\\\\\\\"\\\\\\\"\\\" and fill_user != \\\"\\\" and file_upload_1 and fill_user == \\\"upload\\\"\", \"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\": \"fill_user\", \"event\": \"submit\", \"label\": \"Next\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": null, \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"fill_user and fill_user != \\\"\\\\\\\"\\\\\\\"\\\" and fill_user != \\\"\\\" and fill_user ==\\\"manual\\\"\", \"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\"}, {\"items\": [[], [], []], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"5\"}, {\"value\": \"2\", \"content\": \"4\"}, {\"value\": \"3\", \"content\": \"3\"}]}, \"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\": \"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\": \"fill_user == \\\"upload\\\"\", \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_user\", \"event\": \"submit\", \"label\": \"Skip\", \"loading\": false, \"tooltip\": [], \"variant\": \"secondary\", \"fieldValue\": \"skip\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"false\", \"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\": \"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\"}]], \"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\"}], \"order\": 1}]","computed":"[{\"id\": 1, \"name\": \"instanceURL\", \"type\": \"javascript\", \"order\": 1, \"byPass\": false, \"formula\": \"let currentURL = window.location.origin;\\r\\n\\r\\nreturn currentURL;\", \"property\": \"instanceURL\"}]","custom_css":"[selector='body-container'] {\r\n width: 100%;\r\n padding-inline-start: 25px;\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 padding-right: 35px;\r\n}\r\n\r\n[selector='btn-bx1'] button {\r\n text-transform: none;\r\n height: 40px;\r\n width: 100px;\r\n font-weight: bold;\r\n padding: 5px 20px 5px 20px;\r\n}\r\n\r\n[selector='left-hint'] {\r\n height: 22px;\r\n width: 310px;\r\n padding: 10px 14px 25px 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: #1572c2;\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: 315px;\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: 600px;\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}\r\n[selector='card-title']{\r\n width: 330px;\r\n}\r\n\r\n[selector='card-container-verification']{\r\n padding-left: 30px;\r\n}\r\n[selector='nestedusers']{\r\n width: 580px;\r\n padding-right: 20px;\r\n margin-left: -55px;\r\n}\r\n\r\n\r\n\/**AddStyleDiego**\/\r\n[selector='BgGridHelper'] .col-sm-1{\r\n padding-right: 0px !important;\r\n padding-left: 0px !important;\r\n max-width: 10%;\r\n text-align: center;\r\n}\r\n[selector='BgGridHelper'] .col-sm-11{\r\n \/*padding-right: 0px !important;\r\n padding-left: 0px !important;*\/\r\n max-width: 90%;\r\n padding-right:70px;\r\n}\r\n[selector='BtnReturn'] .btn-primary{\r\n background-color: #FFFFFF;\r\n border:1px solid #D3E8FF;\r\n color: #6A7888;\r\n font-size: 16px;\r\n text-align: center;\r\n border-radius: 50px;\r\n}\r\n[selector='BtnReturn'] .btn-primary:hover{\r\n background-color: #FFFFFF;\r\n border:1px solid #1572C2;\r\n color: #1572C2;\r\n}\r\n[selector='BtnReturn'] .btn-primary:focus{\r\n background-color: #FFFFFF;\r\n border:1px solid #1572C2;\r\n color: #1572C2;\r\n box-shadow: none !important;\r\n}\r\n[selector='BtnReturn'] .btn-primary::before {\r\n font-family: \"Font Awesome 5 Free\";\r\n font-weight: 900;\r\n content: \"\\f060\";\r\n}","created_at":"2023-12-19 21:17:10","updated_at":"2024-08-27 23:33:07","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":false}},"9c981204-437d-4562-b8c3-f9d589d4a9d9":{"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":"AP Invoice Approval - Users Roles Nested Options 2","description":"AP Invoice Approval - Users Roles Nested Options","process_manager":"","process_manager_id":null,"attributes":{"id":21,"uuid":"9c981204-437d-4562-b8c3-f9d589d4a9d9","title":"AP Invoice Approval - Users Roles Nested Options 2","description":"AP Invoice Approval - Users Roles 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\": \"

Specify users and user roles<\/p>\\n

Pick an option: manually enter users or upload a spreadsheet<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"card-title1\"}, \"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\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"people\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAIcUlEQVR4Ae1d63HcOAx2CSkhJaQE\/1ntWpJntNTcb7uDXAdxB04Hvg6cDuIO7A58HWwJvvkogQtJpPiUsvIxMzuSKRIEPpIgAD5ydZX\/ZQQyAhmBjEBGICOQEcgIZAQyAhmBjEBGICOQEcgIZAQyAhkBEwLXTfPl0DRfD3VzjV9ZNt9MeXN6IgQAelGKH\/uq\/V1U4kP36761d2icRNVmMgT8rhInHeimtH0lHq+vmy8ZwQgEduVf34pKvA9ArsXbvjz+PJTinlRQcds0SNuP81biPY+GwAYA+INeX4sXAG4jhzxF3b6yRjvlOcKG2ug7ei0Hf1+Jv0dZrH8WtXjIjWCFaZpB6nymSna34n6ayy3lUDb3rBHe85zggFtRiUcFWi0eHIrMZsHoSUlvtrKtf4TqUWBV4i2VPMx0PeVRMIPqrhRKZbhMuDOkBp\/kxEy+Q4JRNSD+mf6gngpzMrVcZBmhjtS0Pw09Uj+w6VMLtauPP4l+VkMadHeNdLq6EMNN22iyRCUN1FsOVUyx5Ho6pf6nmpamT\/Vs9rk0QEvTvwjgYUZCUPx83f\/D4WyCxjhfJiCK27ahOcCbtwi5TPwkSwfY+6p94qEDEhRp+OYSEOs9YDkHLD0JuwifSi6XuoLySMDq9pnAtj1dGuJshh5fg5iaKaSiqrV4mcl2tYRcc\/UFfes9Vh4mPhVV+4uHiPd1+72YNtBseJgH0NADg5jTFAIt6iCHqr3TZJFJS8llqi8ofcJkLZ6hv03EOt1+\/IcAQE802eHofaTKUjpMRXUOT5t4XVIuEzZB6ftKPCkwPdx63ruLsn02Vc7z7W\/8w9BjuljGJH7n5pal5RrzFfR330u6ibIST75EuEoyqRiMAr6yNacybPUXVXunwJ8ZeWvIZePV6TvvJaahPEcIZZiKMTbgrmyGq2Gl+DFHV\/dNzkEUgKvEaY7fteTS8emVRuAV5fGXV0GWGZN13ytPLHnyOmmE6vhqGjW8MPKQNUX1YHmT5xm\/rynXuG7nv3msJmSJkCryicmg13J11AP6jh0PxU3TAGz5K8W9TGOTLfKirBV8FoNaSy7CwusJQXsAPvDuVZhl9qUjLSMWySQeLM8TJnOTtcXYufLlh5fl76nocJqD91QVhNLBaICfMVIvww1atXhxBZ6EC+WHytMzFR2iN3kCAOp1MbEavkbrG5PhTGGOgNDy1zRfXXo7L0\/vlyYX8aV9nicrsx2vLcgSmSk6OwmzIou\/bkauolIe7Qm2sy8ysfa2b32u+TcjF9dzc96sSfBYe9tENzZ9U3IxFfIBN99V+EFIIMCLdq0nNN9m5BqHCmxhZql2WFQUtjkmvlCgliq3KbkA4MRBKttnuP\/KMsEen7p9VhNc7xhdIvjUqJuSC8yyyWtoj59jMOf0WjyHmooE0BrPzcnFGNYdoOiWJCM85zVA19WxSbnGzpFOsBRpmFfgxCl1B4cswCx25WUtuVz5WTWfnBzr9jsm+305Oi2jU3UIyJVYq85nxYIbioFuPJBHYRHbs4sdmdeBg5n8jAUBPPwFbjkxgE+wqrCsiKAczoUNVJC0usRDb8\/r5qN3H7\/lM+I7KxPi+2rryFm1yLAygJ4trPkIvY3GmpjL8vRNHhEKMtnrmaMme7zjgTxFxPLShbGH84fNgbSQ\/Byf++DcYH9RzCK8DRVNQ8zuU7LR2\/R3zTHUVRw1Zt+Tk\/j\/O8aqAT\/6MJ5vb+T7j4pKbL8RoMuhUsgyMa12IQ+3cmJW13xBH+cfHWPVrnG4yjWmvcrfZDbOrdOSHS4bpzsFqXT+nwSfABo1gtw26SsX0VrtSQzynszsddKtuqcCHypgNYYtFQ3V0fHVV65VLwaB\/p7Y634XaGC\/jnFXnAWrxT4PFmTID\/GTa3mLSjN5ul+g0Qt1yQsyg55\/01gPCmK+o+OvvQZYbjIfT54+u8j4cuSSdn7s8JAhjnPvd1aRQxW2gEUldX7EBRqkstD7Y0FaujwzKLyuNdBN5sl4jblAY7AXdOZ0SjJmIwlJtXJWl17X5PBNZ8mMDKgeZuF4X6BBPWoLvZ\/ajuYC8E5prk+SF85dkiXYQQ\/2jEryxps7neIq3Fr5uE73BZGPoCSjgFo0pAfzxjN5xmuB6lMPB9HH2KA6yDIKGUFEQz1J\/YT0YGZbX8w+UCWY5YWpIW+fJdnFIPxQRhFwgQb1hJgTNRacFvvMOo+35cZHPtRwMJN8KOLdlxCNniS60LfyyPy8F\/uSisVN1ccJwZbHKhKWDuEXqEyGly7u3t1wewlBNwObxmTfXgxMgBfiQnz3RkjHVUyBKOlC1ZvJU+y3f8gKcSqen9kCI0jr80YxobhZ94Vf7oHGgAzqh5M6cquMeMQWGA44ydw\/Z09nOkmEntwt5ZnvbB5VOomCbrEBwLNNLuP3WryggXxNWGuDgKBkDJeiYiG9Fm9GJtRIEVGH+qxMLZTBtQH2lfgXWNDG5OSgu8iHSgfb9zBc2Q2IIRaUS71L5uENQOAiTf6w8hdj3SzJONHmk7AMxnkc5iAaf+IpA4+jzWEXD7YJKM32dbk77RIF0gEv1avlfiGT7BeTrtmLIydpuTEqwLdILRhUClboJtZe4s1hqfn2pifnBP2kLa8eABDeRAML9KA\/TkCH4fDZgB9jBOE1qkmOCgkIO+o0LhvyN1QLAoGd3a6\/2w6hY3nj14qdIESWpGXc\/Yv2FVFFeRlHLR7kSBo5fbJRkebuIHW+ylL2elKkViBGjSHtabb06eJjeObpjkyV4v6P2OsrYJmkCmnC3jaNXBg5O3y6Pf8Tr7tvkJNykOj\/m7l0uz0JcgsTkZ44tjaOz4fVzbVMi7i0Y2HWM\/mMQEYgI5ARyAhkBDICGYGMQEYgI5ARyAhkBCQC\/wH2NcuO795ldwAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"width\": \"48\", \"height\": \"48\", \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_user\", \"event\": \"script\", \"label\": \"Manually enter users\", \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"manual\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"buttonFiles\"}, \"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\": \"

Provide the name and corporate email address of the users at your company that will participate.<\/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\": \"boxConfiguration\"}, \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_user\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"secondary\", \"fieldValue\": \"manual\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"styleButton\"}, \"component\": \"FormButton\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"label\", \"config\": {\"label\": \"Label\", \"helper\": \"The label describes the button's text\"}}, {\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"name\": \"Variable Name\", \"label\": \"Variable Name\", \"helper\": \"A variable name is a symbolic name to reference information.\", \"validation\": \"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormSubmit\", \"editor-component\": \"FormButton\"}], [{\"items\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"files\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAEnElEQVR4Ae2d7W3bMBCGM0JG6AgewT9qWZBUQKGQ3\/UGzQbNJukGzkYeQSM4OMW0adG6o0TpoGOvgGGHx4\/3npemVYVmnp70nxJQAkpACSgBJaAElIASUAJjCGzr+jmv6x9j2mjdmQhkZfN7V5o2K01bFPVmpm61mxACAD8rzdl5qAkh4Oao8wC+NUJNmAMw1gcCX03AwM0R68Fvf5bm7bYEvfy7vdbPhDl43\/XRh78rXjd5VW8tdHidF\/XB\/qwfzHf44n54BB967BvQlakJcbD7rYfgDxmgJvQJRvyMwccMUBMioNumFHzKADXBkpzwHAI\/xAA1YUH4oQaoCSNMgJtq7mUkXGpizR9dBQ3V71+ibrf181Dd\/7Yc7mzam2sUfIA0xoCu\/u0Stc1zvYP6cKIBmNDZOdaAzoQR\/T8UqIU3AlMMuLXWV9EE1IBohHEdqAFx\/KJbqwHRCOM6UAPi+EW3VgOiEcZ1oAbE8YturQZMRAi3HADe4CNwn88UA7p9RMjYyW5vAVj7svm43Gqwv0AffA753\/BYA3r3mgbHBo2gNYkNXzDjsqo5OjfZBhN364TcqxlrQKflfi8RqUW0EZcZd3LAtlnZfOaFOQC8oUfI7IfVb6wBXZscX\/72VfPnwYQ5iXs3ePArcwyZ1WM+VqYYENo\/aM3Ku60up9CJETrGovX2pfm4zvzKvC8x2JIGWL1ZZd6veRTN0Zav+vky+7v1FYxYSiyHAaDdXZJgzKXyma1fd\/bPvey4IrkMgBzs1Rt8KLsaVvnais2Kl88lBXIZADnAxcNlKWqXzCm67139urFr5r40b9EdIh1wGrArzHXb46qviDihpDoWMufoUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw5xQnG3Gi65+wKy5syLpozU4BYK4Dl2rHHnhSDGQ2KE4ml4UTF5iRHqIcYLxOQlRijO24uKyUuMUA8xXiAmLzFCcd5eVExeYoR6iPECMXmJEYrz9qJi8hIj1EOMF4jJS4xQnLcXFZOXGKEeYrxATF5ihOK8vaiYvMQI9RDjBWLyEiMU5+1FxeQlRqiHGC8Qk5cYoThvLyomLzFCPcR4gZi8xAjFeXtRMXnBb6js11R3v8zBy0RoAXzl1ua1+jOFbl\/UFnK2QsCkcI4rWPcXtSEX55SRdtVfag4AD1W4zr4IlENXc9fLTMoJI0haXGdfIBLGh5y37DkrzN\/xPayjBWi3a\/+SJ7\/Mni3s2dmX5npalrSjv7plxzlqDXJZeu\/R7CaAYNeEbiYVzRGOBYNlapUPOJSjao7XC4nSnEXCt25+X5beHf1FHpRn3\/KreK7MkWPjl+W12LNjBPz52bWb8H1spYTTsaY4tivq7s8QrnIJCjw0dkre2kYJKAEloASUgBJQAkpACayIwBfimR2DxswGDQAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"width\": \"48\", \"height\": \"48\", \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_user\", \"event\": \"script\", \"label\": \"Import\/Upload\", \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"ariaLabel\": null, \"fieldValue\": \"upload\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"buttonFiles\"}, \"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\": \"

Populate the csv\/excel worksheet with the names and email addresses that you want to import.<\/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\": \"boxConfiguration\"}, \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_user\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"secondary\", \"fieldValue\": \"upload\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"styleButtoncsv\"}, \"component\": \"FormButton\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"label\", \"config\": {\"label\": \"Label\", \"helper\": \"The label describes the button's text\"}}, {\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"name\": \"Variable Name\", \"label\": \"Variable Name\", \"helper\": \"A variable name is a symbolic name to reference information.\", \"validation\": \"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormSubmit\", \"editor-component\": \"FormButton\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"6\"}, {\"value\": \"2\", \"content\": \"6\"}], \"customCssSelector\": \"buttonsRow\"}, \"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\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='buttonsRow'] .row {\n margin-right: -20px;\n}\n[selector='buttonFiles'] .btn-light {\n font-weight: bold;\n text-align: center;\n border: none;\n text-transform: capitalize;\n}\n[selector='card-title1']{\n width: 430px;\n}\n\n[selector='boxConfiguration'] {\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n background-color: #FFFFFF;\n padding: 15px;\n}\n[selector='text']{\n font-size: 0.7em;\n }\n[selector='buttonFiles'] .btn-light{\n font-size: 0.8em;\n background-color: #FFFFFF;\n \n}\n\n[selector='download'] {\n width: 245px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n[selector='styleButton'] .btn-secondary{\n background-image: url(\"https:\/\/processmaker-plg.s3.amazonaws.com\/PLG_assets\/users1.jpg\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 236px 199px;\n width: 235px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n[selector='styleButton'] .btn-secondary:hover{\n background-size: 236px 199px;\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 2px solid #1572c2;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n\n[selector='styleButtoncsv'] .btn-secondary{\n background-image: url(\"https:\/\/processmaker-plg.s3.amazonaws.com\/PLG_assets\/users2.jpg\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 236px 199px;\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n\n[selector='styleButtoncsv'] .btn-secondary:hover{\n background-size: 236px 199px;\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 2px solid #1572c2;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}","created_at":"2023-12-19 21:02:10","updated_at":"2024-08-27 23:33:07","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c981204-585b-4b7a-9977-371e8ab450af":{"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":"AP Invoice Approval - Create Users 2","description":"AP Invoice Approval - Create Users","process_manager":"","process_manager_id":null,"attributes":{"id":22,"uuid":"9c981204-585b-4b7a-9977-371e8ab450af","title":"AP Invoice Approval - Create Users 2","description":"AP Invoice Approval - Create Users","type":"FORM","config":"[{\"name\": \"AP Invoice Approval - Create Users\", \"items\": [{\"items\": [[{\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_user\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": \"\\\"\\\"\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"BtnReturn\"}, \"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\": \"

Specify users and user roles<\/span>
Define these roles for your process: Invoice Creator, Invoice Reviewer, and Finance Reviewer<\/span><\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"text-title1\"}, \"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\": \"1\"}, {\"value\": \"2\", \"content\": \"11\"}], \"customCssSelector\": \"BgGridHelper\"}, \"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\": \"

First Name<\/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\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Last Name<\/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\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Email Address<\/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\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Role<\/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\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"2\"}, {\"value\": \"2\", \"content\": \"2\"}, {\"value\": \"3\", \"content\": \"4\"}, {\"value\": \"4\", \"content\": \"4\"}], \"customCssSelector\": \"tittles\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}, {\"items\": [[{\"items\": [{\"items\": [[{\"label\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"userName\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"First Name\", \"defaultValue\": {\"mode\": \"js\", \"value\": \"return this._parent._user.firstname;\"}, \"customCssSelector\": null}, \"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\": \"userLastName\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"Last Name\", \"defaultValue\": {\"mode\": \"js\", \"value\": \"return this._parent._user.lastname;\"}}, \"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\": \"userEmail\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [{\"value\": \"email\", \"helper\": \"The field under validation must be formatted as an e-mail address.\", \"content\": \"Email\"}], \"placeholder\": \"Email Address\", \"defaultValue\": {\"mode\": \"js\", \"value\": \"return this._parent._user.email;\"}, \"customFormatter\": null}, \"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\": \"Select List\", \"config\": {\"icon\": \"fas fa-angle-double-down\", \"name\": \"userRole\", \"label\": null, \"helper\": null, \"options\": {\"key\": \"value\", \"value\": \"content\", \"dataName\": \"response\", \"jsonData\": \"[{\\\"value\\\":\\\"invoice_creator\\\",\\\"content\\\":\\\"Invoice Creator\\\"},{\\\"value\\\":\\\"invoice_reviewer\\\",\\\"content\\\":\\\"Invoice Reviewer\\\"},{\\\"value\\\":\\\"finance_approver\\\",\\\"content\\\":\\\"Finance Approver\\\"}]\", \"renderAs\": \"dropdown\", \"editIndex\": null, \"pmqlQuery\": null, \"dataSource\": \"provideData\", \"optionsList\": [{\"value\": \"invoice_creator\", \"content\": \"Invoice Creator\"}, {\"value\": \"invoice_reviewer\", \"content\": \"Invoice Reviewer\"}, {\"value\": \"finance_approver\", \"content\": \"Finance Approver\"}], \"removeIndex\": null, \"showRenderAs\": true, \"showJsonEditor\": false, \"showOptionCard\": false, \"selectedOptions\": [], \"allowMultiSelect\": false, \"defaultOptionKey\": \"approverAP\", \"collectionOptions\": null, \"showRemoveWarning\": false, \"valueTypeReturned\": \"single\", \"selectedDataSource\": null}, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": null, \"rootElement\": \"response\", \"defaultValue\": {\"mode\": \"js\", \"value\": null}, \"dataSourceUrl\": null, \"dataSourceEndpoint\": null}, \"component\": \"FormSelectList\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"name\": \"Variable Name\", \"label\": \"Variable Name\", \"helper\": \"A variable name is a symbolic name to reference information.\", \"validation\": \"regex:\/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\.?)+(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormSelectList\", \"editor-component\": \"FormSelectList\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"2\"}, {\"value\": \"2\", \"content\": \"2\"}, {\"value\": \"3\", \"content\": \"4\"}, {\"value\": \"4\", \"content\": \"4\"}], \"customCssSelector\": \"LineItems\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}], \"label\": \"Loop\", \"config\": {\"icon\": \"fas fa-redo\", \"name\": \"users\", \"label\": null, \"settings\": {\"add\": true, \"type\": \"new\", \"times\": \"3\", \"varname\": \"users\"}, \"customCssSelector\": \"DetailsItemsBtn\"}, \"component\": \"FormLoop\", \"container\": true, \"inspector\": [{\"type\": \"LoopInspector\", \"field\": \"settings\", \"config\": {\"label\": 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\": \"Loop\", \"editor-component\": \"Loop\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"conditionalHide\": null, \"customCssSelector\": \"UsersScroll\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"fullBox\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}], \"order\": 1}, {\"name\": \"AP Invoice Approval - Users Created\", \"items\": [], \"order\": 2}]","computed":"[]","custom_css":"[selector='LineItems']{\n background-color: #ffffff !important;\n border-bottom: 2px solid #CDDDEE !important;\n color: #556271;\n padding-bottom:1px;\n margin: auto 0;\n padding-left: 10px;\n}\n[selector='text-title1']{\n max-width: 500px;\n}\n[selector='left-hint-fill111']{\n max-width: 550px;\n}\n[selector='UsersScroll']{\n background-color: #FFFFFF;\n max-height: 900px !important;\n overflow-y: scroll;\n overflow-x: hidden;\n padding: 30px;\n}\n\n\n[selector='LineItems'] .form-control{\n border:none !important;\n border-radius: 6px;\n padding:0px 0px 5px 1px !important;\n \/*background-color: #f6f9fb;*\/\n font-size: 0.8em;\n \/*padding-left: 2px!important;*\/\n}\n[selector='LineItems'] .form-group {\n margin-bottom: 0px !important;\n margin-top: -8px !important;\n padding: 0px 0px 2px 0px !important;\n}\n\n[selector='LineItems'] .multiselect .multiselect__tags {\n border: none;\n border-radius: 6px;\n \/*background-color: #f6f9fb;*\/\n \/*margin-right: 5px;*\/\n font-size: 0.7em;\n}\n[selector='LineItems'] .multiselect .multiselect__tags .multiselect__single {\n border: none;\n \/*background-color: #f6f9fb;*\/\n \/*margin-right: 5px;*\/\n font-size: 1em;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-secondary{\n background-color: #FFFFFF !important;\n \/*border: 1px solid #FFFFFF!important;*\/\n border: none;\n color: #1572C2 !important;\n font-weight: 500;\n font-family: 'Poppins';\n padding: 0px;\n text-transform: capitalize;\n width: auto;\n margin-left: 5px;\n padding-top: 15px;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-secondary:hover{\n \/*background-color: #1572C2 !important;*\/\n border:none !important;\n color: #556271 !important;\n}\n[selector='DetailsItemsBtn'] .justify-content-md-center{\n justify-content: center !important;\n padding-bottom: 15px;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .fas.fa-plus::before {\n content: \"+ New user\" !important;\n font-size: 0.9em !important;\n font-weight: 500;\n font-family: 'Poppins' !important;\n}\n\n\/***btn-outline-danger*****\/\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-outline-danger{\n background-color: #FFFFFF !important;\n border: none !important;\n color: #1572C2 !important;\n \/*font-size: 16px;*\/\n font-weight: 500;\n font-family: 'Poppins';\n padding: 0px;\n \/*padding: 10px 10px 0px 10px!important;*\/\n width: auto;\n padding-top: 15px;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-outline-danger:hover{\n background-color: #FFFFFF !important;\n \/*border-bottom: none !important;\n border-radius: 0px !important;*\/\n color: #556271 !important;\n \/*font-weight: 700 !important;*\/\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .fas.fa-minus::before {\n content: \"- Remove last user\" !important;\n font-size: 0.9em !important;\n font-weight: 500;\n font-family: 'Poppins' !important;\n text-transform: none !important;\n}\n\n[selector='fullBox'] {\n background-color: #FFFFFF !important;\n border: 1px solid #CDDDEE !important;\n border-radius: 3px;\n color: #556271;\n}\n[selector='tittles'] {\n padding-top: 15px;\n font-size: 0.75em;\n padding-left: 12px;\n margin-bottom: -15px;\n}\n[selector='UsersScroll']{\n background-color: #FFFFFF;\n max-height: 240px !important;\n overflow-y: scroll;\n overflow-x: hidden;\n padding: 10px;\n}","created_at":"2024-06-19 19:02:16","updated_at":"2024-09-10 15:45:35","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c981204-6e8c-49f1-ae8e-03c20a9bdbe6":{"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":"AP Invoice Approval - Upload File Roles 2","description":"AP Invoice Approval - Upload File Roles","process_manager":"","process_manager_id":null,"attributes":{"id":23,"uuid":"9c981204-6e8c-49f1-ae8e-03c20a9bdbe6","title":"AP Invoice Approval - Upload File Roles 2","description":"AP Invoice Approval - Upload File Roles","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"items\": [{\"items\": [[{\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_user\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": \"\\\"\\\"\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"BtnReturn\"}, \"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\": \"

Specify users and roles<\/span>
Use the provided CSV\/Excel file to easily upload the required user configuration for your process<\/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\": \"1\"}, {\"value\": \"2\", \"content\": \"11\"}], \"customCssSelector\": \"BgGridHelper\"}, \"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\": \"uploadResult == \\\"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\": \"File Upload\", \"config\": {\"icon\": \"fas fa-file-upload\", \"name\": \"file_upload_1\", \"label\": null, \"customCssSelector\": \"BtnUpload\"}, \"component\": \"FileUpload\", \"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\": \"FileUpload\", \"editor-component\": \"FileUpload\"}, {\"items\": [[]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"myboxLine\"}, \"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\": \"

 <\/em> Download User List Template<\/a><\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": 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\": \"myboxDownload\"}, \"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\": \"inner_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\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": 1, \"content\": \"12\"}], \"conditionalHide\": null, \"customCssSelector\": \"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\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='top_msg'] {\r\n border-radius: 6px;\r\n padding: 0px;\r\n width: 100%;\r\n text-align: justify;\r\n}\r\n\r\n[selector='error_msg'] {\r\n background-color: #FFF7E5;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-family: 'Open Sans';\r\n padding-left: 10px;\r\n padding-top: 5px;\r\n vertical-align: middle;\r\n}\r\n\r\n[selector='box'] {\r\n \r\n border-top-left-radius: 6px;\r\n border-top-right-radius: 6px;\r\n padding-right: 30px;\r\n width: 100%;\r\n}\r\n\r\n[selector='inner_box'] {\r\n border-radius: 6px;\r\n padding-top: 30px;\r\n padding-left: 30px;\r\n padding-right: 30px;\r\n margin-right: 45;\r\n}\r\n\r\n\/*****And-Selector-BtnUpload******\/\r\n[selector='BtnUpload']{\r\n width: 400;\r\n margin-top:-50px ; \/* center *\/\r\n padding-bottom: 15px;\r\n margin-left: -125px;\r\n}\r\n[selector='BtnImgUpload'] img{\r\n text-align: center;\r\n margin-bottom: 0 !important;\r\n display: flex;\r\n justify-content: center;\r\n \r\n}\r\n[selector='BtnUpload'] .form-control-file {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n max-width: 300px;\r\n text-align: center;\r\n margin: auto;\r\n margin-top: -30px;\r\n \r\n}\r\n[selector='BtnUpload'] .form-control-file > p {\r\n color: transparent;\r\n display: grid;\r\n \r\n}\r\n[selector='BtnUpload'] .form-control-file > p::after {\r\n color: #2381C8 !important;\r\n content: \"\";\r\n font-size: 16px;\r\n font-weight: 600;\r\n \r\n}\r\n\r\n[selector='BtnUpload'] .form-control-file label.btn {\r\n background: white;\r\n color: transparent !important;\r\n border-radius: 8px;\r\n min-width: 400px;\r\n max-height: 45px;\r\n margin-left: -8px;\r\n margin-bottom: -10px;\r\n padding-top: 7px;\r\n border: 1px solid #CDDDEE;\r\n}\r\n[selector='BtnUpload'] .form-control-file label.btn::before {\r\n font-family: 'Font Awesome 5 Free', Open Sans; \/* Make sure this matches the font family in the Font Awesome CSS *\/\r\n content: '\\f574 Upload User list'; \/* Unicode for download icon *\/\r\n font-weight: 600; \/* Font weight for solid icons *\/\r\n word-spacing: 0.25em;\r\n font-variant-ligatures: 'common-ligatures'; \r\n font-size:16px;\r\n color: #556271 !important;\r\n text-transform: none;\r\n display: inline-block;\r\n width: 100%;\r\n \/*font-weight: 500;*\/\r\n}\r\n[selector='BtnUpload'] .uploader-list {\r\n padding-top: 15px;\r\n padding-left: 75px;\r\n margin-left: 45px;\r\n width: 450px;\r\n\r\n}\r\n\r\n\/*****End-BtnUpload******\/\r\n\r\n[selector='myboxFile'] {\r\n width: 400px;\r\n margin-left: 45px;\r\n padding-top: 15px;\r\n border-bottom: 5px solid #CDDDEE;\r\n}\r\n\r\n[selector='myboxDownload'] {\r\n margin-left: -15px;\r\n padding-top: 15px;\r\n max-width: 420px;\r\n}\r\n[selector='myboxLine'] {\r\n margin-left: -15px;\r\n max-width: 405px;\r\n border-bottom: 1px solid #CDDDEE;\r\n}\r\n[selector='boxFile'] {\r\n margin-right: 45px;\r\n padding-right: 10px;\r\n \r\n}\r\n[selector='left-hint-fill'] {\r\n max-width: 470px;\r\n \r\n}\r\n[selector='testbox'] {\r\n max-width: 640px;\r\n border: 1px solid #CDDDEE;\r\n margin-left: 75px;\r\n margin-right: -25px;\r\n}\r\n[selector='btn-myUpload'] {\r\n box-sizing: inherit; \r\n background: white; \r\n color: #556271 !important; \r\n border-radius: 8px; \r\n min-width: 400px; \r\n height: 45px; \r\n margin: 0 auto !important;\r\n padding-top: 10px; \r\n border: 1px solid #CDDDEE; \r\n text-transform: capitalize; \r\n font-family: 'Open Sans'; \r\n font-weight: 900; \r\n font-size: 0.8em;\r\n}","created_at":"2023-12-18 19:34:37","updated_at":"2024-08-27 23:33:08","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c53329c-13ff-4fad-b42e-1468df3cc85a":{"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":"9c53329c-3564-4b19-bce9-0b9e0a0ff12b","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval Footer 4 5"},"name":"Invoice Approval Footer 4 5","discard":false}],"name":"AP Invoice Approval - Connect Finish","description":"AP Invoice Approval - Connect Finish","process_manager":"","process_manager_id":null,"attributes":{"id":24,"uuid":"9c53329c-13ff-4fad-b42e-1468df3cc85a","title":"AP Invoice Approval - Connect Finish","description":"AP Invoice Approval - Connect Finish","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’s set up the process to work for you. Complete this guided setup wizard once, and you’ll 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\": \"checkblue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAACr0lEQVRYCc2YvW7VMBTH8wiRGkeMSLwBT3DfpH0B1MTudod2YGLpXZkuW8felSmNHRjo0K5IRYFKDCwNG2xBx8TG14ljxzcfRIrs+CPnl\/\/xsR0HgecVJdkKEXYaE3YdY1oiTCuEad3cFSLsDuoinF9EZ9nK08ywbmGShTFm5xqMgLKlJcLFNkyy58OsOrQGMITppaKQDcZSPyIoSotjT8UskLREpDh20MfcZFzV5PjUwItLM4GhhruUsGw8l5rgmnLCsvAiCw047WI0J5yIfMKyNklHyTxuNSlqcTfC9GQ2twrl9NQUODA\/ob8TrjaITV87WXnVOR4RKbaLqyfV1FzdqLe0cnv291ScQ70377\/VcEHq4ilYw2UMTz32BBwndIesOCDsNFy+yLeNDicg17svViWjM7YKQEpf47Z+JjiAfEu\/2wExTYKIsGubIZ\/6PrjHp1\/1y9efrIBxmu8C2Fi6AgijkPb1Ee2EO9XUFa55fxmgdG8nbDSsGzVB6u0OgAOWKuhTQtStdw+qHZnXIUeG42I5AV7d\/pBQekZATgEHAjm5GAb049NvnU0+f3j4KfN6ZuCY04cYdzH8kekVrWcbpA4GzwfC1RDAg6aZIZAHw2Fa82kmwjRxUVC0cYEcAw7s8fUYlhNh3DXtgxwLjgPCUgeX61yofkAX5JhwsIGRuxnf9ViFHBkOgnQrAZuTg1bkqoqZ8gD56upz\/WL90au\/6b3P9COSozTfmBovUP5PPSEjV9FxXZ4YuGypJyD\/699OAbmoq9N8Izh600WOPjC96YVSK2c\/PML0BmyqDE75Wdzt6lYTcRM4TjuegdFdHSX0xGR3UDmEPUrzdwMBzBN3mm+8XGqjVkB9FK1gSZ0ErAscdkFgMML8t\/VeO8euYky\/8jrCTvkPeNdLHMr+ACe\/YZWIyQIQAAAAAElFTkSuQmCC\", \"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\": \"Email address to receive invoices<\/span>\", \"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\": \"checkblue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAACr0lEQVRYCc2YvW7VMBTH8wiRGkeMSLwBT3DfpH0B1MTudod2YGLpXZkuW8felSmNHRjo0K5IRYFKDCwNG2xBx8TG14ljxzcfRIrs+CPnl\/\/xsR0HgecVJdkKEXYaE3YdY1oiTCuEad3cFSLsDuoinF9EZ9nK08ywbmGShTFm5xqMgLKlJcLFNkyy58OsOrQGMITppaKQDcZSPyIoSotjT8UskLREpDh20MfcZFzV5PjUwItLM4GhhruUsGw8l5rgmnLCsvAiCw047WI0J5yIfMKyNklHyTxuNSlqcTfC9GQ2twrl9NQUODA\/ob8TrjaITV87WXnVOR4RKbaLqyfV1FzdqLe0cnv291ScQ70377\/VcEHq4ilYw2UMTz32BBwndIesOCDsNFy+yLeNDicg17svViWjM7YKQEpf47Z+JjiAfEu\/2wExTYKIsGubIZ\/6PrjHp1\/1y9efrIBxmu8C2Fi6AgijkPb1Ee2EO9XUFa55fxmgdG8nbDSsGzVB6u0OgAOWKuhTQtStdw+qHZnXIUeG42I5AV7d\/pBQekZATgEHAjm5GAb049NvnU0+f3j4KfN6ZuCY04cYdzH8kekVrWcbpA4GzwfC1RDAg6aZIZAHw2Fa82kmwjRxUVC0cYEcAw7s8fUYlhNh3DXtgxwLjgPCUgeX61yofkAX5JhwsIGRuxnf9ViFHBkOgnQrAZuTg1bkqoqZ8gD56upz\/WL90au\/6b3P9COSozTfmBovUP5PPSEjV9FxXZ4YuGypJyD\/699OAbmoq9N8Izh600WOPjC96YVSK2c\/PML0BmyqDE75Wdzt6lYTcRM4TjuegdFdHSX0xGR3UDmEPUrzdwMBzBN3mm+8XGqjVkB9FK1gSZ0ErAscdkFgMML8t\/VeO8euYky\/8jrCTvkPeNdLHMr+ACe\/YZWIyQIQAAAAAElFTkSuQmCC\", \"label\": \"Image\", \"value\": null, \"height\": \"20\", \"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\": \"Add users and assign role<\/span>\", \"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\": \"checkblue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAACr0lEQVRYCc2YvW7VMBTH8wiRGkeMSLwBT3DfpH0B1MTudod2YGLpXZkuW8felSmNHRjo0K5IRYFKDCwNG2xBx8TG14ljxzcfRIrs+CPnl\/\/xsR0HgecVJdkKEXYaE3YdY1oiTCuEad3cFSLsDuoinF9EZ9nK08ywbmGShTFm5xqMgLKlJcLFNkyy58OsOrQGMITppaKQDcZSPyIoSotjT8UskLREpDh20MfcZFzV5PjUwItLM4GhhruUsGw8l5rgmnLCsvAiCw047WI0J5yIfMKyNklHyTxuNSlqcTfC9GQ2twrl9NQUODA\/ob8TrjaITV87WXnVOR4RKbaLqyfV1FzdqLe0cnv291ScQ70377\/VcEHq4ilYw2UMTz32BBwndIesOCDsNFy+yLeNDicg17svViWjM7YKQEpf47Z+JjiAfEu\/2wExTYKIsGubIZ\/6PrjHp1\/1y9efrIBxmu8C2Fi6AgijkPb1Ee2EO9XUFa55fxmgdG8nbDSsGzVB6u0OgAOWKuhTQtStdw+qHZnXIUeG42I5AV7d\/pBQekZATgEHAjm5GAb049NvnU0+f3j4KfN6ZuCY04cYdzH8kekVrWcbpA4GzwfC1RDAg6aZIZAHw2Fa82kmwjRxUVC0cYEcAw7s8fUYlhNh3DXtgxwLjgPCUgeX61yofkAX5JhwsIGRuxnf9ViFHBkOgnQrAZuTg1bkqoqZ8gD56upz\/WL90au\/6b3P9COSozTfmBovUP5PPSEjV9FxXZ4YuGypJyD\/699OAbmoq9N8Izh600WOPjC96YVSK2c\/PML0BmyqDE75Wdzt6lYTcRM4TjuegdFdHSX0xGR3UDmEPUrzdwMBzBN3mm+8XGqjVkB9FK1gSZ0ErAscdkFgMML8t\/VeO8euYky\/8jrCTvkPeNdLHMr+ACe\/YZWIyQIQAAAAAElFTkSuQmCC\", \"label\": \"Image\", \"value\": null, \"height\": \"20\", \"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\": \"GL-Codes upload<\/span>\", \"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\": \"4blue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAPwSURBVHjazJpJTBNRGMcnIUG9eZCLxohhUYMRbyaYGL2oRzwYvGjixcSr4sZilIuSqNEDaowaXNC4JC6JoolLhFoKdatFFFqWiJQWkJa1gCY\/D7xi22mHduZ1+SffpZnl\/+u8N\/O973uKIkFABpAHFAMVwEvACcyIGATeAo+Ac8BeoBBQtCKhEqaLgGrAT\/zyA\/VAKbA2aQDC+FbAhjx1A2eAVQkFADYBn0icnMB26RDAIuA8ydNVcU8p5vMBK8mXFcg2ar4I8JE6+YAiI+anSL2m4oYAslP8z0d6EvnxTFgr6ScrsCgWgKukr87H8p6XqocfByisamLFURM55Sa2nP3A\/ro2vv4a03vJTdHMLxAfEmkyd\/o4+KCDrAMNqnjyxaP3sp+AjEgAJbL\/\/bstnojmsw40cM\/qNnLpreHmM0U+Ik3P7UPklL2PCnCzyWXk8raQpyCyQWkyOXyURhk6gbhhdhm9TVEwQI1MgFqzS9O8JIDq4OHjl\/fW8bD8cOO8ALXGAfxAhiJWUlL0qu03Oy7aVGazj71PxBMAyFPEMlDOV+bVT5XR+tYhCk5YZE\/igIoV4JSMK71t97KyzBRisrjGRufAJDllZhXALUu\/jNtWKGIBbki23jFKrqiHTrt7AoDccjVAXbMUgJeKqBgY0p3mfpVBa88Io\/4\/AKw5rh5Cd1vcMgCciih76Jaly0d+ZegkLX3YwcT037lj1p1sVgE8+OiRATBjCKClZ5Q91+0qcwOj0yHHra9SAzy1DUgD0J3AXX7XGzHH6R8JBSisskR8O0nQoO5JbO70sbIs9IOVV27G5PBh6fLx+eco31zjtLnGWV3ZpAK49K6X1r4x7H1juMOA453Ex\/WceeF1z7xf21jjmV33cDqtALv1nHnN9CsdAIoVUQmLW7ebXekAkKsABXqSuef2wVQD+IHMQA2yPt6z+7xTdHgm+d4\/MRetfeNYukZodHhpdHhpcHh582OY5UdMKtOPv3hwj0zPhQ7VBNJpRZS4E6ZIudD9D4ZTiYJggLWyl5QhA7VcOkA3kBkMoIj6fNIAXrQaSsFKgpeTgdggu6yiBdDoGNadwIkS0Gz\/gNC2TkUiAIInayCGJ3SnYJuDPYcDLAVup3FpsQ5YqAWgAEvStLjbDmwL9xutxZlP+pXX90XyqtWn3Uj6NDgORfOp2WgWEKluMR3S8jgfQKBbY03RmN83n7+YWv3Mdm2S2fh4Sli\/2BBAWAPEmUDjTvEtWhaLeU0AjS7OAmCX5NypW6QyG2I1rgkQYzMwUySBNejf7PEMOCjWJIqekLLNRcAEttucEoWCQf5vt3GK3yqBncxutVms13Rw\/BsAy3B91B2ITwcAAAAASUVORK5CYII=\", \"label\": \"Image\", \"value\": null, \"height\": \"20\", \"variant\": \"primary\", \"renderImage\": false}, \"component\": \"FormImage\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"label\": \"Name\", \"helper\": \"Image name\"}}, {\"type\": \"ImageUpload\", \"field\": \"image\", \"config\": {\"label\": \"Upload\", \"helper\": \"Upload image\"}}, {\"type\": \"ImageVariable\", \"field\": \"imageName\", \"config\": {\"label\": \"Render from a variable name\", \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"height\", \"config\": {\"type\": \"number\", \"label\": \"Height\", \"helper\": \"Image height\"}}, {\"type\": \"FormInput\", \"field\": \"width\", \"config\": {\"type\": \"number\", \"label\": \"Width\", \"helper\": \"image width\"}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormImage\", \"editor-component\": \"FormImage\"}, {\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

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

Setup complete<\/p>\\n

The setup has finished, and you're all set to kick off the process.<\/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\": \"companyName\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"Company Name\", \"conditionalHide\": \"false\"}, \"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\": \"Checkbox\", \"config\": {\"icon\": \"fas fa-check-square\", \"name\": \"start_process\", \"label\": \"Start the process after saving\", \"helper\": null, \"toggle\": false, \"disabled\": false, \"validation\": [], \"conditionalHide\": \"false\", \"initiallyChecked\": true}, \"component\": \"FormCheckbox\", \"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\": \"FormCheckbox\", \"editor-component\": \"FormCheckbox\"}, {\"label\": \"Checkbox\", \"config\": {\"icon\": \"fas fa-check-square\", \"name\": \"generate_requests\", \"label\": \"Generate sample process requests\", \"helper\": null, \"toggle\": false, \"disabled\": false, \"validation\": [], \"conditionalHide\": \"false\", \"initiallyChecked\": true}, \"component\": \"FormCheckbox\", \"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\": \"FormCheckbox\", \"editor-component\": \"FormCheckbox\"}, {\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"save\", \"event\": \"submit\", \"label\": \"SAVE AND FINISH\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": \"save\", \"defaultSubmit\": true, \"conditionalHide\": null, \"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\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

\", \"interactive\": true, \"renderVarHtml\": false, \"conditionalHide\": \"false\"}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"items\": [[], []], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"6\"}, {\"value\": \"2\", \"content\": \"6\"}]}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}, {\"label\": \"Nested Screen\", \"config\": {\"icon\": \"fas fa-file-invoice\", \"name\": \"Nested Screen\", \"label\": \"Nested Screen\", \"value\": null, \"screen\": 25, \"variant\": \"primary\", \"conditionalHide\": \"false\"}, \"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\": \"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\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='body-container'] {\r\n width: 1109px;\r\n margin: auto;\r\n padding-inline-start: 25px;\r\n}\r\n\r\n[selector='btn-bx1'] {\r\n margin-top: 1em;\r\n text-align: left;\r\n padding-top: 100px;\r\n padding-left: 310px;\r\n}\r\n\r\n[selector='btn-bx1'] button {\r\n background-color: #2381C8;\r\n border-radius: 8px;\r\n border-color: #2381C8;\r\n width: 170px;\r\n text-transform: none;\r\n height: 40px;\r\n font-weight: bold;\r\n padding: 0px 15px 0px 15px;\r\n}\r\n\r\n[selector='left-hint'] {\r\n height: 22px;\r\n width: 310px;\r\n padding: 0px 14px 0px 14px;\r\n margin: 10px 0px 10px 0px;\r\n}\r\n\r\n[selector='left-hint'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint'] img {\r\n height: 24px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-current'] {\r\n background-color: #1572c2;\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: 315px;\r\n padding: 0px 14px 0px 14px;\r\n margin: 10px 0px 10px 0px;\r\n}\r\n\r\n[selector='left-hint-done'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint-done'] img {\r\n height: 20px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-done'] p {\r\n font-size: 16px; \r\n line-height: 21.79px; \r\n font-weight: 600; \r\n color: #4EA075;\r\n}\r\n\r\n[selector='left-hint-fill'] {\r\n height: 50px;\r\n width: 400px;\r\n padding: 13px 12px 13px 12px;\r\n}\r\n\r\n[selector='left-hint-fill'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint-fill'] img {\r\n height: 50px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='arrow-button'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='arrow-button'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 68.75px;\r\n width: 50px;\r\n height: 50px;\r\n\r\n background-image: url(\/public-files\/PLG_assets\/Frame%201171275558.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}","created_at":"2023-12-19 20:23:35","updated_at":"2024-08-27 23:33:08","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":false}},"9c53329c-3564-4b19-bce9-0b9e0a0ff12b":{"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 Footer 4 5","description":"Invoice Approval Footer","process_manager":"","process_manager_id":null,"attributes":{"id":25,"uuid":"9c53329c-3564-4b19-bce9-0b9e0a0ff12b","title":"Invoice Approval Footer 4 5","description":"Invoice Approval Footer","type":"DISPLAY","config":"[{\"name\": \"Invoice Approval Footer\", \"items\": [{\"items\": [[{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"
\\n
\\n
\\n
Privacy Policy<\/span> |<\/span> Contact Us<\/span>\\n
©ProcessMaker Automate complex workflows<\/small><\/div>\\n<\/div>\\n<\/div>\\n<\/div>\\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\": \"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\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"isologo%203\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAAwCAYAAAC7W17UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAx2SURBVHgB7V1NVttKFr5VktNv0u+5T0j6zZ6zgpBxvwSzgsAKAivAQOaYcYefrCBmBTgrwA7pcWAFUWbpmJx20j3Iia2qvrdUJZdk2UgEgwL1nWNsS6of3bq37q8MgymoNo6qFQ5LAJWHjMmaxENwYbBWb+fPA\/p0b+PNHmOsJiULGBt0v4fQ6e8v9sHBoYRgWQdJOO5wf02CbMAPCUZ6NE6Csjr3\/LjOhDyyzqCA8NZADF6isATg4FAijAnJXOOozrh3CJcpHBYkZ4tnLx53UJu8x6+11OkAPG+5989\/nICDQ0nA7S\/3N98soYDQDj8TAVEQoq7eGQsyztYgDI9I04CDQ0kQCwmaWOgjwCu4flTRFDuk+YCDQwkQC4nP\/T2YpQYphmrF88sgsA4O4NOfuedH5EgvQZkgZZ3MLvJfwOFWYxRlBRj8Cu1+82ojoUqTMFl5BiUED0UDHG49flEWjveKXv7\/\/Hm4YmhzS175wHkgGVsAB4drRiQkspxCgqj+7hx4h2uGr9+7GJI9hJB3B8Av3d7z\/SFGzmSVk9\/DirUNyxNMcLilUELS231Sh9ki0O9tKAjp+05IHK4VSkhU9MDzDymidM71LRSoVSgx7lJCFM1HztjJp50nbczsr6BVuYDRiRo6OSeTSl\/mNrpNeveFaCntxStr1MYLh6sfreujigQMdOA5VIp9CdAZhMPXk8ppNG2f4djzozasPQgH3SltahUc39TLmTam9i0LifskTLlX6z6e4vXz+voAtXwna4y5jTcYQJFV5vltOfheNfdPbXCMbTOGTZv0uTTuNo6WeDS+ognA8ODTzmLbHitv5QXdu4Tovs92F5owoqOiPfZfH9UdslYW7YnmPucr9Hn4q9j3+zDPPSrNUvTHQTbfvgIpVs6bjCkpgUvAvc3joxxCWXjMe+vdFpqOFK2j91rWGOiIrf9798l+ot3GG6k+MCSUFC1z3BPhAxKSczaSgDFYJ6G0D0bMrioYalltskpwkC5rOMY+ZAEFf\/DX4aIdAj1vg8u61\/sbx1vIVM3MMYDv93b\/XE\/MSZcQkaAyGE8V0BpxAQsZffYHInyUZkgqcMW3scglA9bEPlYgotcqbsgtOk5+aci992Ysmx80jd\/rr\/EmXpT2URpEXY\/zkNt4r1vmnHbczxcQwk+Ws1iigAQSfRs\/ryKDNUCCYi4BsFVtHmWbcVIYhjqlostv1ahNxavsWYzYVf1KSbtuAMRAEl6l+7QXCXej13GbaB5UgnNot1FVBiMBCdScae7ROCrAUvla2UqNsWXmRWPQ9fqeA32ve3b1AjFDzMwodGoMfJEARFeIhtGqaSgBkfKlYLCs5qXHoAoJ3WcrMV9KCjOeEIZI42kBofGjflQb3UcNCgDXxdAjwA1tG0Z0MbTvJ3hAr1ea9jaQFmv6Y5d4wIf8CODnQpW0wpllPmBy8lRXH1f9r94Kvmft2FUiakpt18xGkj6ndjnmvUMOwj4VQzSjsY7qyKG1qA2s96zd3KqCrtnzUAsuBX0M9A5sNEbr7nq3jybkGjExLu52rE0krOhgSOuTZQrjvFrxvCIzQs0ryonpMULUSqMxXhrtjjv6M3N9Cqe9vYWY6dE0IlPEVGrYpngLNToojc7YU7C0Bob1n6I5rMZHU3bZMmWte8yH1LocmL5s2qOGX+3tLMQa3uKB2lQesDQWh5uLftq+Vjcd7V7EVw8ntAtsISB4njdvPpO9ap+LFka+Vn0y\/jQ+IXjdzOMsZe5MnofxD+Tr9PM1lZGGgzv\/9er0rsLjLLK1cVEPJs2LS7BC\/NpngfFneATIl\/pjDTKAjJgwJ30R2t+7iYsZ65i+7B2bjdINnY8pM8y+xzywSpeSa2Zor\/1Su01OHmjZVtPNFZLsKmOCYgxcrL9lnpURYyW6kjHT9LNKIiTTWhbD3OMdktmWOU4HF+kDvkbzEBEDY39jY9gMhRuxGucbWNeZ6urEGGKfdkQp\/WZ8yLQhfy2FMAw76np8QUFgm2DSuV\/6Vhhfzx0F7kP6uo8FniVSZpsxfxlv2ufi9ZLyy4Tmhm4Psk6i9knwQBFz6+fCZAJFpxmrTjgeZByt6kdvcueQ1EJNyQmhaULO8XqyUbGcEGkCNJE62kRawwDMe1t79vYXT8bnpTYB8i3q5MB\/2n28bfeHbx2YJdil5b2ML3I6Lep3EQjGEut8c4XkgmAFBGF2c\/B+y\/uoAIWoQ+OkYlQOhWZFsuH22YvFTtb1FDHCa56RkJCjrHZk3Ikvm9FmBiHnUbgXTMgXnfWlidcylpuO03CTfZKfGKJBYc30K+tKMlGQUdCk0mYiaRUMZZITPolBejuPF3XEhxAJF4Z5UROVstDVBgUKrFBza6qJRtHALDqek3rwh8PA\/u6EpJwIlOM74ZW2\/4lRzvYWlpQvYRxmZARiCDKpsgYgR5dyQFa4Vmuit6V+jof8OBhp+\/o5l\/en0ZESrpADztwqISicebbzpAkFoSMyHao6wIgWhWZrtOti2LOblePSu\/AKRsmaQ+7vRXkQsYJ5kg\/pCF9ZIDhbYUPeBx6+w6+1v2OGPp0stXBKWhN+EE6T3EB8xrAnmWAmeXreczlKE+0+XjYJRQoCTEy2lgC9fcyUaw04NTF8SbjJmuQPuCQg0wT6Y+7FoLCwCm6h85h1fm7z+BAjTeR0dq0C0wCmZJxNJtzUNakfzNCh3\/TOT4yPybkDjgyPETuVD6ASFkwsKoGhGrW0PS+ZPMCoHM2pqsO2swhiBFAwq54FT4omJkvJh0okcROYQHtT68WY9z5PwKL0moQNhxddqGrmDiOjqAgyaO5+xShvkd0n4yYpZcX+dRhRxsm7ZBNTrmLPQ4ceUSjHBJyccDy+pV4ijNoKGR+buptaIU1zPUbE6uOXhVcW2Ztwj\/OQEyTgQkbJT6X5rCCF1MlCon32erFnmo7LkAPXIiS6Rqme49IgK9afd5g7X\/1EiYMqHtTMKaPfFssFSrIZ0yVdO3UPF1ZrBBKWkdPLY6ewmnaedRHjfHoeUgqTxFpKR6bucD+OPPEwVH2jSdUxx9LzovY8KgmhjtX1Kg9iGIhlmFQipldQJLFXCFKazPzYPVa8Su6SFEKI2kSvS7XCrfu3aP+XqPQkBq2X4b28PHAt5lZU5hGXLWRDMgxtDrbh4qDCtub9zeN5IcUpY3zBEszACwfd3B0hcxnThcKzqK5RKHgnKgnP7lP9AJ9O9Kl8xCaaRqocPdnGVvdDIfYrzFujhBsV6N3beNuREH6guctRm9hMove5jWNdmYvzwntFQetSngW\/r4A2D+3CP4GhX9wZD6NiSe8dmnBqfJs+FDiAGUF6vIUaUJlJ+h7beI9fovHRdCSmz5lwpHXB+b9kqmIXAw7Pjw+I7jbtqcATx3io6DiiCyE3D1yLkHyO6mnaMFuc4mKTBiDzgjLM5nifytqL7pSf9xYaKCigC\/Bqithxl2hno+pO9zkIh8txGbtiQAl2G+VcW1AZ9Ma\/MIwbHpoxGBlmeu74tz0UYSJLPxTD1QrjX1QxYZR5r+sCRtWlELDes+ZFtEfG2o4YC2rMlIQb+qAJg+HkJswIxMD2+CTc5h6pEBTXhuib2\/ezNxb0p6jPDh1P0N7QcUQXRfu8PFBYSKI6\/XPj0z8O5pPTtYQO8PZFS\/TJmUWma0s+VOYQ7lb\/QeIdTPhx7lX6Y5swaZCg4G7VJmcZd6U\/QIZf1DMeImxn9amPLaqq31Asocf9G7VhnHXShXcGFLlBGj\/CXVaV+ps2uAO3s+igx6BdtBXPS92sPJl0r0QXVSXs+U\/Vw2D6eqT16dmLJ2NjoE+2jiHlKhMiYfpS7VhF0y2dgCM6ot+jzpnHDezxcb4dQxPa5U0gAcPXAY1lr8O0cej+fn9+tBwKr6aK2tCEpPq6abT\/juZzL0WX4RBOkK8z56sCMPEDR9MRYBTmgf1wypVAhI+K+CXWQ1fdK3gs2eEWoPTRrR9w3B0cLgVlF5LczrWDw6xQbiGxQ6oODteEMgtJ8NOUbzvcaJS1LKWfDo\/mxUCKBshfmuDgcEkopZCkY\/tFoEN\/V1Ze4XDzUTYhUUm5zy6i5VAilMUnUb+NNCiYE3FwuAoU1iR2ZvJHoEqVgQX0lJ37Rz0OZUZhIdE2fwscHG4J8ptbqZ9ZcXC4LcgvJPqZBAeH24bcQmI\/k+DgcJuQS0go8jSzJ9UcHEqO8x33GT+E4+BQdkzTJF36sTP7p\/YdHG4jlCYZiMqD5OFv\/QlP7zk43Dr8HxeG2CaE8A1DAAAAAElFTkSuQmCC\", \"label\": \"Image\", \"value\": null, \"width\": null, \"variant\": \"primary\", \"renderImage\": false, \"customCssSelector\": \"img-pmDoMore\"}, \"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\": \"6\"}, {\"value\": \"2\", \"content\": \"6\"}], \"customCssSelector\": null}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}]}]","computed":"[]","custom_css":"[selector='img-pmDoMore'] {\r\n margin-top: 3em; \r\n \/*\r\n top: 50%;\r\n position: absolute;\r\n -ms-transform: translateY(-50%);\r\n transform: translateY(-50%);\r\n *\/\r\n width: 100%;\r\n}\r\n\r\n[selector='img-pmDoMore'] img {\r\n width: 200px;\r\n}","created_at":"2023-12-07 19:29:51","updated_at":"2024-08-27 23:33:09","status":"ACTIVE","key":null,"watchers":null,"translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c5faf3d-a4c0-4bfd-883b-9db7e21b2c18":{"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":"9c5fafc8-5623-4b3a-91a6-89f28b89727b","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - GL-Codes Nested Options"},"name":"AP Invoice Approval - GL-Codes Nested Options","discard":false},{"type":"screens","uuid":"9c5fb276-289f-4617-af36-a3647b9add7e","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Create GL-Code"},"name":"AP Invoice Approval - Create GL-Code","discard":false},{"type":"screens","uuid":"9c63c748-8f69-489b-862c-fada96ad4d6a","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Upload File GL Codes"},"name":"AP Invoice Approval - Upload File GL Codes","discard":false}],"name":"AP Invoice Approval - Define GL-Codes","description":"AP Invoice Approval - Define Users","process_manager":"","process_manager_id":null,"attributes":{"id":26,"uuid":"9c5faf3d-a4c0-4bfd-883b-9db7e21b2c18","title":"AP Invoice Approval - Define GL-Codes","description":"AP Invoice Approval - Define Users","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\": \"

{{errorMessageCode}}<\/div>\", \"interactive\": true, \"renderVarHtml\": true, \"conditionalHide\": \"errorMessageCode\"}, \"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

To customize your invoice processing flow, complete these short setup steps.<\/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\": \"checkblue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAACr0lEQVRYCc2YvW7VMBTH8wiRGkeMSLwBT3DfpH0B1MTudod2YGLpXZkuW8felSmNHRjo0K5IRYFKDCwNG2xBx8TG14ljxzcfRIrs+CPnl\/\/xsR0HgecVJdkKEXYaE3YdY1oiTCuEad3cFSLsDuoinF9EZ9nK08ywbmGShTFm5xqMgLKlJcLFNkyy58OsOrQGMITppaKQDcZSPyIoSotjT8UskLREpDh20MfcZFzV5PjUwItLM4GhhruUsGw8l5rgmnLCsvAiCw047WI0J5yIfMKyNklHyTxuNSlqcTfC9GQ2twrl9NQUODA\/ob8TrjaITV87WXnVOR4RKbaLqyfV1FzdqLe0cnv291ScQ70377\/VcEHq4ilYw2UMTz32BBwndIesOCDsNFy+yLeNDicg17svViWjM7YKQEpf47Z+JjiAfEu\/2wExTYKIsGubIZ\/6PrjHp1\/1y9efrIBxmu8C2Fi6AgijkPb1Ee2EO9XUFa55fxmgdG8nbDSsGzVB6u0OgAOWKuhTQtStdw+qHZnXIUeG42I5AV7d\/pBQekZATgEHAjm5GAb049NvnU0+f3j4KfN6ZuCY04cYdzH8kekVrWcbpA4GzwfC1RDAg6aZIZAHw2Fa82kmwjRxUVC0cYEcAw7s8fUYlhNh3DXtgxwLjgPCUgeX61yofkAX5JhwsIGRuxnf9ViFHBkOgnQrAZuTg1bkqoqZ8gD56upz\/WL90au\/6b3P9COSozTfmBovUP5PPSEjV9FxXZ4YuGypJyD\/699OAbmoq9N8Izh600WOPjC96YVSK2c\/PML0BmyqDE75Wdzt6lYTcRM4TjuegdFdHSX0xGR3UDmEPUrzdwMBzBN3mm+8XGqjVkB9FK1gSZ0ErAscdkFgMML8t\/VeO8euYky\/8jrCTvkPeNdLHMr+ACe\/YZWIyQIQAAAAAElFTkSuQmCC\", \"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\": \"Email address to receive invoices<\/span>\", \"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\": \"checkblue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAACr0lEQVRYCc2YvW7VMBTH8wiRGkeMSLwBT3DfpH0B1MTudod2YGLpXZkuW8felSmNHRjo0K5IRYFKDCwNG2xBx8TG14ljxzcfRIrs+CPnl\/\/xsR0HgecVJdkKEXYaE3YdY1oiTCuEad3cFSLsDuoinF9EZ9nK08ywbmGShTFm5xqMgLKlJcLFNkyy58OsOrQGMITppaKQDcZSPyIoSotjT8UskLREpDh20MfcZFzV5PjUwItLM4GhhruUsGw8l5rgmnLCsvAiCw047WI0J5yIfMKyNklHyTxuNSlqcTfC9GQ2twrl9NQUODA\/ob8TrjaITV87WXnVOR4RKbaLqyfV1FzdqLe0cnv291ScQ70377\/VcEHq4ilYw2UMTz32BBwndIesOCDsNFy+yLeNDicg17svViWjM7YKQEpf47Z+JjiAfEu\/2wExTYKIsGubIZ\/6PrjHp1\/1y9efrIBxmu8C2Fi6AgijkPb1Ee2EO9XUFa55fxmgdG8nbDSsGzVB6u0OgAOWKuhTQtStdw+qHZnXIUeG42I5AV7d\/pBQekZATgEHAjm5GAb049NvnU0+f3j4KfN6ZuCY04cYdzH8kekVrWcbpA4GzwfC1RDAg6aZIZAHw2Fa82kmwjRxUVC0cYEcAw7s8fUYlhNh3DXtgxwLjgPCUgeX61yofkAX5JhwsIGRuxnf9ViFHBkOgnQrAZuTg1bkqoqZ8gD56upz\/WL90au\/6b3P9COSozTfmBovUP5PPSEjV9FxXZ4YuGypJyD\/699OAbmoq9N8Izh600WOPjC96YVSK2c\/PML0BmyqDE75Wdzt6lYTcRM4TjuegdFdHSX0xGR3UDmEPUrzdwMBzBN3mm+8XGqjVkB9FK1gSZ0ErAscdkFgMML8t\/VeO8euYky\/8jrCTvkPeNdLHMr+ACe\/YZWIyQIQAAAAAElFTkSuQmCC\", \"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\": \"Add users for app access<\/span>\", \"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\": \"3blue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADnklEQVRoBc1Zy24TMRTNJ2TDHgm+oF9A\/yBf0OQD6IZtkFoJVhUV3YCUDWGX7poVglUfol0EReVRkCpStY0aqUjQplLVIGVxyTF2xuN4Mn7NJFca2TOxfc+5j7n2pFAIIERUJKIKEb0koi0iOiWia4oLnm3zMWUiuh9AtfsSHPQKBxWHan53OCKbLxkJuGphc9j6kfXMvTLSC4uHBq7SWXGPi4SZsAwRwd15CfIlTI7wGM3a6jrDQGcpwaZmj0erImRmLW4hNUI9D+CF8exIwHVi5hy1ZaO44Qk7i5hPsxUwpSc2r6Jpi83q98OpXhihco77m8GQGq1Leto8oaU332nhWYtdiy\/aVHr1hT3f7\/RDEF\/VkuChY60AwNfen9GD6gHde7KXei08bzGi1oqiCQil4gQJIkIpt5KPnb4xcJVcbffCSpcyOO4FV+tjUYSICs70\/qh3q+Ayvo17gW+FjWfLAxHXMuDS668s3pEPuGq7PULYyGNEv9o8kZey7Ude8N3nAAiAJyVp\/26o9RSS3UO2WR74hI+N8tpeb8ILIO0pxYJP+NgoRziJ0BGtZwhBfQUENmyAuI5dbhxPEEgKOQsdGyCAc2pmgjpR3epMgA9gfWBuggAOD0Fk7cM5wdLiQpLqCtzjxnEQfcAOAsEEWwYR37p22pvKEcR1bgQerbeZZ5DMISU3ArJHAuyHxjYAgWB7\/\/2ffVZ9RQXGzhRhI4OX+577IUYCBIIl8dgsSqf7Z6CtxA+rB3RzN1RGW92yJManwMzl6OJW6wnPWrADD+RSyGAhOXxEv\/Hpl4\/xWCHDR9nMpXs1yIJAGR7Al2Un6V79NZ6HU5uwutx6htD\/Q77rdgKVF69EVN4kIOLIKYMWfcz1kOiAT0SrLguBgAAjWhzmUZFxoS+e61rM95DoOxEPI+t6oCOgA6p7trje9sDOpsa\/Ebl4wZUAdqKe7\/+67qsEktnKCyhQm61LWqr\/0O46ZctjV7q8mZwrlu6IW1+wcfGCrBhvJSTzu2+\/x1sK3Nu8reT1EvrRYV4Al1vfA36C0lCPT2Ws2j4\/5FuFUih0KesAkz50VCZ5HfRTAKs\/2\/1b45sPqnbP++lxr3pA3M8JCTfwEgn8WzOLnIDOisDh1fLEzvzgI4UZ\/tI1S1gbZjmEFKzuFzJphLg33krWCtFlwLEnS9Mf7HdOBIehzx4MdrhX8wOus4BEBsdTfKo8U0jBwniG8zfGgHgQ0P8A069wAwR+uJgAAAAASUVORK5CYII=\", \"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\": \"

GL-Codes upload<\/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\": \"4plomo\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAAC4UlEQVRYCcWZzWrcMBCA\/Qh9hDxK36Q57moL2VMtB0p9k5TL7q00l4Q95JBQWkhyamkCLaTQhZT0FgjuDxQCbTaXtL2pjNxR5R\/ZlqxsBEb+kTSfZjSjsR1FnmVA2X2yvrFGYvGCUJ6RWCwI5VIdsViMEn6aP2MptPUU49ZtnKb3CBVPCjAI1V5nhPKtMWUrblI7tAawUcInWkPtMLkm7e3CgY4S8cBTY22QGYzdQT\/2JoG1Vgs8TMTETmB5okxK+VFAk9bC4fgjyo9ApgWnehs6YOdl1SCzSlJzZxlmtU261dyEslVbZ5f7j8VTOds71Mez2fNGE5tjWx1nQNnKEAKuPTR0FnIyP5Nm+XF13bkvRIza9QhBNAQcaK5cnAAplxVTg\/ZCwIFpAaZcXAGBpaDFUNormxZBfQAJZan24RBrb2\/\/NfLIX7\/\/6HM48QKMxUIBqqykp2OAaW8MqDfvPvQHpFw+hCwIVNl3\/Z1ffNFAJ\/NPcrK5o6+9NQjO8kiMIxJzyOe6h4FS24NXbzXMz6trCdoMBTiI+cuIQGJZEtr1GmDMMts9VBMthxqvNZgzZVGfVAoEYwHT4sSCAYKj4KCudZ1pcYxggJRLL0CbaW8H0HzZ6bgWTdNCzHs\/PyscplfDEjDbTDd39FLACVlrMLFPkMZ151OD+a1AZQUl4tQrzPiAYR8XQBVmhokYd57RvxmeX3yVTce375fIo2ts72Ri2I9hO3EFbGsfyovVVgcbcp9YWAcbCDDT2UyI\/dgEDQS4pQEhOTQF9D0PAVj5REIom\/YFC9j\/v\/ZQjUqLHkE7IBTGx6yiPYQM9drZB9r62mlA3qGp2RQ5Guu7+PRBKDtuhDIfwnpcLiQ7LrxmmjBN58vx7I5mtYGC4\/hkPK2OoiIGW7XJdbqff7dh261Cy+mS9ZpNvUzaRo2gXhrNNZbeClgdeJ4FsRR+NQwp+1hIOHKYz+o3xPrGms5K6gZqufcXnTcWEgolHyMAAAAASUVORK5CYII=\", \"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\": 27, \"variant\": \"primary\", \"conditionalHide\": \"not fill_glcode or fill_glcode == \\\"\\\\\\\"\\\\\\\"\\\"\", \"customCssSelector\": \"nested\"}, \"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\": \"fill_glcode == \\\"manual\\\"\", \"customCssSelector\": \"nested\"}, \"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\": 29, \"variant\": \"primary\", \"conditionalHide\": \"fill_glcode == \\\"upload\\\"\", \"customCssSelector\": \"nested\"}, \"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\": \"fill_glcode\", \"event\": \"submit\", \"label\": \"Next\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": null, \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"fill_glcode and fill_glcode != \\\"\\\\\\\"\\\\\\\"\\\" and fill_glcode != \\\"\\\" and fill_glcode == \\\"manual\\\"\", \"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\": \"fill_glcode\", \"event\": \"submit\", \"label\": \"Next\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": null, \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"fill_glcode and fill_glcode != \\\"\\\\\\\"\\\\\\\"\\\" and fill_glcode != \\\"\\\" and file_upload_2\", \"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\": \"fill_glcode\", \"event\": \"submit\", \"label\": \"USE DEFAULT DATA FOR NOW\", \"loading\": false, \"tooltip\": [], \"variant\": \"secondary\", \"fieldValue\": \"testGlCodes\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"false\", \"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\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='body-container'] {\r\n width: 1109px;\r\n margin: auto;\r\n padding-inline-start: 25px;\r\n \/*border: 2px solid red;*\/\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 padding-right: 50px;\r\n padding-top: 50px;\r\n}\r\n\r\n[selector='btn-bx1'] button {\r\n \/*text-transform: none;*\/\r\n height: 40px;\r\n width: 120px;\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: 10px 14px 25px 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: #1572c2;\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: 315px;\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: 600px;\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}\r\n[selector='card-title']{\r\n width: 330px;\r\n}\r\n[selector='nested']{\r\n width: 510px;\r\n}\r\n[selector='card-container-verification']{\r\n padding-left: 35px;\r\n}\r\n\r\n\/**AddStyleDiego**\/\r\n[selector='BgGridHelper'] .col-sm-1{\r\n padding-right: 0px !important;\r\n padding-left: 0px !important;\r\n max-width: 10%;\r\n text-align: center;\r\n}\r\n[selector='BgGridHelper'] .col-sm-11{\r\n \/*padding-right: 0px !important;\r\n padding-left: 0px !important;*\/\r\n max-width: 90%;\r\n padding-right:70px;\r\n margin-bottom: 30px;\r\n}\r\n[selector='BtnReturn'] .btn-primary{\r\n background-color: #FFFFFF;\r\n border:1px solid #D3E8FF;\r\n color: #6A7888;\r\n font-size: 16px;\r\n text-align: center;\r\n border-radius: 50px;\r\n}\r\n[selector='BtnReturn'] .btn-primary:hover{\r\n background-color: #FFFFFF;\r\n border:1px solid #1572C2;\r\n color: #1572C2;\r\n}\r\n[selector='BtnReturn'] .btn-primary:focus{\r\n background-color: #FFFFFF;\r\n border:1px solid #1572C2;\r\n color: #1572C2;\r\n box-shadow: none !important;\r\n}\r\n[selector='BtnReturn'] .btn-primary::before {\r\n font-family: \"Font Awesome 5 Free\";\r\n font-weight: 900;\r\n content: \"\\f060\";\r\n}","created_at":"2024-06-25 20:35:58","updated_at":"2024-08-27 23:33:09","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":false}},"9c5fafc8-5623-4b3a-91a6-89f28b89727b":{"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":"AP Invoice Approval - GL-Codes Nested Options","description":"AP Invoice Approval - GL-Codes Nested Options","process_manager":"","process_manager_id":null,"attributes":{"id":27,"uuid":"9c5fafc8-5623-4b3a-91a6-89f28b89727b","title":"AP Invoice Approval - GL-Codes Nested Options","description":"AP Invoice Approval - GL-Codes 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\": \"

GL-Code Configuration<\/p>\\n

Ensure accurate categorization and tracking of financial transactions.<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"card-title1\"}, \"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\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"files\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAEnElEQVR4Ae2d7W3bMBCGM0JG6AgewT9qWZBUQKGQ3\/UGzQbNJukGzkYeQSM4OMW0adG6o0TpoGOvgGGHx4\/3npemVYVmnp70nxJQAkpACSgBJaAElIASUAJjCGzr+jmv6x9j2mjdmQhkZfN7V5o2K01bFPVmpm61mxACAD8rzdl5qAkh4Oao8wC+NUJNmAMw1gcCX03AwM0R68Fvf5bm7bYEvfy7vdbPhDl43\/XRh78rXjd5VW8tdHidF\/XB\/qwfzHf44n54BB967BvQlakJcbD7rYfgDxmgJvQJRvyMwccMUBMioNumFHzKADXBkpzwHAI\/xAA1YUH4oQaoCSNMgJtq7mUkXGpizR9dBQ3V71+ibrf181Dd\/7Yc7mzam2sUfIA0xoCu\/u0Stc1zvYP6cKIBmNDZOdaAzoQR\/T8UqIU3AlMMuLXWV9EE1IBohHEdqAFx\/KJbqwHRCOM6UAPi+EW3VgOiEcZ1oAbE8YturQZMRAi3HADe4CNwn88UA7p9RMjYyW5vAVj7svm43Gqwv0AffA753\/BYA3r3mgbHBo2gNYkNXzDjsqo5OjfZBhN364TcqxlrQKflfi8RqUW0EZcZd3LAtlnZfOaFOQC8oUfI7IfVb6wBXZscX\/72VfPnwYQ5iXs3ePArcwyZ1WM+VqYYENo\/aM3Ku60up9CJETrGovX2pfm4zvzKvC8x2JIGWL1ZZd6veRTN0Zav+vky+7v1FYxYSiyHAaDdXZJgzKXyma1fd\/bPvey4IrkMgBzs1Rt8KLsaVvnais2Kl88lBXIZADnAxcNlKWqXzCm67139urFr5r40b9EdIh1wGrArzHXb46qviDihpDoWMufoUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw5xQnG3Gi65+wKy5syLpozU4BYK4Dl2rHHnhSDGQ2KE4ml4UTF5iRHqIcYLxOQlRijO24uKyUuMUA8xXiAmLzFCcd5eVExeYoR6iPECMXmJEYrz9qJi8hIj1EOMF4jJS4xQnLcXFZOXGKEeYrxATF5ihOK8vaiYvMQI9RDjBWLyEiMU5+1FxeQlRqiHGC8Qk5cYoThvLyomLzFCPcR4gZi8xAjFeXtRMXnBb6js11R3v8zBy0RoAXzl1ua1+jOFbl\/UFnK2QsCkcI4rWPcXtSEX55SRdtVfag4AD1W4zr4IlENXc9fLTMoJI0haXGdfIBLGh5y37DkrzN\/xPayjBWi3a\/+SJ7\/Mni3s2dmX5npalrSjv7plxzlqDXJZeu\/R7CaAYNeEbiYVzRGOBYNlapUPOJSjao7XC4nSnEXCt25+X5beHf1FHpRn3\/KreK7MkWPjl+W12LNjBPz52bWb8H1spYTTsaY4tivq7s8QrnIJCjw0dkre2kYJKAEloASUgBJQAkpACayIwBfimR2DxswGDQAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"height\": \"50\", \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_glcode\", \"event\": \"script\", \"label\": \"Upload a list of GL Code\", \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"ariaLabel\": null, \"fieldValue\": \"upload\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"buttonFiles\"}, \"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\": \"

Upload a CSV or Excel File with the GL Code information.<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"text\"}, \"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\": \"boxConfiguration\"}, \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_glcode\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"secondary\", \"fieldValue\": \"upload\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"styleButtoncsv\"}, \"component\": \"FormButton\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"label\", \"config\": {\"label\": \"Label\", \"helper\": \"The label describes the button's text\"}}, {\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"name\": \"Variable Name\", \"label\": \"Variable Name\", \"helper\": \"A variable name is a symbolic name to reference information.\", \"validation\": \"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormSubmit\", \"editor-component\": \"FormButton\"}], [{\"items\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"people\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAIcUlEQVR4Ae1d63HcOAx2CSkhJaQE\/1ntWpJntNTcb7uDXAdxB04Hvg6cDuIO7A58HWwJvvkogQtJpPiUsvIxMzuSKRIEPpIgAD5ydZX\/ZQQyAhmBjEBGICOQEcgIZAQyAhmBjEBGICOQEcgIZAQyAhkBEwLXTfPl0DRfD3VzjV9ZNt9MeXN6IgQAelGKH\/uq\/V1U4kP36761d2icRNVmMgT8rhInHeimtH0lHq+vmy8ZwQgEduVf34pKvA9ArsXbvjz+PJTinlRQcds0SNuP81biPY+GwAYA+INeX4sXAG4jhzxF3b6yRjvlOcKG2ug7ei0Hf1+Jv0dZrH8WtXjIjWCFaZpB6nymSna34n6ayy3lUDb3rBHe85zggFtRiUcFWi0eHIrMZsHoSUlvtrKtf4TqUWBV4i2VPMx0PeVRMIPqrhRKZbhMuDOkBp\/kxEy+Q4JRNSD+mf6gngpzMrVcZBmhjtS0Pw09Uj+w6VMLtauPP4l+VkMadHeNdLq6EMNN22iyRCUN1FsOVUyx5Ho6pf6nmpamT\/Vs9rk0QEvTvwjgYUZCUPx83f\/D4WyCxjhfJiCK27ahOcCbtwi5TPwkSwfY+6p94qEDEhRp+OYSEOs9YDkHLD0JuwifSi6XuoLySMDq9pnAtj1dGuJshh5fg5iaKaSiqrV4mcl2tYRcc\/UFfes9Vh4mPhVV+4uHiPd1+72YNtBseJgH0NADg5jTFAIt6iCHqr3TZJFJS8llqi8ofcJkLZ6hv03EOt1+\/IcAQE802eHofaTKUjpMRXUOT5t4XVIuEzZB6ftKPCkwPdx63ruLsn02Vc7z7W\/8w9BjuljGJH7n5pal5RrzFfR330u6ibIST75EuEoyqRiMAr6yNacybPUXVXunwJ8ZeWvIZePV6TvvJaahPEcIZZiKMTbgrmyGq2Gl+DFHV\/dNzkEUgKvEaY7fteTS8emVRuAV5fGXV0GWGZN13ytPLHnyOmmE6vhqGjW8MPKQNUX1YHmT5xm\/rynXuG7nv3msJmSJkCryicmg13J11AP6jh0PxU3TAGz5K8W9TGOTLfKirBV8FoNaSy7CwusJQXsAPvDuVZhl9qUjLSMWySQeLM8TJnOTtcXYufLlh5fl76nocJqD91QVhNLBaICfMVIvww1atXhxBZ6EC+WHytMzFR2iN3kCAOp1MbEavkbrG5PhTGGOgNDy1zRfXXo7L0\/vlyYX8aV9nicrsx2vLcgSmSk6OwmzIou\/bkauolIe7Qm2sy8ysfa2b32u+TcjF9dzc96sSfBYe9tENzZ9U3IxFfIBN99V+EFIIMCLdq0nNN9m5BqHCmxhZql2WFQUtjkmvlCgliq3KbkA4MRBKttnuP\/KMsEen7p9VhNc7xhdIvjUqJuSC8yyyWtoj59jMOf0WjyHmooE0BrPzcnFGNYdoOiWJCM85zVA19WxSbnGzpFOsBRpmFfgxCl1B4cswCx25WUtuVz5WTWfnBzr9jsm+305Oi2jU3UIyJVYq85nxYIbioFuPJBHYRHbs4sdmdeBg5n8jAUBPPwFbjkxgE+wqrCsiKAczoUNVJC0usRDb8\/r5qN3H7\/lM+I7KxPi+2rryFm1yLAygJ4trPkIvY3GmpjL8vRNHhEKMtnrmaMme7zjgTxFxPLShbGH84fNgbSQ\/Byf++DcYH9RzCK8DRVNQ8zuU7LR2\/R3zTHUVRw1Zt+Tk\/j\/O8aqAT\/6MJ5vb+T7j4pKbL8RoMuhUsgyMa12IQ+3cmJW13xBH+cfHWPVrnG4yjWmvcrfZDbOrdOSHS4bpzsFqXT+nwSfABo1gtw26SsX0VrtSQzynszsddKtuqcCHypgNYYtFQ3V0fHVV65VLwaB\/p7Y634XaGC\/jnFXnAWrxT4PFmTID\/GTa3mLSjN5ul+g0Qt1yQsyg55\/01gPCmK+o+OvvQZYbjIfT54+u8j4cuSSdn7s8JAhjnPvd1aRQxW2gEUldX7EBRqkstD7Y0FaujwzKLyuNdBN5sl4jblAY7AXdOZ0SjJmIwlJtXJWl17X5PBNZ8mMDKgeZuF4X6BBPWoLvZ\/ajuYC8E5prk+SF85dkiXYQQ\/2jEryxps7neIq3Fr5uE73BZGPoCSjgFo0pAfzxjN5xmuB6lMPB9HH2KA6yDIKGUFEQz1J\/YT0YGZbX8w+UCWY5YWpIW+fJdnFIPxQRhFwgQb1hJgTNRacFvvMOo+35cZHPtRwMJN8KOLdlxCNniS60LfyyPy8F\/uSisVN1ccJwZbHKhKWDuEXqEyGly7u3t1wewlBNwObxmTfXgxMgBfiQnz3RkjHVUyBKOlC1ZvJU+y3f8gKcSqen9kCI0jr80YxobhZ94Vf7oHGgAzqh5M6cquMeMQWGA44ydw\/Z09nOkmEntwt5ZnvbB5VOomCbrEBwLNNLuP3WryggXxNWGuDgKBkDJeiYiG9Fm9GJtRIEVGH+qxMLZTBtQH2lfgXWNDG5OSgu8iHSgfb9zBc2Q2IIRaUS71L5uENQOAiTf6w8hdj3SzJONHmk7AMxnkc5iAaf+IpA4+jzWEXD7YJKM32dbk77RIF0gEv1avlfiGT7BeTrtmLIydpuTEqwLdILRhUClboJtZe4s1hqfn2pifnBP2kLa8eABDeRAML9KA\/TkCH4fDZgB9jBOE1qkmOCgkIO+o0LhvyN1QLAoGd3a6\/2w6hY3nj14qdIESWpGXc\/Yv2FVFFeRlHLR7kSBo5fbJRkebuIHW+ylL2elKkViBGjSHtabb06eJjeObpjkyV4v6P2OsrYJmkCmnC3jaNXBg5O3y6Pf8Tr7tvkJNykOj\/m7l0uz0JcgsTkZ44tjaOz4fVzbVMi7i0Y2HWM\/mMQEYgI5ARyAhkBDICGYGMQEYgI5ARyAhkBCQC\/wH2NcuO795ldwAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"height\": \"50\", \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_glcode\", \"event\": \"script\", \"label\": \"Manual Configuration\", \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"manual\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"buttonFiles\"}, \"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\": \"

Manually enter GL codes.<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"text\"}, \"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\": \"boxConfiguration\"}, \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_glcode\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"secondary\", \"fieldValue\": \"manual\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"styleButton\"}, \"component\": \"FormButton\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"label\", \"config\": {\"label\": \"Label\", \"helper\": \"The label describes the button's text\"}}, {\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"name\": \"Variable Name\", \"label\": \"Variable Name\", \"helper\": \"A variable name is a symbolic name to reference information.\", \"validation\": \"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormSubmit\", \"editor-component\": \"FormButton\"}]], \"label\": \"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\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='buttonFiles'] .btn-light {\n font-weight: bold;\n text-align: center;\n border: none;\n text-transform: capitalize;\n}\n[selector='boxConfiguration'] {\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n background-color: #FFFFFF;\n padding: 15px;\n}\n[selector='text']{\n font-size: 0.7em;\n }\n[selector='buttonFiles'] .btn-light{\n font-size: 0.8em;\n background-color: #FFFFFF;\n \n}\n\n[selector='download'] {\n width: 245px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n[selector='styleButton'] .btn-secondary{\n background-image: url(\"https:\/\/processmaker-plg.s3.amazonaws.com\/PLG_assets\/glcode1.jpg\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 236px 199px;\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n[selector='styleButton'] .btn-secondary:hover{\n background-size: 236px 199px;\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 2px solid #1572c2;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n\n[selector='styleButtoncsv'] .btn-secondary{\n background-image: url(\"https:\/\/processmaker-plg.s3.amazonaws.com\/PLG_assets\/glcode2.jpg\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 236px 199px;\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n\n[selector='styleButtoncsv'] .btn-secondary:hover{\n background-size: 236px 199px;\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 2px solid #1572c2;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}","created_at":"2024-06-25 20:37:29","updated_at":"2024-08-27 23:33:09","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c5fb276-289f-4617-af36-a3647b9add7e":{"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":"AP Invoice Approval - Create GL-Code","description":"AP Invoice Approval - Create GL-Code","process_manager":"","process_manager_id":null,"attributes":{"id":28,"uuid":"9c5fb276-289f-4617-af36-a3647b9add7e","title":"AP Invoice Approval - Create GL-Code","description":"AP Invoice Approval - Create GL-Code","type":"FORM","config":"[{\"name\": \"AP Invoice Approval - Create Users\", \"items\": [{\"items\": [[{\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_glcode\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": \"\\\"\\\"\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"BtnReturn\"}, \"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\": \"

GL-Code Configuration<\/span>
These codes will be used by your users to search for the correct GL account code. <\/span><\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"text\"}, \"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\": \"1\"}, {\"value\": \"2\", \"content\": \"11\"}], \"customCssSelector\": \"BgGridHelper\"}, \"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\": \"

GL Code<\/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\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Description<\/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\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"6\"}, {\"value\": \"2\", \"content\": \"6\"}], \"customCssSelector\": \"tittles\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}, {\"items\": [[{\"items\": [{\"items\": [[{\"label\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"glcode\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"tabindex\": null, \"ariaLabel\": null, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"GL-Code\", \"defaultValue\": {\"mode\": \"basic\", \"value\": \"4000\"}, \"customFormatter\": null}, \"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\": \"description\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"tabindex\": null, \"ariaLabel\": null, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"description\", \"defaultValue\": {\"mode\": \"basic\", \"value\": \"Sales Revenue\"}, \"customFormatter\": null}, \"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\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"6\"}, {\"value\": \"2\", \"content\": \"6\"}], \"customCssSelector\": \"LineItems\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}], \"label\": \"Loop\", \"config\": {\"icon\": \"fas fa-redo\", \"name\": \"codesGL\", \"label\": null, \"settings\": {\"add\": true, \"type\": \"new\", \"times\": \"1\", \"varname\": \"codesGL\"}, \"customCssSelector\": \"DetailsItemsBtn\"}, \"component\": \"FormLoop\", \"container\": true, \"inspector\": [{\"type\": \"LoopInspector\", \"field\": \"settings\", \"config\": {\"label\": 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\": \"Loop\", \"editor-component\": \"Loop\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"UsersScroll\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"fullBox\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}], \"order\": 1}, {\"name\": \"AP Invoice Approval - Users Created\", \"items\": [], \"order\": 2}]","computed":"[]","custom_css":"[selector='LineItems']{\n background-color: #ffffff !important;\n border-bottom: 2px solid #CDDDEE !important;\n color: #556271;\n padding-bottom:1px;\n margin: auto 0;\n padding-left: 25px;\n}\n\n[selector='LineItems'] .form-control{\n border:none !important;\n border-radius: 6px;\n padding:0px 0px 5px 20px !important;\n \/*background-color: #f6f9fb;*\/\n font-size: 0.8em;\n \/*padding-left: 2px!important;*\/\n}\n[selector='LineItems'] .form-group {\n margin-bottom: 0px !important;\n margin-top: -8px !important;\n padding: 0px 0px 2px 0px !important;\n}\n\n[selector='LineItems'] .multiselect .multiselect__tags {\n border: none;\n border-radius: 6px;\n \/*background-color: #f6f9fb;*\/\n \/*margin-right: 5px;*\/\n font-size: 0.7em;\n}\n[selector='LineItems'] .multiselect .multiselect__tags .multiselect__single {\n border: none;\n \/*background-color: #f6f9fb;*\/\n \/*margin-right: 5px;*\/\n font-size: 1em;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-secondary{\n background-color: #FFFFFF !important;\n \/*border: 1px solid #FFFFFF!important;*\/\n border: none;\n color: #1572C2 !important;\n font-weight: 500;\n font-family: 'Poppins';\n padding: 0px;\n text-transform: capitalize;\n width: auto;\n margin-left: 5px;\n padding-top: 15px;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-secondary:hover{\n \/*background-color: #1572C2 !important;*\/\n border:none !important;\n color: #556271 !important;\n}\n[selector='DetailsItemsBtn'] .justify-content-md-center{\n justify-content: center !important;\n padding-bottom: 15px;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .fas.fa-plus::before {\n content: \"+ New GL Code\" !important;\n font-size: 0.9em !important;\n font-weight: 500;\n font-family: 'Poppins' !important;\n}\n\n\/***btn-outline-danger*****\/\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-outline-danger{\n background-color: #FFFFFF !important;\n border: none !important;\n color: #1572C2 !important;\n \/*font-size: 16px;*\/\n font-weight: 500;\n font-family: 'Poppins';\n padding: 0px;\n \/*padding: 10px 10px 0px 10px!important;*\/\n width: auto;\n padding-top: 15px;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-outline-danger:hover{\n background-color: #FFFFFF !important;\n \/*border-bottom: none !important;\n border-radius: 0px !important;*\/\n color: #556271 !important;\n \/*font-weight: 700 !important;*\/\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .fas.fa-minus::before {\n content: \"- Remove last GL Code\" !important;\n font-size: 0.9em !important;\n font-weight: 500;\n font-family: 'Poppins' !important;\n text-transform: none !important;\n}\n\n[selector='fullBox'] {\n background-color: #FFFFFF !important;\n border: 1px solid #CDDDEE !important;\n border-radius: 3px;\n color: #556271;\n}\n[selector='tittles'] {\n padding-top: 15px;\n font-size: 0.75em;\n padding-left: 12px;\n margin-bottom: -15px;\n}\n[selector='UsersScroll']{\n background-color: #FFFFFF;\n max-height: 200px !important;\n min-height: 105px !important;\n overflow-y: scroll;\n overflow-x: hidden;\n padding: 5px 30px 5px 30px;\n}","created_at":"2024-06-25 20:44:59","updated_at":"2024-09-10 16:31:01","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c63c748-8f69-489b-862c-fada96ad4d6a":{"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":"AP Invoice Approval - Upload File GL Codes","description":"AP Invoice Approval - Upload File GL Codes","process_manager":"","process_manager_id":null,"attributes":{"id":29,"uuid":"9c63c748-8f69-489b-862c-fada96ad4d6a","title":"AP Invoice Approval - Upload File GL Codes","description":"AP Invoice Approval - Upload File GL Codes","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"items\": [{\"items\": [[{\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_glcode\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": \"\\\"\\\"\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"BtnReturn\"}, \"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\": \"

GL-Code Configuration<\/span>
Ensure accurate categorization and tracking of finacial trasactions.<\/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\": \"1\"}, {\"value\": \"2\", \"content\": \"11\"}], \"customCssSelector\": \"BgGridHelper\"}, \"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\": \"uploadResult == \\\"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\": \"File Upload\", \"config\": {\"icon\": \"fas fa-file-upload\", \"name\": \"file_upload_2\", \"label\": null, \"customCssSelector\": \"BtnUpload\"}, \"component\": \"FileUpload\", \"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\": \"FileUpload\", \"editor-component\": \"FileUpload\"}, {\"items\": [[]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": 1, \"content\": \"12\"}], \"customCssSelector\": \"testbox\"}, \"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\": \"

 <\/i> Download GL-Code List Template<\/a><\/p>\", \"interactive\": true, \"renderVarHtml\": true, \"customCssSelector\": 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\": \"myboxDownload\"}, \"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\": null}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": 1, \"content\": \"12\"}], \"conditionalHide\": null, \"customCssSelector\": \"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\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='top_msg'] {\r\n border-radius: 6px;\r\n padding: 0px;\r\n width: 100%;\r\n text-align: justify;\r\n}\r\n\r\n[selector='error_msg'] {\r\n background-color: #FFF7E5;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-family: 'Open Sans';\r\n padding-left: 10px;\r\n padding-top: 5px;\r\n vertical-align: middle;\r\n}\r\n\r\n[selector='box'] {\r\n \r\n border-top-left-radius: 6px;\r\n border-top-right-radius: 6px;\r\n padding-right: 30px;\r\n width: 100%;\r\n}\r\n\r\n[selector='inner_box'] {\r\n border-radius: 6px;\r\n padding-top: 30px;\r\n padding-left: 30px;\r\n padding-right: 30px;\r\n margin-right: 45;\r\n}\r\n\r\n\/*****And-Selector-BtnUpload******\/\r\n[selector='BtnUpload']{\r\n width: auto;\r\n margin-top:-50px ; \/* center *\/\r\n padding-bottom: 15px;\r\n}\r\n[selector='BtnImgUpload'] img{\r\n text-align: center;\r\n margin: 0 auto; \/* center *\/\r\n display: flex;\r\n justify-content: center;\r\n \r\n}\r\n[selector='BtnUpload'] .form-control-file {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n max-width: 300px;\r\n text-align: center;\r\n margin: auto;\r\n margin-top: -30px;\r\n \r\n}\r\n[selector='BtnUpload'] .form-control-file > p {\r\n color: transparent;\r\n display: grid;\r\n \r\n}\r\n[selector='BtnUpload'] .form-control-file > p::after {\r\n color: #2381C8 !important;\r\n content: \"\";\r\n font-size: 16px;\r\n font-weight: 600;\r\n \r\n}\r\n\r\n[selector='BtnUpload'] .form-control-file label.btn {\r\n background: white;\r\n color: transparent !important;\r\n border-radius: 8px;\r\n min-width: 400px;\r\n max-height: 45px;\r\n margin-left: -15px;\r\n margin-bottom: -10px;\r\n padding-top: 7px;\r\n border: 1px solid #CDDDEE;\r\n}\r\n[selector='BtnUpload'] .form-control-file label.btn::before {\r\n font-family: 'Font Awesome 5 Free', Open Sans; \/* Make sure this matches the font family in the Font Awesome CSS *\/\r\n content: '\\f574 Upload GL-Code list'; \/* Unicode for download icon *\/\r\n font-weight: 600; \/* Font weight for solid icons *\/\r\n word-spacing: 0.25em;\r\n font-variant-ligatures: 'common-ligatures'; \r\n font-size:16px;\r\n color: #556271 !important;\r\n text-transform: none;\r\n display: inline-block;\r\n width: 100%;\r\n \/*font-weight: 500;*\/\r\n}\r\n[selector='BtnUpload'] .uploader-list {\r\n padding-top: 15px;\r\n padding-left: 75px;\r\n width: 100%;\r\n\r\n}\r\n\r\n\/*****End-BtnUpload******\/\r\n\r\n[selector='myboxFile'] {\r\n width: 400px;\r\n margin-left: 45px;\r\n padding-top: 15px;\r\n border-bottom: 5px solid #CDDDEE;\r\n}\r\n\r\n[selector='myboxDownload'] {\r\n margin-left: 75px;\r\n padding-top: 15px;\r\n max-width: 420px;\r\n}\r\n[selector='boxFile'] {\r\n margin-right: 45px;\r\n padding-right: 10px;\r\n \r\n}\r\n[selector='left-hint-fill'] {\r\n max-width: 470px;\r\n \r\n}\r\n[selector='testbox'] {\r\n max-width: 400px;\r\n border-bottom: 1px solid #CDDDEE;\r\n margin-left: 75px;\r\n margin-right: -25px;\r\n padding-top: 5px;\r\n}","created_at":"2024-06-27 21:26:31","updated_at":"2024-08-27 23:33:10","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c533369-6fa1-4f76-a8e8-936bc702b94a":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v198@processmaker.com","username":"sergio.baltazar+v198@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"AP WIZARD - Execute Template Configuration","description":"AP WIZARD - Execute Template Configuration","process_manager":"","process_manager_id":null,"attributes":{"id":19,"uuid":"9c533369-6fa1-4f76-a8e8-936bc702b94a","key":null,"title":"AP WIZARD - Execute Template Configuration","description":"AP WIZARD - Execute Template Configuration","language":"php","code":" $_SERVER['HOST_URL'],'verify' => false]);\n$guzzleOptions['headers']['Accept'] = 'application\/json';\n$guzzleOptions['headers']['Authorization'] = 'Bearer ' . getenv('API_TOKEN');\n$guzzleApi = '\/api\/1.0\/collections\/guided-template';\n\ntry {\n $guidedTemplateId = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $collectionId = json_decode($guidedTemplateId->getBody()->getContents());\n} catch (\\Throwable $th) {\n return [\n 'errorCode' => $th->getCode(),\n 'errorMessage' => $th->getMessage()\n ];\n}\n$recordInfo['userGroups'] = $data['userGroups'];\n$recordInfo['glCollection'] = $data['glCollection'];\n$recordInfo['assignedEmail'] = $data['assignedEmail'];\n$collectionIdEmail = $data['emailCollectionId'];\n$process_launchpad_id = $data['process_launchpad_id'];\n$guzzleApi = '\/api\/1.0\/processes\/' . $process_launchpad_id;\n$res = $guzzleClient->request(\"GET\", $guzzleApi, $guzzleOptions);\n$process = json_decode($res->getBody(), true);\n$guzzleApi = '\/api\/1.0\/collections\/' . $collectionId . '\/records';\nif (isset( $process['properties']['helperProcessRequestId'])) {\n $helperProcessRequestId = $process['properties']['helperProcessRequestId'];\n $guzzleApi .= '?pmql=data.helperProcessRequestId%20=%20%22' . $helperProcessRequestId . '%22';\n \n try {\n $res = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $existingRecordRes = json_decode($res->getBody(), true)[\"data\"];\n $existingRecordID = $existingRecordRes[0][\"id\"];\n $recordInfo['helperProcessRequestId'] = $helperProcessRequestId;\n $guzzleApi = '\/api\/1.0\/collections\/' . $collectionId . '\/records\/' . $existingRecordID; \n $guzzleMethod = \"PUT\";\n } catch (\\Throwable $th) {\n return [\n 'errorCode' => $th->getCode(),\n 'errorMessage' => $th->getMessage()\n ];\n }\n} else {\n $recordInfo['helperProcessRequestId'] = $data[\"_request\"][\"id\"];\n $guzzleMethod = \"POST\";\n}\n$guzzleOptions['json'] = $recordInfo;\n\ntry {\n $res = $guzzleClient->request($guzzleMethod, $guzzleApi, $guzzleOptions);\n} catch (\\Throwable $th) {\n return [\n 'errorCode' => $th->getCode(),\n 'errorMessage' => $th->getMessage()\n ];\n}\n\nif ($res->getStatusCode() == 201 || $res->getStatusCode() == 204) { \n return [\n \"setupComplete\" => \"yes\",\n \"helperProcessRequestId\" => $recordInfo['helperProcessRequestId'],\n \"emailCollectionId\" => $collectionIdEmail\n ];\n}","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-06-19 15:39:47","updated_at":"2024-09-03 13:27:44","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c6125a4-4c3c-47c6-8261-f078fe177a7b":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v198@processmaker.com","username":"sergio.baltazar+v198@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"GL-Code Validation and Save Data","description":"GL-Code Validation and Save Data","process_manager":"","process_manager_id":null,"attributes":{"id":20,"uuid":"9c6125a4-4c3c-47c6-8261-f078fe177a7b","key":null,"title":"GL-Code Validation and Save Data","description":"GL-Code Validation and Save Data","language":"php","code":" [\n 'Authorization' => \"Bearer {$apiToken}\",\n 'accept' => 'application\/json',\n ],\n 'base_uri' => \"{$apiHost}\/\",\n]);\n\/\/create collection\n$creationGlCodeCollection = $data['glCollection'];\nwhile(!isset($creationGlCodeCollection)){\n $creationGlCodeCollection = getCollectionId();\n}\n$emailCollectionId = $data['emailCollectionId'];\nwhile(!isset($emailCollectionId)){\n $emailCollectionId = getCollectionIdEmail();\n}\n\n\/\/record a new GL Code\nfunction createGLCodeRecord($body, $collection)\n{ \n global $client;\n \/\/ create gl code record\n $response = $client->post(\"collections\/{$collection}\/records\", [\n \"json\" => $body\n ]);\n return json_decode($response->getBody()->getContents(),true);\n}\n\/\/create a new ID collection\nfunction getCollectionId(){ \n global $client;\n $name ='New GL Codes 01';\n $response = $client->get('collections\/?filter='.$name);\n return json_decode($response->getBody(), true)['data'][0]['id'];\n}\nfunction getCollectionIdEmail(){ \n global $client;\n $name ='Email Validation';\n $response = $client->get('collections\/?filter='.$name);\n return json_decode($response->getBody(), true)['data'][0]['id'];\n}\n\n\n\/\/Fill Data using switch\n$case = $data[\"fill_glcode\"];\nswitch ($case):\n case 'manual':\n $apiInstance = $api->collections();\n $collection_id = $creationGlCodeCollection;\n \/\/ Truncate Collection\n \/\/$apiInstance->truncateCollection($collection_id);\n \/\/save data\n $codesGL = $data['codesGL'];\n $num = count($codesGL);\n if($num > 0){\n return [\"approvalgl\" => \"done\", \"errorMessageCode\" => 'ok', \"glCollection\" =>$creationGlCodeCollection];\n }\n \/*if($num > 0){\n for($i = 0; $i <$num; $i++){\n createGLCodeRecord($codesGL[$i], $creationGlCodeCollection);\n }\n return [\"glCodeIdCollection\" => $creationGlCodeCollection, \"approvalgl\" => \"done\", \"errorMessageCode\" => 'ok'];\n }*\/\n else{\n return [\"errorMessageCode\" => \"At least one GL Code should be specified\", \"approvalgl\" => \"fail\", \"glCollection\" =>$creationGlCodeCollection];\n }\n \n break;\n case 'upload':\n $apiInstance = $api->collections();\n $collection_id = $creationGlCodeCollection;\n \/\/ Truncate Collection\n \/\/$apiInstance->truncateCollection($collection_id);\n \/\/ Uploaded file \n $apiInstance = $api->requestFiles();\n $processRequestId = $data[\"_request\"][\"id\"];\n $fileId = $data[\"file_upload_2\"];\n $includeFirstRow = $data[\"includeFirstRow\"];\n $file = $apiInstance->getRequestFilesById($processRequestId, $fileId);\n \/\/$fileContents = file_get_contents($file->getPathname());\n $file = fopen($file->getPathname(), \"r\");\n try {\/\/ Open the file for reading\n if (($handle = $file) !== FALSE) {\n $rowCount = 0;\n \/\/ Loop through the CSV rows\n while (($data = fgetcsv($handle, 1000, ',')) !== FALSE) {\n $rowCount++;\n \/\/ Ensure the CSV row has exactly 3 columns\n if (count($data) == 2) {\n \/\/ Create a record in the collection\n \/*$recordData = array(\n 'glcode' => $data[0], \/\/ Change 'field1', 'field2', 'field3' to your collection field names\n 'description' => $data[1]\n );\n if($rowCount>1){\n createGLCodeRecord($recordData, $creationGlCodeCollection);\n }*\/\n }else{\/\/ Handle error: CSV row does not have 2 columns\n return [\"errorMessageCode\" => \"At least one GL Code should be specified\", \"approvalgl\" => \"fail\"];\n }\n }\/\/ Close the file\n fclose($handle);\n if ($rowCount >= 2) {\n return [\"glCollection\" => $creationGlCodeCollection, \"approvalgl\" => \"done\"];\n } else {\n return [\"errorMessageCode\" => \"At least one GL Code should be specified\", \"approvalgl\" => \"fail\"];\n }\n }else{\/\/ Handle error: unable to open file\n return [\"errorMessageCode\" => \"At least one GL Code should be specified\", \"approvalgl\" => \"fail\"];\n }\n }catch (Exception $e) {\n return[(\"errorMessageCode: \" . $e->getMessage()), \"approvalgl\" => \"fail\"];\n }\n break;\n default:\n return [\"errorMessageCode\" => \"selection is not correct\", \"approvalgl\" => \"fail\"];\nendswitch;","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-06-26 14:02:52","updated_at":"2024-09-02 19:56:16","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c95942a-3851-4dd6-8201-e4cdaf03da0b":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v198@processmaker.com","username":"sergio.baltazar+v198@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"IDA Helper - Find or Create GL Collection","description":"IDA Helper - Find or Create GL Collection","process_manager":"","process_manager_id":null,"attributes":{"id":21,"uuid":"9c95942a-3851-4dd6-8201-e4cdaf03da0b","key":null,"title":"IDA Helper - Find or Create GL Collection","description":"IDA Helper - Find or Create GL Collection","language":"php","code":" [\n 'Authorization' => \"Bearer {$apiToken}\",\n 'accept' => 'application/json',\n ],\n 'base_uri' => rtrim($apiHost, '/') . '/',\n]);\n\n$categoryId = resolveNonSystemCategoryId();\n\n$editScreen = findOrCreateScreen(\n 'GL Code screen 01',\n 'FORM',\n 'GL Code Screen description',\n $categoryId\n);\n\n$viewScreen = findOrCreateScreen(\n 'GL Code View 01',\n 'DISPLAY',\n 'GL Code View description',\n $categoryId\n);\n\nreturn [\n 'editScreen' => $editScreen,\n 'viewScreen' => $viewScreen,\n];\n\nfunction findOrCreateScreen($name, $type, $description, $categoryId)\n{\n global $client;\n\n // First lookup: keep original behavior (visible/non-system resources).\n $response = $client->get('screens/?filter=' . urlencode($name));\n $data = json_decode($response->getBody()->getContents(), true)['data'] ?? [];\n\n foreach ($data as $screen) {\n if (($screen['title'] ?? '') === $name) {\n return (int) $screen['id'];\n }\n }\n\n // Second lookup: include system screens to avoid duplicate-title 422.\n $responseAll = $client->get('screens/?include_system=1&filter=' . urlencode($name));\n $dataAll = json_decode($responseAll->getBody()->getContents(), true)['data'] ?? [];\n\n foreach ($dataAll as $screen) {\n if (($screen['title'] ?? '') === $name) {\n return (int) $screen['id'];\n }\n }\n\n $payload = [\n 'title' => $name,\n 'type' => $type,\n 'description' => $description,\n 'projects' => [],\n 'screen_category_id' => (string) $categoryId, // Non-system category\n ];\n\n try {\n $created = $client->post('screens/', ['json' => $payload]);\n return (int) (json_decode($created->getBody()->getContents(), true)['data'][0]['id'] ?? 0);\n } catch (BadResponseException $e) {\n // If another worker created it concurrently, recover by re-querying.\n if ($e->getResponse() && $e->getResponse()->getStatusCode() === 422) {\n $retry = $client->get('screens/?include_system=1&filter=' . urlencode($name));\n $retryData = json_decode($retry->getBody()->getContents(), true)['data'] ?? [];\n foreach ($retryData as $screen) {\n if (($screen['title'] ?? '') === $name) {\n return (int) $screen['id'];\n }\n }\n }\n throw $e;\n }\n}\n\nfunction resolveNonSystemCategoryId()\n{\n global $client;\n\n // Fetch categories including system so we can pick safely.\n $response = $client->get('screen_categories/?include_system=1&per_page=100');\n $categories = json_decode($response->getBody()->getContents(), true)['data'] ?? [];\n\n // Prefer \"Uncategorized\" with is_system = false.\n foreach ($categories as $cat) {\n if (($cat['name'] ?? '') === 'Uncategorized' && empty($cat['is_system'])) {\n return (int) $cat['id'];\n }\n }\n\n // Fallback to any non-system category.\n foreach ($categories as $cat) {\n if (empty($cat['is_system'])) {\n return (int) $cat['id'];\n }\n }\n\n throw new RuntimeException('No non-system screen category available.');\n}\n","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-07-22 15:34:58","updated_at":"2024-08-27 23:33:12","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"signal-invoice_helper_callback":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\SignalExporter","type":"Signal","type_human":"Signal","type_plural":"Signals","type_human_plural":"Signals","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\ImportExport\\Psudomodels\\Signal","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"data-source-webhook","uuid":"9b7c0a02-a9f0-4ae0-9495-c6bb33ab7265","meta":null,"exporterClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\WebhookExporter","modelClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Webhook","fallbackMatches":{"name":null},"name":"Webhook for signal: invoice_helper_callback","discard":false}],"name":"invoice_helper_callback","description":"","process_manager":"","process_manager_id":null,"attributes":{"id":"invoice_helper_callback","name":"invoice_helper_callback","detail":"","global":true},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9b7c0a02-a9f0-4ae0-9495-c6bb33ab7265":{"exporter":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\WebhookExporter","type":"Webhook","type_human":"Webhook","type_plural":"Webhooks","type_human_plural":"Webhooks","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Webhook","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Webhook for signal: invoice_helper_callback","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":1,"uuid":"9b7c0a02-a9f0-4ae0-9495-c6bb33ab7265","name":null,"description":null,"method":"POST","key":"1a4d0deb6a7fe90f3401867552d21b3c","type":"signal","authentication":"NONE","config":"{\"event\": \"invoice_helper_callback\", \"password\": null, \"restrict\": [], \"security\": [], \"username\": null, \"payload_type\": \"FORM\"}","headers":"[]","payload":null,"target_variable":null,"whitelist":null,"image_name":null,"created_at":"2024-03-04 16:41:01","updated_at":"2024-03-04 16:41:01"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9c532aa9-6c01-4d0f-8cdd-12aead7bb37c":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ProcessLaunchpadExporter","type":"LaunchpadSetting","type_human":"Launchpad Setting","type_plural":"LaunchpadSettings","type_human_plural":"Launchpad Settings","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ProcessLaunchpad","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9d068f06-bf33-42f4-9e62-bc01688a9948","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v1981@processmaker.com","username":"sergio.baltazar+v1981@processmaker.com"},"name":"","discard":false}],"name":"Setting","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":1,"uuid":"9c532aa9-6c01-4d0f-8cdd-12aead7bb37c","process_id":11,"user_id":4,"properties":"{\"icon\": \"Default Icon\", \"screen_id\": 0, \"icon_label\": \"Default Icon\", \"screen_uuid\": \"\", \"screen_title\": \"Default Launchpad\", \"saved_chart_id\": 0, \"saved_chart_title\": \"Default Launchpad Chart\"}","created_at":"2024-06-19 15:15:19","updated_at":"2024-09-12 20:33:23"},"extraAttributes":{"translatedLanguages":[]},"references":[]}}} \ No newline at end of file +{"type":"process_package","version":"2","root":"9c532546-fab7-4807-bb40-a0648363c338","name":"Non-PO Invoice Approval Helper","export":{"9c532546-fab7-4807-bb40-a0648363c338":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ProcessExporter","type":"Process","type_human":"Process","type_plural":"Processes","type_human_plural":"Processes","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Process","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"screens","uuid":"9c7dea4e-bea2-4e09-be4f-2816d7636154","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:serviceTask"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"New User Invite"},"name":"New User Invite","discard":false},{"type":"data-source-script","uuid":"9c553920-cf81-4b7d-8e1f-a670c2d3fced","meta":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[2]","exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"Rol User Validation"},"name":"Rol User Validation","discard":false},{"type":"data-source-script","uuid":"9c7dccec-9466-49ca-aa63-f1f54098bd02","meta":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[4]","exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"IDA - Generate new user tokens"},"name":"IDA - Generate new user tokens","discard":false},{"type":"data-source-script","uuid":"9cc3b8bc-fecc-4a97-af99-f20bfe396e36","meta":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[6]","exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"update New GL-Codes"},"name":"update New GL-Codes","discard":false},{"type":"user","uuid":"9d068f06-bf33-42f4-9e62-bc01688a9948","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v1981@processmaker.com","username":"sergio.baltazar+v1981@processmaker.com"},"name":"","discard":false},{"type":"interstitial_screen","uuid":"9c532657-eb91-4796-93fc-ca9b1d2258d0","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:startEvent[1]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Screen Interstitial APHelper"},"name":"Screen Interstitial APHelper","discard":false},{"type":"screens","uuid":"9c5327bc-a1a0-46f5-af5f-1233bee478ee","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[1]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Connect Email"},"name":"AP Invoice Approval - Connect Email","discard":false},{"type":"interstitial_screen","uuid":"9c532657-eb91-4796-93fc-ca9b1d2258d0","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[1]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Screen Interstitial APHelper"},"name":"Screen Interstitial APHelper","discard":false},{"type":"screens","uuid":"9c981204-281c-48f1-a7eb-edbd99ef2a73","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[2]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Define Users 2"},"name":"AP Invoice Approval - Define Users 2","discard":false},{"type":"interstitial_screen","uuid":"9c532657-eb91-4796-93fc-ca9b1d2258d0","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[2]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Screen Interstitial APHelper"},"name":"Screen Interstitial APHelper","discard":false},{"type":"screens","uuid":"9c53329c-13ff-4fad-b42e-1468df3cc85a","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[3]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Connect Finish"},"name":"AP Invoice Approval - Connect Finish","discard":false},{"type":"interstitial_screen","uuid":"9c532657-eb91-4796-93fc-ca9b1d2258d0","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[3]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Screen Interstitial APHelper"},"name":"Screen Interstitial APHelper","discard":false},{"type":"screens","uuid":"9c5faf3d-a4c0-4bfd-883b-9db7e21b2c18","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[4]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Define GL-Codes"},"name":"AP Invoice Approval - Define GL-Codes","discard":false},{"type":"interstitial_screen","uuid":"9c532657-eb91-4796-93fc-ca9b1d2258d0","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:task[4]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Screen Interstitial APHelper"},"name":"Screen Interstitial APHelper","discard":false},{"type":"scripts","uuid":"9c533369-6fa1-4f76-a8e8-936bc702b94a","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[1]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"AP WIZARD - Execute Template Configuration"},"name":"AP WIZARD - Execute Template Configuration","discard":false},{"type":"scripts","uuid":"9c553920-cf81-4b7d-8e1f-a670c2d3fced","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[2]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"Rol User Validation"},"name":"Rol User Validation","discard":false},{"type":"scripts","uuid":"9c6125a4-4c3c-47c6-8261-f078fe177a7b","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[3]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"GL-Code Validation and Save Data"},"name":"GL-Code Validation and Save Data","discard":false},{"type":"scripts","uuid":"9c7dccec-9466-49ca-aa63-f1f54098bd02","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[4]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"IDA - Generate new user tokens"},"name":"IDA - Generate new user tokens","discard":false},{"type":"scripts","uuid":"9c95942a-3851-4dd6-8201-e4cdaf03da0b","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[5]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"IDA Helper - Find or Create GL Collection"},"name":"IDA Helper - Find or Create GL Collection","discard":false},{"type":"scripts","uuid":"9cc3b8bc-fecc-4a97-af99-f20bfe396e36","meta":{"path":"\/bpmn:definitions\/bpmn:process\/bpmn:scriptTask[6]"},"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","modelClass":"ProcessMaker\\Models\\Script","fallbackMatches":{"title":"update New GL-Codes"},"name":"update New GL-Codes","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":"9c532aa9-6c01-4d0f-8cdd-12aead7bb37c","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ProcessLaunchpadExporter","modelClass":"ProcessMaker\\Models\\ProcessLaunchpad","fallbackMatches":[],"name":"Setting","discard":false}],"name":"Non-PO Invoice Approval Helper","description":"Non-PO Invoice Approval Helper","process_manager":"","process_manager_id":null,"attributes":{"id":11,"uuid":"9c532546-fab7-4807-bb40-a0648363c338","process_category_id":3,"user_id":4,"bpmn":"\n\n \n \n \n node_279<\/bpmn:flowNodeRef>\n node_324<\/bpmn:flowNodeRef>\n node_420<\/bpmn:flowNodeRef>\n node_689<\/bpmn:flowNodeRef>\n node_978<\/bpmn:flowNodeRef>\n node_979<\/bpmn:flowNodeRef>\n node_993<\/bpmn:flowNodeRef>\n node_1032<\/bpmn:flowNodeRef>\n node_1164<\/bpmn:flowNodeRef>\n node_1196<\/bpmn:flowNodeRef>\n node_1204<\/bpmn:flowNodeRef>\n node_1222<\/bpmn:flowNodeRef>\n node_1262<\/bpmn:flowNodeRef>\n node_1278<\/bpmn:flowNodeRef>\n <\/bpmn:lane>\n \n node_6<\/bpmn:flowNodeRef>\n node_7<\/bpmn:flowNodeRef>\n node_71<\/bpmn:flowNodeRef>\n node_221<\/bpmn:flowNodeRef>\n node_477<\/bpmn:flowNodeRef>\n node_508<\/bpmn:flowNodeRef>\n node_639<\/bpmn:flowNodeRef>\n node_1084<\/bpmn:flowNodeRef>\n node_1086<\/bpmn:flowNodeRef>\n node_1260<\/bpmn:flowNodeRef>\n <\/bpmn:lane>\n <\/bpmn:laneSet>\n \n node_1096<\/bpmn:outgoing>\n <\/bpmn:startEvent>\n \n node_1111<\/bpmn:incoming>\n node_1130<\/bpmn:outgoing>\n <\/bpmn:task>\n \n node_493<\/bpmn:incoming>\n node_1131<\/bpmn:incoming>\n node_438<\/bpmn:outgoing>\n <\/bpmn:task>\n \n node_1249<\/bpmn:incoming>\n node_275<\/bpmn:outgoing>\n <\/bpmn:task>\n \n node_275<\/bpmn:incoming>\n node_1286<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n node_1287<\/bpmn:incoming>\n <\/bpmn:endEvent>\n \n node_438<\/bpmn:incoming>\n node_482<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n node_482<\/bpmn:incoming>\n node_493<\/bpmn:outgoing>\n node_1263<\/bpmn:outgoing>\n <\/bpmn:exclusiveGateway>\n \n \n approval == \"fail\"<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n \n node_660<\/bpmn:incoming>\n node_1263<\/bpmn:incoming>\n node_635<\/bpmn:outgoing>\n <\/bpmn:task>\n \n node_649<\/bpmn:incoming>\n node_660<\/bpmn:outgoing>\n node_1248<\/bpmn:outgoing>\n <\/bpmn:exclusiveGateway>\n \n approvalgl == \"fail\"<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n \n node_635<\/bpmn:incoming>\n node_649<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n \n node_1044<\/bpmn:outgoing>\n \n <\/bpmn:startEvent>\n \n node_1057<\/bpmn:incoming>\n node_999<\/bpmn:outgoing>\n \n \n \n node_979_input_1<\/bpmn:dataInputRefs>\n <\/bpmn:inputSet>\n \n <\/bpmn:ioSpecification>\n \n node_979_input_1<\/bpmn:loopDataInputRef>\n <\/bpmn:multiInstanceLoopCharacteristics>\n <\/bpmn:serviceTask>\n \n node_999<\/bpmn:incoming>\n <\/bpmn:endEvent>\n \n \n node_1044<\/bpmn:incoming>\n node_1057<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n \n node_1096<\/bpmn:incoming>\n node_1111<\/bpmn:outgoing>\n node_1178<\/bpmn:outgoing>\n <\/bpmn:parallelGateway>\n \n node_1130<\/bpmn:incoming>\n node_1183<\/bpmn:incoming>\n node_1131<\/bpmn:outgoing>\n <\/bpmn:parallelGateway>\n \n \n \n \n \n node_1178<\/bpmn:incoming>\n node_1183<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n \n node_1221<\/bpmn:incoming>\n <\/bpmn:endEvent>\n \n node_1214<\/bpmn:incoming>\n node_1221<\/bpmn:outgoing>\n <\/bpmn:scriptTask>\n \n \n node_1214<\/bpmn:outgoing>\n \n <\/bpmn:startEvent>\n \n \n node_1248<\/bpmn:incoming>\n node_1249<\/bpmn:outgoing>\n \n <\/bpmn:intermediateThrowEvent>\n \n approvalgl == \"done\"<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n \n \n node_1288<\/bpmn:incoming>\n \n <\/bpmn:endEvent>\n \n approval == \"done\"<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n \n node_1286<\/bpmn:incoming>\n node_1287<\/bpmn:outgoing>\n node_1288<\/bpmn:outgoing>\n <\/bpmn:exclusiveGateway>\n \n \n \n <\/bpmn:sequenceFlow>\n \n sendInvites<\/bpmn:conditionExpression>\n <\/bpmn:sequenceFlow>\n <\/bpmn:process>\n \n \n <\/bpmn:collaboration>\n \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 \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 \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 \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n \n <\/bpmndi:BPMNEdge>\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 \n <\/bpmndi:BPMNEdge>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n <\/bpmndi:BPMNShape>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n \n <\/bpmndi:BPMNEdge>\n \n \n \n \n <\/bpmndi:BPMNEdge>\n <\/bpmndi:BPMNPlane>\n <\/bpmndi:BPMNDiagram>\n<\/bpmn:definitions>\n","description":"Non-PO Invoice Approval Helper","name":"Non-PO 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":"2024-06-19 15:00:16","updated_at":"2026-02-19 11:40:00","updated_by":null,"start_events":"[{\"id\": \"node_6\", \"name\": \"Launch Wizard\", \"config\": \"{\\\"web_entry\\\":null}\", \"assignment\": \"group\", \"assignedUsers\": \"\", \"assignedGroups\": \"1\", \"ownerProcessId\": \"ProcessId\", \"eventDefinitions\": [], \"ownerProcessName\": \"ProcessName\", \"allowInterstitial\": \"true\", \"interstitialScreenRef\": \"17\"}, {\"id\": \"node_978\", \"name\": \"Invite New Users\", \"ownerProcessId\": \"ProcessId\", \"eventDefinitions\": [{\"$type\": \"messageEventDefinition\", \"messageRef\": \"node_1262_message\"}], \"ownerProcessName\": \"ProcessName\"}, {\"id\": \"node_1222\", \"name\": \"Start GL Codes\", \"ownerProcessId\": \"ProcessId\", \"eventDefinitions\": [{\"$type\": \"messageEventDefinition\", \"messageRef\": \"node_1260_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>System<\/tspan><\/text><\/g>Requester<\/tspan><\/text><\/g>Launch\u00a0Wizard<\/tspan><\/text>-<\/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>-<\/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>Users<\/tspan><\/text>-<\/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>-<\/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>-<\/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>verify\u00a0Users<\/tspan><\/text>-<\/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>correct\u00a0users?\u00a0<\/tspan><\/text>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Configure<\/tspan>GL-Codes<\/tspan><\/text>-<\/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>correct\u00a0GL-Codes<\/tspan><\/text>-<\/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>Verify<\/tspan>GL-Codes<\/tspan><\/text>-<\/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>Invite\u00a0New\u00a0Users<\/tspan><\/text>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Send\u00a0Invites<\/tspan><\/text>-<\/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>-<\/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>Tokens<\/tspan><\/text>-<\/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>-<\/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>-<\/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>Find\u00a0or\u00a0create<\/tspan>GL\u00a0Code<\/tspan>Collection<\/tspan><\/text>-<\/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>-<\/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\u00a0GL<\/tspan>Codes<\/tspan><\/text>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Start\u00a0GL\u00a0Codes<\/tspan><\/text>-<\/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>GL\u00a0Codes<\/tspan><\/text>-<\/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>Invite\u00a0new\u00a0users<\/tspan><\/text>-<\/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>Invited\u00a0Users?<\/tspan><\/text>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Execute<\/tspan>Template<\/tspan>Configuration<\/tspan><\/text>-<\/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>fail<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>done<\/tspan><\/text><\/g><\/g><\/g>fail<\/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>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g>-<\/tspan><\/text><\/g><\/g><\/g><\/g><\/g>

 <\/p>\\n

\\n

<\/p>\\n<\/center>\\n

 <\/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\": \"

Hello {{name}},<\/p>\\n

Exciting news! You have been invited to participate in your company's invoice approval process as a {{updateRole}}.<\/p>\\n

You can use the button below to access the process at any time. In case you lose this invite, feel free to use the platform \\\"Forgot Password?\\\" option to define a new password for your email address.<\/p>\\n

If you've got any questions feel free to reach out.<\/p>\\n

Thanks,<\/p>\\n

AP Team<\/p>\", \"interactive\": true, \"renderVarHtml\": true, \"conditionalHide\": null, \"customCssSelector\": \"body-container\"}, \"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\": \"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\": \"

ACCESS THE INVOICE APPROVAL PROCESS<\/a><\/p>\\n

 <\/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\"}], \"order\": 1}]","computed":"[{\"id\": 3, \"name\": \"updateRole\", \"type\": \"javascript\", \"order\": 1, \"byPass\": false, \"formula\": \"const roles = this.role;\\nif(roles == 'invoice_creator'){\\n role = 'Invoice Creator';\\n}\\nif(roles == 'invoice_reviewer'){\\n role = 'Invoice Reviewer';\\n}\\nif(roles == 'finance_approver'){\\n role = 'Finance Approval';\\n}\\n\\n\\nreturn role;\", \"property\": \"updateRole\"}]","custom_css":"[selector='body-container'] p {\n color: #556271;\n}","created_at":"2024-07-10 21:15:58","updated_at":"2024-09-16 16:29:09","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c553920-cf81-4b7d-8e1f-a670c2d3fced":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"data-source-scripts","uuid":"9cd3ef94-0ca0-419d-96b2-c2f75a3afb03","meta":null,"exporterClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\ScriptExporter","modelClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Script","fallbackMatches":[],"name":"Rol User Validation","discard":false},{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v198@processmaker.com","username":"sergio.baltazar+v198@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"Rol User Validation","description":"Rol User Validation","process_manager":"","process_manager_id":null,"attributes":{"id":16,"uuid":"9c553920-cf81-4b7d-8e1f-a670c2d3fced","key":null,"title":"Rol User Validation","description":"Rol User Validation","language":"php","code":" [\n 'Authorization' => \"Bearer {$apiToken}\",\n 'accept' => 'application\/json',\n ],\n 'base_uri' => \"{$apiHost}\/\",\n]);\n\nfunction createScreenGlCode(){\n global $client;\n $name ='GL Code screen 01';\n $response = $client->get('screens\/?filter='.$name);\n $result = json_decode($response->getBody()->getContents(), true)['data'];\n return json_decode($response->getBody(), true)['data'][0]['id'];\n}\n\/\/create a viwer GL Code\nfunction createViewGlCode(){\n global $client;\n $name ='GL Code View 01';\n $response = $client->get('screens\/?filter='.$name);\n $result = json_decode($response->getBody()->getContents(), true)['data'];\n return json_decode($response->getBody(), true)['data'][0]['id'];\n}\n\n\/\/create a collection GL Code\nfunction createCollectionGlCode($editScreen, $viewScreen){\n global $client;\n $name ='New GL Codes 01';\n $response = $client->get('collections\/?filter='.$name);\n $result = json_decode($response->getBody(), true)['data'][0]['id'];\n \/\/verify if the screen exist\n if (empty($result)){\n try{\n $response = $client->post('collections',[\n 'json' => [\n \"name\" => \"New GL Codes 01\",\n \"description\" => \"GL Codes creation\",\n \"custom_title\" => \"New GL Codes 01\",\n \"create_screen_id\" => $data['editScreen']?? createScreenGlCode(),\n \"read_screen_id\" => $data['viewScreen']?? createViewGlCode(),\n \"update_screen_id\" => $data['editScreen']?? createScreenGlCode(),\n \"signal_create\" => true,\n \"signal_update\" => true,\n \"signal_delete\" => true,\n ]\n ]);\n }catch(Exception $e) {\n return null;\n }\n }else{\n return json_decode($response->getBody(), true)['data'][0]['id'];\n }\n}\n\n\/\/create a collection Email Validatio\nfunction createCollectionEmailValidation($editScreen, $viewScreen){\n global $client;\n $name ='Email Validation';\n $response = $client->get('collections\/?filter='.$name);\n $result = json_decode($response->getBody(), true)['data'][0]['id'];\n \/\/verify if the screen exist\n if (empty($result)){\n try{\n $response = $client->post('collections',[\n 'json' => [\n \"name\" => \"Email Validation\",\n \"description\" => \"Email Validation\",\n \"custom_title\" => \"Email Validation\",\n \"create_screen_id\" => $data['editScreen']?? createScreenGlCode(),\n \"read_screen_id\" => $data['viewScreen']?? createViewGlCode(),\n \"update_screen_id\" => $data['editScreen']?? createScreenGlCode(),\n \"signal_create\" => true,\n \"signal_update\" => true,\n \"signal_delete\" => true,\n ]\n ]);\n }catch(Exception $e) {\n return null;\n }\n }else{\n return json_decode($response->getBody(), true)['data'][0]['id'];\n }\n}\n\n$approval='';\nfunction validateUserRolesbyArray($users, $requiredRoles) {\n $userRoles = array_map(function($user) {\n return $user['userRole'];\n },$users);\n $missingRoles = [];\n foreach ($requiredRoles as $role) {\n if (!in_array($role, $userRoles)) {\n $missingRoles[] = $role;\n }\n }\n return $missingRoles;\n}\nfunction readCsvFile($csvFile) {\n $users = [];\n $file = $apiInstance->getRequestFilesById($processRequestId, $fileId);\n $file = fopen($file->getPathname(), \"r\");\n if (($handle = $file) !== FALSE) {\n $header = fgetcsv($handle, 1000, ',');\n while (($data = fgetcsv($handle, 1000, ',')) !== FALSE) {\n $users[] = array_combine($header, $data);\n }\n fclose($handle);\n }\n return $users;\n}\n\nfunction validateUserRolesbyFile($users, $requiredRoles) {\n $userRoles = array_map(function($user) {\n return $user['userRole'];\n }, $users);\n $missingRoles = [];\n foreach ($requiredRoles as $role) {\n if (!in_array($role, $userRoles)) {\n $missingRoles[] = $role;\n }\n }\n return $missingRoles;\n}\n\nfunction getGroupId($groupName){\n global $api;\n $result = $api->groups()->getGroups('ACTIVE', $groupName);\n if(is_array($result->getData()) && count($result->getData())>0){\n return $result->getData()[0]->getId();\n }else{\n $group = new \\ProcessMaker\\Client\\Model\\GroupsEditable();\n $group->setName($groupName);\n $group->setDescription('');\n $group->setStatus('ACTIVE');\n return $api->groups()->createGroup($group)->getId();\n }\n}\n\nfunction addGroupMembers($users, $groups){\n global $api;\n $updateUserGroups = new \\ProcessMaker\\Client\\Model\\UpdateUserGroups();\n $invitedUsers = [];\n foreach($users as $user){\n $result = $api->users()->getUsers('ACTIVE', $user['userEmail']);\n if(is_array($result->getData()) && count($result->getData())>0){\n $userId = $result->getData()[0]->getId();\n $currentGroups = [];\n $result = $api->groupMembers()->getGroupMembers($userId);\n foreach($result->getData() as $group){\n $currentGroups[] = $group['group_id'];\n }\n if(!in_array($groups[$user['userRole']], $currentGroups)){\n $currentGroups[] = $groups[$user['userRole']];\n }\n if(!in_array(1, $currentGroups)){\n $currentGroups[] = 1;\n }\n $updateUserGroups->setGroups($currentGroups);\n }else{\n $newUser = new \\ProcessMaker\\Client\\Model\\UsersEditable();\n $newUser->setFirstname($user['userName']);\n $newUser->setLastname($user['userLastName']);\n $newUser->setUsername($user['userEmail']);\n $newUser->setPassword('SASWDWgh_1524');\n $newUser->setEmail($user['userEmail']);\n $newUser->setStatus('ACTIVE');\n $userId = $api->users()->createUser($newUser)->getId();\n $invitedUsers[] = ['id' => $userId, 'name' => $user['userName'].' '.$user['userLastName'], 'email' => $user['userEmail'], 'role' => $user['userRole']];\n $updateUserGroups->setGroups([$groups[$user['userRole']], 1]);\n }\n $api->users()->updateUserGroups($userId, $updateUserGroups);\n }\n return $invitedUsers;\n}\n\n$requiredRoles = ['invoice_creator', 'invoice_reviewer', 'finance_approver'];\n$case = $data[\"fill_user\"];\nswitch ($case): \n case 'manual':\n $newUsers = $data['users'];\n \/\/$rolemissing = [];\n $missingRoles = validateUserRolesbyArray($newUsers, $requiredRoles);\n if(implode($missingRoles) == 'invoice_creator') {\n $rolemissing = 'Invoice Creator';\n }\n elseif(implode($missingRoles) == 'invoice_reviewer'){\n $rolemissing = 'Invoice Reviewer';\n }\n elseif(implode($missingRoles) == 'finance_approver'){\n $rolemissing = 'Finance Approver';\n }\n elseif(implode($missingRoles) == 'invoice_creatorinvoice_reviewer'){\n $rolemissing = 'Invoice Creator and Invoice Reviewer';\n }\n elseif(implode($missingRoles) == 'invoice_reviewerfinance_approver'){\n $rolemissing = 'Invoice Reviewer and Finance Approver';\n }\n elseif(implode($missingRoles) == 'invoice_creatorfinance_approver'){\n $rolemissing = 'Invoice Creator and Finance Approver';\n }\n elseif(implode($missingRoles) == 'invoice_creatorinvoice_reviewerfinance_approver'){\n $rolemissing = 'Invoice Creator, Invoice Reviewer and Finance Approver';\n }\n else {\n $rolemissing = implode($missingRoles);\n }\n if (empty($missingRoles)) {\n $approval = 'done';\n $errorMessage = 'It has the required roles.';\n $invitedUsers = false;\n } else {\n $approval = 'fail';\n return ['errorMessage' => ''.$rolemissing.' Needed.', 'approval'=>$approval, 'invitedUsers' => false];\n }\n break;\n\n case 'upload': \n $apiInstance = $api->requestFiles();\n $processRequestId = $data[\"_request\"][\"id\"];\n $fileId = $data[\"file_upload_1\"];\n $includeFirstRow = $data[\"includeFirstRow\"];\n $file = $apiInstance->getRequestFilesById($processRequestId, $fileId);\n $fileContents = file_get_contents($file->getPathname());\n $csv = explode(\"\\n\",$fileContents);\n $cont=0;\n $newUsers = [];\n foreach($csv as $key){\n if($cont>0){\n $csv1 = explode(\",\",$key);\n $var = preg_replace(\"\/\\r|\\n\/\", \"\", $csv1[3]);\n $newUsers[] = [\n 'userName' => preg_replace(\"\/\\r|\\n\/\", \"\", $csv1[0]),\n 'userLastName' => preg_replace(\"\/\\r|\\n\/\", \"\", $csv1[1]),\n 'userEmail' => preg_replace(\"\/\\r|\\n\/\", \"\", $csv1[2]),\n 'userRole' => preg_replace(\"\/\\r|\\n\/\", \"\", $csv1[3]),\n ];\n $clave[] = array_search($var, $requiredRoles); \/\/ $clave = 2;\n }\n \/\/echo $key;\n $cont++; \n }\n \/\/return $clave;\n $requiredValues = [0, 1, 2];\n $foundValues = array_intersect($requiredValues, $clave);\n if (count($foundValues) === count($requiredValues)) {\n $approval = 'done';\n $errorMessage = 'It has the required roles.';\n $invitedUsers = false;\n } \n else {\n $approval = 'fail';\n return ['errorMessage' => 'There are required roles missing. ', 'approval' => $approval, 'invitedUsers' => false];\n }\n break;\n\n default:\n return ['errorMessage' => 'selection is not correct or', 'approval'=>'fail', 'invitedUsers' => false];\nendswitch;\n$userGroups = [];\nforeach($requiredRoles as $role){\n $userGroups[$role] = getGroupId($role);\n}\n$invitedUsers = addGroupMembers($newUsers, $userGroups);\n\nreturn ['userGroups'=>$userGroups, 'approval'=>$approval, 'sendInvites' => (is_array($invitedUsers)&&count($invitedUsers)>0), 'invitedUsers' => $invitedUsers, 'errorMessage'=>$errorMessage, 'glCollection' => createCollectionGlCode($editScreen, $viewScreen), 'emailCollectionId' => createCollectionEmailValidation($editScreen, $viewScreen)];","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-06-20 15:47:26","updated_at":"2024-09-10 13:07:29","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9cd3ef94-0ca0-419d-96b2-c2f75a3afb03":{"exporter":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\ScriptExporter","type":"DataConnectorScript","type_human":"Direct API Access For Script","type_plural":"DataConnectorScripts","type_human_plural":"Direct API Access For Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Script","force_password_protect":false,"hidden":true,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Rol User Validation","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":1,"uuid":"9cd3ef94-0ca0-419d-96b2-c2f75a3afb03","script_id":16,"key":"98c77853-44d4-4a74-9523-8cbdeb8086f1","enabled":0,"synchronously":1,"methods":"[\"POST\"]","data_types":"[\"FORM\"]","authentication":null,"authentication_config":"{\"password\": null, \"username\": null}","whitelist":"[]","created_at":"2024-08-22 15:31:54","updated_at":"2024-08-27 23:33:05"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9acb37b3-a8ed-49dc-b4de-f686ad4e286f":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","type":"ScriptExecutor","type_human":"Script Executor","type_plural":"ScriptExecutors","type_human_plural":"Script Executors","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ScriptExecutor","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"PHP Executor","description":"Default PHP Executor asdfsfdadsf","process_manager":"","process_manager_id":null,"attributes":{"id":1,"uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","title":"PHP Executor","description":"Default PHP Executor asdfsfdadsf","language":"php","config":"RUN composer require aws\/aws-sdk-php:3.226.0","is_system":0,"created_at":"2023-12-07 19:07:15","updated_at":"2023-12-07 19:07:15"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9c7dccec-9466-49ca-aa63-f1f54098bd02":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"data-source-scripts","uuid":"9cc6abb9-e4a1-4a83-8d43-7aa96e07f224","meta":null,"exporterClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\ScriptExporter","modelClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Script","fallbackMatches":[],"name":"IDA - Generate new user tokens","discard":false},{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v198@processmaker.com","username":"sergio.baltazar+v198@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"IDA - Generate new user tokens","description":"IDA - Generate new user tokens","process_manager":"","process_manager_id":null,"attributes":{"id":17,"uuid":"9c7dccec-9466-49ca-aa63-f1f54098bd02","key":null,"title":"IDA - Generate new user tokens","description":"IDA - Generate new user tokens","language":"php","code":" $_SERVER['HOST_URL'],'verify' => false]);\n$guzzleOptions['headers']['Accept'] = 'application\/json';\n$guzzleOptions['headers']['Authorization'] = 'Bearer ' . getenv('API_TOKEN');\n\nif(isset($data['process_launchpad_id'])){\n $processId = $data['process_launchpad_id'];\n}else{\n $guzzleApi = '\/api\/1.0\/processes?pmql='.urlencode('properties.helperProcessRequestId='.$data['helperProcessRequestId']);\n $res = [];\n sleep(3);\n while(count($res)<1){\n $res = json_decode($guzzleClient->request('GET', $guzzleApi, $guzzleOptions)->getBody(), true)['data'];\n sleep(2);\n }\n $processId = $res[0]['id'];\n}\n\n$guzzleOptions['json'] = ['name'=> 'API Token', 'scopes' => []];\n$invitedUsers = $data['invitedUsers'];\nif(is_array($invitedUsers) && count($invitedUsers)>0){\n foreach($invitedUsers as &$user){\n $res = $guzzleClient->request('POST', '\/api\/1.0\/users\/'.$user['id'].'\/tokens', $guzzleOptions);\n $user['token'] = json_decode($res->getBody(), true)['accessToken'];\n $user['instanceURL']=$data['instanceURL'];\n $user['processId']=$processId;\n }\n}\n\nreturn ['invitedUsers'=>$invitedUsers];","retry_wait_time":5,"retry_attempts":1,"timeout":240,"run_as_user_id":1,"created_at":"2024-07-10 19:53:49","updated_at":"2024-08-27 23:33:05","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9cc6abb9-e4a1-4a83-8d43-7aa96e07f224":{"exporter":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\ScriptExporter","type":"DataConnectorScript","type_human":"Direct API Access For Script","type_plural":"DataConnectorScripts","type_human_plural":"Direct API Access For Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Script","force_password_protect":false,"hidden":true,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"IDA - Generate new user tokens","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":2,"uuid":"9cc6abb9-e4a1-4a83-8d43-7aa96e07f224","script_id":17,"key":"f54088c1-b3b4-4d81-83a3-0f92c3f26dba","enabled":0,"synchronously":1,"methods":"[\"POST\"]","data_types":"[\"FORM\"]","authentication":null,"authentication_config":"{\"password\": null, \"username\": null}","whitelist":"[]","created_at":"2024-08-16 01:16:25","updated_at":"2024-08-27 23:33:05"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9cc3b8bc-fecc-4a97-af99-f20bfe396e36":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"data-source-scripts","uuid":"9cc69099-8cb5-46b5-b8b2-675bfdbda0d8","meta":null,"exporterClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\ScriptExporter","modelClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Script","fallbackMatches":[],"name":"update New GL-Codes","discard":false},{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v198@processmaker.com","username":"sergio.baltazar+v198@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"update New GL-Codes","description":"update New GL-Codes","process_manager":"","process_manager_id":null,"attributes":{"id":18,"uuid":"9cc3b8bc-fecc-4a97-af99-f20bfe396e36","key":null,"title":"update New GL-Codes","description":"update New GL-Codes","language":"php","code":" [\n 'Authorization' => \"Bearer {$apiToken}\",\n 'accept' => 'application\/json',\n ],\n 'base_uri' => \"{$apiHost}\/\",\n]);\n\n\/\/record a new GL Code\nfunction createGLCodeRecord($body, $collection)\n{ \n global $client;\n \/\/ create gl code record\n $response = $client->post(\"collections\/{$collection}\/records\", [\n \"json\" => $body\n ]);\n return json_decode($response->getBody()->getContents(),true);\n}\n\/\/create a new ID collection\nfunction getCollectionId(){ \n global $client;\n $name ='New GL Codes 01';\n $response = $client->get('collections\/?filter='.$name);\n return json_decode($response->getBody(), true)['data'][0]['id'];\n}\n\nfunction validateGlCodesArray($glcodes) {\n \/\/get unics roles\n $userRoles = array_map(function($user) {\n return $user['userRole'];\n },$users);\n $missingRoles = [];\n \n \/\/ Verify if all roles exist\n foreach ($requiredRoles as $role) {\n if (!in_array($role, $userRoles)) {\n $missingRoles[] = $role;\n }\n }\n \/\/ return role(s) missing\n return $missingRoles;\n}\n\nfunction getCollectionData($id_Collection){ \n global $client;\n $name ='New GL Codes 01';\n $response = $client->get('collections\/'.$id_Collection.'\/records');\n $glcodes = [];\n $obj = json_decode($response->getBody(), true)['data'];\n foreach ($obj as $item) {\n $glcodes[] = $item['data'];\n }\n return $glcodes;\n}\n\nfunction getNewGlCodes($glcodes, $newGlcodes){ \n$glcodesMap = [];\nforeach ($glcodes as $item) {\n $glcodesMap[$item['glcode']] = true;\n}\n$uniqueNewGlcodes = array_filter($newGlcodes, function($item) use ($glcodesMap) {\n return !isset($glcodesMap[$item['glcode']]);\n});\n$uniqueNewGlcodes = array_values($uniqueNewGlcodes);\n\nreturn $uniqueNewGlcodes;\n\n}\n\/\/$apiInstance->truncateCollection($idCollection);\n$idCollection = $data['glCollection'];\n$newGlcodes = $data['codesGL'];\n$allglcodes = getCollectionData($idCollection);\n\/\/return ['glcodes'=>$glcodes, 'newGlcodes'=>$newGlcodes];\n\/\/return ['allglcodes'=>$allglcodes];\n\/\/return ['NewGlCodes'=>$NewGlcode];\n\n$case = $data[\"fill_glcode\"];\nswitch ($case):\n case 'manual':\n $apiInstance = $api->collections();\n $collection_id = $idCollection;\n \/\/ Truncate Collection\n \/\/$apiInstance->truncateCollection($collection_id);\n $NewGlcode = getNewGlCodes($allglcodes, $newGlcodes);\n $num = count($NewGlcode);\n if($num > 0){\n for($i = 0; $i <$num; $i++){\n createGLCodeRecord($NewGlcode[$i], $collection_id);\n }\n return [\"glCodeIdCollection\" => $collection_id, \"errorMessageCode\" => 'ok'];\n }else{\n return [\"errorMessageCode\" => \"At least one GL Code should be specified\"];\n }\n break;\n case 'upload':\n $apiInstance = $api->collections();\n $collection_id = $idCollection;\n \/\/ Truncate Collection\n \/\/$apiInstance->truncateCollection($collection_id);\n \/\/ Uploaded file \n $apiInstance = $api->requestFiles();\n $processRequestId = $data[\"_request\"][\"id\"];\n $fileId = $data[\"file_upload_2\"];\n $includeFirstRow = $data[\"includeFirstRow\"];\n $file = $apiInstance->getRequestFilesById($processRequestId, $fileId);\n \/\/$fileContents = file_get_contents($file->getPathname());\n $file = fopen($file->getPathname(), \"r\");\n try {\/\/ Open the file for reading\n if (($handle = $file) !== FALSE) {\n $rowCount = 0;\n \/\/ Loop through the CSV rows\n while (($data = fgetcsv($handle, 1000, ',')) !== FALSE) {\n $rowCount++;\n \/\/ Ensure the CSV row has exactly 3 columns\n if (count($data) == 2) {\n if($rowCount>1){\n \/\/ Create a record in the collection\n $recordData[] = array(\n 'glcode' => $data[0], \/\/ Change 'field1', 'field2', 'field3' to your collection field names\n 'description' => $data[1]\n );\n }\n }\n }\/\/ Close the file\n fclose($handle);\n \/\/return $recordData;\n $NewGlcode = getNewGlCodes($allglcodes, $recordData);\n \/\/return $NewGlcode;\n $num = count($NewGlcode);\n if($num > 0){\n for($i = 0; $i <$num; $i++){\n createGLCodeRecord($NewGlcode[$i], $collection_id);\n }\n return [\"glCodeIdCollection\" => $collection_id, \"errorMessageCode\" => 'ok'];\n }else{\n return [\"errorMessageCode\" => \"All GL Code already exist\"];\n }\n }else{\/\/ Handle error: unable to open file\n return [\"errorMessageCode\" => \"At least one GL Code should be specified\", \"approvalgl\" => \"fail\"];\n }\n }catch (Exception $e) {\n return[(\"errorMessageCode: \" . $e->getMessage()), \"approvalgl\" => \"fail\"];\n }\n break;\n default:\n return [\"errorMessageCode\" => \"selection is not correct\", \"approvalgl\" => \"fail\"];\nendswitch;","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-08-14 14:05:19","updated_at":"2024-08-27 23:33:05","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9cc69099-8cb5-46b5-b8b2-675bfdbda0d8":{"exporter":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\ScriptExporter","type":"DataConnectorScript","type_human":"Direct API Access For Script","type_plural":"DataConnectorScripts","type_human_plural":"Direct API Access For Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Script","force_password_protect":false,"hidden":true,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"update New GL-Codes","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":3,"uuid":"9cc69099-8cb5-46b5-b8b2-675bfdbda0d8","script_id":18,"key":"a45a35ad-2dea-42fd-a6af-99e7b66fc49d","enabled":0,"synchronously":1,"methods":"[\"POST\"]","data_types":"[\"FORM\"]","authentication":null,"authentication_config":"{\"password\": null, \"username\": null}","whitelist":"[]","created_at":"2024-08-16 00:00:34","updated_at":"2024-08-27 23:33:05"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9c532657-eb91-4796-93fc-ca9b1d2258d0":{"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":"Screen Interstitial APHelper","description":"Screen for the interstitial APHelper","process_manager":"","process_manager_id":null,"attributes":{"id":17,"uuid":"9c532657-eb91-4796-93fc-ca9b1d2258d0","title":"Screen Interstitial APHelper","description":"Screen for the interstitial APHelper","type":"DISPLAY","config":"[{\"name\": \"Screen Interstitial\", \"items\": [{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

\\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\"}], \"order\": 1}]","computed":"[]","custom_css":null,"created_at":"2023-09-13 20:39:37","updated_at":"2024-08-27 23:33:06","status":"ACTIVE","key":null,"watchers":null,"translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c5327bc-a1a0-46f5-af5f-1233bee478ee":{"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":"9c5346b8-249a-4735-8fc5-7976c7022289","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Connect Gmail"},"name":"AP Invoice Approval - Connect Gmail","discard":false}],"name":"AP Invoice Approval - Connect Email","description":"AP Invoice Approval - Connect Email","process_manager":"","process_manager_id":null,"attributes":{"id":18,"uuid":"9c5327bc-a1a0-46f5-af5f-1233bee478ee","title":"AP Invoice Approval - Connect Email","description":"AP Invoice Approval - Connect Email","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

To customize your invoice processing flow, complete these short setup steps.<\/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\": \"uno\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACr0lEQVRoBd1Zu04bQRT1J7ihR8of5AvgD\/wH9gekSksBBRWSBU0KKuhckpYKHAkKEI8oNJGQnERYCg0ECYmC4rBnM2N2xrve9c69Y8OVVuN9zZxz77k7c8eNhoABaALoANgEsAdgAOAervHagXmmDWBRYOj6XRjQqwaUC7X62UVCNi6ZDHDfw9Vh5z+5ox6VZFx6XBq4T2e1vi4K3qRnADDcsYz5IpMjRqPaXs9zDMdsFfi02uWkV0pm1lZPUgnqeQBvnTcdCYbOvjlHbbuSbkzCzkLzZb4ipvLENrNoWWezun8xMQoJKlHd\/7l7wsb+b+e4Gj6Gkl\/LJWGkE9r56P2j63\/4uH6Chc\/fnKN3ejt6puYPSqk5RgIAp3IR2+7fOKCzJAQIEKMbBSnvPzw9Y2XvuhA8iQgRcKNglsJB3qfel7tnE8ELEnCjELrOod4\/rByXghcmcJDmQah8eid\/c4EzGkvd87F7QhKyamk2QuXzY\/g4BvJT72c6QOvL97F7wgQ6JLBl6dRtt\/vDEVB+961FILBFAqxTg43AmQtZiyChryTA4kHFlCayLNYBCahZBAL3b50A3gUBtbV\/BAmlEXjzScytQBWLEIFD5kDwRFbEPgKBdCLjpqyKRSDQZgS4s6xiEQj8L\/KllhO+F5QJvBb4LNH8wSXOlQm87hMZGYnPB8oE3D0ijSgoEtjJ25VgMotGQZGA633LRiMKErnk9eFuqVjwtg0t8L3BpE8HFmdha4p8USkJsSCmfOn4bEILfSHAfjfT\/VszZ\/kwWfd+BOz5nJCoBz5Dgv\/WzCInOGbH4ghqTWKrFT6+2M2XsFrCTsMsgqTo9TDJlBEy0djN8VrIpRQ412Rl44vdN0RYDF0GID80UY0HPM8DGTIsT7lV+csjRQ\/zGutvPkPiIqBfAGiq6COtptZhAAAAAElFTkSuQmCC\", \"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\": \"

Email address to receive Invoices<\/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\": \"2plomo\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAADDElEQVRYCcWZT2sUMRTA5yP4EfpR\/Cb2uJsVuqA4mUJxTibpZRcvxR6s7KEHiyhob6UtWFihWyrtTSij0B6E2q0X9RZ5GRNndl5mJrPZaWBJNv\/eL+8lL29mgqBh6lB2n6yur5BQvCWUJyQUU0K5VL9QTHsRP03bWAx9G4pxG9aP43uEiqc5GA1VnSeE8q0+ZUtuUmv0BrBexAdGQ9UwqSbt\/fyB9iLxoKHGqiATmLuGfuxdPGsNBe5GYmAnsLQok1J+4NGkKJyev0f5Aci04BSrYYAe3FYOMoskSE0bZrUtutLchLJl2+Cy+uHmttx5vyc\/Tc7Mb\/\/jsXwxelNqWmxO68HpULbUBYdrdw0FYQD25eKbLEvXN7fy2fOXhbFWOaGYovsRnKh1EAK9f3RcxpVr+\/X7jxNkwdSgPRe4NbEhQSiWrqc\/sWqlaRcZOS26ag8EjXZ2Dcjl1Xc52NyWj+OhMiUsYHxyZtp1YY1v1Dc1ZbE5w657T2viw96RBFPr\/9n8UTzQXCaHPZvtU1oOxVQBqqgE2WOlg2v2N2T\/Ck6AlMuHEAURymIfMLNzgJlnE9TN9iv7330i+gEJOcRzTgPr9B9P8nvwx82ts4xOyN8FBAJLz4Dg92bT6PWuMyAEwoHvUArMCM45m8aT8yZwEtgCn9rD4MC02v00keUN0AbnejBmF+HFxIuCUyZu6qT1SjE4uFnmMauem0TidC43s1A4yqVyM91I9A2xg7vB4MYn5340ZzhYHMB14gqIwYFbyQasWNl2b9vkq6sOLmRXX5iNZLL+rqoM\/tEGg9QnJppxvY9bAtwygBAcIiuwrrYNwMIrEkLZ0AVywX3\/a0+rUWkx+4bKnCT\/kU7F4pKC9jRk08fOCoHWrYKNsz52ZiDv0NRsqDlK87t49UEoOyyFyjbCfmwXkh3mHjOzMGXldk52TbPaQOHgzBvxYIchvb3Ysk2uU3363oa9QgU1ckds2MikVdQatJFGlY9l8ULAMPA0CmIxfGroUvY5F3CkMF\/VZ4jV9RUTlWATVdT9BT7UEyXMq0fCAAAAAElFTkSuQmCC\", \"label\": \"Image\", \"value\": null, \"height\": \"20\", \"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\": \"

Add users for app access<\/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\": \"3plomo\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAADYUlEQVRYCcWZy27TQBSG\/Qg8Qh+FN6HLZILUSEV4UgnhVcfuJqEbLosWsWADCKS2qwZaqZGo1KBCKzaRiqFcpErQdMNlN+h3MsYeezw+ThpGsmyP5\/LlP2fOHDuOU7HUuLjKllYWmBs8Z9wPmRsMGfdldLjBsNHyD0fPhIe2FaehdWt63hXGg9spGAVlP4eM++tNLuZos5ZoDbBGy2\/HCtlhRkqa200PtNEKrlVUzAYZYuwS+pibTFm1XOB6K2ibCQxPIpNyf2eKJs2FU+M3uL+DOQ042Wp0UJ1ndcacWZKcmlmY1fSjreZmXMybOpvqbwV35ZONrtzvH6WOrW5Pdh48LjRt3pjGhVPjYq6OgGsODanJMPng5JO0le\/nFzRQNxjm+iOCaFm45TtrNq7Mc4qaGVNDvbJwqt3L3kEK4tfvP\/LztzM5ODlN1asbqK36ljmnVKSopwZf9Nryx\/mFHHw4lW3N1+CX794PFFt8XvQ6BEjhxWuY4nsKEOcbBRMCWi8kQDcYRoBRVlJyYSThbNe6n0JtWx\/9+XVkQYwLT38wjfvN7b2UgK96B2TA+s2g6TDXRz5H7qz6wMzwORxidU3ef\/RMvu4fpeC+fD0rdAc1ln6uuf4LhyGxnAAwz9cUHVb2ZrdXCW7MFDqTplJFgNhdKPEvIxQWSqaSqGYRoFISuwlcoMpcEwNiUuWDgL0HH3xzLGHeZAEkKcyMhZrYxCZVllez2+HTjS5NRZi4apA2gSXroVqy7PePaYCt4HDiMJME0q91M1MBozBTbwVNfWDbPXzN5vSIh3qhB2vhOdhObED6cySjKMhQkKwilKiFguut7T35U1skaG\/7Ufo80VaHDZkaCxWgrlDRPV09P4yzGep+TAVE2CnKfHTlxvfrMSCSQ0Oj3FUHU0ERJKimggWSlyuWnSfziYRx0SnbOdkOyiDmYeGog+pryfHG1\/\/UUzJGKia\/UBG3vJxJctUv0S7MqKcgq7x2lpiQBGp87UxAVjL1dEBFR3EUnv\/Hpw\/GxW4hVPIh\/HG2kGI39ZqZhCm6rrqyaeYuaVYTKBbOpWQ8UcQQ86Z5SfWj7zbiIU2Zohcx0alkUhu1Aq2k6Egx71LA8sBHWZDw8FdDnYu3qYRjBPMx+htiaWUhzkryBrLU\/QW8whWWPQ4scQAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"height\": \"20\", \"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\": \"

GL-Codes upload<\/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\": \"4plomo\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAAC4UlEQVRYCcWZzWrcMBCA\/Qh9hDxK36Q57moL2VMtB0p9k5TL7q00l4Q95JBQWkhyamkCLaTQhZT0FgjuDxQCbTaXtL2pjNxR5R\/ZlqxsBEb+kTSfZjSjsR1FnmVA2X2yvrFGYvGCUJ6RWCwI5VIdsViMEn6aP2MptPUU49ZtnKb3CBVPCjAI1V5nhPKtMWUrblI7tAawUcInWkPtMLkm7e3CgY4S8cBTY22QGYzdQT\/2JoG1Vgs8TMTETmB5okxK+VFAk9bC4fgjyo9ApgWnehs6YOdl1SCzSlJzZxlmtU261dyEslVbZ5f7j8VTOds71Mez2fNGE5tjWx1nQNnKEAKuPTR0FnIyP5Nm+XF13bkvRIza9QhBNAQcaK5cnAAplxVTg\/ZCwIFpAaZcXAGBpaDFUNormxZBfQAJZan24RBrb2\/\/NfLIX7\/\/6HM48QKMxUIBqqykp2OAaW8MqDfvPvQHpFw+hCwIVNl3\/Z1ffNFAJ\/NPcrK5o6+9NQjO8kiMIxJzyOe6h4FS24NXbzXMz6trCdoMBTiI+cuIQGJZEtr1GmDMMts9VBMthxqvNZgzZVGfVAoEYwHT4sSCAYKj4KCudZ1pcYxggJRLL0CbaW8H0HzZ6bgWTdNCzHs\/PyscplfDEjDbTDd39FLACVlrMLFPkMZ151OD+a1AZQUl4tQrzPiAYR8XQBVmhokYd57RvxmeX3yVTce375fIo2ts72Ri2I9hO3EFbGsfyovVVgcbcp9YWAcbCDDT2UyI\/dgEDQS4pQEhOTQF9D0PAVj5REIom\/YFC9j\/v\/ZQjUqLHkE7IBTGx6yiPYQM9drZB9r62mlA3qGp2RQ5Guu7+PRBKDtuhDIfwnpcLiQ7LrxmmjBN58vx7I5mtYGC4\/hkPK2OoiIGW7XJdbqff7dh261Cy+mS9ZpNvUzaRo2gXhrNNZbeClgdeJ4FsRR+NQwp+1hIOHKYz+o3xPrGms5K6gZqufcXnTcWEgolHyMAAAAASUVORK5CYII=\", \"label\": \"Image\", \"value\": null, \"height\": \"20\", \"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\": 19, \"variant\": \"primary\", \"conditionalHide\": null, \"customCssSelector\": \"emailConf\"}, \"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\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"userRole\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": null, \"defaultValue\": {\"mode\": \"basic\", \"value\": null}}, \"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\": \"Loop\", \"config\": {\"icon\": \"fas fa-redo\", \"name\": \"users\", \"label\": null, \"settings\": {\"add\": false, \"type\": \"new\", \"times\": \"4\", \"varname\": \"users\"}, \"conditionalHide\": \"false\"}, \"component\": \"FormLoop\", \"container\": true, \"inspector\": [{\"type\": \"LoopInspector\", \"field\": \"settings\", \"config\": {\"label\": 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\": \"Loop\", \"editor-component\": \"Loop\"}, {\"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\": null, \"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\": \"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\"}]], \"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\"}], \"order\": 1}]","computed":"[{\"id\": 3, \"name\": \"users\", \"type\": \"javascript\", \"order\": 1, \"byPass\": false, \"formula\": \"let roles = [ { \\\"userRole\\\": \\\"invoice_creator\\\" }, \\n { \\\"userRole\\\": \\\"invoice_reviewer\\\" },\\n { \\\"userRole\\\": \\\"finance_approver\\\" }];\\nreturn roles;\", \"property\": \"users\"}]","custom_css":"[selector='body-container'] {\r\n width: 100%;\r\n margin: auto;\r\n padding-inline-start: 25px;\r\n \/*border: 2px solid #CDDDEE;*\/\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 padding-right: 70px;\r\n padding-top: 50px;\r\n}\r\n\r\n[selector='btn-bx1'] button {\r\n text-transform: none;\r\n height: 40px;\r\n width: 100px;\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: 10px 14px 25px 14px;\r\n margin: 10px 0px 10px 0px;\r\n}\r\n\r\n[selector='left-hint'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint'] img {\r\n height: 24px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-current'] {\r\n background-color: #1572c2;\r\n height: 52px;\r\n width: 380px;\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='btn-cnx-gmail'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='btn-cnx-gmail'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 8px;\r\n border-color: #CDDDEE;\r\n width: 443px;\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\/Gmail2020+1.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}\r\n\r\n[selector='btn-cnx-office'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='btn-cnx-office'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 8px;\r\n border-color: #CDDDEE;\r\n width: 443px;\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+174.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}\r\n\r\n[selector='connectGmail'] button{\r\n width: 80%;\r\n text-transform: none;\r\n}\r\n\r\n[selector='button_box'] {\r\n width: 480px;\r\n border-bottom-left-radius: 6px;\r\n border-bottom-right-radius: 6px;\r\n background-color: #FFFFFF;\r\n height: 60px;\r\n text-align: center;\r\n \r\n}\r\n\r\n[selector='card-title']{\r\n width: 330px;\r\n}\r\n[selector='emailConf']{\r\n width: 480px;\r\n}\r\n[selector='startGmail']{\r\n width: 480px;\r\n}\r\n[selector='card-container-verification']{\r\n padding-left: 35px;\r\n}\r\n\r\n\/**AddStyleDiego**\/\r\n[selector='BgGridHelper'] .col-sm-1{\r\n padding-right: 0px !important;\r\n padding-left: 0px !important;\r\n max-width: 10%;\r\n}\r\n[selector='BgGridHelper'] .col-sm-11{\r\n padding-right: 0px !important;\r\n \/*padding-left: 0px !important;*\/\r\n max-width: 90%;\r\n}\r\n[selector='BtnReturn'] .btn-primary{\r\n background-color: #FFFFFF;\r\n border:1px solid #D3E8FF;\r\n color: #6A7888;\r\n font-size: 16px;\r\n text-align: center;\r\n border-radius: 50px;\r\n margin-top: -2px;\r\n}\r\n[selector='BtnReturn'] .btn-primary::before {\r\n font-family: \"Font Awesome 5 Free\";\r\n font-weight: 900;\r\n content: \"\\f060\";\r\n}","created_at":"2023-12-19 20:47:43","updated_at":"2024-08-27 23:33:06","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":[]},"9c5346b8-249a-4735-8fc5-7976c7022289":{"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":"AP Invoice Approval - Connect Gmail","description":"AP Invoice Approval - Connect Gmaill","process_manager":"","process_manager_id":null,"attributes":{"id":19,"uuid":"9c5346b8-249a-4735-8fc5-7976c7022289","title":"AP Invoice Approval - Connect Gmail","description":"AP Invoice Approval - Connect Gmaill","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"items\": [{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Allow your vendors to email you their invoices<\/p>\\n

Provide a company name to create a custom email address<\/p>\", \"interactive\": true, \"renderVarHtml\": false}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"items\": [[{\"items\": [[{\"label\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"companyName\", \"type\": \"text\", \"label\": \"Your company name\", \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [{\"value\": \"required\", \"helper\": \"Checks if the length of the String representation of the value is >\", \"content\": \"Required\"}, {\"field\": \"max:\", \"value\": \"max:32\", \"helper\": null, \"configs\": [{\"type\": \"FormInput\", \"label\": \"Max Input\", \"value\": \"32\", \"helper\": \"Validate that an attribute is no greater than a given length.\", \"validation\": \"required|integer\"}], \"content\": \"Max Length\", \"visible\": false}], \"placeholder\": null, \"defaultValue\": {\"mode\": \"js\", \"value\": null}}, \"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\": \"assignedEmail\", \"type\": \"text\", \"label\": \"Your assigned email address\", \"helper\": \"We'll retrieve all invoices sent to this email address\", \"readonly\": true, \"dataFormat\": \"string\", \"validation\": [{\"value\": \"email\", \"helper\": \"The field under validation must be formatted as an e-mail address.\", \"content\": \"Email\"}], \"placeholder\": null, \"defaultValue\": {\"mode\": \"basic\", \"value\": null}}, \"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\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": 1, \"content\": \"12\"}], \"customCssSelector\": \"inner_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\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": 1, \"content\": \"12\"}], \"conditionalHide\": null, \"customCssSelector\": \"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\"}], \"order\": 1}]","computed":"[{\"id\": 2, \"name\": \"Assigned email address\", \"type\": \"javascript\", \"order\": 1, \"byPass\": false, \"formula\": \"let company = this.companyName.toLowerCase().replace(\/[^a-zA-Z0-9]\/g, \\\"\\\");\\r\\nreturn 'invoiceplg+'+company+'@processmaker.com';\", \"property\": \"assignedEmail\"}]","custom_css":"[selector='top_msg'] {\r\n border-radius: 6px;\r\n padding: 0px;\r\n width: 100%;\r\n text-align: justify;\r\n}\r\n\r\n[selector='error_msg'] {\r\n background-color: #FFF7E5;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-family: 'Open Sans';\r\n padding-left: 10px;\r\n padding-top: 5px;\r\n vertical-align: middle;\r\n}\r\n\r\n[selector='box'] {\r\n background-color: #F6F9FB;\r\n border-top-left-radius: 6px;\r\n border-top-right-radius: 6px;\r\n padding: 0px;\r\n width: 100%;\r\n}\r\n\r\n[selector='inner_box'] {\r\n background-color: #FFFFFF;\r\n border-radius: 6px;\r\n padding-top: 30px;\r\n padding-left: 30px;\r\n padding-right: 30px;\r\n}","created_at":"2023-12-18 19:34:37","updated_at":"2024-09-10 13:22:26","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c981204-281c-48f1-a7eb-edbd99ef2a73":{"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":"9c981204-437d-4562-b8c3-f9d589d4a9d9","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Users Roles Nested Options 2"},"name":"AP Invoice Approval - Users Roles Nested Options 2","discard":false},{"type":"screens","uuid":"9c981204-585b-4b7a-9977-371e8ab450af","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Create Users 2"},"name":"AP Invoice Approval - Create Users 2","discard":false},{"type":"screens","uuid":"9c981204-6e8c-49f1-ae8e-03c20a9bdbe6","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Upload File Roles 2"},"name":"AP Invoice Approval - Upload File Roles 2","discard":false}],"name":"AP Invoice Approval - Define Users 2","description":"AP Invoice Approval - Define Users","process_manager":"","process_manager_id":null,"attributes":{"id":20,"uuid":"9c981204-281c-48f1-a7eb-edbd99ef2a73","title":"AP Invoice Approval - Define Users 2","description":"AP Invoice Approval - Define Users","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}} <\/strong> Assign at least one person to each role to prevent approval delays.<\/div>\", \"interactive\": true, \"renderVarHtml\": true, \"conditionalHide\": \"errorMessage\"}, \"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

To customize your invoice processing flow, complete these short setup steps.<\/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\": \"checkblue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAACr0lEQVRYCc2YvW7VMBTH8wiRGkeMSLwBT3DfpH0B1MTudod2YGLpXZkuW8felSmNHRjo0K5IRYFKDCwNG2xBx8TG14ljxzcfRIrs+CPnl\/\/xsR0HgecVJdkKEXYaE3YdY1oiTCuEad3cFSLsDuoinF9EZ9nK08ywbmGShTFm5xqMgLKlJcLFNkyy58OsOrQGMITppaKQDcZSPyIoSotjT8UskLREpDh20MfcZFzV5PjUwItLM4GhhruUsGw8l5rgmnLCsvAiCw047WI0J5yIfMKyNklHyTxuNSlqcTfC9GQ2twrl9NQUODA\/ob8TrjaITV87WXnVOR4RKbaLqyfV1FzdqLe0cnv291ScQ70377\/VcEHq4ilYw2UMTz32BBwndIesOCDsNFy+yLeNDicg17svViWjM7YKQEpf47Z+JjiAfEu\/2wExTYKIsGubIZ\/6PrjHp1\/1y9efrIBxmu8C2Fi6AgijkPb1Ee2EO9XUFa55fxmgdG8nbDSsGzVB6u0OgAOWKuhTQtStdw+qHZnXIUeG42I5AV7d\/pBQekZATgEHAjm5GAb049NvnU0+f3j4KfN6ZuCY04cYdzH8kekVrWcbpA4GzwfC1RDAg6aZIZAHw2Fa82kmwjRxUVC0cYEcAw7s8fUYlhNh3DXtgxwLjgPCUgeX61yofkAX5JhwsIGRuxnf9ViFHBkOgnQrAZuTg1bkqoqZ8gD56upz\/WL90au\/6b3P9COSozTfmBovUP5PPSEjV9FxXZ4YuGypJyD\/699OAbmoq9N8Izh600WOPjC96YVSK2c\/PML0BmyqDE75Wdzt6lYTcRM4TjuegdFdHSX0xGR3UDmEPUrzdwMBzBN3mm+8XGqjVkB9FK1gSZ0ErAscdkFgMML8t\/VeO8euYky\/8jrCTvkPeNdLHMr+ACe\/YZWIyQIQAAAAAElFTkSuQmCC\", \"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\": \"Email address to receive invoices<\/span>\", \"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\": \"2blue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADNUlEQVRoBc1Zu27UQBTdT9iGHgm+IF9AvoD8we4HkIZ2kRIJqoiINNCGKkmXrRBUiRCkWCkKsFWkjTasQEpBXlJEkFIcfMwMa49n7XnaeyXL9jzPuQ\/P3HGrFUAAtAF0AbwCsAtgDOASeWHZnmjTAXA\/wNTuQwjQKwJUHqr521FCtl4yGeCqhs1h61tuRrdKMi81Hhq4SmfF3S9m9KRmANDcdQnjJUyMCB+NrXWdYjjn0gydmhUno9JlmhY3l0pQzwN4qTw7EjSd7DlH946R34iAbcLnq3RFTNWBLVbRqsGaqj8qtUKCysvvr2\/vsD04w7P+CZZef8XC80F68Xl5+zitC8B8VUtCuI7T+AS+9v4UD3oHuPf0Y+m18GKAd8NfTvOITnSldoEEAC7l1jL8eQOCqgKu1u8MzqznynTIW8FV+59GV0ZaV8Hz\/WHvAJOLPxlMVo95K4itsNUIsvHiy8OC9ulKyzvHWPvwPb1mWajXP5HDuNynVvDZ50zOb\/+7EIET9PXvuwIgBrJqCRLzkL00DlzdJzsxSTx+8w2T89ku8Xl0VSBAQp7Sbvm4j83kJKlaIACBLgls2ABxbauzwKP1Q9fhZL8NEmCeGl24kKkWYJmn9EmAyUNUmVzo3acsZgwBjUkgqnCV1n1GA2ifuC+jE1hcL64TJBRA+6nioxJ4slX0e64VocCTAQlE2fv3dkeFoCX44Y+boC5LAsGDmDtT9YsTAzyxkwCPAoNJjeCJeZ8Egi1kOvAhA1aj5XQh46GstzQAnpg7tABPlr2kIfDE\/C\/J99lO6MAzgFnO\/Ljq4h7JUaYJfvI5XXUZhODUr43tu8eKPD0nEm5kvR4webEFrLb3IJA\/I3KxQoMENnWnEgxmKys0SCCvfcnGxQousePZZ5rMS+DZu0+C7wnMpPs4i1X7LJJ8K1cymTlAG2LSu47KpK5E35KU3d+aOYuHcr9XLSDf54SEG\/gMCf6taSImOGdX4vC6i8AOnviUxAB\/6ZoFrA2zGlyKWvdzmSpCwhpvS7TnUpUC556sav5g9YIIk6EvLohFn31h1fqA6zSQIcP0lEeVpwopaphlzL\/ZhsSDgP4LwDh2zidQIL0AAAAASUVORK5CYII=\", \"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\": \"

Add users for app access<\/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\": \"3plomo\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAADYUlEQVRYCcWZy27TQBSG\/Qg8Qh+FN6HLZILUSEV4UgnhVcfuJqEbLosWsWADCKS2qwZaqZGo1KBCKzaRiqFcpErQdMNlN+h3MsYeezw+ThpGsmyP5\/LlP2fOHDuOU7HUuLjKllYWmBs8Z9wPmRsMGfdldLjBsNHyD0fPhIe2FaehdWt63hXGg9spGAVlP4eM++tNLuZos5ZoDbBGy2\/HCtlhRkqa200PtNEKrlVUzAYZYuwS+pibTFm1XOB6K2ibCQxPIpNyf2eKJs2FU+M3uL+DOQ042Wp0UJ1ndcacWZKcmlmY1fSjreZmXMybOpvqbwV35ZONrtzvH6WOrW5Pdh48LjRt3pjGhVPjYq6OgGsODanJMPng5JO0le\/nFzRQNxjm+iOCaFm45TtrNq7Mc4qaGVNDvbJwqt3L3kEK4tfvP\/LztzM5ODlN1asbqK36ljmnVKSopwZf9Nryx\/mFHHw4lW3N1+CX794PFFt8XvQ6BEjhxWuY4nsKEOcbBRMCWi8kQDcYRoBRVlJyYSThbNe6n0JtWx\/9+XVkQYwLT38wjfvN7b2UgK96B2TA+s2g6TDXRz5H7qz6wMzwORxidU3ef\/RMvu4fpeC+fD0rdAc1ln6uuf4LhyGxnAAwz9cUHVb2ZrdXCW7MFDqTplJFgNhdKPEvIxQWSqaSqGYRoFISuwlcoMpcEwNiUuWDgL0HH3xzLGHeZAEkKcyMhZrYxCZVllez2+HTjS5NRZi4apA2gSXroVqy7PePaYCt4HDiMJME0q91M1MBozBTbwVNfWDbPXzN5vSIh3qhB2vhOdhObED6cySjKMhQkKwilKiFguut7T35U1skaG\/7Ufo80VaHDZkaCxWgrlDRPV09P4yzGep+TAVE2CnKfHTlxvfrMSCSQ0Oj3FUHU0ERJKimggWSlyuWnSfziYRx0SnbOdkOyiDmYeGog+pryfHG1\/\/UUzJGKia\/UBG3vJxJctUv0S7MqKcgq7x2lpiQBGp87UxAVjL1dEBFR3EUnv\/Hpw\/GxW4hVPIh\/HG2kGI39ZqZhCm6rrqyaeYuaVYTKBbOpWQ8UcQQ86Z5SfWj7zbiIU2Zohcx0alkUhu1Aq2k6Egx71LA8sBHWZDw8FdDnYu3qYRjBPMx+htiaWUhzkryBrLU\/QW8whWWPQ4scQAAAABJRU5ErkJggg==\", \"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\": \"

GL-Codes upload<\/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\": \"4plomo\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAAC4UlEQVRYCcWZzWrcMBCA\/Qh9hDxK36Q57moL2VMtB0p9k5TL7q00l4Q95JBQWkhyamkCLaTQhZT0FgjuDxQCbTaXtL2pjNxR5R\/ZlqxsBEb+kTSfZjSjsR1FnmVA2X2yvrFGYvGCUJ6RWCwI5VIdsViMEn6aP2MptPUU49ZtnKb3CBVPCjAI1V5nhPKtMWUrblI7tAawUcInWkPtMLkm7e3CgY4S8cBTY22QGYzdQT\/2JoG1Vgs8TMTETmB5okxK+VFAk9bC4fgjyo9ApgWnehs6YOdl1SCzSlJzZxlmtU261dyEslVbZ5f7j8VTOds71Mez2fNGE5tjWx1nQNnKEAKuPTR0FnIyP5Nm+XF13bkvRIza9QhBNAQcaK5cnAAplxVTg\/ZCwIFpAaZcXAGBpaDFUNormxZBfQAJZan24RBrb2\/\/NfLIX7\/\/6HM48QKMxUIBqqykp2OAaW8MqDfvPvQHpFw+hCwIVNl3\/Z1ffNFAJ\/NPcrK5o6+9NQjO8kiMIxJzyOe6h4FS24NXbzXMz6trCdoMBTiI+cuIQGJZEtr1GmDMMts9VBMthxqvNZgzZVGfVAoEYwHT4sSCAYKj4KCudZ1pcYxggJRLL0CbaW8H0HzZ6bgWTdNCzHs\/PyscplfDEjDbTDd39FLACVlrMLFPkMZ151OD+a1AZQUl4tQrzPiAYR8XQBVmhokYd57RvxmeX3yVTce375fIo2ts72Ri2I9hO3EFbGsfyovVVgcbcp9YWAcbCDDT2UyI\/dgEDQS4pQEhOTQF9D0PAVj5REIom\/YFC9j\/v\/ZQjUqLHkE7IBTGx6yiPYQM9drZB9r62mlA3qGp2RQ5Guu7+PRBKDtuhDIfwnpcLiQ7LrxmmjBN58vx7I5mtYGC4\/hkPK2OoiIGW7XJdbqff7dh261Cy+mS9ZpNvUzaRo2gXhrNNZbeClgdeJ4FsRR+NQwp+1hIOHKYz+o3xPrGms5K6gZqufcXnTcWEgolHyMAAAAASUVORK5CYII=\", \"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, \"customCssSelector\": \"artline\"}, \"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\": 21, \"variant\": \"primary\", \"conditionalHide\": \"not fill_user or fill_user == \\\"\\\\\\\"\\\\\\\"\\\"\", \"customCssSelector\": \"nested\"}, \"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\": 22, \"variant\": \"primary\", \"conditionalHide\": \"fill_user == \\\"manual\\\"\", \"customCssSelector\": \"nestedusers\"}, \"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\": 23, \"variant\": \"primary\", \"conditionalHide\": \"fill_user == \\\"upload\\\"\", \"customCssSelector\": \"nested\"}, \"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\": \"fill_user\", \"event\": \"submit\", \"label\": \"Next\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": null, \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"fill_user and fill_user != \\\"\\\\\\\"\\\\\\\"\\\" and fill_user != \\\"\\\" and file_upload_1 and fill_user == \\\"upload\\\"\", \"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\": \"fill_user\", \"event\": \"submit\", \"label\": \"Next\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": null, \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"fill_user and fill_user != \\\"\\\\\\\"\\\\\\\"\\\" and fill_user != \\\"\\\" and fill_user ==\\\"manual\\\"\", \"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\"}, {\"items\": [[], [], []], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"5\"}, {\"value\": \"2\", \"content\": \"4\"}, {\"value\": \"3\", \"content\": \"3\"}]}, \"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\": \"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\": \"fill_user == \\\"upload\\\"\", \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_user\", \"event\": \"submit\", \"label\": \"Skip\", \"loading\": false, \"tooltip\": [], \"variant\": \"secondary\", \"fieldValue\": \"skip\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"false\", \"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\": \"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\"}]], \"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\"}], \"order\": 1}]","computed":"[{\"id\": 1, \"name\": \"instanceURL\", \"type\": \"javascript\", \"order\": 1, \"byPass\": false, \"formula\": \"let currentURL = window.location.origin;\\r\\n\\r\\nreturn currentURL;\", \"property\": \"instanceURL\"}]","custom_css":"[selector='body-container'] {\r\n width: 100%;\r\n padding-inline-start: 25px;\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 padding-right: 35px;\r\n}\r\n\r\n[selector='btn-bx1'] button {\r\n text-transform: none;\r\n height: 40px;\r\n width: 100px;\r\n font-weight: bold;\r\n padding: 5px 20px 5px 20px;\r\n}\r\n\r\n[selector='left-hint'] {\r\n height: 22px;\r\n width: 310px;\r\n padding: 10px 14px 25px 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: #1572c2;\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: 315px;\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: 600px;\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}\r\n[selector='card-title']{\r\n width: 330px;\r\n}\r\n\r\n[selector='card-container-verification']{\r\n padding-left: 30px;\r\n}\r\n[selector='nestedusers']{\r\n width: 580px;\r\n padding-right: 20px;\r\n margin-left: -55px;\r\n}\r\n\r\n\r\n\/**AddStyleDiego**\/\r\n[selector='BgGridHelper'] .col-sm-1{\r\n padding-right: 0px !important;\r\n padding-left: 0px !important;\r\n max-width: 10%;\r\n text-align: center;\r\n}\r\n[selector='BgGridHelper'] .col-sm-11{\r\n \/*padding-right: 0px !important;\r\n padding-left: 0px !important;*\/\r\n max-width: 90%;\r\n padding-right:70px;\r\n}\r\n[selector='BtnReturn'] .btn-primary{\r\n background-color: #FFFFFF;\r\n border:1px solid #D3E8FF;\r\n color: #6A7888;\r\n font-size: 16px;\r\n text-align: center;\r\n border-radius: 50px;\r\n}\r\n[selector='BtnReturn'] .btn-primary:hover{\r\n background-color: #FFFFFF;\r\n border:1px solid #1572C2;\r\n color: #1572C2;\r\n}\r\n[selector='BtnReturn'] .btn-primary:focus{\r\n background-color: #FFFFFF;\r\n border:1px solid #1572C2;\r\n color: #1572C2;\r\n box-shadow: none !important;\r\n}\r\n[selector='BtnReturn'] .btn-primary::before {\r\n font-family: \"Font Awesome 5 Free\";\r\n font-weight: 900;\r\n content: \"\\f060\";\r\n}","created_at":"2023-12-19 21:17:10","updated_at":"2024-08-27 23:33:07","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":false}},"9c981204-437d-4562-b8c3-f9d589d4a9d9":{"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":"AP Invoice Approval - Users Roles Nested Options 2","description":"AP Invoice Approval - Users Roles Nested Options","process_manager":"","process_manager_id":null,"attributes":{"id":21,"uuid":"9c981204-437d-4562-b8c3-f9d589d4a9d9","title":"AP Invoice Approval - Users Roles Nested Options 2","description":"AP Invoice Approval - Users Roles 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\": \"

Specify users and user roles<\/p>\\n

Pick an option: manually enter users or upload a spreadsheet<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"card-title1\"}, \"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\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"people\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAIcUlEQVR4Ae1d63HcOAx2CSkhJaQE\/1ntWpJntNTcb7uDXAdxB04Hvg6cDuIO7A58HWwJvvkogQtJpPiUsvIxMzuSKRIEPpIgAD5ydZX\/ZQQyAhmBjEBGICOQEcgIZAQyAhmBjEBGICOQEcgIZAQyAhkBEwLXTfPl0DRfD3VzjV9ZNt9MeXN6IgQAelGKH\/uq\/V1U4kP36761d2icRNVmMgT8rhInHeimtH0lHq+vmy8ZwQgEduVf34pKvA9ArsXbvjz+PJTinlRQcds0SNuP81biPY+GwAYA+INeX4sXAG4jhzxF3b6yRjvlOcKG2ug7ei0Hf1+Jv0dZrH8WtXjIjWCFaZpB6nymSna34n6ayy3lUDb3rBHe85zggFtRiUcFWi0eHIrMZsHoSUlvtrKtf4TqUWBV4i2VPMx0PeVRMIPqrhRKZbhMuDOkBp\/kxEy+Q4JRNSD+mf6gngpzMrVcZBmhjtS0Pw09Uj+w6VMLtauPP4l+VkMadHeNdLq6EMNN22iyRCUN1FsOVUyx5Ho6pf6nmpamT\/Vs9rk0QEvTvwjgYUZCUPx83f\/D4WyCxjhfJiCK27ahOcCbtwi5TPwkSwfY+6p94qEDEhRp+OYSEOs9YDkHLD0JuwifSi6XuoLySMDq9pnAtj1dGuJshh5fg5iaKaSiqrV4mcl2tYRcc\/UFfes9Vh4mPhVV+4uHiPd1+72YNtBseJgH0NADg5jTFAIt6iCHqr3TZJFJS8llqi8ofcJkLZ6hv03EOt1+\/IcAQE802eHofaTKUjpMRXUOT5t4XVIuEzZB6ftKPCkwPdx63ruLsn02Vc7z7W\/8w9BjuljGJH7n5pal5RrzFfR330u6ibIST75EuEoyqRiMAr6yNacybPUXVXunwJ8ZeWvIZePV6TvvJaahPEcIZZiKMTbgrmyGq2Gl+DFHV\/dNzkEUgKvEaY7fteTS8emVRuAV5fGXV0GWGZN13ytPLHnyOmmE6vhqGjW8MPKQNUX1YHmT5xm\/rynXuG7nv3msJmSJkCryicmg13J11AP6jh0PxU3TAGz5K8W9TGOTLfKirBV8FoNaSy7CwusJQXsAPvDuVZhl9qUjLSMWySQeLM8TJnOTtcXYufLlh5fl76nocJqD91QVhNLBaICfMVIvww1atXhxBZ6EC+WHytMzFR2iN3kCAOp1MbEavkbrG5PhTGGOgNDy1zRfXXo7L0\/vlyYX8aV9nicrsx2vLcgSmSk6OwmzIou\/bkauolIe7Qm2sy8ysfa2b32u+TcjF9dzc96sSfBYe9tENzZ9U3IxFfIBN99V+EFIIMCLdq0nNN9m5BqHCmxhZql2WFQUtjkmvlCgliq3KbkA4MRBKttnuP\/KMsEen7p9VhNc7xhdIvjUqJuSC8yyyWtoj59jMOf0WjyHmooE0BrPzcnFGNYdoOiWJCM85zVA19WxSbnGzpFOsBRpmFfgxCl1B4cswCx25WUtuVz5WTWfnBzr9jsm+305Oi2jU3UIyJVYq85nxYIbioFuPJBHYRHbs4sdmdeBg5n8jAUBPPwFbjkxgE+wqrCsiKAczoUNVJC0usRDb8\/r5qN3H7\/lM+I7KxPi+2rryFm1yLAygJ4trPkIvY3GmpjL8vRNHhEKMtnrmaMme7zjgTxFxPLShbGH84fNgbSQ\/Byf++DcYH9RzCK8DRVNQ8zuU7LR2\/R3zTHUVRw1Zt+Tk\/j\/O8aqAT\/6MJ5vb+T7j4pKbL8RoMuhUsgyMa12IQ+3cmJW13xBH+cfHWPVrnG4yjWmvcrfZDbOrdOSHS4bpzsFqXT+nwSfABo1gtw26SsX0VrtSQzynszsddKtuqcCHypgNYYtFQ3V0fHVV65VLwaB\/p7Y634XaGC\/jnFXnAWrxT4PFmTID\/GTa3mLSjN5ul+g0Qt1yQsyg55\/01gPCmK+o+OvvQZYbjIfT54+u8j4cuSSdn7s8JAhjnPvd1aRQxW2gEUldX7EBRqkstD7Y0FaujwzKLyuNdBN5sl4jblAY7AXdOZ0SjJmIwlJtXJWl17X5PBNZ8mMDKgeZuF4X6BBPWoLvZ\/ajuYC8E5prk+SF85dkiXYQQ\/2jEryxps7neIq3Fr5uE73BZGPoCSjgFo0pAfzxjN5xmuB6lMPB9HH2KA6yDIKGUFEQz1J\/YT0YGZbX8w+UCWY5YWpIW+fJdnFIPxQRhFwgQb1hJgTNRacFvvMOo+35cZHPtRwMJN8KOLdlxCNniS60LfyyPy8F\/uSisVN1ccJwZbHKhKWDuEXqEyGly7u3t1wewlBNwObxmTfXgxMgBfiQnz3RkjHVUyBKOlC1ZvJU+y3f8gKcSqen9kCI0jr80YxobhZ94Vf7oHGgAzqh5M6cquMeMQWGA44ydw\/Z09nOkmEntwt5ZnvbB5VOomCbrEBwLNNLuP3WryggXxNWGuDgKBkDJeiYiG9Fm9GJtRIEVGH+qxMLZTBtQH2lfgXWNDG5OSgu8iHSgfb9zBc2Q2IIRaUS71L5uENQOAiTf6w8hdj3SzJONHmk7AMxnkc5iAaf+IpA4+jzWEXD7YJKM32dbk77RIF0gEv1avlfiGT7BeTrtmLIydpuTEqwLdILRhUClboJtZe4s1hqfn2pifnBP2kLa8eABDeRAML9KA\/TkCH4fDZgB9jBOE1qkmOCgkIO+o0LhvyN1QLAoGd3a6\/2w6hY3nj14qdIESWpGXc\/Yv2FVFFeRlHLR7kSBo5fbJRkebuIHW+ylL2elKkViBGjSHtabb06eJjeObpjkyV4v6P2OsrYJmkCmnC3jaNXBg5O3y6Pf8Tr7tvkJNykOj\/m7l0uz0JcgsTkZ44tjaOz4fVzbVMi7i0Y2HWM\/mMQEYgI5ARyAhkBDICGYGMQEYgI5ARyAhkBCQC\/wH2NcuO795ldwAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"width\": \"48\", \"height\": \"48\", \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_user\", \"event\": \"script\", \"label\": \"Manually enter users\", \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"manual\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"buttonFiles\"}, \"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\": \"

Provide the name and corporate email address of the users at your company that will participate.<\/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\": \"boxConfiguration\"}, \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_user\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"secondary\", \"fieldValue\": \"manual\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"styleButton\"}, \"component\": \"FormButton\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"label\", \"config\": {\"label\": \"Label\", \"helper\": \"The label describes the button's text\"}}, {\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"name\": \"Variable Name\", \"label\": \"Variable Name\", \"helper\": \"A variable name is a symbolic name to reference information.\", \"validation\": \"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormSubmit\", \"editor-component\": \"FormButton\"}], [{\"items\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"files\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAEnElEQVR4Ae2d7W3bMBCGM0JG6AgewT9qWZBUQKGQ3\/UGzQbNJukGzkYeQSM4OMW0adG6o0TpoGOvgGGHx4\/3npemVYVmnp70nxJQAkpACSgBJaAElIASUAJjCGzr+jmv6x9j2mjdmQhkZfN7V5o2K01bFPVmpm61mxACAD8rzdl5qAkh4Oao8wC+NUJNmAMw1gcCX03AwM0R68Fvf5bm7bYEvfy7vdbPhDl43\/XRh78rXjd5VW8tdHidF\/XB\/qwfzHf44n54BB967BvQlakJcbD7rYfgDxmgJvQJRvyMwccMUBMioNumFHzKADXBkpzwHAI\/xAA1YUH4oQaoCSNMgJtq7mUkXGpizR9dBQ3V71+ibrf181Dd\/7Yc7mzam2sUfIA0xoCu\/u0Stc1zvYP6cKIBmNDZOdaAzoQR\/T8UqIU3AlMMuLXWV9EE1IBohHEdqAFx\/KJbqwHRCOM6UAPi+EW3VgOiEcZ1oAbE8YturQZMRAi3HADe4CNwn88UA7p9RMjYyW5vAVj7svm43Gqwv0AffA753\/BYA3r3mgbHBo2gNYkNXzDjsqo5OjfZBhN364TcqxlrQKflfi8RqUW0EZcZd3LAtlnZfOaFOQC8oUfI7IfVb6wBXZscX\/72VfPnwYQ5iXs3ePArcwyZ1WM+VqYYENo\/aM3Ku60up9CJETrGovX2pfm4zvzKvC8x2JIGWL1ZZd6veRTN0Zav+vky+7v1FYxYSiyHAaDdXZJgzKXyma1fd\/bPvey4IrkMgBzs1Rt8KLsaVvnais2Kl88lBXIZADnAxcNlKWqXzCm67139urFr5r40b9EdIh1wGrArzHXb46qviDihpDoWMufoUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw5xQnG3Gi65+wKy5syLpozU4BYK4Dl2rHHnhSDGQ2KE4ml4UTF5iRHqIcYLxOQlRijO24uKyUuMUA8xXiAmLzFCcd5eVExeYoR6iPECMXmJEYrz9qJi8hIj1EOMF4jJS4xQnLcXFZOXGKEeYrxATF5ihOK8vaiYvMQI9RDjBWLyEiMU5+1FxeQlRqiHGC8Qk5cYoThvLyomLzFCPcR4gZi8xAjFeXtRMXnBb6js11R3v8zBy0RoAXzl1ua1+jOFbl\/UFnK2QsCkcI4rWPcXtSEX55SRdtVfag4AD1W4zr4IlENXc9fLTMoJI0haXGdfIBLGh5y37DkrzN\/xPayjBWi3a\/+SJ7\/Mni3s2dmX5npalrSjv7plxzlqDXJZeu\/R7CaAYNeEbiYVzRGOBYNlapUPOJSjao7XC4nSnEXCt25+X5beHf1FHpRn3\/KreK7MkWPjl+W12LNjBPz52bWb8H1spYTTsaY4tivq7s8QrnIJCjw0dkre2kYJKAEloASUgBJQAkpACayIwBfimR2DxswGDQAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"width\": \"48\", \"height\": \"48\", \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_user\", \"event\": \"script\", \"label\": \"Import\/Upload\", \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"ariaLabel\": null, \"fieldValue\": \"upload\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"buttonFiles\"}, \"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\": \"

Populate the csv\/excel worksheet with the names and email addresses that you want to import.<\/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\": \"boxConfiguration\"}, \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_user\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"secondary\", \"fieldValue\": \"upload\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"styleButtoncsv\"}, \"component\": \"FormButton\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"label\", \"config\": {\"label\": \"Label\", \"helper\": \"The label describes the button's text\"}}, {\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"name\": \"Variable Name\", \"label\": \"Variable Name\", \"helper\": \"A variable name is a symbolic name to reference information.\", \"validation\": \"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormSubmit\", \"editor-component\": \"FormButton\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"6\"}, {\"value\": \"2\", \"content\": \"6\"}], \"customCssSelector\": \"buttonsRow\"}, \"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\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='buttonsRow'] .row {\n margin-right: -20px;\n}\n[selector='buttonFiles'] .btn-light {\n font-weight: bold;\n text-align: center;\n border: none;\n text-transform: capitalize;\n}\n[selector='card-title1']{\n width: 430px;\n}\n\n[selector='boxConfiguration'] {\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n background-color: #FFFFFF;\n padding: 15px;\n}\n[selector='text']{\n font-size: 0.7em;\n }\n[selector='buttonFiles'] .btn-light{\n font-size: 0.8em;\n background-color: #FFFFFF;\n \n}\n\n[selector='download'] {\n width: 245px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n[selector='styleButton'] .btn-secondary{\n background-image: url(\"https:\/\/processmaker-plg.s3.amazonaws.com\/PLG_assets\/users1.jpg\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 236px 199px;\n width: 235px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n[selector='styleButton'] .btn-secondary:hover{\n background-size: 236px 199px;\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 2px solid #1572c2;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n\n[selector='styleButtoncsv'] .btn-secondary{\n background-image: url(\"https:\/\/processmaker-plg.s3.amazonaws.com\/PLG_assets\/users2.jpg\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 236px 199px;\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n\n[selector='styleButtoncsv'] .btn-secondary:hover{\n background-size: 236px 199px;\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 2px solid #1572c2;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}","created_at":"2023-12-19 21:02:10","updated_at":"2024-08-27 23:33:07","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c981204-585b-4b7a-9977-371e8ab450af":{"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":"AP Invoice Approval - Create Users 2","description":"AP Invoice Approval - Create Users","process_manager":"","process_manager_id":null,"attributes":{"id":22,"uuid":"9c981204-585b-4b7a-9977-371e8ab450af","title":"AP Invoice Approval - Create Users 2","description":"AP Invoice Approval - Create Users","type":"FORM","config":"[{\"name\": \"AP Invoice Approval - Create Users\", \"items\": [{\"items\": [[{\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_user\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": \"\\\"\\\"\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"BtnReturn\"}, \"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\": \"

Specify users and user roles<\/span>
Define these roles for your process: Invoice Creator, Invoice Reviewer, and Finance Reviewer<\/span><\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"text-title1\"}, \"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\": \"1\"}, {\"value\": \"2\", \"content\": \"11\"}], \"customCssSelector\": \"BgGridHelper\"}, \"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\": \"

First Name<\/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\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Last Name<\/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\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Email Address<\/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\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Role<\/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\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"2\"}, {\"value\": \"2\", \"content\": \"2\"}, {\"value\": \"3\", \"content\": \"4\"}, {\"value\": \"4\", \"content\": \"4\"}], \"customCssSelector\": \"tittles\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}, {\"items\": [[{\"items\": [{\"items\": [[{\"label\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"userName\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"First Name\", \"defaultValue\": {\"mode\": \"js\", \"value\": \"return this._parent._user.firstname;\"}, \"customCssSelector\": null}, \"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\": \"userLastName\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"Last Name\", \"defaultValue\": {\"mode\": \"js\", \"value\": \"return this._parent._user.lastname;\"}}, \"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\": \"userEmail\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [{\"value\": \"email\", \"helper\": \"The field under validation must be formatted as an e-mail address.\", \"content\": \"Email\"}], \"placeholder\": \"Email Address\", \"defaultValue\": {\"mode\": \"js\", \"value\": \"return this._parent._user.email;\"}, \"customFormatter\": null}, \"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\": \"Select List\", \"config\": {\"icon\": \"fas fa-angle-double-down\", \"name\": \"userRole\", \"label\": null, \"helper\": null, \"options\": {\"key\": \"value\", \"value\": \"content\", \"dataName\": \"response\", \"jsonData\": \"[{\\\"value\\\":\\\"invoice_creator\\\",\\\"content\\\":\\\"Invoice Creator\\\"},{\\\"value\\\":\\\"invoice_reviewer\\\",\\\"content\\\":\\\"Invoice Reviewer\\\"},{\\\"value\\\":\\\"finance_approver\\\",\\\"content\\\":\\\"Finance Approver\\\"}]\", \"renderAs\": \"dropdown\", \"editIndex\": null, \"pmqlQuery\": null, \"dataSource\": \"provideData\", \"optionsList\": [{\"value\": \"invoice_creator\", \"content\": \"Invoice Creator\"}, {\"value\": \"invoice_reviewer\", \"content\": \"Invoice Reviewer\"}, {\"value\": \"finance_approver\", \"content\": \"Finance Approver\"}], \"removeIndex\": null, \"showRenderAs\": true, \"showJsonEditor\": false, \"showOptionCard\": false, \"selectedOptions\": [], \"allowMultiSelect\": false, \"defaultOptionKey\": \"approverAP\", \"collectionOptions\": null, \"showRemoveWarning\": false, \"valueTypeReturned\": \"single\", \"selectedDataSource\": null}, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": null, \"rootElement\": \"response\", \"defaultValue\": {\"mode\": \"js\", \"value\": null}, \"dataSourceUrl\": null, \"dataSourceEndpoint\": null}, \"component\": \"FormSelectList\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"name\": \"Variable Name\", \"label\": \"Variable Name\", \"helper\": \"A variable name is a symbolic name to reference information.\", \"validation\": \"regex:\/^([a-zA-Z]([a-zA-Z0-9_]?)+\\\\.?)+(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormSelectList\", \"editor-component\": \"FormSelectList\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"2\"}, {\"value\": \"2\", \"content\": \"2\"}, {\"value\": \"3\", \"content\": \"4\"}, {\"value\": \"4\", \"content\": \"4\"}], \"customCssSelector\": \"LineItems\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}], \"label\": \"Loop\", \"config\": {\"icon\": \"fas fa-redo\", \"name\": \"users\", \"label\": null, \"settings\": {\"add\": true, \"type\": \"new\", \"times\": \"3\", \"varname\": \"users\"}, \"customCssSelector\": \"DetailsItemsBtn\"}, \"component\": \"FormLoop\", \"container\": true, \"inspector\": [{\"type\": \"LoopInspector\", \"field\": \"settings\", \"config\": {\"label\": 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\": \"Loop\", \"editor-component\": \"Loop\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"conditionalHide\": null, \"customCssSelector\": \"UsersScroll\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"fullBox\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}], \"order\": 1}, {\"name\": \"AP Invoice Approval - Users Created\", \"items\": [], \"order\": 2}]","computed":"[]","custom_css":"[selector='LineItems']{\n background-color: #ffffff !important;\n border-bottom: 2px solid #CDDDEE !important;\n color: #556271;\n padding-bottom:1px;\n margin: auto 0;\n padding-left: 10px;\n}\n[selector='text-title1']{\n max-width: 500px;\n}\n[selector='left-hint-fill111']{\n max-width: 550px;\n}\n[selector='UsersScroll']{\n background-color: #FFFFFF;\n max-height: 900px !important;\n overflow-y: scroll;\n overflow-x: hidden;\n padding: 30px;\n}\n\n\n[selector='LineItems'] .form-control{\n border:none !important;\n border-radius: 6px;\n padding:0px 0px 5px 1px !important;\n \/*background-color: #f6f9fb;*\/\n font-size: 0.8em;\n \/*padding-left: 2px!important;*\/\n}\n[selector='LineItems'] .form-group {\n margin-bottom: 0px !important;\n margin-top: -8px !important;\n padding: 0px 0px 2px 0px !important;\n}\n\n[selector='LineItems'] .multiselect .multiselect__tags {\n border: none;\n border-radius: 6px;\n \/*background-color: #f6f9fb;*\/\n \/*margin-right: 5px;*\/\n font-size: 0.7em;\n}\n[selector='LineItems'] .multiselect .multiselect__tags .multiselect__single {\n border: none;\n \/*background-color: #f6f9fb;*\/\n \/*margin-right: 5px;*\/\n font-size: 1em;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-secondary{\n background-color: #FFFFFF !important;\n \/*border: 1px solid #FFFFFF!important;*\/\n border: none;\n color: #1572C2 !important;\n font-weight: 500;\n font-family: 'Poppins';\n padding: 0px;\n text-transform: capitalize;\n width: auto;\n margin-left: 5px;\n padding-top: 15px;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-secondary:hover{\n \/*background-color: #1572C2 !important;*\/\n border:none !important;\n color: #556271 !important;\n}\n[selector='DetailsItemsBtn'] .justify-content-md-center{\n justify-content: center !important;\n padding-bottom: 15px;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .fas.fa-plus::before {\n content: \"+ New user\" !important;\n font-size: 0.9em !important;\n font-weight: 500;\n font-family: 'Poppins' !important;\n}\n\n\/***btn-outline-danger*****\/\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-outline-danger{\n background-color: #FFFFFF !important;\n border: none !important;\n color: #1572C2 !important;\n \/*font-size: 16px;*\/\n font-weight: 500;\n font-family: 'Poppins';\n padding: 0px;\n \/*padding: 10px 10px 0px 10px!important;*\/\n width: auto;\n padding-top: 15px;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-outline-danger:hover{\n background-color: #FFFFFF !important;\n \/*border-bottom: none !important;\n border-radius: 0px !important;*\/\n color: #556271 !important;\n \/*font-weight: 700 !important;*\/\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .fas.fa-minus::before {\n content: \"- Remove last user\" !important;\n font-size: 0.9em !important;\n font-weight: 500;\n font-family: 'Poppins' !important;\n text-transform: none !important;\n}\n\n[selector='fullBox'] {\n background-color: #FFFFFF !important;\n border: 1px solid #CDDDEE !important;\n border-radius: 3px;\n color: #556271;\n}\n[selector='tittles'] {\n padding-top: 15px;\n font-size: 0.75em;\n padding-left: 12px;\n margin-bottom: -15px;\n}\n[selector='UsersScroll']{\n background-color: #FFFFFF;\n max-height: 240px !important;\n overflow-y: scroll;\n overflow-x: hidden;\n padding: 10px;\n}","created_at":"2024-06-19 19:02:16","updated_at":"2024-09-10 15:45:35","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c981204-6e8c-49f1-ae8e-03c20a9bdbe6":{"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":"AP Invoice Approval - Upload File Roles 2","description":"AP Invoice Approval - Upload File Roles","process_manager":"","process_manager_id":null,"attributes":{"id":23,"uuid":"9c981204-6e8c-49f1-ae8e-03c20a9bdbe6","title":"AP Invoice Approval - Upload File Roles 2","description":"AP Invoice Approval - Upload File Roles","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"items\": [{\"items\": [[{\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_user\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": \"\\\"\\\"\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"BtnReturn\"}, \"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\": \"

Specify users and roles<\/span>
Use the provided CSV\/Excel file to easily upload the required user configuration for your process<\/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\": \"1\"}, {\"value\": \"2\", \"content\": \"11\"}], \"customCssSelector\": \"BgGridHelper\"}, \"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\": \"uploadResult == \\\"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\": \"File Upload\", \"config\": {\"icon\": \"fas fa-file-upload\", \"name\": \"file_upload_1\", \"label\": null, \"customCssSelector\": \"BtnUpload\"}, \"component\": \"FileUpload\", \"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\": \"FileUpload\", \"editor-component\": \"FileUpload\"}, {\"items\": [[]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"myboxLine\"}, \"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\": \"

 <\/em> Download User List Template<\/a><\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": 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\": \"myboxDownload\"}, \"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\": \"inner_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\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": 1, \"content\": \"12\"}], \"conditionalHide\": null, \"customCssSelector\": \"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\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='top_msg'] {\r\n border-radius: 6px;\r\n padding: 0px;\r\n width: 100%;\r\n text-align: justify;\r\n}\r\n\r\n[selector='error_msg'] {\r\n background-color: #FFF7E5;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-family: 'Open Sans';\r\n padding-left: 10px;\r\n padding-top: 5px;\r\n vertical-align: middle;\r\n}\r\n\r\n[selector='box'] {\r\n \r\n border-top-left-radius: 6px;\r\n border-top-right-radius: 6px;\r\n padding-right: 30px;\r\n width: 100%;\r\n}\r\n\r\n[selector='inner_box'] {\r\n border-radius: 6px;\r\n padding-top: 30px;\r\n padding-left: 30px;\r\n padding-right: 30px;\r\n margin-right: 45;\r\n}\r\n\r\n\/*****And-Selector-BtnUpload******\/\r\n[selector='BtnUpload']{\r\n width: 400;\r\n margin-top:-50px ; \/* center *\/\r\n padding-bottom: 15px;\r\n margin-left: -125px;\r\n}\r\n[selector='BtnImgUpload'] img{\r\n text-align: center;\r\n margin-bottom: 0 !important;\r\n display: flex;\r\n justify-content: center;\r\n \r\n}\r\n[selector='BtnUpload'] .form-control-file {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n max-width: 300px;\r\n text-align: center;\r\n margin: auto;\r\n margin-top: -30px;\r\n \r\n}\r\n[selector='BtnUpload'] .form-control-file > p {\r\n color: transparent;\r\n display: grid;\r\n \r\n}\r\n[selector='BtnUpload'] .form-control-file > p::after {\r\n color: #2381C8 !important;\r\n content: \"\";\r\n font-size: 16px;\r\n font-weight: 600;\r\n \r\n}\r\n\r\n[selector='BtnUpload'] .form-control-file label.btn {\r\n background: white;\r\n color: transparent !important;\r\n border-radius: 8px;\r\n min-width: 400px;\r\n max-height: 45px;\r\n margin-left: -8px;\r\n margin-bottom: -10px;\r\n padding-top: 7px;\r\n border: 1px solid #CDDDEE;\r\n}\r\n[selector='BtnUpload'] .form-control-file label.btn::before {\r\n font-family: 'Font Awesome 5 Free', Open Sans; \/* Make sure this matches the font family in the Font Awesome CSS *\/\r\n content: '\\f574 Upload User list'; \/* Unicode for download icon *\/\r\n font-weight: 600; \/* Font weight for solid icons *\/\r\n word-spacing: 0.25em;\r\n font-variant-ligatures: 'common-ligatures'; \r\n font-size:16px;\r\n color: #556271 !important;\r\n text-transform: none;\r\n display: inline-block;\r\n width: 100%;\r\n \/*font-weight: 500;*\/\r\n}\r\n[selector='BtnUpload'] .uploader-list {\r\n padding-top: 15px;\r\n padding-left: 75px;\r\n margin-left: 45px;\r\n width: 450px;\r\n\r\n}\r\n\r\n\/*****End-BtnUpload******\/\r\n\r\n[selector='myboxFile'] {\r\n width: 400px;\r\n margin-left: 45px;\r\n padding-top: 15px;\r\n border-bottom: 5px solid #CDDDEE;\r\n}\r\n\r\n[selector='myboxDownload'] {\r\n margin-left: -15px;\r\n padding-top: 15px;\r\n max-width: 420px;\r\n}\r\n[selector='myboxLine'] {\r\n margin-left: -15px;\r\n max-width: 405px;\r\n border-bottom: 1px solid #CDDDEE;\r\n}\r\n[selector='boxFile'] {\r\n margin-right: 45px;\r\n padding-right: 10px;\r\n \r\n}\r\n[selector='left-hint-fill'] {\r\n max-width: 470px;\r\n \r\n}\r\n[selector='testbox'] {\r\n max-width: 640px;\r\n border: 1px solid #CDDDEE;\r\n margin-left: 75px;\r\n margin-right: -25px;\r\n}\r\n[selector='btn-myUpload'] {\r\n box-sizing: inherit; \r\n background: white; \r\n color: #556271 !important; \r\n border-radius: 8px; \r\n min-width: 400px; \r\n height: 45px; \r\n margin: 0 auto !important;\r\n padding-top: 10px; \r\n border: 1px solid #CDDDEE; \r\n text-transform: capitalize; \r\n font-family: 'Open Sans'; \r\n font-weight: 900; \r\n font-size: 0.8em;\r\n}","created_at":"2023-12-18 19:34:37","updated_at":"2024-08-27 23:33:08","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c53329c-13ff-4fad-b42e-1468df3cc85a":{"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":"9c53329c-3564-4b19-bce9-0b9e0a0ff12b","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"Invoice Approval Footer 4 5"},"name":"Invoice Approval Footer 4 5","discard":false}],"name":"AP Invoice Approval - Connect Finish","description":"AP Invoice Approval - Connect Finish","process_manager":"","process_manager_id":null,"attributes":{"id":24,"uuid":"9c53329c-13ff-4fad-b42e-1468df3cc85a","title":"AP Invoice Approval - Connect Finish","description":"AP Invoice Approval - Connect Finish","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’s set up the process to work for you. Complete this guided setup wizard once, and you’ll 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\": \"checkblue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAACr0lEQVRYCc2YvW7VMBTH8wiRGkeMSLwBT3DfpH0B1MTudod2YGLpXZkuW8felSmNHRjo0K5IRYFKDCwNG2xBx8TG14ljxzcfRIrs+CPnl\/\/xsR0HgecVJdkKEXYaE3YdY1oiTCuEad3cFSLsDuoinF9EZ9nK08ywbmGShTFm5xqMgLKlJcLFNkyy58OsOrQGMITppaKQDcZSPyIoSotjT8UskLREpDh20MfcZFzV5PjUwItLM4GhhruUsGw8l5rgmnLCsvAiCw047WI0J5yIfMKyNklHyTxuNSlqcTfC9GQ2twrl9NQUODA\/ob8TrjaITV87WXnVOR4RKbaLqyfV1FzdqLe0cnv291ScQ70377\/VcEHq4ilYw2UMTz32BBwndIesOCDsNFy+yLeNDicg17svViWjM7YKQEpf47Z+JjiAfEu\/2wExTYKIsGubIZ\/6PrjHp1\/1y9efrIBxmu8C2Fi6AgijkPb1Ee2EO9XUFa55fxmgdG8nbDSsGzVB6u0OgAOWKuhTQtStdw+qHZnXIUeG42I5AV7d\/pBQekZATgEHAjm5GAb049NvnU0+f3j4KfN6ZuCY04cYdzH8kekVrWcbpA4GzwfC1RDAg6aZIZAHw2Fa82kmwjRxUVC0cYEcAw7s8fUYlhNh3DXtgxwLjgPCUgeX61yofkAX5JhwsIGRuxnf9ViFHBkOgnQrAZuTg1bkqoqZ8gD56upz\/WL90au\/6b3P9COSozTfmBovUP5PPSEjV9FxXZ4YuGypJyD\/699OAbmoq9N8Izh600WOPjC96YVSK2c\/PML0BmyqDE75Wdzt6lYTcRM4TjuegdFdHSX0xGR3UDmEPUrzdwMBzBN3mm+8XGqjVkB9FK1gSZ0ErAscdkFgMML8t\/VeO8euYky\/8jrCTvkPeNdLHMr+ACe\/YZWIyQIQAAAAAElFTkSuQmCC\", \"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\": \"Email address to receive invoices<\/span>\", \"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\": \"checkblue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAACr0lEQVRYCc2YvW7VMBTH8wiRGkeMSLwBT3DfpH0B1MTudod2YGLpXZkuW8felSmNHRjo0K5IRYFKDCwNG2xBx8TG14ljxzcfRIrs+CPnl\/\/xsR0HgecVJdkKEXYaE3YdY1oiTCuEad3cFSLsDuoinF9EZ9nK08ywbmGShTFm5xqMgLKlJcLFNkyy58OsOrQGMITppaKQDcZSPyIoSotjT8UskLREpDh20MfcZFzV5PjUwItLM4GhhruUsGw8l5rgmnLCsvAiCw047WI0J5yIfMKyNklHyTxuNSlqcTfC9GQ2twrl9NQUODA\/ob8TrjaITV87WXnVOR4RKbaLqyfV1FzdqLe0cnv291ScQ70377\/VcEHq4ilYw2UMTz32BBwndIesOCDsNFy+yLeNDicg17svViWjM7YKQEpf47Z+JjiAfEu\/2wExTYKIsGubIZ\/6PrjHp1\/1y9efrIBxmu8C2Fi6AgijkPb1Ee2EO9XUFa55fxmgdG8nbDSsGzVB6u0OgAOWKuhTQtStdw+qHZnXIUeG42I5AV7d\/pBQekZATgEHAjm5GAb049NvnU0+f3j4KfN6ZuCY04cYdzH8kekVrWcbpA4GzwfC1RDAg6aZIZAHw2Fa82kmwjRxUVC0cYEcAw7s8fUYlhNh3DXtgxwLjgPCUgeX61yofkAX5JhwsIGRuxnf9ViFHBkOgnQrAZuTg1bkqoqZ8gD56upz\/WL90au\/6b3P9COSozTfmBovUP5PPSEjV9FxXZ4YuGypJyD\/699OAbmoq9N8Izh600WOPjC96YVSK2c\/PML0BmyqDE75Wdzt6lYTcRM4TjuegdFdHSX0xGR3UDmEPUrzdwMBzBN3mm+8XGqjVkB9FK1gSZ0ErAscdkFgMML8t\/VeO8euYky\/8jrCTvkPeNdLHMr+ACe\/YZWIyQIQAAAAAElFTkSuQmCC\", \"label\": \"Image\", \"value\": null, \"height\": \"20\", \"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\": \"Add users and assign role<\/span>\", \"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\": \"checkblue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAACr0lEQVRYCc2YvW7VMBTH8wiRGkeMSLwBT3DfpH0B1MTudod2YGLpXZkuW8felSmNHRjo0K5IRYFKDCwNG2xBx8TG14ljxzcfRIrs+CPnl\/\/xsR0HgecVJdkKEXYaE3YdY1oiTCuEad3cFSLsDuoinF9EZ9nK08ywbmGShTFm5xqMgLKlJcLFNkyy58OsOrQGMITppaKQDcZSPyIoSotjT8UskLREpDh20MfcZFzV5PjUwItLM4GhhruUsGw8l5rgmnLCsvAiCw047WI0J5yIfMKyNklHyTxuNSlqcTfC9GQ2twrl9NQUODA\/ob8TrjaITV87WXnVOR4RKbaLqyfV1FzdqLe0cnv291ScQ70377\/VcEHq4ilYw2UMTz32BBwndIesOCDsNFy+yLeNDicg17svViWjM7YKQEpf47Z+JjiAfEu\/2wExTYKIsGubIZ\/6PrjHp1\/1y9efrIBxmu8C2Fi6AgijkPb1Ee2EO9XUFa55fxmgdG8nbDSsGzVB6u0OgAOWKuhTQtStdw+qHZnXIUeG42I5AV7d\/pBQekZATgEHAjm5GAb049NvnU0+f3j4KfN6ZuCY04cYdzH8kekVrWcbpA4GzwfC1RDAg6aZIZAHw2Fa82kmwjRxUVC0cYEcAw7s8fUYlhNh3DXtgxwLjgPCUgeX61yofkAX5JhwsIGRuxnf9ViFHBkOgnQrAZuTg1bkqoqZ8gD56upz\/WL90au\/6b3P9COSozTfmBovUP5PPSEjV9FxXZ4YuGypJyD\/699OAbmoq9N8Izh600WOPjC96YVSK2c\/PML0BmyqDE75Wdzt6lYTcRM4TjuegdFdHSX0xGR3UDmEPUrzdwMBzBN3mm+8XGqjVkB9FK1gSZ0ErAscdkFgMML8t\/VeO8euYky\/8jrCTvkPeNdLHMr+ACe\/YZWIyQIQAAAAAElFTkSuQmCC\", \"label\": \"Image\", \"value\": null, \"height\": \"20\", \"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\": \"GL-Codes upload<\/span>\", \"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\": \"4blue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAPwSURBVHjazJpJTBNRGMcnIUG9eZCLxohhUYMRbyaYGL2oRzwYvGjixcSr4sZilIuSqNEDaowaXNC4JC6JoolLhFoKdatFFFqWiJQWkJa1gCY\/D7xi22mHduZ1+SffpZnl\/+u8N\/O973uKIkFABpAHFAMVwEvACcyIGATeAo+Ac8BeoBBQtCKhEqaLgGrAT\/zyA\/VAKbA2aQDC+FbAhjx1A2eAVQkFADYBn0icnMB26RDAIuA8ydNVcU8p5vMBK8mXFcg2ar4I8JE6+YAiI+anSL2m4oYAslP8z0d6EvnxTFgr6ScrsCgWgKukr87H8p6XqocfByisamLFURM55Sa2nP3A\/ro2vv4a03vJTdHMLxAfEmkyd\/o4+KCDrAMNqnjyxaP3sp+AjEgAJbL\/\/bstnojmsw40cM\/qNnLpreHmM0U+Ik3P7UPklL2PCnCzyWXk8raQpyCyQWkyOXyURhk6gbhhdhm9TVEwQI1MgFqzS9O8JIDq4OHjl\/fW8bD8cOO8ALXGAfxAhiJWUlL0qu03Oy7aVGazj71PxBMAyFPEMlDOV+bVT5XR+tYhCk5YZE\/igIoV4JSMK71t97KyzBRisrjGRufAJDllZhXALUu\/jNtWKGIBbki23jFKrqiHTrt7AoDccjVAXbMUgJeKqBgY0p3mfpVBa88Io\/4\/AKw5rh5Cd1vcMgCciih76Jaly0d+ZegkLX3YwcT037lj1p1sVgE8+OiRATBjCKClZ5Q91+0qcwOj0yHHra9SAzy1DUgD0J3AXX7XGzHH6R8JBSisskR8O0nQoO5JbO70sbIs9IOVV27G5PBh6fLx+eco31zjtLnGWV3ZpAK49K6X1r4x7H1juMOA453Ex\/WceeF1z7xf21jjmV33cDqtALv1nHnN9CsdAIoVUQmLW7ebXekAkKsABXqSuef2wVQD+IHMQA2yPt6z+7xTdHgm+d4\/MRetfeNYukZodHhpdHhpcHh582OY5UdMKtOPv3hwj0zPhQ7VBNJpRZS4E6ZIudD9D4ZTiYJggLWyl5QhA7VcOkA3kBkMoIj6fNIAXrQaSsFKgpeTgdggu6yiBdDoGNadwIkS0Gz\/gNC2TkUiAIInayCGJ3SnYJuDPYcDLAVup3FpsQ5YqAWgAEvStLjbDmwL9xutxZlP+pXX90XyqtWn3Uj6NDgORfOp2WgWEKluMR3S8jgfQKBbY03RmN83n7+YWv3Mdm2S2fh4Sli\/2BBAWAPEmUDjTvEtWhaLeU0AjS7OAmCX5NypW6QyG2I1rgkQYzMwUySBNejf7PEMOCjWJIqekLLNRcAEttucEoWCQf5vt3GK3yqBncxutVms13Rw\/BsAy3B91B2ITwcAAAAASUVORK5CYII=\", \"label\": \"Image\", \"value\": null, \"height\": \"20\", \"variant\": \"primary\", \"renderImage\": false}, \"component\": \"FormImage\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"label\": \"Name\", \"helper\": \"Image name\"}}, {\"type\": \"ImageUpload\", \"field\": \"image\", \"config\": {\"label\": \"Upload\", \"helper\": \"Upload image\"}}, {\"type\": \"ImageVariable\", \"field\": \"imageName\", \"config\": {\"label\": \"Render from a variable name\", \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"height\", \"config\": {\"type\": \"number\", \"label\": \"Height\", \"helper\": \"Image height\"}}, {\"type\": \"FormInput\", \"field\": \"width\", \"config\": {\"type\": \"number\", \"label\": \"Width\", \"helper\": \"image width\"}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormImage\", \"editor-component\": \"FormImage\"}, {\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

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

Setup complete<\/p>\\n

The setup has finished, and you're all set to kick off the process.<\/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\": \"companyName\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"Company Name\", \"conditionalHide\": \"false\"}, \"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\": \"Checkbox\", \"config\": {\"icon\": \"fas fa-check-square\", \"name\": \"start_process\", \"label\": \"Start the process after saving\", \"helper\": null, \"toggle\": false, \"disabled\": false, \"validation\": [], \"conditionalHide\": \"false\", \"initiallyChecked\": true}, \"component\": \"FormCheckbox\", \"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\": \"FormCheckbox\", \"editor-component\": \"FormCheckbox\"}, {\"label\": \"Checkbox\", \"config\": {\"icon\": \"fas fa-check-square\", \"name\": \"generate_requests\", \"label\": \"Generate sample process requests\", \"helper\": null, \"toggle\": false, \"disabled\": false, \"validation\": [], \"conditionalHide\": \"false\", \"initiallyChecked\": true}, \"component\": \"FormCheckbox\", \"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\": \"FormCheckbox\", \"editor-component\": \"FormCheckbox\"}, {\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"save\", \"event\": \"submit\", \"label\": \"SAVE AND FINISH\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": \"save\", \"defaultSubmit\": true, \"conditionalHide\": null, \"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\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

\", \"interactive\": true, \"renderVarHtml\": false, \"conditionalHide\": \"false\"}, \"component\": \"FormHtmlViewer\", \"inspector\": [{\"type\": \"FormTextArea\", \"field\": \"content\", \"config\": {\"rows\": 5, \"label\": \"Content\", \"value\": null, \"helper\": \"The HTML text to display\"}}, {\"type\": \"FormCheckbox\", \"field\": \"renderVarHtml\", \"config\": {\"label\": \"Render HTML from a Variable\", \"value\": null, \"helper\": null}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormHtmlEditor\", \"editor-component\": \"FormHtmlEditor\"}, {\"items\": [[], []], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"6\"}, {\"value\": \"2\", \"content\": \"6\"}]}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}, {\"label\": \"Nested Screen\", \"config\": {\"icon\": \"fas fa-file-invoice\", \"name\": \"Nested Screen\", \"label\": \"Nested Screen\", \"value\": null, \"screen\": 25, \"variant\": \"primary\", \"conditionalHide\": \"false\"}, \"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\": \"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\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='body-container'] {\r\n width: 1109px;\r\n margin: auto;\r\n padding-inline-start: 25px;\r\n}\r\n\r\n[selector='btn-bx1'] {\r\n margin-top: 1em;\r\n text-align: left;\r\n padding-top: 100px;\r\n padding-left: 310px;\r\n}\r\n\r\n[selector='btn-bx1'] button {\r\n background-color: #2381C8;\r\n border-radius: 8px;\r\n border-color: #2381C8;\r\n width: 170px;\r\n text-transform: none;\r\n height: 40px;\r\n font-weight: bold;\r\n padding: 0px 15px 0px 15px;\r\n}\r\n\r\n[selector='left-hint'] {\r\n height: 22px;\r\n width: 310px;\r\n padding: 0px 14px 0px 14px;\r\n margin: 10px 0px 10px 0px;\r\n}\r\n\r\n[selector='left-hint'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint'] img {\r\n height: 24px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-current'] {\r\n background-color: #1572c2;\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: 315px;\r\n padding: 0px 14px 0px 14px;\r\n margin: 10px 0px 10px 0px;\r\n}\r\n\r\n[selector='left-hint-done'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint-done'] img {\r\n height: 20px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='left-hint-done'] p {\r\n font-size: 16px; \r\n line-height: 21.79px; \r\n font-weight: 600; \r\n color: #4EA075;\r\n}\r\n\r\n[selector='left-hint-fill'] {\r\n height: 50px;\r\n width: 400px;\r\n padding: 13px 12px 13px 12px;\r\n}\r\n\r\n[selector='left-hint-fill'] div {\r\n display: flex;\r\n}\r\n\r\n[selector='left-hint-fill'] img {\r\n height: 50px;\r\n margin-right: 15px;\r\n}\r\n\r\n[selector='arrow-button'] {\r\n margin-top: 1em;\r\n text-align: center;\r\n}\r\n\r\n[selector='arrow-button'] button {\r\n background-color: #FFFFFF;\r\n border-radius: 68.75px;\r\n width: 50px;\r\n height: 50px;\r\n\r\n background-image: url(\/public-files\/PLG_assets\/Frame%201171275558.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}","created_at":"2023-12-19 20:23:35","updated_at":"2024-08-27 23:33:08","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":false}},"9c53329c-3564-4b19-bce9-0b9e0a0ff12b":{"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 Footer 4 5","description":"Invoice Approval Footer","process_manager":"","process_manager_id":null,"attributes":{"id":25,"uuid":"9c53329c-3564-4b19-bce9-0b9e0a0ff12b","title":"Invoice Approval Footer 4 5","description":"Invoice Approval Footer","type":"DISPLAY","config":"[{\"name\": \"Invoice Approval Footer\", \"items\": [{\"items\": [[{\"label\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"
\\n
\\n
\\n
Privacy Policy<\/span> |<\/span> Contact Us<\/span>\\n
©ProcessMaker Automate complex workflows<\/small><\/div>\\n<\/div>\\n<\/div>\\n<\/div>\\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\": \"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\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"isologo%203\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAAwCAYAAAC7W17UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAx2SURBVHgB7V1NVttKFr5VktNv0u+5T0j6zZ6zgpBxvwSzgsAKAivAQOaYcYefrCBmBTgrwA7pcWAFUWbpmJx20j3Iia2qvrdUJZdk2UgEgwL1nWNsS6of3bq37q8MgymoNo6qFQ5LAJWHjMmaxENwYbBWb+fPA\/p0b+PNHmOsJiULGBt0v4fQ6e8v9sHBoYRgWQdJOO5wf02CbMAPCUZ6NE6Csjr3\/LjOhDyyzqCA8NZADF6isATg4FAijAnJXOOozrh3CJcpHBYkZ4tnLx53UJu8x6+11OkAPG+5989\/nICDQ0nA7S\/3N98soYDQDj8TAVEQoq7eGQsyztYgDI9I04CDQ0kQCwmaWOgjwCu4flTRFDuk+YCDQwkQC4nP\/T2YpQYphmrF88sgsA4O4NOfuedH5EgvQZkgZZ3MLvJfwOFWYxRlBRj8Cu1+82ojoUqTMFl5BiUED0UDHG49flEWjveKXv7\/\/Hm4YmhzS175wHkgGVsAB4drRiQkspxCgqj+7hx4h2uGr9+7GJI9hJB3B8Av3d7z\/SFGzmSVk9\/DirUNyxNMcLilUELS231Sh9ki0O9tKAjp+05IHK4VSkhU9MDzDymidM71LRSoVSgx7lJCFM1HztjJp50nbczsr6BVuYDRiRo6OSeTSl\/mNrpNeveFaCntxStr1MYLh6sfreujigQMdOA5VIp9CdAZhMPXk8ppNG2f4djzozasPQgH3SltahUc39TLmTam9i0LifskTLlX6z6e4vXz+voAtXwna4y5jTcYQJFV5vltOfheNfdPbXCMbTOGTZv0uTTuNo6WeDS+ognA8ODTzmLbHitv5QXdu4Tovs92F5owoqOiPfZfH9UdslYW7YnmPucr9Hn4q9j3+zDPPSrNUvTHQTbfvgIpVs6bjCkpgUvAvc3joxxCWXjMe+vdFpqOFK2j91rWGOiIrf9798l+ot3GG6k+MCSUFC1z3BPhAxKSczaSgDFYJ6G0D0bMrioYalltskpwkC5rOMY+ZAEFf\/DX4aIdAj1vg8u61\/sbx1vIVM3MMYDv93b\/XE\/MSZcQkaAyGE8V0BpxAQsZffYHInyUZkgqcMW3scglA9bEPlYgotcqbsgtOk5+aci992Ysmx80jd\/rr\/EmXpT2URpEXY\/zkNt4r1vmnHbczxcQwk+Ws1iigAQSfRs\/ryKDNUCCYi4BsFVtHmWbcVIYhjqlostv1ahNxavsWYzYVf1KSbtuAMRAEl6l+7QXCXej13GbaB5UgnNot1FVBiMBCdScae7ROCrAUvla2UqNsWXmRWPQ9fqeA32ve3b1AjFDzMwodGoMfJEARFeIhtGqaSgBkfKlYLCs5qXHoAoJ3WcrMV9KCjOeEIZI42kBofGjflQb3UcNCgDXxdAjwA1tG0Z0MbTvJ3hAr1ea9jaQFmv6Y5d4wIf8CODnQpW0wpllPmBy8lRXH1f9r94Kvmft2FUiakpt18xGkj6ndjnmvUMOwj4VQzSjsY7qyKG1qA2s96zd3KqCrtnzUAsuBX0M9A5sNEbr7nq3jybkGjExLu52rE0krOhgSOuTZQrjvFrxvCIzQs0ryonpMULUSqMxXhrtjjv6M3N9Cqe9vYWY6dE0IlPEVGrYpngLNToojc7YU7C0Bob1n6I5rMZHU3bZMmWte8yH1LocmL5s2qOGX+3tLMQa3uKB2lQesDQWh5uLftq+Vjcd7V7EVw8ntAtsISB4njdvPpO9ap+LFka+Vn0y\/jQ+IXjdzOMsZe5MnofxD+Tr9PM1lZGGgzv\/9er0rsLjLLK1cVEPJs2LS7BC\/NpngfFneATIl\/pjDTKAjJgwJ30R2t+7iYsZ65i+7B2bjdINnY8pM8y+xzywSpeSa2Zor\/1Su01OHmjZVtPNFZLsKmOCYgxcrL9lnpURYyW6kjHT9LNKIiTTWhbD3OMdktmWOU4HF+kDvkbzEBEDY39jY9gMhRuxGucbWNeZ6urEGGKfdkQp\/WZ8yLQhfy2FMAw76np8QUFgm2DSuV\/6Vhhfzx0F7kP6uo8FniVSZpsxfxlv2ufi9ZLyy4Tmhm4Psk6i9knwQBFz6+fCZAJFpxmrTjgeZByt6kdvcueQ1EJNyQmhaULO8XqyUbGcEGkCNJE62kRawwDMe1t79vYXT8bnpTYB8i3q5MB\/2n28bfeHbx2YJdil5b2ML3I6Lep3EQjGEut8c4XkgmAFBGF2c\/B+y\/uoAIWoQ+OkYlQOhWZFsuH22YvFTtb1FDHCa56RkJCjrHZk3Ikvm9FmBiHnUbgXTMgXnfWlidcylpuO03CTfZKfGKJBYc30K+tKMlGQUdCk0mYiaRUMZZITPolBejuPF3XEhxAJF4Z5UROVstDVBgUKrFBza6qJRtHALDqek3rwh8PA\/u6EpJwIlOM74ZW2\/4lRzvYWlpQvYRxmZARiCDKpsgYgR5dyQFa4Vmuit6V+jof8OBhp+\/o5l\/en0ZESrpADztwqISicebbzpAkFoSMyHao6wIgWhWZrtOti2LOblePSu\/AKRsmaQ+7vRXkQsYJ5kg\/pCF9ZIDhbYUPeBx6+w6+1v2OGPp0stXBKWhN+EE6T3EB8xrAnmWAmeXreczlKE+0+XjYJRQoCTEy2lgC9fcyUaw04NTF8SbjJmuQPuCQg0wT6Y+7FoLCwCm6h85h1fm7z+BAjTeR0dq0C0wCmZJxNJtzUNakfzNCh3\/TOT4yPybkDjgyPETuVD6ASFkwsKoGhGrW0PS+ZPMCoHM2pqsO2swhiBFAwq54FT4omJkvJh0okcROYQHtT68WY9z5PwKL0moQNhxddqGrmDiOjqAgyaO5+xShvkd0n4yYpZcX+dRhRxsm7ZBNTrmLPQ4ceUSjHBJyccDy+pV4ijNoKGR+buptaIU1zPUbE6uOXhVcW2Ztwj\/OQEyTgQkbJT6X5rCCF1MlCon32erFnmo7LkAPXIiS6Rqme49IgK9afd5g7X\/1EiYMqHtTMKaPfFssFSrIZ0yVdO3UPF1ZrBBKWkdPLY6ewmnaedRHjfHoeUgqTxFpKR6bucD+OPPEwVH2jSdUxx9LzovY8KgmhjtX1Kg9iGIhlmFQipldQJLFXCFKazPzYPVa8Su6SFEKI2kSvS7XCrfu3aP+XqPQkBq2X4b28PHAt5lZU5hGXLWRDMgxtDrbh4qDCtub9zeN5IcUpY3zBEszACwfd3B0hcxnThcKzqK5RKHgnKgnP7lP9AJ9O9Kl8xCaaRqocPdnGVvdDIfYrzFujhBsV6N3beNuREH6guctRm9hMove5jWNdmYvzwntFQetSngW\/r4A2D+3CP4GhX9wZD6NiSe8dmnBqfJs+FDiAGUF6vIUaUJlJ+h7beI9fovHRdCSmz5lwpHXB+b9kqmIXAw7Pjw+I7jbtqcATx3io6DiiCyE3D1yLkHyO6mnaMFuc4mKTBiDzgjLM5nifytqL7pSf9xYaKCigC\/Bqithxl2hno+pO9zkIh8txGbtiQAl2G+VcW1AZ9Ma\/MIwbHpoxGBlmeu74tz0UYSJLPxTD1QrjX1QxYZR5r+sCRtWlELDes+ZFtEfG2o4YC2rMlIQb+qAJg+HkJswIxMD2+CTc5h6pEBTXhuib2\/ezNxb0p6jPDh1P0N7QcUQXRfu8PFBYSKI6\/XPj0z8O5pPTtYQO8PZFS\/TJmUWma0s+VOYQ7lb\/QeIdTPhx7lX6Y5swaZCg4G7VJmcZd6U\/QIZf1DMeImxn9amPLaqq31Asocf9G7VhnHXShXcGFLlBGj\/CXVaV+ps2uAO3s+igx6BdtBXPS92sPJl0r0QXVSXs+U\/Vw2D6eqT16dmLJ2NjoE+2jiHlKhMiYfpS7VhF0y2dgCM6ot+jzpnHDezxcb4dQxPa5U0gAcPXAY1lr8O0cej+fn9+tBwKr6aK2tCEpPq6abT\/juZzL0WX4RBOkK8z56sCMPEDR9MRYBTmgf1wypVAhI+K+CXWQ1fdK3gs2eEWoPTRrR9w3B0cLgVlF5LczrWDw6xQbiGxQ6oODteEMgtJ8NOUbzvcaJS1LKWfDo\/mxUCKBshfmuDgcEkopZCkY\/tFoEN\/V1Ze4XDzUTYhUUm5zy6i5VAilMUnUb+NNCiYE3FwuAoU1iR2ZvJHoEqVgQX0lJ37Rz0OZUZhIdE2fwscHG4J8ptbqZ9ZcXC4LcgvJPqZBAeH24bcQmI\/k+DgcJuQS0go8jSzJ9UcHEqO8x33GT+E4+BQdkzTJF36sTP7p\/YdHG4jlCYZiMqD5OFv\/QlP7zk43Dr8HxeG2CaE8A1DAAAAAElFTkSuQmCC\", \"label\": \"Image\", \"value\": null, \"width\": null, \"variant\": \"primary\", \"renderImage\": false, \"customCssSelector\": \"img-pmDoMore\"}, \"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\": \"6\"}, {\"value\": \"2\", \"content\": \"6\"}], \"customCssSelector\": null}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}]}]","computed":"[]","custom_css":"[selector='img-pmDoMore'] {\r\n margin-top: 3em; \r\n \/*\r\n top: 50%;\r\n position: absolute;\r\n -ms-transform: translateY(-50%);\r\n transform: translateY(-50%);\r\n *\/\r\n width: 100%;\r\n}\r\n\r\n[selector='img-pmDoMore'] img {\r\n width: 200px;\r\n}","created_at":"2023-12-07 19:29:51","updated_at":"2024-08-27 23:33:09","status":"ACTIVE","key":null,"watchers":null,"translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c5faf3d-a4c0-4bfd-883b-9db7e21b2c18":{"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":"9c5fafc8-5623-4b3a-91a6-89f28b89727b","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - GL-Codes Nested Options"},"name":"AP Invoice Approval - GL-Codes Nested Options","discard":false},{"type":"screens","uuid":"9c5fb276-289f-4617-af36-a3647b9add7e","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Create GL-Code"},"name":"AP Invoice Approval - Create GL-Code","discard":false},{"type":"screens","uuid":"9c63c748-8f69-489b-862c-fada96ad4d6a","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScreenExporter","modelClass":"ProcessMaker\\Models\\Screen","fallbackMatches":{"key":null,"title":"AP Invoice Approval - Upload File GL Codes"},"name":"AP Invoice Approval - Upload File GL Codes","discard":false}],"name":"AP Invoice Approval - Define GL-Codes","description":"AP Invoice Approval - Define Users","process_manager":"","process_manager_id":null,"attributes":{"id":26,"uuid":"9c5faf3d-a4c0-4bfd-883b-9db7e21b2c18","title":"AP Invoice Approval - Define GL-Codes","description":"AP Invoice Approval - Define Users","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\": \"

{{errorMessageCode}}<\/div>\", \"interactive\": true, \"renderVarHtml\": true, \"conditionalHide\": \"errorMessageCode\"}, \"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

To customize your invoice processing flow, complete these short setup steps.<\/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\": \"checkblue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAACr0lEQVRYCc2YvW7VMBTH8wiRGkeMSLwBT3DfpH0B1MTudod2YGLpXZkuW8felSmNHRjo0K5IRYFKDCwNG2xBx8TG14ljxzcfRIrs+CPnl\/\/xsR0HgecVJdkKEXYaE3YdY1oiTCuEad3cFSLsDuoinF9EZ9nK08ywbmGShTFm5xqMgLKlJcLFNkyy58OsOrQGMITppaKQDcZSPyIoSotjT8UskLREpDh20MfcZFzV5PjUwItLM4GhhruUsGw8l5rgmnLCsvAiCw047WI0J5yIfMKyNklHyTxuNSlqcTfC9GQ2twrl9NQUODA\/ob8TrjaITV87WXnVOR4RKbaLqyfV1FzdqLe0cnv291ScQ70377\/VcEHq4ilYw2UMTz32BBwndIesOCDsNFy+yLeNDicg17svViWjM7YKQEpf47Z+JjiAfEu\/2wExTYKIsGubIZ\/6PrjHp1\/1y9efrIBxmu8C2Fi6AgijkPb1Ee2EO9XUFa55fxmgdG8nbDSsGzVB6u0OgAOWKuhTQtStdw+qHZnXIUeG42I5AV7d\/pBQekZATgEHAjm5GAb049NvnU0+f3j4KfN6ZuCY04cYdzH8kekVrWcbpA4GzwfC1RDAg6aZIZAHw2Fa82kmwjRxUVC0cYEcAw7s8fUYlhNh3DXtgxwLjgPCUgeX61yofkAX5JhwsIGRuxnf9ViFHBkOgnQrAZuTg1bkqoqZ8gD56upz\/WL90au\/6b3P9COSozTfmBovUP5PPSEjV9FxXZ4YuGypJyD\/699OAbmoq9N8Izh600WOPjC96YVSK2c\/PML0BmyqDE75Wdzt6lYTcRM4TjuegdFdHSX0xGR3UDmEPUrzdwMBzBN3mm+8XGqjVkB9FK1gSZ0ErAscdkFgMML8t\/VeO8euYky\/8jrCTvkPeNdLHMr+ACe\/YZWIyQIQAAAAAElFTkSuQmCC\", \"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\": \"Email address to receive invoices<\/span>\", \"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\": \"checkblue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAACr0lEQVRYCc2YvW7VMBTH8wiRGkeMSLwBT3DfpH0B1MTudod2YGLpXZkuW8felSmNHRjo0K5IRYFKDCwNG2xBx8TG14ljxzcfRIrs+CPnl\/\/xsR0HgecVJdkKEXYaE3YdY1oiTCuEad3cFSLsDuoinF9EZ9nK08ywbmGShTFm5xqMgLKlJcLFNkyy58OsOrQGMITppaKQDcZSPyIoSotjT8UskLREpDh20MfcZFzV5PjUwItLM4GhhruUsGw8l5rgmnLCsvAiCw047WI0J5yIfMKyNklHyTxuNSlqcTfC9GQ2twrl9NQUODA\/ob8TrjaITV87WXnVOR4RKbaLqyfV1FzdqLe0cnv291ScQ70377\/VcEHq4ilYw2UMTz32BBwndIesOCDsNFy+yLeNDicg17svViWjM7YKQEpf47Z+JjiAfEu\/2wExTYKIsGubIZ\/6PrjHp1\/1y9efrIBxmu8C2Fi6AgijkPb1Ee2EO9XUFa55fxmgdG8nbDSsGzVB6u0OgAOWKuhTQtStdw+qHZnXIUeG42I5AV7d\/pBQekZATgEHAjm5GAb049NvnU0+f3j4KfN6ZuCY04cYdzH8kekVrWcbpA4GzwfC1RDAg6aZIZAHw2Fa82kmwjRxUVC0cYEcAw7s8fUYlhNh3DXtgxwLjgPCUgeX61yofkAX5JhwsIGRuxnf9ViFHBkOgnQrAZuTg1bkqoqZ8gD56upz\/WL90au\/6b3P9COSozTfmBovUP5PPSEjV9FxXZ4YuGypJyD\/699OAbmoq9N8Izh600WOPjC96YVSK2c\/PML0BmyqDE75Wdzt6lYTcRM4TjuegdFdHSX0xGR3UDmEPUrzdwMBzBN3mm+8XGqjVkB9FK1gSZ0ErAscdkFgMML8t\/VeO8euYky\/8jrCTvkPeNdLHMr+ACe\/YZWIyQIQAAAAAElFTkSuQmCC\", \"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\": \"Add users for app access<\/span>\", \"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\": \"3blue\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADnklEQVRoBc1Zy24TMRTNJ2TDHgm+oF9A\/yBf0OQD6IZtkFoJVhUV3YCUDWGX7poVglUfol0EReVRkCpStY0aqUjQplLVIGVxyTF2xuN4Mn7NJFca2TOxfc+5j7n2pFAIIERUJKIKEb0koi0iOiWia4oLnm3zMWUiuh9AtfsSHPQKBxWHan53OCKbLxkJuGphc9j6kfXMvTLSC4uHBq7SWXGPi4SZsAwRwd15CfIlTI7wGM3a6jrDQGcpwaZmj0erImRmLW4hNUI9D+CF8exIwHVi5hy1ZaO44Qk7i5hPsxUwpSc2r6Jpi83q98OpXhihco77m8GQGq1Leto8oaU332nhWYtdiy\/aVHr1hT3f7\/RDEF\/VkuChY60AwNfen9GD6gHde7KXei08bzGi1oqiCQil4gQJIkIpt5KPnb4xcJVcbffCSpcyOO4FV+tjUYSICs70\/qh3q+Ayvo17gW+FjWfLAxHXMuDS668s3pEPuGq7PULYyGNEv9o8kZey7Ude8N3nAAiAJyVp\/26o9RSS3UO2WR74hI+N8tpeb8ILIO0pxYJP+NgoRziJ0BGtZwhBfQUENmyAuI5dbhxPEEgKOQsdGyCAc2pmgjpR3epMgA9gfWBuggAOD0Fk7cM5wdLiQpLqCtzjxnEQfcAOAsEEWwYR37p22pvKEcR1bgQerbeZZ5DMISU3ArJHAuyHxjYAgWB7\/\/2ffVZ9RQXGzhRhI4OX+577IUYCBIIl8dgsSqf7Z6CtxA+rB3RzN1RGW92yJManwMzl6OJW6wnPWrADD+RSyGAhOXxEv\/Hpl4\/xWCHDR9nMpXs1yIJAGR7Al2Un6V79NZ6HU5uwutx6htD\/Q77rdgKVF69EVN4kIOLIKYMWfcz1kOiAT0SrLguBgAAjWhzmUZFxoS+e61rM95DoOxEPI+t6oCOgA6p7trje9sDOpsa\/Ebl4wZUAdqKe7\/+67qsEktnKCyhQm61LWqr\/0O46ZctjV7q8mZwrlu6IW1+wcfGCrBhvJSTzu2+\/x1sK3Nu8reT1EvrRYV4Al1vfA36C0lCPT2Ws2j4\/5FuFUih0KesAkz50VCZ5HfRTAKs\/2\/1b45sPqnbP++lxr3pA3M8JCTfwEgn8WzOLnIDOisDh1fLEzvzgI4UZ\/tI1S1gbZjmEFKzuFzJphLg33krWCtFlwLEnS9Mf7HdOBIehzx4MdrhX8wOus4BEBsdTfKo8U0jBwniG8zfGgHgQ0P8A069wAwR+uJgAAAAASUVORK5CYII=\", \"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\": \"

GL-Codes upload<\/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\": \"4plomo\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM\/rhtAAAC4UlEQVRYCcWZzWrcMBCA\/Qh9hDxK36Q57moL2VMtB0p9k5TL7q00l4Q95JBQWkhyamkCLaTQhZT0FgjuDxQCbTaXtL2pjNxR5R\/ZlqxsBEb+kTSfZjSjsR1FnmVA2X2yvrFGYvGCUJ6RWCwI5VIdsViMEn6aP2MptPUU49ZtnKb3CBVPCjAI1V5nhPKtMWUrblI7tAawUcInWkPtMLkm7e3CgY4S8cBTY22QGYzdQT\/2JoG1Vgs8TMTETmB5okxK+VFAk9bC4fgjyo9ApgWnehs6YOdl1SCzSlJzZxlmtU261dyEslVbZ5f7j8VTOds71Mez2fNGE5tjWx1nQNnKEAKuPTR0FnIyP5Nm+XF13bkvRIza9QhBNAQcaK5cnAAplxVTg\/ZCwIFpAaZcXAGBpaDFUNormxZBfQAJZan24RBrb2\/\/NfLIX7\/\/6HM48QKMxUIBqqykp2OAaW8MqDfvPvQHpFw+hCwIVNl3\/Z1ffNFAJ\/NPcrK5o6+9NQjO8kiMIxJzyOe6h4FS24NXbzXMz6trCdoMBTiI+cuIQGJZEtr1GmDMMts9VBMthxqvNZgzZVGfVAoEYwHT4sSCAYKj4KCudZ1pcYxggJRLL0CbaW8H0HzZ6bgWTdNCzHs\/PyscplfDEjDbTDd39FLACVlrMLFPkMZ151OD+a1AZQUl4tQrzPiAYR8XQBVmhokYd57RvxmeX3yVTce375fIo2ts72Ri2I9hO3EFbGsfyovVVgcbcp9YWAcbCDDT2UyI\/dgEDQS4pQEhOTQF9D0PAVj5REIom\/YFC9j\/v\/ZQjUqLHkE7IBTGx6yiPYQM9drZB9r62mlA3qGp2RQ5Guu7+PRBKDtuhDIfwnpcLiQ7LrxmmjBN58vx7I5mtYGC4\/hkPK2OoiIGW7XJdbqff7dh261Cy+mS9ZpNvUzaRo2gXhrNNZbeClgdeJ4FsRR+NQwp+1hIOHKYz+o3xPrGms5K6gZqufcXnTcWEgolHyMAAAAASUVORK5CYII=\", \"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\": 27, \"variant\": \"primary\", \"conditionalHide\": \"not fill_glcode or fill_glcode == \\\"\\\\\\\"\\\\\\\"\\\"\", \"customCssSelector\": \"nested\"}, \"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\": \"fill_glcode == \\\"manual\\\"\", \"customCssSelector\": \"nested\"}, \"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\": 29, \"variant\": \"primary\", \"conditionalHide\": \"fill_glcode == \\\"upload\\\"\", \"customCssSelector\": \"nested\"}, \"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\": \"fill_glcode\", \"event\": \"submit\", \"label\": \"Next\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": null, \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"fill_glcode and fill_glcode != \\\"\\\\\\\"\\\\\\\"\\\" and fill_glcode != \\\"\\\" and fill_glcode == \\\"manual\\\"\", \"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\": \"fill_glcode\", \"event\": \"submit\", \"label\": \"Next\", \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": null, \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"fill_glcode and fill_glcode != \\\"\\\\\\\"\\\\\\\"\\\" and fill_glcode != \\\"\\\" and file_upload_2\", \"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\": \"fill_glcode\", \"event\": \"submit\", \"label\": \"USE DEFAULT DATA FOR NOW\", \"loading\": false, \"tooltip\": [], \"variant\": \"secondary\", \"fieldValue\": \"testGlCodes\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": \"false\", \"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\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='body-container'] {\r\n width: 1109px;\r\n margin: auto;\r\n padding-inline-start: 25px;\r\n \/*border: 2px solid red;*\/\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 padding-right: 50px;\r\n padding-top: 50px;\r\n}\r\n\r\n[selector='btn-bx1'] button {\r\n \/*text-transform: none;*\/\r\n height: 40px;\r\n width: 120px;\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: 10px 14px 25px 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: #1572c2;\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: 315px;\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: 600px;\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}\r\n[selector='card-title']{\r\n width: 330px;\r\n}\r\n[selector='nested']{\r\n width: 510px;\r\n}\r\n[selector='card-container-verification']{\r\n padding-left: 35px;\r\n}\r\n\r\n\/**AddStyleDiego**\/\r\n[selector='BgGridHelper'] .col-sm-1{\r\n padding-right: 0px !important;\r\n padding-left: 0px !important;\r\n max-width: 10%;\r\n text-align: center;\r\n}\r\n[selector='BgGridHelper'] .col-sm-11{\r\n \/*padding-right: 0px !important;\r\n padding-left: 0px !important;*\/\r\n max-width: 90%;\r\n padding-right:70px;\r\n margin-bottom: 30px;\r\n}\r\n[selector='BtnReturn'] .btn-primary{\r\n background-color: #FFFFFF;\r\n border:1px solid #D3E8FF;\r\n color: #6A7888;\r\n font-size: 16px;\r\n text-align: center;\r\n border-radius: 50px;\r\n}\r\n[selector='BtnReturn'] .btn-primary:hover{\r\n background-color: #FFFFFF;\r\n border:1px solid #1572C2;\r\n color: #1572C2;\r\n}\r\n[selector='BtnReturn'] .btn-primary:focus{\r\n background-color: #FFFFFF;\r\n border:1px solid #1572C2;\r\n color: #1572C2;\r\n box-shadow: none !important;\r\n}\r\n[selector='BtnReturn'] .btn-primary::before {\r\n font-family: \"Font Awesome 5 Free\";\r\n font-weight: 900;\r\n content: \"\\f060\";\r\n}","created_at":"2024-06-25 20:35:58","updated_at":"2024-08-27 23:33:09","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":false}},"9c5fafc8-5623-4b3a-91a6-89f28b89727b":{"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":"AP Invoice Approval - GL-Codes Nested Options","description":"AP Invoice Approval - GL-Codes Nested Options","process_manager":"","process_manager_id":null,"attributes":{"id":27,"uuid":"9c5fafc8-5623-4b3a-91a6-89f28b89727b","title":"AP Invoice Approval - GL-Codes Nested Options","description":"AP Invoice Approval - GL-Codes 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\": \"

GL-Code Configuration<\/p>\\n

Ensure accurate categorization and tracking of financial transactions.<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"card-title1\"}, \"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\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"files\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAEnElEQVR4Ae2d7W3bMBCGM0JG6AgewT9qWZBUQKGQ3\/UGzQbNJukGzkYeQSM4OMW0adG6o0TpoGOvgGGHx4\/3npemVYVmnp70nxJQAkpACSgBJaAElIASUAJjCGzr+jmv6x9j2mjdmQhkZfN7V5o2K01bFPVmpm61mxACAD8rzdl5qAkh4Oao8wC+NUJNmAMw1gcCX03AwM0R68Fvf5bm7bYEvfy7vdbPhDl43\/XRh78rXjd5VW8tdHidF\/XB\/qwfzHf44n54BB967BvQlakJcbD7rYfgDxmgJvQJRvyMwccMUBMioNumFHzKADXBkpzwHAI\/xAA1YUH4oQaoCSNMgJtq7mUkXGpizR9dBQ3V71+ibrf181Dd\/7Yc7mzam2sUfIA0xoCu\/u0Stc1zvYP6cKIBmNDZOdaAzoQR\/T8UqIU3AlMMuLXWV9EE1IBohHEdqAFx\/KJbqwHRCOM6UAPi+EW3VgOiEcZ1oAbE8YturQZMRAi3HADe4CNwn88UA7p9RMjYyW5vAVj7svm43Gqwv0AffA753\/BYA3r3mgbHBo2gNYkNXzDjsqo5OjfZBhN364TcqxlrQKflfi8RqUW0EZcZd3LAtlnZfOaFOQC8oUfI7IfVb6wBXZscX\/72VfPnwYQ5iXs3ePArcwyZ1WM+VqYYENo\/aM3Ku60up9CJETrGovX2pfm4zvzKvC8x2JIGWL1ZZd6veRTN0Zav+vky+7v1FYxYSiyHAaDdXZJgzKXyma1fd\/bPvey4IrkMgBzs1Rt8KLsaVvnais2Kl88lBXIZADnAxcNlKWqXzCm67139urFr5r40b9EdIh1wGrArzHXb46qviDihpDoWMufoUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw6lCoUzL5oyUoNTaKpjIXjpUKpQOPOiKSM1OIWmOhaClw5xQnG3Gi65+wKy5syLpozU4BYK4Dl2rHHnhSDGQ2KE4ml4UTF5iRHqIcYLxOQlRijO24uKyUuMUA8xXiAmLzFCcd5eVExeYoR6iPECMXmJEYrz9qJi8hIj1EOMF4jJS4xQnLcXFZOXGKEeYrxATF5ihOK8vaiYvMQI9RDjBWLyEiMU5+1FxeQlRqiHGC8Qk5cYoThvLyomLzFCPcR4gZi8xAjFeXtRMXnBb6js11R3v8zBy0RoAXzl1ua1+jOFbl\/UFnK2QsCkcI4rWPcXtSEX55SRdtVfag4AD1W4zr4IlENXc9fLTMoJI0haXGdfIBLGh5y37DkrzN\/xPayjBWi3a\/+SJ7\/Mni3s2dmX5npalrSjv7plxzlqDXJZeu\/R7CaAYNeEbiYVzRGOBYNlapUPOJSjao7XC4nSnEXCt25+X5beHf1FHpRn3\/KreK7MkWPjl+W12LNjBPz52bWb8H1spYTTsaY4tivq7s8QrnIJCjw0dkre2kYJKAEloASUgBJQAkpACayIwBfimR2DxswGDQAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"height\": \"50\", \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_glcode\", \"event\": \"script\", \"label\": \"Upload a list of GL Code\", \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"ariaLabel\": null, \"fieldValue\": \"upload\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"buttonFiles\"}, \"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\": \"

Upload a CSV or Excel File with the GL Code information.<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"text\"}, \"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\": \"boxConfiguration\"}, \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_glcode\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"secondary\", \"fieldValue\": \"upload\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"styleButtoncsv\"}, \"component\": \"FormButton\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"label\", \"config\": {\"label\": \"Label\", \"helper\": \"The label describes the button's text\"}}, {\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"name\": \"Variable Name\", \"label\": \"Variable Name\", \"helper\": \"A variable name is a symbolic name to reference information.\", \"validation\": \"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormSubmit\", \"editor-component\": \"FormButton\"}], [{\"items\": [[{\"label\": \"Image\", \"config\": {\"icon\": \"fas fa-image\", \"name\": \"people\", \"event\": \"submit\", \"image\": \"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAIcUlEQVR4Ae1d63HcOAx2CSkhJaQE\/1ntWpJntNTcb7uDXAdxB04Hvg6cDuIO7A58HWwJvvkogQtJpPiUsvIxMzuSKRIEPpIgAD5ydZX\/ZQQyAhmBjEBGICOQEcgIZAQyAhmBjEBGICOQEcgIZAQyAhkBEwLXTfPl0DRfD3VzjV9ZNt9MeXN6IgQAelGKH\/uq\/V1U4kP36761d2icRNVmMgT8rhInHeimtH0lHq+vmy8ZwQgEduVf34pKvA9ArsXbvjz+PJTinlRQcds0SNuP81biPY+GwAYA+INeX4sXAG4jhzxF3b6yRjvlOcKG2ug7ei0Hf1+Jv0dZrH8WtXjIjWCFaZpB6nymSna34n6ayy3lUDb3rBHe85zggFtRiUcFWi0eHIrMZsHoSUlvtrKtf4TqUWBV4i2VPMx0PeVRMIPqrhRKZbhMuDOkBp\/kxEy+Q4JRNSD+mf6gngpzMrVcZBmhjtS0Pw09Uj+w6VMLtauPP4l+VkMadHeNdLq6EMNN22iyRCUN1FsOVUyx5Ho6pf6nmpamT\/Vs9rk0QEvTvwjgYUZCUPx83f\/D4WyCxjhfJiCK27ahOcCbtwi5TPwkSwfY+6p94qEDEhRp+OYSEOs9YDkHLD0JuwifSi6XuoLySMDq9pnAtj1dGuJshh5fg5iaKaSiqrV4mcl2tYRcc\/UFfes9Vh4mPhVV+4uHiPd1+72YNtBseJgH0NADg5jTFAIt6iCHqr3TZJFJS8llqi8ofcJkLZ6hv03EOt1+\/IcAQE802eHofaTKUjpMRXUOT5t4XVIuEzZB6ftKPCkwPdx63ruLsn02Vc7z7W\/8w9BjuljGJH7n5pal5RrzFfR330u6ibIST75EuEoyqRiMAr6yNacybPUXVXunwJ8ZeWvIZePV6TvvJaahPEcIZZiKMTbgrmyGq2Gl+DFHV\/dNzkEUgKvEaY7fteTS8emVRuAV5fGXV0GWGZN13ytPLHnyOmmE6vhqGjW8MPKQNUX1YHmT5xm\/rynXuG7nv3msJmSJkCryicmg13J11AP6jh0PxU3TAGz5K8W9TGOTLfKirBV8FoNaSy7CwusJQXsAPvDuVZhl9qUjLSMWySQeLM8TJnOTtcXYufLlh5fl76nocJqD91QVhNLBaICfMVIvww1atXhxBZ6EC+WHytMzFR2iN3kCAOp1MbEavkbrG5PhTGGOgNDy1zRfXXo7L0\/vlyYX8aV9nicrsx2vLcgSmSk6OwmzIou\/bkauolIe7Qm2sy8ysfa2b32u+TcjF9dzc96sSfBYe9tENzZ9U3IxFfIBN99V+EFIIMCLdq0nNN9m5BqHCmxhZql2WFQUtjkmvlCgliq3KbkA4MRBKttnuP\/KMsEen7p9VhNc7xhdIvjUqJuSC8yyyWtoj59jMOf0WjyHmooE0BrPzcnFGNYdoOiWJCM85zVA19WxSbnGzpFOsBRpmFfgxCl1B4cswCx25WUtuVz5WTWfnBzr9jsm+305Oi2jU3UIyJVYq85nxYIbioFuPJBHYRHbs4sdmdeBg5n8jAUBPPwFbjkxgE+wqrCsiKAczoUNVJC0usRDb8\/r5qN3H7\/lM+I7KxPi+2rryFm1yLAygJ4trPkIvY3GmpjL8vRNHhEKMtnrmaMme7zjgTxFxPLShbGH84fNgbSQ\/Byf++DcYH9RzCK8DRVNQ8zuU7LR2\/R3zTHUVRw1Zt+Tk\/j\/O8aqAT\/6MJ5vb+T7j4pKbL8RoMuhUsgyMa12IQ+3cmJW13xBH+cfHWPVrnG4yjWmvcrfZDbOrdOSHS4bpzsFqXT+nwSfABo1gtw26SsX0VrtSQzynszsddKtuqcCHypgNYYtFQ3V0fHVV65VLwaB\/p7Y634XaGC\/jnFXnAWrxT4PFmTID\/GTa3mLSjN5ul+g0Qt1yQsyg55\/01gPCmK+o+OvvQZYbjIfT54+u8j4cuSSdn7s8JAhjnPvd1aRQxW2gEUldX7EBRqkstD7Y0FaujwzKLyuNdBN5sl4jblAY7AXdOZ0SjJmIwlJtXJWl17X5PBNZ8mMDKgeZuF4X6BBPWoLvZ\/ajuYC8E5prk+SF85dkiXYQQ\/2jEryxps7neIq3Fr5uE73BZGPoCSjgFo0pAfzxjN5xmuB6lMPB9HH2KA6yDIKGUFEQz1J\/YT0YGZbX8w+UCWY5YWpIW+fJdnFIPxQRhFwgQb1hJgTNRacFvvMOo+35cZHPtRwMJN8KOLdlxCNniS60LfyyPy8F\/uSisVN1ccJwZbHKhKWDuEXqEyGly7u3t1wewlBNwObxmTfXgxMgBfiQnz3RkjHVUyBKOlC1ZvJU+y3f8gKcSqen9kCI0jr80YxobhZ94Vf7oHGgAzqh5M6cquMeMQWGA44ydw\/Z09nOkmEntwt5ZnvbB5VOomCbrEBwLNNLuP3WryggXxNWGuDgKBkDJeiYiG9Fm9GJtRIEVGH+qxMLZTBtQH2lfgXWNDG5OSgu8iHSgfb9zBc2Q2IIRaUS71L5uENQOAiTf6w8hdj3SzJONHmk7AMxnkc5iAaf+IpA4+jzWEXD7YJKM32dbk77RIF0gEv1avlfiGT7BeTrtmLIydpuTEqwLdILRhUClboJtZe4s1hqfn2pifnBP2kLa8eABDeRAML9KA\/TkCH4fDZgB9jBOE1qkmOCgkIO+o0LhvyN1QLAoGd3a6\/2w6hY3nj14qdIESWpGXc\/Yv2FVFFeRlHLR7kSBo5fbJRkebuIHW+ylL2elKkViBGjSHtabb06eJjeObpjkyV4v6P2OsrYJmkCmnC3jaNXBg5O3y6Pf8Tr7tvkJNykOj\/m7l0uz0JcgsTkZ44tjaOz4fVzbVMi7i0Y2HWM\/mMQEYgI5ARyAhkBDICGYGMQEYgI5ARyAhkBCQC\/wH2NcuO795ldwAAAABJRU5ErkJggg==\", \"label\": \"Image\", \"value\": null, \"height\": \"50\", \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_glcode\", \"event\": \"script\", \"label\": \"Manual Configuration\", \"loading\": false, \"tooltip\": [], \"variant\": \"light\", \"fieldValue\": \"manual\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"buttonFiles\"}, \"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\": \"

Manually enter GL codes.<\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"text\"}, \"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\": \"boxConfiguration\"}, \"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\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_glcode\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"secondary\", \"fieldValue\": \"manual\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"conditionalHide\": null, \"customCssSelector\": \"styleButton\"}, \"component\": \"FormButton\", \"inspector\": [{\"type\": \"FormInput\", \"field\": \"label\", \"config\": {\"label\": \"Label\", \"helper\": \"The label describes the button's text\"}}, {\"type\": \"FormInput\", \"field\": \"name\", \"config\": {\"name\": \"Variable Name\", \"label\": \"Variable Name\", \"helper\": \"A variable name is a symbolic name to reference information.\", \"validation\": \"regex:\/^(?:[A-Za-z])(?:[0-9A-Z_.a-z])*(? Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormSubmit\", \"editor-component\": \"FormButton\"}]], \"label\": \"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\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='buttonFiles'] .btn-light {\n font-weight: bold;\n text-align: center;\n border: none;\n text-transform: capitalize;\n}\n[selector='boxConfiguration'] {\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n background-color: #FFFFFF;\n padding: 15px;\n}\n[selector='text']{\n font-size: 0.7em;\n }\n[selector='buttonFiles'] .btn-light{\n font-size: 0.8em;\n background-color: #FFFFFF;\n \n}\n\n[selector='download'] {\n width: 245px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n[selector='styleButton'] .btn-secondary{\n background-image: url(\"https:\/\/processmaker-plg.s3.amazonaws.com\/PLG_assets\/glcode1.jpg\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 236px 199px;\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n[selector='styleButton'] .btn-secondary:hover{\n background-size: 236px 199px;\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 2px solid #1572c2;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n\n[selector='styleButtoncsv'] .btn-secondary{\n background-image: url(\"https:\/\/processmaker-plg.s3.amazonaws.com\/PLG_assets\/glcode2.jpg\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 236px 199px;\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 1px solid #CDDDEE;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}\n\n[selector='styleButtoncsv'] .btn-secondary:hover{\n background-size: 236px 199px;\n width: 236px;\n height: 199px;\n top: 230px;\n left: 567px;\n gap: 0px;\n border-radius: 8px;\n border: 2px solid #1572c2;\n opacity: 0px;\n text-align: center;\n padding: 15px;\n}","created_at":"2024-06-25 20:37:29","updated_at":"2024-08-27 23:33:09","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c5fb276-289f-4617-af36-a3647b9add7e":{"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":"AP Invoice Approval - Create GL-Code","description":"AP Invoice Approval - Create GL-Code","process_manager":"","process_manager_id":null,"attributes":{"id":28,"uuid":"9c5fb276-289f-4617-af36-a3647b9add7e","title":"AP Invoice Approval - Create GL-Code","description":"AP Invoice Approval - Create GL-Code","type":"FORM","config":"[{\"name\": \"AP Invoice Approval - Create Users\", \"items\": [{\"items\": [[{\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_glcode\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": \"\\\"\\\"\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"BtnReturn\"}, \"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\": \"

GL-Code Configuration<\/span>
These codes will be used by your users to search for the correct GL account code. <\/span><\/p>\", \"interactive\": true, \"renderVarHtml\": false, \"customCssSelector\": \"text\"}, \"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\": \"1\"}, {\"value\": \"2\", \"content\": \"11\"}], \"customCssSelector\": \"BgGridHelper\"}, \"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\": \"

GL Code<\/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\": \"Rich Text\", \"config\": {\"icon\": \"fas fa-pencil-ruler\", \"label\": null, \"content\": \"

Description<\/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\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"6\"}, {\"value\": \"2\", \"content\": \"6\"}], \"customCssSelector\": \"tittles\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}, {\"items\": [[{\"items\": [{\"items\": [[{\"label\": \"Line Input\", \"config\": {\"icon\": \"far fa-square\", \"name\": \"glcode\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"tabindex\": null, \"ariaLabel\": null, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"GL-Code\", \"defaultValue\": {\"mode\": \"basic\", \"value\": \"4000\"}, \"customFormatter\": null}, \"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\": \"description\", \"type\": \"text\", \"label\": null, \"helper\": null, \"readonly\": false, \"tabindex\": null, \"ariaLabel\": null, \"dataFormat\": \"string\", \"validation\": [], \"placeholder\": \"description\", \"defaultValue\": {\"mode\": \"basic\", \"value\": \"Sales Revenue\"}, \"customFormatter\": null}, \"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\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"6\"}, {\"value\": \"2\", \"content\": \"6\"}], \"customCssSelector\": \"LineItems\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}], \"label\": \"Loop\", \"config\": {\"icon\": \"fas fa-redo\", \"name\": \"codesGL\", \"label\": null, \"settings\": {\"add\": true, \"type\": \"new\", \"times\": \"1\", \"varname\": \"codesGL\"}, \"customCssSelector\": \"DetailsItemsBtn\"}, \"component\": \"FormLoop\", \"container\": true, \"inspector\": [{\"type\": \"LoopInspector\", \"field\": \"settings\", \"config\": {\"label\": 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\": \"Loop\", \"editor-component\": \"Loop\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"UsersScroll\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"MultiColumn\", \"editor-component\": \"MultiColumn\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": \"1\", \"content\": \"12\"}], \"customCssSelector\": \"fullBox\"}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}], \"order\": 1}, {\"name\": \"AP Invoice Approval - Users Created\", \"items\": [], \"order\": 2}]","computed":"[]","custom_css":"[selector='LineItems']{\n background-color: #ffffff !important;\n border-bottom: 2px solid #CDDDEE !important;\n color: #556271;\n padding-bottom:1px;\n margin: auto 0;\n padding-left: 25px;\n}\n\n[selector='LineItems'] .form-control{\n border:none !important;\n border-radius: 6px;\n padding:0px 0px 5px 20px !important;\n \/*background-color: #f6f9fb;*\/\n font-size: 0.8em;\n \/*padding-left: 2px!important;*\/\n}\n[selector='LineItems'] .form-group {\n margin-bottom: 0px !important;\n margin-top: -8px !important;\n padding: 0px 0px 2px 0px !important;\n}\n\n[selector='LineItems'] .multiselect .multiselect__tags {\n border: none;\n border-radius: 6px;\n \/*background-color: #f6f9fb;*\/\n \/*margin-right: 5px;*\/\n font-size: 0.7em;\n}\n[selector='LineItems'] .multiselect .multiselect__tags .multiselect__single {\n border: none;\n \/*background-color: #f6f9fb;*\/\n \/*margin-right: 5px;*\/\n font-size: 1em;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-secondary{\n background-color: #FFFFFF !important;\n \/*border: 1px solid #FFFFFF!important;*\/\n border: none;\n color: #1572C2 !important;\n font-weight: 500;\n font-family: 'Poppins';\n padding: 0px;\n text-transform: capitalize;\n width: auto;\n margin-left: 5px;\n padding-top: 15px;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-secondary:hover{\n \/*background-color: #1572C2 !important;*\/\n border:none !important;\n color: #556271 !important;\n}\n[selector='DetailsItemsBtn'] .justify-content-md-center{\n justify-content: center !important;\n padding-bottom: 15px;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .fas.fa-plus::before {\n content: \"+ New GL Code\" !important;\n font-size: 0.9em !important;\n font-weight: 500;\n font-family: 'Poppins' !important;\n}\n\n\/***btn-outline-danger*****\/\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-outline-danger{\n background-color: #FFFFFF !important;\n border: none !important;\n color: #1572C2 !important;\n \/*font-size: 16px;*\/\n font-weight: 500;\n font-family: 'Poppins';\n padding: 0px;\n \/*padding: 10px 10px 0px 10px!important;*\/\n width: auto;\n padding-top: 15px;\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .btn-outline-danger:hover{\n background-color: #FFFFFF !important;\n \/*border-bottom: none !important;\n border-radius: 0px !important;*\/\n color: #556271 !important;\n \/*font-weight: 700 !important;*\/\n}\n[selector='DetailsItemsBtn'] .row.justify-content-md-center > .col-md-auto .fas.fa-minus::before {\n content: \"- Remove last GL Code\" !important;\n font-size: 0.9em !important;\n font-weight: 500;\n font-family: 'Poppins' !important;\n text-transform: none !important;\n}\n\n[selector='fullBox'] {\n background-color: #FFFFFF !important;\n border: 1px solid #CDDDEE !important;\n border-radius: 3px;\n color: #556271;\n}\n[selector='tittles'] {\n padding-top: 15px;\n font-size: 0.75em;\n padding-left: 12px;\n margin-bottom: -15px;\n}\n[selector='UsersScroll']{\n background-color: #FFFFFF;\n max-height: 200px !important;\n min-height: 105px !important;\n overflow-y: scroll;\n overflow-x: hidden;\n padding: 5px 30px 5px 30px;\n}","created_at":"2024-06-25 20:44:59","updated_at":"2024-09-10 16:31:01","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c63c748-8f69-489b-862c-fada96ad4d6a":{"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":"AP Invoice Approval - Upload File GL Codes","description":"AP Invoice Approval - Upload File GL Codes","process_manager":"","process_manager_id":null,"attributes":{"id":29,"uuid":"9c63c748-8f69-489b-862c-fada96ad4d6a","title":"AP Invoice Approval - Upload File GL Codes","description":"AP Invoice Approval - Upload File GL Codes","type":"FORM","config":"[{\"name\": \"IDA 1.0.0 - ID Upload\", \"items\": [{\"items\": [[{\"label\": \"Submit Button\", \"config\": {\"icon\": \"fas fa-share-square\", \"name\": \"fill_glcode\", \"event\": \"script\", \"label\": null, \"loading\": false, \"tooltip\": [], \"variant\": \"primary\", \"fieldValue\": \"\\\"\\\"\", \"loadingLabel\": \"Loading...\", \"defaultSubmit\": true, \"customCssSelector\": \"BtnReturn\"}, \"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\": \"

GL-Code Configuration<\/span>
Ensure accurate categorization and tracking of finacial trasactions.<\/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\": \"1\"}, {\"value\": \"2\", \"content\": \"11\"}], \"customCssSelector\": \"BgGridHelper\"}, \"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\": \"uploadResult == \\\"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\": \"File Upload\", \"config\": {\"icon\": \"fas fa-file-upload\", \"name\": \"file_upload_2\", \"label\": null, \"customCssSelector\": \"BtnUpload\"}, \"component\": \"FileUpload\", \"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\": \"FileUpload\", \"editor-component\": \"FileUpload\"}, {\"items\": [[]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": 1, \"content\": \"12\"}], \"customCssSelector\": \"testbox\"}, \"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\": \"

 <\/i> Download GL-Code List Template<\/a><\/p>\", \"interactive\": true, \"renderVarHtml\": true, \"customCssSelector\": 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\": \"myboxDownload\"}, \"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\": null}, \"component\": \"FormMultiColumn\", \"container\": true, \"inspector\": [{\"type\": \"ContainerColumns\", \"field\": \"options\", \"config\": {\"label\": \"Column Width\", \"helper\": null, \"validation\": \"columns-adds-to-12\"}}, {\"type\": \"ColorSelect\", \"field\": \"color\", \"config\": {\"label\": \"Text Color\", \"helper\": \"Set the element's text color\", \"options\": [{\"value\": \"text-primary\", \"content\": \"primary\"}, {\"value\": \"text-secondary\", \"content\": \"secondary\"}, {\"value\": \"text-success\", \"content\": \"success\"}, {\"value\": \"text-danger\", \"content\": \"danger\"}, {\"value\": \"text-warning\", \"content\": \"warning\"}, {\"value\": \"text-info\", \"content\": \"info\"}, {\"value\": \"text-light\", \"content\": \"light\"}, {\"value\": \"text-dark\", \"content\": \"dark\"}]}}, {\"type\": \"ColorSelect\", \"field\": \"bgcolor\", \"config\": {\"label\": \"Background Color\", \"helper\": \"Set the element's background color\", \"options\": [{\"value\": \"alert alert-primary\", \"content\": \"primary\"}, {\"value\": \"alert alert-secondary\", \"content\": \"secondary\"}, {\"value\": \"alert alert-success\", \"content\": \"success\"}, {\"value\": \"alert alert-danger\", \"content\": \"danger\"}, {\"value\": \"alert alert-warning\", \"content\": \"warning\"}, {\"value\": \"alert alert-info\", \"content\": \"info\"}, {\"value\": \"alert alert-light\", \"content\": \"light\"}, {\"value\": \"alert alert-dark\", \"content\": \"dark\"}]}}, {\"type\": \"FormInput\", \"field\": \"conditionalHide\", \"config\": {\"label\": \"Visibility Rule\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"DeviceVisibility\", \"field\": \"deviceVisibility\", \"config\": {\"label\": \"Device Visibility\", \"helper\": \"This control is hidden until this expression is true\"}}, {\"type\": \"FormInput\", \"field\": \"customFormatter\", \"config\": {\"label\": \"Custom Format String\", \"helper\": \"Use the Mask Pattern format
Date ##\/##\/####
SSN ###-##-####
Phone (###) ###-####\", \"validation\": null}}, {\"type\": \"FormInput\", \"field\": \"customCssSelector\", \"config\": {\"label\": \"CSS Selector Name\", \"helper\": \"Use this in your custom css rules\", \"validation\": \"regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]\"}}, {\"type\": \"FormInput\", \"field\": \"ariaLabel\", \"config\": {\"label\": \"Aria Label\", \"helper\": \"Attribute designed to help assistive technology (e.g. screen readers) attach a label\"}}, {\"type\": \"FormInput\", \"field\": \"tabindex\", \"config\": {\"label\": \"Tab Order\", \"helper\": \"Order in which a user will move focus from one control to another by pressing the Tab key\", \"validation\": \"regex: [0-9]*\"}}], \"editor-control\": \"FormMultiColumn\", \"editor-component\": \"MultiColumn\"}]], \"label\": \"Multicolumn \/ Table\", \"config\": {\"icon\": \"fas fa-table\", \"label\": null, \"options\": [{\"value\": 1, \"content\": \"12\"}], \"conditionalHide\": null, \"customCssSelector\": \"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\"}], \"order\": 1}]","computed":"[]","custom_css":"[selector='top_msg'] {\r\n border-radius: 6px;\r\n padding: 0px;\r\n width: 100%;\r\n text-align: justify;\r\n}\r\n\r\n[selector='error_msg'] {\r\n background-color: #FFF7E5;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-family: 'Open Sans';\r\n padding-left: 10px;\r\n padding-top: 5px;\r\n vertical-align: middle;\r\n}\r\n\r\n[selector='box'] {\r\n \r\n border-top-left-radius: 6px;\r\n border-top-right-radius: 6px;\r\n padding-right: 30px;\r\n width: 100%;\r\n}\r\n\r\n[selector='inner_box'] {\r\n border-radius: 6px;\r\n padding-top: 30px;\r\n padding-left: 30px;\r\n padding-right: 30px;\r\n margin-right: 45;\r\n}\r\n\r\n\/*****And-Selector-BtnUpload******\/\r\n[selector='BtnUpload']{\r\n width: auto;\r\n margin-top:-50px ; \/* center *\/\r\n padding-bottom: 15px;\r\n}\r\n[selector='BtnImgUpload'] img{\r\n text-align: center;\r\n margin: 0 auto; \/* center *\/\r\n display: flex;\r\n justify-content: center;\r\n \r\n}\r\n[selector='BtnUpload'] .form-control-file {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n max-width: 300px;\r\n text-align: center;\r\n margin: auto;\r\n margin-top: -30px;\r\n \r\n}\r\n[selector='BtnUpload'] .form-control-file > p {\r\n color: transparent;\r\n display: grid;\r\n \r\n}\r\n[selector='BtnUpload'] .form-control-file > p::after {\r\n color: #2381C8 !important;\r\n content: \"\";\r\n font-size: 16px;\r\n font-weight: 600;\r\n \r\n}\r\n\r\n[selector='BtnUpload'] .form-control-file label.btn {\r\n background: white;\r\n color: transparent !important;\r\n border-radius: 8px;\r\n min-width: 400px;\r\n max-height: 45px;\r\n margin-left: -15px;\r\n margin-bottom: -10px;\r\n padding-top: 7px;\r\n border: 1px solid #CDDDEE;\r\n}\r\n[selector='BtnUpload'] .form-control-file label.btn::before {\r\n font-family: 'Font Awesome 5 Free', Open Sans; \/* Make sure this matches the font family in the Font Awesome CSS *\/\r\n content: '\\f574 Upload GL-Code list'; \/* Unicode for download icon *\/\r\n font-weight: 600; \/* Font weight for solid icons *\/\r\n word-spacing: 0.25em;\r\n font-variant-ligatures: 'common-ligatures'; \r\n font-size:16px;\r\n color: #556271 !important;\r\n text-transform: none;\r\n display: inline-block;\r\n width: 100%;\r\n \/*font-weight: 500;*\/\r\n}\r\n[selector='BtnUpload'] .uploader-list {\r\n padding-top: 15px;\r\n padding-left: 75px;\r\n width: 100%;\r\n\r\n}\r\n\r\n\/*****End-BtnUpload******\/\r\n\r\n[selector='myboxFile'] {\r\n width: 400px;\r\n margin-left: 45px;\r\n padding-top: 15px;\r\n border-bottom: 5px solid #CDDDEE;\r\n}\r\n\r\n[selector='myboxDownload'] {\r\n margin-left: 75px;\r\n padding-top: 15px;\r\n max-width: 420px;\r\n}\r\n[selector='boxFile'] {\r\n margin-right: 45px;\r\n padding-right: 10px;\r\n \r\n}\r\n[selector='left-hint-fill'] {\r\n max-width: 470px;\r\n \r\n}\r\n[selector='testbox'] {\r\n max-width: 400px;\r\n border-bottom: 1px solid #CDDDEE;\r\n margin-left: 75px;\r\n margin-right: -25px;\r\n padding-top: 5px;\r\n}","created_at":"2024-06-27 21:26:31","updated_at":"2024-08-27 23:33:10","status":"ACTIVE","key":null,"watchers":"[]","translations":null,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c533369-6fa1-4f76-a8e8-936bc702b94a":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v198@processmaker.com","username":"sergio.baltazar+v198@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"AP WIZARD - Execute Template Configuration","description":"AP WIZARD - Execute Template Configuration","process_manager":"","process_manager_id":null,"attributes":{"id":19,"uuid":"9c533369-6fa1-4f76-a8e8-936bc702b94a","key":null,"title":"AP WIZARD - Execute Template Configuration","description":"AP WIZARD - Execute Template Configuration","language":"php","code":" $_SERVER['HOST_URL'],'verify' => false]);\n$guzzleOptions['headers']['Accept'] = 'application\/json';\n$guzzleOptions['headers']['Authorization'] = 'Bearer ' . getenv('API_TOKEN');\n$guzzleApi = '\/api\/1.0\/collections\/guided-template';\n\ntry {\n $guidedTemplateId = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $collectionId = json_decode($guidedTemplateId->getBody()->getContents());\n} catch (\\Throwable $th) {\n return [\n 'errorCode' => $th->getCode(),\n 'errorMessage' => $th->getMessage()\n ];\n}\n$recordInfo['userGroups'] = $data['userGroups'];\n$recordInfo['glCollection'] = $data['glCollection'];\n$recordInfo['assignedEmail'] = $data['assignedEmail'];\n$collectionIdEmail = $data['emailCollectionId'];\n$process_launchpad_id = $data['process_launchpad_id'];\n$guzzleApi = '\/api\/1.0\/processes\/' . $process_launchpad_id;\n$res = $guzzleClient->request(\"GET\", $guzzleApi, $guzzleOptions);\n$process = json_decode($res->getBody(), true);\n$guzzleApi = '\/api\/1.0\/collections\/' . $collectionId . '\/records';\nif (isset( $process['properties']['helperProcessRequestId'])) {\n $helperProcessRequestId = $process['properties']['helperProcessRequestId'];\n $guzzleApi .= '?pmql=data.helperProcessRequestId%20=%20%22' . $helperProcessRequestId . '%22';\n \n try {\n $res = $guzzleClient->request('GET', $guzzleApi, $guzzleOptions);\n $existingRecordRes = json_decode($res->getBody(), true)[\"data\"];\n $existingRecordID = $existingRecordRes[0][\"id\"];\n $recordInfo['helperProcessRequestId'] = $helperProcessRequestId;\n $guzzleApi = '\/api\/1.0\/collections\/' . $collectionId . '\/records\/' . $existingRecordID; \n $guzzleMethod = \"PUT\";\n } catch (\\Throwable $th) {\n return [\n 'errorCode' => $th->getCode(),\n 'errorMessage' => $th->getMessage()\n ];\n }\n} else {\n $recordInfo['helperProcessRequestId'] = $data[\"_request\"][\"id\"];\n $guzzleMethod = \"POST\";\n}\n$guzzleOptions['json'] = $recordInfo;\n\ntry {\n $res = $guzzleClient->request($guzzleMethod, $guzzleApi, $guzzleOptions);\n} catch (\\Throwable $th) {\n return [\n 'errorCode' => $th->getCode(),\n 'errorMessage' => $th->getMessage()\n ];\n}\n\nif ($res->getStatusCode() == 201 || $res->getStatusCode() == 204) { \n return [\n \"setupComplete\" => \"yes\",\n \"helperProcessRequestId\" => $recordInfo['helperProcessRequestId'],\n \"emailCollectionId\" => $collectionIdEmail\n ];\n}","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-06-19 15:39:47","updated_at":"2024-09-03 13:27:44","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c6125a4-4c3c-47c6-8261-f078fe177a7b":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v198@processmaker.com","username":"sergio.baltazar+v198@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"GL-Code Validation and Save Data","description":"GL-Code Validation and Save Data","process_manager":"","process_manager_id":null,"attributes":{"id":20,"uuid":"9c6125a4-4c3c-47c6-8261-f078fe177a7b","key":null,"title":"GL-Code Validation and Save Data","description":"GL-Code Validation and Save Data","language":"php","code":" [\n 'Authorization' => \"Bearer {$apiToken}\",\n 'accept' => 'application\/json',\n ],\n 'base_uri' => \"{$apiHost}\/\",\n]);\n\/\/create collection\n$creationGlCodeCollection = $data['glCollection'];\nwhile(!isset($creationGlCodeCollection)){\n $creationGlCodeCollection = getCollectionId();\n}\n$emailCollectionId = $data['emailCollectionId'];\nwhile(!isset($emailCollectionId)){\n $emailCollectionId = getCollectionIdEmail();\n}\n\n\/\/record a new GL Code\nfunction createGLCodeRecord($body, $collection)\n{ \n global $client;\n \/\/ create gl code record\n $response = $client->post(\"collections\/{$collection}\/records\", [\n \"json\" => $body\n ]);\n return json_decode($response->getBody()->getContents(),true);\n}\n\/\/create a new ID collection\nfunction getCollectionId(){ \n global $client;\n $name ='New GL Codes 01';\n $response = $client->get('collections\/?filter='.$name);\n return json_decode($response->getBody(), true)['data'][0]['id'];\n}\nfunction getCollectionIdEmail(){ \n global $client;\n $name ='Email Validation';\n $response = $client->get('collections\/?filter='.$name);\n return json_decode($response->getBody(), true)['data'][0]['id'];\n}\n\n\n\/\/Fill Data using switch\n$case = $data[\"fill_glcode\"];\nswitch ($case):\n case 'manual':\n $apiInstance = $api->collections();\n $collection_id = $creationGlCodeCollection;\n \/\/ Truncate Collection\n \/\/$apiInstance->truncateCollection($collection_id);\n \/\/save data\n $codesGL = $data['codesGL'];\n $num = count($codesGL);\n if($num > 0){\n return [\"approvalgl\" => \"done\", \"errorMessageCode\" => 'ok', \"glCollection\" =>$creationGlCodeCollection];\n }\n \/*if($num > 0){\n for($i = 0; $i <$num; $i++){\n createGLCodeRecord($codesGL[$i], $creationGlCodeCollection);\n }\n return [\"glCodeIdCollection\" => $creationGlCodeCollection, \"approvalgl\" => \"done\", \"errorMessageCode\" => 'ok'];\n }*\/\n else{\n return [\"errorMessageCode\" => \"At least one GL Code should be specified\", \"approvalgl\" => \"fail\", \"glCollection\" =>$creationGlCodeCollection];\n }\n \n break;\n case 'upload':\n $apiInstance = $api->collections();\n $collection_id = $creationGlCodeCollection;\n \/\/ Truncate Collection\n \/\/$apiInstance->truncateCollection($collection_id);\n \/\/ Uploaded file \n $apiInstance = $api->requestFiles();\n $processRequestId = $data[\"_request\"][\"id\"];\n $fileId = $data[\"file_upload_2\"];\n $includeFirstRow = $data[\"includeFirstRow\"];\n $file = $apiInstance->getRequestFilesById($processRequestId, $fileId);\n \/\/$fileContents = file_get_contents($file->getPathname());\n $file = fopen($file->getPathname(), \"r\");\n try {\/\/ Open the file for reading\n if (($handle = $file) !== FALSE) {\n $rowCount = 0;\n \/\/ Loop through the CSV rows\n while (($data = fgetcsv($handle, 1000, ',')) !== FALSE) {\n $rowCount++;\n \/\/ Ensure the CSV row has exactly 3 columns\n if (count($data) == 2) {\n \/\/ Create a record in the collection\n \/*$recordData = array(\n 'glcode' => $data[0], \/\/ Change 'field1', 'field2', 'field3' to your collection field names\n 'description' => $data[1]\n );\n if($rowCount>1){\n createGLCodeRecord($recordData, $creationGlCodeCollection);\n }*\/\n }else{\/\/ Handle error: CSV row does not have 2 columns\n return [\"errorMessageCode\" => \"At least one GL Code should be specified\", \"approvalgl\" => \"fail\"];\n }\n }\/\/ Close the file\n fclose($handle);\n if ($rowCount >= 2) {\n return [\"glCollection\" => $creationGlCodeCollection, \"approvalgl\" => \"done\"];\n } else {\n return [\"errorMessageCode\" => \"At least one GL Code should be specified\", \"approvalgl\" => \"fail\"];\n }\n }else{\/\/ Handle error: unable to open file\n return [\"errorMessageCode\" => \"At least one GL Code should be specified\", \"approvalgl\" => \"fail\"];\n }\n }catch (Exception $e) {\n return[(\"errorMessageCode: \" . $e->getMessage()), \"approvalgl\" => \"fail\"];\n }\n break;\n default:\n return [\"errorMessageCode\" => \"selection is not correct\", \"approvalgl\" => \"fail\"];\nendswitch;","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-06-26 14:02:52","updated_at":"2024-09-02 19:56:16","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"9c95942a-3851-4dd6-8201-e4cdaf03da0b":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ScriptExporter","type":"Script","type_human":"Script","type_plural":"Scripts","type_human_plural":"Scripts","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\Script","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9cdea8e7-782d-401a-986e-1e53dfd272a8","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v198@processmaker.com","username":"sergio.baltazar+v198@processmaker.com"},"name":"","discard":false},{"type":"executor","uuid":"9acb37b3-a8ed-49dc-b4de-f686ad4e286f","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\ScriptExecutorExporter","modelClass":"ProcessMaker\\Models\\ScriptExecutor","fallbackMatches":{"title":"PHP Executor"},"name":"PHP Executor","discard":false}],"name":"IDA Helper - Find or Create GL Collection","description":"IDA Helper - Find or Create GL Collection","process_manager":"","process_manager_id":null,"attributes":{"id":21,"uuid":"9c95942a-3851-4dd6-8201-e4cdaf03da0b","key":null,"title":"IDA Helper - Find or Create GL Collection","description":"IDA Helper - Find or Create GL Collection","language":"php","code":" [\n 'Authorization' => \"Bearer {$apiToken}\",\n 'accept' => 'application/json',\n ],\n 'base_uri' => rtrim($apiHost, '/') . '/',\n]);\n\n$categoryId = resolveNonSystemCategoryId();\n\n$editScreen = findOrCreateScreen(\n 'GL Code screen 01',\n 'FORM',\n 'GL Code Screen description',\n $categoryId\n);\n\n$viewScreen = findOrCreateScreen(\n 'GL Code View 01',\n 'DISPLAY',\n 'GL Code View description',\n $categoryId\n);\n\nreturn [\n 'editScreen' => $editScreen,\n 'viewScreen' => $viewScreen,\n];\n\nfunction findOrCreateScreen($name, $type, $description, $categoryId)\n{\n global $client;\n\n // First lookup: keep original behavior (visible/non-system resources).\n $response = $client->get('screens/?filter=' . urlencode($name));\n $data = json_decode($response->getBody()->getContents(), true)['data'] ?? [];\n\n foreach ($data as $screen) {\n if (($screen['title'] ?? '') === $name) {\n return (int) $screen['id'];\n }\n }\n\n // Second lookup: include system screens to avoid duplicate-title 422.\n $responseAll = $client->get('screens/?include_system=1&filter=' . urlencode($name));\n $dataAll = json_decode($responseAll->getBody()->getContents(), true)['data'] ?? [];\n\n foreach ($dataAll as $screen) {\n if (($screen['title'] ?? '') === $name) {\n return (int) $screen['id'];\n }\n }\n\n $payload = [\n 'title' => $name,\n 'type' => $type,\n 'description' => $description,\n 'projects' => [],\n 'screen_category_id' => (string) $categoryId, // Non-system category\n ];\n\n try {\n $created = $client->post('screens/', ['json' => $payload]);\n return (int) (json_decode($created->getBody()->getContents(), true)['data'][0]['id'] ?? 0);\n } catch (BadResponseException $e) {\n // If another worker created it concurrently, recover by re-querying.\n if ($e->getResponse() && $e->getResponse()->getStatusCode() === 422) {\n $retry = $client->get('screens/?include_system=1&filter=' . urlencode($name));\n $retryData = json_decode($retry->getBody()->getContents(), true)['data'] ?? [];\n foreach ($retryData as $screen) {\n if (($screen['title'] ?? '') === $name) {\n return (int) $screen['id'];\n }\n }\n }\n throw $e;\n }\n}\n\nfunction resolveNonSystemCategoryId()\n{\n global $client;\n\n // Fetch categories including system so we can pick safely.\n $response = $client->get('screen_categories/?include_system=1&per_page=100');\n $categories = json_decode($response->getBody()->getContents(), true)['data'] ?? [];\n\n // Prefer \"Uncategorized\" with is_system = false.\n foreach ($categories as $cat) {\n if (($cat['name'] ?? '') === 'Uncategorized' && empty($cat['is_system'])) {\n return (int) $cat['id'];\n }\n }\n\n // Fallback to any non-system category.\n foreach ($categories as $cat) {\n if (empty($cat['is_system'])) {\n return (int) $cat['id'];\n }\n }\n\n throw new RuntimeException('No non-system screen category available.');\n}\n","retry_wait_time":5,"retry_attempts":0,"timeout":60,"run_as_user_id":1,"created_at":"2024-07-22 15:34:58","updated_at":"2024-08-27 23:33:12","status":"ACTIVE","script_category_id":1,"script_executor_id":1,"is_template":0,"asset_type":"GUIDED_HELPER_PROCESS"},"extraAttributes":{"translatedLanguages":[]},"references":{"uncategorized-category":true}},"signal-invoice_helper_callback":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\SignalExporter","type":"Signal","type_human":"Signal","type_plural":"Signals","type_human_plural":"Signals","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\ImportExport\\Psudomodels\\Signal","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"data-source-webhook","uuid":"9b7c0a02-a9f0-4ae0-9495-c6bb33ab7265","meta":null,"exporterClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\WebhookExporter","modelClass":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Webhook","fallbackMatches":{"name":null},"name":"Webhook for signal: invoice_helper_callback","discard":false}],"name":"invoice_helper_callback","description":"","process_manager":"","process_manager_id":null,"attributes":{"id":"invoice_helper_callback","name":"invoice_helper_callback","detail":"","global":true},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9b7c0a02-a9f0-4ae0-9495-c6bb33ab7265":{"exporter":"ProcessMaker\\Packages\\Connectors\\DataSources\\ImportExport\\WebhookExporter","type":"Webhook","type_human":"Webhook","type_plural":"Webhooks","type_human_plural":"Webhooks","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Packages\\Connectors\\DataSources\\Models\\Webhook","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[],"name":"Webhook for signal: invoice_helper_callback","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":1,"uuid":"9b7c0a02-a9f0-4ae0-9495-c6bb33ab7265","name":null,"description":null,"method":"POST","key":"1a4d0deb6a7fe90f3401867552d21b3c","type":"signal","authentication":"NONE","config":"{\"event\": \"invoice_helper_callback\", \"password\": null, \"restrict\": [], \"security\": [], \"username\": null, \"payload_type\": \"FORM\"}","headers":"[]","payload":null,"target_variable":null,"whitelist":null,"image_name":null,"created_at":"2024-03-04 16:41:01","updated_at":"2024-03-04 16:41:01"},"extraAttributes":{"translatedLanguages":[]},"references":[]},"9c532aa9-6c01-4d0f-8cdd-12aead7bb37c":{"exporter":"ProcessMaker\\ImportExport\\Exporters\\ProcessLaunchpadExporter","type":"LaunchpadSetting","type_human":"Launchpad Setting","type_plural":"LaunchpadSettings","type_human_plural":"Launchpad Settings","last_modified_by":"","last_modified_by_id":null,"model":"ProcessMaker\\Models\\ProcessLaunchpad","force_password_protect":false,"hidden":false,"mode":"update","saveAssetsMode":"saveAllAssets","explicit_discard":false,"dependents":[{"type":"user","uuid":"9d068f06-bf33-42f4-9e62-bc01688a9948","meta":null,"exporterClass":"ProcessMaker\\ImportExport\\Exporters\\UserExporter","modelClass":"ProcessMaker\\Models\\User","fallbackMatches":{"email":"sergio.baltazar+v1981@processmaker.com","username":"sergio.baltazar+v1981@processmaker.com"},"name":"","discard":false}],"name":"Setting","description":null,"process_manager":"","process_manager_id":null,"attributes":{"id":1,"uuid":"9c532aa9-6c01-4d0f-8cdd-12aead7bb37c","process_id":11,"user_id":4,"properties":"{\"icon\": \"Default Icon\", \"screen_id\": 0, \"icon_label\": \"Default Icon\", \"screen_uuid\": \"\", \"screen_title\": \"Default Launchpad\", \"saved_chart_id\": 0, \"saved_chart_title\": \"Default Launchpad Chart\"}","created_at":"2024-06-19 15:15:19","updated_at":"2024-09-12 20:33:23"},"extraAttributes":{"translatedLanguages":[]},"references":[]}}} \ No newline at end of file From ac04156acc96c016ce0be0d918f664866b160f04 Mon Sep 17 00:00:00 2001 From: GitHub Action Date: Thu, 19 Feb 2026 17:37:38 +0000 Subject: [PATCH 4/4] Update index.json and README.md --- index.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.json b/index.json index a8895dc..24364c8 100644 --- a/index.json +++ b/index.json @@ -78,7 +78,7 @@ "modal-description": "Set up an email address to receive invoices from suppliers and users.; Add the users from your company who you want to use the system.; Add the list of GL account codes to allocate invoice line items.", "version": "1.9.4", "unique-template-id": "nonpo_invoice_approval", - "helper_process_hash": "d998d7f0da8b480a27ba0ec7a8b5839ed9136643", + "helper_process_hash": "94ee267a3b0d84a6fba5d4b96e998cf0222a8b4d", "template_process_hash": "78b05bbe6ece6f155f76e530dab0098c313731d1", "asset_hash": "55b48f70d44b12ac1fda6f4a0546c6d860e14642c83531a811c56759746cf865" },