@processmaker/screen-builder 2.99.3 → 2.99.5-patch.tce

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processmaker/screen-builder",
-  "version": "2.99.3",
+  "version": "2.99.5-patch.tce",
   "scripts": {
     "dev": "VITE_COVERAGE=true vite",
     "build": "vite build",
@@ -56,7 +56,7 @@
     "@fortawesome/fontawesome-free": "^5.6.1",
     "@originjs/vite-plugin-commonjs": "^1.0.3",
     "@panter/vue-i18next": "^0.15.2",
-    "@processmaker/vue-form-elements": "0.60.0",
+    "@processmaker/vue-form-elements": "0.60.1",
     "@processmaker/vue-multiselect": "2.3.0",
     "@storybook/addon-essentials": "^7.6.13",
     "@storybook/addon-interactions": "^7.6.13",
@@ -115,7 +115,7 @@
   },
   "peerDependencies": {
     "@panter/vue-i18next": "^0.15.0",
-    "@processmaker/vue-form-elements": "0.60.0",
+    "@processmaker/vue-form-elements": "0.60.1",
     "i18next": "^15.0.8",
     "vue": "^2.6.12",
     "vuex": "^3.1.1"

package/src/components/renderer/file-upload.vue

@@ -99,6 +99,10 @@ export default {
     this.removeDefaultClasses();
   },
   mounted() {
+    if (this.value) {
+      this.fetchFiles();
+    }
+
     this.$root.$on('set-upload-data-name',
       (recordList, index, id) => this.listenRecordList(recordList, index, id));
 
@@ -461,6 +465,19 @@ export default {
         this.prefix = parent.loopContext + '.';
       }
     },
+    validateFile(file, acceptFiles){
+      const extensions = acceptFiles.filter(item => item.startsWith('.'));
+      const mimeTypes = acceptFiles.filter(item => !item.startsWith('.'));
+      const fileExtension = '.' + file.name.split('.').pop().toLowerCase();
+      const fileType = file.fileType;
+      const isExtensionValid = extensions.includes(fileExtension);
+      const isMimeTypeValid = mimeTypes.includes(fileType);
+
+      if (!isExtensionValid && !isMimeTypeValid) {
+        return false;
+      }
+      return true;
+    },
     addFile(file) {
       if (this.disabled) {
         file.ignored = true;
@@ -477,7 +494,7 @@ export default {
 
       if (this.filesAccept) {
         file.ignored = true;
-        if (this.filesAccept.indexOf(file.fileType) !== -1) {
+        if (this.validateFile(file, this.filesAccept)) {
           file.ignored = false;
         }
         if (file.ignored) {
@@ -516,6 +533,10 @@ export default {
       }
 
       if (displayMessage.length > 0) {
+        const data = JSON.parse(displayMessage);
+        if (data.message) {
+          displayMessage = data.message;
+        }
         window.ProcessMaker.alert(`${this.$t('File Upload Error:')}  ${displayMessage}`, 'danger');
       }
 
@@ -608,6 +629,28 @@ export default {
           : null;
       }
     },
+    async fetchFiles() {
+      const fileIds = Array.isArray(this.value) ? this.value : [this.value];
+
+      const fetchPromises = fileIds.map(async (file) => {
+        const id = file?.file ?? file;
+        const endpoint = `files/${id}`;
+        try {
+            const response = await ProcessMaker.apiClient.get(endpoint);
+            if (response?.data) {
+                const fileExists = this.files.some(existingFile => existingFile.id === response.data.id);
+                // Check if the file already exists in the list before adding it.
+                if (!fileExists) {
+                    this.files.push(response.data);
+                }
+            }
+        } catch (error) {
+            console.error(`Failed to fetch file ${id}`, error);
+        }
+      });
+
+      return await Promise.all(fetchPromises);
+    },
   },
 };
 </script>

package/src/components/task.vue

@@ -865,6 +865,7 @@ export default {
 
       if (
         elementDestinationValue &&
+        elementDestinationValue !== 'taskSource' &&
         data?.params[0]?.tokenId === this.taskId &&
         data?.params[0]?.requestStatus === 'ACTIVE'
       ) {

package/src/form-control-common-properties.js

@@ -96,8 +96,8 @@ export const keyNameProperty = {
   config: {
     label: 'Variable Name',
     name: 'Variable Name',
-    // Update tests/e2e/specs/Builder.spec.js when changing this
-    validation: 'regex:/^([a-zA-Z]([a-zA-Z0-9_]?)+\\.?)+(?<!\\.)$/|required|not_in:' + javascriptReservedKeywords,
+    // Update tests/e2e/specs/Builder.spec.js when changing dot_notation
+    validation: 'dot_notation|required|not_in:' + javascriptReservedKeywords,
     helper: 'A variable name is a symbolic name to reference information.',
   },
 };