@qite/tide-booking-component 1.4.5 → 1.4.7

package/.vs/ProjectSettings.json

@@ -1,3 +1,3 @@
-{
-  "CurrentProjectSetting": null
-}
+{
+  "CurrentProjectSetting": null
+}

package/.vs/VSWorkspaceState.json

@@ -1,5 +1,5 @@
-{
-  "ExpandedNodes": [""],
-  "SelectedNode": "\\D:\\2.0. Qite\\Tide-Booking-Component\\tide-booking-component",
-  "PreviewInSolutionExplorer": false
-}
+{
+  "ExpandedNodes": [""],
+  "SelectedNode": "\\D:\\2.0. Qite\\Tide-Booking-Component\\tide-booking-component",
+  "PreviewInSolutionExplorer": false
+}

package/README.md

@@ -1,8 +1,8 @@
-# README
-
-This is the unified Tide Booking Component.
-
-## Remarks
-
-Do not forget to sync React versions when you're doing local changes and when you try to test them in a local React project (check https://reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react).
-If using the playground, after installing it's node modules execute the following command in the root folder `npm link ./playground/node_modules/react`
+# README
+
+This is the unified Tide Booking Component.
+
+## Remarks
+
+Do not forget to sync React versions when you're doing local changes and when you try to test them in a local React project (check https://reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react).
+If using the playground, after installing it's node modules execute the following command in the root folder `npm link ./playground/node_modules/react`

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

@@ -42,6 +42,6 @@ export declare const fetchPackage: import("@reduxjs/toolkit").AsyncThunk<void, v
     fulfilledMeta?: unknown;
     rejectedMeta?: unknown;
 }>;
-export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setOfficeId">, setLanguageCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setLanguageCode">, setTranslations: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "booking/setTranslations">, setBookingOptions: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptions, "booking/setBookingOptions">, setBookingType: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingType">, setProductAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<ProductAttributes, "booking/setProductAttributes">, setBookingAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAttributes, "booking/setBookingAttributes">, setCalculateDeposit: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setCalculateDeposit">, setBookingNumber: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingNumber">, setIsRetry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsRetry">, setFetchingPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setFetchingPackage">, setPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackage, "booking/setPackage">, setPackageRooms: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackageRoom[], "booking/setPackageRooms">, setPackageOptionPax: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionPax[], "booking/setPackageOptionPax">, setPackageOptionUnits: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionUnit[], "booking/setPackageOptionUnits">, setPackageGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionGroup<PerBookingPackageOption>[], "booking/setPackageGroups">, setSkipPayment: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setSkipPayment">, setGeneratePaymentUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setGeneratePaymentUrl">, setTagIds: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number[] | undefined, "booking/setTagIds">, setAgentAdressId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number | undefined, "booking/setAgentAdressId">, setBookingRemarks: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingRemarks">, setVoucherCodes: import("@reduxjs/toolkit").ActionCreatorWithPayload<string[], "booking/setVoucherCodes">, setCurrentStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingStep, "booking/setCurrentStep">, setPackageAirlineGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirlineGroup<AirlineBookingPackageOption>[], "booking/setPackageAirlineGroups">, setPackageAirportGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirportGroup<AirportBookingPackageOption>[], "booking/setPackageAirportGroups">, setFlights: import("@reduxjs/toolkit").ActionCreatorWithPayload<GroupedFlights, "booking/setFlights">, setAccommodationViewId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setAccommodationViewId">, setIsOption: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsOption">;
+export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setOfficeId">, setLanguageCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setLanguageCode">, setTranslations: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "booking/setTranslations">, setBookingOptions: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptions, "booking/setBookingOptions">, setBookingType: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingType">, 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">, setBookingNumber: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingNumber">, setIsRetry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsRetry">, setFetchingPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setFetchingPackage">, setPackage: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<BookingPackage | undefined, "booking/setPackage">, setPackageRooms: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackageRoom[], "booking/setPackageRooms">, setPackageOptionPax: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionPax[], "booking/setPackageOptionPax">, setPackageOptionUnits: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionUnit[], "booking/setPackageOptionUnits">, setPackageGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionGroup<PerBookingPackageOption>[], "booking/setPackageGroups">, setSkipPayment: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setSkipPayment">, setGeneratePaymentUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setGeneratePaymentUrl">, setTagIds: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number[] | undefined, "booking/setTagIds">, setAgentAdressId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number | undefined, "booking/setAgentAdressId">, setBookingRemarks: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingRemarks">, setVoucherCodes: import("@reduxjs/toolkit").ActionCreatorWithPayload<string[], "booking/setVoucherCodes">, setCurrentStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingStep, "booking/setCurrentStep">, setPackageAirlineGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirlineGroup<AirlineBookingPackageOption>[], "booking/setPackageAirlineGroups">, setPackageAirportGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirportGroup<AirportBookingPackageOption>[], "booking/setPackageAirportGroups">, setFlights: import("@reduxjs/toolkit").ActionCreatorWithPayload<GroupedFlights, "booking/setFlights">, setAccommodationViewId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setAccommodationViewId">, setIsOption: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsOption">;
 declare const _default: import("redux").Reducer<BookingState, import("redux").AnyAction>;
 export default _default;

package/build/build-cjs/index.js

@@ -12323,9 +12323,10 @@ var updatePackageRooms = function (rooms, index, accommodationCode, regimeCode,
                 if (availability) {
                     var accoCount = accoCounter.find(function (x) { return x.code === option.accommodationCode; });
                     var roomsLeft = availability.count - usedCount;
-                    var isOnRequest = isCurrentOption
-                        ? accoCount.count < 0 && ((_b = availability === null || availability === void 0 ? void 0 : availability.onRequestPossible) !== null && _b !== void 0 ? _b : false)
-                        : roomsLeft < 0 && ((_c = availability === null || availability === void 0 ? void 0 : availability.onRequestPossible) !== null && _c !== void 0 ? _c : false);
+                    var isOnRequest = (option.isOnRequest && availability.count == 99) // Tide sets count to 99 if an option falls back to on request.
+                        || (isCurrentOption
+                            ? accoCount.count < 0 && ((_b = availability === null || availability === void 0 ? void 0 : availability.onRequestPossible) !== null && _b !== void 0 ? _b : false)
+                            : roomsLeft < 0 && ((_c = availability === null || availability === void 0 ? void 0 : availability.onRequestPossible) !== null && _c !== void 0 ? _c : false));
                     if (isCurrentOption)
                         accoCount.count--;
                     return __assign(__assign({}, option), { isLocked: !option.isSelected &&
@@ -15066,6 +15067,13 @@ var Booking = function (_a) {
     var packageDetails = reactRedux.useSelector(selectPackageDetails);
     var isUnvailable = reactRedux.useSelector(selectIsUnavailable);
     var translations = reactRedux.useSelector(selectTranslations);
+    React.useEffect(function () {
+        return function () {
+            dispatch(setPackage(undefined));
+            dispatch(setBookingAttributes(undefined));
+            dispatch(setProductAttributes(undefined));
+        };
+    }, []);
     React.useEffect(function () {
         dispatch(setSkipPayment(skipPaymentWithAgent !== null && skipPaymentWithAgent !== void 0 ? skipPaymentWithAgent : false));
         dispatch(setGeneratePaymentUrl(generatePaymentUrl !== null && generatePaymentUrl !== void 0 ? generatePaymentUrl : false));

package/build/build-cjs/shared/utils/localization-util.d.ts

@@ -166,11 +166,8 @@ export declare const getTranslations: (language: string) => {
         CHOOSE_AGENT_PLACEHOLDER: string;
         VALIDATION: {
             TRAVELER_X_FIELD: string;
-            SINGLE_ROOM_TRAVELER_X_FIELD: string;
             TRAVELER_X_IS_NO_ADULT: string;
-            SINGLE_ROOM_TRAVELER_X_IS_NO_ADULT: string;
             TRAVELER_X_IS_NO_CHILD: string;
-            SINGLE_ROOM_TRAVELER_X_IS_NO_CHILD: string;
             NO_MAIN_BOOKER_SELECTED: string;
             MAIN_BOOKER_FIELD: string;
             MAIN_BOOKER_EMAIL_IS_INVALID: string;

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

@@ -42,6 +42,6 @@ export declare const fetchPackage: import("@reduxjs/toolkit").AsyncThunk<void, v
     fulfilledMeta?: unknown;
     rejectedMeta?: unknown;
 }>;
-export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setOfficeId">, setLanguageCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setLanguageCode">, setTranslations: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "booking/setTranslations">, setBookingOptions: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptions, "booking/setBookingOptions">, setBookingType: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingType">, setProductAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<ProductAttributes, "booking/setProductAttributes">, setBookingAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAttributes, "booking/setBookingAttributes">, setCalculateDeposit: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setCalculateDeposit">, setBookingNumber: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingNumber">, setIsRetry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsRetry">, setFetchingPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setFetchingPackage">, setPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackage, "booking/setPackage">, setPackageRooms: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackageRoom[], "booking/setPackageRooms">, setPackageOptionPax: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionPax[], "booking/setPackageOptionPax">, setPackageOptionUnits: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionUnit[], "booking/setPackageOptionUnits">, setPackageGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionGroup<PerBookingPackageOption>[], "booking/setPackageGroups">, setSkipPayment: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setSkipPayment">, setGeneratePaymentUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setGeneratePaymentUrl">, setTagIds: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number[] | undefined, "booking/setTagIds">, setAgentAdressId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number | undefined, "booking/setAgentAdressId">, setBookingRemarks: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingRemarks">, setVoucherCodes: import("@reduxjs/toolkit").ActionCreatorWithPayload<string[], "booking/setVoucherCodes">, setCurrentStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingStep, "booking/setCurrentStep">, setPackageAirlineGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirlineGroup<AirlineBookingPackageOption>[], "booking/setPackageAirlineGroups">, setPackageAirportGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirportGroup<AirportBookingPackageOption>[], "booking/setPackageAirportGroups">, setFlights: import("@reduxjs/toolkit").ActionCreatorWithPayload<GroupedFlights, "booking/setFlights">, setAccommodationViewId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setAccommodationViewId">, setIsOption: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsOption">;
+export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setOfficeId">, setLanguageCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setLanguageCode">, setTranslations: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "booking/setTranslations">, setBookingOptions: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptions, "booking/setBookingOptions">, setBookingType: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingType">, 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">, setBookingNumber: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingNumber">, setIsRetry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsRetry">, setFetchingPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setFetchingPackage">, setPackage: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<BookingPackage | undefined, "booking/setPackage">, setPackageRooms: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackageRoom[], "booking/setPackageRooms">, setPackageOptionPax: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionPax[], "booking/setPackageOptionPax">, setPackageOptionUnits: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionUnit[], "booking/setPackageOptionUnits">, setPackageGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionGroup<PerBookingPackageOption>[], "booking/setPackageGroups">, setSkipPayment: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setSkipPayment">, setGeneratePaymentUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setGeneratePaymentUrl">, setTagIds: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number[] | undefined, "booking/setTagIds">, setAgentAdressId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number | undefined, "booking/setAgentAdressId">, setBookingRemarks: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingRemarks">, setVoucherCodes: import("@reduxjs/toolkit").ActionCreatorWithPayload<string[], "booking/setVoucherCodes">, setCurrentStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingStep, "booking/setCurrentStep">, setPackageAirlineGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirlineGroup<AirlineBookingPackageOption>[], "booking/setPackageAirlineGroups">, setPackageAirportGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirportGroup<AirportBookingPackageOption>[], "booking/setPackageAirportGroups">, setFlights: import("@reduxjs/toolkit").ActionCreatorWithPayload<GroupedFlights, "booking/setFlights">, setAccommodationViewId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setAccommodationViewId">, setIsOption: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsOption">;
 declare const _default: import("redux").Reducer<BookingState, import("redux").AnyAction>;
 export default _default;

package/build/build-esm/index.js

@@ -12312,9 +12312,10 @@ var updatePackageRooms = function (rooms, index, accommodationCode, regimeCode,
                 if (availability) {
                     var accoCount = accoCounter.find(function (x) { return x.code === option.accommodationCode; });
                     var roomsLeft = availability.count - usedCount;
-                    var isOnRequest = isCurrentOption
-                        ? accoCount.count < 0 && ((_b = availability === null || availability === void 0 ? void 0 : availability.onRequestPossible) !== null && _b !== void 0 ? _b : false)
-                        : roomsLeft < 0 && ((_c = availability === null || availability === void 0 ? void 0 : availability.onRequestPossible) !== null && _c !== void 0 ? _c : false);
+                    var isOnRequest = (option.isOnRequest && availability.count == 99) // Tide sets count to 99 if an option falls back to on request.
+                        || (isCurrentOption
+                            ? accoCount.count < 0 && ((_b = availability === null || availability === void 0 ? void 0 : availability.onRequestPossible) !== null && _b !== void 0 ? _b : false)
+                            : roomsLeft < 0 && ((_c = availability === null || availability === void 0 ? void 0 : availability.onRequestPossible) !== null && _c !== void 0 ? _c : false));
                     if (isCurrentOption)
                         accoCount.count--;
                     return __assign(__assign({}, option), { isLocked: !option.isSelected &&
@@ -15055,6 +15056,13 @@ var Booking = function (_a) {
     var packageDetails = useSelector(selectPackageDetails);
     var isUnvailable = useSelector(selectIsUnavailable);
     var translations = useSelector(selectTranslations);
+    useEffect(function () {
+        return function () {
+            dispatch(setPackage(undefined));
+            dispatch(setBookingAttributes(undefined));
+            dispatch(setProductAttributes(undefined));
+        };
+    }, []);
     useEffect(function () {
         dispatch(setSkipPayment(skipPaymentWithAgent !== null && skipPaymentWithAgent !== void 0 ? skipPaymentWithAgent : false));
         dispatch(setGeneratePaymentUrl(generatePaymentUrl !== null && generatePaymentUrl !== void 0 ? generatePaymentUrl : false));

package/build/build-esm/shared/utils/localization-util.d.ts

@@ -166,11 +166,8 @@ export declare const getTranslations: (language: string) => {
         CHOOSE_AGENT_PLACEHOLDER: string;
         VALIDATION: {
             TRAVELER_X_FIELD: string;
-            SINGLE_ROOM_TRAVELER_X_FIELD: string;
             TRAVELER_X_IS_NO_ADULT: string;
-            SINGLE_ROOM_TRAVELER_X_IS_NO_ADULT: string;
             TRAVELER_X_IS_NO_CHILD: string;
-            SINGLE_ROOM_TRAVELER_X_IS_NO_CHILD: string;
             NO_MAIN_BOOKER_SELECTED: string;
             MAIN_BOOKER_FIELD: string;
             MAIN_BOOKER_EMAIL_IS_INVALID: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.5",
+  "version": "1.4.7",
   "description": "React Booking wizard & Booking product component for Tide",
   "main": "build/build-cjs/index.js",
   "module": "build/build-esm/index.js",

package/rollup.config.js

@@ -1,23 +1,23 @@
-import commonjs from "@rollup/plugin-commonjs";
-import del from "rollup-plugin-delete";
-import json from "@rollup/plugin-json";
-import nodeResolve from "@rollup/plugin-node-resolve";
-import packageJson from "./package.json";
-import peerDepsExternal from "rollup-plugin-peer-deps-external";
-import typescript from "rollup-plugin-typescript2";
-
-export default {
-  input: "src/index.ts",
-  output: [
-    { file: packageJson.main, format: "cjs", banner: "/* eslint-disable */" },
-    { file: packageJson.module, format: "esm", banner: "/* eslint-disable */" },
-  ],
-  plugins: [
-    peerDepsExternal(),
-    json(),
-    nodeResolve(),
-    commonjs(),
-    typescript(),
-    del({ targets: ["build/*"] }),
-  ],
-};
+import commonjs from "@rollup/plugin-commonjs";
+import del from "rollup-plugin-delete";
+import json from "@rollup/plugin-json";
+import nodeResolve from "@rollup/plugin-node-resolve";
+import packageJson from "./package.json";
+import peerDepsExternal from "rollup-plugin-peer-deps-external";
+import typescript from "rollup-plugin-typescript2";
+
+export default {
+  input: "src/index.ts",
+  output: [
+    { file: packageJson.main, format: "cjs", banner: "/* eslint-disable */" },
+    { file: packageJson.module, format: "esm", banner: "/* eslint-disable */" },
+  ],
+  plugins: [
+    peerDepsExternal(),
+    json(),
+    nodeResolve(),
+    commonjs(),
+    typescript(),
+    del({ targets: ["build/*"] }),
+  ],
+};

package/src/booking-product/components/age-select.tsx

@@ -1,35 +1,35 @@
-import { range } from "lodash";
-import React, { useContext } from "react";
-import { getTranslations } from "../../shared/utils/localization-util";
-import SettingsContext from "../settings-context";
-
-interface AgeSelectProps {
-  value?: number;
-  disabled?: boolean;
-  onChange?: (value: number) => void;
-}
-
-const AgeSelect: React.FC<AgeSelectProps> = ({ value, disabled, onChange }) => {
-  const { language } = useContext(SettingsContext);
-  const translations = getTranslations(language);
-
-  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = (event) => {
-    if (onChange) {
-      onChange(event.target.selectedIndex);
-    }
-  };
-
-  return (
-    <div className="dropdown dropdown--small">
-      <select onChange={handleChange} value={value ?? 0} disabled={disabled}>
-        {range(0, 18).map((age) => (
-          <option key={age} value={age}>
-            {age} {translations.PRODUCT.YEAR}
-          </option>
-        ))}
-      </select>
-    </div>
-  );
-};
-
-export default AgeSelect;
+import { range } from "lodash";
+import React, { useContext } from "react";
+import { getTranslations } from "../../shared/utils/localization-util";
+import SettingsContext from "../settings-context";
+
+interface AgeSelectProps {
+  value?: number;
+  disabled?: boolean;
+  onChange?: (value: number) => void;
+}
+
+const AgeSelect: React.FC<AgeSelectProps> = ({ value, disabled, onChange }) => {
+  const { language } = useContext(SettingsContext);
+  const translations = getTranslations(language);
+
+  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = (event) => {
+    if (onChange) {
+      onChange(event.target.selectedIndex);
+    }
+  };
+
+  return (
+    <div className="dropdown dropdown--small">
+      <select onChange={handleChange} value={value ?? 0} disabled={disabled}>
+        {range(0, 18).map((age) => (
+          <option key={age} value={age}>
+            {age} {translations.PRODUCT.YEAR}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+
+export default AgeSelect;

package/src/booking-product/components/amount-input.tsx

@@ -1,78 +1,78 @@
-import React, { useContext } from "react";
-import { getTranslations } from "../../shared/utils/localization-util";
-import SettingsContext from "../settings-context";
-import { buildClassName } from "../../shared/utils/class-util";
-import Icon from "./icon";
-
-interface AmountInputProps {
-  label: string;
-  value: number;
-  disabled?: boolean;
-  min?: number;
-  onChange?: (value: number) => void;
-}
-
-const AmountInput: React.FC<AmountInputProps> = ({
-  label,
-  value,
-  disabled,
-  min,
-  onChange,
-}) => {
-  const { language } = useContext(SettingsContext);
-  const translations = getTranslations(language);
-
-  const handleIncreaseClick: React.MouseEventHandler<HTMLButtonElement> = (
-    event
-  ) => {
-    if (onChange) {
-      onChange(value + 1);
-    }
-  };
-
-  const handleDecreaseClick: React.MouseEventHandler<HTMLButtonElement> = (
-    event
-  ) => {
-    if (onChange) {
-      onChange(Math.max(value - 1, min ?? 0));
-    }
-  };
-
-  return (
-    <div
-      className={buildClassName([
-        "decrement-increment",
-        disabled && "decrement-increment--disabled",
-      ])}
-    >
-      <label className="decrement-increment__label">{label}</label>
-      <div className="decrement-increment__ui">
-        {!disabled && (
-          <button
-            type="button"
-            className="button button--decrement"
-            title={translations.INPUT.DECREASE}
-            disabled={disabled}
-            onClick={handleDecreaseClick}
-          >
-            <Icon name="ui-min" />
-          </button>
-        )}
-        <span>{value}</span>
-        {!disabled && (
-          <button
-            type="button"
-            className="button button--increment"
-            title={translations.INPUT.INCREASE}
-            disabled={disabled}
-            onClick={handleIncreaseClick}
-          >
-            <Icon name="ui-plus" />
-          </button>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default AmountInput;
+import React, { useContext } from "react";
+import { getTranslations } from "../../shared/utils/localization-util";
+import SettingsContext from "../settings-context";
+import { buildClassName } from "../../shared/utils/class-util";
+import Icon from "./icon";
+
+interface AmountInputProps {
+  label: string;
+  value: number;
+  disabled?: boolean;
+  min?: number;
+  onChange?: (value: number) => void;
+}
+
+const AmountInput: React.FC<AmountInputProps> = ({
+  label,
+  value,
+  disabled,
+  min,
+  onChange,
+}) => {
+  const { language } = useContext(SettingsContext);
+  const translations = getTranslations(language);
+
+  const handleIncreaseClick: React.MouseEventHandler<HTMLButtonElement> = (
+    event
+  ) => {
+    if (onChange) {
+      onChange(value + 1);
+    }
+  };
+
+  const handleDecreaseClick: React.MouseEventHandler<HTMLButtonElement> = (
+    event
+  ) => {
+    if (onChange) {
+      onChange(Math.max(value - 1, min ?? 0));
+    }
+  };
+
+  return (
+    <div
+      className={buildClassName([
+        "decrement-increment",
+        disabled && "decrement-increment--disabled",
+      ])}
+    >
+      <label className="decrement-increment__label">{label}</label>
+      <div className="decrement-increment__ui">
+        {!disabled && (
+          <button
+            type="button"
+            className="button button--decrement"
+            title={translations.INPUT.DECREASE}
+            disabled={disabled}
+            onClick={handleDecreaseClick}
+          >
+            <Icon name="ui-min" />
+          </button>
+        )}
+        <span>{value}</span>
+        {!disabled && (
+          <button
+            type="button"
+            className="button button--increment"
+            title={translations.INPUT.INCREASE}
+            disabled={disabled}
+            onClick={handleIncreaseClick}
+          >
+            <Icon name="ui-plus" />
+          </button>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default AmountInput;

package/src/booking-product/components/date-range-picker/calendar-day.tsx

@@ -1,58 +1,58 @@
-import React from "react";
-import { getDate, isToday } from "date-fns";
-import { buildClassName } from "../../../shared/utils/class-util";
-
-interface CalendarDayProps {
-  day: Date;
-  isSelected: boolean;
-  isDisabled: boolean;
-  isOutsideMonth: boolean;
-  extraClassNames?: string[];
-  onClick: (date: Date) => void;
-  onMouseOver: (date: Date) => void;
-}
-
-const CalendarDay: React.FC<CalendarDayProps> = ({
-  day,
-  isSelected,
-  isDisabled,
-  isOutsideMonth,
-  extraClassNames = [],
-  children,
-  onClick,
-  onMouseOver,
-}) => {
-  const handleClick = () => {
-    if (onClick && !isDisabled) {
-      onClick(day);
-    }
-  };
-
-  const handleMouseOver = () => {
-    if (onMouseOver) {
-      onMouseOver(day);
-    }
-  };
-
-  const classNames = buildClassName([
-    "calendar__day",
-    isToday(day) && "calendar__day--today",
-    isDisabled && "calendar__day--disabled",
-    isOutsideMonth && "calendar__day--outside-month",
-    isSelected && "calendar__day--selected",
-    ...extraClassNames,
-  ]);
-
-  return (
-    <div
-      className={classNames}
-      onClick={handleClick}
-      onMouseOver={handleMouseOver}
-    >
-      {getDate(day).toString().padStart(2, "0")}
-      {children}
-    </div>
-  );
-};
-
-export default CalendarDay;
+import React from "react";
+import { getDate, isToday } from "date-fns";
+import { buildClassName } from "../../../shared/utils/class-util";
+
+interface CalendarDayProps {
+  day: Date;
+  isSelected: boolean;
+  isDisabled: boolean;
+  isOutsideMonth: boolean;
+  extraClassNames?: string[];
+  onClick: (date: Date) => void;
+  onMouseOver: (date: Date) => void;
+}
+
+const CalendarDay: React.FC<CalendarDayProps> = ({
+  day,
+  isSelected,
+  isDisabled,
+  isOutsideMonth,
+  extraClassNames = [],
+  children,
+  onClick,
+  onMouseOver,
+}) => {
+  const handleClick = () => {
+    if (onClick && !isDisabled) {
+      onClick(day);
+    }
+  };
+
+  const handleMouseOver = () => {
+    if (onMouseOver) {
+      onMouseOver(day);
+    }
+  };
+
+  const classNames = buildClassName([
+    "calendar__day",
+    isToday(day) && "calendar__day--today",
+    isDisabled && "calendar__day--disabled",
+    isOutsideMonth && "calendar__day--outside-month",
+    isSelected && "calendar__day--selected",
+    ...extraClassNames,
+  ]);
+
+  return (
+    <div
+      className={classNames}
+      onClick={handleClick}
+      onMouseOver={handleMouseOver}
+    >
+      {getDate(day).toString().padStart(2, "0")}
+      {children}
+    </div>
+  );
+};
+
+export default CalendarDay;