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

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,6 +1,15 @@
-import { FunctionComponent } from "react";
-interface Props {
-    next: () => void;
-}
-export declare const PepIsPepPage: FunctionComponent<Props>;
-export {};
+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

@@ -1,57 +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 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")));
-};
+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/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 {};

package/lib/pages/PepRelationPage.js

@@ -1,83 +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: event => {
-                pepContext.setState({
-                    relationToPEP: event.value
-                        ? event.value.value
-                        : undefined
-                });
-            }, value: relationAlternatives.find(alt => alt.value === pepContext.state.relationToPEP), header: labels[entityType][PepType.RELATIVE].RELATION_LABEL, validators: [RequiredValidator("Du måste välja ett alternativ")] })) : null,
-        type === PepType.COLLEAGUE ? (React.createElement(RadioGroup, { alternatives: businessRelationAlternatives, onChange: event => {
-                pepContext.setState({
-                    businessRelation: event.value
-                        ? event.value.value
-                        : undefined
-                });
-            }, value: businessRelationAlternatives.find(alt => alt.value === pepContext.state.businessRelation), header: labels[entityType][PepType.COLLEAGUE].BUSINESS_RELATION_LABEL, validators: [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: event => {
-                    pepContext.setState({ nameOfPEP: event.value });
-                }, validators: [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: [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: event => {
-                    pepContext.setState({ nameOfPEP: event.value });
-                }, validators: [RequiredValidator("Du måste ange namn")] }))) : null,
-        React.createElement(PrimaryButton, { type: "submit" }, "N\u00E4sta")));
-};
+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

@@ -1,9 +1,10 @@
-import { FunctionComponent } from "react";
-import { Alternative } from "@lysaab/ui-2/components/input/InputAPI";
-interface Props {
-    next: () => void;
-}
-export declare const roleAlternatives: Alternative[];
-export declare const militaryAlternatives: Alternative[];
-export declare const PepRolePage: FunctionComponent<Props>;
-export {};
+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 {};