@processmaker/screen-builder 3.5.6 → 3.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processmaker/screen-builder",
-  "version": "3.5.6",
+  "version": "3.6.0",
   "scripts": {
     "dev": "VITE_COVERAGE=true vite",
     "build": "vite build",

package/src/components/inspector/options-list.vue

@@ -472,7 +472,6 @@ export default {
         editIndex: this.editIndex,
         removeIndex: this.removeIndex,
         valueTypeReturned: this.valueTypeReturned,
-        optionAriaLabel: this.optionAriaLabel,
       };
     },
   },
@@ -490,7 +489,6 @@ export default {
     this.selectedEndPoint = this.options.selectedEndPoint,
     this.key = this.options.key;
     this.value = this.options.value;
-    this.optionAriaLabel = this.options.ariaLabel;
     this.pmqlQuery = this.options.pmqlQuery;
     this.defaultOptionKey= this.options.defaultOptionKey;
     this.selectedOptions = this.options.selectedOptions;
@@ -593,8 +591,11 @@ export default {
       this.editIndex = index;
       this.optionContent = this.optionsList[index][this.valueField];
       this.optionValue = this.optionsList[index][this.keyField];
+      this.optionAriaLabel = "";
       if (this.renderAs === "checkbox") {
-        this.optionAriaLabel = this.optionsListExtra[index][this.ariaLabelField];
+        this.optionAriaLabel = this.optionsListExtra[index]
+          ? this.optionsListExtra[index][this.ariaLabelField]
+          : "";
       }
       this.optionError = '';
     },
@@ -616,13 +617,16 @@ export default {
           return;
         }
         const newOption = {
-            [this.valueField]: this.optionContent,
-            [this.keyField]: this.optionValue,
-          };
+          [this.valueField]: this.optionContent,
+          [this.keyField]: this.optionValue
+        };
         if (this.renderAs === "checkbox") {
+          const index = this.optionsList.length;
           this.optionsList.push(newOption);
-          this.optionsListExtra.push({...newOption, [this.ariaLabelField]: this.optionAriaLabel});
-
+          this.optionsListExtra[index] = {
+            ...newOption,
+            [this.ariaLabelField]: this.optionAriaLabel
+          };
         } else {
           this.optionsList.push(newOption);
         }
@@ -634,7 +638,10 @@ export default {
         this.optionsList[this.editIndex][this.keyField] = this.optionValue;
         this.optionsList[this.editIndex][this.valueField] = this.optionContent;
         if (this.renderAs === "checkbox") {
-          this.optionsListExtra[this.editIndex] = {...this.optionsList[this.editIndex], [this.ariaLabelField]: this.optionAriaLabel};
+          this.optionsListExtra[this.editIndex] = {
+            ...this.optionsList[this.editIndex],
+            [this.ariaLabelField]: this.optionAriaLabel
+          };
         }
       }
 

package/src/components/task.vue

@@ -850,6 +850,10 @@ export default {
      * @param {Object} data - The event data received from the socket listener.
      */
     handleRedirect(data) {
+      // Validate if the task is still active before redirects
+      if (data.params?.activeTokens?.includes(this.taskId)) {
+        return;
+      }
       switch (data.method) {
         case 'redirectToTask':
           this.handleRedirectToTask(data);
@@ -974,6 +978,9 @@ export default {
           if (
             ['ACTIVITY_ACTIVATED'].includes(data.event)
           ) {
+            if (data.activeTokens?.includes(this.taskId)) {
+              return;
+            }
             this.closeTask(this.parentRequest);
           }
           if (