@mirai/core 0.4.16 → 0.4.18

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 (137) hide show
  1. package/README.md +259 -90
  2. package/__tests__/BookingQuery/workflows/login.workflow.js +2 -2
  3. package/__tests__/Checkout/workflows/form.workflow.js +8 -8
  4. package/__tests__/Deals/__mocks__/deals-success.json +739 -0
  5. package/__tests__/checkout.spec.jsx +10 -0
  6. package/__tests__/deals.spec.js +7 -0
  7. package/build/components/BannerLoyalty/BannerLoyalty.js +70 -63
  8. package/build/components/BannerLoyalty/BannerLoyalty.js.map +1 -1
  9. package/build/components/BannerLoyalty/BannerLoyalty.l10n.js +7 -1
  10. package/build/components/BannerLoyalty/BannerLoyalty.l10n.js.map +1 -1
  11. package/build/components/BannerLoyalty/BannerLoyalty.module.css +55 -30
  12. package/build/components/BannerLoyalty/BannerLoyalty.skeleton.js +27 -29
  13. package/build/components/BannerLoyalty/BannerLoyalty.skeleton.js.map +1 -1
  14. package/build/components/BannerLoyalty/__tests__/__snapshots__/BannerLoyalty.skeleton.test.js.snap +183 -186
  15. package/build/components/BannerLoyalty/__tests__/__snapshots__/BannerLoyalty.test.js.snap +61 -62
  16. package/build/components/Booking/Booking.module.css +3 -3
  17. package/build/components/Booking/__tests__/__snapshots__/Booking.test.js.snap +10 -10
  18. package/build/components/BookingQuery/__tests__/__snapshots__/BookingQuery.test.js.snap +12 -12
  19. package/build/components/ButtonFinder/__tests__/__snapshots__/ButtonFinder.test.js.snap +25 -15
  20. package/build/components/Chat/Chat.module.css +0 -2
  21. package/build/components/Chat/__tests__/__snapshots__/Chat.test.js.snap +4 -4
  22. package/build/components/Checkout/Checkout.module.css +3 -3
  23. package/build/components/Checkout/__tests__/__snapshots__/Checkout.test.js.snap +16 -16
  24. package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Form.test.js.snap +20 -20
  25. package/build/components/Deals/__tests__/__snapshots__/Deals.Calendar.test.js.snap +3 -3
  26. package/build/components/Deals/__tests__/__snapshots__/Deals.test.js.snap +12 -12
  27. package/build/components/Finder/Finder.compact.js +20 -20
  28. package/build/components/Finder/Finder.compact.js.map +1 -1
  29. package/build/components/Finder/Finder.js +3 -3
  30. package/build/components/Finder/Finder.js.map +1 -1
  31. package/build/components/Finder/Finder.module.css +30 -8
  32. package/build/components/Finder/__tests__/__snapshots__/Finder.test.js.snap +68 -42
  33. package/build/components/Finder/components/Calendar/Calendar.module.css +1 -1
  34. package/build/components/Finder/components/Calendar/__tests__/__snapshots__/Calendar.test.js.snap +9 -9
  35. package/build/components/Finder/components/Places/Places.js +24 -6
  36. package/build/components/Finder/components/Places/Places.js.map +1 -1
  37. package/build/components/Finder/components/Places/Places.module.css +27 -2
  38. package/build/components/Finder/components/Places/__tests__/__snapshots__/Places.test.js.snap +5 -9
  39. package/build/components/Finder/components/Places/helpers/calcColumns.js +1 -1
  40. package/build/components/Finder/components/Places/helpers/calcColumns.js.map +1 -1
  41. package/build/components/Header/Header.js +6 -4
  42. package/build/components/Header/Header.js.map +1 -1
  43. package/build/components/Header/__tests__/__snapshots__/Header.test.js.snap +3 -3
  44. package/build/components/Header/components/BookingProcess/BookingProcess.module.css +9 -5
  45. package/build/components/Rates/Rates.Header.js +8 -11
  46. package/build/components/Rates/Rates.Header.js.map +1 -1
  47. package/build/components/Rates/Rates.RoomSelector.js +1 -1
  48. package/build/components/Rates/Rates.RoomSelector.js.map +1 -1
  49. package/build/components/Rates/Rates.Skeleton.js +2 -3
  50. package/build/components/Rates/Rates.Skeleton.js.map +1 -1
  51. package/build/components/Rates/Rates.Unavailability.js +2 -1
  52. package/build/components/Rates/Rates.Unavailability.js.map +1 -1
  53. package/build/components/Rates/Rates.js +13 -16
  54. package/build/components/Rates/Rates.js.map +1 -1
  55. package/build/components/Rates/Rates.module.css +16 -7
  56. package/build/components/Rates/__tests__/__snapshots__/Rates.Header.test.js.snap +1 -8
  57. package/build/components/Rates/__tests__/__snapshots__/Rates.test.js.snap +8042 -6319
  58. package/build/components/Rates/components/CardHotel/CardHotel.js +34 -13
  59. package/build/components/Rates/components/CardHotel/CardHotel.js.map +1 -1
  60. package/build/components/Rates/components/CardHotel/CardHotel.l10n.js +3 -0
  61. package/build/components/Rates/components/CardHotel/CardHotel.l10n.js.map +1 -1
  62. package/build/components/Rates/components/CardHotel/CardHotel.module.css +19 -2
  63. package/build/components/Rates/components/CardHotel/__tests__/__snapshots__/CardHotel.test.js.snap +51 -35
  64. package/build/components/Rates/components/Filters/Filters.Button.js +3 -4
  65. package/build/components/Rates/components/Filters/Filters.Button.js.map +1 -1
  66. package/build/components/Rates/components/Filters/Filters.js +2 -1
  67. package/build/components/Rates/components/Filters/Filters.js.map +1 -1
  68. package/build/components/Rates/components/Filters/Filters.module.css +23 -1
  69. package/build/components/Rates/components/Filters/__tests__/__snapshots__/Filters.test.js.snap +1 -1
  70. package/build/components/Rates/components/Item/Item.Preview.js +25 -9
  71. package/build/components/Rates/components/Item/Item.Preview.js.map +1 -1
  72. package/build/components/Rates/components/Item/Item.Rates.js +8 -5
  73. package/build/components/Rates/components/Item/Item.Rates.js.map +1 -1
  74. package/build/components/Rates/components/Item/Item.js +31 -2
  75. package/build/components/Rates/components/Item/Item.js.map +1 -1
  76. package/build/components/Rates/components/Item/Item.module.css +4 -0
  77. package/build/components/Rates/components/Item/__tests__/__snapshots__/Item.Preview.test.js.snap +1 -1
  78. package/build/components/Rates/components/Item/__tests__/__snapshots__/Item.test.js.snap +1 -1
  79. package/build/components/Rates/components/Item/components/Amenities/Amenities.module.css +2 -9
  80. package/build/components/Rates/components/Item/components/ModalCancellationInfo/ModalCancellationInfo.module.css +3 -7
  81. package/build/components/Rates/components/Item/components/ModalInfo/ModalInfo.module.css +5 -5
  82. package/build/components/Rates/components/Item/components/ModalInfo/__tests__/__snapshots__/ModalInfo.test.js.snap +2 -2
  83. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.js +2 -15
  84. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.js.map +1 -1
  85. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.module.css +3 -7
  86. package/build/components/Rates/components/Item/components/ModalUrl/ModalUrl.module.css +6 -6
  87. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.js +1 -1
  88. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.js.map +1 -1
  89. package/build/components/Rates/components/Item/components/Slider/Slider.js +1 -1
  90. package/build/components/Rates/components/Item/components/Slider/Slider.js.map +1 -1
  91. package/build/components/Rates/components/Item/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +1 -1
  92. package/build/components/Rates/components/ModalClubRate/ModalClubRate.js +6 -4
  93. package/build/components/Rates/components/ModalClubRate/ModalClubRate.js.map +1 -1
  94. package/build/components/Rates/components/ModalClubRate/ModalClubRate.module.css +4 -0
  95. package/build/components/Rates/components/ModalClubRate/__tests__/__snapshots__/ModalClubRate.test.js.snap +4 -4
  96. package/build/components/Rates/components/ModalExtras/ModalExtras.module.css +1 -1
  97. package/build/components/Rates/components/ModalExtras/__tests__/__snapshots__/ModalExtras.test.js.snap +1 -1
  98. package/build/components/Signup/Signup.module.css +1 -1
  99. package/build/components/Signup/__tests__/__snapshots__/Signup.test.js.snap +6 -6
  100. package/build/components/__shared__/BookingSummary/BookingSummary.module.css +3 -3
  101. package/build/components/__shared__/Card/Card.module.css +16 -15
  102. package/build/components/__shared__/Field/Field.js +3 -1
  103. package/build/components/__shared__/Field/Field.js.map +1 -1
  104. package/build/components/__shared__/Field/Field.module.css +11 -1
  105. package/build/components/__shared__/FieldOccupation/FieldOccupation.js +3 -6
  106. package/build/components/__shared__/FieldOccupation/FieldOccupation.js.map +1 -1
  107. package/build/components/__shared__/FieldOccupation/__tests__/__snapshots__/FieldOccupation.test.js.snap +18 -17
  108. package/build/components/__shared__/FieldPromocode/FieldPromocode.js +6 -3
  109. package/build/components/__shared__/FieldPromocode/FieldPromocode.js.map +1 -1
  110. package/build/components/__shared__/Footer/__tests__/__snapshots__/Footer.test.js.snap +8 -8
  111. package/build/components/__shared__/Occupation/Occupation.js +6 -4
  112. package/build/components/__shared__/Occupation/Occupation.js.map +1 -1
  113. package/build/components/__shared__/Occupation/Occupation.module.css +11 -11
  114. package/build/components/__shared__/Occupation/__tests__/__snapshots__/Occupation.test.js.snap +44 -44
  115. package/build/components/__shared__/Payment/__tests__/__snapshots__/Payment.test.js.snap +10 -10
  116. package/build/components/__shared__/Payment/components/Card/__tests__/__snapshots__/Card.test.js.snap +12 -12
  117. package/build/components/__shared__/PriceBreakdown/PriceBreakdown.module.css +3 -3
  118. package/build/components/helpers/ICON.AMENITIES.js +2 -2
  119. package/build/components/helpers/ICON.AMENITIES.js.map +1 -1
  120. package/build/components/helpers/__tests__/__snapshots__/parseHtml.test.js.snap +8 -8
  121. package/build/components/index.js +0 -2
  122. package/build/components/index.js.map +1 -1
  123. package/build/contexts/PerformanceManager/PerformanceManager.js +11 -4
  124. package/build/contexts/PerformanceManager/PerformanceManager.js.map +1 -1
  125. package/build/contexts/PerformanceManager/helpers/getConsentMode.js +4 -3
  126. package/build/contexts/PerformanceManager/helpers/getConsentMode.js.map +1 -1
  127. package/build/contexts/PerformanceManager/providers/analytics/bookingCancel.js +2 -1
  128. package/build/contexts/PerformanceManager/providers/analytics/bookingCancel.js.map +1 -1
  129. package/build/contexts/PerformanceManager/providers/analytics/helpers/parseItems.js +12 -5
  130. package/build/contexts/PerformanceManager/providers/analytics/helpers/parseItems.js.map +1 -1
  131. package/build/helpers/consolidateStore.js +4 -2
  132. package/build/helpers/consolidateStore.js.map +1 -1
  133. package/build/theme.css +44 -5
  134. package/package.json +1 -1
  135. package/public/performance/index.html +159 -0
  136. package/build/components/Chat/Chat.theme.module.css +0 -49
  137. package/build/components/__shared__/FieldOccupation/FieldOccupation.module.css +0 -5
@@ -2,7 +2,7 @@
2
2
 
3
3
  exports[`<Checkout> partial:<Form> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
- <form
5
+ <ui-form
6
6
  autocomplete="off"
7
7
  >
8
8
  <ui-text
@@ -1368,7 +1368,7 @@ exports[`<Checkout> partial:<Form> inherit:className 1`] = `
1368
1368
  </span>
1369
1369
  </ui-label>
1370
1370
  </ui-input-option>
1371
- </form>
1371
+ </ui-form>
1372
1372
  <ui-payment
1373
1373
  class="view"
1374
1374
  >
@@ -1424,7 +1424,7 @@ exports[`<Checkout> partial:<Form> inherit:className 1`] = `
1424
1424
  class="view"
1425
1425
  data-testid="payments-container-CARD"
1426
1426
  >
1427
- <form
1427
+ <ui-form
1428
1428
  autocomplete="off"
1429
1429
  >
1430
1430
  <ui-input-text
@@ -1526,7 +1526,7 @@ exports[`<Checkout> partial:<Form> inherit:className 1`] = `
1526
1526
  </ui-view>
1527
1527
  </ui-view>
1528
1528
  </ui-input-text>
1529
- </form>
1529
+ </ui-form>
1530
1530
  </ui-view>
1531
1531
  </ui-view>
1532
1532
  <ui-view
@@ -1609,7 +1609,7 @@ exports[`<Checkout> partial:<Form> inherit:className 1`] = `
1609
1609
  </ui-button>
1610
1610
  </ui-view>
1611
1611
  <ui-scrollview
1612
- class="scrollview vertical"
1612
+ class="scrollview vertical notIndicator"
1613
1613
  vertical="true"
1614
1614
  >
1615
1615
  <ui-view
@@ -1690,7 +1690,7 @@ exports[`<Checkout> partial:<Form> inherit:className 1`] = `
1690
1690
 
1691
1691
  exports[`<Checkout> partial:<Form> renders 1`] = `
1692
1692
  <DocumentFragment>
1693
- <form
1693
+ <ui-form
1694
1694
  autocomplete="off"
1695
1695
  >
1696
1696
  <ui-text
@@ -3056,7 +3056,7 @@ exports[`<Checkout> partial:<Form> renders 1`] = `
3056
3056
  </span>
3057
3057
  </ui-label>
3058
3058
  </ui-input-option>
3059
- </form>
3059
+ </ui-form>
3060
3060
  <ui-payment
3061
3061
  class="view"
3062
3062
  >
@@ -3112,7 +3112,7 @@ exports[`<Checkout> partial:<Form> renders 1`] = `
3112
3112
  class="view"
3113
3113
  data-testid="payments-container-CARD"
3114
3114
  >
3115
- <form
3115
+ <ui-form
3116
3116
  autocomplete="off"
3117
3117
  >
3118
3118
  <ui-input-text
@@ -3214,7 +3214,7 @@ exports[`<Checkout> partial:<Form> renders 1`] = `
3214
3214
  </ui-view>
3215
3215
  </ui-view>
3216
3216
  </ui-input-text>
3217
- </form>
3217
+ </ui-form>
3218
3218
  </ui-view>
3219
3219
  </ui-view>
3220
3220
  <ui-view
@@ -3297,7 +3297,7 @@ exports[`<Checkout> partial:<Form> renders 1`] = `
3297
3297
  </ui-button>
3298
3298
  </ui-view>
3299
3299
  <ui-scrollview
3300
- class="scrollview vertical"
3300
+ class="scrollview vertical notIndicator"
3301
3301
  vertical="true"
3302
3302
  >
3303
3303
  <ui-view
@@ -3378,7 +3378,7 @@ exports[`<Checkout> partial:<Form> renders 1`] = `
3378
3378
 
3379
3379
  exports[`<Checkout> partial:<Form> testID 1`] = `
3380
3380
  <DocumentFragment>
3381
- <form
3381
+ <ui-form
3382
3382
  autocomplete="off"
3383
3383
  data-testid="mirai"
3384
3384
  >
@@ -4745,7 +4745,7 @@ exports[`<Checkout> partial:<Form> testID 1`] = `
4745
4745
  </span>
4746
4746
  </ui-label>
4747
4747
  </ui-input-option>
4748
- </form>
4748
+ </ui-form>
4749
4749
  <ui-payment
4750
4750
  class="view"
4751
4751
  >
@@ -4801,7 +4801,7 @@ exports[`<Checkout> partial:<Form> testID 1`] = `
4801
4801
  class="view"
4802
4802
  data-testid="payments-container-CARD"
4803
4803
  >
4804
- <form
4804
+ <ui-form
4805
4805
  autocomplete="off"
4806
4806
  >
4807
4807
  <ui-input-text
@@ -4903,7 +4903,7 @@ exports[`<Checkout> partial:<Form> testID 1`] = `
4903
4903
  </ui-view>
4904
4904
  </ui-view>
4905
4905
  </ui-input-text>
4906
- </form>
4906
+ </ui-form>
4907
4907
  </ui-view>
4908
4908
  </ui-view>
4909
4909
  <ui-view
@@ -4986,7 +4986,7 @@ exports[`<Checkout> partial:<Form> testID 1`] = `
4986
4986
  </ui-button>
4987
4987
  </ui-view>
4988
4988
  <ui-scrollview
4989
- class="scrollview vertical"
4989
+ class="scrollview vertical notIndicator"
4990
4990
  vertical="true"
4991
4991
  >
4992
4992
  <ui-view
@@ -5067,7 +5067,7 @@ exports[`<Checkout> partial:<Form> testID 1`] = `
5067
5067
 
5068
5068
  exports[`<Checkout> partial:<Form> with a store 1`] = `
5069
5069
  <DocumentFragment>
5070
- <form
5070
+ <ui-form
5071
5071
  autocomplete="off"
5072
5072
  >
5073
5073
  <ui-text
@@ -6433,7 +6433,7 @@ exports[`<Checkout> partial:<Form> with a store 1`] = `
6433
6433
  </span>
6434
6434
  </ui-label>
6435
6435
  </ui-input-option>
6436
- </form>
6436
+ </ui-form>
6437
6437
  <ui-payment
6438
6438
  class="view"
6439
6439
  >
@@ -6489,7 +6489,7 @@ exports[`<Checkout> partial:<Form> with a store 1`] = `
6489
6489
  class="view"
6490
6490
  data-testid="payments-container-CARD"
6491
6491
  >
6492
- <form
6492
+ <ui-form
6493
6493
  autocomplete="off"
6494
6494
  >
6495
6495
  <ui-input-text
@@ -6591,7 +6591,7 @@ exports[`<Checkout> partial:<Form> with a store 1`] = `
6591
6591
  </ui-view>
6592
6592
  </ui-view>
6593
6593
  </ui-input-text>
6594
- </form>
6594
+ </ui-form>
6595
6595
  </ui-view>
6596
6596
  </ui-view>
6597
6597
  <ui-view
@@ -6674,7 +6674,7 @@ exports[`<Checkout> partial:<Form> with a store 1`] = `
6674
6674
  </ui-button>
6675
6675
  </ui-view>
6676
6676
  <ui-scrollview
6677
- class="scrollview vertical"
6677
+ class="scrollview vertical notIndicator"
6678
6678
  vertical="true"
6679
6679
  >
6680
6680
  <ui-view
@@ -6,7 +6,7 @@ exports[`<Deals.Calendar> inherit:className 1`] = `
6
6
  class="view calendar"
7
7
  >
8
8
  <ui-scrollview
9
- class="scrollview snap horizontal scrollview"
9
+ class="scrollview snap horizontal notIndicator scrollview"
10
10
  >
11
11
  <ui-calendar-month
12
12
  class="view month"
@@ -1488,7 +1488,7 @@ exports[`<Deals.Calendar> renders 1`] = `
1488
1488
  class="view calendar"
1489
1489
  >
1490
1490
  <ui-scrollview
1491
- class="scrollview snap horizontal scrollview"
1491
+ class="scrollview snap horizontal notIndicator scrollview"
1492
1492
  >
1493
1493
  <ui-calendar-month
1494
1494
  class="view month"
@@ -2971,7 +2971,7 @@ exports[`<Deals.Calendar> testID 1`] = `
2971
2971
  data-testid="mirai"
2972
2972
  >
2973
2973
  <ui-scrollview
2974
- class="scrollview snap horizontal scrollview"
2974
+ class="scrollview snap horizontal notIndicator scrollview"
2975
2975
  >
2976
2976
  <ui-calendar-month
2977
2977
  class="view month"
@@ -47,7 +47,7 @@ exports[`<Deals> inherit:className 1`] = `
47
47
  data-testid="deals-calendar"
48
48
  >
49
49
  <ui-scrollview
50
- class="scrollview snap horizontal scrollview"
50
+ class="scrollview snap horizontal notIndicator scrollview"
51
51
  >
52
52
  <ui-calendar-month
53
53
  class="view month"
@@ -1617,7 +1617,7 @@ exports[`<Deals> inherit:className 1`] = `
1617
1617
  data-testid="deals-occupation"
1618
1618
  >
1619
1619
  <ui-scrollview
1620
- class="scrollview vertical"
1620
+ class="scrollview vertical notIndicator"
1621
1621
  >
1622
1622
  <ui-view
1623
1623
  class="view wide"
@@ -1626,7 +1626,7 @@ exports[`<Deals> inherit:className 1`] = `
1626
1626
  class="view row"
1627
1627
  >
1628
1628
  <ui-text
1629
- class="text action"
1629
+ class="text bold action"
1630
1630
  >
1631
1631
  finder.label.place_type_count.room
1632
1632
  </ui-text>
@@ -1949,7 +1949,7 @@ exports[`<Deals> prop:value 1`] = `
1949
1949
  data-testid="deals-calendar"
1950
1950
  >
1951
1951
  <ui-scrollview
1952
- class="scrollview snap horizontal scrollview"
1952
+ class="scrollview snap horizontal notIndicator scrollview"
1953
1953
  >
1954
1954
  <ui-calendar-month
1955
1955
  class="view month"
@@ -3588,7 +3588,7 @@ exports[`<Deals> prop:value 1`] = `
3588
3588
  data-testid="deals-occupation"
3589
3589
  >
3590
3590
  <ui-scrollview
3591
- class="scrollview vertical"
3591
+ class="scrollview vertical notIndicator"
3592
3592
  >
3593
3593
  <ui-view
3594
3594
  class="view wide"
@@ -3597,7 +3597,7 @@ exports[`<Deals> prop:value 1`] = `
3597
3597
  class="view row"
3598
3598
  >
3599
3599
  <ui-text
3600
- class="text action"
3600
+ class="text bold action"
3601
3601
  >
3602
3602
  finder.label.place_type_count.room
3603
3603
  </ui-text>
@@ -4069,7 +4069,7 @@ exports[`<Deals> renders 1`] = `
4069
4069
  data-testid="deals-calendar"
4070
4070
  >
4071
4071
  <ui-scrollview
4072
- class="scrollview snap horizontal scrollview"
4072
+ class="scrollview snap horizontal notIndicator scrollview"
4073
4073
  >
4074
4074
  <ui-calendar-month
4075
4075
  class="view month"
@@ -5639,7 +5639,7 @@ exports[`<Deals> renders 1`] = `
5639
5639
  data-testid="deals-occupation"
5640
5640
  >
5641
5641
  <ui-scrollview
5642
- class="scrollview vertical"
5642
+ class="scrollview vertical notIndicator"
5643
5643
  >
5644
5644
  <ui-view
5645
5645
  class="view wide"
@@ -5648,7 +5648,7 @@ exports[`<Deals> renders 1`] = `
5648
5648
  class="view row"
5649
5649
  >
5650
5650
  <ui-text
5651
- class="text action"
5651
+ class="text bold action"
5652
5652
  >
5653
5653
  finder.label.place_type_count.room
5654
5654
  </ui-text>
@@ -5972,7 +5972,7 @@ exports[`<Deals> testID 1`] = `
5972
5972
  data-testid="deals-calendar"
5973
5973
  >
5974
5974
  <ui-scrollview
5975
- class="scrollview snap horizontal scrollview"
5975
+ class="scrollview snap horizontal notIndicator scrollview"
5976
5976
  >
5977
5977
  <ui-calendar-month
5978
5978
  class="view month"
@@ -7542,7 +7542,7 @@ exports[`<Deals> testID 1`] = `
7542
7542
  data-testid="deals-occupation"
7543
7543
  >
7544
7544
  <ui-scrollview
7545
- class="scrollview vertical"
7545
+ class="scrollview vertical notIndicator"
7546
7546
  >
7547
7547
  <ui-view
7548
7548
  class="view wide"
@@ -7551,7 +7551,7 @@ exports[`<Deals> testID 1`] = `
7551
7551
  class="view row"
7552
7552
  >
7553
7553
  <ui-text
7554
- class="text action"
7554
+ class="text bold action"
7555
7555
  >
7556
7556
  finder.label.place_type_count.room
7557
7557
  </ui-text>
@@ -45,7 +45,8 @@ const Compact = function () {
45
45
  ...others
46
46
  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
47
47
  const {
48
- isMobile
48
+ isMobile,
49
+ isTablet
49
50
  } = (0, _ui.useDevice)();
50
51
  const {
51
52
  dateFormat,
@@ -61,32 +62,33 @@ const Compact = function () {
61
62
  }
62
63
  } = (0, _dataSources.useStore)();
63
64
  const direction = _ui.Theme.getDirection();
64
- const hotels = (0, _helpers.getHotels)(placesSource, place);
65
65
  const hasPlaces = !!(place || places.options);
66
- const icon = {
67
- className: style.icon
66
+ const hotels = (0, _helpers.getHotels)(placesSource, place);
67
+ const captionProps = {
68
+ action: isTablet || !hasPlaces,
69
+ medium: isMobile,
70
+ small: isMobile && hasPlaces,
71
+ className: style.caption
68
72
  };
69
- const text = {
70
- action: true
73
+ const iconProps = {
74
+ className: style.icon
71
75
  };
72
76
  return /*#__PURE__*/_react.default.createElement(_ui.View, {
73
77
  row: true,
74
78
  tag: "finder-compact",
75
- className: (0, _ui.styles)(style.finder, style.compact, direction === LEFT ? style.directionLeft : style.directionRight)
79
+ className: (0, _ui.styles)(style.finder, style.compact, hasPlaces && style.hasPlaces, direction === LEFT ? style.directionLeft : style.directionRight)
76
80
  }, hasPlaces && /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
77
81
  onPress: () => onExpand(_Finder.VIEW.PLACE),
78
82
  className: style.pressable
79
- }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, icon, {
83
+ }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, iconProps, {
80
84
  value: _Finder.FIELD.PLACE.icon
81
- })), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, text, {
82
- className: [style.place, style.textEllipsis]
83
- }), (0, _helpers.getPlaceCaption)(place, places.options))), /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
85
+ })), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Text, captionProps, (0, _helpers.getPlaceCaption)(place, places.options))), /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
84
86
  onPress: () => onExpand(_Finder.VIEW.CALENDAR),
85
- className: [style.calendar, style.pressable],
87
+ className: [style.pressable, style.calendar],
86
88
  testId: others.testId ? "".concat(others.testId, "-calendar-field") : undefined
87
- }, (!isMobile || isMobile && !hasPlaces) && /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, icon, {
89
+ }, (!isMobile || isMobile && !hasPlaces) && /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, iconProps, {
88
90
  value: _Finder.FIELD.CALENDAR.icon
89
- })), /*#__PURE__*/_react.default.createElement(_ui.Text, text, "".concat(from ? dateFormat(from, {
91
+ })), /*#__PURE__*/_react.default.createElement(_ui.Text, captionProps, "".concat(from ? dateFormat(from, {
90
92
  locale,
91
93
  ...DATE_FORMAT_COMPACT
92
94
  }) : translate(_BookingDates.L10N.LABEL_CHECK_IN), " \u2500 ").concat(to ? dateFormat(to, {
@@ -96,9 +98,9 @@ const Compact = function () {
96
98
  onPress: () => onExpand(_Finder.VIEW.OCCUPATION),
97
99
  className: style.pressable,
98
100
  testId: others.testId ? "".concat(others.testId, "-occupation-field") : undefined
99
- }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, icon, {
101
+ }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, iconProps, {
100
102
  value: _Finder.FIELD.OCCUPATION.icon
101
- })), /*#__PURE__*/_react.default.createElement(_ui.Text, text, (0, _helpers2.getOccupationSummary)(occupation, translate, !isMobile ? (0, _helpers2.getAccommodationType)({
103
+ })), /*#__PURE__*/_react.default.createElement(_ui.Text, captionProps, (0, _helpers2.getOccupationSummary)(occupation, translate, !isMobile ? (0, _helpers2.getAccommodationType)({
102
104
  dataSource,
103
105
  hotels,
104
106
  individual
@@ -106,11 +108,9 @@ const Compact = function () {
106
108
  onPress: () => onExpand(_Finder.VIEW.PROMOCODE),
107
109
  className: style.pressable,
108
110
  testId: others.testId ? "".concat(others.testId, "-promocode") : undefined
109
- }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, icon, {
111
+ }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, iconProps, {
110
112
  value: _Finder.FIELD.PROMOCODE.icon
111
- })), promocode && !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, text, {
112
- className: [style.promocode, style.textEllipsis]
113
- }), promocode)), onSubmit && /*#__PURE__*/_react.default.createElement(_ui.Button, {
113
+ })), promocode && !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Text, captionProps, promocode)), onSubmit && /*#__PURE__*/_react.default.createElement(_ui.Button, {
114
114
  small: true,
115
115
  squared: true,
116
116
  onPress: onSubmit,
@@ -1 +1 @@
1
- {"version":3,"file":"Finder.compact.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_Finder","_Finder2","style","_interopRequireWildcard","_helpers","_BookingDates","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","DATE_FORMAT_COMPACT","month","day","LEFT","DIRECTION_TYPE","Compact","dataSource","places","placesSource","value","calendar","from","to","occupation","place","promocode","onExpand","onSubmit","others","undefined","isMobile","useDevice","dateFormat","translate","useLocale","config","hotels","lodgingDenomination","individual","locale","useStore","direction","Theme","getDirection","getHotels","hasPlaces","options","icon","className","text","action","createElement","View","row","tag","styles","finder","compact","directionLeft","directionRight","Pressable","onPress","VIEW","PLACE","pressable","Icon","FIELD","Text","textEllipsis","getPlaceCaption","CALENDAR","testId","concat","L10N","LABEL_CHECK_IN","LABEL_CHECK_OUT","OCCUPATION","getOccupationSummary","getAccommodationType","PROMOCODE","Button","small","squared","button","L10N_FINDER","ACTION_SEARCH","ICON","SEARCH","exports","propTypes","PropTypes","any","func"],"sources":["../../../src/components/Finder/Finder.compact.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, DIRECTION_TYPE, Icon, Pressable, styles, Text, Theme, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { FIELD } from './Finder.constants';\nimport { VIEW } from './Finder.constants';\nimport { L10N as L10N_FINDER } from './Finder.l10n';\nimport * as style from './Finder.module.css';\nimport { getHotels, getPlaceCaption } from './helpers';\nimport { L10N } from '../__shared__/BookingDates/BookingDates.l10n';\nimport { ICON } from '../helpers';\nimport { getAccommodationType, getOccupationSummary } from '../helpers';\n\nconst DATE_FORMAT_COMPACT = { month: 'short', day: 'numeric' };\nconst { LEFT } = DIRECTION_TYPE;\n\nconst Compact = ({\n dataSource: { places = {}, placesSource } = {},\n value: { calendar: [from, to] = [], occupation = [], place: { value: place } = {}, promocode } = {},\n onExpand = () => {},\n onSubmit,\n ...others\n} = {}) => {\n const { isMobile } = useDevice();\n const { dateFormat, translate } = useLocale();\n const {\n value: { config: { hotels: dataSource, lodgingDenomination: individual } = {}, locale },\n } = useStore();\n\n const direction = Theme.getDirection();\n const hotels = getHotels(placesSource, place);\n const hasPlaces = !!(place || places.options);\n const icon = { className: style.icon };\n const text = { action: true };\n\n return (\n <View\n row\n tag=\"finder-compact\"\n className={styles(style.finder, style.compact, direction === LEFT ? style.directionLeft : style.directionRight)}\n >\n {hasPlaces && (\n <Pressable onPress={() => onExpand(VIEW.PLACE)} className={style.pressable}>\n <Icon {...icon} value={FIELD.PLACE.icon} />\n {!isMobile && (\n <Text {...text} className={[style.place, style.textEllipsis]}>\n {getPlaceCaption(place, places.options)}\n </Text>\n )}\n </Pressable>\n )}\n\n <Pressable\n onPress={() => onExpand(VIEW.CALENDAR)}\n className={[style.calendar, style.pressable]}\n testId={others.testId ? `${others.testId}-calendar-field` : undefined}\n >\n {(!isMobile || (isMobile && !hasPlaces)) && <Icon {...icon} value={FIELD.CALENDAR.icon} />}\n <Text {...text}>\n {`${from ? dateFormat(from, { locale, ...DATE_FORMAT_COMPACT }) : translate(L10N.LABEL_CHECK_IN)} ─ ${\n to ? dateFormat(to, { locale, ...DATE_FORMAT_COMPACT }) : translate(L10N.LABEL_CHECK_OUT)\n }`}\n </Text>\n </Pressable>\n\n <Pressable\n onPress={() => onExpand(VIEW.OCCUPATION)}\n className={style.pressable}\n testId={others.testId ? `${others.testId}-occupation-field` : undefined}\n >\n <Icon {...icon} value={FIELD.OCCUPATION.icon} />\n <Text {...text}>\n {getOccupationSummary(\n occupation,\n translate,\n !isMobile ? getAccommodationType({ dataSource, hotels, individual }) : undefined,\n )}\n </Text>\n </Pressable>\n\n <Pressable\n onPress={() => onExpand(VIEW.PROMOCODE)}\n className={style.pressable}\n testId={others.testId ? `${others.testId}-promocode` : undefined}\n >\n <Icon {...icon} value={FIELD.PROMOCODE.icon} />\n {promocode && !isMobile && (\n <Text {...text} className={[style.promocode, style.textEllipsis]}>\n {promocode}\n </Text>\n )}\n </Pressable>\n\n {onSubmit && (\n <Button\n small\n squared\n onPress={onSubmit}\n className={style.button}\n aria-label={translate(L10N_FINDER.ACTION_SEARCH)}\n testId={others.testId ? `${others.testId}-submit` : undefined}\n >\n <Icon value={ICON.SEARCH} />\n </Button>\n )}\n </View>\n );\n};\n\nCompact.propTypes = {\n dataSource: PropTypes.any,\n value: PropTypes.any,\n onExpand: PropTypes.func,\n onSubmit: PropTypes.func,\n};\n\nexport { Compact };\n"],"mappings":"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"}
1
+ {"version":3,"file":"Finder.compact.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_Finder","_Finder2","style","_interopRequireWildcard","_helpers","_BookingDates","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","DATE_FORMAT_COMPACT","month","day","LEFT","DIRECTION_TYPE","Compact","dataSource","places","placesSource","value","calendar","from","to","occupation","place","promocode","onExpand","onSubmit","others","undefined","isMobile","isTablet","useDevice","dateFormat","translate","useLocale","config","hotels","lodgingDenomination","individual","locale","useStore","direction","Theme","getDirection","hasPlaces","options","getHotels","captionProps","action","medium","small","className","caption","iconProps","icon","createElement","View","row","tag","styles","finder","compact","directionLeft","directionRight","Pressable","onPress","VIEW","PLACE","pressable","Icon","FIELD","Text","getPlaceCaption","CALENDAR","testId","concat","L10N","LABEL_CHECK_IN","LABEL_CHECK_OUT","OCCUPATION","getOccupationSummary","getAccommodationType","PROMOCODE","Button","squared","button","L10N_FINDER","ACTION_SEARCH","ICON","SEARCH","exports","propTypes","PropTypes","any","func"],"sources":["../../../src/components/Finder/Finder.compact.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, DIRECTION_TYPE, Icon, Pressable, styles, Text, Theme, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { FIELD } from './Finder.constants';\nimport { VIEW } from './Finder.constants';\nimport { L10N as L10N_FINDER } from './Finder.l10n';\nimport * as style from './Finder.module.css';\nimport { getHotels, getPlaceCaption } from './helpers';\nimport { L10N } from '../__shared__/BookingDates/BookingDates.l10n';\nimport { ICON } from '../helpers';\nimport { getAccommodationType, getOccupationSummary } from '../helpers';\n\nconst DATE_FORMAT_COMPACT = { month: 'short', day: 'numeric' };\nconst { LEFT } = DIRECTION_TYPE;\n\nconst Compact = ({\n dataSource: { places = {}, placesSource } = {},\n value: { calendar: [from, to] = [], occupation = [], place: { value: place } = {}, promocode } = {},\n onExpand = () => {},\n onSubmit,\n ...others\n} = {}) => {\n const { isMobile, isTablet } = useDevice();\n const { dateFormat, translate } = useLocale();\n const {\n value: { config: { hotels: dataSource, lodgingDenomination: individual } = {}, locale },\n } = useStore();\n\n const direction = Theme.getDirection();\n const hasPlaces = !!(place || places.options);\n const hotels = getHotels(placesSource, place);\n const captionProps = {\n action: isTablet || !hasPlaces,\n medium: isMobile,\n small: isMobile && hasPlaces,\n className: style.caption,\n };\n const iconProps = { className: style.icon };\n\n return (\n <View\n row\n tag=\"finder-compact\"\n className={styles(\n style.finder,\n style.compact,\n hasPlaces && style.hasPlaces,\n direction === LEFT ? style.directionLeft : style.directionRight,\n )}\n >\n {hasPlaces && (\n <Pressable onPress={() => onExpand(VIEW.PLACE)} className={style.pressable}>\n <Icon {...iconProps} value={FIELD.PLACE.icon} />\n {!isMobile && <Text {...captionProps}>{getPlaceCaption(place, places.options)}</Text>}\n </Pressable>\n )}\n\n <Pressable\n onPress={() => onExpand(VIEW.CALENDAR)}\n className={[style.pressable, style.calendar]}\n testId={others.testId ? `${others.testId}-calendar-field` : undefined}\n >\n {(!isMobile || (isMobile && !hasPlaces)) && <Icon {...iconProps} value={FIELD.CALENDAR.icon} />}\n <Text {...captionProps}>\n {`${from ? dateFormat(from, { locale, ...DATE_FORMAT_COMPACT }) : translate(L10N.LABEL_CHECK_IN)} ─ ${\n to ? dateFormat(to, { locale, ...DATE_FORMAT_COMPACT }) : translate(L10N.LABEL_CHECK_OUT)\n }`}\n </Text>\n </Pressable>\n\n <Pressable\n onPress={() => onExpand(VIEW.OCCUPATION)}\n className={style.pressable}\n testId={others.testId ? `${others.testId}-occupation-field` : undefined}\n >\n <Icon {...iconProps} value={FIELD.OCCUPATION.icon} />\n <Text {...captionProps}>\n {getOccupationSummary(\n occupation,\n translate,\n !isMobile ? getAccommodationType({ dataSource, hotels, individual }) : undefined,\n )}\n </Text>\n </Pressable>\n\n <Pressable\n onPress={() => onExpand(VIEW.PROMOCODE)}\n className={style.pressable}\n testId={others.testId ? `${others.testId}-promocode` : undefined}\n >\n <Icon {...iconProps} value={FIELD.PROMOCODE.icon} />\n {promocode && !isMobile && <Text {...captionProps}>{promocode}</Text>}\n </Pressable>\n\n {onSubmit && (\n <Button\n small\n squared\n onPress={onSubmit}\n className={style.button}\n aria-label={translate(L10N_FINDER.ACTION_SEARCH)}\n testId={others.testId ? `${others.testId}-submit` : undefined}\n >\n <Icon value={ICON.SEARCH} />\n </Button>\n )}\n </View>\n );\n};\n\nCompact.propTypes = {\n dataSource: PropTypes.any,\n value: PropTypes.any,\n onExpand: PropTypes.func,\n onSubmit: PropTypes.func,\n};\n\nexport { Compact };\n"],"mappings":"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"}
@@ -46,7 +46,6 @@ const Finder = _ref => {
46
46
  } = _ref;
47
47
  const {
48
48
  isMobile,
49
- isTablet,
50
49
  width: deviceWidth
51
50
  } = (0, _ui.useDevice)();
52
51
  const {
@@ -260,6 +259,7 @@ const Finder = _ref => {
260
259
  };
261
260
  const fieldProps = {
262
261
  compacted: is.compacted,
262
+ hasPlaces: !!dataSource.places,
263
263
  inline,
264
264
  className: style.field,
265
265
  ...(is.column ? {
@@ -379,9 +379,9 @@ const Finder = _ref => {
379
379
  role: "finder-button",
380
380
  wide: is.column,
381
381
  onPress: handleSubmit,
382
- className: (0, _ui.styles)(style.button, (icon && !is.column || isTablet) && style.withIcon),
382
+ className: (0, _ui.styles)(style.button, icon && !is.column && style.withIcon),
383
383
  testId: others.testId ? "".concat(others.testId, "-submit") : undefined
384
- }, icon && !is.column || isTablet ? /*#__PURE__*/_react.default.createElement(_ui.Icon, {
384
+ }, icon && !is.column ? /*#__PURE__*/_react.default.createElement(_ui.Icon, {
385
385
  value: _helpers3.ICON.SEARCH
386
386
  }) : text || translate(_Finder3.L10N.ACTION_SEARCH))));
387
387
  };