@qite/tide-booking-component 1.4.92 → 1.4.94

package/build/build-esm/index.js

@@ -404,7 +404,8 @@ var SIDEBAR$f = {
   FLIGHT_DEPARTURE: 'المغادرة',
   FLIGHT_ARRIVAL: 'الوصول',
   ON_REQUEST: 'حسب الطلب',
-  CHANGES: 'التحويلات'
+  CHANGES: 'التحويلات',
+  COMMISSION: 'العمولة'
 };
 var TRAVELERS_FORM$f = {
   AGE: 'العمر',
@@ -807,7 +808,8 @@ var SIDEBAR$e = {
   FLIGHT_DEPARTURE: 'Afrejse',
   FLIGHT_ARRIVAL: 'Ankomst',
   ON_REQUEST: 'På forespørgsel',
-  CHANGES: 'overførsler'
+  CHANGES: 'overførsler',
+  COMMISSION: 'Provision'
 };
 var TRAVELERS_FORM$e = {
   AGE: 'Alder',
@@ -1210,7 +1212,8 @@ var SIDEBAR$d = {
   FLIGHT_DEPARTURE: 'Abflug',
   FLIGHT_ARRIVAL: 'Ankunft',
   ON_REQUEST: 'Auf Anfrage',
-  CHANGES: 'Transfers'
+  CHANGES: 'Transfers',
+  COMMISSION: 'Provision'
 };
 var TRAVELERS_FORM$d = {
   AGE: 'Alter',
@@ -1615,7 +1618,8 @@ var SIDEBAR$c = {
   FLIGHT_ARRIVAL: 'Arrival',
   ON_REQUEST: 'On request',
   CHANGES: 'transfers',
-  PACKAGE_NOT_AVAILABLE: 'Package not available'
+  PACKAGE_NOT_AVAILABLE: 'Package not available',
+  COMMISSION: 'Commission'
 };
 var TRAVELERS_FORM$c = {
   AGE: 'Age',
@@ -2021,7 +2025,8 @@ var SIDEBAR$b = {
   FLIGHT_DEPARTURE: 'Salida',
   FLIGHT_ARRIVAL: 'Llegada',
   ON_REQUEST: 'A petición',
-  CHANGES: 'traslados'
+  CHANGES: 'traslados',
+  COMMISSION: 'comisión'
 };
 var TRAVELERS_FORM$b = {
   AGE: 'Edad',
@@ -2426,7 +2431,8 @@ var SIDEBAR$a = {
   FLIGHT_ARRIVAL: 'Arrivée',
   ON_REQUEST: 'Sur demande',
   CHANGES: 'correspondances',
-  PACKAGE_NOT_AVAILABLE: 'Forfait non disponible'
+  PACKAGE_NOT_AVAILABLE: 'Forfait non disponible',
+  COMMISSION: 'Commission'
 };
 var TRAVELERS_FORM$a = {
   AGE: 'Age',
@@ -2833,7 +2839,8 @@ var SIDEBAR$9 = {
   FLIGHT_DEPARTURE: 'Départ',
   FLIGHT_ARRIVAL: 'Arrivée',
   ON_REQUEST: 'Sur demande',
-  CHANGES: 'transferts'
+  CHANGES: 'transferts',
+  COMMISSION: 'Commission'
 };
 var TRAVELERS_FORM$9 = {
   AGE: 'Âge',
@@ -3236,7 +3243,8 @@ var SIDEBAR$8 = {
   FLIGHT_DEPARTURE: 'Brottför',
   FLIGHT_ARRIVAL: 'Koma',
   ON_REQUEST: 'Á beiðni',
-  CHANGES: 'flutningar'
+  CHANGES: 'flutningar',
+  COMMISSION: 'Þóknun'
 };
 var TRAVELERS_FORM$8 = {
   AGE: 'Aldur',
@@ -3639,7 +3647,8 @@ var SIDEBAR$7 = {
   FLIGHT_DEPARTURE: 'Partenza',
   FLIGHT_ARRIVAL: 'Arrivo',
   ON_REQUEST: 'Su richiesta',
-  CHANGES: 'trasferimenti'
+  CHANGES: 'trasferimenti',
+  COMMISSION: 'Commissione'
 };
 var TRAVELERS_FORM$7 = {
   AGE: 'Età',
@@ -4044,7 +4053,8 @@ var SIDEBAR$6 = {
   FLIGHT_ARRIVAL: 'Aankomst',
   ON_REQUEST: 'Op aanvraag',
   CHANGES: 'overstappen',
-  PACKAGE_NOT_AVAILABLE: 'Pakket niet beschikbaar'
+  PACKAGE_NOT_AVAILABLE: 'Pakket niet beschikbaar',
+  COMMISSION: 'Commissie'
 };
 var TRAVELERS_FORM$6 = {
   AGE: 'Leeftijd',
@@ -4451,7 +4461,8 @@ var SIDEBAR$5 = {
   FLIGHT_DEPARTURE: 'Vertrek',
   FLIGHT_ARRIVAL: 'Aankomst',
   ON_REQUEST: 'Op aanvraag',
-  CHANGES: 'transfers'
+  CHANGES: 'transfers',
+  COMMISSION: 'Commissie'
 };
 var TRAVELERS_FORM$5 = {
   AGE: 'Leeftijd',
@@ -4855,7 +4866,8 @@ var SIDEBAR$4 = {
   FLIGHT_DEPARTURE: 'Avgang',
   FLIGHT_ARRIVAL: 'Ankomst',
   ON_REQUEST: 'På forespørsel',
-  CHANGES: 'transporter'
+  CHANGES: 'transporter',
+  COMMISSION: 'provisjon'
 };
 var TRAVELERS_FORM$4 = {
   AGE: 'Alder',
@@ -5259,7 +5271,8 @@ var SIDEBAR$3 = {
   FLIGHT_DEPARTURE: 'Odlot',
   FLIGHT_ARRIVAL: 'Przylot',
   ON_REQUEST: 'Na zapytanie',
-  CHANGES: 'transfery'
+  CHANGES: 'transfery',
+  COMMISSION: 'Prowizja'
 };
 var TRAVELERS_FORM$3 = {
   AGE: 'Wiek',
@@ -5663,7 +5676,8 @@ var SIDEBAR$2 = {
   FLIGHT_DEPARTURE: 'Partida',
   FLIGHT_ARRIVAL: 'Chegada',
   ON_REQUEST: 'A pedido',
-  CHANGES: 'transferes'
+  CHANGES: 'transferes',
+  COMMISSION: 'Comissão'
 };
 var TRAVELERS_FORM$2 = {
   AGE: 'Idade',
@@ -6067,7 +6081,8 @@ var SIDEBAR$1 = {
   FLIGHT_DEPARTURE: 'Avgång',
   FLIGHT_ARRIVAL: 'Ankomst',
   ON_REQUEST: 'På förfrågan',
-  CHANGES: 'transfers'
+  CHANGES: 'transfers',
+  COMMISSION: 'provision'
 };
 var TRAVELERS_FORM$1 = {
   AGE: 'Ålder',
@@ -6471,7 +6486,8 @@ var SIDEBAR = {
   FLIGHT_DEPARTURE: '出発',
   FLIGHT_ARRIVAL: '到着',
   ON_REQUEST: '要リクエスト',
-  CHANGES: '送迎'
+  CHANGES: '送迎',
+  COMMISSION: '手数料'
 };
 var TRAVELERS_FORM = {
   AGE: '年齢',
@@ -17849,6 +17865,7 @@ var priceDetailsSlice = createSlice({
     builder.addCase(fetchPriceDetails.fulfilled, function (state, action) {
       if (action.payload) {
         state.deposit = action.payload.deposit;
+        state.commission = action.payload.commission;
         state.priceDetails = action.payload.details;
         state.notifications = action.payload.notifications;
       }
@@ -18218,6 +18235,9 @@ var selectVoucherCodes = function (state) {
 var selectCalculateDeposit = function (state) {
   return state.booking.calculateDeposit;
 };
+var selectShowCommission = function (state) {
+  return state.booking.showCommission;
+};
 var selectIsRetry = function (state) {
   return state.booking.isRetry;
 };
@@ -18378,6 +18398,7 @@ var selectBookingPackageBookRequest = createSelector(
   selectBookingAddress,
   selectPackageDetails,
   selectCalculateDeposit,
+  selectShowCommission,
   selectAgentId,
   selectGeneratePaymentUrl,
   selectSkipPaymentWithAgent,
@@ -18393,6 +18414,7 @@ var selectBookingPackageBookRequest = createSelector(
     address,
     packageDetails,
     calculateDeposit,
+    showCommission,
     agentId,
     generatePaymentUrl,
     skipPaymentWithAgent,
@@ -18456,6 +18478,7 @@ var selectBookingPackageBookRequest = createSelector(
             }),
       nonTravelPax: [],
       calculateDeposit: calculateDeposit,
+      showCommission: showCommission,
       returnPaymentUrl: returnPaymentUrl,
       notifications: notifications,
       tagIds: tagIds,
@@ -18517,6 +18540,7 @@ var initialState$5 = {
   productAttributes: undefined,
   bookingAttributes: undefined,
   calculateDeposit: false,
+  showCommission: false,
   bookingNumber: undefined,
   isRetry: false,
   package: undefined,
@@ -18598,6 +18622,7 @@ var fetchPackageDetails = createAsyncThunk('booking/details', function (_1, _a)
       productAttributes,
       bookingAttributes,
       agentId,
+      agentAdressId,
       rooms,
       languageCode,
       requestRooms,
@@ -18618,6 +18643,7 @@ var fetchPackageDetails = createAsyncThunk('booking/details', function (_1, _a)
           productAttributes = selectProductAttributes(state);
           bookingAttributes = selectBookingAttributes(state);
           agentId = selectAgentId(state);
+          agentAdressId = selectAgentAdressId(state);
           rooms = selectBookingRooms(state);
           languageCode = selectLanguageCode(state);
           if (isNil(productAttributes)) {
@@ -18678,7 +18704,7 @@ var fetchPackageDetails = createAsyncThunk('booking/details', function (_1, _a)
           }
           request = {
             officeId: officeId,
-            agentId: agentId,
+            agentId: agentId !== null && agentId !== void 0 ? agentId : agentAdressId,
             payload: {
               searchType: searchType,
               catalogueId: bookingAttributes.catalogueId,
@@ -18889,6 +18915,9 @@ var bookingSlice = createSlice({
     setCalculateDeposit: function (state, action) {
       state.calculateDeposit = action.payload;
     },
+    setShowCommission: function (state, action) {
+      state.showCommission = action.payload;
+    },
     setBookingNumber: function (state, action) {
       state.bookingNumber = action.payload;
     },
@@ -19136,6 +19165,7 @@ var setOfficeId = ((_a$3 = bookingSlice.actions), _a$3.setOfficeId),
   setProductAttributes = _a$3.setProductAttributes,
   setBookingAttributes = _a$3.setBookingAttributes,
   setCalculateDeposit = _a$3.setCalculateDeposit,
+  setShowCommission = _a$3.setShowCommission,
   setBookingNumber = _a$3.setBookingNumber,
   setIsRetry = _a$3.setIsRetry,
   setFetchingPackage = _a$3.setFetchingPackage,
@@ -24536,6 +24566,9 @@ var selectSeparateExtraPriceDetailsPerPaxType = createSelector(selectSeparateExt
 var selectDeposit = function (state) {
   return state.priceDetails.deposit;
 };
+var selectCommission = function (state) {
+  return state.priceDetails.commission;
+};
 var selectIsFetchingPriceDetails = function (state) {
   return state.priceDetails.isBusy;
 };
@@ -24644,6 +24677,7 @@ var Sidebar = function (_a) {
     departureFlightMetaData = _a.departureFlightMetaData,
     returnFlightMetaData = _a.returnFlightMetaData,
     basePrice = _a.basePrice,
+    commission = _a.commission,
     totalPrice = _a.totalPrice,
     includedCosts = _a.includedCosts,
     extraCosts = _a.extraCosts,
@@ -24970,6 +25004,26 @@ var Sidebar = function (_a) {
               ? React__default.createElement(
                   'div',
                   { className: 'pricing-summary__group' },
+                  commission !== undefined &&
+                    commission > 0 &&
+                    React__default.createElement(
+                      'div',
+                      { className: 'pricing-summary__row pricing-summary__row--total-price' },
+                      React__default.createElement(
+                        'div',
+                        { className: 'pricing-summary__property' },
+                        React__default.createElement('h6', { className: 'pricing-summary__title' }, translations.SHARED.COMMISSION)
+                      ),
+                      React__default.createElement(
+                        'div',
+                        { className: 'pricing-summary__value' },
+                        React__default.createElement(
+                          'div',
+                          { className: 'pricing' },
+                          React__default.createElement('div', { className: 'pricing__price' }, formatPrice$2(commission, currencyCode))
+                        )
+                      )
+                    ),
                   totalPrice !== undefined &&
                     totalPrice > 0 &&
                     React__default.createElement(
@@ -25105,6 +25159,7 @@ var SidebarContainer = function (_a) {
     departureFlightMetaData: departureFlightMetaData,
     returnFlightMetaData: returnFlightMetaData,
     basePrice: useSelector(selectBasePrice),
+    commission: useSelector(selectCommission),
     totalPrice: useSelector(selectTotalPrice),
     includedCosts: useSelector(selectSeparatePackagePriceDetails),
     extraCosts: useSelector(selectSeparateExtraPriceDetails),
@@ -25492,7 +25547,11 @@ var Summary = function () {
               if (typeof window !== 'undefined') {
                 location_1 = window.location;
                 window.scrollTo(0, 0);
-                bookRequest.payload.redirectUrl = ''.concat(location_1.protocol, '//').concat(location_1.host).concat(settings.basePath);
+                bookRequest.payload.redirectUrl = ''
+                  .concat(location_1.protocol, '//')
+                  .concat(location_1.host)
+                  .concat(settings.basePath, '?')
+                  .concat(bookingQueryString);
               }
             }
             _b.label = 1;
@@ -28042,6 +28101,7 @@ var Booking = function (_a) {
     confirmation = _b.confirmation,
     error = _b.error,
     showSidebarDeposit = _b.showSidebarDeposit,
+    showCommission = _b.showCommission,
     includeFlights = _b.includeFlights,
     loaderComponent = _b.loaderComponent,
     skipPaymentWithAgent = _b.skipPaymentWithAgent,
@@ -28052,7 +28112,8 @@ var Booking = function (_a) {
     translationFiles = _b.translationFiles,
     accommodationViewId = _b.accommodationViewId,
     isOffer = _b.isOffer,
-    allowOption = _b.allowOption;
+    allowOption = _b.allowOption,
+    skipBasePathInRouting = _b.skipBasePathInRouting;
   var dispatch = useAppDispatch();
   var location = useLocation();
   var navigate = useNavigate();
@@ -28108,7 +28169,12 @@ var Booking = function (_a) {
       }
       if (!isNil(bookingNumber)) {
         dispatch(setBookingNumber(bookingNumber));
-        navigate(''.concat(basePath).concat(confirmation.pathSuffix, '?bookingNr=').concat(bookingNumber));
+        navigate(
+          ''
+            .concat(!skipBasePathInRouting ? basePath : '')
+            .concat(confirmation.pathSuffix, '?bookingNr=')
+            .concat(bookingNumber)
+        );
       }
       var nextBookingAttrs = {
         startDate: startDate,
@@ -28223,6 +28289,7 @@ var Booking = function (_a) {
       dispatch(setLanguageCode(language));
       dispatch(setBookingOptions(bookingOptions));
       dispatch(setCalculateDeposit(showSidebarDeposit));
+      dispatch(setShowCommission(showCommission));
       if (tagIds && tagIds.length > 0) {
         dispatch(setTagIds(tagIds !== null && tagIds !== void 0 ? tagIds : undefined));
       }
@@ -28234,7 +28301,19 @@ var Booking = function (_a) {
         dispatch(setAccommodationViewId(accommodationViewId));
       }
     },
-    [officeId, language, bookingOptions, showSidebarDeposit, setOfficeId, setLanguageCode, setCalculateDeposit, tagIds, agentAdressId, accommodationViewId]
+    [
+      officeId,
+      language,
+      bookingOptions,
+      showSidebarDeposit,
+      showCommission,
+      setOfficeId,
+      setLanguageCode,
+      setCalculateDeposit,
+      tagIds,
+      agentAdressId,
+      accommodationViewId
+    ]
   );
   useEffect(
     function () {
@@ -46678,6 +46757,7 @@ var SearchResultsContainer = function () {
     }
     var searchRequest = {
       officeId: 1,
+      agentId: context === null || context === void 0 ? void 0 : context.agentId,
       payload: {
         catalogueIds: (_a = context.tideConnection.catalogueIds) !== null && _a !== void 0 ? _a : [],
         serviceType:
@@ -46753,6 +46833,7 @@ var SearchResultsContainer = function () {
     }
     var searchRequest = {
       officeId: 1,
+      agentId: context === null || context === void 0 ? void 0 : context.agentId,
       payload: {
         catalogueIds: (_a = context.tideConnection.catalogueIds) !== null && _a !== void 0 ? _a : [],
         serviceType:
@@ -46998,7 +47079,6 @@ 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();

package/build/build-esm/src/booking-wizard/features/booking/booking-slice.d.ts

@@ -20,6 +20,7 @@ export interface BookingState {
   productAttributes?: ProductAttributes;
   bookingAttributes?: BookingAttributes;
   calculateDeposit: boolean;
+  showCommission?: boolean;
   bookingNumber?: string;
   isRetry: boolean;
   package?: BookingPackage;
@@ -85,6 +86,7 @@ export declare const setOfficeId: import('@reduxjs/toolkit').ActionCreatorWithPa
   setProductAttributes: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<ProductAttributes | undefined, 'booking/setProductAttributes'>,
   setBookingAttributes: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<BookingAttributes | undefined, 'booking/setBookingAttributes'>,
   setCalculateDeposit: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, 'booking/setCalculateDeposit'>,
+  setShowCommission: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<boolean | undefined, 'booking/setShowCommission'>,
   setBookingNumber: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, 'booking/setBookingNumber'>,
   setIsRetry: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, 'booking/setIsRetry'>,
   setFetchingPackage: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, 'booking/setFetchingPackage'>,

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

@@ -333,6 +333,7 @@ export declare const selectBookingRooms: (state: RootState) => Room[] | undefine
 export declare const selectBookingRemarks: (state: RootState) => string | undefined;
 export declare const selectVoucherCodes: (state: RootState) => string[] | undefined;
 export declare const selectCalculateDeposit: (state: RootState) => boolean;
+export declare const selectShowCommission: (state: RootState) => boolean | undefined;
 export declare const selectIsRetry: (state: RootState) => boolean;
 export declare const selectStartDate: (state: RootState) => string | undefined;
 export declare const selectAgents: (state: RootState) => import('@qite/tide-client').BookingTravelAgent[] | undefined;
@@ -567,13 +568,14 @@ export declare const selectBookingPackageBookRequest: ((state: {
     resultFuncArgs_4: BookingPackageAddress | undefined,
     resultFuncArgs_5: import('@qite/tide-client').BookingPackage | undefined,
     resultFuncArgs_6: boolean,
-    resultFuncArgs_7: number | undefined,
-    resultFuncArgs_8: boolean,
+    resultFuncArgs_7: boolean | undefined,
+    resultFuncArgs_8: number | undefined,
     resultFuncArgs_9: boolean,
-    resultFuncArgs_10: import('@qite/tide-client').BookingProductNotification[],
-    resultFuncArgs_11: number[] | undefined,
-    resultFuncArgs_12: string | undefined,
-    resultFuncArgs_13: string[] | undefined
+    resultFuncArgs_10: boolean,
+    resultFuncArgs_11: import('@qite/tide-client').BookingProductNotification[],
+    resultFuncArgs_12: number[] | undefined,
+    resultFuncArgs_13: string | undefined,
+    resultFuncArgs_14: string[] | undefined
   ) => BookingPackageRequest<BookingPackageBookRequest> | null;
   memoizedResultFunc: ((
     resultFuncArgs_0: BookingPackageRequest<any>,
@@ -583,13 +585,14 @@ export declare const selectBookingPackageBookRequest: ((state: {
     resultFuncArgs_4: BookingPackageAddress | undefined,
     resultFuncArgs_5: import('@qite/tide-client').BookingPackage | undefined,
     resultFuncArgs_6: boolean,
-    resultFuncArgs_7: number | undefined,
-    resultFuncArgs_8: boolean,
+    resultFuncArgs_7: boolean | undefined,
+    resultFuncArgs_8: number | undefined,
     resultFuncArgs_9: boolean,
-    resultFuncArgs_10: import('@qite/tide-client').BookingProductNotification[],
-    resultFuncArgs_11: number[] | undefined,
-    resultFuncArgs_12: string | undefined,
-    resultFuncArgs_13: string[] | undefined
+    resultFuncArgs_10: boolean,
+    resultFuncArgs_11: import('@qite/tide-client').BookingProductNotification[],
+    resultFuncArgs_12: number[] | undefined,
+    resultFuncArgs_13: string | undefined,
+    resultFuncArgs_14: string[] | undefined
   ) => BookingPackageRequest<BookingPackageBookRequest> | null) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -754,6 +757,7 @@ export declare const selectBookingPackageBookRequest: ((state: {
     },
     (state: RootState) => import('@qite/tide-client').BookingPackage | undefined,
     (state: RootState) => boolean,
+    (state: RootState) => boolean | undefined,
     ((state: {
       booking: import('./booking-slice').BookingState;
       travelersForm: import('../travelers-form/travelers-form-slice').TravelersFormState;

package/build/build-esm/src/booking-wizard/features/price-details/price-details-slice.d.ts

@@ -4,6 +4,7 @@ export interface PriceDetailsState {
   priceDetails: BookingPriceDetail[];
   notifications: BookingProductNotification[];
   deposit?: number;
+  commission?: number;
   isBusy: boolean;
 }
 export declare const fetchPriceDetails: import('@reduxjs/toolkit').AsyncThunk<

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

@@ -389,4 +389,5 @@ export declare const selectSeparateExtraPriceDetailsPerPaxType: ((state: {
   memoize: typeof import('reselect').weakMapMemoize;
 };
 export declare const selectDeposit: (state: RootState) => number | undefined;
+export declare const selectCommission: (state: RootState) => number | undefined;
 export declare const selectIsFetchingPriceDetails: (state: RootState) => boolean;

package/build/build-esm/src/booking-wizard/features/sidebar/sidebar.d.ts

@@ -11,6 +11,7 @@ interface SidebarProps {
   departureFlightMetaData?: BookingPackageFlightMetaData;
   returnFlightMetaData?: BookingPackageFlightMetaData;
   basePrice?: number;
+  commission?: number;
   totalPrice?: number;
   remainingAmountText?: string;
   includedCosts?: BookingPriceDetail[];

package/build/build-esm/src/booking-wizard/types.d.ts

@@ -46,6 +46,7 @@ export interface Settings {
   companyContactPhone: string;
   showProductCardRating: boolean;
   showSidebarDeposit: boolean;
+  showCommission?: boolean;
   sidebarHeaderComponent?: JSX.Element | null;
   sidebarFooterComponent?: JSX.Element | null;
   loaderComponent?: JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.92",
+  "version": "1.4.94",
   "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.152",
+    "@qite/tide-client": "^1.1.154",
     "@reduxjs/toolkit": "^2.8.2",
     "@rollup/plugin-commonjs": "^19.0.1",
     "@rollup/plugin-json": "^4.1.0",

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

@@ -22,6 +22,7 @@ import {
   setLanguageCode,
   setOfficeId,
   setProductAttributes,
+  setShowCommission,
   setSkipPayment,
   setTagIds,
   setTranslations
@@ -74,6 +75,7 @@ const BookingSelfContained: React.FC<BookingProps> = ({ productCode, productName
     officeId,
     bookingOptions,
     showSidebarDeposit,
+    showCommission,
     includeFlights,
     skipPaymentWithAgent,
     generatePaymentUrl,
@@ -199,6 +201,7 @@ const BookingSelfContained: React.FC<BookingProps> = ({ productCode, productName
     dispatch(setLanguageCode(language));
     dispatch(setBookingOptions(bookingOptions));
     dispatch(setCalculateDeposit(showSidebarDeposit));
+    dispatch(setShowCommission(showCommission));
     if (tagIds && tagIds.length > 0) {
       dispatch(setTagIds(tagIds ?? undefined));
     }
@@ -209,7 +212,19 @@ const BookingSelfContained: React.FC<BookingProps> = ({ productCode, productName
     if (accommodationViewId && accommodationViewId != 0) {
       dispatch(setAccommodationViewId(accommodationViewId));
     }
-  }, [officeId, language, bookingOptions, showSidebarDeposit, setOfficeId, setLanguageCode, setCalculateDeposit, tagIds, agentAdressId, accommodationViewId]);
+  }, [
+    officeId,
+    language,
+    bookingOptions,
+    showSidebarDeposit,
+    showCommission,
+    setOfficeId,
+    setLanguageCode,
+    setCalculateDeposit,
+    tagIds,
+    agentAdressId,
+    accommodationViewId
+  ]);
 
   useEffect(() => {
     if (!productAttributes || !bookingAttributes || !rooms?.length || !isNil(bookingNumber) || !isNil(packageDetails)) {

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

@@ -29,6 +29,7 @@ import packageApi from './api';
 import { BookingStep, OPTIONS_FORM_STEP } from './constants';
 import {
   selectAccommodationCodes,
+  selectAgentAdressId,
   selectBookingAttributes,
   selectBookingRooms,
   selectLanguageCode,
@@ -43,6 +44,7 @@ export interface BookingState {
   productAttributes?: ProductAttributes;
   bookingAttributes?: BookingAttributes;
   calculateDeposit: boolean;
+  showCommission?: boolean;
   bookingNumber?: string;
   isRetry: boolean;
   package?: BookingPackage;
@@ -95,6 +97,7 @@ const initialState: BookingState = {
   productAttributes: undefined,
   bookingAttributes: undefined,
   calculateDeposit: false,
+  showCommission: false,
   bookingNumber: undefined,
   isRetry: false,
   package: undefined,
@@ -137,6 +140,7 @@ const fetchPackageDetails = createAsyncThunk('booking/details', async (_, { disp
   const productAttributes = selectProductAttributes(state);
   const bookingAttributes = selectBookingAttributes(state);
   const agentId = selectAgentId(state);
+  const agentAdressId = selectAgentAdressId(state);
   const rooms = selectBookingRooms(state);
   const languageCode = selectLanguageCode(state);
 
@@ -206,7 +210,7 @@ const fetchPackageDetails = createAsyncThunk('booking/details', async (_, { disp
 
   const request = {
     officeId: officeId,
-    agentId: agentId,
+    agentId: agentId ?? agentAdressId,
     payload: {
       searchType: searchType,
       catalogueId: bookingAttributes.catalogueId,
@@ -380,6 +384,9 @@ const bookingSlice = createSlice({
     setCalculateDeposit(state, action: PayloadAction<boolean>) {
       state.calculateDeposit = action.payload;
     },
+    setShowCommission(state, action: PayloadAction<boolean | undefined>) {
+      state.showCommission = action.payload;
+    },
     setBookingNumber(state, action: PayloadAction<string>) {
       state.bookingNumber = action.payload;
     },
@@ -596,6 +603,7 @@ export const {
   setProductAttributes,
   setBookingAttributes,
   setCalculateDeposit,
+  setShowCommission,
   setBookingNumber,
   setIsRetry,
   setFetchingPackage,

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

@@ -25,6 +25,7 @@ import {
   setOfficeId,
   setPackage,
   setProductAttributes,
+  setShowCommission,
   setSkipPayment,
   setTagIds,
   setTranslations,
@@ -76,6 +77,7 @@ const Booking: React.FC<BookingProps> = ({ productCode, productName, thumbnailUr
     confirmation,
     error,
     showSidebarDeposit,
+    showCommission,
     includeFlights,
     loaderComponent,
     skipPaymentWithAgent,
@@ -86,7 +88,8 @@ const Booking: React.FC<BookingProps> = ({ productCode, productName, thumbnailUr
     translationFiles,
     accommodationViewId,
     isOffer,
-    allowOption
+    allowOption,
+    skipBasePathInRouting
   } = useContext(SettingsContext);
 
   const dispatch = useAppDispatch();
@@ -149,7 +152,7 @@ const Booking: React.FC<BookingProps> = ({ productCode, productName, thumbnailUr
 
     if (!isNil(bookingNumber)) {
       dispatch(setBookingNumber(bookingNumber));
-      navigate(`${basePath}${confirmation.pathSuffix}?bookingNr=${bookingNumber}`);
+      navigate(`${!skipBasePathInRouting ? basePath : ''}${confirmation.pathSuffix}?bookingNr=${bookingNumber}`);
     }
 
     const nextBookingAttrs = {
@@ -231,6 +234,7 @@ const Booking: React.FC<BookingProps> = ({ productCode, productName, thumbnailUr
     dispatch(setLanguageCode(language));
     dispatch(setBookingOptions(bookingOptions));
     dispatch(setCalculateDeposit(showSidebarDeposit));
+    dispatch(setShowCommission(showCommission));
     if (tagIds && tagIds.length > 0) {
       dispatch(setTagIds(tagIds ?? undefined));
     }
@@ -241,7 +245,19 @@ const Booking: React.FC<BookingProps> = ({ productCode, productName, thumbnailUr
     if (accommodationViewId && accommodationViewId != 0) {
       dispatch(setAccommodationViewId(accommodationViewId));
     }
-  }, [officeId, language, bookingOptions, showSidebarDeposit, setOfficeId, setLanguageCode, setCalculateDeposit, tagIds, agentAdressId, accommodationViewId]);
+  }, [
+    officeId,
+    language,
+    bookingOptions,
+    showSidebarDeposit,
+    showCommission,
+    setOfficeId,
+    setLanguageCode,
+    setCalculateDeposit,
+    tagIds,
+    agentAdressId,
+    accommodationViewId
+  ]);
 
   useEffect(() => {
     if (!productAttributes || !bookingAttributes || !rooms?.length || !isNil(bookingNumber) || !isNil(packageDetails)) {