@lysaab/lysa-pep 1.0.0-1 → 1.0.0

package/src/pages/PepContext.tsx

@@ -1,144 +1,144 @@
-import React, { useReducer } from "react";
-
-export enum EntityType {
-  PERSON = "PERSON",
-  CORPORATION = "CORPORATION",
-}
-
-export enum PepType {
-  NOT_PEP = "NOT_PEP",
-  ME = "ME",
-  RELATIVE = "RELATIVE",
-  COLLEAGUE = "COLLEAGUE",
-}
-
-export enum PepStatus {
-  ONGOING = "ONGOING",
-  ENDED = "ENDED",
-}
-
-export enum Role {
-  HEAD_OF_GOVERNMENT = "HEAD_OF_GOVERNMENT",
-  MINISTER = "MINISTER",
-  PARLIMENT_MEMBER = "PARLIMENT_MEMBER",
-  CENTRAL_BANK_MEMBER = "CENTRAL_BANK_MEMBER",
-  BOARD_MEMBER_POLITICAL_PARTY = "BOARD_MEMBER_POLITICAL_PARTY",
-  JUDGE_SUPREME_COURT = "JUDGE_SUPREME_COURT",
-  JUDGE_OTHER_HIGH_COURT = "JUDGE_OTHER_HIGH_COURT",
-  REVISION_INSTITUTE = "REVISION_INSTITUTE",
-  AMBASSADOR = "AMBASSADOR",
-  MILITARY_OFFICER = "MILITARY_OFFICER",
-  GOVERNMENT_COMPANY = "GOVERNMENT_COMPANY",
-  EU_HIGH_RANKING_POSITION = "EU_HIGH_RANKING_POSITION",
-  HIGH_RANKING_POSITION_INTERNALTIONAL_CORP = "HIGH_RANKING_POSITION_INTERNALTIONAL_CORP",
-}
-
-export enum Relation {
-  MARRIED_PARTNER = "MARRIED_PARTNER",
-  COLIVING_PARTNER = "COLIVING_PARTNER",
-  CHILD = "CHILD",
-  PARENT = "PARENT",
-  CHILD_MARRIED_PARTNER = "CHILD_MARRIED_PARTNER",
-  CHILD_COLIVING_PARTNER = "CHILD_COLIVING_PARTNER",
-}
-
-export enum BusinessRelation {
-  CO_OWNERSHIP = "CO_OWNERSHIP",
-  CLOSE_CONNECTION = "CLOSE_CONNECTION",
-  COMPANY_FOR_PEP = "COMPANY_FOR_PEP",
-}
-
-export enum MilitaryRank {
-  GENERAL = "GENERAL",
-  LIEUTENANT_GENERAL = "LIEUTENANT_GENERAL",
-  MAJOR_GENERAL = "MAJOR_GENERAL",
-  ADMIRAL = "ADMIRAL",
-  VICE_ADMIRAL = "VICE_ADMIRAL",
-  REAR_ADMIRAL = "REAR_ADMIRAL",
-}
-
-// Types for the state
-export interface PepState {
-  legalEntityType?: EntityType;
-  type?: PepType;
-  role?: Role;
-  country?: string;
-  ended?: Date;
-  ambassadorCountry?: string;
-  militaryRank?: MilitaryRank;
-  governmentCompany?: string;
-  governmentCompanyRole?: string;
-  internationalOrganisation?: string;
-  internationalOrganisationRole?: string;
-  relationToPEP?: Relation;
-  nameOfPEP?: string;
-  birthdayOfPEP?: Date;
-  tin?: string;
-  businessRelation?: BusinessRelation;
-
-  isOngoing?: PepStatus;
-  isSweden?: string;
-  ownerName?: string;
-}
-
-export const EMPTY_PEP_STATE: PepState = {
-  legalEntityType: undefined,
-  type: undefined,
-  role: undefined,
-  country: undefined,
-  ended: undefined,
-  ambassadorCountry: undefined,
-  militaryRank: undefined,
-  governmentCompany: undefined,
-  governmentCompanyRole: undefined,
-  internationalOrganisation: undefined,
-  internationalOrganisationRole: undefined,
-  relationToPEP: undefined,
-  nameOfPEP: undefined,
-  birthdayOfPEP: undefined,
-  tin: undefined,
-  businessRelation: undefined,
-
-  isOngoing: undefined,
-  isSweden: undefined,
-  ownerName: undefined,
-};
-
-// All types for the context. This includes setter methods
-export interface PepContextProps {
-  state: PepState;
-  setState: (newState: Partial<PepState>) => void;
-}
-
-// Create the context. (This will just create a template)
-export const PepContext = React.createContext<PepContextProps>(
-  {} as PepContextProps
-);
-
-/**
- * A Higher Order Component. This is used to wrap classes so that the context is injected
- * There is quite a bit TS magic here. This is so that the internal props off the component
- * will be stripped of the context props so that the external props will only show the relevant
- * props
- */
-export const withPep = <P extends object>(
-  Component: React.ComponentType<P>
-): React.FC<Omit<P, keyof PepContextProps>> => props => (
-  <PepContext.Consumer>
-    {contextProps => <Component {...(props as P)} {...contextProps} />}
-  </PepContext.Consumer>
-);
-
-function stateReducer(state: PepState, newState: Partial<PepState>) {
-  return { ...state, ...newState };
-}
-
-export const PepContextProvider: React.FC = ({ children }) => {
-  const [pep, setPep] = useReducer(stateReducer, {});
-
-  return (
-    <PepContext.Provider value={{ state: pep, setState: setPep }}>
-      {children}
-    </PepContext.Provider>
-  );
-};
+import React, { useReducer } from "react";
+
+export enum EntityType {
+  PERSON = "PERSON",
+  CORPORATION = "CORPORATION",
+}
+
+export enum PepType {
+  NOT_PEP = "NOT_PEP",
+  ME = "ME",
+  RELATIVE = "RELATIVE",
+  COLLEAGUE = "COLLEAGUE",
+}
+
+export enum PepStatus {
+  ONGOING = "ONGOING",
+  ENDED = "ENDED",
+}
+
+export enum Role {
+  HEAD_OF_GOVERNMENT = "HEAD_OF_GOVERNMENT",
+  MINISTER = "MINISTER",
+  PARLIMENT_MEMBER = "PARLIMENT_MEMBER",
+  CENTRAL_BANK_MEMBER = "CENTRAL_BANK_MEMBER",
+  BOARD_MEMBER_POLITICAL_PARTY = "BOARD_MEMBER_POLITICAL_PARTY",
+  JUDGE_SUPREME_COURT = "JUDGE_SUPREME_COURT",
+  JUDGE_OTHER_HIGH_COURT = "JUDGE_OTHER_HIGH_COURT",
+  REVISION_INSTITUTE = "REVISION_INSTITUTE",
+  AMBASSADOR = "AMBASSADOR",
+  MILITARY_OFFICER = "MILITARY_OFFICER",
+  GOVERNMENT_COMPANY = "GOVERNMENT_COMPANY",
+  EU_HIGH_RANKING_POSITION = "EU_HIGH_RANKING_POSITION",
+  HIGH_RANKING_POSITION_INTERNALTIONAL_CORP = "HIGH_RANKING_POSITION_INTERNALTIONAL_CORP",
+}
+
+export enum Relation {
+  MARRIED_PARTNER = "MARRIED_PARTNER",
+  COLIVING_PARTNER = "COLIVING_PARTNER",
+  CHILD = "CHILD",
+  PARENT = "PARENT",
+  CHILD_MARRIED_PARTNER = "CHILD_MARRIED_PARTNER",
+  CHILD_COLIVING_PARTNER = "CHILD_COLIVING_PARTNER",
+}
+
+export enum BusinessRelation {
+  CO_OWNERSHIP = "CO_OWNERSHIP",
+  CLOSE_CONNECTION = "CLOSE_CONNECTION",
+  COMPANY_FOR_PEP = "COMPANY_FOR_PEP",
+}
+
+export enum MilitaryRank {
+  GENERAL = "GENERAL",
+  LIEUTENANT_GENERAL = "LIEUTENANT_GENERAL",
+  MAJOR_GENERAL = "MAJOR_GENERAL",
+  ADMIRAL = "ADMIRAL",
+  VICE_ADMIRAL = "VICE_ADMIRAL",
+  REAR_ADMIRAL = "REAR_ADMIRAL",
+}
+
+// Types for the state
+export interface PepState {
+  legalEntityType?: EntityType;
+  type?: PepType;
+  role?: Role;
+  country?: string;
+  ended?: Date;
+  ambassadorCountry?: string;
+  militaryRank?: MilitaryRank;
+  governmentCompany?: string;
+  governmentCompanyRole?: string;
+  internationalOrganisation?: string;
+  internationalOrganisationRole?: string;
+  relationToPEP?: Relation;
+  nameOfPEP?: string;
+  birthdayOfPEP?: Date;
+  tin?: string;
+  businessRelation?: BusinessRelation;
+
+  isOngoing?: PepStatus;
+  isSweden?: string;
+  ownerName?: string;
+}
+
+export const EMPTY_PEP_STATE: PepState = {
+  legalEntityType: undefined,
+  type: undefined,
+  role: undefined,
+  country: undefined,
+  ended: undefined,
+  ambassadorCountry: undefined,
+  militaryRank: undefined,
+  governmentCompany: undefined,
+  governmentCompanyRole: undefined,
+  internationalOrganisation: undefined,
+  internationalOrganisationRole: undefined,
+  relationToPEP: undefined,
+  nameOfPEP: undefined,
+  birthdayOfPEP: undefined,
+  tin: undefined,
+  businessRelation: undefined,
+
+  isOngoing: undefined,
+  isSweden: undefined,
+  ownerName: undefined,
+};
+
+// All types for the context. This includes setter methods
+export interface PepContextProps {
+  state: PepState;
+  setState: (newState: Partial<PepState>) => void;
+}
+
+// Create the context. (This will just create a template)
+export const PepContext = React.createContext<PepContextProps>(
+  {} as PepContextProps
+);
+
+/**
+ * A Higher Order Component. This is used to wrap classes so that the context is injected
+ * There is quite a bit TS magic here. This is so that the internal props off the component
+ * will be stripped of the context props so that the external props will only show the relevant
+ * props
+ */
+export const withPep = <P extends object>(
+  Component: React.ComponentType<P>
+): React.FC<Omit<P, keyof PepContextProps>> => props => (
+  <PepContext.Consumer>
+    {contextProps => <Component {...(props as P)} {...contextProps} />}
+  </PepContext.Consumer>
+);
+
+function stateReducer(state: PepState, newState: Partial<PepState>) {
+  return { ...state, ...newState };
+}
+
+export const PepContextProvider: React.FC = ({ children }) => {
+  const [pep, setPep] = useReducer(stateReducer, {});
+
+  return (
+    <PepContext.Provider value={{ state: pep, setState: setPep }}>
+      {children}
+    </PepContext.Provider>
+  );
+};

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>
+  );
+};