@lysaab/lysa-pep 7.0.0 → 7.1.0

package/src/pages/IsPep/IsPepPage.tsx

@@ -1,119 +0,0 @@
-import React, {
-  FunctionComponent,
-  useRef,
-  useCallback,
-  useContext,
-} from "react";
-import {
-  Form,
-  RadioGroup,
-  RequiredValidator,
-  Button,
-  LysaFormRef,
-  Card,
-} from "@lysaab/ui-2";
-import { PepType, PepContext, EntityType } from "../PepContext";
-import { useIntl, FormattedMessage } from "react-intl";
-import { messages } from "./IsPepMessages";
-
-export interface QuestionsProps {
-  ownerName?: string;
-  entityType?: EntityType;
-  type?: PepType;
-  onChange: (type: PepType) => void;
-  resetValues?: () => void;
-}
-
-export const IsPepQuestion: React.FC<QuestionsProps> = ({
-  ownerName,
-  entityType,
-  type,
-  onChange,
-  resetValues,
-}) => {
-  const intl = useIntl();
-
-  const IsPepAlternatives = [
-    {
-      text: intl.formatMessage(messages[PepType.NOT_PEP], {
-        entityType,
-        name: ownerName,
-      }),
-      value: PepType.NOT_PEP,
-    },
-    {
-      text: intl.formatMessage(messages[PepType.ME], {
-        entityType,
-        name: ownerName,
-      }),
-      value: PepType.ME,
-    },
-    {
-      text: intl.formatMessage(messages[PepType.RELATIVE], {
-        entityType,
-        name: ownerName,
-      }),
-      value: PepType.RELATIVE,
-    },
-    {
-      text: intl.formatMessage(messages[PepType.COLLEAGUE], {
-        entityType,
-        name: ownerName,
-      }),
-      value: PepType.COLLEAGUE,
-    },
-  ];
-
-  return (
-    <RadioGroup
-      alternatives={IsPepAlternatives}
-      onChange={(alternative) => {
-        onChange(alternative.value);
-        resetValues?.();
-      }}
-      value={IsPepAlternatives.find((alt) => alt.value === type)}
-      header={intl.formatMessage(messages.header, {
-        entityType,
-        name: ownerName,
-      })}
-      validators={[
-        new RequiredValidator(intl.formatMessage(messages.required)),
-      ]}
-      data-test-id="pep-ispep"
-    />
-  );
-};
-
-interface Props {
-  next: () => void;
-}
-
-export const IsPepPage: FunctionComponent<Props> = ({ next }) => {
-  const pepContext = useContext(PepContext);
-  const formRef = useRef<LysaFormRef>();
-
-  const nextPage = useCallback(() => {
-    if (formRef.current && formRef.current.isValid) {
-      next();
-    }
-  }, [formRef, next]);
-
-  return (
-    <Form onSubmit={nextPage} lysaFormRef={formRef}>
-      <Card>
-        <IsPepQuestion
-          ownerName={pepContext.state.ownerName}
-          entityType={pepContext.state.legalEntityType || EntityType.PERSON}
-          type={pepContext.state.type}
-          onChange={(type) => pepContext.setState({ type })}
-        />
-      </Card>
-
-      <Button
-        label={<FormattedMessage id="pep.ispep.next" />}
-        block
-        type="submit"
-      />
-    </Form>
-  );
-};

package/src/pages/PepContext.tsx

@@ -1,150 +0,0 @@
-import { WorldCountry } from "@lysaab/ui-2";
-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?: WorldCountry;
-  ended?: Date;
-  ambassadorCountry?: WorldCountry;
-  militaryRank?: MilitaryRank;
-  governmentCompany?: string;
-  governmentCompanyRole?: string;
-  internationalOrganisation?: string;
-  internationalOrganisationRole?: string;
-  relationToPEP?: Relation;
-  nameOfPEP?: string;
-  birthdayOfPEP?: Date;
-  tin?: string;
-  businessRelation?: BusinessRelation;
-  locked?: boolean;
-
-  isOngoing?: PepStatus;
-  isLocalCountry?: 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,
-  locked: undefined,
-
-  isOngoing: undefined,
-  isLocalCountry: 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<React.PropsWithChildren<P>>
-  ): React.FC<React.PropsWithChildren<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<React.PropsWithChildren<unknown>> = ({ children }) => {
-  const [pep, setPep] = useReducer(stateReducer, {});
-
-  return (
-    <PepContext.Provider value={{ state: pep, setState: setPep }}>
-      {children}
-    </PepContext.Provider>
-  );
-};

package/src/pages/RelationPage/RelationMessages.ts

@@ -1,74 +0,0 @@
-import { defineMessages } from "react-intl";
-import { BusinessRelation, Relation } from "../PepContext";
-
-export const relationMessages = defineMessages({
-  header: {
-    id: "pep.relation.relationship.header",
-  },
-  required: {
-    id: "pep.relation.relation.required",
-  },
-  [Relation.MARRIED_PARTNER]: {
-    id: "pep.relation.relation.MARRIED_PARTNER",
-  },
-  [Relation.COLIVING_PARTNER]: {
-    id: "pep.relation.relation.COLIVING_PARTNER",
-  },
-  [Relation.CHILD]: {
-    id: "pep.relation.relation.CHILD",
-  },
-  [Relation.PARENT]: {
-    id: "pep.relation.relation.PARENT",
-  },
-  [Relation.CHILD_MARRIED_PARTNER]: {
-    id: "pep.relation.relation.CHILD_MARRIED_PARTNER",
-  },
-  [Relation.CHILD_COLIVING_PARTNER]: {
-    id: "pep.relation.relation.CHILD_COLIVING_PARTNER",
-  },
-});
-
-export const businessRelationMessages = defineMessages({
-  header: {
-    id: "pep.relation.businessrelation.header",
-  },
-  required: {
-    id: "pep.relation.businessrelation.required",
-  },
-  [BusinessRelation.CO_OWNERSHIP]: {
-    id: "pep.relation.businessrelation.alt.CO_OWNERSHIP",
-  },
-  [BusinessRelation.CLOSE_CONNECTION]: {
-    id: "pep.relation.businessrelation.alt.CLOSE_CONNECTION",
-  },
-  [BusinessRelation.COMPANY_FOR_PEP]: {
-    id: "pep.relation.businessrelation.alt.COMPANY_FOR_PEP",
-  },
-});
-
-export const relativeNameMessages = defineMessages({
-  header: {
-    id: "pep.relation.relative.name.header",
-  },
-  required: {
-    id: "pep.relation.relative.name.required",
-  },
-});
-
-export const birthdayMessages = defineMessages({
-  header: {
-    id: "pep.relation.birthday.header",
-  },
-  required: {
-    id: "pep.relation.birthday.required",
-  },
-});
-
-export const colleagueNameMessages = defineMessages({
-  header: {
-    id: "pep.relation.colleague.name.header",
-  },
-  required: {
-    id: "pep.relation.colleague.name.required",
-  },
-});

package/src/pages/RelationPage/RelationPage.tsx

@@ -1,306 +0,0 @@
-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,
-  Button,
-  Card,
-} 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}>
-      <Card>
-        {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) => {
-                // event has a type that says it can be [startDate, endDate]
-                // but we know that will never be the case here
-                pepContext.setState({
-                  birthdayOfPEP: (event as Date) || 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}
-      </Card>
-      <Button
-        block
-        type="submit"
-        label={<FormattedMessage id="pep.relation.next" />}
-      />
-    </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,
-    },
-  ];
-}