@processmaker/screen-builder 3.8.16 → 3.8.18

package/dist/vue-form-builder.es.js

@@ -51112,7 +51112,7 @@ const nre = {
         const l = this.loadVariables(r);
         Object.assign(t, l.variables || {});
       }
-      return Object.assign(t, this.extractCalculatedVariables()), Object.keys(t).filter((l) => !l.startsWith("_parent.")).sort();
+      return Object.assign(t, this.extractCalculatedVariables()), Object.assign(t, this.extractWatcherVariables()), Object.keys(t).filter((l) => this.isValidVariableName(l)).sort();
     },
     filteredVariables() {
       if (!this.searchQuery)
@@ -51139,6 +51139,19 @@ const nre = {
       return this.isEnabled ? this.requiredVariables.filter(
         (t) => !this.selectedVariables.includes(t)
       ) : [];
+    },
+    /**
+     * Check if all filtered variables are selected
+     */
+    allSelected() {
+      return this.filteredVariables.length > 0 && this.filteredVariables.every((t) => this.selectedVariables.includes(t));
+    },
+    /**
+     * Check if some (but not all) filtered variables are selected
+     */
+    someSelected() {
+      const t = this.filteredVariables.filter((e) => this.selectedVariables.includes(e)).length;
+      return t > 0 && t < this.filteredVariables.length;
     }
   },
   watch: {
@@ -51148,8 +51161,8 @@ const nre = {
     selectedVariables(t) {
       this.isEnabled ? (this.$emit("input", t), this.$emit("change", t)) : (this.$emit("input", []), this.$emit("change", []));
     },
-    isEnabled(t) {
-      t || (this.selectedVariables = [], this.$emit("input", []), this.$emit("change", []));
+    isEnabled(t, e) {
+      t && !e ? (this.selectedVariables = [...this.availableVariables], this.$emit("input", this.selectedVariables), this.$emit("change", this.selectedVariables)) : t || (this.selectedVariables = [], this.$emit("input", []), this.$emit("change", []));
     },
     "selectedControl.config.event"(t) {
       this.event = t;
@@ -51160,6 +51173,10 @@ const nre = {
     // Watch for computed properties changes in App.vue
     "$root.computed"() {
       this.$forceUpdate();
+    },
+    // Watch for watchers changes in App.vue
+    "$root.watchers"() {
+      this.$forceUpdate();
     }
   },
   methods: {
@@ -51183,9 +51200,22 @@ const nre = {
       const t = new Set(this.filteredVariables);
       this.selectedVariables = this.selectedVariables.filter((e) => !t.has(e));
     },
+    toggleSelectAll(t) {
+      t ? this.selectAll() : this.deselectAll();
+    },
     toggleSearch() {
       this.showSearch = !this.showSearch, this.showSearch || (this.searchQuery = "");
     },
+    /**
+     * Check if a variable name is valid
+     * Uses same logic as dot_notation validation rule
+     */
+    isValidVariableName(t) {
+      if (!t || typeof t != "string" || t.startsWith("_parent."))
+        return !1;
+      const e = /^[a-zA-Z][a-zA-Z0-9_]*$/;
+      return t.split(".").every((i) => e.test(i));
+    },
     /**
      * Extract calculated variables (computed properties) from the screen
      * Searches in multiple locations: App.vue, builder, or parent components
@@ -51217,6 +51247,32 @@ const nre = {
       }
       return [];
     },
+    /**
+     * Extract watcher output variables from the screen
+     */
+    extractWatcherVariables() {
+      const t = {};
+      return (this.getWatchers() || []).forEach((r) => {
+        if (!r.byPass) {
+          r.output_variable && (t[r.output_variable] = null);
+          try {
+            const i = typeof r.script_configuration == "string" ? JSON.parse(r.script_configuration) : r.script_configuration;
+            ((i == null ? void 0 : i.dataMapping) || []).forEach((a) => {
+              a.key && (t[a.key] = null);
+            });
+          } catch {
+            console.error("Invalid JSON in script_configuration for watcher:", r.name);
+          }
+        }
+      }), t;
+    },
+    /**
+     * Get watchers from various sources
+     */
+    getWatchers() {
+      var t, e, r, i, a, n, s, o, u;
+      return ((e = (t = this.$root) == null ? void 0 : t.$data) == null ? void 0 : e.watchers) || ((a = (i = (r = this.$root) == null ? void 0 : r.$children) == null ? void 0 : i[0]) == null ? void 0 : a.watchers) || ((u = (o = (s = (n = this.$root) == null ? void 0 : n.$children) == null ? void 0 : s[0]) == null ? void 0 : o.$data) == null ? void 0 : u.watchers) || [];
+    },
     /**
      * Extract variables from form config
      * Recursively searches through all pages and items
@@ -51239,9 +51295,22 @@ const nre = {
      * Single Responsibility: Only handles variable name extraction
      */
     extractVariableFromItem(t, e) {
-      var i;
-      const r = (i = t.config) == null ? void 0 : i.name;
-      r && !r.startsWith("_parent.") && (e[r] = null);
+      var a;
+      if ([
+        "FormNestedScreen",
+        "FormHtmlViewer",
+        "FormMultiColumn",
+        "FormCollectionRecordControl",
+        "FormCollectionViewControl",
+        "FormAvatar",
+        "FormListTable",
+        "FormAnalyticsChart",
+        "CaseProgressBar",
+        "FileDownload"
+      ].includes(t.component))
+        return;
+      const i = (a = t.config) == null ? void 0 : a.name;
+      i && !i.startsWith("_parent.") && (e[i] = null);
     },
     /**
      * Process special component types
@@ -51337,7 +51406,7 @@ var sre = function() {
   var e = this, r = e._self._c;
   return e.event === "submit" ? r("div", { staticClass: "variables-to-submit-wrapper" }, [e.isEnabled && e.missingRequiredVariables.length > 0 ? r("b-alert", { staticClass: "warning-alert", attrs: { show: "", variant: "warning", "data-cy": "missing-required-warning" } }, [r("i", { staticClass: "fas fa-bolt warning-icon" }), r("span", { staticClass: "warning-text" }, [e._v(" " + e._s(e.$t("The following required fields are not included")) + ' "'), r("strong", [e._v(e._s(e.missingRequiredVariables.join('", "')))]), e._v('". ' + e._s(e.$t("This may cause validation errors during submission.")) + " ")])]) : e._e(), r("div", { staticClass: "variables-to-submit-card" }, [r("div", { staticClass: "header-section" }, [r("h6", { staticClass: "header-title" }, [e._v(e._s(e.$t("Submit Information")))]), r("b-form-checkbox", { staticClass: "toggle-switch", attrs: { switch: "", size: "lg", "data-cy": "variables-to-submit-toggle" }, model: { value: e.isEnabled, callback: function(i) {
     e.isEnabled = i;
-  }, expression: "isEnabled" } })], 1), r("div", { staticClass: "description-text" }, [r("p", [e._v(e._s(e.$t("Select variables to submit, otherwise all variables will be submitted by default.")))])]), e.isEnabled && e.availableVariables.length === 0 ? r("div", { staticClass: "alert alert-info" }, [r("small", [e._v(e._s(e.$t("No variables available. Variables will be available after you add form fields to your screen.")))])]) : e.isEnabled ? r("div", [r("div", { staticClass: "divider" }), r("div", { staticClass: "controls-section" }, [r("button", { staticClass: "select-all-button", attrs: { type: "button", disabled: e.filteredVariables.length === 0 || e.selectedVariables.length === e.filteredVariables.length, "data-cy": "variables-to-submit-select-all" }, on: { click: e.selectAll } }, [e._v(" " + e._s(e.$t("Select All")) + " ")]), r("button", { staticClass: "search-button", attrs: { type: "button", "data-cy": "variables-to-submit-search-toggle" }, on: { click: e.toggleSearch } }, [r("i", { staticClass: "fas fa-search" })])]), e.showSearch ? r("div", { staticClass: "search-container" }, [r("b-input-group", [r("b-form-input", { staticClass: "search-input", attrs: { placeholder: e.$t("Search variables..."), "data-cy": "variables-to-submit-search" }, model: { value: e.searchQuery, callback: function(i) {
+  }, expression: "isEnabled" } })], 1), r("div", { staticClass: "description-text" }, [r("p", [e._v(e._s(e.$t("Select variables to submit, otherwise all variables will be submitted by default.")))])]), e.isEnabled && e.availableVariables.length === 0 ? r("div", { staticClass: "alert alert-info" }, [r("small", [e._v(e._s(e.$t("No variables available. Variables will be available after you add form fields to your screen.")))])]) : e.isEnabled ? r("div", [r("div", { staticClass: "divider" }), r("div", { staticClass: "controls-section" }, [r("b-form-checkbox", { staticClass: "select-all-checkbox", attrs: { checked: e.allSelected, indeterminate: e.someSelected, disabled: e.filteredVariables.length === 0, "data-cy": "variables-to-submit-select-all" }, on: { change: e.toggleSelectAll } }, [e._v(" " + e._s(e.$t("Select All")) + " ")]), r("button", { staticClass: "search-button", attrs: { type: "button", "data-cy": "variables-to-submit-search-toggle" }, on: { click: e.toggleSearch } }, [r("i", { staticClass: "fas fa-search" })])], 1), e.showSearch ? r("div", { staticClass: "search-container" }, [r("b-input-group", [r("b-form-input", { staticClass: "search-input", attrs: { placeholder: e.$t("Search variables..."), "data-cy": "variables-to-submit-search" }, model: { value: e.searchQuery, callback: function(i) {
     e.searchQuery = i;
   }, expression: "searchQuery" } }), r("b-input-group-append", [r("b-button", { staticClass: "clear-search-button", attrs: { disabled: !e.searchQuery, "data-cy": "variables-to-submit-clear-search", variant: "outline-secondary" }, on: { click: function(i) {
     e.searchQuery = "";
@@ -51352,7 +51421,7 @@ var sre = function() {
   ore,
   !1,
   null,
-  "d234782e",
+  "277c10d3",
   null,
   null
 );
@@ -51463,26 +51532,6 @@ const dre = [
       "defaultValue",
       "showForDesktop",
       { name: "customFormatter", showFor: "FormInput" },
-      { name: "ariaLabel", showFor: "FormInput" },
-      { name: "ariaLabel", showFor: "FormSelectList" },
-      { name: "ariaLabel", showFor: "FormDatePicker" },
-      { name: "ariaLabel", showFor: "FormCheckbox" },
-      { name: "ariaLabel", showFor: "FormDatePicker" },
-      { name: "ariaLabel", showFor: "FileUpload" },
-      { name: "ariaLabel", showFor: "FileDownload" },
-      { name: "ariaLabel", showFor: "FormSelectList" },
-      { name: "ariaLabel", showFor: "FormButton" },
-      { name: "ariaLabel", showFor: "FormTextArea" },
-      { name: "tabindex", showFor: "FormInput" },
-      { name: "tabindex", showFor: "FormSelectList" },
-      { name: "tabindex", showFor: "FormDatePicker" },
-      { name: "tabindex", showFor: "FormCheckbox" },
-      { name: "tabindex", showFor: "FormDatePicker" },
-      { name: "tabindex", showFor: "FileUpload" },
-      { name: "tabindex", showFor: "FileDownload" },
-      { name: "tabindex", showFor: "FormSelectList" },
-      { name: "tabindex", showFor: "FormButton" },
-      { name: "tabindex", showFor: "FormTextArea" },
       { name: "encryptedConfig", showFor: "FormInput" },
       { name: "variablesToSubmit", showFor: "FormButton" }
     ],
@@ -55049,8 +55098,7 @@ const Bie = () => new Promise((t) => {
      * @param {Object} data - The event data received from the socket listener.
      */
     handleProcessUpdate(t) {
-      const { event: e, elementDestination: r, tokenId: i } = t;
-      e === "ACTIVITY_COMPLETED" && this.task.id === i && r && (this.task.elementDestination = r, this.task.allow_interstitial = r.type === "displayNextAssignedTask"), e === "ACTIVITY_EXCEPTION" && (this.$emit("error", this.requestId), window.location.href = `/requests/${this.requestId}`);
+      t.event === "ACTIVITY_EXCEPTION" && (this.$emit("error", this.requestId), window.location.href = `/requests/${this.requestId}`);
     },
     /**
      * Adds a socket listener for redirect events.
@@ -55224,7 +55272,7 @@ var Hie = function() {
   Vie,
   !1,
   null,
-  "d387aaa4",
+  "1e376439",
   null,
   null
 );