[ENG-10371] Delete draft preprint functionality was not included in Angular update (#940)

- Ticket: [ENG-10371](https://openscience.atlassian.net/browse/ENG-10371)
- Feature flag: n/a

## Summary of Changes
1. Added logic for showing delete button.
2. Added delete button for update preprint.

Author: nsemets

src/app/features/preprints/components/stepper/author-assertion-step/author-assertions-step.component.html

@@ -226,13 +226,15 @@ <h2>{{ 'preprints.preprintStepper.authorAssertions.publicPreregistration.title'
     severity="info"
     (onClick)="backButtonClicked()"
   />
-  <p-button
-    class="w-6 md:w-6rem"
-    styleClass="w-full"
-    [label]="'common.buttons.delete' | translate"
-    severity="danger"
-    (onClick)="deletePreprint()"
-  />
+  @if (showDeleteButton()) {
+    <p-button
+      class="w-6 md:w-6rem"
+      styleClass="w-full"
+      [label]="'common.buttons.delete' | translate"
+      severity="danger"
+      (onClick)="deletePreprint()"
+    />
+  }
   <p-button
     class="w-6 md:w-9rem"
     styleClass="w-full"

src/app/features/preprints/components/stepper/author-assertion-step/author-assertions-step.component.spec.ts

@@ -121,6 +121,21 @@ describe('AuthorAssertionsStepComponent', () => {
     expect(controls.preregLinkInfo.value).toBe(PreregLinkInfo.Both);
   });
 
+  it('should default showDeleteButton to false', () => {
+    setup();
+
+    expect(component.showDeleteButton()).toBe(false);
+  });
+
+  it('should update showDeleteButton when input changes', () => {
+    setup();
+
+    fixture.componentRef.setInput('showDeleteButton', true);
+    fixture.detectChanges();
+
+    expect(component.showDeleteButton()).toBe(true);
+  });
+
   it('should enable coiStatement control when hasCoi becomes true', () => {
     setup({ detectChanges: true });
     component.authorAssertionsForm.controls.hasCoi.setValue(true);

src/app/features/preprints/components/stepper/author-assertion-step/author-assertions-step.component.ts

@@ -10,7 +10,7 @@ import { Textarea } from 'primeng/textarea';
 import { Tooltip } from 'primeng/tooltip';
 
 import { NgClass } from '@angular/common';
-import { ChangeDetectionStrategy, Component, effect, inject, output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, effect, inject, input, output } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import {
   AbstractControl,
@@ -124,6 +124,7 @@ export class AuthorAssertionsStepComponent {
     initialValue: this.createdPreprint()?.hasPreregLinks ?? ApplicabilityStatus.NotApplicable,
   });
 
+  showDeleteButton = input(false);
   nextClicked = output<void>();
   backClicked = output<void>();
   deleteClicked = output<void>();

src/app/features/preprints/components/stepper/file-step/file-step.component.html

@@ -143,13 +143,15 @@ <h2>{{ 'preprints.preprintStepper.file.title' | translate }}</h2>
     severity="info"
     (onClick)="backButtonClicked()"
   />
-  <p-button
-    class="w-6 md:w-6rem"
-    styleClass="w-full"
-    [label]="'common.buttons.delete' | translate"
-    severity="danger"
-    (onClick)="deletePreprint()"
-  />
+  @if (showDeleteButton()) {
+    <p-button
+      class="w-6 md:w-6rem"
+      styleClass="w-full"
+      [label]="'common.buttons.delete' | translate"
+      severity="danger"
+      (onClick)="deletePreprint()"
+    />
+  }
   <p-button
     class="w-6 md:w-9rem"
     styleClass="w-full"

src/app/features/preprints/components/stepper/file-step/file-step.component.spec.ts

@@ -25,7 +25,6 @@ import { FilesTreeComponent } from '@osf/shared/components/files-tree/files-tree
 import { IconComponent } from '@osf/shared/components/icon/icon.component';
 import { FileModel } from '@osf/shared/models/files/file.model';
 import { FileFolderModel } from '@osf/shared/models/files/file-folder.model';
-import { CustomConfirmationService } from '@osf/shared/services/custom-confirmation.service';
 import { ToastService } from '@osf/shared/services/toast.service';
 
 import { FileStepComponent } from './file-step.component';
@@ -34,10 +33,6 @@ import { OSF_FILE_MOCK } from '@testing/mocks/osf-file.mock';
 import { PREPRINT_MOCK } from '@testing/mocks/preprint.mock';
 import { PREPRINT_PROVIDER_DETAILS_MOCK } from '@testing/mocks/preprint-provider-details';
 import { provideOSFCore } from '@testing/osf.testing.provider';
-import {
-  CustomConfirmationServiceMock,
-  CustomConfirmationServiceMockType,
-} from '@testing/providers/custom-confirmation-provider.mock';
 import { mergeSignalOverrides, provideMockStore, SignalOverride } from '@testing/providers/store-provider.mock';
 import { ToastServiceMock, ToastServiceMockType } from '@testing/providers/toast-provider.mock';
 
@@ -46,7 +41,6 @@ describe('FileStepComponent', () => {
   let fixture: ComponentFixture<FileStepComponent>;
   let store: Store;
   let toastServiceMock: ToastServiceMockType;
-  let confirmationServiceMock: CustomConfirmationServiceMockType;
   const originalPointerEvent = (globalThis as unknown as { PointerEvent?: typeof Event }).PointerEvent;
 
   const mockProvider: PreprintProviderDetails = PREPRINT_PROVIDER_DETAILS_MOCK;
@@ -81,16 +75,10 @@ describe('FileStepComponent', () => {
   }) {
     const signals = mergeSignalOverrides(defaultSignals, overrides?.selectorOverrides);
     toastServiceMock = ToastServiceMock.simple();
-    confirmationServiceMock = CustomConfirmationServiceMock.simple();
 
     TestBed.configureTestingModule({
       imports: [FileStepComponent, ...MockComponents(IconComponent, FilesTreeComponent)],
-      providers: [
-        provideOSFCore(),
-        MockProvider(ToastService, toastServiceMock),
-        MockProvider(CustomConfirmationService, confirmationServiceMock),
-        provideMockStore({ signals }),
-      ],
+      providers: [provideOSFCore(), MockProvider(ToastService, toastServiceMock), provideMockStore({ signals })],
     });
 
     store = TestBed.inject(Store);
@@ -348,4 +336,19 @@ describe('FileStepComponent', () => {
 
     expect(store.dispatch).toHaveBeenCalledWith(new FetchProjectFilesByLink('/v2/nodes/node-456/files/', 3));
   });
+
+  it('should default showDeleteButton to false', () => {
+    setup();
+
+    expect(component.showDeleteButton()).toBe(false);
+  });
+
+  it('should update showDeleteButton when input changes', () => {
+    setup();
+
+    fixture.componentRef.setInput('showDeleteButton', true);
+    fixture.detectChanges();
+
+    expect(component.showDeleteButton()).toBe(true);
+  });
 });

src/app/features/preprints/components/stepper/file-step/file-step.component.ts

@@ -46,7 +46,6 @@ import { ClearFileDirective } from '@osf/shared/directives/clear-file.directive'
 import { StringOrNull } from '@osf/shared/helpers/types.helper';
 import { FileModel } from '@osf/shared/models/files/file.model';
 import { FileFolderModel } from '@osf/shared/models/files/file-folder.model';
-import { CustomConfirmationService } from '@osf/shared/services/custom-confirmation.service';
 import { ToastService } from '@osf/shared/services/toast.service';
 
 @Component({
@@ -71,7 +70,6 @@ import { ToastService } from '@osf/shared/services/toast.service';
 })
 export class FileStepComponent implements OnInit {
   private toastService = inject(ToastService);
-  private customConfirmationService = inject(CustomConfirmationService);
   private destroyRef = inject(DestroyRef);
 
   private actions = createDispatchMap({
@@ -90,6 +88,7 @@ export class FileStepComponent implements OnInit {
   readonly PreprintFileSource = PreprintFileSource;
 
   provider = input.required<PreprintProviderDetails>();
+  showDeleteButton = input(false);
   preprint = select(PreprintStepperSelectors.getPreprint);
   selectedFileSource = select(PreprintStepperSelectors.getSelectedFileSource);
   fileUploadLink = select(PreprintStepperSelectors.getUploadLink);

src/app/features/preprints/components/stepper/preprints-metadata-step/preprints-metadata-step.component.html

@@ -106,13 +106,15 @@ <h2 class="mb-4">{{ 'preprints.preprintStepper.metadata.publicationCitationTitle
     severity="info"
     (onClick)="backButtonClicked()"
   />
-  <p-button
-    class="w-6 md:w-6rem"
-    styleClass="w-full"
-    [label]="'common.buttons.delete' | translate"
-    severity="danger"
-    (onClick)="deletePreprint()"
-  />
+  @if (showDeleteButton()) {
+    <p-button
+      class="w-6 md:w-6rem"
+      styleClass="w-full"
+      [label]="'common.buttons.delete' | translate"
+      severity="danger"
+      (onClick)="deletePreprint()"
+    />
+  }
   <p-button
     class="w-6 md:w-9rem"
     styleClass="w-full"

src/app/features/preprints/components/stepper/preprints-metadata-step/preprints-metadata-step.component.spec.ts

@@ -184,6 +184,21 @@ describe('PreprintsMetadataStepComponent', () => {
     expect(nextClickedSpy).toHaveBeenCalled();
   });
 
+  it('should default showDeleteButton to false', () => {
+    setup();
+
+    expect(component.showDeleteButton()).toBe(false);
+  });
+
+  it('should update showDeleteButton when input changes', () => {
+    setup();
+
+    fixture.componentRef.setInput('showDeleteButton', true);
+    fixture.detectChanges();
+
+    expect(component.showDeleteButton()).toBe(true);
+  });
+
   it('should dispatch save license from createLicense', () => {
     setup({ detectChanges: false });
     component.createLicense({ id: MOCK_LICENSE.id, licenseOptions: { year: '2024', copyrightHolders: 'A' } });

src/app/features/preprints/components/stepper/preprints-metadata-step/preprints-metadata-step.component.ts

@@ -63,6 +63,7 @@ export class PreprintsMetadataStepComponent implements OnInit {
   private toastService = inject(ToastService);
 
   provider = input.required<PreprintProviderDetails>();
+  showDeleteButton = input(false);
   nextClicked = output<void>();
   backClicked = output<void>();
   deleteClicked = output<void>();

src/app/features/preprints/components/stepper/review-step/review-step.component.html

@@ -240,14 +240,16 @@ <h2>{{ 'preprints.preprintStepper.review.sections.supplements.title' | translate
     [disabled]="isPreprintSubmitting()"
     (onClick)="cancelSubmission()"
   />
-  <p-button
-    class="w-6 md:w-6rem"
-    styleClass="w-full"
-    [label]="'common.buttons.delete' | translate"
-    severity="danger"
-    [disabled]="isPreprintSubmitting()"
-    (onClick)="deletePreprint()"
-  />
+  @if (showDeleteButton()) {
+    <p-button
+      class="w-6 md:w-6rem"
+      styleClass="w-full"
+      [label]="'common.buttons.delete' | translate"
+      severity="danger"
+      [disabled]="isPreprintSubmitting()"
+      (onClick)="deletePreprint()"
+    />
+  }
   <p-button
     data-test-submit-button
     class="w-6 md:w-9rem"