{"type":"screen_package","version":"1","screens":{"id":6,"screen_category_id":"1","title":"Screen with watchers","description":"Screen with watchers","type":"FORM","config":[{"name":"Screen with watchers","items":[{"label":"Line Input","config":{"icon":"far fa-square","name":"variable1","type":"text","label":"Variable1:","helper":null,"dataFormat":"string","validation":null,"placeholder":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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required"}},{"type":"FormMultiselect","field":"dataFormat","config":{"name":"Data Type","label":"Data Type","helper":"The data type specifies what kind of data is stored in the variable.","options":[{"value":"string","content":"Text"},{"value":"int","content":"Integer"},{"value":"currency","content":"Currency"},{"value":"percentage","content":"Percentage"},{"value":"float","content":"Decimal"},{"value":"datetime","content":"Datetime"},{"value":"date","content":"Date"},{"value":"password","content":"Password"}],"validation":"required"}},{"type":{"extends":{"props":["label","error","options","helper","name","value","selectedControl"],"mixins":[{"props":["validation","validationData","validationField","validationMessages"],"watch":{"validationData":{"deep":true}},"methods":[]}],"methods":[],"computed":[],"_compiled":true,"components":{"Multiselect":{"name":"vue-multiselect","props":{"name":{"default":null},"limit":{"default":99999},"loading":{"default":false},"disabled":{"default":false},"tabindex":{"default":0},"limitText":[],"maxHeight":{"default":300},"showLabels":{"default":true},"selectLabel":{"default":"Press enter to select"},"deselectLabel":{"default":"Press enter to remove"},"openDirection":{"default":null},"selectedLabel":{"default":"Selected"},"showNoOptions":{"default":true},"showNoResults":{"default":true},"selectGroupLabel":{"default":"Press enter to select group"},"deselectGroupLabel":{"default":"Press enter to deselect group"}},"mixins":[{"props":{"id":{"default":null},"max":{"type":[null,null],"default":false},"label":[],"value":{"type":null},"options":{"required":true},"trackBy":[],"multiple":{"default":false},"taggable":{"default":false},"blockKeys":[],"allowEmpty":{"default":true},"groupLabel":[],"resetAfter":{"default":false},"searchable":{"default":true},"customLabel":[],"groupSelect":{"default":false},"groupValues":[],"placeholder":{"default":"Select option"},"tagPosition":{"default":"top"},"hideSelected":{"default":false},"optionsLimit":{"default":1000},"clearOnSelect":{"default":true},"closeOnSelect":{"default":true},"internalSearch":{"default":true},"preselectFirst":{"default":false},"preserveSearch":{"default":false},"tagPlaceholder":{"default":"Press enter to create a tag"}},"watch":[],"methods":[],"computed":[]},{"props":{"showPointer":{"default":true},"optionHeight":{"default":40}},"watch":[],"methods":[],"computed":[]}],"computed":[],"_compiled":true,"beforeCreate":[null],"staticRenderFns":[]}},"inheritAttrs":false,"staticRenderFns":[]},"computed":[],"_compiled":true,"staticRenderFns":[]},"field":"dataMask","config":{"name":"Data Format","label":"Data Format","helper":"The data format for the selected type."}},{"type":"FormInput","field":"label","config":{"label":"Label","helper":"The label describes the field's name"}},{"type":"FormInput","field":"validation","config":{"label":"Validation Rules","helper":"The validation rules needed for this field"}},{"type":"FormInput","field":"placeholder","config":{"label":"Placeholder Text","helper":"The placeholder is what is shown in the field when no value is provided yet"}},{"type":"FormInput","field":"helper","config":{"label":"Helper Text","helper":"Help text is meant to provide additional guidance on the field's value"}},{"type":"FormCheckbox","field":"readonly","config":{"label":"Read Only","helper":null}},{"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":"FormInput","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":"FormInput","editor-component":"FormInput"},{"label":"Line Input","config":{"icon":"far fa-square","name":"variable2","type":"text","label":"Variable2:","helper":null,"dataFormat":"string","validation":null,"placeholder":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-Z_.a-z])(?:[0-9A-Z_.a-z])*$\/|required"}},{"type":"FormMultiselect","field":"dataFormat","config":{"name":"Data Type","label":"Data Type","helper":"The data type specifies what kind of data is stored in the variable.","options":[{"value":"string","content":"Text"},{"value":"int","content":"Integer"},{"value":"currency","content":"Currency"},{"value":"percentage","content":"Percentage"},{"value":"float","content":"Decimal"},{"value":"datetime","content":"Datetime"},{"value":"date","content":"Date"},{"value":"password","content":"Password"}],"validation":"required"}},{"type":{"_Ctor":[],"extends":{"_Ctor":[],"props":{"name":{"type":null},"error":{"type":null},"label":{"type":null},"value":{"type":null},"helper":{"type":null},"options":{"type":null},"selectedControl":{"type":null}},"mixins":[{"props":{"validation":{"type":null},"validationData":{"type":null},"validationField":{"type":null},"validationMessages":{"type":null}},"watch":{"validationData":{"deep":true,"user":true}},"methods":[]}],"methods":[],"computed":[],"_compiled":true,"components":{"Multiselect":{"name":"vue-multiselect","_Ctor":[],"props":{"name":{"default":null},"limit":{"default":99999},"loading":{"default":false},"disabled":{"default":false},"tabindex":{"default":0},"limitText":[],"maxHeight":{"default":300},"showLabels":{"default":true},"selectLabel":{"default":"Press enter to select"},"deselectLabel":{"default":"Press enter to remove"},"openDirection":{"default":null},"selectedLabel":{"default":"Selected"},"showNoOptions":{"default":true},"showNoResults":{"default":true},"selectGroupLabel":{"default":"Press enter to select group"},"deselectGroupLabel":{"default":"Press enter to deselect group"}},"mixins":[{"props":{"id":{"default":null},"max":{"type":[null,null],"default":false},"label":[],"value":{"type":null},"options":{"required":true},"trackBy":[],"multiple":{"default":false},"taggable":{"default":false},"blockKeys":[],"allowEmpty":{"default":true},"groupLabel":[],"resetAfter":{"default":false},"searchable":{"default":true},"customLabel":[],"groupSelect":{"default":false},"groupValues":[],"placeholder":{"default":"Select option"},"tagPosition":{"default":"top"},"hideSelected":{"default":false},"optionsLimit":{"default":1000},"clearOnSelect":{"default":true},"closeOnSelect":{"default":true},"internalSearch":{"default":true},"preselectFirst":{"default":false},"preserveSearch":{"default":false},"tagPlaceholder":{"default":"Press enter to create a tag"}},"watch":[],"methods":[],"computed":[]},{"props":{"showPointer":{"default":true},"optionHeight":{"default":40}},"watch":[],"methods":[],"computed":[]}],"computed":[],"_compiled":true,"beforeCreate":[null],"staticRenderFns":[]}},"inheritAttrs":false,"staticRenderFns":[]},"computed":[],"_compiled":true,"staticRenderFns":[]},"field":"dataMask","config":{"name":"Data Format","label":"Data Format","helper":"The data format for the selected type."}},{"type":"FormInput","field":"label","config":{"label":"Label","helper":"The label describes the field's name"}},{"type":"FormInput","field":"validation","config":{"label":"Validation Rules","helper":"The validation rules needed for this field"}},{"type":"FormInput","field":"placeholder","config":{"label":"Placeholder Text","helper":"The placeholder is what is shown in the field when no value is provided yet"}},{"type":"FormInput","field":"helper","config":{"label":"Helper Text","helper":"Help text is meant to provide additional guidance on the field's value"}},{"type":"FormCheckbox","field":"readonly","config":{"label":"Read Only","helper":null}},{"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":"FormInput","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":"FormInput","editor-component":"FormInput"},{"label":"Submit Button","config":{"icon":"fas fa-share-square","name":"Store","event":"submit","label":"Store","variant":"primary","fieldValue":null},"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."}},{"type":"FormInput","field":"fieldValue","config":{"label":"Value","helper":"The value being submitted"}},{"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":"FormInput","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":"FormButton","editor-component":"FormButton"}]}],"computed":[],"custom_css":null,"created_at":"2020-01-21T11:23:57-08:00","updated_at":"2020-01-21T11:28:26-08:00","status":"ACTIVE","key":null,"watchers":[{"input_data":"{}","script_configuration":"{}","name":"Variable1 watcher","watching":"variable1","script":{"id":"script-4","key":null,"title":"WatcherScript","description":"Script for watchers","language":"php","code":"<?php \n\/* \n * Welcome to ProcessMaker 4 Script Editor \n * To access Environment Variables use get_env(\"ENV_VAR_NAME\") \n * To access Request Data use $data \n * To access Configuration Data use $config \n * To preview your script, click the Run button using the provided input and config data \n * Return an array and it will be merged with the processes data \n * Example API to retrieve user email by their ID $api->users()->getUserById(1)['email'] \n *\/\n\n return [\"Script response\"];","timeout":60,"run_as_user_id":1,"created_at":"2020-01-21T11:25:32-08:00","updated_at":"2020-01-21T11:25:49-08:00","status":"ACTIVE","script_category_id":"1"},"script_id":"4","script_key":null,"output_variable":"variable2","uid":"15796347764732"}]}}