@lysaab/lysa-pep 5.0.0 → 5.0.1

package/Exports.d.ts

@@ -1,7 +1,7 @@
-export * from "./pages/PepContext";
-export * from "./model/PepModel";
-export * from "./pages/IsPep/IsPepPage";
-export { RelationPage } from "./pages/RelationPage/RelationPage";
-export { RolePage as PepRolePage, getMilitaryAlts, getRoleAlts } from "./pages/RolePage/RolePage";
-export { StatusPage as PepStatusPage } from "./pages/StatusPage/StatusPage";
-export { PepAnswers } from "./components/PepAnswers";
+export * from "./pages/PepContext";
+export * from "./model/PepModel";
+export * from "./pages/IsPep/IsPepPage";
+export { RelationPage } from "./pages/RelationPage/RelationPage";
+export { RolePage as PepRolePage, getMilitaryAlts, getRoleAlts } from "./pages/RolePage/RolePage";
+export { StatusPage as PepStatusPage } from "./pages/StatusPage/StatusPage";
+export { PepAnswers } from "./components/PepAnswers";

package/Exports.js

@@ -1,7 +1,7 @@
-export * from "./pages/PepContext";
-export * from "./model/PepModel";
-export * from "./pages/IsPep/IsPepPage";
-export { RelationPage } from "./pages/RelationPage/RelationPage";
-export { RolePage as PepRolePage, getMilitaryAlts, getRoleAlts } from "./pages/RolePage/RolePage";
-export { StatusPage as PepStatusPage } from "./pages/StatusPage/StatusPage";
-export { PepAnswers } from "./components/PepAnswers";
+export * from "./pages/PepContext";
+export * from "./model/PepModel";
+export * from "./pages/IsPep/IsPepPage";
+export { RelationPage } from "./pages/RelationPage/RelationPage";
+export { RolePage as PepRolePage, getMilitaryAlts, getRoleAlts } from "./pages/RolePage/RolePage";
+export { StatusPage as PepStatusPage } from "./pages/StatusPage/StatusPage";
+export { PepAnswers } from "./components/PepAnswers";

package/components/PepAnswers.d.ts

@@ -1,8 +1,8 @@
-import { FunctionComponent } from "react";
-import "./PepAnswers.scss";
-import { PepRequest } from "../model/PepModel";
-interface Props {
-    answer: PepRequest;
-}
-export declare const PepAnswers: FunctionComponent<Props>;
-export {};
+import { FunctionComponent } from "react";
+import "./PepAnswers.scss";
+import { PepRequest } from "../model/PepModel";
+interface Props {
+    answer: PepRequest;
+}
+export declare const PepAnswers: FunctionComponent<Props>;
+export {};

package/components/PepAnswers.js

@@ -1,103 +1,103 @@
-import React from "react";
-import "./PepAnswers.scss";
-import countries from "@lysaab/countries";
-import { getRoleAlts, getMilitaryAlts } from "../pages/RolePage/RolePage";
-import { PepType } from "../pages/PepContext";
-import { useIntl, defineMessages, FormattedMessage } from "react-intl";
-import { messages as isPepMessages } from "../pages/IsPep/IsPepMessages";
-import { relationMessages, businessRelationMessages, } from "../pages/RelationPage/RelationMessages";
-const messages = defineMessages({
-    whoIsPepLabel: {
-        id: "pep.answers.who.label",
-    },
-    relationLabel: {
-        id: "pep.answers.relationship.label",
-    },
-    businessRelationLabel: {
-        id: "pep.answers.businessRelationship.label",
-    },
-    nameOfPepLabel: {
-        id: "pep.answers.nameOfPep.label",
-    },
-    birthdayOfPEPLabel: {
-        id: "pep.answers.birthdayOfPEP.label",
-    },
-    statusLabel: {
-        id: "pep.answers.status.label",
-    },
-    statusEndedValue: {
-        id: "pep.answers.statusEnded.value",
-    },
-    statusOngoingValue: {
-        id: "pep.answers.statusOngoing.value",
-    },
-    endedLabel: {
-        id: "pep.answers.endedStatus.label",
-    },
-    roleLabel: {
-        id: "pep.answers.role.label",
-    },
-    countryLabel: {
-        id: "pep.answers.country.label",
-    },
-    ambassadorCountryLabel: {
-        id: "pep.answers.ambassadorCountry.label",
-    },
-    governmentCompanyNameLabel: {
-        id: "pep.answers.governmentCompanyName.label",
-    },
-    governmentCompanyRoleLabel: {
-        id: "pep.answers.governmentCompanyRole.label",
-    },
-    internationalOrganisationNameLabel: {
-        id: "pep.answers.companyName.label",
-    },
-    internationalOrganisationRoleLabel: {
-        id: "pep.answers.companyRole.label",
-    },
-    militaryGradeLabel: {
-        id: "pep.answers.militaryRank.label",
-    },
-});
-export const PepAnswers = ({ answer }) => {
-    var _a;
-    const intl = useIntl();
-    if (!answer.type || answer.type === PepType.NOT_PEP) {
-        return (React.createElement("div", null,
-            React.createElement("p", null,
-                React.createElement(FormattedMessage, { id: "pep.answers.notpep" }))));
-    }
-    const entityType = answer.legalEntityType;
-    const lang = intl.locale.slice(0, 2);
-    const country = (countries[lang] || countries["en"]).find((country) => country.value === answer.country);
-    const role = getRoleAlts(intl).find((alt) => alt.value === answer.role);
-    const militaryRank = getMilitaryAlts(intl).find((alt) => alt.value === answer.militaryRank);
-    return (React.createElement("div", null,
-        answer.type && (React.createElement(StaticInput, { label: intl.formatMessage(messages.whoIsPepLabel), value: intl.formatMessage(isPepMessages[answer.type], {
-                entityType,
-                name: answer.ownerName,
-            }) })),
-        answer.relationToPEP && (React.createElement(StaticInput, { label: intl.formatMessage(messages.relationLabel), value: intl.formatMessage(relationMessages[answer.relationToPEP], {
-                entityType,
-                name: answer.ownerName,
-            }) })),
-        answer.businessRelation && (React.createElement(StaticInput, { label: intl.formatMessage(messages.businessRelationLabel), value: intl.formatMessage(businessRelationMessages[answer.businessRelation], { entityType, name: answer.ownerName }) })),
-        answer.nameOfPEP && (React.createElement(StaticInput, { label: intl.formatMessage(messages.nameOfPepLabel), value: answer.nameOfPEP })),
-        answer.birthdayOfPEP && (React.createElement(StaticInput, { label: intl.formatMessage(messages.birthdayOfPEPLabel), value: answer.birthdayOfPEP })),
-        answer.ended ? (React.createElement(React.Fragment, null,
-            React.createElement(StaticInput, { label: intl.formatMessage(messages.statusLabel), value: intl.formatMessage(messages.statusEndedValue) }),
-            React.createElement(StaticInput, { label: intl.formatMessage(messages.endedLabel), value: answer.ended }))) : (React.createElement(StaticInput, { label: intl.formatMessage(messages.statusLabel), value: intl.formatMessage(messages.statusOngoingValue) })),
-        answer.country && (React.createElement(StaticInput, { label: intl.formatMessage(messages.countryLabel), value: country ? country.label : answer.country })),
-        role && (React.createElement(StaticInput, { label: intl.formatMessage(messages.roleLabel), value: role.text })),
-        answer.ambassadorCountry && (React.createElement(StaticInput, { label: intl.formatMessage(messages.ambassadorCountryLabel), value: ((_a = (countries[lang] || countries["en"]).find((country) => country.value === answer.ambassadorCountry)) === null || _a === void 0 ? void 0 : _a.label) || answer.ambassadorCountry })),
-        answer.governmentCompany && (React.createElement(StaticInput, { label: intl.formatMessage(messages.governmentCompanyNameLabel), value: answer.governmentCompany })),
-        answer.governmentCompanyRole && (React.createElement(StaticInput, { label: intl.formatMessage(messages.governmentCompanyRoleLabel), value: answer.governmentCompanyRole })),
-        answer.internationalOrganisation && (React.createElement(StaticInput, { label: intl.formatMessage(messages.internationalOrganisationNameLabel), value: answer.internationalOrganisation })),
-        answer.internationalOrganisationRole && (React.createElement(StaticInput, { label: intl.formatMessage(messages.internationalOrganisationRoleLabel), value: answer.internationalOrganisationRole })),
-        militaryRank && (React.createElement(StaticInput, { label: intl.formatMessage(messages.militaryGradeLabel), value: militaryRank.text }))));
-};
-const StaticInput = ({ label, value }) => {
-    return (React.createElement("div", { className: "static-input" },
-        React.createElement("div", { className: "label" }, label),
-        React.createElement("div", { className: "value" }, value)));
-};
+import React from "react";
+import "./PepAnswers.scss";
+import countries from "@lysaab/countries";
+import { getRoleAlts, getMilitaryAlts } from "../pages/RolePage/RolePage";
+import { PepType } from "../pages/PepContext";
+import { useIntl, defineMessages, FormattedMessage } from "react-intl";
+import { messages as isPepMessages } from "../pages/IsPep/IsPepMessages";
+import { relationMessages, businessRelationMessages, } from "../pages/RelationPage/RelationMessages";
+const messages = defineMessages({
+    whoIsPepLabel: {
+        id: "pep.answers.who.label",
+    },
+    relationLabel: {
+        id: "pep.answers.relationship.label",
+    },
+    businessRelationLabel: {
+        id: "pep.answers.businessRelationship.label",
+    },
+    nameOfPepLabel: {
+        id: "pep.answers.nameOfPep.label",
+    },
+    birthdayOfPEPLabel: {
+        id: "pep.answers.birthdayOfPEP.label",
+    },
+    statusLabel: {
+        id: "pep.answers.status.label",
+    },
+    statusEndedValue: {
+        id: "pep.answers.statusEnded.value",
+    },
+    statusOngoingValue: {
+        id: "pep.answers.statusOngoing.value",
+    },
+    endedLabel: {
+        id: "pep.answers.endedStatus.label",
+    },
+    roleLabel: {
+        id: "pep.answers.role.label",
+    },
+    countryLabel: {
+        id: "pep.answers.country.label",
+    },
+    ambassadorCountryLabel: {
+        id: "pep.answers.ambassadorCountry.label",
+    },
+    governmentCompanyNameLabel: {
+        id: "pep.answers.governmentCompanyName.label",
+    },
+    governmentCompanyRoleLabel: {
+        id: "pep.answers.governmentCompanyRole.label",
+    },
+    internationalOrganisationNameLabel: {
+        id: "pep.answers.companyName.label",
+    },
+    internationalOrganisationRoleLabel: {
+        id: "pep.answers.companyRole.label",
+    },
+    militaryGradeLabel: {
+        id: "pep.answers.militaryRank.label",
+    },
+});
+export const PepAnswers = ({ answer }) => {
+    var _a;
+    const intl = useIntl();
+    if (!answer.type || answer.type === PepType.NOT_PEP) {
+        return (React.createElement("div", null,
+            React.createElement("p", null,
+                React.createElement(FormattedMessage, { id: "pep.answers.notpep" }))));
+    }
+    const entityType = answer.legalEntityType;
+    const lang = intl.locale.slice(0, 2);
+    const country = (countries[lang] || countries["en"]).find((country) => country.value === answer.country);
+    const role = getRoleAlts(intl).find((alt) => alt.value === answer.role);
+    const militaryRank = getMilitaryAlts(intl).find((alt) => alt.value === answer.militaryRank);
+    return (React.createElement("div", null,
+        answer.type && (React.createElement(StaticInput, { label: intl.formatMessage(messages.whoIsPepLabel), value: intl.formatMessage(isPepMessages[answer.type], {
+                entityType,
+                name: answer.ownerName,
+            }) })),
+        answer.relationToPEP && (React.createElement(StaticInput, { label: intl.formatMessage(messages.relationLabel), value: intl.formatMessage(relationMessages[answer.relationToPEP], {
+                entityType,
+                name: answer.ownerName,
+            }) })),
+        answer.businessRelation && (React.createElement(StaticInput, { label: intl.formatMessage(messages.businessRelationLabel), value: intl.formatMessage(businessRelationMessages[answer.businessRelation], { entityType, name: answer.ownerName }) })),
+        answer.nameOfPEP && (React.createElement(StaticInput, { label: intl.formatMessage(messages.nameOfPepLabel), value: answer.nameOfPEP })),
+        answer.birthdayOfPEP && (React.createElement(StaticInput, { label: intl.formatMessage(messages.birthdayOfPEPLabel), value: answer.birthdayOfPEP })),
+        answer.ended ? (React.createElement(React.Fragment, null,
+            React.createElement(StaticInput, { label: intl.formatMessage(messages.statusLabel), value: intl.formatMessage(messages.statusEndedValue) }),
+            React.createElement(StaticInput, { label: intl.formatMessage(messages.endedLabel), value: answer.ended }))) : (React.createElement(StaticInput, { label: intl.formatMessage(messages.statusLabel), value: intl.formatMessage(messages.statusOngoingValue) })),
+        answer.country && (React.createElement(StaticInput, { label: intl.formatMessage(messages.countryLabel), value: country ? country.label : answer.country })),
+        role && (React.createElement(StaticInput, { label: intl.formatMessage(messages.roleLabel), value: role.text })),
+        answer.ambassadorCountry && (React.createElement(StaticInput, { label: intl.formatMessage(messages.ambassadorCountryLabel), value: ((_a = (countries[lang] || countries["en"]).find((country) => country.value === answer.ambassadorCountry)) === null || _a === void 0 ? void 0 : _a.label) || answer.ambassadorCountry })),
+        answer.governmentCompany && (React.createElement(StaticInput, { label: intl.formatMessage(messages.governmentCompanyNameLabel), value: answer.governmentCompany })),
+        answer.governmentCompanyRole && (React.createElement(StaticInput, { label: intl.formatMessage(messages.governmentCompanyRoleLabel), value: answer.governmentCompanyRole })),
+        answer.internationalOrganisation && (React.createElement(StaticInput, { label: intl.formatMessage(messages.internationalOrganisationNameLabel), value: answer.internationalOrganisation })),
+        answer.internationalOrganisationRole && (React.createElement(StaticInput, { label: intl.formatMessage(messages.internationalOrganisationRoleLabel), value: answer.internationalOrganisationRole })),
+        militaryRank && (React.createElement(StaticInput, { label: intl.formatMessage(messages.militaryGradeLabel), value: militaryRank.text }))));
+};
+const StaticInput = ({ label, value }) => {
+    return (React.createElement("div", { className: "static-input" },
+        React.createElement("div", { className: "label" }, label),
+        React.createElement("div", { className: "value" }, value)));
+};

package/model/PepModel.d.ts

@@ -1,7 +1,7 @@
-import { PepState } from "../pages/PepContext";
-export interface PepRequest extends Omit<PepState, "isLocalCountry" | "isOngoing" | "ended" | "birthdayOfPEP"> {
-    ended?: string;
-    birthdayOfPEP?: string;
-}
-export declare function stateToRequest(pepState: PepState): PepRequest;
-export declare function requestToState({ ended, birthdayOfPEP, ...serverData }: PepRequest, countryCode: string): PepState;
+import { PepState } from "../pages/PepContext";
+export interface PepRequest extends Omit<PepState, "isLocalCountry" | "isOngoing" | "ended" | "birthdayOfPEP"> {
+    ended?: string;
+    birthdayOfPEP?: string;
+}
+export declare function stateToRequest(pepState: PepState): PepRequest;
+export declare function requestToState({ ended, birthdayOfPEP, ...serverData }: PepRequest, countryCode: string): PepState;

package/model/PepModel.js

@@ -1,40 +1,40 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { PepType, EntityType, PepStatus } from "../pages/PepContext";
-import { DateTime } from "luxon";
-export function stateToRequest(pepState) {
-    const state = Object.assign({}, pepState);
-    delete state.isLocalCountry;
-    delete state.isOngoing;
-    delete state.ownerName;
-    if (state.legalEntityType === EntityType.PERSON) {
-        delete state.tin;
-    }
-    return Object.assign(Object.assign({}, state), { country: state.type === PepType.NOT_PEP ? undefined : state.country, ended: state.ended
-            ? DateTime.fromJSDate(state.ended).toFormat("yyyy-MM")
-            : undefined, birthdayOfPEP: state.birthdayOfPEP
-            ? DateTime.fromJSDate(state.birthdayOfPEP).toFormat("yyyy-MM-dd")
-            : undefined });
-}
-export function requestToState(_a, countryCode) {
-    var { ended, birthdayOfPEP } = _a, serverData = __rest(_a, ["ended", "birthdayOfPEP"]);
-    const state = Object.assign({}, serverData);
-    if (ended) {
-        state.ended = DateTime.fromFormat(ended, "yyyy-MM").toJSDate();
-    }
-    if (birthdayOfPEP) {
-        state.birthdayOfPEP = DateTime.fromFormat(birthdayOfPEP, "yyyy-MM-dd").toJSDate();
-    }
-    state.isLocalCountry = state.country === countryCode ? "local" : "other";
-    state.isOngoing = state.ended ? PepStatus.ENDED : PepStatus.ONGOING;
-    return state;
-}
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { PepType, EntityType, PepStatus } from "../pages/PepContext";
+import { DateTime } from "luxon";
+export function stateToRequest(pepState) {
+    const state = Object.assign({}, pepState);
+    delete state.isLocalCountry;
+    delete state.isOngoing;
+    delete state.ownerName;
+    if (state.legalEntityType === EntityType.PERSON) {
+        delete state.tin;
+    }
+    return Object.assign(Object.assign({}, state), { country: state.type === PepType.NOT_PEP ? undefined : state.country, ended: state.ended
+            ? DateTime.fromJSDate(state.ended).toFormat("yyyy-MM")
+            : undefined, birthdayOfPEP: state.birthdayOfPEP
+            ? DateTime.fromJSDate(state.birthdayOfPEP).toFormat("yyyy-MM-dd")
+            : undefined });
+}
+export function requestToState(_a, countryCode) {
+    var { ended, birthdayOfPEP } = _a, serverData = __rest(_a, ["ended", "birthdayOfPEP"]);
+    const state = Object.assign({}, serverData);
+    if (ended) {
+        state.ended = DateTime.fromFormat(ended, "yyyy-MM").toJSDate();
+    }
+    if (birthdayOfPEP) {
+        state.birthdayOfPEP = DateTime.fromFormat(birthdayOfPEP, "yyyy-MM-dd").toJSDate();
+    }
+    state.isLocalCountry = state.country === countryCode ? "local" : "other";
+    state.isOngoing = state.ended ? PepStatus.ENDED : PepStatus.ONGOING;
+    return state;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lysaab/lysa-pep",
   "author": "Lysa AB",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "main": "./Exports.js",
   "dependencies": {
     "@lysaab/countries": "^3.1.1",

package/pages/IsPep/IsPepMessages.d.ts

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

package/pages/IsPep/IsPepMessages.js

@@ -1,10 +1,10 @@
-import { defineMessages } from "react-intl";
-import { PepType } from "../PepContext";
-export const messages = defineMessages({
-    header: { id: "pep.ispep.header" },
-    required: { id: "pep.ispep.required" },
-    [PepType.NOT_PEP]: { id: "pep.ispep.NOT_PEP" },
-    [PepType.ME]: { id: "pep.ispep.ME" },
-    [PepType.RELATIVE]: { id: "pep.ispep.RELATIVE" },
-    [PepType.COLLEAGUE]: { id: "pep.ispep.COLLEAGUE" },
-});
+import { defineMessages } from "react-intl";
+import { PepType } from "../PepContext";
+export const messages = defineMessages({
+    header: { id: "pep.ispep.header" },
+    required: { id: "pep.ispep.required" },
+    [PepType.NOT_PEP]: { id: "pep.ispep.NOT_PEP" },
+    [PepType.ME]: { id: "pep.ispep.ME" },
+    [PepType.RELATIVE]: { id: "pep.ispep.RELATIVE" },
+    [PepType.COLLEAGUE]: { id: "pep.ispep.COLLEAGUE" },
+});

package/pages/IsPep/IsPepPage.d.ts

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

package/pages/IsPep/IsPepPage.js

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