@processmaker/screen-builder 3.8.17 → 3.8.19

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,31 @@ 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;
+    },
+    /**
+     * Source for computed properties to watch for changes
+     */
+    computedPropertiesSource() {
+      return this.getComputedProperties() || [];
+    },
+    /**
+     * Source for watchers to watch for changes
+     */
+    watchersSource() {
+      return this.getWatchers() || [];
     }
   },
   watch: {
@@ -51148,21 +51173,48 @@ 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;
     },
-    "builder.variablesTree"() {
-      this.$forceUpdate();
+    formConfig: {
+      handler() {
+        this.$nextTick(() => {
+          this.cleanupInvalidSelections();
+        });
+      },
+      deep: !0,
+      immediate: !0
     },
-    // Watch for computed properties changes in App.vue
-    "$root.computed"() {
-      this.$forceUpdate();
+    // Watch for computed properties changes
+    computedPropertiesSource: {
+      handler() {
+        this.$nextTick(() => {
+          this.cleanupInvalidSelections();
+        });
+      },
+      deep: !0
+    },
+    // Watch for watchers changes
+    watchersSource: {
+      handler() {
+        this.$nextTick(() => {
+          this.cleanupInvalidSelections();
+        });
+      },
+      deep: !0
     }
   },
   methods: {
+    /**
+     * Remove selected variables that no longer exist in availableVariables
+     */
+    cleanupInvalidSelections() {
+      const t = this.availableVariables, e = this.selectedVariables.filter((r) => t.includes(r));
+      e.length !== this.selectedVariables.length && (this.selectedVariables = e, e.length === 0 && (this.isEnabled = !1));
+    },
     /**
      * Load variables from the variables tree
      * Only includes root-level variables (no prefix, no dots in name)
@@ -51183,9 +51235,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
@@ -51200,23 +51265,51 @@ const nre = {
      * Get computed properties from various sources
      */
     getComputedProperties() {
-      var e, r, i, a, n, s, o, u;
+      var e, r, i, a, n, s, o, u, l, c, d;
       if ((r = (e = this.$root) == null ? void 0 : e.$data) != null && r.computed)
         return this.$root.$data.computed;
-      if ((a = (i = this.builder) == null ? void 0 : i.screen) != null && a.computed)
+      if ((n = (a = (i = this.$root) == null ? void 0 : i.$children) == null ? void 0 : a[0]) != null && n.computed && Array.isArray(this.$root.$children[0].computed))
+        return this.$root.$children[0].computed;
+      if ((o = (s = this.builder) == null ? void 0 : s.screen) != null && o.computed)
         return this.builder.screen.computed;
-      if ((n = this.builder) != null && n.computed)
+      if ((u = this.builder) != null && u.computed)
         return this.builder.computed;
-      if ((o = (s = this.$root) == null ? void 0 : s.$parent) != null && o.computed)
+      if ((c = (l = this.$root) == null ? void 0 : l.$parent) != null && c.computed)
         return this.$root.$parent.computed;
       let t = this.$parent;
-      for (let l = 0; l < 10 && t; l++) {
-        if ((u = t.$data) != null && u.computed)
+      for (let f = 0; f < 10 && t; f++) {
+        if ((d = t.$data) != null && d.computed)
           return t.$data.computed;
         t = t.$parent;
       }
       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
@@ -51350,7 +51443,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 = "";
@@ -51365,7 +51458,7 @@ var sre = function() {
   ore,
   !1,
   null,
-  "7e10d798",
+  "33a2f6e8",
   null,
   null
 );