@lysaab/lysa-pep 5.0.0 → 5.1.0

package/pages/RelationPage/RelationMessages.d.ts

@@ -1,67 +1,67 @@
-export declare const relationMessages: {
-    header: {
-        id: string;
-    };
-    required: {
-        id: string;
-    };
-    MARRIED_PARTNER: {
-        id: string;
-    };
-    COLIVING_PARTNER: {
-        id: string;
-    };
-    CHILD: {
-        id: string;
-    };
-    PARENT: {
-        id: string;
-    };
-    CHILD_MARRIED_PARTNER: {
-        id: string;
-    };
-    CHILD_COLIVING_PARTNER: {
-        id: string;
-    };
-};
-export declare const businessRelationMessages: {
-    header: {
-        id: string;
-    };
-    required: {
-        id: string;
-    };
-    CO_OWNERSHIP: {
-        id: string;
-    };
-    CLOSE_CONNECTION: {
-        id: string;
-    };
-    COMPANY_FOR_PEP: {
-        id: string;
-    };
-};
-export declare const relativeNameMessages: {
-    header: {
-        id: string;
-    };
-    required: {
-        id: string;
-    };
-};
-export declare const birthdayMessages: {
-    header: {
-        id: string;
-    };
-    required: {
-        id: string;
-    };
-};
-export declare const colleagueNameMessages: {
-    header: {
-        id: string;
-    };
-    required: {
-        id: string;
-    };
-};
+export declare const relationMessages: {
+    header: {
+        id: string;
+    };
+    required: {
+        id: string;
+    };
+    MARRIED_PARTNER: {
+        id: string;
+    };
+    COLIVING_PARTNER: {
+        id: string;
+    };
+    CHILD: {
+        id: string;
+    };
+    PARENT: {
+        id: string;
+    };
+    CHILD_MARRIED_PARTNER: {
+        id: string;
+    };
+    CHILD_COLIVING_PARTNER: {
+        id: string;
+    };
+};
+export declare const businessRelationMessages: {
+    header: {
+        id: string;
+    };
+    required: {
+        id: string;
+    };
+    CO_OWNERSHIP: {
+        id: string;
+    };
+    CLOSE_CONNECTION: {
+        id: string;
+    };
+    COMPANY_FOR_PEP: {
+        id: string;
+    };
+};
+export declare const relativeNameMessages: {
+    header: {
+        id: string;
+    };
+    required: {
+        id: string;
+    };
+};
+export declare const birthdayMessages: {
+    header: {
+        id: string;
+    };
+    required: {
+        id: string;
+    };
+};
+export declare const colleagueNameMessages: {
+    header: {
+        id: string;
+    };
+    required: {
+        id: string;
+    };
+};

package/pages/RelationPage/RelationMessages.js

@@ -1,69 +1,69 @@
-import { defineMessages } from "react-intl";
-import { BusinessRelation, Relation } from "../PepContext";
-export const relationMessages = defineMessages({
-    header: {
-        id: "pep.relation.relationship.header",
-    },
-    required: {
-        id: "pep.relation.relation.required",
-    },
-    [Relation.MARRIED_PARTNER]: {
-        id: "pep.relation.relation.MARRIED_PARTNER",
-    },
-    [Relation.COLIVING_PARTNER]: {
-        id: "pep.relation.relation.COLIVING_PARTNER",
-    },
-    [Relation.CHILD]: {
-        id: "pep.relation.relation.CHILD",
-    },
-    [Relation.PARENT]: {
-        id: "pep.relation.relation.PARENT",
-    },
-    [Relation.CHILD_MARRIED_PARTNER]: {
-        id: "pep.relation.relation.CHILD_MARRIED_PARTNER",
-    },
-    [Relation.CHILD_COLIVING_PARTNER]: {
-        id: "pep.relation.relation.CHILD_COLIVING_PARTNER",
-    },
-});
-export const businessRelationMessages = defineMessages({
-    header: {
-        id: "pep.relation.businessrelation.header",
-    },
-    required: {
-        id: "pep.relation.businessrelation.required",
-    },
-    [BusinessRelation.CO_OWNERSHIP]: {
-        id: "pep.relation.businessrelation.alt.CO_OWNERSHIP",
-    },
-    [BusinessRelation.CLOSE_CONNECTION]: {
-        id: "pep.relation.businessrelation.alt.CLOSE_CONNECTION",
-    },
-    [BusinessRelation.COMPANY_FOR_PEP]: {
-        id: "pep.relation.businessrelation.alt.COMPANY_FOR_PEP",
-    },
-});
-export const relativeNameMessages = defineMessages({
-    header: {
-        id: "pep.relation.relative.name.header",
-    },
-    required: {
-        id: "pep.relation.relative.name.required",
-    },
-});
-export const birthdayMessages = defineMessages({
-    header: {
-        id: "pep.relation.birthday.header",
-    },
-    required: {
-        id: "pep.relation.birthday.required",
-    },
-});
-export const colleagueNameMessages = defineMessages({
-    header: {
-        id: "pep.relation.colleague.name.header",
-    },
-    required: {
-        id: "pep.relation.colleague.name.required",
-    },
-});
+import { defineMessages } from "react-intl";
+import { BusinessRelation, Relation } from "../PepContext";
+export const relationMessages = defineMessages({
+    header: {
+        id: "pep.relation.relationship.header",
+    },
+    required: {
+        id: "pep.relation.relation.required",
+    },
+    [Relation.MARRIED_PARTNER]: {
+        id: "pep.relation.relation.MARRIED_PARTNER",
+    },
+    [Relation.COLIVING_PARTNER]: {
+        id: "pep.relation.relation.COLIVING_PARTNER",
+    },
+    [Relation.CHILD]: {
+        id: "pep.relation.relation.CHILD",
+    },
+    [Relation.PARENT]: {
+        id: "pep.relation.relation.PARENT",
+    },
+    [Relation.CHILD_MARRIED_PARTNER]: {
+        id: "pep.relation.relation.CHILD_MARRIED_PARTNER",
+    },
+    [Relation.CHILD_COLIVING_PARTNER]: {
+        id: "pep.relation.relation.CHILD_COLIVING_PARTNER",
+    },
+});
+export const businessRelationMessages = defineMessages({
+    header: {
+        id: "pep.relation.businessrelation.header",
+    },
+    required: {
+        id: "pep.relation.businessrelation.required",
+    },
+    [BusinessRelation.CO_OWNERSHIP]: {
+        id: "pep.relation.businessrelation.alt.CO_OWNERSHIP",
+    },
+    [BusinessRelation.CLOSE_CONNECTION]: {
+        id: "pep.relation.businessrelation.alt.CLOSE_CONNECTION",
+    },
+    [BusinessRelation.COMPANY_FOR_PEP]: {
+        id: "pep.relation.businessrelation.alt.COMPANY_FOR_PEP",
+    },
+});
+export const relativeNameMessages = defineMessages({
+    header: {
+        id: "pep.relation.relative.name.header",
+    },
+    required: {
+        id: "pep.relation.relative.name.required",
+    },
+});
+export const birthdayMessages = defineMessages({
+    header: {
+        id: "pep.relation.birthday.header",
+    },
+    required: {
+        id: "pep.relation.birthday.required",
+    },
+});
+export const colleagueNameMessages = defineMessages({
+    header: {
+        id: "pep.relation.colleague.name.header",
+    },
+    required: {
+        id: "pep.relation.colleague.name.required",
+    },
+});

package/pages/RelationPage/RelationPage.d.ts

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

package/pages/RelationPage/RelationPage.js

@@ -1,158 +1,158 @@
-import React, { useContext, useRef, useCallback, } from "react";
-import { PepContext, PepType, BusinessRelation, Relation, EntityType, } from "../PepContext";
-import { RadioGroup, Form, RequiredValidator, TextInput, Datepicker, PrimaryButton, Card, } 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 },
-        React.createElement(Card, null,
-            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, { block: true, type: "submit" },
-            React.createElement(FormattedMessage, { id: "pep.relation.next" }))));
-};
-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,
-        },
-    ];
-}
+import React, { useContext, useRef, useCallback, } from "react";
+import { PepContext, PepType, BusinessRelation, Relation, EntityType, } from "../PepContext";
+import { RadioGroup, Form, RequiredValidator, TextInput, Datepicker, PrimaryButton, Card, } 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 },
+        React.createElement(Card, null,
+            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, { block: true, type: "submit" },
+            React.createElement(FormattedMessage, { id: "pep.relation.next" }))));
+};
+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,
+        },
+    ];
+}