@mirai/core 0.3.336 → 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 (92) 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/__tests__/__snapshots__/Finder.test.js.snap +8106 -7994
  24. package/build/components/Finder/components/Calendar/__tests__/__snapshots__/Calendar.test.js.snap +4325 -4318
  25. package/build/components/Finder/components/Places/__tests__/__snapshots__/Places.test.js.snap +139 -115
  26. package/build/components/Profile/components/Bookings/__tests__/__snapshots__/Bookings.test.js.snap +6 -6
  27. package/build/components/Rates/Rates.Footer.js +5 -2
  28. package/build/components/Rates/Rates.Footer.js.map +1 -1
  29. package/build/components/Rates/Rates.RoomSelector.js +7 -14
  30. package/build/components/Rates/Rates.RoomSelector.js.map +1 -1
  31. package/build/components/Rates/Rates.js +13 -7
  32. package/build/components/Rates/Rates.js.map +1 -1
  33. package/build/components/Rates/Rates.module.css +7 -51
  34. package/build/components/Rates/components/Filters/Filters.js +1 -0
  35. package/build/components/Rates/components/Filters/Filters.js.map +1 -1
  36. package/build/components/Rates/components/Item/Item.Rates.js +24 -15
  37. package/build/components/Rates/components/Item/Item.Rates.js.map +1 -1
  38. package/build/components/Rates/components/Item/Item.module.css +9 -10
  39. package/build/components/Rates/components/Item/components/{ModalRateInfo/ModalRateInfo.js → ModalCancellationInfo/ModalCancellationInfo.js} +7 -7
  40. package/build/components/Rates/components/Item/components/ModalCancellationInfo/ModalCancellationInfo.js.map +1 -0
  41. package/build/components/Rates/components/Item/components/ModalCancellationInfo/index.js +17 -0
  42. package/build/components/Rates/components/Item/components/ModalCancellationInfo/index.js.map +1 -0
  43. package/build/components/Rates/components/Item/components/ModalInfo/ModalInfo.js +1 -0
  44. package/build/components/Rates/components/Item/components/ModalInfo/ModalInfo.js.map +1 -1
  45. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.js +81 -0
  46. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.js.map +1 -0
  47. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.module.css +24 -0
  48. package/build/components/Rates/components/Item/components/ModalOfferInfo/index.js +17 -0
  49. package/build/components/Rates/components/Item/components/ModalOfferInfo/index.js.map +1 -0
  50. package/build/components/Rates/components/Item/components/Option/Option.module.css +1 -1
  51. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.js +7 -16
  52. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.js.map +1 -1
  53. package/build/components/Rates/components/Item/components/index.js +15 -4
  54. package/build/components/Rates/components/Item/components/index.js.map +1 -1
  55. package/build/components/Rates/components/Item/index.js +12 -5
  56. package/build/components/Rates/components/Item/index.js.map +1 -1
  57. package/build/components/Session/__tests__/__snapshots__/Session.test.js.snap +351 -305
  58. package/build/components/Signup/__tests__/__snapshots__/Signup.test.js.snap +303 -270
  59. package/build/components/__shared__/BookingDates/__tests__/__snapshots__/BookingDates.test.js.snap +74 -74
  60. package/build/components/__shared__/BookingDetails/__tests__/__snapshots__/BookingDetails.test.js.snap +1068 -1063
  61. package/build/components/__shared__/BookingSummary/_tests__/__snapshots__/BookingSummary.test.js.snap +316 -316
  62. package/build/components/__shared__/BookingTable/__tests__/__snapshots__/BookingTable.Row.test.js.snap +200 -200
  63. package/build/components/__shared__/BookingTable/__tests__/__snapshots__/BookingTable.test.js.snap +320 -320
  64. package/build/components/__shared__/BookingTerms/__tests__/__snapshots__/BookingTerms.test.js.snap +156 -144
  65. package/build/components/__shared__/ButtonMore/__tests__/__snapshots__/ButtonMore.test.js.snap +15 -12
  66. package/build/components/__shared__/ButtonPayment/__tests__/__snapshots__/ButtonPayment.test.js.snap +43 -32
  67. package/build/components/__shared__/ButtonPayment/components/FormAddon/__tests__/__snapshots__/FormAddon.test.js.snap +12 -12
  68. package/build/components/__shared__/ButtonPayment/components/FormCheckout/__tests__/__snapshots__/FormCheckout.test.js.snap +129 -129
  69. package/build/components/__shared__/ButtonPayment/components/FormPaycomet/__tests__/__snapshots__/FormPaycomet.test.js.snap +46 -45
  70. package/build/components/__shared__/ButtonPayment/components/FormSipay/__tests__/__snapshots__/FormSipay.test.js.snap +30 -30
  71. package/build/components/__shared__/ButtonPayment/components/InputField/__tests__/__snapshots__/InputField.test.js.snap +51 -51
  72. package/build/components/__shared__/Countdown/__tests__/__snapshots__/Countdown.test.js.snap +8 -8
  73. package/build/components/__shared__/Field/__tests__/__snapshots__/Field.test.js.snap +266 -219
  74. package/build/components/__shared__/FieldOccupation/__tests__/__snapshots__/FieldOccupation.test.js.snap +556 -513
  75. package/build/components/__shared__/FieldPromocode/__tests__/__snapshots__/FieldPromocode.test.jsx.snap +63 -59
  76. package/build/components/__shared__/Footer/__tests__/__snapshots__/Footer.test.js.snap +68 -60
  77. package/build/components/__shared__/Occupation/__tests__/__snapshots__/Occupation.test.js.snap +783 -732
  78. package/build/components/__shared__/Payment/__tests__/__snapshots__/Payment.test.js.snap +334 -308
  79. package/build/components/__shared__/Payment/components/Aplazame/__tests__/__snapshots__/Aplazame.test.js.snap +8 -6
  80. package/build/components/__shared__/Payment/components/Card/__tests__/__snapshots__/Card.test.js.snap +254 -231
  81. package/build/components/__shared__/Payment/components/PCI/__tests__/__snapshots__/PCI.test.js.snap +140 -140
  82. package/build/components/__shared__/Payment/components/Tpv/__tests__/__snapshots__/Tpv.test.js.snap +30 -27
  83. package/build/components/__shared__/SelectEnvironment/__tests__/__snapshots__/SelectEnvironment.test.js.snap +53 -53
  84. package/build/components/__shared__/TextRequiredFields/__tests__/__snapshots__/TextRequiredFields.test.js.snap +6 -6
  85. package/build/components/helpers/__tests__/__snapshots__/parseHtml.test.js.snap +108 -104
  86. package/package.json +3 -3
  87. package/build/components/Rates/components/Item/components/ModalRateInfo/ModalRateInfo.js.map +0 -1
  88. package/build/components/Rates/components/Item/components/ModalRateInfo/index.js +0 -17
  89. package/build/components/Rates/components/Item/components/ModalRateInfo/index.js.map +0 -1
  90. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.Tooltip.js +0 -49
  91. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.Tooltip.js.map +0 -1
  92. /package/build/components/Rates/components/Item/components/{ModalRateInfo/ModalRateInfo.module.css → ModalCancellationInfo/ModalCancellationInfo.module.css} +0 -0
@@ -5,30 +5,31 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
5
5
  <form
6
6
  autocomplete="off"
7
7
  >
8
- <h3
8
+ <ui_text
9
9
  class="text bold headline-3 wide"
10
10
  >
11
11
  user.label.personal_details
12
- </h3>
13
- <span
12
+ </ui_text>
13
+ <ui_text
14
14
  class="text small wide"
15
15
  >
16
16
  <span>
17
17
  *
18
18
  </span>
19
19
   
20
- </span>
21
- <div
20
+ </ui_text>
21
+ <ui_input_text
22
22
  class="view inputContainer"
23
23
  >
24
- <div
24
+ <ui_view
25
25
  class="view row inputBorder"
26
26
  >
27
- <div
27
+ <ui_view
28
28
  class="view wide content"
29
29
  >
30
- <span
30
+ <label
31
31
  class="text paragraph text label"
32
+ for="input.checkout-firstName"
32
33
  >
33
34
  common.label.firstname
34
35
  <span
@@ -36,29 +37,30 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
36
37
  >
37
38
  *
38
39
  </span>
39
- </span>
40
+ </label>
40
41
  <input
41
42
  class="input input withLabel"
42
- id="checkout-firstName"
43
+ id="input.checkout-firstName"
43
44
  name="firstName"
44
45
  required=""
45
46
  type="text"
46
47
  value=""
47
48
  />
48
- </div>
49
- </div>
50
- </div>
51
- <div
49
+ </ui_view>
50
+ </ui_view>
51
+ </ui_input_text>
52
+ <ui_input_text
52
53
  class="view inputContainer"
53
54
  >
54
- <div
55
+ <ui_view
55
56
  class="view row inputBorder"
56
57
  >
57
- <div
58
+ <ui_view
58
59
  class="view wide content"
59
60
  >
60
- <span
61
+ <label
61
62
  class="text paragraph text label"
63
+ for="input.checkout-lastName"
62
64
  >
63
65
  common.label.lastname
64
66
  <span
@@ -66,29 +68,30 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
66
68
  >
67
69
  *
68
70
  </span>
69
- </span>
71
+ </label>
70
72
  <input
71
73
  class="input input withLabel"
72
- id="checkout-lastName"
74
+ id="input.checkout-lastName"
73
75
  name="lastName"
74
76
  required=""
75
77
  type="text"
76
78
  value=""
77
79
  />
78
- </div>
79
- </div>
80
- </div>
81
- <div
80
+ </ui_view>
81
+ </ui_view>
82
+ </ui_input_text>
83
+ <ui_input_text
82
84
  class="view inputContainer"
83
85
  >
84
- <div
86
+ <ui_view
85
87
  class="view row inputBorder"
86
88
  >
87
- <div
89
+ <ui_view
88
90
  class="view wide content"
89
91
  >
90
- <span
92
+ <label
91
93
  class="text paragraph text label"
94
+ for="input.checkout-email"
92
95
  >
93
96
  common.label.email
94
97
  <span
@@ -96,38 +99,39 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
96
99
  >
97
100
  *
98
101
  </span>
99
- </span>
102
+ </label>
100
103
  <input
101
104
  class="input input withLabel"
102
- id="checkout-email"
105
+ id="input.checkout-email"
103
106
  name="email"
104
107
  required=""
105
108
  type="email"
106
109
  value=""
107
110
  />
108
- </div>
109
- </div>
110
- </div>
111
- <div
112
- class="view container"
111
+ </ui_view>
112
+ </ui_view>
113
+ </ui_input_text>
114
+ <ui_input_phone
115
+ class="view inputPhone"
113
116
  >
114
- <div
117
+ <ui_view
115
118
  class="view row inputBorder"
116
119
  >
117
- <div
120
+ <ui_view
118
121
  class="view row"
119
122
  >
120
- <div
123
+ <ui_view
121
124
  class="view content"
122
125
  >
123
- <span
126
+ <label
124
127
  class="text paragraph text label"
128
+ for="phone-prefix"
125
129
  >
126
130
  common.label.phone_prefix
127
- </span>
131
+ </label>
128
132
  <select
129
133
  class="select empty input prefix withLabel empty"
130
- id="checkout-phone"
134
+ id="phone-prefix"
131
135
  name="phone-prefix"
132
136
  required=""
133
137
  >
@@ -1167,8 +1171,8 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1167
1171
  +998
1168
1172
  </option>
1169
1173
  </select>
1170
- </div>
1171
- <span
1174
+ </ui_view>
1175
+ <ui_icon
1172
1176
  class="icon headline-3 icon expand"
1173
1177
  >
1174
1178
  <svg
@@ -1189,19 +1193,20 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1189
1193
  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
1190
1194
  />
1191
1195
  </svg>
1192
- </span>
1193
- </div>
1194
- <div
1196
+ </ui_icon>
1197
+ </ui_view>
1198
+ <ui_view
1195
1199
  class="view forceRow separator"
1196
1200
  />
1197
- <div
1201
+ <ui_view
1198
1202
  class="view row wide"
1199
1203
  >
1200
- <div
1204
+ <ui_view
1201
1205
  class="view wide content"
1202
1206
  >
1203
- <span
1207
+ <label
1204
1208
  class="text paragraph text label"
1209
+ for="checkout-phone"
1205
1210
  >
1206
1211
  common.label.phone
1207
1212
  <span
@@ -1209,7 +1214,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1209
1214
  >
1210
1215
  *
1211
1216
  </span>
1212
- </span>
1217
+ </label>
1213
1218
  <input
1214
1219
  class="input input withLabel"
1215
1220
  id="checkout-phone"
@@ -1219,62 +1224,64 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1219
1224
  type="tel"
1220
1225
  value=""
1221
1226
  />
1222
- </div>
1223
- </div>
1224
- </div>
1225
- </div>
1226
- <div
1227
+ </ui_view>
1228
+ </ui_view>
1229
+ </ui_view>
1230
+ </ui_input_phone>
1231
+ <ui_input_text
1227
1232
  class="view inputContainer"
1228
1233
  >
1229
- <div
1234
+ <ui_view
1230
1235
  class="view row inputBorder"
1231
1236
  >
1232
- <div
1237
+ <ui_view
1233
1238
  class="view wide content"
1234
1239
  >
1235
- <span
1240
+ <label
1236
1241
  class="text paragraph text label"
1242
+ for="input.checkout-company"
1237
1243
  >
1238
1244
  common.label.company
1239
- </span>
1245
+ </label>
1240
1246
  <input
1241
1247
  class="input input withLabel"
1242
- id="checkout-company"
1248
+ id="input.checkout-company"
1243
1249
  name="company"
1244
1250
  type="text"
1245
1251
  value=""
1246
1252
  />
1247
- </div>
1248
- </div>
1249
- </div>
1250
- <div
1253
+ </ui_view>
1254
+ </ui_view>
1255
+ </ui_input_text>
1256
+ <ui_input_text
1251
1257
  class="view inputContainer"
1252
1258
  >
1253
- <div
1259
+ <ui_view
1254
1260
  class="view row inputBorder"
1255
1261
  >
1256
- <div
1262
+ <ui_view
1257
1263
  class="view wide content"
1258
1264
  >
1259
- <span
1265
+ <label
1260
1266
  class="text paragraph text label"
1267
+ for="input.checkout-comments"
1261
1268
  >
1262
1269
  common.label.comments
1263
- </span>
1270
+ </label>
1264
1271
  <textarea
1265
1272
  class="input input withLabel multiLine"
1266
- id="checkout-comments"
1273
+ id="input.checkout-comments"
1267
1274
  name="comments"
1268
1275
  />
1269
- </div>
1270
- </div>
1271
- <span
1276
+ </ui_view>
1277
+ </ui_view>
1278
+ <ui_text
1272
1279
  class="text small text hint"
1273
1280
  >
1274
1281
  user.label.comments_hint
1275
- </span>
1276
- </div>
1277
- <span
1282
+ </ui_text>
1283
+ </ui_input_text>
1284
+ <ui_text
1278
1285
  class="text small"
1279
1286
  hint=""
1280
1287
  id="checkout-undefined"
@@ -1282,13 +1289,14 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1282
1289
  name="undefined"
1283
1290
  >
1284
1291
  La hora de entrada es a partir de las 15:00h. La hora de salidas es hasta las 12:00h
1285
- </span>
1286
- <div
1292
+ </ui_text>
1293
+ <ui_input_option
1287
1294
  class="pressable inputOption"
1288
1295
  hint=""
1289
1296
  id="checkout-hotel_future_offers"
1297
+ tabindex="0"
1290
1298
  >
1291
- <div
1299
+ <ui_checkbox
1292
1300
  class="checkbox"
1293
1301
  >
1294
1302
  <input
@@ -1297,19 +1305,21 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1297
1305
  type="checkbox"
1298
1306
  value=""
1299
1307
  />
1300
- </div>
1301
- <span
1308
+ </ui_checkbox>
1309
+ <label
1302
1310
  class="text small text label"
1311
+ for="checkout-hotel_future_offers"
1303
1312
  >
1304
1313
  Quiero recibir futuras ofertas y noticias de este establecimiento
1305
- </span>
1306
- </div>
1307
- <div
1314
+ </label>
1315
+ </ui_input_option>
1316
+ <ui_input_option
1308
1317
  class="pressable inputOption"
1309
1318
  hint=""
1310
1319
  id="checkout-joinClub"
1320
+ tabindex="0"
1311
1321
  >
1312
- <div
1322
+ <ui_checkbox
1313
1323
  class="checkbox"
1314
1324
  >
1315
1325
  <input
@@ -1318,19 +1328,21 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1318
1328
  type="checkbox"
1319
1329
  value=""
1320
1330
  />
1321
- </div>
1322
- <span
1331
+ </ui_checkbox>
1332
+ <label
1323
1333
  class="text small text label"
1334
+ for="checkout-joinClub"
1324
1335
  >
1325
1336
  user.label.join_club
1326
- </span>
1327
- </div>
1328
- <div
1337
+ </label>
1338
+ </ui_input_option>
1339
+ <ui_input_option
1329
1340
  class="pressable inputOption"
1330
1341
  hint=""
1331
1342
  id="checkout-privacyPolicy"
1343
+ tabindex="0"
1332
1344
  >
1333
- <div
1345
+ <ui_checkbox
1334
1346
  class="checkbox"
1335
1347
  >
1336
1348
  <input
@@ -1339,9 +1351,10 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1339
1351
  type="checkbox"
1340
1352
  value=""
1341
1353
  />
1342
- </div>
1343
- <span
1354
+ </ui_checkbox>
1355
+ <label
1344
1356
  class="text small text label"
1357
+ for="checkout-privacyPolicy"
1345
1358
  >
1346
1359
  user.label.checkout_privacy_policy
1347
1360
  <span
@@ -1349,29 +1362,29 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1349
1362
  >
1350
1363
  *
1351
1364
  </span>
1352
- </span>
1353
- </div>
1365
+ </label>
1366
+ </ui_input_option>
1354
1367
  </form>
1355
- <div
1368
+ <ui_view
1356
1369
  class="view"
1357
1370
  >
1358
- <div
1371
+ <ui_view
1359
1372
  class="view"
1360
1373
  >
1361
- <h3
1374
+ <ui_text
1362
1375
  class="text bold headline-3"
1363
1376
  >
1364
1377
  payments.label.payment_methods
1365
- </h3>
1366
- </div>
1367
- <div
1378
+ </ui_text>
1379
+ </ui_view>
1380
+ <ui_view
1368
1381
  class="view"
1369
1382
  >
1370
- <div
1383
+ <ui_pressable
1371
1384
  class="pressable disabled"
1372
1385
  disabled=""
1373
1386
  >
1374
- <div
1387
+ <ui_radio
1375
1388
  class="radio"
1376
1389
  >
1377
1390
  <input
@@ -1381,15 +1394,15 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1381
1394
  type="radio"
1382
1395
  value="CARD"
1383
1396
  />
1384
- <span
1397
+ <ui_primitive
1385
1398
  class="checkmark"
1386
1399
  />
1387
- </div>
1388
- <span
1400
+ </ui_radio>
1401
+ <ui_text
1389
1402
  class="text bold paragraph"
1390
1403
  >
1391
1404
  payments.label.card
1392
- </span>
1405
+ </ui_text>
1393
1406
  <img
1394
1407
  alt="VISA"
1395
1408
  class="view"
@@ -1400,24 +1413,25 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1400
1413
  class="view"
1401
1414
  src="https://static.mirai.com/payments/images/cards/mastercard.png"
1402
1415
  />
1403
- </div>
1404
- <div
1416
+ </ui_pressable>
1417
+ <ui_view
1405
1418
  class="view"
1406
1419
  >
1407
- <fieldset
1420
+ <ui_fieldset
1408
1421
  autocomplete="off"
1409
1422
  >
1410
- <div
1423
+ <ui_input_text
1411
1424
  class="view inputContainer"
1412
1425
  >
1413
- <div
1426
+ <ui_view
1414
1427
  class="view row inputBorder"
1415
1428
  >
1416
- <div
1429
+ <ui_view
1417
1430
  class="view wide content"
1418
1431
  >
1419
- <span
1432
+ <label
1420
1433
  class="text paragraph text label"
1434
+ for="input.checkout-card"
1421
1435
  >
1422
1436
  payments.label.card_number
1423
1437
  <span
@@ -1425,10 +1439,10 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1425
1439
  >
1426
1440
  *
1427
1441
  </span>
1428
- </span>
1442
+ </label>
1429
1443
  <input
1430
1444
  class="input input withLabel"
1431
- id="checkout-card"
1445
+ id="input.checkout-card"
1432
1446
  maxlength="19"
1433
1447
  name="card"
1434
1448
  placeholder="0000 0000 0000 0000"
@@ -1436,20 +1450,21 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1436
1450
  type="text"
1437
1451
  value=""
1438
1452
  />
1439
- </div>
1440
- </div>
1441
- </div>
1442
- <div
1453
+ </ui_view>
1454
+ </ui_view>
1455
+ </ui_input_text>
1456
+ <ui_input_text
1443
1457
  class="view inputContainer"
1444
1458
  >
1445
- <div
1459
+ <ui_view
1446
1460
  class="view row inputBorder"
1447
1461
  >
1448
- <div
1462
+ <ui_view
1449
1463
  class="view wide content"
1450
1464
  >
1451
- <span
1465
+ <label
1452
1466
  class="text paragraph text label"
1467
+ for="input.checkout-name"
1453
1468
  >
1454
1469
  payments.label.card_name
1455
1470
  <span
@@ -1457,10 +1472,10 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1457
1472
  >
1458
1473
  *
1459
1474
  </span>
1460
- </span>
1475
+ </label>
1461
1476
  <input
1462
1477
  class="input input withLabel"
1463
- id="checkout-name"
1478
+ id="input.checkout-name"
1464
1479
  maxlength="100"
1465
1480
  minlength="3"
1466
1481
  name="name"
@@ -1468,20 +1483,21 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1468
1483
  type="text"
1469
1484
  value=""
1470
1485
  />
1471
- </div>
1472
- </div>
1473
- </div>
1474
- <div
1486
+ </ui_view>
1487
+ </ui_view>
1488
+ </ui_input_text>
1489
+ <ui_input_date
1475
1490
  class="view inputContainer"
1476
1491
  >
1477
- <div
1492
+ <ui_view
1478
1493
  class="view row inputBorder"
1479
1494
  >
1480
- <div
1495
+ <ui_view
1481
1496
  class="view wide content"
1482
1497
  >
1483
- <span
1498
+ <label
1484
1499
  class="text paragraph text label"
1500
+ for="input.checkout-expire"
1485
1501
  >
1486
1502
  payments.label.expiration
1487
1503
  <span
@@ -1489,10 +1505,10 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1489
1505
  >
1490
1506
  *
1491
1507
  </span>
1492
- </span>
1508
+ </label>
1493
1509
  <input
1494
1510
  class="input input withLabel"
1495
- id="checkout-expire"
1511
+ id="input.checkout-expire"
1496
1512
  maxlength="5"
1497
1513
  name="expire"
1498
1514
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -1500,19 +1516,20 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1500
1516
  type="inputDate"
1501
1517
  value=""
1502
1518
  />
1503
- </div>
1504
- </div>
1505
- </div>
1506
- </fieldset>
1507
- </div>
1508
- </div>
1509
- <div
1519
+ </ui_view>
1520
+ </ui_view>
1521
+ </ui_input_date>
1522
+ </ui_fieldset>
1523
+ </ui_view>
1524
+ </ui_view>
1525
+ <ui_view
1510
1526
  class="view"
1511
1527
  >
1512
- <div
1528
+ <ui_pressable
1513
1529
  class="pressable"
1530
+ tabindex="0"
1514
1531
  >
1515
- <div
1532
+ <ui_radio
1516
1533
  class="radio"
1517
1534
  >
1518
1535
  <input
@@ -1521,37 +1538,39 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1521
1538
  type="radio"
1522
1539
  value="AMAZON_PAY"
1523
1540
  />
1524
- <span
1541
+ <ui_primitive
1525
1542
  class="checkmark"
1526
1543
  />
1527
- </div>
1528
- <span
1544
+ </ui_radio>
1545
+ <ui_text
1529
1546
  class="text bold paragraph"
1530
1547
  >
1531
1548
  payments.label.amazon
1532
- </span>
1549
+ </ui_text>
1533
1550
  <img
1534
1551
  alt="AMAZON PAY"
1535
1552
  class="view"
1536
1553
  src="https://static.mirai.com/payments/images/amazonpay.png"
1537
1554
  />
1538
- </div>
1539
- </div>
1540
- </div>
1541
- <div
1555
+ </ui_pressable>
1556
+ </ui_view>
1557
+ </ui_view>
1558
+ <ui_modal_overflow
1542
1559
  class="pressable container overflow"
1543
1560
  style="height: 768px;"
1561
+ tabindex="0"
1544
1562
  >
1545
- <div
1563
+ <ui_view
1546
1564
  class="view fit modal"
1547
1565
  >
1548
- <div
1566
+ <ui_view
1549
1567
  class="view row header hideBack"
1550
1568
  >
1551
1569
  <button
1552
1570
  class="pressable button small squared transparent button"
1571
+ tabindex="0"
1553
1572
  >
1554
- <span
1573
+ <ui_icon
1555
1574
  class="icon headline-3 icon"
1556
1575
  >
1557
1576
  <svg
@@ -1571,85 +1590,85 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
1571
1590
  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
1572
1591
  />
1573
1592
  </svg>
1574
- </span>
1593
+ </ui_icon>
1575
1594
  </button>
1576
- </div>
1577
- <div
1595
+ </ui_view>
1596
+ <ui_scrollview
1578
1597
  class="scrollview vertical notIndicator"
1579
1598
  >
1580
- <div
1599
+ <ui_view
1581
1600
  class="view"
1582
1601
  >
1583
- <div
1602
+ <ui_view
1584
1603
  class="view"
1585
1604
  >
1586
- <span
1605
+ <ui_text
1587
1606
  class="text bold small"
1588
1607
  >
1589
1608
  common.label.payment_terms
1590
- </span>
1591
- <span
1609
+ </ui_text>
1610
+ <ui_text
1592
1611
  class="text small"
1593
1612
  >
1594
1613
  Prepago de 100%: Tarjeta de crédito o Amazon Pay
1595
- </span>
1596
- </div>
1597
- <div
1614
+ </ui_text>
1615
+ </ui_view>
1616
+ <ui_view
1598
1617
  class="view"
1599
1618
  >
1600
- <span
1619
+ <ui_text
1601
1620
  class="text bold small"
1602
1621
  >
1603
1622
  common.label.cancellation_policy
1604
- </span>
1605
- <span
1623
+ </ui_text>
1624
+ <ui_text
1606
1625
  class="text small"
1607
1626
  >
1608
1627
  Para que la reserva quede confirmada, es necesario el cobro por anticipado del 100% de toda la estancia reservada. Recibirá un cargo en su tarjeta por dicho importe. Sólo entonces su confirmación tendrá validez. El importe no será devuelto bajo ninguna circunstancia.
1609
- </span>
1610
- </div>
1611
- <div
1628
+ </ui_text>
1629
+ </ui_view>
1630
+ <ui_view
1612
1631
  class="view"
1613
1632
  >
1614
- <span
1633
+ <ui_text
1615
1634
  class="text bold small"
1616
1635
  >
1617
1636
  common.label.others_terms
1618
- </span>
1619
- <span
1637
+ </ui_text>
1638
+ <ui_text
1620
1639
  class="text small"
1621
1640
  >
1622
- <span
1641
+ <ui_text
1623
1642
  class="text small wide"
1624
1643
  >
1625
1644
  Check- in a partir de las 15.00h.
1626
- </span>
1627
- <span
1645
+ </ui_text>
1646
+ <ui_text
1628
1647
  class="text small wide"
1629
1648
  >
1630
1649
  Check - out hasta las 12.00h.
1631
- </span>
1632
- <span
1650
+ </ui_text>
1651
+ <ui_text
1633
1652
  class="text small wide"
1634
1653
  >
1635
1654
  Los niños de 3 a 12 años podrán acceder a las instalaciones dedicadas a su uso y disfrute.
1636
- </span>
1637
- <span
1655
+ </ui_text>
1656
+ <ui_text
1638
1657
  class="text small wide"
1639
1658
  >
1640
1659
  En caso de alojarse con bebés, éstos no incluyen régimen alguno.
1641
- </span>
1642
- <span
1660
+ </ui_text>
1661
+ <ui_text
1643
1662
  class="text small wide"
1644
1663
  >
1645
1664
  Acceso spa infantil para bebés 8.50€ al día.
1646
- </span>
1647
- </span>
1648
- </div>
1649
- </div>
1650
- </div>
1651
- </div>
1652
- </div>
1665
+ </ui_text>
1666
+ </ui_text>
1667
+ </ui_view>
1668
+ </ui_view>
1669
+ </ui_scrollview>
1670
+ </ui_view>
1671
+ </ui_modal_overflow>
1653
1672
  </DocumentFragment>
1654
1673
  `;
1655
1674
 
@@ -1658,30 +1677,31 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
1658
1677
  <form
1659
1678
  autocomplete="off"
1660
1679
  >
1661
- <h3
1680
+ <ui_text
1662
1681
  class="text bold headline-3 wide"
1663
1682
  >
1664
1683
  user.label.personal_details
1665
- </h3>
1666
- <span
1684
+ </ui_text>
1685
+ <ui_text
1667
1686
  class="text small wide"
1668
1687
  >
1669
1688
  <span>
1670
1689
  *
1671
1690
  </span>
1672
1691
   
1673
- </span>
1674
- <div
1692
+ </ui_text>
1693
+ <ui_input_text
1675
1694
  class="view inputContainer"
1676
1695
  >
1677
- <div
1696
+ <ui_view
1678
1697
  class="view row inputBorder"
1679
1698
  >
1680
- <div
1699
+ <ui_view
1681
1700
  class="view wide content"
1682
1701
  >
1683
- <span
1702
+ <label
1684
1703
  class="text paragraph text label"
1704
+ for="input.checkout-firstName"
1685
1705
  >
1686
1706
  common.label.firstname
1687
1707
  <span
@@ -1689,29 +1709,30 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
1689
1709
  >
1690
1710
  *
1691
1711
  </span>
1692
- </span>
1712
+ </label>
1693
1713
  <input
1694
1714
  class="input input withLabel"
1695
- id="checkout-firstName"
1715
+ id="input.checkout-firstName"
1696
1716
  name="firstName"
1697
1717
  required=""
1698
1718
  type="text"
1699
1719
  value=""
1700
1720
  />
1701
- </div>
1702
- </div>
1703
- </div>
1704
- <div
1721
+ </ui_view>
1722
+ </ui_view>
1723
+ </ui_input_text>
1724
+ <ui_input_text
1705
1725
  class="view inputContainer"
1706
1726
  >
1707
- <div
1727
+ <ui_view
1708
1728
  class="view row inputBorder"
1709
1729
  >
1710
- <div
1730
+ <ui_view
1711
1731
  class="view wide content"
1712
1732
  >
1713
- <span
1733
+ <label
1714
1734
  class="text paragraph text label"
1735
+ for="input.checkout-lastName"
1715
1736
  >
1716
1737
  common.label.lastname
1717
1738
  <span
@@ -1719,29 +1740,30 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
1719
1740
  >
1720
1741
  *
1721
1742
  </span>
1722
- </span>
1743
+ </label>
1723
1744
  <input
1724
1745
  class="input input withLabel"
1725
- id="checkout-lastName"
1746
+ id="input.checkout-lastName"
1726
1747
  name="lastName"
1727
1748
  required=""
1728
1749
  type="text"
1729
1750
  value=""
1730
1751
  />
1731
- </div>
1732
- </div>
1733
- </div>
1734
- <div
1752
+ </ui_view>
1753
+ </ui_view>
1754
+ </ui_input_text>
1755
+ <ui_input_text
1735
1756
  class="view inputContainer"
1736
1757
  >
1737
- <div
1758
+ <ui_view
1738
1759
  class="view row inputBorder"
1739
1760
  >
1740
- <div
1761
+ <ui_view
1741
1762
  class="view wide content"
1742
1763
  >
1743
- <span
1764
+ <label
1744
1765
  class="text paragraph text label"
1766
+ for="input.checkout-email"
1745
1767
  >
1746
1768
  common.label.email
1747
1769
  <span
@@ -1749,38 +1771,39 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
1749
1771
  >
1750
1772
  *
1751
1773
  </span>
1752
- </span>
1774
+ </label>
1753
1775
  <input
1754
1776
  class="input input withLabel"
1755
- id="checkout-email"
1777
+ id="input.checkout-email"
1756
1778
  name="email"
1757
1779
  required=""
1758
1780
  type="email"
1759
1781
  value=""
1760
1782
  />
1761
- </div>
1762
- </div>
1763
- </div>
1764
- <div
1765
- class="view container"
1783
+ </ui_view>
1784
+ </ui_view>
1785
+ </ui_input_text>
1786
+ <ui_input_phone
1787
+ class="view inputPhone"
1766
1788
  >
1767
- <div
1789
+ <ui_view
1768
1790
  class="view row inputBorder"
1769
1791
  >
1770
- <div
1792
+ <ui_view
1771
1793
  class="view row"
1772
1794
  >
1773
- <div
1795
+ <ui_view
1774
1796
  class="view content"
1775
1797
  >
1776
- <span
1798
+ <label
1777
1799
  class="text paragraph text label"
1800
+ for="phone-prefix"
1778
1801
  >
1779
1802
  common.label.phone_prefix
1780
- </span>
1803
+ </label>
1781
1804
  <select
1782
1805
  class="select empty input prefix withLabel empty"
1783
- id="checkout-phone"
1806
+ id="phone-prefix"
1784
1807
  name="phone-prefix"
1785
1808
  required=""
1786
1809
  >
@@ -2820,8 +2843,8 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
2820
2843
  +998
2821
2844
  </option>
2822
2845
  </select>
2823
- </div>
2824
- <span
2846
+ </ui_view>
2847
+ <ui_icon
2825
2848
  class="icon headline-3 icon expand"
2826
2849
  >
2827
2850
  <svg
@@ -2842,19 +2865,20 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
2842
2865
  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
2843
2866
  />
2844
2867
  </svg>
2845
- </span>
2846
- </div>
2847
- <div
2868
+ </ui_icon>
2869
+ </ui_view>
2870
+ <ui_view
2848
2871
  class="view forceRow separator"
2849
2872
  />
2850
- <div
2873
+ <ui_view
2851
2874
  class="view row wide"
2852
2875
  >
2853
- <div
2876
+ <ui_view
2854
2877
  class="view wide content"
2855
2878
  >
2856
- <span
2879
+ <label
2857
2880
  class="text paragraph text label"
2881
+ for="checkout-phone"
2858
2882
  >
2859
2883
  common.label.phone
2860
2884
  <span
@@ -2862,7 +2886,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
2862
2886
  >
2863
2887
  *
2864
2888
  </span>
2865
- </span>
2889
+ </label>
2866
2890
  <input
2867
2891
  class="input input withLabel"
2868
2892
  id="checkout-phone"
@@ -2872,62 +2896,64 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
2872
2896
  type="tel"
2873
2897
  value=""
2874
2898
  />
2875
- </div>
2876
- </div>
2877
- </div>
2878
- </div>
2879
- <div
2899
+ </ui_view>
2900
+ </ui_view>
2901
+ </ui_view>
2902
+ </ui_input_phone>
2903
+ <ui_input_text
2880
2904
  class="view inputContainer"
2881
2905
  >
2882
- <div
2906
+ <ui_view
2883
2907
  class="view row inputBorder"
2884
2908
  >
2885
- <div
2909
+ <ui_view
2886
2910
  class="view wide content"
2887
2911
  >
2888
- <span
2912
+ <label
2889
2913
  class="text paragraph text label"
2914
+ for="input.checkout-company"
2890
2915
  >
2891
2916
  common.label.company
2892
- </span>
2917
+ </label>
2893
2918
  <input
2894
2919
  class="input input withLabel"
2895
- id="checkout-company"
2920
+ id="input.checkout-company"
2896
2921
  name="company"
2897
2922
  type="text"
2898
2923
  value=""
2899
2924
  />
2900
- </div>
2901
- </div>
2902
- </div>
2903
- <div
2925
+ </ui_view>
2926
+ </ui_view>
2927
+ </ui_input_text>
2928
+ <ui_input_text
2904
2929
  class="view inputContainer"
2905
2930
  >
2906
- <div
2931
+ <ui_view
2907
2932
  class="view row inputBorder"
2908
2933
  >
2909
- <div
2934
+ <ui_view
2910
2935
  class="view wide content"
2911
2936
  >
2912
- <span
2937
+ <label
2913
2938
  class="text paragraph text label"
2939
+ for="input.checkout-comments"
2914
2940
  >
2915
2941
  common.label.comments
2916
- </span>
2942
+ </label>
2917
2943
  <textarea
2918
2944
  class="input input withLabel multiLine"
2919
- id="checkout-comments"
2945
+ id="input.checkout-comments"
2920
2946
  name="comments"
2921
2947
  />
2922
- </div>
2923
- </div>
2924
- <span
2948
+ </ui_view>
2949
+ </ui_view>
2950
+ <ui_text
2925
2951
  class="text small text hint"
2926
2952
  >
2927
2953
  user.label.comments_hint
2928
- </span>
2929
- </div>
2930
- <span
2954
+ </ui_text>
2955
+ </ui_input_text>
2956
+ <ui_text
2931
2957
  class="text small"
2932
2958
  hint=""
2933
2959
  id="checkout-undefined"
@@ -2935,13 +2961,14 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
2935
2961
  name="undefined"
2936
2962
  >
2937
2963
  La hora de entrada es a partir de las 15:00h. La hora de salidas es hasta las 12:00h
2938
- </span>
2939
- <div
2964
+ </ui_text>
2965
+ <ui_input_option
2940
2966
  class="pressable inputOption"
2941
2967
  hint=""
2942
2968
  id="checkout-hotel_future_offers"
2969
+ tabindex="0"
2943
2970
  >
2944
- <div
2971
+ <ui_checkbox
2945
2972
  class="checkbox"
2946
2973
  >
2947
2974
  <input
@@ -2950,19 +2977,21 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
2950
2977
  type="checkbox"
2951
2978
  value=""
2952
2979
  />
2953
- </div>
2954
- <span
2980
+ </ui_checkbox>
2981
+ <label
2955
2982
  class="text small text label"
2983
+ for="checkout-hotel_future_offers"
2956
2984
  >
2957
2985
  Quiero recibir futuras ofertas y noticias de este establecimiento
2958
- </span>
2959
- </div>
2960
- <div
2986
+ </label>
2987
+ </ui_input_option>
2988
+ <ui_input_option
2961
2989
  class="pressable inputOption"
2962
2990
  hint=""
2963
2991
  id="checkout-joinClub"
2992
+ tabindex="0"
2964
2993
  >
2965
- <div
2994
+ <ui_checkbox
2966
2995
  class="checkbox"
2967
2996
  >
2968
2997
  <input
@@ -2971,19 +3000,21 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
2971
3000
  type="checkbox"
2972
3001
  value=""
2973
3002
  />
2974
- </div>
2975
- <span
3003
+ </ui_checkbox>
3004
+ <label
2976
3005
  class="text small text label"
3006
+ for="checkout-joinClub"
2977
3007
  >
2978
3008
  user.label.join_club
2979
- </span>
2980
- </div>
2981
- <div
3009
+ </label>
3010
+ </ui_input_option>
3011
+ <ui_input_option
2982
3012
  class="pressable inputOption"
2983
3013
  hint=""
2984
3014
  id="checkout-privacyPolicy"
3015
+ tabindex="0"
2985
3016
  >
2986
- <div
3017
+ <ui_checkbox
2987
3018
  class="checkbox"
2988
3019
  >
2989
3020
  <input
@@ -2992,9 +3023,10 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
2992
3023
  type="checkbox"
2993
3024
  value=""
2994
3025
  />
2995
- </div>
2996
- <span
3026
+ </ui_checkbox>
3027
+ <label
2997
3028
  class="text small text label"
3029
+ for="checkout-privacyPolicy"
2998
3030
  >
2999
3031
  user.label.checkout_privacy_policy
3000
3032
  <span
@@ -3002,29 +3034,29 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
3002
3034
  >
3003
3035
  *
3004
3036
  </span>
3005
- </span>
3006
- </div>
3037
+ </label>
3038
+ </ui_input_option>
3007
3039
  </form>
3008
- <div
3040
+ <ui_view
3009
3041
  class="view"
3010
3042
  >
3011
- <div
3043
+ <ui_view
3012
3044
  class="view"
3013
3045
  >
3014
- <h3
3046
+ <ui_text
3015
3047
  class="text bold headline-3"
3016
3048
  >
3017
3049
  payments.label.payment_methods
3018
- </h3>
3019
- </div>
3020
- <div
3050
+ </ui_text>
3051
+ </ui_view>
3052
+ <ui_view
3021
3053
  class="view"
3022
3054
  >
3023
- <div
3055
+ <ui_pressable
3024
3056
  class="pressable disabled"
3025
3057
  disabled=""
3026
3058
  >
3027
- <div
3059
+ <ui_radio
3028
3060
  class="radio"
3029
3061
  >
3030
3062
  <input
@@ -3034,15 +3066,15 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
3034
3066
  type="radio"
3035
3067
  value="CARD"
3036
3068
  />
3037
- <span
3069
+ <ui_primitive
3038
3070
  class="checkmark"
3039
3071
  />
3040
- </div>
3041
- <span
3072
+ </ui_radio>
3073
+ <ui_text
3042
3074
  class="text bold paragraph"
3043
3075
  >
3044
3076
  payments.label.card
3045
- </span>
3077
+ </ui_text>
3046
3078
  <img
3047
3079
  alt="VISA"
3048
3080
  class="view"
@@ -3053,24 +3085,25 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
3053
3085
  class="view"
3054
3086
  src="https://static.mirai.com/payments/images/cards/mastercard.png"
3055
3087
  />
3056
- </div>
3057
- <div
3088
+ </ui_pressable>
3089
+ <ui_view
3058
3090
  class="view"
3059
3091
  >
3060
- <fieldset
3092
+ <ui_fieldset
3061
3093
  autocomplete="off"
3062
3094
  >
3063
- <div
3095
+ <ui_input_text
3064
3096
  class="view inputContainer"
3065
3097
  >
3066
- <div
3098
+ <ui_view
3067
3099
  class="view row inputBorder"
3068
3100
  >
3069
- <div
3101
+ <ui_view
3070
3102
  class="view wide content"
3071
3103
  >
3072
- <span
3104
+ <label
3073
3105
  class="text paragraph text label"
3106
+ for="input.checkout-card"
3074
3107
  >
3075
3108
  payments.label.card_number
3076
3109
  <span
@@ -3078,10 +3111,10 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
3078
3111
  >
3079
3112
  *
3080
3113
  </span>
3081
- </span>
3114
+ </label>
3082
3115
  <input
3083
3116
  class="input input withLabel"
3084
- id="checkout-card"
3117
+ id="input.checkout-card"
3085
3118
  maxlength="19"
3086
3119
  name="card"
3087
3120
  placeholder="0000 0000 0000 0000"
@@ -3089,20 +3122,21 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
3089
3122
  type="text"
3090
3123
  value=""
3091
3124
  />
3092
- </div>
3093
- </div>
3094
- </div>
3095
- <div
3125
+ </ui_view>
3126
+ </ui_view>
3127
+ </ui_input_text>
3128
+ <ui_input_text
3096
3129
  class="view inputContainer"
3097
3130
  >
3098
- <div
3131
+ <ui_view
3099
3132
  class="view row inputBorder"
3100
3133
  >
3101
- <div
3134
+ <ui_view
3102
3135
  class="view wide content"
3103
3136
  >
3104
- <span
3137
+ <label
3105
3138
  class="text paragraph text label"
3139
+ for="input.checkout-name"
3106
3140
  >
3107
3141
  payments.label.card_name
3108
3142
  <span
@@ -3110,10 +3144,10 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
3110
3144
  >
3111
3145
  *
3112
3146
  </span>
3113
- </span>
3147
+ </label>
3114
3148
  <input
3115
3149
  class="input input withLabel"
3116
- id="checkout-name"
3150
+ id="input.checkout-name"
3117
3151
  maxlength="100"
3118
3152
  minlength="3"
3119
3153
  name="name"
@@ -3121,20 +3155,21 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
3121
3155
  type="text"
3122
3156
  value=""
3123
3157
  />
3124
- </div>
3125
- </div>
3126
- </div>
3127
- <div
3158
+ </ui_view>
3159
+ </ui_view>
3160
+ </ui_input_text>
3161
+ <ui_input_date
3128
3162
  class="view inputContainer"
3129
3163
  >
3130
- <div
3164
+ <ui_view
3131
3165
  class="view row inputBorder"
3132
3166
  >
3133
- <div
3167
+ <ui_view
3134
3168
  class="view wide content"
3135
3169
  >
3136
- <span
3170
+ <label
3137
3171
  class="text paragraph text label"
3172
+ for="input.checkout-expire"
3138
3173
  >
3139
3174
  payments.label.expiration
3140
3175
  <span
@@ -3142,10 +3177,10 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
3142
3177
  >
3143
3178
  *
3144
3179
  </span>
3145
- </span>
3180
+ </label>
3146
3181
  <input
3147
3182
  class="input input withLabel"
3148
- id="checkout-expire"
3183
+ id="input.checkout-expire"
3149
3184
  maxlength="5"
3150
3185
  name="expire"
3151
3186
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -3153,19 +3188,20 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
3153
3188
  type="inputDate"
3154
3189
  value=""
3155
3190
  />
3156
- </div>
3157
- </div>
3158
- </div>
3159
- </fieldset>
3160
- </div>
3161
- </div>
3162
- <div
3191
+ </ui_view>
3192
+ </ui_view>
3193
+ </ui_input_date>
3194
+ </ui_fieldset>
3195
+ </ui_view>
3196
+ </ui_view>
3197
+ <ui_view
3163
3198
  class="view"
3164
3199
  >
3165
- <div
3200
+ <ui_pressable
3166
3201
  class="pressable"
3202
+ tabindex="0"
3167
3203
  >
3168
- <div
3204
+ <ui_radio
3169
3205
  class="radio"
3170
3206
  >
3171
3207
  <input
@@ -3174,37 +3210,39 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
3174
3210
  type="radio"
3175
3211
  value="AMAZON_PAY"
3176
3212
  />
3177
- <span
3213
+ <ui_primitive
3178
3214
  class="checkmark"
3179
3215
  />
3180
- </div>
3181
- <span
3216
+ </ui_radio>
3217
+ <ui_text
3182
3218
  class="text bold paragraph"
3183
3219
  >
3184
3220
  payments.label.amazon
3185
- </span>
3221
+ </ui_text>
3186
3222
  <img
3187
3223
  alt="AMAZON PAY"
3188
3224
  class="view"
3189
3225
  src="https://static.mirai.com/payments/images/amazonpay.png"
3190
3226
  />
3191
- </div>
3192
- </div>
3193
- </div>
3194
- <div
3227
+ </ui_pressable>
3228
+ </ui_view>
3229
+ </ui_view>
3230
+ <ui_modal_overflow
3195
3231
  class="pressable container overflow"
3196
3232
  style="height: 768px;"
3233
+ tabindex="0"
3197
3234
  >
3198
- <div
3235
+ <ui_view
3199
3236
  class="view fit modal"
3200
3237
  >
3201
- <div
3238
+ <ui_view
3202
3239
  class="view row header hideBack"
3203
3240
  >
3204
3241
  <button
3205
3242
  class="pressable button small squared transparent button"
3243
+ tabindex="0"
3206
3244
  >
3207
- <span
3245
+ <ui_icon
3208
3246
  class="icon headline-3 icon"
3209
3247
  >
3210
3248
  <svg
@@ -3224,85 +3262,85 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
3224
3262
  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
3225
3263
  />
3226
3264
  </svg>
3227
- </span>
3265
+ </ui_icon>
3228
3266
  </button>
3229
- </div>
3230
- <div
3267
+ </ui_view>
3268
+ <ui_scrollview
3231
3269
  class="scrollview vertical notIndicator"
3232
3270
  >
3233
- <div
3271
+ <ui_view
3234
3272
  class="view"
3235
3273
  >
3236
- <div
3274
+ <ui_view
3237
3275
  class="view"
3238
3276
  >
3239
- <span
3277
+ <ui_text
3240
3278
  class="text bold small"
3241
3279
  >
3242
3280
  common.label.payment_terms
3243
- </span>
3244
- <span
3281
+ </ui_text>
3282
+ <ui_text
3245
3283
  class="text small"
3246
3284
  >
3247
3285
  Prepago de 100%: Tarjeta de crédito o Amazon Pay
3248
- </span>
3249
- </div>
3250
- <div
3286
+ </ui_text>
3287
+ </ui_view>
3288
+ <ui_view
3251
3289
  class="view"
3252
3290
  >
3253
- <span
3291
+ <ui_text
3254
3292
  class="text bold small"
3255
3293
  >
3256
3294
  common.label.cancellation_policy
3257
- </span>
3258
- <span
3295
+ </ui_text>
3296
+ <ui_text
3259
3297
  class="text small"
3260
3298
  >
3261
3299
  Para que la reserva quede confirmada, es necesario el cobro por anticipado del 100% de toda la estancia reservada. Recibirá un cargo en su tarjeta por dicho importe. Sólo entonces su confirmación tendrá validez. El importe no será devuelto bajo ninguna circunstancia.
3262
- </span>
3263
- </div>
3264
- <div
3300
+ </ui_text>
3301
+ </ui_view>
3302
+ <ui_view
3265
3303
  class="view"
3266
3304
  >
3267
- <span
3305
+ <ui_text
3268
3306
  class="text bold small"
3269
3307
  >
3270
3308
  common.label.others_terms
3271
- </span>
3272
- <span
3309
+ </ui_text>
3310
+ <ui_text
3273
3311
  class="text small"
3274
3312
  >
3275
- <span
3313
+ <ui_text
3276
3314
  class="text small wide"
3277
3315
  >
3278
3316
  Check- in a partir de las 15.00h.
3279
- </span>
3280
- <span
3317
+ </ui_text>
3318
+ <ui_text
3281
3319
  class="text small wide"
3282
3320
  >
3283
3321
  Check - out hasta las 12.00h.
3284
- </span>
3285
- <span
3322
+ </ui_text>
3323
+ <ui_text
3286
3324
  class="text small wide"
3287
3325
  >
3288
3326
  Los niños de 3 a 12 años podrán acceder a las instalaciones dedicadas a su uso y disfrute.
3289
- </span>
3290
- <span
3327
+ </ui_text>
3328
+ <ui_text
3291
3329
  class="text small wide"
3292
3330
  >
3293
3331
  En caso de alojarse con bebés, éstos no incluyen régimen alguno.
3294
- </span>
3295
- <span
3332
+ </ui_text>
3333
+ <ui_text
3296
3334
  class="text small wide"
3297
3335
  >
3298
3336
  Acceso spa infantil para bebés 8.50€ al día.
3299
- </span>
3300
- </span>
3301
- </div>
3302
- </div>
3303
- </div>
3304
- </div>
3305
- </div>
3337
+ </ui_text>
3338
+ </ui_text>
3339
+ </ui_view>
3340
+ </ui_view>
3341
+ </ui_scrollview>
3342
+ </ui_view>
3343
+ </ui_modal_overflow>
3306
3344
  </DocumentFragment>
3307
3345
  `;
3308
3346
 
@@ -3312,30 +3350,31 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
3312
3350
  autocomplete="off"
3313
3351
  data-testid="mirai"
3314
3352
  >
3315
- <h3
3353
+ <ui_text
3316
3354
  class="text bold headline-3 wide"
3317
3355
  >
3318
3356
  user.label.personal_details
3319
- </h3>
3320
- <span
3357
+ </ui_text>
3358
+ <ui_text
3321
3359
  class="text small wide"
3322
3360
  >
3323
3361
  <span>
3324
3362
  *
3325
3363
  </span>
3326
3364
   
3327
- </span>
3328
- <div
3365
+ </ui_text>
3366
+ <ui_input_text
3329
3367
  class="view inputContainer"
3330
3368
  >
3331
- <div
3369
+ <ui_view
3332
3370
  class="view row inputBorder"
3333
3371
  >
3334
- <div
3372
+ <ui_view
3335
3373
  class="view wide content"
3336
3374
  >
3337
- <span
3375
+ <label
3338
3376
  class="text paragraph text label"
3377
+ for="input.checkout-firstName"
3339
3378
  >
3340
3379
  common.label.firstname
3341
3380
  <span
@@ -3343,29 +3382,30 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
3343
3382
  >
3344
3383
  *
3345
3384
  </span>
3346
- </span>
3385
+ </label>
3347
3386
  <input
3348
3387
  class="input input withLabel"
3349
- id="checkout-firstName"
3388
+ id="input.checkout-firstName"
3350
3389
  name="firstName"
3351
3390
  required=""
3352
3391
  type="text"
3353
3392
  value=""
3354
3393
  />
3355
- </div>
3356
- </div>
3357
- </div>
3358
- <div
3394
+ </ui_view>
3395
+ </ui_view>
3396
+ </ui_input_text>
3397
+ <ui_input_text
3359
3398
  class="view inputContainer"
3360
3399
  >
3361
- <div
3400
+ <ui_view
3362
3401
  class="view row inputBorder"
3363
3402
  >
3364
- <div
3403
+ <ui_view
3365
3404
  class="view wide content"
3366
3405
  >
3367
- <span
3406
+ <label
3368
3407
  class="text paragraph text label"
3408
+ for="input.checkout-lastName"
3369
3409
  >
3370
3410
  common.label.lastname
3371
3411
  <span
@@ -3373,29 +3413,30 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
3373
3413
  >
3374
3414
  *
3375
3415
  </span>
3376
- </span>
3416
+ </label>
3377
3417
  <input
3378
3418
  class="input input withLabel"
3379
- id="checkout-lastName"
3419
+ id="input.checkout-lastName"
3380
3420
  name="lastName"
3381
3421
  required=""
3382
3422
  type="text"
3383
3423
  value=""
3384
3424
  />
3385
- </div>
3386
- </div>
3387
- </div>
3388
- <div
3425
+ </ui_view>
3426
+ </ui_view>
3427
+ </ui_input_text>
3428
+ <ui_input_text
3389
3429
  class="view inputContainer"
3390
3430
  >
3391
- <div
3431
+ <ui_view
3392
3432
  class="view row inputBorder"
3393
3433
  >
3394
- <div
3434
+ <ui_view
3395
3435
  class="view wide content"
3396
3436
  >
3397
- <span
3437
+ <label
3398
3438
  class="text paragraph text label"
3439
+ for="input.checkout-email"
3399
3440
  >
3400
3441
  common.label.email
3401
3442
  <span
@@ -3403,38 +3444,39 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
3403
3444
  >
3404
3445
  *
3405
3446
  </span>
3406
- </span>
3447
+ </label>
3407
3448
  <input
3408
3449
  class="input input withLabel"
3409
- id="checkout-email"
3450
+ id="input.checkout-email"
3410
3451
  name="email"
3411
3452
  required=""
3412
3453
  type="email"
3413
3454
  value=""
3414
3455
  />
3415
- </div>
3416
- </div>
3417
- </div>
3418
- <div
3419
- class="view container"
3456
+ </ui_view>
3457
+ </ui_view>
3458
+ </ui_input_text>
3459
+ <ui_input_phone
3460
+ class="view inputPhone"
3420
3461
  >
3421
- <div
3462
+ <ui_view
3422
3463
  class="view row inputBorder"
3423
3464
  >
3424
- <div
3465
+ <ui_view
3425
3466
  class="view row"
3426
3467
  >
3427
- <div
3468
+ <ui_view
3428
3469
  class="view content"
3429
3470
  >
3430
- <span
3471
+ <label
3431
3472
  class="text paragraph text label"
3473
+ for="phone-prefix"
3432
3474
  >
3433
3475
  common.label.phone_prefix
3434
- </span>
3476
+ </label>
3435
3477
  <select
3436
3478
  class="select empty input prefix withLabel empty"
3437
- id="checkout-phone"
3479
+ id="phone-prefix"
3438
3480
  name="phone-prefix"
3439
3481
  required=""
3440
3482
  >
@@ -4474,8 +4516,8 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4474
4516
  +998
4475
4517
  </option>
4476
4518
  </select>
4477
- </div>
4478
- <span
4519
+ </ui_view>
4520
+ <ui_icon
4479
4521
  class="icon headline-3 icon expand"
4480
4522
  >
4481
4523
  <svg
@@ -4496,19 +4538,20 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4496
4538
  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
4497
4539
  />
4498
4540
  </svg>
4499
- </span>
4500
- </div>
4501
- <div
4541
+ </ui_icon>
4542
+ </ui_view>
4543
+ <ui_view
4502
4544
  class="view forceRow separator"
4503
4545
  />
4504
- <div
4546
+ <ui_view
4505
4547
  class="view row wide"
4506
4548
  >
4507
- <div
4549
+ <ui_view
4508
4550
  class="view wide content"
4509
4551
  >
4510
- <span
4552
+ <label
4511
4553
  class="text paragraph text label"
4554
+ for="checkout-phone"
4512
4555
  >
4513
4556
  common.label.phone
4514
4557
  <span
@@ -4516,7 +4559,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4516
4559
  >
4517
4560
  *
4518
4561
  </span>
4519
- </span>
4562
+ </label>
4520
4563
  <input
4521
4564
  class="input input withLabel"
4522
4565
  id="checkout-phone"
@@ -4526,62 +4569,64 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4526
4569
  type="tel"
4527
4570
  value=""
4528
4571
  />
4529
- </div>
4530
- </div>
4531
- </div>
4532
- </div>
4533
- <div
4572
+ </ui_view>
4573
+ </ui_view>
4574
+ </ui_view>
4575
+ </ui_input_phone>
4576
+ <ui_input_text
4534
4577
  class="view inputContainer"
4535
4578
  >
4536
- <div
4579
+ <ui_view
4537
4580
  class="view row inputBorder"
4538
4581
  >
4539
- <div
4582
+ <ui_view
4540
4583
  class="view wide content"
4541
4584
  >
4542
- <span
4585
+ <label
4543
4586
  class="text paragraph text label"
4587
+ for="input.checkout-company"
4544
4588
  >
4545
4589
  common.label.company
4546
- </span>
4590
+ </label>
4547
4591
  <input
4548
4592
  class="input input withLabel"
4549
- id="checkout-company"
4593
+ id="input.checkout-company"
4550
4594
  name="company"
4551
4595
  type="text"
4552
4596
  value=""
4553
4597
  />
4554
- </div>
4555
- </div>
4556
- </div>
4557
- <div
4598
+ </ui_view>
4599
+ </ui_view>
4600
+ </ui_input_text>
4601
+ <ui_input_text
4558
4602
  class="view inputContainer"
4559
4603
  >
4560
- <div
4604
+ <ui_view
4561
4605
  class="view row inputBorder"
4562
4606
  >
4563
- <div
4607
+ <ui_view
4564
4608
  class="view wide content"
4565
4609
  >
4566
- <span
4610
+ <label
4567
4611
  class="text paragraph text label"
4612
+ for="input.checkout-comments"
4568
4613
  >
4569
4614
  common.label.comments
4570
- </span>
4615
+ </label>
4571
4616
  <textarea
4572
4617
  class="input input withLabel multiLine"
4573
- id="checkout-comments"
4618
+ id="input.checkout-comments"
4574
4619
  name="comments"
4575
4620
  />
4576
- </div>
4577
- </div>
4578
- <span
4621
+ </ui_view>
4622
+ </ui_view>
4623
+ <ui_text
4579
4624
  class="text small text hint"
4580
4625
  >
4581
4626
  user.label.comments_hint
4582
- </span>
4583
- </div>
4584
- <span
4627
+ </ui_text>
4628
+ </ui_input_text>
4629
+ <ui_text
4585
4630
  class="text small"
4586
4631
  hint=""
4587
4632
  id="checkout-undefined"
@@ -4589,13 +4634,14 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4589
4634
  name="undefined"
4590
4635
  >
4591
4636
  La hora de entrada es a partir de las 15:00h. La hora de salidas es hasta las 12:00h
4592
- </span>
4593
- <div
4637
+ </ui_text>
4638
+ <ui_input_option
4594
4639
  class="pressable inputOption"
4595
4640
  hint=""
4596
4641
  id="checkout-hotel_future_offers"
4642
+ tabindex="0"
4597
4643
  >
4598
- <div
4644
+ <ui_checkbox
4599
4645
  class="checkbox"
4600
4646
  >
4601
4647
  <input
@@ -4604,19 +4650,21 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4604
4650
  type="checkbox"
4605
4651
  value=""
4606
4652
  />
4607
- </div>
4608
- <span
4653
+ </ui_checkbox>
4654
+ <label
4609
4655
  class="text small text label"
4656
+ for="checkout-hotel_future_offers"
4610
4657
  >
4611
4658
  Quiero recibir futuras ofertas y noticias de este establecimiento
4612
- </span>
4613
- </div>
4614
- <div
4659
+ </label>
4660
+ </ui_input_option>
4661
+ <ui_input_option
4615
4662
  class="pressable inputOption"
4616
4663
  hint=""
4617
4664
  id="checkout-joinClub"
4665
+ tabindex="0"
4618
4666
  >
4619
- <div
4667
+ <ui_checkbox
4620
4668
  class="checkbox"
4621
4669
  >
4622
4670
  <input
@@ -4625,19 +4673,21 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4625
4673
  type="checkbox"
4626
4674
  value=""
4627
4675
  />
4628
- </div>
4629
- <span
4676
+ </ui_checkbox>
4677
+ <label
4630
4678
  class="text small text label"
4679
+ for="checkout-joinClub"
4631
4680
  >
4632
4681
  user.label.join_club
4633
- </span>
4634
- </div>
4635
- <div
4682
+ </label>
4683
+ </ui_input_option>
4684
+ <ui_input_option
4636
4685
  class="pressable inputOption"
4637
4686
  hint=""
4638
4687
  id="checkout-privacyPolicy"
4688
+ tabindex="0"
4639
4689
  >
4640
- <div
4690
+ <ui_checkbox
4641
4691
  class="checkbox"
4642
4692
  >
4643
4693
  <input
@@ -4646,9 +4696,10 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4646
4696
  type="checkbox"
4647
4697
  value=""
4648
4698
  />
4649
- </div>
4650
- <span
4699
+ </ui_checkbox>
4700
+ <label
4651
4701
  class="text small text label"
4702
+ for="checkout-privacyPolicy"
4652
4703
  >
4653
4704
  user.label.checkout_privacy_policy
4654
4705
  <span
@@ -4656,29 +4707,29 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4656
4707
  >
4657
4708
  *
4658
4709
  </span>
4659
- </span>
4660
- </div>
4710
+ </label>
4711
+ </ui_input_option>
4661
4712
  </form>
4662
- <div
4713
+ <ui_view
4663
4714
  class="view"
4664
4715
  >
4665
- <div
4716
+ <ui_view
4666
4717
  class="view"
4667
4718
  >
4668
- <h3
4719
+ <ui_text
4669
4720
  class="text bold headline-3"
4670
4721
  >
4671
4722
  payments.label.payment_methods
4672
- </h3>
4673
- </div>
4674
- <div
4723
+ </ui_text>
4724
+ </ui_view>
4725
+ <ui_view
4675
4726
  class="view"
4676
4727
  >
4677
- <div
4728
+ <ui_pressable
4678
4729
  class="pressable disabled"
4679
4730
  disabled=""
4680
4731
  >
4681
- <div
4732
+ <ui_radio
4682
4733
  class="radio"
4683
4734
  >
4684
4735
  <input
@@ -4688,15 +4739,15 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4688
4739
  type="radio"
4689
4740
  value="CARD"
4690
4741
  />
4691
- <span
4742
+ <ui_primitive
4692
4743
  class="checkmark"
4693
4744
  />
4694
- </div>
4695
- <span
4745
+ </ui_radio>
4746
+ <ui_text
4696
4747
  class="text bold paragraph"
4697
4748
  >
4698
4749
  payments.label.card
4699
- </span>
4750
+ </ui_text>
4700
4751
  <img
4701
4752
  alt="VISA"
4702
4753
  class="view"
@@ -4707,24 +4758,25 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4707
4758
  class="view"
4708
4759
  src="https://static.mirai.com/payments/images/cards/mastercard.png"
4709
4760
  />
4710
- </div>
4711
- <div
4761
+ </ui_pressable>
4762
+ <ui_view
4712
4763
  class="view"
4713
4764
  >
4714
- <fieldset
4765
+ <ui_fieldset
4715
4766
  autocomplete="off"
4716
4767
  >
4717
- <div
4768
+ <ui_input_text
4718
4769
  class="view inputContainer"
4719
4770
  >
4720
- <div
4771
+ <ui_view
4721
4772
  class="view row inputBorder"
4722
4773
  >
4723
- <div
4774
+ <ui_view
4724
4775
  class="view wide content"
4725
4776
  >
4726
- <span
4777
+ <label
4727
4778
  class="text paragraph text label"
4779
+ for="input.checkout-card"
4728
4780
  >
4729
4781
  payments.label.card_number
4730
4782
  <span
@@ -4732,10 +4784,10 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4732
4784
  >
4733
4785
  *
4734
4786
  </span>
4735
- </span>
4787
+ </label>
4736
4788
  <input
4737
4789
  class="input input withLabel"
4738
- id="checkout-card"
4790
+ id="input.checkout-card"
4739
4791
  maxlength="19"
4740
4792
  name="card"
4741
4793
  placeholder="0000 0000 0000 0000"
@@ -4743,20 +4795,21 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4743
4795
  type="text"
4744
4796
  value=""
4745
4797
  />
4746
- </div>
4747
- </div>
4748
- </div>
4749
- <div
4798
+ </ui_view>
4799
+ </ui_view>
4800
+ </ui_input_text>
4801
+ <ui_input_text
4750
4802
  class="view inputContainer"
4751
4803
  >
4752
- <div
4804
+ <ui_view
4753
4805
  class="view row inputBorder"
4754
4806
  >
4755
- <div
4807
+ <ui_view
4756
4808
  class="view wide content"
4757
4809
  >
4758
- <span
4810
+ <label
4759
4811
  class="text paragraph text label"
4812
+ for="input.checkout-name"
4760
4813
  >
4761
4814
  payments.label.card_name
4762
4815
  <span
@@ -4764,10 +4817,10 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4764
4817
  >
4765
4818
  *
4766
4819
  </span>
4767
- </span>
4820
+ </label>
4768
4821
  <input
4769
4822
  class="input input withLabel"
4770
- id="checkout-name"
4823
+ id="input.checkout-name"
4771
4824
  maxlength="100"
4772
4825
  minlength="3"
4773
4826
  name="name"
@@ -4775,20 +4828,21 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4775
4828
  type="text"
4776
4829
  value=""
4777
4830
  />
4778
- </div>
4779
- </div>
4780
- </div>
4781
- <div
4831
+ </ui_view>
4832
+ </ui_view>
4833
+ </ui_input_text>
4834
+ <ui_input_date
4782
4835
  class="view inputContainer"
4783
4836
  >
4784
- <div
4837
+ <ui_view
4785
4838
  class="view row inputBorder"
4786
4839
  >
4787
- <div
4840
+ <ui_view
4788
4841
  class="view wide content"
4789
4842
  >
4790
- <span
4843
+ <label
4791
4844
  class="text paragraph text label"
4845
+ for="input.checkout-expire"
4792
4846
  >
4793
4847
  payments.label.expiration
4794
4848
  <span
@@ -4796,10 +4850,10 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4796
4850
  >
4797
4851
  *
4798
4852
  </span>
4799
- </span>
4853
+ </label>
4800
4854
  <input
4801
4855
  class="input input withLabel"
4802
- id="checkout-expire"
4856
+ id="input.checkout-expire"
4803
4857
  maxlength="5"
4804
4858
  name="expire"
4805
4859
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -4807,19 +4861,20 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4807
4861
  type="inputDate"
4808
4862
  value=""
4809
4863
  />
4810
- </div>
4811
- </div>
4812
- </div>
4813
- </fieldset>
4814
- </div>
4815
- </div>
4816
- <div
4864
+ </ui_view>
4865
+ </ui_view>
4866
+ </ui_input_date>
4867
+ </ui_fieldset>
4868
+ </ui_view>
4869
+ </ui_view>
4870
+ <ui_view
4817
4871
  class="view"
4818
4872
  >
4819
- <div
4873
+ <ui_pressable
4820
4874
  class="pressable"
4875
+ tabindex="0"
4821
4876
  >
4822
- <div
4877
+ <ui_radio
4823
4878
  class="radio"
4824
4879
  >
4825
4880
  <input
@@ -4828,37 +4883,39 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4828
4883
  type="radio"
4829
4884
  value="AMAZON_PAY"
4830
4885
  />
4831
- <span
4886
+ <ui_primitive
4832
4887
  class="checkmark"
4833
4888
  />
4834
- </div>
4835
- <span
4889
+ </ui_radio>
4890
+ <ui_text
4836
4891
  class="text bold paragraph"
4837
4892
  >
4838
4893
  payments.label.amazon
4839
- </span>
4894
+ </ui_text>
4840
4895
  <img
4841
4896
  alt="AMAZON PAY"
4842
4897
  class="view"
4843
4898
  src="https://static.mirai.com/payments/images/amazonpay.png"
4844
4899
  />
4845
- </div>
4846
- </div>
4847
- </div>
4848
- <div
4900
+ </ui_pressable>
4901
+ </ui_view>
4902
+ </ui_view>
4903
+ <ui_modal_overflow
4849
4904
  class="pressable container overflow"
4850
4905
  style="height: 768px;"
4906
+ tabindex="0"
4851
4907
  >
4852
- <div
4908
+ <ui_view
4853
4909
  class="view fit modal"
4854
4910
  >
4855
- <div
4911
+ <ui_view
4856
4912
  class="view row header hideBack"
4857
4913
  >
4858
4914
  <button
4859
4915
  class="pressable button small squared transparent button"
4916
+ tabindex="0"
4860
4917
  >
4861
- <span
4918
+ <ui_icon
4862
4919
  class="icon headline-3 icon"
4863
4920
  >
4864
4921
  <svg
@@ -4878,85 +4935,85 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
4878
4935
  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
4879
4936
  />
4880
4937
  </svg>
4881
- </span>
4938
+ </ui_icon>
4882
4939
  </button>
4883
- </div>
4884
- <div
4940
+ </ui_view>
4941
+ <ui_scrollview
4885
4942
  class="scrollview vertical notIndicator"
4886
4943
  >
4887
- <div
4944
+ <ui_view
4888
4945
  class="view"
4889
4946
  >
4890
- <div
4947
+ <ui_view
4891
4948
  class="view"
4892
4949
  >
4893
- <span
4950
+ <ui_text
4894
4951
  class="text bold small"
4895
4952
  >
4896
4953
  common.label.payment_terms
4897
- </span>
4898
- <span
4954
+ </ui_text>
4955
+ <ui_text
4899
4956
  class="text small"
4900
4957
  >
4901
4958
  Prepago de 100%: Tarjeta de crédito o Amazon Pay
4902
- </span>
4903
- </div>
4904
- <div
4959
+ </ui_text>
4960
+ </ui_view>
4961
+ <ui_view
4905
4962
  class="view"
4906
4963
  >
4907
- <span
4964
+ <ui_text
4908
4965
  class="text bold small"
4909
4966
  >
4910
4967
  common.label.cancellation_policy
4911
- </span>
4912
- <span
4968
+ </ui_text>
4969
+ <ui_text
4913
4970
  class="text small"
4914
4971
  >
4915
4972
  Para que la reserva quede confirmada, es necesario el cobro por anticipado del 100% de toda la estancia reservada. Recibirá un cargo en su tarjeta por dicho importe. Sólo entonces su confirmación tendrá validez. El importe no será devuelto bajo ninguna circunstancia.
4916
- </span>
4917
- </div>
4918
- <div
4973
+ </ui_text>
4974
+ </ui_view>
4975
+ <ui_view
4919
4976
  class="view"
4920
4977
  >
4921
- <span
4978
+ <ui_text
4922
4979
  class="text bold small"
4923
4980
  >
4924
4981
  common.label.others_terms
4925
- </span>
4926
- <span
4982
+ </ui_text>
4983
+ <ui_text
4927
4984
  class="text small"
4928
4985
  >
4929
- <span
4986
+ <ui_text
4930
4987
  class="text small wide"
4931
4988
  >
4932
4989
  Check- in a partir de las 15.00h.
4933
- </span>
4934
- <span
4990
+ </ui_text>
4991
+ <ui_text
4935
4992
  class="text small wide"
4936
4993
  >
4937
4994
  Check - out hasta las 12.00h.
4938
- </span>
4939
- <span
4995
+ </ui_text>
4996
+ <ui_text
4940
4997
  class="text small wide"
4941
4998
  >
4942
4999
  Los niños de 3 a 12 años podrán acceder a las instalaciones dedicadas a su uso y disfrute.
4943
- </span>
4944
- <span
5000
+ </ui_text>
5001
+ <ui_text
4945
5002
  class="text small wide"
4946
5003
  >
4947
5004
  En caso de alojarse con bebés, éstos no incluyen régimen alguno.
4948
- </span>
4949
- <span
5005
+ </ui_text>
5006
+ <ui_text
4950
5007
  class="text small wide"
4951
5008
  >
4952
5009
  Acceso spa infantil para bebés 8.50€ al día.
4953
- </span>
4954
- </span>
4955
- </div>
4956
- </div>
4957
- </div>
4958
- </div>
4959
- </div>
5010
+ </ui_text>
5011
+ </ui_text>
5012
+ </ui_view>
5013
+ </ui_view>
5014
+ </ui_scrollview>
5015
+ </ui_view>
5016
+ </ui_modal_overflow>
4960
5017
  </DocumentFragment>
4961
5018
  `;
4962
5019
 
@@ -4965,30 +5022,31 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
4965
5022
  <form
4966
5023
  autocomplete="off"
4967
5024
  >
4968
- <h3
5025
+ <ui_text
4969
5026
  class="text bold headline-3 wide"
4970
5027
  >
4971
5028
  user.label.personal_details
4972
- </h3>
4973
- <span
5029
+ </ui_text>
5030
+ <ui_text
4974
5031
  class="text small wide"
4975
5032
  >
4976
5033
  <span>
4977
5034
  *
4978
5035
  </span>
4979
5036
   
4980
- </span>
4981
- <div
5037
+ </ui_text>
5038
+ <ui_input_text
4982
5039
  class="view inputContainer"
4983
5040
  >
4984
- <div
5041
+ <ui_view
4985
5042
  class="view row inputBorder"
4986
5043
  >
4987
- <div
5044
+ <ui_view
4988
5045
  class="view wide content"
4989
5046
  >
4990
- <span
5047
+ <label
4991
5048
  class="text paragraph text label"
5049
+ for="input.checkout-firstName"
4992
5050
  >
4993
5051
  common.label.firstname
4994
5052
  <span
@@ -4996,29 +5054,30 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
4996
5054
  >
4997
5055
  *
4998
5056
  </span>
4999
- </span>
5057
+ </label>
5000
5058
  <input
5001
5059
  class="input input withLabel"
5002
- id="checkout-firstName"
5060
+ id="input.checkout-firstName"
5003
5061
  name="firstName"
5004
5062
  required=""
5005
5063
  type="text"
5006
5064
  value=""
5007
5065
  />
5008
- </div>
5009
- </div>
5010
- </div>
5011
- <div
5066
+ </ui_view>
5067
+ </ui_view>
5068
+ </ui_input_text>
5069
+ <ui_input_text
5012
5070
  class="view inputContainer"
5013
5071
  >
5014
- <div
5072
+ <ui_view
5015
5073
  class="view row inputBorder"
5016
5074
  >
5017
- <div
5075
+ <ui_view
5018
5076
  class="view wide content"
5019
5077
  >
5020
- <span
5078
+ <label
5021
5079
  class="text paragraph text label"
5080
+ for="input.checkout-lastName"
5022
5081
  >
5023
5082
  common.label.lastname
5024
5083
  <span
@@ -5026,29 +5085,30 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
5026
5085
  >
5027
5086
  *
5028
5087
  </span>
5029
- </span>
5088
+ </label>
5030
5089
  <input
5031
5090
  class="input input withLabel"
5032
- id="checkout-lastName"
5091
+ id="input.checkout-lastName"
5033
5092
  name="lastName"
5034
5093
  required=""
5035
5094
  type="text"
5036
5095
  value=""
5037
5096
  />
5038
- </div>
5039
- </div>
5040
- </div>
5041
- <div
5097
+ </ui_view>
5098
+ </ui_view>
5099
+ </ui_input_text>
5100
+ <ui_input_text
5042
5101
  class="view inputContainer"
5043
5102
  >
5044
- <div
5103
+ <ui_view
5045
5104
  class="view row inputBorder"
5046
5105
  >
5047
- <div
5106
+ <ui_view
5048
5107
  class="view wide content"
5049
5108
  >
5050
- <span
5109
+ <label
5051
5110
  class="text paragraph text label"
5111
+ for="input.checkout-email"
5052
5112
  >
5053
5113
  common.label.email
5054
5114
  <span
@@ -5056,38 +5116,39 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
5056
5116
  >
5057
5117
  *
5058
5118
  </span>
5059
- </span>
5119
+ </label>
5060
5120
  <input
5061
5121
  class="input input withLabel"
5062
- id="checkout-email"
5122
+ id="input.checkout-email"
5063
5123
  name="email"
5064
5124
  required=""
5065
5125
  type="email"
5066
5126
  value=""
5067
5127
  />
5068
- </div>
5069
- </div>
5070
- </div>
5071
- <div
5072
- class="view container"
5128
+ </ui_view>
5129
+ </ui_view>
5130
+ </ui_input_text>
5131
+ <ui_input_phone
5132
+ class="view inputPhone"
5073
5133
  >
5074
- <div
5134
+ <ui_view
5075
5135
  class="view row inputBorder"
5076
5136
  >
5077
- <div
5137
+ <ui_view
5078
5138
  class="view row"
5079
5139
  >
5080
- <div
5140
+ <ui_view
5081
5141
  class="view content"
5082
5142
  >
5083
- <span
5143
+ <label
5084
5144
  class="text paragraph text label"
5145
+ for="phone-prefix"
5085
5146
  >
5086
5147
  common.label.phone_prefix
5087
- </span>
5148
+ </label>
5088
5149
  <select
5089
5150
  class="select empty input prefix withLabel empty"
5090
- id="checkout-phone"
5151
+ id="phone-prefix"
5091
5152
  name="phone-prefix"
5092
5153
  required=""
5093
5154
  >
@@ -6127,8 +6188,8 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6127
6188
  +998
6128
6189
  </option>
6129
6190
  </select>
6130
- </div>
6131
- <span
6191
+ </ui_view>
6192
+ <ui_icon
6132
6193
  class="icon headline-3 icon expand"
6133
6194
  >
6134
6195
  <svg
@@ -6149,19 +6210,20 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6149
6210
  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
6150
6211
  />
6151
6212
  </svg>
6152
- </span>
6153
- </div>
6154
- <div
6213
+ </ui_icon>
6214
+ </ui_view>
6215
+ <ui_view
6155
6216
  class="view forceRow separator"
6156
6217
  />
6157
- <div
6218
+ <ui_view
6158
6219
  class="view row wide"
6159
6220
  >
6160
- <div
6221
+ <ui_view
6161
6222
  class="view wide content"
6162
6223
  >
6163
- <span
6224
+ <label
6164
6225
  class="text paragraph text label"
6226
+ for="checkout-phone"
6165
6227
  >
6166
6228
  common.label.phone
6167
6229
  <span
@@ -6169,7 +6231,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6169
6231
  >
6170
6232
  *
6171
6233
  </span>
6172
- </span>
6234
+ </label>
6173
6235
  <input
6174
6236
  class="input input withLabel"
6175
6237
  id="checkout-phone"
@@ -6179,62 +6241,64 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6179
6241
  type="tel"
6180
6242
  value=""
6181
6243
  />
6182
- </div>
6183
- </div>
6184
- </div>
6185
- </div>
6186
- <div
6244
+ </ui_view>
6245
+ </ui_view>
6246
+ </ui_view>
6247
+ </ui_input_phone>
6248
+ <ui_input_text
6187
6249
  class="view inputContainer"
6188
6250
  >
6189
- <div
6251
+ <ui_view
6190
6252
  class="view row inputBorder"
6191
6253
  >
6192
- <div
6254
+ <ui_view
6193
6255
  class="view wide content"
6194
6256
  >
6195
- <span
6257
+ <label
6196
6258
  class="text paragraph text label"
6259
+ for="input.checkout-company"
6197
6260
  >
6198
6261
  common.label.company
6199
- </span>
6262
+ </label>
6200
6263
  <input
6201
6264
  class="input input withLabel"
6202
- id="checkout-company"
6265
+ id="input.checkout-company"
6203
6266
  name="company"
6204
6267
  type="text"
6205
6268
  value=""
6206
6269
  />
6207
- </div>
6208
- </div>
6209
- </div>
6210
- <div
6270
+ </ui_view>
6271
+ </ui_view>
6272
+ </ui_input_text>
6273
+ <ui_input_text
6211
6274
  class="view inputContainer"
6212
6275
  >
6213
- <div
6276
+ <ui_view
6214
6277
  class="view row inputBorder"
6215
6278
  >
6216
- <div
6279
+ <ui_view
6217
6280
  class="view wide content"
6218
6281
  >
6219
- <span
6282
+ <label
6220
6283
  class="text paragraph text label"
6284
+ for="input.checkout-comments"
6221
6285
  >
6222
6286
  common.label.comments
6223
- </span>
6287
+ </label>
6224
6288
  <textarea
6225
6289
  class="input input withLabel multiLine"
6226
- id="checkout-comments"
6290
+ id="input.checkout-comments"
6227
6291
  name="comments"
6228
6292
  />
6229
- </div>
6230
- </div>
6231
- <span
6293
+ </ui_view>
6294
+ </ui_view>
6295
+ <ui_text
6232
6296
  class="text small text hint"
6233
6297
  >
6234
6298
  user.label.comments_hint
6235
- </span>
6236
- </div>
6237
- <span
6299
+ </ui_text>
6300
+ </ui_input_text>
6301
+ <ui_text
6238
6302
  class="text small"
6239
6303
  hint=""
6240
6304
  id="checkout-undefined"
@@ -6242,13 +6306,14 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6242
6306
  name="undefined"
6243
6307
  >
6244
6308
  La hora de entrada es a partir de las 15:00h. La hora de salidas es hasta las 12:00h
6245
- </span>
6246
- <div
6309
+ </ui_text>
6310
+ <ui_input_option
6247
6311
  class="pressable inputOption"
6248
6312
  hint=""
6249
6313
  id="checkout-hotel_future_offers"
6314
+ tabindex="0"
6250
6315
  >
6251
- <div
6316
+ <ui_checkbox
6252
6317
  class="checkbox"
6253
6318
  >
6254
6319
  <input
@@ -6257,19 +6322,21 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6257
6322
  type="checkbox"
6258
6323
  value=""
6259
6324
  />
6260
- </div>
6261
- <span
6325
+ </ui_checkbox>
6326
+ <label
6262
6327
  class="text small text label"
6328
+ for="checkout-hotel_future_offers"
6263
6329
  >
6264
6330
  Quiero recibir futuras ofertas y noticias de este establecimiento
6265
- </span>
6266
- </div>
6267
- <div
6331
+ </label>
6332
+ </ui_input_option>
6333
+ <ui_input_option
6268
6334
  class="pressable inputOption"
6269
6335
  hint=""
6270
6336
  id="checkout-joinClub"
6337
+ tabindex="0"
6271
6338
  >
6272
- <div
6339
+ <ui_checkbox
6273
6340
  class="checkbox"
6274
6341
  >
6275
6342
  <input
@@ -6278,19 +6345,21 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6278
6345
  type="checkbox"
6279
6346
  value=""
6280
6347
  />
6281
- </div>
6282
- <span
6348
+ </ui_checkbox>
6349
+ <label
6283
6350
  class="text small text label"
6351
+ for="checkout-joinClub"
6284
6352
  >
6285
6353
  user.label.join_club
6286
- </span>
6287
- </div>
6288
- <div
6354
+ </label>
6355
+ </ui_input_option>
6356
+ <ui_input_option
6289
6357
  class="pressable inputOption"
6290
6358
  hint=""
6291
6359
  id="checkout-privacyPolicy"
6360
+ tabindex="0"
6292
6361
  >
6293
- <div
6362
+ <ui_checkbox
6294
6363
  class="checkbox"
6295
6364
  >
6296
6365
  <input
@@ -6299,9 +6368,10 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6299
6368
  type="checkbox"
6300
6369
  value=""
6301
6370
  />
6302
- </div>
6303
- <span
6371
+ </ui_checkbox>
6372
+ <label
6304
6373
  class="text small text label"
6374
+ for="checkout-privacyPolicy"
6305
6375
  >
6306
6376
  user.label.checkout_privacy_policy
6307
6377
  <span
@@ -6309,29 +6379,29 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6309
6379
  >
6310
6380
  *
6311
6381
  </span>
6312
- </span>
6313
- </div>
6382
+ </label>
6383
+ </ui_input_option>
6314
6384
  </form>
6315
- <div
6385
+ <ui_view
6316
6386
  class="view"
6317
6387
  >
6318
- <div
6388
+ <ui_view
6319
6389
  class="view"
6320
6390
  >
6321
- <h3
6391
+ <ui_text
6322
6392
  class="text bold headline-3"
6323
6393
  >
6324
6394
  payments.label.payment_methods
6325
- </h3>
6326
- </div>
6327
- <div
6395
+ </ui_text>
6396
+ </ui_view>
6397
+ <ui_view
6328
6398
  class="view"
6329
6399
  >
6330
- <div
6400
+ <ui_pressable
6331
6401
  class="pressable disabled"
6332
6402
  disabled=""
6333
6403
  >
6334
- <div
6404
+ <ui_radio
6335
6405
  class="radio"
6336
6406
  >
6337
6407
  <input
@@ -6341,15 +6411,15 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6341
6411
  type="radio"
6342
6412
  value="CARD"
6343
6413
  />
6344
- <span
6414
+ <ui_primitive
6345
6415
  class="checkmark"
6346
6416
  />
6347
- </div>
6348
- <span
6417
+ </ui_radio>
6418
+ <ui_text
6349
6419
  class="text bold paragraph"
6350
6420
  >
6351
6421
  payments.label.card
6352
- </span>
6422
+ </ui_text>
6353
6423
  <img
6354
6424
  alt="VISA"
6355
6425
  class="view"
@@ -6360,24 +6430,25 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6360
6430
  class="view"
6361
6431
  src="https://static.mirai.com/payments/images/cards/mastercard.png"
6362
6432
  />
6363
- </div>
6364
- <div
6433
+ </ui_pressable>
6434
+ <ui_view
6365
6435
  class="view"
6366
6436
  >
6367
- <fieldset
6437
+ <ui_fieldset
6368
6438
  autocomplete="off"
6369
6439
  >
6370
- <div
6440
+ <ui_input_text
6371
6441
  class="view inputContainer"
6372
6442
  >
6373
- <div
6443
+ <ui_view
6374
6444
  class="view row inputBorder"
6375
6445
  >
6376
- <div
6446
+ <ui_view
6377
6447
  class="view wide content"
6378
6448
  >
6379
- <span
6449
+ <label
6380
6450
  class="text paragraph text label"
6451
+ for="input.checkout-card"
6381
6452
  >
6382
6453
  payments.label.card_number
6383
6454
  <span
@@ -6385,10 +6456,10 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6385
6456
  >
6386
6457
  *
6387
6458
  </span>
6388
- </span>
6459
+ </label>
6389
6460
  <input
6390
6461
  class="input input withLabel"
6391
- id="checkout-card"
6462
+ id="input.checkout-card"
6392
6463
  maxlength="19"
6393
6464
  name="card"
6394
6465
  placeholder="0000 0000 0000 0000"
@@ -6396,20 +6467,21 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6396
6467
  type="text"
6397
6468
  value=""
6398
6469
  />
6399
- </div>
6400
- </div>
6401
- </div>
6402
- <div
6470
+ </ui_view>
6471
+ </ui_view>
6472
+ </ui_input_text>
6473
+ <ui_input_text
6403
6474
  class="view inputContainer"
6404
6475
  >
6405
- <div
6476
+ <ui_view
6406
6477
  class="view row inputBorder"
6407
6478
  >
6408
- <div
6479
+ <ui_view
6409
6480
  class="view wide content"
6410
6481
  >
6411
- <span
6482
+ <label
6412
6483
  class="text paragraph text label"
6484
+ for="input.checkout-name"
6413
6485
  >
6414
6486
  payments.label.card_name
6415
6487
  <span
@@ -6417,10 +6489,10 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6417
6489
  >
6418
6490
  *
6419
6491
  </span>
6420
- </span>
6492
+ </label>
6421
6493
  <input
6422
6494
  class="input input withLabel"
6423
- id="checkout-name"
6495
+ id="input.checkout-name"
6424
6496
  maxlength="100"
6425
6497
  minlength="3"
6426
6498
  name="name"
@@ -6428,20 +6500,21 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6428
6500
  type="text"
6429
6501
  value=""
6430
6502
  />
6431
- </div>
6432
- </div>
6433
- </div>
6434
- <div
6503
+ </ui_view>
6504
+ </ui_view>
6505
+ </ui_input_text>
6506
+ <ui_input_date
6435
6507
  class="view inputContainer"
6436
6508
  >
6437
- <div
6509
+ <ui_view
6438
6510
  class="view row inputBorder"
6439
6511
  >
6440
- <div
6512
+ <ui_view
6441
6513
  class="view wide content"
6442
6514
  >
6443
- <span
6515
+ <label
6444
6516
  class="text paragraph text label"
6517
+ for="input.checkout-expire"
6445
6518
  >
6446
6519
  payments.label.expiration
6447
6520
  <span
@@ -6449,10 +6522,10 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6449
6522
  >
6450
6523
  *
6451
6524
  </span>
6452
- </span>
6525
+ </label>
6453
6526
  <input
6454
6527
  class="input input withLabel"
6455
- id="checkout-expire"
6528
+ id="input.checkout-expire"
6456
6529
  maxlength="5"
6457
6530
  name="expire"
6458
6531
  placeholder="payments.label.month_format/payments.label.year_format"
@@ -6460,19 +6533,20 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6460
6533
  type="inputDate"
6461
6534
  value=""
6462
6535
  />
6463
- </div>
6464
- </div>
6465
- </div>
6466
- </fieldset>
6467
- </div>
6468
- </div>
6469
- <div
6536
+ </ui_view>
6537
+ </ui_view>
6538
+ </ui_input_date>
6539
+ </ui_fieldset>
6540
+ </ui_view>
6541
+ </ui_view>
6542
+ <ui_view
6470
6543
  class="view"
6471
6544
  >
6472
- <div
6545
+ <ui_pressable
6473
6546
  class="pressable"
6547
+ tabindex="0"
6474
6548
  >
6475
- <div
6549
+ <ui_radio
6476
6550
  class="radio"
6477
6551
  >
6478
6552
  <input
@@ -6481,37 +6555,39 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6481
6555
  type="radio"
6482
6556
  value="AMAZON_PAY"
6483
6557
  />
6484
- <span
6558
+ <ui_primitive
6485
6559
  class="checkmark"
6486
6560
  />
6487
- </div>
6488
- <span
6561
+ </ui_radio>
6562
+ <ui_text
6489
6563
  class="text bold paragraph"
6490
6564
  >
6491
6565
  payments.label.amazon
6492
- </span>
6566
+ </ui_text>
6493
6567
  <img
6494
6568
  alt="AMAZON PAY"
6495
6569
  class="view"
6496
6570
  src="https://static.mirai.com/payments/images/amazonpay.png"
6497
6571
  />
6498
- </div>
6499
- </div>
6500
- </div>
6501
- <div
6572
+ </ui_pressable>
6573
+ </ui_view>
6574
+ </ui_view>
6575
+ <ui_modal_overflow
6502
6576
  class="pressable container overflow"
6503
6577
  style="height: 768px;"
6578
+ tabindex="0"
6504
6579
  >
6505
- <div
6580
+ <ui_view
6506
6581
  class="view fit modal"
6507
6582
  >
6508
- <div
6583
+ <ui_view
6509
6584
  class="view row header hideBack"
6510
6585
  >
6511
6586
  <button
6512
6587
  class="pressable button small squared transparent button"
6588
+ tabindex="0"
6513
6589
  >
6514
- <span
6590
+ <ui_icon
6515
6591
  class="icon headline-3 icon"
6516
6592
  >
6517
6593
  <svg
@@ -6531,84 +6607,84 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
6531
6607
  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
6532
6608
  />
6533
6609
  </svg>
6534
- </span>
6610
+ </ui_icon>
6535
6611
  </button>
6536
- </div>
6537
- <div
6612
+ </ui_view>
6613
+ <ui_scrollview
6538
6614
  class="scrollview vertical notIndicator"
6539
6615
  >
6540
- <div
6616
+ <ui_view
6541
6617
  class="view"
6542
6618
  >
6543
- <div
6619
+ <ui_view
6544
6620
  class="view"
6545
6621
  >
6546
- <span
6622
+ <ui_text
6547
6623
  class="text bold small"
6548
6624
  >
6549
6625
  common.label.payment_terms
6550
- </span>
6551
- <span
6626
+ </ui_text>
6627
+ <ui_text
6552
6628
  class="text small"
6553
6629
  >
6554
6630
  Prepago de 100%: Tarjeta de crédito o Amazon Pay
6555
- </span>
6556
- </div>
6557
- <div
6631
+ </ui_text>
6632
+ </ui_view>
6633
+ <ui_view
6558
6634
  class="view"
6559
6635
  >
6560
- <span
6636
+ <ui_text
6561
6637
  class="text bold small"
6562
6638
  >
6563
6639
  common.label.cancellation_policy
6564
- </span>
6565
- <span
6640
+ </ui_text>
6641
+ <ui_text
6566
6642
  class="text small"
6567
6643
  >
6568
6644
  Para que la reserva quede confirmada, es necesario el cobro por anticipado del 100% de toda la estancia reservada. Recibirá un cargo en su tarjeta por dicho importe. Sólo entonces su confirmación tendrá validez. El importe no será devuelto bajo ninguna circunstancia.
6569
- </span>
6570
- </div>
6571
- <div
6645
+ </ui_text>
6646
+ </ui_view>
6647
+ <ui_view
6572
6648
  class="view"
6573
6649
  >
6574
- <span
6650
+ <ui_text
6575
6651
  class="text bold small"
6576
6652
  >
6577
6653
  common.label.others_terms
6578
- </span>
6579
- <span
6654
+ </ui_text>
6655
+ <ui_text
6580
6656
  class="text small"
6581
6657
  >
6582
- <span
6658
+ <ui_text
6583
6659
  class="text small wide"
6584
6660
  >
6585
6661
  Check- in a partir de las 15.00h.
6586
- </span>
6587
- <span
6662
+ </ui_text>
6663
+ <ui_text
6588
6664
  class="text small wide"
6589
6665
  >
6590
6666
  Check - out hasta las 12.00h.
6591
- </span>
6592
- <span
6667
+ </ui_text>
6668
+ <ui_text
6593
6669
  class="text small wide"
6594
6670
  >
6595
6671
  Los niños de 3 a 12 años podrán acceder a las instalaciones dedicadas a su uso y disfrute.
6596
- </span>
6597
- <span
6672
+ </ui_text>
6673
+ <ui_text
6598
6674
  class="text small wide"
6599
6675
  >
6600
6676
  En caso de alojarse con bebés, éstos no incluyen régimen alguno.
6601
- </span>
6602
- <span
6677
+ </ui_text>
6678
+ <ui_text
6603
6679
  class="text small wide"
6604
6680
  >
6605
6681
  Acceso spa infantil para bebés 8.50€ al día.
6606
- </span>
6607
- </span>
6608
- </div>
6609
- </div>
6610
- </div>
6611
- </div>
6612
- </div>
6682
+ </ui_text>
6683
+ </ui_text>
6684
+ </ui_view>
6685
+ </ui_view>
6686
+ </ui_scrollview>
6687
+ </ui_view>
6688
+ </ui_modal_overflow>
6613
6689
  </DocumentFragment>
6614
6690
  `;