Use GetAccessFile in file viewer components

Use the `GetAccessFile` method in various file viewer components. In
particular:
  - The code that fetches the PDF url in the file-viewer component
  - The code that fetches the proper audio file
  - The code that fetches the proper video file
  - The code that fetches which image to use in OpenSeaDragon

PER-9873: Update clients to favor Archivematica access copies

Author: meisekimiu

src/app/file-browser/components/file-viewer/file-viewer.component.ts

@@ -25,6 +25,8 @@ import type { KeysOfType } from '@shared/utilities/keysoftype';
 import { Subscription } from 'rxjs';
 import { SearchService } from '@search/services/search.service';
 import { ZoomingImageViewerComponent } from '@shared/components/zooming-image-viewer/zooming-image-viewer.component';
+import { FileFormat } from '@models/file-vo';
+import { GetAccessFile } from '@models/get-access-file';
 import { TagsService } from '../../../core/services/tags/tags.service';
 
 @Component({
@@ -194,9 +196,11 @@ export class FileViewerComponent implements OnInit, OnDestroy {
     this.isZoomableImage =
       this.currentRecord.type.includes('image') &&
       this.currentRecord.FileVOs?.length &&
-      ZoomingImageViewerComponent.chooseFullSizeImage(this.currentRecord);
+      typeof ZoomingImageViewerComponent.chooseFullSizeImage(
+        this.currentRecord,
+      ) !== 'undefined';
     this.isDocument = this.currentRecord.FileVOs?.some(
-      (obj: ItemVO) => obj.type.includes('pdf') || obj.type.includes('txt'),
+      (obj) => obj.type.includes('pdf') || obj.type.includes('txt'),
     );
     this.documentUrl = this.getDocumentUrl();
     this.setCurrentTags();
@@ -215,19 +219,17 @@ export class FileViewerComponent implements OnInit, OnDestroy {
       return false;
     }
 
-    const original = find(this.currentRecord.FileVOs, {
-      format: 'file.format.original',
-    }) as any;
-    const pdf = find(this.currentRecord.FileVOs, (f) =>
-      f.type.includes('pdf'),
-    ) as any;
+    const original = this.currentRecord.FileVOs.find(
+      (file) => file.format === FileFormat.Original,
+    );
+    const access = GetAccessFile(this.currentRecord);
 
     let url;
 
     if (original?.type.includes('pdf') || original?.type.includes('txt')) {
       url = original?.fileURL;
-    } else if (pdf) {
-      url = pdf?.fileURL;
+    } else if (access) {
+      url = access?.fileURL;
     }
 
     if (!url) {

src/app/models/record-vo.ts

@@ -11,6 +11,7 @@ import { LocnVOData } from './locn-vo';
 import { TagVOData } from './tag-vo';
 import { ArchiveVO } from './archive-vo';
 import { HasThumbnails } from './get-thumbnail';
+import { PermanentFile } from './file-vo';
 
 interface RecordVoOptions {
   dataStatus: DataStatus;
@@ -107,7 +108,7 @@ export class RecordVO
   // Other stuff
   public LocnVO: LocnVOData;
   public TimezoneVO: TimezoneVOData;
-  public FileVOs;
+  public FileVOs: PermanentFile[];
   public TagVOs: TagVOData[];
   public TextDataVOs;
   public ArchiveVOs: ArchiveVO[];

src/app/shared/components/audio/audio.component.ts

@@ -1,26 +1,18 @@
-import { Component, OnInit, Input, OnChanges } from '@angular/core';
+/* @format */
+import { Component, Input, OnChanges } from '@angular/core';
 import { RecordVO } from '@models';
-import { find } from 'lodash';
+import { GetAccessFile } from '@models/get-access-file';
 
 @Component({
   selector: 'pr-audio',
   templateUrl: './audio.component.html',
-  styleUrls: ['./audio.component.scss']
+  styleUrls: ['./audio.component.scss'],
 })
 export class AudioComponent implements OnChanges {
   @Input() item: RecordVO;
   audioSrc: string;
-  constructor() { }
 
   ngOnChanges(): void {
-    const convertedFile = find(this.item.FileVOs, {format: 'file.format.converted'}) as any;
-    const originalFile = find(this.item.FileVOs, {format: 'file.format.original'}) as any;
-
-    if (convertedFile) {
-      this.audioSrc = convertedFile.fileURL;
-    } else if (originalFile) {
-      this.audioSrc = originalFile.fileURL;
-    }
+    this.audioSrc = GetAccessFile(this.item)?.fileURL;
   }
-
 }

src/app/shared/components/video/video.component.ts

@@ -1,15 +1,16 @@
+/* @format */
 import { Component, OnInit, Input, ElementRef, Renderer2 } from '@angular/core';
 import { gsap } from 'gsap';
-import { find } from 'lodash';
 
 import { RecordVO } from '@root/app/models';
+import { GetAccessFile } from '@models/get-access-file';
 
 const FADE_IN_DURATION = 0.3;
 
 @Component({
   selector: 'pr-video',
   templateUrl: './video.component.html',
-  styleUrls: ['./video.component.scss']
+  styleUrls: ['./video.component.scss'],
 })
 export class VideoComponent implements OnInit {
   @Input() item: RecordVO;
@@ -19,39 +20,34 @@ export class VideoComponent implements OnInit {
   public videoSrc: string;
   public isProcessing: boolean;
 
-  constructor(private elementRef: ElementRef, private renderer: Renderer2) { }
+  constructor(
+    private elementRef: ElementRef,
+    private renderer: Renderer2,
+  ) {}
 
   ngOnInit() {
     this.videoElem = this.elementRef.nativeElement.querySelector('video');
-    this.videoWrapperElem = this.elementRef.nativeElement.querySelector('.pr-video-wrapper');
+    this.videoWrapperElem =
+      this.elementRef.nativeElement.querySelector('.pr-video-wrapper');
 
     this.videoElem.addEventListener('loadstart', (event) => {
       setTimeout(() => {
         this.renderer.removeClass(this.videoWrapperElem, 'loading');
-        gsap.from(
-          this.videoElem,
-          FADE_IN_DURATION,
-          {
-            opacity: 0,
-            ease: 'Power4.easeOut'
-          }
-        );
+        gsap.from(this.videoElem, FADE_IN_DURATION, {
+          opacity: 0,
+          ease: 'Power4.easeOut',
+        });
       }, 250);
     });
 
-    const convertedFile = find(this.item.FileVOs, {type: 'type.file.video.mp4', format: 'file.format.converted'}) as any;
-    const originalFile = find(this.item.FileVOs, {format: 'file.format.original'}) as any;
+    const accessFile = GetAccessFile(this.item);
 
-    if (convertedFile) {
-      this.videoSrc = convertedFile.fileURL;
-      this.isProcessing = false;
-    } else if (originalFile) {
-      this.videoSrc = originalFile.fileURL;
+    if (accessFile) {
+      this.videoSrc = accessFile.fileURL;
       this.isProcessing = false;
     } else {
       this.renderer.removeClass(this.videoWrapperElem, 'loading');
       this.isProcessing = true;
     }
   }
-
 }

src/app/shared/components/zooming-image-viewer/zooming-image-viewer.component.ts

@@ -10,6 +10,7 @@ import {
   Output,
   ViewChild,
 } from '@angular/core';
+import { GetAccessFile } from '@models/get-access-file';
 import { RecordVO } from '@models/index';
 import * as OpenSeaDragon from 'openseadragon';
 import { ZoomEvent, FullScreenEvent } from 'openseadragon';
@@ -84,13 +85,7 @@ export class ZoomingImageViewerComponent implements AfterViewInit, OnDestroy {
   }
 
   public static chooseFullSizeImage(record: RecordVO) {
-    if (record.FileVOs.length > 1) {
-      const convertedUrl = record.FileVOs.find(
-        (file) => file.format == 'file.format.converted',
-      )?.fileURL;
-      return convertedUrl ?? record.FileVOs[0]?.fileURL;
-    }
-    return record.FileVOs[0]?.fileURL;
+    return GetAccessFile(record)?.fileURL;
   }
 
   private enablePanning(flag: boolean): void {