@mirai/core 0.3.175 → 0.3.176
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/.env +7 -4
- package/build/components/Booking/Booking.js +1 -1
- package/build/components/Booking/Booking.js.map +1 -1
- package/build/components/Booking/Booking.l10n.js +0 -15
- package/build/components/Booking/Booking.l10n.js.map +1 -1
- package/build/components/Booking/Booking.module.css +0 -9
- package/build/components/Booking/components/Hotelverse/Hotelverse.js +1 -1
- package/build/components/Booking/components/Hotelverse/Hotelverse.js.map +1 -1
- package/build/components/Booking/partials/index.js +2 -13
- package/build/components/Booking/partials/index.js.map +1 -1
- package/build/components/Chat/Chat.constants.js +28 -0
- package/build/components/Chat/Chat.constants.js.map +1 -0
- package/build/components/Chat/Chat.js +231 -0
- package/build/components/Chat/Chat.js.map +1 -0
- package/build/components/Chat/Chat.l10n.js +24 -0
- package/build/components/Chat/Chat.l10n.js.map +1 -0
- package/build/components/Chat/Chat.module.css +90 -0
- package/build/components/Chat/Chat.theme.module.css +49 -0
- package/build/components/Chat/components/Avatar/Avatar.js +68 -0
- package/build/components/Chat/components/Avatar/Avatar.js.map +1 -0
- package/build/components/Chat/components/Avatar/Avatar.module.css +81 -0
- package/build/components/Chat/components/Avatar/__tests__/__snapshots__/Avatar.test.jsx.snap +97 -0
- package/build/components/Chat/components/Avatar/index.js +17 -0
- package/build/components/Chat/components/Avatar/index.js.map +1 -0
- package/build/components/Chat/components/Input/Input.js +72 -0
- package/build/components/Chat/components/Input/Input.js.map +1 -0
- package/build/components/Chat/components/Input/Input.l10n.js +15 -0
- package/build/components/Chat/components/Input/Input.l10n.js.map +1 -0
- package/build/components/Chat/components/Input/Input.module.css +19 -0
- package/build/components/Chat/components/Input/__tests__/__snapshots__/Input.test.jsx.snap +175 -0
- package/build/components/Chat/components/Input/index.js +17 -0
- package/build/components/Chat/components/Input/index.js.map +1 -0
- package/build/components/Chat/components/InputRich/InputRich.List.js +52 -0
- package/build/components/Chat/components/InputRich/InputRich.List.js.map +1 -0
- package/build/components/Chat/components/InputRich/InputRich.js +182 -0
- package/build/components/Chat/components/InputRich/InputRich.js.map +1 -0
- package/build/components/Chat/components/InputRich/InputRich.l10n.js +12 -0
- package/build/components/Chat/components/InputRich/InputRich.l10n.js.map +1 -0
- package/build/components/Chat/components/InputRich/InputRich.module.css +73 -0
- package/build/components/Chat/components/InputRich/__tests__/__snapshots__/InputRich.test.jsx.snap +275 -0
- package/build/components/Chat/components/InputRich/helpers/getVerboseList.js +20 -0
- package/build/components/Chat/components/InputRich/helpers/getVerboseList.js.map +1 -0
- package/build/components/Chat/components/InputRich/helpers/getVerboseOccupation.js +27 -0
- package/build/components/Chat/components/InputRich/helpers/getVerboseOccupation.js.map +1 -0
- package/build/components/Chat/components/InputRich/helpers/index.js +28 -0
- package/build/components/Chat/components/InputRich/helpers/index.js.map +1 -0
- package/build/components/Chat/components/InputRich/index.js +17 -0
- package/build/components/Chat/components/InputRich/index.js.map +1 -0
- package/build/components/Chat/components/Message/Message.constants.js +18 -0
- package/build/components/Chat/components/Message/Message.constants.js.map +1 -0
- package/build/components/Chat/components/Message/Message.js +104 -0
- package/build/components/Chat/components/Message/Message.js.map +1 -0
- package/build/components/Chat/components/Message/Message.module.css +126 -0
- package/build/components/Chat/components/Message/__tests__/__snapshots__/Message.test.jsx.snap +211 -0
- package/build/components/Chat/components/Message/components/Booking.js +63 -0
- package/build/components/Chat/components/Message/components/Booking.js.map +1 -0
- package/build/components/Chat/components/Message/components/Card.js +67 -0
- package/build/components/Chat/components/Message/components/Card.js.map +1 -0
- package/build/components/Chat/components/Message/components/Card.module.css +41 -0
- package/build/components/Chat/components/Message/components/Environment.js +58 -0
- package/build/components/Chat/components/Message/components/Environment.js.map +1 -0
- package/build/components/Chat/components/Message/components/Environment.module.css +22 -0
- package/build/components/Chat/components/Message/components/index.js +39 -0
- package/build/components/Chat/components/Message/components/index.js.map +1 -0
- package/build/components/Chat/components/Message/helpers/getActionIcon.js +13 -0
- package/build/components/Chat/components/Message/helpers/getActionIcon.js.map +1 -0
- package/build/components/Chat/components/Message/helpers/getTime.js +28 -0
- package/build/components/Chat/components/Message/helpers/getTime.js.map +1 -0
- package/build/components/Chat/components/Message/helpers/index.js +28 -0
- package/build/components/Chat/components/Message/helpers/index.js.map +1 -0
- package/build/components/Chat/components/Message/index.js +17 -0
- package/build/components/Chat/components/Message/index.js.map +1 -0
- package/build/components/Chat/components/Message/intents/BookingQuery.js +66 -0
- package/build/components/Chat/components/Message/intents/BookingQuery.js.map +1 -0
- package/build/components/Chat/components/Message/intents/HotelInfo.js +73 -0
- package/build/components/Chat/components/Message/intents/HotelInfo.js.map +1 -0
- package/build/components/Chat/components/Message/intents/Offers.js +57 -0
- package/build/components/Chat/components/Message/intents/Offers.js.map +1 -0
- package/build/components/Chat/components/Message/intents/Unknown.js +67 -0
- package/build/components/Chat/components/Message/intents/Unknown.js.map +1 -0
- package/build/components/Chat/components/Message/intents/index.js +50 -0
- package/build/components/Chat/components/Message/intents/index.js.map +1 -0
- package/build/components/Chat/components/Offline/Offline.js +22 -0
- package/build/components/Chat/components/Offline/Offline.js.map +1 -0
- package/build/components/Chat/components/Offline/Offline.module.css +3 -0
- package/build/components/Chat/components/Offline/index.js +17 -0
- package/build/components/Chat/components/Offline/index.js.map +1 -0
- package/build/components/Chat/components/index.js +61 -0
- package/build/components/Chat/components/index.js.map +1 -0
- package/build/components/Chat/helpers/getVerboseDate.js +18 -0
- package/build/components/Chat/helpers/getVerboseDate.js.map +1 -0
- package/build/components/Chat/helpers/index.js +17 -0
- package/build/components/Chat/helpers/index.js.map +1 -0
- package/build/components/Chat/index.js +17 -0
- package/build/components/Chat/index.js.map +1 -0
- package/build/components/Checkout/Checkout.js +20 -5
- package/build/components/Checkout/Checkout.js.map +1 -1
- package/build/components/Checkout/Checkout.module.css +14 -0
- package/build/components/Checkout/helpers/getFieldProps.js +3 -1
- package/build/components/Checkout/helpers/getFieldProps.js.map +1 -1
- package/build/components/Checkout/partials/Checkout.Confirmation.js +11 -7
- package/build/components/Checkout/partials/Checkout.Confirmation.js.map +1 -1
- package/build/components/Checkout/partials/Checkout.Form.js +23 -4
- package/build/components/Checkout/partials/Checkout.Form.js.map +1 -1
- package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Form.test.js.snap +932 -16
- package/build/components/Profile/components/Settings/Settings.Account.js +26 -8
- package/build/components/Profile/components/Settings/Settings.Account.js.map +1 -1
- package/build/components/Profile/components/Settings/Settings.module.css +4 -0
- package/build/components/Rates/Rates.constants.js +1 -0
- package/build/components/Rates/Rates.constants.js.map +1 -1
- package/build/components/Rates/Rates.js +2 -0
- package/build/components/Rates/Rates.js.map +1 -1
- package/build/components/Rates/components/Hotelverse/Hotelverse.js +1 -1
- package/build/components/Rates/components/Hotelverse/Hotelverse.js.map +1 -1
- package/build/components/Rates/components/Item/components/Features/Features.js +27 -2
- package/build/components/Rates/components/Item/components/Features/Features.js.map +1 -1
- package/build/components/Rates/components/Item/components/ModalInfo/ModalInfo.js +5 -1
- package/build/components/Rates/components/Item/components/ModalInfo/ModalInfo.js.map +1 -1
- package/build/components/Rates/components/Item/components/ModalRateInfo/ModalRateInfo.js +1 -1
- package/build/components/Rates/components/Item/components/ModalRateInfo/ModalRateInfo.js.map +1 -1
- package/build/components/Signup/Signup.js +24 -6
- package/build/components/Signup/Signup.js.map +1 -1
- package/build/components/Signup/Signup.module.css +4 -0
- package/build/components/Signup/__tests__/__snapshots__/Signup.test.js.snap +24 -9
- package/build/components/{Booking/partials/Booking.Others.js → __shared__/BookingTerms/BookingTerms.js} +17 -18
- package/build/components/__shared__/BookingTerms/BookingTerms.js.map +1 -0
- package/build/components/__shared__/BookingTerms/BookingTerms.l10n.js +27 -0
- package/build/components/__shared__/BookingTerms/BookingTerms.l10n.js.map +1 -0
- package/build/components/__shared__/BookingTerms/BookingTerms.module.css +42 -0
- package/build/components/{Booking/partials/__tests__/__snapshots__/Booking.Others.test.js.snap → __shared__/BookingTerms/__tests__/__snapshots__/BookingTerms.test.js.snap} +4 -8
- package/build/components/__shared__/BookingTerms/index.js +17 -0
- package/build/components/__shared__/BookingTerms/index.js.map +1 -0
- package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.js +52 -0
- package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.js.map +1 -0
- package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.l10n.js +62 -0
- package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.l10n.js.map +1 -0
- package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.module.css +8 -0
- package/build/components/__shared__/NotificationRequiredFields/index.js +17 -0
- package/build/components/__shared__/NotificationRequiredFields/index.js.map +1 -0
- package/build/components/__shared__/Payment/Payment.js +1 -1
- package/build/components/__shared__/Payment/Payment.js.map +1 -1
- package/build/components/__shared__/Payment/__tests__/__snapshots__/Payment.test.js.snap +302 -8
- package/build/components/__shared__/Payment/components/Card/Card.js +4 -0
- package/build/components/__shared__/Payment/components/Card/Card.js.map +1 -1
- package/build/components/__shared__/Payment/components/Card/__tests__/__snapshots__/Card.test.js.snap +23 -0
- package/build/components/__shared__/Payment/components/Card/helpers/formatValues.js +2 -0
- package/build/components/__shared__/Payment/components/Card/helpers/formatValues.js.map +1 -1
- package/build/components/__shared__/Payment/components/PCI/PCI.constants.js +1 -2
- package/build/components/__shared__/Payment/components/PCI/PCI.constants.js.map +1 -1
- package/build/components/__shared__/Payment/components/PCI/PCI.js +59 -56
- package/build/components/__shared__/Payment/components/PCI/PCI.js.map +1 -1
- package/build/components/__shared__/Payment/components/PCI/__tests__/__snapshots__/PCI.test.js.snap +15 -0
- package/build/components/__shared__/Payment/components/PCI/helpers/formatValues.js +2 -0
- package/build/components/__shared__/Payment/components/PCI/helpers/formatValues.js.map +1 -1
- package/build/components/__shared__/Payment/helpers/formatExpire.js +15 -0
- package/build/components/__shared__/Payment/helpers/formatExpire.js.map +1 -0
- package/build/components/__shared__/Payment/helpers/index.js +11 -0
- package/build/components/__shared__/Payment/helpers/index.js.map +1 -1
- package/build/components/__shared__/index.js +22 -0
- package/build/components/__shared__/index.js.map +1 -1
- package/build/components/helpers/ICON.js +13 -0
- package/build/components/helpers/ICON.js.map +1 -1
- package/build/components/index.js +2 -0
- package/build/components/index.js.map +1 -1
- package/build/services/Lisa/action.js +28 -0
- package/build/services/Lisa/action.js.map +1 -0
- package/build/services/Lisa/index.js +17 -0
- package/build/services/Lisa/index.js.map +1 -0
- package/build/services/Lisa/message.js +26 -0
- package/build/services/Lisa/message.js.map +1 -0
- package/build/services/Lisa/status.js +13 -0
- package/build/services/Lisa/status.js.map +1 -0
- package/build/services/Lisa/welcome.js +25 -0
- package/build/services/Lisa/welcome.js.map +1 -0
- package/build/services/Rates/__tests__/__mocks__/rates-response-cancel-types.json +21 -0
- package/build/services/Rates/__tests__/__mocks__/rates-response-no-taxes-no-local.json +6 -0
- package/build/services/Rates/__tests__/__mocks__/rates-response-no-taxes.json +4 -0
- package/build/services/Rates/__tests__/__mocks__/rates-response.json +6 -0
- package/build/services/Rates/extras.js +1 -1
- package/build/services/Rates/extras.js.map +1 -1
- package/build/services/Rates/helpers/getItems.js +1 -1
- package/build/services/Rates/helpers/getItems.js.map +1 -1
- package/build/services/Rates/helpers/parseBoards.js +1 -0
- package/build/services/Rates/helpers/parseBoards.js.map +1 -1
- package/build/services/index.js +11 -0
- package/build/services/index.js.map +1 -1
- package/package.json +1 -1
- package/public/App.Container.jsx +2 -0
- package/build/components/Booking/partials/Booking.Others.js.map +0 -1
|
@@ -55,6 +55,7 @@ exports[`component:<Payment> inherit:className 1`] = `
|
|
|
55
55
|
</span>
|
|
56
56
|
<input
|
|
57
57
|
class="input input withLabel"
|
|
58
|
+
id="checkout-card"
|
|
58
59
|
maxlength="19"
|
|
59
60
|
name="card"
|
|
60
61
|
placeholder="0000 0000 0000 0000"
|
|
@@ -86,6 +87,7 @@ exports[`component:<Payment> inherit:className 1`] = `
|
|
|
86
87
|
</span>
|
|
87
88
|
<input
|
|
88
89
|
class="input input withLabel"
|
|
90
|
+
id="checkout-name"
|
|
89
91
|
maxlength="100"
|
|
90
92
|
minlength="3"
|
|
91
93
|
name="name"
|
|
@@ -117,6 +119,7 @@ exports[`component:<Payment> inherit:className 1`] = `
|
|
|
117
119
|
</span>
|
|
118
120
|
<input
|
|
119
121
|
class="input input withLabel"
|
|
122
|
+
id="checkout-expire"
|
|
120
123
|
maxlength="5"
|
|
121
124
|
name="expire"
|
|
122
125
|
placeholder="payments.label.month_format/payments.label.year_format"
|
|
@@ -148,6 +151,7 @@ exports[`component:<Payment> inherit:className 1`] = `
|
|
|
148
151
|
</span>
|
|
149
152
|
<input
|
|
150
153
|
class="input input withLabel"
|
|
154
|
+
id="checkout-CVV"
|
|
151
155
|
maxlength="3"
|
|
152
156
|
name="CVV"
|
|
153
157
|
placeholder="000"
|
|
@@ -220,6 +224,7 @@ exports[`component:<Payment> renders 1`] = `
|
|
|
220
224
|
</span>
|
|
221
225
|
<input
|
|
222
226
|
class="input input withLabel"
|
|
227
|
+
id="checkout-card"
|
|
223
228
|
maxlength="19"
|
|
224
229
|
name="card"
|
|
225
230
|
placeholder="0000 0000 0000 0000"
|
|
@@ -251,6 +256,7 @@ exports[`component:<Payment> renders 1`] = `
|
|
|
251
256
|
</span>
|
|
252
257
|
<input
|
|
253
258
|
class="input input withLabel"
|
|
259
|
+
id="checkout-name"
|
|
254
260
|
maxlength="100"
|
|
255
261
|
minlength="3"
|
|
256
262
|
name="name"
|
|
@@ -282,6 +288,7 @@ exports[`component:<Payment> renders 1`] = `
|
|
|
282
288
|
</span>
|
|
283
289
|
<input
|
|
284
290
|
class="input input withLabel"
|
|
291
|
+
id="checkout-expire"
|
|
285
292
|
maxlength="5"
|
|
286
293
|
name="expire"
|
|
287
294
|
placeholder="payments.label.month_format/payments.label.year_format"
|
|
@@ -313,6 +320,7 @@ exports[`component:<Payment> renders 1`] = `
|
|
|
313
320
|
</span>
|
|
314
321
|
<input
|
|
315
322
|
class="input input withLabel"
|
|
323
|
+
id="checkout-CVV"
|
|
316
324
|
maxlength="3"
|
|
317
325
|
name="CVV"
|
|
318
326
|
placeholder="000"
|
|
@@ -339,12 +347,14 @@ exports[`component:<Payment> renders some methods 1`] = `
|
|
|
339
347
|
class="view"
|
|
340
348
|
>
|
|
341
349
|
<div
|
|
342
|
-
class="pressable"
|
|
350
|
+
class="pressable disabled"
|
|
351
|
+
disabled=""
|
|
343
352
|
>
|
|
344
353
|
<div
|
|
345
354
|
class="radio"
|
|
346
355
|
>
|
|
347
356
|
<input
|
|
357
|
+
checked=""
|
|
348
358
|
class="input"
|
|
349
359
|
name="method"
|
|
350
360
|
type="radio"
|
|
@@ -354,11 +364,147 @@ exports[`component:<Payment> renders some methods 1`] = `
|
|
|
354
364
|
class="checkmark"
|
|
355
365
|
/>
|
|
356
366
|
</div>
|
|
357
|
-
<
|
|
358
|
-
class="text bold
|
|
367
|
+
<h3
|
|
368
|
+
class="text bold headline-3"
|
|
359
369
|
>
|
|
360
370
|
payments.label.card
|
|
361
|
-
</
|
|
371
|
+
</h3>
|
|
372
|
+
</div>
|
|
373
|
+
<div
|
|
374
|
+
class="view"
|
|
375
|
+
>
|
|
376
|
+
<fieldset
|
|
377
|
+
autocomplete="off"
|
|
378
|
+
>
|
|
379
|
+
<div
|
|
380
|
+
class="view inputContainer"
|
|
381
|
+
>
|
|
382
|
+
<div
|
|
383
|
+
class="view row inputBorder"
|
|
384
|
+
>
|
|
385
|
+
<div
|
|
386
|
+
class="view wide content"
|
|
387
|
+
>
|
|
388
|
+
<span
|
|
389
|
+
class="text paragraph text label"
|
|
390
|
+
>
|
|
391
|
+
payments.label.card_number
|
|
392
|
+
<span
|
|
393
|
+
class="required"
|
|
394
|
+
>
|
|
395
|
+
*
|
|
396
|
+
</span>
|
|
397
|
+
</span>
|
|
398
|
+
<input
|
|
399
|
+
class="input input withLabel"
|
|
400
|
+
id="checkout-card"
|
|
401
|
+
maxlength="19"
|
|
402
|
+
name="card"
|
|
403
|
+
placeholder="0000 0000 0000 0000"
|
|
404
|
+
required=""
|
|
405
|
+
type="text"
|
|
406
|
+
value=""
|
|
407
|
+
/>
|
|
408
|
+
</div>
|
|
409
|
+
</div>
|
|
410
|
+
</div>
|
|
411
|
+
<div
|
|
412
|
+
class="view inputContainer"
|
|
413
|
+
>
|
|
414
|
+
<div
|
|
415
|
+
class="view row inputBorder"
|
|
416
|
+
>
|
|
417
|
+
<div
|
|
418
|
+
class="view wide content"
|
|
419
|
+
>
|
|
420
|
+
<span
|
|
421
|
+
class="text paragraph text label"
|
|
422
|
+
>
|
|
423
|
+
payments.label.card_name
|
|
424
|
+
<span
|
|
425
|
+
class="required"
|
|
426
|
+
>
|
|
427
|
+
*
|
|
428
|
+
</span>
|
|
429
|
+
</span>
|
|
430
|
+
<input
|
|
431
|
+
class="input input withLabel"
|
|
432
|
+
id="checkout-name"
|
|
433
|
+
maxlength="100"
|
|
434
|
+
minlength="3"
|
|
435
|
+
name="name"
|
|
436
|
+
required=""
|
|
437
|
+
type="text"
|
|
438
|
+
value=""
|
|
439
|
+
/>
|
|
440
|
+
</div>
|
|
441
|
+
</div>
|
|
442
|
+
</div>
|
|
443
|
+
<div
|
|
444
|
+
class="view inputContainer"
|
|
445
|
+
>
|
|
446
|
+
<div
|
|
447
|
+
class="view row inputBorder"
|
|
448
|
+
>
|
|
449
|
+
<div
|
|
450
|
+
class="view wide content"
|
|
451
|
+
>
|
|
452
|
+
<span
|
|
453
|
+
class="text paragraph text label"
|
|
454
|
+
>
|
|
455
|
+
payments.label.expiration
|
|
456
|
+
<span
|
|
457
|
+
class="required"
|
|
458
|
+
>
|
|
459
|
+
*
|
|
460
|
+
</span>
|
|
461
|
+
</span>
|
|
462
|
+
<input
|
|
463
|
+
class="input input withLabel"
|
|
464
|
+
id="checkout-expire"
|
|
465
|
+
maxlength="5"
|
|
466
|
+
name="expire"
|
|
467
|
+
placeholder="payments.label.month_format/payments.label.year_format"
|
|
468
|
+
required=""
|
|
469
|
+
type="inputDate"
|
|
470
|
+
value=""
|
|
471
|
+
/>
|
|
472
|
+
</div>
|
|
473
|
+
</div>
|
|
474
|
+
</div>
|
|
475
|
+
<div
|
|
476
|
+
class="view inputContainer"
|
|
477
|
+
>
|
|
478
|
+
<div
|
|
479
|
+
class="view row inputBorder"
|
|
480
|
+
>
|
|
481
|
+
<div
|
|
482
|
+
class="view wide content"
|
|
483
|
+
>
|
|
484
|
+
<span
|
|
485
|
+
class="text paragraph text label"
|
|
486
|
+
>
|
|
487
|
+
payments.label.cvv
|
|
488
|
+
<span
|
|
489
|
+
class="required"
|
|
490
|
+
>
|
|
491
|
+
*
|
|
492
|
+
</span>
|
|
493
|
+
</span>
|
|
494
|
+
<input
|
|
495
|
+
class="input input withLabel"
|
|
496
|
+
id="checkout-CVV"
|
|
497
|
+
maxlength="3"
|
|
498
|
+
name="CVV"
|
|
499
|
+
placeholder="000"
|
|
500
|
+
required=""
|
|
501
|
+
type="text"
|
|
502
|
+
value=""
|
|
503
|
+
/>
|
|
504
|
+
</div>
|
|
505
|
+
</div>
|
|
506
|
+
</div>
|
|
507
|
+
</fieldset>
|
|
362
508
|
</div>
|
|
363
509
|
</div>
|
|
364
510
|
<div
|
|
@@ -509,6 +655,7 @@ exports[`component:<Payment> testID with one method 1`] = `
|
|
|
509
655
|
<input
|
|
510
656
|
class="input input withLabel"
|
|
511
657
|
data-testid="mirai-card"
|
|
658
|
+
id="checkout-card"
|
|
512
659
|
maxlength="19"
|
|
513
660
|
name="card"
|
|
514
661
|
placeholder="0000 0000 0000 0000"
|
|
@@ -541,6 +688,7 @@ exports[`component:<Payment> testID with one method 1`] = `
|
|
|
541
688
|
<input
|
|
542
689
|
class="input input withLabel"
|
|
543
690
|
data-testid="mirai-name"
|
|
691
|
+
id="checkout-name"
|
|
544
692
|
maxlength="100"
|
|
545
693
|
minlength="3"
|
|
546
694
|
name="name"
|
|
@@ -573,6 +721,7 @@ exports[`component:<Payment> testID with one method 1`] = `
|
|
|
573
721
|
<input
|
|
574
722
|
class="input input withLabel"
|
|
575
723
|
data-testid="mirai-expire"
|
|
724
|
+
id="checkout-expire"
|
|
576
725
|
maxlength="5"
|
|
577
726
|
name="expire"
|
|
578
727
|
placeholder="payments.label.month_format/payments.label.year_format"
|
|
@@ -605,6 +754,7 @@ exports[`component:<Payment> testID with one method 1`] = `
|
|
|
605
754
|
<input
|
|
606
755
|
class="input input withLabel"
|
|
607
756
|
data-testid="mirai-CVV"
|
|
757
|
+
id="checkout-CVV"
|
|
608
758
|
maxlength="3"
|
|
609
759
|
name="CVV"
|
|
610
760
|
placeholder="000"
|
|
@@ -632,13 +782,15 @@ exports[`component:<Payment> testID with some methods 1`] = `
|
|
|
632
782
|
class="view"
|
|
633
783
|
>
|
|
634
784
|
<div
|
|
635
|
-
class="pressable"
|
|
785
|
+
class="pressable disabled"
|
|
636
786
|
data-testid="mirai-item-CARD"
|
|
787
|
+
disabled=""
|
|
637
788
|
>
|
|
638
789
|
<div
|
|
639
790
|
class="radio"
|
|
640
791
|
>
|
|
641
792
|
<input
|
|
793
|
+
checked=""
|
|
642
794
|
class="input"
|
|
643
795
|
name="method"
|
|
644
796
|
type="radio"
|
|
@@ -648,12 +800,154 @@ exports[`component:<Payment> testID with some methods 1`] = `
|
|
|
648
800
|
class="checkmark"
|
|
649
801
|
/>
|
|
650
802
|
</div>
|
|
651
|
-
<
|
|
652
|
-
class="text bold
|
|
803
|
+
<h3
|
|
804
|
+
class="text bold headline-3"
|
|
653
805
|
data-testid="mirai-text-CARD"
|
|
654
806
|
>
|
|
655
807
|
payments.label.card
|
|
656
|
-
</
|
|
808
|
+
</h3>
|
|
809
|
+
</div>
|
|
810
|
+
<div
|
|
811
|
+
class="view"
|
|
812
|
+
data-testid="mirai-container-CARD"
|
|
813
|
+
>
|
|
814
|
+
<fieldset
|
|
815
|
+
autocomplete="off"
|
|
816
|
+
data-testid="mirai"
|
|
817
|
+
>
|
|
818
|
+
<div
|
|
819
|
+
class="view inputContainer"
|
|
820
|
+
>
|
|
821
|
+
<div
|
|
822
|
+
class="view row inputBorder"
|
|
823
|
+
>
|
|
824
|
+
<div
|
|
825
|
+
class="view wide content"
|
|
826
|
+
>
|
|
827
|
+
<span
|
|
828
|
+
class="text paragraph text label"
|
|
829
|
+
>
|
|
830
|
+
payments.label.card_number
|
|
831
|
+
<span
|
|
832
|
+
class="required"
|
|
833
|
+
>
|
|
834
|
+
*
|
|
835
|
+
</span>
|
|
836
|
+
</span>
|
|
837
|
+
<input
|
|
838
|
+
class="input input withLabel"
|
|
839
|
+
data-testid="mirai-card"
|
|
840
|
+
id="checkout-card"
|
|
841
|
+
maxlength="19"
|
|
842
|
+
name="card"
|
|
843
|
+
placeholder="0000 0000 0000 0000"
|
|
844
|
+
required=""
|
|
845
|
+
type="text"
|
|
846
|
+
value=""
|
|
847
|
+
/>
|
|
848
|
+
</div>
|
|
849
|
+
</div>
|
|
850
|
+
</div>
|
|
851
|
+
<div
|
|
852
|
+
class="view inputContainer"
|
|
853
|
+
>
|
|
854
|
+
<div
|
|
855
|
+
class="view row inputBorder"
|
|
856
|
+
>
|
|
857
|
+
<div
|
|
858
|
+
class="view wide content"
|
|
859
|
+
>
|
|
860
|
+
<span
|
|
861
|
+
class="text paragraph text label"
|
|
862
|
+
>
|
|
863
|
+
payments.label.card_name
|
|
864
|
+
<span
|
|
865
|
+
class="required"
|
|
866
|
+
>
|
|
867
|
+
*
|
|
868
|
+
</span>
|
|
869
|
+
</span>
|
|
870
|
+
<input
|
|
871
|
+
class="input input withLabel"
|
|
872
|
+
data-testid="mirai-name"
|
|
873
|
+
id="checkout-name"
|
|
874
|
+
maxlength="100"
|
|
875
|
+
minlength="3"
|
|
876
|
+
name="name"
|
|
877
|
+
required=""
|
|
878
|
+
type="text"
|
|
879
|
+
value=""
|
|
880
|
+
/>
|
|
881
|
+
</div>
|
|
882
|
+
</div>
|
|
883
|
+
</div>
|
|
884
|
+
<div
|
|
885
|
+
class="view inputContainer"
|
|
886
|
+
>
|
|
887
|
+
<div
|
|
888
|
+
class="view row inputBorder"
|
|
889
|
+
>
|
|
890
|
+
<div
|
|
891
|
+
class="view wide content"
|
|
892
|
+
>
|
|
893
|
+
<span
|
|
894
|
+
class="text paragraph text label"
|
|
895
|
+
>
|
|
896
|
+
payments.label.expiration
|
|
897
|
+
<span
|
|
898
|
+
class="required"
|
|
899
|
+
>
|
|
900
|
+
*
|
|
901
|
+
</span>
|
|
902
|
+
</span>
|
|
903
|
+
<input
|
|
904
|
+
class="input input withLabel"
|
|
905
|
+
data-testid="mirai-expire"
|
|
906
|
+
id="checkout-expire"
|
|
907
|
+
maxlength="5"
|
|
908
|
+
name="expire"
|
|
909
|
+
placeholder="payments.label.month_format/payments.label.year_format"
|
|
910
|
+
required=""
|
|
911
|
+
type="inputDate"
|
|
912
|
+
value=""
|
|
913
|
+
/>
|
|
914
|
+
</div>
|
|
915
|
+
</div>
|
|
916
|
+
</div>
|
|
917
|
+
<div
|
|
918
|
+
class="view inputContainer"
|
|
919
|
+
>
|
|
920
|
+
<div
|
|
921
|
+
class="view row inputBorder"
|
|
922
|
+
>
|
|
923
|
+
<div
|
|
924
|
+
class="view wide content"
|
|
925
|
+
>
|
|
926
|
+
<span
|
|
927
|
+
class="text paragraph text label"
|
|
928
|
+
>
|
|
929
|
+
payments.label.cvv
|
|
930
|
+
<span
|
|
931
|
+
class="required"
|
|
932
|
+
>
|
|
933
|
+
*
|
|
934
|
+
</span>
|
|
935
|
+
</span>
|
|
936
|
+
<input
|
|
937
|
+
class="input input withLabel"
|
|
938
|
+
data-testid="mirai-CVV"
|
|
939
|
+
id="checkout-CVV"
|
|
940
|
+
maxlength="3"
|
|
941
|
+
name="CVV"
|
|
942
|
+
placeholder="000"
|
|
943
|
+
required=""
|
|
944
|
+
type="text"
|
|
945
|
+
value=""
|
|
946
|
+
/>
|
|
947
|
+
</div>
|
|
948
|
+
</div>
|
|
949
|
+
</div>
|
|
950
|
+
</fieldset>
|
|
657
951
|
</div>
|
|
658
952
|
</div>
|
|
659
953
|
<div
|
|
@@ -62,6 +62,7 @@ const Card = _ref => {
|
|
|
62
62
|
}, /*#__PURE__*/_react.default.createElement(_ui.InputText, {
|
|
63
63
|
error: ((_form$card = form.card) === null || _form$card === void 0 ? void 0 : _form$card.length) > 0 && !!formError.card || cardError,
|
|
64
64
|
hint: cardError,
|
|
65
|
+
id: "checkout-card",
|
|
65
66
|
label: translate(_Card.L10N.LABEL_CARD_NUMBER),
|
|
66
67
|
maxLength: maxLength.card,
|
|
67
68
|
name: "card",
|
|
@@ -75,6 +76,7 @@ const Card = _ref => {
|
|
|
75
76
|
testId: testId ? "".concat(testId, "-card") : undefined
|
|
76
77
|
}), /*#__PURE__*/_react.default.createElement(_ui.InputText, {
|
|
77
78
|
error: ((_form$name = form.name) === null || _form$name === void 0 ? void 0 : _form$name.length) === 0 && !!formError.name && !formError.card,
|
|
79
|
+
id: "checkout-name",
|
|
78
80
|
label: translate(_Card.L10N.LABEL_CARD_NAME),
|
|
79
81
|
minLength: 3,
|
|
80
82
|
maxLength: 100,
|
|
@@ -88,6 +90,7 @@ const Card = _ref => {
|
|
|
88
90
|
}), /*#__PURE__*/_react.default.createElement(_ui.InputDate, {
|
|
89
91
|
error: ((_form$expire = form.expire) === null || _form$expire === void 0 ? void 0 : _form$expire.length) > 0 && !!formError.expire,
|
|
90
92
|
format: DATE_FORMAT,
|
|
93
|
+
id: "checkout-expire",
|
|
91
94
|
label: translate(_Card.L10N.LABEL_EXPIRATION),
|
|
92
95
|
name: "expire",
|
|
93
96
|
maxLength: 5,
|
|
@@ -102,6 +105,7 @@ const Card = _ref => {
|
|
|
102
105
|
testId: testId ? "".concat(testId, "-expire") : undefined
|
|
103
106
|
}), showCVV && /*#__PURE__*/_react.default.createElement(_ui.InputText, {
|
|
104
107
|
error: ((_form$CVV = form.CVV) === null || _form$CVV === void 0 ? void 0 : _form$CVV.length) > 0 && !!formError.CVV,
|
|
108
|
+
id: "checkout-CVV",
|
|
105
109
|
label: translate(_Card.L10N.LABEL_CVV),
|
|
106
110
|
maxLength: maxLength.CVV,
|
|
107
111
|
name: "CVV",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Card","style","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","DATE_FORMAT","Card","_ref","_form$card","_form$card2","_form$name","_form$name2","_form$expire","_form$expire2","_form$CVV","_form$CVV2","error","card","cardError","showCVV","showErrors","onChange","onError","others","translate","useLocale","form","setForm","useState","formError","setFormError","useEffect","handleChange","values","formatValues","testId","maxLength","placeholder","getCardConfig","createElement","Form","autoComplete","tag","validateOnMount","className","InputText","length","hint","label","L10N","LABEL_CARD_NUMBER","name","required","showRequired","success","value","test","testCard","concat","undefined","LABEL_CARD_NAME","minLength","InputDate","expire","format","LABEL_EXPIRATION","LABEL_MONTH_FORMAT","LABEL_YEAR_FORMAT","testExpire","type","CVV","LABEL_CVV","testCVV","cvv","exports","displayName","propTypes","PropTypes","shape","string","bool","func"],"sources":["../../../../../../src/components/__shared__/Payment/components/Card/Card.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { InputDate, InputText, Form } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './Card.l10n';\nimport * as style from './Card.module.css';\nimport { formatValues, getCardConfig, testCard, testCVV, testExpire } from './helpers';\n\nconst DATE_FORMAT = 'MM/YY';\n\nconst Card = ({\n error: { card: cardError } = {},\n showCVV = true,\n showErrors = false,\n onChange = () => {},\n onError = () => {},\n ...others\n}) => {\n const { translate } = useLocale();\n\n const [form, setForm] = useState({});\n const [formError, setFormError] = useState({});\n\n useEffect(() => {\n onChange(form);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [form]);\n\n useEffect(() => {\n onError({ ...formError });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [formError]);\n\n const handleChange = (values) => setForm(formatValues(values));\n\n const { testId } = others;\n const { maxLength, placeholder } = getCardConfig(form.card);\n\n return (\n <Form\n autoComplete=\"off\"\n showErrors={showErrors}\n tag=\"fieldset\"\n validateOnMount\n onChange={handleChange}\n onError={setFormError}\n className={style.form}\n testId={testId}\n >\n <InputText\n error={(form.card?.length > 0 && !!formError.card) || cardError}\n hint={cardError}\n label={translate(L10N.LABEL_CARD_NUMBER)}\n maxLength={maxLength.card}\n name=\"card\"\n placeholder={placeholder.card}\n required\n showRequired\n success={form.card?.length > 0 && !formError.card}\n value={form.card}\n test={testCard}\n className={style.card}\n testId={testId ? `${testId}-card` : undefined}\n />\n <InputText\n error={form.name?.length === 0 && !!formError.name && !formError.card}\n label={translate(L10N.LABEL_CARD_NAME)}\n minLength={3}\n maxLength={100}\n name=\"name\"\n required\n showRequired\n success={form.name?.length > 0 && !formError.name}\n value={form.name}\n className={style.name}\n testId={testId ? `${testId}-name` : undefined}\n />\n <InputDate\n error={form.expire?.length > 0 && !!formError.expire}\n format={DATE_FORMAT}\n label={translate(L10N.LABEL_EXPIRATION)}\n name=\"expire\"\n maxLength={5}\n placeholder={`${translate(L10N.LABEL_MONTH_FORMAT)}/${translate(L10N.LABEL_YEAR_FORMAT)}`}\n required\n showRequired\n success={form.expire?.length > 0 && !formError.expire}\n test={testExpire}\n type=\"inputDate\"\n value={form.expire}\n className={style.expire}\n testId={testId ? `${testId}-expire` : undefined}\n />\n {showCVV && (\n <InputText\n error={form.CVV?.length > 0 && !!formError.CVV}\n label={translate(L10N.LABEL_CVV)}\n maxLength={maxLength.CVV}\n name=\"CVV\"\n placeholder={placeholder.CVV}\n required\n showRequired\n success={form.CVV?.length > 0 && !formError.CVV}\n value={form.CVV}\n test={(CVV) => testCVV(CVV, maxLength.CVV)}\n className={style.cvv}\n testId={testId ? `${testId}-CVV` : undefined}\n />\n )}\n </Form>\n );\n};\n\nCard.displayName = 'Mirai:Payments:Card';\n\nCard.propTypes = {\n error: PropTypes.shape({\n card: PropTypes.string,\n }),\n showCVV: PropTypes.bool,\n showErrors: PropTypes.bool,\n onChange: PropTypes.func,\n onError: PropTypes.func,\n};\n\nexport { Card };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAC,uBAAA,CAAAL,OAAA;AAEA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAF,uBAAA,CAAAL,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AAAuF,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAA2B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAEvF,MAAMC,WAAW,GAAG,OAAO;AAE3B,MAAMC,IAAI,GAAGC,IAAA,IAOP;EAAA,IAAAC,UAAA,EAAAC,WAAA,EAAAC,UAAA,EAAAC,WAAA,EAAAC,YAAA,EAAAC,aAAA,EAAAC,SAAA,EAAAC,UAAA;EAAA,IAPQ;IACZC,KAAK,EAAE;MAAEC,IAAI,EAAEC;IAAU,CAAC,GAAG,CAAC,CAAC;IAC/BC,OAAO,GAAG,IAAI;IACdC,UAAU,GAAG,KAAK;IAClBC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IACnBC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;IAClB,GAAGC;EACL,CAAC,GAAAhB,IAAA;EACC,MAAM;IAAEiB;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAEjC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC,CAAC;EACpC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAAC,CAAC,CAAC,CAAC;EAE9C,IAAAG,gBAAS,EAAC,MAAM;IACdV,QAAQ,CAACK,IAAI,CAAC;IACd;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IAAAK,gBAAS,EAAC,MAAM;IACdT,OAAO,CAAC;MAAE,GAAGO;IAAU,CAAC,CAAC;IACzB;EACF,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAMG,YAAY,GAAIC,MAAM,IAAKN,OAAO,CAAC,IAAAO,qBAAY,EAACD,MAAM,CAAC,CAAC;EAE9D,MAAM;IAAEE;EAAO,CAAC,GAAGZ,MAAM;EACzB,MAAM;IAAEa,SAAS;IAAEC;EAAY,CAAC,GAAG,IAAAC,sBAAa,EAACZ,IAAI,CAACT,IAAI,CAAC;EAE3D,oBACEvC,MAAA,CAAAW,OAAA,CAAAkD,aAAA,CAAChE,GAAA,CAAAiE,IAAI;IACHC,YAAY,EAAC,KAAK;IAClBrB,UAAU,EAAEA,UAAW;IACvBsB,GAAG,EAAC,UAAU;IACdC,eAAe;IACftB,QAAQ,EAAEW,YAAa;IACvBV,OAAO,EAAEQ,YAAa;IACtBc,SAAS,EAAE/D,KAAK,CAAC6C,IAAK;IACtBS,MAAM,EAAEA;EAAO,gBAEfzD,MAAA,CAAAW,OAAA,CAAAkD,aAAA,CAAChE,GAAA,CAAAsE,SAAS;IACR7B,KAAK,EAAG,EAAAR,UAAA,GAAAkB,IAAI,CAACT,IAAI,cAAAT,UAAA,uBAATA,UAAA,CAAWsC,MAAM,IAAG,CAAC,IAAI,CAAC,CAACjB,SAAS,CAACZ,IAAI,IAAKC,SAAU;IAChE6B,IAAI,EAAE7B,SAAU;IAChB8B,KAAK,EAAExB,SAAS,CAACyB,UAAI,CAACC,iBAAiB,CAAE;IACzCd,SAAS,EAAEA,SAAS,CAACnB,IAAK;IAC1BkC,IAAI,EAAC,MAAM;IACXd,WAAW,EAAEA,WAAW,CAACpB,IAAK;IAC9BmC,QAAQ;IACRC,YAAY;IACZC,OAAO,EAAE,EAAA7C,WAAA,GAAAiB,IAAI,CAACT,IAAI,cAAAR,WAAA,uBAATA,WAAA,CAAWqC,MAAM,IAAG,CAAC,IAAI,CAACjB,SAAS,CAACZ,IAAK;IAClDsC,KAAK,EAAE7B,IAAI,CAACT,IAAK;IACjBuC,IAAI,EAAEC,iBAAS;IACfb,SAAS,EAAE/D,KAAK,CAACoC,IAAK;IACtBkB,MAAM,EAAEA,MAAM,MAAAuB,MAAA,CAAMvB,MAAM,aAAUwB;EAAU,CAC/C,CAAC,eACFjF,MAAA,CAAAW,OAAA,CAAAkD,aAAA,CAAChE,GAAA,CAAAsE,SAAS;IACR7B,KAAK,EAAE,EAAAN,UAAA,GAAAgB,IAAI,CAACyB,IAAI,cAAAzC,UAAA,uBAATA,UAAA,CAAWoC,MAAM,MAAK,CAAC,IAAI,CAAC,CAACjB,SAAS,CAACsB,IAAI,IAAI,CAACtB,SAAS,CAACZ,IAAK;IACtE+B,KAAK,EAAExB,SAAS,CAACyB,UAAI,CAACW,eAAe,CAAE;IACvCC,SAAS,EAAE,CAAE;IACbzB,SAAS,EAAE,GAAI;IACfe,IAAI,EAAC,MAAM;IACXC,QAAQ;IACRC,YAAY;IACZC,OAAO,EAAE,EAAA3C,WAAA,GAAAe,IAAI,CAACyB,IAAI,cAAAxC,WAAA,uBAATA,WAAA,CAAWmC,MAAM,IAAG,CAAC,IAAI,CAACjB,SAAS,CAACsB,IAAK;IAClDI,KAAK,EAAE7B,IAAI,CAACyB,IAAK;IACjBP,SAAS,EAAE/D,KAAK,CAACsE,IAAK;IACtBhB,MAAM,EAAEA,MAAM,MAAAuB,MAAA,CAAMvB,MAAM,aAAUwB;EAAU,CAC/C,CAAC,eACFjF,MAAA,CAAAW,OAAA,CAAAkD,aAAA,CAAChE,GAAA,CAAAuF,SAAS;IACR9C,KAAK,EAAE,EAAAJ,YAAA,GAAAc,IAAI,CAACqC,MAAM,cAAAnD,YAAA,uBAAXA,YAAA,CAAakC,MAAM,IAAG,CAAC,IAAI,CAAC,CAACjB,SAAS,CAACkC,MAAO;IACrDC,MAAM,EAAE3D,WAAY;IACpB2C,KAAK,EAAExB,SAAS,CAACyB,UAAI,CAACgB,gBAAgB,CAAE;IACxCd,IAAI,EAAC,QAAQ;IACbf,SAAS,EAAE,CAAE;IACbC,WAAW,KAAAqB,MAAA,CAAKlC,SAAS,CAACyB,UAAI,CAACiB,kBAAkB,CAAC,OAAAR,MAAA,CAAIlC,SAAS,CAACyB,UAAI,CAACkB,iBAAiB,CAAC,CAAG;IAC1Ff,QAAQ;IACRC,YAAY;IACZC,OAAO,EAAE,EAAAzC,aAAA,GAAAa,IAAI,CAACqC,MAAM,cAAAlD,aAAA,uBAAXA,aAAA,CAAaiC,MAAM,IAAG,CAAC,IAAI,CAACjB,SAAS,CAACkC,MAAO;IACtDP,IAAI,EAAEY,mBAAW;IACjBC,IAAI,EAAC,WAAW;IAChBd,KAAK,EAAE7B,IAAI,CAACqC,MAAO;IACnBnB,SAAS,EAAE/D,KAAK,CAACkF,MAAO;IACxB5B,MAAM,EAAEA,MAAM,MAAAuB,MAAA,CAAMvB,MAAM,eAAYwB;EAAU,CACjD,CAAC,EACDxC,OAAO,iBACNzC,MAAA,CAAAW,OAAA,CAAAkD,aAAA,CAAChE,GAAA,CAAAsE,SAAS;IACR7B,KAAK,EAAE,EAAAF,SAAA,GAAAY,IAAI,CAAC4C,GAAG,cAAAxD,SAAA,uBAARA,SAAA,CAAUgC,MAAM,IAAG,CAAC,IAAI,CAAC,CAACjB,SAAS,CAACyC,GAAI;IAC/CtB,KAAK,EAAExB,SAAS,CAACyB,UAAI,CAACsB,SAAS,CAAE;IACjCnC,SAAS,EAAEA,SAAS,CAACkC,GAAI;IACzBnB,IAAI,EAAC,KAAK;IACVd,WAAW,EAAEA,WAAW,CAACiC,GAAI;IAC7BlB,QAAQ;IACRC,YAAY;IACZC,OAAO,EAAE,EAAAvC,UAAA,GAAAW,IAAI,CAAC4C,GAAG,cAAAvD,UAAA,uBAARA,UAAA,CAAU+B,MAAM,IAAG,CAAC,IAAI,CAACjB,SAAS,CAACyC,GAAI;IAChDf,KAAK,EAAE7B,IAAI,CAAC4C,GAAI;IAChBd,IAAI,EAAGc,GAAG,IAAK,IAAAE,gBAAO,EAACF,GAAG,EAAElC,SAAS,CAACkC,GAAG,CAAE;IAC3C1B,SAAS,EAAE/D,KAAK,CAAC4F,GAAI;IACrBtC,MAAM,EAAEA,MAAM,MAAAuB,MAAA,CAAMvB,MAAM,YAASwB;EAAU,CAC9C,CAEC,CAAC;AAEX,CAAC;AAACe,OAAA,CAAApE,IAAA,GAAAA,IAAA;AAEFA,IAAI,CAACqE,WAAW,GAAG,qBAAqB;AAExCrE,IAAI,CAACsE,SAAS,GAAG;EACf5D,KAAK,EAAE6D,kBAAS,CAACC,KAAK,CAAC;IACrB7D,IAAI,EAAE4D,kBAAS,CAACE;EAClB,CAAC,CAAC;EACF5D,OAAO,EAAE0D,kBAAS,CAACG,IAAI;EACvB5D,UAAU,EAAEyD,kBAAS,CAACG,IAAI;EAC1B3D,QAAQ,EAAEwD,kBAAS,CAACI,IAAI;EACxB3D,OAAO,EAAEuD,kBAAS,CAACI;AACrB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Card.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Card","style","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","DATE_FORMAT","Card","_ref","_form$card","_form$card2","_form$name","_form$name2","_form$expire","_form$expire2","_form$CVV","_form$CVV2","error","card","cardError","showCVV","showErrors","onChange","onError","others","translate","useLocale","form","setForm","useState","formError","setFormError","useEffect","handleChange","values","formatValues","testId","maxLength","placeholder","getCardConfig","createElement","Form","autoComplete","tag","validateOnMount","className","InputText","length","hint","id","label","L10N","LABEL_CARD_NUMBER","name","required","showRequired","success","value","test","testCard","concat","undefined","LABEL_CARD_NAME","minLength","InputDate","expire","format","LABEL_EXPIRATION","LABEL_MONTH_FORMAT","LABEL_YEAR_FORMAT","testExpire","type","CVV","LABEL_CVV","testCVV","cvv","exports","displayName","propTypes","PropTypes","shape","string","bool","func"],"sources":["../../../../../../src/components/__shared__/Payment/components/Card/Card.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { InputDate, InputText, Form } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './Card.l10n';\nimport * as style from './Card.module.css';\nimport { formatValues, getCardConfig, testCard, testCVV, testExpire } from './helpers';\n\nconst DATE_FORMAT = 'MM/YY';\n\nconst Card = ({\n error: { card: cardError } = {},\n showCVV = true,\n showErrors = false,\n onChange = () => {},\n onError = () => {},\n ...others\n}) => {\n const { translate } = useLocale();\n\n const [form, setForm] = useState({});\n const [formError, setFormError] = useState({});\n\n useEffect(() => {\n onChange(form);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [form]);\n\n useEffect(() => {\n onError({ ...formError });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [formError]);\n\n const handleChange = (values) => setForm(formatValues(values));\n\n const { testId } = others;\n const { maxLength, placeholder } = getCardConfig(form.card);\n\n return (\n <Form\n autoComplete=\"off\"\n showErrors={showErrors}\n tag=\"fieldset\"\n validateOnMount\n onChange={handleChange}\n onError={setFormError}\n className={style.form}\n testId={testId}\n >\n <InputText\n error={(form.card?.length > 0 && !!formError.card) || cardError}\n hint={cardError}\n id=\"checkout-card\"\n label={translate(L10N.LABEL_CARD_NUMBER)}\n maxLength={maxLength.card}\n name=\"card\"\n placeholder={placeholder.card}\n required\n showRequired\n success={form.card?.length > 0 && !formError.card}\n value={form.card}\n test={testCard}\n className={style.card}\n testId={testId ? `${testId}-card` : undefined}\n />\n <InputText\n error={form.name?.length === 0 && !!formError.name && !formError.card}\n id=\"checkout-name\"\n label={translate(L10N.LABEL_CARD_NAME)}\n minLength={3}\n maxLength={100}\n name=\"name\"\n required\n showRequired\n success={form.name?.length > 0 && !formError.name}\n value={form.name}\n className={style.name}\n testId={testId ? `${testId}-name` : undefined}\n />\n <InputDate\n error={form.expire?.length > 0 && !!formError.expire}\n format={DATE_FORMAT}\n id=\"checkout-expire\"\n label={translate(L10N.LABEL_EXPIRATION)}\n name=\"expire\"\n maxLength={5}\n placeholder={`${translate(L10N.LABEL_MONTH_FORMAT)}/${translate(L10N.LABEL_YEAR_FORMAT)}`}\n required\n showRequired\n success={form.expire?.length > 0 && !formError.expire}\n test={testExpire}\n type=\"inputDate\"\n value={form.expire}\n className={style.expire}\n testId={testId ? `${testId}-expire` : undefined}\n />\n {showCVV && (\n <InputText\n error={form.CVV?.length > 0 && !!formError.CVV}\n id=\"checkout-CVV\"\n label={translate(L10N.LABEL_CVV)}\n maxLength={maxLength.CVV}\n name=\"CVV\"\n placeholder={placeholder.CVV}\n required\n showRequired\n success={form.CVV?.length > 0 && !formError.CVV}\n value={form.CVV}\n test={(CVV) => testCVV(CVV, maxLength.CVV)}\n className={style.cvv}\n testId={testId ? `${testId}-CVV` : undefined}\n />\n )}\n </Form>\n );\n};\n\nCard.displayName = 'Mirai:Payments:Card';\n\nCard.propTypes = {\n error: PropTypes.shape({\n card: PropTypes.string,\n }),\n showCVV: PropTypes.bool,\n showErrors: PropTypes.bool,\n onChange: PropTypes.func,\n onError: PropTypes.func,\n};\n\nexport { Card };\n"],"mappings":"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"}
|