@lysaab/lysa-pep 1.0.1-0 → 1.0.2-0

package/src/pages/RelationPage/RelationMessages.ts

@@ -13,43 +13,43 @@ export const relationMessages = defineMessages({
           CORPORATION {
             Vilken relation har {name} till personen i politiskt utsatt ställning?
           }
-      }`
+      }`,
   },
   required: {
     id: "pep.relation.relation.required",
     description: "Required error message",
-    defaultMessage: `Du måste välja ett alternativ`
+    defaultMessage: `Du måste välja ett alternativ`,
   },
   [Relation.MARRIED_PARTNER]: {
     id: "pep.relation.relation.MARRIED_PARTNER",
     description: "The person is married to someone who is pep",
-    defaultMessage: `Make/Maka till PEP`
+    defaultMessage: `Make/Maka till PEP`,
   },
   [Relation.COLIVING_PARTNER]: {
     id: "pep.relation.relation.COLIVING_PARTNER",
     description: "The person is married to someone who is pep",
-    defaultMessage: `Sambo till PEP`
+    defaultMessage: `Sambo till PEP`,
   },
   [Relation.CHILD]: {
     id: "pep.relation.relation.CHILD",
     description: "The person is married to someone who is pep",
-    defaultMessage: `Barn till PEP`
+    defaultMessage: `Barn till PEP`,
   },
   [Relation.PARENT]: {
     id: "pep.relation.relation.PARENT",
     description: "The person is married to someone who is pep",
-    defaultMessage: `Förälder till PEP`
+    defaultMessage: `Förälder till PEP`,
   },
   [Relation.CHILD_MARRIED_PARTNER]: {
     id: "pep.relation.relation.CHILD_MARRIED_PARTNER",
     description: "The person is married to someone who is pep",
-    defaultMessage: `Make/Maka till barn till PEP`
+    defaultMessage: `Make/Maka till barn till PEP`,
   },
   [Relation.CHILD_COLIVING_PARTNER]: {
     id: "pep.relation.relation.CHILD_COLIVING_PARTNER",
     description: "The person is married to someone who is pep",
-    defaultMessage: `Sambo till barn till PEP`
-  }
+    defaultMessage: `Sambo till barn till PEP`,
+  },
 });
 
 export const businessRelationMessages = defineMessages({
@@ -64,12 +64,12 @@ export const businessRelationMessages = defineMessages({
           CORPORATION {
             Vilken relation har {name} till personen i politisk utsatt ställning?
           }
-      }`
+      }`,
   },
   required: {
     id: "pep.relation.businessrelation.required",
     description: "Required error message",
-    defaultMessage: `Du måste välja ett alternativ`
+    defaultMessage: `Du måste välja ett alternativ`,
   },
   [BusinessRelation.CO_OWNERSHIP]: {
     id: "pep.relation.businessrelation.alt.CO_OWNERSHIP",
@@ -80,9 +80,9 @@ export const businessRelationMessages = defineMessages({
             Jag är verklig huvudman till en juridisk person, eller juridiska konstruktioner, tillsammans med en PEP
           }
           CORPORATION {
-            Vilken relation har {name} till personen i politisk utsatt ställning?
+            {name} är verklig huvudman till en juridisk person, eller juridiska konstruktioner, tillsammans med en PEP
           }
-      }`
+      }`,
   },
   [BusinessRelation.CLOSE_CONNECTION]: {
     id: "pep.relation.businessrelation.alt.CLOSE_CONNECTION",
@@ -93,9 +93,9 @@ export const businessRelationMessages = defineMessages({
             Jag är en person som på annat sätt har eller har haft nära förbindelser med en PEP
           }
           CORPORATION {
-            Vilken relation har {name} till personen i politisk utsatt ställning?
+            {name} är en person som på annat sätt har eller har haft nära förbindelser med en PEP  
           }
-      }`
+      }`,
   },
   [BusinessRelation.COMPANY_FOR_PEP]: {
     id: "pep.relation.businessrelation.alt.COMPANY_FOR_PEP",
@@ -106,10 +106,11 @@ export const businessRelationMessages = defineMessages({
             Jag är verklig huvudman till en juridisk person, eller juridiska konstruktioner, tillsammans med en PEP
           }
           CORPORATION {
-            Vilken relation har {name} till personen i politisk utsatt ställning?
+            {name} är ensam verklig huvudman till en juridisk person eller konstruktion som har upprättats till förmån för en PEP
+  
           }
-      }`
-  }
+      }`,
+  },
 });
 
 export const relativeNameMessages = defineMessages({
@@ -146,34 +147,34 @@ export const relativeNameMessages = defineMessages({
             {
               relation, select, 
                 MARRIED_PARTNER {
-                  Vad heter {name} make/maka?
+                  Vad heter {possessiveName} make/maka?
                 }
                 COLIVING_PARTNER {
-                  Vad heter {name} sambo?
+                  Vad heter {possessiveName} sambo?
                 }
                 CHILD {
-                  Vad heter {name} förälder?
+                  Vad heter {possessiveName} förälder?
                 }
                 PARENT {
-                  Vad heter {name} barn?
+                  Vad heter {possessiveName} barn?
                 }
                 CHILD_MARRIED_PARTNER {
-                  Vad heter föräldern till {name} make/maka?
+                  Vad heter föräldern till {possessiveName} make/maka?
                 }
                 CHILD_COLIVING_PARTNER {
-                  Vad heter föräldern till {name} sambo?
+                  Vad heter föräldern till {possessiveName} sambo?
                 }
                 other {}
             }
           }
           other {}
-      }`
+      }`,
   },
   required: {
     id: "pep.relation.relative.name.required",
     description: "Required error message",
-    defaultMessage: `Du måste välja ett alternativ`
-  }
+    defaultMessage: `Du måste välja ett alternativ`,
+  },
 });
 
 export const birthdayMessages = defineMessages({
@@ -210,34 +211,34 @@ export const birthdayMessages = defineMessages({
             {
               relation, select, 
                 MARRIED_PARTNER {
-                  När är {name} make/maka född?
+                  När är {possessiveName} make/maka född?
                 }
                 COLIVING_PARTNER {
-                    När är {name} sambo född?
+                    När är {possessiveName} sambo född?
                 }
                 CHILD {
-                    När är {name} förälder född?
+                    När är {possessiveName} förälder född?
                 }
                 PARENT {
-                    När är {name} barn fött?
+                    När är {possessiveName} barn fött?
                 }
                 CHILD_MARRIED_PARTNER {
-                    När är föräldern till {name} make/maka född?
+                    När är föräldern till {possessiveName} make/maka född?
                 }
                 CHILD_COLIVING_PARTNER {
-                    När är föräldern till {name} sambo född?
+                    När är föräldern till {possessiveName} sambo född?
                 }
                 other {}
             }
           }
           other {}
-      }`
+      }`,
   },
   required: {
     id: "pep.relation.birthday.required",
     description: "Required error message",
-    defaultMessage: `Ange datum`
-  }
+    defaultMessage: `Ange datum`,
+  },
 });
 
 export const colleagueNameMessages = defineMessages({
@@ -277,11 +278,11 @@ export const colleagueNameMessages = defineMessages({
             }
           }
           other {}
-      }`
+      }`,
   },
   required: {
     id: "pep.relation.colleague.name.required",
     description: "Required error message",
-    defaultMessage: `Du måste välja ett alternativ`
-  }
+    defaultMessage: `Du måste välja ett alternativ`,
+  },
 });

package/src/pages/RelationPage/RelationPage.tsx

@@ -2,7 +2,7 @@ import React, {
   useContext,
   useRef,
   useCallback,
-  FunctionComponent
+  FunctionComponent,
 } from "react";
 import {
   PepContext,
@@ -10,7 +10,7 @@ import {
   BusinessRelation,
   Relation,
   EntityType,
-  PepContextProps
+  PepContextProps,
 } from "../PepContext";
 import {
   LysaFormRef,
@@ -20,7 +20,7 @@ import {
   RequiredValidator,
   TextInput,
   Datepicker,
-  PrimaryButton
+  PrimaryButton,
 } from "@lysaab/ui-2";
 import { DateTime } from "luxon";
 import { useIntl, IntlShape, FormattedMessage } from "react-intl";
@@ -29,8 +29,9 @@ import {
   businessRelationMessages,
   relativeNameMessages,
   birthdayMessages,
-  colleagueNameMessages
+  colleagueNameMessages,
 } from "./RelationMessages";
+import { formatPossessive } from "../../utils/Possession";
 
 const DATEPICKER_START_DATE = DateTime.fromISO("1970-01-01").toJSDate();
 
@@ -66,42 +67,48 @@ export const RelationPage: FunctionComponent<Props> = ({ next }) => {
       {type === PepType.RELATIVE ? (
         <RadioGroup
           alternatives={relationAlternatives}
-          onChange={alternative => {
+          onChange={(alternative) => {
             pepContext.setState({
-              relationToPEP: alternative.value
+              relationToPEP: alternative.value,
             });
           }}
           value={relationAlternatives.find(
-            alt => alt.value === pepContext.state.relationToPEP
+            (alt) => alt.value === pepContext.state.relationToPEP
           )}
           header={intl.formatMessage(relationMessages.header, {
             entityType,
-            name: pepContext.state.ownerName
+            name: pepContext.state.ownerName,
+            possessiveName: formatPossessive(
+              pepContext.state.ownerName,
+              intl.locale
+            ),
           })}
           validators={[
-            RequiredValidator(intl.formatMessage(relationMessages.required))
+            new RequiredValidator(
+              intl.formatMessage(relationMessages.required)
+            ),
           ]}
         />
       ) : null}
       {type === PepType.COLLEAGUE ? (
         <RadioGroup
           alternatives={businessRelationAlternatives}
-          onChange={alternative => {
+          onChange={(alternative) => {
             pepContext.setState({
-              businessRelation: alternative.value
+              businessRelation: alternative.value,
             });
           }}
           value={businessRelationAlternatives.find(
-            alt => alt.value === pepContext.state.businessRelation
+            (alt) => alt.value === pepContext.state.businessRelation
           )}
           header={intl.formatMessage(businessRelationMessages.header, {
             entityType,
-            name: pepContext.state.ownerName
+            name: pepContext.state.ownerName,
           })}
           validators={[
-            RequiredValidator(
+            new RequiredValidator(
               intl.formatMessage(businessRelationMessages.required)
-            )
+            ),
           ]}
         />
       ) : null}
@@ -111,30 +118,46 @@ export const RelationPage: FunctionComponent<Props> = ({ next }) => {
             label={intl.formatMessage(relativeNameMessages.header, {
               entityType,
               name: pepContext.state.ownerName,
-              relation: pepContext.state.relationToPEP
+              relation:
+                pepContext.state.type === PepType.COLLEAGUE
+                  ? pepContext.state.businessRelation
+                  : pepContext.state.relationToPEP,
+              possessiveName: formatPossessive(
+                pepContext.state.ownerName,
+                intl.locale
+              ),
             })}
             value={pepContext.state.nameOfPEP || ""}
-            onChange={value => {
+            onChange={(value) => {
               pepContext.setState({ nameOfPEP: value });
             }}
             validators={[
-              RequiredValidator(
+              new RequiredValidator(
                 intl.formatMessage(relativeNameMessages.required)
-              )
+              ),
             ]}
           />
           <Datepicker
             label={intl.formatMessage(birthdayMessages.header, {
               entityType,
               name: pepContext.state.ownerName,
-              relation: pepContext.state.relationToPEP
+              relation:
+                pepContext.state.type === PepType.COLLEAGUE
+                  ? pepContext.state.businessRelation
+                  : pepContext.state.relationToPEP,
+              possessiveName: formatPossessive(
+                pepContext.state.ownerName,
+                intl.locale
+              ),
             })}
             selected={pepContext.state.birthdayOfPEP}
-            onChange={event =>
+            onChange={(event) =>
               pepContext.setState({ birthdayOfPEP: event || undefined })
             }
             validators={[
-              RequiredValidator(intl.formatMessage(birthdayMessages.required))
+              new RequiredValidator(
+                intl.formatMessage(birthdayMessages.required)
+              ),
             ]}
             maxDate={new Date()}
             openToDate={pepContext.state.birthdayOfPEP || DATEPICKER_START_DATE}
@@ -148,16 +171,23 @@ export const RelationPage: FunctionComponent<Props> = ({ next }) => {
             label={intl.formatMessage(colleagueNameMessages.header, {
               entityType,
               name: pepContext.state.ownerName,
-              relation: pepContext.state.businessRelation
+              relation:
+                pepContext.state.type === PepType.COLLEAGUE
+                  ? pepContext.state.businessRelation
+                  : pepContext.state.relationToPEP,
+              possessiveName: formatPossessive(
+                pepContext.state.ownerName,
+                intl.locale
+              ),
             })}
             value={pepContext.state.nameOfPEP || ""}
-            onChange={value => {
+            onChange={(value) => {
               pepContext.setState({ nameOfPEP: value });
             }}
             validators={[
-              RequiredValidator(
+              new RequiredValidator(
                 intl.formatMessage(colleagueNameMessages.required)
-              )
+              ),
             ]}
           />
         </React.Fragment>
@@ -181,51 +211,51 @@ function getRelationAlternatives(
     {
       text: intl.formatMessage(relationMessages[Relation.MARRIED_PARTNER], {
         entityType,
-        name: pepContext.state.ownerName
+        name: pepContext.state.ownerName,
       }),
-      value: Relation.MARRIED_PARTNER
+      value: Relation.MARRIED_PARTNER,
     },
     {
       text: intl.formatMessage(relationMessages[Relation.COLIVING_PARTNER], {
         entityType,
-        name: pepContext.state.ownerName
+        name: pepContext.state.ownerName,
       }),
-      value: Relation.COLIVING_PARTNER
+      value: Relation.COLIVING_PARTNER,
     },
     {
       text: intl.formatMessage(relationMessages[Relation.CHILD], {
         entityType,
-        name: pepContext.state.ownerName
+        name: pepContext.state.ownerName,
       }),
-      value: Relation.CHILD
+      value: Relation.CHILD,
     },
     {
       text: intl.formatMessage(relationMessages[Relation.PARENT], {
         entityType,
-        name: pepContext.state.ownerName
+        name: pepContext.state.ownerName,
       }),
-      value: Relation.PARENT
+      value: Relation.PARENT,
     },
     {
       text: intl.formatMessage(
         relationMessages[Relation.CHILD_MARRIED_PARTNER],
         {
           entityType,
-          name: pepContext.state.ownerName
+          name: pepContext.state.ownerName,
         }
       ),
-      value: Relation.CHILD_MARRIED_PARTNER
+      value: Relation.CHILD_MARRIED_PARTNER,
     },
     {
       text: intl.formatMessage(
         relationMessages[Relation.CHILD_COLIVING_PARTNER],
         {
           entityType,
-          name: pepContext.state.ownerName
+          name: pepContext.state.ownerName,
         }
       ),
-      value: Relation.CHILD_COLIVING_PARTNER
-    }
+      value: Relation.CHILD_COLIVING_PARTNER,
+    },
   ];
 }
 
@@ -240,30 +270,30 @@ function getBusinessRelationAlternatives(
         businessRelationMessages[BusinessRelation.CO_OWNERSHIP],
         {
           entityType,
-          name: pepContext.state.ownerName
+          name: pepContext.state.ownerName,
         }
       ),
-      value: BusinessRelation.CO_OWNERSHIP
+      value: BusinessRelation.CO_OWNERSHIP,
     },
     {
       text: intl.formatMessage(
         businessRelationMessages[BusinessRelation.CLOSE_CONNECTION],
         {
           entityType,
-          name: pepContext.state.ownerName
+          name: pepContext.state.ownerName,
         }
       ),
-      value: BusinessRelation.CLOSE_CONNECTION
+      value: BusinessRelation.CLOSE_CONNECTION,
     },
     {
       text: intl.formatMessage(
         businessRelationMessages[BusinessRelation.COMPANY_FOR_PEP],
         {
           entityType,
-          name: pepContext.state.ownerName
+          name: pepContext.state.ownerName,
         }
       ),
-      value: BusinessRelation.COMPANY_FOR_PEP
-    }
+      value: BusinessRelation.COMPANY_FOR_PEP,
+    },
   ];
 }