{
    "type": "screen_package",
    "version": "2",
    "screens": [
        {
            "screen_category_id": null,
            "title": "DEFAULT_EMAIL_TASK_NOTIFICATION",
            "description": "Screen for the email task notification",
            "type": "EMAIL",
            "config": [
                {
                    "name": "DEFAULT_EMAIL_TASK_NOTIFICATION",
                    "items": [
                        {
                            "uuid": "c331f828-3b0f-47a3-bf6e-9037717a7690",
                            "label": "Rich Text",
                            "config": {
                                "icon": "fas fa-pencil-ruler",
                                "label": null,
                                "content": "<p><img style=\"width: 224px; height: 56px;\" src=\"{{imgHeader}}\" /></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 <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####",
                                        "validation": null
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "customCssSelector",
                                    "config": {
                                        "label": "CSS Selector Name",
                                        "helper": "Use this in your custom css rules",
                                        "validation": "regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]"
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "ariaLabel",
                                    "config": {
                                        "label": "Aria Label",
                                        "helper": "Attribute designed to help assistive technology (e.g. screen readers) attach a label"
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "tabindex",
                                    "config": {
                                        "label": "Tab Order",
                                        "helper": "Order in which a user will move focus from one control to another by pressing the Tab key",
                                        "validation": "regex: [0-9]*"
                                    }
                                },
                                {
                                    "type": "EncryptedConfig",
                                    "field": "encryptedConfig",
                                    "config": {
                                        "label": "Encrypted",
                                        "helper": null
                                    }
                                }
                            ],
                            "editor-control": "FormHtmlEditor",
                            "editor-component": "FormHtmlEditor"
                        },
                        {
                            "uuid": "64801c0f-3b96-4261-a1ab-76f521a537ba",
                            "label": "Rich Text",
                            "config": {
                                "icon": "fas fa-pencil-ruler",
                                "label": null,
                                "content": "<p style=\"font-size:36px\"><strong>Hello {{ _firstname }}</strong> You just been assigned in a task by {{assigned_by}}.</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 <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####",
                                        "validation": null
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "customCssSelector",
                                    "config": {
                                        "label": "CSS Selector Name",
                                        "helper": "Use this in your custom css rules",
                                        "validation": "regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]"
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "ariaLabel",
                                    "config": {
                                        "label": "Aria Label",
                                        "helper": "Attribute designed to help assistive technology (e.g. screen readers) attach a label"
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "tabindex",
                                    "config": {
                                        "label": "Tab Order",
                                        "helper": "Order in which a user will move focus from one control to another by pressing the Tab key",
                                        "validation": "regex: [0-9]*"
                                    }
                                },
                                {
                                    "type": "EncryptedConfig",
                                    "field": "encryptedConfig",
                                    "config": {
                                        "label": "Encrypted",
                                        "helper": null
                                    }
                                }
                            ],
                            "editor-control": "FormHtmlEditor",
                            "editor-component": "FormHtmlEditor"
                        },
                        {
                            "uuid": "1329abf7-3427-49cf-98f8-31f64fcbdd1b",
                            "label": "Link URL",
                            "config": {
                                "icon": "fas fa-link",
                                "event": "link",
                                "label": "REVIEW TASK",
                                "linkUrl": "{{link_review_task}}",
                                "variant": "primary"
                            },
                            "component": "LinkButton",
                            "inspector": [
                                {
                                    "type": "FormInput",
                                    "field": "label",
                                    "config": {
                                        "label": "Label",
                                        "helper": "The label describes the button's text"
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "linkUrl",
                                    "config": {
                                        "label": "Link URL",
                                        "helper": "Type here the URL link. Mustache syntax is supported."
                                    }
                                },
                                {
                                    "type": "FormMultiselect",
                                    "field": "variant",
                                    "config": {
                                        "label": "Button Variant Style",
                                        "helper": "The variant determines the appearance of the button",
                                        "options": [
                                            {
                                                "value": "primary",
                                                "content": "Primary"
                                            },
                                            {
                                                "value": "secondary",
                                                "content": "Secondary"
                                            },
                                            {
                                                "value": "success",
                                                "content": "Success"
                                            },
                                            {
                                                "value": "danger",
                                                "content": "Danger"
                                            },
                                            {
                                                "value": "warning",
                                                "content": "Warning"
                                            },
                                            {
                                                "value": "info",
                                                "content": "Info"
                                            },
                                            {
                                                "value": "light",
                                                "content": "Light"
                                            },
                                            {
                                                "value": "dark",
                                                "content": "Dark"
                                            },
                                            {
                                                "value": "link",
                                                "content": "Link"
                                            }
                                        ]
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "conditionalHide",
                                    "config": {
                                        "label": "Visibility Rule",
                                        "helper": "This control is hidden until this expression is true"
                                    }
                                },
                                {
                                    "type": "DeviceVisibility",
                                    "field": "deviceVisibility",
                                    "config": {
                                        "label": "Device Visibility",
                                        "helper": "This control is hidden until this expression is true"
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "customFormatter",
                                    "config": {
                                        "label": "Custom Format String",
                                        "helper": "Use the Mask Pattern format <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####",
                                        "validation": null
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "customCssSelector",
                                    "config": {
                                        "label": "CSS Selector Name",
                                        "helper": "Use this in your custom css rules",
                                        "validation": "regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]"
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "ariaLabel",
                                    "config": {
                                        "label": "Aria Label",
                                        "helper": "Attribute designed to help assistive technology (e.g. screen readers) attach a label"
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "tabindex",
                                    "config": {
                                        "label": "Tab Order",
                                        "helper": "Order in which a user will move focus from one control to another by pressing the Tab key",
                                        "validation": "regex: [0-9]*"
                                    }
                                },
                                {
                                    "type": "EncryptedConfig",
                                    "field": "encryptedConfig",
                                    "config": {
                                        "label": "Encrypted",
                                        "helper": null
                                    }
                                }
                            ],
                            "editor-control": "LinkButton",
                            "editor-component": "LinkButton"
                        },
                        {
                            "uuid": "1c520abd-b1ef-4d42-9b69-887c70bb94b6",
                            "label": "Rich Text",
                            "config": {
                                "icon": "fas fa-pencil-ruler",
                                "label": null,
                                "content": "<table style=\"width: 100%; border-collapse: collapse; border-radius: 10px; border: 1px solid var(--Color-Grey-200, #E9ECF1); background: var(--Color-Primary-50, #F8FBFF); overflow: hidden;\">\n<thead style=\"background: var(--Color-Primary-50, #F8FBFF);\">\n<tr>\n<th style=\"border: 1px solid var(--Color-Grey-200, #E9ECF1); padding: 8px; text-align: left; color: var(--black-black, var(--color-black-black, #20242a)); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -0.14px;\">Task</th>\n<th style=\"border: 1px solid var(--Color-Grey-200, #E9ECF1); padding: 8px; text-align: left; color: var(--black-black, var(--color-black-black, #20242a)); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -0.14px;\">Case</th>\n<th style=\"border: 1px solid var(--Color-Grey-200, #E9ECF1); padding: 8px; text-align: left; color: var(--black-black, var(--color-black-black, #20242a)); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -0.14px;\">Due Date</th>\n<th style=\"border: 1px solid var(--Color-Grey-200, #E9ECF1); padding: 8px; text-align: left; color: var(--black-black, var(--color-black-black, #20242a)); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -0.14px;\">Assigned By</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid var(--Color-Grey-200, #E9ECF1); padding: 8px; color: var(--black-black, var(--color-black-black, #20242a)); font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.16px;\">{{element_name}}</td>\n<td style=\"border: 1px solid var(--Color-Grey-200, #E9ECF1); padding: 8px; color: var(--black-black, var(--color-black-black, #20242a)); font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.16px;\">{{case_title}}</td>\n<td style=\"border: 1px solid var(--Color-Grey-200, #E9ECF1); padding: 8px; color: var(--black-black, var(--color-black-black, #20242a)); font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.16px;\">{{due_date}}</td>\n<td style=\"border: 1px solid var(--Color-Grey-200, #E9ECF1); padding: 8px; color: var(--black-black, var(--color-black-black, #20242a)); font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.16px;\">{{assigned_by}}</td>\n</tr>\n</tbody>\n</table>",
                                "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 <br> Date ##/##/#### <br> SSN ###-##-#### <br> Phone (###) ###-####",
                                        "validation": null
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "customCssSelector",
                                    "config": {
                                        "label": "CSS Selector Name",
                                        "helper": "Use this in your custom css rules",
                                        "validation": "regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]"
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "ariaLabel",
                                    "config": {
                                        "label": "Aria Label",
                                        "helper": "Attribute designed to help assistive technology (e.g. screen readers) attach a label"
                                    }
                                },
                                {
                                    "type": "FormInput",
                                    "field": "tabindex",
                                    "config": {
                                        "label": "Tab Order",
                                        "helper": "Order in which a user will move focus from one control to another by pressing the Tab key",
                                        "validation": "regex: [0-9]*"
                                    }
                                },
                                {
                                    "type": "EncryptedConfig",
                                    "field": "encryptedConfig",
                                    "config": {
                                        "label": "Encrypted",
                                        "helper": null
                                    }
                                }
                            ],
                            "editor-control": "FormHtmlEditor",
                            "editor-component": "FormHtmlEditor"
                        }
                    ]
                }
            ],
            "computed": [],
            "custom_css": "",
            "status": "ACTIVE",
            "key": "default-email-task-notification",
            "watchers": [],
            "translations": null,
            "is_template": 0,
            "categories": null
        }
    ],
    "screen_categories": [],
    "scripts": []
  }