From 02ee4a384626e518fff809e36583e8d125948a5a Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Tue, 22 Oct 2024 18:33:14 -0400
Subject: [PATCH 1/9] Fixing mustache syntax in Form Collection Record Control

---
 src/components/renderer/form-collection-record-control.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/renderer/form-collection-record-control.vue b/src/components/renderer/form-collection-record-control.vue
index a13b7d4d3..106217843 100644
--- a/src/components/renderer/form-collection-record-control.vue
+++ b/src/components/renderer/form-collection-record-control.vue
@@ -156,6 +156,7 @@ export default {
     },
     callbackRecord() {
       this.hasMustache = true;
+      //console.log("en callbackRecord this.selCollectionId: ", this.selCollectionId);
       this.loadRecordCollection(this.selCollectionId, 1, this.selDisplayMode);
     },
     errors() {
@@ -212,9 +213,9 @@ export default {
     },
     record(record) {
       this.hasMustache = false;
-      if (record && !isNaN(record) && record > 0 && this.collection) {
+      if (record && !isNaN(record) && record > 0 && this.collection.collectionId) {
         this.selRecordId = record;
-        this.loadRecordCollection(this.selCollectionId, record, this.collectionmode);
+        this.loadRecordCollection(this.collection.collectionId, record, this.collectionmode);
       } else {
         if (this.isMustache(record)) {
           this.callbackRecord();
@@ -226,6 +227,7 @@ export default {
       if(collectionmode) {
         this.selDisplayMode = collectionmode.modeId;
       }
+      //console.log("en collectionmode: ", this.selCollectionId);
       this.loadRecordCollection(this.selCollectionId, this.selRecordId, this.selDisplayMode);
     },
   },
@@ -235,6 +237,7 @@ export default {
     });
 
     if (this.collection && this.record) {
+      //console.log("en mounted this.collection.collectionId: ", this.collection.collectionId);
       this.loadRecordCollection(this.collection.collectionId, this.record, this.collectionmode.modeId);
     }
   },

From 11c48b93c33a57ae8c6d75438b9900864fe440e8 Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Wed, 23 Oct 2024 09:07:09 -0400
Subject: [PATCH 2/9] fixing nustache bug in form collection view

---
 src/components/renderer/form-collection-view-control.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/renderer/form-collection-view-control.vue b/src/components/renderer/form-collection-view-control.vue
index f1f84cfd6..98a3bce9c 100644
--- a/src/components/renderer/form-collection-view-control.vue
+++ b/src/components/renderer/form-collection-view-control.vue
@@ -206,9 +206,9 @@ export default {
     },
     record(record) {
       this.hasMustache = false;
-      if (record && !isNaN(record) && record > 0 && this.collection) {
+      if (record && !isNaN(record) && record > 0 && this.collection.collectionId) {
         this.selRecordId = record;
-        this.loadRecordCollection(this.selCollectionId, record, this.collectionmode);
+        this.loadRecordCollection(this.collection.collectionId, record, this.collectionmode);
       } else {
         if (this.isMustache(record)) {
           this.callbackRecord();

From a492f4196f3ecf5a540c992a5e06bd3550190a0c Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Wed, 23 Oct 2024 13:50:34 -0400
Subject: [PATCH 3/9] removing consoles

---
 .../renderer/form-collection-record-control.vue          | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/renderer/form-collection-record-control.vue b/src/components/renderer/form-collection-record-control.vue
index 106217843..765f5bde4 100644
--- a/src/components/renderer/form-collection-record-control.vue
+++ b/src/components/renderer/form-collection-record-control.vue
@@ -16,7 +16,7 @@
 <script>
 import VueFormRenderer from "../vue-form-renderer.vue";
 import CollectionRecordsList from "../inspector/collection-records-list.vue";
-
+import _ from 'lodash';
 const globalObject = typeof window === "undefined" ? global : window;
 
 const defaultConfig = [
@@ -156,7 +156,6 @@ export default {
     },
     callbackRecord() {
       this.hasMustache = true;
-      //console.log("en callbackRecord this.selCollectionId: ", this.selCollectionId);
       this.loadRecordCollection(this.selCollectionId, 1, this.selDisplayMode);
     },
     errors() {
@@ -180,7 +179,7 @@ export default {
               this.selDisplayMode === "View" ? viewScreen : editScreen;
           
           this.loadScreen(this.screenCollectionId);
-
+         
           //This section validates if Collection has draft data
           if(this.taskDraft?.draft?.data == null || this.taskDraft.draft.data === '') {
             this.localData = respData;
@@ -215,7 +214,7 @@ export default {
       this.hasMustache = false;
       if (record && !isNaN(record) && record > 0 && this.collection.collectionId) {
         this.selRecordId = record;
-        this.loadRecordCollection(this.collection.collectionId, record, this.collectionmode);
+        this.loadRecordCollection(this.collection.collectionId, record, this.selDisplayMode);
       } else {
         if (this.isMustache(record)) {
           this.callbackRecord();
@@ -227,7 +226,6 @@ export default {
       if(collectionmode) {
         this.selDisplayMode = collectionmode.modeId;
       }
-      //console.log("en collectionmode: ", this.selCollectionId);
       this.loadRecordCollection(this.selCollectionId, this.selRecordId, this.selDisplayMode);
     },
   },
@@ -237,7 +235,6 @@ export default {
     });
 
     if (this.collection && this.record) {
-      //console.log("en mounted this.collection.collectionId: ", this.collection.collectionId);
       this.loadRecordCollection(this.collection.collectionId, this.record, this.collectionmode.modeId);
     }
   },

From 995aa91a63a9f6fdb2ecf02f65b9adf88367311a Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Wed, 23 Oct 2024 14:05:37 -0400
Subject: [PATCH 4/9] removing unused imports

---
 src/components/renderer/form-collection-record-control.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/renderer/form-collection-record-control.vue b/src/components/renderer/form-collection-record-control.vue
index 765f5bde4..c91008b09 100644
--- a/src/components/renderer/form-collection-record-control.vue
+++ b/src/components/renderer/form-collection-record-control.vue
@@ -16,7 +16,7 @@
 <script>
 import VueFormRenderer from "../vue-form-renderer.vue";
 import CollectionRecordsList from "../inspector/collection-records-list.vue";
-import _ from 'lodash';
+
 const globalObject = typeof window === "undefined" ? global : window;
 
 const defaultConfig = [

From 96c70bce917115f8cf7ad897c3c29369694c2921 Mon Sep 17 00:00:00 2001
From: Esteban Gallego <egallego00@gmail.com>
Date: Wed, 23 Oct 2024 15:51:30 -0400
Subject: [PATCH 5/9] Display error correctly

---
 src/components/renderer/file-upload.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/renderer/file-upload.vue b/src/components/renderer/file-upload.vue
index ceeb00bb7..b76c9004e 100644
--- a/src/components/renderer/file-upload.vue
+++ b/src/components/renderer/file-upload.vue
@@ -597,6 +597,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');
       }
 

From 6df43f5d9ee73964ea38ac181a4cb06f622165e0 Mon Sep 17 00:00:00 2001
From: Rodrigo Quelca <rodrigo@processmaker.com>
Date: Fri, 25 Oct 2024 11:48:19 -0400
Subject: [PATCH 6/9] FOUR-19767: Clipboard isn't cleared after add a new
 control

---
 src/components/vue-form-builder.vue | 4 ++++
 src/mixins/Clipboard.js             | 1 +
 2 files changed, 5 insertions(+)

diff --git a/src/components/vue-form-builder.vue b/src/components/vue-form-builder.vue
index 02f7cd400..f0b0c56c6 100644
--- a/src/components/vue-form-builder.vue
+++ b/src/components/vue-form-builder.vue
@@ -127,6 +127,7 @@
             v-if="isClipboardPage(tabPage)"
             variant="link"
             @click="clearClipboard"
+            class="no-text-transform"
           >
             {{ $t('Clear All') }}
           </b-button>
@@ -1745,4 +1746,7 @@ $side-bar-font-size: 0.875rem;
   cursor: not-allowed; /* Cambia el cursor cuando se pasa por encima */
   pointer-events: all; /* Permite que el pseudo-elemento reciba eventos del ratón */
 }
+.no-text-transform {
+    text-transform: none;
+}
 </style>
diff --git a/src/mixins/Clipboard.js b/src/mixins/Clipboard.js
index 077729ff2..2b2f3ca63 100644
--- a/src/mixins/Clipboard.js
+++ b/src/mixins/Clipboard.js
@@ -144,6 +144,7 @@ export default {
         }
       );
       if (confirm) {
+        this.clipboardPage.items = [];
         this.$store.dispatch("clipboardModule/clearClipboard");
         this.$root.$emit('update-clipboard');
       }

From 5894bd070ba75c3019a093b67077f70ea0bc68fd Mon Sep 17 00:00:00 2001
From: Rodrigo Quelca <rodrigo@processmaker.com>
Date: Fri, 25 Oct 2024 11:48:52 -0400
Subject: [PATCH 7/9] add clear all test

---
 tests/e2e/specs/ClipboardTabClearAll.spec.js | 38 ++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 tests/e2e/specs/ClipboardTabClearAll.spec.js

diff --git a/tests/e2e/specs/ClipboardTabClearAll.spec.js b/tests/e2e/specs/ClipboardTabClearAll.spec.js
new file mode 100644
index 000000000..f1150be73
--- /dev/null
+++ b/tests/e2e/specs/ClipboardTabClearAll.spec.js
@@ -0,0 +1,38 @@
+describe("Clipboard Page and clear all", () => {
+
+  
+
+  it("Verify that the controls created in the clipboard page were removed with clear all option", () => {
+    // Clear local storage
+    cy.clearLocalStorage();
+    cy.visit("/");
+    cy.openAcordeonByLabel("Input Fields");
+    
+    cy.get("[data-test=page-dropdown").click();
+    cy.get("[data-test=clipboard]").should("exist").click({ force: true });
+    // Step 1: Dragging controls to screen drop zone
+    cy.get("[data-cy=controls-FormInput]").drag("[data-cy=editor-content]", { position: "bottom" });
+    cy.get("[data-cy=controls-FormSelectList]").drag("[data-cy=screen-element-container]", { position: "top" });
+    cy.get("[data-cy=controls-FormButton]").drag("[data-cy=screen-element-container]", { position: "top" });
+    cy.get("[data-cy=controls-FormTextArea]").drag("[data-cy=screen-element-container]", { position: "top" });
+    cy.get("[data-cy=controls-FormDatePicker]").drag("[data-cy=screen-element-container]", { position: "top" });
+    cy.get("[data-cy=controls-FormCheckbox]").drag("[data-cy=screen-element-container]", { position: "top" });
+
+  
+    cy.get('[data-cy="screen-element-container"]')
+      .children()
+      .should('have.length', 6);
+    cy.contains('button', 'Clear All').click();
+    cy.contains('button', 'Cancel').click();
+    cy.get('[data-cy="screen-element-container"]')
+      .children()
+      .should('have.length', 6);
+    cy.contains('button', 'Clear All').click();
+    cy.contains('button', 'Confirm').click();
+
+    cy.get('[data-cy="editor-content"]')
+      .children()
+      .should('have.length', 0);
+  });
+
+});
\ No newline at end of file

From e64284c9fce3fa5775eb8e600be59faf084eb60d Mon Sep 17 00:00:00 2001
From: Rodrigo Quelca <rodrigo@processmaker.com>
Date: Fri, 25 Oct 2024 11:54:28 -0400
Subject: [PATCH 8/9] improve test

---
 tests/e2e/specs/ClipboardTabClearAll.spec.js | 44 +++++++++++---------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/tests/e2e/specs/ClipboardTabClearAll.spec.js b/tests/e2e/specs/ClipboardTabClearAll.spec.js
index f1150be73..561d1ac0b 100644
--- a/tests/e2e/specs/ClipboardTabClearAll.spec.js
+++ b/tests/e2e/specs/ClipboardTabClearAll.spec.js
@@ -1,16 +1,20 @@
-describe("Clipboard Page and clear all", () => {
+describe("Clipboard Page and Clear All Functionality", () => {
 
-  
-
-  it("Verify that the controls created in the clipboard page were removed with clear all option", () => {
-    // Clear local storage
+  it("should remove all controls in the clipboard page when 'Clear All' is confirmed", () => {
+    // Clear local storage to ensure a clean test environment
     cy.clearLocalStorage();
+
+    // Visit the home page
     cy.visit("/");
+
+    // Open the 'Input Fields' accordion section
     cy.openAcordeonByLabel("Input Fields");
-    
-    cy.get("[data-test=page-dropdown").click();
+
+    // Navigate to the clipboard page
+    cy.get("[data-test=page-dropdown]").click();
     cy.get("[data-test=clipboard]").should("exist").click({ force: true });
-    // Step 1: Dragging controls to screen drop zone
+
+    // Step 1: Dragging controls to the screen drop zone in the clipboard
     cy.get("[data-cy=controls-FormInput]").drag("[data-cy=editor-content]", { position: "bottom" });
     cy.get("[data-cy=controls-FormSelectList]").drag("[data-cy=screen-element-container]", { position: "top" });
     cy.get("[data-cy=controls-FormButton]").drag("[data-cy=screen-element-container]", { position: "top" });
@@ -18,21 +22,21 @@ describe("Clipboard Page and clear all", () => {
     cy.get("[data-cy=controls-FormDatePicker]").drag("[data-cy=screen-element-container]", { position: "top" });
     cy.get("[data-cy=controls-FormCheckbox]").drag("[data-cy=screen-element-container]", { position: "top" });
 
-  
-    cy.get('[data-cy="screen-element-container"]')
-      .children()
-      .should('have.length', 6);
+    // Verify that all controls have been successfully added
+    cy.get('[data-cy="screen-element-container"]').children().should('have.length', 6);
+
+    // Step 2: Attempt to clear all controls but cancel the action
     cy.contains('button', 'Clear All').click();
     cy.contains('button', 'Cancel').click();
-    cy.get('[data-cy="screen-element-container"]')
-      .children()
-      .should('have.length', 6);
+
+    // Ensure controls are still present after canceling
+    cy.get('[data-cy="screen-element-container"]').children().should('have.length', 6);
+
+    // Step 3: Confirm clearing all controls
     cy.contains('button', 'Clear All').click();
     cy.contains('button', 'Confirm').click();
 
-    cy.get('[data-cy="editor-content"]')
-      .children()
-      .should('have.length', 0);
+    // Validate that all controls have been removed
+    cy.get('[data-cy="editor-content"]').children().should('have.length', 0);
   });
-
-});
\ No newline at end of file
+});

From b7b532c0643385f2087d26b9a33b183b7841ea3b Mon Sep 17 00:00:00 2001
From: Rodrigo Quelca <rodrigo@processmaker.com>
Date: Fri, 25 Oct 2024 14:05:24 -0400
Subject: [PATCH 9/9] FOUR-19784: Clipboard Pasted Successfully message isn't
 displayed

---
 src/mixins/Clipboard.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/mixins/Clipboard.js b/src/mixins/Clipboard.js
index 077729ff2..17b6c01e8 100644
--- a/src/mixins/Clipboard.js
+++ b/src/mixins/Clipboard.js
@@ -115,6 +115,9 @@ export default {
             // replace uuids in clipboard content
             clipboardContent.forEach(this.updateUuids);
             page.items.splice(index, 1, ...clipboardContent);
+            if (clipboardContent.length) {
+              window.ProcessMaker.alert(this.$t("Clipboard Pasted Succesfully"), "success");
+            }
           }
           if (item.items) {
             replaceInPage(item);