@mirai/core 0.3.330 → 0.3.331

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.constants.js +1 -2
  2. package/build/components/Booking/Booking.constants.js.map +1 -1
  3. package/build/components/Booking/Booking.js +4 -3
  4. package/build/components/Booking/Booking.js.map +1 -1
  5. package/build/components/Booking/Booking.module.css +1 -18
  6. package/build/components/Booking/partials/index.js +3 -14
  7. package/build/components/Booking/partials/index.js.map +1 -1
  8. package/build/components/Checkout/Checkout.constants.js +1 -2
  9. package/build/components/Checkout/Checkout.constants.js.map +1 -1
  10. package/build/components/Checkout/Checkout.js +4 -3
  11. package/build/components/Checkout/Checkout.js.map +1 -1
  12. package/build/components/Checkout/Checkout.module.css +0 -49
  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/Rates/Rates.module.css +0 -1
  16. package/build/components/Rates/components/Filters/components/InputRange/InputRange.js +6 -6
  17. package/build/components/Rates/components/Filters/components/InputRange/InputRange.js.map +1 -1
  18. package/build/components/__shared__/BookingDetails/BookingDetails.constants.js +10 -0
  19. package/build/components/__shared__/BookingDetails/BookingDetails.constants.js.map +1 -0
  20. package/build/components/{Checkout/partials/Checkout.Details.js → __shared__/BookingDetails/BookingDetails.js} +36 -38
  21. package/build/components/__shared__/BookingDetails/BookingDetails.js.map +1 -0
  22. package/build/components/__shared__/BookingDetails/BookingDetails.l10n.js +27 -0
  23. package/build/components/__shared__/BookingDetails/BookingDetails.l10n.js.map +1 -0
  24. package/build/components/__shared__/BookingDetails/BookingDetails.module.css +60 -0
  25. package/build/components/{Booking/partials/__tests__/__snapshots__/Booking.Details.test.js.snap → __shared__/BookingDetails/__tests__/__snapshots__/BookingDetails.test.js.snap} +862 -403
  26. package/build/components/__shared__/BookingDetails/index.js +17 -0
  27. package/build/components/__shared__/BookingDetails/index.js.map +1 -0
  28. package/build/components/__shared__/BookingDetails/mocks/booking.json +176 -0
  29. package/build/components/__shared__/BookingDetails/mocks/checkout.json +518 -0
  30. package/build/components/__shared__/BookingTable/BookingTable.Row.js +9 -5
  31. package/build/components/__shared__/BookingTable/BookingTable.Row.js.map +1 -1
  32. package/build/components/__shared__/BookingTable/BookingTable.js +18 -3
  33. package/build/components/__shared__/BookingTable/BookingTable.js.map +1 -1
  34. package/build/components/__shared__/BookingTable/BookingTable.l10n.js +5 -2
  35. package/build/components/__shared__/BookingTable/BookingTable.l10n.js.map +1 -1
  36. package/build/components/__shared__/BookingTable/__tests__/__snapshots__/BookingTable.Row.test.js.snap +56 -0
  37. package/build/components/__shared__/BookingTable/__tests__/__snapshots__/BookingTable.test.js.snap +126 -0
  38. package/build/components/__shared__/Footer/Footer.module.css +3 -4
  39. package/build/components/__shared__/index.js +11 -0
  40. package/build/components/__shared__/index.js.map +1 -1
  41. package/package.json +1 -1
  42. package/build/components/Booking/partials/Booking.Details.js +0 -154
  43. package/build/components/Booking/partials/Booking.Details.js.map +0 -1
  44. package/build/components/Checkout/partials/Checkout.Details.js.map +0 -1
  45. package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Details.test.js.snap +0 -1312
@@ -1,45 +1,54 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`component:<Booking> partial:<Details> inherit:className 1`] = `
3
+ exports[`component:<BookingDetails> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
6
  class="view mirai"
7
7
  >
8
+ <h3
9
+ class="text bold headline-3"
10
+ >
11
+ user.label.booking_details
12
+ </h3>
8
13
  <div
9
14
  class="view wide"
10
15
  >
11
- <h3
12
- class="text bold headline-3"
13
- >
14
- Standard Room
15
- </h3>
16
- <div
17
- class="view"
18
- >
19
- <span
20
- class="text bold paragraph"
21
- >
22
- common.label.guest
23
- </span>
24
- <span
25
- class="text paragraph"
26
- >
27
- 2 common.label.guest_type_plural, 1 common.label.guest_type
28
- </span>
29
- </div>
30
16
  <div
31
- class="view"
17
+ class="view row"
32
18
  >
33
- <span
34
- class="text bold paragraph"
35
- >
36
- common.label.rate
37
- </span>
38
- <span
39
- class="text paragraph"
19
+ <div
20
+ class="view"
21
+ style="background-image: url(undefined);"
22
+ />
23
+ <div
24
+ class="view"
40
25
  >
41
- Flexible Rate
42
- </span>
26
+ <div
27
+ class="view row"
28
+ >
29
+ <span
30
+ class="text bold paragraph"
31
+ >
32
+ Standard Room
33
+ </span>
34
+ </div>
35
+ <span
36
+ class="text action"
37
+ >
38
+ Flexible Rate
39
+ </span>
40
+ <span
41
+ class="text light small"
42
+ >
43
+ 2 common.label.guest
44
+ <span
45
+ style="text-decoration: underline;"
46
+ >
47
+ type
48
+ </span>
49
+ plural, 1 common.label.guest_type
50
+ </span>
51
+ </div>
43
52
  </div>
44
53
  <div
45
54
  class="view"
@@ -164,6 +173,46 @@ exports[`component:<Booking> partial:<Details> inherit:className 1`] = `
164
173
  />
165
174
  </div>
166
175
  </div>
176
+ <div
177
+ class="view row"
178
+ >
179
+ <div
180
+ class="view"
181
+ >
182
+ <div
183
+ class="view row"
184
+ >
185
+ <span
186
+ class="text bold action"
187
+ >
188
+ common.label.total
189
+ </span>
190
+ </div>
191
+ <div
192
+ class="view row"
193
+ >
194
+ <div
195
+ class="view row wide"
196
+ />
197
+ </div>
198
+ </div>
199
+ <div
200
+ class="view"
201
+ >
202
+ <span
203
+ class="text action"
204
+ >
205
+
206
+ </span>
207
+ </div>
208
+ <div
209
+ class="view"
210
+ >
211
+ <span
212
+ class="text bold action"
213
+ />
214
+ </div>
215
+ </div>
167
216
  </div>
168
217
  </div>
169
218
  <div
@@ -201,46 +250,55 @@ exports[`component:<Booking> partial:<Details> inherit:className 1`] = `
201
250
  </DocumentFragment>
202
251
  `;
203
252
 
204
- exports[`component:<Booking> partial:<Details> prop:expanded (true) 1`] = `
253
+ exports[`component:<BookingDetails> renders 1`] = `
205
254
  <DocumentFragment>
206
255
  <div
207
256
  class="view"
208
257
  >
258
+ <h3
259
+ class="text bold headline-3"
260
+ >
261
+ user.label.booking_details
262
+ </h3>
209
263
  <div
210
264
  class="view wide"
211
265
  >
212
- <h3
213
- class="text bold headline-3"
214
- >
215
- Standard Room
216
- </h3>
217
- <div
218
- class="view"
219
- >
220
- <span
221
- class="text bold paragraph"
222
- >
223
- common.label.guest
224
- </span>
225
- <span
226
- class="text paragraph"
227
- >
228
- 2 common.label.guest_type_plural, 1 common.label.guest_type
229
- </span>
230
- </div>
231
266
  <div
232
- class="view"
267
+ class="view row"
233
268
  >
234
- <span
235
- class="text bold paragraph"
236
- >
237
- common.label.rate
238
- </span>
239
- <span
240
- class="text paragraph"
269
+ <div
270
+ class="view"
271
+ style="background-image: url(undefined);"
272
+ />
273
+ <div
274
+ class="view"
241
275
  >
242
- Flexible Rate
243
- </span>
276
+ <div
277
+ class="view row"
278
+ >
279
+ <span
280
+ class="text bold paragraph"
281
+ >
282
+ Standard Room
283
+ </span>
284
+ </div>
285
+ <span
286
+ class="text action"
287
+ >
288
+ Flexible Rate
289
+ </span>
290
+ <span
291
+ class="text light small"
292
+ >
293
+ 2 common.label.guest
294
+ <span
295
+ style="text-decoration: underline;"
296
+ >
297
+ type
298
+ </span>
299
+ plural, 1 common.label.guest_type
300
+ </span>
301
+ </div>
244
302
  </div>
245
303
  <div
246
304
  class="view"
@@ -375,9 +433,9 @@ exports[`component:<Booking> partial:<Details> prop:expanded (true) 1`] = `
375
433
  class="view row"
376
434
  >
377
435
  <span
378
- class="text action"
436
+ class="text bold action"
379
437
  >
380
- jue, 27 jul 2023
438
+ common.label.total
381
439
  </span>
382
440
  </div>
383
441
  <div
@@ -394,17 +452,108 @@ exports[`component:<Booking> partial:<Details> prop:expanded (true) 1`] = `
394
452
  <span
395
453
  class="text action"
396
454
  >
397
- All inclusive package
455
+
398
456
  </span>
399
457
  </div>
400
458
  <div
401
459
  class="view"
402
460
  >
403
461
  <span
404
- class="text action"
462
+ class="text bold action"
405
463
  />
406
464
  </div>
407
465
  </div>
466
+ </div>
467
+ </div>
468
+ <div
469
+ class="view wide"
470
+ >
471
+ <button
472
+ class="pressable button transparent"
473
+ >
474
+ <span
475
+ class="icon headline-3"
476
+ >
477
+ <svg
478
+ fill="currentColor"
479
+ height="1em"
480
+ stroke="currentColor"
481
+ stroke-width="0"
482
+ viewBox="0 0 24 24"
483
+ width="1em"
484
+ xmlns="http://www.w3.org/2000/svg"
485
+ >
486
+ <path
487
+ d="M24 24H0V0h24v24z"
488
+ fill="none"
489
+ opacity=".87"
490
+ />
491
+ <path
492
+ d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
493
+ />
494
+ </svg>
495
+ </span>
496
+ common.action.view_more
497
+ </button>
498
+ </div>
499
+ </div>
500
+ </DocumentFragment>
501
+ `;
502
+
503
+ exports[`component:<BookingDetails> testID 1`] = `
504
+ <DocumentFragment>
505
+ <div
506
+ class="view"
507
+ data-testid="mirai"
508
+ >
509
+ <h3
510
+ class="text bold headline-3"
511
+ >
512
+ user.label.booking_details
513
+ </h3>
514
+ <div
515
+ class="view wide"
516
+ >
517
+ <div
518
+ class="view row"
519
+ >
520
+ <div
521
+ class="view"
522
+ style="background-image: url(undefined);"
523
+ />
524
+ <div
525
+ class="view"
526
+ >
527
+ <div
528
+ class="view row"
529
+ >
530
+ <span
531
+ class="text bold paragraph"
532
+ >
533
+ Standard Room
534
+ </span>
535
+ </div>
536
+ <span
537
+ class="text action"
538
+ >
539
+ Flexible Rate
540
+ </span>
541
+ <span
542
+ class="text light small"
543
+ >
544
+ 2 common.label.guest
545
+ <span
546
+ style="text-decoration: underline;"
547
+ >
548
+ type
549
+ </span>
550
+ plural, 1 common.label.guest_type
551
+ </span>
552
+ </div>
553
+ </div>
554
+ <div
555
+ class="view"
556
+ >
408
557
  <div
409
558
  class="view row"
410
559
  >
@@ -417,7 +566,7 @@ exports[`component:<Booking> partial:<Details> prop:expanded (true) 1`] = `
417
566
  <span
418
567
  class="text action"
419
568
  >
420
- vie, 28 jul 2023
569
+ lun, 24 jul 2023
421
570
  </span>
422
571
  </div>
423
572
  <div
@@ -457,7 +606,7 @@ exports[`component:<Booking> partial:<Details> prop:expanded (true) 1`] = `
457
606
  <span
458
607
  class="text action"
459
608
  >
460
- sáb, 29 jul 2023
609
+ mar, 25 jul 2023
461
610
  </span>
462
611
  </div>
463
612
  <div
@@ -497,7 +646,7 @@ exports[`component:<Booking> partial:<Details> prop:expanded (true) 1`] = `
497
646
  <span
498
647
  class="text action"
499
648
  >
500
- sáb, 29 jul 2023
649
+ mié, 26 jul 2023
501
650
  </span>
502
651
  </div>
503
652
  <div
@@ -525,15 +674,6 @@ exports[`component:<Booking> partial:<Details> prop:expanded (true) 1`] = `
525
674
  />
526
675
  </div>
527
676
  </div>
528
- </div>
529
- <div
530
- class="view"
531
- >
532
- <h3
533
- class="text bold headline-3"
534
- >
535
- common.label.extras
536
- </h3>
537
677
  <div
538
678
  class="view row"
539
679
  >
@@ -544,9 +684,9 @@ exports[`component:<Booking> partial:<Details> prop:expanded (true) 1`] = `
544
684
  class="view row"
545
685
  >
546
686
  <span
547
- class="text action"
687
+ class="text bold action"
548
688
  >
549
- All inclusive package
689
+ common.label.total
550
690
  </span>
551
691
  </div>
552
692
  <div
@@ -554,21 +694,7 @@ exports[`component:<Booking> partial:<Details> prop:expanded (true) 1`] = `
554
694
  >
555
695
  <div
556
696
  class="view row wide"
557
- >
558
- <span
559
- class="container"
560
- >
561
- <div
562
- class="view"
563
- >
564
- <span
565
- class="text small dispatcher"
566
- >
567
- common.action.more_info
568
- </span>
569
- </div>
570
- </span>
571
- </div>
697
+ />
572
698
  </div>
573
699
  </div>
574
700
  <div
@@ -577,23 +703,496 @@ exports[`component:<Booking> partial:<Details> prop:expanded (true) 1`] = `
577
703
  <span
578
704
  class="text action"
579
705
  >
580
- For 2 rooms
706
+
581
707
  </span>
582
708
  </div>
583
709
  <div
584
710
  class="view"
585
711
  >
586
712
  <span
587
- class="text action"
588
- >
589
- common.label.free
590
- </span>
713
+ class="text bold action"
714
+ />
591
715
  </div>
592
716
  </div>
593
- <div
594
- class="view row"
717
+ </div>
718
+ </div>
719
+ <div
720
+ class="view wide"
721
+ >
722
+ <button
723
+ class="pressable button transparent"
724
+ >
725
+ <span
726
+ class="icon headline-3"
595
727
  >
596
- <div
728
+ <svg
729
+ fill="currentColor"
730
+ height="1em"
731
+ stroke="currentColor"
732
+ stroke-width="0"
733
+ viewBox="0 0 24 24"
734
+ width="1em"
735
+ xmlns="http://www.w3.org/2000/svg"
736
+ >
737
+ <path
738
+ d="M24 24H0V0h24v24z"
739
+ fill="none"
740
+ opacity=".87"
741
+ />
742
+ <path
743
+ d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
744
+ />
745
+ </svg>
746
+ </span>
747
+ common.action.view_more
748
+ </button>
749
+ </div>
750
+ </div>
751
+ </DocumentFragment>
752
+ `;
753
+
754
+ exports[`component:<BookingDetails> with a store & expanded 1`] = `
755
+ <DocumentFragment>
756
+ <div
757
+ class="view"
758
+ >
759
+ <h3
760
+ class="text bold headline-3"
761
+ >
762
+ user.label.booking_details
763
+ </h3>
764
+ <div
765
+ class="view wide"
766
+ >
767
+ <div
768
+ class="view row"
769
+ >
770
+ <div
771
+ class="view"
772
+ style="background-image: url(undefined);"
773
+ />
774
+ <div
775
+ class="view"
776
+ >
777
+ <div
778
+ class="view row"
779
+ >
780
+ <span
781
+ class="text bold paragraph"
782
+ >
783
+ Standard Room
784
+ </span>
785
+ </div>
786
+ <span
787
+ class="text action"
788
+ >
789
+ Flexible Rate
790
+ </span>
791
+ <span
792
+ class="text light small"
793
+ >
794
+ 2 common.label.guest
795
+ <span
796
+ style="text-decoration: underline;"
797
+ >
798
+ type
799
+ </span>
800
+ plural, 1 common.label.guest_type
801
+ </span>
802
+ </div>
803
+ </div>
804
+ <div
805
+ class="view"
806
+ >
807
+ <div
808
+ class="view row"
809
+ >
810
+ <div
811
+ class="view"
812
+ >
813
+ <div
814
+ class="view row"
815
+ >
816
+ <span
817
+ class="text action"
818
+ >
819
+ lun, 24 jul 2023
820
+ </span>
821
+ </div>
822
+ <div
823
+ class="view row"
824
+ >
825
+ <div
826
+ class="view row wide"
827
+ />
828
+ </div>
829
+ </div>
830
+ <div
831
+ class="view"
832
+ >
833
+ <span
834
+ class="text action"
835
+ >
836
+ All inclusive package
837
+ </span>
838
+ </div>
839
+ <div
840
+ class="view"
841
+ >
842
+ <span
843
+ class="text action"
844
+ />
845
+ </div>
846
+ </div>
847
+ <div
848
+ class="view row"
849
+ >
850
+ <div
851
+ class="view"
852
+ >
853
+ <div
854
+ class="view row"
855
+ >
856
+ <span
857
+ class="text action"
858
+ >
859
+ mar, 25 jul 2023
860
+ </span>
861
+ </div>
862
+ <div
863
+ class="view row"
864
+ >
865
+ <div
866
+ class="view row wide"
867
+ />
868
+ </div>
869
+ </div>
870
+ <div
871
+ class="view"
872
+ >
873
+ <span
874
+ class="text action"
875
+ >
876
+ All inclusive package
877
+ </span>
878
+ </div>
879
+ <div
880
+ class="view"
881
+ >
882
+ <span
883
+ class="text action"
884
+ />
885
+ </div>
886
+ </div>
887
+ <div
888
+ class="view row"
889
+ >
890
+ <div
891
+ class="view"
892
+ >
893
+ <div
894
+ class="view row"
895
+ >
896
+ <span
897
+ class="text action"
898
+ >
899
+ mié, 26 jul 2023
900
+ </span>
901
+ </div>
902
+ <div
903
+ class="view row"
904
+ >
905
+ <div
906
+ class="view row wide"
907
+ />
908
+ </div>
909
+ </div>
910
+ <div
911
+ class="view"
912
+ >
913
+ <span
914
+ class="text action"
915
+ >
916
+ All inclusive package
917
+ </span>
918
+ </div>
919
+ <div
920
+ class="view"
921
+ >
922
+ <span
923
+ class="text action"
924
+ />
925
+ </div>
926
+ </div>
927
+ <div
928
+ class="view row"
929
+ >
930
+ <div
931
+ class="view"
932
+ >
933
+ <div
934
+ class="view row"
935
+ >
936
+ <span
937
+ class="text action"
938
+ >
939
+ jue, 27 jul 2023
940
+ </span>
941
+ </div>
942
+ <div
943
+ class="view row"
944
+ >
945
+ <div
946
+ class="view row wide"
947
+ />
948
+ </div>
949
+ </div>
950
+ <div
951
+ class="view"
952
+ >
953
+ <span
954
+ class="text action"
955
+ >
956
+ All inclusive package
957
+ </span>
958
+ </div>
959
+ <div
960
+ class="view"
961
+ >
962
+ <span
963
+ class="text action"
964
+ />
965
+ </div>
966
+ </div>
967
+ <div
968
+ class="view row"
969
+ >
970
+ <div
971
+ class="view"
972
+ >
973
+ <div
974
+ class="view row"
975
+ >
976
+ <span
977
+ class="text action"
978
+ >
979
+ vie, 28 jul 2023
980
+ </span>
981
+ </div>
982
+ <div
983
+ class="view row"
984
+ >
985
+ <div
986
+ class="view row wide"
987
+ />
988
+ </div>
989
+ </div>
990
+ <div
991
+ class="view"
992
+ >
993
+ <span
994
+ class="text action"
995
+ >
996
+ All inclusive package
997
+ </span>
998
+ </div>
999
+ <div
1000
+ class="view"
1001
+ >
1002
+ <span
1003
+ class="text action"
1004
+ />
1005
+ </div>
1006
+ </div>
1007
+ <div
1008
+ class="view row"
1009
+ >
1010
+ <div
1011
+ class="view"
1012
+ >
1013
+ <div
1014
+ class="view row"
1015
+ >
1016
+ <span
1017
+ class="text action"
1018
+ >
1019
+ sáb, 29 jul 2023
1020
+ </span>
1021
+ </div>
1022
+ <div
1023
+ class="view row"
1024
+ >
1025
+ <div
1026
+ class="view row wide"
1027
+ />
1028
+ </div>
1029
+ </div>
1030
+ <div
1031
+ class="view"
1032
+ >
1033
+ <span
1034
+ class="text action"
1035
+ >
1036
+ All inclusive package
1037
+ </span>
1038
+ </div>
1039
+ <div
1040
+ class="view"
1041
+ >
1042
+ <span
1043
+ class="text action"
1044
+ />
1045
+ </div>
1046
+ </div>
1047
+ <div
1048
+ class="view row"
1049
+ >
1050
+ <div
1051
+ class="view"
1052
+ >
1053
+ <div
1054
+ class="view row"
1055
+ >
1056
+ <span
1057
+ class="text action"
1058
+ >
1059
+ sáb, 29 jul 2023
1060
+ </span>
1061
+ </div>
1062
+ <div
1063
+ class="view row"
1064
+ >
1065
+ <div
1066
+ class="view row wide"
1067
+ />
1068
+ </div>
1069
+ </div>
1070
+ <div
1071
+ class="view"
1072
+ >
1073
+ <span
1074
+ class="text action"
1075
+ >
1076
+ All inclusive package
1077
+ </span>
1078
+ </div>
1079
+ <div
1080
+ class="view"
1081
+ >
1082
+ <span
1083
+ class="text action"
1084
+ />
1085
+ </div>
1086
+ </div>
1087
+ <div
1088
+ class="view row"
1089
+ >
1090
+ <div
1091
+ class="view"
1092
+ >
1093
+ <div
1094
+ class="view row"
1095
+ >
1096
+ <span
1097
+ class="text bold action"
1098
+ >
1099
+ common.label.total
1100
+ </span>
1101
+ </div>
1102
+ <div
1103
+ class="view row"
1104
+ >
1105
+ <div
1106
+ class="view row wide"
1107
+ />
1108
+ </div>
1109
+ </div>
1110
+ <div
1111
+ class="view"
1112
+ >
1113
+ <span
1114
+ class="text action"
1115
+ >
1116
+
1117
+ </span>
1118
+ </div>
1119
+ <div
1120
+ class="view"
1121
+ >
1122
+ <span
1123
+ class="text bold action"
1124
+ />
1125
+ </div>
1126
+ </div>
1127
+ </div>
1128
+ <div
1129
+ class="view"
1130
+ >
1131
+ <h3
1132
+ class="text bold headline-3"
1133
+ >
1134
+ common.label.extras
1135
+ </h3>
1136
+ <div
1137
+ class="view row"
1138
+ >
1139
+ <div
1140
+ class="view"
1141
+ >
1142
+ <div
1143
+ class="view row"
1144
+ >
1145
+ <span
1146
+ class="text action"
1147
+ >
1148
+ All inclusive package
1149
+ </span>
1150
+ </div>
1151
+ <div
1152
+ class="view row"
1153
+ >
1154
+ <div
1155
+ class="view row wide"
1156
+ >
1157
+ <span
1158
+ class="container"
1159
+ >
1160
+ <div
1161
+ class="view"
1162
+ >
1163
+ <span
1164
+ class="text small dispatcher"
1165
+ >
1166
+ common.action.more_info
1167
+ </span>
1168
+ </div>
1169
+ </span>
1170
+ </div>
1171
+ </div>
1172
+ </div>
1173
+ <div
1174
+ class="view"
1175
+ >
1176
+ <span
1177
+ class="text action"
1178
+ >
1179
+ For 2 rooms
1180
+ </span>
1181
+ </div>
1182
+ <div
1183
+ class="view"
1184
+ >
1185
+ <span
1186
+ class="text action"
1187
+ >
1188
+ common.label.free
1189
+ </span>
1190
+ </div>
1191
+ </div>
1192
+ <div
1193
+ class="view row"
1194
+ >
1195
+ <div
597
1196
  class="view"
598
1197
  >
599
1198
  <div
@@ -835,33 +1434,34 @@ exports[`component:<Booking> partial:<Details> prop:expanded (true) 1`] = `
835
1434
  <div
836
1435
  class="view wide"
837
1436
  >
838
- <h3
839
- class="text bold headline-3"
840
- >
841
- Premium Room
842
- </h3>
843
- <div
844
- class="view"
845
- >
846
- <span
847
- class="text bold paragraph"
848
- >
849
- common.label.guest
850
- </span>
851
- </div>
852
1437
  <div
853
- class="view"
1438
+ class="view row"
854
1439
  >
855
- <span
856
- class="text bold paragraph"
857
- >
858
- common.label.rate
859
- </span>
860
- <span
861
- class="text paragraph"
1440
+ <div
1441
+ class="view"
1442
+ style="background-image: url(undefined);"
1443
+ />
1444
+ <div
1445
+ class="view"
862
1446
  >
863
- Flexible Rate
864
- </span>
1447
+ <div
1448
+ class="view row"
1449
+ >
1450
+ <span
1451
+ class="text bold paragraph"
1452
+ >
1453
+ Premium Room
1454
+ </span>
1455
+ </div>
1456
+ <span
1457
+ class="text action"
1458
+ >
1459
+ Flexible Rate
1460
+ </span>
1461
+ <span
1462
+ class="text light small"
1463
+ />
1464
+ </div>
865
1465
  </div>
866
1466
  <div
867
1467
  class="view"
@@ -1028,6 +1628,46 @@ exports[`component:<Booking> partial:<Details> prop:expanded (true) 1`] = `
1028
1628
  />
1029
1629
  </div>
1030
1630
  </div>
1631
+ <div
1632
+ class="view row"
1633
+ >
1634
+ <div
1635
+ class="view"
1636
+ >
1637
+ <div
1638
+ class="view row"
1639
+ >
1640
+ <span
1641
+ class="text bold action"
1642
+ >
1643
+ common.label.total
1644
+ </span>
1645
+ </div>
1646
+ <div
1647
+ class="view row"
1648
+ >
1649
+ <div
1650
+ class="view row wide"
1651
+ />
1652
+ </div>
1653
+ </div>
1654
+ <div
1655
+ class="view"
1656
+ >
1657
+ <span
1658
+ class="text action"
1659
+ >
1660
+
1661
+ </span>
1662
+ </div>
1663
+ <div
1664
+ class="view"
1665
+ >
1666
+ <span
1667
+ class="text bold action"
1668
+ />
1669
+ </div>
1670
+ </div>
1031
1671
  </div>
1032
1672
  <div
1033
1673
  class="view"
@@ -1379,192 +2019,84 @@ exports[`component:<Booking> partial:<Details> prop:expanded (true) 1`] = `
1379
2019
  </span>
1380
2020
  </div>
1381
2021
  </span>
1382
- </div>
1383
- </div>
1384
- </div>
1385
- <div
1386
- class="view"
1387
- >
1388
- <span
1389
- class="text action"
1390
- >
1391
- For 1 room. For 10 nights
1392
- </span>
1393
- </div>
1394
- <div
1395
- class="view"
1396
- >
1397
- <span
1398
- class="text action"
1399
- />
1400
- </div>
1401
- </div>
1402
- </div>
1403
- <div
1404
- class="view"
1405
- >
1406
- <span
1407
- class="text bold paragraph"
1408
- >
1409
- common.label.preferences
1410
- </span>
1411
- <span
1412
- class="text paragraph"
1413
- >
1414
- {{preferences}} Lorem ipsum dolor sit, amet consectetur
1415
- <span
1416
- class="container"
1417
- >
1418
- <div
1419
- class="view"
1420
- >
1421
- <span
1422
- class="text accent action dispatcher"
1423
- >
1424
- common.action.more_info
1425
- </span>
2022
+ </div>
1426
2023
  </div>
1427
- </span>
1428
- <span
1429
- class="text small"
2024
+ </div>
2025
+ <div
2026
+ class="view"
1430
2027
  >
1431
- (user.label.comments
1432
2028
  <span
1433
- style="text-decoration: underline;"
2029
+ class="text action"
1434
2030
  >
1435
- hint
2031
+ For 1 room. For 10 nights
1436
2032
  </span>
1437
- </span>
1438
- </span>
2033
+ </div>
2034
+ <div
2035
+ class="view"
2036
+ >
2037
+ <span
2038
+ class="text action"
2039
+ />
2040
+ </div>
2041
+ </div>
1439
2042
  </div>
1440
2043
  </div>
1441
2044
  </DocumentFragment>
1442
2045
  `;
1443
2046
 
1444
- exports[`component:<Booking> partial:<Details> renders 1`] = `
2047
+ exports[`component:<BookingDetails> with a store (booking) 1`] = `
1445
2048
  <DocumentFragment>
1446
2049
  <div
1447
2050
  class="view"
1448
2051
  >
2052
+ <h3
2053
+ class="text bold headline-3"
2054
+ >
2055
+ user.label.booking_details
2056
+ </h3>
1449
2057
  <div
1450
2058
  class="view wide"
1451
2059
  >
1452
- <h3
1453
- class="text bold headline-3"
1454
- >
1455
- Standard Room
1456
- </h3>
1457
- <div
1458
- class="view"
1459
- >
1460
- <span
1461
- class="text bold paragraph"
1462
- >
1463
- common.label.guest
1464
- </span>
1465
- <span
1466
- class="text paragraph"
1467
- >
1468
- 2 common.label.guest_type_plural, 1 common.label.guest_type
1469
- </span>
1470
- </div>
1471
- <div
1472
- class="view"
1473
- >
1474
- <span
1475
- class="text bold paragraph"
1476
- >
1477
- common.label.rate
1478
- </span>
1479
- <span
1480
- class="text paragraph"
1481
- >
1482
- Flexible Rate
1483
- </span>
1484
- </div>
1485
2060
  <div
1486
- class="view"
2061
+ class="view row"
1487
2062
  >
1488
2063
  <div
1489
- class="view row"
2064
+ class="view"
2065
+ style="background-image: url(undefined);"
2066
+ />
2067
+ <div
2068
+ class="view"
1490
2069
  >
1491
2070
  <div
1492
- class="view"
1493
- >
1494
- <div
1495
- class="view row"
1496
- >
1497
- <span
1498
- class="text action"
1499
- >
1500
- lun, 24 jul 2023
1501
- </span>
1502
- </div>
1503
- <div
1504
- class="view row"
1505
- >
1506
- <div
1507
- class="view row wide"
1508
- />
1509
- </div>
1510
- </div>
1511
- <div
1512
- class="view"
2071
+ class="view row"
1513
2072
  >
1514
2073
  <span
1515
- class="text action"
2074
+ class="text bold paragraph"
1516
2075
  >
1517
- All inclusive package
2076
+ Standard Room
1518
2077
  </span>
1519
2078
  </div>
1520
- <div
1521
- class="view"
1522
- >
1523
- <span
1524
- class="text action"
1525
- />
1526
- </div>
1527
- </div>
1528
- <div
1529
- class="view row"
1530
- >
1531
- <div
1532
- class="view"
2079
+ <span
2080
+ class="text action"
1533
2081
  >
1534
- <div
1535
- class="view row"
1536
- >
1537
- <span
1538
- class="text action"
1539
- >
1540
- mar, 25 jul 2023
1541
- </span>
1542
- </div>
1543
- <div
1544
- class="view row"
1545
- >
1546
- <div
1547
- class="view row wide"
1548
- />
1549
- </div>
1550
- </div>
1551
- <div
1552
- class="view"
2082
+ Flexible Rate
2083
+ </span>
2084
+ <span
2085
+ class="text light small"
1553
2086
  >
2087
+ 2 common.label.guest
1554
2088
  <span
1555
- class="text action"
2089
+ style="text-decoration: underline;"
1556
2090
  >
1557
- All inclusive package
2091
+ type
1558
2092
  </span>
1559
- </div>
1560
- <div
1561
- class="view"
1562
- >
1563
- <span
1564
- class="text action"
1565
- />
1566
- </div>
2093
+ plural, 1 common.label.guest_type
2094
+ </span>
1567
2095
  </div>
2096
+ </div>
2097
+ <div
2098
+ class="view"
2099
+ >
1568
2100
  <div
1569
2101
  class="view row"
1570
2102
  >
@@ -1577,7 +2109,7 @@ exports[`component:<Booking> partial:<Details> renders 1`] = `
1577
2109
  <span
1578
2110
  class="text action"
1579
2111
  >
1580
- mié, 26 jul 2023
2112
+ lun, 24 jul 2023
1581
2113
  </span>
1582
2114
  </div>
1583
2115
  <div
@@ -1605,88 +2137,6 @@ exports[`component:<Booking> partial:<Details> renders 1`] = `
1605
2137
  />
1606
2138
  </div>
1607
2139
  </div>
1608
- </div>
1609
- </div>
1610
- <div
1611
- class="view wide"
1612
- >
1613
- <button
1614
- class="pressable button transparent"
1615
- >
1616
- <span
1617
- class="icon headline-3"
1618
- >
1619
- <svg
1620
- fill="currentColor"
1621
- height="1em"
1622
- stroke="currentColor"
1623
- stroke-width="0"
1624
- viewBox="0 0 24 24"
1625
- width="1em"
1626
- xmlns="http://www.w3.org/2000/svg"
1627
- >
1628
- <path
1629
- d="M24 24H0V0h24v24z"
1630
- fill="none"
1631
- opacity=".87"
1632
- />
1633
- <path
1634
- d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
1635
- />
1636
- </svg>
1637
- </span>
1638
- common.action.view_more
1639
- </button>
1640
- </div>
1641
- </div>
1642
- </DocumentFragment>
1643
- `;
1644
-
1645
- exports[`component:<Booking> partial:<Details> testID 1`] = `
1646
- <DocumentFragment>
1647
- <div
1648
- class="view"
1649
- data-testid="mirai"
1650
- >
1651
- <div
1652
- class="view wide"
1653
- >
1654
- <h3
1655
- class="text bold headline-3"
1656
- >
1657
- Standard Room
1658
- </h3>
1659
- <div
1660
- class="view"
1661
- >
1662
- <span
1663
- class="text bold paragraph"
1664
- >
1665
- common.label.guest
1666
- </span>
1667
- <span
1668
- class="text paragraph"
1669
- >
1670
- 2 common.label.guest_type_plural, 1 common.label.guest_type
1671
- </span>
1672
- </div>
1673
- <div
1674
- class="view"
1675
- >
1676
- <span
1677
- class="text bold paragraph"
1678
- >
1679
- common.label.rate
1680
- </span>
1681
- <span
1682
- class="text paragraph"
1683
- >
1684
- Flexible Rate
1685
- </span>
1686
- </div>
1687
- <div
1688
- class="view"
1689
- >
1690
2140
  <div
1691
2141
  class="view row"
1692
2142
  >
@@ -1699,7 +2149,7 @@ exports[`component:<Booking> partial:<Details> testID 1`] = `
1699
2149
  <span
1700
2150
  class="text action"
1701
2151
  >
1702
- lun, 24 jul 2023
2152
+ mar, 25 jul 2023
1703
2153
  </span>
1704
2154
  </div>
1705
2155
  <div
@@ -1739,7 +2189,7 @@ exports[`component:<Booking> partial:<Details> testID 1`] = `
1739
2189
  <span
1740
2190
  class="text action"
1741
2191
  >
1742
- mar, 25 jul 2023
2192
+ mié, 26 jul 2023
1743
2193
  </span>
1744
2194
  </div>
1745
2195
  <div
@@ -1777,9 +2227,9 @@ exports[`component:<Booking> partial:<Details> testID 1`] = `
1777
2227
  class="view row"
1778
2228
  >
1779
2229
  <span
1780
- class="text action"
2230
+ class="text bold action"
1781
2231
  >
1782
- mié, 26 jul 2023
2232
+ common.label.total
1783
2233
  </span>
1784
2234
  </div>
1785
2235
  <div
@@ -1796,14 +2246,14 @@ exports[`component:<Booking> partial:<Details> testID 1`] = `
1796
2246
  <span
1797
2247
  class="text action"
1798
2248
  >
1799
- All inclusive package
2249
+
1800
2250
  </span>
1801
2251
  </div>
1802
2252
  <div
1803
2253
  class="view"
1804
2254
  >
1805
2255
  <span
1806
- class="text action"
2256
+ class="text bold action"
1807
2257
  />
1808
2258
  </div>
1809
2259
  </div>
@@ -1844,46 +2294,55 @@ exports[`component:<Booking> partial:<Details> testID 1`] = `
1844
2294
  </DocumentFragment>
1845
2295
  `;
1846
2296
 
1847
- exports[`component:<Booking> partial:<Details> with a store 1`] = `
2297
+ exports[`component:<BookingDetails> with a store (checkout) 1`] = `
1848
2298
  <DocumentFragment>
1849
2299
  <div
1850
2300
  class="view"
1851
2301
  >
2302
+ <h3
2303
+ class="text bold headline-3"
2304
+ >
2305
+ user.label.booking_details
2306
+ </h3>
1852
2307
  <div
1853
2308
  class="view wide"
1854
2309
  >
1855
- <h3
1856
- class="text bold headline-3"
1857
- >
1858
- Standard Room
1859
- </h3>
1860
- <div
1861
- class="view"
1862
- >
1863
- <span
1864
- class="text bold paragraph"
1865
- >
1866
- common.label.guest
1867
- </span>
1868
- <span
1869
- class="text paragraph"
1870
- >
1871
- 2 common.label.guest_type_plural, 1 common.label.guest_type
1872
- </span>
1873
- </div>
1874
2310
  <div
1875
- class="view"
2311
+ class="view row"
1876
2312
  >
1877
- <span
1878
- class="text bold paragraph"
1879
- >
1880
- common.label.rate
1881
- </span>
1882
- <span
1883
- class="text paragraph"
2313
+ <div
2314
+ class="view"
2315
+ style="background-image: url(https://images.mirai.com/INFOROOMS/97432297/6C9vcAqsNTQG4hwxapQJ/6C9vcAqsNTQG4hwxapQJ_medium.jpg);"
2316
+ />
2317
+ <div
2318
+ class="view"
1884
2319
  >
1885
- Flexible Rate
1886
- </span>
2320
+ <div
2321
+ class="view row"
2322
+ >
2323
+ <span
2324
+ class="text bold paragraph"
2325
+ >
2326
+ Silver Views
2327
+ </span>
2328
+ </div>
2329
+ <span
2330
+ class="text action"
2331
+ >
2332
+ Sanitas per Aqua Reserva No Reembolsable
2333
+ </span>
2334
+ <span
2335
+ class="text light small"
2336
+ >
2337
+ 2 common.label.guest
2338
+ <span
2339
+ style="text-decoration: underline;"
2340
+ >
2341
+ type
2342
+ </span>
2343
+ plural
2344
+ </span>
2345
+ </div>
1887
2346
  </div>
1888
2347
  <div
1889
2348
  class="view"
@@ -1900,7 +2359,7 @@ exports[`component:<Booking> partial:<Details> with a store 1`] = `
1900
2359
  <span
1901
2360
  class="text action"
1902
2361
  >
1903
- lun, 24 jul 2023
2362
+ mié, 19 jul 2023
1904
2363
  </span>
1905
2364
  </div>
1906
2365
  <div
@@ -1917,7 +2376,7 @@ exports[`component:<Booking> partial:<Details> with a store 1`] = `
1917
2376
  <span
1918
2377
  class="text action"
1919
2378
  >
1920
- All inclusive package
2379
+ Desayuno incluido
1921
2380
  </span>
1922
2381
  </div>
1923
2382
  <div
@@ -1940,7 +2399,7 @@ exports[`component:<Booking> partial:<Details> with a store 1`] = `
1940
2399
  <span
1941
2400
  class="text action"
1942
2401
  >
1943
- mar, 25 jul 2023
2402
+ jue, 20 jul 2023
1944
2403
  </span>
1945
2404
  </div>
1946
2405
  <div
@@ -1957,7 +2416,7 @@ exports[`component:<Booking> partial:<Details> with a store 1`] = `
1957
2416
  <span
1958
2417
  class="text action"
1959
2418
  >
1960
- All inclusive package
2419
+ Desayuno incluido
1961
2420
  </span>
1962
2421
  </div>
1963
2422
  <div
@@ -1980,7 +2439,7 @@ exports[`component:<Booking> partial:<Details> with a store 1`] = `
1980
2439
  <span
1981
2440
  class="text action"
1982
2441
  >
1983
- mié, 26 jul 2023
2442
+ vie, 21 jul 2023
1984
2443
  </span>
1985
2444
  </div>
1986
2445
  <div
@@ -1997,7 +2456,7 @@ exports[`component:<Booking> partial:<Details> with a store 1`] = `
1997
2456
  <span
1998
2457
  class="text action"
1999
2458
  >
2000
- All inclusive package
2459
+ Desayuno incluido
2001
2460
  </span>
2002
2461
  </div>
2003
2462
  <div