fix: save and replace external IIIF image (DEV-4227) (#2013)

libs/vre/resource-editor/representations/src/lib/edit-third-party-iiif-form/edit-third-party-iiif-form.component.ts

@@ -1,7 +1,6 @@
 import { Component, Inject } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { KnoraApiConnection } from '@dasch-swiss/dsp-js';
 import { ThirdPartyIiifProps, ThirdPartyIiiifForm } from './edit-third-party-iiif-types';
 
 @Component({
@@ -23,6 +22,7 @@ export class EditThirdPartyIiifFormComponent {
 
   submitData() {
     this.loading = true;
+    delete (this.thirdPartyIiifForm.value.fileValue as any)?.filename;
     this.dialogRef.close(this.thirdPartyIiifForm.value.fileValue);
   }
 }

libs/vre/resource-editor/representations/src/lib/still-image/still-image.component.ts

@@ -121,7 +121,7 @@ export class StillImageComponent implements OnChanges, AfterViewInit, OnDestroy
   private _openExternal3iFImage(image: ReadStillImageExternalFileValue) {
     const i3f = IIIFUrl.createUrl(image.externalUrl);
     if (!i3f) {
-      throw new AppError('Error with IIIF URL');
+      throw new AppError("Can't open external IIIF URL");
     }
 
     this.osdService.viewer.open(i3f.infoJsonUrl);

libs/vre/resource-editor/representations/src/lib/third-party-iiif/third-party-iiif.component.ts

@@ -101,7 +101,9 @@ export class ThirdPartyIiifComponent implements ControlValueAccessor, OnInit, On
       updateValue.id = this._initialFileValue.id;
       return updateValue;
     } else {
-      return new CreateStillImageExternalFileValue();
+      const fileValue = new CreateStillImageExternalFileValue();
+      delete (fileValue as any).filename;
+      return fileValue;
     }
   }