FOUR-26713 Make the adjustments required in ScreenBuilder to support the Conditional Destination

package.json

@@ -82,7 +82,7 @@
     "@cypress/code-coverage": "^3.12.10",
     "@faker-js/faker": "^8.1.0",
     "@panter/vue-i18next": "^0.15.2",
-    "@processmaker/processmaker-bpmn-moddle": "0.16.0",
+    "@processmaker/processmaker-bpmn-moddle": "0.16.1",
     "@types/jest": "^24.9.1",
     "@vue/babel-preset-app": "^5.0.4",
     "@vue/cli-plugin-babel": "~5.0.0",

src/components/inspectors/ConditionalRedirect/TaskDestination.vue

@@ -110,6 +110,11 @@ export default {
       saveConditionDebounced: null,
     };
   },
+  computed: {
+    node() {
+      return this.$root.$children[0].$refs.modeler.highlightedNode.definition;
+    },
+  },
   watch: {
     condition: {
       handler(newValue, oldValue) {
@@ -123,6 +128,10 @@ export default {
         if (!isEqual(newValue, oldValue)) {
           this.onSaveCondition();
         }
+
+        this.$nextTick(() => {
+          this.handleInterstitial(newValue.value);
+        });
       },
       deep: true,
     },
@@ -223,6 +232,30 @@ export default {
     onDashboardSearchChange(filter) {
       this.getCustomDashboardsDebounced(filter);
     },
+    /**
+     * Handles interstitial logic for supported task node types.
+     * @param {string} newValue - The new destination type value selected.
+     */
+    handleInterstitial(newValue) {
+      const { $type: nodeType, id: nodeId } = this.node;
+      const supportedTypes = ['bpmn:Task', 'bpmn:ManualTask'];
+
+      if (supportedTypes.includes(nodeType)) {
+        this.handleTaskInterstitial(newValue, nodeId);
+      }
+    },
+    /**
+     * Handle interstitial for task elements
+     *
+     * @param {String} newValue - The new destination type value selected
+     * @param {String} nodeId - The ID of the task node being modified
+     */
+    handleTaskInterstitial(newValue, nodeId) {
+      this.$root.$emit('handle-task-interstitial', {
+        nodeId,
+        show: newValue === 'displayNextAssignedTask',
+      });
+    },
   },
 };
 </script>

src/components/nodes/manualTask/index.js

@@ -4,6 +4,7 @@ import advancedAccordionConfig from '@/components/inspectors/advancedAccordionCo
 import documentationAccordionConfig from '@/components/inspectors/documentationAccordionConfig';
 import defaultNames from '@/components/nodes/task/defaultNames';
 import elementDestination from '@/components/inspectors/taskElementDestination';
+import conditionalRedirect from '@/components/inspectors/ConditionalRedirect/conditionalRedirect';
 
 export const taskHeight = 76;
 export const id = 'processmaker-modeler-manual-task';
@@ -52,11 +53,12 @@ export default {
               config: nameConfigSettings,
             },
             elementDestination,
+            conditionalRedirect,
           ],
         },
         documentationAccordionConfig,
         advancedAccordionConfig,
       ],
     },
   ],
-};
+};