@mirai/core 0.3.335 → 0.3.337

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/build/components/BannerLoyalty/BannerLoyalty.js +3 -1
  2. package/build/components/BannerLoyalty/BannerLoyalty.js.map +1 -1
  3. package/build/components/BannerLoyalty/BannerLoyalty.module.css +1 -0
  4. package/build/components/BannerLoyalty/__tests__/__snapshots__/BannerLoyalty.test.js.snap +34 -34
  5. package/build/components/Booking/__tests__/__snapshots__/Booking.test.js.snap +270 -260
  6. package/build/components/Booking/components/Field/__tests__/__snapshots__/Field.test.js.snap +36 -36
  7. package/build/components/Booking/partials/__tests__/__snapshots__/Booking.Menu.test.js.snap +164 -148
  8. package/build/components/Booking/partials/__tests__/__snapshots__/Booking.Modal.test.js.snap +128 -104
  9. package/build/components/BookingQuery/__tests__/__snapshots__/BookingQuery.test.js.snap +332 -290
  10. package/build/components/Chat/Chat.js +2 -1
  11. package/build/components/Chat/Chat.js.map +1 -1
  12. package/build/components/Chat/components/Avatar/__tests__/__snapshots__/Avatar.test.jsx.snap +30 -30
  13. package/build/components/Chat/components/Input/__tests__/__snapshots__/Input.test.jsx.snap +27 -24
  14. package/build/components/Chat/components/InputRich/__tests__/__snapshots__/InputRich.test.jsx.snap +75 -68
  15. package/build/components/Chat/components/Message/__tests__/__snapshots__/Message.test.jsx.snap +74 -74
  16. package/build/components/Checkout/__tests__/__snapshots__/Checkout.test.js.snap +392 -376
  17. package/build/components/Checkout/components/InputRadio/InputRadio.module.css +4 -0
  18. package/build/components/Checkout/components/InputRadio/__tests__/__snapshots__/InputRadio.test.js.snap +124 -100
  19. package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Confirmation.test.js.snap +606 -588
  20. package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Form.test.js.snap +824 -748
  21. package/build/components/Deals/__tests__/__snapshots__/Deals.Calendar.test.js.snap +1761 -1758
  22. package/build/components/Deals/__tests__/__snapshots__/Deals.test.js.snap +2794 -2760
  23. package/build/components/Finder/Finder.js +2 -1
  24. package/build/components/Finder/Finder.js.map +1 -1
  25. package/build/components/Finder/__tests__/__snapshots__/Finder.test.js.snap +8106 -7994
  26. package/build/components/Finder/components/Calendar/__tests__/__snapshots__/Calendar.test.js.snap +4325 -4318
  27. package/build/components/Finder/components/Places/__tests__/__snapshots__/Places.test.js.snap +139 -115
  28. package/build/components/Profile/components/Bookings/__tests__/__snapshots__/Bookings.test.js.snap +6 -6
  29. package/build/components/Rates/Rates.Footer.js +5 -2
  30. package/build/components/Rates/Rates.Footer.js.map +1 -1
  31. package/build/components/Rates/Rates.RoomSelector.js +7 -14
  32. package/build/components/Rates/Rates.RoomSelector.js.map +1 -1
  33. package/build/components/Rates/Rates.js +13 -7
  34. package/build/components/Rates/Rates.js.map +1 -1
  35. package/build/components/Rates/Rates.module.css +7 -51
  36. package/build/components/Rates/components/Filters/Filters.js +1 -0
  37. package/build/components/Rates/components/Filters/Filters.js.map +1 -1
  38. package/build/components/Rates/components/Item/Item.Rates.js +24 -15
  39. package/build/components/Rates/components/Item/Item.Rates.js.map +1 -1
  40. package/build/components/Rates/components/Item/Item.module.css +9 -10
  41. package/build/components/Rates/components/Item/components/{ModalRateInfo/ModalRateInfo.js → ModalCancellationInfo/ModalCancellationInfo.js} +7 -7
  42. package/build/components/Rates/components/Item/components/ModalCancellationInfo/ModalCancellationInfo.js.map +1 -0
  43. package/build/components/Rates/components/Item/components/ModalCancellationInfo/index.js +17 -0
  44. package/build/components/Rates/components/Item/components/ModalCancellationInfo/index.js.map +1 -0
  45. package/build/components/Rates/components/Item/components/ModalInfo/ModalInfo.js +1 -0
  46. package/build/components/Rates/components/Item/components/ModalInfo/ModalInfo.js.map +1 -1
  47. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.js +81 -0
  48. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.js.map +1 -0
  49. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.module.css +24 -0
  50. package/build/components/Rates/components/Item/components/ModalOfferInfo/index.js +17 -0
  51. package/build/components/Rates/components/Item/components/ModalOfferInfo/index.js.map +1 -0
  52. package/build/components/Rates/components/Item/components/Option/Option.module.css +1 -1
  53. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.js +7 -16
  54. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.js.map +1 -1
  55. package/build/components/Rates/components/Item/components/index.js +15 -4
  56. package/build/components/Rates/components/Item/components/index.js.map +1 -1
  57. package/build/components/Rates/components/Item/index.js +12 -5
  58. package/build/components/Rates/components/Item/index.js.map +1 -1
  59. package/build/components/Session/__tests__/__snapshots__/Session.test.js.snap +351 -305
  60. package/build/components/Signup/__tests__/__snapshots__/Signup.test.js.snap +303 -270
  61. package/build/components/__shared__/BookingDates/__tests__/__snapshots__/BookingDates.test.js.snap +74 -74
  62. package/build/components/__shared__/BookingDetails/__tests__/__snapshots__/BookingDetails.test.js.snap +1068 -1063
  63. package/build/components/__shared__/BookingSummary/_tests__/__snapshots__/BookingSummary.test.js.snap +316 -316
  64. package/build/components/__shared__/BookingTable/__tests__/__snapshots__/BookingTable.Row.test.js.snap +200 -200
  65. package/build/components/__shared__/BookingTable/__tests__/__snapshots__/BookingTable.test.js.snap +320 -320
  66. package/build/components/__shared__/BookingTerms/__tests__/__snapshots__/BookingTerms.test.js.snap +156 -144
  67. package/build/components/__shared__/ButtonMore/__tests__/__snapshots__/ButtonMore.test.js.snap +15 -12
  68. package/build/components/__shared__/ButtonPayment/__tests__/__snapshots__/ButtonPayment.test.js.snap +43 -32
  69. package/build/components/__shared__/ButtonPayment/components/FormAddon/__tests__/__snapshots__/FormAddon.test.js.snap +12 -12
  70. package/build/components/__shared__/ButtonPayment/components/FormCheckout/__tests__/__snapshots__/FormCheckout.test.js.snap +129 -129
  71. package/build/components/__shared__/ButtonPayment/components/FormPaycomet/__tests__/__snapshots__/FormPaycomet.test.js.snap +46 -45
  72. package/build/components/__shared__/ButtonPayment/components/FormSipay/__tests__/__snapshots__/FormSipay.test.js.snap +30 -30
  73. package/build/components/__shared__/ButtonPayment/components/InputField/__tests__/__snapshots__/InputField.test.js.snap +51 -51
  74. package/build/components/__shared__/Countdown/__tests__/__snapshots__/Countdown.test.js.snap +8 -8
  75. package/build/components/__shared__/Field/__tests__/__snapshots__/Field.test.js.snap +266 -219
  76. package/build/components/__shared__/FieldOccupation/__tests__/__snapshots__/FieldOccupation.test.js.snap +556 -513
  77. package/build/components/__shared__/FieldPromocode/__tests__/__snapshots__/FieldPromocode.test.jsx.snap +63 -59
  78. package/build/components/__shared__/Footer/__tests__/__snapshots__/Footer.test.js.snap +68 -60
  79. package/build/components/__shared__/Occupation/__tests__/__snapshots__/Occupation.test.js.snap +783 -732
  80. package/build/components/__shared__/Payment/__tests__/__snapshots__/Payment.test.js.snap +334 -308
  81. package/build/components/__shared__/Payment/components/Aplazame/__tests__/__snapshots__/Aplazame.test.js.snap +8 -6
  82. package/build/components/__shared__/Payment/components/Card/__tests__/__snapshots__/Card.test.js.snap +254 -231
  83. package/build/components/__shared__/Payment/components/PCI/__tests__/__snapshots__/PCI.test.js.snap +140 -140
  84. package/build/components/__shared__/Payment/components/Tpv/__tests__/__snapshots__/Tpv.test.js.snap +30 -27
  85. package/build/components/__shared__/SelectEnvironment/__tests__/__snapshots__/SelectEnvironment.test.js.snap +53 -53
  86. package/build/components/__shared__/TextRequiredFields/__tests__/__snapshots__/TextRequiredFields.test.js.snap +6 -6
  87. package/build/components/helpers/__tests__/__snapshots__/parseHtml.test.js.snap +108 -104
  88. package/package.json +3 -3
  89. package/build/components/Rates/components/Item/components/ModalRateInfo/ModalRateInfo.js.map +0 -1
  90. package/build/components/Rates/components/Item/components/ModalRateInfo/index.js +0 -17
  91. package/build/components/Rates/components/Item/components/ModalRateInfo/index.js.map +0 -1
  92. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.Tooltip.js +0 -49
  93. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.Tooltip.js.map +0 -1
  94. /package/build/components/Rates/components/Item/components/{ModalRateInfo/ModalRateInfo.module.css → ModalCancellationInfo/ModalCancellationInfo.module.css} +0 -0
package/build/components/__shared__/Payment/__tests__/__snapshots__/Payment.test.js.snap CHANGED
@@ -2,21 +2,21 @@
2
2
 
3
3
  exports[`component:<Payment> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
- <div
5
+ <ui_view
6
6
  class="view mirai"
7
7
  >
8
- <div
8
+ <ui_view
9
9
  class="view"
10
10
  >
11
- <div
11
+ <ui_pressable
12
12
  class="pressable disabled"
13
13
  disabled=""
14
14
  >
15
- <h3
15
+ <ui_text
16
16
  class="text bold headline-3"
17
17
  >
18
18
  payments.label.card
19
- </h3>
19
+ </ui_text>
20
20
  <img
21
21
  alt="VISA"
22
22
  class="view"
@@ -27,24 +27,25 @@ exports[`component:<Payment> inherit:className 1`] = `
27
27
  class="view"
28
28
  src="https://static.mirai.com/payments/images/cards/mastercard.png"
29
29
  />
30
- </div>
31
- <div
30
+ </ui_pressable>
31
+ <ui_view
32
32
  class="view"
33
33
  >
34
- <fieldset
34
+ <ui_fieldset
35
35
  autocomplete="off"
36
36
  >
37
- <div
37
+ <ui_input_text
38
38
  class="view inputContainer"
39
39
  >
40
- <div
40
+ <ui_view
41
41
  class="view row inputBorder"
42
42
  >
43
- <div
43
+ <ui_view
44
44
  class="view wide content"
45
45
  >
46
- <span
46
+ <label
47
47
  class="text paragraph text label"
48
+ for="input.checkout-card"
48
49
  >
49
50
  payments.label.card_number
50
51
  <span
@@ -52,10 +53,10 @@ exports[`component:<Payment> inherit:className 1`] = `
52
53
  >
53
54
  *
54
55
  </span>
55
- </span>
56
+ </label>
56
57
  <input
57
58
  class="input input withLabel"
58
- id="checkout-card"
59
+ id="input.checkout-card"
59
60
  maxlength="19"
60
61
  name="card"
61
62
  placeholder="0000 0000 0000 0000"
@@ -63,20 +64,21 @@ exports[`component:<Payment> inherit:className 1`] = `
63
64
  type="text"
64
65
  value=""
65
66
  />
66
- </div>
67
- </div>
68
- </div>
69
- <div
67
+ </ui_view>
68
+ </ui_view>
69
+ </ui_input_text>
70
+ <ui_input_text
70
71
  class="view inputContainer"
71
72
  >
72
- <div
73
+ <ui_view
73
74
  class="view row inputBorder"
74
75
  >
75
- <div
76
+ <ui_view
76
77
  class="view wide content"
77
78
  >
78
- <span
79
+ <label
79
80
  class="text paragraph text label"
81
+ for="input.checkout-name"
80
82
  >
81
83
  payments.label.card_name
82
84
  <span
@@ -84,10 +86,10 @@ exports[`component:<Payment> inherit:className 1`] = `
84
86
  >
85
87
  *
86
88
  </span>
87
- </span>
89
+ </label>
88
90
  <input
89
91
  class="input input withLabel"
90
- id="checkout-name"
92
+ id="input.checkout-name"
91
93
  maxlength="100"
92
94
  minlength="3"
93
95
  name="name"
@@ -95,20 +97,21 @@ exports[`component:<Payment> inherit:className 1`] = `
95
97
  type="text"
96
98
  value=""
97
99
  />
98
- </div>
99
- </div>
100
- </div>
101
- <div
100
+ </ui_view>
101
+ </ui_view>
102
+ </ui_input_text>
103
+ <ui_input_date
102
104
  class="view inputContainer"
103
105
  >
104
- <div
106
+ <ui_view
105
107
  class="view row inputBorder"
106
108
  >
107
- <div
109
+ <ui_view
108
110
  class="view wide content"
109
111
  >
110
- <span
112
+ <label
111
113
  class="text paragraph text label"
114
+ for="input.checkout-expire"
112
115
  >
113
116
  payments.label.expiration
114
117
  <span
@@ -116,10 +119,10 @@ exports[`component:<Payment> inherit:className 1`] = `
116
119
  >
117
120
  *
118
121
  </span>
119
- </span>
122
+ </label>
120
123
  <input
121
124
  class="input input withLabel"
122
- id="checkout-expire"
125
+ id="input.checkout-expire"
123
126
  maxlength="5"
124
127
  name="expire"
125
128
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -127,20 +130,21 @@ exports[`component:<Payment> inherit:className 1`] = `
127
130
  type="inputDate"
128
131
  value=""
129
132
  />
130
- </div>
131
- </div>
132
- </div>
133
- <div
133
+ </ui_view>
134
+ </ui_view>
135
+ </ui_input_date>
136
+ <ui_input_text
134
137
  class="view inputContainer"
135
138
  >
136
- <div
139
+ <ui_view
137
140
  class="view row inputBorder"
138
141
  >
139
- <div
142
+ <ui_view
140
143
  class="view wide content"
141
144
  >
142
- <span
145
+ <label
143
146
  class="text paragraph text label"
147
+ for="input.checkout-CVV"
144
148
  >
145
149
  payments.label.cvv
146
150
  <span
@@ -148,10 +152,10 @@ exports[`component:<Payment> inherit:className 1`] = `
148
152
  >
149
153
  *
150
154
  </span>
151
- </span>
155
+ </label>
152
156
  <input
153
157
  class="input input withLabel"
154
- id="checkout-CVV"
158
+ id="input.checkout-CVV"
155
159
  maxlength="3"
156
160
  name="CVV"
157
161
  placeholder="000"
@@ -159,33 +163,33 @@ exports[`component:<Payment> inherit:className 1`] = `
159
163
  type="text"
160
164
  value=""
161
165
  />
162
- </div>
163
- </div>
164
- </div>
165
- </fieldset>
166
- </div>
167
- </div>
168
- </div>
166
+ </ui_view>
167
+ </ui_view>
168
+ </ui_input_text>
169
+ </ui_fieldset>
170
+ </ui_view>
171
+ </ui_view>
172
+ </ui_view>
169
173
  </DocumentFragment>
170
174
  `;
171
175
 
172
176
  exports[`component:<Payment> renders 1`] = `
173
177
  <DocumentFragment>
174
- <div
178
+ <ui_view
175
179
  class="view"
176
180
  >
177
- <div
181
+ <ui_view
178
182
  class="view"
179
183
  >
180
- <div
184
+ <ui_pressable
181
185
  class="pressable disabled"
182
186
  disabled=""
183
187
  >
184
- <h3
188
+ <ui_text
185
189
  class="text bold headline-3"
186
190
  >
187
191
  payments.label.card
188
- </h3>
192
+ </ui_text>
189
193
  <img
190
194
  alt="VISA"
191
195
  class="view"
@@ -196,24 +200,25 @@ exports[`component:<Payment> renders 1`] = `
196
200
  class="view"
197
201
  src="https://static.mirai.com/payments/images/cards/mastercard.png"
198
202
  />
199
- </div>
200
- <div
203
+ </ui_pressable>
204
+ <ui_view
201
205
  class="view"
202
206
  >
203
- <fieldset
207
+ <ui_fieldset
204
208
  autocomplete="off"
205
209
  >
206
- <div
210
+ <ui_input_text
207
211
  class="view inputContainer"
208
212
  >
209
- <div
213
+ <ui_view
210
214
  class="view row inputBorder"
211
215
  >
212
- <div
216
+ <ui_view
213
217
  class="view wide content"
214
218
  >
215
- <span
219
+ <label
216
220
  class="text paragraph text label"
221
+ for="input.checkout-card"
217
222
  >
218
223
  payments.label.card_number
219
224
  <span
@@ -221,10 +226,10 @@ exports[`component:<Payment> renders 1`] = `
221
226
  >
222
227
  *
223
228
  </span>
224
- </span>
229
+ </label>
225
230
  <input
226
231
  class="input input withLabel"
227
- id="checkout-card"
232
+ id="input.checkout-card"
228
233
  maxlength="19"
229
234
  name="card"
230
235
  placeholder="0000 0000 0000 0000"
@@ -232,20 +237,21 @@ exports[`component:<Payment> renders 1`] = `
232
237
  type="text"
233
238
  value=""
234
239
  />
235
- </div>
236
- </div>
237
- </div>
238
- <div
240
+ </ui_view>
241
+ </ui_view>
242
+ </ui_input_text>
243
+ <ui_input_text
239
244
  class="view inputContainer"
240
245
  >
241
- <div
246
+ <ui_view
242
247
  class="view row inputBorder"
243
248
  >
244
- <div
249
+ <ui_view
245
250
  class="view wide content"
246
251
  >
247
- <span
252
+ <label
248
253
  class="text paragraph text label"
254
+ for="input.checkout-name"
249
255
  >
250
256
  payments.label.card_name
251
257
  <span
@@ -253,10 +259,10 @@ exports[`component:<Payment> renders 1`] = `
253
259
  >
254
260
  *
255
261
  </span>
256
- </span>
262
+ </label>
257
263
  <input
258
264
  class="input input withLabel"
259
- id="checkout-name"
265
+ id="input.checkout-name"
260
266
  maxlength="100"
261
267
  minlength="3"
262
268
  name="name"
@@ -264,20 +270,21 @@ exports[`component:<Payment> renders 1`] = `
264
270
  type="text"
265
271
  value=""
266
272
  />
267
- </div>
268
- </div>
269
- </div>
270
- <div
273
+ </ui_view>
274
+ </ui_view>
275
+ </ui_input_text>
276
+ <ui_input_date
271
277
  class="view inputContainer"
272
278
  >
273
- <div
279
+ <ui_view
274
280
  class="view row inputBorder"
275
281
  >
276
- <div
282
+ <ui_view
277
283
  class="view wide content"
278
284
  >
279
- <span
285
+ <label
280
286
  class="text paragraph text label"
287
+ for="input.checkout-expire"
281
288
  >
282
289
  payments.label.expiration
283
290
  <span
@@ -285,10 +292,10 @@ exports[`component:<Payment> renders 1`] = `
285
292
  >
286
293
  *
287
294
  </span>
288
- </span>
295
+ </label>
289
296
  <input
290
297
  class="input input withLabel"
291
- id="checkout-expire"
298
+ id="input.checkout-expire"
292
299
  maxlength="5"
293
300
  name="expire"
294
301
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -296,20 +303,21 @@ exports[`component:<Payment> renders 1`] = `
296
303
  type="inputDate"
297
304
  value=""
298
305
  />
299
- </div>
300
- </div>
301
- </div>
302
- <div
306
+ </ui_view>
307
+ </ui_view>
308
+ </ui_input_date>
309
+ <ui_input_text
303
310
  class="view inputContainer"
304
311
  >
305
- <div
312
+ <ui_view
306
313
  class="view row inputBorder"
307
314
  >
308
- <div
315
+ <ui_view
309
316
  class="view wide content"
310
317
  >
311
- <span
318
+ <label
312
319
  class="text paragraph text label"
320
+ for="input.checkout-CVV"
313
321
  >
314
322
  payments.label.cvv
315
323
  <span
@@ -317,10 +325,10 @@ exports[`component:<Payment> renders 1`] = `
317
325
  >
318
326
  *
319
327
  </span>
320
- </span>
328
+ </label>
321
329
  <input
322
330
  class="input input withLabel"
323
- id="checkout-CVV"
331
+ id="input.checkout-CVV"
324
332
  maxlength="3"
325
333
  name="CVV"
326
334
  placeholder="000"
@@ -328,38 +336,38 @@ exports[`component:<Payment> renders 1`] = `
328
336
  type="text"
329
337
  value=""
330
338
  />
331
- </div>
332
- </div>
333
- </div>
334
- </fieldset>
335
- </div>
336
- </div>
337
- </div>
339
+ </ui_view>
340
+ </ui_view>
341
+ </ui_input_text>
342
+ </ui_fieldset>
343
+ </ui_view>
344
+ </ui_view>
345
+ </ui_view>
338
346
  </DocumentFragment>
339
347
  `;
340
348
 
341
349
  exports[`component:<Payment> renders some methods 1`] = `
342
350
  <DocumentFragment>
343
- <div
351
+ <ui_view
344
352
  class="view"
345
353
  >
346
- <div
354
+ <ui_view
347
355
  class="view"
348
356
  >
349
- <h3
357
+ <ui_text
350
358
  class="text bold headline-3"
351
359
  >
352
360
  payments.label.payment_methods
353
- </h3>
354
- </div>
355
- <div
361
+ </ui_text>
362
+ </ui_view>
363
+ <ui_view
356
364
  class="view"
357
365
  >
358
- <div
366
+ <ui_pressable
359
367
  class="pressable disabled"
360
368
  disabled=""
361
369
  >
362
- <div
370
+ <ui_radio
363
371
  class="radio"
364
372
  >
365
373
  <input
@@ -369,33 +377,34 @@ exports[`component:<Payment> renders some methods 1`] = `
369
377
  type="radio"
370
378
  value="CARD"
371
379
  />
372
- <span
380
+ <ui_primitive
373
381
  class="checkmark"
374
382
  />
375
- </div>
376
- <span
383
+ </ui_radio>
384
+ <ui_text
377
385
  class="text bold paragraph"
378
386
  >
379
387
  payments.label.card
380
- </span>
381
- </div>
382
- <div
388
+ </ui_text>
389
+ </ui_pressable>
390
+ <ui_view
383
391
  class="view"
384
392
  >
385
- <fieldset
393
+ <ui_fieldset
386
394
  autocomplete="off"
387
395
  >
388
- <div
396
+ <ui_input_text
389
397
  class="view inputContainer"
390
398
  >
391
- <div
399
+ <ui_view
392
400
  class="view row inputBorder"
393
401
  >
394
- <div
402
+ <ui_view
395
403
  class="view wide content"
396
404
  >
397
- <span
405
+ <label
398
406
  class="text paragraph text label"
407
+ for="input.checkout-card"
399
408
  >
400
409
  payments.label.card_number
401
410
  <span
@@ -403,10 +412,10 @@ exports[`component:<Payment> renders some methods 1`] = `
403
412
  >
404
413
  *
405
414
  </span>
406
- </span>
415
+ </label>
407
416
  <input
408
417
  class="input input withLabel"
409
- id="checkout-card"
418
+ id="input.checkout-card"
410
419
  maxlength="19"
411
420
  name="card"
412
421
  placeholder="0000 0000 0000 0000"
@@ -414,20 +423,21 @@ exports[`component:<Payment> renders some methods 1`] = `
414
423
  type="text"
415
424
  value=""
416
425
  />
417
- </div>
418
- </div>
419
- </div>
420
- <div
426
+ </ui_view>
427
+ </ui_view>
428
+ </ui_input_text>
429
+ <ui_input_text
421
430
  class="view inputContainer"
422
431
  >
423
- <div
432
+ <ui_view
424
433
  class="view row inputBorder"
425
434
  >
426
- <div
435
+ <ui_view
427
436
  class="view wide content"
428
437
  >
429
- <span
438
+ <label
430
439
  class="text paragraph text label"
440
+ for="input.checkout-name"
431
441
  >
432
442
  payments.label.card_name
433
443
  <span
@@ -435,10 +445,10 @@ exports[`component:<Payment> renders some methods 1`] = `
435
445
  >
436
446
  *
437
447
  </span>
438
- </span>
448
+ </label>
439
449
  <input
440
450
  class="input input withLabel"
441
- id="checkout-name"
451
+ id="input.checkout-name"
442
452
  maxlength="100"
443
453
  minlength="3"
444
454
  name="name"
@@ -446,20 +456,21 @@ exports[`component:<Payment> renders some methods 1`] = `
446
456
  type="text"
447
457
  value=""
448
458
  />
449
- </div>
450
- </div>
451
- </div>
452
- <div
459
+ </ui_view>
460
+ </ui_view>
461
+ </ui_input_text>
462
+ <ui_input_date
453
463
  class="view inputContainer"
454
464
  >
455
- <div
465
+ <ui_view
456
466
  class="view row inputBorder"
457
467
  >
458
- <div
468
+ <ui_view
459
469
  class="view wide content"
460
470
  >
461
- <span
471
+ <label
462
472
  class="text paragraph text label"
473
+ for="input.checkout-expire"
463
474
  >
464
475
  payments.label.expiration
465
476
  <span
@@ -467,10 +478,10 @@ exports[`component:<Payment> renders some methods 1`] = `
467
478
  >
468
479
  *
469
480
  </span>
470
- </span>
481
+ </label>
471
482
  <input
472
483
  class="input input withLabel"
473
- id="checkout-expire"
484
+ id="input.checkout-expire"
474
485
  maxlength="5"
475
486
  name="expire"
476
487
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -478,20 +489,21 @@ exports[`component:<Payment> renders some methods 1`] = `
478
489
  type="inputDate"
479
490
  value=""
480
491
  />
481
- </div>
482
- </div>
483
- </div>
484
- <div
492
+ </ui_view>
493
+ </ui_view>
494
+ </ui_input_date>
495
+ <ui_input_text
485
496
  class="view inputContainer"
486
497
  >
487
- <div
498
+ <ui_view
488
499
  class="view row inputBorder"
489
500
  >
490
- <div
501
+ <ui_view
491
502
  class="view wide content"
492
503
  >
493
- <span
504
+ <label
494
505
  class="text paragraph text label"
506
+ for="input.checkout-CVV"
495
507
  >
496
508
  payments.label.cvv
497
509
  <span
@@ -499,10 +511,10 @@ exports[`component:<Payment> renders some methods 1`] = `
499
511
  >
500
512
  *
501
513
  </span>
502
- </span>
514
+ </label>
503
515
  <input
504
516
  class="input input withLabel"
505
- id="checkout-CVV"
517
+ id="input.checkout-CVV"
506
518
  maxlength="3"
507
519
  name="CVV"
508
520
  placeholder="000"
@@ -510,19 +522,20 @@ exports[`component:<Payment> renders some methods 1`] = `
510
522
  type="text"
511
523
  value=""
512
524
  />
513
- </div>
514
- </div>
515
- </div>
516
- </fieldset>
517
- </div>
518
- </div>
519
- <div
525
+ </ui_view>
526
+ </ui_view>
527
+ </ui_input_text>
528
+ </ui_fieldset>
529
+ </ui_view>
530
+ </ui_view>
531
+ <ui_view
520
532
  class="view"
521
533
  >
522
- <div
534
+ <ui_pressable
523
535
  class="pressable"
536
+ tabindex="0"
524
537
  >
525
- <div
538
+ <ui_radio
526
539
  class="radio"
527
540
  >
528
541
  <input
@@ -531,24 +544,25 @@ exports[`component:<Payment> renders some methods 1`] = `
531
544
  type="radio"
532
545
  value="TPV"
533
546
  />
534
- <span
547
+ <ui_primitive
535
548
  class="checkmark"
536
549
  />
537
- </div>
538
- <span
550
+ </ui_radio>
551
+ <ui_text
539
552
  class="text bold paragraph"
540
553
  >
541
554
  payments.label.tpv
542
- </span>
543
- </div>
544
- </div>
545
- <div
555
+ </ui_text>
556
+ </ui_pressable>
557
+ </ui_view>
558
+ <ui_view
546
559
  class="view"
547
560
  >
548
- <div
561
+ <ui_pressable
549
562
  class="pressable"
563
+ tabindex="0"
550
564
  >
551
- <div
565
+ <ui_radio
552
566
  class="radio"
553
567
  >
554
568
  <input
@@ -557,29 +571,30 @@ exports[`component:<Payment> renders some methods 1`] = `
557
571
  type="radio"
558
572
  value="AMAZON_PAY"
559
573
  />
560
- <span
574
+ <ui_primitive
561
575
  class="checkmark"
562
576
  />
563
- </div>
564
- <span
577
+ </ui_radio>
578
+ <ui_text
565
579
  class="text bold paragraph"
566
580
  >
567
581
  payments.label.amazon
568
- </span>
582
+ </ui_text>
569
583
  <img
570
584
  alt="AMAZON PAY"
571
585
  class="view"
572
586
  src="https://static.mirai.com/payments/images/amazonpay.png"
573
587
  />
574
- </div>
575
- </div>
576
- <div
588
+ </ui_pressable>
589
+ </ui_view>
590
+ <ui_view
577
591
  class="view"
578
592
  >
579
- <div
593
+ <ui_pressable
580
594
  class="pressable"
595
+ tabindex="0"
581
596
  >
582
- <div
597
+ <ui_radio
583
598
  class="radio"
584
599
  >
585
600
  <input
@@ -588,41 +603,41 @@ exports[`component:<Payment> renders some methods 1`] = `
588
603
  type="radio"
589
604
  value="PAYPAL"
590
605
  />
591
- <span
606
+ <ui_primitive
592
607
  class="checkmark"
593
608
  />
594
- </div>
595
- <span
609
+ </ui_radio>
610
+ <ui_text
596
611
  class="text bold paragraph"
597
612
  >
598
613
  payments.label.paypal
599
- </span>
600
- </div>
601
- </div>
602
- </div>
614
+ </ui_text>
615
+ </ui_pressable>
616
+ </ui_view>
617
+ </ui_view>
603
618
  </DocumentFragment>
604
619
  `;
605
620
 
606
621
  exports[`component:<Payment> testID with one method 1`] = `
607
622
  <DocumentFragment>
608
- <div
623
+ <ui_view
609
624
  class="view"
610
625
  data-testid="mirai"
611
626
  >
612
- <div
627
+ <ui_view
613
628
  class="view"
614
629
  >
615
- <div
630
+ <ui_pressable
616
631
  class="pressable disabled"
617
632
  data-testid="mirai-item-CARD"
618
633
  disabled=""
619
634
  >
620
- <h3
635
+ <ui_text
621
636
  class="text bold headline-3"
622
637
  data-testid="mirai-text-CARD"
623
638
  >
624
639
  payments.label.card
625
- </h3>
640
+ </ui_text>
626
641
  <img
627
642
  alt="VISA"
628
643
  class="view"
@@ -633,26 +648,27 @@ exports[`component:<Payment> testID with one method 1`] = `
633
648
  class="view"
634
649
  src="https://static.mirai.com/payments/images/cards/mastercard.png"
635
650
  />
636
- </div>
637
- <div
651
+ </ui_pressable>
652
+ <ui_view
638
653
  class="view"
639
654
  data-testid="mirai-container-CARD"
640
655
  >
641
- <fieldset
656
+ <ui_fieldset
642
657
  autocomplete="off"
643
658
  data-testid="mirai"
644
659
  >
645
- <div
660
+ <ui_input_text
646
661
  class="view inputContainer"
647
662
  >
648
- <div
663
+ <ui_view
649
664
  class="view row inputBorder"
650
665
  >
651
- <div
666
+ <ui_view
652
667
  class="view wide content"
653
668
  >
654
- <span
669
+ <label
655
670
  class="text paragraph text label"
671
+ for="input.checkout-card"
656
672
  >
657
673
  payments.label.card_number
658
674
  <span
@@ -660,11 +676,11 @@ exports[`component:<Payment> testID with one method 1`] = `
660
676
  >
661
677
  *
662
678
  </span>
663
- </span>
679
+ </label>
664
680
  <input
665
681
  class="input input withLabel"
666
682
  data-testid="mirai-card"
667
- id="checkout-card"
683
+ id="input.checkout-card"
668
684
  maxlength="19"
669
685
  name="card"
670
686
  placeholder="0000 0000 0000 0000"
@@ -672,20 +688,21 @@ exports[`component:<Payment> testID with one method 1`] = `
672
688
  type="text"
673
689
  value=""
674
690
  />
675
- </div>
676
- </div>
677
- </div>
678
- <div
691
+ </ui_view>
692
+ </ui_view>
693
+ </ui_input_text>
694
+ <ui_input_text
679
695
  class="view inputContainer"
680
696
  >
681
- <div
697
+ <ui_view
682
698
  class="view row inputBorder"
683
699
  >
684
- <div
700
+ <ui_view
685
701
  class="view wide content"
686
702
  >
687
- <span
703
+ <label
688
704
  class="text paragraph text label"
705
+ for="input.checkout-name"
689
706
  >
690
707
  payments.label.card_name
691
708
  <span
@@ -693,11 +710,11 @@ exports[`component:<Payment> testID with one method 1`] = `
693
710
  >
694
711
  *
695
712
  </span>
696
- </span>
713
+ </label>
697
714
  <input
698
715
  class="input input withLabel"
699
716
  data-testid="mirai-name"
700
- id="checkout-name"
717
+ id="input.checkout-name"
701
718
  maxlength="100"
702
719
  minlength="3"
703
720
  name="name"
@@ -705,20 +722,21 @@ exports[`component:<Payment> testID with one method 1`] = `
705
722
  type="text"
706
723
  value=""
707
724
  />
708
- </div>
709
- </div>
710
- </div>
711
- <div
725
+ </ui_view>
726
+ </ui_view>
727
+ </ui_input_text>
728
+ <ui_input_date
712
729
  class="view inputContainer"
713
730
  >
714
- <div
731
+ <ui_view
715
732
  class="view row inputBorder"
716
733
  >
717
- <div
734
+ <ui_view
718
735
  class="view wide content"
719
736
  >
720
- <span
737
+ <label
721
738
  class="text paragraph text label"
739
+ for="input.checkout-expire"
722
740
  >
723
741
  payments.label.expiration
724
742
  <span
@@ -726,11 +744,11 @@ exports[`component:<Payment> testID with one method 1`] = `
726
744
  >
727
745
  *
728
746
  </span>
729
- </span>
747
+ </label>
730
748
  <input
731
749
  class="input input withLabel"
732
750
  data-testid="mirai-expire"
733
- id="checkout-expire"
751
+ id="input.checkout-expire"
734
752
  maxlength="5"
735
753
  name="expire"
736
754
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -738,20 +756,21 @@ exports[`component:<Payment> testID with one method 1`] = `
738
756
  type="inputDate"
739
757
  value=""
740
758
  />
741
- </div>
742
- </div>
743
- </div>
744
- <div
759
+ </ui_view>
760
+ </ui_view>
761
+ </ui_input_date>
762
+ <ui_input_text
745
763
  class="view inputContainer"
746
764
  >
747
- <div
765
+ <ui_view
748
766
  class="view row inputBorder"
749
767
  >
750
- <div
768
+ <ui_view
751
769
  class="view wide content"
752
770
  >
753
- <span
771
+ <label
754
772
  class="text paragraph text label"
773
+ for="input.checkout-CVV"
755
774
  >
756
775
  payments.label.cvv
757
776
  <span
@@ -759,11 +778,11 @@ exports[`component:<Payment> testID with one method 1`] = `
759
778
  >
760
779
  *
761
780
  </span>
762
- </span>
781
+ </label>
763
782
  <input
764
783
  class="input input withLabel"
765
784
  data-testid="mirai-CVV"
766
- id="checkout-CVV"
785
+ id="input.checkout-CVV"
767
786
  maxlength="3"
768
787
  name="CVV"
769
788
  placeholder="000"
@@ -771,40 +790,40 @@ exports[`component:<Payment> testID with one method 1`] = `
771
790
  type="text"
772
791
  value=""
773
792
  />
774
- </div>
775
- </div>
776
- </div>
777
- </fieldset>
778
- </div>
779
- </div>
780
- </div>
793
+ </ui_view>
794
+ </ui_view>
795
+ </ui_input_text>
796
+ </ui_fieldset>
797
+ </ui_view>
798
+ </ui_view>
799
+ </ui_view>
781
800
  </DocumentFragment>
782
801
  `;
783
802
 
784
803
  exports[`component:<Payment> testID with some methods 1`] = `
785
804
  <DocumentFragment>
786
- <div
805
+ <ui_view
787
806
  class="view"
788
807
  data-testid="mirai"
789
808
  >
790
- <div
809
+ <ui_view
791
810
  class="view"
792
811
  >
793
- <h3
812
+ <ui_text
794
813
  class="text bold headline-3"
795
814
  >
796
815
  payments.label.payment_methods
797
- </h3>
798
- </div>
799
- <div
816
+ </ui_text>
817
+ </ui_view>
818
+ <ui_view
800
819
  class="view"
801
820
  >
802
- <div
821
+ <ui_pressable
803
822
  class="pressable disabled"
804
823
  data-testid="mirai-item-CARD"
805
824
  disabled=""
806
825
  >
807
- <div
826
+ <ui_radio
808
827
  class="radio"
809
828
  >
810
829
  <input
@@ -814,36 +833,37 @@ exports[`component:<Payment> testID with some methods 1`] = `
814
833
  type="radio"
815
834
  value="CARD"
816
835
  />
817
- <span
836
+ <ui_primitive
818
837
  class="checkmark"
819
838
  />
820
- </div>
821
- <span
839
+ </ui_radio>
840
+ <ui_text
822
841
  class="text bold paragraph"
823
842
  data-testid="mirai-text-CARD"
824
843
  >
825
844
  payments.label.card
826
- </span>
827
- </div>
828
- <div
845
+ </ui_text>
846
+ </ui_pressable>
847
+ <ui_view
829
848
  class="view"
830
849
  data-testid="mirai-container-CARD"
831
850
  >
832
- <fieldset
851
+ <ui_fieldset
833
852
  autocomplete="off"
834
853
  data-testid="mirai"
835
854
  >
836
- <div
855
+ <ui_input_text
837
856
  class="view inputContainer"
838
857
  >
839
- <div
858
+ <ui_view
840
859
  class="view row inputBorder"
841
860
  >
842
- <div
861
+ <ui_view
843
862
  class="view wide content"
844
863
  >
845
- <span
864
+ <label
846
865
  class="text paragraph text label"
866
+ for="input.checkout-card"
847
867
  >
848
868
  payments.label.card_number
849
869
  <span
@@ -851,11 +871,11 @@ exports[`component:<Payment> testID with some methods 1`] = `
851
871
  >
852
872
  *
853
873
  </span>
854
- </span>
874
+ </label>
855
875
  <input
856
876
  class="input input withLabel"
857
877
  data-testid="mirai-card"
858
- id="checkout-card"
878
+ id="input.checkout-card"
859
879
  maxlength="19"
860
880
  name="card"
861
881
  placeholder="0000 0000 0000 0000"
@@ -863,20 +883,21 @@ exports[`component:<Payment> testID with some methods 1`] = `
863
883
  type="text"
864
884
  value=""
865
885
  />
866
- </div>
867
- </div>
868
- </div>
869
- <div
886
+ </ui_view>
887
+ </ui_view>
888
+ </ui_input_text>
889
+ <ui_input_text
870
890
  class="view inputContainer"
871
891
  >
872
- <div
892
+ <ui_view
873
893
  class="view row inputBorder"
874
894
  >
875
- <div
895
+ <ui_view
876
896
  class="view wide content"
877
897
  >
878
- <span
898
+ <label
879
899
  class="text paragraph text label"
900
+ for="input.checkout-name"
880
901
  >
881
902
  payments.label.card_name
882
903
  <span
@@ -884,11 +905,11 @@ exports[`component:<Payment> testID with some methods 1`] = `
884
905
  >
885
906
  *
886
907
  </span>
887
- </span>
908
+ </label>
888
909
  <input
889
910
  class="input input withLabel"
890
911
  data-testid="mirai-name"
891
- id="checkout-name"
912
+ id="input.checkout-name"
892
913
  maxlength="100"
893
914
  minlength="3"
894
915
  name="name"
@@ -896,20 +917,21 @@ exports[`component:<Payment> testID with some methods 1`] = `
896
917
  type="text"
897
918
  value=""
898
919
  />
899
- </div>
900
- </div>
901
- </div>
902
- <div
920
+ </ui_view>
921
+ </ui_view>
922
+ </ui_input_text>
923
+ <ui_input_date
903
924
  class="view inputContainer"
904
925
  >
905
- <div
926
+ <ui_view
906
927
  class="view row inputBorder"
907
928
  >
908
- <div
929
+ <ui_view
909
930
  class="view wide content"
910
931
  >
911
- <span
932
+ <label
912
933
  class="text paragraph text label"
934
+ for="input.checkout-expire"
913
935
  >
914
936
  payments.label.expiration
915
937
  <span
@@ -917,11 +939,11 @@ exports[`component:<Payment> testID with some methods 1`] = `
917
939
  >
918
940
  *
919
941
  </span>
920
- </span>
942
+ </label>
921
943
  <input
922
944
  class="input input withLabel"
923
945
  data-testid="mirai-expire"
924
- id="checkout-expire"
946
+ id="input.checkout-expire"
925
947
  maxlength="5"
926
948
  name="expire"
927
949
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -929,20 +951,21 @@ exports[`component:<Payment> testID with some methods 1`] = `
929
951
  type="inputDate"
930
952
  value=""
931
953
  />
932
- </div>
933
- </div>
934
- </div>
935
- <div
954
+ </ui_view>
955
+ </ui_view>
956
+ </ui_input_date>
957
+ <ui_input_text
936
958
  class="view inputContainer"
937
959
  >
938
- <div
960
+ <ui_view
939
961
  class="view row inputBorder"
940
962
  >
941
- <div
963
+ <ui_view
942
964
  class="view wide content"
943
965
  >
944
- <span
966
+ <label
945
967
  class="text paragraph text label"
968
+ for="input.checkout-CVV"
946
969
  >
947
970
  payments.label.cvv
948
971
  <span
@@ -950,11 +973,11 @@ exports[`component:<Payment> testID with some methods 1`] = `
950
973
  >
951
974
  *
952
975
  </span>
953
- </span>
976
+ </label>
954
977
  <input
955
978
  class="input input withLabel"
956
979
  data-testid="mirai-CVV"
957
- id="checkout-CVV"
980
+ id="input.checkout-CVV"
958
981
  maxlength="3"
959
982
  name="CVV"
960
983
  placeholder="000"
@@ -962,20 +985,21 @@ exports[`component:<Payment> testID with some methods 1`] = `
962
985
  type="text"
963
986
  value=""
964
987
  />
965
- </div>
966
- </div>
967
- </div>
968
- </fieldset>
969
- </div>
970
- </div>
971
- <div
988
+ </ui_view>
989
+ </ui_view>
990
+ </ui_input_text>
991
+ </ui_fieldset>
992
+ </ui_view>
993
+ </ui_view>
994
+ <ui_view
972
995
  class="view"
973
996
  >
974
- <div
997
+ <ui_pressable
975
998
  class="pressable"
976
999
  data-testid="mirai-item-TPV"
1000
+ tabindex="0"
977
1001
  >
978
- <div
1002
+ <ui_radio
979
1003
  class="radio"
980
1004
  >
981
1005
  <input
@@ -984,26 +1008,27 @@ exports[`component:<Payment> testID with some methods 1`] = `
984
1008
  type="radio"
985
1009
  value="TPV"
986
1010
  />
987
- <span
1011
+ <ui_primitive
988
1012
  class="checkmark"
989
1013
  />
990
- </div>
991
- <span
1014
+ </ui_radio>
1015
+ <ui_text
992
1016
  class="text bold paragraph"
993
1017
  data-testid="mirai-text-TPV"
994
1018
  >
995
1019
  payments.label.tpv
996
- </span>
997
- </div>
998
- </div>
999
- <div
1020
+ </ui_text>
1021
+ </ui_pressable>
1022
+ </ui_view>
1023
+ <ui_view
1000
1024
  class="view"
1001
1025
  >
1002
- <div
1026
+ <ui_pressable
1003
1027
  class="pressable"
1004
1028
  data-testid="mirai-item-AMAZON_PAY"
1029
+ tabindex="0"
1005
1030
  >
1006
- <div
1031
+ <ui_radio
1007
1032
  class="radio"
1008
1033
  >
1009
1034
  <input
@@ -1012,31 +1037,32 @@ exports[`component:<Payment> testID with some methods 1`] = `
1012
1037
  type="radio"
1013
1038
  value="AMAZON_PAY"
1014
1039
  />
1015
- <span
1040
+ <ui_primitive
1016
1041
  class="checkmark"
1017
1042
  />
1018
- </div>
1019
- <span
1043
+ </ui_radio>
1044
+ <ui_text
1020
1045
  class="text bold paragraph"
1021
1046
  data-testid="mirai-text-AMAZON_PAY"
1022
1047
  >
1023
1048
  payments.label.amazon
1024
- </span>
1049
+ </ui_text>
1025
1050
  <img
1026
1051
  alt="AMAZON PAY"
1027
1052
  class="view"
1028
1053
  src="https://static.mirai.com/payments/images/amazonpay.png"
1029
1054
  />
1030
- </div>
1031
- </div>
1032
- <div
1055
+ </ui_pressable>
1056
+ </ui_view>
1057
+ <ui_view
1033
1058
  class="view"
1034
1059
  >
1035
- <div
1060
+ <ui_pressable
1036
1061
  class="pressable"
1037
1062
  data-testid="mirai-item-PAYPAL"
1063
+ tabindex="0"
1038
1064
  >
1039
- <div
1065
+ <ui_radio
1040
1066
  class="radio"
1041
1067
  >
1042
1068
  <input
@@ -1045,18 +1071,18 @@ exports[`component:<Payment> testID with some methods 1`] = `
1045
1071
  type="radio"
1046
1072
  value="PAYPAL"
1047
1073
  />
1048
- <span
1074
+ <ui_primitive
1049
1075
  class="checkmark"
1050
1076
  />
1051
- </div>
1052
- <span
1077
+ </ui_radio>
1078
+ <ui_text
1053
1079
  class="text bold paragraph"
1054
1080
  data-testid="mirai-text-PAYPAL"
1055
1081
  >
1056
1082
  payments.label.paypal
1057
- </span>
1058
- </div>
1059
- </div>
1060
- </div>
1083
+ </ui_text>
1084
+ </ui_pressable>
1085
+ </ui_view>
1086
+ </ui_view>
1061
1087
  </DocumentFragment>
1062
1088
  `;