@lysaab/lysa-pep 1.0.0-0 → 1.0.0

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

@@ -0,0 +1,15 @@
+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 {};

package/lib/pages/PepIsPepPage.js

@@ -0,0 +1,59 @@
+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: [new 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")));
+};

package/lib/pages/{StatusPage/StatusPage.d.ts → PepRelationPage.d.ts}

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

package/lib/pages/PepRelationPage.js

@@ -0,0 +1,79 @@
+import React, { useContext, useRef, useCallback, } from "react";
+import { PepContext, PepType, BusinessRelation, Relation, EntityType, } from "./PepContext";
+import { RadioGroup, Form, 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();
+export const PepRelationPage = ({ next }) => {
+    const pepContext = useContext(PepContext);
+    const formRef = useRef();
+    const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
+    const type = pepContext.state.type;
+    const labels = LABELS(pepContext.state.ownerName);
+    const businessRelationAlternatives = [
+        {
+            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 = [
+        {
+            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 (React.createElement(Form, { onSubmit: () => nextPage(), lysaFormRef: formRef },
+        type === PepType.RELATIVE ? (React.createElement(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 ? (React.createElement(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.createElement(React.Fragment, null,
+            React.createElement(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")] }),
+            React.createElement(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 }))) : null,
+        pepContext.state.businessRelation && type === PepType.COLLEAGUE ? (React.createElement(React.Fragment, null,
+            React.createElement(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")] }))) : null,
+        React.createElement(PrimaryButton, { type: "submit" }, "N\u00E4sta")));
+};

package/lib/pages/PepRolePage.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent } from "react";
+import { Alternative } from "@lysaab/ui-2/components/input/InputAPI";
+import { Role, MilitaryRank } from "./PepContext";
+interface Props {
+    next: () => void;
+}
+export declare const roleAlternatives: Alternative<Role>[];
+export declare const militaryAlternatives: Alternative<MilitaryRank>[];
+export declare const PepRolePage: FunctionComponent<Props>;
+export {};

package/lib/pages/PepRolePage.js

@@ -0,0 +1,127 @@
+import React, { useRef, useCallback, useContext, } from "react";
+import { 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";
+export const roleAlternatives = [
+    { 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,
+    },
+];
+export const militaryAlternatives = [
+    {
+        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 = ({ next }) => {
+    const pepContext = useContext(PepContext);
+    const formRef = useRef();
+    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 (React.createElement(Form, { onSubmit: () => nextPage(), lysaFormRef: formRef },
+        React.createElement(Select, { label: getRoleLabel(entityType, type, pepContext.state.relationToPEP, pepContext.state.businessRelation, pepContext.state.ownerName), placeholder: "V\u00E4lj en roll", alternatives: roleAlternatives, value: roleAlternatives.find(alt => alt.value === pepContext.state.role), onChange: event => {
+                pepContext.setState({ role: event.value });
+                resetRoleFields();
+            }, validators: [new RequiredValidator("Du måste välja roll")] }),
+        pepContext.state.role && pepContext.state.role === Role.AMBASSADOR ? (React.createElement(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: [new RequiredValidator("Du måste välja land")] })) : null,
+        pepContext.state.role &&
+            pepContext.state.role === Role.GOVERNMENT_COMPANY ? (React.createElement(React.Fragment, null,
+            React.createElement(TextInput, { label: getGovernmentCompanyNameLabel(entityType, type, pepContext.state.relationToPEP, pepContext.state.businessRelation, pepContext.state.ownerName), value: pepContext.state.governmentCompany || "", onChange: value => {
+                    pepContext.setState({ governmentCompany: value });
+                }, validators: [new RequiredValidator("Du måste ange ett namn")] }),
+            React.createElement(TextInput, { label: getGovernmentCompanyRoleLabel(entityType, type, pepContext.state.relationToPEP, pepContext.state.businessRelation, pepContext.state.ownerName), value: pepContext.state.governmentCompanyRole || "", onChange: value => {
+                    pepContext.setState({
+                        governmentCompanyRole: value,
+                    });
+                }, validators: [new RequiredValidator("Du måste ange roll")] }))) : null,
+        pepContext.state.role &&
+            pepContext.state.role ===
+                Role.HIGH_RANKING_POSITION_INTERNALTIONAL_CORP ? (React.createElement(React.Fragment, null,
+            React.createElement(TextInput, { label: getHighRankingPositionIntCorpNameLabel(entityType, type, pepContext.state.relationToPEP, pepContext.state.businessRelation, pepContext.state.ownerName), value: pepContext.state.internationalOrganisation || "", onChange: value => {
+                    pepContext.setState({ internationalOrganisation: value });
+                }, validators: [new RequiredValidator("Du måste ange ett namn")] }),
+            React.createElement(TextInput, { label: getHighRankingPositionIntCorpRoleLabel(entityType, type, pepContext.state.relationToPEP, pepContext.state.businessRelation, pepContext.state.ownerName), value: pepContext.state.internationalOrganisationRole || "", onChange: value => {
+                    pepContext.setState({
+                        internationalOrganisationRole: value,
+                    });
+                }, validators: [new RequiredValidator("Du måste ange roll")] }))) : null,
+        pepContext.state.role &&
+            pepContext.state.role === Role.MILITARY_OFFICER ? (React.createElement(Select, { label: getMilitaryRankLabel(entityType, type, pepContext.state.relationToPEP, pepContext.state.businessRelation, pepContext.state.ownerName), placeholder: "V\u00E4lj grad", alternatives: militaryAlternatives, value: militaryAlternatives.find(alt => alt.value === pepContext.state.militaryRank), onChange: event => {
+                pepContext.setState({ militaryRank: event.value });
+            }, validators: [new RequiredValidator("Du måste ange en grad")] })) : null,
+        React.createElement(PrimaryButton, { type: "submit" }, "N\u00E4sta")));
+};