@lysaab/lysa-pep 1.0.0 → 1.0.1-0

package/lib/pages/RelationPage/RelationMessages.d.ts

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

package/lib/pages/RelationPage/RelationMessages.js

@@ -0,0 +1,282 @@
+import { defineMessages } from "react-intl";
+import { BusinessRelation, Relation } from "../PepContext";
+export const relationMessages = defineMessages({
+    header: {
+        id: "pep.relation.relation.header",
+        description: "Relation header",
+        defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            Vilken relation har du till personen i politiskt utsatt ställning?
+          }
+          CORPORATION {
+            Vilken relation har {name} till personen i politiskt utsatt ställning?
+          }
+      }`
+    },
+    required: {
+        id: "pep.relation.relation.required",
+        description: "Required error message",
+        defaultMessage: `Du måste välja ett alternativ`
+    },
+    [Relation.MARRIED_PARTNER]: {
+        id: "pep.relation.relation.MARRIED_PARTNER",
+        description: "The person is married to someone who is pep",
+        defaultMessage: `Make/Maka till PEP`
+    },
+    [Relation.COLIVING_PARTNER]: {
+        id: "pep.relation.relation.COLIVING_PARTNER",
+        description: "The person is married to someone who is pep",
+        defaultMessage: `Sambo till PEP`
+    },
+    [Relation.CHILD]: {
+        id: "pep.relation.relation.CHILD",
+        description: "The person is married to someone who is pep",
+        defaultMessage: `Barn till PEP`
+    },
+    [Relation.PARENT]: {
+        id: "pep.relation.relation.PARENT",
+        description: "The person is married to someone who is pep",
+        defaultMessage: `Förälder till PEP`
+    },
+    [Relation.CHILD_MARRIED_PARTNER]: {
+        id: "pep.relation.relation.CHILD_MARRIED_PARTNER",
+        description: "The person is married to someone who is pep",
+        defaultMessage: `Make/Maka till barn till PEP`
+    },
+    [Relation.CHILD_COLIVING_PARTNER]: {
+        id: "pep.relation.relation.CHILD_COLIVING_PARTNER",
+        description: "The person is married to someone who is pep",
+        defaultMessage: `Sambo till barn till PEP`
+    }
+});
+export const businessRelationMessages = defineMessages({
+    header: {
+        id: "pep.relation.businessrelation.header",
+        description: "Business relation header",
+        defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            Vilken relation har du till personen i politisk utsatt ställning?
+          }
+          CORPORATION {
+            Vilken relation har {name} till personen i politisk utsatt ställning?
+          }
+      }`
+    },
+    required: {
+        id: "pep.relation.businessrelation.required",
+        description: "Required error message",
+        defaultMessage: `Du måste välja ett alternativ`
+    },
+    [BusinessRelation.CO_OWNERSHIP]: {
+        id: "pep.relation.businessrelation.alt.CO_OWNERSHIP",
+        description: "Co-ownership alternative",
+        defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            Jag är verklig huvudman till en juridisk person, eller juridiska konstruktioner, tillsammans med en PEP
+          }
+          CORPORATION {
+            Vilken relation har {name} till personen i politisk utsatt ställning?
+          }
+      }`
+    },
+    [BusinessRelation.CLOSE_CONNECTION]: {
+        id: "pep.relation.businessrelation.alt.CLOSE_CONNECTION",
+        description: "The person is married to someone who is pep",
+        defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            Jag är en person som på annat sätt har eller har haft nära förbindelser med en PEP
+          }
+          CORPORATION {
+            Vilken relation har {name} till personen i politisk utsatt ställning?
+          }
+      }`
+    },
+    [BusinessRelation.COMPANY_FOR_PEP]: {
+        id: "pep.relation.businessrelation.alt.COMPANY_FOR_PEP",
+        description: "The person is married to someone who is pep",
+        defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            Jag är verklig huvudman till en juridisk person, eller juridiska konstruktioner, tillsammans med en PEP
+          }
+          CORPORATION {
+            Vilken relation har {name} till personen i politisk utsatt ställning?
+          }
+      }`
+    }
+});
+export const relativeNameMessages = defineMessages({
+    header: {
+        id: "pep.relation.relative.name.header",
+        description: "Relative name",
+        defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            {
+              relation, select, 
+                MARRIED_PARTNER {
+                  Vad heter din make/maka?
+                }
+                COLIVING_PARTNER {
+                  Vad heter din sambo?
+                }
+                CHILD {
+                  Vad heter din förälder?
+                }
+                PARENT {
+                  Vad heter ditt barn?
+                }
+                CHILD_MARRIED_PARTNER {
+                  Vad heter föräldern till din make/maka?
+                }
+                CHILD_COLIVING_PARTNER {
+                  Vad heter föräldern till din sambo?
+                }
+                other {}
+            }
+          }
+          CORPORATION {
+            {
+              relation, select, 
+                MARRIED_PARTNER {
+                  Vad heter {name} make/maka?
+                }
+                COLIVING_PARTNER {
+                  Vad heter {name} sambo?
+                }
+                CHILD {
+                  Vad heter {name} förälder?
+                }
+                PARENT {
+                  Vad heter {name} barn?
+                }
+                CHILD_MARRIED_PARTNER {
+                  Vad heter föräldern till {name} make/maka?
+                }
+                CHILD_COLIVING_PARTNER {
+                  Vad heter föräldern till {name} sambo?
+                }
+                other {}
+            }
+          }
+          other {}
+      }`
+    },
+    required: {
+        id: "pep.relation.relative.name.required",
+        description: "Required error message",
+        defaultMessage: `Du måste välja ett alternativ`
+    }
+});
+export const birthdayMessages = defineMessages({
+    header: {
+        id: "pep.relation.birthday.header",
+        description: "Relative birthday",
+        defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            {
+              relation, select, 
+                MARRIED_PARTNER { 
+                  När är din make/maka född? 
+                } 
+                COLIVING_PARTNER { 
+                    När är din sambo född? 
+                } 
+                CHILD { 
+                    När är din förälder född? 
+                } 
+                PARENT { 
+                    När är ditt barn fött? 
+                } 
+                CHILD_MARRIED_PARTNER { 
+                    När är föräldern till din make/maka född? 
+                } 
+                CHILD_COLIVING_PARTNER { 
+                    När är föräldern till din sambo född? 
+                }
+                other {}
+            }
+          }
+          CORPORATION {
+            {
+              relation, select, 
+                MARRIED_PARTNER {
+                  När är {name} make/maka född?
+                }
+                COLIVING_PARTNER {
+                    När är {name} sambo född?
+                }
+                CHILD {
+                    När är {name} förälder född?
+                }
+                PARENT {
+                    När är {name} barn fött?
+                }
+                CHILD_MARRIED_PARTNER {
+                    När är föräldern till {name} make/maka född?
+                }
+                CHILD_COLIVING_PARTNER {
+                    När är föräldern till {name} sambo född?
+                }
+                other {}
+            }
+          }
+          other {}
+      }`
+    },
+    required: {
+        id: "pep.relation.birthday.required",
+        description: "Required error message",
+        defaultMessage: `Ange datum`
+    }
+});
+export const colleagueNameMessages = defineMessages({
+    header: {
+        id: "pep.relation.colleague.name.header",
+        description: "Colleague name",
+        defaultMessage: `{ 
+        entityType, select,
+          PERSON {
+            { 
+              relation, select, 
+                CO_OWNERSHIP { 
+                  Vad heter personen i politisk utsatt ställning som du har en relation till?
+                }
+                CLOSE_CONNECTION { 
+                  Vad heter personen i politisk utsatt ställning som du har en relation till?
+                }
+                COMPANY_FOR_PEP { 
+                  Vad heter personen i politisk utsatt ställning som den juridiska personen eller konstruktionen har upprättats till förmån till?
+                }
+                other {}
+            }
+          }
+          CORPORATION {
+            {
+              relation, select,
+              CO_OWNERSHIP { 
+                Vad heter personen i politisk utsatt ställning som {name} har en relation till?
+              }
+              CLOSE_CONNECTION { 
+                  Vad heter personen i politisk utsatt ställning som {name} har en relation till?
+              }
+              COMPANY_FOR_PEP { 
+                  Vad heter personen i politisk utsatt ställning som den juridiska personen eller konstruktionen har upprättats till förmån till?
+              }
+              other {}
+            }
+          }
+          other {}
+      }`
+    },
+    required: {
+        id: "pep.relation.colleague.name.required",
+        description: "Required error message",
+        defaultMessage: `Du måste välja ett alternativ`
+    }
+});

package/lib/pages/RelationPage/RelationPage.d.ts

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

package/lib/pages/RelationPage/RelationPage.js

@@ -0,0 +1,142 @@
+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";
+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
+            }), validators: [
+                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: [
+                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.relationToPEP
+                }), value: pepContext.state.nameOfPEP || "", onChange: value => {
+                    pepContext.setState({ nameOfPEP: value });
+                }, validators: [
+                    RequiredValidator(intl.formatMessage(relativeNameMessages.required))
+                ] }),
+            React.createElement(Datepicker, { label: intl.formatMessage(birthdayMessages.header, {
+                    entityType,
+                    name: pepContext.state.ownerName,
+                    relation: pepContext.state.relationToPEP
+                }), selected: pepContext.state.birthdayOfPEP, onChange: event => pepContext.setState({ birthdayOfPEP: event || undefined }), validators: [
+                    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.businessRelation
+                }), value: pepContext.state.nameOfPEP || "", onChange: value => {
+                    pepContext.setState({ nameOfPEP: value });
+                }, validators: [
+                    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
+        }
+    ];
+}