@processmaker/modeler 1.43.4 → 1.43.5

package/dist/modeler.common.js

@@ -37388,6 +37388,29 @@ var idleHighlighter = {
         this.shapeView.unhighlight(this.shapeBody, this.prepareCustomColorHighlighter(color));
       }
     },
+    setAiStatusHighlight: function setAiStatusHighlight(status) {
+      this.shapeView.unhighlight(this.shapeBody, completedHighlighter);
+      if (status === 'generated') {
+        this.shape.attr('body/fill', COLOR_COMPLETED_FILL);
+        this.shapeView.highlight(this.shapeBody, completedHighlighter);
+      }
+      this.shapeView.unhighlight(this.shapeBody, inProgressHighlighter);
+      if (status === 'generating') {
+        this.shape.attr('body/fill', COLOR_IN_PROGRESS_FILL);
+        this.shapeView.highlight(this.shapeBody, inProgressHighlighter);
+      }
+      this.shapeView.unhighlight(this.shapeBody, idleHighlighter);
+      if (status === 'previously generated') {
+        this.shape.attr('body/fill', COLOR_IDLE_FILL);
+        this.shapeView.highlight(this.shapeBody, idleHighlighter);
+      }
+    },
+    unsetHighlights: function unsetHighlights() {
+      this.shape.attr('body/fill', '#FFFFFF');
+      this.shapeView.unhighlight(this.shapeBody, inProgressHighlighter);
+      this.shapeView.unhighlight(this.shapeBody, completedHighlighter);
+      this.shapeView.unhighlight(this.shapeBody, idleHighlighter);
+    },
     setShapeHighlightForReadOnly: function setShapeHighlightForReadOnly() {
       if (!this.shapeView) {
         return;
@@ -48231,10 +48254,10 @@ var ValidationStatus_component = normalizeComponent(
 )
 
 /* harmony default export */ var ValidationStatus = (ValidationStatus_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=22be23c5&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=6a9d9f5c&
 
 
-var Modelervue_type_template_id_22be23c5_render = function render() {
+var Modelervue_type_template_id_6a9d9f5c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -48514,9 +48537,9 @@ var Modelervue_type_template_id_22be23c5_render = function render() {
     });
   })], 2)], 1);
 };
-var Modelervue_type_template_id_22be23c5_staticRenderFns = [];
+var Modelervue_type_template_id_6a9d9f5c_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=22be23c5&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=6a9d9f5c&
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/nodes/boundaryEvent/boundaryEvent.vue?vue&type=template&id=728530a2&
 var boundaryEventvue_type_template_id_728530a2_render = function render() {
@@ -80372,6 +80395,34 @@ var Multiplayer = /*#__PURE__*/function () {
         _this46.assetFail = true;
       });
     },
+    highlightTaskArrays: function highlightTaskArrays(data) {
+      if (data) {
+        this.addAiHighlights(data.tasks);
+        this.addAiHighlights(data.serviceTasks);
+        this.addAiHighlights(data.scriptTasks);
+      }
+    },
+    unhighlightTaskArrays: function unhighlightTaskArrays(data) {
+      if (data) {
+        this.removeAiHighlights(data.tasks);
+        this.removeAiHighlights(data.serviceTasks);
+        this.removeAiHighlights(data.scriptTasks);
+      }
+    },
+    addAiHighlights: function addAiHighlights(taskArray) {
+      var self = this;
+      taskArray.forEach(function (task) {
+        var taskNode = self.getElementByNodeId(task.id);
+        taskNode.component.setAiStatusHighlight(task.status);
+      });
+    },
+    removeAiHighlights: function removeAiHighlights(taskArray) {
+      var self = this;
+      taskArray.forEach(function (task) {
+        var taskNode = self.getElementByNodeId(task.id);
+        taskNode.component.unsetHighlights();
+      });
+    },
     subscribeToProgress: function subscribeToProgress() {
       var _window$ProcessMaker18,
         _window$ProcessMaker19,
@@ -80381,17 +80432,19 @@ var Multiplayer = /*#__PURE__*/function () {
       var streamProgressEvent = '.ProcessMaker\\Package\\PackageAi\\Events\\GenerateArtifactsProgressEvent';
       window.Echo.private(channel).listen(streamProgressEvent, function (response) {
         if (response.data.promptSessionId !== _this47.promptSessionId) {
+          _this47.unhighlightTaskArrays(response.data);
           return;
         }
         if (_this47.cancelledJobs.some(function (element) {
           return element === response.data.nonce;
         })) {
+          _this47.unhighlightTaskArrays(response.data);
           return;
         }
         if (response.data) {
           if (response.data.progress.status === 'running') {
             _this47.loadingAI = true;
-            // Blue color for nodes running
+            _this47.highlightTaskArrays(response.data);
           } else if (response.data.progress.status === 'error') {
             _this47.loadingAI = false;
             window.ProcessMaker.alert(response.data.message, 'danger');
@@ -80401,6 +80454,7 @@ var Multiplayer = /*#__PURE__*/function () {
             _this47.setPromptSessions(response.data.promptSessionId);
             // Successful generation 
             _this47.assetsCreated = true;
+            _this47.unhighlightTaskArrays(response.data);
             _this47.fetchHistory();
             setTimeout(function () {
               _this47.loadingAI = false;
@@ -80647,8 +80701,8 @@ var modelervue_type_style_index_0_prod_lang_scss_ = __webpack_require__(88242);
 
 var Modeler_component = normalizeComponent(
   modeler_Modelervue_type_script_lang_js_,
-  Modelervue_type_template_id_22be23c5_render,
-  Modelervue_type_template_id_22be23c5_staticRenderFns,
+  Modelervue_type_template_id_6a9d9f5c_render,
+  Modelervue_type_template_id_6a9d9f5c_staticRenderFns,
   false,
   null,
   null,