feat: add interstitial handling for task destination changes

Author: devmiguelangel

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,
       ],
     },
   ],
-};
+};