From 849501d384af289c7761f9777c3d0206ba4cd0b4 Mon Sep 17 00:00:00 2001
From: Ruchika Sinha <69535463+Ruchika4@users.noreply.github.com>
Date: Mon, 30 Sep 2024 09:32:23 -0700
Subject: [PATCH] Update action-binder.js

---
 .../workflow-acrobat/action-binder.js         | 29 +++++++++++++------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/unitylibs/core/workflow/workflow-acrobat/action-binder.js b/unitylibs/core/workflow/workflow-acrobat/action-binder.js
index fa350c0..15de3c9 100644
--- a/unitylibs/core/workflow/workflow-acrobat/action-binder.js
+++ b/unitylibs/core/workflow/workflow-acrobat/action-binder.js
@@ -69,7 +69,7 @@ export default class ActionBinder {
     return createTag('div', { class: 'progress-holder' }, pdom);
   }
 
-  async acrobatActionMaps(values, files) {
+  async acrobatActionMaps(values, files, eventName) {
     await this.handlePreloads();
     const { default: ServiceHandler } = await import(`${getUnityLibs()}/core/workflow/${this.workflowCfg.name}/service-handler.js`);
     this.serviceHandler = new ServiceHandler(
@@ -80,7 +80,7 @@ export default class ActionBinder {
       switch (true) {
         case value.actionType === 'fillsign':
           this.promiseStack = [];
-          await this.fillsign(files);
+          await this.fillsign(files, eventName);
           break;
         case value.actionType === 'continueInApp':
           await this.continueInApp();
@@ -108,16 +108,14 @@ export default class ActionBinder {
         case el.nodeName === 'DIV':
           el.addEventListener('drop', async (e) => {
             e.preventDefault();
-            this.block.dispatchEvent(new CustomEvent(unityConfig.trackAnalyticsEvent, { detail: { event: 'drop' } }));
             const files = this.extractFiles(e);
-            await this.acrobatActionMaps(values, files);
+            await this.acrobatActionMaps(values, files, 'drop');
           });
           break;
         case el.nodeName === 'INPUT':
           el.addEventListener('change', async (e) => {
-            this.block.dispatchEvent(new CustomEvent(unityConfig.trackAnalyticsEvent, { detail: { event: 'change' } }));
             const files = this.extractFiles(e);
-            await this.acrobatActionMaps(values, files);
+            await this.acrobatActionMaps(values, files, 'change');
             e.target.value = '';
           });
           break;
@@ -156,14 +154,14 @@ export default class ActionBinder {
     ));
   }
 
-  async fillsign(files) {
+  async fillsign(files, eventName) {
     if (!files || files.length > this.limits.maxNumFiles) {
       this.dispatchErrorToast('verb_upload_error_only_accept_one_file');
       return;
     }
     const file = files[0];
     if (!file) return;
-    this.singleFileUpload(file);
+    this.singleFileUpload(file, eventName);
   }
 
   async getBlobData(file) {
@@ -320,7 +318,7 @@ export default class ActionBinder {
     }
   }
 
-  async singleFileUpload(file) {
+  async singleFileUpload(file, eventName) {
     if (file.type !== 'application/pdf') {
       this.dispatchErrorToast('verb_upload_error_unsupported_type');
       return;
@@ -333,6 +331,16 @@ export default class ActionBinder {
       this.dispatchErrorToast('verb_upload_error_file_too_large');
       return;
     }
+    const fileData = {
+      type: file.type,
+      size: file.size,
+      count: 1,
+    };
+    this.block.dispatchEvent(
+      new CustomEvent(unityConfig.trackAnalyticsEvent, {
+        detail: { event: eventName, data: fileData },
+      }),
+    );
     let assetData = null;
     try {
       await this.showSplashScreen(true);
@@ -348,6 +356,7 @@ export default class ActionBinder {
         this.acrobatApiConfig.acrobatEndpoint.createAsset,
         { body: JSON.stringify(data) },
       );
+      this.block.dispatchEvent(new CustomEvent(unityConfig.trackAnalyticsEvent, { detail: { event: 'uploading' } }));
       await this.chunkPdf(assetData, blobData, file.type);
       const operationItem = {
         assetId: assetData.id,
@@ -363,5 +372,7 @@ export default class ActionBinder {
       return;
     }
     this.verifyContent(assetData);
+    // TODO: Call to check for asset metadata of uploaded file goes here
+    this.block.dispatchEvent(new CustomEvent(unityConfig.trackAnalyticsEvent, { detail: { event: 'uploaded' } }));
   }
 }