@processmaker/screen-builder 2.91.0 → 2.92.0

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

@@ -22102,17 +22102,17 @@ const Xo = {
    * @param {object} params
    * @returns {object}
    */
-  getDataSource(t, e) {
+  getDataSource(t, e, r = null) {
     if (!window.ProcessMaker.screen.cacheEnabled && !window.ProcessMaker.screen.cacheTimeout)
       return this.postDataSource(t, null, e);
-    let r = `/requests/data_sources/${t}/resources/${e.config.endpoint}/data`;
-    return r += this.authQueryString(), this.get(r, {
+    let i = `/requests/data_sources/${t}/resources/${e.config.endpoint}/data`;
+    return i += this.authQueryString(), this.get(i, {
       useCache: window.ProcessMaker.screen.cacheEnabled,
       params: {
         pmds_config: JSON.stringify(e.config),
         pmds_data: JSON.stringify(e.data)
       }
-    }).then((i) => i);
+    }).then((a) => [a, r]);
   },
   authQueryString() {
     const t = Se(window, "PM4ConfigOverrides.authParams", null);
@@ -22142,18 +22142,19 @@ const Xo = {
     );
   },
   getCollectionRecords(t, e, r = null) {
-    return e.useCache = window.ProcessMaker.screen.cacheEnabled, this.get(
+    var i, a;
+    return e.useCache = (a = (i = window.ProcessMaker) == null ? void 0 : i.screen) == null ? void 0 : a.cacheEnabled, this.get(
       `/collections/${t}/records${this.authQueryString()}`,
       e
-    ).then((i) => {
-      const a = i ? i.data : null;
-      if (!a)
+    ).then((n) => {
+      const s = n ? n.data : null;
+      if (!s)
         throw new Error(Ae.t("No data returned"));
-      return [a, r];
-    }).catch((i) => {
-      if (i.response && i.response.status === 404)
+      return [s, r];
+    }).catch((n) => {
+      if (n.response && n.response.status === 404)
         return [{ data: [] }, r];
-      throw i;
+      throw n;
     });
   }
 };
@@ -22595,7 +22596,8 @@ const eR = {
       return t && typeof t == "string" && t.match(/^[a-zA-Z_][0-9a-zA-Z_.]*$/);
     },
     isComputedVariable(t, e) {
-      return e.computed && e.computed.some((r) => new RegExp(`^${r.property}(\\.|$)`, "i").test(t));
+      var r;
+      return (r = e == null ? void 0 : e.computed) == null ? void 0 : r.some((i) => i != null && i.byPass ? !1 : new RegExp(`^${i.property}(\\.|$)`, "i").test(t));
     },
     registerVariable(t, e = {}) {
       if (t && t.startsWith("_parent.") || t && t.includes("._parent.") || !this.validVariableName(t))
@@ -45390,7 +45392,7 @@ const bK = ds(), yK = {
             url: "/tasks",
             dropdownShow: "tasks"
           };
-          this.$emit("tasksCount", { dataControls: s, tasksDropdown: a });
+          this.$emit("tasksCount", { dataControls: s, tasksDropdown: a }), this.$refs["form-task"].resetToOriginalWidths();
         }).catch(() => {
           this.tableData = [];
         });
@@ -45420,7 +45422,7 @@ const bK = ds(), yK = {
     verifyDraft(t) {
       let e = "";
       return t.draft && t.status !== "CLOSED" && (e = `
-          <span class ="badge badge-warning status-warnig">
+          <span class ="badge badge-warning status-warning">
             ${this.$t("Draft")}
           </span>
         `), e;
@@ -45609,7 +45611,7 @@ const bK = ds(), yK = {
 };
 var xK = function() {
   var e = this, r = e._self._c;
-  return e.showTable ? r("div", [r("filter-table", { attrs: { headers: e.tableHeaders, data: e.tableData, unread: e.unreadColumnName, loading: e.shouldShowLoader }, on: { "table-row-mouseover": e.handleRowMouseover, "table-row-mouseleave": e.handleRowMouseleave }, scopedSlots: e._u([e._l(e.tableHeaders, function(i, a) {
+  return e.showTable ? r("div", [r("filter-table", { attrs: { "table-name": "form-tasks", headers: e.tableHeaders, data: e.tableData, unread: e.unreadColumnName, loading: e.shouldShowLoader }, on: { "table-row-mouseover": e.handleRowMouseover, "table-row-mouseleave": e.handleRowMouseleave }, scopedSlots: e._u([e._l(e.tableHeaders, function(i, a) {
     return { key: i.field, fn: function() {
       return [r("div", { key: a, staticStyle: { display: "inline-block" } }, [i.field === "is_priority" ? r("img", { attrs: { src: gK, alt: "priority-header", width: "20", height: "20" } }) : r("span", [e._v(e._s(e.$t(i.label)))])])];
     }, proxy: !0 };
@@ -45638,7 +45640,7 @@ var xK = function() {
   wK,
   !1,
   null,
-  "f22a626d",
+  "d7744395",
   null,
   null
 );
@@ -45701,7 +45703,7 @@ const SK = ds(), kK = {
             url: "/cases",
             dropdownShow: "requests"
           }, a = [];
-          this.$emit("requestsCount", { dataControls: i, tasksDropdown: a });
+          this.$emit("requestsCount", { dataControls: i, tasksDropdown: a }), this.$refs["form-case"].resetToOriginalWidths();
         }).catch(() => {
           this.tableData = [];
         });
@@ -45749,20 +45751,14 @@ const SK = ds(), kK = {
       this.pmqlSearch = "", this.pmqlSearch = t, this.fetch();
     },
     setupColumns() {
-      const t = this.getColumns();
-      this.tableHeaders = this.getColumns(), t.forEach((e) => {
+      const t = this.getColumnsCases();
+      this.tableHeaders = this.getColumnsCases(), t.forEach((e) => {
         const r = {
           title: () => this.$t(e.label)
         };
         switch (e.field) {
-          case "id":
-            r.name = "__slot:ids", r.title = "#";
-            break;
-          case "participants":
-            r.name = "__slot:participants";
-            break;
-          case "name":
-            r.name = "__slot:name";
+          case "case_number":
+            r.name = "__slot:case_number";
             break;
           case "case_title":
             r.name = "__slot:case_title";
@@ -45771,12 +45767,9 @@ const SK = ds(), kK = {
             r.name = e.name || e.field;
         }
         r.field || (r.field = e.field), e.format === "datetime" && (r.callback = "formatDateUser|datetime"), e.format === "date" && (r.callback = "formatDateUser|date"), e.sortable === !0 && !r.sortField && (r.sortField = e.field), this.fields.push(r);
-      }), this.fields.push({
-        name: "__slot:actions",
-        title: ""
       });
     },
-    getColumns() {
+    getColumnsCases() {
       return [
         {
           label: "Case #",
@@ -45802,7 +45795,7 @@ const SK = ds(), kK = {
           sortable: !0,
           default: !0,
           width: 113,
-          fixed_width: 314,
+          fixed_width: 113,
           resizable: !1,
           filter_subject: { type: "Status" }
         },
@@ -45818,7 +45811,7 @@ const SK = ds(), kK = {
 };
 var TK = function() {
   var e = this, r = e._self._c;
-  return e.showTable ? r("div", [r("filter-table", { attrs: { headers: e.tableHeaders, data: e.tableData, unread: e.unreadColumnName, loading: e.shouldShowLoader }, scopedSlots: e._u([e._l(e.data.data, function(i, a) {
+  return e.showTable ? r("div", [r("filter-table", { attrs: { "table-name": "form-cases", headers: e.tableHeaders, data: e.tableData, unread: e.unreadColumnName, loading: e.shouldShowLoader }, scopedSlots: e._u([e._l(e.data.data, function(i, a) {
     return { key: `row-${a}`, fn: function() {
       return e._l(e.tableHeaders, function(n, s) {
         return r("td", { key: `${a}-${s}` }, [e.containsHTML(e.getNestedPropertyValue(i, n)) ? [r("div", { class: { "pm-table-truncate": n.truncate }, style: { maxWidth: n.width + "px" }, attrs: { id: `element-${a}-${s}` } }, [r("span", { domProps: { innerHTML: e._s(e.sanitize(e.getNestedPropertyValue(i, n))) } })]), n.truncate ? r("b-tooltip", { attrs: { target: `element-${a}-${s}`, "custom-class": "pm-table-tooltip" }, on: { show: e.checkIfTooltipIsNeeded } }, [e._v(" " + e._s(e.sanitizeTooltip(e.getNestedPropertyValue(i, n))) + " ")]) : e._e()] : [e.isComponent(i[n.field]) ? [r(i[n.field].component, e._b({ tag: "component" }, "component", i[n.field].props, !1))] : [r("div", { class: { "pm-table-truncate": n.truncate }, style: { maxWidth: n.width + "px" }, attrs: { id: `element-${a}-${s}` } }, [e._v(" " + e._s(e.getNestedPropertyValue(i, n)) + " "), n.truncate ? r("b-tooltip", { attrs: { target: `element-${a}-${s}`, "custom-class": "pm-table-tooltip" }, on: { show: e.checkIfTooltipIsNeeded } }, [e._v(" " + e._s(e.getNestedPropertyValue(i, n)) + " ")]) : e._e()], 1)]]], 2);
@@ -45831,7 +45824,7 @@ var TK = function() {
   CK,
   !1,
   null,
-  "138e5bd2",
+  "ebd7b03d",
   null,
   null
 );
@@ -46111,7 +46104,7 @@ var VK = function() {
   qK,
   !1,
   null,
-  "241c5ccd",
+  "830c77e3",
   null,
   null
 );
@@ -47705,7 +47698,7 @@ var u$ = function() {
     e.selectedDataSource = i;
   }, expression: "selectedDataSource" } }), e.selectedDataSource ? e._e() : r("div", { staticClass: "invalid-feedback" }, [e._v(e._s(e.$t("An Data Connector must be selected")))]), r("small", { staticClass: "form-text text-muted mb-3" }, [e._v(e._s(e.$t("Data Connector to use")))])], 1) : e._e(), e.dataSource === e.dataSourceValues.dataConnector ? r("div", [r("label", { attrs: { for: "endpoint-list" } }, [e._v(e._s(e.$t("End Point")))]), r("b-form-select", { class: e.selectedDataSource && !e.selectedEndPoint ? "is-invalid" : "", attrs: { id: "endpoint-list", options: e.endPointList, "data-cy": "inspector-endpoint" }, model: { value: e.selectedEndPoint, callback: function(i) {
     e.selectedEndPoint = i;
-  }, expression: "selectedEndPoint" } }), e.selectedDataSource && !e.selectedEndPoint ? r("div", { staticClass: "invalid-feedback" }, [e._v(e._s(e.$t("An Endpoint must be selected")))]) : e._e(), r("small", { staticClass: "form-text text-muted mb-3" }, [e._v(e._s(e.$t("Endpoint to populate select")))])], 1) : e._e(), e.dataSource === e.dataSourceValues.dataConnector ? r("div", [r("pmql-input", { staticClass: "mb-1", attrs: { "search-type": "collections", "input-label": "PMQL", condensed: !0, "ai-enabled": !0, placeholder: e.$t("PMQL") }, model: { value: e.pmqlQuery, callback: function(i) {
+  }, expression: "selectedEndPoint" } }), e.selectedDataSource && !e.selectedEndPoint ? r("div", { staticClass: "invalid-feedback" }, [e._v(e._s(e.$t("An Endpoint must be selected")))]) : e._e(), r("small", { staticClass: "form-text text-muted mb-3" }, [e._v(e._s(e.$t("Endpoint to populate select")))])], 1) : e._e(), e.dataSource === e.dataSourceValues.dataConnector ? r("div", [r("pmql-input", { staticClass: "mb-1", attrs: { "search-type": "collections_w_mustaches", "input-label": "PMQL", condensed: !0, "ai-enabled": !0, placeholder: e.$t("PMQL") }, model: { value: e.pmqlQuery, callback: function(i) {
     e.pmqlQuery = i;
   }, expression: "pmqlQuery" } }), r("small", { staticClass: "form-text text-muted" }, [e._v(e._s(e.$t("Advanced data search")))])], 1) : e._e()], 1);
 }, c$ = [], d$ = /* @__PURE__ */ ne(
@@ -47714,7 +47707,7 @@ var u$ = function() {
   c$,
   !1,
   null,
-  "e0acf8b1",
+  "282ac989",
   null,
   null
 );
@@ -51350,22 +51343,22 @@ const nte = () => new Promise((t) => {
      */
     // eslint-disable-next-line consistent-return
     async getDestinationUrl() {
-      const { elementDestination: t } = this.task || {};
+      const { elementDestination: t, allow_interstitial: e } = this.task || {};
       if (!t)
         return null;
       if (t.type === "taskSource")
         try {
-          const i = {
+          const a = {
             processRequestId: this.requestId,
             status: "ACTIVE",
             userId: this.userId
-          }, n = (await this.retryApiCall(() => this.getTasks(i))).data.data[0];
-          return (n == null ? void 0 : n.user_id) === this.userId ? `/tasks/${n.id}/edit` : document.referrer || null;
-        } catch (i) {
-          return console.error("Error in getDestinationUrl:", i), null;
+          }, s = (await this.retryApiCall(() => this.getTasks(a))).data.data[0];
+          return e && (s == null ? void 0 : s.user_id) === this.userId ? `/tasks/${s.id}/edit` : document.referrer || null;
+        } catch (a) {
+          return console.error("Error in getDestinationUrl:", a), null;
         }
-      const e = t.value;
-      return e || sessionStorage.getItem("elementDestinationURL") || null;
+      const r = t.value;
+      return r || sessionStorage.getItem("elementDestinationURL") || null;
     },
     loadNextAssignedTask(t = null) {
       if (t || (t = this.requestId), !this.userId)
@@ -51383,7 +51376,7 @@ const nte = () => new Promise((t) => {
             this.emitIfTaskCompleted(t);
           this.taskId = a.id, this.loadTask(), this.nodeId = a.element_id;
         } else
-          this.parentRequest && ["COMPLETED", "CLOSED"].includes(this.task.process_request.status) && this.$emit("completed", this.getAllowedRequestId());
+          this.parentRequest && ["COMPLETED", "CLOSED"].includes(this.task.process_request.status) ? this.$emit("completed", this.getAllowedRequestId()) : this.taskPreview || this.emitClosedEvent();
       });
     },
     emitIfTaskCompleted(t) {
@@ -51458,13 +51451,11 @@ const nte = () => new Promise((t) => {
       const e = {
         user_id: this.userId,
         process_request_id: t.processRequestId,
-        page: t.page,
-        per_page: t.perPage,
+        page: t.page || 1,
+        per_page: t.perPage || 1,
         status: t.status
-      }, r = Object.entries(e).filter(([, i]) => i != null).map(
-        ([i, a]) => `${encodeURIComponent(i)}=${encodeURIComponent(a)}`
-      ).join("&");
-      return window.ProcessMaker.apiClient.get(`tasks?${r}`);
+      }, r = new URLSearchParams(e).toString();
+      return this.$dataProvider.getTasks(`?${r}`);
     },
     /**
      * Parses a JSON string and returns the result.
@@ -51517,7 +51508,8 @@ const nte = () => new Promise((t) => {
       return e && e.allowed ? this.parentRequest : this.requestId;
     },
     processUpdated: ie.debounce(function(t) {
-      t.event === "ACTIVITY_ACTIVATED" && t.elementType === "task" && (this.taskId = t.tokenId, this.reload()), t.event === "ACTIVITY_EXCEPTION" && this.$emit("error", this.requestId);
+      var e;
+      t.event === "ACTIVITY_ACTIVATED" && t.elementType === "task" && ((e = this.task.elementDestination) != null && e.type || (this.taskId = t.taskId), this.reload()), t.event === "ACTIVITY_EXCEPTION" && this.$emit("error", this.requestId);
     }, 100),
     initSocketListeners() {
       this.loadingListeners = !1, this.addSocketListener(
@@ -51597,7 +51589,7 @@ var ote = function() {
   lte,
   !1,
   null,
-  "5b17b823",
+  "b5beddfe",
   null,
   null
 );
@@ -52247,7 +52239,7 @@ const Fte = typeof window > "u" ? global : window, Bte = {
     deleteProperty(t) {
       Fte.ProcessMaker.confirmModal(
         this.$t("Are you sure you want to delete the calc ?"),
-        this.$t("If you do, you wont be able to recover the calc configuration."),
+        this.$t("If you do, you won’t be able to recover the Calc configuration."),
         "",
         () => {
           this.remove(t);
@@ -52299,7 +52291,7 @@ var Hte = function() {
   Rte,
   !1,
   null,
-  "61e60a87",
+  "6d70559c",
   null,
   null
 );