@lysaab/lysa-pep 1.0.2-0 → 1.0.3-0

package/src/pages/IsPep/IsPepPage.tsx

@@ -1,114 +1,115 @@
-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 { useIntl, FormattedMessage } from "react-intl";
-import { messages } from "./IsPepMessages";
-
-export interface ExternalIsPepState {
-  ownerName: string;
-  entityType: EntityType;
-  type?: PepType;
-  onChange: (type: PepType) => void;
-}
-
-interface Props {
-  next?: () => void;
-}
-
-export const IsPepRadioGroup: FunctionComponent<ExternalIsPepState> = ({
-  ownerName,
-  entityType,
-  type,
-  onChange,
-}) => {
-  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={(alt) => onChange(alt.value)}
-      value={IsPepAlternatives.find((alt) => alt.value === type)}
-      header={intl.formatMessage(messages.header, {
-        entityType,
-        name: ownerName,
-      })}
-      validators={[
-        new RequiredValidator(intl.formatMessage(messages.required)),
-      ]}
-    />
-  );
-};
-
-export const IsPepPage: FunctionComponent<Props> = ({ next }) => {
-  const pepContext = useContext(PepContext);
-  const formRef = useRef<LysaFormRef>();
-
-  const nextPage = useCallback(() => {
-    if (formRef.current && formRef.current.isValid && next) {
-      next();
-    }
-  }, [formRef, next]);
-
-  return (
-    <Form onSubmit={nextPage} lysaFormRef={formRef}>
-      <IsPepRadioGroup
-        entityType={pepContext.state.legalEntityType || EntityType.PERSON}
-        ownerName={pepContext.state.ownerName || ""}
-        type={pepContext.state.type}
-        onChange={(type) => {
-          pepContext.setState({ type });
-        }}
-      />
-
-      <PrimaryButton type="submit">
-        <FormattedMessage
-          id="pep.ispep.next"
-          description="Next button"
-          defaultMessage="Gå vidare"
-        />
-      </PrimaryButton>
-    </Form>
-  );
-};
+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 { useIntl, FormattedMessage } from "react-intl";
+import { messages } from "./IsPepMessages";
+
+export interface ExternalIsPepState {
+  ownerName: string;
+  entityType: EntityType;
+  type?: PepType;
+  onChange: (type: PepType) => void;
+}
+
+interface Props {
+  next?: () => void;
+}
+
+export const IsPepRadioGroup: FunctionComponent<ExternalIsPepState> = ({
+  ownerName,
+  entityType,
+  type,
+  onChange,
+}) => {
+  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={(alt) => onChange(alt.value)}
+      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"
+    />
+  );
+};
+
+export const IsPepPage: FunctionComponent<Props> = ({ next }) => {
+  const pepContext = useContext(PepContext);
+  const formRef = useRef<LysaFormRef>();
+
+  const nextPage = useCallback(() => {
+    if (formRef.current && formRef.current.isValid && next) {
+      next();
+    }
+  }, [formRef, next]);
+
+  return (
+    <Form onSubmit={nextPage} lysaFormRef={formRef}>
+      <IsPepRadioGroup
+        entityType={pepContext.state.legalEntityType || EntityType.PERSON}
+        ownerName={pepContext.state.ownerName || ""}
+        type={pepContext.state.type}
+        onChange={(type) => {
+          pepContext.setState({ type });
+        }}
+      />
+
+      <PrimaryButton type="submit">
+        <FormattedMessage
+          id="pep.ispep.next"
+          description="Next button"
+          defaultMessage="Gå vidare"
+        />
+      </PrimaryButton>
+    </Form>
+  );
+};

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