@qite/tide-booking-component 0.0.2-preview.58 → 0.0.2-preview.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/build/build-cjs/booking-wizard/features/booking/booking-slice.d.ts +2 -1
  2. package/build/build-cjs/booking-wizard/features/booking/selectors.d.ts +2 -1
  3. package/build/build-cjs/booking-wizard/types.d.ts +1 -0
  4. package/build/build-cjs/index.js +13 -4
  5. package/build/build-esm/booking-wizard/features/booking/booking-slice.d.ts +2 -1
  6. package/build/build-esm/booking-wizard/features/booking/selectors.d.ts +2 -1
  7. package/build/build-esm/booking-wizard/types.d.ts +1 -0
  8. package/build/build-esm/index.js +13 -4
  9. package/package.json +1 -1
  10. package/src/booking-wizard/components/product-card.tsx +1 -1
  11. package/src/booking-wizard/features/booking/booking-slice.ts +6 -0
  12. package/src/booking-wizard/features/booking/booking.tsx +4 -0
  13. package/src/booking-wizard/features/booking/selectors.ts +6 -1
  14. package/src/booking-wizard/settings-context.ts +1 -0
  15. package/src/booking-wizard/types.ts +1 -0
package/build/build-cjs/booking-wizard/features/booking/booking-slice.d.ts CHANGED
@@ -15,8 +15,9 @@ export interface BookingState {
15
15
  skipPaymentWithAgent: boolean;
16
16
  generatePaymentUrl: boolean;
17
17
  isUnavailable?: boolean;
18
+ tagIds?: number[];
18
19
  }
19
20
  export declare const fetchPackage: import("@reduxjs/toolkit").AsyncThunk<void, void, {}>;
20
- export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>, setEntryStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>, setCustomEntryStatusId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number | undefined, string>, setProductAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<ProductAttributes, string>, setBookingAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAttributes, string>, setCalculateDeposit: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setBookingNumber: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, setIsRetry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setFetchingPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackage, string>, setPackageRooms: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackageRoom[], string>, setPackageOptionPax: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionPax[], string>, setPackageOptionUnits: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionUnit[], string>, setPackageGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionGroup<PerBookingPackageOption>[], string>, setSkipPayment: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setGeneratePaymentUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
21
+ export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>, setEntryStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>, setCustomEntryStatusId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number | undefined, string>, setProductAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<ProductAttributes, string>, setBookingAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAttributes, string>, setCalculateDeposit: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setBookingNumber: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, setIsRetry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setFetchingPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackage, string>, setPackageRooms: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackageRoom[], string>, setPackageOptionPax: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionPax[], string>, setPackageOptionUnits: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionUnit[], string>, setPackageGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionGroup<PerBookingPackageOption>[], string>, setSkipPayment: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setGeneratePaymentUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setTagIds: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number[] | undefined, string>;
21
22
  declare const _default: import("redux").Reducer<BookingState, import("redux").AnyAction>;
22
23
  export default _default;
package/build/build-cjs/booking-wizard/features/booking/selectors.d.ts CHANGED
@@ -17,6 +17,7 @@ export declare const selectRequestRooms: (state: RootState) => import("@qite/tid
17
17
  export declare const selectOfficeId: (state: RootState) => number;
18
18
  export declare const selectEntryStatus: (state: RootState) => number;
19
19
  export declare const selectCustomEntryStatusId: (state: RootState) => number | undefined;
20
+ export declare const selectTagIds: (state: RootState) => number[] | undefined;
20
21
  export declare const selectProductAttributes: (state: RootState) => import("../../types").ProductAttributes | undefined;
21
22
  export declare const selectBookingAttributes: (state: RootState) => import("../../types").BookingAttributes | undefined;
22
23
  export declare const selectBookingNumber: (state: RootState) => string | undefined;
@@ -71,7 +72,7 @@ export declare const selectBookingPackageBookRequest: ((state: {
71
72
  travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
72
73
  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
73
74
  summary: import("../summary/summary-slice").SummaryState;
74
- }) => BookingPackageRequest<BookingPackageBookRequest> | null) & import("reselect").OutputSelectorFields<(args_0: number, args_1: number, args_2: number | undefined, args_3: BookingPackagePax[], args_4: BookingPackageAddress | undefined, args_5: import("@qite/tide-client/build/types/offer").BookingPackage | undefined, args_6: boolean, args_7: number | undefined, args_8: boolean, args_9: boolean, args_10: import("@qite/tide-client/build/types/offer").BookingProductNotification[]) => BookingPackageRequest<BookingPackageBookRequest> & {
75
+ }) => BookingPackageRequest<BookingPackageBookRequest> | null) & import("reselect").OutputSelectorFields<(args_0: number, args_1: number, args_2: number | undefined, args_3: BookingPackagePax[], args_4: BookingPackageAddress | undefined, args_5: import("@qite/tide-client/build/types/offer").BookingPackage | undefined, args_6: boolean, args_7: number | undefined, args_8: boolean, args_9: boolean, args_10: import("@qite/tide-client/build/types/offer").BookingProductNotification[], args_11: number[] | undefined) => BookingPackageRequest<BookingPackageBookRequest> & {
75
76
  clearCache: () => void;
76
77
  }> & {
77
78
  clearCache: () => void;
package/build/build-cjs/booking-wizard/types.d.ts CHANGED
@@ -30,6 +30,7 @@ export interface Settings {
30
30
  sidebarFooterComponent?: JSX.Element | null;
31
31
  loaderComponent?: JSX.Element | null;
32
32
  icons?: string | null;
33
+ tagIds?: number[];
33
34
  }
34
35
  export interface SummaryCheckbox {
35
36
  id: string;
package/build/build-cjs/index.js CHANGED
@@ -6800,6 +6800,7 @@ var selectEntryStatus = function (state) {
6800
6800
  var selectCustomEntryStatusId = function (state) {
6801
6801
  return state.booking.customEntryStatusId;
6802
6802
  };
6803
+ var selectTagIds = function (state) { return state.booking.tagIds; };
6803
6804
  var selectProductAttributes = function (state) {
6804
6805
  return state.booking.productAttributes;
6805
6806
  };
@@ -6877,7 +6878,7 @@ var selectBookingAddress = toolkit.createSelector(selectTravelersFormValues, sel
6877
6878
  email: formValues === null || formValues === void 0 ? void 0 : formValues.email,
6878
6879
  };
6879
6880
  });
6880
- var selectBookingPackageBookRequest = toolkit.createSelector(selectOfficeId, selectEntryStatus, selectCustomEntryStatusId, selectBookingPackagePax, selectBookingAddress, selectPackageDetails, selectCalculateDeposit, selectAgentId, selectGeneratePaymentUrl, selectSkipPaymentWithAgent, selectNotifications, function (officeId, entryStatus, customEntryStatusId, pax, address, packageDetails, calculateDeposit, agentId, generatePaymentUrl, skipPaymentWithAgent, notifications) {
6881
+ var selectBookingPackageBookRequest = toolkit.createSelector(selectOfficeId, selectEntryStatus, selectCustomEntryStatusId, selectBookingPackagePax, selectBookingAddress, selectPackageDetails, selectCalculateDeposit, selectAgentId, selectGeneratePaymentUrl, selectSkipPaymentWithAgent, selectNotifications, selectTagIds, function (officeId, entryStatus, customEntryStatusId, pax, address, packageDetails, calculateDeposit, agentId, generatePaymentUrl, skipPaymentWithAgent, notifications, tagIds) {
6881
6882
  if (!packageDetails || (pax === null || pax === void 0 ? void 0 : pax.length) == 0)
6882
6883
  return null;
6883
6884
  var returnPaymentUrl = false;
@@ -6896,6 +6897,7 @@ var selectBookingPackageBookRequest = toolkit.createSelector(selectOfficeId, sel
6896
6897
  calculateDeposit: calculateDeposit,
6897
6898
  returnPaymentUrl: returnPaymentUrl,
6898
6899
  notifications: notifications,
6900
+ tagIds: tagIds,
6899
6901
  },
6900
6902
  };
6901
6903
  });
@@ -6974,6 +6976,7 @@ var initialState$1 = {
6974
6976
  isBusy: false,
6975
6977
  skipPaymentWithAgent: false,
6976
6978
  generatePaymentUrl: false,
6979
+ tagIds: [],
6977
6980
  };
6978
6981
  var fetchPackage = toolkit.createAsyncThunk("booking/fetchPackage", function (_, _a) {
6979
6982
  var dispatch = _a.dispatch;
@@ -7132,6 +7135,9 @@ var bookingSlice = toolkit.createSlice({
7132
7135
  if (option)
7133
7136
  option.groups = action.payload;
7134
7137
  },
7138
+ setTagIds: function (state, action) {
7139
+ state.tagIds = action.payload;
7140
+ },
7135
7141
  },
7136
7142
  extraReducers: function (builder) {
7137
7143
  builder.addCase(fetchPackageDetails.fulfilled, function (state, action) {
@@ -7168,7 +7174,7 @@ var bookingSlice = toolkit.createSlice({
7168
7174
  });
7169
7175
  },
7170
7176
  });
7171
- var setOfficeId = (_a = bookingSlice.actions, _a.setOfficeId), setEntryStatus = _a.setEntryStatus, setCustomEntryStatusId = _a.setCustomEntryStatusId, setProductAttributes = _a.setProductAttributes, setBookingAttributes = _a.setBookingAttributes, setCalculateDeposit = _a.setCalculateDeposit, setBookingNumber = _a.setBookingNumber, setIsRetry = _a.setIsRetry, setFetchingPackage = _a.setFetchingPackage, setPackage = _a.setPackage, setPackageRooms = _a.setPackageRooms, setPackageOptionPax = _a.setPackageOptionPax, setPackageOptionUnits = _a.setPackageOptionUnits, setPackageGroups = _a.setPackageGroups, setSkipPayment = _a.setSkipPayment, setGeneratePaymentUrl = _a.setGeneratePaymentUrl;
7177
+ var setOfficeId = (_a = bookingSlice.actions, _a.setOfficeId), setEntryStatus = _a.setEntryStatus, setCustomEntryStatusId = _a.setCustomEntryStatusId, setProductAttributes = _a.setProductAttributes, setBookingAttributes = _a.setBookingAttributes, setCalculateDeposit = _a.setCalculateDeposit, setBookingNumber = _a.setBookingNumber, setIsRetry = _a.setIsRetry, setFetchingPackage = _a.setFetchingPackage, setPackage = _a.setPackage, setPackageRooms = _a.setPackageRooms, setPackageOptionPax = _a.setPackageOptionPax, setPackageOptionUnits = _a.setPackageOptionUnits, setPackageGroups = _a.setPackageGroups, setSkipPayment = _a.setSkipPayment, setGeneratePaymentUrl = _a.setGeneratePaymentUrl, setTagIds = _a.setTagIds;
7172
7178
  var bookingReducer = bookingSlice.reducer;
7173
7179
 
7174
7180
  var initialState = {
@@ -7229,6 +7235,7 @@ var SettingsContext = React__default["default"].createContext({
7229
7235
  sidebarFooterComponent: null,
7230
7236
  loaderComponent: null,
7231
7237
  icons: null,
7238
+ tagIds: [],
7232
7239
  });
7233
7240
 
7234
7241
  var getDateFromParams = function (params, name) {
@@ -8326,7 +8333,7 @@ var OptionsForm = function () {
8326
8333
  var ProductCard = function (_a) {
8327
8334
  var productName = _a.productName, thumbnailUrl = _a.thumbnailUrl, handleToggleClick = _a.handleToggleClick;
8328
8335
  return (React__default["default"].createElement("div", { className: "booking__product" },
8329
- React__default["default"].createElement("div", { className: "booking__product-image" }, thumbnailUrl && (React__default["default"].createElement("img", { src: "".concat(thumbnailUrl, "?height=100&width=100"), alt: productName, className: "mediacontent" }))),
8336
+ React__default["default"].createElement("div", { className: "booking__product-image" }, thumbnailUrl && (React__default["default"].createElement("img", { src: "".concat(thumbnailUrl, "?height=400&width=400"), alt: productName, className: "mediacontent" }))),
8330
8337
  React__default["default"].createElement("div", { className: "booking__product-text" },
8331
8338
  React__default["default"].createElement("h3", { className: "booking__product-heading" }, productName)),
8332
8339
  React__default["default"].createElement("button", { type: "button", className: "booking__product-toggle", onClick: handleToggleClick })));
@@ -9180,7 +9187,7 @@ var TravelersForm = function () {
9180
9187
 
9181
9188
  var Booking = function (_a) {
9182
9189
  var productCode = _a.productCode, productName = _a.productName, thumbnailUrl = _a.thumbnailUrl;
9183
- var _b = React.useContext(SettingsContext), officeId = _b.officeId, entryStatus = _b.entryStatus, customEntryStatusId = _b.customEntryStatusId, basePath = _b.basePath, options = _b.options, summary = _b.summary, confirmation = _b.confirmation, error = _b.error, showSidebarDeposit = _b.showSidebarDeposit, includeFlights = _b.includeFlights, loaderComponent = _b.loaderComponent, skipPaymentWithAgent = _b.skipPaymentWithAgent, generatePaymentUrl = _b.generatePaymentUrl;
9190
+ var _b = React.useContext(SettingsContext), officeId = _b.officeId, entryStatus = _b.entryStatus, customEntryStatusId = _b.customEntryStatusId, basePath = _b.basePath, options = _b.options, summary = _b.summary, confirmation = _b.confirmation, error = _b.error, showSidebarDeposit = _b.showSidebarDeposit, includeFlights = _b.includeFlights, loaderComponent = _b.loaderComponent, skipPaymentWithAgent = _b.skipPaymentWithAgent, generatePaymentUrl = _b.generatePaymentUrl, tagIds = _b.tagIds;
9184
9191
  var dispatch = useAppDispatch();
9185
9192
  var location = router.useLocation();
9186
9193
  var productAttributes = reactRedux.useSelector(selectProductAttributes);
@@ -9259,6 +9266,7 @@ var Booking = function (_a) {
9259
9266
  dispatch(setEntryStatus(entryStatus));
9260
9267
  dispatch(setCustomEntryStatusId(customEntryStatusId !== null && customEntryStatusId !== void 0 ? customEntryStatusId : undefined));
9261
9268
  dispatch(setCalculateDeposit(showSidebarDeposit));
9269
+ dispatch(setTagIds(tagIds !== null && tagIds !== void 0 ? tagIds : undefined));
9262
9270
  }, [
9263
9271
  officeId,
9264
9272
  entryStatus,
@@ -9268,6 +9276,7 @@ var Booking = function (_a) {
9268
9276
  setEntryStatus,
9269
9277
  setCustomEntryStatusId,
9270
9278
  setCalculateDeposit,
9279
+ tagIds,
9271
9280
  ]);
9272
9281
  React.useEffect(function () {
9273
9282
  if (!productAttributes ||
package/build/build-esm/booking-wizard/features/booking/booking-slice.d.ts CHANGED
@@ -15,8 +15,9 @@ export interface BookingState {
15
15
  skipPaymentWithAgent: boolean;
16
16
  generatePaymentUrl: boolean;
17
17
  isUnavailable?: boolean;
18
+ tagIds?: number[];
18
19
  }
19
20
  export declare const fetchPackage: import("@reduxjs/toolkit").AsyncThunk<void, void, {}>;
20
- export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>, setEntryStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>, setCustomEntryStatusId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number | undefined, string>, setProductAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<ProductAttributes, string>, setBookingAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAttributes, string>, setCalculateDeposit: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setBookingNumber: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, setIsRetry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setFetchingPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackage, string>, setPackageRooms: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackageRoom[], string>, setPackageOptionPax: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionPax[], string>, setPackageOptionUnits: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionUnit[], string>, setPackageGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionGroup<PerBookingPackageOption>[], string>, setSkipPayment: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setGeneratePaymentUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
21
+ export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>, setEntryStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>, setCustomEntryStatusId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number | undefined, string>, setProductAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<ProductAttributes, string>, setBookingAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAttributes, string>, setCalculateDeposit: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setBookingNumber: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, setIsRetry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setFetchingPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackage, string>, setPackageRooms: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackageRoom[], string>, setPackageOptionPax: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionPax[], string>, setPackageOptionUnits: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionUnit[], string>, setPackageGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionGroup<PerBookingPackageOption>[], string>, setSkipPayment: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setGeneratePaymentUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, setTagIds: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number[] | undefined, string>;
21
22
  declare const _default: import("redux").Reducer<BookingState, import("redux").AnyAction>;
22
23
  export default _default;
package/build/build-esm/booking-wizard/features/booking/selectors.d.ts CHANGED
@@ -17,6 +17,7 @@ export declare const selectRequestRooms: (state: RootState) => import("@qite/tid
17
17
  export declare const selectOfficeId: (state: RootState) => number;
18
18
  export declare const selectEntryStatus: (state: RootState) => number;
19
19
  export declare const selectCustomEntryStatusId: (state: RootState) => number | undefined;
20
+ export declare const selectTagIds: (state: RootState) => number[] | undefined;
20
21
  export declare const selectProductAttributes: (state: RootState) => import("../../types").ProductAttributes | undefined;
21
22
  export declare const selectBookingAttributes: (state: RootState) => import("../../types").BookingAttributes | undefined;
22
23
  export declare const selectBookingNumber: (state: RootState) => string | undefined;
@@ -71,7 +72,7 @@ export declare const selectBookingPackageBookRequest: ((state: {
71
72
  travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
72
73
  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
73
74
  summary: import("../summary/summary-slice").SummaryState;
74
- }) => BookingPackageRequest<BookingPackageBookRequest> | null) & import("reselect").OutputSelectorFields<(args_0: number, args_1: number, args_2: number | undefined, args_3: BookingPackagePax[], args_4: BookingPackageAddress | undefined, args_5: import("@qite/tide-client/build/types/offer").BookingPackage | undefined, args_6: boolean, args_7: number | undefined, args_8: boolean, args_9: boolean, args_10: import("@qite/tide-client/build/types/offer").BookingProductNotification[]) => BookingPackageRequest<BookingPackageBookRequest> & {
75
+ }) => BookingPackageRequest<BookingPackageBookRequest> | null) & import("reselect").OutputSelectorFields<(args_0: number, args_1: number, args_2: number | undefined, args_3: BookingPackagePax[], args_4: BookingPackageAddress | undefined, args_5: import("@qite/tide-client/build/types/offer").BookingPackage | undefined, args_6: boolean, args_7: number | undefined, args_8: boolean, args_9: boolean, args_10: import("@qite/tide-client/build/types/offer").BookingProductNotification[], args_11: number[] | undefined) => BookingPackageRequest<BookingPackageBookRequest> & {
75
76
  clearCache: () => void;
76
77
  }> & {
77
78
  clearCache: () => void;
package/build/build-esm/booking-wizard/types.d.ts CHANGED
@@ -30,6 +30,7 @@ export interface Settings {
30
30
  sidebarFooterComponent?: JSX.Element | null;
31
31
  loaderComponent?: JSX.Element | null;
32
32
  icons?: string | null;
33
+ tagIds?: number[];
33
34
  }
34
35
  export interface SummaryCheckbox {
35
36
  id: string;
package/build/build-esm/index.js CHANGED
@@ -6789,6 +6789,7 @@ var selectEntryStatus = function (state) {
6789
6789
  var selectCustomEntryStatusId = function (state) {
6790
6790
  return state.booking.customEntryStatusId;
6791
6791
  };
6792
+ var selectTagIds = function (state) { return state.booking.tagIds; };
6792
6793
  var selectProductAttributes = function (state) {
6793
6794
  return state.booking.productAttributes;
6794
6795
  };
@@ -6866,7 +6867,7 @@ var selectBookingAddress = createSelector(selectTravelersFormValues, selectBooki
6866
6867
  email: formValues === null || formValues === void 0 ? void 0 : formValues.email,
6867
6868
  };
6868
6869
  });
6869
- var selectBookingPackageBookRequest = createSelector(selectOfficeId, selectEntryStatus, selectCustomEntryStatusId, selectBookingPackagePax, selectBookingAddress, selectPackageDetails, selectCalculateDeposit, selectAgentId, selectGeneratePaymentUrl, selectSkipPaymentWithAgent, selectNotifications, function (officeId, entryStatus, customEntryStatusId, pax, address, packageDetails, calculateDeposit, agentId, generatePaymentUrl, skipPaymentWithAgent, notifications) {
6870
+ var selectBookingPackageBookRequest = createSelector(selectOfficeId, selectEntryStatus, selectCustomEntryStatusId, selectBookingPackagePax, selectBookingAddress, selectPackageDetails, selectCalculateDeposit, selectAgentId, selectGeneratePaymentUrl, selectSkipPaymentWithAgent, selectNotifications, selectTagIds, function (officeId, entryStatus, customEntryStatusId, pax, address, packageDetails, calculateDeposit, agentId, generatePaymentUrl, skipPaymentWithAgent, notifications, tagIds) {
6870
6871
  if (!packageDetails || (pax === null || pax === void 0 ? void 0 : pax.length) == 0)
6871
6872
  return null;
6872
6873
  var returnPaymentUrl = false;
@@ -6885,6 +6886,7 @@ var selectBookingPackageBookRequest = createSelector(selectOfficeId, selectEntry
6885
6886
  calculateDeposit: calculateDeposit,
6886
6887
  returnPaymentUrl: returnPaymentUrl,
6887
6888
  notifications: notifications,
6889
+ tagIds: tagIds,
6888
6890
  },
6889
6891
  };
6890
6892
  });
@@ -6963,6 +6965,7 @@ var initialState$1 = {
6963
6965
  isBusy: false,
6964
6966
  skipPaymentWithAgent: false,
6965
6967
  generatePaymentUrl: false,
6968
+ tagIds: [],
6966
6969
  };
6967
6970
  var fetchPackage = createAsyncThunk("booking/fetchPackage", function (_, _a) {
6968
6971
  var dispatch = _a.dispatch;
@@ -7121,6 +7124,9 @@ var bookingSlice = createSlice({
7121
7124
  if (option)
7122
7125
  option.groups = action.payload;
7123
7126
  },
7127
+ setTagIds: function (state, action) {
7128
+ state.tagIds = action.payload;
7129
+ },
7124
7130
  },
7125
7131
  extraReducers: function (builder) {
7126
7132
  builder.addCase(fetchPackageDetails.fulfilled, function (state, action) {
@@ -7157,7 +7163,7 @@ var bookingSlice = createSlice({
7157
7163
  });
7158
7164
  },
7159
7165
  });
7160
- var setOfficeId = (_a = bookingSlice.actions, _a.setOfficeId), setEntryStatus = _a.setEntryStatus, setCustomEntryStatusId = _a.setCustomEntryStatusId, setProductAttributes = _a.setProductAttributes, setBookingAttributes = _a.setBookingAttributes, setCalculateDeposit = _a.setCalculateDeposit, setBookingNumber = _a.setBookingNumber, setIsRetry = _a.setIsRetry, setFetchingPackage = _a.setFetchingPackage, setPackage = _a.setPackage, setPackageRooms = _a.setPackageRooms, setPackageOptionPax = _a.setPackageOptionPax, setPackageOptionUnits = _a.setPackageOptionUnits, setPackageGroups = _a.setPackageGroups, setSkipPayment = _a.setSkipPayment, setGeneratePaymentUrl = _a.setGeneratePaymentUrl;
7166
+ var setOfficeId = (_a = bookingSlice.actions, _a.setOfficeId), setEntryStatus = _a.setEntryStatus, setCustomEntryStatusId = _a.setCustomEntryStatusId, setProductAttributes = _a.setProductAttributes, setBookingAttributes = _a.setBookingAttributes, setCalculateDeposit = _a.setCalculateDeposit, setBookingNumber = _a.setBookingNumber, setIsRetry = _a.setIsRetry, setFetchingPackage = _a.setFetchingPackage, setPackage = _a.setPackage, setPackageRooms = _a.setPackageRooms, setPackageOptionPax = _a.setPackageOptionPax, setPackageOptionUnits = _a.setPackageOptionUnits, setPackageGroups = _a.setPackageGroups, setSkipPayment = _a.setSkipPayment, setGeneratePaymentUrl = _a.setGeneratePaymentUrl, setTagIds = _a.setTagIds;
7161
7167
  var bookingReducer = bookingSlice.reducer;
7162
7168
 
7163
7169
  var initialState = {
@@ -7218,6 +7224,7 @@ var SettingsContext = React.createContext({
7218
7224
  sidebarFooterComponent: null,
7219
7225
  loaderComponent: null,
7220
7226
  icons: null,
7227
+ tagIds: [],
7221
7228
  });
7222
7229
 
7223
7230
  var getDateFromParams = function (params, name) {
@@ -8315,7 +8322,7 @@ var OptionsForm = function () {
8315
8322
  var ProductCard = function (_a) {
8316
8323
  var productName = _a.productName, thumbnailUrl = _a.thumbnailUrl, handleToggleClick = _a.handleToggleClick;
8317
8324
  return (React.createElement("div", { className: "booking__product" },
8318
- React.createElement("div", { className: "booking__product-image" }, thumbnailUrl && (React.createElement("img", { src: "".concat(thumbnailUrl, "?height=100&width=100"), alt: productName, className: "mediacontent" }))),
8325
+ React.createElement("div", { className: "booking__product-image" }, thumbnailUrl && (React.createElement("img", { src: "".concat(thumbnailUrl, "?height=400&width=400"), alt: productName, className: "mediacontent" }))),
8319
8326
  React.createElement("div", { className: "booking__product-text" },
8320
8327
  React.createElement("h3", { className: "booking__product-heading" }, productName)),
8321
8328
  React.createElement("button", { type: "button", className: "booking__product-toggle", onClick: handleToggleClick })));
@@ -9169,7 +9176,7 @@ var TravelersForm = function () {
9169
9176
 
9170
9177
  var Booking = function (_a) {
9171
9178
  var productCode = _a.productCode, productName = _a.productName, thumbnailUrl = _a.thumbnailUrl;
9172
- var _b = useContext(SettingsContext), officeId = _b.officeId, entryStatus = _b.entryStatus, customEntryStatusId = _b.customEntryStatusId, basePath = _b.basePath, options = _b.options, summary = _b.summary, confirmation = _b.confirmation, error = _b.error, showSidebarDeposit = _b.showSidebarDeposit, includeFlights = _b.includeFlights, loaderComponent = _b.loaderComponent, skipPaymentWithAgent = _b.skipPaymentWithAgent, generatePaymentUrl = _b.generatePaymentUrl;
9179
+ var _b = useContext(SettingsContext), officeId = _b.officeId, entryStatus = _b.entryStatus, customEntryStatusId = _b.customEntryStatusId, basePath = _b.basePath, options = _b.options, summary = _b.summary, confirmation = _b.confirmation, error = _b.error, showSidebarDeposit = _b.showSidebarDeposit, includeFlights = _b.includeFlights, loaderComponent = _b.loaderComponent, skipPaymentWithAgent = _b.skipPaymentWithAgent, generatePaymentUrl = _b.generatePaymentUrl, tagIds = _b.tagIds;
9173
9180
  var dispatch = useAppDispatch();
9174
9181
  var location = useLocation();
9175
9182
  var productAttributes = useSelector(selectProductAttributes);
@@ -9248,6 +9255,7 @@ var Booking = function (_a) {
9248
9255
  dispatch(setEntryStatus(entryStatus));
9249
9256
  dispatch(setCustomEntryStatusId(customEntryStatusId !== null && customEntryStatusId !== void 0 ? customEntryStatusId : undefined));
9250
9257
  dispatch(setCalculateDeposit(showSidebarDeposit));
9258
+ dispatch(setTagIds(tagIds !== null && tagIds !== void 0 ? tagIds : undefined));
9251
9259
  }, [
9252
9260
  officeId,
9253
9261
  entryStatus,
@@ -9257,6 +9265,7 @@ var Booking = function (_a) {
9257
9265
  setEntryStatus,
9258
9266
  setCustomEntryStatusId,
9259
9267
  setCalculateDeposit,
9268
+ tagIds,
9260
9269
  ]);
9261
9270
  useEffect(function () {
9262
9271
  if (!productAttributes ||
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qite/tide-booking-component",
3
- "version": "0.0.2-preview.58",
3
+ "version": "0.0.2-preview.59",
4
4
  "description": "React BookingWizard component for Tide",
5
5
  "main": "build/build-cjs/index.js",
6
6
  "module": "build/build-esm/index.js",
package/src/booking-wizard/components/product-card.tsx CHANGED
@@ -16,7 +16,7 @@ const ProductCard: React.FC<ProductCardProps> = ({
16
16
  <div className="booking__product-image">
17
17
  {thumbnailUrl && (
18
18
  <img
19
- src={`${thumbnailUrl}?height=100&width=100`}
19
+ src={`${thumbnailUrl}?height=400&width=400`}
20
20
  alt={productName}
21
21
  className="mediacontent"
22
22
  />
package/src/booking-wizard/features/booking/booking-slice.ts CHANGED
@@ -40,6 +40,7 @@ export interface BookingState {
40
40
  skipPaymentWithAgent: boolean;
41
41
  generatePaymentUrl: boolean;
42
42
  isUnavailable?: boolean;
43
+ tagIds?: number[];
43
44
  }
44
45
 
45
46
  const initialState: BookingState = {
@@ -55,6 +56,7 @@ const initialState: BookingState = {
55
56
  isBusy: false,
56
57
  skipPaymentWithAgent: false,
57
58
  generatePaymentUrl: false,
59
+ tagIds: [],
58
60
  };
59
61
 
60
62
  export const fetchPackage = createAsyncThunk(
@@ -202,6 +204,9 @@ const bookingSlice = createSlice({
202
204
  const option = getActiveOption(state);
203
205
  if (option) option.groups = action.payload;
204
206
  },
207
+ setTagIds(state, action: PayloadAction<number[] | undefined>) {
208
+ state.tagIds = action.payload;
209
+ },
205
210
  },
206
211
  extraReducers: (builder) => {
207
212
  builder.addCase(fetchPackageDetails.fulfilled, (state, action) => {
@@ -272,6 +277,7 @@ export const {
272
277
  setPackageGroups,
273
278
  setSkipPayment,
274
279
  setGeneratePaymentUrl,
280
+ setTagIds,
275
281
  } = bookingSlice.actions;
276
282
 
277
283
  export default bookingSlice.reducer;
package/src/booking-wizard/features/booking/booking.tsx CHANGED
@@ -19,6 +19,7 @@ import {
19
19
  setOfficeId,
20
20
  setProductAttributes,
21
21
  setSkipPayment,
22
+ setTagIds,
22
23
  } from "./booking-slice";
23
24
  import { useSelector } from "react-redux";
24
25
 
@@ -69,6 +70,7 @@ const Booking: React.FC<BookingProps> = ({
69
70
  loaderComponent,
70
71
  skipPaymentWithAgent,
71
72
  generatePaymentUrl,
73
+ tagIds,
72
74
  } = useContext(SettingsContext);
73
75
 
74
76
  const dispatch = useAppDispatch();
@@ -176,6 +178,7 @@ const Booking: React.FC<BookingProps> = ({
176
178
  dispatch(setEntryStatus(entryStatus));
177
179
  dispatch(setCustomEntryStatusId(customEntryStatusId ?? undefined));
178
180
  dispatch(setCalculateDeposit(showSidebarDeposit));
181
+ dispatch(setTagIds(tagIds ?? undefined));
179
182
  }, [
180
183
  officeId,
181
184
  entryStatus,
@@ -185,6 +188,7 @@ const Booking: React.FC<BookingProps> = ({
185
188
  setEntryStatus,
186
189
  setCustomEntryStatusId,
187
190
  setCalculateDeposit,
191
+ tagIds,
188
192
  ]);
189
193
 
190
194
  useEffect(() => {
package/src/booking-wizard/features/booking/selectors.ts CHANGED
@@ -63,6 +63,8 @@ export const selectEntryStatus = (state: RootState) =>
63
63
  export const selectCustomEntryStatusId = (state: RootState) =>
64
64
  state.booking.customEntryStatusId;
65
65
 
66
+ export const selectTagIds = (state: RootState) => state.booking.tagIds;
67
+
66
68
  export const selectProductAttributes = (state: RootState) =>
67
69
  state.booking.productAttributes;
68
70
 
@@ -187,6 +189,7 @@ export const selectBookingPackageBookRequest = createSelector(
187
189
  selectGeneratePaymentUrl,
188
190
  selectSkipPaymentWithAgent,
189
191
  selectNotifications,
192
+ selectTagIds,
190
193
  (
191
194
  officeId,
192
195
  entryStatus,
@@ -198,7 +201,8 @@ export const selectBookingPackageBookRequest = createSelector(
198
201
  agentId,
199
202
  generatePaymentUrl,
200
203
  skipPaymentWithAgent,
201
- notifications
204
+ notifications,
205
+ tagIds
202
206
  ) => {
203
207
  if (!packageDetails || pax?.length == 0) return null;
204
208
 
@@ -220,6 +224,7 @@ export const selectBookingPackageBookRequest = createSelector(
220
224
  calculateDeposit: calculateDeposit,
221
225
  returnPaymentUrl: returnPaymentUrl,
222
226
  notifications: notifications,
227
+ tagIds: tagIds,
223
228
  },
224
229
  } as BookingPackageRequest<BookingPackageBookRequest>;
225
230
  }
package/src/booking-wizard/settings-context.ts CHANGED
@@ -33,6 +33,7 @@ const SettingsContext = React.createContext<SettingsContextProps>({
33
33
  sidebarFooterComponent: null,
34
34
  loaderComponent: null,
35
35
  icons: null,
36
+ tagIds: [],
36
37
  });
37
38
 
38
39
  export default SettingsContext;
package/src/booking-wizard/types.ts CHANGED
@@ -30,6 +30,7 @@ export interface Settings {
30
30
  sidebarFooterComponent?: JSX.Element | null;
31
31
  loaderComponent?: JSX.Element | null;
32
32
  icons?: string | null;
33
+ tagIds?: number[];
33
34
  }
34
35
 
35
36
  export interface SummaryCheckbox {