@lysaab/lysa-pep 1.0.0-0 → 1.0.0

package/src/pages/PepIsPepPage.tsx

@@ -0,0 +1,107 @@
+import React, { useRef, useCallback, useContext } from "react";
+import {
+  Form,
+  RadioGroup,
+  RequiredValidator,
+  PrimaryButton,
+  LysaFormRef,
+} from "@lysaab/ui-2";
+import { PepType, PepContext, EntityType } from "./PepContext";
+import { LABELS } from "../model/PepTexts";
+
+interface QuestionsProps {
+  ownerName?: string;
+  legalEntityType?: EntityType;
+  type?: PepType;
+  onChange: (type: PepType) => void;
+  resetValues?: () => void;
+}
+
+export const PepIsPepQuestions: React.FC<QuestionsProps> = ({
+  ownerName,
+  legalEntityType,
+  type,
+  onChange,
+  resetValues,
+}) => {
+  const labels = LABELS(ownerName);
+  const entityType = legalEntityType || EntityType.PERSON;
+
+  const IsPepAlternatives = [
+    {
+      text: labels[entityType].GENERIC.IS_PEP[PepType.NOT_PEP],
+      value: PepType.NOT_PEP,
+    },
+    { text: labels[entityType].GENERIC.IS_PEP[PepType.ME], value: PepType.ME },
+    {
+      text: labels[entityType].GENERIC.IS_PEP[PepType.RELATIVE],
+      value: PepType.RELATIVE,
+    },
+    {
+      text: labels[entityType].GENERIC.IS_PEP[PepType.COLLEAGUE],
+      value: PepType.COLLEAGUE,
+    },
+  ];
+
+  return (
+    <RadioGroup
+      alternatives={IsPepAlternatives}
+      onChange={(alternative) => {
+        onChange(alternative.value);
+        resetValues?.();
+      }}
+      value={IsPepAlternatives.find((alt) => alt.value === type)}
+      header={labels[entityType].GENERIC.IS_PEP_HEADER}
+      validators={[new RequiredValidator("Du måste välja ett alternativ")]}
+    />
+  );
+};
+
+interface Props {
+  next: () => void;
+}
+
+export const PepIsPepPage: React.FC<Props> = ({ next }) => {
+  const pepContext = useContext(PepContext);
+  const formRef = useRef<LysaFormRef>();
+
+  const nextPage = useCallback(() => {
+    if (formRef.current && formRef.current.isValid) {
+      next();
+    }
+  }, [formRef, next]);
+
+  const resetValues = useCallback(() => {
+    pepContext.setState({
+      ambassadorCountry: undefined,
+      birthdayOfPEP: undefined,
+      businessRelation: undefined,
+      country: undefined,
+      ended: undefined,
+      governmentCompany: undefined,
+      governmentCompanyRole: undefined,
+      internationalOrganisation: undefined,
+      internationalOrganisationRole: undefined,
+      isOngoing: undefined,
+      isSweden: undefined,
+      militaryRank: undefined,
+      nameOfPEP: undefined,
+      relationToPEP: undefined,
+      role: undefined,
+    });
+  }, [pepContext]);
+
+  return (
+    <Form onSubmit={nextPage} lysaFormRef={formRef}>
+      <PepIsPepQuestions
+        ownerName={pepContext.state.ownerName}
+        legalEntityType={pepContext.state.legalEntityType}
+        type={pepContext.state.type}
+        onChange={(type) => pepContext.setState({ type })}
+        resetValues={resetValues}
+      />
+
+      <PrimaryButton type="submit">Nästa</PrimaryButton>
+    </Form>
+  );
+};

package/src/pages/PepRelationPage.tsx

@@ -0,0 +1,188 @@
+import React, {
+  useContext,
+  useRef,
+  useCallback,
+  FunctionComponent,
+} from "react";
+import {
+  PepContext,
+  PepType,
+  BusinessRelation,
+  Relation,
+  EntityType,
+} from "./PepContext";
+import {
+  LysaFormRef,
+  RadioGroup,
+  Form,
+  Alternative,
+  RequiredValidator,
+  TextInput,
+  Datepicker,
+  PrimaryButton,
+} from "@lysaab/ui-2";
+import { LABELS } from "../model/PepTexts";
+import { DateTime } from "luxon";
+
+const DATEPICKER_START_DATE = DateTime.fromISO("1970-01-01").toJSDate();
+
+interface Props {
+  next: () => void;
+}
+
+export const PepRelationPage: FunctionComponent<Props> = ({ next }) => {
+  const pepContext = useContext(PepContext);
+  const formRef = useRef<LysaFormRef>();
+  const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
+  const type = pepContext.state.type;
+  const labels = LABELS(pepContext.state.ownerName);
+
+  const businessRelationAlternatives: Alternative<BusinessRelation>[] = [
+    {
+      text:
+        labels[entityType][PepType.COLLEAGUE].BUSINESS_RELATION[
+          BusinessRelation.CO_OWNERSHIP
+        ],
+      value: BusinessRelation.CO_OWNERSHIP,
+    },
+    {
+      text:
+        labels[entityType][PepType.COLLEAGUE].BUSINESS_RELATION[
+          BusinessRelation.CLOSE_CONNECTION
+        ],
+      value: BusinessRelation.CLOSE_CONNECTION,
+    },
+    {
+      text:
+        labels[entityType][PepType.COLLEAGUE].BUSINESS_RELATION[
+          BusinessRelation.COMPANY_FOR_PEP
+        ],
+      value: BusinessRelation.COMPANY_FOR_PEP,
+    },
+  ];
+
+  const relationAlternatives: Alternative<Relation>[] = [
+    {
+      text:
+        labels[entityType][PepType.RELATIVE].RELATION[Relation.MARRIED_PARTNER],
+      value: Relation.MARRIED_PARTNER,
+    },
+    {
+      text:
+        labels[entityType][PepType.RELATIVE].RELATION[
+          Relation.COLIVING_PARTNER
+        ],
+      value: Relation.COLIVING_PARTNER,
+    },
+    {
+      text: labels[entityType][PepType.RELATIVE].RELATION[Relation.CHILD],
+      value: Relation.CHILD,
+    },
+    {
+      text: labels[entityType][PepType.RELATIVE].RELATION[Relation.PARENT],
+      value: Relation.PARENT,
+    },
+    {
+      text:
+        labels[entityType][PepType.RELATIVE].RELATION[
+          Relation.CHILD_MARRIED_PARTNER
+        ],
+      value: Relation.CHILD_MARRIED_PARTNER,
+    },
+    {
+      text:
+        labels[entityType][PepType.RELATIVE].RELATION[
+          Relation.CHILD_COLIVING_PARTNER
+        ],
+      value: Relation.CHILD_COLIVING_PARTNER,
+    },
+  ];
+
+  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={labels[entityType][PepType.RELATIVE].RELATION_LABEL}
+          validators={[new RequiredValidator("Du måste välja ett alternativ")]}
+        />
+      ) : null}
+      {type === PepType.COLLEAGUE ? (
+        <RadioGroup
+          alternatives={businessRelationAlternatives}
+          onChange={alternative => {
+            pepContext.setState({
+              businessRelation: alternative.value,
+            });
+          }}
+          value={businessRelationAlternatives.find(
+            alt => alt.value === pepContext.state.businessRelation
+          )}
+          header={labels[entityType][PepType.COLLEAGUE].BUSINESS_RELATION_LABEL}
+          validators={[new RequiredValidator("Du måste välja ett alternativ")]}
+        />
+      ) : null}
+      {pepContext.state.relationToPEP && type === PepType.RELATIVE ? (
+        <React.Fragment>
+          <TextInput
+            label={
+              labels[entityType][type].NAME_LABEL[
+                pepContext.state.relationToPEP
+              ]
+            }
+            value={pepContext.state.nameOfPEP || ""}
+            onChange={value => {
+              pepContext.setState({ nameOfPEP: value });
+            }}
+            validators={[new RequiredValidator("Du måste ange namn")]}
+          />
+          <Datepicker
+            label={
+              labels[entityType][type].BIRTH_LABEL[
+                pepContext.state.relationToPEP
+              ]
+            }
+            selected={pepContext.state.birthdayOfPEP}
+            onChange={event =>
+              pepContext.setState({ birthdayOfPEP: event || undefined })
+            }
+            validators={[new RequiredValidator("Ange datum")]}
+            maxDate={new Date()}
+            openToDate={pepContext.state.birthdayOfPEP || DATEPICKER_START_DATE}
+          />
+        </React.Fragment>
+      ) : null}
+
+      {pepContext.state.businessRelation && type === PepType.COLLEAGUE ? (
+        <React.Fragment>
+          <TextInput
+            label={
+              labels[entityType][type].NAME_LABEL[
+                pepContext.state.businessRelation
+              ]
+            }
+            value={pepContext.state.nameOfPEP || ""}
+            onChange={value => {
+              pepContext.setState({ nameOfPEP: value });
+            }}
+            validators={[new RequiredValidator("Du måste ange namn")]}
+          />
+        </React.Fragment>
+      ) : null}
+      <PrimaryButton type="submit">Nästa</PrimaryButton>
+    </Form>
+  );
+};

package/src/pages/PepRolePage.tsx

@@ -0,0 +1,272 @@
+import React, {
+  FunctionComponent,
+  useRef,
+  useCallback,
+  useContext,
+} from "react";
+import { Alternative } from "@lysaab/ui-2/components/input/InputAPI";
+import {
+  LysaFormRef,
+  Form,
+  PrimaryButton,
+  RequiredValidator,
+  TextInput,
+  Select,
+} from "@lysaab/ui-2";
+import {
+  PepContext,
+  Role,
+  MilitaryRank,
+  EntityType,
+  PepType,
+} from "./PepContext";
+import { CountrySelect } from "../components/CountrySelect";
+import {
+  getGovernmentCompanyNameLabel,
+  getGovernmentCompanyRoleLabel,
+  getHighRankingPositionIntCorpNameLabel,
+  getHighRankingPositionIntCorpRoleLabel,
+  getMilitaryRankLabel,
+  getRoleLabel,
+  getAmbassadorLabel,
+} from "../model/PepTexts";
+
+interface Props {
+  next: () => void;
+}
+
+export const roleAlternatives: Alternative<Role>[] = [
+  { text: "Stats eller regeringschef", value: Role.HEAD_OF_GOVERNMENT },
+  { text: "Minister eller Vice/Biträdande minister", value: Role.MINISTER },
+  { text: "Ledamot i parlament eller riksdag", value: Role.PARLIMENT_MEMBER },
+  {
+    text: "Ledamot i centralbanks styrande organ",
+    value: Role.CENTRAL_BANK_MEMBER,
+  },
+  {
+    text: "Ledamot för styrelsen i politiskt parti representerade i riksdagen",
+    value: Role.BOARD_MEMBER_POLITICAL_PARTY,
+  },
+  { text: "Domare i högsta domstolen", value: Role.JUDGE_SUPREME_COURT },
+  {
+    text:
+      "Domare i konstitutionell domstol eller annat rättsligt organ på hög nivå vars beslut endast undantagsvis kan överklagas",
+    value: Role.JUDGE_OTHER_HIGH_COURT,
+  },
+  {
+    text: "Högre tjänsteman vid revisionsmyndighet",
+    value: Role.REVISION_INSTITUTE,
+  },
+  { text: "Ambassadör eller bestickningschef", value: Role.AMBASSADOR },
+  { text: "Högre officer i försvarsmakt", value: Role.MILITARY_OFFICER },
+  {
+    text:
+      "Person som ingår i statsägt företags förvaltnings-, lednings eller kontrollorgan",
+    value: Role.GOVERNMENT_COMPANY,
+  },
+  {
+    text: "EU-parlamentariker",
+    value: Role.EU_HIGH_RANKING_POSITION,
+  },
+  {
+    text: "Befattning på hög nivå i en internationell organisation",
+    value: Role.HIGH_RANKING_POSITION_INTERNALTIONAL_CORP,
+  },
+];
+
+export const militaryAlternatives: Alternative<MilitaryRank>[] = [
+  {
+    text: "General",
+    value: MilitaryRank.GENERAL,
+  },
+  {
+    text: "Generallöjtnant",
+    value: MilitaryRank.LIEUTENANT_GENERAL,
+  },
+  {
+    text: "Generalmajor",
+    value: MilitaryRank.MAJOR_GENERAL,
+  },
+  {
+    text: "Amiral",
+    value: MilitaryRank.ADMIRAL,
+  },
+  {
+    text: "Viceamiral",
+    value: MilitaryRank.VICE_ADMIRAL,
+  },
+  {
+    text: "Konteramiral",
+    value: MilitaryRank.REAR_ADMIRAL,
+  },
+];
+
+export const PepRolePage: FunctionComponent<Props> = ({ next }) => {
+  const pepContext = useContext(PepContext);
+  const formRef = useRef<LysaFormRef>();
+  const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
+  const type = pepContext.state.type;
+
+  const nextPage = useCallback(() => {
+    if (formRef.current && formRef.current.isValid) {
+      next();
+    }
+  }, [formRef, next]);
+
+  const resetRoleFields = useCallback(() => {
+    pepContext.setState({
+      ambassadorCountry: undefined,
+      governmentCompany: undefined,
+      governmentCompanyRole: undefined,
+      internationalOrganisation: undefined,
+      internationalOrganisationRole: undefined,
+      militaryRank: undefined,
+    });
+  }, [pepContext]);
+
+  if (!type || type === PepType.NOT_PEP) {
+    return null;
+  }
+
+  return (
+    <Form onSubmit={() => nextPage()} lysaFormRef={formRef}>
+      <Select
+        label={getRoleLabel(
+          entityType,
+          type,
+          pepContext.state.relationToPEP,
+          pepContext.state.businessRelation,
+          pepContext.state.ownerName
+        )}
+        placeholder="Välj en roll"
+        alternatives={roleAlternatives}
+        value={roleAlternatives.find(
+          alt => alt.value === pepContext.state.role
+        )}
+        onChange={event => {
+          pepContext.setState({ role: event.value as Role });
+          resetRoleFields();
+        }}
+        validators={[new RequiredValidator("Du måste välja roll")]}
+      />
+
+      {pepContext.state.role && pepContext.state.role === Role.AMBASSADOR ? (
+        <CountrySelect
+          label={getAmbassadorLabel(
+            entityType,
+            type,
+            pepContext.state.relationToPEP,
+            pepContext.state.businessRelation,
+            pepContext.state.ownerName
+          )}
+          onChange={event =>
+            pepContext.setState({
+              ambassadorCountry: event.value
+                ? event.value.toString()
+                : undefined,
+            })
+          }
+          value={pepContext.state.ambassadorCountry}
+          validators={[new RequiredValidator("Du måste välja land")]}
+        />
+      ) : null}
+
+      {pepContext.state.role &&
+      pepContext.state.role === Role.GOVERNMENT_COMPANY ? (
+        <React.Fragment>
+          <TextInput
+            label={getGovernmentCompanyNameLabel(
+              entityType,
+              type,
+              pepContext.state.relationToPEP,
+              pepContext.state.businessRelation,
+              pepContext.state.ownerName
+            )}
+            value={pepContext.state.governmentCompany || ""}
+            onChange={value => {
+              pepContext.setState({ governmentCompany: value });
+            }}
+            validators={[new RequiredValidator("Du måste ange ett namn")]}
+          />
+          <TextInput
+            label={getGovernmentCompanyRoleLabel(
+              entityType,
+              type,
+              pepContext.state.relationToPEP,
+              pepContext.state.businessRelation,
+              pepContext.state.ownerName
+            )}
+            value={pepContext.state.governmentCompanyRole || ""}
+            onChange={value => {
+              pepContext.setState({
+                governmentCompanyRole: value,
+              });
+            }}
+            validators={[new RequiredValidator("Du måste ange roll")]}
+          />
+        </React.Fragment>
+      ) : null}
+
+      {pepContext.state.role &&
+      pepContext.state.role ===
+        Role.HIGH_RANKING_POSITION_INTERNALTIONAL_CORP ? (
+        <React.Fragment>
+          <TextInput
+            label={getHighRankingPositionIntCorpNameLabel(
+              entityType,
+              type,
+              pepContext.state.relationToPEP,
+              pepContext.state.businessRelation,
+              pepContext.state.ownerName
+            )}
+            value={pepContext.state.internationalOrganisation || ""}
+            onChange={value => {
+              pepContext.setState({ internationalOrganisation: value });
+            }}
+            validators={[new RequiredValidator("Du måste ange ett namn")]}
+          />
+          <TextInput
+            label={getHighRankingPositionIntCorpRoleLabel(
+              entityType,
+              type,
+              pepContext.state.relationToPEP,
+              pepContext.state.businessRelation,
+              pepContext.state.ownerName
+            )}
+            value={pepContext.state.internationalOrganisationRole || ""}
+            onChange={value => {
+              pepContext.setState({
+                internationalOrganisationRole: value,
+              });
+            }}
+            validators={[new RequiredValidator("Du måste ange roll")]}
+          />
+        </React.Fragment>
+      ) : null}
+
+      {pepContext.state.role &&
+      pepContext.state.role === Role.MILITARY_OFFICER ? (
+        <Select
+          label={getMilitaryRankLabel(
+            entityType,
+            type,
+            pepContext.state.relationToPEP,
+            pepContext.state.businessRelation,
+            pepContext.state.ownerName
+          )}
+          placeholder="Välj grad"
+          alternatives={militaryAlternatives}
+          value={militaryAlternatives.find(
+            alt => alt.value === pepContext.state.militaryRank
+          )}
+          onChange={event => {
+            pepContext.setState({ militaryRank: event.value as MilitaryRank });
+          }}
+          validators={[new RequiredValidator("Du måste ange en grad")]}
+        />
+      ) : null}
+
+      <PrimaryButton type="submit">Nästa</PrimaryButton>
+    </Form>
+  );
+};