@lysaab/lysa-pep 0.3.0

package/src/pages/PepIsPepPage.tsx

@@ -0,0 +1,88 @@
+import React, {
+  FunctionComponent,
+  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 Props {
+  next: () => void;
+}
+export const PepIsPepPage: FunctionComponent<Props> = ({ next }) => {
+  const pepContext = useContext(PepContext);
+  const formRef = useRef<LysaFormRef>();
+  const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
+  const labels = LABELS(pepContext.state.ownerName);
+
+  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
+    }
+  ];
+
+  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}>
+      <RadioGroup
+        alternatives={IsPepAlternatives}
+        onChange={event => {
+          pepContext.setState({
+            type: event.value ? (event.value.value as PepType) : undefined
+          });
+          resetValues();
+        }}
+        value={
+          IsPepAlternatives.find(alt => alt.value === pepContext.state.type)
+        }
+        header={labels[entityType].GENERIC.IS_PEP_HEADER}
+        validators={[RequiredValidator("Du måste välja ett alternativ")]}
+      />
+
+      <PrimaryButton type="submit">Nästa</PrimaryButton>
+    </Form>
+  );
+};

package/src/pages/PepRelationPage.tsx

@@ -0,0 +1,192 @@
+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[] = [
+    {
+      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[] = [
+    {
+      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={event => {
+            pepContext.setState({
+              relationToPEP: event.value
+                ? (event.value.value as Relation)
+                : undefined
+            });
+          }}
+          value={relationAlternatives.find(
+            alt => alt.value === pepContext.state.relationToPEP
+          )}
+          header={labels[entityType][PepType.RELATIVE].RELATION_LABEL}
+          validators={[RequiredValidator("Du måste välja ett alternativ")]}
+        />
+      ) : null}
+      {type === PepType.COLLEAGUE ? (
+        <RadioGroup
+          alternatives={businessRelationAlternatives}
+          onChange={event => {
+            pepContext.setState({
+              businessRelation: event.value
+                ? (event.value.value as BusinessRelation)
+                : undefined
+            });
+          }}
+          value={businessRelationAlternatives.find(
+            alt => alt.value === pepContext.state.businessRelation
+          )}
+          header={labels[entityType][PepType.COLLEAGUE].BUSINESS_RELATION_LABEL}
+          validators={[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={event => {
+              pepContext.setState({ nameOfPEP: event.value });
+            }}
+            validators={[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={[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={event => {
+              pepContext.setState({ nameOfPEP: event.value });
+            }}
+            validators={[RequiredValidator("Du måste ange namn")]}
+          />
+        </React.Fragment>
+      ) : null}
+      <PrimaryButton type="submit">Nästa</PrimaryButton>
+    </Form>
+  );
+};

package/src/pages/PepRolePage.tsx

@@ -0,0 +1,263 @@
+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;
+}
+
+const roleAlternatives: Alternative[] = [
+  { 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
+  }
+];
+
+const militaryAlternatives: Alternative[] = [
+  {
+    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();
+        }}
+      />
+
+      {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={[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.internationalOrganisation || ""}
+            onChange={event => {
+              pepContext.setState({ internationalOrganisation: event.value });
+            }}
+            validators={[RequiredValidator("Du måste ange ett namn")]}
+          />
+          <TextInput
+            label={getGovernmentCompanyRoleLabel(
+              entityType,
+              type,
+              pepContext.state.relationToPEP,
+              pepContext.state.businessRelation,
+              pepContext.state.ownerName
+            )}
+            value={pepContext.state.internationalOrganisationRole || ""}
+            onChange={event => {
+              pepContext.setState({
+                internationalOrganisationRole: event.value
+              });
+            }}
+            validators={[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={event => {
+              pepContext.setState({ internationalOrganisation: event.value });
+            }}
+            validators={[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={event => {
+              pepContext.setState({
+                internationalOrganisationRole: event.value
+              });
+            }}
+            validators={[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={[RequiredValidator("Du måste ange en grad")]}
+        />
+      ) : null}
+
+      <PrimaryButton type="submit">Nästa</PrimaryButton>
+    </Form>
+  );
+};

package/src/pages/PepStatusPage.tsx

@@ -0,0 +1,142 @@
+import React, {
+  FunctionComponent,
+  useRef,
+  useCallback,
+  useContext
+} from "react";
+import {
+  Form,
+  RadioGroup,
+  RequiredValidator,
+  PrimaryButton,
+  LysaFormRef,
+  Datepicker
+} from "@lysaab/ui-2";
+import {
+  Alternative,
+  InputEvent
+} from "@lysaab/ui-2/components/input/InputAPI";
+import { PepContext, PepStatus } from "./PepContext";
+import { CountrySelect } from "../components/CountrySelect";
+
+const stateAlternatives: Alternative[] = [
+  {
+    text: "Pågående",
+    value: PepStatus.ONGOING
+  },
+  {
+    text: "Avslutad",
+    value: PepStatus.ENDED
+  }
+];
+
+const isSwedenAlternatives: Alternative[] = [
+  { text: "Sverige", value: "sweden" },
+  { text: "Annat", value: "other" }
+];
+
+interface Props {
+  next: () => void;
+}
+
+export const PepStatusPage: FunctionComponent<Props> = ({ next }) => {
+  const pepContext = useContext(PepContext);
+  const formRef = useRef<LysaFormRef>();
+
+  const nextPage = useCallback(() => {
+    if (formRef.current && formRef.current.isValid) {
+      next();
+    }
+  }, [formRef, next]);
+
+  const updateIsSweden = useCallback(
+    (event: InputEvent<Alternative>) => {
+      pepContext.setState({
+        isSweden:
+          event.value && event.value.value
+            ? event.value.value.toString()
+            : undefined
+      });
+      if (event.value && event.value.value === "other") {
+        pepContext.setState({ country: undefined });
+      }
+    },
+    [pepContext]
+  );
+
+  const updateIsOngoing = useCallback(
+    (event: InputEvent<Alternative>) => {
+      pepContext.setState({
+        isOngoing:
+          event.value && event.value.value
+            ? (event.value.value as PepStatus)
+            : undefined
+      });
+      if (event.value && event.value.value === PepStatus.ONGOING) {
+        pepContext.setState({ ended: undefined });
+      }
+    },
+    [pepContext]
+  );
+
+  return (
+    <div>
+      <Form
+        lysaFormRef={formRef}
+        onSubmit={() => {
+          nextPage();
+        }}
+      >
+        <RadioGroup
+          alternatives={stateAlternatives}
+          header="Är befattningen pågående eller avslutad?"
+          onChange={updateIsOngoing}
+          value={
+            stateAlternatives.find(
+              alt => alt.value === pepContext.state.isOngoing
+            )
+          }
+          validators={[RequiredValidator("Du måste välja ett alternativ")]}
+        />
+
+        {pepContext.state.isOngoing &&
+        pepContext.state.isOngoing === PepStatus.ENDED ? (
+          <Datepicker
+            label="När avslutades uppdraget?"
+            selected={pepContext.state.ended}
+            onChange={event =>
+              pepContext.setState({ ended: event || undefined })
+            }
+            validators={[RequiredValidator("Du måste ange fördelsedag")]}
+            showMonthYearPicker
+            dateFormat="yyyy-MM"
+            maxDate={new Date()}
+          />
+        ) : null}
+
+        <RadioGroup
+          alternatives={isSwedenAlternatives}
+          header="I vilket land är befattningen"
+          onChange={updateIsSweden}
+          value={
+            isSwedenAlternatives.find(
+              alt => alt.value === pepContext.state.isSweden
+            )
+          }
+          validators={[RequiredValidator("Du måste välja ett alternativ")]}
+        />
+
+        {pepContext.state.isSweden && pepContext.state.isSweden === "other" ? (
+          <CountrySelect
+            label="Välj i vilket land befattningen är" 
+            onChange={event => pepContext.setState({ country: event.value ? event.value.toString() : undefined })}
+            validators={[RequiredValidator("Du måste välja land")]}
+            value={pepContext.state.country}
+            />
+        ) : null}
+
+        <PrimaryButton type="submit">Nästa</PrimaryButton>
+      </Form>
+    </div>
+  );
+};

package/src/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />