fix: uploading files from default value

Author: matheus-relief

libs/safe/src/lib/components/form/form.component.ts

@@ -30,6 +30,7 @@ import { TranslateService } from '@ngx-translate/core';
 import { SafeUnsubscribeComponent } from '../utils/unsubscribe/unsubscribe.component';
 import { SafeFormHelpersService } from '../../services/form-helper/form-helper.service';
 import { SnackbarService } from '@oort-front/ui';
+import { cloneDeep } from 'lodash';
 
 /**
  * This component is used to display forms
@@ -223,9 +224,19 @@ export class SafeFormComponent
    * Handles the value change event when the user completes the survey
    */
   public valueChange(): void {
+    // Cache the survey data, but remove the files from it
+    // to avoid hitting the local storage limit
+    const data = cloneDeep(this.survey.data);
+    Object.keys(data).forEach((key) => {
+      const question = this.survey.getQuestionByName(key);
+      if (question && question.getType() === 'file') {
+        delete data[key];
+      }
+    });
+
     localStorage.setItem(
       this.storageId,
-      JSON.stringify({ data: this.survey.data, date: new Date() })
+      JSON.stringify({ data, date: new Date() })
     );
   }
 

libs/safe/src/lib/services/form-helper/form-helper.service.ts

@@ -13,6 +13,7 @@ import {
 import { DialogRef } from '@angular/cdk/dialog';
 import { SnackbarService } from '@oort-front/ui';
 import localForage from 'localforage';
+import { cloneDeep } from 'lodash';
 
 /**
  * Shared survey helper service.
@@ -94,7 +95,7 @@ export class SafeFormHelpersService {
    * @param formId Form where to upload the files
    */
   async uploadFiles(
-    survey: any,
+    survey: Survey.SurveyModel,
     temporaryFilesStorage: any,
     formId: string | undefined
   ): Promise<void> {
@@ -119,11 +120,32 @@ export class SafeFormHelpersService {
           this.snackBar.openSnackBar(res.errors[0].message, { error: true });
           return;
         } else {
-          data[name][index].content = res.data?.uploadFile;
+          const uploadedFileID = res.data?.uploadFile;
+          const fileContent = data[name][index].content;
+          data[name][index].content = uploadedFileID;
+
+          // Check if any other question is using the same file
+          survey.getAllQuestions().forEach((question) => {
+            const questionType = question.getType();
+            if (
+              questionType !== 'file' ||
+              // Only change files that are not in the temporary storage
+              // meaning their values came from the default values
+              !!temporaryFilesStorage[question.name]
+            )
+              return;
+
+            const files = data[question.name] ?? [];
+            files.forEach((file: any) => {
+              if (file && file.content === fileContent) {
+                file.content = uploadedFileID;
+              }
+            });
+          });
         }
       }
     }
-    survey.data = data;
+    survey.data = cloneDeep(data);
   }
 
   /**