fix(parental-leave): Refactor Sync - VMST

libs/api/domains/directorate-of-labour/src/lib/directorate-of-labour.resolver.ts

@@ -36,13 +36,8 @@ export class DirectorateOfLabourResolver {
   async getApplicationInformation(
     @Args('applicationId') applicationId: string,
     @Args('nationalId') nationalId: string,
-    @Args('shouldNotCall') shouldNotCall: boolean,
     @CurrentUser() user: User,
   ): Promise<ApplicationInformation | null> {
-    if (shouldNotCall) {
-      return null
-    }
-
     if (nationalId == user.nationalId) {
       return this.directorateOfLabourService.getApplicationInfo(applicationId)
     }

libs/api/domains/directorate-of-labour/src/models/applicationInformationPeriod.model.ts

@@ -22,4 +22,7 @@ export class ApplicationInformationPeriod {
 
   @Field(() => String)
   firstPeriodStart!: string
+
+  @Field(() => String)
+  days!: string
 }

libs/application/template-api-modules/src/lib/modules/templates/parental-leave/parental-leave.service.ts

@@ -787,9 +787,7 @@ export class ParentalLeaveService extends BaseTemplateApiService {
         }
       } catch (e) {
         this.logger.warn(
-          `Could not fetch applicationInformation on applicationId: {applicationId} with error: {error}`
-            .replace(`{${'applicationId'}}`, application.id)
-            .replace(`{${'error'}}`, e),
+          `Could not fetch applicationInformation on applicationId: ${application.id} with error: ${e}`,
         )
       }
     }
@@ -1533,4 +1531,23 @@ export class ParentalLeaveService extends BaseTemplateApiService {
       throw this.parseErrors(e as VMSTError)
     }
   }
+
+  async setVMSTPeriods({ application }: TemplateApiModuleActionProps) {
+    try {
+      const applicationInformation =
+        await this.applicationInformationAPI.applicationGetApplicationInformation(
+          {
+            applicationId: application.id,
+          },
+        )
+
+      return applicationInformation.periods
+    } catch (e) {
+      this.logger.warn(
+        `Could not fetch applicationInformation on applicationId: ${application.id} with error: ${e}`,
+      )
+    }
+
+    return null
+  }
 }

libs/application/templates/parental-leave/src/constants.ts

@@ -23,7 +23,6 @@ export const NO_MULTIPLE_BIRTHS = '1'
 export const MINIMUM_PERIOD_LENGTH = 14
 
 export enum PLEvents {
-  MODIFY = 'MODIFY',
   CLOSED = 'CLOSED',
   ADDITIONALDOCUMENTSREQUIRED = 'ADDITIONALDOCUMENTSREQUIRED',
 }
@@ -35,7 +34,6 @@ export type Events =
   | { type: DefaultEvents.SUBMIT }
   | { type: DefaultEvents.ABORT }
   | { type: DefaultEvents.EDIT }
-  | { type: 'MODIFY' } // Ex: The user might modify their 'edits'.
   | { type: 'CLOSED' } // Ex: Close application
   | { type: 'ADDITIONALDOCUMENTSREQUIRED' } // Ex: VMST ask for more documents
 
@@ -68,6 +66,7 @@ export enum ApiModuleActions {
   setChildrenInformation = 'setChildrenInformation',
   setBirthDateForNoPrimaryParent = 'setBirthDateForNoPrimaryParent',
   setBirthDate = 'setBirthDate',
+  setVMSTPeriods = 'setVMSTPeriods',
 }
 
 export enum StartDateOptions {

libs/application/templates/parental-leave/src/fields/EditOrAddEmployersAndPeriodsReview/review-groups/Periods.tsx

@@ -39,13 +39,7 @@ const Periods: FC<React.PropsWithChildren<ReviewScreenProps>> = ({
           return (
             <DataValue
               key={`SummaryTimeline-${index}`}
-              label={formatMessage(
-                parentalLeaveFormMessages.reviewScreen.period,
-                {
-                  index: index + 1,
-                  ratio: period.ratio,
-                },
-              )}
+              label={period.title}
               value={value}
             />
           )

libs/application/templates/parental-leave/src/fields/PeriodsRepeater/index.tsx

@@ -70,8 +70,8 @@ const PeriodsRepeater: FC<React.PropsWithChildren<ScreenProps>> = ({
     variables: {
       applicationId: application.id,
       nationalId: application.applicant,
-      shouldNotCall: !shouldCall,
     },
+    skip: !shouldCall,
   })
 
   useEffect(() => {
@@ -85,7 +85,7 @@ const PeriodsRepeater: FC<React.PropsWithChildren<ScreenProps>> = ({
       setRepeaterItems,
       setFieldLoadingState,
     )
-  }, [loading])
+  }, [loading]) // eslint-disable-line react-hooks/exhaustive-deps
 
   useEffect(() => {
     if (!editable) {

libs/application/templates/parental-leave/src/fields/Review/review-groups/Periods.tsx

@@ -43,13 +43,7 @@ export const Periods = ({
           return (
             <DataValue
               key={`SummaryTimeline-${index}`}
-              label={formatMessage(
-                parentalLeaveFormMessages.reviewScreen.period,
-                {
-                  index: index + 1,
-                  ratio: period.ratio,
-                },
-              )}
+              label={period.title}
               value={value}
             />
           )

libs/application/templates/parental-leave/src/fields/components/Timeline/Panel.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from 'react'
 import parseISO from 'date-fns/parseISO'
 
-import { Box, Icon, Text } from '@island.is/island-ui/core'
+import { Box, Icon, Text, Tooltip } from '@island.is/island-ui/core'
 import { useLocale } from '@island.is/localization'
 
 import { parentalLeaveFormMessages } from '../../../lib/messages'
@@ -31,6 +31,7 @@ export const Panel: FC<
   const formatStyle = isMobile ? 'dd MMM' : 'dd MMM yyyy'
   const titleLabel = isMobile ? titleSmall : title
   const firstPeriodUsingActualDateOfBirth = periods?.[0]?.actualDob
+
   return (
     <Box className={styles.panel}>
       <Box className={styles.panelRow}>
@@ -50,17 +51,63 @@ export const Panel: FC<
 
       {periods.map((p, index) => (
         <Box className={styles.panelRow} key={index}>
-          {p.canDelete && editable && onDeletePeriod && (
-            <Box
-              className={styles.deleteIcon}
-              onClick={() => onDeletePeriod(p.startDate)}
-            >
-              <Icon
-                color="dark200"
-                icon="removeCircle"
-                size="medium"
-                type="outline"
-              />
+          {editable && onDeletePeriod && (
+            <Box className={styles.deleteIcon}>
+              {p.canDelete ? (
+                // Period can be deleted
+                <Tooltip
+                  placement="right"
+                  text={formatMessage(
+                    parentalLeaveFormMessages.shared.deletePeriod,
+                  )}
+                >
+                  <button
+                    type="button"
+                    onClick={() => onDeletePeriod(p.startDate)}
+                  >
+                    <Icon
+                      color="dark200"
+                      icon="removeCircle"
+                      size="medium"
+                      type="outline"
+                    />
+                  </button>
+                </Tooltip>
+              ) : p.paid ? (
+                // Period can't be deleted, period paid
+                <Tooltip
+                  placement="right"
+                  text={formatMessage(
+                    parentalLeaveFormMessages.shared.periodPaid,
+                  )}
+                >
+                  <button type="button">
+                    <Icon
+                      color="mint600"
+                      icon="checkmarkCircle"
+                      size="medium"
+                      type="filled"
+                    />
+                  </button>
+                </Tooltip>
+              ) : (
+                // Period can't be deleted, period in progress
+                <Tooltip
+                  placement="right"
+                  text={formatMessage(
+                    parentalLeaveFormMessages.shared.periodInProgress,
+                  )}
+                >
+                  <button type="button">
+                    <Icon
+                      color="mint600"
+                      icon="checkmarkCircle"
+                      size="medium"
+                      type="outline"
+                    />
+                  </button>
+                </Tooltip>
+              )}
             </Box>
           )}
 

libs/application/templates/parental-leave/src/fields/components/Timeline/Timeline.tsx

@@ -18,6 +18,7 @@ export interface TimelinePeriod {
   color?: string
   canDelete?: boolean
   rawIndex: number
+  paid?: boolean
 }
 
 interface TimelineProps {

libs/application/templates/parental-leave/src/forms/EditsRequireAction.ts

@@ -4,7 +4,7 @@ import {
   buildSection,
   buildSubmitField,
 } from '@island.is/application/core'
-import { Form } from '@island.is/application/types'
+import { DefaultEvents, Form } from '@island.is/application/types'
 import Logo from '../assets/Logo'
 import { States as ApplicationStates } from '../constants'
 import {
@@ -38,13 +38,13 @@ export const EditsRequireAction: Form = buildForm({
               refetchApplicationAfterSubmit: true,
               actions: [
                 {
-                  event: 'ABORT',
+                  event: DefaultEvents.ABORT,
                   name: parentalLeaveFormMessages.editFlow
                     .editsNotApprovedDiscardButton,
                   type: 'reject',
                 },
                 {
-                  event: 'MODIFY',
+                  event: DefaultEvents.EDIT,
                   name: parentalLeaveFormMessages.reviewScreen.buttonsEdit,
                   type: 'sign',
                 },

libs/application/templates/parental-leave/src/graphql/queries.ts

@@ -31,12 +31,10 @@ export const GetApplicationInformation = gql`
   query GetApplicationInformation(
     $applicationId: String!
     $nationalId: String!
-    $shouldNotCall: Boolean!
   ) {
     getApplicationInformation(
       applicationId: $applicationId
       nationalId: $nationalId
-      shouldNotCall: $shouldNotCall
     ) {
       periods {
         from
@@ -45,6 +43,8 @@ export const GetApplicationInformation = gql`
         paid
         firstPeriodStart
         rightsCodePeriod
+        days
+        approved
       }
     }
   }