@qite/tide-booking-component 1.4.118 → 1.4.120

package/build/build-cjs/index.js

@@ -7142,16 +7142,15 @@ var dateToDateStruct = function (date) {
   };
 };
 var timeFromDateTime = function (dateTime) {
+  var _a, _b;
   if (!dateTime) {
     return '';
   }
-  var date = new Date(dateTime);
-  var hours = date.getUTCHours();
-  var minutes = date.getUTCMinutes();
-  return ''
-    .concat(hours, ':')
-    .concat(minutes < 10 ? '0' : '')
-    .concat(minutes);
+  var value = dateTime;
+  if (typeof value === 'string') {
+    return (_b = (_a = value.match(/T(\d{2}:\d{2})/)) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : '';
+  }
+  return ''.concat(value.getHours().toString().padStart(2, '0'), ':').concat(value.getMinutes().toString().padStart(2, '0'));
 };
 var longFormatDate = function (dateTime, language) {
   if (!dateTime) {
@@ -44276,7 +44275,8 @@ var IndependentFlightSelection = function (_a) {
               return setSelectedOutwardKey(null);
             },
             selectedGuid: selectedOutward.guid,
-            isOutward: true
+            isOutward: true,
+            price: selectedOutward.price
           })
         : uniqueOutwardFlights.map(function (result) {
             return React__default['default'].createElement(IndependentFlightOption, {
@@ -44286,7 +44286,8 @@ var IndependentFlightSelection = function (_a) {
                 return setSelectedOutwardKey(getFlightKey(result.outward.segments));
               },
               guid: result.guid,
-              isOutward: true
+              isOutward: true,
+              price: result.price
             });
           })
     ),
@@ -44321,7 +44322,8 @@ var IndependentFlightSelection = function (_a) {
             item: selectedReturn.return,
             guid: selectedReturn.guid,
             selectedGuid: selectedReturn.guid,
-            isOutward: false
+            isOutward: false,
+            price: selectedReturn.price
           })
         : uniqueReturnFlights.map(function (result) {
             return React__default['default'].createElement(IndependentFlightOption, {
@@ -44331,7 +44333,8 @@ var IndependentFlightSelection = function (_a) {
                 return setSelectedReturnKey(getFlightKey(result.return.segments));
               },
               guid: result.guid,
-              isOutward: false
+              isOutward: false,
+              price: result.price
             });
           })
     )
@@ -49593,7 +49596,8 @@ var SearchResultsContainer = function (_a) {
                               translations.SRP.VIEW_BOOKING
                             )
                         ),
-                        sortByTypes &&
+                        context.searchConfiguration.qsmType !== build.PortalQsmType.AccommodationAndFlight &&
+                          sortByTypes &&
                           sortByTypes.length > 0 &&
                           React__default['default'].createElement(ItemPicker, {
                             items: sortByTypes,

package/build/build-cjs/src/shared/utils/localization-util.d.ts

@@ -232,6 +232,8 @@ export declare const getTranslations: (language: string) => {
     ADD_VOUCHER: string;
     VOUCHER_VALID: string;
     VOUCHER_INVALID: string;
+    REDIRECT: string;
+    PROCESS_BOOKING: string;
   };
   CONFIRMATION: {
     TITLE_TEXT_OFFER: string;

package/build/build-esm/index.js

@@ -7174,16 +7174,15 @@ var dateToDateStruct = function (date) {
   };
 };
 var timeFromDateTime = function (dateTime) {
+  var _a, _b;
   if (!dateTime) {
     return '';
   }
-  var date = new Date(dateTime);
-  var hours = date.getUTCHours();
-  var minutes = date.getUTCMinutes();
-  return ''
-    .concat(hours, ':')
-    .concat(minutes < 10 ? '0' : '')
-    .concat(minutes);
+  var value = dateTime;
+  if (typeof value === 'string') {
+    return (_b = (_a = value.match(/T(\d{2}:\d{2})/)) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : '';
+  }
+  return ''.concat(value.getHours().toString().padStart(2, '0'), ':').concat(value.getMinutes().toString().padStart(2, '0'));
 };
 var longFormatDate = function (dateTime, language) {
   if (!dateTime) {
@@ -44062,7 +44061,8 @@ var IndependentFlightSelection = function (_a) {
               return setSelectedOutwardKey(null);
             },
             selectedGuid: selectedOutward.guid,
-            isOutward: true
+            isOutward: true,
+            price: selectedOutward.price
           })
         : uniqueOutwardFlights.map(function (result) {
             return React__default.createElement(IndependentFlightOption, {
@@ -44072,7 +44072,8 @@ var IndependentFlightSelection = function (_a) {
                 return setSelectedOutwardKey(getFlightKey(result.outward.segments));
               },
               guid: result.guid,
-              isOutward: true
+              isOutward: true,
+              price: result.price
             });
           })
     ),
@@ -44101,7 +44102,8 @@ var IndependentFlightSelection = function (_a) {
             item: selectedReturn.return,
             guid: selectedReturn.guid,
             selectedGuid: selectedReturn.guid,
-            isOutward: false
+            isOutward: false,
+            price: selectedReturn.price
           })
         : uniqueReturnFlights.map(function (result) {
             return React__default.createElement(IndependentFlightOption, {
@@ -44111,7 +44113,8 @@ var IndependentFlightSelection = function (_a) {
                 return setSelectedReturnKey(getFlightKey(result.return.segments));
               },
               guid: result.guid,
-              isOutward: false
+              isOutward: false,
+              price: result.price
             });
           })
     )
@@ -49355,7 +49358,8 @@ var SearchResultsContainer = function (_a) {
                               translations.SRP.VIEW_BOOKING
                             )
                         ),
-                        sortByTypes &&
+                        context.searchConfiguration.qsmType !== build.PortalQsmType.AccommodationAndFlight &&
+                          sortByTypes &&
                           sortByTypes.length > 0 &&
                           React__default.createElement(ItemPicker, {
                             items: sortByTypes,

package/build/build-esm/src/shared/utils/localization-util.d.ts

@@ -232,6 +232,8 @@ export declare const getTranslations: (language: string) => {
     ADD_VOUCHER: string;
     VOUCHER_VALID: string;
     VOUCHER_INVALID: string;
+    REDIRECT: string;
+    PROCESS_BOOKING: string;
   };
   CONFIRMATION: {
     TITLE_TEXT_OFFER: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.118",
+  "version": "1.4.120",
   "description": "React Booking wizard & Booking product component for Tide",
   "main": "build/build-cjs/index.js",
   "types": "build/build-cjs/src/index.d.ts",

package/src/search-results/components/flight/flight-selection/independent-flight-selection.tsx

@@ -125,6 +125,7 @@ const IndependentFlightSelection: React.FC<IndependentFlightSelectionProps> = ({
             onSelect={() => setSelectedOutwardKey(null)}
             selectedGuid={selectedOutward.guid}
             isOutward={true}
+            price={selectedOutward.price}
           />
         ) : (
           uniqueOutwardFlights.map((result) => (
@@ -134,6 +135,7 @@ const IndependentFlightSelection: React.FC<IndependentFlightSelectionProps> = ({
               onSelect={() => setSelectedOutwardKey(getFlightKey(result.outward.segments))}
               guid={result.guid}
               isOutward={true}
+              price={result.price}
             />
           ))
         )}
@@ -160,6 +162,7 @@ const IndependentFlightSelection: React.FC<IndependentFlightSelectionProps> = ({
             guid={selectedReturn.guid}
             selectedGuid={selectedReturn.guid}
             isOutward={false}
+            price={selectedReturn.price}
           />
         ) : (
           uniqueReturnFlights.map((result) => (
@@ -169,6 +172,7 @@ const IndependentFlightSelection: React.FC<IndependentFlightSelectionProps> = ({
               onSelect={() => setSelectedReturnKey(getFlightKey(result.return.segments))}
               guid={result.guid}
               isOutward={false}
+              price={result.price}
             />
           ))
         )}

package/src/search-results/components/search-results-container/search-results-container.tsx

@@ -1554,7 +1554,7 @@ const SearchResultsContainer: React.FC<SearchResultsContainerProps> = ({ onBooki
                             </div>
                           )}
                         </div>
-                        {sortByTypes && sortByTypes.length > 0 && (
+                        {context.searchConfiguration.qsmType !== PortalQsmType.AccommodationAndFlight && sortByTypes && sortByTypes.length > 0 && (
                           <ItemPicker
                             items={sortByTypes}
                             selection={selectedSortType?.label || undefined}

package/src/shared/utils/localization-util.ts

@@ -189,12 +189,13 @@ export const timeFromDateTime = (dateTime: Date | undefined): string => {
     return '';
   }
 
-  const date = new Date(dateTime);
+  const value = dateTime as Date | string;
 
-  const hours = date.getUTCHours();
-  const minutes = date.getUTCMinutes();
+  if (typeof value === 'string') {
+    return value.match(/T(\d{2}:\d{2})/)?.[1] ?? '';
+  }
 
-  return `${hours}:${minutes < 10 ? '0' : ''}${minutes}`;
+  return `${value.getHours().toString().padStart(2, '0')}:${value.getMinutes().toString().padStart(2, '0')}`;
 };
 
 export const longFormatDate = (dateTime: Date | undefined, language: string): string => {

package/styles/components/_booking.scss

@@ -44,13 +44,17 @@
 
   &__navigator {
     gap: 15px;
-    position: fixed;
-    bottom: 0;
+    position: sticky;
+    bottom: 80px;
     left: 0;
-    background-color: var(--tide-booking-white);
+    background-color: var(--tide-booking-bg);
     // outline: 2px solid var(--tide-booking-bg);
     z-index: 11;
     width: 100%;
+    margin: 30px -45px;
+    margin-bottom: 0px;
+    padding: 15px 45px;
+    width: 99dvw;
 
     @include row--xs;
     justify-content: flex-end;
@@ -59,8 +63,11 @@
 
     @include media-lg {
       position: relative;
+      bottom: 0px;
       padding: 30px 15px;
       background: var(--tide-booking-transparent);
+      width: 100%;
+      margin: 0px;
     }
 
     .cta--secondary {
@@ -74,7 +81,7 @@
 
     button {
       @include media-xs {
-        max-width: 150px;
+        max-width: 200px;
       }
     }
   }
@@ -154,16 +161,16 @@
 
   &__product {
     @extend %reset;
-    position: sticky;
-    top: 0px;
-    left: 0px;
+    // position: sticky;
+    // top: 0px;
+    // left: 0px;
     border-radius: var(--tide-booking-sidebar-header-border-radius);
     overflow: hidden;
     display: flex;
     align-items: center;
     background: var(--tide-booking-sidebar-header-background);
-
     min-height: 80px;
+    z-index: 1;
 
     @include media-xl {
       min-height: 100px;
@@ -249,7 +256,7 @@
     position: fixed;
     width: calc(100% - 0px);
     max-height: calc(100dvh - 90px);
-    bottom: 75px;
+    bottom: 1px;
     right: 0;
     transform: translate3D(0, calc(100% - 80px), 0);
     margin-left: auto;
@@ -261,14 +268,13 @@
 
     @include media-sm {
       width: calc(100% - 60px);
-      max-width: 650px;
+      max-width: 450px;
     }
 
     @include media-lg {
       position: sticky;
-      width: 400px;
       height: calc(100vh - 86px);
-      top: 40px;
+      top: 100px;
       bottom: initial;
       transform: none;
     }

package/styles/components/_form.scss

@@ -9,7 +9,7 @@
 
   &__label {
     @extend %reset;
-    margin-bottom: 15px * 0.5;
+    // margin-bottom: 15px * 0.5;
     display: flex;
     text-align: left;
     text-overflow: ellipsis;
@@ -1594,7 +1594,7 @@
 }
 
 .form__booking--summary {
-  margin-top: -25px;
+  // margin-top: -25px;
   background: var(--tide-booking-form-summary-background);
   border-radius: var(--tide-booking-form-summary-border-radius);
   outline: var(--tide-booking-form-summary-border);
@@ -1618,7 +1618,7 @@
 }
 
 .form__booking--message {
-  margin-top: -25px;
+  // margin-top: -25px;
   background: var(--tide-booking-confirmation-background);
   border-radius: var(--tide-booking-confirmation-border-radius);
   outline: var(--tide-booking-confirmation-border);
@@ -1632,3 +1632,62 @@
     background: transparent;
   }
 }
+
+.travelers-form__grid {
+  display: flex;
+  flex-direction: column;
+
+  @include media-md {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 15px;
+  }
+
+  .control--gender {
+    @include media-md {
+      grid-column: span 3;
+    }
+
+    .form__group {
+      min-height: auto;
+    }
+  }
+}
+
+.main-booker-form__grid {
+  display: flex;
+  flex-direction: column;
+
+  @include media-md {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 15px;
+    row-gap: 0px;
+  }
+
+  .control--street {
+    @include media-md {
+      grid-column: span 4;
+    }
+  }
+
+  .control--place,
+  .control--zipCode,
+  .control--country {
+    @include media-md {
+      grid-column: span 2;
+    }
+  }
+
+  .control--phone {
+    @include media-md {
+      grid-column: span 3;
+    }
+  }
+
+  .control--email {
+    @include media-md {
+      grid-column: span 5;
+    }
+  }
+}