@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/components/Card/__tests__/__snapshots__/Card.test.js.snap CHANGED
@@ -2,20 +2,21 @@
2
2
 
3
3
  exports[`component:<Card> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
- <fieldset
5
+ <ui_fieldset
6
6
  autocomplete="off"
7
7
  >
8
- <div
8
+ <ui_input_text
9
9
  class="view inputContainer"
10
10
  >
11
- <div
11
+ <ui_view
12
12
  class="view row inputBorder"
13
13
  >
14
- <div
14
+ <ui_view
15
15
  class="view wide content"
16
16
  >
17
- <span
17
+ <label
18
18
  class="text paragraph text label"
19
+ for="input.checkout-card"
19
20
  >
20
21
  payments.label.card_number
21
22
  <span
@@ -23,10 +24,10 @@ exports[`component:<Card> inherit:className 1`] = `
23
24
  >
24
25
  *
25
26
  </span>
26
- </span>
27
+ </label>
27
28
  <input
28
29
  class="input input withLabel"
29
- id="checkout-card"
30
+ id="input.checkout-card"
30
31
  maxlength="19"
31
32
  name="card"
32
33
  placeholder="0000 0000 0000 0000"
@@ -34,20 +35,21 @@ exports[`component:<Card> inherit:className 1`] = `
34
35
  type="text"
35
36
  value=""
36
37
  />
37
- </div>
38
- </div>
39
- </div>
40
- <div
38
+ </ui_view>
39
+ </ui_view>
40
+ </ui_input_text>
41
+ <ui_input_text
41
42
  class="view inputContainer"
42
43
  >
43
- <div
44
+ <ui_view
44
45
  class="view row inputBorder"
45
46
  >
46
- <div
47
+ <ui_view
47
48
  class="view wide content"
48
49
  >
49
- <span
50
+ <label
50
51
  class="text paragraph text label"
52
+ for="input.checkout-name"
51
53
  >
52
54
  payments.label.card_name
53
55
  <span
@@ -55,10 +57,10 @@ exports[`component:<Card> inherit:className 1`] = `
55
57
  >
56
58
  *
57
59
  </span>
58
- </span>
60
+ </label>
59
61
  <input
60
62
  class="input input withLabel"
61
- id="checkout-name"
63
+ id="input.checkout-name"
62
64
  maxlength="100"
63
65
  minlength="3"
64
66
  name="name"
@@ -66,20 +68,21 @@ exports[`component:<Card> inherit:className 1`] = `
66
68
  type="text"
67
69
  value=""
68
70
  />
69
- </div>
70
- </div>
71
- </div>
72
- <div
71
+ </ui_view>
72
+ </ui_view>
73
+ </ui_input_text>
74
+ <ui_input_date
73
75
  class="view inputContainer"
74
76
  >
75
- <div
77
+ <ui_view
76
78
  class="view row inputBorder"
77
79
  >
78
- <div
80
+ <ui_view
79
81
  class="view wide content"
80
82
  >
81
- <span
83
+ <label
82
84
  class="text paragraph text label"
85
+ for="input.checkout-expire"
83
86
  >
84
87
  payments.label.expiration
85
88
  <span
@@ -87,10 +90,10 @@ exports[`component:<Card> inherit:className 1`] = `
87
90
  >
88
91
  *
89
92
  </span>
90
- </span>
93
+ </label>
91
94
  <input
92
95
  class="input input withLabel"
93
- id="checkout-expire"
96
+ id="input.checkout-expire"
94
97
  maxlength="5"
95
98
  name="expire"
96
99
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -98,20 +101,21 @@ exports[`component:<Card> inherit:className 1`] = `
98
101
  type="inputDate"
99
102
  value=""
100
103
  />
101
- </div>
102
- </div>
103
- </div>
104
- <div
104
+ </ui_view>
105
+ </ui_view>
106
+ </ui_input_date>
107
+ <ui_input_text
105
108
  class="view inputContainer"
106
109
  >
107
- <div
110
+ <ui_view
108
111
  class="view row inputBorder"
109
112
  >
110
- <div
113
+ <ui_view
111
114
  class="view wide content"
112
115
  >
113
- <span
116
+ <label
114
117
  class="text paragraph text label"
118
+ for="input.checkout-CVV"
115
119
  >
116
120
  payments.label.cvv
117
121
  <span
@@ -119,10 +123,10 @@ exports[`component:<Card> inherit:className 1`] = `
119
123
  >
120
124
  *
121
125
  </span>
122
- </span>
126
+ </label>
123
127
  <input
124
128
  class="input input withLabel"
125
- id="checkout-CVV"
129
+ id="input.checkout-CVV"
126
130
  maxlength="3"
127
131
  name="CVV"
128
132
  placeholder="000"
@@ -130,29 +134,30 @@ exports[`component:<Card> inherit:className 1`] = `
130
134
  type="text"
131
135
  value=""
132
136
  />
133
- </div>
134
- </div>
135
- </div>
136
- </fieldset>
137
+ </ui_view>
138
+ </ui_view>
139
+ </ui_input_text>
140
+ </ui_fieldset>
137
141
  </DocumentFragment>
138
142
  `;
139
143
 
140
144
  exports[`component:<Card> prop:error 1`] = `
141
145
  <DocumentFragment>
142
- <fieldset
146
+ <ui_fieldset
143
147
  autocomplete="off"
144
148
  >
145
- <div
149
+ <ui_input_text
146
150
  class="view inputContainer"
147
151
  >
148
- <div
152
+ <ui_view
149
153
  class="view row inputBorder error"
150
154
  >
151
- <div
155
+ <ui_view
152
156
  class="view wide content"
153
157
  >
154
- <span
158
+ <label
155
159
  class="text paragraph text label error withValue"
160
+ for="input.checkout-card"
156
161
  >
157
162
  payments.label.card_number
158
163
  <span
@@ -160,10 +165,10 @@ exports[`component:<Card> prop:error 1`] = `
160
165
  >
161
166
  *
162
167
  </span>
163
- </span>
168
+ </label>
164
169
  <input
165
170
  class="input input withLabel"
166
- id="checkout-card"
171
+ id="input.checkout-card"
167
172
  maxlength="19"
168
173
  name="card"
169
174
  placeholder="0000 0000 0000 0000"
@@ -171,8 +176,8 @@ exports[`component:<Card> prop:error 1`] = `
171
176
  type="text"
172
177
  value=""
173
178
  />
174
- </div>
175
- <span
179
+ </ui_view>
180
+ <ui_icon
176
181
  class="icon headline-3 icon error"
177
182
  >
178
183
  <svg
@@ -192,25 +197,26 @@ exports[`component:<Card> prop:error 1`] = `
192
197
  d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
193
198
  />
194
199
  </svg>
195
- </span>
196
- </div>
197
- <span
200
+ </ui_icon>
201
+ </ui_view>
202
+ <ui_text
198
203
  class="text small text hint error"
199
204
  >
200
205
  Invalid card
201
- </span>
202
- </div>
203
- <div
206
+ </ui_text>
207
+ </ui_input_text>
208
+ <ui_input_text
204
209
  class="view inputContainer"
205
210
  >
206
- <div
211
+ <ui_view
207
212
  class="view row inputBorder"
208
213
  >
209
- <div
214
+ <ui_view
210
215
  class="view wide content"
211
216
  >
212
- <span
217
+ <label
213
218
  class="text paragraph text label"
219
+ for="input.checkout-name"
214
220
  >
215
221
  payments.label.card_name
216
222
  <span
@@ -218,10 +224,10 @@ exports[`component:<Card> prop:error 1`] = `
218
224
  >
219
225
  *
220
226
  </span>
221
- </span>
227
+ </label>
222
228
  <input
223
229
  class="input input withLabel"
224
- id="checkout-name"
230
+ id="input.checkout-name"
225
231
  maxlength="100"
226
232
  minlength="3"
227
233
  name="name"
@@ -229,20 +235,21 @@ exports[`component:<Card> prop:error 1`] = `
229
235
  type="text"
230
236
  value=""
231
237
  />
232
- </div>
233
- </div>
234
- </div>
235
- <div
238
+ </ui_view>
239
+ </ui_view>
240
+ </ui_input_text>
241
+ <ui_input_date
236
242
  class="view inputContainer"
237
243
  >
238
- <div
244
+ <ui_view
239
245
  class="view row inputBorder"
240
246
  >
241
- <div
247
+ <ui_view
242
248
  class="view wide content"
243
249
  >
244
- <span
250
+ <label
245
251
  class="text paragraph text label"
252
+ for="input.checkout-expire"
246
253
  >
247
254
  payments.label.expiration
248
255
  <span
@@ -250,10 +257,10 @@ exports[`component:<Card> prop:error 1`] = `
250
257
  >
251
258
  *
252
259
  </span>
253
- </span>
260
+ </label>
254
261
  <input
255
262
  class="input input withLabel"
256
- id="checkout-expire"
263
+ id="input.checkout-expire"
257
264
  maxlength="5"
258
265
  name="expire"
259
266
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -261,20 +268,21 @@ exports[`component:<Card> prop:error 1`] = `
261
268
  type="inputDate"
262
269
  value=""
263
270
  />
264
- </div>
265
- </div>
266
- </div>
267
- <div
271
+ </ui_view>
272
+ </ui_view>
273
+ </ui_input_date>
274
+ <ui_input_text
268
275
  class="view inputContainer"
269
276
  >
270
- <div
277
+ <ui_view
271
278
  class="view row inputBorder"
272
279
  >
273
- <div
280
+ <ui_view
274
281
  class="view wide content"
275
282
  >
276
- <span
283
+ <label
277
284
  class="text paragraph text label"
285
+ for="input.checkout-CVV"
278
286
  >
279
287
  payments.label.cvv
280
288
  <span
@@ -282,10 +290,10 @@ exports[`component:<Card> prop:error 1`] = `
282
290
  >
283
291
  *
284
292
  </span>
285
- </span>
293
+ </label>
286
294
  <input
287
295
  class="input input withLabel"
288
- id="checkout-CVV"
296
+ id="input.checkout-CVV"
289
297
  maxlength="3"
290
298
  name="CVV"
291
299
  placeholder="000"
@@ -293,30 +301,31 @@ exports[`component:<Card> prop:error 1`] = `
293
301
  type="text"
294
302
  value=""
295
303
  />
296
- </div>
297
- </div>
298
- </div>
299
- </fieldset>
304
+ </ui_view>
305
+ </ui_view>
306
+ </ui_input_text>
307
+ </ui_fieldset>
300
308
  </DocumentFragment>
301
309
  `;
302
310
 
303
311
  exports[`component:<Card> prop:showCVV 1`] = `
304
312
  <DocumentFragment>
305
- <fieldset
313
+ <ui_fieldset
306
314
  autocomplete="off"
307
315
  data-testid="showCVV"
308
316
  >
309
- <div
317
+ <ui_input_text
310
318
  class="view inputContainer"
311
319
  >
312
- <div
320
+ <ui_view
313
321
  class="view row inputBorder"
314
322
  >
315
- <div
323
+ <ui_view
316
324
  class="view wide content"
317
325
  >
318
- <span
326
+ <label
319
327
  class="text paragraph text label"
328
+ for="input.checkout-card"
320
329
  >
321
330
  payments.label.card_number
322
331
  <span
@@ -324,11 +333,11 @@ exports[`component:<Card> prop:showCVV 1`] = `
324
333
  >
325
334
  *
326
335
  </span>
327
- </span>
336
+ </label>
328
337
  <input
329
338
  class="input input withLabel"
330
339
  data-testid="showCVV-card"
331
- id="checkout-card"
340
+ id="input.checkout-card"
332
341
  maxlength="19"
333
342
  name="card"
334
343
  placeholder="0000 0000 0000 0000"
@@ -336,20 +345,21 @@ exports[`component:<Card> prop:showCVV 1`] = `
336
345
  type="text"
337
346
  value=""
338
347
  />
339
- </div>
340
- </div>
341
- </div>
342
- <div
348
+ </ui_view>
349
+ </ui_view>
350
+ </ui_input_text>
351
+ <ui_input_text
343
352
  class="view inputContainer"
344
353
  >
345
- <div
354
+ <ui_view
346
355
  class="view row inputBorder"
347
356
  >
348
- <div
357
+ <ui_view
349
358
  class="view wide content"
350
359
  >
351
- <span
360
+ <label
352
361
  class="text paragraph text label"
362
+ for="input.checkout-name"
353
363
  >
354
364
  payments.label.card_name
355
365
  <span
@@ -357,11 +367,11 @@ exports[`component:<Card> prop:showCVV 1`] = `
357
367
  >
358
368
  *
359
369
  </span>
360
- </span>
370
+ </label>
361
371
  <input
362
372
  class="input input withLabel"
363
373
  data-testid="showCVV-name"
364
- id="checkout-name"
374
+ id="input.checkout-name"
365
375
  maxlength="100"
366
376
  minlength="3"
367
377
  name="name"
@@ -369,20 +379,21 @@ exports[`component:<Card> prop:showCVV 1`] = `
369
379
  type="text"
370
380
  value=""
371
381
  />
372
- </div>
373
- </div>
374
- </div>
375
- <div
382
+ </ui_view>
383
+ </ui_view>
384
+ </ui_input_text>
385
+ <ui_input_date
376
386
  class="view inputContainer"
377
387
  >
378
- <div
388
+ <ui_view
379
389
  class="view row inputBorder"
380
390
  >
381
- <div
391
+ <ui_view
382
392
  class="view wide content"
383
393
  >
384
- <span
394
+ <label
385
395
  class="text paragraph text label"
396
+ for="input.checkout-expire"
386
397
  >
387
398
  payments.label.expiration
388
399
  <span
@@ -390,11 +401,11 @@ exports[`component:<Card> prop:showCVV 1`] = `
390
401
  >
391
402
  *
392
403
  </span>
393
- </span>
404
+ </label>
394
405
  <input
395
406
  class="input input withLabel"
396
407
  data-testid="showCVV-expire"
397
- id="checkout-expire"
408
+ id="input.checkout-expire"
398
409
  maxlength="5"
399
410
  name="expire"
400
411
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -402,29 +413,30 @@ exports[`component:<Card> prop:showCVV 1`] = `
402
413
  type="inputDate"
403
414
  value=""
404
415
  />
405
- </div>
406
- </div>
407
- </div>
408
- </fieldset>
416
+ </ui_view>
417
+ </ui_view>
418
+ </ui_input_date>
419
+ </ui_fieldset>
409
420
  </DocumentFragment>
410
421
  `;
411
422
 
412
423
  exports[`component:<Card> prop:showErrors 1`] = `
413
424
  <DocumentFragment>
414
- <fieldset
425
+ <ui_fieldset
415
426
  autocomplete="off"
416
427
  >
417
- <div
428
+ <ui_input_text
418
429
  class="view inputContainer"
419
430
  >
420
- <div
431
+ <ui_view
421
432
  class="view row inputBorder error"
422
433
  >
423
- <div
434
+ <ui_view
424
435
  class="view wide content"
425
436
  >
426
- <span
437
+ <label
427
438
  class="text paragraph text label error withValue"
439
+ for="input.checkout-card"
428
440
  >
429
441
  payments.label.card_number
430
442
  <span
@@ -432,10 +444,10 @@ exports[`component:<Card> prop:showErrors 1`] = `
432
444
  >
433
445
  *
434
446
  </span>
435
- </span>
447
+ </label>
436
448
  <input
437
449
  class="input input withLabel"
438
- id="checkout-card"
450
+ id="input.checkout-card"
439
451
  maxlength="19"
440
452
  name="card"
441
453
  placeholder="0000 0000 0000 0000"
@@ -443,8 +455,8 @@ exports[`component:<Card> prop:showErrors 1`] = `
443
455
  type="text"
444
456
  value=""
445
457
  />
446
- </div>
447
- <span
458
+ </ui_view>
459
+ <ui_icon
448
460
  class="icon headline-3 icon error"
449
461
  >
450
462
  <svg
@@ -464,20 +476,21 @@ exports[`component:<Card> prop:showErrors 1`] = `
464
476
  d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
465
477
  />
466
478
  </svg>
467
- </span>
468
- </div>
469
- </div>
470
- <div
479
+ </ui_icon>
480
+ </ui_view>
481
+ </ui_input_text>
482
+ <ui_input_text
471
483
  class="view inputContainer"
472
484
  >
473
- <div
485
+ <ui_view
474
486
  class="view row inputBorder error"
475
487
  >
476
- <div
488
+ <ui_view
477
489
  class="view wide content"
478
490
  >
479
- <span
491
+ <label
480
492
  class="text paragraph text label error withValue"
493
+ for="input.checkout-name"
481
494
  >
482
495
  payments.label.card_name
483
496
  <span
@@ -485,10 +498,10 @@ exports[`component:<Card> prop:showErrors 1`] = `
485
498
  >
486
499
  *
487
500
  </span>
488
- </span>
501
+ </label>
489
502
  <input
490
503
  class="input input withLabel"
491
- id="checkout-name"
504
+ id="input.checkout-name"
492
505
  maxlength="100"
493
506
  minlength="3"
494
507
  name="name"
@@ -496,8 +509,8 @@ exports[`component:<Card> prop:showErrors 1`] = `
496
509
  type="text"
497
510
  value=""
498
511
  />
499
- </div>
500
- <span
512
+ </ui_view>
513
+ <ui_icon
501
514
  class="icon headline-3 icon error"
502
515
  >
503
516
  <svg
@@ -517,20 +530,21 @@ exports[`component:<Card> prop:showErrors 1`] = `
517
530
  d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
518
531
  />
519
532
  </svg>
520
- </span>
521
- </div>
522
- </div>
523
- <div
533
+ </ui_icon>
534
+ </ui_view>
535
+ </ui_input_text>
536
+ <ui_input_date
524
537
  class="view inputContainer"
525
538
  >
526
- <div
539
+ <ui_view
527
540
  class="view row inputBorder error"
528
541
  >
529
- <div
542
+ <ui_view
530
543
  class="view wide content"
531
544
  >
532
- <span
545
+ <label
533
546
  class="text paragraph text label error withValue"
547
+ for="input.checkout-expire"
534
548
  >
535
549
  payments.label.expiration
536
550
  <span
@@ -538,10 +552,10 @@ exports[`component:<Card> prop:showErrors 1`] = `
538
552
  >
539
553
  *
540
554
  </span>
541
- </span>
555
+ </label>
542
556
  <input
543
557
  class="input input withLabel"
544
- id="checkout-expire"
558
+ id="input.checkout-expire"
545
559
  maxlength="5"
546
560
  name="expire"
547
561
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -549,8 +563,8 @@ exports[`component:<Card> prop:showErrors 1`] = `
549
563
  type="inputDate"
550
564
  value=""
551
565
  />
552
- </div>
553
- <span
566
+ </ui_view>
567
+ <ui_icon
554
568
  class="icon headline-3 icon error"
555
569
  >
556
570
  <svg
@@ -570,20 +584,21 @@ exports[`component:<Card> prop:showErrors 1`] = `
570
584
  d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
571
585
  />
572
586
  </svg>
573
- </span>
574
- </div>
575
- </div>
576
- <div
587
+ </ui_icon>
588
+ </ui_view>
589
+ </ui_input_date>
590
+ <ui_input_text
577
591
  class="view inputContainer"
578
592
  >
579
- <div
593
+ <ui_view
580
594
  class="view row inputBorder error"
581
595
  >
582
- <div
596
+ <ui_view
583
597
  class="view wide content"
584
598
  >
585
- <span
599
+ <label
586
600
  class="text paragraph text label error withValue"
601
+ for="input.checkout-CVV"
587
602
  >
588
603
  payments.label.cvv
589
604
  <span
@@ -591,10 +606,10 @@ exports[`component:<Card> prop:showErrors 1`] = `
591
606
  >
592
607
  *
593
608
  </span>
594
- </span>
609
+ </label>
595
610
  <input
596
611
  class="input input withLabel"
597
- id="checkout-CVV"
612
+ id="input.checkout-CVV"
598
613
  maxlength="3"
599
614
  name="CVV"
600
615
  placeholder="000"
@@ -602,8 +617,8 @@ exports[`component:<Card> prop:showErrors 1`] = `
602
617
  type="text"
603
618
  value=""
604
619
  />
605
- </div>
606
- <span
620
+ </ui_view>
621
+ <ui_icon
607
622
  class="icon headline-3 icon error"
608
623
  >
609
624
  <svg
@@ -623,29 +638,30 @@ exports[`component:<Card> prop:showErrors 1`] = `
623
638
  d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
624
639
  />
625
640
  </svg>
626
- </span>
627
- </div>
628
- </div>
629
- </fieldset>
641
+ </ui_icon>
642
+ </ui_view>
643
+ </ui_input_text>
644
+ </ui_fieldset>
630
645
  </DocumentFragment>
631
646
  `;
632
647
 
633
648
  exports[`component:<Card> renders 1`] = `
634
649
  <DocumentFragment>
635
- <fieldset
650
+ <ui_fieldset
636
651
  autocomplete="off"
637
652
  >
638
- <div
653
+ <ui_input_text
639
654
  class="view inputContainer"
640
655
  >
641
- <div
656
+ <ui_view
642
657
  class="view row inputBorder"
643
658
  >
644
- <div
659
+ <ui_view
645
660
  class="view wide content"
646
661
  >
647
- <span
662
+ <label
648
663
  class="text paragraph text label"
664
+ for="input.checkout-card"
649
665
  >
650
666
  payments.label.card_number
651
667
  <span
@@ -653,10 +669,10 @@ exports[`component:<Card> renders 1`] = `
653
669
  >
654
670
  *
655
671
  </span>
656
- </span>
672
+ </label>
657
673
  <input
658
674
  class="input input withLabel"
659
- id="checkout-card"
675
+ id="input.checkout-card"
660
676
  maxlength="19"
661
677
  name="card"
662
678
  placeholder="0000 0000 0000 0000"
@@ -664,20 +680,21 @@ exports[`component:<Card> renders 1`] = `
664
680
  type="text"
665
681
  value=""
666
682
  />
667
- </div>
668
- </div>
669
- </div>
670
- <div
683
+ </ui_view>
684
+ </ui_view>
685
+ </ui_input_text>
686
+ <ui_input_text
671
687
  class="view inputContainer"
672
688
  >
673
- <div
689
+ <ui_view
674
690
  class="view row inputBorder"
675
691
  >
676
- <div
692
+ <ui_view
677
693
  class="view wide content"
678
694
  >
679
- <span
695
+ <label
680
696
  class="text paragraph text label"
697
+ for="input.checkout-name"
681
698
  >
682
699
  payments.label.card_name
683
700
  <span
@@ -685,10 +702,10 @@ exports[`component:<Card> renders 1`] = `
685
702
  >
686
703
  *
687
704
  </span>
688
- </span>
705
+ </label>
689
706
  <input
690
707
  class="input input withLabel"
691
- id="checkout-name"
708
+ id="input.checkout-name"
692
709
  maxlength="100"
693
710
  minlength="3"
694
711
  name="name"
@@ -696,20 +713,21 @@ exports[`component:<Card> renders 1`] = `
696
713
  type="text"
697
714
  value=""
698
715
  />
699
- </div>
700
- </div>
701
- </div>
702
- <div
716
+ </ui_view>
717
+ </ui_view>
718
+ </ui_input_text>
719
+ <ui_input_date
703
720
  class="view inputContainer"
704
721
  >
705
- <div
722
+ <ui_view
706
723
  class="view row inputBorder"
707
724
  >
708
- <div
725
+ <ui_view
709
726
  class="view wide content"
710
727
  >
711
- <span
728
+ <label
712
729
  class="text paragraph text label"
730
+ for="input.checkout-expire"
713
731
  >
714
732
  payments.label.expiration
715
733
  <span
@@ -717,10 +735,10 @@ exports[`component:<Card> renders 1`] = `
717
735
  >
718
736
  *
719
737
  </span>
720
- </span>
738
+ </label>
721
739
  <input
722
740
  class="input input withLabel"
723
- id="checkout-expire"
741
+ id="input.checkout-expire"
724
742
  maxlength="5"
725
743
  name="expire"
726
744
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -728,20 +746,21 @@ exports[`component:<Card> renders 1`] = `
728
746
  type="inputDate"
729
747
  value=""
730
748
  />
731
- </div>
732
- </div>
733
- </div>
734
- <div
749
+ </ui_view>
750
+ </ui_view>
751
+ </ui_input_date>
752
+ <ui_input_text
735
753
  class="view inputContainer"
736
754
  >
737
- <div
755
+ <ui_view
738
756
  class="view row inputBorder"
739
757
  >
740
- <div
758
+ <ui_view
741
759
  class="view wide content"
742
760
  >
743
- <span
761
+ <label
744
762
  class="text paragraph text label"
763
+ for="input.checkout-CVV"
745
764
  >
746
765
  payments.label.cvv
747
766
  <span
@@ -749,10 +768,10 @@ exports[`component:<Card> renders 1`] = `
749
768
  >
750
769
  *
751
770
  </span>
752
- </span>
771
+ </label>
753
772
  <input
754
773
  class="input input withLabel"
755
- id="checkout-CVV"
774
+ id="input.checkout-CVV"
756
775
  maxlength="3"
757
776
  name="CVV"
758
777
  placeholder="000"
@@ -760,30 +779,31 @@ exports[`component:<Card> renders 1`] = `
760
779
  type="text"
761
780
  value=""
762
781
  />
763
- </div>
764
- </div>
765
- </div>
766
- </fieldset>
782
+ </ui_view>
783
+ </ui_view>
784
+ </ui_input_text>
785
+ </ui_fieldset>
767
786
  </DocumentFragment>
768
787
  `;
769
788
 
770
789
  exports[`component:<Card> testID 1`] = `
771
790
  <DocumentFragment>
772
- <fieldset
791
+ <ui_fieldset
773
792
  autocomplete="off"
774
793
  data-testid="mirai"
775
794
  >
776
- <div
795
+ <ui_input_text
777
796
  class="view inputContainer"
778
797
  >
779
- <div
798
+ <ui_view
780
799
  class="view row inputBorder"
781
800
  >
782
- <div
801
+ <ui_view
783
802
  class="view wide content"
784
803
  >
785
- <span
804
+ <label
786
805
  class="text paragraph text label"
806
+ for="input.checkout-card"
787
807
  >
788
808
  payments.label.card_number
789
809
  <span
@@ -791,11 +811,11 @@ exports[`component:<Card> testID 1`] = `
791
811
  >
792
812
  *
793
813
  </span>
794
- </span>
814
+ </label>
795
815
  <input
796
816
  class="input input withLabel"
797
817
  data-testid="mirai-card"
798
- id="checkout-card"
818
+ id="input.checkout-card"
799
819
  maxlength="19"
800
820
  name="card"
801
821
  placeholder="0000 0000 0000 0000"
@@ -803,20 +823,21 @@ exports[`component:<Card> testID 1`] = `
803
823
  type="text"
804
824
  value=""
805
825
  />
806
- </div>
807
- </div>
808
- </div>
809
- <div
826
+ </ui_view>
827
+ </ui_view>
828
+ </ui_input_text>
829
+ <ui_input_text
810
830
  class="view inputContainer"
811
831
  >
812
- <div
832
+ <ui_view
813
833
  class="view row inputBorder"
814
834
  >
815
- <div
835
+ <ui_view
816
836
  class="view wide content"
817
837
  >
818
- <span
838
+ <label
819
839
  class="text paragraph text label"
840
+ for="input.checkout-name"
820
841
  >
821
842
  payments.label.card_name
822
843
  <span
@@ -824,11 +845,11 @@ exports[`component:<Card> testID 1`] = `
824
845
  >
825
846
  *
826
847
  </span>
827
- </span>
848
+ </label>
828
849
  <input
829
850
  class="input input withLabel"
830
851
  data-testid="mirai-name"
831
- id="checkout-name"
852
+ id="input.checkout-name"
832
853
  maxlength="100"
833
854
  minlength="3"
834
855
  name="name"
@@ -836,20 +857,21 @@ exports[`component:<Card> testID 1`] = `
836
857
  type="text"
837
858
  value=""
838
859
  />
839
- </div>
840
- </div>
841
- </div>
842
- <div
860
+ </ui_view>
861
+ </ui_view>
862
+ </ui_input_text>
863
+ <ui_input_date
843
864
  class="view inputContainer"
844
865
  >
845
- <div
866
+ <ui_view
846
867
  class="view row inputBorder"
847
868
  >
848
- <div
869
+ <ui_view
849
870
  class="view wide content"
850
871
  >
851
- <span
872
+ <label
852
873
  class="text paragraph text label"
874
+ for="input.checkout-expire"
853
875
  >
854
876
  payments.label.expiration
855
877
  <span
@@ -857,11 +879,11 @@ exports[`component:<Card> testID 1`] = `
857
879
  >
858
880
  *
859
881
  </span>
860
- </span>
882
+ </label>
861
883
  <input
862
884
  class="input input withLabel"
863
885
  data-testid="mirai-expire"
864
- id="checkout-expire"
886
+ id="input.checkout-expire"
865
887
  maxlength="5"
866
888
  name="expire"
867
889
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -869,20 +891,21 @@ exports[`component:<Card> testID 1`] = `
869
891
  type="inputDate"
870
892
  value=""
871
893
  />
872
- </div>
873
- </div>
874
- </div>
875
- <div
894
+ </ui_view>
895
+ </ui_view>
896
+ </ui_input_date>
897
+ <ui_input_text
876
898
  class="view inputContainer"
877
899
  >
878
- <div
900
+ <ui_view
879
901
  class="view row inputBorder"
880
902
  >
881
- <div
903
+ <ui_view
882
904
  class="view wide content"
883
905
  >
884
- <span
906
+ <label
885
907
  class="text paragraph text label"
908
+ for="input.checkout-CVV"
886
909
  >
887
910
  payments.label.cvv
888
911
  <span
@@ -890,11 +913,11 @@ exports[`component:<Card> testID 1`] = `
890
913
  >
891
914
  *
892
915
  </span>
893
- </span>
916
+ </label>
894
917
  <input
895
918
  class="input input withLabel"
896
919
  data-testid="mirai-CVV"
897
- id="checkout-CVV"
920
+ id="input.checkout-CVV"
898
921
  maxlength="3"
899
922
  name="CVV"
900
923
  placeholder="000"
@@ -902,9 +925,9 @@ exports[`component:<Card> testID 1`] = `
902
925
  type="text"
903
926
  value=""
904
927
  />
905
- </div>
906
- </div>
907
- </div>
908
- </fieldset>
928
+ </ui_view>
929
+ </ui_view>
930
+ </ui_input_text>
931
+ </ui_fieldset>
909
932
  </DocumentFragment>
910
933
  `;