@lysaab/lysa-pep 0.17.4 → 1.0.0-0

package/src/pages/RelationPage/RelationMessages.ts

@@ -0,0 +1,287 @@
+import { defineMessages } from "react-intl";
+import { BusinessRelation, Relation } from "../PepContext";
+
+export const relationMessages = defineMessages({
+  header: {
+    id: "pep.relation.relation.header",
+    description: "Relation header",
+    defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            Vilken relation har du till personen i politiskt utsatt ställning?
+          }
+          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`
+  },
+  [Relation.MARRIED_PARTNER]: {
+    id: "pep.relation.relation.MARRIED_PARTNER",
+    description: "The person is married to someone who is 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`
+  },
+  [Relation.CHILD]: {
+    id: "pep.relation.relation.CHILD",
+    description: "The person is married to someone who is 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`
+  },
+  [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`
+  },
+  [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`
+  }
+});
+
+export const businessRelationMessages = defineMessages({
+  header: {
+    id: "pep.relation.businessrelation.header",
+    description: "Business relation header",
+    defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            Vilken relation har du till personen i politisk utsatt ställning?
+          }
+          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`
+  },
+  [BusinessRelation.CO_OWNERSHIP]: {
+    id: "pep.relation.businessrelation.alt.CO_OWNERSHIP",
+    description: "Co-ownership alternative",
+    defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            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?
+          }
+      }`
+  },
+  [BusinessRelation.CLOSE_CONNECTION]: {
+    id: "pep.relation.businessrelation.alt.CLOSE_CONNECTION",
+    description: "The person is married to someone who is pep",
+    defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            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?
+          }
+      }`
+  },
+  [BusinessRelation.COMPANY_FOR_PEP]: {
+    id: "pep.relation.businessrelation.alt.COMPANY_FOR_PEP",
+    description: "The person is married to someone who is pep",
+    defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            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?
+          }
+      }`
+  }
+});
+
+export const relativeNameMessages = defineMessages({
+  header: {
+    id: "pep.relation.relative.name.header",
+    description: "Relative name",
+    defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            {
+              relation, select, 
+                MARRIED_PARTNER {
+                  Vad heter din make/maka?
+                }
+                COLIVING_PARTNER {
+                  Vad heter din sambo?
+                }
+                CHILD {
+                  Vad heter din förälder?
+                }
+                PARENT {
+                  Vad heter ditt barn?
+                }
+                CHILD_MARRIED_PARTNER {
+                  Vad heter föräldern till din make/maka?
+                }
+                CHILD_COLIVING_PARTNER {
+                  Vad heter föräldern till din sambo?
+                }
+                other {}
+            }
+          }
+          CORPORATION {
+            {
+              relation, select, 
+                MARRIED_PARTNER {
+                  Vad heter {name} make/maka?
+                }
+                COLIVING_PARTNER {
+                  Vad heter {name} sambo?
+                }
+                CHILD {
+                  Vad heter {name} förälder?
+                }
+                PARENT {
+                  Vad heter {name} barn?
+                }
+                CHILD_MARRIED_PARTNER {
+                  Vad heter föräldern till {name} make/maka?
+                }
+                CHILD_COLIVING_PARTNER {
+                  Vad heter föräldern till {name} sambo?
+                }
+                other {}
+            }
+          }
+          other {}
+      }`
+  },
+  required: {
+    id: "pep.relation.relative.name.required",
+    description: "Required error message",
+    defaultMessage: `Du måste välja ett alternativ`
+  }
+});
+
+export const birthdayMessages = defineMessages({
+  header: {
+    id: "pep.relation.birthday.header",
+    description: "Relative birthday",
+    defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            {
+              relation, select, 
+                MARRIED_PARTNER { 
+                  När är din make/maka född? 
+                } 
+                COLIVING_PARTNER { 
+                    När är din sambo född? 
+                } 
+                CHILD { 
+                    När är din förälder född? 
+                } 
+                PARENT { 
+                    När är ditt barn fött? 
+                } 
+                CHILD_MARRIED_PARTNER { 
+                    När är föräldern till din make/maka född? 
+                } 
+                CHILD_COLIVING_PARTNER { 
+                    När är föräldern till din sambo född? 
+                }
+                other {}
+            }
+          }
+          CORPORATION {
+            {
+              relation, select, 
+                MARRIED_PARTNER {
+                  När är {name} make/maka född?
+                }
+                COLIVING_PARTNER {
+                    När är {name} sambo född?
+                }
+                CHILD {
+                    När är {name} förälder född?
+                }
+                PARENT {
+                    När är {name} barn fött?
+                }
+                CHILD_MARRIED_PARTNER {
+                    När är föräldern till {name} make/maka född?
+                }
+                CHILD_COLIVING_PARTNER {
+                    När är föräldern till {name} sambo född?
+                }
+                other {}
+            }
+          }
+          other {}
+      }`
+  },
+  required: {
+    id: "pep.relation.birthday.required",
+    description: "Required error message",
+    defaultMessage: `Ange datum`
+  }
+});
+
+export const colleagueNameMessages = defineMessages({
+  header: {
+    id: "pep.relation.colleague.name.header",
+    description: "Colleague name",
+    defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            { 
+              relation, select, 
+                CO_OWNERSHIP { 
+                  Vad heter personen i politisk utsatt ställning som du har en relation till?
+                }
+                CLOSE_CONNECTION { 
+                  Vad heter personen i politisk utsatt ställning som du har en relation till?
+                }
+                COMPANY_FOR_PEP { 
+                  Vad heter personen i politisk utsatt ställning som den juridiska personen eller konstruktionen har upprättats till förmån till?
+                }
+                other {}
+            }
+          }
+          CORPORATION {
+            {
+              relation, select,
+              CO_OWNERSHIP { 
+                Vad heter personen i politisk utsatt ställning som {name} har en relation till?
+              }
+              CLOSE_CONNECTION { 
+                  Vad heter personen i politisk utsatt ställning som {name} har en relation till?
+              }
+              COMPANY_FOR_PEP { 
+                  Vad heter personen i politisk utsatt ställning som den juridiska personen eller konstruktionen har upprättats till förmån till?
+              }
+              other {}
+            }
+          }
+          other {}
+      }`
+  },
+  required: {
+    id: "pep.relation.colleague.name.required",
+    description: "Required error message",
+    defaultMessage: `Du måste välja ett alternativ`
+  }
+});

package/src/pages/RelationPage/RelationPage.tsx

@@ -0,0 +1,269 @@
+import React, {
+  useContext,
+  useRef,
+  useCallback,
+  FunctionComponent
+} from "react";
+import {
+  PepContext,
+  PepType,
+  BusinessRelation,
+  Relation,
+  EntityType,
+  PepContextProps
+} from "../PepContext";
+import {
+  LysaFormRef,
+  RadioGroup,
+  Form,
+  Alternative,
+  RequiredValidator,
+  TextInput,
+  Datepicker,
+  PrimaryButton
+} from "@lysaab/ui-2";
+import { DateTime } from "luxon";
+import { useIntl, IntlShape, FormattedMessage } from "react-intl";
+import {
+  relationMessages,
+  businessRelationMessages,
+  relativeNameMessages,
+  birthdayMessages,
+  colleagueNameMessages
+} from "./RelationMessages";
+
+const DATEPICKER_START_DATE = DateTime.fromISO("1970-01-01").toJSDate();
+
+interface Props {
+  next: () => void;
+}
+
+export const RelationPage: FunctionComponent<Props> = ({ next }) => {
+  const intl = useIntl();
+  const pepContext = useContext(PepContext);
+  const formRef = useRef<LysaFormRef>();
+  const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
+  const type = pepContext.state.type;
+
+  const businessRelationAlternatives = getBusinessRelationAlternatives(
+    intl,
+    entityType,
+    pepContext
+  );
+  const relationAlternatives = getRelationAlternatives(
+    intl,
+    entityType,
+    pepContext
+  );
+
+  const nextPage = useCallback(() => {
+    if (formRef.current && formRef.current.isValid) {
+      next();
+    }
+  }, [formRef, next]);
+  return (
+    <Form onSubmit={() => nextPage()} lysaFormRef={formRef}>
+      {type === PepType.RELATIVE ? (
+        <RadioGroup
+          alternatives={relationAlternatives}
+          onChange={alternative => {
+            pepContext.setState({
+              relationToPEP: alternative.value
+            });
+          }}
+          value={relationAlternatives.find(
+            alt => alt.value === pepContext.state.relationToPEP
+          )}
+          header={intl.formatMessage(relationMessages.header, {
+            entityType,
+            name: pepContext.state.ownerName
+          })}
+          validators={[
+            RequiredValidator(intl.formatMessage(relationMessages.required))
+          ]}
+        />
+      ) : null}
+      {type === PepType.COLLEAGUE ? (
+        <RadioGroup
+          alternatives={businessRelationAlternatives}
+          onChange={alternative => {
+            pepContext.setState({
+              businessRelation: alternative.value
+            });
+          }}
+          value={businessRelationAlternatives.find(
+            alt => alt.value === pepContext.state.businessRelation
+          )}
+          header={intl.formatMessage(businessRelationMessages.header, {
+            entityType,
+            name: pepContext.state.ownerName
+          })}
+          validators={[
+            RequiredValidator(
+              intl.formatMessage(businessRelationMessages.required)
+            )
+          ]}
+        />
+      ) : null}
+      {pepContext.state.relationToPEP && type === PepType.RELATIVE ? (
+        <React.Fragment>
+          <TextInput
+            label={intl.formatMessage(relativeNameMessages.header, {
+              entityType,
+              name: pepContext.state.ownerName,
+              relation: pepContext.state.relationToPEP
+            })}
+            value={pepContext.state.nameOfPEP || ""}
+            onChange={value => {
+              pepContext.setState({ nameOfPEP: value });
+            }}
+            validators={[
+              RequiredValidator(
+                intl.formatMessage(relativeNameMessages.required)
+              )
+            ]}
+          />
+          <Datepicker
+            label={intl.formatMessage(birthdayMessages.header, {
+              entityType,
+              name: pepContext.state.ownerName,
+              relation: pepContext.state.relationToPEP
+            })}
+            selected={pepContext.state.birthdayOfPEP}
+            onChange={event =>
+              pepContext.setState({ birthdayOfPEP: event || undefined })
+            }
+            validators={[
+              RequiredValidator(intl.formatMessage(birthdayMessages.required))
+            ]}
+            maxDate={new Date()}
+            openToDate={pepContext.state.birthdayOfPEP || DATEPICKER_START_DATE}
+          />
+        </React.Fragment>
+      ) : null}
+
+      {pepContext.state.businessRelation && type === PepType.COLLEAGUE ? (
+        <React.Fragment>
+          <TextInput
+            label={intl.formatMessage(colleagueNameMessages.header, {
+              entityType,
+              name: pepContext.state.ownerName,
+              relation: pepContext.state.businessRelation
+            })}
+            value={pepContext.state.nameOfPEP || ""}
+            onChange={value => {
+              pepContext.setState({ nameOfPEP: value });
+            }}
+            validators={[
+              RequiredValidator(
+                intl.formatMessage(colleagueNameMessages.required)
+              )
+            ]}
+          />
+        </React.Fragment>
+      ) : null}
+      <PrimaryButton type="submit">
+        <FormattedMessage
+          id="pep.relation.next"
+          description="Next button"
+          defaultMessage="Gå vidare"
+        />
+      </PrimaryButton>
+    </Form>
+  );
+};
+function getRelationAlternatives(
+  intl: IntlShape,
+  entityType: EntityType,
+  pepContext: PepContextProps
+): Alternative<Relation>[] {
+  return [
+    {
+      text: intl.formatMessage(relationMessages[Relation.MARRIED_PARTNER], {
+        entityType,
+        name: pepContext.state.ownerName
+      }),
+      value: Relation.MARRIED_PARTNER
+    },
+    {
+      text: intl.formatMessage(relationMessages[Relation.COLIVING_PARTNER], {
+        entityType,
+        name: pepContext.state.ownerName
+      }),
+      value: Relation.COLIVING_PARTNER
+    },
+    {
+      text: intl.formatMessage(relationMessages[Relation.CHILD], {
+        entityType,
+        name: pepContext.state.ownerName
+      }),
+      value: Relation.CHILD
+    },
+    {
+      text: intl.formatMessage(relationMessages[Relation.PARENT], {
+        entityType,
+        name: pepContext.state.ownerName
+      }),
+      value: Relation.PARENT
+    },
+    {
+      text: intl.formatMessage(
+        relationMessages[Relation.CHILD_MARRIED_PARTNER],
+        {
+          entityType,
+          name: pepContext.state.ownerName
+        }
+      ),
+      value: Relation.CHILD_MARRIED_PARTNER
+    },
+    {
+      text: intl.formatMessage(
+        relationMessages[Relation.CHILD_COLIVING_PARTNER],
+        {
+          entityType,
+          name: pepContext.state.ownerName
+        }
+      ),
+      value: Relation.CHILD_COLIVING_PARTNER
+    }
+  ];
+}
+
+function getBusinessRelationAlternatives(
+  intl: IntlShape,
+  entityType: EntityType,
+  pepContext: PepContextProps
+): Alternative<BusinessRelation>[] {
+  return [
+    {
+      text: intl.formatMessage(
+        businessRelationMessages[BusinessRelation.CO_OWNERSHIP],
+        {
+          entityType,
+          name: pepContext.state.ownerName
+        }
+      ),
+      value: BusinessRelation.CO_OWNERSHIP
+    },
+    {
+      text: intl.formatMessage(
+        businessRelationMessages[BusinessRelation.CLOSE_CONNECTION],
+        {
+          entityType,
+          name: pepContext.state.ownerName
+        }
+      ),
+      value: BusinessRelation.CLOSE_CONNECTION
+    },
+    {
+      text: intl.formatMessage(
+        businessRelationMessages[BusinessRelation.COMPANY_FOR_PEP],
+        {
+          entityType,
+          name: pepContext.state.ownerName
+        }
+      ),
+      value: BusinessRelation.COMPANY_FOR_PEP
+    }
+  ];
+}