@lysaab/lysa-pep 1.0.0 → 1.0.2-0

package/src/pages/RelationPage/RelationPage.tsx

@@ -0,0 +1,299 @@
+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";
+import { formatPossessive } from "../../utils/Possession";
+
+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,
+            possessiveName: formatPossessive(
+              pepContext.state.ownerName,
+              intl.locale
+            ),
+          })}
+          validators={[
+            new 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={[
+            new 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.type === PepType.COLLEAGUE
+                  ? pepContext.state.businessRelation
+                  : pepContext.state.relationToPEP,
+              possessiveName: formatPossessive(
+                pepContext.state.ownerName,
+                intl.locale
+              ),
+            })}
+            value={pepContext.state.nameOfPEP || ""}
+            onChange={(value) => {
+              pepContext.setState({ nameOfPEP: value });
+            }}
+            validators={[
+              new RequiredValidator(
+                intl.formatMessage(relativeNameMessages.required)
+              ),
+            ]}
+          />
+          <Datepicker
+            label={intl.formatMessage(birthdayMessages.header, {
+              entityType,
+              name: pepContext.state.ownerName,
+              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) =>
+              pepContext.setState({ birthdayOfPEP: event || undefined })
+            }
+            validators={[
+              new 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.type === PepType.COLLEAGUE
+                  ? pepContext.state.businessRelation
+                  : pepContext.state.relationToPEP,
+              possessiveName: formatPossessive(
+                pepContext.state.ownerName,
+                intl.locale
+              ),
+            })}
+            value={pepContext.state.nameOfPEP || ""}
+            onChange={(value) => {
+              pepContext.setState({ nameOfPEP: value });
+            }}
+            validators={[
+              new 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,
+    },
+  ];
+}

package/src/pages/RolePage/RoleMessages.ts

@@ -0,0 +1,393 @@
+import { defineMessages } from "react-intl";
+import { Role, MilitaryRank } from "../PepContext";
+
+export const roleMessages = defineMessages({
+  header: {
+    id: "pep.role.roles.header",
+    description: "Header",
+    defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            { 
+              pepType, select, 
+                ME { 
+                  Ange din roll
+                }
+                RELATIVE { 
+                  {
+                    relation, select,
+                      MARRIED_PARTNER { 
+                        Ange tjänst/roll för din make/maka
+                      }
+                      COLIVING_PARTNER { 
+                          Ange tjänst/roll för din sambo
+                      }
+                      CHILD { 
+                          Ange tjänst/roll för din förälder
+                      }
+                      PARENT { 
+                          Ange tjänst/roll för din barn
+                      }
+                      CHILD_MARRIED_PARTNER { 
+                          Ange tjänst/roll för föräldern till din make/maka
+                      }
+                      CHILD_COLIVING_PARTNER { 
+                          Ange tjänst/roll för föräldern till din sambo
+                      }
+                      other {}
+                  }
+                }
+                COLLEAGUE { 
+                  {
+                    relation, select,
+                      CO_OWNERSHIP { 
+                        Ange tjänst/roll för personen i politisk utsatt ställning som du har en relation till
+                      }
+                      CLOSE_CONNECTION { 
+                        Ange tjänst/roll för personen i politisk utsatt ställning som du har en relation till
+                      }
+                      COMPANY_FOR_PEP { 
+                        Ange tjänst/roll för personen i politisk utsatt ställning som du har en relation till
+                      }
+                      other {}
+                  }
+                }
+                other {}
+            }
+          }
+          CORPORATION {
+            { 
+              pepType, select, 
+                ME { 
+                  Ange {possessiveName} roll
+                }
+                RELATIVE { 
+                  {
+                    relation, select,
+                      MARRIED_PARTNER { 
+                        Ange tjänst/roll för {possessiveName} make/maka
+                      }
+                      COLIVING_PARTNER { 
+                          Ange tjänst/roll för {possessiveName} sambo
+                      }
+                      CHILD { 
+                          Ange tjänst/roll för {possessiveName} förälder
+                      }
+                      PARENT { 
+                          Ange tjänst/roll för {possessiveName} barn
+                      }
+                      CHILD_MARRIED_PARTNER { 
+                          Ange tjänst/roll för föräldern till {possessiveName} make/maka
+                      }
+                      CHILD_COLIVING_PARTNER { 
+                          Ange tjänst/roll för föräldern till {possessiveName} sambo
+                      }
+                      other {}
+                  }
+                }
+                COLLEAGUE { 
+                  {
+                    relation, select,
+                      CO_OWNERSHIP { 
+                        Ange tjänst/roll för personen i politisk utsatt ställning som {name} har en relation till
+                      }
+                      CLOSE_CONNECTION { 
+                        Ange tjänst/roll för personen i politisk utsatt ställning som {name} har en relation till
+                      }
+                      COMPANY_FOR_PEP { 
+                        Ange tjänst/roll för personen i politisk utsatt ställning som {name} har en relation till
+                      }
+                      other {}
+                  }
+                }
+                other {}
+            }
+          }
+          other {}
+      }`,
+  },
+  placeholder: {
+    id: "pep.role.roles.placeholder",
+    description: "Role placeholder",
+    defaultMessage: "Välj en roll",
+  },
+  required: {
+    id: "pep.role.roles.required",
+    description: "Required validation error",
+    defaultMessage: "Du måste välja roll",
+  },
+  [Role.HEAD_OF_GOVERNMENT]: {
+    id: "pep.role.roles.alt.HEAD_OF_GOVERNMENT",
+    description: "Head of government alt",
+    defaultMessage: "Stats eller regeringschef",
+  },
+  [Role.MINISTER]: {
+    id: "pep.role.roles.alt.MINISTER",
+    description: "Minister alt",
+    defaultMessage: "Minister eller Vice/Biträdande minister",
+  },
+  [Role.PARLIMENT_MEMBER]: {
+    id: "pep.role.roles.alt.PARLIMENT_MEMBER",
+    description: "Parlament alt",
+    defaultMessage: "Ledamot i parlament eller riksdag",
+  },
+  [Role.CENTRAL_BANK_MEMBER]: {
+    id: "pep.role.roles.alt.CENTRAL_BANK_MEMBER",
+    description: "Central bank member alt",
+    defaultMessage: "Ledamot i centralbanks styrande organ",
+  },
+  [Role.BOARD_MEMBER_POLITICAL_PARTY]: {
+    id: "pep.role.roles.alt.BOARD_MEMBER_POLITICAL_PARTY",
+    description: "Political party board member alt",
+    defaultMessage:
+      "Ledamot för styrelsen i politiskt parti representerade i riksdagen",
+  },
+  [Role.JUDGE_SUPREME_COURT]: {
+    id: "pep.role.roles.alt.JUDGE_SUPREME_COURT",
+    description: "Supreme court judge alt",
+    defaultMessage: "Domare i högsta domstolen",
+  },
+  [Role.JUDGE_OTHER_HIGH_COURT]: {
+    id: "pep.role.roles.alt.JUDGE_OTHER_HIGH_COURT",
+    description: "High court judge alt",
+    defaultMessage:
+      "Domare i konstitutionell domstol eller annat rättsligt organ på hög nivå vars beslut endast undantagsvis kan överklagas",
+  },
+  [Role.REVISION_INSTITUTE]: {
+    id: "pep.role.roles.alt.REVISION_INSTITUTE",
+    description: "Revision institute worker alt",
+    defaultMessage: "Högre tjänsteman vid revisionsmyndighet",
+  },
+  [Role.AMBASSADOR]: {
+    id: "pep.role.roles.alt.AMBASSADOR",
+    description: "Ambassador alt",
+    defaultMessage: "Ambassadör eller bestickningschef",
+  },
+  [Role.MILITARY_OFFICER]: {
+    id: "pep.role.roles.alt.MILITARY_OFFICER",
+    description: "Military officer alt",
+    defaultMessage: "Högre officer i försvarsmakt",
+  },
+  [Role.GOVERNMENT_COMPANY]: {
+    id: "pep.role.roles.alt.GOVERNMENT_COMPANY",
+    description: "Government company leader alt",
+    defaultMessage:
+      "Person som ingår i statsägt företags förvaltnings-, lednings eller kontrollorgan",
+  },
+  [Role.EU_HIGH_RANKING_POSITION]: {
+    id: "pep.role.roles.alt.EU_HIGH_RANKING_POSITION",
+    description: "High ranking EU position alt",
+    defaultMessage: "EU-parlamentariker",
+  },
+  [Role.HIGH_RANKING_POSITION_INTERNALTIONAL_CORP]: {
+    id: "pep.role.roles.alt.HIGH_RANKING_POSITION_INTERNALTIONAL_CORP",
+    description: "High ranking position in an international organisation alt",
+    defaultMessage: "Befattning på hög nivå i en internationell organisation",
+  },
+});
+
+export const militaryMessages = defineMessages({
+  header: {
+    id: "pep.role.military.name.header",
+    description: "International company name header",
+    defaultMessage: `{ 
+      entityType, select,
+        PERSON {
+          { 
+            pepType, select, 
+              ME { 
+                Ange din grad
+              }
+              RELATIVE { 
+                {
+                  relation, select,
+                    MARRIED_PARTNER { 
+                      Ange din make/maka/registrerade partners grad
+                    }
+                    COLIVING_PARTNER { 
+                      Ange din sambos grad
+                    }
+                    CHILD { 
+                      Ange din förälders grad
+                    }
+                    PARENT { 
+                      Ange ditt barns grad
+                    }
+                    CHILD_MARRIED_PARTNER { 
+                      Ange din make/makas förälders grad
+                    }
+                    CHILD_COLIVING_PARTNER { 
+                      Ange din sambos grad
+                    }
+                    other {}
+                }
+              }
+              COLLEAGUE { 
+                {
+                  relation, select,
+                    CO_OWNERSHIP { 
+                      Ange grad för personen i politisk utsatt ställning som du har en relation till
+                    }
+                    CLOSE_CONNECTION { 
+                      Ange grad har personen som du har eller har haft nära förbindelse med
+                    }
+                    COMPANY_FOR_PEP { 
+                      Vilken grad har personen
+                    }
+                    other {}
+                }
+              }
+              other {}
+          }
+        }
+        CORPORATION {
+          { 
+            pepType, select, 
+              ME { 
+                Ange {possessiveName} grad
+              }
+              RELATIVE { 
+                {
+                  relation, select,
+                    MARRIED_PARTNER { 
+                      Ange {possessiveName} make/maka/registrerade partners grad
+                    }
+                    COLIVING_PARTNER { 
+                      Ange {possessiveName} sambos grad
+                    }
+                    CHILD { 
+                      Ange {possessiveName} förälders grad
+                    }
+                    PARENT { 
+                      Ange {possessiveName} barns grad
+                    }
+                    CHILD_MARRIED_PARTNER { 
+                      Ange {possessiveName} make/makas förälders grad
+                    }
+                    CHILD_COLIVING_PARTNER { 
+                      Ange {possessiveName} sambos grad
+                    }
+                    other {}
+                }
+              }
+              COLLEAGUE { 
+                {
+                  relation, select,
+                    CO_OWNERSHIP { 
+                      Ange grad för personen i politisk utsatt ställning som {name} har en relation till
+                    }
+                    CLOSE_CONNECTION { 
+                      Ange grad för personen som {name} har eller har haft nära förbindelse
+                    }
+                    COMPANY_FOR_PEP { 
+                      Vilken grad har personen
+                    }
+                    other {}
+                }
+              }
+              other {}
+          }
+        }
+        other {}
+    }`,
+  },
+  placeholder: {
+    id: "pep.role.military.header",
+    description: "Header",
+    defaultMessage: "Välj en roll",
+  },
+  required: {
+    id: "pep.role.military.required",
+    description: "Required validation error",
+    defaultMessage: "Du måste välja roll",
+  },
+  [MilitaryRank.GENERAL]: {
+    id: "pep.role.military.alt.GENERAL",
+    description: "General alt",
+    defaultMessage: "General",
+  },
+  [MilitaryRank.LIEUTENANT_GENERAL]: {
+    id: "pep.role.military.alt.LIEUTENANT_GENERAL",
+    description: "Lieutenant general alt",
+    defaultMessage: "Generallöjtnant",
+  },
+  [MilitaryRank.MAJOR_GENERAL]: {
+    id: "pep.role.military.alt.MAJOR_GENERAL",
+    description: "Major general alt",
+    defaultMessage: "Generalmajor",
+  },
+  [MilitaryRank.ADMIRAL]: {
+    id: "pep.role.military.alt.ADMIRAL",
+    description: "Admiral alt",
+    defaultMessage: "Amiral",
+  },
+  [MilitaryRank.VICE_ADMIRAL]: {
+    id: "pep.role.military.alt.VICE_ADMIRAL",
+    description: "Vice admiral alt",
+    defaultMessage: "Viceamiral",
+  },
+  [MilitaryRank.REAR_ADMIRAL]: {
+    id: "pep.role.military.alt.REAR_ADMIRAL",
+    description: "Rear admiral alt",
+    defaultMessage: "Konteramiral",
+  },
+});
+
+export const ambassadorMessages = defineMessages({
+  header: {
+    id: "pep.role.ambassador.header",
+    description: "Ambassador header",
+    defaultMessage: "Ange land",
+  },
+  required: {
+    id: "pep.role.ambassador.required",
+    description: "Ambassador required error",
+    defaultMessage: "Du måste välja land",
+  },
+});
+
+export const governmentCompanyMessages = defineMessages({
+  nameHeader: {
+    id: "pep.role.governmentCompany.name.header",
+    description: "Government company name header",
+    defaultMessage: "Ange namnet på företaget",
+  },
+  nameRequired: {
+    id: "pep.role.governmentCompany.name.required",
+    description: "Government company name required error",
+    defaultMessage: "Du måste ange ett namn",
+  },
+  roleHeader: {
+    id: "pep.role.governmentCompany.role.header",
+    description: "Government company role header",
+    defaultMessage: "Ange tjänst/roll",
+  },
+  roleRequired: {
+    id: "pep.role.governmentCompany.role.required",
+    description: "Government company role required error",
+    defaultMessage: "Du måste ange roll",
+  },
+});
+
+export const intCompanyMessages = defineMessages({
+  nameHeader: {
+    id: "pep.role.intCompany.name.header",
+    description: "International company name header",
+    defaultMessage: "Ange organisationens namn",
+  },
+  nameRequired: {
+    id: "pep.role.intCompany.name.required",
+    description: "International company name required error",
+    defaultMessage: "Du måste ange ett namn",
+  },
+  roleHeader: {
+    id: "pep.role.intCompany.role.header",
+    description: "International company role header",
+    defaultMessage: "Ange tjänst/roll",
+  },
+  roleRequired: {
+    id: "pep.role.intCompany.role.required",
+    description: "International company role required error",
+    defaultMessage: "Du måste ange roll",
+  },
+});