@mirai/core 0.3.223 → 0.3.224

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 (45) hide show
  1. package/build/components/Booking/Booking.js +6 -9
  2. package/build/components/Booking/Booking.js.map +1 -1
  3. package/build/components/Booking/Booking.module.css +0 -7
  4. package/build/components/Booking/Booking.skeleton.js +1 -6
  5. package/build/components/Booking/Booking.skeleton.js.map +1 -1
  6. package/build/components/Booking/__tests__/__snapshots__/Booking.test.js.snap +830 -20
  7. package/build/components/Checkout/Checkout.js +7 -19
  8. package/build/components/Checkout/Checkout.js.map +1 -1
  9. package/build/components/Checkout/Checkout.module.css +0 -7
  10. package/build/components/Checkout/Checkout.skeleton.js +1 -2
  11. package/build/components/Checkout/Checkout.skeleton.js.map +1 -1
  12. package/build/components/Checkout/__tests__/__snapshots__/Checkout.test.js.snap +1336 -8
  13. package/build/components/Checkout/partials/index.js +1 -12
  14. package/build/components/Checkout/partials/index.js.map +1 -1
  15. package/build/components/Header/Header.constants.js +9 -0
  16. package/build/components/Header/Header.constants.js.map +1 -0
  17. package/build/components/Header/Header.js +88 -25
  18. package/build/components/Header/Header.js.map +1 -1
  19. package/build/components/Header/Header.l10n.js +12 -0
  20. package/build/components/Header/Header.l10n.js.map +1 -0
  21. package/build/components/Header/Header.module.css +64 -15
  22. package/build/components/Header/components/BookingProcess/BookingProcess.js +13 -8
  23. package/build/components/Header/components/BookingProcess/BookingProcess.js.map +1 -1
  24. package/build/components/Header/components/BookingProcess/BookingProcess.module.css +47 -8
  25. package/build/components/Rates/Rates.js +7 -1
  26. package/build/components/Rates/Rates.js.map +1 -1
  27. package/build/components/Rates/Rates.module.css +1 -1
  28. package/build/components/Rates/components/Item/Item.Rates.js +3 -6
  29. package/build/components/Rates/components/Item/Item.Rates.js.map +1 -1
  30. package/build/components/Session/Session.Login.js +1 -6
  31. package/build/components/Session/Session.Login.js.map +1 -1
  32. package/build/components/__shared__/SelectEnvironment/SelectEnvironment.js +10 -4
  33. package/build/components/__shared__/SelectEnvironment/SelectEnvironment.js.map +1 -1
  34. package/build/components/__shared__/SelectEnvironment/SelectEnvironment.module.css +5 -1
  35. package/build/components/__shared__/SelectEnvironment/__tests__/__snapshots__/SelectEnvironment.test.js.snap +288 -5
  36. package/build/helpers/consolidateStore.js +5 -4
  37. package/build/helpers/consolidateStore.js.map +1 -1
  38. package/package.json +1 -1
  39. package/public/routes/Step1-Rates.jsx +3 -11
  40. package/public/routes/Step2-Checkout.jsx +1 -10
  41. package/public/routes/Step3-Booking.jsx +1 -10
  42. package/public/themes/monalisa.theme.css +0 -2
  43. package/build/components/Checkout/partials/Checkout.Session.js +0 -100
  44. package/build/components/Checkout/partials/Checkout.Session.js.map +0 -1
  45. package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Session.test.js.snap +0 -834
package/build/components/Checkout/__tests__/__snapshots__/Checkout.test.js.snap CHANGED
@@ -2,6 +2,172 @@
2
2
 
3
3
  exports[`component:<Checkout> Test A/B variant A 1`] = `
4
4
  <DocumentFragment>
5
+ <div
6
+ class="view wide"
7
+ >
8
+ <div
9
+ class="view row wide"
10
+ >
11
+ <div
12
+ class="view row"
13
+ />
14
+ <div
15
+ class="view row"
16
+ >
17
+ <span
18
+ class="container"
19
+ >
20
+ <div
21
+ class="view row dispatcher"
22
+ >
23
+ <div
24
+ class="view row"
25
+ >
26
+ <span
27
+ class="icon headline-3"
28
+ >
29
+ <svg
30
+ fill="currentColor"
31
+ height="1em"
32
+ stroke="currentColor"
33
+ stroke-width="0"
34
+ viewBox="0 0 24 24"
35
+ width="1em"
36
+ xmlns="http://www.w3.org/2000/svg"
37
+ >
38
+ <path
39
+ d="M0 0h24v24H0V0z"
40
+ fill="none"
41
+ />
42
+ <path
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
+ />
45
+ </svg>
46
+ </span>
47
+ <span
48
+ class="text bold action"
49
+ />
50
+ </div>
51
+ <select
52
+ class="select"
53
+ name="locale"
54
+ >
55
+ <option
56
+ value="en-GB"
57
+ >
58
+ English
59
+ </option>
60
+ <option
61
+ value="es-ES"
62
+ >
63
+ Español
64
+ </option>
65
+ <option
66
+ value="fr-FR"
67
+ >
68
+ Français
69
+ </option>
70
+ <option
71
+ value="de-DE"
72
+ >
73
+ Deutsch
74
+ </option>
75
+ <option
76
+ value="ja-JP"
77
+ >
78
+ 日本語
79
+ </option>
80
+ <option
81
+ value="it-IT"
82
+ >
83
+ Italiano
84
+ </option>
85
+ <option
86
+ value="pt-PT"
87
+ >
88
+ Português
89
+ </option>
90
+ <option
91
+ value="da-DK"
92
+ >
93
+ Dansk
94
+ </option>
95
+ <option
96
+ value="fi-FI"
97
+ >
98
+ Suomi
99
+ </option>
100
+ <option
101
+ value="nb-NO"
102
+ >
103
+ Norsk Bokmål
104
+ </option>
105
+ <option
106
+ value="nl-NL"
107
+ >
108
+ Nederlands
109
+ </option>
110
+ <option
111
+ value="pl-PL"
112
+ >
113
+ Polski
114
+ </option>
115
+ <option
116
+ value="ru-RU"
117
+ >
118
+ Русский
119
+ </option>
120
+ <option
121
+ value="sv-SE"
122
+ >
123
+ Svenska
124
+ </option>
125
+ <option
126
+ value="tr-TR"
127
+ >
128
+ Türkçe
129
+ </option>
130
+ <option
131
+ value="zh-CN"
132
+ >
133
+ 中文
134
+ </option>
135
+ <option
136
+ value="cs-CZ"
137
+ >
138
+ Čeština
139
+ </option>
140
+ <option
141
+ value="el-GR"
142
+ >
143
+ Ελληνικά
144
+ </option>
145
+ <option
146
+ value="ar-DZ"
147
+ >
148
+ العربية
149
+ </option>
150
+ <option
151
+ value="hu-HU"
152
+ >
153
+ Magyar
154
+ </option>
155
+ <option
156
+ value="ca-ES"
157
+ >
158
+ Català
159
+ </option>
160
+ <option
161
+ value="eu-ES"
162
+ >
163
+ Euskara
164
+ </option>
165
+ </select>
166
+ </div>
167
+ </span>
168
+ </div>
169
+ </div>
170
+ </div>
5
171
  <div
6
172
  class="view"
7
173
  >
@@ -18,7 +184,7 @@ exports[`component:<Checkout> Test A/B variant A 1`] = `
18
184
  >
19
185
  <div
20
186
  class="view row wide"
21
- style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
187
+ style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
22
188
  >
23
189
  <div
24
190
  class="view"
@@ -53,6 +219,172 @@ exports[`component:<Checkout> Test A/B variant A 1`] = `
53
219
 
54
220
  exports[`component:<Checkout> Test A/B variant B 1`] = `
55
221
  <DocumentFragment>
222
+ <div
223
+ class="view wide"
224
+ >
225
+ <div
226
+ class="view row wide"
227
+ >
228
+ <div
229
+ class="view row"
230
+ />
231
+ <div
232
+ class="view row"
233
+ >
234
+ <span
235
+ class="container"
236
+ >
237
+ <div
238
+ class="view row dispatcher"
239
+ >
240
+ <div
241
+ class="view row"
242
+ >
243
+ <span
244
+ class="icon headline-3"
245
+ >
246
+ <svg
247
+ fill="currentColor"
248
+ height="1em"
249
+ stroke="currentColor"
250
+ stroke-width="0"
251
+ viewBox="0 0 24 24"
252
+ width="1em"
253
+ xmlns="http://www.w3.org/2000/svg"
254
+ >
255
+ <path
256
+ d="M0 0h24v24H0V0z"
257
+ fill="none"
258
+ />
259
+ <path
260
+ 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"
261
+ />
262
+ </svg>
263
+ </span>
264
+ <span
265
+ class="text bold action"
266
+ />
267
+ </div>
268
+ <select
269
+ class="select"
270
+ name="locale"
271
+ >
272
+ <option
273
+ value="en-GB"
274
+ >
275
+ English
276
+ </option>
277
+ <option
278
+ value="es-ES"
279
+ >
280
+ Español
281
+ </option>
282
+ <option
283
+ value="fr-FR"
284
+ >
285
+ Français
286
+ </option>
287
+ <option
288
+ value="de-DE"
289
+ >
290
+ Deutsch
291
+ </option>
292
+ <option
293
+ value="ja-JP"
294
+ >
295
+ 日本語
296
+ </option>
297
+ <option
298
+ value="it-IT"
299
+ >
300
+ Italiano
301
+ </option>
302
+ <option
303
+ value="pt-PT"
304
+ >
305
+ Português
306
+ </option>
307
+ <option
308
+ value="da-DK"
309
+ >
310
+ Dansk
311
+ </option>
312
+ <option
313
+ value="fi-FI"
314
+ >
315
+ Suomi
316
+ </option>
317
+ <option
318
+ value="nb-NO"
319
+ >
320
+ Norsk Bokmål
321
+ </option>
322
+ <option
323
+ value="nl-NL"
324
+ >
325
+ Nederlands
326
+ </option>
327
+ <option
328
+ value="pl-PL"
329
+ >
330
+ Polski
331
+ </option>
332
+ <option
333
+ value="ru-RU"
334
+ >
335
+ Русский
336
+ </option>
337
+ <option
338
+ value="sv-SE"
339
+ >
340
+ Svenska
341
+ </option>
342
+ <option
343
+ value="tr-TR"
344
+ >
345
+ Türkçe
346
+ </option>
347
+ <option
348
+ value="zh-CN"
349
+ >
350
+ 中文
351
+ </option>
352
+ <option
353
+ value="cs-CZ"
354
+ >
355
+ Čeština
356
+ </option>
357
+ <option
358
+ value="el-GR"
359
+ >
360
+ Ελληνικά
361
+ </option>
362
+ <option
363
+ value="ar-DZ"
364
+ >
365
+ العربية
366
+ </option>
367
+ <option
368
+ value="hu-HU"
369
+ >
370
+ Magyar
371
+ </option>
372
+ <option
373
+ value="ca-ES"
374
+ >
375
+ Català
376
+ </option>
377
+ <option
378
+ value="eu-ES"
379
+ >
380
+ Euskara
381
+ </option>
382
+ </select>
383
+ </div>
384
+ </span>
385
+ </div>
386
+ </div>
387
+ </div>
56
388
  <div
57
389
  class="view"
58
390
  >
@@ -69,7 +401,7 @@ exports[`component:<Checkout> Test A/B variant B 1`] = `
69
401
  >
70
402
  <div
71
403
  class="view row wide"
72
- style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
404
+ style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
73
405
  >
74
406
  <div
75
407
  class="view"
@@ -104,6 +436,172 @@ exports[`component:<Checkout> Test A/B variant B 1`] = `
104
436
 
105
437
  exports[`component:<Checkout> inherit:className 1`] = `
106
438
  <DocumentFragment>
439
+ <div
440
+ class="view wide"
441
+ >
442
+ <div
443
+ class="view row wide"
444
+ >
445
+ <div
446
+ class="view row"
447
+ />
448
+ <div
449
+ class="view row"
450
+ >
451
+ <span
452
+ class="container"
453
+ >
454
+ <div
455
+ class="view row dispatcher"
456
+ >
457
+ <div
458
+ class="view row"
459
+ >
460
+ <span
461
+ class="icon headline-3"
462
+ >
463
+ <svg
464
+ fill="currentColor"
465
+ height="1em"
466
+ stroke="currentColor"
467
+ stroke-width="0"
468
+ viewBox="0 0 24 24"
469
+ width="1em"
470
+ xmlns="http://www.w3.org/2000/svg"
471
+ >
472
+ <path
473
+ d="M0 0h24v24H0V0z"
474
+ fill="none"
475
+ />
476
+ <path
477
+ 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"
478
+ />
479
+ </svg>
480
+ </span>
481
+ <span
482
+ class="text bold action"
483
+ />
484
+ </div>
485
+ <select
486
+ class="select"
487
+ name="locale"
488
+ >
489
+ <option
490
+ value="en-GB"
491
+ >
492
+ English
493
+ </option>
494
+ <option
495
+ value="es-ES"
496
+ >
497
+ Español
498
+ </option>
499
+ <option
500
+ value="fr-FR"
501
+ >
502
+ Français
503
+ </option>
504
+ <option
505
+ value="de-DE"
506
+ >
507
+ Deutsch
508
+ </option>
509
+ <option
510
+ value="ja-JP"
511
+ >
512
+ 日本語
513
+ </option>
514
+ <option
515
+ value="it-IT"
516
+ >
517
+ Italiano
518
+ </option>
519
+ <option
520
+ value="pt-PT"
521
+ >
522
+ Português
523
+ </option>
524
+ <option
525
+ value="da-DK"
526
+ >
527
+ Dansk
528
+ </option>
529
+ <option
530
+ value="fi-FI"
531
+ >
532
+ Suomi
533
+ </option>
534
+ <option
535
+ value="nb-NO"
536
+ >
537
+ Norsk Bokmål
538
+ </option>
539
+ <option
540
+ value="nl-NL"
541
+ >
542
+ Nederlands
543
+ </option>
544
+ <option
545
+ value="pl-PL"
546
+ >
547
+ Polski
548
+ </option>
549
+ <option
550
+ value="ru-RU"
551
+ >
552
+ Русский
553
+ </option>
554
+ <option
555
+ value="sv-SE"
556
+ >
557
+ Svenska
558
+ </option>
559
+ <option
560
+ value="tr-TR"
561
+ >
562
+ Türkçe
563
+ </option>
564
+ <option
565
+ value="zh-CN"
566
+ >
567
+ 中文
568
+ </option>
569
+ <option
570
+ value="cs-CZ"
571
+ >
572
+ Čeština
573
+ </option>
574
+ <option
575
+ value="el-GR"
576
+ >
577
+ Ελληνικά
578
+ </option>
579
+ <option
580
+ value="ar-DZ"
581
+ >
582
+ العربية
583
+ </option>
584
+ <option
585
+ value="hu-HU"
586
+ >
587
+ Magyar
588
+ </option>
589
+ <option
590
+ value="ca-ES"
591
+ >
592
+ Català
593
+ </option>
594
+ <option
595
+ value="eu-ES"
596
+ >
597
+ Euskara
598
+ </option>
599
+ </select>
600
+ </div>
601
+ </span>
602
+ </div>
603
+ </div>
604
+ </div>
107
605
  <div
108
606
  class="view mirai"
109
607
  >
@@ -120,7 +618,7 @@ exports[`component:<Checkout> inherit:className 1`] = `
120
618
  >
121
619
  <div
122
620
  class="view row wide"
123
- style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
621
+ style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
124
622
  >
125
623
  <div
126
624
  class="view"
@@ -155,6 +653,172 @@ exports[`component:<Checkout> inherit:className 1`] = `
155
653
 
156
654
  exports[`component:<Checkout> prop:session (false) 1`] = `
157
655
  <DocumentFragment>
656
+ <div
657
+ class="view wide"
658
+ >
659
+ <div
660
+ class="view row wide"
661
+ >
662
+ <div
663
+ class="view row"
664
+ />
665
+ <div
666
+ class="view row"
667
+ >
668
+ <span
669
+ class="container"
670
+ >
671
+ <div
672
+ class="view row dispatcher"
673
+ >
674
+ <div
675
+ class="view row"
676
+ >
677
+ <span
678
+ class="icon headline-3"
679
+ >
680
+ <svg
681
+ fill="currentColor"
682
+ height="1em"
683
+ stroke="currentColor"
684
+ stroke-width="0"
685
+ viewBox="0 0 24 24"
686
+ width="1em"
687
+ xmlns="http://www.w3.org/2000/svg"
688
+ >
689
+ <path
690
+ d="M0 0h24v24H0V0z"
691
+ fill="none"
692
+ />
693
+ <path
694
+ 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"
695
+ />
696
+ </svg>
697
+ </span>
698
+ <span
699
+ class="text bold action"
700
+ />
701
+ </div>
702
+ <select
703
+ class="select"
704
+ name="locale"
705
+ >
706
+ <option
707
+ value="en-GB"
708
+ >
709
+ English
710
+ </option>
711
+ <option
712
+ value="es-ES"
713
+ >
714
+ Español
715
+ </option>
716
+ <option
717
+ value="fr-FR"
718
+ >
719
+ Français
720
+ </option>
721
+ <option
722
+ value="de-DE"
723
+ >
724
+ Deutsch
725
+ </option>
726
+ <option
727
+ value="ja-JP"
728
+ >
729
+ 日本語
730
+ </option>
731
+ <option
732
+ value="it-IT"
733
+ >
734
+ Italiano
735
+ </option>
736
+ <option
737
+ value="pt-PT"
738
+ >
739
+ Português
740
+ </option>
741
+ <option
742
+ value="da-DK"
743
+ >
744
+ Dansk
745
+ </option>
746
+ <option
747
+ value="fi-FI"
748
+ >
749
+ Suomi
750
+ </option>
751
+ <option
752
+ value="nb-NO"
753
+ >
754
+ Norsk Bokmål
755
+ </option>
756
+ <option
757
+ value="nl-NL"
758
+ >
759
+ Nederlands
760
+ </option>
761
+ <option
762
+ value="pl-PL"
763
+ >
764
+ Polski
765
+ </option>
766
+ <option
767
+ value="ru-RU"
768
+ >
769
+ Русский
770
+ </option>
771
+ <option
772
+ value="sv-SE"
773
+ >
774
+ Svenska
775
+ </option>
776
+ <option
777
+ value="tr-TR"
778
+ >
779
+ Türkçe
780
+ </option>
781
+ <option
782
+ value="zh-CN"
783
+ >
784
+ 中文
785
+ </option>
786
+ <option
787
+ value="cs-CZ"
788
+ >
789
+ Čeština
790
+ </option>
791
+ <option
792
+ value="el-GR"
793
+ >
794
+ Ελληνικά
795
+ </option>
796
+ <option
797
+ value="ar-DZ"
798
+ >
799
+ العربية
800
+ </option>
801
+ <option
802
+ value="hu-HU"
803
+ >
804
+ Magyar
805
+ </option>
806
+ <option
807
+ value="ca-ES"
808
+ >
809
+ Català
810
+ </option>
811
+ <option
812
+ value="eu-ES"
813
+ >
814
+ Euskara
815
+ </option>
816
+ </select>
817
+ </div>
818
+ </span>
819
+ </div>
820
+ </div>
821
+ </div>
158
822
  <div
159
823
  class="view"
160
824
  >
@@ -171,7 +835,7 @@ exports[`component:<Checkout> prop:session (false) 1`] = `
171
835
  >
172
836
  <div
173
837
  class="view row wide"
174
- style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
838
+ style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
175
839
  >
176
840
  <div
177
841
  class="view"
@@ -206,6 +870,172 @@ exports[`component:<Checkout> prop:session (false) 1`] = `
206
870
 
207
871
  exports[`component:<Checkout> prop:skeleton 1`] = `
208
872
  <DocumentFragment>
873
+ <div
874
+ class="view wide"
875
+ >
876
+ <div
877
+ class="view row wide"
878
+ >
879
+ <div
880
+ class="view row"
881
+ />
882
+ <div
883
+ class="view row"
884
+ >
885
+ <span
886
+ class="container"
887
+ >
888
+ <div
889
+ class="view row dispatcher"
890
+ >
891
+ <div
892
+ class="view row"
893
+ >
894
+ <span
895
+ class="icon headline-3"
896
+ >
897
+ <svg
898
+ fill="currentColor"
899
+ height="1em"
900
+ stroke="currentColor"
901
+ stroke-width="0"
902
+ viewBox="0 0 24 24"
903
+ width="1em"
904
+ xmlns="http://www.w3.org/2000/svg"
905
+ >
906
+ <path
907
+ d="M0 0h24v24H0V0z"
908
+ fill="none"
909
+ />
910
+ <path
911
+ 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"
912
+ />
913
+ </svg>
914
+ </span>
915
+ <span
916
+ class="text bold action"
917
+ />
918
+ </div>
919
+ <select
920
+ class="select"
921
+ name="locale"
922
+ >
923
+ <option
924
+ value="en-GB"
925
+ >
926
+ English
927
+ </option>
928
+ <option
929
+ value="es-ES"
930
+ >
931
+ Español
932
+ </option>
933
+ <option
934
+ value="fr-FR"
935
+ >
936
+ Français
937
+ </option>
938
+ <option
939
+ value="de-DE"
940
+ >
941
+ Deutsch
942
+ </option>
943
+ <option
944
+ value="ja-JP"
945
+ >
946
+ 日本語
947
+ </option>
948
+ <option
949
+ value="it-IT"
950
+ >
951
+ Italiano
952
+ </option>
953
+ <option
954
+ value="pt-PT"
955
+ >
956
+ Português
957
+ </option>
958
+ <option
959
+ value="da-DK"
960
+ >
961
+ Dansk
962
+ </option>
963
+ <option
964
+ value="fi-FI"
965
+ >
966
+ Suomi
967
+ </option>
968
+ <option
969
+ value="nb-NO"
970
+ >
971
+ Norsk Bokmål
972
+ </option>
973
+ <option
974
+ value="nl-NL"
975
+ >
976
+ Nederlands
977
+ </option>
978
+ <option
979
+ value="pl-PL"
980
+ >
981
+ Polski
982
+ </option>
983
+ <option
984
+ value="ru-RU"
985
+ >
986
+ Русский
987
+ </option>
988
+ <option
989
+ value="sv-SE"
990
+ >
991
+ Svenska
992
+ </option>
993
+ <option
994
+ value="tr-TR"
995
+ >
996
+ Türkçe
997
+ </option>
998
+ <option
999
+ value="zh-CN"
1000
+ >
1001
+ 中文
1002
+ </option>
1003
+ <option
1004
+ value="cs-CZ"
1005
+ >
1006
+ Čeština
1007
+ </option>
1008
+ <option
1009
+ value="el-GR"
1010
+ >
1011
+ Ελληνικά
1012
+ </option>
1013
+ <option
1014
+ value="ar-DZ"
1015
+ >
1016
+ العربية
1017
+ </option>
1018
+ <option
1019
+ value="hu-HU"
1020
+ >
1021
+ Magyar
1022
+ </option>
1023
+ <option
1024
+ value="ca-ES"
1025
+ >
1026
+ Català
1027
+ </option>
1028
+ <option
1029
+ value="eu-ES"
1030
+ >
1031
+ Euskara
1032
+ </option>
1033
+ </select>
1034
+ </div>
1035
+ </span>
1036
+ </div>
1037
+ </div>
1038
+ </div>
209
1039
  <div
210
1040
  class="view"
211
1041
  >
@@ -222,7 +1052,7 @@ exports[`component:<Checkout> prop:skeleton 1`] = `
222
1052
  >
223
1053
  <div
224
1054
  class="view row wide"
225
- style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
1055
+ style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
226
1056
  >
227
1057
  <div
228
1058
  class="view"
@@ -257,6 +1087,172 @@ exports[`component:<Checkout> prop:skeleton 1`] = `
257
1087
 
258
1088
  exports[`component:<Checkout> renders 1`] = `
259
1089
  <DocumentFragment>
1090
+ <div
1091
+ class="view wide"
1092
+ >
1093
+ <div
1094
+ class="view row wide"
1095
+ >
1096
+ <div
1097
+ class="view row"
1098
+ />
1099
+ <div
1100
+ class="view row"
1101
+ >
1102
+ <span
1103
+ class="container"
1104
+ >
1105
+ <div
1106
+ class="view row dispatcher"
1107
+ >
1108
+ <div
1109
+ class="view row"
1110
+ >
1111
+ <span
1112
+ class="icon headline-3"
1113
+ >
1114
+ <svg
1115
+ fill="currentColor"
1116
+ height="1em"
1117
+ stroke="currentColor"
1118
+ stroke-width="0"
1119
+ viewBox="0 0 24 24"
1120
+ width="1em"
1121
+ xmlns="http://www.w3.org/2000/svg"
1122
+ >
1123
+ <path
1124
+ d="M0 0h24v24H0V0z"
1125
+ fill="none"
1126
+ />
1127
+ <path
1128
+ 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"
1129
+ />
1130
+ </svg>
1131
+ </span>
1132
+ <span
1133
+ class="text bold action"
1134
+ />
1135
+ </div>
1136
+ <select
1137
+ class="select"
1138
+ name="locale"
1139
+ >
1140
+ <option
1141
+ value="en-GB"
1142
+ >
1143
+ English
1144
+ </option>
1145
+ <option
1146
+ value="es-ES"
1147
+ >
1148
+ Español
1149
+ </option>
1150
+ <option
1151
+ value="fr-FR"
1152
+ >
1153
+ Français
1154
+ </option>
1155
+ <option
1156
+ value="de-DE"
1157
+ >
1158
+ Deutsch
1159
+ </option>
1160
+ <option
1161
+ value="ja-JP"
1162
+ >
1163
+ 日本語
1164
+ </option>
1165
+ <option
1166
+ value="it-IT"
1167
+ >
1168
+ Italiano
1169
+ </option>
1170
+ <option
1171
+ value="pt-PT"
1172
+ >
1173
+ Português
1174
+ </option>
1175
+ <option
1176
+ value="da-DK"
1177
+ >
1178
+ Dansk
1179
+ </option>
1180
+ <option
1181
+ value="fi-FI"
1182
+ >
1183
+ Suomi
1184
+ </option>
1185
+ <option
1186
+ value="nb-NO"
1187
+ >
1188
+ Norsk Bokmål
1189
+ </option>
1190
+ <option
1191
+ value="nl-NL"
1192
+ >
1193
+ Nederlands
1194
+ </option>
1195
+ <option
1196
+ value="pl-PL"
1197
+ >
1198
+ Polski
1199
+ </option>
1200
+ <option
1201
+ value="ru-RU"
1202
+ >
1203
+ Русский
1204
+ </option>
1205
+ <option
1206
+ value="sv-SE"
1207
+ >
1208
+ Svenska
1209
+ </option>
1210
+ <option
1211
+ value="tr-TR"
1212
+ >
1213
+ Türkçe
1214
+ </option>
1215
+ <option
1216
+ value="zh-CN"
1217
+ >
1218
+ 中文
1219
+ </option>
1220
+ <option
1221
+ value="cs-CZ"
1222
+ >
1223
+ Čeština
1224
+ </option>
1225
+ <option
1226
+ value="el-GR"
1227
+ >
1228
+ Ελληνικά
1229
+ </option>
1230
+ <option
1231
+ value="ar-DZ"
1232
+ >
1233
+ العربية
1234
+ </option>
1235
+ <option
1236
+ value="hu-HU"
1237
+ >
1238
+ Magyar
1239
+ </option>
1240
+ <option
1241
+ value="ca-ES"
1242
+ >
1243
+ Català
1244
+ </option>
1245
+ <option
1246
+ value="eu-ES"
1247
+ >
1248
+ Euskara
1249
+ </option>
1250
+ </select>
1251
+ </div>
1252
+ </span>
1253
+ </div>
1254
+ </div>
1255
+ </div>
260
1256
  <div
261
1257
  class="view"
262
1258
  >
@@ -273,7 +1269,7 @@ exports[`component:<Checkout> renders 1`] = `
273
1269
  >
274
1270
  <div
275
1271
  class="view row wide"
276
- style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
1272
+ style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
277
1273
  >
278
1274
  <div
279
1275
  class="view"
@@ -308,6 +1304,172 @@ exports[`component:<Checkout> renders 1`] = `
308
1304
 
309
1305
  exports[`component:<Checkout> testID 1`] = `
310
1306
  <DocumentFragment>
1307
+ <div
1308
+ class="view wide"
1309
+ >
1310
+ <div
1311
+ class="view row wide"
1312
+ >
1313
+ <div
1314
+ class="view row"
1315
+ />
1316
+ <div
1317
+ class="view row"
1318
+ >
1319
+ <span
1320
+ class="container"
1321
+ >
1322
+ <div
1323
+ class="view row dispatcher"
1324
+ >
1325
+ <div
1326
+ class="view row"
1327
+ >
1328
+ <span
1329
+ class="icon headline-3"
1330
+ >
1331
+ <svg
1332
+ fill="currentColor"
1333
+ height="1em"
1334
+ stroke="currentColor"
1335
+ stroke-width="0"
1336
+ viewBox="0 0 24 24"
1337
+ width="1em"
1338
+ xmlns="http://www.w3.org/2000/svg"
1339
+ >
1340
+ <path
1341
+ d="M0 0h24v24H0V0z"
1342
+ fill="none"
1343
+ />
1344
+ <path
1345
+ 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"
1346
+ />
1347
+ </svg>
1348
+ </span>
1349
+ <span
1350
+ class="text bold action"
1351
+ />
1352
+ </div>
1353
+ <select
1354
+ class="select"
1355
+ name="locale"
1356
+ >
1357
+ <option
1358
+ value="en-GB"
1359
+ >
1360
+ English
1361
+ </option>
1362
+ <option
1363
+ value="es-ES"
1364
+ >
1365
+ Español
1366
+ </option>
1367
+ <option
1368
+ value="fr-FR"
1369
+ >
1370
+ Français
1371
+ </option>
1372
+ <option
1373
+ value="de-DE"
1374
+ >
1375
+ Deutsch
1376
+ </option>
1377
+ <option
1378
+ value="ja-JP"
1379
+ >
1380
+ 日本語
1381
+ </option>
1382
+ <option
1383
+ value="it-IT"
1384
+ >
1385
+ Italiano
1386
+ </option>
1387
+ <option
1388
+ value="pt-PT"
1389
+ >
1390
+ Português
1391
+ </option>
1392
+ <option
1393
+ value="da-DK"
1394
+ >
1395
+ Dansk
1396
+ </option>
1397
+ <option
1398
+ value="fi-FI"
1399
+ >
1400
+ Suomi
1401
+ </option>
1402
+ <option
1403
+ value="nb-NO"
1404
+ >
1405
+ Norsk Bokmål
1406
+ </option>
1407
+ <option
1408
+ value="nl-NL"
1409
+ >
1410
+ Nederlands
1411
+ </option>
1412
+ <option
1413
+ value="pl-PL"
1414
+ >
1415
+ Polski
1416
+ </option>
1417
+ <option
1418
+ value="ru-RU"
1419
+ >
1420
+ Русский
1421
+ </option>
1422
+ <option
1423
+ value="sv-SE"
1424
+ >
1425
+ Svenska
1426
+ </option>
1427
+ <option
1428
+ value="tr-TR"
1429
+ >
1430
+ Türkçe
1431
+ </option>
1432
+ <option
1433
+ value="zh-CN"
1434
+ >
1435
+ 中文
1436
+ </option>
1437
+ <option
1438
+ value="cs-CZ"
1439
+ >
1440
+ Čeština
1441
+ </option>
1442
+ <option
1443
+ value="el-GR"
1444
+ >
1445
+ Ελληνικά
1446
+ </option>
1447
+ <option
1448
+ value="ar-DZ"
1449
+ >
1450
+ العربية
1451
+ </option>
1452
+ <option
1453
+ value="hu-HU"
1454
+ >
1455
+ Magyar
1456
+ </option>
1457
+ <option
1458
+ value="ca-ES"
1459
+ >
1460
+ Català
1461
+ </option>
1462
+ <option
1463
+ value="eu-ES"
1464
+ >
1465
+ Euskara
1466
+ </option>
1467
+ </select>
1468
+ </div>
1469
+ </span>
1470
+ </div>
1471
+ </div>
1472
+ </div>
311
1473
  <div
312
1474
  class="view"
313
1475
  data-testid="mirai"
@@ -325,7 +1487,7 @@ exports[`component:<Checkout> testID 1`] = `
325
1487
  >
326
1488
  <div
327
1489
  class="view row wide"
328
- style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
1490
+ style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
329
1491
  >
330
1492
  <div
331
1493
  class="view"
@@ -360,6 +1522,172 @@ exports[`component:<Checkout> testID 1`] = `
360
1522
 
361
1523
  exports[`component:<Checkout> with a store 1`] = `
362
1524
  <DocumentFragment>
1525
+ <div
1526
+ class="view wide"
1527
+ >
1528
+ <div
1529
+ class="view row wide"
1530
+ >
1531
+ <div
1532
+ class="view row"
1533
+ />
1534
+ <div
1535
+ class="view row"
1536
+ >
1537
+ <span
1538
+ class="container"
1539
+ >
1540
+ <div
1541
+ class="view row dispatcher"
1542
+ >
1543
+ <div
1544
+ class="view row"
1545
+ >
1546
+ <span
1547
+ class="icon headline-3"
1548
+ >
1549
+ <svg
1550
+ fill="currentColor"
1551
+ height="1em"
1552
+ stroke="currentColor"
1553
+ stroke-width="0"
1554
+ viewBox="0 0 24 24"
1555
+ width="1em"
1556
+ xmlns="http://www.w3.org/2000/svg"
1557
+ >
1558
+ <path
1559
+ d="M0 0h24v24H0V0z"
1560
+ fill="none"
1561
+ />
1562
+ <path
1563
+ 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"
1564
+ />
1565
+ </svg>
1566
+ </span>
1567
+ <span
1568
+ class="text bold action"
1569
+ />
1570
+ </div>
1571
+ <select
1572
+ class="select"
1573
+ name="locale"
1574
+ >
1575
+ <option
1576
+ value="en-GB"
1577
+ >
1578
+ English
1579
+ </option>
1580
+ <option
1581
+ value="es-ES"
1582
+ >
1583
+ Español
1584
+ </option>
1585
+ <option
1586
+ value="fr-FR"
1587
+ >
1588
+ Français
1589
+ </option>
1590
+ <option
1591
+ value="de-DE"
1592
+ >
1593
+ Deutsch
1594
+ </option>
1595
+ <option
1596
+ value="ja-JP"
1597
+ >
1598
+ 日本語
1599
+ </option>
1600
+ <option
1601
+ value="it-IT"
1602
+ >
1603
+ Italiano
1604
+ </option>
1605
+ <option
1606
+ value="pt-PT"
1607
+ >
1608
+ Português
1609
+ </option>
1610
+ <option
1611
+ value="da-DK"
1612
+ >
1613
+ Dansk
1614
+ </option>
1615
+ <option
1616
+ value="fi-FI"
1617
+ >
1618
+ Suomi
1619
+ </option>
1620
+ <option
1621
+ value="nb-NO"
1622
+ >
1623
+ Norsk Bokmål
1624
+ </option>
1625
+ <option
1626
+ value="nl-NL"
1627
+ >
1628
+ Nederlands
1629
+ </option>
1630
+ <option
1631
+ value="pl-PL"
1632
+ >
1633
+ Polski
1634
+ </option>
1635
+ <option
1636
+ value="ru-RU"
1637
+ >
1638
+ Русский
1639
+ </option>
1640
+ <option
1641
+ value="sv-SE"
1642
+ >
1643
+ Svenska
1644
+ </option>
1645
+ <option
1646
+ value="tr-TR"
1647
+ >
1648
+ Türkçe
1649
+ </option>
1650
+ <option
1651
+ value="zh-CN"
1652
+ >
1653
+ 中文
1654
+ </option>
1655
+ <option
1656
+ value="cs-CZ"
1657
+ >
1658
+ Čeština
1659
+ </option>
1660
+ <option
1661
+ value="el-GR"
1662
+ >
1663
+ Ελληνικά
1664
+ </option>
1665
+ <option
1666
+ value="ar-DZ"
1667
+ >
1668
+ العربية
1669
+ </option>
1670
+ <option
1671
+ value="hu-HU"
1672
+ >
1673
+ Magyar
1674
+ </option>
1675
+ <option
1676
+ value="ca-ES"
1677
+ >
1678
+ Català
1679
+ </option>
1680
+ <option
1681
+ value="eu-ES"
1682
+ >
1683
+ Euskara
1684
+ </option>
1685
+ </select>
1686
+ </div>
1687
+ </span>
1688
+ </div>
1689
+ </div>
1690
+ </div>
363
1691
  <div
364
1692
  class="view"
365
1693
  >
@@ -376,7 +1704,7 @@ exports[`component:<Checkout> with a store 1`] = `
376
1704
  >
377
1705
  <div
378
1706
  class="view row wide"
379
- style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content); margin-top: 2rem;"
1707
+ style="align-items: start; align-self: center; gap: 1rem; max-width: var(--mirai-ui-breakpoint-content);"
380
1708
  >
381
1709
  <div
382
1710
  class="view"