@lysaab/lysa-pep 5.0.0 → 5.0.1

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.
@@ -1,158 +1,158 @@
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, Card, } 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
- React.createElement(Card, null,
24
- type === PepType.RELATIVE ? (React.createElement(RadioGroup, { alternatives: relationAlternatives, onChange: (alternative) => {
25
- pepContext.setState({
26
- relationToPEP: alternative.value,
27
- });
28
- }, value: relationAlternatives.find((alt) => alt.value === pepContext.state.relationToPEP), header: intl.formatMessage(relationMessages.header, {
29
- entityType,
30
- name: pepContext.state.ownerName,
31
- possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
32
- }), validators: [
33
- new RequiredValidator(intl.formatMessage(relationMessages.required)),
34
- ] })) : null,
35
- type === PepType.COLLEAGUE ? (React.createElement(RadioGroup, { alternatives: businessRelationAlternatives, onChange: (alternative) => {
36
- pepContext.setState({
37
- businessRelation: alternative.value,
38
- });
39
- }, value: businessRelationAlternatives.find((alt) => alt.value === pepContext.state.businessRelation), header: intl.formatMessage(businessRelationMessages.header, {
40
- entityType,
41
- name: pepContext.state.ownerName,
42
- }), validators: [
43
- new RequiredValidator(intl.formatMessage(businessRelationMessages.required)),
44
- ] })) : null,
45
- pepContext.state.relationToPEP && type === PepType.RELATIVE ? (React.createElement(React.Fragment, null,
46
- React.createElement(TextInput, { label: intl.formatMessage(relativeNameMessages.header, {
47
- entityType,
48
- name: pepContext.state.ownerName,
49
- relation: pepContext.state.type === PepType.COLLEAGUE
50
- ? pepContext.state.businessRelation
51
- : pepContext.state.relationToPEP,
52
- possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
53
- }), value: pepContext.state.nameOfPEP || "", onChange: (value) => {
54
- pepContext.setState({ nameOfPEP: value });
55
- }, validators: [
56
- new RequiredValidator(intl.formatMessage(relativeNameMessages.required)),
57
- ] }),
58
- React.createElement(Datepicker, { label: intl.formatMessage(birthdayMessages.header, {
59
- entityType,
60
- name: pepContext.state.ownerName,
61
- relation: pepContext.state.type === PepType.COLLEAGUE
62
- ? pepContext.state.businessRelation
63
- : pepContext.state.relationToPEP,
64
- possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
65
- }), selected: pepContext.state.birthdayOfPEP, onChange: (event) => {
66
- pepContext.setState({
67
- birthdayOfPEP: event || undefined,
68
- });
69
- }, validators: [
70
- new RequiredValidator(intl.formatMessage(birthdayMessages.required)),
71
- ], maxDate: new Date(), openToDate: pepContext.state.birthdayOfPEP || DATEPICKER_START_DATE }))) : null,
72
- pepContext.state.businessRelation && type === PepType.COLLEAGUE ? (React.createElement(React.Fragment, null,
73
- React.createElement(TextInput, { label: intl.formatMessage(colleagueNameMessages.header, {
74
- entityType,
75
- name: pepContext.state.ownerName,
76
- relation: pepContext.state.type === PepType.COLLEAGUE
77
- ? pepContext.state.businessRelation
78
- : pepContext.state.relationToPEP,
79
- possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
80
- }), value: pepContext.state.nameOfPEP || "", onChange: (value) => {
81
- pepContext.setState({ nameOfPEP: value });
82
- }, validators: [
83
- new RequiredValidator(intl.formatMessage(colleagueNameMessages.required)),
84
- ] }))) : null),
85
- React.createElement(PrimaryButton, { block: true, type: "submit" },
86
- React.createElement(FormattedMessage, { id: "pep.relation.next" }))));
87
- };
88
- function getRelationAlternatives(intl, entityType, pepContext) {
89
- return [
90
- {
91
- text: intl.formatMessage(relationMessages[Relation.MARRIED_PARTNER], {
92
- entityType,
93
- name: pepContext.state.ownerName,
94
- }),
95
- value: Relation.MARRIED_PARTNER,
96
- },
97
- {
98
- text: intl.formatMessage(relationMessages[Relation.COLIVING_PARTNER], {
99
- entityType,
100
- name: pepContext.state.ownerName,
101
- }),
102
- value: Relation.COLIVING_PARTNER,
103
- },
104
- {
105
- text: intl.formatMessage(relationMessages[Relation.CHILD], {
106
- entityType,
107
- name: pepContext.state.ownerName,
108
- }),
109
- value: Relation.CHILD,
110
- },
111
- {
112
- text: intl.formatMessage(relationMessages[Relation.PARENT], {
113
- entityType,
114
- name: pepContext.state.ownerName,
115
- }),
116
- value: Relation.PARENT,
117
- },
118
- {
119
- text: intl.formatMessage(relationMessages[Relation.CHILD_MARRIED_PARTNER], {
120
- entityType,
121
- name: pepContext.state.ownerName,
122
- }),
123
- value: Relation.CHILD_MARRIED_PARTNER,
124
- },
125
- {
126
- text: intl.formatMessage(relationMessages[Relation.CHILD_COLIVING_PARTNER], {
127
- entityType,
128
- name: pepContext.state.ownerName,
129
- }),
130
- value: Relation.CHILD_COLIVING_PARTNER,
131
- },
132
- ];
133
- }
134
- function getBusinessRelationAlternatives(intl, entityType, pepContext) {
135
- return [
136
- {
137
- text: intl.formatMessage(businessRelationMessages[BusinessRelation.CO_OWNERSHIP], {
138
- entityType,
139
- name: pepContext.state.ownerName,
140
- }),
141
- value: BusinessRelation.CO_OWNERSHIP,
142
- },
143
- {
144
- text: intl.formatMessage(businessRelationMessages[BusinessRelation.CLOSE_CONNECTION], {
145
- entityType,
146
- name: pepContext.state.ownerName,
147
- }),
148
- value: BusinessRelation.CLOSE_CONNECTION,
149
- },
150
- {
151
- text: intl.formatMessage(businessRelationMessages[BusinessRelation.COMPANY_FOR_PEP], {
152
- entityType,
153
- name: pepContext.state.ownerName,
154
- }),
155
- value: BusinessRelation.COMPANY_FOR_PEP,
156
- },
157
- ];
158
- }
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, Card, } 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
+ React.createElement(Card, null,
24
+ type === PepType.RELATIVE ? (React.createElement(RadioGroup, { alternatives: relationAlternatives, onChange: (alternative) => {
25
+ pepContext.setState({
26
+ relationToPEP: alternative.value,
27
+ });
28
+ }, value: relationAlternatives.find((alt) => alt.value === pepContext.state.relationToPEP), header: intl.formatMessage(relationMessages.header, {
29
+ entityType,
30
+ name: pepContext.state.ownerName,
31
+ possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
32
+ }), validators: [
33
+ new RequiredValidator(intl.formatMessage(relationMessages.required)),
34
+ ] })) : null,
35
+ type === PepType.COLLEAGUE ? (React.createElement(RadioGroup, { alternatives: businessRelationAlternatives, onChange: (alternative) => {
36
+ pepContext.setState({
37
+ businessRelation: alternative.value,
38
+ });
39
+ }, value: businessRelationAlternatives.find((alt) => alt.value === pepContext.state.businessRelation), header: intl.formatMessage(businessRelationMessages.header, {
40
+ entityType,
41
+ name: pepContext.state.ownerName,
42
+ }), validators: [
43
+ new RequiredValidator(intl.formatMessage(businessRelationMessages.required)),
44
+ ] })) : null,
45
+ pepContext.state.relationToPEP && type === PepType.RELATIVE ? (React.createElement(React.Fragment, null,
46
+ React.createElement(TextInput, { label: intl.formatMessage(relativeNameMessages.header, {
47
+ entityType,
48
+ name: pepContext.state.ownerName,
49
+ relation: pepContext.state.type === PepType.COLLEAGUE
50
+ ? pepContext.state.businessRelation
51
+ : pepContext.state.relationToPEP,
52
+ possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
53
+ }), value: pepContext.state.nameOfPEP || "", onChange: (value) => {
54
+ pepContext.setState({ nameOfPEP: value });
55
+ }, validators: [
56
+ new RequiredValidator(intl.formatMessage(relativeNameMessages.required)),
57
+ ] }),
58
+ React.createElement(Datepicker, { label: intl.formatMessage(birthdayMessages.header, {
59
+ entityType,
60
+ name: pepContext.state.ownerName,
61
+ relation: pepContext.state.type === PepType.COLLEAGUE
62
+ ? pepContext.state.businessRelation
63
+ : pepContext.state.relationToPEP,
64
+ possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
65
+ }), selected: pepContext.state.birthdayOfPEP, onChange: (event) => {
66
+ pepContext.setState({
67
+ birthdayOfPEP: event || undefined,
68
+ });
69
+ }, validators: [
70
+ new RequiredValidator(intl.formatMessage(birthdayMessages.required)),
71
+ ], maxDate: new Date(), openToDate: pepContext.state.birthdayOfPEP || DATEPICKER_START_DATE }))) : null,
72
+ pepContext.state.businessRelation && type === PepType.COLLEAGUE ? (React.createElement(React.Fragment, null,
73
+ React.createElement(TextInput, { label: intl.formatMessage(colleagueNameMessages.header, {
74
+ entityType,
75
+ name: pepContext.state.ownerName,
76
+ relation: pepContext.state.type === PepType.COLLEAGUE
77
+ ? pepContext.state.businessRelation
78
+ : pepContext.state.relationToPEP,
79
+ possessiveName: formatPossessive(pepContext.state.ownerName, intl.locale),
80
+ }), value: pepContext.state.nameOfPEP || "", onChange: (value) => {
81
+ pepContext.setState({ nameOfPEP: value });
82
+ }, validators: [
83
+ new RequiredValidator(intl.formatMessage(colleagueNameMessages.required)),
84
+ ] }))) : null),
85
+ React.createElement(PrimaryButton, { block: true, type: "submit" },
86
+ React.createElement(FormattedMessage, { id: "pep.relation.next" }))));
87
+ };
88
+ function getRelationAlternatives(intl, entityType, pepContext) {
89
+ return [
90
+ {
91
+ text: intl.formatMessage(relationMessages[Relation.MARRIED_PARTNER], {
92
+ entityType,
93
+ name: pepContext.state.ownerName,
94
+ }),
95
+ value: Relation.MARRIED_PARTNER,
96
+ },
97
+ {
98
+ text: intl.formatMessage(relationMessages[Relation.COLIVING_PARTNER], {
99
+ entityType,
100
+ name: pepContext.state.ownerName,
101
+ }),
102
+ value: Relation.COLIVING_PARTNER,
103
+ },
104
+ {
105
+ text: intl.formatMessage(relationMessages[Relation.CHILD], {
106
+ entityType,
107
+ name: pepContext.state.ownerName,
108
+ }),
109
+ value: Relation.CHILD,
110
+ },
111
+ {
112
+ text: intl.formatMessage(relationMessages[Relation.PARENT], {
113
+ entityType,
114
+ name: pepContext.state.ownerName,
115
+ }),
116
+ value: Relation.PARENT,
117
+ },
118
+ {
119
+ text: intl.formatMessage(relationMessages[Relation.CHILD_MARRIED_PARTNER], {
120
+ entityType,
121
+ name: pepContext.state.ownerName,
122
+ }),
123
+ value: Relation.CHILD_MARRIED_PARTNER,
124
+ },
125
+ {
126
+ text: intl.formatMessage(relationMessages[Relation.CHILD_COLIVING_PARTNER], {
127
+ entityType,
128
+ name: pepContext.state.ownerName,
129
+ }),
130
+ value: Relation.CHILD_COLIVING_PARTNER,
131
+ },
132
+ ];
133
+ }
134
+ function getBusinessRelationAlternatives(intl, entityType, pepContext) {
135
+ return [
136
+ {
137
+ text: intl.formatMessage(businessRelationMessages[BusinessRelation.CO_OWNERSHIP], {
138
+ entityType,
139
+ name: pepContext.state.ownerName,
140
+ }),
141
+ value: BusinessRelation.CO_OWNERSHIP,
142
+ },
143
+ {
144
+ text: intl.formatMessage(businessRelationMessages[BusinessRelation.CLOSE_CONNECTION], {
145
+ entityType,
146
+ name: pepContext.state.ownerName,
147
+ }),
148
+ value: BusinessRelation.CLOSE_CONNECTION,
149
+ },
150
+ {
151
+ text: intl.formatMessage(businessRelationMessages[BusinessRelation.COMPANY_FOR_PEP], {
152
+ entityType,
153
+ name: pepContext.state.ownerName,
154
+ }),
155
+ value: BusinessRelation.COMPANY_FOR_PEP,
156
+ },
157
+ ];
158
+ }
@@ -1,119 +1,119 @@
1
- export declare const roleMessages: {
2
- header: {
3
- id: string;
4
- };
5
- placeholder: {
6
- id: string;
7
- };
8
- required: {
9
- id: string;
10
- };
11
- HEAD_OF_GOVERNMENT: {
12
- id: string;
13
- };
14
- MINISTER: {
15
- id: string;
16
- };
17
- PARLIMENT_MEMBER: {
18
- id: string;
19
- };
20
- CENTRAL_BANK_MEMBER: {
21
- id: string;
22
- };
23
- BOARD_MEMBER_POLITICAL_PARTY: {
24
- id: string;
25
- };
26
- JUDGE_SUPREME_COURT: {
27
- id: string;
28
- };
29
- JUDGE_OTHER_HIGH_COURT: {
30
- id: string;
31
- };
32
- REVISION_INSTITUTE: {
33
- id: string;
34
- };
35
- AMBASSADOR: {
36
- id: string;
37
- };
38
- MILITARY_OFFICER: {
39
- id: string;
40
- };
41
- GOVERNMENT_COMPANY: {
42
- id: string;
43
- };
44
- EU_HIGH_RANKING_POSITION: {
45
- id: string;
46
- };
47
- HIGH_RANKING_POSITION_INTERNALTIONAL_CORP: {
48
- id: string;
49
- };
50
- };
51
- export declare const militaryMessages: {
52
- header: {
53
- id: string;
54
- };
55
- placeholder: {
56
- id: string;
57
- };
58
- required: {
59
- id: string;
60
- };
61
- GENERAL: {
62
- id: string;
63
- };
64
- LIEUTENANT_GENERAL: {
65
- id: string;
66
- };
67
- MAJOR_GENERAL: {
68
- id: string;
69
- };
70
- ADMIRAL: {
71
- id: string;
72
- };
73
- VICE_ADMIRAL: {
74
- id: string;
75
- };
76
- REAR_ADMIRAL: {
77
- id: string;
78
- };
79
- };
80
- export declare const ambassadorMessages: {
81
- header: {
82
- id: string;
83
- };
84
- required: {
85
- id: string;
86
- };
87
- placeholder: {
88
- id: string;
89
- };
90
- };
91
- export declare const governmentCompanyMessages: {
92
- nameHeader: {
93
- id: string;
94
- };
95
- nameRequired: {
96
- id: string;
97
- };
98
- roleHeader: {
99
- id: string;
100
- };
101
- roleRequired: {
102
- id: string;
103
- };
104
- };
105
- export declare const intCompanyMessages: {
106
- nameHeader: {
107
- id: string;
108
- };
109
- nameRequired: {
110
- id: string;
111
- };
112
- roleHeader: {
113
- id: string;
114
- };
115
- roleRequired: {
116
- id: string;
117
- };
118
- };
119
- export declare const countrySelectionMessages: {};
1
+ export declare const roleMessages: {
2
+ header: {
3
+ id: string;
4
+ };
5
+ placeholder: {
6
+ id: string;
7
+ };
8
+ required: {
9
+ id: string;
10
+ };
11
+ HEAD_OF_GOVERNMENT: {
12
+ id: string;
13
+ };
14
+ MINISTER: {
15
+ id: string;
16
+ };
17
+ PARLIMENT_MEMBER: {
18
+ id: string;
19
+ };
20
+ CENTRAL_BANK_MEMBER: {
21
+ id: string;
22
+ };
23
+ BOARD_MEMBER_POLITICAL_PARTY: {
24
+ id: string;
25
+ };
26
+ JUDGE_SUPREME_COURT: {
27
+ id: string;
28
+ };
29
+ JUDGE_OTHER_HIGH_COURT: {
30
+ id: string;
31
+ };
32
+ REVISION_INSTITUTE: {
33
+ id: string;
34
+ };
35
+ AMBASSADOR: {
36
+ id: string;
37
+ };
38
+ MILITARY_OFFICER: {
39
+ id: string;
40
+ };
41
+ GOVERNMENT_COMPANY: {
42
+ id: string;
43
+ };
44
+ EU_HIGH_RANKING_POSITION: {
45
+ id: string;
46
+ };
47
+ HIGH_RANKING_POSITION_INTERNALTIONAL_CORP: {
48
+ id: string;
49
+ };
50
+ };
51
+ export declare const militaryMessages: {
52
+ header: {
53
+ id: string;
54
+ };
55
+ placeholder: {
56
+ id: string;
57
+ };
58
+ required: {
59
+ id: string;
60
+ };
61
+ GENERAL: {
62
+ id: string;
63
+ };
64
+ LIEUTENANT_GENERAL: {
65
+ id: string;
66
+ };
67
+ MAJOR_GENERAL: {
68
+ id: string;
69
+ };
70
+ ADMIRAL: {
71
+ id: string;
72
+ };
73
+ VICE_ADMIRAL: {
74
+ id: string;
75
+ };
76
+ REAR_ADMIRAL: {
77
+ id: string;
78
+ };
79
+ };
80
+ export declare const ambassadorMessages: {
81
+ header: {
82
+ id: string;
83
+ };
84
+ required: {
85
+ id: string;
86
+ };
87
+ placeholder: {
88
+ id: string;
89
+ };
90
+ };
91
+ export declare const governmentCompanyMessages: {
92
+ nameHeader: {
93
+ id: string;
94
+ };
95
+ nameRequired: {
96
+ id: string;
97
+ };
98
+ roleHeader: {
99
+ id: string;
100
+ };
101
+ roleRequired: {
102
+ id: string;
103
+ };
104
+ };
105
+ export declare const intCompanyMessages: {
106
+ nameHeader: {
107
+ id: string;
108
+ };
109
+ nameRequired: {
110
+ id: string;
111
+ };
112
+ roleHeader: {
113
+ id: string;
114
+ };
115
+ roleRequired: {
116
+ id: string;
117
+ };
118
+ };
119
+ export declare const countrySelectionMessages: {};