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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/lib/Exports.d.ts +7 -7
  2. package/lib/Exports.js +7 -7
  3. package/lib/components/CountrySelect.d.ts +15 -15
  4. package/lib/components/CountrySelect.js +30 -30
  5. package/lib/components/PepAnswers.d.ts +8 -8
  6. package/lib/components/PepAnswers.js +131 -131
  7. package/lib/components/PepAnswers.scss +7 -7
  8. package/lib/model/Countries.d.ts +4 -4
  9. package/lib/model/Countries.js +1002 -1002
  10. package/lib/model/PepModel.d.ts +7 -7
  11. package/lib/model/PepModel.js +40 -40
  12. package/lib/model/PepTexts.d.ts +380 -322
  13. package/lib/model/PepTexts.js +552 -467
  14. package/lib/pages/IsPep/IsPepMessages.d.ts +32 -32
  15. package/lib/pages/IsPep/IsPepMessages.js +66 -66
  16. package/lib/pages/IsPep/IsPepPage.d.ts +14 -14
  17. package/lib/pages/IsPep/IsPepPage.js +59 -59
  18. package/lib/pages/PepContext.d.ts +80 -80
  19. package/lib/pages/PepContext.js +88 -88
  20. package/lib/pages/PepIsPepPage.d.ts +15 -6
  21. package/lib/pages/PepIsPepPage.js +59 -57
  22. package/lib/pages/PepRelationPage.d.ts +6 -6
  23. package/lib/pages/PepRelationPage.js +79 -83
  24. package/lib/pages/PepRolePage.d.ts +10 -9
  25. package/lib/pages/PepRolePage.js +127 -127
  26. package/lib/pages/PepStatusPage.d.ts +6 -6
  27. package/lib/pages/PepStatusPage.js +58 -57
  28. package/lib/pages/RelationPage/RelationMessages.d.ts +105 -105
  29. package/lib/pages/RelationPage/RelationMessages.js +283 -283
  30. package/lib/pages/RelationPage/RelationPage.d.ts +6 -6
  31. package/lib/pages/RelationPage/RelationPage.js +153 -153
  32. package/lib/pages/RolePage/RoleMessages.d.ts +185 -185
  33. package/lib/pages/RolePage/RoleMessages.js +385 -385
  34. package/lib/pages/RolePage/RolePage.d.ts +11 -11
  35. package/lib/pages/RolePage/RolePage.js +220 -220
  36. package/lib/pages/StatusPage/StatusMessages.d.ts +72 -72
  37. package/lib/pages/StatusPage/StatusMessages.js +266 -266
  38. package/lib/pages/StatusPage/StatusPage.d.ts +6 -6
  39. package/lib/pages/StatusPage/StatusPage.js +95 -95
  40. package/lib/utils/Possession.d.ts +1 -1
  41. package/lib/utils/Possession.js +18 -18
  42. package/package.json +57 -57
  43. package/src/Exports.ts +12 -12
  44. package/src/components/CountrySelect.tsx +47 -47
  45. package/src/components/PepAnswers.scss +7 -7
  46. package/src/components/PepAnswers.tsx +252 -252
  47. package/src/demo/Done.tsx +16 -16
  48. package/src/demo/Pep.tsx +112 -112
  49. package/src/model/PepModel.ts +52 -52
  50. package/src/pages/IsPep/IsPepMessages.ts +67 -67
  51. package/src/pages/IsPep/IsPepPage.tsx +115 -114
  52. package/src/pages/PepContext.tsx +144 -144
  53. package/src/pages/RelationPage/RelationMessages.ts +288 -288
  54. package/src/pages/RelationPage/RelationPage.tsx +299 -299
  55. package/src/pages/RolePage/RoleMessages.ts +393 -393
  56. package/src/pages/RolePage/RolePage.tsx +356 -356
  57. package/src/pages/StatusPage/StatusMessages.ts +272 -272
  58. package/src/pages/StatusPage/StatusPage.tsx +207 -207
  59. package/.vscode/settings.json +0 -4
@@ -1,153 +1,153 @@
1
- import React, { useContext, useRef, useCallback, } from "react";
2
- import { PepContext, PepType, BusinessRelation, Relation, EntityType, } from "../PepContext";
3
- import { RadioGroup, Form, RequiredValidator, TextInput, Datepicker, PrimaryButton, } from "@lysaab/ui-2";
4
- import { DateTime } from "luxon";
5
- import { useIntl, FormattedMessage } from "react-intl";
6
- import { relationMessages, businessRelationMessages, relativeNameMessages, birthdayMessages, colleagueNameMessages, } from "./RelationMessages";
7
- import { formatPossessive } from "../../utils/Possession";
8
- const DATEPICKER_START_DATE = DateTime.fromISO("1970-01-01").toJSDate();
9
- export const RelationPage = ({ next }) => {
10
- const intl = useIntl();
11
- const pepContext = useContext(PepContext);
12
- const formRef = useRef();
13
- const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
14
- const type = pepContext.state.type;
15
- const businessRelationAlternatives = getBusinessRelationAlternatives(intl, entityType, pepContext);
16
- const relationAlternatives = getRelationAlternatives(intl, entityType, pepContext);
17
- const nextPage = useCallback(() => {
18
- if (formRef.current && formRef.current.isValid) {
19
- next();
20
- }
21
- }, [formRef, next]);
22
- return (React.createElement(Form, { onSubmit: () => nextPage(), lysaFormRef: formRef },
23
- type === PepType.RELATIVE ? (React.createElement(RadioGroup, { alternatives: relationAlternatives, onChange: (alternative) => {
24
- pepContext.setState({
25
- relationToPEP: alternative.value,
26
- });
27
- }, value: relationAlternatives.find((alt) => alt.value === pepContext.state.relationToPEP), header: intl.formatMessage(relationMessages.header, {
28
- entityType,
29
- name: pepContext.state.ownerName,
30
- possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
31
- }), validators: [
32
- new RequiredValidator(intl.formatMessage(relationMessages.required)),
33
- ] })) : null,
34
- type === PepType.COLLEAGUE ? (React.createElement(RadioGroup, { alternatives: businessRelationAlternatives, onChange: (alternative) => {
35
- pepContext.setState({
36
- businessRelation: alternative.value,
37
- });
38
- }, value: businessRelationAlternatives.find((alt) => alt.value === pepContext.state.businessRelation), header: intl.formatMessage(businessRelationMessages.header, {
39
- entityType,
40
- name: pepContext.state.ownerName,
41
- }), validators: [
42
- new RequiredValidator(intl.formatMessage(businessRelationMessages.required)),
43
- ] })) : null,
44
- pepContext.state.relationToPEP && type === PepType.RELATIVE ? (React.createElement(React.Fragment, null,
45
- React.createElement(TextInput, { label: intl.formatMessage(relativeNameMessages.header, {
46
- entityType,
47
- name: pepContext.state.ownerName,
48
- relation: pepContext.state.type === PepType.COLLEAGUE
49
- ? pepContext.state.businessRelation
50
- : pepContext.state.relationToPEP,
51
- possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
52
- }), value: pepContext.state.nameOfPEP || "", onChange: (value) => {
53
- pepContext.setState({ nameOfPEP: value });
54
- }, validators: [
55
- new RequiredValidator(intl.formatMessage(relativeNameMessages.required)),
56
- ] }),
57
- React.createElement(Datepicker, { label: intl.formatMessage(birthdayMessages.header, {
58
- entityType,
59
- name: pepContext.state.ownerName,
60
- relation: pepContext.state.type === PepType.COLLEAGUE
61
- ? pepContext.state.businessRelation
62
- : pepContext.state.relationToPEP,
63
- possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
64
- }), selected: pepContext.state.birthdayOfPEP, onChange: (event) => pepContext.setState({ birthdayOfPEP: event || undefined }), validators: [
65
- new RequiredValidator(intl.formatMessage(birthdayMessages.required)),
66
- ], maxDate: new Date(), openToDate: pepContext.state.birthdayOfPEP || DATEPICKER_START_DATE }))) : null,
67
- pepContext.state.businessRelation && type === PepType.COLLEAGUE ? (React.createElement(React.Fragment, null,
68
- React.createElement(TextInput, { label: intl.formatMessage(colleagueNameMessages.header, {
69
- entityType,
70
- name: pepContext.state.ownerName,
71
- relation: pepContext.state.type === PepType.COLLEAGUE
72
- ? pepContext.state.businessRelation
73
- : pepContext.state.relationToPEP,
74
- possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
75
- }), value: pepContext.state.nameOfPEP || "", onChange: (value) => {
76
- pepContext.setState({ nameOfPEP: value });
77
- }, validators: [
78
- new RequiredValidator(intl.formatMessage(colleagueNameMessages.required)),
79
- ] }))) : null,
80
- React.createElement(PrimaryButton, { type: "submit" },
81
- React.createElement(FormattedMessage, { id: "pep.relation.next", description: "Next button", defaultMessage: "G\u00E5 vidare" }))));
82
- };
83
- function getRelationAlternatives(intl, entityType, pepContext) {
84
- return [
85
- {
86
- text: intl.formatMessage(relationMessages[Relation.MARRIED_PARTNER], {
87
- entityType,
88
- name: pepContext.state.ownerName,
89
- }),
90
- value: Relation.MARRIED_PARTNER,
91
- },
92
- {
93
- text: intl.formatMessage(relationMessages[Relation.COLIVING_PARTNER], {
94
- entityType,
95
- name: pepContext.state.ownerName,
96
- }),
97
- value: Relation.COLIVING_PARTNER,
98
- },
99
- {
100
- text: intl.formatMessage(relationMessages[Relation.CHILD], {
101
- entityType,
102
- name: pepContext.state.ownerName,
103
- }),
104
- value: Relation.CHILD,
105
- },
106
- {
107
- text: intl.formatMessage(relationMessages[Relation.PARENT], {
108
- entityType,
109
- name: pepContext.state.ownerName,
110
- }),
111
- value: Relation.PARENT,
112
- },
113
- {
114
- text: intl.formatMessage(relationMessages[Relation.CHILD_MARRIED_PARTNER], {
115
- entityType,
116
- name: pepContext.state.ownerName,
117
- }),
118
- value: Relation.CHILD_MARRIED_PARTNER,
119
- },
120
- {
121
- text: intl.formatMessage(relationMessages[Relation.CHILD_COLIVING_PARTNER], {
122
- entityType,
123
- name: pepContext.state.ownerName,
124
- }),
125
- value: Relation.CHILD_COLIVING_PARTNER,
126
- },
127
- ];
128
- }
129
- function getBusinessRelationAlternatives(intl, entityType, pepContext) {
130
- return [
131
- {
132
- text: intl.formatMessage(businessRelationMessages[BusinessRelation.CO_OWNERSHIP], {
133
- entityType,
134
- name: pepContext.state.ownerName,
135
- }),
136
- value: BusinessRelation.CO_OWNERSHIP,
137
- },
138
- {
139
- text: intl.formatMessage(businessRelationMessages[BusinessRelation.CLOSE_CONNECTION], {
140
- entityType,
141
- name: pepContext.state.ownerName,
142
- }),
143
- value: BusinessRelation.CLOSE_CONNECTION,
144
- },
145
- {
146
- text: intl.formatMessage(businessRelationMessages[BusinessRelation.COMPANY_FOR_PEP], {
147
- entityType,
148
- name: pepContext.state.ownerName,
149
- }),
150
- value: BusinessRelation.COMPANY_FOR_PEP,
151
- },
152
- ];
153
- }
1
+ import React, { useContext, useRef, useCallback, } from "react";
2
+ import { PepContext, PepType, BusinessRelation, Relation, EntityType, } from "../PepContext";
3
+ import { RadioGroup, Form, RequiredValidator, TextInput, Datepicker, PrimaryButton, } from "@lysaab/ui-2";
4
+ import { DateTime } from "luxon";
5
+ import { useIntl, FormattedMessage } from "react-intl";
6
+ import { relationMessages, businessRelationMessages, relativeNameMessages, birthdayMessages, colleagueNameMessages, } from "./RelationMessages";
7
+ import { formatPossessive } from "../../utils/Possession";
8
+ const DATEPICKER_START_DATE = DateTime.fromISO("1970-01-01").toJSDate();
9
+ export const RelationPage = ({ next }) => {
10
+ const intl = useIntl();
11
+ const pepContext = useContext(PepContext);
12
+ const formRef = useRef();
13
+ const entityType = pepContext.state.legalEntityType || EntityType.PERSON;
14
+ const type = pepContext.state.type;
15
+ const businessRelationAlternatives = getBusinessRelationAlternatives(intl, entityType, pepContext);
16
+ const relationAlternatives = getRelationAlternatives(intl, entityType, pepContext);
17
+ const nextPage = useCallback(() => {
18
+ if (formRef.current && formRef.current.isValid) {
19
+ next();
20
+ }
21
+ }, [formRef, next]);
22
+ return (React.createElement(Form, { onSubmit: () => nextPage(), lysaFormRef: formRef },
23
+ type === PepType.RELATIVE ? (React.createElement(RadioGroup, { alternatives: relationAlternatives, onChange: (alternative) => {
24
+ pepContext.setState({
25
+ relationToPEP: alternative.value,
26
+ });
27
+ }, value: relationAlternatives.find((alt) => alt.value === pepContext.state.relationToPEP), header: intl.formatMessage(relationMessages.header, {
28
+ entityType,
29
+ name: pepContext.state.ownerName,
30
+ possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
31
+ }), validators: [
32
+ new RequiredValidator(intl.formatMessage(relationMessages.required)),
33
+ ] })) : null,
34
+ type === PepType.COLLEAGUE ? (React.createElement(RadioGroup, { alternatives: businessRelationAlternatives, onChange: (alternative) => {
35
+ pepContext.setState({
36
+ businessRelation: alternative.value,
37
+ });
38
+ }, value: businessRelationAlternatives.find((alt) => alt.value === pepContext.state.businessRelation), header: intl.formatMessage(businessRelationMessages.header, {
39
+ entityType,
40
+ name: pepContext.state.ownerName,
41
+ }), validators: [
42
+ new RequiredValidator(intl.formatMessage(businessRelationMessages.required)),
43
+ ] })) : null,
44
+ pepContext.state.relationToPEP && type === PepType.RELATIVE ? (React.createElement(React.Fragment, null,
45
+ React.createElement(TextInput, { label: intl.formatMessage(relativeNameMessages.header, {
46
+ entityType,
47
+ name: pepContext.state.ownerName,
48
+ relation: pepContext.state.type === PepType.COLLEAGUE
49
+ ? pepContext.state.businessRelation
50
+ : pepContext.state.relationToPEP,
51
+ possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
52
+ }), value: pepContext.state.nameOfPEP || "", onChange: (value) => {
53
+ pepContext.setState({ nameOfPEP: value });
54
+ }, validators: [
55
+ new RequiredValidator(intl.formatMessage(relativeNameMessages.required)),
56
+ ] }),
57
+ React.createElement(Datepicker, { label: intl.formatMessage(birthdayMessages.header, {
58
+ entityType,
59
+ name: pepContext.state.ownerName,
60
+ relation: pepContext.state.type === PepType.COLLEAGUE
61
+ ? pepContext.state.businessRelation
62
+ : pepContext.state.relationToPEP,
63
+ possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
64
+ }), selected: pepContext.state.birthdayOfPEP, onChange: (event) => pepContext.setState({ birthdayOfPEP: event || undefined }), validators: [
65
+ new RequiredValidator(intl.formatMessage(birthdayMessages.required)),
66
+ ], maxDate: new Date(), openToDate: pepContext.state.birthdayOfPEP || DATEPICKER_START_DATE }))) : null,
67
+ pepContext.state.businessRelation && type === PepType.COLLEAGUE ? (React.createElement(React.Fragment, null,
68
+ React.createElement(TextInput, { label: intl.formatMessage(colleagueNameMessages.header, {
69
+ entityType,
70
+ name: pepContext.state.ownerName,
71
+ relation: pepContext.state.type === PepType.COLLEAGUE
72
+ ? pepContext.state.businessRelation
73
+ : pepContext.state.relationToPEP,
74
+ possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
75
+ }), value: pepContext.state.nameOfPEP || "", onChange: (value) => {
76
+ pepContext.setState({ nameOfPEP: value });
77
+ }, validators: [
78
+ new RequiredValidator(intl.formatMessage(colleagueNameMessages.required)),
79
+ ] }))) : null,
80
+ React.createElement(PrimaryButton, { type: "submit" },
81
+ React.createElement(FormattedMessage, { id: "pep.relation.next", description: "Next button", defaultMessage: "G\u00E5 vidare" }))));
82
+ };
83
+ function getRelationAlternatives(intl, entityType, pepContext) {
84
+ return [
85
+ {
86
+ text: intl.formatMessage(relationMessages[Relation.MARRIED_PARTNER], {
87
+ entityType,
88
+ name: pepContext.state.ownerName,
89
+ }),
90
+ value: Relation.MARRIED_PARTNER,
91
+ },
92
+ {
93
+ text: intl.formatMessage(relationMessages[Relation.COLIVING_PARTNER], {
94
+ entityType,
95
+ name: pepContext.state.ownerName,
96
+ }),
97
+ value: Relation.COLIVING_PARTNER,
98
+ },
99
+ {
100
+ text: intl.formatMessage(relationMessages[Relation.CHILD], {
101
+ entityType,
102
+ name: pepContext.state.ownerName,
103
+ }),
104
+ value: Relation.CHILD,
105
+ },
106
+ {
107
+ text: intl.formatMessage(relationMessages[Relation.PARENT], {
108
+ entityType,
109
+ name: pepContext.state.ownerName,
110
+ }),
111
+ value: Relation.PARENT,
112
+ },
113
+ {
114
+ text: intl.formatMessage(relationMessages[Relation.CHILD_MARRIED_PARTNER], {
115
+ entityType,
116
+ name: pepContext.state.ownerName,
117
+ }),
118
+ value: Relation.CHILD_MARRIED_PARTNER,
119
+ },
120
+ {
121
+ text: intl.formatMessage(relationMessages[Relation.CHILD_COLIVING_PARTNER], {
122
+ entityType,
123
+ name: pepContext.state.ownerName,
124
+ }),
125
+ value: Relation.CHILD_COLIVING_PARTNER,
126
+ },
127
+ ];
128
+ }
129
+ function getBusinessRelationAlternatives(intl, entityType, pepContext) {
130
+ return [
131
+ {
132
+ text: intl.formatMessage(businessRelationMessages[BusinessRelation.CO_OWNERSHIP], {
133
+ entityType,
134
+ name: pepContext.state.ownerName,
135
+ }),
136
+ value: BusinessRelation.CO_OWNERSHIP,
137
+ },
138
+ {
139
+ text: intl.formatMessage(businessRelationMessages[BusinessRelation.CLOSE_CONNECTION], {
140
+ entityType,
141
+ name: pepContext.state.ownerName,
142
+ }),
143
+ value: BusinessRelation.CLOSE_CONNECTION,
144
+ },
145
+ {
146
+ text: intl.formatMessage(businessRelationMessages[BusinessRelation.COMPANY_FOR_PEP], {
147
+ entityType,
148
+ name: pepContext.state.ownerName,
149
+ }),
150
+ value: BusinessRelation.COMPANY_FOR_PEP,
151
+ },
152
+ ];
153
+ }