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

package/pages/RolePage/RolePage.js

@@ -0,0 +1,223 @@
+import React, { useRef, useCallback, useContext, } from "react";
+import { Form, PrimaryButton, RequiredValidator, TextInput, Select, Card, } from "@lysaab/ui-2";
+import { PepContext, Role, MilitaryRank, PepType, EntityType, } from "../PepContext";
+import { CountrySelect } from "../../components/CountrySelect";
+import { useIntl, FormattedMessage } from "react-intl";
+import { roleMessages, ambassadorMessages, governmentCompanyMessages, intCompanyMessages, militaryMessages, } from "./RoleMessages";
+import { formatPossessive } from "../../utils/Possession";
+export const RolePage = ({ next }) => {
+    const pepContext = useContext(PepContext);
+    const formRef = useRef();
+    const intl = useIntl();
+    const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
+    const type = pepContext.state.type;
+    const roleAlternatives = getRoleAlts(intl);
+    const militaryAlternatives = getMilitaryAlts(intl);
+    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(Card, null,
+            React.createElement(Select, { label: intl.formatMessage(roleMessages.header, {
+                    entityType,
+                    pepType: type,
+                    relation: pepContext.state.type === PepType.COLLEAGUE
+                        ? pepContext.state.businessRelation
+                        : pepContext.state.relationToPEP,
+                    name: pepContext.state.ownerName,
+                    possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
+                }), placeholder: intl.formatMessage(roleMessages.placeholder), alternatives: roleAlternatives, value: roleAlternatives.find((alt) => alt.value === pepContext.state.role), onChange: (event) => {
+                    pepContext.setState({ role: event.value });
+                    resetRoleFields();
+                }, validators: [
+                    new RequiredValidator(intl.formatMessage(roleMessages.required)),
+                ] }),
+            pepContext.state.role && pepContext.state.role === Role.AMBASSADOR ? (React.createElement(CountrySelect, { label: intl.formatMessage(ambassadorMessages.header, {
+                    entityType,
+                    pepType: type,
+                    relation: pepContext.state.type === PepType.COLLEAGUE
+                        ? pepContext.state.businessRelation
+                        : pepContext.state.relationToPEP,
+                    name: pepContext.state.ownerName,
+                }), onChange: (event) => pepContext.setState({
+                    ambassadorCountry: event.value
+                        ? event.value.toString()
+                        : undefined,
+                }), value: pepContext.state.ambassadorCountry, validators: [
+                    new RequiredValidator(intl.formatMessage(ambassadorMessages.required)),
+                ] })) : null,
+            pepContext.state.role &&
+                pepContext.state.role === Role.GOVERNMENT_COMPANY ? (React.createElement(React.Fragment, null,
+                React.createElement(TextInput, { label: intl.formatMessage(governmentCompanyMessages.nameHeader, {
+                        entityType,
+                        pepType: type,
+                        relation: pepContext.state.type === PepType.COLLEAGUE
+                            ? pepContext.state.businessRelation
+                            : pepContext.state.relationToPEP,
+                        name: pepContext.state.ownerName,
+                    }), value: pepContext.state.governmentCompany || "", onChange: (value) => {
+                        pepContext.setState({ governmentCompany: value });
+                    }, validators: [
+                        new RequiredValidator(intl.formatMessage(governmentCompanyMessages.nameRequired)),
+                    ] }),
+                React.createElement(TextInput, { label: intl.formatMessage(governmentCompanyMessages.roleHeader, {
+                        entityType,
+                        pepType: type,
+                        relation: pepContext.state.type === PepType.COLLEAGUE
+                            ? pepContext.state.businessRelation
+                            : pepContext.state.relationToPEP,
+                        name: pepContext.state.ownerName,
+                    }), value: pepContext.state.governmentCompanyRole || "", onChange: (value) => {
+                        pepContext.setState({
+                            governmentCompanyRole: value,
+                        });
+                    }, validators: [
+                        new RequiredValidator(intl.formatMessage(governmentCompanyMessages.roleRequired)),
+                    ] }))) : null,
+            pepContext.state.role &&
+                pepContext.state.role ===
+                    Role.HIGH_RANKING_POSITION_INTERNALTIONAL_CORP ? (React.createElement(React.Fragment, null,
+                React.createElement(TextInput, { label: intl.formatMessage(intCompanyMessages.nameHeader, {
+                        entityType,
+                        pepType: type,
+                        relation: pepContext.state.type === PepType.COLLEAGUE
+                            ? pepContext.state.businessRelation
+                            : pepContext.state.relationToPEP,
+                        name: pepContext.state.ownerName,
+                    }), value: pepContext.state.internationalOrganisation || "", onChange: (value) => {
+                        pepContext.setState({ internationalOrganisation: value });
+                    }, validators: [
+                        new RequiredValidator(intl.formatMessage(intCompanyMessages.nameRequired)),
+                    ] }),
+                React.createElement(TextInput, { label: intl.formatMessage(intCompanyMessages.roleHeader, {
+                        entityType,
+                        pepType: type,
+                        relation: pepContext.state.type === PepType.COLLEAGUE
+                            ? pepContext.state.businessRelation
+                            : pepContext.state.relationToPEP,
+                        name: pepContext.state.ownerName,
+                    }), value: pepContext.state.internationalOrganisationRole || "", onChange: (value) => {
+                        pepContext.setState({
+                            internationalOrganisationRole: value,
+                        });
+                    }, validators: [
+                        new RequiredValidator(intl.formatMessage(intCompanyMessages.roleRequired)),
+                    ] }))) : null,
+            pepContext.state.role &&
+                pepContext.state.role === Role.MILITARY_OFFICER ? (React.createElement(Select, { label: intl.formatMessage(militaryMessages.header, {
+                    entityType,
+                    pepType: type,
+                    relation: pepContext.state.type === PepType.COLLEAGUE
+                        ? pepContext.state.businessRelation
+                        : pepContext.state.relationToPEP,
+                    name: pepContext.state.ownerName,
+                    possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
+                }), placeholder: intl.formatMessage(militaryMessages.placeholder), alternatives: militaryAlternatives, value: militaryAlternatives.find((alt) => alt.value === pepContext.state.militaryRank), onChange: (event) => {
+                    pepContext.setState({
+                        militaryRank: event.value,
+                    });
+                }, validators: [
+                    new RequiredValidator(intl.formatMessage(militaryMessages.required)),
+                ] })) : null),
+        React.createElement(PrimaryButton, { block: true, type: "submit" },
+            React.createElement(FormattedMessage, { id: "pep.role.next", description: "Next button", defaultMessage: "G\u00E5 vidare" }))));
+};
+export function getRoleAlts(intl) {
+    return [
+        {
+            text: intl.formatMessage(roleMessages[Role.HEAD_OF_GOVERNMENT]),
+            value: Role.HEAD_OF_GOVERNMENT,
+        },
+        {
+            text: intl.formatMessage(roleMessages[Role.MINISTER]),
+            value: Role.MINISTER,
+        },
+        {
+            text: intl.formatMessage(roleMessages[Role.PARLIMENT_MEMBER]),
+            value: Role.PARLIMENT_MEMBER,
+        },
+        {
+            text: intl.formatMessage(roleMessages[Role.CENTRAL_BANK_MEMBER]),
+            value: Role.CENTRAL_BANK_MEMBER,
+        },
+        {
+            text: intl.formatMessage(roleMessages[Role.BOARD_MEMBER_POLITICAL_PARTY]),
+            value: Role.BOARD_MEMBER_POLITICAL_PARTY,
+        },
+        {
+            text: intl.formatMessage(roleMessages[Role.JUDGE_SUPREME_COURT]),
+            value: Role.JUDGE_SUPREME_COURT,
+        },
+        {
+            text: intl.formatMessage(roleMessages[Role.JUDGE_OTHER_HIGH_COURT]),
+            value: Role.JUDGE_OTHER_HIGH_COURT,
+        },
+        {
+            text: intl.formatMessage(roleMessages[Role.REVISION_INSTITUTE]),
+            value: Role.REVISION_INSTITUTE,
+        },
+        {
+            text: intl.formatMessage(roleMessages[Role.AMBASSADOR]),
+            value: Role.AMBASSADOR,
+        },
+        {
+            text: intl.formatMessage(roleMessages[Role.MILITARY_OFFICER]),
+            value: Role.MILITARY_OFFICER,
+        },
+        {
+            text: intl.formatMessage(roleMessages[Role.GOVERNMENT_COMPANY]),
+            value: Role.GOVERNMENT_COMPANY,
+        },
+        {
+            text: intl.formatMessage(roleMessages[Role.EU_HIGH_RANKING_POSITION]),
+            value: Role.EU_HIGH_RANKING_POSITION,
+        },
+        {
+            text: intl.formatMessage(roleMessages[Role.HIGH_RANKING_POSITION_INTERNALTIONAL_CORP]),
+            value: Role.HIGH_RANKING_POSITION_INTERNALTIONAL_CORP,
+        },
+    ];
+}
+export function getMilitaryAlts(intl) {
+    return [
+        {
+            text: intl.formatMessage(militaryMessages[MilitaryRank.GENERAL]),
+            value: MilitaryRank.GENERAL,
+        },
+        {
+            text: intl.formatMessage(militaryMessages[MilitaryRank.LIEUTENANT_GENERAL]),
+            value: MilitaryRank.LIEUTENANT_GENERAL,
+        },
+        {
+            text: intl.formatMessage(militaryMessages[MilitaryRank.MAJOR_GENERAL]),
+            value: MilitaryRank.MAJOR_GENERAL,
+        },
+        {
+            text: intl.formatMessage(militaryMessages[MilitaryRank.ADMIRAL]),
+            value: MilitaryRank.ADMIRAL,
+        },
+        {
+            text: intl.formatMessage(militaryMessages[MilitaryRank.VICE_ADMIRAL]),
+            value: MilitaryRank.VICE_ADMIRAL,
+        },
+        {
+            text: intl.formatMessage(militaryMessages[MilitaryRank.REAR_ADMIRAL]),
+            value: MilitaryRank.REAR_ADMIRAL,
+        },
+    ];
+}

package/pages/StatusPage/StatusPage.js

@@ -0,0 +1,98 @@
+import React, { useRef, useCallback, useContext, } from "react";
+import { Form, RadioGroup, RequiredValidator, PrimaryButton, Datepicker, Card, } from "@lysaab/ui-2";
+import { PepContext, PepStatus, EntityType, PepType } from "../PepContext";
+import { CountrySelect } from "../../components/CountrySelect";
+import { useIntl, FormattedMessage } from "react-intl";
+import { isOngoingMessages, endedMessages, isLocalCountryMessages, countrySelectionMessages, localCountryAltMessages, stateAltMessages, } from "./StatusMessages";
+import { formatPossessive } from "../../utils/Possession";
+export const StatusPage = ({ next }) => {
+    const pepContext = useContext(PepContext);
+    const formRef = useRef();
+    const intl = useIntl();
+    const stateAlternatives = getStateAlternatives(intl);
+    const isSwedenAlternatives = getIsLocalCountryAlternatives(intl);
+    const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
+    const nextPage = useCallback(() => {
+        if (formRef.current && formRef.current.isValid) {
+            next();
+        }
+    }, [formRef, next]);
+    const updateIsSweden = useCallback((alternative) => {
+        pepContext.setState({ isSweden: alternative.value });
+        if (alternative.value === "other") {
+            pepContext.setState({ country: undefined });
+        }
+    }, [pepContext]);
+    const updateIsOngoing = useCallback((alternative) => {
+        pepContext.setState({ isOngoing: alternative.value });
+        if (alternative.value === PepStatus.ONGOING) {
+            pepContext.setState({ ended: undefined });
+        }
+    }, [pepContext]);
+    return (React.createElement("div", null,
+        React.createElement(Form, { lysaFormRef: formRef, onSubmit: () => {
+                nextPage();
+            } },
+            React.createElement(Card, null,
+                React.createElement(RadioGroup, { alternatives: stateAlternatives, header: intl.formatMessage(isOngoingMessages.header, {
+                        entityType,
+                        name: pepContext.state.ownerName,
+                        possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
+                        relation: pepContext.state.type === PepType.COLLEAGUE
+                            ? pepContext.state.businessRelation
+                            : pepContext.state.relationToPEP,
+                        pepType: pepContext.state.type,
+                    }), onChange: updateIsOngoing, value: stateAlternatives.find((alt) => alt.value === pepContext.state.isOngoing), validators: [
+                        new RequiredValidator(intl.formatMessage(isOngoingMessages.required)),
+                    ] }),
+                pepContext.state.isOngoing &&
+                    pepContext.state.isOngoing === PepStatus.ENDED ? (React.createElement(Datepicker, { label: intl.formatMessage(endedMessages.header), selected: pepContext.state.ended, onChange: (event) => pepContext.setState({ ended: event || undefined }), validators: [
+                        new RequiredValidator(intl.formatMessage(isOngoingMessages.required)),
+                    ], showMonthYearPicker: true, dateFormat: "yyyy-MM", maxDate: new Date() })) : null),
+            React.createElement(Card, null,
+                React.createElement(RadioGroup, { alternatives: isSwedenAlternatives, header: intl.formatMessage(isLocalCountryMessages.header, {
+                        possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
+                    }), onChange: updateIsSweden, value: isSwedenAlternatives.find((alt) => alt.value === pepContext.state.isSweden), validators: [
+                        new RequiredValidator(intl.formatMessage(isLocalCountryMessages.required)),
+                    ] }),
+                pepContext.state.isSweden &&
+                    pepContext.state.isSweden === "other" ? (React.createElement(CountrySelect, { label: intl.formatMessage(countrySelectionMessages.header, {
+                        entityType,
+                        name: pepContext.state.ownerName,
+                        possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
+                        relation: pepContext.state.type === PepType.COLLEAGUE
+                            ? pepContext.state.businessRelation
+                            : pepContext.state.relationToPEP,
+                        pepType: pepContext.state.type,
+                    }), onChange: (event) => pepContext.setState({
+                        country: event.value ? event.value.toString() : undefined,
+                    }), validators: [
+                        new RequiredValidator(intl.formatMessage(countrySelectionMessages.required)),
+                    ], value: pepContext.state.country, omitCountries: ["SE"] })) : null),
+            React.createElement(PrimaryButton, { block: true, type: "submit" },
+                React.createElement(FormattedMessage, { id: "pep.status.next", description: "Next button", defaultMessage: "G\u00E5 vidare" })))));
+};
+function getIsLocalCountryAlternatives(intl) {
+    return [
+        {
+            text: intl.formatMessage(localCountryAltMessages.localCountry),
+            value: "sweden",
+        },
+        {
+            text: intl.formatMessage(localCountryAltMessages.otherCountry),
+            value: "other",
+        },
+    ];
+}
+function getStateAlternatives(intl) {
+    return [
+        {
+            text: intl.formatMessage(stateAltMessages[PepStatus.ONGOING]),
+            value: PepStatus.ONGOING,
+        },
+        {
+            text: intl.formatMessage(stateAltMessages[PepStatus.ENDED]),
+            value: PepStatus.ENDED,
+        },
+    ];
+}

package/lib/pages/RelationPage/RelationPage.js

@@ -1,153 +0,0 @@
-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 { DateTime } from "luxon";
-import { useIntl, FormattedMessage } from "react-intl";
-import { relationMessages, businessRelationMessages, relativeNameMessages, birthdayMessages, colleagueNameMessages, } from "./RelationMessages";
-import { formatPossessive } from "../../utils/Possession";
-const DATEPICKER_START_DATE = DateTime.fromISO("1970-01-01").toJSDate();
-export const RelationPage = ({ next }) => {
-    const intl = useIntl();
-    const pepContext = useContext(PepContext);
-    const formRef = useRef();
-    const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
-    const type = pepContext.state.type;
-    const businessRelationAlternatives = getBusinessRelationAlternatives(intl, entityType, pepContext);
-    const relationAlternatives = getRelationAlternatives(intl, entityType, pepContext);
-    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: intl.formatMessage(relationMessages.header, {
-                entityType,
-                name: pepContext.state.ownerName,
-                possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
-            }), validators: [
-                new RequiredValidator(intl.formatMessage(relationMessages.required)),
-            ] })) : 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: intl.formatMessage(businessRelationMessages.header, {
-                entityType,
-                name: pepContext.state.ownerName,
-            }), validators: [
-                new RequiredValidator(intl.formatMessage(businessRelationMessages.required)),
-            ] })) : null,
-        pepContext.state.relationToPEP && type === PepType.RELATIVE ? (React.createElement(React.Fragment, null,
-            React.createElement(TextInput, { label: intl.formatMessage(relativeNameMessages.header, {
-                    entityType,
-                    name: pepContext.state.ownerName,
-                    relation: pepContext.state.type === PepType.COLLEAGUE
-                        ? pepContext.state.businessRelation
-                        : pepContext.state.relationToPEP,
-                    possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
-                }), value: pepContext.state.nameOfPEP || "", onChange: (value) => {
-                    pepContext.setState({ nameOfPEP: value });
-                }, validators: [
-                    new RequiredValidator(intl.formatMessage(relativeNameMessages.required)),
-                ] }),
-            React.createElement(Datepicker, { label: intl.formatMessage(birthdayMessages.header, {
-                    entityType,
-                    name: pepContext.state.ownerName,
-                    relation: pepContext.state.type === PepType.COLLEAGUE
-                        ? pepContext.state.businessRelation
-                        : pepContext.state.relationToPEP,
-                    possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
-                }), selected: pepContext.state.birthdayOfPEP, onChange: (event) => pepContext.setState({ birthdayOfPEP: event || undefined }), validators: [
-                    new RequiredValidator(intl.formatMessage(birthdayMessages.required)),
-                ], 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: intl.formatMessage(colleagueNameMessages.header, {
-                    entityType,
-                    name: pepContext.state.ownerName,
-                    relation: pepContext.state.type === PepType.COLLEAGUE
-                        ? pepContext.state.businessRelation
-                        : pepContext.state.relationToPEP,
-                    possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
-                }), value: pepContext.state.nameOfPEP || "", onChange: (value) => {
-                    pepContext.setState({ nameOfPEP: value });
-                }, validators: [
-                    new RequiredValidator(intl.formatMessage(colleagueNameMessages.required)),
-                ] }))) : null,
-        React.createElement(PrimaryButton, { type: "submit" },
-            React.createElement(FormattedMessage, { id: "pep.relation.next", description: "Next button", defaultMessage: "G\u00E5 vidare" }))));
-};
-function getRelationAlternatives(intl, entityType, pepContext) {
-    return [
-        {
-            text: intl.formatMessage(relationMessages[Relation.MARRIED_PARTNER], {
-                entityType,
-                name: pepContext.state.ownerName,
-            }),
-            value: Relation.MARRIED_PARTNER,
-        },
-        {
-            text: intl.formatMessage(relationMessages[Relation.COLIVING_PARTNER], {
-                entityType,
-                name: pepContext.state.ownerName,
-            }),
-            value: Relation.COLIVING_PARTNER,
-        },
-        {
-            text: intl.formatMessage(relationMessages[Relation.CHILD], {
-                entityType,
-                name: pepContext.state.ownerName,
-            }),
-            value: Relation.CHILD,
-        },
-        {
-            text: intl.formatMessage(relationMessages[Relation.PARENT], {
-                entityType,
-                name: pepContext.state.ownerName,
-            }),
-            value: Relation.PARENT,
-        },
-        {
-            text: intl.formatMessage(relationMessages[Relation.CHILD_MARRIED_PARTNER], {
-                entityType,
-                name: pepContext.state.ownerName,
-            }),
-            value: Relation.CHILD_MARRIED_PARTNER,
-        },
-        {
-            text: intl.formatMessage(relationMessages[Relation.CHILD_COLIVING_PARTNER], {
-                entityType,
-                name: pepContext.state.ownerName,
-            }),
-            value: Relation.CHILD_COLIVING_PARTNER,
-        },
-    ];
-}
-function getBusinessRelationAlternatives(intl, entityType, pepContext) {
-    return [
-        {
-            text: intl.formatMessage(businessRelationMessages[BusinessRelation.CO_OWNERSHIP], {
-                entityType,
-                name: pepContext.state.ownerName,
-            }),
-            value: BusinessRelation.CO_OWNERSHIP,
-        },
-        {
-            text: intl.formatMessage(businessRelationMessages[BusinessRelation.CLOSE_CONNECTION], {
-                entityType,
-                name: pepContext.state.ownerName,
-            }),
-            value: BusinessRelation.CLOSE_CONNECTION,
-        },
-        {
-            text: intl.formatMessage(businessRelationMessages[BusinessRelation.COMPANY_FOR_PEP], {
-                entityType,
-                name: pepContext.state.ownerName,
-            }),
-            value: BusinessRelation.COMPANY_FOR_PEP,
-        },
-    ];
-}