@processmaker/screen-builder 2.94.0 → 2.95.0

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

@@ -22104,7 +22104,7 @@ const Xo = {
    */
   getDataSource(t, e, r = null) {
     if (!window.ProcessMaker.screen.cacheEnabled && !window.ProcessMaker.screen.cacheTimeout)
-      return this.postDataSource(t, null, e);
+      return this.postDataSource(t, null, e).then((a) => [a, r]);
     let i = `/requests/data_sources/${t}/resources/${e.config.endpoint}/data`;
     return i += this.authQueryString(), this.get(i, {
       useCache: window.ProcessMaker.screen.cacheEnabled,
@@ -22344,7 +22344,7 @@ class _6 extends Zi {
 }
 class $6 extends Zi {
   async addValidations(e) {
-    if (this.element.config && this.element.config.readonly || this.element.config && this.element.config.disabled || !(this.element.config && this.element.config.name && typeof this.element.config.name == "string" && this.element.config.name.match(/^[a-zA-Z_][0-9a-zA-Z_.]*$/)))
+    if (!this.isVisible() || this.element.config && this.element.config.readonly || this.element.config && this.element.config.disabled || !(this.element.config && this.element.config.name && typeof this.element.config.name == "string" && this.element.config.name.match(/^[a-zA-Z_][0-9a-zA-Z_.]*$/)))
       return;
     const r = this.element.config.name, i = this.element.config.validation, a = this.element.config.conditionalHide, n = this.parentVisibilityRule, s = this.insideLoop || !1, o = this.element.config.deviceVisibility ? this.element.config.deviceVisibility : { showForDesktop: !0, showForMobile: !0 };
     Gn(e, r, Se(e, r, {}));
@@ -44387,7 +44387,7 @@ const EZ = {
 };
 var jZ = function() {
   var e = this, r = e._self._c;
-  return r("b-container", { attrs: { fluid: "" } }, [e.displayAsyncLoading ? r("div", { ref: "watchersAsynchronous", staticClass: "alert alert-light", attrs: { role: "alert" } }, [r("svg", { staticClass: "lds-gear", attrs: { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid" } }, [r("g", { attrs: { transform: "translate(50 50)" } }, [r("g", { attrs: { transform: "rotate(248.825)" } }, [r("animateTransform", { attrs: { attributeName: "transform", type: "rotate", values: "0;360", keyTimes: "0;1", dur: "4.7s", repeatCount: "indefinite" } }), r("path", { attrs: { d: "M37.43995192304605 -6.5 L47.43995192304605 -6.5 L47.43995192304605 6.5 L37.43995192304605 6.5 A38 38 0 0 1 35.67394948182593 13.090810836924174 L35.67394948182593 13.090810836924174 L44.33420351967032 18.090810836924174 L37.83420351967032 29.34914108612188 L29.17394948182593 24.34914108612188 A38 38 0 0 1 24.34914108612188 29.17394948182593 L24.34914108612188 29.17394948182593 L29.34914108612188 37.83420351967032 L18.090810836924184 44.33420351967032 L13.090810836924183 35.67394948182593 A38 38 0 0 1 6.5 37.43995192304605 L6.5 37.43995192304605 L6.500000000000001 47.43995192304605 L-6.499999999999995 47.43995192304606 L-6.499999999999996 37.43995192304606 A38 38 0 0 1 -13.09081083692417 35.67394948182593 L-13.09081083692417 35.67394948182593 L-18.09081083692417 44.33420351967032 L-29.34914108612187 37.834203519670325 L-24.349141086121872 29.173949481825936 A38 38 0 0 1 -29.17394948182592 24.34914108612189 L-29.17394948182592 24.34914108612189 L-37.83420351967031 29.349141086121893 L-44.33420351967031 18.0908108369242 L-35.67394948182592 13.090810836924193 A38 38 0 0 1 -37.43995192304605 6.5000000000000036 L-37.43995192304605 6.5000000000000036 L-47.43995192304605 6.500000000000004 L-47.43995192304606 -6.499999999999993 L-37.43995192304606 -6.499999999999994 A38 38 0 0 1 -35.67394948182593 -13.090810836924167 L-35.67394948182593 -13.090810836924167 L-44.33420351967032 -18.090810836924163 L-37.834203519670325 -29.34914108612187 L-29.173949481825936 -24.34914108612187 A38 38 0 0 1 -24.349141086121893 -29.17394948182592 L-24.349141086121893 -29.17394948182592 L-29.349141086121897 -37.834203519670304 L-18.0908108369242 -44.334203519670304 L-13.090810836924195 -35.67394948182592 A38 38 0 0 1 -6.500000000000005 -37.43995192304605 L-6.500000000000005 -37.43995192304605 L-6.500000000000007 -47.43995192304605 L6.49999999999999 -47.43995192304606 L6.499999999999992 -37.43995192304606 A38 38 0 0 1 13.090810836924149 -35.67394948182594 L13.090810836924149 -35.67394948182594 L18.090810836924142 -44.33420351967033 L29.349141086121847 -37.83420351967034 L24.349141086121854 -29.17394948182595 A38 38 0 0 1 29.17394948182592 -24.349141086121893 L29.17394948182592 -24.349141086121893 L37.834203519670304 -29.349141086121897 L44.334203519670304 -18.0908108369242 L35.67394948182592 -13.090810836924197 A38 38 0 0 1 37.43995192304605 -6.500000000000007 M0 -20A20 20 0 1 0 0 20 A20 20 0 1 0 0 -20" } })], 1)])]), e._v(" " + e._s(e.$t("Loading...")) + " ")]) : e._e(), r(e.component, { ref: "component", tag: "component", attrs: { vdata: e.value, _parent: e._parent, "_initial-page": e.currentPage }, on: { "after-submit": e.afterSubmit, submit: e.submit, asyncWatcherTriggered: e.onAsyncWatcherOn, asyncWatcherCompleted: e.onAsyncWatcherOff } }), e.showErrors && e.building.error ? r("screen-renderer-error", { model: { value: e.building, callback: function(i) {
+  return r("b-container", { attrs: { fluid: "" } }, [e.displayAsyncLoading ? r("div", { ref: "watchersAsynchronous", staticClass: "alert alert-light", attrs: { role: "alert" } }, [r("svg", { staticClass: "lds-gear", attrs: { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid" } }, [r("g", { attrs: { transform: "translate(50 50)" } }, [r("g", { attrs: { transform: "rotate(248.825)" } }, [r("animateTransform", { attrs: { attributeName: "transform", type: "rotate", values: "0;360", keyTimes: "0;1", dur: "4.7s", repeatCount: "indefinite" } }), r("path", { attrs: { d: "M37.43995192304605 -6.5 L47.43995192304605 -6.5 L47.43995192304605 6.5 L37.43995192304605 6.5 A38 38 0 0 1 35.67394948182593 13.090810836924174 L35.67394948182593 13.090810836924174 L44.33420351967032 18.090810836924174 L37.83420351967032 29.34914108612188 L29.17394948182593 24.34914108612188 A38 38 0 0 1 24.34914108612188 29.17394948182593 L24.34914108612188 29.17394948182593 L29.34914108612188 37.83420351967032 L18.090810836924184 44.33420351967032 L13.090810836924183 35.67394948182593 A38 38 0 0 1 6.5 37.43995192304605 L6.5 37.43995192304605 L6.500000000000001 47.43995192304605 L-6.499999999999995 47.43995192304606 L-6.499999999999996 37.43995192304606 A38 38 0 0 1 -13.09081083692417 35.67394948182593 L-13.09081083692417 35.67394948182593 L-18.09081083692417 44.33420351967032 L-29.34914108612187 37.834203519670325 L-24.349141086121872 29.173949481825936 A38 38 0 0 1 -29.17394948182592 24.34914108612189 L-29.17394948182592 24.34914108612189 L-37.83420351967031 29.349141086121893 L-44.33420351967031 18.0908108369242 L-35.67394948182592 13.090810836924193 A38 38 0 0 1 -37.43995192304605 6.5000000000000036 L-37.43995192304605 6.5000000000000036 L-47.43995192304605 6.500000000000004 L-47.43995192304606 -6.499999999999993 L-37.43995192304606 -6.499999999999994 A38 38 0 0 1 -35.67394948182593 -13.090810836924167 L-35.67394948182593 -13.090810836924167 L-44.33420351967032 -18.090810836924163 L-37.834203519670325 -29.34914108612187 L-29.173949481825936 -24.34914108612187 A38 38 0 0 1 -24.349141086121893 -29.17394948182592 L-24.349141086121893 -29.17394948182592 L-29.349141086121897 -37.834203519670304 L-18.0908108369242 -44.334203519670304 L-13.090810836924195 -35.67394948182592 A38 38 0 0 1 -6.500000000000005 -37.43995192304605 L-6.500000000000005 -37.43995192304605 L-6.500000000000007 -47.43995192304605 L6.49999999999999 -47.43995192304606 L6.499999999999992 -37.43995192304606 A38 38 0 0 1 13.090810836924149 -35.67394948182594 L13.090810836924149 -35.67394948182594 L18.090810836924142 -44.33420351967033 L29.349141086121847 -37.83420351967034 L24.349141086121854 -29.17394948182595 A38 38 0 0 1 29.17394948182592 -24.349141086121893 L29.17394948182592 -24.349141086121893 L37.834203519670304 -29.349141086121897 L44.334203519670304 -18.0908108369242 L35.67394948182592 -13.090810836924197 A38 38 0 0 1 37.43995192304605 -6.500000000000007 M0 -20A20 20 0 1 0 0 20 A20 20 0 1 0 0 -20" } })], 1)])]), e._v(" " + e._s(e.$t("Loading...")) + " ")]) : e._e(), r(e.component, { ref: "component", tag: "component", attrs: { vdata: e.value, _parent: e._parent || e.value._parent, "_initial-page": e.currentPage }, on: { "after-submit": e.afterSubmit, submit: e.submit, asyncWatcherTriggered: e.onAsyncWatcherOn, asyncWatcherCompleted: e.onAsyncWatcherOff } }), e.showErrors && e.building.error ? r("screen-renderer-error", { model: { value: e.building, callback: function(i) {
     e.building = i;
   }, expression: "building" } }) : e._e(), r("watchers-synchronous", { ref: "watchersSynchronous" })], 1);
 }, NZ = [], IZ = /* @__PURE__ */ ne(
@@ -44634,14 +44634,14 @@ const LZ = {
 };
 var FZ = function() {
   var e = this, r = e._self._c;
-  return r("div", { ref: "formRendererContainer", class: [e.containerClass, e.containerDeviceClass], style: e.cssDevice, attrs: { id: "vue-form-renderer", "data-cy": "screen-renderer-container" } }, [r("custom-css-output", [e._v(e._s(e.customCssWrapped))]), r("screen-renderer", { ref: "renderer", staticClass: "p-0", attrs: { value: e.data, _parent: e._parent, definition: e.definition, "current-page": e.currentPage, "data-cy": "screen-renderer", "show-errors": e.showErrors, "test-screen-definition": e.testScreenDefinition || !1, "loop-context": e.loopContext }, on: { "after-submit": e.afterSubmit, submit: e.submit } })], 1);
+  return r("div", { ref: "formRendererContainer", class: [e.containerClass, e.containerDeviceClass], style: e.cssDevice, attrs: { id: "vue-form-renderer", "data-cy": "screen-renderer-container" } }, [r("custom-css-output", [e._v(e._s(e.customCssWrapped))]), r("screen-renderer", { ref: "renderer", staticClass: "p-0", attrs: { value: e.data, _parent: e._parent || e.data._parent, definition: e.definition, "current-page": e.currentPage, "data-cy": "screen-renderer", "show-errors": e.showErrors, "test-screen-definition": e.testScreenDefinition || !1, "loop-context": e.loopContext }, on: { "after-submit": e.afterSubmit, submit: e.submit } })], 1);
 }, BZ = [], HZ = /* @__PURE__ */ ne(
   LZ,
   FZ,
   BZ,
   !1,
   null,
-  "d595a04b",
+  "b15d5f72",
   null,
   null
 );
@@ -45316,10 +45316,16 @@ var hK = function() {
   null
 );
 const op = vK.exports, gK = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDQuOEwxLjA2NjY3IDAuMzIwMDAzVjBIMFYxMC42NjY3VjE1LjczMzNIMS4wNjY2N1YxMC4yNjY3TDE2IDQuOFoiIGZpbGw9IiM1NTYyNzEiLz4KPC9zdmc+Cg==";
-const bK = ds(), yK = {
-  components: { formEmpty: op },
+const bK = ds(), yK = (t) => {
+  var e;
+  t(
+    ((e = window.SharedComponents) == null ? void 0 : e.Recommendations) || { template: "<span></span>" }
+  );
+}, xK = {
+  components: { formEmpty: op, Recommendations: yK },
   mixins: [bK, Jg],
   data() {
+    var t, e;
     return {
       countInProgress: "0",
       countOverdue: "0",
@@ -45341,8 +45347,8 @@ const bK = ds(), yK = {
         }
       ],
       advancedFilter: "",
-      tasksPreview: window.SharedComponents && window.SharedComponents.TasksHome || {},
-      taskTooltip: window.SharedComponents && window.SharedComponents.TaskTooltip || {},
+      tasksPreview: ((t = window.SharedComponents) == null ? void 0 : t.TasksHome) || {},
+      taskTooltip: ((e = window.SharedComponents) == null ? void 0 : e.TaskTooltip) || {},
       rowPosition: {},
       ellipsisShow: !1,
       isTooltipVisible: !1,
@@ -45582,8 +45588,9 @@ const bK = ds(), yK = {
         ".selected-filters-bar"
       ), l = u ? u.offsetHeight : 0;
       a -= l;
-      const c = o.right, d = s - i - a + 100;
-      this.rowPosition = {
+      const c = o.right;
+      let d = s - i - a + 100;
+      document.getElementsByClassName("recommendation").length > 0 && (d += 60), this.rowPosition = {
         x: c,
         y: d
       };
@@ -45604,9 +45611,9 @@ const bK = ds(), yK = {
     }
   }
 };
-var xK = function() {
+var wK = function() {
   var e = this, r = e._self._c;
-  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 e.showTable ? r("div", [r("Recommendations", { attrs: { dashboard: !0 } }), 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 };
@@ -45629,20 +45636,20 @@ var xK = function() {
       } } }, [r("i", { staticClass: "fas fa-eye" })])], 1)];
     }, { tooltipRowData: e.tooltipRowData, previewTasks: e.previewTasks })], 2)];
   }, proxy: !0 }], null, !0) }), r(e.tasksPreview, { ref: "preview-sidebar", tag: "component" })], 1) : r("div", [r("formEmpty", { attrs: { link: "Tasks", title: "No tasks in sight", url: e.noDataUrl } })], 1);
-}, wK = [], PK = /* @__PURE__ */ ne(
-  yK,
+}, PK = [], SK = /* @__PURE__ */ ne(
   xK,
   wK,
+  PK,
   !1,
   null,
-  "4fc4989a",
+  "3ec60cc0",
   null,
   null
 );
-const Ow = PK.exports;
-const SK = ds(), kK = {
+const Ow = SK.exports;
+const kK = ds(), TK = {
   components: { formEmpty: op },
-  mixins: [SK, Jg],
+  mixins: [kK, Jg],
   data() {
     return {
       countResponse: "0",
@@ -45729,8 +45736,9 @@ const SK = ds(), kK = {
      */
     formatOpenCase(t, e) {
       const r = t;
-      return e === "case_title" && (r[e] = t.case_title_formatted || t.case_title || ""), `<a href="${this.openRequest(t)}" class="text-nowrap"
-        target="_blank">${r[e]}</a>`;
+      return e === "case_title" && (r[e] = t.case_title_formatted || t.case_title || ""), `
+        <a href="${this.openRequest(t)}" class="text-nowrap custom-wrap"
+          target="_blank">${r[e]}</a>`;
     },
     openRequest(t) {
       return `/requests/${t.id}`;
@@ -45802,28 +45810,30 @@ const SK = ds(), kK = {
     }
   }
 };
-var TK = function() {
+var CK = function() {
   var e = this, r = e._self._c;
   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);
+        return r("td", { key: `${a}-${s}`, class: {
+          "pm-table-filter-applied-tbody": n.sortAsc || n.sortDesc
+        } }, [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", placement: "topright", trigger: "hover", boundary: "viewport", delay: { show: 0, hide: 0 } }, 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", placement: "topright", trigger: "hover", boundary: "viewport", delay: { show: 0, hide: 0 } }, on: { show: e.checkIfTooltipIsNeeded } }, [e._v(" " + e._s(e.getNestedPropertyValue(i, n)) + " ")]) : e._e()], 1)]]], 2);
       });
     }, proxy: !0 };
   })], null, !0) })], 1) : r("div", [r("formEmpty", { attrs: { link: "Requests", title: "No Cases to Show", url: e.noDataUrl } })], 1);
-}, CK = [], MK = /* @__PURE__ */ ne(
-  kK,
+}, MK = [], DK = /* @__PURE__ */ ne(
   TK,
   CK,
+  MK,
   !1,
   null,
-  "9ebe7f58",
+  "7880db17",
   null,
   null
 );
-const Ew = MK.exports;
-const DK = ds(), AK = {
-  mixins: [DK],
+const Ew = DK.exports;
+const AK = ds(), zK = {
+  mixins: [AK],
   props: ["name", "description", "filter", "id", "process", "event"],
   data() {
     return {
@@ -45893,25 +45903,25 @@ const DK = ds(), AK = {
     }
   }
 };
-var zK = function() {
+var OK = function() {
   var e = this, r = e._self._c;
   return r("div", [r("div", { staticClass: "mb-3 card-request" }, [r("div", { staticClass: "card-body" }, [r("div", { staticClass: "d-flex justify-content-between" }, [r("div", [r("span", { directives: [{ name: "uni-id", rawName: "v-uni-id", value: e.event.id.toString(), expression: "event.id.toString()" }], staticClass: "card-info card-title" }, [e._v(" " + e._s(e.transformedName) + " ")]), r("span", { staticClass: "card-info" }, [e._v(" " + e._s(e.event.name) + " ")])]), r("div", { staticClass: "d-flex align-items-center" }, [r("button", { staticClass: "btn btn-ellipsis btn-sm mr-1", attrs: { "aria-expanded": e.ariaExpanded, "aria-controls": e.getComputedId(e.process, e.event) }, on: { click: function(i) {
     return e.showRequestDetails(e.process, e.event);
   } } }, [r("i", { staticClass: "fas fa-ellipsis-v" })]), r("button", { directives: [{ name: "uni-aria-describedby", rawName: "v-uni-aria-describedby", value: e.event.id.toString(), expression: "event.id.toString()" }], staticClass: "btn btn-custom btn-sm", attrs: { href: e.getNewRequestLinkHref(e.process, e.event) }, on: { click: function(i) {
     return i.preventDefault(), e.newRequestLink(e.process, e.event);
   } } }, [e._v(" " + e._s(e.$t("Start")) + " "), r("i", { staticClass: "fas fa-play mr-1 card-icon" })])])]), r("b-collapse", { attrs: { id: e.getComputedId(e.process, e.event), "aria-hidden": e.ariaHidden } }, [r("hr"), r("p", { staticClass: "card-text text-muted card-description" }, [e._v(" " + e._s(e.process.description) + " ")])])], 1)])]);
-}, OK = [], EK = /* @__PURE__ */ ne(
-  AK,
+}, EK = [], jK = /* @__PURE__ */ ne(
   zK,
   OK,
+  EK,
   !1,
   null,
   "07b0aa45",
   null,
   null
 );
-const jK = EK.exports, NK = {
-  components: { ProcessCard: jK, formEmpty: op },
+const NK = jK.exports, IK = {
+  components: { ProcessCard: NK, formEmpty: op },
   data() {
     return {
       filter: "",
@@ -45954,29 +45964,26 @@ const jK = EK.exports, NK = {
     }
   }
 };
-var IK = function() {
+var LK = function() {
   var e = this, r = e._self._c;
   return r("div", [Object.keys(e.processes).length && !e.loading ? r("div", { staticClass: "process-list p-4" }, [r("div", { staticClass: "row" }, [e._l(e.processes, function(i, a) {
     return e._l(e.emptyStartEvents(i), function(n, s) {
       return r("div", { key: `process-${a}-${s}`, staticClass: "col-sm-6" }, [r("ProcessCard", { attrs: { filter: e.filter, process: i, event: n } })], 1);
     });
   })], 2)]) : r("div", [r("formEmpty", { attrs: { link: "", title: "No Case to Start", url: "" } })], 1)]);
-}, LK = [], FK = /* @__PURE__ */ ne(
-  NK,
+}, FK = [], BK = /* @__PURE__ */ ne(
   IK,
   LK,
+  FK,
   !1,
   null,
   null,
   null,
   null
 );
-const BK = FK.exports;
-const HK = (t) => {
-  var e;
-  t(((e = window.SharedComponents) == null ? void 0 : e.Recommendations) || { template: "<span></span>" });
-}, RK = {
-  components: { FormTasks: Ow, FormRequests: Ew, FormNewRequest: BK, Recommendations: HK },
+const HK = BK.exports;
+const RK = {
+  components: { FormTasks: Ow, FormRequests: Ew, FormNewRequest: HK },
   mixins: [],
   props: ["listOption"],
   data() {
@@ -46001,11 +46008,7 @@ const HK = (t) => {
         "Overdue",
         "View All"
       ],
-      requestFilterDropdown: [
-        "View All",
-        "Completed",
-        "In Progress"
-      ]
+      requestFilterDropdown: ["View All", "Completed", "In Progress"]
     };
   },
   watch: {
@@ -46090,14 +46093,14 @@ var VK = function() {
     i.target.composing || (e.searchCriteria = i.target.value);
   } } }) : e._e(), e.showInput ? r("button", { staticClass: "btn btn-clear", on: { click: function(i) {
     return e.clearSearch(e.dataControl.dropdownShow);
-  } } }, [r("i", { staticClass: "fas fa-times" })]) : e._e()])])], 2), e.listOption !== "Start New Request" ? r("div", [r("b-link", { on: { click: e.openExternalLink } }, [r("i", { staticClass: "fas fa-external-link-alt custom-icon" })])], 1) : e._e()], 2), r("div", { staticClass: "card-body list-table" }, [e.listOption === "My Tasks" ? [r("Recommendations", { attrs: { dashboard: !0 } }), r("FormTasks", { on: { tasksCount: e.getData } })] : e._e(), e.verifyListCase() ? [r("FormRequests", { on: { requestsCount: e.getData } })] : e._e(), e.verifyNewCase() ? [r("FormNewRequest", { on: { startControl: e.getData } })] : e._e()], 2)]);
+  } } }, [r("i", { staticClass: "fas fa-times" })]) : e._e()])])], 2), e.listOption !== "Start New Request" ? r("div", [r("b-link", { on: { click: e.openExternalLink } }, [r("i", { staticClass: "fas fa-external-link-alt custom-icon" })])], 1) : e._e()], 2), r("div", { staticClass: "card-body list-table" }, [e.listOption === "My Tasks" ? [r("FormTasks", { on: { tasksCount: e.getData } })] : e._e(), e.verifyListCase() ? [r("FormRequests", { on: { requestsCount: e.getData } })] : e._e(), e.verifyNewCase() ? [r("FormNewRequest", { on: { startControl: e.getData } })] : e._e()], 2)]);
 }, qK = [], WK = /* @__PURE__ */ ne(
   RK,
   VK,
   qK,
   !1,
   null,
-  "830c77e3",
+  "d2551af0",
   null,
   null
 );
@@ -49457,7 +49460,11 @@ const zee = [
       return this.config.length > 1;
     },
     filteredControls() {
-      return this.controls.filter((e) => e.label.toLowerCase().includes(this.filterQuery.toLowerCase()));
+      let t = this.filterQuery.toLowerCase();
+      return this.controls.filter((r) => {
+        let i = r.label.toLowerCase().includes(t);
+        return r.group.toLowerCase().includes(t) && (i = !0), i;
+      });
     },
     filteredControlsGrouped() {
       const t = this.filteredControls.reduce((e, r) => {
@@ -49998,7 +50005,7 @@ var Nee = function() {
   Iee,
   !1,
   null,
-  "587b635e",
+  "8f39aad2",
   null,
   null
 );
@@ -51177,7 +51184,8 @@ const nte = () => new Promise((t) => {
       redirecting: null,
       loadingButton: !1,
       loadingTask: !1,
-      loadingListeners: this.waitLoadingListeners
+      loadingListeners: this.waitLoadingListeners,
+      isSelfService: !1
     };
   },
   watch: {
@@ -51295,9 +51303,9 @@ const nte = () => new Promise((t) => {
     checkTaskStatus() {
       this.task.status == "COMPLETED" || this.task.status == "CLOSED" || this.task.status == "TRIGGERED" ? this.closeTask() : this.screen = this.task.screen, this.prepareTask();
     },
-    disableForSelfService() {
+    setSelfService() {
       this.$nextTick(() => {
-        window.ProcessMaker.isSelfService ? this.disabled = !0 : this.disabled = !1;
+        window.ProcessMaker.isSelfService ? this.isSelfService = !0 : this.isSelfService = !1;
       });
     },
     /**
@@ -51355,7 +51363,7 @@ const nte = () => new Promise((t) => {
           return console.error("Error in getDestinationUrl:", a), null;
         }
       const r = t.value;
-      return r || sessionStorage.getItem("elementDestinationURL") || null;
+      return r ? (sessionStorage.setItem("sessionUrlActionBlocker", document.referrer), r) : sessionStorage.getItem("elementDestinationURL") || null;
     },
     loadNextAssignedTask(t = null) {
       if (t || (t = this.requestId), !this.userId)
@@ -51371,7 +51379,7 @@ const nte = () => new Promise((t) => {
             return;
           } else
             this.emitIfTaskCompleted(t);
-          this.taskId = a.id, this.loadTask(), this.nodeId = a.element_id;
+          this.taskId = a.id, this.nodeId = a.element_id, this.loadTask();
         } else
           this.parentRequest && ["COMPLETED", "CLOSED"].includes(this.task.process_request.status) ? this.$emit("completed", this.getAllowedRequestId()) : this.taskPreview || this.emitClosedEvent();
       });
@@ -51396,10 +51404,10 @@ const nte = () => new Promise((t) => {
     },
     submit(t = null, e = !1, r = null) {
       var i;
-      this.disabled || (this.disabled = !0, t && this.onUpdate(Object.assign({}, this.requestData, t)), e ? this.loadingButton = !0 : this.loadingButton = !1, this.$emit("submit", this.task, e, r), (i = this.task) != null && i.allow_interstitial && !this.loadingButton && !this.disableInterstitial && (this.task.interstitial_screen._interstitial = !0, this.screen = this.task.interstitial_screen));
+      this.disabled || (this.disabled = !0, t && this.onUpdate(Object.assign({}, this.requestData, t)), e ? this.loadingButton = !0 : this.loadingButton = !1, this.$emit("submit", this.task, e, r), (i = this.task) != null && i.allow_interstitial && !this.loadingButton && !this.disableInterstitial && (this.task.interstitial_screen._interstitial = !0, this.screen = this.task.interstitial_screen), this.task.bpmn_tag_name === "manualTask" && (this.checkTaskStatus(), this.reload()));
     },
     onUpdate(t) {
-      this.$emit("input", t), this.disableForSelfService();
+      this.$emit("input", t), this.setSelfService();
     },
     activityAssigned() {
     },
@@ -51505,8 +51513,8 @@ const nte = () => new Promise((t) => {
       return e && e.allowed ? this.parentRequest : this.requestId;
     },
     processUpdated: ie.debounce(function(t) {
-      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);
+      var e, r;
+      ["ACTIVITY_ACTIVATED", "ACTIVITY_COMPLETED"].includes(t.event) && t.elementType === "task" && ((r = (e = this.task) == null ? void 0 : e.elementDestination) != null && r.type || (this.taskId = t.taskId), this.reload()), t.event === "ACTIVITY_EXCEPTION" && this.$emit("error", this.requestId);
     }, 100),
     initSocketListeners() {
       this.loadingListeners = !1, this.addSocketListener(
@@ -51562,10 +51570,25 @@ const nte = () => new Promise((t) => {
     setMetaValue() {
       const t = document.head.querySelector('meta[name="request-id"]');
       t && t.setAttribute("content", this.requestId);
+    },
+    /**
+     * Checks for the presence of a URL action blocker in sessionStorage and handles it.
+     *
+     * This method retrieves the 'sessionUrlActionBlocker' value from sessionStorage,
+     * and if present, removes it and emits a 'closed' event with the task id and 
+     * the source of the redirection. It returns false if the blocker was handled, 
+     * and true otherwise.
+     *
+     * @returns {boolean} Returns false if the 'sessionUrlActionBlocker' was found and handled, true otherwise.
+     */
+    hasUrlActionBlocker() {
+      var e;
+      const t = sessionStorage.getItem("sessionUrlActionBlocker");
+      return t ? (sessionStorage.removeItem("sessionUrlActionBlocker"), this.$emit("closed", (e = this.task) == null ? void 0 : e.id, t), !0) : !1;
     }
   },
   mounted() {
-    this.screenId = this.initialScreenId, this.taskId = this.initialTaskId, this.requestId = this.initialRequestId, this.processId = this.initialProcessId, this.nodeId = this.initialNodeId, this.requestData = this.value, this.loopContext = this.initialLoopContext, this.loadTask();
+    this.screenId = this.initialScreenId, this.taskId = this.initialTaskId, this.requestId = this.initialRequestId, this.processId = this.initialProcessId, this.nodeId = this.initialNodeId, this.requestData = this.value, this.loopContext = this.initialLoopContext, this.hasUrlActionBlocker() || this.loadTask();
   },
   destroyed() {
     this.unsubscribeSocketListeners();
@@ -51573,9 +51596,9 @@ const nte = () => new Promise((t) => {
 };
 var ote = function() {
   var e = this, r = e._self._c;
-  return r("div", { staticClass: "tab-pane active show h-100", attrs: { id: "tab-form", role: "tabpanel", "aria-labelledby": "tab-form" } }, [e.screen ? [r("b-overlay", { attrs: { show: e.disabled, id: "overlay-background", variant: "white", cardStyles: "pointer-events: none;pointer-events: none;inset: 1px", rounded: "sm" }, scopedSlots: e._u([{ key: "overlay", fn: function() {
-    return [r("div", { staticClass: "text-center" }, [r("p", [e._v("Please claim this task to continue.")])])];
-  }, proxy: !0 }], null, !1, 2499821482) }, [r("div", { staticClass: "card card-body border-top-0 h-100", class: e.screenTypeClass }, [e.renderComponent === "task-screen" ? r("div", [r("vue-form-renderer", { key: e.refreshScreen, ref: "renderer", class: { loading: e.loadingTask || e.loadingListeners }, attrs: { config: e.screen.config, computed: e.screen.computed, "custom-css": e.screen.custom_css, watchers: e.screen.watchers, "loop-context": e.loopContext }, on: { update: e.onUpdate, "after-submit": e.afterSubmit, submit: e.submit }, model: { value: e.requestData, callback: function(i) {
+  return r("div", { staticClass: "tab-pane active show h-100", attrs: { id: "tab-form", role: "tabpanel", "aria-labelledby": "tab-form" } }, [e.screen ? [r("b-overlay", { attrs: { show: e.disabled || e.isSelfService, id: "overlay-background", variant: e.isSelfService ? "white" : "transparent", blur: null, cardStyles: "pointer-events: none;pointer-events: none;inset: 1px", rounded: "sm" }, scopedSlots: e._u([{ key: "overlay", fn: function() {
+    return [r("div", { staticClass: "text-center" }, [e.isSelfService ? r("p", [e._v("Please claim this task to continue.")]) : e._e()])];
+  }, proxy: !0 }], null, !1, 2076353390) }, [r("div", { staticClass: "card card-body border-top-0 h-100", class: e.screenTypeClass }, [e.renderComponent === "task-screen" ? r("div", [r("vue-form-renderer", { key: e.refreshScreen, ref: "renderer", class: { loading: e.loadingTask || e.loadingListeners }, attrs: { config: e.screen.config, computed: e.screen.computed, "custom-css": e.screen.custom_css, watchers: e.screen.watchers, "loop-context": e.loopContext }, on: { update: e.onUpdate, "after-submit": e.afterSubmit, submit: e.submit }, model: { value: e.requestData, callback: function(i) {
     e.requestData = i;
   }, expression: "requestData" } })], 1) : r("div", [r(e.renderComponent, { tag: "component", attrs: { "process-id": e.processId, "instance-id": e.requestId, "token-id": e.taskId, screen: e.screen.config, "csrf-token": e.csrfToken, computed: e.screen.computed, "custom-css": e.screen.custom_css, watchers: e.screen.watchers, data: e.requestData, type: e.screen.type }, on: { "after-submit": e.afterSubmit, submit: e.submit } })], 1)]), e.shouldAddSubmitButton ? r("div", { staticClass: "card-footer" }, [r("button", { staticClass: "btn btn-primary", attrs: { type: "button" }, on: { click: function(i) {
     return e.submit(null);
@@ -51586,7 +51609,7 @@ var ote = function() {
   lte,
   !1,
   null,
-  "6a0b4e08",
+  "85e026cd",
   null,
   null
 );