feat: migrate to platform files api in view expense page

src/app/fyle/view-expense/view-expense.page.ts

@@ -1,10 +1,10 @@
 import { Component, EventEmitter, ViewChild, ElementRef } from '@angular/core';
-import { Observable, from, Subject, concat, noop, forkJoin } from 'rxjs';
+import { Observable, from, Subject, concat, noop, forkJoin, of } from 'rxjs';
 import { LoaderService } from 'src/app/core/services/loader.service';
 import { TransactionService } from 'src/app/core/services/transaction.service';
 import { ActivatedRoute, Router } from '@angular/router';
 import { CustomInputsService } from 'src/app/core/services/custom-inputs.service';
 import { switchMap, shareReplay, concatMap, map, finalize, reduce, takeUntil, take, filter } from 'rxjs/operators';
 import { StatusService } from 'src/app/core/services/status.service';
 import { ReportService } from 'src/app/core/services/report.service';
 import { FileService } from 'src/app/core/services/file.service';
@@ -35,6 +35,9 @@
 import { AccountType } from 'src/app/core/models/platform/v1/account.model';
 import { ExpenseState } from 'src/app/core/models/expense-state.enum';
 import { TransactionStatusInfoPopoverComponent } from 'src/app/shared/components/transaction-status-info-popover/transaction-status-info-popover.component';
+import { SpenderFileService } from 'src/app/core/services/platform/v1/spender/file.service';
+import { ApproverFileService } from 'src/app/core/services/platform/v1/approver/file.service';
+import { PlatformFileGenerateUrlsResponse } from 'src/app/core/models/platform/platform-file-generate-urls-response.model';
 
 @Component({
   selector: 'app-view-expense',
@@ -150,7 +153,9 @@
     private categoriesService: CategoriesService,
     private dependentFieldsService: DependentFieldsService,
     private spenderExpensesService: SpenderExpensesService,
-    private approverExpensesService: ApproverExpensesService
+    private approverExpensesService: ApproverExpensesService,
+    private spenderFileService: SpenderFileService,
+    private approverFileService: ApproverFileService
   ) {}
 
   get ExpenseView(): typeof ExpenseView {
@@ -411,22 +416,33 @@
 
     const editExpenseAttachments = this.expense$.pipe(
       take(1),
-      switchMap((expense) => from(expense.files)),
-      concatMap((fileObj) =>
-        this.fileService.downloadUrl(fileObj.id).pipe(
-          map((downloadUrl) => {
-            const details = this.fileService.getReceiptsDetails(fileObj.name, downloadUrl);
-            const fileObjWithDetails: FileObject = {
-              url: downloadUrl,
-              type: details.type,
-              thumbnail: details.thumbnail,
-            };
+      switchMap((expense) => {
+        if (expense.file_ids?.length > 0) {
+          if (this.view === ExpenseView.individual) {
+            return this.spenderFileService.generateUrlsBulk(expense.file_ids);
+          } else {
+            return this.approverFileService.generateUrlsBulk(expense.file_ids);
+          }
+        } else {
+          return of([]);
+        }
+      }),
+      map((response: PlatformFileGenerateUrlsResponse[]) => {
+        const files = response.filter((file) => file.content_type !== 'text/html');
+        const fileObjs = files.map((obj) => {
+          const details = this.fileService.getReceiptsDetails(obj.name, obj.download_url);
+
+          const fileObj: FileObject = {
+            url: obj.download_url,
+            type: details.type,
+            thumbnail: details.thumbnail,
+          };
+
+          return fileObj;
+        });
 
-            return fileObjWithDetails;
-          })
-        )
-      ),
-      reduce((acc: FileObject[], curr) => acc.concat(curr), [])
+        return fileObjs;
+      })
     );
 
     this.attachments$ = editExpenseAttachments;