@processmaker/screen-builder 2.85.3 → 2.85.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processmaker/screen-builder",
-  "version": "2.85.3",
+  "version": "2.85.5",
   "scripts": {
     "dev": "VITE_COVERAGE=true vite",
     "build": "vite build",
@@ -11,7 +11,8 @@
     "run-cypress": "TZ=UTC nyc cypress run",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "test-storybook": "test-storybook"
+    "test-storybook": "test-storybook",
+    "serve": "npm run dev"
   },
   "main": "./dist/vue-form-builder.umd.js",
   "module": "./dist/vue-form-builder.es.js",

package/src/components/task.vue

@@ -96,7 +96,9 @@ export default {
     beforeLoadTask: { type: Function, default: defaultBeforeLoadTask },
     initialLoopContext: { type: String, default: "" },
     taskPreview: { type: Boolean, default: false },
-    loading: { type: Number, default: null }
+    loading: { type: Number, default: null },
+    alwaysAllowEditing: { type: Boolean, default: false },
+    disableInterstitial: { type: Boolean, default: false },
   },
   data() {
     return {
@@ -194,7 +196,9 @@ export default {
         }
         if (this.taskPreview && this.task.status === "CLOSED") {
           this.task.interstitial_screen['_interstitial'] = false;
-          this.task.screen.config = this.disableForm(this.task.screen.config);
+          if (!this.alwaysAllowEditing) {
+            this.task.screen.config = this.disableForm(this.task.screen.config);
+          }
           this.screen = this.task.screen;
         }
       }
@@ -460,7 +464,7 @@ export default {
       }
       this.$emit('submit', this.task, loading, buttonInfo);
 
-      if (this.task && this.task.allow_interstitial && !this.loadingButton) {
+      if (this.task?.allow_interstitial && !this.loadingButton && !this.disableInterstitial) {
         this.task.interstitial_screen['_interstitial'] = true;
         this.screen = this.task.interstitial_screen;
       }
@@ -489,10 +493,7 @@ export default {
       return allowed ? this.parentRequest : this.requestId
     },
     processUpdated: _.debounce(function(data) {
-      if (
-        data.event === 'ACTIVITY_COMPLETED' ||
-        data.event === 'ACTIVITY_ACTIVATED'
-      ) {
+      if (data.event === 'ACTIVITY_ACTIVATED') {
         this.reload();
       }
       if (data.event === 'ACTIVITY_EXCEPTION') {
@@ -524,6 +525,13 @@ export default {
         this.reload();
       }
     },
+    existsEventMessage(id, data) {
+      if (sessionStorage.getItem(id)) {
+        return true;
+      }
+      sessionStorage.setItem(id, data);
+      return false;
+    },
     listenForParentChanges() {
       if (!this.parentRequest) {
         return;
@@ -533,10 +541,16 @@ export default {
         `ProcessMaker.Models.ProcessRequest.${this.parentRequest}`,
         '.ProcessUpdated',
         (data) => {
-          if (['ACTIVITY_ACTIVATED'].includes(data.event)) {
+          if (
+            ['ACTIVITY_ACTIVATED'].includes(data.event) &&
+            !this.existsEventMessage(`${data.event}-${this.userId}-${this.taskId}`)
+          ) {
             this.closeTask(this.parentRequest);
           }
-          if (['ACTIVITY_COMPLETED'].includes(data.event)) {
+          if (
+            ["ACTIVITY_COMPLETED"].includes(data.event) &&
+            !this.existsEventMessage(`${data.event}-${this.userId}-${this.taskId}`)
+          ) {
             if (this.task.process_request.status === 'COMPLETED') {
               this.processCompleted();
             }

package/src/components/vue-form-builder.vue

@@ -1391,6 +1391,9 @@ export default {
   margin-right: -400px;
   padding: 16px;
 }
+.popover-body {
+  max-width: 350px;
+}
 </style>
 
 <style>

package/src/mixins/Json2Vue.js

@@ -54,6 +54,9 @@ export default {
       return str.replace(/\.\d/g, match => `[${match.substr(1)}]`);
     },
     submit(eventData, loading = false, buttonInfo = null) {
+      if (buttonInfo && this.loopContext) {
+        buttonInfo.loopContext = this.loopContext;
+      }
       this.$emit('submit', this.value, loading, buttonInfo);
     },
     buildComponent(definition) {