@mirai/core 0.3.255 → 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/__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__/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
package/build/components/__shared__/Payment/components/PCI/__tests__/__snapshots__/PCI.test.js.snap
CHANGED
|
@@ -15,90 +15,106 @@ exports[`component:<PCI> inherit:className 1`] = `
|
|
|
15
15
|
<div
|
|
16
16
|
class="view"
|
|
17
17
|
>
|
|
18
|
-
<span
|
|
19
|
-
class="text small"
|
|
20
|
-
>
|
|
21
|
-
payments.label.card_number
|
|
22
|
-
<span>
|
|
23
|
-
*
|
|
24
|
-
</span>
|
|
25
|
-
</span>
|
|
26
18
|
<div
|
|
27
|
-
|
|
28
|
-
/>
|
|
29
|
-
</div>
|
|
30
|
-
</div>
|
|
31
|
-
<div
|
|
32
|
-
class="view"
|
|
33
|
-
>
|
|
34
|
-
<div
|
|
35
|
-
class="view"
|
|
36
|
-
>
|
|
37
|
-
<span
|
|
38
|
-
class="text small"
|
|
19
|
+
class="view wide"
|
|
39
20
|
>
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
21
|
+
<span
|
|
22
|
+
class="text small"
|
|
23
|
+
>
|
|
24
|
+
payments.label.card_number
|
|
25
|
+
<span>
|
|
26
|
+
*
|
|
27
|
+
</span>
|
|
43
28
|
</span>
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
name="name"
|
|
49
|
-
required=""
|
|
50
|
-
type="text"
|
|
51
|
-
value=""
|
|
52
|
-
/>
|
|
29
|
+
<div
|
|
30
|
+
id="card"
|
|
31
|
+
/>
|
|
32
|
+
</div>
|
|
53
33
|
</div>
|
|
54
34
|
</div>
|
|
55
35
|
<div
|
|
56
|
-
class="view
|
|
36
|
+
class="view"
|
|
57
37
|
>
|
|
58
38
|
<div
|
|
59
39
|
class="view"
|
|
60
40
|
>
|
|
61
41
|
<div
|
|
62
|
-
class="view"
|
|
42
|
+
class="view wide"
|
|
63
43
|
>
|
|
64
44
|
<span
|
|
65
45
|
class="text small"
|
|
66
46
|
>
|
|
67
|
-
payments.label.
|
|
47
|
+
payments.label.card_name
|
|
68
48
|
<span>
|
|
69
49
|
*
|
|
70
50
|
</span>
|
|
71
51
|
</span>
|
|
72
52
|
<input
|
|
73
53
|
class="input"
|
|
74
|
-
id="checkout-
|
|
75
|
-
|
|
76
|
-
name="expire"
|
|
77
|
-
placeholder="payments.label.month_format/payments.label.year_format"
|
|
54
|
+
id="checkout-name"
|
|
55
|
+
name="name"
|
|
78
56
|
required=""
|
|
79
57
|
type="text"
|
|
80
58
|
value=""
|
|
81
59
|
/>
|
|
82
60
|
</div>
|
|
83
61
|
</div>
|
|
62
|
+
</div>
|
|
63
|
+
<div
|
|
64
|
+
class="view row"
|
|
65
|
+
>
|
|
84
66
|
<div
|
|
85
67
|
class="view"
|
|
86
|
-
id="checkout-cvv"
|
|
87
68
|
>
|
|
88
69
|
<div
|
|
89
70
|
class="view"
|
|
90
71
|
>
|
|
91
|
-
<
|
|
92
|
-
class="
|
|
72
|
+
<div
|
|
73
|
+
class="view wide"
|
|
93
74
|
>
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
75
|
+
<span
|
|
76
|
+
class="text small"
|
|
77
|
+
>
|
|
78
|
+
payments.label.expiration
|
|
79
|
+
<span>
|
|
80
|
+
*
|
|
81
|
+
</span>
|
|
97
82
|
</span>
|
|
98
|
-
|
|
83
|
+
<input
|
|
84
|
+
class="input"
|
|
85
|
+
id="checkout-expire"
|
|
86
|
+
maxlength="5"
|
|
87
|
+
name="expire"
|
|
88
|
+
placeholder="payments.label.month_format/payments.label.year_format"
|
|
89
|
+
required=""
|
|
90
|
+
type="text"
|
|
91
|
+
value=""
|
|
92
|
+
/>
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
</div>
|
|
96
|
+
<div
|
|
97
|
+
class="view"
|
|
98
|
+
id="checkout-cvv"
|
|
99
|
+
>
|
|
100
|
+
<div
|
|
101
|
+
class="view"
|
|
102
|
+
>
|
|
99
103
|
<div
|
|
100
|
-
|
|
101
|
-
|
|
104
|
+
class="view wide"
|
|
105
|
+
>
|
|
106
|
+
<span
|
|
107
|
+
class="text small"
|
|
108
|
+
>
|
|
109
|
+
payments.label.cvv
|
|
110
|
+
<span>
|
|
111
|
+
*
|
|
112
|
+
</span>
|
|
113
|
+
</span>
|
|
114
|
+
<div
|
|
115
|
+
id="cvv"
|
|
116
|
+
/>
|
|
117
|
+
</div>
|
|
102
118
|
</div>
|
|
103
119
|
</div>
|
|
104
120
|
</div>
|
|
@@ -123,17 +139,21 @@ exports[`component:<PCI> prop:showCVV 1`] = `
|
|
|
123
139
|
<div
|
|
124
140
|
class="view"
|
|
125
141
|
>
|
|
126
|
-
<
|
|
127
|
-
class="
|
|
142
|
+
<div
|
|
143
|
+
class="view wide"
|
|
128
144
|
>
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
145
|
+
<span
|
|
146
|
+
class="text small"
|
|
147
|
+
>
|
|
148
|
+
payments.label.card_number
|
|
149
|
+
<span>
|
|
150
|
+
*
|
|
151
|
+
</span>
|
|
132
152
|
</span>
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
153
|
+
<div
|
|
154
|
+
id="card"
|
|
155
|
+
/>
|
|
156
|
+
</div>
|
|
137
157
|
</div>
|
|
138
158
|
</div>
|
|
139
159
|
<div
|
|
@@ -143,22 +163,26 @@ exports[`component:<PCI> prop:showCVV 1`] = `
|
|
|
143
163
|
<div
|
|
144
164
|
class="view"
|
|
145
165
|
>
|
|
146
|
-
<
|
|
147
|
-
class="
|
|
166
|
+
<div
|
|
167
|
+
class="view wide"
|
|
148
168
|
>
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
169
|
+
<span
|
|
170
|
+
class="text small"
|
|
171
|
+
>
|
|
172
|
+
payments.label.card_name
|
|
173
|
+
<span>
|
|
174
|
+
*
|
|
175
|
+
</span>
|
|
152
176
|
</span>
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
177
|
+
<input
|
|
178
|
+
class="input"
|
|
179
|
+
id="checkout-name"
|
|
180
|
+
name="name"
|
|
181
|
+
required=""
|
|
182
|
+
type="text"
|
|
183
|
+
value=""
|
|
184
|
+
/>
|
|
185
|
+
</div>
|
|
162
186
|
</div>
|
|
163
187
|
</div>
|
|
164
188
|
<div
|
|
@@ -171,24 +195,28 @@ exports[`component:<PCI> prop:showCVV 1`] = `
|
|
|
171
195
|
<div
|
|
172
196
|
class="view"
|
|
173
197
|
>
|
|
174
|
-
<
|
|
175
|
-
class="
|
|
198
|
+
<div
|
|
199
|
+
class="view wide"
|
|
176
200
|
>
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
201
|
+
<span
|
|
202
|
+
class="text small"
|
|
203
|
+
>
|
|
204
|
+
payments.label.expiration
|
|
205
|
+
<span>
|
|
206
|
+
*
|
|
207
|
+
</span>
|
|
180
208
|
</span>
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
209
|
+
<input
|
|
210
|
+
class="input"
|
|
211
|
+
id="checkout-expire"
|
|
212
|
+
maxlength="5"
|
|
213
|
+
name="expire"
|
|
214
|
+
placeholder="payments.label.month_format/payments.label.year_format"
|
|
215
|
+
required=""
|
|
216
|
+
type="text"
|
|
217
|
+
value=""
|
|
218
|
+
/>
|
|
219
|
+
</div>
|
|
192
220
|
</div>
|
|
193
221
|
</div>
|
|
194
222
|
</div>
|
|
@@ -211,90 +239,106 @@ exports[`component:<PCI> renders 1`] = `
|
|
|
211
239
|
<div
|
|
212
240
|
class="view"
|
|
213
241
|
>
|
|
214
|
-
<span
|
|
215
|
-
class="text small"
|
|
216
|
-
>
|
|
217
|
-
payments.label.card_number
|
|
218
|
-
<span>
|
|
219
|
-
*
|
|
220
|
-
</span>
|
|
221
|
-
</span>
|
|
222
242
|
<div
|
|
223
|
-
|
|
224
|
-
/>
|
|
225
|
-
</div>
|
|
226
|
-
</div>
|
|
227
|
-
<div
|
|
228
|
-
class="view"
|
|
229
|
-
>
|
|
230
|
-
<div
|
|
231
|
-
class="view"
|
|
232
|
-
>
|
|
233
|
-
<span
|
|
234
|
-
class="text small"
|
|
243
|
+
class="view wide"
|
|
235
244
|
>
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
245
|
+
<span
|
|
246
|
+
class="text small"
|
|
247
|
+
>
|
|
248
|
+
payments.label.card_number
|
|
249
|
+
<span>
|
|
250
|
+
*
|
|
251
|
+
</span>
|
|
239
252
|
</span>
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
name="name"
|
|
245
|
-
required=""
|
|
246
|
-
type="text"
|
|
247
|
-
value=""
|
|
248
|
-
/>
|
|
253
|
+
<div
|
|
254
|
+
id="card"
|
|
255
|
+
/>
|
|
256
|
+
</div>
|
|
249
257
|
</div>
|
|
250
258
|
</div>
|
|
251
259
|
<div
|
|
252
|
-
class="view
|
|
260
|
+
class="view"
|
|
253
261
|
>
|
|
254
262
|
<div
|
|
255
263
|
class="view"
|
|
256
264
|
>
|
|
257
265
|
<div
|
|
258
|
-
class="view"
|
|
266
|
+
class="view wide"
|
|
259
267
|
>
|
|
260
268
|
<span
|
|
261
269
|
class="text small"
|
|
262
270
|
>
|
|
263
|
-
payments.label.
|
|
271
|
+
payments.label.card_name
|
|
264
272
|
<span>
|
|
265
273
|
*
|
|
266
274
|
</span>
|
|
267
275
|
</span>
|
|
268
276
|
<input
|
|
269
277
|
class="input"
|
|
270
|
-
id="checkout-
|
|
271
|
-
|
|
272
|
-
name="expire"
|
|
273
|
-
placeholder="payments.label.month_format/payments.label.year_format"
|
|
278
|
+
id="checkout-name"
|
|
279
|
+
name="name"
|
|
274
280
|
required=""
|
|
275
281
|
type="text"
|
|
276
282
|
value=""
|
|
277
283
|
/>
|
|
278
284
|
</div>
|
|
279
285
|
</div>
|
|
286
|
+
</div>
|
|
287
|
+
<div
|
|
288
|
+
class="view row"
|
|
289
|
+
>
|
|
280
290
|
<div
|
|
281
291
|
class="view"
|
|
282
|
-
id="checkout-cvv"
|
|
283
292
|
>
|
|
284
293
|
<div
|
|
285
294
|
class="view"
|
|
286
295
|
>
|
|
287
|
-
<
|
|
288
|
-
class="
|
|
296
|
+
<div
|
|
297
|
+
class="view wide"
|
|
289
298
|
>
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
299
|
+
<span
|
|
300
|
+
class="text small"
|
|
301
|
+
>
|
|
302
|
+
payments.label.expiration
|
|
303
|
+
<span>
|
|
304
|
+
*
|
|
305
|
+
</span>
|
|
293
306
|
</span>
|
|
294
|
-
|
|
307
|
+
<input
|
|
308
|
+
class="input"
|
|
309
|
+
id="checkout-expire"
|
|
310
|
+
maxlength="5"
|
|
311
|
+
name="expire"
|
|
312
|
+
placeholder="payments.label.month_format/payments.label.year_format"
|
|
313
|
+
required=""
|
|
314
|
+
type="text"
|
|
315
|
+
value=""
|
|
316
|
+
/>
|
|
317
|
+
</div>
|
|
318
|
+
</div>
|
|
319
|
+
</div>
|
|
320
|
+
<div
|
|
321
|
+
class="view"
|
|
322
|
+
id="checkout-cvv"
|
|
323
|
+
>
|
|
324
|
+
<div
|
|
325
|
+
class="view"
|
|
326
|
+
>
|
|
295
327
|
<div
|
|
296
|
-
|
|
297
|
-
|
|
328
|
+
class="view wide"
|
|
329
|
+
>
|
|
330
|
+
<span
|
|
331
|
+
class="text small"
|
|
332
|
+
>
|
|
333
|
+
payments.label.cvv
|
|
334
|
+
<span>
|
|
335
|
+
*
|
|
336
|
+
</span>
|
|
337
|
+
</span>
|
|
338
|
+
<div
|
|
339
|
+
id="cvv"
|
|
340
|
+
/>
|
|
341
|
+
</div>
|
|
298
342
|
</div>
|
|
299
343
|
</div>
|
|
300
344
|
</div>
|
|
@@ -319,17 +363,21 @@ exports[`component:<PCI> testID 1`] = `
|
|
|
319
363
|
<div
|
|
320
364
|
class="view"
|
|
321
365
|
>
|
|
322
|
-
<
|
|
323
|
-
class="
|
|
366
|
+
<div
|
|
367
|
+
class="view wide"
|
|
324
368
|
>
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
369
|
+
<span
|
|
370
|
+
class="text small"
|
|
371
|
+
>
|
|
372
|
+
payments.label.card_number
|
|
373
|
+
<span>
|
|
374
|
+
*
|
|
375
|
+
</span>
|
|
328
376
|
</span>
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
377
|
+
<div
|
|
378
|
+
id="card"
|
|
379
|
+
/>
|
|
380
|
+
</div>
|
|
333
381
|
</div>
|
|
334
382
|
</div>
|
|
335
383
|
<div
|
|
@@ -339,22 +387,26 @@ exports[`component:<PCI> testID 1`] = `
|
|
|
339
387
|
<div
|
|
340
388
|
class="view"
|
|
341
389
|
>
|
|
342
|
-
<
|
|
343
|
-
class="
|
|
390
|
+
<div
|
|
391
|
+
class="view wide"
|
|
344
392
|
>
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
393
|
+
<span
|
|
394
|
+
class="text small"
|
|
395
|
+
>
|
|
396
|
+
payments.label.card_name
|
|
397
|
+
<span>
|
|
398
|
+
*
|
|
399
|
+
</span>
|
|
348
400
|
</span>
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
401
|
+
<input
|
|
402
|
+
class="input"
|
|
403
|
+
id="checkout-name"
|
|
404
|
+
name="name"
|
|
405
|
+
required=""
|
|
406
|
+
type="text"
|
|
407
|
+
value=""
|
|
408
|
+
/>
|
|
409
|
+
</div>
|
|
358
410
|
</div>
|
|
359
411
|
</div>
|
|
360
412
|
<div
|
|
@@ -367,24 +419,28 @@ exports[`component:<PCI> testID 1`] = `
|
|
|
367
419
|
<div
|
|
368
420
|
class="view"
|
|
369
421
|
>
|
|
370
|
-
<
|
|
371
|
-
class="
|
|
422
|
+
<div
|
|
423
|
+
class="view wide"
|
|
372
424
|
>
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
425
|
+
<span
|
|
426
|
+
class="text small"
|
|
427
|
+
>
|
|
428
|
+
payments.label.expiration
|
|
429
|
+
<span>
|
|
430
|
+
*
|
|
431
|
+
</span>
|
|
376
432
|
</span>
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
433
|
+
<input
|
|
434
|
+
class="input"
|
|
435
|
+
id="checkout-expire"
|
|
436
|
+
maxlength="5"
|
|
437
|
+
name="expire"
|
|
438
|
+
placeholder="payments.label.month_format/payments.label.year_format"
|
|
439
|
+
required=""
|
|
440
|
+
type="text"
|
|
441
|
+
value=""
|
|
442
|
+
/>
|
|
443
|
+
</div>
|
|
388
444
|
</div>
|
|
389
445
|
</div>
|
|
390
446
|
<div
|
|
@@ -395,17 +451,21 @@ exports[`component:<PCI> testID 1`] = `
|
|
|
395
451
|
<div
|
|
396
452
|
class="view"
|
|
397
453
|
>
|
|
398
|
-
<
|
|
399
|
-
class="
|
|
454
|
+
<div
|
|
455
|
+
class="view wide"
|
|
400
456
|
>
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
457
|
+
<span
|
|
458
|
+
class="text small"
|
|
459
|
+
>
|
|
460
|
+
payments.label.cvv
|
|
461
|
+
<span>
|
|
462
|
+
*
|
|
463
|
+
</span>
|
|
404
464
|
</span>
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
465
|
+
<div
|
|
466
|
+
id="cvv"
|
|
467
|
+
/>
|
|
468
|
+
</div>
|
|
409
469
|
</div>
|
|
410
470
|
</div>
|
|
411
471
|
</div>
|