@lysaab/lysa-pep 0.18.0 → 1.0.0-1

package/lib/pages/IsPep/IsPepMessages.d.ts

@@ -0,0 +1,32 @@
+export declare const messages: {
+    header: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    required: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    NOT_PEP: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    ME: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    RELATIVE: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    COLLEAGUE: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

package/lib/pages/IsPep/IsPepMessages.js

@@ -0,0 +1,74 @@
+import { defineMessages } from "react-intl";
+import { PepType } from "../PepContext";
+export const messages = defineMessages({
+    header: {
+        id: 'pep.ispep.header',
+        description: 'Not pep',
+        defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            Är du eller en närstående till dig en person i politisk utsatt ställning? (PEP)
+          }
+          CORPORATION {
+            Är {name} eller en närstående till {name} en person i politisk utsatt ställning? (PEP)
+          }
+      }`
+    },
+    required: {
+        id: 'pep.ispep.header',
+        description: 'Not pep',
+        defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            Är du eller en närstående till dig en person i politisk utsatt ställning? (PEP)
+          }
+          CORPORATION {
+            Är {name} eller en närstående till {name} en person i politisk utsatt ställning? (PEP)
+          }
+      }`
+    },
+    [PepType.NOT_PEP]: {
+        id: 'pep.ispep.NOT_PEP',
+        description: 'Not pep',
+        defaultMessage: 'Nej'
+    },
+    [PepType.ME]: {
+        id: 'pep.ispep.ME',
+        description: 'The person is pep',
+        defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            Jag har en funktion som gör mig till PEP
+          }
+          CORPORATION {
+            På grund av sin funktion är {name} PEP
+          }
+      }`
+    },
+    [PepType.RELATIVE]: {
+        id: 'pep.ispep.RELATIVE',
+        description: 'Jag har en relation med en person som är PEP',
+        defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            Jag har en relation med en person som är PEP
+          }
+          CORPORATION {
+            {name} är medarbetare till, eller har en affärsrelation med, en person som är PEP
+          }
+      }`
+    },
+    [PepType.COLLEAGUE]: {
+        id: 'pep.ispep.COLLEAGUE',
+        description: 'The person has a colleague that is pep',
+        defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            Jag är medarbetare till, eller har en affärsrelation med, en person som är PEP
+          }
+          CORPORATION {
+            På grund av sin funktion är {name} PEP
+          }
+      }`
+    },
+});

package/lib/pages/IsPep/IsPepPage.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent } from "react";
+import { PepType, EntityType } from "../PepContext";
+export interface ExternalIsPepState {
+    ownerName: string;
+    entityType: EntityType;
+    type?: PepType;
+    onChange: (type: PepType) => void;
+}
+interface Props {
+    next?: () => void;
+}
+export declare const IsPepRadioGroup: FunctionComponent<ExternalIsPepState>;
+export declare const IsPepPage: FunctionComponent<Props>;
+export {};

package/lib/pages/IsPep/IsPepPage.js

@@ -0,0 +1,39 @@
+import React, { useRef, useCallback, useContext } from "react";
+import { Form, RadioGroup, RequiredValidator, PrimaryButton } from "@lysaab/ui-2";
+import { PepType, PepContext, EntityType } from "../PepContext";
+import { useIntl, FormattedMessage } from "react-intl";
+import { messages } from "./IsPepMessages";
+export const IsPepRadioGroup = ({ 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 (React.createElement(RadioGroup, { alternatives: IsPepAlternatives, onChange: alt => onChange(alt.value), value: IsPepAlternatives.find(alt => alt.value === type), header: intl.formatMessage(messages.header, { entityType, name: ownerName }), validators: [RequiredValidator(intl.formatMessage(messages.required))] }));
+};
+export const IsPepPage = ({ next }) => {
+    const pepContext = useContext(PepContext);
+    const formRef = useRef();
+    const nextPage = useCallback(() => {
+        if (formRef.current && formRef.current.isValid && next) {
+            next();
+        }
+    }, [formRef, next]);
+    return (React.createElement(Form, { onSubmit: nextPage, lysaFormRef: formRef },
+        React.createElement(IsPepRadioGroup, { entityType: pepContext.state.legalEntityType || EntityType.PERSON, ownerName: pepContext.state.ownerName || "", type: pepContext.state.type, onChange: type => {
+                pepContext.setState({ type });
+            } }),
+        React.createElement(PrimaryButton, { type: "submit" },
+            React.createElement(FormattedMessage, { id: "pep.ispep.next", description: "Next button", defaultMessage: 'G\u00E5 vidare' }))));
+};

package/lib/pages/PepContext.d.ts

@@ -1,80 +1,80 @@
-import React from "react";
-export declare enum EntityType {
-    PERSON = "PERSON",
-    CORPORATION = "CORPORATION"
-}
-export declare enum PepType {
-    NOT_PEP = "NOT_PEP",
-    ME = "ME",
-    RELATIVE = "RELATIVE",
-    COLLEAGUE = "COLLEAGUE"
-}
-export declare enum PepStatus {
-    ONGOING = "ONGOING",
-    ENDED = "ENDED"
-}
-export declare 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 declare 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 declare enum BusinessRelation {
-    CO_OWNERSHIP = "CO_OWNERSHIP",
-    CLOSE_CONNECTION = "CLOSE_CONNECTION",
-    COMPANY_FOR_PEP = "COMPANY_FOR_PEP"
-}
-export declare enum MilitaryRank {
-    GENERAL = "GENERAL",
-    LIEUTENANT_GENERAL = "LIEUTENANT_GENERAL",
-    MAJOR_GENERAL = "MAJOR_GENERAL",
-    ADMIRAL = "ADMIRAL",
-    VICE_ADMIRAL = "VICE_ADMIRAL",
-    REAR_ADMIRAL = "REAR_ADMIRAL"
-}
-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 declare const EMPTY_PEP_STATE: PepState;
-export interface PepContextProps {
-    state: PepState;
-    setState: (newState: Partial<PepState>) => void;
-}
-export declare const PepContext: React.Context<PepContextProps>;
-export declare const withPep: <P extends object>(Component: React.ComponentType<P>) => React.FC<Pick<P, Exclude<keyof P, "state" | "setState">>>;
-export declare const PepContextProvider: React.FC;
+import React from "react";
+export declare enum EntityType {
+    PERSON = "PERSON",
+    CORPORATION = "CORPORATION"
+}
+export declare enum PepType {
+    NOT_PEP = "NOT_PEP",
+    ME = "ME",
+    RELATIVE = "RELATIVE",
+    COLLEAGUE = "COLLEAGUE"
+}
+export declare enum PepStatus {
+    ONGOING = "ONGOING",
+    ENDED = "ENDED"
+}
+export declare 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 declare 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 declare enum BusinessRelation {
+    CO_OWNERSHIP = "CO_OWNERSHIP",
+    CLOSE_CONNECTION = "CLOSE_CONNECTION",
+    COMPANY_FOR_PEP = "COMPANY_FOR_PEP"
+}
+export declare enum MilitaryRank {
+    GENERAL = "GENERAL",
+    LIEUTENANT_GENERAL = "LIEUTENANT_GENERAL",
+    MAJOR_GENERAL = "MAJOR_GENERAL",
+    ADMIRAL = "ADMIRAL",
+    VICE_ADMIRAL = "VICE_ADMIRAL",
+    REAR_ADMIRAL = "REAR_ADMIRAL"
+}
+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 declare const EMPTY_PEP_STATE: PepState;
+export interface PepContextProps {
+    state: PepState;
+    setState: (newState: Partial<PepState>) => void;
+}
+export declare const PepContext: React.Context<PepContextProps>;
+export declare const withPep: <P extends object>(Component: React.ComponentType<P>) => React.FC<Pick<P, Exclude<keyof P, "state" | "setState">>>;
+export declare const PepContextProvider: React.FC;

package/lib/pages/PepContext.js

@@ -1,88 +1,88 @@
-import React, { useReducer } from "react";
-export var EntityType;
-(function (EntityType) {
-    EntityType["PERSON"] = "PERSON";
-    EntityType["CORPORATION"] = "CORPORATION";
-})(EntityType || (EntityType = {}));
-export var PepType;
-(function (PepType) {
-    PepType["NOT_PEP"] = "NOT_PEP";
-    PepType["ME"] = "ME";
-    PepType["RELATIVE"] = "RELATIVE";
-    PepType["COLLEAGUE"] = "COLLEAGUE";
-})(PepType || (PepType = {}));
-export var PepStatus;
-(function (PepStatus) {
-    PepStatus["ONGOING"] = "ONGOING";
-    PepStatus["ENDED"] = "ENDED";
-})(PepStatus || (PepStatus = {}));
-export var Role;
-(function (Role) {
-    Role["HEAD_OF_GOVERNMENT"] = "HEAD_OF_GOVERNMENT";
-    Role["MINISTER"] = "MINISTER";
-    Role["PARLIMENT_MEMBER"] = "PARLIMENT_MEMBER";
-    Role["CENTRAL_BANK_MEMBER"] = "CENTRAL_BANK_MEMBER";
-    Role["BOARD_MEMBER_POLITICAL_PARTY"] = "BOARD_MEMBER_POLITICAL_PARTY";
-    Role["JUDGE_SUPREME_COURT"] = "JUDGE_SUPREME_COURT";
-    Role["JUDGE_OTHER_HIGH_COURT"] = "JUDGE_OTHER_HIGH_COURT";
-    Role["REVISION_INSTITUTE"] = "REVISION_INSTITUTE";
-    Role["AMBASSADOR"] = "AMBASSADOR";
-    Role["MILITARY_OFFICER"] = "MILITARY_OFFICER";
-    Role["GOVERNMENT_COMPANY"] = "GOVERNMENT_COMPANY";
-    Role["EU_HIGH_RANKING_POSITION"] = "EU_HIGH_RANKING_POSITION";
-    Role["HIGH_RANKING_POSITION_INTERNALTIONAL_CORP"] = "HIGH_RANKING_POSITION_INTERNALTIONAL_CORP";
-})(Role || (Role = {}));
-export var Relation;
-(function (Relation) {
-    Relation["MARRIED_PARTNER"] = "MARRIED_PARTNER";
-    Relation["COLIVING_PARTNER"] = "COLIVING_PARTNER";
-    Relation["CHILD"] = "CHILD";
-    Relation["PARENT"] = "PARENT";
-    Relation["CHILD_MARRIED_PARTNER"] = "CHILD_MARRIED_PARTNER";
-    Relation["CHILD_COLIVING_PARTNER"] = "CHILD_COLIVING_PARTNER";
-})(Relation || (Relation = {}));
-export var BusinessRelation;
-(function (BusinessRelation) {
-    BusinessRelation["CO_OWNERSHIP"] = "CO_OWNERSHIP";
-    BusinessRelation["CLOSE_CONNECTION"] = "CLOSE_CONNECTION";
-    BusinessRelation["COMPANY_FOR_PEP"] = "COMPANY_FOR_PEP";
-})(BusinessRelation || (BusinessRelation = {}));
-export var MilitaryRank;
-(function (MilitaryRank) {
-    MilitaryRank["GENERAL"] = "GENERAL";
-    MilitaryRank["LIEUTENANT_GENERAL"] = "LIEUTENANT_GENERAL";
-    MilitaryRank["MAJOR_GENERAL"] = "MAJOR_GENERAL";
-    MilitaryRank["ADMIRAL"] = "ADMIRAL";
-    MilitaryRank["VICE_ADMIRAL"] = "VICE_ADMIRAL";
-    MilitaryRank["REAR_ADMIRAL"] = "REAR_ADMIRAL";
-})(MilitaryRank || (MilitaryRank = {}));
-export const EMPTY_PEP_STATE = {
-    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,
-};
-export const PepContext = React.createContext({});
-export const withPep = (Component) => props => (React.createElement(PepContext.Consumer, null, contextProps => React.createElement(Component, Object.assign({}, props, contextProps))));
-function stateReducer(state, newState) {
-    return Object.assign(Object.assign({}, state), newState);
-}
-export const PepContextProvider = ({ children }) => {
-    const [pep, setPep] = useReducer(stateReducer, {});
-    return (React.createElement(PepContext.Provider, { value: { state: pep, setState: setPep } }, children));
-};
+import React, { useReducer } from "react";
+export var EntityType;
+(function (EntityType) {
+    EntityType["PERSON"] = "PERSON";
+    EntityType["CORPORATION"] = "CORPORATION";
+})(EntityType || (EntityType = {}));
+export var PepType;
+(function (PepType) {
+    PepType["NOT_PEP"] = "NOT_PEP";
+    PepType["ME"] = "ME";
+    PepType["RELATIVE"] = "RELATIVE";
+    PepType["COLLEAGUE"] = "COLLEAGUE";
+})(PepType || (PepType = {}));
+export var PepStatus;
+(function (PepStatus) {
+    PepStatus["ONGOING"] = "ONGOING";
+    PepStatus["ENDED"] = "ENDED";
+})(PepStatus || (PepStatus = {}));
+export var Role;
+(function (Role) {
+    Role["HEAD_OF_GOVERNMENT"] = "HEAD_OF_GOVERNMENT";
+    Role["MINISTER"] = "MINISTER";
+    Role["PARLIMENT_MEMBER"] = "PARLIMENT_MEMBER";
+    Role["CENTRAL_BANK_MEMBER"] = "CENTRAL_BANK_MEMBER";
+    Role["BOARD_MEMBER_POLITICAL_PARTY"] = "BOARD_MEMBER_POLITICAL_PARTY";
+    Role["JUDGE_SUPREME_COURT"] = "JUDGE_SUPREME_COURT";
+    Role["JUDGE_OTHER_HIGH_COURT"] = "JUDGE_OTHER_HIGH_COURT";
+    Role["REVISION_INSTITUTE"] = "REVISION_INSTITUTE";
+    Role["AMBASSADOR"] = "AMBASSADOR";
+    Role["MILITARY_OFFICER"] = "MILITARY_OFFICER";
+    Role["GOVERNMENT_COMPANY"] = "GOVERNMENT_COMPANY";
+    Role["EU_HIGH_RANKING_POSITION"] = "EU_HIGH_RANKING_POSITION";
+    Role["HIGH_RANKING_POSITION_INTERNALTIONAL_CORP"] = "HIGH_RANKING_POSITION_INTERNALTIONAL_CORP";
+})(Role || (Role = {}));
+export var Relation;
+(function (Relation) {
+    Relation["MARRIED_PARTNER"] = "MARRIED_PARTNER";
+    Relation["COLIVING_PARTNER"] = "COLIVING_PARTNER";
+    Relation["CHILD"] = "CHILD";
+    Relation["PARENT"] = "PARENT";
+    Relation["CHILD_MARRIED_PARTNER"] = "CHILD_MARRIED_PARTNER";
+    Relation["CHILD_COLIVING_PARTNER"] = "CHILD_COLIVING_PARTNER";
+})(Relation || (Relation = {}));
+export var BusinessRelation;
+(function (BusinessRelation) {
+    BusinessRelation["CO_OWNERSHIP"] = "CO_OWNERSHIP";
+    BusinessRelation["CLOSE_CONNECTION"] = "CLOSE_CONNECTION";
+    BusinessRelation["COMPANY_FOR_PEP"] = "COMPANY_FOR_PEP";
+})(BusinessRelation || (BusinessRelation = {}));
+export var MilitaryRank;
+(function (MilitaryRank) {
+    MilitaryRank["GENERAL"] = "GENERAL";
+    MilitaryRank["LIEUTENANT_GENERAL"] = "LIEUTENANT_GENERAL";
+    MilitaryRank["MAJOR_GENERAL"] = "MAJOR_GENERAL";
+    MilitaryRank["ADMIRAL"] = "ADMIRAL";
+    MilitaryRank["VICE_ADMIRAL"] = "VICE_ADMIRAL";
+    MilitaryRank["REAR_ADMIRAL"] = "REAR_ADMIRAL";
+})(MilitaryRank || (MilitaryRank = {}));
+export const EMPTY_PEP_STATE = {
+    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,
+};
+export const PepContext = React.createContext({});
+export const withPep = (Component) => props => (React.createElement(PepContext.Consumer, null, contextProps => React.createElement(Component, Object.assign({}, props, contextProps))));
+function stateReducer(state, newState) {
+    return Object.assign(Object.assign({}, state), newState);
+}
+export const PepContextProvider = ({ children }) => {
+    const [pep, setPep] = useReducer(stateReducer, {});
+    return (React.createElement(PepContext.Provider, { value: { state: pep, setState: setPep } }, children));
+};

package/lib/pages/PepIsPepPage.d.ts

@@ -1,15 +1,6 @@
-import React from "react";
-import { PepType, EntityType } from "./PepContext";
-interface QuestionsProps {
-    ownerName?: string;
-    legalEntityType?: EntityType;
-    type?: PepType;
-    onChange: (type: PepType) => void;
-    resetValues?: () => void;
-}
-export declare const PepIsPepQuestions: React.FC<QuestionsProps>;
-interface Props {
-    next: () => void;
-}
-export declare const PepIsPepPage: React.FC<Props>;
-export {};
+import { FunctionComponent } from "react";
+interface Props {
+    next: () => void;
+}
+export declare const PepIsPepPage: FunctionComponent<Props>;
+export {};

package/lib/pages/PepIsPepPage.js

@@ -1,59 +1,57 @@
-import React, { useRef, useCallback, useContext } from "react";
-import { Form, RadioGroup, RequiredValidator, PrimaryButton, } from "@lysaab/ui-2";
-import { PepType, PepContext, EntityType } from "./PepContext";
-import { LABELS } from "../model/PepTexts";
-export const PepIsPepQuestions = ({ 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 (React.createElement(RadioGroup, { alternatives: IsPepAlternatives, onChange: (alternative) => {
-            var _a;
-            onChange(alternative.value);
-            (_a = resetValues) === null || _a === void 0 ? void 0 : _a();
-        }, value: IsPepAlternatives.find((alt) => alt.value === type), header: labels[entityType].GENERIC.IS_PEP_HEADER, validators: [RequiredValidator("Du måste välja ett alternativ")] }));
-};
-export const PepIsPepPage = ({ next }) => {
-    const pepContext = useContext(PepContext);
-    const formRef = useRef();
-    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 (React.createElement(Form, { onSubmit: nextPage, lysaFormRef: formRef },
-        React.createElement(PepIsPepQuestions, { ownerName: pepContext.state.ownerName, legalEntityType: pepContext.state.legalEntityType, type: pepContext.state.type, onChange: (type) => pepContext.setState({ type }), resetValues: resetValues }),
-        React.createElement(PrimaryButton, { type: "submit" }, "N\u00E4sta")));
-};
+import React, { useRef, useCallback, useContext } from "react";
+import { Form, RadioGroup, RequiredValidator, PrimaryButton } from "@lysaab/ui-2";
+import { PepType, PepContext, EntityType } from "./PepContext";
+import { LABELS } from "../model/PepTexts";
+export const PepIsPepPage = ({ next }) => {
+    const pepContext = useContext(PepContext);
+    const formRef = useRef();
+    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 (React.createElement(Form, { onSubmit: () => nextPage(), lysaFormRef: formRef },
+        React.createElement(RadioGroup, { alternatives: IsPepAlternatives, onChange: event => {
+                pepContext.setState({
+                    type: event.value ? event.value.value : 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")] }),
+        React.createElement(PrimaryButton, { type: "submit" }, "N\u00E4sta")));
+};

package/lib/pages/PepRelationPage.d.ts

@@ -1,6 +1,6 @@
-import { FunctionComponent } from "react";
-interface Props {
-    next: () => void;
-}
-export declare const PepRelationPage: FunctionComponent<Props>;
-export {};
+import { FunctionComponent } from "react";
+interface Props {
+    next: () => void;
+}
+export declare const PepRelationPage: FunctionComponent<Props>;
+export {};