@processmaker/modeler 1.43.7 → 1.43.9

package/dist/modeler.umd.js

@@ -48329,10 +48329,10 @@ var ValidationStatus_component = normalizeComponent(
 )
 
 /* harmony default export */ var ValidationStatus = (ValidationStatus_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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=27bb3680&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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=292ef746&
 
 
-var Modelervue_type_template_id_27bb3680_render = function render() {
+var Modelervue_type_template_id_292ef746_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -48371,7 +48371,7 @@ var Modelervue_type_template_id_27bb3680_render = function render() {
       "clearSelection": _vm.clearSelection,
       "action": _vm.handleToolbarAction,
       "onGenerateAssets": function onGenerateAssets($event) {
-        return _vm.generateAssets();
+        return _vm.onGenerateAssets();
       }
     }
   }) : _vm._e(), _c('b-row', {
@@ -48419,7 +48419,7 @@ var Modelervue_type_template_id_27bb3680_render = function render() {
     ref: "createAssetsCard",
     on: {
       "onGenerateAssets": function onGenerateAssets($event) {
-        return _vm.generateAssets();
+        return _vm.onGenerateAssets();
       },
       "closeCreateAssets": function closeCreateAssets($event) {
         _vm.isAiGenerated = false;
@@ -48612,9 +48612,9 @@ var Modelervue_type_template_id_27bb3680_render = function render() {
     });
   })], 2)], 1);
 };
-var Modelervue_type_template_id_27bb3680_staticRenderFns = [];
+var Modelervue_type_template_id_292ef746_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=27bb3680&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=292ef746&
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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() {
@@ -78324,6 +78324,7 @@ var Multiplayer = /*#__PURE__*/function () {
 
 
 
+
 
 
 /* harmony default export */ var Modelervue_type_script_lang_js_ = ({
@@ -78792,29 +78793,31 @@ var Multiplayer = /*#__PURE__*/function () {
       var _arguments2 = arguments,
         _this6 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-        var redirectTo, id, svg, css, style, xml, svgString;
+        var redirectTo, id, generatingAssets, svg, css, style, xml, svgString;
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
               redirectTo = _arguments2.length > 0 && _arguments2[0] !== undefined ? _arguments2[0] : null;
               id = _arguments2.length > 1 && _arguments2[1] !== undefined ? _arguments2[1] : null;
+              generatingAssets = _arguments2.length > 2 && _arguments2[2] !== undefined ? _arguments2[2] : false;
               svg = document.querySelector('.mini-paper svg');
               css = 'text { font-family: sans-serif; }';
               style = document.createElement('style');
               style.appendChild(document.createTextNode(css));
               svg.appendChild(style);
-              _context5.next = 9;
+              _context5.next = 10;
               return _this6.getXmlFromDiagram();
-            case 9:
+            case 10:
               xml = _context5.sent;
               svgString = new XMLSerializer().serializeToString(svg);
               _this6.$emit('saveBpmn', {
                 xml: xml,
                 svg: svgString,
                 redirectUrl: redirectTo,
-                nodeId: id
+                nodeId: id,
+                generatingAssets: generatingAssets
               });
-            case 12:
+            case 13:
             case "end":
               return _context5.stop();
           }
@@ -80502,10 +80505,16 @@ var Multiplayer = /*#__PURE__*/function () {
         }
       });
     },
+    onGenerateAssets: function onGenerateAssets() {
+      this.saveBpmn(null, null, true);
+    },
     generateAssets: function generateAssets() {
       var _window$ProcessMaker7,
         _this46 = this;
       this.getNonce();
+
+      // Show Generating message
+      this.loadingAI = true;
       this.fetchHistory();
       var params = {
         promptSessionId: this.promptSessionId,
@@ -80513,8 +80522,13 @@ var Multiplayer = /*#__PURE__*/function () {
         processId: (_window$ProcessMaker7 = window.ProcessMaker) === null || _window$ProcessMaker7 === void 0 || (_window$ProcessMaker7 = _window$ProcessMaker7.modeler) === null || _window$ProcessMaker7 === void 0 || (_window$ProcessMaker7 = _window$ProcessMaker7.process) === null || _window$ProcessMaker7 === void 0 ? void 0 : _window$ProcessMaker7.id
       };
       var url = '/package-ai/generateProcessArtifacts';
-      window.ProcessMaker.apiClient.post(url, params).then(function () {
-        // Response
+      window.ProcessMaker.apiClient.post(url, params).then(function (response) {
+        if (response.data) {
+          var _response$data;
+          if ((_response$data = response.data) !== null && _response$data !== void 0 && _response$data.error) {
+            _this46.assetFail = true;
+          }
+        }
       }).catch(function (error) {
         var _error$response;
         var errorMsg = ((_error$response = error.response) === null || _error$response === void 0 || (_error$response = _error$response.data) === null || _error$response === void 0 ? void 0 : _error$response.message) || error.message;
@@ -80588,6 +80602,28 @@ var Multiplayer = /*#__PURE__*/function () {
         }
       });
     },
+    subscribeToGenerationCompleted: function subscribeToGenerationCompleted() {
+      var _window$ProcessMaker9;
+      var channel = "ProcessMaker.Models.User.".concat((_window$ProcessMaker9 = window.ProcessMaker) === null || _window$ProcessMaker9 === void 0 || (_window$ProcessMaker9 = _window$ProcessMaker9.modeler) === null || _window$ProcessMaker9 === void 0 || (_window$ProcessMaker9 = _window$ProcessMaker9.process) === null || _window$ProcessMaker9 === void 0 ? void 0 : _window$ProcessMaker9.user_id);
+      var streamCompletedEvent = '.ProcessMaker\\Package\\PackageAi\\Events\\GenerateArtifactsCompletedEvent';
+      window.Echo.private(channel).listen(streamCompletedEvent, function (response) {
+        if (response.data) {
+          setTimeout(function () {
+            window.location.replace(window.location.href.split('?')[0]);
+          }, 1500);
+        }
+      });
+    },
+    subscribeToErrors: function subscribeToErrors() {
+      var _window$ProcessMaker10,
+        _this48 = this;
+      var channel = "ProcessMaker.Models.User.".concat((_window$ProcessMaker10 = window.ProcessMaker) === null || _window$ProcessMaker10 === void 0 || (_window$ProcessMaker10 = _window$ProcessMaker10.modeler) === null || _window$ProcessMaker10 === void 0 || (_window$ProcessMaker10 = _window$ProcessMaker10.process) === null || _window$ProcessMaker10 === void 0 ? void 0 : _window$ProcessMaker10.user_id);
+      var streamProgressEvent = '.ProcessMaker\\Package\\PackageAi\\Events\\GenerateArtifactsErrorEvent';
+      window.Echo.private(channel).listen(streamProgressEvent, function () {
+        // Output error
+        _this48.assetFail = true;
+      });
+    },
     onStopAssetGeneration: function onStopAssetGeneration() {
       if (this.currentNonce) {
         this.cancelledJobs.push(this.currentNonce);
@@ -80631,7 +80667,7 @@ var Multiplayer = /*#__PURE__*/function () {
     this.$emit('set-xml-manager', this.xmlManager);
   },
   mounted: function mounted() {
-    var _this48 = this;
+    var _this49 = this;
     store.commit('setReadOnly', this.readOnly);
     this.graph = new external_jointjs_.dia.Graph();
     store.commit('setGraph', this.graph);
@@ -80650,47 +80686,47 @@ var Multiplayer = /*#__PURE__*/function () {
     store.commit('setPaper', this.paperManager.paper);
     this.paperManager.addEventHandler('element:pointerclick', this.blurFocusedScreenBuilderElement, this);
     this.paperManager.addEventHandler('blank:pointerdown', function (event, x, y) {
-      if (_this48.isGrabbing) return;
+      if (_this49.isGrabbing) return;
       if (store.getters.isReadOnly) {
-        _this48.isGrabbing = true;
+        _this49.isGrabbing = true;
       }
-      var scale = _this48.paperManager.scale;
-      _this48.canvasDragPosition = {
+      var scale = _this49.paperManager.scale;
+      _this49.canvasDragPosition = {
         x: x * scale.sx,
         y: y * scale.sy
       };
-      _this48.isOverShape = false;
-      _this48.pointerDownHandler(event);
+      _this49.isOverShape = false;
+      _this49.pointerDownHandler(event);
     }, this);
     this.paperManager.addEventHandler('cell:mouseover element:mouseover', function (_ref19) {
       var shape = _ref19.model;
-      if (_this48.isBpmnNode(shape) && shape.attr('body/cursor') !== 'default' && !_this48.isGrabbing) {
+      if (_this49.isBpmnNode(shape) && shape.attr('body/cursor') !== 'default' && !_this49.isGrabbing) {
         shape.attr('body/cursor', 'move');
       }
       // If the user is panning the Paper while hovering an element, ignore the default move cursor
-      if (_this48.isGrabbing && _this48.isBpmnNode(shape)) {
+      if (_this49.isGrabbing && _this49.isBpmnNode(shape)) {
         shape.attr('body/cursor', 'grabbing');
       }
     });
     this.paperManager.addEventHandler('blank:pointerup', function (event) {
-      _this48.isGrabbing = false;
-      _this48.canvasDragPosition = null;
-      _this48.activeNode = null;
-      _this48.pointerUpHandler(event);
+      _this49.isGrabbing = false;
+      _this49.canvasDragPosition = null;
+      _this49.activeNode = null;
+      _this49.pointerUpHandler(event);
     }, this);
     this.paperManager.addEventHandler('cell:pointerup', function (cellView, event) {
-      _this48.canvasDragPosition = null;
-      _this48.activeNode = null;
-      _this48.pointerUpHandler(event, cellView);
+      _this49.canvasDragPosition = null;
+      _this49.activeNode = null;
+      _this49.pointerUpHandler(event, cellView);
     }, this);
     this.$refs['paper-container'].addEventListener('mouseenter', function () {
       store.commit('setClientLeftPaper', false);
     });
     this.$el.addEventListener('mousemove', function (event) {
-      _this48.pointerMoveHandler(event);
+      _this49.pointerMoveHandler(event);
     });
     this.$refs['paper-container'].addEventListener('mouseleave', function () {
-      _this48.paperManager.removeEventHandler('blank:pointermove');
+      _this49.paperManager.removeEventHandler('blank:pointermove');
       store.commit('setClientLeftPaper', true);
     });
     this.paperManager.addEventHandler('cell:pointerclick', function (cellView, evt, x, y) {
@@ -80701,44 +80737,44 @@ var Multiplayer = /*#__PURE__*/function () {
     });
     this.paperManager.addEventHandler('cell:pointerclick', function (_ref20, event) {
       var shape = _ref20.model;
-      if (!_this48.isBpmnNode(shape)) {
+      if (!_this49.isBpmnNode(shape)) {
         return;
       }
 
       // ignore click event if the user is Grabbing the paper
-      if (_this48.isGrabbing) return;
+      if (_this49.isGrabbing) return;
       shape.component.$emit('click', event);
-      _this48.$emit('click', {
+      _this49.$emit('click', {
         event: event,
-        node: _this48.highlightedNode.definition
+        node: _this49.highlightedNode.definition
       });
     });
     this.paperManager.addEventHandler('cell:pointerdown', function (_ref21, event) {
       var shape = _ref21.model;
-      if (!_this48.isBpmnNode(shape)) {
+      if (!_this49.isBpmnNode(shape)) {
         return;
       }
       // If the user is pressing Space (grabbing) and clicking on a Cell, return
-      if (_this48.isGrabbing) {
+      if (_this49.isGrabbing) {
         return;
       }
-      _this48.setShapeStacking(shape);
-      _this48.activeNode = shape.component.node;
-      _this48.isOverShape = true;
-      _this48.pointerDowInShape(event, shape);
+      _this49.setShapeStacking(shape);
+      _this49.activeNode = shape.component.node;
+      _this49.isOverShape = true;
+      _this49.pointerDowInShape(event, shape);
     });
     // If the user is grabbing the paper while he clicked in a cell, move the paper and not the cell
     this.paperManager.addEventHandler('cell:pointermove', function (_, event, x, y) {
-      if (_this48.isGrabbing) {
-        if (!_this48.canvasDragPosition) {
-          var scale = _this48.paperManager.scale;
-          _this48.canvasDragPosition = {
+      if (_this49.isGrabbing) {
+        if (!_this49.canvasDragPosition) {
+          var scale = _this49.paperManager.scale;
+          _this49.canvasDragPosition = {
             x: x * scale.sx,
             y: y * scale.sy
           };
         }
-        if (_this48.canvasDragPosition && !_this48.clientLeftPaper) {
-          _this48.paperManager.translate(event.offsetX - _this48.canvasDragPosition.x, event.offsetY - _this48.canvasDragPosition.y);
+        if (_this49.canvasDragPosition && !_this49.clientLeftPaper) {
+          _this49.paperManager.translate(event.offsetX - _this49.canvasDragPosition.x, event.offsetY - _this49.canvasDragPosition.y);
         }
       }
     });
@@ -80755,15 +80791,15 @@ var Multiplayer = /*#__PURE__*/function () {
             while (1) switch (_context33.prev = _context33.next) {
               case 0:
                 _context33.next = 2;
-                return _this48.loadXML(xml);
+                return _this49.loadXML(xml);
               case 2:
                 _context33.next = 4;
                 return undoRedoStore.dispatch('pushState', xml);
               case 4:
                 try {
-                  multiplayer = new Multiplayer(_this48);
+                  multiplayer = new Multiplayer(_this49);
                   multiplayer.init();
-                  _this48.multiplayer = multiplayer;
+                  _this49.multiplayer = multiplayer;
                 } catch (error) {
                   console.warn('Could not initialize multiplayer', error);
                 }
@@ -80779,18 +80815,21 @@ var Multiplayer = /*#__PURE__*/function () {
         return loadXML;
       }(),
       addWarnings: function addWarnings(warnings) {
-        return _this48.$emit('warnings', warnings);
+        return _this49.$emit('warnings', warnings);
       },
       addBreadcrumbs: function addBreadcrumbs(breadcrumbs) {
-        return _this48.breadcrumbData.push(breadcrumbs);
+        return _this49.breadcrumbData.push(breadcrumbs);
       }
     });
     this.$root.$on('replace-ai-node', function (data) {
-      _this48.replaceAiNode(data);
+      _this49.replaceAiNode(data);
     });
-    window.ProcessMaker.EventBus.$on('save-changes', function (redirectUrl) {
+    window.ProcessMaker.EventBus.$on('save-changes', function (redirectUrl, nodeId, generatingAssets) {
       if (redirectUrl) {
-        _this48.redirect(redirectUrl);
+        _this49.redirect(redirectUrl);
+      }
+      if (generatingAssets) {
+        _this49.generateAssets();
       }
     });
 
@@ -80807,6 +80846,8 @@ var Multiplayer = /*#__PURE__*/function () {
     this.promptSessionId = this.getPromptSessionForUser();
     this.fetchHistory();
     this.subscribeToProgress();
+    this.subscribeToGenerationCompleted();
+    this.subscribeToErrors();
   }
 });
 ;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=script&lang=js&
@@ -80826,8 +80867,8 @@ var modelervue_type_style_index_0_prod_lang_scss_ = __webpack_require__(26695);
 
 var Modeler_component = normalizeComponent(
   modeler_Modelervue_type_script_lang_js_,
-  Modelervue_type_template_id_27bb3680_render,
-  Modelervue_type_template_id_27bb3680_staticRenderFns,
+  Modelervue_type_template_id_292ef746_render,
+  Modelervue_type_template_id_292ef746_staticRenderFns,
   false,
   null,
   null,