@qite/tide-booking-component 1.0.9 → 1.0.10

package/build/build-cjs/index.js

@@ -10350,6 +10350,7 @@ var OptionsForm = function () {
     travellers = _b.travellers,
     loaderComponent = _b.loaderComponent;
   var dispatch = useAppDispatch();
+  var packageDetails = reactRedux.useSelector(selectPackageDetails);
   var requestRooms = reactRedux.useSelector(selectRequestRooms);
   var requestRoomsPax =
     requestRooms === null || requestRooms === void 0
@@ -10464,6 +10465,60 @@ var OptionsForm = function () {
     }
   };
   React.useEffect(function () {
+    var _a, _b;
+    if (packageDetails) {
+      var params = new URLSearchParams(location.search);
+      var outwardFlight_1 =
+        (_a = params.get("outwardflight")) !== null && _a !== void 0
+          ? _a
+          : undefined;
+      var returnFlight_1 =
+        (_b = params.get("returnflight")) !== null && _b !== void 0
+          ? _b
+          : undefined;
+      if (outwardFlight_1 && returnFlight_1) {
+        var desiredOutwardFlight_1 = packageDetails.outwardFlights.find(
+          function (x) {
+            return x.entryLineGuid == outwardFlight_1;
+          }
+        );
+        var desiredReturnFlight_1 = packageDetails.returnFlights.find(function (
+          x
+        ) {
+          return x.entryLineGuid == returnFlight_1;
+        });
+        if (desiredOutwardFlight_1 && desiredReturnFlight_1) {
+          dispatch(
+            setPackage(
+              __assign(__assign({}, packageDetails), {
+                outwardFlights: packageDetails.outwardFlights.map(function (
+                  flight
+                ) {
+                  return __assign(__assign({}, flight), {
+                    isSelected:
+                      flight.entryLineGuid ==
+                      desiredOutwardFlight_1.entryLineGuid
+                        ? true
+                        : false,
+                  });
+                }),
+                returnFlights: packageDetails.returnFlights.map(function (
+                  flight
+                ) {
+                  return __assign(__assign({}, flight), {
+                    isSelected:
+                      flight.entryLineGuid ==
+                      desiredReturnFlight_1.entryLineGuid
+                        ? true
+                        : false,
+                  });
+                }),
+              })
+            )
+          );
+        }
+      }
+    }
     dispatch(fetchPriceDetails$1());
   }, []);
   return React__default["default"].createElement(

package/build/build-esm/index.js

@@ -10290,6 +10290,7 @@ var OptionsForm = function () {
     travellers = _b.travellers,
     loaderComponent = _b.loaderComponent;
   var dispatch = useAppDispatch();
+  var packageDetails = useSelector(selectPackageDetails);
   var requestRooms = useSelector(selectRequestRooms);
   var requestRoomsPax =
     requestRooms === null || requestRooms === void 0
@@ -10402,6 +10403,60 @@ var OptionsForm = function () {
     }
   };
   useEffect(function () {
+    var _a, _b;
+    if (packageDetails) {
+      var params = new URLSearchParams(location.search);
+      var outwardFlight_1 =
+        (_a = params.get("outwardflight")) !== null && _a !== void 0
+          ? _a
+          : undefined;
+      var returnFlight_1 =
+        (_b = params.get("returnflight")) !== null && _b !== void 0
+          ? _b
+          : undefined;
+      if (outwardFlight_1 && returnFlight_1) {
+        var desiredOutwardFlight_1 = packageDetails.outwardFlights.find(
+          function (x) {
+            return x.entryLineGuid == outwardFlight_1;
+          }
+        );
+        var desiredReturnFlight_1 = packageDetails.returnFlights.find(function (
+          x
+        ) {
+          return x.entryLineGuid == returnFlight_1;
+        });
+        if (desiredOutwardFlight_1 && desiredReturnFlight_1) {
+          dispatch(
+            setPackage(
+              __assign(__assign({}, packageDetails), {
+                outwardFlights: packageDetails.outwardFlights.map(function (
+                  flight
+                ) {
+                  return __assign(__assign({}, flight), {
+                    isSelected:
+                      flight.entryLineGuid ==
+                      desiredOutwardFlight_1.entryLineGuid
+                        ? true
+                        : false,
+                  });
+                }),
+                returnFlights: packageDetails.returnFlights.map(function (
+                  flight
+                ) {
+                  return __assign(__assign({}, flight), {
+                    isSelected:
+                      flight.entryLineGuid ==
+                      desiredReturnFlight_1.entryLineGuid
+                        ? true
+                        : false,
+                  });
+                }),
+              })
+            )
+          );
+        }
+      }
+    }
     dispatch(fetchPriceDetails$1());
   }, []);
   return React.createElement(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "React BookingWizard component for Tide",
   "main": "build/build-cjs/index.js",
   "module": "build/build-esm/index.js",

package/src/booking-wizard/features/product-options/options-form.tsx

@@ -4,6 +4,7 @@ import SettingsContext from "../../settings-context";
 import { isEmpty } from "lodash";
 import { navigate } from "@reach/router";
 import {
+  setPackage,
   setPackageGroups,
   setPackageOptionPax,
   setPackageOptionUnits,
@@ -14,6 +15,7 @@ import {
   selectBookingPackagePax,
   selectBookingQueryString,
   selectIsFetchingProductOptions,
+  selectPackageDetails,
   selectPackageGroups,
   selectPackageOptionPax,
   selectPackageOptionUnits,
@@ -34,6 +36,7 @@ import {
   BookingOptionGroup,
   BookingOptionPax,
   BookingOptionUnit,
+  BookingPackageFlight,
   PerBookingPackageOption,
 } from "@qite/tide-client/build/types";
 import OptionUnitsCard from "./option-units-card";
@@ -45,6 +48,7 @@ const OptionsForm: React.FC<OptionsFormProps> = () => {
   const { basePath, travellers, loaderComponent } = useContext(SettingsContext);
 
   const dispatch = useAppDispatch();
+  const packageDetails = useSelector(selectPackageDetails);
   const requestRooms = useSelector(selectRequestRooms);
   const requestRoomsPax = requestRooms?.flatMap((x) => x.pax);
   const pax = useSelector(selectBookingPackagePax);
@@ -141,6 +145,45 @@ const OptionsForm: React.FC<OptionsFormProps> = () => {
   };
 
   useEffect(() => {
+    if (packageDetails) {
+      const params = new URLSearchParams(location.search);
+
+      const outwardFlight = params.get("outwardflight") ?? undefined;
+      const returnFlight = params.get("returnflight") ?? undefined;
+      if (outwardFlight && returnFlight) {
+        const desiredOutwardFlight = packageDetails.outwardFlights.find(
+          (x) => x.entryLineGuid == outwardFlight
+        );
+        const desiredReturnFlight = packageDetails.returnFlights.find(
+          (x) => x.entryLineGuid == returnFlight
+        );
+        if (desiredOutwardFlight && desiredReturnFlight) {
+          dispatch(
+            setPackage({
+              ...packageDetails,
+              outwardFlights: packageDetails.outwardFlights.map((flight) => {
+                return {
+                  ...flight,
+                  isSelected:
+                    flight.entryLineGuid == desiredOutwardFlight.entryLineGuid
+                      ? true
+                      : false,
+                } as BookingPackageFlight;
+              }),
+              returnFlights: packageDetails.returnFlights.map((flight) => {
+                return {
+                  ...flight,
+                  isSelected:
+                    flight.entryLineGuid == desiredReturnFlight.entryLineGuid
+                      ? true
+                      : false,
+                } as BookingPackageFlight;
+              }),
+            })
+          );
+        }
+      }
+    }
     dispatch(fetchPriceDetails());
   }, []);