@qite/tide-booking-component 1.0.6 → 1.0.8

package/build/build-cjs/booking-wizard/features/booking/selectors.d.ts

@@ -26,6 +26,11 @@ export declare const selectPackageRooms: (
 ) =>
   | import("@qite/tide-client/build/types/offer").BookingPackageRoom[]
   | undefined;
+export declare const selectPackageTags: (
+  state: RootState
+) =>
+  | import("@qite/tide-client/build/types/offer/booking-v2/shared/booking-package-tag").BookingPackageTag[]
+  | undefined;
 export declare const selectIsOnRequest: (
   state: RootState
 ) => boolean | undefined;

package/build/build-cjs/index.js

@@ -220,6 +220,17 @@ var AvailabilitySearchType = {
   allotment: 1,
 };
 
+var EntryStatus;
+(function (EntryStatus) {
+  EntryStatus[(EntryStatus["new"] = -1)] = "new";
+  EntryStatus[(EntryStatus["offer"] = 0)] = "offer";
+  EntryStatus[(EntryStatus["option"] = 1)] = "option";
+  EntryStatus[(EntryStatus["booking"] = 2)] = "booking";
+  EntryStatus[(EntryStatus["cancellationByClient"] = 3)] =
+    "cancellationByClient";
+  EntryStatus[(EntryStatus["cancellationByYou"] = 4)] = "cancellationByYou";
+})(EntryStatus || (EntryStatus = {}));
+
 var Gender = {
   male: 0,
   female: 1,
@@ -473,6 +484,7 @@ var get$1 = function (url, apiKey, signal) {
               headers: {
                 "Api-Key": apiKey,
               },
+              credentials: "include",
               signal: signal,
             }),
           ];
@@ -7224,6 +7236,12 @@ var selectPackageRooms = function (state) {
     ? void 0
     : _b.rooms;
 };
+var selectPackageTags = function (state) {
+  var _a;
+  return (_a = state.booking.package) === null || _a === void 0
+    ? void 0
+    : _a.tags;
+};
 var selectIsOnRequest = function (state) {
   var _a, _b;
   return (_b =
@@ -10326,10 +10344,11 @@ var OptionBookingGroup = function (_a) {
 };
 
 var OptionsForm = function () {
-  var _a = React.useContext(SettingsContext),
-    basePath = _a.basePath,
-    travellers = _a.travellers,
-    loaderComponent = _a.loaderComponent;
+  var _a;
+  var _b = React.useContext(SettingsContext),
+    basePath = _b.basePath,
+    travellers = _b.travellers,
+    loaderComponent = _b.loaderComponent;
   var dispatch = useAppDispatch();
   var requestRooms = reactRedux.useSelector(selectRequestRooms);
   var requestRoomsPax =
@@ -10345,6 +10364,11 @@ var OptionsForm = function () {
   var groups = reactRedux.useSelector(selectPackageGroups);
   var optionUnits = reactRedux.useSelector(selectPackageOptionUnits);
   var optionPax = reactRedux.useSelector(selectPackageOptionPax);
+  var packageTags = reactRedux.useSelector(selectPackageTags);
+  var tagIds =
+    (_a = reactRedux.useSelector(selectTagIds)) !== null && _a !== void 0
+      ? _a
+      : [];
   if (!packageRooms) {
     router.navigate("".concat(basePath, "?").concat(bookingQueryString));
   }
@@ -10396,6 +10420,29 @@ var OptionsForm = function () {
     dispatch(setPackageRooms(updatedPackageRooms));
     dispatch(fetchPriceDetails$1());
   };
+  var handleOnTagChange = function (id, checked) {
+    var updatedTags = __spreadArray([], tagIds, true);
+    if (checked) {
+      if (
+        !(updatedTags === null || updatedTags === void 0
+          ? void 0
+          : updatedTags.includes(id))
+      ) {
+        updatedTags === null || updatedTags === void 0
+          ? void 0
+          : updatedTags.push(id);
+      }
+    } else {
+      updatedTags =
+        updatedTags === null || updatedTags === void 0
+          ? void 0
+          : updatedTags.filter(function (x) {
+              return x != id;
+            });
+    }
+    dispatch(setTagIds(updatedTags));
+    dispatch(fetchPriceDetails$1());
+  };
   var handleOnPaxChange = function (pax) {
     dispatch(setPackageOptionPax(pax));
     dispatch(fetchPriceDetails$1());
@@ -10481,6 +10528,57 @@ var OptionsForm = function () {
                             );
                           })
                       )
+                    ),
+                    React__default["default"].createElement(
+                      "div",
+                      { className: "booking-card__tag-translations" },
+                      packageTags &&
+                        packageTags.map(function (tag, index) {
+                          return React__default["default"].createElement(
+                            "label",
+                            {
+                              key: index,
+                              htmlFor: "tag-translation-"
+                                .concat(index, "-")
+                                .concat(tag.title),
+                              className: "checkbox__label tag-translation",
+                            },
+                            React__default["default"].createElement(
+                              "div",
+                              { className: "tag-translation-input__container" },
+                              React__default["default"].createElement("input", {
+                                type: "checkbox",
+                                id: "tag-translation-"
+                                  .concat(index, "-")
+                                  .concat(tag.title),
+                                name: "tag-translation-"
+                                  .concat(index, "-")
+                                  .concat(tag.title),
+                                className: "checkbox__input",
+                                checked:
+                                  tagIds === null || tagIds === void 0
+                                    ? void 0
+                                    : tagIds.includes(tag.id),
+                                onChange: function (e) {
+                                  return handleOnTagChange(
+                                    tag.id,
+                                    e.target.checked
+                                  );
+                                },
+                              })
+                            ),
+                            React__default["default"].createElement(
+                              "span",
+                              { className: "tag-translation__title" },
+                              tag.title
+                            ),
+                            React__default["default"].createElement(
+                              "span",
+                              { className: "tag-translation__description" },
+                              tag.description
+                            )
+                          );
+                        })
                     )
                   )
                 )
@@ -10590,15 +10688,6 @@ var OptionsForm = function () {
       React__default["default"].createElement(
         "div",
         { className: "booking__navigator" },
-        React__default["default"].createElement(
-          router.Link,
-          {
-            to: "".concat(basePath, "?").concat(bookingQueryString),
-            title: translations.STEPS.PREVIOUS,
-            className: "cta cta--secondary",
-          },
-          translations.STEPS.PREVIOUS
-        ),
         React__default["default"].createElement(
           "button",
           {
@@ -12368,10 +12457,13 @@ var Summary = function () {
                     React__default["default"].createElement(
                       React__default["default"].Fragment,
                       null,
-                      notifications
-                        .filter(function (x) {
-                          return !x.hasToBeConfirmed;
-                        })
+                      lodash
+                        .uniqBy(
+                          notifications.filter(function (x) {
+                            return !x.hasToBeConfirmed;
+                          }),
+                          "id"
+                        )
                         .map(function (notification) {
                           return React__default["default"].createElement(
                             "span",
@@ -12393,10 +12485,13 @@ var Summary = function () {
                             )
                           );
                         }),
-                      notifications
-                        .filter(function (x) {
-                          return x.hasToBeConfirmed;
-                        })
+                      lodash
+                        .uniqBy(
+                          notifications.filter(function (x) {
+                            return x.hasToBeConfirmed;
+                          }),
+                          "id"
+                        )
                         .map(function (notification) {
                           return React__default["default"].createElement(
                             "div",
@@ -12547,7 +12642,7 @@ var Summary = function () {
             {
               to: ""
                 .concat(settings.basePath)
-                .concat(settings.options.pathSuffix, "?")
+                .concat(settings.travellers.pathSuffix, "?")
                 .concat(bookingQueryString),
               title: translations.STEPS.PREVIOUS,
               className: "cta cta--secondary",
@@ -13009,7 +13104,9 @@ var TravelersForm = function () {
         function (values) {
           values.adults = adultIds.map(function (id) {
             var _a;
-            return (_a = values.adults[id]) !== null && _a !== void 0
+            return (_a = values.adults.find(function (x) {
+              return x.id == id;
+            })) !== null && _a !== void 0
               ? _a
               : createTraveler(id);
           });
@@ -13035,7 +13132,9 @@ var TravelersForm = function () {
         function (values) {
           values.children = childIds.map(function (id) {
             var _a;
-            return (_a = values.children[id]) !== null && _a !== void 0
+            return (_a = values.children.find(function (x) {
+              return x.id == id;
+            })) !== null && _a !== void 0
               ? _a
               : createTraveler(id);
           });
@@ -13731,6 +13830,15 @@ var TravelersForm = function () {
     React__default["default"].createElement(
       "div",
       { className: "booking__navigator" },
+      React__default["default"].createElement(
+        router.Link,
+        {
+          to: "".concat(settings.basePath, "?").concat(bookingQueryString),
+          title: translations.STEPS.PREVIOUS,
+          className: "cta cta--secondary",
+        },
+        translations.STEPS.PREVIOUS
+      ),
       React__default["default"].createElement(
         "button",
         { type: "submit", title: translations.STEPS.NEXT, className: "cta" },
@@ -13803,6 +13911,9 @@ var Booking = function (_a) {
         (_a = params.get("bookingNr")) !== null && _a !== void 0
           ? _a
           : undefined;
+      if (typeof window !== "undefined") {
+        window.scrollTo(0, 0);
+      }
       if (!lodash.isNil(bookingNumber)) {
         dispatch(setBookingNumber(bookingNumber));
         router.navigate(

package/build/build-esm/booking-wizard/features/booking/selectors.d.ts

@@ -26,6 +26,11 @@ export declare const selectPackageRooms: (
 ) =>
   | import("@qite/tide-client/build/types/offer").BookingPackageRoom[]
   | undefined;
+export declare const selectPackageTags: (
+  state: RootState
+) =>
+  | import("@qite/tide-client/build/types/offer/booking-v2/shared/booking-package-tag").BookingPackageTag[]
+  | undefined;
 export declare const selectIsOnRequest: (
   state: RootState
 ) => boolean | undefined;

package/build/build-esm/index.js

@@ -33,7 +33,7 @@ import {
   differenceInCalendarDays,
   parse,
 } from "date-fns";
-import { navigate, Link, useLocation, Router } from "@reach/router";
+import { navigate, useLocation, Link, Router } from "@reach/router";
 import flat from "flat";
 import produce from "immer";
 import { useFormik } from "formik";
@@ -235,6 +235,17 @@ var AvailabilitySearchType = {
   allotment: 1,
 };
 
+var EntryStatus;
+(function (EntryStatus) {
+  EntryStatus[(EntryStatus["new"] = -1)] = "new";
+  EntryStatus[(EntryStatus["offer"] = 0)] = "offer";
+  EntryStatus[(EntryStatus["option"] = 1)] = "option";
+  EntryStatus[(EntryStatus["booking"] = 2)] = "booking";
+  EntryStatus[(EntryStatus["cancellationByClient"] = 3)] =
+    "cancellationByClient";
+  EntryStatus[(EntryStatus["cancellationByYou"] = 4)] = "cancellationByYou";
+})(EntryStatus || (EntryStatus = {}));
+
 var Gender = {
   male: 0,
   female: 1,
@@ -488,6 +499,7 @@ var get$1 = function (url, apiKey, signal) {
               headers: {
                 "Api-Key": apiKey,
               },
+              credentials: "include",
               signal: signal,
             }),
           ];
@@ -7227,6 +7239,12 @@ var selectPackageRooms = function (state) {
     ? void 0
     : _b.rooms;
 };
+var selectPackageTags = function (state) {
+  var _a;
+  return (_a = state.booking.package) === null || _a === void 0
+    ? void 0
+    : _a.tags;
+};
 var selectIsOnRequest = function (state) {
   var _a, _b;
   return (_b =
@@ -10266,10 +10284,11 @@ var OptionBookingGroup = function (_a) {
 };
 
 var OptionsForm = function () {
-  var _a = useContext(SettingsContext),
-    basePath = _a.basePath,
-    travellers = _a.travellers,
-    loaderComponent = _a.loaderComponent;
+  var _a;
+  var _b = useContext(SettingsContext),
+    basePath = _b.basePath,
+    travellers = _b.travellers,
+    loaderComponent = _b.loaderComponent;
   var dispatch = useAppDispatch();
   var requestRooms = useSelector(selectRequestRooms);
   var requestRoomsPax =
@@ -10285,6 +10304,9 @@ var OptionsForm = function () {
   var groups = useSelector(selectPackageGroups);
   var optionUnits = useSelector(selectPackageOptionUnits);
   var optionPax = useSelector(selectPackageOptionPax);
+  var packageTags = useSelector(selectPackageTags);
+  var tagIds =
+    (_a = useSelector(selectTagIds)) !== null && _a !== void 0 ? _a : [];
   if (!packageRooms) {
     navigate("".concat(basePath, "?").concat(bookingQueryString));
   }
@@ -10336,6 +10358,29 @@ var OptionsForm = function () {
     dispatch(setPackageRooms(updatedPackageRooms));
     dispatch(fetchPriceDetails$1());
   };
+  var handleOnTagChange = function (id, checked) {
+    var updatedTags = __spreadArray([], tagIds, true);
+    if (checked) {
+      if (
+        !(updatedTags === null || updatedTags === void 0
+          ? void 0
+          : updatedTags.includes(id))
+      ) {
+        updatedTags === null || updatedTags === void 0
+          ? void 0
+          : updatedTags.push(id);
+      }
+    } else {
+      updatedTags =
+        updatedTags === null || updatedTags === void 0
+          ? void 0
+          : updatedTags.filter(function (x) {
+              return x != id;
+            });
+    }
+    dispatch(setTagIds(updatedTags));
+    dispatch(fetchPriceDetails$1());
+  };
   var handleOnPaxChange = function (pax) {
     dispatch(setPackageOptionPax(pax));
     dispatch(fetchPriceDetails$1());
@@ -10418,6 +10463,57 @@ var OptionsForm = function () {
                             });
                           })
                       )
+                    ),
+                    React.createElement(
+                      "div",
+                      { className: "booking-card__tag-translations" },
+                      packageTags &&
+                        packageTags.map(function (tag, index) {
+                          return React.createElement(
+                            "label",
+                            {
+                              key: index,
+                              htmlFor: "tag-translation-"
+                                .concat(index, "-")
+                                .concat(tag.title),
+                              className: "checkbox__label tag-translation",
+                            },
+                            React.createElement(
+                              "div",
+                              { className: "tag-translation-input__container" },
+                              React.createElement("input", {
+                                type: "checkbox",
+                                id: "tag-translation-"
+                                  .concat(index, "-")
+                                  .concat(tag.title),
+                                name: "tag-translation-"
+                                  .concat(index, "-")
+                                  .concat(tag.title),
+                                className: "checkbox__input",
+                                checked:
+                                  tagIds === null || tagIds === void 0
+                                    ? void 0
+                                    : tagIds.includes(tag.id),
+                                onChange: function (e) {
+                                  return handleOnTagChange(
+                                    tag.id,
+                                    e.target.checked
+                                  );
+                                },
+                              })
+                            ),
+                            React.createElement(
+                              "span",
+                              { className: "tag-translation__title" },
+                              tag.title
+                            ),
+                            React.createElement(
+                              "span",
+                              { className: "tag-translation__description" },
+                              tag.description
+                            )
+                          );
+                        })
                     )
                   )
                 )
@@ -10524,15 +10620,6 @@ var OptionsForm = function () {
       React.createElement(
         "div",
         { className: "booking__navigator" },
-        React.createElement(
-          Link,
-          {
-            to: "".concat(basePath, "?").concat(bookingQueryString),
-            title: translations.STEPS.PREVIOUS,
-            className: "cta cta--secondary",
-          },
-          translations.STEPS.PREVIOUS
-        ),
         React.createElement(
           "button",
           {
@@ -12245,73 +12332,73 @@ var Summary = function () {
                     React.createElement(
                       React.Fragment,
                       null,
-                      notifications
-                        .filter(function (x) {
+                      uniqBy(
+                        notifications.filter(function (x) {
                           return !x.hasToBeConfirmed;
-                        })
-                        .map(function (notification) {
-                          return React.createElement(
-                            "span",
-                            {
-                              key: notification.id,
-                              className: "checkbox__label-text",
-                            },
-                            React.createElement(
-                              "strong",
-                              { className: "checkbox__label-text--title" },
-                              notification.title
-                            ),
-                            React.createElement(
-                              "span",
-                              {
-                                className: "checkbox__label-text--description",
-                              },
-                              notification.description
-                            )
-                          );
                         }),
-                      notifications
-                        .filter(function (x) {
+                        "id"
+                      ).map(function (notification) {
+                        return React.createElement(
+                          "span",
+                          {
+                            key: notification.id,
+                            className: "checkbox__label-text",
+                          },
+                          React.createElement(
+                            "strong",
+                            { className: "checkbox__label-text--title" },
+                            notification.title
+                          ),
+                          React.createElement(
+                            "span",
+                            { className: "checkbox__label-text--description" },
+                            notification.description
+                          )
+                        );
+                      }),
+                      uniqBy(
+                        notifications.filter(function (x) {
                           return x.hasToBeConfirmed;
-                        })
-                        .map(function (notification) {
-                          return React.createElement(
-                            "div",
-                            { className: "checkbox", key: notification.id },
+                        }),
+                        "id"
+                      ).map(function (notification) {
+                        return React.createElement(
+                          "div",
+                          { className: "checkbox", key: notification.id },
+                          React.createElement(
+                            "label",
+                            { className: "checkbox__label" },
+                            React.createElement("input", {
+                              type: "checkbox",
+                              className: "checkbox__input",
+                              checked: notification.isConfirmed,
+                              onChange: function (e) {
+                                return handleNotificationChange(
+                                  notification.id,
+                                  e.target.checked
+                                );
+                              },
+                            }),
                             React.createElement(
-                              "label",
-                              { className: "checkbox__label" },
-                              React.createElement("input", {
-                                type: "checkbox",
-                                className: "checkbox__input",
-                                checked: notification.isConfirmed,
-                                onChange: function (e) {
-                                  return handleNotificationChange(
-                                    notification.id,
-                                    e.target.checked
-                                  );
-                                },
-                              }),
+                              "span",
+                              { className: "checkbox__label-text" },
+                              React.createElement(
+                                "strong",
+                                { className: "checkbox__label-text--title" },
+                                notification.title
+                              ),
                               React.createElement(
                                 "span",
-                                { className: "checkbox__label-text" },
-                                React.createElement(
-                                  "strong",
-                                  { className: "checkbox__label-text--title" },
-                                  notification.title
-                                ),
-                                React.createElement(
-                                  "span",
-                                  {
-                                    className:
-                                      "checkbox__label-text--description",
-                                  },
-                                  notification.description
-                                )
+                                {
+                                  className:
+                                    "checkbox__label-text--description",
+                                },
+                                notification.description
                               )
                             )
-                          );
-                        })
+                          )
+                        );
+                      })
                     )
                   )
                 )
@@ -12424,7 +12511,7 @@ var Summary = function () {
             {
               to: ""
                 .concat(settings.basePath)
-                .concat(settings.options.pathSuffix, "?")
+                .concat(settings.travellers.pathSuffix, "?")
                 .concat(bookingQueryString),
               title: translations.STEPS.PREVIOUS,
               className: "cta cta--secondary",
@@ -12881,7 +12968,9 @@ var TravelersForm = function () {
       var formValues = produce(formik.values, function (values) {
         values.adults = adultIds.map(function (id) {
           var _a;
-          return (_a = values.adults[id]) !== null && _a !== void 0
+          return (_a = values.adults.find(function (x) {
+            return x.id == id;
+          })) !== null && _a !== void 0
             ? _a
             : createTraveler(id);
         });
@@ -12904,7 +12993,9 @@ var TravelersForm = function () {
       var formValues = produce(formik.values, function (values) {
         values.children = childIds.map(function (id) {
           var _a;
-          return (_a = values.children[id]) !== null && _a !== void 0
+          return (_a = values.children.find(function (x) {
+            return x.id == id;
+          })) !== null && _a !== void 0
             ? _a
             : createTraveler(id);
         });
@@ -13584,6 +13675,15 @@ var TravelersForm = function () {
     React.createElement(
       "div",
       { className: "booking__navigator" },
+      React.createElement(
+        Link,
+        {
+          to: "".concat(settings.basePath, "?").concat(bookingQueryString),
+          title: translations.STEPS.PREVIOUS,
+          className: "cta cta--secondary",
+        },
+        translations.STEPS.PREVIOUS
+      ),
       React.createElement(
         "button",
         { type: "submit", title: translations.STEPS.NEXT, className: "cta" },
@@ -13656,6 +13756,9 @@ var Booking = function (_a) {
         (_a = params.get("bookingNr")) !== null && _a !== void 0
           ? _a
           : undefined;
+      if (typeof window !== "undefined") {
+        window.scrollTo(0, 0);
+      }
       if (!isNil(bookingNumber)) {
         dispatch(setBookingNumber(bookingNumber));
         navigate(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "React BookingWizard component for Tide",
   "main": "build/build-cjs/index.js",
   "module": "build/build-esm/index.js",
@@ -66,6 +66,6 @@
     "uuid": "^8.3.2"
   },
   "dependencies": {
-    "@qite/tide-client": "1.1.12"
+    "@qite/tide-client": "1.1.15"
   }
 }

package/src/booking-wizard/features/booking/booking.tsx

@@ -102,6 +102,10 @@ const Booking: React.FC<BookingProps> = ({
     const tourCode = getStringFromParams(params, "tourCode");
     const bookingNumber = params.get("bookingNr") ?? undefined;
 
+    if (typeof window !== "undefined") {
+      window.scrollTo(0, 0);
+    }
+
     if (!isNil(bookingNumber)) {
       dispatch(setBookingNumber(bookingNumber));
       navigate(

package/src/booking-wizard/features/booking/selectors.ts

@@ -35,6 +35,9 @@ export const selectReturnFlight = (state: RootState) =>
 export const selectPackageRooms = (state: RootState) =>
   state.booking.package?.options.find((x) => x.isSelected)?.rooms;
 
+export const selectPackageTags = (state: RootState) =>
+  state.booking.package?.tags;
+
 export const selectIsOnRequest = (state: RootState) =>
   state.booking.package?.options.find((x) => x.isSelected)?.isOnRequest;
 

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

@@ -2,12 +2,13 @@ import React, { useContext, useEffect } from "react";
 
 import SettingsContext from "../../settings-context";
 import { isEmpty } from "lodash";
-import { navigate, Link } from "@reach/router";
+import { navigate } from "@reach/router";
 import {
   setPackageGroups,
   setPackageOptionPax,
   setPackageOptionUnits,
   setPackageRooms,
+  setTagIds,
 } from "../booking/booking-slice";
 import {
   selectBookingPackagePax,
@@ -17,7 +18,9 @@ import {
   selectPackageOptionPax,
   selectPackageOptionUnits,
   selectPackageRooms,
+  selectPackageTags,
   selectRequestRooms,
+  selectTagIds,
 } from "../booking/selectors";
 import translations from "../../translations/translations.json";
 import { useSelector } from "react-redux";
@@ -53,6 +56,9 @@ const OptionsForm: React.FC<OptionsFormProps> = () => {
   const optionUnits = useSelector(selectPackageOptionUnits);
   const optionPax = useSelector(selectPackageOptionPax);
 
+  const packageTags = useSelector(selectPackageTags);
+  let tagIds = useSelector(selectTagIds) ?? [];
+
   if (!packageRooms) {
     navigate(`${basePath}?${bookingQueryString}`);
   }
@@ -97,6 +103,20 @@ const OptionsForm: React.FC<OptionsFormProps> = () => {
     dispatch(fetchPriceDetails());
   };
 
+  const handleOnTagChange = (id: number, checked: boolean) => {
+    let updatedTags = [...tagIds];
+    if (checked) {
+      if (!updatedTags?.includes(id)) {
+        updatedTags?.push(id);
+      }
+    } else {
+      updatedTags = updatedTags?.filter((x) => x != id);
+    }
+
+    dispatch(setTagIds(updatedTags));
+    dispatch(fetchPriceDetails());
+  };
+
   const handleOnPaxChange = (pax: BookingOptionPax[]) => {
     dispatch(setPackageOptionPax(pax));
     dispatch(fetchPriceDetails());
@@ -163,6 +183,35 @@ const OptionsForm: React.FC<OptionsFormProps> = () => {
                             ))}
                         </tbody>
                       </table>
+                      <div className="booking-card__tag-translations">
+                        {packageTags &&
+                          packageTags.map((tag, index) => (
+                            <label
+                              key={index}
+                              htmlFor={`tag-translation-${index}-${tag.title}`}
+                              className="checkbox__label tag-translation"
+                            >
+                              <div className="tag-translation-input__container">
+                                <input
+                                  type="checkbox"
+                                  id={`tag-translation-${index}-${tag.title}`}
+                                  name={`tag-translation-${index}-${tag.title}`}
+                                  className="checkbox__input"
+                                  checked={tagIds?.includes(tag.id)}
+                                  onChange={(e) =>
+                                    handleOnTagChange(tag.id, e.target.checked)
+                                  }
+                                />
+                              </div>
+                              <span className="tag-translation__title">
+                                {tag.title}
+                              </span>
+                              <span className="tag-translation__description">
+                                {tag.description}
+                              </span>
+                            </label>
+                          ))}
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -238,13 +287,6 @@ const OptionsForm: React.FC<OptionsFormProps> = () => {
           </div>
         )}
         <div className="booking__navigator">
-          <Link
-            to={`${basePath}?${bookingQueryString}`}
-            title={translations.STEPS.PREVIOUS}
-            className="cta cta--secondary"
-          >
-            {translations.STEPS.PREVIOUS}
-          </Link>
           <button
             type="submit"
             title={translations.STEPS.NEXT}

package/src/booking-wizard/features/summary/summary.tsx

@@ -16,7 +16,7 @@ import Icon from "../../components/icon";
 import React, { useEffect } from "react";
 import SettingsContext from "../../settings-context";
 import { buildClassName } from "../../utils/class-util";
-import { compact, findIndex, isEmpty, isNil } from "lodash";
+import { compact, findIndex, isEmpty, isNil, uniqBy } from "lodash";
 import { Link, navigate } from "@reach/router";
 import translations from "../../translations/translations.json";
 import { useContext } from "react";
@@ -458,48 +458,50 @@ const Summary: React.FC<SummaryProps> = () => {
                     <div className="info-message__copy">
                       <h5>{translations.SUMMARY.NOTIFICATIONS_TITLE}</h5>
                       <>
-                        {notifications
-                          .filter((x) => !x.hasToBeConfirmed)
-                          .map((notification) => (
-                            <span
-                              key={notification.id}
-                              className="checkbox__label-text"
-                            >
-                              <strong className="checkbox__label-text--title">
-                                {notification.title}
-                              </strong>
-                              <span className="checkbox__label-text--description">
-                                {notification.description}
-                              </span>
+                        {uniqBy(
+                          notifications.filter((x) => !x.hasToBeConfirmed),
+                          "id"
+                        ).map((notification) => (
+                          <span
+                            key={notification.id}
+                            className="checkbox__label-text"
+                          >
+                            <strong className="checkbox__label-text--title">
+                              {notification.title}
+                            </strong>
+                            <span className="checkbox__label-text--description">
+                              {notification.description}
                             </span>
-                          ))}
-                        {notifications
-                          .filter((x) => x.hasToBeConfirmed)
-                          .map((notification) => (
-                            <div className="checkbox" key={notification.id}>
-                              <label className="checkbox__label">
-                                <input
-                                  type="checkbox"
-                                  className="checkbox__input"
-                                  checked={notification.isConfirmed}
-                                  onChange={(e) =>
-                                    handleNotificationChange(
-                                      notification.id,
-                                      e.target.checked
-                                    )
-                                  }
-                                />
-                                <span className="checkbox__label-text">
-                                  <strong className="checkbox__label-text--title">
-                                    {notification.title}
-                                  </strong>
-                                  <span className="checkbox__label-text--description">
-                                    {notification.description}
-                                  </span>
+                          </span>
+                        ))}
+                        {uniqBy(
+                          notifications.filter((x) => x.hasToBeConfirmed),
+                          "id"
+                        ).map((notification) => (
+                          <div className="checkbox" key={notification.id}>
+                            <label className="checkbox__label">
+                              <input
+                                type="checkbox"
+                                className="checkbox__input"
+                                checked={notification.isConfirmed}
+                                onChange={(e) =>
+                                  handleNotificationChange(
+                                    notification.id,
+                                    e.target.checked
+                                  )
+                                }
+                              />
+                              <span className="checkbox__label-text">
+                                <strong className="checkbox__label-text--title">
+                                  {notification.title}
+                                </strong>
+                                <span className="checkbox__label-text--description">
+                                  {notification.description}
                                 </span>
-                              </label>
-                            </div>
-                          ))}
+                              </span>
+                            </label>
+                          </div>
+                        ))}
                       </>
                     </div>
                   </div>
@@ -569,7 +571,7 @@ const Summary: React.FC<SummaryProps> = () => {
 
           <div className="booking__navigator">
             <Link
-              to={`${settings.basePath}${settings.options.pathSuffix}?${bookingQueryString}`}
+              to={`${settings.basePath}${settings.travellers.pathSuffix}?${bookingQueryString}`}
               title={translations.STEPS.PREVIOUS}
               className="cta cta--secondary"
             >

package/src/booking-wizard/features/travelers-form/travelers-form.tsx

@@ -15,7 +15,7 @@ import { TravelersFormValues } from "../../types";
 import { buildClassName } from "../../utils/class-util";
 import { fetchPriceDetails } from "../price-details/price-details-slice";
 import flat from "flat";
-import { navigate } from "@reach/router";
+import { Link, navigate } from "@reach/router";
 import produce from "immer";
 import {
   selectAgentAdressId,
@@ -119,7 +119,7 @@ const TravelersForm: React.FC<TravelersFormProps> = () => {
   useEffect(() => {
     const formValues = produce(formik.values, (values) => {
       values.adults = adultIds.map(
-        (id) => values.adults[id] ?? createTraveler(id)
+        (id) => values.adults.find((x) => x.id == id) ?? createTraveler(id)
       );
 
       if (
@@ -139,7 +139,7 @@ const TravelersForm: React.FC<TravelersFormProps> = () => {
   useEffect(() => {
     const formValues = produce(formik.values, (values) => {
       values.children = childIds.map(
-        (id) => values.children[id] ?? createTraveler(id)
+        (id) => values.children.find((x) => x.id == id) ?? createTraveler(id)
       );
     });
     formik.setValues(formValues, false);
@@ -687,6 +687,13 @@ const TravelersForm: React.FC<TravelersFormProps> = () => {
         </div>
       )}
       <div className="booking__navigator">
+        <Link
+          to={`${settings.basePath}?${bookingQueryString}`}
+          title={translations.STEPS.PREVIOUS}
+          className="cta cta--secondary"
+        >
+          {translations.STEPS.PREVIOUS}
+        </Link>
         <button type="submit" title={translations.STEPS.NEXT} className="cta">
           {translations.STEPS.NEXT}
         </button>