Feat - Update Preprint (#170)

* fix(metadata-step): Added maxDate to the datepicker to be today's date

* feat(review-step): Added accordion for license to show full text

* feat(update-preprint-stepper): Implemented stepper for updating preprint

* refactor(preprint-stepper-store): Renamed submit-preprint -> preprint-stepper store

* fix(preprints): Using strings from en.json

Author: rrromchIk

src/app/features/preprints/components/index.ts

@@ -16,4 +16,5 @@ export { PreprintsResourcesFiltersComponent } from '@osf/features/preprints/comp
 export { PreprintsSubjectFilterComponent } from '@osf/features/preprints/components/filters/preprints-subject-filter/preprints-subject-filter.component';
 export { FileStepComponent } from '@osf/features/preprints/components/stepper/file-step/file-step.component';
 export { MetadataStepComponent } from '@osf/features/preprints/components/stepper/metadata-step/metadata-step.component';
+export { ReviewStepComponent } from '@osf/features/preprints/components/stepper/review-step/review-step.component';
 export { TitleAndAbstractStepComponent } from '@osf/features/preprints/components/stepper/title-and-abstract-step/title-and-abstract-step.component';

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

@@ -28,7 +28,7 @@ import { ArrayInputComponent } from '@osf/features/preprints/components/stepper/
 import { formInputLimits, preregLinksOptions } from '@osf/features/preprints/constants';
 import { ApplicabilityStatus, PreregLinkInfo } from '@osf/features/preprints/enums';
 import { Preprint } from '@osf/features/preprints/models';
-import { SubmitPreprintSelectors, UpdatePreprint } from '@osf/features/preprints/store/submit-preprint';
+import { PreprintStepperSelectors, UpdatePreprint } from '@osf/features/preprints/store/preprint-stepper';
 import { FormSelectComponent } from '@shared/components';
 import { INPUT_VALIDATION_MESSAGES } from '@shared/constants';
 import { CustomConfirmationService, ToastService } from '@shared/services';
@@ -68,8 +68,8 @@ export class AuthorAssertionsStepComponent {
   readonly preregLinkOptions = preregLinksOptions;
   readonly linkValidators = [CustomValidators.linkValidator(), CustomValidators.requiredTrimmed()];
 
-  createdPreprint = select(SubmitPreprintSelectors.getCreatedPreprint);
-  isUpdatingPreprint = select(SubmitPreprintSelectors.isPreprintSubmitting);
+  createdPreprint = select(PreprintStepperSelectors.getCreatedPreprint);
+  isUpdatingPreprint = select(PreprintStepperSelectors.isPreprintSubmitting);
 
   readonly authorAssertionsForm = new FormGroup({
     hasCoi: new FormControl<boolean>(this.createdPreprint()!.hasCoi || false, {

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

@@ -31,15 +31,15 @@ import { PreprintFileSource } from '@osf/features/preprints/enums';
 import { PreprintProviderDetails } from '@osf/features/preprints/models';
 import {
   CopyFileFromProject,
-  GetAvailableProjects,
-  GetPreprintFilesLinks,
-  GetProjectFiles,
-  GetProjectFilesByLink,
+  FetchAvailableProjects,
+  FetchPreprintFilesLinks,
+  FetchProjectFiles,
+  FetchProjectFilesByLink,
+  PreprintStepperSelectors,
   ReuploadFile,
   SetSelectedPreprintFileSource,
-  SubmitPreprintSelectors,
   UploadFile,
-} from '@osf/features/preprints/store/submit-preprint';
+} from '@osf/features/preprints/store/preprint-stepper';
 import { FilesTreeActions } from '@osf/features/project/files/models';
 import { FilesTreeComponent, IconComponent } from '@shared/components';
 import { OsfFile } from '@shared/models';
@@ -70,29 +70,29 @@ export class FileStepComponent implements OnInit {
   private customConfirmationService = inject(CustomConfirmationService);
   private actions = createDispatchMap({
     setSelectedFileSource: SetSelectedPreprintFileSource,
-    getPreprintFilesLinks: GetPreprintFilesLinks,
+    getPreprintFilesLinks: FetchPreprintFilesLinks,
     uploadFile: UploadFile,
     reuploadFile: ReuploadFile,
-    getAvailableProjects: GetAvailableProjects,
-    getFilesForSelectedProject: GetProjectFiles,
-    getProjectFilesByLink: GetProjectFilesByLink,
+    getAvailableProjects: FetchAvailableProjects,
+    getFilesForSelectedProject: FetchProjectFiles,
+    getProjectFilesByLink: FetchProjectFilesByLink,
     copyFileFromProject: CopyFileFromProject,
   });
   private destroyRef = inject(DestroyRef);
 
   readonly PreprintFileSource = PreprintFileSource;
 
   provider = input.required<PreprintProviderDetails | undefined>();
-  createdPreprint = select(SubmitPreprintSelectors.getCreatedPreprint);
-  providerId = select(SubmitPreprintSelectors.getSelectedProviderId);
-  selectedFileSource = select(SubmitPreprintSelectors.getSelectedFileSource);
-  fileUploadLink = select(SubmitPreprintSelectors.getUploadLink);
-  preprintFiles = select(SubmitPreprintSelectors.getPreprintFiles);
-  arePreprintFilesLoading = select(SubmitPreprintSelectors.arePreprintFilesLoading);
-  availableProjects = select(SubmitPreprintSelectors.getAvailableProjects);
-  areAvailableProjectsLoading = select(SubmitPreprintSelectors.areAvailableProjectsLoading);
-  projectFiles = select(SubmitPreprintSelectors.getProjectFiles);
-  areProjectFilesLoading = select(SubmitPreprintSelectors.areProjectFilesLoading);
+  createdPreprint = select(PreprintStepperSelectors.getCreatedPreprint);
+  providerId = select(PreprintStepperSelectors.getSelectedProviderId);
+  selectedFileSource = select(PreprintStepperSelectors.getSelectedFileSource);
+  fileUploadLink = select(PreprintStepperSelectors.getUploadLink);
+  preprintFiles = select(PreprintStepperSelectors.getPreprintFiles);
+  arePreprintFilesLoading = select(PreprintStepperSelectors.arePreprintFilesLoading);
+  availableProjects = select(PreprintStepperSelectors.getAvailableProjects);
+  areAvailableProjectsLoading = select(PreprintStepperSelectors.areAvailableProjectsLoading);
+  projectFiles = select(PreprintStepperSelectors.getProjectFiles);
+  areProjectFilesLoading = select(PreprintStepperSelectors.areProjectFilesLoading);
   selectedProjectId = signal<StringOrNull>(null);
   currentFolder = signal<OsfFile | null>(null);
 

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

@@ -67,6 +67,7 @@ <h2>{{ 'preprints.preprintStepper.metadata.publicationDateTitle' | translate }}<
     [showIcon]="true"
     [showOnFocus]="true"
     dateFormat="yy-mm-dd"
+    [maxDate]="today"
   >
     <ng-template #inputicon>
       <osf-icon class="fa fa-calendar" />

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

@@ -18,10 +18,10 @@ import { MetadataForm, Preprint } from '@osf/features/preprints/models';
 import {
   CreatePreprint,
   FetchLicenses,
+  PreprintStepperSelectors,
   SaveLicense,
-  SubmitPreprintSelectors,
   UpdatePreprint,
-} from '@osf/features/preprints/store/submit-preprint';
+} from '@osf/features/preprints/store/preprint-stepper';
 import { IconComponent, LicenseComponent, TagsInputComponent, TextInputComponent } from '@shared/components';
 import { INPUT_VALIDATION_MESSAGES } from '@shared/constants';
 import { License, LicenseOptions } from '@shared/models';
@@ -65,10 +65,11 @@ export class MetadataStepComponent implements OnInit {
   protected metadataForm!: FormGroup<MetadataForm>;
   protected inputLimits = formInputLimits;
   protected readonly INPUT_VALIDATION_MESSAGES = INPUT_VALIDATION_MESSAGES;
+  protected today = new Date();
 
-  licenses = select(SubmitPreprintSelectors.getLicenses);
-  createdPreprint = select(SubmitPreprintSelectors.getCreatedPreprint);
-  isUpdatingPreprint = select(SubmitPreprintSelectors.isPreprintSubmitting);
+  licenses = select(PreprintStepperSelectors.getLicenses);
+  createdPreprint = select(PreprintStepperSelectors.getCreatedPreprint);
+  isUpdatingPreprint = select(PreprintStepperSelectors.isPreprintSubmitting);
 
   nextClicked = output<void>();
   backClicked = output<void>();

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

@@ -8,7 +8,7 @@ import { Message } from 'primeng/message';
 import { ChangeDetectionStrategy, Component, effect, input, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 
-import { SubmitPreprintSelectors } from '@osf/features/preprints/store/submit-preprint';
+import { PreprintStepperSelectors } from '@osf/features/preprints/store/preprint-stepper';
 import { SubjectsComponent } from '@osf/shared/components';
 import { ResourceType } from '@osf/shared/enums';
 import { SubjectModel } from '@osf/shared/models';
@@ -31,7 +31,7 @@ import { INPUT_VALIDATION_MESSAGES } from '@shared/constants';
 export class PreprintsSubjectsComponent implements OnInit {
   preprintId = input<string>();
 
-  private readonly selectedProviderId = select(SubmitPreprintSelectors.getSelectedProviderId);
+  private readonly selectedProviderId = select(PreprintStepperSelectors.getSelectedProviderId);
   protected selectedSubjects = select(SubjectsSelectors.getSelectedSubjects);
   protected isSubjectsUpdating = select(SubjectsSelectors.areSelectedSubjectsLoading);
   control = input.required<FormControl>();

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

@@ -74,10 +74,19 @@ <h3>{{ 'preprints.preprintStepper.review.sections.metadata.affiliatedInstitution
       </section>
     }
 
-    <section class="flex flex-column gap-2">
+    <section class="license flex flex-column gap-2">
       <h3>{{ 'preprints.preprintStepper.review.sections.metadata.license' | translate }}</h3>
 
-      <div>{{ license()?.name }}</div>
+      <p-accordion>
+        <p-accordion-panel value="0">
+          <p-accordion-header class="p-0 justify-content-start gap-2">
+            <div>{{ license()?.name }}</div>
+          </p-accordion-header>
+          <p-accordion-content>
+            <div>{{ license()!.text | interpolate: licenseOptionsRecord() }}</div>
+          </p-accordion-content>
+        </p-accordion-panel>
+      </p-accordion>
     </section>
 
     <section class="flex flex-column gap-2">

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

@@ -2,6 +2,7 @@ import { createDispatchMap, select } from '@ngxs/store';
 
 import { TranslatePipe } from '@ngx-translate/core';
 
+import { Accordion, AccordionContent, AccordionHeader, AccordionPanel } from 'primeng/accordion';
 import { Button } from 'primeng/button';
 import { Card } from 'primeng/card';
 import { Tag } from 'primeng/tag';
@@ -15,18 +16,32 @@ import { PreprintProviderDetails } from '@osf/features/preprints/models';
 import {
   FetchLicenses,
   FetchPreprintProject,
+  PreprintStepperSelectors,
   SubmitPreprint,
-  SubmitPreprintSelectors,
-} from '@osf/features/preprints/store/submit-preprint';
+} from '@osf/features/preprints/store/preprint-stepper';
 import { TruncatedTextComponent } from '@shared/components';
 import { ResourceType } from '@shared/enums';
 import { Institution } from '@shared/models';
+import { InterpolatePipe } from '@shared/pipes';
 import { ToastService } from '@shared/services';
 import { ContributorsSelectors, FetchSelectedSubjects, GetAllContributors, SubjectsSelectors } from '@shared/stores';
 
 @Component({
   selector: 'osf-review-step',
-  imports: [Card, TruncatedTextComponent, Tag, DatePipe, Button, TitleCasePipe, TranslatePipe],
+  imports: [
+    Card,
+    TruncatedTextComponent,
+    Tag,
+    DatePipe,
+    Button,
+    TitleCasePipe,
+    TranslatePipe,
+    Accordion,
+    AccordionContent,
+    AccordionHeader,
+    AccordionPanel,
+    InterpolatePipe,
+  ],
   templateUrl: './review-step.component.html',
   styleUrl: './review-step.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -42,16 +57,19 @@ export class ReviewStepComponent implements OnInit {
     submitPreprint: SubmitPreprint,
   });
   provider = input.required<PreprintProviderDetails | undefined>();
-  createdPreprint = select(SubmitPreprintSelectors.getCreatedPreprint);
+  createdPreprint = select(PreprintStepperSelectors.getCreatedPreprint);
 
   contributors = select(ContributorsSelectors.getContributors);
   bibliographicContributors = computed(() => {
     return this.contributors().filter((contributor) => contributor.isBibliographic);
   });
   subjects = select(SubjectsSelectors.getSelectedSubjects);
   affiliatedInstitutions = signal<Institution[]>([]);
-  license = select(SubmitPreprintSelectors.getPreprintLicense);
-  preprintProject = select(SubmitPreprintSelectors.getPreprintProject);
+  license = select(PreprintStepperSelectors.getPreprintLicense);
+  preprintProject = select(PreprintStepperSelectors.getPreprintProject);
+  licenseOptionsRecord = computed(() => {
+    return (this.createdPreprint()?.licenseOptions ?? {}) as Record<string, string>;
+  });
 
   readonly ApplicabilityStatus = ApplicabilityStatus;
   readonly PreregLinkInfo = PreregLinkInfo;

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

@@ -31,10 +31,10 @@ import {
   ConnectProject,
   CreateNewProject,
   DisconnectProject,
+  FetchAvailableProjects,
   FetchPreprintProject,
-  GetAvailableProjects,
-  SubmitPreprintSelectors,
-} from '@osf/features/preprints/store/submit-preprint';
+  PreprintStepperSelectors,
+} from '@osf/features/preprints/store/preprint-stepper';
 import { AddProjectFormComponent } from '@shared/components';
 import { ProjectFormControls } from '@shared/enums';
 import { ProjectForm } from '@shared/models';
@@ -62,7 +62,7 @@ export class SupplementsStepComponent implements OnInit {
   private customConfirmationService = inject(CustomConfirmationService);
   private readonly toastService = inject(ToastService);
   private actions = createDispatchMap({
-    getAvailableProjects: GetAvailableProjects,
+    getAvailableProjects: FetchAvailableProjects,
     connectProject: ConnectProject,
     disconnectProject: DisconnectProject,
     fetchPreprintProject: FetchPreprintProject,
@@ -72,12 +72,12 @@ export class SupplementsStepComponent implements OnInit {
 
   readonly SupplementOptions = SupplementOptions;
 
-  createdPreprint = select(SubmitPreprintSelectors.getCreatedPreprint);
-  isPreprintSubmitting = select(SubmitPreprintSelectors.isPreprintSubmitting);
-  availableProjects = select(SubmitPreprintSelectors.getAvailableProjects);
-  areAvailableProjectsLoading = select(SubmitPreprintSelectors.areAvailableProjectsLoading);
-  preprintProject = select(SubmitPreprintSelectors.getPreprintProject);
-  isPreprintProjectLoading = select(SubmitPreprintSelectors.isPreprintProjectLoading);
+  createdPreprint = select(PreprintStepperSelectors.getCreatedPreprint);
+  isPreprintSubmitting = select(PreprintStepperSelectors.isPreprintSubmitting);
+  availableProjects = select(PreprintStepperSelectors.getAvailableProjects);
+  areAvailableProjectsLoading = select(PreprintStepperSelectors.areAvailableProjectsLoading);
+  preprintProject = select(PreprintStepperSelectors.getPreprintProject);
+  isPreprintProjectLoading = select(PreprintStepperSelectors.isPreprintProjectLoading);
 
   selectedSupplementOption = signal<SupplementOptions>(SupplementOptions.None);
   selectedProjectId = signal<StringOrNull>(null);

src/app/features/preprints/components/stepper/title-and-abstract-step/title-and-abstract-step.component.ts

@@ -14,7 +14,11 @@ import { RouterLink } from '@angular/router';
 
 import { formInputLimits } from '@osf/features/preprints/constants';
 import { TitleAndAbstractForm } from '@osf/features/preprints/models';
-import { CreatePreprint, SubmitPreprintSelectors, UpdatePreprint } from '@osf/features/preprints/store/submit-preprint';
+import {
+  CreatePreprint,
+  PreprintStepperSelectors,
+  UpdatePreprint,
+} from '@osf/features/preprints/store/preprint-stepper';
 import { TextInputComponent } from '@shared/components';
 import { INPUT_VALIDATION_MESSAGES } from '@shared/constants';
 import { ToastService } from '@shared/services';
@@ -64,10 +68,10 @@ export class TitleAndAbstractStepComponent {
     }),
   });
 
-  createdPreprint = select(SubmitPreprintSelectors.getCreatedPreprint);
-  providerId = select(SubmitPreprintSelectors.getSelectedProviderId);
+  createdPreprint = select(PreprintStepperSelectors.getCreatedPreprint);
+  providerId = select(PreprintStepperSelectors.getSelectedProviderId);
 
-  isUpdatingPreprint = select(SubmitPreprintSelectors.isPreprintSubmitting);
+  isUpdatingPreprint = select(PreprintStepperSelectors.isPreprintSubmitting);
   nextClicked = output<void>();
 
   constructor() {