@processmaker/modeler 1.43.6 → 1.43.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processmaker/modeler",
-  "version": "1.43.6",
+  "version": "1.43.8",
   "scripts": {
     "serve": "vue-cli-service serve --mode development",
     "test:unit": "vue-cli-service test:unit",
@@ -40,8 +40,8 @@
     "@babel/plugin-proposal-private-methods": "^7.12.1",
     "@fortawesome/fontawesome-free": "^5.11.2",
     "@fortawesome/fontawesome-svg-core": "^1.2.25",
-    "@fortawesome/free-solid-svg-icons": "^5.11.2",
     "@fortawesome/free-brands-svg-icons": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "^5.11.2",
     "@fortawesome/vue-fontawesome": "^0.1.8",
     "@processmaker/screen-builder": "2.70.0",
     "@processmaker/vue-form-elements": "0.45.0",
@@ -78,7 +78,7 @@
   "devDependencies": {
     "@babel/core": "^7.12.16",
     "@babel/eslint-parser": "^7.12.16",
-    "@cypress/code-coverage": "^3.11.0",
+    "@cypress/code-coverage": "^3.12.10",
     "@faker-js/faker": "^8.1.0",
     "@panter/vue-i18next": "^0.15.2",
     "@processmaker/processmaker-bpmn-moddle": "0.14.1",
@@ -99,9 +99,9 @@
     "bpmnlint-loader": "^0.1.4",
     "circular-dependency-plugin": "^5.2.2",
     "copy-webpack-plugin": "^5.1.1",
-    "cypress": "10.11.0",
+    "cypress": "^13.5.1",
     "eslint": "^7.32.0",
-    "eslint-plugin-cypress": "^2.12.1",
+    "eslint-plugin-cypress": "^2.15.1",
     "eslint-plugin-jest": "^27.2.3",
     "eslint-plugin-vue": "^8.0.3",
     "husky": "^4.3.5",

package/src/components/aiMessages/AiGenerateButton.vue

@@ -3,6 +3,8 @@
     <button
       id="aiAssetButton"
       :class="['btn py-0 px-2 ai-btn', showPopover ? 'ai-btn-open' : 'ai-btn-closed']"
+      :title="$t('AI Asset Generator')"
+      v-b-tooltip.hover.viewport.d50="{ customClass: 'no-pointer-events' }"
       @click="showPopover = !showPopover"
     >
       <inline-svg :src="proceC2Icon" class="my-auto ai-icon" />
@@ -46,6 +48,7 @@ export default {
   },
   methods: {
     onGenerateAssets() {
+      this.showPopover = false;
       this.$emit('onGenerateAssets');
     },
   },

package/src/components/modeler/Modeler.vue

@@ -1907,6 +1907,9 @@ export default {
     generateAssets() {
       this.getNonce();
 
+      // Show Generating message
+      this.loadingAI = true;
+
       this.fetchHistory();
 
       const params = {
@@ -1918,8 +1921,12 @@ export default {
       const url = '/package-ai/generateProcessArtifacts';
 
       window.ProcessMaker.apiClient.post(url, params)
-        .then(() => {
-          // Response
+        .then((response) => {
+          if (response.data) {
+            if (response.data?.error) {
+              this.assetFail = true;
+            }
+          }
         })
         .catch((error) => {
           const errorMsg = error.response?.data?.message || error.message;
@@ -1994,6 +2001,17 @@ export default {
         },
       );
     },
+    subscribeToErrors() {
+      const channel = `ProcessMaker.Models.User.${window.ProcessMaker?.modeler?.process?.user_id}`;
+      const streamProgressEvent = '.ProcessMaker\\Package\\PackageAi\\Events\\GenerateArtifactsErrorEvent';
+      window.Echo.private(channel).listen(
+        streamProgressEvent,
+        () => {
+          // Output error
+          this.assetFail = true;
+        },
+      );
+    },
     onStopAssetGeneration() {
       if (this.currentNonce) {
         this.cancelledJobs.push(this.currentNonce);
@@ -2203,6 +2221,7 @@ export default {
     this.promptSessionId = this.getPromptSessionForUser();
     this.fetchHistory();
     this.subscribeToProgress();
+    this.subscribeToErrors();
   },
 };
 </script>