@mirai/core 0.3.254 → 0.3.256
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.
- package/build/components/Checkout/Checkout.l10n.js +21 -6
- package/build/components/Checkout/Checkout.l10n.js.map +1 -1
- package/build/components/Checkout/partials/Checkout.Form.js +17 -11
- package/build/components/Checkout/partials/Checkout.Form.js.map +1 -1
- package/build/components/__shared__/ButtonPayment/components/FormCheckout/FormCheckout.module.css +3 -2
- package/build/components/__shared__/ButtonPayment/components/FormCheckout/__tests__/__snapshots__/FormCheckout.test.js.snap +141 -93
- package/build/components/__shared__/ButtonPayment/components/FormPaycomet/__tests__/__snapshots__/FormPaycomet.test.js.snap +66 -50
- package/build/components/__shared__/ButtonPayment/components/InputField/InputField.js +4 -1
- package/build/components/__shared__/ButtonPayment/components/InputField/InputField.js.map +1 -1
- package/build/components/__shared__/ButtonPayment/components/InputField/InputField.module.css +9 -6
- package/build/components/__shared__/ButtonPayment/components/InputField/__tests__/__snapshots__/InputField.test.js.snap +100 -76
- package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.l10n.js +15 -0
- package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.l10n.js.map +1 -1
- package/build/components/__shared__/Payment/components/PCI/PCI.module.css +1 -1
- package/build/components/__shared__/Payment/components/PCI/__tests__/__snapshots__/PCI.test.js.snap +243 -183
- package/package.json +1 -1
|
@@ -40,6 +40,12 @@ const L10N = exports.L10N = {
|
|
|
40
40
|
COMMENTS_HINT: {
|
|
41
41
|
id: 'user.label.comments_hint'
|
|
42
42
|
},
|
|
43
|
+
LABEL_ADDRESS: {
|
|
44
|
+
id: 'common.label.address'
|
|
45
|
+
},
|
|
46
|
+
LABEL_CITY: {
|
|
47
|
+
id: 'common.label.city'
|
|
48
|
+
},
|
|
43
49
|
LABEL_COMMENTS: {
|
|
44
50
|
id: 'common.label.comments'
|
|
45
51
|
},
|
|
@@ -58,6 +64,9 @@ const L10N = exports.L10N = {
|
|
|
58
64
|
LABEL_FIRSTNAME: {
|
|
59
65
|
id: 'common.label.firstname'
|
|
60
66
|
},
|
|
67
|
+
LABEL_IDPASSPORT: {
|
|
68
|
+
id: 'common.label.id_passport'
|
|
69
|
+
},
|
|
61
70
|
LABEL_JOINCLUB: {
|
|
62
71
|
id: 'user.label.join_club'
|
|
63
72
|
},
|
|
@@ -67,27 +76,30 @@ const L10N = exports.L10N = {
|
|
|
67
76
|
LABEL_PERSONAL_DETAILS: {
|
|
68
77
|
id: 'user.label.personal_details'
|
|
69
78
|
},
|
|
70
|
-
LABEL_PHONE: {
|
|
71
|
-
id: 'common.label.phone'
|
|
72
|
-
},
|
|
73
79
|
LABEL_PHONE_PREFIX: {
|
|
74
80
|
id: 'common.label.phone_prefix'
|
|
75
81
|
},
|
|
82
|
+
LABEL_PHONE: {
|
|
83
|
+
id: 'common.label.phone'
|
|
84
|
+
},
|
|
76
85
|
LABEL_PRIVACYPOLICY: {
|
|
77
86
|
id: 'user.label.checkout_privacy_policy'
|
|
78
87
|
},
|
|
79
88
|
LABEL_ROOM_NUMBER: {
|
|
80
89
|
id: 'common.label.room_number'
|
|
81
90
|
},
|
|
82
|
-
LABEL_SUBJECT_TO_AVAILABILITY: {
|
|
83
|
-
id: 'user.label.subject_to_availability'
|
|
84
|
-
},
|
|
85
91
|
LABEL_SECONDLASTNAME: {
|
|
86
92
|
id: 'common.label.second_lastname'
|
|
87
93
|
},
|
|
94
|
+
LABEL_STATEREGION: {
|
|
95
|
+
id: 'common.label.state_region'
|
|
96
|
+
},
|
|
88
97
|
LABEL_TERMS_AND_CONDITIONS: {
|
|
89
98
|
id: 'common.label.terms_and_conditions'
|
|
90
99
|
},
|
|
100
|
+
LABEL_ZIPCODE: {
|
|
101
|
+
id: 'common.label.zip_code'
|
|
102
|
+
},
|
|
91
103
|
NOTIFICATION_AGENCY: {
|
|
92
104
|
id: 'user.notification.agency'
|
|
93
105
|
},
|
|
@@ -125,6 +137,9 @@ const L10N = exports.L10N = {
|
|
|
125
137
|
LABEL_ROOM_COUNT: {
|
|
126
138
|
id: 'common.label.room_count'
|
|
127
139
|
},
|
|
140
|
+
LABEL_SUBJECT_TO_AVAILABILITY: {
|
|
141
|
+
id: 'user.label.subject_to_availability'
|
|
142
|
+
},
|
|
128
143
|
LABEL_YOUR_RESERVATION: {
|
|
129
144
|
id: 'user.label.your_reservation'
|
|
130
145
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkout.l10n.js","names":["_Core","require","L10N","exports","NOTIFICATION_ERROR","ERROR","NOT_AVAILABLE","id","PARAMETER_ERROR","UNKNOWN","LABEL_BOOKING_DETAILS","LABEL_BOOKING_EXTRAS","LABEL_OBSERVATIONS","ACTION_LOGIN","ACTION_MORE_INFO","ACTION_SIGNUP","COMMENTS_HINT","LABEL_COMMENTS","LABEL_COMPANY","LABEL_COUNTRY","LABEL_DNI","LABEL_EMAIL","LABEL_FIRSTNAME","LABEL_JOINCLUB","LABEL_LASTNAME","LABEL_PERSONAL_DETAILS","
|
|
1
|
+
{"version":3,"file":"Checkout.l10n.js","names":["_Core","require","L10N","exports","NOTIFICATION_ERROR","ERROR","NOT_AVAILABLE","id","PARAMETER_ERROR","UNKNOWN","LABEL_BOOKING_DETAILS","LABEL_BOOKING_EXTRAS","LABEL_OBSERVATIONS","ACTION_LOGIN","ACTION_MORE_INFO","ACTION_SIGNUP","COMMENTS_HINT","LABEL_ADDRESS","LABEL_CITY","LABEL_COMMENTS","LABEL_COMPANY","LABEL_COUNTRY","LABEL_DNI","LABEL_EMAIL","LABEL_FIRSTNAME","LABEL_IDPASSPORT","LABEL_JOINCLUB","LABEL_LASTNAME","LABEL_PERSONAL_DETAILS","LABEL_PHONE_PREFIX","LABEL_PHONE","LABEL_PRIVACYPOLICY","LABEL_ROOM_NUMBER","LABEL_SECONDLASTNAME","LABEL_STATEREGION","LABEL_TERMS_AND_CONDITIONS","LABEL_ZIPCODE","NOTIFICATION_AGENCY","NOTIFICATION_NO_CARD","NOTIFICATION_SESSION_BOOKING","ACTION_CHANGE_SELECTION","LABEL_ACCOMODATION","LABEL_BOOKING_SUMMARY","LABEL_CHECK_IN","LABEL_CHECKIN_TIME","LABEL_CHECK_OUT","LABEL_CHECKOUT_TIME","LABEL_NIGHT_COUNT","LABEL_ROOM_COUNT","LABEL_SUBJECT_TO_AVAILABILITY","LABEL_YOUR_RESERVATION","ACTION_BOOK_NOW","NOTIFICATION_SSL_ENCRYPTION"],"sources":["../../../src/components/Checkout/Checkout.l10n.js"],"sourcesContent":["import { ERROR } from '../../Core.constants';\n\nexport const L10N = {\n NOTIFICATION_ERROR: {\n [ERROR.NOT_AVAILABLE]: { id: 'common.notification.error_not_available' },\n [ERROR.PARAMETER_ERROR]: { id: 'common.notification.error_parameter' },\n [ERROR.UNKNOWN]: { id: 'common.notification.error_unknown' },\n },\n // -- <Details> ------------------------------------------------------------- */\n LABEL_BOOKING_DETAILS: { id: 'user.label.booking_details' },\n LABEL_BOOKING_EXTRAS: { id: 'user.label.booking_extras' },\n LABEL_OBSERVATIONS: { id: 'common.label.observations' },\n\n /* -- <Form> -------------------------------------------------------------- */\n ACTION_LOGIN: { id: 'common.action.login' },\n ACTION_MORE_INFO: { id: 'common.action.more_info' },\n ACTION_SIGNUP: { id: 'common.action.signup' },\n COMMENTS_HINT: { id: 'user.label.comments_hint' },\n LABEL_ADDRESS: { id: 'common.label.address' },\n LABEL_CITY: { id: 'common.label.city' },\n LABEL_COMMENTS: { id: 'common.label.comments' },\n LABEL_COMPANY: { id: 'common.label.company' },\n LABEL_COUNTRY: { id: 'common.label.country' },\n LABEL_DNI: { id: 'common.label.id_card' },\n LABEL_EMAIL: { id: 'common.label.email' },\n LABEL_FIRSTNAME: { id: 'common.label.firstname' },\n LABEL_IDPASSPORT: { id: 'common.label.id_passport' },\n LABEL_JOINCLUB: { id: 'user.label.join_club' },\n LABEL_LASTNAME: { id: 'common.label.lastname' },\n LABEL_PERSONAL_DETAILS: { id: 'user.label.personal_details' },\n LABEL_PHONE_PREFIX: { id: 'common.label.phone_prefix' },\n LABEL_PHONE: { id: 'common.label.phone' },\n LABEL_PRIVACYPOLICY: { id: 'user.label.checkout_privacy_policy' },\n LABEL_ROOM_NUMBER: { id: 'common.label.room_number' },\n LABEL_SECONDLASTNAME: { id: 'common.label.second_lastname' },\n LABEL_STATEREGION: { id: 'common.label.state_region' },\n LABEL_TERMS_AND_CONDITIONS: { id: 'common.label.terms_and_conditions' },\n LABEL_ZIPCODE: { id: 'common.label.zip_code' },\n NOTIFICATION_AGENCY: { id: 'user.notification.agency' },\n NOTIFICATION_NO_CARD: { id: 'user.notification.no_card' },\n NOTIFICATION_SESSION_BOOKING: { id: 'user.notification.session_booking' },\n\n /* -- <Summary> ----------------------------------------------------------- */\n ACTION_CHANGE_SELECTION: { id: 'user.action.change_selection' },\n LABEL_ACCOMODATION: { id: 'common.label.accommodation' },\n LABEL_BOOKING_SUMMARY: { id: 'user.label.booking_summary' },\n LABEL_CHECK_IN: { id: 'common.label.check_in' },\n LABEL_CHECKIN_TIME: { id: 'common.label.checkin_time' },\n LABEL_CHECK_OUT: { id: 'common.label.check_out' },\n LABEL_CHECKOUT_TIME: { id: 'common.label.checkout_time' },\n LABEL_NIGHT_COUNT: { id: 'common.label.night_count' },\n LABEL_ROOM_COUNT: { id: 'common.label.room_count' },\n LABEL_SUBJECT_TO_AVAILABILITY: { id: 'user.label.subject_to_availability' },\n LABEL_YOUR_RESERVATION: { id: 'user.label.your_reservation' },\n\n /* -- <Confirmation> ------------------------------------------------------ */\n ACTION_BOOK_NOW: { id: 'user.action.book_now' },\n NOTIFICATION_SSL_ENCRYPTION: { id: 'common.notification.ssl_encryption' },\n};\n"],"mappings":"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"}
|
|
@@ -109,7 +109,12 @@ const Form = _ref => {
|
|
|
109
109
|
} = await _services.ServiceCountry.info((0, _helpers.getCountryCode)(next.country, countries));
|
|
110
110
|
if (code) next.phone = code;
|
|
111
111
|
}
|
|
112
|
-
|
|
112
|
+
const nextFields = getFields(next);
|
|
113
|
+
const nextFiltered = nextFields.length < getFields(form).length ? Object.fromEntries(Object.entries(next).filter(_ref3 => {
|
|
114
|
+
let [key] = _ref3;
|
|
115
|
+
return Object.fromEntries(nextFields)[key] !== undefined;
|
|
116
|
+
})) : undefined;
|
|
117
|
+
setForm(nextFiltered || next);
|
|
113
118
|
};
|
|
114
119
|
const handleEnter = field => hasTracking && track("".concat(_Checkout.TRACKING, ":INPUT:").concat(field), {
|
|
115
120
|
field,
|
|
@@ -131,6 +136,15 @@ const Form = _ref => {
|
|
|
131
136
|
setFormTracked(true);
|
|
132
137
|
}
|
|
133
138
|
};
|
|
139
|
+
const getFields = value => Object.entries(schema).filter(_ref4 => {
|
|
140
|
+
let [key] = _ref4;
|
|
141
|
+
return !!schema[key];
|
|
142
|
+
}).filter(_ref5 => {
|
|
143
|
+
let [, {
|
|
144
|
+
visible
|
|
145
|
+
}] = _ref5;
|
|
146
|
+
return !visible || visible(value);
|
|
147
|
+
});
|
|
134
148
|
const {
|
|
135
149
|
payment
|
|
136
150
|
} = dataSource || {};
|
|
@@ -149,16 +163,8 @@ const Form = _ref => {
|
|
|
149
163
|
wide: true
|
|
150
164
|
}, translate(_Checkout2.L10N.LABEL_PERSONAL_DETAILS)), /*#__PURE__*/_react.default.createElement(_shared__.TextRequiredFields, {
|
|
151
165
|
wide: true
|
|
152
|
-
}),
|
|
153
|
-
let [key] =
|
|
154
|
-
return !!schema[key];
|
|
155
|
-
}).filter(_ref4 => {
|
|
156
|
-
let [, {
|
|
157
|
-
visible
|
|
158
|
-
}] = _ref4;
|
|
159
|
-
return !visible || visible(form);
|
|
160
|
-
}).map(_ref5 => {
|
|
161
|
-
let [key, propField = {}] = _ref5;
|
|
166
|
+
}), getFields(form).map(_ref6 => {
|
|
167
|
+
let [key, propField = {}] = _ref6;
|
|
162
168
|
const field = (0, _helpers2.parseField)(propField); // !TODO: remove when custom fields will in production
|
|
163
169
|
|
|
164
170
|
return /*#__PURE__*/_react.default.createElement(_Checkout.FIELD[field.input] || _ui.InputText, (0, _helpers2.getFieldProps)(key, field, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkout.Form.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_shared__","_helpers","_Checkout","_Checkout2","style","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","hasTracking","storage","Storage","adapter","LocalAdapter","cache","FORM_STORAGE_CACHE","dataSource","concat","FORM_STORAGE_KEY","generateId","JSON","stringify","Form","_ref","_payment$config","_payment$config$publi","_payment$info","_payment$info2","currency","repositories","countries","form","schema","tracking","showErrors","variant","onError","others","isDesktop","useDevice","translate","useLocale","track","useMetrics","value","club","id","locale","payment","method","session","useStore","errorForm","setErrorForm","useState","errorPayment","setErrorPayment","setForm","fromEntries","entries","map","_ref2","formTracked","setFormTracked","modal","setModal","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","getSchemaProps","useLayoutEffect","keys","checkout","handleChange","next","country","phone","code","ServiceCountry","info","getCountryCode","handleEnter","field","TRACKING","handleLeave","email","firstName","lastName","trackForm","createElement","Fragment","autoComplete","validateOnMount","onChange","onEnter","onLeave","className","styles","box","Text","bold","headline","wide","L10N","LABEL_PERSONAL_DETAILS","TextRequiredFields","filter","_ref3","_ref4","visible","_ref5","propField","parseField","React","FIELD","input","InputText","getFieldProps","error","Payment","config","publicKey","date","parseDate","undefined","Modal","fit","onClose","ScrollView","snap","vertical","scrollview","BookingTerms","small","exports","displayName","propTypes","PropTypes","shape","bool","string","func"],"sources":["../../../../src/components/Checkout/partials/Checkout.Form.jsx"],"sourcesContent":["import { LocalAdapter, Storage, useMetrics, useStore } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { ServiceCountry, ServiceFeatures } from '@mirai/services';\nimport { InputText, Form as FormBase, Modal, ScrollView, styles, Text, useDevice } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { BookingTerms, Payment, TextRequiredFields } from '../../__shared__';\nimport { generateId, getCountryCode } from '../../helpers';\nimport {\n FEATURE_CHECKOUT_TRACKING,\n FIELD,\n FORM_STORAGE_CACHE,\n FORM_STORAGE_KEY,\n TRACKING,\n} from '../Checkout.constants';\nimport { L10N } from '../Checkout.l10n';\nimport * as style from '../Checkout.module.css';\nimport { getFieldProps, getSchemaProps, parseField, trackForm } from '../helpers';\n\nlet hasTracking = false;\n\nconst storage = new Storage({ adapter: LocalAdapter, cache: FORM_STORAGE_CACHE });\n\nconst key = (dataSource) => `${FORM_STORAGE_KEY}:${generateId(JSON.stringify(dataSource))}`;\n\nconst Form = ({\n dataSource: { currency, repositories: { countries } = {}, form: schema = {}, tracking = {}, ...dataSource } = {},\n showErrors = false,\n variant,\n onError = () => {},\n ...others\n}) => {\n const { isDesktop } = useDevice();\n const { translate } = useLocale();\n const { track } = useMetrics();\n const {\n set,\n value: { club, id, locale, payment: { method } = {}, session },\n } = useStore();\n\n const [errorForm, setErrorForm] = useState({});\n const [errorPayment, setErrorPayment] = useState({});\n const [form, setForm] = useState(\n storage.get(key(dataSource)) || Object.fromEntries(Object.entries(schema).map(([key, { value }]) => [key, value])),\n );\n const [formTracked, setFormTracked] = useState();\n const [modal, setModal] = useState(false);\n\n useEffect(() => {\n hasTracking = ServiceFeatures.get(FEATURE_CHECKOUT_TRACKING, id);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n setForm({ ...form, ...getSchemaProps({ schema, value: session }) });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [session]);\n\n useLayoutEffect(() => {\n if (Object.keys(form).length) storage.set(key(dataSource), form);\n set({ checkout: form });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [form]);\n\n useEffect(() => {\n onError({ ...errorForm, ...errorPayment });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [errorForm, errorPayment]);\n\n const handleChange = async (next) => {\n if (!!schema.country && next.country && !next.phone) {\n const { code } = await ServiceCountry.info(getCountryCode(next.country, countries));\n if (code) next.phone = code;\n }\n\n setForm(next);\n };\n\n const handleEnter = (field) => hasTracking && track(`${TRACKING}:INPUT:${field}`, { field, locale, variant });\n\n const handleLeave = () => {\n const { email, firstName, lastName, phone } = errorForm;\n if (!formTracked && !email && !firstName && !lastName && !phone) {\n trackForm({ tracking, ...form });\n setFormTracked(true);\n }\n };\n\n const { payment } = dataSource || {};\n\n return (\n <>\n <FormBase\n {...others}\n autoComplete=\"off\"\n showErrors={showErrors}\n validateOnMount\n onChange={handleChange}\n onEnter={handleEnter}\n onError={setErrorForm}\n onLeave={handleLeave}\n className={styles(style.form, style.box)}\n >\n <Text bold headline={isDesktop} wide>\n {translate(L10N.LABEL_PERSONAL_DETAILS)}\n </Text>\n\n <TextRequiredFields wide />\n\n {Object.entries(schema)\n .filter(([key]) => !!schema[key])\n .filter(([, { visible }]) => !visible || visible(form))\n .map(([key, propField = {}]) => {\n const field = parseField(propField); // !TODO: remove when custom fields will in production\n\n return React.createElement(\n FIELD[field.input] || InputText,\n getFieldProps(\n key,\n field,\n { value: form[key], error: errorForm[key], session, translate, ...dataSource },\n club,\n () => setModal(true),\n ),\n );\n })}\n </FormBase>\n\n {payment && (\n <Payment\n {...{\n ...payment,\n config: { ...payment.config, publicKey: payment.config?.publicKey?.[method] },\n info: { ...payment.info, date: payment.info?.date ? parseDate(payment.info?.date) : undefined },\n showErrors,\n }}\n currency={currency}\n onError={setErrorPayment}\n />\n )}\n\n <Modal fit visible={modal} onClose={() => setModal(false)} className={style.modal}>\n <ScrollView snap={false} vertical className={style.scrollview}>\n <BookingTerms dataSource={dataSource} small tracking={TRACKING} className={style.others} />\n </ScrollView>\n </Modal>\n </>\n );\n};\n\nForm.displayName = 'Mirai:Core:Checkout:Form';\n\nForm.propTypes = {\n dataSource: PropTypes.shape({\n form: PropTypes.shape({}),\n }),\n showErrors: PropTypes.bool,\n variant: PropTypes.string,\n onError: PropTypes.func,\n};\n\nexport { Form };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Checkout.Form.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_shared__","_helpers","_Checkout","_Checkout2","style","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","hasTracking","storage","Storage","adapter","LocalAdapter","cache","FORM_STORAGE_CACHE","dataSource","concat","FORM_STORAGE_KEY","generateId","JSON","stringify","Form","_ref","_payment$config","_payment$config$publi","_payment$info","_payment$info2","currency","repositories","countries","form","schema","tracking","showErrors","variant","onError","others","isDesktop","useDevice","translate","useLocale","track","useMetrics","value","club","id","locale","payment","method","session","useStore","errorForm","setErrorForm","useState","errorPayment","setErrorPayment","setForm","fromEntries","entries","map","_ref2","formTracked","setFormTracked","modal","setModal","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","getSchemaProps","useLayoutEffect","keys","checkout","handleChange","next","country","phone","code","ServiceCountry","info","getCountryCode","nextFields","getFields","nextFiltered","filter","_ref3","undefined","handleEnter","field","TRACKING","handleLeave","email","firstName","lastName","trackForm","_ref4","_ref5","visible","createElement","Fragment","autoComplete","validateOnMount","onChange","onEnter","onLeave","className","styles","box","Text","bold","headline","wide","L10N","LABEL_PERSONAL_DETAILS","TextRequiredFields","_ref6","propField","parseField","React","FIELD","input","InputText","getFieldProps","error","Payment","config","publicKey","date","parseDate","Modal","fit","onClose","ScrollView","snap","vertical","scrollview","BookingTerms","small","exports","displayName","propTypes","PropTypes","shape","bool","string","func"],"sources":["../../../../src/components/Checkout/partials/Checkout.Form.jsx"],"sourcesContent":["import { LocalAdapter, Storage, useMetrics, useStore } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { ServiceCountry, ServiceFeatures } from '@mirai/services';\nimport { InputText, Form as FormBase, Modal, ScrollView, styles, Text, useDevice } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { BookingTerms, Payment, TextRequiredFields } from '../../__shared__';\nimport { generateId, getCountryCode } from '../../helpers';\nimport {\n FEATURE_CHECKOUT_TRACKING,\n FIELD,\n FORM_STORAGE_CACHE,\n FORM_STORAGE_KEY,\n TRACKING,\n} from '../Checkout.constants';\nimport { L10N } from '../Checkout.l10n';\nimport * as style from '../Checkout.module.css';\nimport { getFieldProps, getSchemaProps, parseField, trackForm } from '../helpers';\n\nlet hasTracking = false;\n\nconst storage = new Storage({ adapter: LocalAdapter, cache: FORM_STORAGE_CACHE });\n\nconst key = (dataSource) => `${FORM_STORAGE_KEY}:${generateId(JSON.stringify(dataSource))}`;\n\nconst Form = ({\n dataSource: { currency, repositories: { countries } = {}, form: schema = {}, tracking = {}, ...dataSource } = {},\n showErrors = false,\n variant,\n onError = () => {},\n ...others\n}) => {\n const { isDesktop } = useDevice();\n const { translate } = useLocale();\n const { track } = useMetrics();\n const {\n set,\n value: { club, id, locale, payment: { method } = {}, session },\n } = useStore();\n\n const [errorForm, setErrorForm] = useState({});\n const [errorPayment, setErrorPayment] = useState({});\n const [form, setForm] = useState(\n storage.get(key(dataSource)) || Object.fromEntries(Object.entries(schema).map(([key, { value }]) => [key, value])),\n );\n const [formTracked, setFormTracked] = useState();\n const [modal, setModal] = useState(false);\n\n useEffect(() => {\n hasTracking = ServiceFeatures.get(FEATURE_CHECKOUT_TRACKING, id);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n setForm({ ...form, ...getSchemaProps({ schema, value: session }) });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [session]);\n\n useLayoutEffect(() => {\n if (Object.keys(form).length) storage.set(key(dataSource), form);\n set({ checkout: form });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [form]);\n\n useEffect(() => {\n onError({ ...errorForm, ...errorPayment });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [errorForm, errorPayment]);\n\n const handleChange = async (next) => {\n if (!!schema.country && next.country && !next.phone) {\n const { code } = await ServiceCountry.info(getCountryCode(next.country, countries));\n if (code) next.phone = code;\n }\n\n const nextFields = getFields(next);\n const nextFiltered =\n nextFields.length < getFields(form).length\n ? Object.fromEntries(Object.entries(next).filter(([key]) => Object.fromEntries(nextFields)[key] !== undefined))\n : undefined;\n\n setForm(nextFiltered || next);\n };\n\n const handleEnter = (field) => hasTracking && track(`${TRACKING}:INPUT:${field}`, { field, locale, variant });\n\n const handleLeave = () => {\n const { email, firstName, lastName, phone } = errorForm;\n if (!formTracked && !email && !firstName && !lastName && !phone) {\n trackForm({ tracking, ...form });\n setFormTracked(true);\n }\n };\n\n const getFields = (value) =>\n Object.entries(schema)\n .filter(([key]) => !!schema[key])\n .filter(([, { visible }]) => !visible || visible(value));\n\n const { payment } = dataSource || {};\n\n return (\n <>\n <FormBase\n {...others}\n autoComplete=\"off\"\n showErrors={showErrors}\n validateOnMount\n onChange={handleChange}\n onEnter={handleEnter}\n onError={setErrorForm}\n onLeave={handleLeave}\n className={styles(style.form, style.box)}\n >\n <Text bold headline={isDesktop} wide>\n {translate(L10N.LABEL_PERSONAL_DETAILS)}\n </Text>\n\n <TextRequiredFields wide />\n\n {getFields(form).map(([key, propField = {}]) => {\n const field = parseField(propField); // !TODO: remove when custom fields will in production\n\n return React.createElement(\n FIELD[field.input] || InputText,\n getFieldProps(\n key,\n field,\n { value: form[key], error: errorForm[key], session, translate, ...dataSource },\n club,\n () => setModal(true),\n ),\n );\n })}\n </FormBase>\n\n {payment && (\n <Payment\n {...{\n ...payment,\n config: { ...payment.config, publicKey: payment.config?.publicKey?.[method] },\n info: { ...payment.info, date: payment.info?.date ? parseDate(payment.info?.date) : undefined },\n showErrors,\n }}\n currency={currency}\n onError={setErrorPayment}\n />\n )}\n\n <Modal fit visible={modal} onClose={() => setModal(false)} className={style.modal}>\n <ScrollView snap={false} vertical className={style.scrollview}>\n <BookingTerms dataSource={dataSource} small tracking={TRACKING} className={style.others} />\n </ScrollView>\n </Modal>\n </>\n );\n};\n\nForm.displayName = 'Mirai:Core:Checkout:Form';\n\nForm.propTypes = {\n dataSource: PropTypes.shape({\n form: PropTypes.shape({}),\n }),\n showErrors: PropTypes.bool,\n variant: PropTypes.string,\n onError: PropTypes.func,\n};\n\nexport { Form };\n"],"mappings":"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"}
|
package/build/components/__shared__/ButtonPayment/components/FormCheckout/FormCheckout.module.css
CHANGED
|
@@ -14,9 +14,10 @@
|
|
|
14
14
|
.frame {
|
|
15
15
|
color: var(--mirai-ui-input-color);
|
|
16
16
|
direction: var(--mirai-ui-text-direction);
|
|
17
|
-
padding-
|
|
17
|
+
padding-bottom: 0 !important;
|
|
18
|
+
padding-top: var(--mirai-ui-space-M) !important;
|
|
18
19
|
outline: 0;
|
|
19
|
-
height:
|
|
20
|
+
height: var(--mirai-ui-space-L);
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
.frame::placeholder {
|
|
@@ -16,17 +16,21 @@ exports[`component:<FormCheckout> inherit:className 1`] = `
|
|
|
16
16
|
<div
|
|
17
17
|
class="view"
|
|
18
18
|
>
|
|
19
|
-
<
|
|
20
|
-
class="
|
|
19
|
+
<div
|
|
20
|
+
class="view wide"
|
|
21
21
|
>
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
22
|
+
<span
|
|
23
|
+
class="text small"
|
|
24
|
+
>
|
|
25
|
+
payments.label.card_name
|
|
26
|
+
</span>
|
|
27
|
+
<input
|
|
28
|
+
class="input"
|
|
29
|
+
name="name"
|
|
30
|
+
type="text"
|
|
31
|
+
value=""
|
|
32
|
+
/>
|
|
33
|
+
</div>
|
|
30
34
|
</div>
|
|
31
35
|
</div>
|
|
32
36
|
<div
|
|
@@ -35,14 +39,18 @@ exports[`component:<FormCheckout> inherit:className 1`] = `
|
|
|
35
39
|
<div
|
|
36
40
|
class="view"
|
|
37
41
|
>
|
|
38
|
-
<span
|
|
39
|
-
class="text small"
|
|
40
|
-
>
|
|
41
|
-
payments.label.card_number
|
|
42
|
-
</span>
|
|
43
42
|
<div
|
|
44
|
-
class="
|
|
45
|
-
|
|
43
|
+
class="view wide"
|
|
44
|
+
>
|
|
45
|
+
<span
|
|
46
|
+
class="text small"
|
|
47
|
+
>
|
|
48
|
+
payments.label.card_number
|
|
49
|
+
</span>
|
|
50
|
+
<div
|
|
51
|
+
class="card-number-frame"
|
|
52
|
+
/>
|
|
53
|
+
</div>
|
|
46
54
|
</div>
|
|
47
55
|
</div>
|
|
48
56
|
<div
|
|
@@ -54,14 +62,18 @@ exports[`component:<FormCheckout> inherit:className 1`] = `
|
|
|
54
62
|
<div
|
|
55
63
|
class="view"
|
|
56
64
|
>
|
|
57
|
-
<span
|
|
58
|
-
class="text small"
|
|
59
|
-
>
|
|
60
|
-
payments.label.expiration
|
|
61
|
-
</span>
|
|
62
65
|
<div
|
|
63
|
-
class="
|
|
64
|
-
|
|
66
|
+
class="view wide"
|
|
67
|
+
>
|
|
68
|
+
<span
|
|
69
|
+
class="text small"
|
|
70
|
+
>
|
|
71
|
+
payments.label.expiration
|
|
72
|
+
</span>
|
|
73
|
+
<div
|
|
74
|
+
class="expiry-date-frame"
|
|
75
|
+
/>
|
|
76
|
+
</div>
|
|
65
77
|
</div>
|
|
66
78
|
</div>
|
|
67
79
|
<div
|
|
@@ -70,14 +82,18 @@ exports[`component:<FormCheckout> inherit:className 1`] = `
|
|
|
70
82
|
<div
|
|
71
83
|
class="view"
|
|
72
84
|
>
|
|
73
|
-
<span
|
|
74
|
-
class="text small"
|
|
75
|
-
>
|
|
76
|
-
payments.label.cvv
|
|
77
|
-
</span>
|
|
78
85
|
<div
|
|
79
|
-
class="
|
|
80
|
-
|
|
86
|
+
class="view wide"
|
|
87
|
+
>
|
|
88
|
+
<span
|
|
89
|
+
class="text small"
|
|
90
|
+
>
|
|
91
|
+
payments.label.cvv
|
|
92
|
+
</span>
|
|
93
|
+
<div
|
|
94
|
+
class="cvv-frame"
|
|
95
|
+
/>
|
|
96
|
+
</div>
|
|
81
97
|
</div>
|
|
82
98
|
</div>
|
|
83
99
|
</div>
|
|
@@ -118,17 +134,21 @@ exports[`component:<FormCheckout> renders 1`] = `
|
|
|
118
134
|
<div
|
|
119
135
|
class="view"
|
|
120
136
|
>
|
|
121
|
-
<
|
|
122
|
-
class="
|
|
137
|
+
<div
|
|
138
|
+
class="view wide"
|
|
123
139
|
>
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
140
|
+
<span
|
|
141
|
+
class="text small"
|
|
142
|
+
>
|
|
143
|
+
payments.label.card_name
|
|
144
|
+
</span>
|
|
145
|
+
<input
|
|
146
|
+
class="input"
|
|
147
|
+
name="name"
|
|
148
|
+
type="text"
|
|
149
|
+
value=""
|
|
150
|
+
/>
|
|
151
|
+
</div>
|
|
132
152
|
</div>
|
|
133
153
|
</div>
|
|
134
154
|
<div
|
|
@@ -137,14 +157,18 @@ exports[`component:<FormCheckout> renders 1`] = `
|
|
|
137
157
|
<div
|
|
138
158
|
class="view"
|
|
139
159
|
>
|
|
140
|
-
<span
|
|
141
|
-
class="text small"
|
|
142
|
-
>
|
|
143
|
-
payments.label.card_number
|
|
144
|
-
</span>
|
|
145
160
|
<div
|
|
146
|
-
class="
|
|
147
|
-
|
|
161
|
+
class="view wide"
|
|
162
|
+
>
|
|
163
|
+
<span
|
|
164
|
+
class="text small"
|
|
165
|
+
>
|
|
166
|
+
payments.label.card_number
|
|
167
|
+
</span>
|
|
168
|
+
<div
|
|
169
|
+
class="card-number-frame"
|
|
170
|
+
/>
|
|
171
|
+
</div>
|
|
148
172
|
</div>
|
|
149
173
|
</div>
|
|
150
174
|
<div
|
|
@@ -156,14 +180,18 @@ exports[`component:<FormCheckout> renders 1`] = `
|
|
|
156
180
|
<div
|
|
157
181
|
class="view"
|
|
158
182
|
>
|
|
159
|
-
<span
|
|
160
|
-
class="text small"
|
|
161
|
-
>
|
|
162
|
-
payments.label.expiration
|
|
163
|
-
</span>
|
|
164
183
|
<div
|
|
165
|
-
class="
|
|
166
|
-
|
|
184
|
+
class="view wide"
|
|
185
|
+
>
|
|
186
|
+
<span
|
|
187
|
+
class="text small"
|
|
188
|
+
>
|
|
189
|
+
payments.label.expiration
|
|
190
|
+
</span>
|
|
191
|
+
<div
|
|
192
|
+
class="expiry-date-frame"
|
|
193
|
+
/>
|
|
194
|
+
</div>
|
|
167
195
|
</div>
|
|
168
196
|
</div>
|
|
169
197
|
<div
|
|
@@ -172,14 +200,18 @@ exports[`component:<FormCheckout> renders 1`] = `
|
|
|
172
200
|
<div
|
|
173
201
|
class="view"
|
|
174
202
|
>
|
|
175
|
-
<span
|
|
176
|
-
class="text small"
|
|
177
|
-
>
|
|
178
|
-
payments.label.cvv
|
|
179
|
-
</span>
|
|
180
203
|
<div
|
|
181
|
-
class="
|
|
182
|
-
|
|
204
|
+
class="view wide"
|
|
205
|
+
>
|
|
206
|
+
<span
|
|
207
|
+
class="text small"
|
|
208
|
+
>
|
|
209
|
+
payments.label.cvv
|
|
210
|
+
</span>
|
|
211
|
+
<div
|
|
212
|
+
class="cvv-frame"
|
|
213
|
+
/>
|
|
214
|
+
</div>
|
|
183
215
|
</div>
|
|
184
216
|
</div>
|
|
185
217
|
</div>
|
|
@@ -221,17 +253,21 @@ exports[`component:<FormCheckout> testID 1`] = `
|
|
|
221
253
|
<div
|
|
222
254
|
class="view"
|
|
223
255
|
>
|
|
224
|
-
<
|
|
225
|
-
class="
|
|
256
|
+
<div
|
|
257
|
+
class="view wide"
|
|
226
258
|
>
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
259
|
+
<span
|
|
260
|
+
class="text small"
|
|
261
|
+
>
|
|
262
|
+
payments.label.card_name
|
|
263
|
+
</span>
|
|
264
|
+
<input
|
|
265
|
+
class="input"
|
|
266
|
+
name="name"
|
|
267
|
+
type="text"
|
|
268
|
+
value=""
|
|
269
|
+
/>
|
|
270
|
+
</div>
|
|
235
271
|
</div>
|
|
236
272
|
</div>
|
|
237
273
|
<div
|
|
@@ -240,14 +276,18 @@ exports[`component:<FormCheckout> testID 1`] = `
|
|
|
240
276
|
<div
|
|
241
277
|
class="view"
|
|
242
278
|
>
|
|
243
|
-
<span
|
|
244
|
-
class="text small"
|
|
245
|
-
>
|
|
246
|
-
payments.label.card_number
|
|
247
|
-
</span>
|
|
248
279
|
<div
|
|
249
|
-
class="
|
|
250
|
-
|
|
280
|
+
class="view wide"
|
|
281
|
+
>
|
|
282
|
+
<span
|
|
283
|
+
class="text small"
|
|
284
|
+
>
|
|
285
|
+
payments.label.card_number
|
|
286
|
+
</span>
|
|
287
|
+
<div
|
|
288
|
+
class="card-number-frame"
|
|
289
|
+
/>
|
|
290
|
+
</div>
|
|
251
291
|
</div>
|
|
252
292
|
</div>
|
|
253
293
|
<div
|
|
@@ -259,14 +299,18 @@ exports[`component:<FormCheckout> testID 1`] = `
|
|
|
259
299
|
<div
|
|
260
300
|
class="view"
|
|
261
301
|
>
|
|
262
|
-
<span
|
|
263
|
-
class="text small"
|
|
264
|
-
>
|
|
265
|
-
payments.label.expiration
|
|
266
|
-
</span>
|
|
267
302
|
<div
|
|
268
|
-
class="
|
|
269
|
-
|
|
303
|
+
class="view wide"
|
|
304
|
+
>
|
|
305
|
+
<span
|
|
306
|
+
class="text small"
|
|
307
|
+
>
|
|
308
|
+
payments.label.expiration
|
|
309
|
+
</span>
|
|
310
|
+
<div
|
|
311
|
+
class="expiry-date-frame"
|
|
312
|
+
/>
|
|
313
|
+
</div>
|
|
270
314
|
</div>
|
|
271
315
|
</div>
|
|
272
316
|
<div
|
|
@@ -275,14 +319,18 @@ exports[`component:<FormCheckout> testID 1`] = `
|
|
|
275
319
|
<div
|
|
276
320
|
class="view"
|
|
277
321
|
>
|
|
278
|
-
<span
|
|
279
|
-
class="text small"
|
|
280
|
-
>
|
|
281
|
-
payments.label.cvv
|
|
282
|
-
</span>
|
|
283
322
|
<div
|
|
284
|
-
class="
|
|
285
|
-
|
|
323
|
+
class="view wide"
|
|
324
|
+
>
|
|
325
|
+
<span
|
|
326
|
+
class="text small"
|
|
327
|
+
>
|
|
328
|
+
payments.label.cvv
|
|
329
|
+
</span>
|
|
330
|
+
<div
|
|
331
|
+
class="cvv-frame"
|
|
332
|
+
/>
|
|
333
|
+
</div>
|
|
286
334
|
</div>
|
|
287
335
|
</div>
|
|
288
336
|
</div>
|