@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/Booking/__tests__/__snapshots__/Booking.test.js.snap CHANGED
@@ -2,28 +2,28 @@
2
2
 
3
3
  exports[`component:<Booking> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
- <div
5
+ <ui_view
6
6
  class="view wide"
7
7
  >
8
- <div
8
+ <ui_view
9
9
  class="view row wide"
10
10
  >
11
- <div
11
+ <ui_view
12
12
  class="view row"
13
13
  />
14
- <div
14
+ <ui_view
15
15
  class="view row"
16
16
  >
17
- <span
17
+ <ui_tooltip
18
18
  class="container"
19
19
  >
20
- <div
20
+ <ui_view
21
21
  class="view row dispatcher"
22
22
  >
23
- <div
23
+ <ui_view
24
24
  class="view row"
25
25
  >
26
- <span
26
+ <ui_icon
27
27
  class="icon headline-2"
28
28
  >
29
29
  <svg
@@ -43,11 +43,11 @@ exports[`component:<Booking> inherit:className 1`] = `
43
43
  d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
44
44
  />
45
45
  </svg>
46
- </span>
47
- <span
46
+ </ui_icon>
47
+ <ui_text
48
48
  class="text bold action"
49
49
  />
50
- </div>
50
+ </ui_view>
51
51
  <select
52
52
  class="select"
53
53
  name="locale"
@@ -163,144 +163,146 @@ exports[`component:<Booking> inherit:className 1`] = `
163
163
  Euskara
164
164
  </option>
165
165
  </select>
166
- </div>
167
- </span>
168
- </div>
169
- </div>
170
- </div>
171
- <div
166
+ </ui_view>
167
+ </ui_tooltip>
168
+ </ui_view>
169
+ </ui_view>
170
+ </ui_view>
171
+ <ui_view
172
172
  class="view mirai"
173
173
  >
174
- <div
174
+ <ui_progress
175
175
  class="view progress visible"
176
176
  >
177
- <div
177
+ <ui_view
178
178
  class="view value indeterminate"
179
179
  />
180
- </div>
181
- <div
180
+ </ui_progress>
181
+ <ui_view
182
182
  class="view wide"
183
183
  style="align-items: center; gap: 2rem;"
184
184
  >
185
- <div
185
+ <ui_view
186
186
  class="view row wide"
187
187
  style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
188
188
  >
189
- <div
189
+ <ui_view
190
190
  class="view"
191
191
  style="flex: 1; gap: 1rem;"
192
192
  >
193
- <div
193
+ <ui_view
194
194
  class="view"
195
195
  style="height: 3rem;"
196
196
  />
197
- <div
197
+ <ui_view
198
198
  class="view"
199
199
  style="height: 7rem;"
200
200
  />
201
- <div
201
+ <ui_view
202
202
  class="view"
203
203
  style="height: 12rem;"
204
204
  />
205
- <div
205
+ <ui_view
206
206
  class="view"
207
207
  style="height: 10rem;"
208
208
  />
209
- <div
209
+ <ui_view
210
210
  class="view"
211
211
  style="height: 28rem;"
212
212
  />
213
- <div
213
+ <ui_view
214
214
  class="view"
215
215
  style="height: 28rem;"
216
216
  />
217
- </div>
218
- <div
217
+ </ui_view>
218
+ <ui_view
219
219
  class="view"
220
220
  style="flex: 1; gap: 1rem; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2);"
221
221
  >
222
- <div
222
+ <ui_view
223
223
  class="view"
224
224
  style="height: 16rem;"
225
225
  />
226
- <div
226
+ <ui_view
227
227
  class="view"
228
228
  style="height: 8rem;"
229
229
  />
230
- </div>
231
- </div>
232
- </div>
233
- </div>
234
- <div
230
+ </ui_view>
231
+ </ui_view>
232
+ </ui_view>
233
+ </ui_view>
234
+ <ui_view
235
235
  class="view row"
236
236
  >
237
- <div
237
+ <ui_view
238
238
  class="view row"
239
239
  >
240
- <div
240
+ <ui_view
241
241
  class="view row"
242
242
  >
243
- <span
243
+ <ui_text
244
244
  class="text light small"
245
245
  >
246
246
  © 2024
247
- <button
247
+ <ui_action
248
248
  class="pressable action small"
249
+ tabindex="0"
249
250
  />
250
251
  .
251
- </span>
252
- <span
252
+ </ui_text>
253
+ <ui_text
253
254
  class="text light small"
254
255
  >
255
256
  common.label.all
256
- <span
257
+ <ui_text
257
258
  style="text-decoration: underline;"
258
259
  >
259
260
  rights
260
- </span>
261
+ </ui_text>
261
262
  reserved
262
- </span>
263
- </div>
263
+ </ui_text>
264
+ </ui_view>
264
265
  <a
265
266
  class="pressable action small"
266
267
  href="https://www.mirai.com/"
268
+ tabindex="0"
267
269
  >
268
270
  Powered by
269
- <span
271
+ <ui_text
270
272
  class="text bold light paragraph"
271
273
  >
272
274
  mirai
273
- </span>
275
+ </ui_text>
274
276
  </a>
275
- </div>
276
- </div>
277
+ </ui_view>
278
+ </ui_view>
277
279
  </DocumentFragment>
278
280
  `;
279
281
 
280
282
  exports[`component:<Booking> prop:skeleton 1`] = `
281
283
  <DocumentFragment>
282
- <div
284
+ <ui_view
283
285
  class="view wide"
284
286
  >
285
- <div
287
+ <ui_view
286
288
  class="view row wide"
287
289
  >
288
- <div
290
+ <ui_view
289
291
  class="view row"
290
292
  />
291
- <div
293
+ <ui_view
292
294
  class="view row"
293
295
  >
294
- <span
296
+ <ui_tooltip
295
297
  class="container"
296
298
  >
297
- <div
299
+ <ui_view
298
300
  class="view row dispatcher"
299
301
  >
300
- <div
302
+ <ui_view
301
303
  class="view row"
302
304
  >
303
- <span
305
+ <ui_icon
304
306
  class="icon headline-2"
305
307
  >
306
308
  <svg
@@ -320,11 +322,11 @@ exports[`component:<Booking> prop:skeleton 1`] = `
320
322
  d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
321
323
  />
322
324
  </svg>
323
- </span>
324
- <span
325
+ </ui_icon>
326
+ <ui_text
325
327
  class="text bold action"
326
328
  />
327
- </div>
329
+ </ui_view>
328
330
  <select
329
331
  class="select"
330
332
  name="locale"
@@ -440,144 +442,146 @@ exports[`component:<Booking> prop:skeleton 1`] = `
440
442
  Euskara
441
443
  </option>
442
444
  </select>
443
- </div>
444
- </span>
445
- </div>
446
- </div>
447
- </div>
448
- <div
445
+ </ui_view>
446
+ </ui_tooltip>
447
+ </ui_view>
448
+ </ui_view>
449
+ </ui_view>
450
+ <ui_view
449
451
  class="view"
450
452
  >
451
- <div
453
+ <ui_progress
452
454
  class="view progress visible"
453
455
  >
454
- <div
456
+ <ui_view
455
457
  class="view value indeterminate"
456
458
  />
457
- </div>
458
- <div
459
+ </ui_progress>
460
+ <ui_view
459
461
  class="view wide"
460
462
  style="align-items: center; gap: 2rem;"
461
463
  >
462
- <div
464
+ <ui_view
463
465
  class="view row wide"
464
466
  style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
465
467
  >
466
- <div
468
+ <ui_view
467
469
  class="view"
468
470
  style="flex: 1; gap: 1rem;"
469
471
  >
470
- <div
472
+ <ui_view
471
473
  class="view"
472
474
  style="height: 3rem;"
473
475
  />
474
- <div
476
+ <ui_view
475
477
  class="view"
476
478
  style="height: 7rem;"
477
479
  />
478
- <div
480
+ <ui_view
479
481
  class="view"
480
482
  style="height: 12rem;"
481
483
  />
482
- <div
484
+ <ui_view
483
485
  class="view"
484
486
  style="height: 10rem;"
485
487
  />
486
- <div
488
+ <ui_view
487
489
  class="view"
488
490
  style="height: 28rem;"
489
491
  />
490
- <div
492
+ <ui_view
491
493
  class="view"
492
494
  style="height: 28rem;"
493
495
  />
494
- </div>
495
- <div
496
+ </ui_view>
497
+ <ui_view
496
498
  class="view"
497
499
  style="flex: 1; gap: 1rem; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2);"
498
500
  >
499
- <div
501
+ <ui_view
500
502
  class="view"
501
503
  style="height: 16rem;"
502
504
  />
503
- <div
505
+ <ui_view
504
506
  class="view"
505
507
  style="height: 8rem;"
506
508
  />
507
- </div>
508
- </div>
509
- </div>
510
- </div>
511
- <div
509
+ </ui_view>
510
+ </ui_view>
511
+ </ui_view>
512
+ </ui_view>
513
+ <ui_view
512
514
  class="view row"
513
515
  >
514
- <div
516
+ <ui_view
515
517
  class="view row"
516
518
  >
517
- <div
519
+ <ui_view
518
520
  class="view row"
519
521
  >
520
- <span
522
+ <ui_text
521
523
  class="text light small"
522
524
  >
523
525
  © 2024
524
- <button
526
+ <ui_action
525
527
  class="pressable action small"
528
+ tabindex="0"
526
529
  />
527
530
  .
528
- </span>
529
- <span
531
+ </ui_text>
532
+ <ui_text
530
533
  class="text light small"
531
534
  >
532
535
  common.label.all
533
- <span
536
+ <ui_text
534
537
  style="text-decoration: underline;"
535
538
  >
536
539
  rights
537
- </span>
540
+ </ui_text>
538
541
  reserved
539
- </span>
540
- </div>
542
+ </ui_text>
543
+ </ui_view>
541
544
  <a
542
545
  class="pressable action small"
543
546
  href="https://www.mirai.com/"
547
+ tabindex="0"
544
548
  >
545
549
  Powered by
546
- <span
550
+ <ui_text
547
551
  class="text bold light paragraph"
548
552
  >
549
553
  mirai
550
- </span>
554
+ </ui_text>
551
555
  </a>
552
- </div>
553
- </div>
556
+ </ui_view>
557
+ </ui_view>
554
558
  </DocumentFragment>
555
559
  `;
556
560
 
557
561
  exports[`component:<Booking> renders 1`] = `
558
562
  <DocumentFragment>
559
- <div
563
+ <ui_view
560
564
  class="view wide"
561
565
  >
562
- <div
566
+ <ui_view
563
567
  class="view row wide"
564
568
  >
565
- <div
569
+ <ui_view
566
570
  class="view row"
567
571
  />
568
- <div
572
+ <ui_view
569
573
  class="view row"
570
574
  >
571
- <span
575
+ <ui_tooltip
572
576
  class="container"
573
577
  >
574
- <div
578
+ <ui_view
575
579
  class="view row dispatcher"
576
580
  >
577
- <div
581
+ <ui_view
578
582
  class="view row"
579
583
  >
580
- <span
584
+ <ui_icon
581
585
  class="icon headline-2"
582
586
  >
583
587
  <svg
@@ -597,11 +601,11 @@ exports[`component:<Booking> renders 1`] = `
597
601
  d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
598
602
  />
599
603
  </svg>
600
- </span>
601
- <span
604
+ </ui_icon>
605
+ <ui_text
602
606
  class="text bold action"
603
607
  />
604
- </div>
608
+ </ui_view>
605
609
  <select
606
610
  class="select"
607
611
  name="locale"
@@ -717,144 +721,146 @@ exports[`component:<Booking> renders 1`] = `
717
721
  Euskara
718
722
  </option>
719
723
  </select>
720
- </div>
721
- </span>
722
- </div>
723
- </div>
724
- </div>
725
- <div
724
+ </ui_view>
725
+ </ui_tooltip>
726
+ </ui_view>
727
+ </ui_view>
728
+ </ui_view>
729
+ <ui_view
726
730
  class="view"
727
731
  >
728
- <div
732
+ <ui_progress
729
733
  class="view progress visible"
730
734
  >
731
- <div
735
+ <ui_view
732
736
  class="view value indeterminate"
733
737
  />
734
- </div>
735
- <div
738
+ </ui_progress>
739
+ <ui_view
736
740
  class="view wide"
737
741
  style="align-items: center; gap: 2rem;"
738
742
  >
739
- <div
743
+ <ui_view
740
744
  class="view row wide"
741
745
  style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
742
746
  >
743
- <div
747
+ <ui_view
744
748
  class="view"
745
749
  style="flex: 1; gap: 1rem;"
746
750
  >
747
- <div
751
+ <ui_view
748
752
  class="view"
749
753
  style="height: 3rem;"
750
754
  />
751
- <div
755
+ <ui_view
752
756
  class="view"
753
757
  style="height: 7rem;"
754
758
  />
755
- <div
759
+ <ui_view
756
760
  class="view"
757
761
  style="height: 12rem;"
758
762
  />
759
- <div
763
+ <ui_view
760
764
  class="view"
761
765
  style="height: 10rem;"
762
766
  />
763
- <div
767
+ <ui_view
764
768
  class="view"
765
769
  style="height: 28rem;"
766
770
  />
767
- <div
771
+ <ui_view
768
772
  class="view"
769
773
  style="height: 28rem;"
770
774
  />
771
- </div>
772
- <div
775
+ </ui_view>
776
+ <ui_view
773
777
  class="view"
774
778
  style="flex: 1; gap: 1rem; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2);"
775
779
  >
776
- <div
780
+ <ui_view
777
781
  class="view"
778
782
  style="height: 16rem;"
779
783
  />
780
- <div
784
+ <ui_view
781
785
  class="view"
782
786
  style="height: 8rem;"
783
787
  />
784
- </div>
785
- </div>
786
- </div>
787
- </div>
788
- <div
788
+ </ui_view>
789
+ </ui_view>
790
+ </ui_view>
791
+ </ui_view>
792
+ <ui_view
789
793
  class="view row"
790
794
  >
791
- <div
795
+ <ui_view
792
796
  class="view row"
793
797
  >
794
- <div
798
+ <ui_view
795
799
  class="view row"
796
800
  >
797
- <span
801
+ <ui_text
798
802
  class="text light small"
799
803
  >
800
804
  © 2024
801
- <button
805
+ <ui_action
802
806
  class="pressable action small"
807
+ tabindex="0"
803
808
  />
804
809
  .
805
- </span>
806
- <span
810
+ </ui_text>
811
+ <ui_text
807
812
  class="text light small"
808
813
  >
809
814
  common.label.all
810
- <span
815
+ <ui_text
811
816
  style="text-decoration: underline;"
812
817
  >
813
818
  rights
814
- </span>
819
+ </ui_text>
815
820
  reserved
816
- </span>
817
- </div>
821
+ </ui_text>
822
+ </ui_view>
818
823
  <a
819
824
  class="pressable action small"
820
825
  href="https://www.mirai.com/"
826
+ tabindex="0"
821
827
  >
822
828
  Powered by
823
- <span
829
+ <ui_text
824
830
  class="text bold light paragraph"
825
831
  >
826
832
  mirai
827
- </span>
833
+ </ui_text>
828
834
  </a>
829
- </div>
830
- </div>
835
+ </ui_view>
836
+ </ui_view>
831
837
  </DocumentFragment>
832
838
  `;
833
839
 
834
840
  exports[`component:<Booking> testID 1`] = `
835
841
  <DocumentFragment>
836
- <div
842
+ <ui_view
837
843
  class="view wide"
838
844
  >
839
- <div
845
+ <ui_view
840
846
  class="view row wide"
841
847
  >
842
- <div
848
+ <ui_view
843
849
  class="view row"
844
850
  />
845
- <div
851
+ <ui_view
846
852
  class="view row"
847
853
  >
848
- <span
854
+ <ui_tooltip
849
855
  class="container"
850
856
  >
851
- <div
857
+ <ui_view
852
858
  class="view row dispatcher"
853
859
  >
854
- <div
860
+ <ui_view
855
861
  class="view row"
856
862
  >
857
- <span
863
+ <ui_icon
858
864
  class="icon headline-2"
859
865
  >
860
866
  <svg
@@ -874,11 +880,11 @@ exports[`component:<Booking> testID 1`] = `
874
880
  d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
875
881
  />
876
882
  </svg>
877
- </span>
878
- <span
883
+ </ui_icon>
884
+ <ui_text
879
885
  class="text bold action"
880
886
  />
881
- </div>
887
+ </ui_view>
882
888
  <select
883
889
  class="select"
884
890
  name="locale"
@@ -994,145 +1000,147 @@ exports[`component:<Booking> testID 1`] = `
994
1000
  Euskara
995
1001
  </option>
996
1002
  </select>
997
- </div>
998
- </span>
999
- </div>
1000
- </div>
1001
- </div>
1002
- <div
1003
+ </ui_view>
1004
+ </ui_tooltip>
1005
+ </ui_view>
1006
+ </ui_view>
1007
+ </ui_view>
1008
+ <ui_view
1003
1009
  class="view"
1004
1010
  data-testid="mirai"
1005
1011
  >
1006
- <div
1012
+ <ui_progress
1007
1013
  class="view progress visible"
1008
1014
  >
1009
- <div
1015
+ <ui_view
1010
1016
  class="view value indeterminate"
1011
1017
  />
1012
- </div>
1013
- <div
1018
+ </ui_progress>
1019
+ <ui_view
1014
1020
  class="view wide"
1015
1021
  style="align-items: center; gap: 2rem;"
1016
1022
  >
1017
- <div
1023
+ <ui_view
1018
1024
  class="view row wide"
1019
1025
  style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
1020
1026
  >
1021
- <div
1027
+ <ui_view
1022
1028
  class="view"
1023
1029
  style="flex: 1; gap: 1rem;"
1024
1030
  >
1025
- <div
1031
+ <ui_view
1026
1032
  class="view"
1027
1033
  style="height: 3rem;"
1028
1034
  />
1029
- <div
1035
+ <ui_view
1030
1036
  class="view"
1031
1037
  style="height: 7rem;"
1032
1038
  />
1033
- <div
1039
+ <ui_view
1034
1040
  class="view"
1035
1041
  style="height: 12rem;"
1036
1042
  />
1037
- <div
1043
+ <ui_view
1038
1044
  class="view"
1039
1045
  style="height: 10rem;"
1040
1046
  />
1041
- <div
1047
+ <ui_view
1042
1048
  class="view"
1043
1049
  style="height: 28rem;"
1044
1050
  />
1045
- <div
1051
+ <ui_view
1046
1052
  class="view"
1047
1053
  style="height: 28rem;"
1048
1054
  />
1049
- </div>
1050
- <div
1055
+ </ui_view>
1056
+ <ui_view
1051
1057
  class="view"
1052
1058
  style="flex: 1; gap: 1rem; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2);"
1053
1059
  >
1054
- <div
1060
+ <ui_view
1055
1061
  class="view"
1056
1062
  style="height: 16rem;"
1057
1063
  />
1058
- <div
1064
+ <ui_view
1059
1065
  class="view"
1060
1066
  style="height: 8rem;"
1061
1067
  />
1062
- </div>
1063
- </div>
1064
- </div>
1065
- </div>
1066
- <div
1068
+ </ui_view>
1069
+ </ui_view>
1070
+ </ui_view>
1071
+ </ui_view>
1072
+ <ui_view
1067
1073
  class="view row"
1068
1074
  >
1069
- <div
1075
+ <ui_view
1070
1076
  class="view row"
1071
1077
  >
1072
- <div
1078
+ <ui_view
1073
1079
  class="view row"
1074
1080
  >
1075
- <span
1081
+ <ui_text
1076
1082
  class="text light small"
1077
1083
  >
1078
1084
  © 2024
1079
- <button
1085
+ <ui_action
1080
1086
  class="pressable action small"
1087
+ tabindex="0"
1081
1088
  />
1082
1089
  .
1083
- </span>
1084
- <span
1090
+ </ui_text>
1091
+ <ui_text
1085
1092
  class="text light small"
1086
1093
  >
1087
1094
  common.label.all
1088
- <span
1095
+ <ui_text
1089
1096
  style="text-decoration: underline;"
1090
1097
  >
1091
1098
  rights
1092
- </span>
1099
+ </ui_text>
1093
1100
  reserved
1094
- </span>
1095
- </div>
1101
+ </ui_text>
1102
+ </ui_view>
1096
1103
  <a
1097
1104
  class="pressable action small"
1098
1105
  href="https://www.mirai.com/"
1106
+ tabindex="0"
1099
1107
  >
1100
1108
  Powered by
1101
- <span
1109
+ <ui_text
1102
1110
  class="text bold light paragraph"
1103
1111
  >
1104
1112
  mirai
1105
- </span>
1113
+ </ui_text>
1106
1114
  </a>
1107
- </div>
1108
- </div>
1115
+ </ui_view>
1116
+ </ui_view>
1109
1117
  </DocumentFragment>
1110
1118
  `;
1111
1119
 
1112
1120
  exports[`component:<Booking> with a store 1`] = `
1113
1121
  <DocumentFragment>
1114
- <div
1122
+ <ui_view
1115
1123
  class="view wide"
1116
1124
  >
1117
- <div
1125
+ <ui_view
1118
1126
  class="view row wide"
1119
1127
  >
1120
- <div
1128
+ <ui_view
1121
1129
  class="view row"
1122
1130
  />
1123
- <div
1131
+ <ui_view
1124
1132
  class="view row"
1125
1133
  >
1126
- <span
1134
+ <ui_tooltip
1127
1135
  class="container"
1128
1136
  >
1129
- <div
1137
+ <ui_view
1130
1138
  class="view row dispatcher"
1131
1139
  >
1132
- <div
1140
+ <ui_view
1133
1141
  class="view row"
1134
1142
  >
1135
- <span
1143
+ <ui_icon
1136
1144
  class="icon headline-2"
1137
1145
  >
1138
1146
  <svg
@@ -1152,11 +1160,11 @@ exports[`component:<Booking> with a store 1`] = `
1152
1160
  d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
1153
1161
  />
1154
1162
  </svg>
1155
- </span>
1156
- <span
1163
+ </ui_icon>
1164
+ <ui_text
1157
1165
  class="text bold action"
1158
1166
  />
1159
- </div>
1167
+ </ui_view>
1160
1168
  <select
1161
1169
  class="select"
1162
1170
  name="locale"
@@ -1272,116 +1280,118 @@ exports[`component:<Booking> with a store 1`] = `
1272
1280
  Euskara
1273
1281
  </option>
1274
1282
  </select>
1275
- </div>
1276
- </span>
1277
- </div>
1278
- </div>
1279
- </div>
1280
- <div
1283
+ </ui_view>
1284
+ </ui_tooltip>
1285
+ </ui_view>
1286
+ </ui_view>
1287
+ </ui_view>
1288
+ <ui_view
1281
1289
  class="view"
1282
1290
  >
1283
- <div
1291
+ <ui_progress
1284
1292
  class="view progress visible"
1285
1293
  >
1286
- <div
1294
+ <ui_view
1287
1295
  class="view value indeterminate"
1288
1296
  />
1289
- </div>
1290
- <div
1297
+ </ui_progress>
1298
+ <ui_view
1291
1299
  class="view wide"
1292
1300
  style="align-items: center; gap: 2rem;"
1293
1301
  >
1294
- <div
1302
+ <ui_view
1295
1303
  class="view row wide"
1296
1304
  style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
1297
1305
  >
1298
- <div
1306
+ <ui_view
1299
1307
  class="view"
1300
1308
  style="flex: 1; gap: 1rem;"
1301
1309
  >
1302
- <div
1310
+ <ui_view
1303
1311
  class="view"
1304
1312
  style="height: 3rem;"
1305
1313
  />
1306
- <div
1314
+ <ui_view
1307
1315
  class="view"
1308
1316
  style="height: 7rem;"
1309
1317
  />
1310
- <div
1318
+ <ui_view
1311
1319
  class="view"
1312
1320
  style="height: 12rem;"
1313
1321
  />
1314
- <div
1322
+ <ui_view
1315
1323
  class="view"
1316
1324
  style="height: 10rem;"
1317
1325
  />
1318
- <div
1326
+ <ui_view
1319
1327
  class="view"
1320
1328
  style="height: 28rem;"
1321
1329
  />
1322
- <div
1330
+ <ui_view
1323
1331
  class="view"
1324
1332
  style="height: 28rem;"
1325
1333
  />
1326
- </div>
1327
- <div
1334
+ </ui_view>
1335
+ <ui_view
1328
1336
  class="view"
1329
1337
  style="flex: 1; gap: 1rem; max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2);"
1330
1338
  >
1331
- <div
1339
+ <ui_view
1332
1340
  class="view"
1333
1341
  style="height: 16rem;"
1334
1342
  />
1335
- <div
1343
+ <ui_view
1336
1344
  class="view"
1337
1345
  style="height: 8rem;"
1338
1346
  />
1339
- </div>
1340
- </div>
1341
- </div>
1342
- </div>
1343
- <div
1347
+ </ui_view>
1348
+ </ui_view>
1349
+ </ui_view>
1350
+ </ui_view>
1351
+ <ui_view
1344
1352
  class="view row"
1345
1353
  >
1346
- <div
1354
+ <ui_view
1347
1355
  class="view row"
1348
1356
  >
1349
- <div
1357
+ <ui_view
1350
1358
  class="view row"
1351
1359
  >
1352
- <span
1360
+ <ui_text
1353
1361
  class="text light small"
1354
1362
  >
1355
1363
  © 2024
1356
- <button
1364
+ <ui_action
1357
1365
  class="pressable action small"
1366
+ tabindex="0"
1358
1367
  />
1359
1368
  .
1360
- </span>
1361
- <span
1369
+ </ui_text>
1370
+ <ui_text
1362
1371
  class="text light small"
1363
1372
  >
1364
1373
  common.label.all
1365
- <span
1374
+ <ui_text
1366
1375
  style="text-decoration: underline;"
1367
1376
  >
1368
1377
  rights
1369
- </span>
1378
+ </ui_text>
1370
1379
  reserved
1371
- </span>
1372
- </div>
1380
+ </ui_text>
1381
+ </ui_view>
1373
1382
  <a
1374
1383
  class="pressable action small"
1375
1384
  href="https://www.mirai.com/"
1385
+ tabindex="0"
1376
1386
  >
1377
1387
  Powered by
1378
- <span
1388
+ <ui_text
1379
1389
  class="text bold light paragraph"
1380
1390
  >
1381
1391
  mirai
1382
- </span>
1392
+ </ui_text>
1383
1393
  </a>
1384
- </div>
1385
- </div>
1394
+ </ui_view>
1395
+ </ui_view>
1386
1396
  </DocumentFragment>
1387
1397
  `;