@qite/tide-booking-component 1.4.90 → 1.4.92

package/build/build-cjs/index.js

@@ -13400,6 +13400,9 @@ PERFORMANCE OF THIS SOFTWARE.
 
   var ENDPOINT = '/api/web/packaging';
   var ENDPOINT_ACCOMMODATIONS = ENDPOINT + '/accommodations';
+  var ENDPOINT_ENTRY = function (magicLinkCode) {
+    return ENDPOINT + '/entry/' + magicLinkCode;
+  };
   // MANUAL PACKAGING SEARCH
   var searchPackagingAccommodations = function (config, request, signal) {
     var url = '' + config.host + ENDPOINT_ACCOMMODATIONS;
@@ -13407,6 +13410,11 @@ PERFORMANCE OF THIS SOFTWARE.
     var body = JSON.stringify(request);
     return post(url, apiKey, body, config.token, signal, true);
   };
+  var getEntry = function (config, magicLinkCode, signal) {
+    var apiKey = config.apiKey;
+    var url = '' + config.host + ENDPOINT_ENTRY(magicLinkCode);
+    return get(url, apiKey, config.token, signal, true);
+  };
 
   exports.AllotmentType = AllotmentType;
   exports.ContactForm = ContactForm;
@@ -13451,6 +13459,7 @@ PERFORMANCE OF THIS SOFTWARE.
   exports.getAllotmentList = getAllotmentList;
   exports.getCountries = getCountries;
   exports.getCustomEntryStatus = getCustomEntryStatus;
+  exports.getEntry = getEntry;
   exports.getEntryDetailv2 = getEntryDetailv2;
   exports.getEntryLight = getEntryLight;
   exports.getEntryList = getEntryList;
@@ -36628,6 +36637,7 @@ var mapItems = function (response) {
   });
 };
 var checkIfFinished = function (state) {
+  console.log('Checking if finished with state:', state);
   if (state.lastSequenceId === null) return false;
   for (var i = 0; i <= state.lastSequenceId; i++) {
     if (!state.sequenceIds.includes(i)) return false;
@@ -37566,7 +37576,9 @@ var FlightsFlyIn = function (_a) {
                 'div',
                 {
                   key: 'outward-flight-option-'.concat(index),
-                  className: 'flyin__content-card '.concat(selectedOutwardFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : '')
+                  className: 'flyin__content-card flyin__content-card--flight '.concat(
+                    selectedOutwardFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : ''
+                  )
                 },
                 React__default['default'].createElement(
                   'div',
@@ -37857,7 +37869,9 @@ var FlightsFlyIn = function (_a) {
                 'div',
                 {
                   key: 'return-flight-option-'.concat(index),
-                  className: 'flyin__content-card '.concat(selectedReturnFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : '')
+                  className: 'flyin__content-card flyin__content-card--flight '.concat(
+                    selectedReturnFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : ''
+                  )
                 },
                 React__default['default'].createElement(
                   'div',
@@ -47236,6 +47250,7 @@ var SearchResultsContainer = function () {
                 searchRequest = rq;
                 _b.label = 4;
               case 4:
+                searchRequest.agentId = context.agentId;
                 return [4 /*yield*/, build.search(config, searchRequest)];
               case 5:
                 packageSearchResults = _b.sent();
@@ -47302,6 +47317,7 @@ var SearchResultsContainer = function () {
                 }
                 searchRequest = rq;
                 searchRequest.portalId = context.portalId;
+                searchRequest.agentId = context.agentId;
                 return [4 /*yield*/, build.searchPackagingAccommodations(config, searchRequest)];
               case 2:
                 packageAccoSearchResults = _b.sent();
@@ -47414,7 +47430,8 @@ var SearchResultsContainer = function () {
                     duration: null,
                     preNights: null,
                     postNights: null
-                  }
+                  },
+                  agentId: context.agentId
                 };
                 if (!(entry && entryId)) return [3 /*break*/, 3];
                 requestRooms = getRequestRoomsFromEntry(entry.rooms);
@@ -47451,7 +47468,6 @@ var SearchResultsContainer = function () {
             params,
             rooms,
             tagId,
-            agentId,
             destinationAirport,
             destinationId,
             destinationIsCountry,
@@ -47493,7 +47509,6 @@ var SearchResultsContainer = function () {
                 params = new URLSearchParams(location.search);
                 rooms = getRoomsFromParams(params, 'rooms');
                 tagId = getNumberFromParams(params, 'tagId');
-                agentId = getNumberFromParams(params, 'agentId');
                 destinationAirport = getStringFromParams(params, 'destinationAirport');
                 destinationId = null;
                 destinationIsCountry = false;
@@ -47521,7 +47536,7 @@ var SearchResultsContainer = function () {
                 detailSearchRequest = {
                   officeId: 1,
                   portalId: context.portalId,
-                  agentId: agentId !== null && agentId !== void 0 ? agentId : null,
+                  agentId: context.agentId,
                   catalogueId: (_a = context.searchConfiguration.defaultCatalogueId) !== null && _a !== void 0 ? _a : 0,
                   searchConfigurationId: context.searchConfiguration.id,
                   vendorConfigurationId: selectedItem.vendorId,

package/build/build-cjs/src/search-results/types.d.ts

@@ -4,6 +4,7 @@ export type FlightSelectionMode = 'paired' | 'independent';
 export interface SearchResultsConfiguration {
   searchConfiguration: WebsiteConfigurationSearchConfiguration;
   portalId?: number;
+  agentId?: number;
   tideConnection: {
     host: string;
     apiKey: string;

package/build/build-esm/index.js

@@ -13432,6 +13432,9 @@ PERFORMANCE OF THIS SOFTWARE.
 
   var ENDPOINT = '/api/web/packaging';
   var ENDPOINT_ACCOMMODATIONS = ENDPOINT + '/accommodations';
+  var ENDPOINT_ENTRY = function (magicLinkCode) {
+    return ENDPOINT + '/entry/' + magicLinkCode;
+  };
   // MANUAL PACKAGING SEARCH
   var searchPackagingAccommodations = function (config, request, signal) {
     var url = '' + config.host + ENDPOINT_ACCOMMODATIONS;
@@ -13439,6 +13442,11 @@ PERFORMANCE OF THIS SOFTWARE.
     var body = JSON.stringify(request);
     return post(url, apiKey, body, config.token, signal, true);
   };
+  var getEntry = function (config, magicLinkCode, signal) {
+    var apiKey = config.apiKey;
+    var url = '' + config.host + ENDPOINT_ENTRY(magicLinkCode);
+    return get(url, apiKey, config.token, signal, true);
+  };
 
   exports.AllotmentType = AllotmentType;
   exports.ContactForm = ContactForm;
@@ -13483,6 +13491,7 @@ PERFORMANCE OF THIS SOFTWARE.
   exports.getAllotmentList = getAllotmentList;
   exports.getCountries = getCountries;
   exports.getCustomEntryStatus = getCustomEntryStatus;
+  exports.getEntry = getEntry;
   exports.getEntryDetailv2 = getEntryDetailv2;
   exports.getEntryLight = getEntryLight;
   exports.getEntryList = getEntryList;
@@ -36473,6 +36482,7 @@ var mapItems = function (response) {
   });
 };
 var checkIfFinished = function (state) {
+  console.log('Checking if finished with state:', state);
   if (state.lastSequenceId === null) return false;
   for (var i = 0; i <= state.lastSequenceId; i++) {
     if (!state.sequenceIds.includes(i)) return false;
@@ -37403,7 +37413,9 @@ var FlightsFlyIn = function (_a) {
                 'div',
                 {
                   key: 'outward-flight-option-'.concat(index),
-                  className: 'flyin__content-card '.concat(selectedOutwardFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : '')
+                  className: 'flyin__content-card flyin__content-card--flight '.concat(
+                    selectedOutwardFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : ''
+                  )
                 },
                 React__default.createElement(
                   'div',
@@ -37684,7 +37696,9 @@ var FlightsFlyIn = function (_a) {
                 'div',
                 {
                   key: 'return-flight-option-'.concat(index),
-                  className: 'flyin__content-card '.concat(selectedReturnFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : '')
+                  className: 'flyin__content-card flyin__content-card--flight '.concat(
+                    selectedReturnFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : ''
+                  )
                 },
                 React__default.createElement(
                   'div',
@@ -46984,6 +46998,7 @@ var SearchResultsContainer = function () {
                 searchRequest = rq;
                 _b.label = 4;
               case 4:
+                searchRequest.agentId = context.agentId;
                 return [4 /*yield*/, build.search(config, searchRequest)];
               case 5:
                 packageSearchResults = _b.sent();
@@ -47050,6 +47065,7 @@ var SearchResultsContainer = function () {
                 }
                 searchRequest = rq;
                 searchRequest.portalId = context.portalId;
+                searchRequest.agentId = context.agentId;
                 return [4 /*yield*/, build.searchPackagingAccommodations(config, searchRequest)];
               case 2:
                 packageAccoSearchResults = _b.sent();
@@ -47162,7 +47178,8 @@ var SearchResultsContainer = function () {
                     duration: null,
                     preNights: null,
                     postNights: null
-                  }
+                  },
+                  agentId: context.agentId
                 };
                 if (!(entry && entryId)) return [3 /*break*/, 3];
                 requestRooms = getRequestRoomsFromEntry(entry.rooms);
@@ -47199,7 +47216,6 @@ var SearchResultsContainer = function () {
             params,
             rooms,
             tagId,
-            agentId,
             destinationAirport,
             destinationId,
             destinationIsCountry,
@@ -47241,7 +47257,6 @@ var SearchResultsContainer = function () {
                 params = new URLSearchParams(location.search);
                 rooms = getRoomsFromParams(params, 'rooms');
                 tagId = getNumberFromParams(params, 'tagId');
-                agentId = getNumberFromParams(params, 'agentId');
                 destinationAirport = getStringFromParams(params, 'destinationAirport');
                 destinationId = null;
                 destinationIsCountry = false;
@@ -47269,7 +47284,7 @@ var SearchResultsContainer = function () {
                 detailSearchRequest = {
                   officeId: 1,
                   portalId: context.portalId,
-                  agentId: agentId !== null && agentId !== void 0 ? agentId : null,
+                  agentId: context.agentId,
                   catalogueId: (_a = context.searchConfiguration.defaultCatalogueId) !== null && _a !== void 0 ? _a : 0,
                   searchConfigurationId: context.searchConfiguration.id,
                   vendorConfigurationId: selectedItem.vendorId,

package/build/build-esm/src/search-results/types.d.ts

@@ -4,6 +4,7 @@ export type FlightSelectionMode = 'paired' | 'independent';
 export interface SearchResultsConfiguration {
   searchConfiguration: WebsiteConfigurationSearchConfiguration;
   portalId?: number;
+  agentId?: number;
   tideConnection: {
     host: string;
     apiKey: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.90",
+  "version": "1.4.92",
   "description": "React Booking wizard & Booking product component for Tide",
   "main": "build/build-cjs/index.js",
   "types": "build/build-cjs/src/index.d.ts",
@@ -29,7 +29,7 @@
   "devDependencies": {
     "@jsonurl/jsonurl": "^1.1.4",
     "@popperjs/core": "^2.10.2",
-    "@qite/tide-client": "^1.1.151",
+    "@qite/tide-client": "^1.1.152",
     "@reduxjs/toolkit": "^2.8.2",
     "@rollup/plugin-commonjs": "^19.0.1",
     "@rollup/plugin-json": "^4.1.0",

package/src/search-results/components/flight/flight-search-context/index.tsx

@@ -111,6 +111,7 @@ const mapItems = (response: FlightSearchResponse) =>
   );
 
 const checkIfFinished = (state: SearchState) => {
+  console.log('Checking if finished with state:', state);
   if (state.lastSequenceId === null) return false;
 
   for (let i = 0; i <= state.lastSequenceId; i++) {

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

@@ -475,6 +475,7 @@ const SearchResultsContainer: React.FC = () => {
           searchRequest = rq;
         }
 
+        searchRequest.agentId = context.agentId;
         const packageSearchResults = await search(config, searchRequest);
 
         console.log('Search results', packageSearchResults);
@@ -534,6 +535,7 @@ const SearchResultsContainer: React.FC = () => {
 
         searchRequest = rq;
         searchRequest.portalId = context.portalId;
+        searchRequest.agentId = context.agentId;
 
         const packageAccoSearchResults = await searchPackagingAccommodations(config, searchRequest);
 
@@ -626,7 +628,8 @@ const SearchResultsContainer: React.FC = () => {
             duration: null,
             preNights: null,
             postNights: null
-          }
+          },
+          agentId: context.agentId
         };
 
         if (entry && entryId) {
@@ -674,7 +677,6 @@ const SearchResultsContainer: React.FC = () => {
         const params = new URLSearchParams(location.search);
         const rooms = getRoomsFromParams(params, 'rooms');
         let tagId = getNumberFromParams(params, 'tagId');
-        let agentId = getNumberFromParams(params, 'agentId');
 
         let destinationAirport = getStringFromParams(params, 'destinationAirport');
 
@@ -706,7 +708,7 @@ const SearchResultsContainer: React.FC = () => {
         const detailSearchRequest: PackagingAccommodationRequest = {
           officeId: 1,
           portalId: context.portalId,
-          agentId: agentId ?? null,
+          agentId: context.agentId,
           catalogueId: context!.searchConfiguration.defaultCatalogueId ?? 0,
           searchConfigurationId: context!.searchConfiguration.id,
           vendorConfigurationId: selectedItem.vendorId,

package/src/search-results/types.ts

@@ -6,6 +6,7 @@ export type FlightSelectionMode = 'paired' | 'independent';
 export interface SearchResultsConfiguration {
   searchConfiguration: WebsiteConfigurationSearchConfiguration;
   portalId?: number;
+  agentId?: number;
   // Tide connection
   tideConnection: {
     host: string;

package/src/shared/components/flyin/flights-flyin.tsx

@@ -200,7 +200,9 @@ const FlightsFlyIn: React.FC<FlightsFlyInProps> = ({ isOpen, setIsOpen }) => {
                 return (
                   <div
                     key={`outward-flight-option-${index}`}
-                    className={`flyin__content-card ${selectedOutwardFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : ''}`}>
+                    className={`flyin__content-card flyin__content-card--flight ${
+                      selectedOutwardFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : ''
+                    }`}>
                     <div className="flyin__content-card-top">
                       <span className="flyin__content-card-top-tag">{firstSegment.metaData.fareMarketingName}</span>
                       {diff !== null && diff != 0 && (
@@ -362,7 +364,9 @@ const FlightsFlyIn: React.FC<FlightsFlyInProps> = ({ isOpen, setIsOpen }) => {
                 return (
                   <div
                     key={`return-flight-option-${index}`}
-                    className={`flyin__content-card ${selectedReturnFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : ''}`}>
+                    className={`flyin__content-card flyin__content-card--flight ${
+                      selectedReturnFareCode === firstSegment.metaData.fareCode ? 'flyin__content-card--selected' : ''
+                    }`}>
                     <div className="flyin__content-card-top">
                       <span className="flyin__content-card-top-tag">{firstSegment.metaData.fareMarketingName}</span>
                       {diff !== null && diff != 0 && (

package/styles/components/_flyin.scss

@@ -281,160 +281,160 @@
 
     // Slicing with image and usps,
     // not available in the current API response.
-    // &-card {
-    //   // height: 522px;
-    //   width: 100%;
-    //   max-width: 315px;
-    //   min-width: 315px;
-
-    //   border-radius: 16px;
-    //   box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
-    //   display: flex;
-    //   flex-direction: column;
-    //   justify-content: space-between;
-    //   overflow: hidden;
-    //   background: var(--tide-booking-white);
-    //   transition: all 0.4s ease;
-    //   cursor: pointer;
-
-    //   @include mixins.media-sm {
-    //     max-width: 345px;
-    //     min-width: 345px;
-    //   }
-
-    //   &:hover {
-    //     .flyin__content-card-top {
-    //       background: var(--tide-booking-color-primary-fade);
-    //     }
-
-    //     .flyin__content-card-button {
-    //       // background: var(--tide-booking-color-primary);
-    //       color: var(--tide-booking-white);
-
-    //       .cta--select {
-    //         background: var(--tide-booking-cta-background-select-hover);
-    //       }
-    //     }
-    //   }
-
-    //   &--selected {
-    //     .flyin__content-card-top {
-    //       background: var(--tide-booking-color-primary-gradient);
-    //       border-bottom: none;
-    //     }
-
-    //     .flyin__content-card-top-price {
-    //       color: var(--tide-booking-white);
-    //     }
-
-    //     .flyin__content-card-top-tag {
-    //       color: var(--tide-booking-white);
-    //     }
-
-    //     .flyin__content-card-middle {
-    //       // border-left: 4px solid var(--tide-booking-color-primary);
-    //       // border-right: 4px solid var(--tide-booking-color-primary);
-    //     }
-
-    //     &:hover {
-    //       .flyin__content {
-    //         cursor: default;
-    //       }
-
-    //       .flyin__content-card-top {
-    //         background: var(--tide-booking-color-primary-gradient);
-    //       }
-    //     }
-    //   }
-
-    //   &-top {
-    //     min-height: 60px;
-    //     width: 100%;
-    //     background: var(--tide-booking-color-primary);
-    //     display: flex;
-    //     justify-content: space-between;
-    //     align-items: end;
-    //     padding: 0 15px 12px 15px;
-    //     background: var(--tide-booking-white);
-    //     transition: all 0.4s ease;
-
-    //     &-price {
-    //       font-size: 18px;
-    //       font-weight: 700;
-    //       color: var(--tide-booking-black);
-
-    //       &--decrease {
-    //         color: green;
-    //       }
-
-    //       &--increase {
-    //         color: red;
-    //       }
-    //     }
-
-    //     &-tag {
-    //       font-size: 24px;
-    //       color: var(--tide-booking-black);
-    //       /* color: variables.$white; */
-    //       font-weight: 700;
-    //     }
-    //   }
-
-    //   &-middle {
-    //     height: 430px;
-    //     background: var(--tide-booking-white);
-    //     transition: all 0.4s ease;
-
-    //     &-rows {
-    //       display: flex;
-    //       flex-direction: column;
-    //       gap: 10px;
-    //       padding: 15px 15px 0 15px;
-    //       max-height: 430px;
-    //     }
-
-    //     &-row {
-    //       display: flex;
-    //       justify-content: space-between;
-    //       align-items: center;
-    //       padding-bottom: 5px;
-    //       border-bottom: 1px dashed var(--tide-booking-color-primary-light);
-
-    //       &-left {
-    //         font-weight: 500;
-    //         color: var(--tide-booking-black);
-    //       }
-
-    //       &-right {
-    //         font-weight: 300;
-    //       }
-    //     }
-    //   }
-
-    //   &-bottom {
-    //     height: 30px;
-    //     background: var(--tide-booking-color-primary);
-    //     display: flex;
-    //     justify-content: center;
-    //     align-items: center;
-    //     color: var(--tide-booking-white);
-    //     font-size: 14px;
-    //     transition: all 0.4s ease;
-    //   }
-
-    //   &-button {
-    //     // border: 1.25px solid var(--tide-booking-color-primary);
-    //     border-radius: 3px;
-    //     display: flex;
-    //     justify-content: center;
-    //     align-items: center;
-    //     color: var(--tide-booking-color-primary);
-    //     padding: 15px;
-    //     cursor: pointer;
-    //     font-size: 14px;
-    //     transition: all 0.2s ease;
-    //   }
-    // }
+    &-card--flight {
+      // height: 522px;
+      width: 100%;
+      max-width: 315px;
+      min-width: 315px;
+
+      border-radius: 16px;
+      box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      overflow: hidden;
+      background: var(--tide-booking-white);
+      transition: all 0.4s ease;
+      cursor: pointer;
+
+      @include mixins.media-sm {
+        max-width: 345px;
+        min-width: 345px;
+      }
+
+      &:hover {
+        .flyin__content-card-top {
+          background: var(--tide-booking-color-primary-fade);
+        }
+
+        .flyin__content-card-button {
+          // background: var(--tide-booking-color-primary);
+          color: var(--tide-booking-white);
+
+          .cta--select {
+            background: var(--tide-booking-cta-background-select-hover);
+          }
+        }
+      }
+
+      &.flyin__content-card--selected {
+        .flyin__content-card-top {
+          background: var(--tide-booking-color-primary-gradient);
+          border-bottom: none;
+        }
+
+        .flyin__content-card-top-price {
+          color: var(--tide-booking-white);
+        }
+
+        .flyin__content-card-top-tag {
+          color: var(--tide-booking-white);
+        }
+
+        .flyin__content-card-middle {
+          // border-left: 4px solid var(--tide-booking-color-primary);
+          // border-right: 4px solid var(--tide-booking-color-primary);
+        }
+
+        &:hover {
+          .flyin__content {
+            cursor: default;
+          }
+
+          .flyin__content-card-top {
+            background: var(--tide-booking-color-primary-gradient);
+          }
+        }
+      }
+
+      .flyin__content-card-top {
+        min-height: 60px;
+        width: 100%;
+        background: var(--tide-booking-color-primary);
+        display: flex;
+        justify-content: space-between;
+        align-items: end;
+        padding: 0 15px 12px 15px;
+        background: var(--tide-booking-white);
+        transition: all 0.4s ease;
+
+        &-price {
+          font-size: 18px;
+          font-weight: 700;
+          color: var(--tide-booking-black);
+
+          &--decrease {
+            color: green;
+          }
+
+          &--increase {
+            color: red;
+          }
+        }
+
+        &-tag {
+          font-size: 24px;
+          color: var(--tide-booking-black);
+          /* color: variables.$white; */
+          font-weight: 700;
+        }
+      }
+
+      .flyin__content-card-middle {
+        height: 430px;
+        background: var(--tide-booking-white);
+        transition: all 0.4s ease;
+
+        &-rows {
+          display: flex;
+          flex-direction: column;
+          gap: 10px;
+          padding: 15px 15px 0 15px;
+          max-height: 430px;
+        }
+
+        &-row {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding-bottom: 5px;
+          border-bottom: 1px dashed var(--tide-booking-color-primary-light);
+
+          &-left {
+            font-weight: 500;
+            color: var(--tide-booking-black);
+          }
+
+          &-right {
+            font-weight: 300;
+          }
+        }
+      }
+
+      .flyin__content-card-bottom {
+        height: 30px;
+        background: var(--tide-booking-color-primary);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        color: var(--tide-booking-white);
+        font-size: 14px;
+        transition: all 0.4s ease;
+      }
+
+      .flyin__content-card-button {
+        // border: 1.25px solid var(--tide-booking-color-primary);
+        border-radius: 3px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        color: var(--tide-booking-color-primary);
+        padding: 15px;
+        cursor: pointer;
+        font-size: 14px;
+        transition: all 0.2s ease;
+      }
+    }
 
     &-data {
       display: flex;

package/styles/components/_tree.scss

@@ -384,11 +384,7 @@
       }
 
       &--parent {
-        top: 7.5px;
-
-        @include media-lg {
-          top: 14px;
-        }
+        top: 0;
 
         & + span {
           margin-top: 0px;