@roomstay/frontend 2.1.33 → 2.2.1

package/dist/src/contexts/Members/RoomstayMemberContext/RoomstayMemberContext.d.ts

@@ -1,20 +1,23 @@
 /// <reference types="react" />
 import { IRoomstayMember, IRoomstayMemberBooking, IRoomstayMemberBookingItem, IRoomstayMemberCards } from '@roomstay/core';
-export type IRoomstayMemberBookingItemWithRef = {
+export type IRoomstayMemberBookingItemWithRefAndHotelDetails = {
     bookingId: string;
+    hotelId: IRoomstayMemberBooking['hotelId'];
+    hotel: IRoomstayMemberBooking['hotel'];
 } & IRoomstayMemberBookingItem;
 export type IRoomstayMemberContext = {
     loading?: boolean;
     roomstayMember?: IRoomstayMember;
     cards?: IRoomstayMemberCards[];
     allBookings?: IRoomstayMemberBooking[];
-    allItineraries?: IRoomstayMemberBookingItemWithRef[];
-    cancelledBookings?: IRoomstayMemberBookingItemWithRef[];
-    pastBookings?: IRoomstayMemberBookingItemWithRef[];
-    upcomingBookings?: IRoomstayMemberBookingItemWithRef[];
+    allItineraries?: IRoomstayMemberBookingItemWithRefAndHotelDetails[];
+    cancelledBookings?: IRoomstayMemberBookingItemWithRefAndHotelDetails[];
+    pastBookings?: IRoomstayMemberBookingItemWithRefAndHotelDetails[];
+    upcomingBookings?: IRoomstayMemberBookingItemWithRefAndHotelDetails[];
     updateCardToMemberDetail?: (cards: IRoomstayMemberCards) => void;
     updateMemberDetails?: (newDetails: IRoomstayMember) => Promise<void>;
     fetchRoomstayMember?: () => Promise<void>;
+    isFetchingMember?: boolean;
 };
 export declare const RoomstayMemberContext: import("react").Context<IRoomstayMemberContext>;
 export declare const useMemberContext: () => IRoomstayMemberContext;

package/dist/src/contexts/Members/RoomstayMemberContext/RoomstayMemberContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomstayMemberContext.js","sourceRoot":"/","sources":["src/contexts/Members/RoomstayMemberContext/RoomstayMemberContext.ts"],"names":[],"mappings":";;;AAAA,iCAAkD;AAyBrC,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAAC,EAA4B,CAAC,CAAC;AAE1E,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,6BAAqB,CAAC,CAAC;AAA3D,QAAA,gBAAgB,oBAA2C","sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { IRoomstayMember, IRoomstayMemberBooking, IRoomstayMemberBookingItem, IRoomstayMemberCards } from '@roomstay/core';\n\nexport type IRoomstayMemberBookingItemWithRef = {\n    bookingId: string;\n} & IRoomstayMemberBookingItem;\n\nexport type IRoomstayMemberContext = {\n    loading?: boolean;\n    roomstayMember?: IRoomstayMember;\n    cards?: IRoomstayMemberCards[];\n\n    allBookings?: IRoomstayMemberBooking[];\n\n    allItineraries?: IRoomstayMemberBookingItemWithRef[];\n    cancelledBookings?: IRoomstayMemberBookingItemWithRef[];\n    pastBookings?: IRoomstayMemberBookingItemWithRef[];\n    upcomingBookings?: IRoomstayMemberBookingItemWithRef[];\n\n    updateCardToMemberDetail?: (cards: IRoomstayMemberCards) => void;\n    updateMemberDetails?: (newDetails: IRoomstayMember) => Promise<void>;\n    fetchRoomstayMember?: () => Promise<void>;\n};\n\nexport const RoomstayMemberContext = createContext({} as IRoomstayMemberContext);\n\nexport const useMemberContext = () => useContext(RoomstayMemberContext);\n"]}
+{"version":3,"file":"RoomstayMemberContext.js","sourceRoot":"/","sources":["src/contexts/Members/RoomstayMemberContext/RoomstayMemberContext.ts"],"names":[],"mappings":";;;AAAA,iCAAkD;AA4BrC,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAAC,EAA4B,CAAC,CAAC;AAE1E,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,6BAAqB,CAAC,CAAC;AAA3D,QAAA,gBAAgB,oBAA2C","sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { IRoomstayMember, IRoomstayMemberBooking, IRoomstayMemberBookingItem, IRoomstayMemberCards } from '@roomstay/core';\n\nexport type IRoomstayMemberBookingItemWithRefAndHotelDetails = {\n    bookingId: string;\n    hotelId: IRoomstayMemberBooking['hotelId'];\n    hotel: IRoomstayMemberBooking['hotel'];\n} & IRoomstayMemberBookingItem;\n\nexport type IRoomstayMemberContext = {\n    loading?: boolean;\n    roomstayMember?: IRoomstayMember;\n    cards?: IRoomstayMemberCards[];\n\n    allBookings?: IRoomstayMemberBooking[];\n\n    allItineraries?: IRoomstayMemberBookingItemWithRefAndHotelDetails[];\n    cancelledBookings?: IRoomstayMemberBookingItemWithRefAndHotelDetails[];\n    pastBookings?: IRoomstayMemberBookingItemWithRefAndHotelDetails[];\n    upcomingBookings?: IRoomstayMemberBookingItemWithRefAndHotelDetails[];\n\n    updateCardToMemberDetail?: (cards: IRoomstayMemberCards) => void;\n    updateMemberDetails?: (newDetails: IRoomstayMember) => Promise<void>;\n    fetchRoomstayMember?: () => Promise<void>;\n    isFetchingMember?: boolean;\n};\n\nexport const RoomstayMemberContext = createContext({} as IRoomstayMemberContext);\n\nexport const useMemberContext = () => useContext(RoomstayMemberContext);\n"]}

package/dist/src/contexts/Members/RoomstayMemberContext/RoomstayMemberContextProvider.js

@@ -30,8 +30,11 @@ const contexts_1 = require("../../index.js");
 const core_1 = require("@roomstay/core");
 const MembersServiceAPI_1 = require("../../../api/members-service/MembersServiceAPI");
 const dayjs_1 = __importDefault(require("dayjs"));
+const hooks_1 = require("../../../hooks/index.js");
 const useRoomstayMemberContext = () => {
     const { loading: acLoading, cognitoUser, changePassword } = (0, react_2.useContext)(contexts_1.AuthenticationContext);
+    const { hasCheckedOut } = (0, react_2.useContext)(contexts_1.BasketContext);
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
     const [isFetching, isFetchingSet] = (0, react_2.useState)(false);
     const [roomstayMember, roomstayMemberSet] = (0, react_2.useState)();
     const [cards, cardsSet] = (0, react_2.useState)([]);
@@ -53,7 +56,8 @@ const useRoomstayMemberContext = () => {
         for (const booking of allBookings) {
             const itineraryKeys = Object.keys(booking.itinerary);
             for (const key of itineraryKeys) {
-                itineraries.push(Object.assign(Object.assign({}, booking.itinerary[key]), { bookingId: booking.itineraryId }));
+                const bookingItem = Object.assign(Object.assign({}, booking.itinerary[key]), { bookingId: booking.itineraryId, hotel: booking.hotel, hotelId: booking.hotelId });
+                itineraries.push(bookingItem);
             }
         }
         itineraries.sort((a, b) => {
@@ -67,7 +71,25 @@ const useRoomstayMemberContext = () => {
             upcoming: [],
             cancelled: [],
         };
-        for (const booking of allItineraries) {
+        const sortedAllItineraries = allItineraries.sort(({ checkInDate: aCheckInDateString, checkOutDate: aCheckOutDateString }, { checkInDate: bCheckInDateString, checkOutDate: bCheckOutDateString }) => {
+            const aCheckInDate = (0, dayjs_1.default)(aCheckInDateString);
+            const bCheckInDate = (0, dayjs_1.default)(bCheckInDateString);
+            if (aCheckInDate.isSame(bCheckInDate)) {
+                const aCheckOutDate = (0, dayjs_1.default)(aCheckOutDateString);
+                const bCheckOutDate = (0, dayjs_1.default)(bCheckOutDateString);
+                if (aCheckOutDate.isSame(bCheckOutDate))
+                    return 0;
+                else if (aCheckOutDate.isBefore(bCheckOutDate))
+                    return -1;
+                else
+                    return 1;
+            }
+            else if (aCheckInDate.isBefore(bCheckInDate))
+                return -1;
+            else
+                return 1;
+        });
+        for (const booking of sortedAllItineraries) {
             if (booking.status === core_1.IBookingStatus.Cancelled) {
                 bookingBrackets.cancelled.push(booking);
             }
@@ -82,7 +104,7 @@ const useRoomstayMemberContext = () => {
         setUpcomingBookings(bookingBrackets.upcoming);
         setPastBookings(bookingBrackets.past);
     }, [allItineraries]);
-    const loading = (0, react_2.useMemo)(() => isFetching || acLoading, [isFetching]);
+    const loading = (0, react_2.useMemo)(() => isFetching || acLoading, [isFetching, acLoading]);
     const fetchRoomstayMember = (0, react_2.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
         if (cognitoUser) {
@@ -94,6 +116,7 @@ const useRoomstayMemberContext = () => {
             }
             catch (e) {
                 // TODO deal with members that we haven't been able to fetch
+                console.log(e);
             }
             isFetchingSet(false);
         }
@@ -104,6 +127,11 @@ const useRoomstayMemberContext = () => {
     (0, react_2.useEffect)(() => {
         fetchRoomstayMember();
     }, [fetchRoomstayMember]);
+    (0, react_2.useEffect)(() => {
+        if (hasCheckedOut) {
+            fetchRoomstayMember();
+        }
+    }, [hasCheckedOut]);
     const updateCardToMemberDetail = (card) => {
         const index = roomstayMember === null || roomstayMember === void 0 ? void 0 : roomstayMember.cards.findIndex((item) => item.cardId === card.cardId);
         if (index && (roomstayMember === null || roomstayMember === void 0 ? void 0 : roomstayMember.cards[index])) {
@@ -126,13 +154,15 @@ const useRoomstayMemberContext = () => {
             if (updatedMember && updatedMember.username) {
                 roomstayMemberSet(updatedMember);
             }
+            if (updatedMember === null || updatedMember === void 0 ? void 0 : updatedMember.cards)
+                cardsSet([...updatedMember.cards]);
         }
         catch (e) {
             // TODO
         }
         try {
             if (currentPassword && newPassword && confirmPassword) {
-                yield changePassword(currentPassword, newPassword);
+                yield changePassword(currentPassword, newPassword, { hotel });
             }
         }
         catch (e) {
@@ -152,6 +182,7 @@ const useRoomstayMemberContext = () => {
         updateCardToMemberDetail,
         updateMemberDetails,
         fetchRoomstayMember,
+        isFetchingMember: isFetching,
     };
 };
 const RoomstayMemberContextProvider = ({ children }) => {

package/dist/src/contexts/Members/RoomstayMemberContext/RoomstayMemberContextProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomstayMemberContextProvider.js","sourceRoot":"/","sources":["src/contexts/Members/RoomstayMemberContext/RoomstayMemberContextProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useCallback, useContext, useEffect, useMemo, useState } from 'react';\nimport { AuthenticationContext, IChangePassword, IRoomstayMemberBookingItemWithRef, IRoomstayMemberContext, RoomstayMemberContext } from '@frontend/contexts';\nimport { IBookingStatus, IRoomstayMember, IRoomstayMemberBooking, IRoomstayMemberCards } from '@roomstay/core';\nimport { GetMemberDetails, UpdateMemberDetails } from '@/api/members-service/MembersServiceAPI';\nimport dayjs from 'dayjs';\n\nconst useRoomstayMemberContext = (): IRoomstayMemberContext => {\n    const { loading: acLoading, cognitoUser, changePassword } = useContext(AuthenticationContext);\n    const [isFetching, isFetchingSet] = useState<boolean>(false);\n    const [roomstayMember, roomstayMemberSet] = useState<IRoomstayMember | undefined>();\n    const [cards, cardsSet] = useState<IRoomstayMemberCards[]>([]);\n\n    const [allBookings, setAllBookings] = useState<IRoomstayMemberBooking[]>([]);\n\n    const [allItineraries, setAllItineraries] = useState<IRoomstayMemberBookingItemWithRef[]>([]);\n    const [cancelledBookings, setCancelledBookings] = useState<IRoomstayMemberBookingItemWithRef[]>([]);\n    const [pastBookings, setPastBookings] = useState<IRoomstayMemberBookingItemWithRef[]>([]);\n    const [upcomingBookings, setUpcomingBookings] = useState<IRoomstayMemberBookingItemWithRef[]>([]);\n\n    useEffect(() => {\n        if (roomstayMember) {\n            setAllBookings(roomstayMember.bookings);\n        } else {\n            setAllBookings([]);\n        }\n    }, [roomstayMember]);\n\n    useEffect(() => {\n        const itineraries = [];\n        for (const booking of allBookings) {\n            const itineraryKeys = Object.keys(booking.itinerary);\n\n            for (const key of itineraryKeys) {\n                itineraries.push({ ...booking.itinerary[key], bookingId: booking.itineraryId });\n            }\n        }\n\n        itineraries.sort((a, b) => {\n            return dayjs(b.checkInDate).diff(dayjs(a.checkInDate));\n        });\n\n        setAllItineraries(itineraries);\n    }, [allBookings]);\n\n    useEffect(() => {\n        const bookingBrackets: { [key in 'cancelled' | 'past' | 'upcoming']: IRoomstayMemberBookingItemWithRef[] } = {\n            past: [],\n            upcoming: [],\n            cancelled: [],\n        };\n\n        for (const booking of allItineraries) {\n            if (booking.status === IBookingStatus.Cancelled) {\n                bookingBrackets.cancelled.push(booking);\n            } else if (dayjs(booking.checkOutDate).isBefore(dayjs())) {\n                bookingBrackets.past.push(booking);\n            } else {\n                bookingBrackets.upcoming.push(booking);\n            }\n        }\n\n        setCancelledBookings(bookingBrackets.cancelled);\n        setUpcomingBookings(bookingBrackets.upcoming);\n        setPastBookings(bookingBrackets.past);\n    }, [allItineraries]);\n\n    const loading = useMemo(() => isFetching || acLoading, [isFetching]);\n\n    const fetchRoomstayMember = useCallback(async () => {\n        if (cognitoUser) {\n            isFetchingSet(true);\n            try {\n                const member = await GetMemberDetails();\n                roomstayMemberSet(member);\n                cardsSet(member.cards ?? []);\n            } catch (e) {\n                // TODO deal with members that we haven't been able to fetch\n            }\n            isFetchingSet(false);\n        } else {\n            roomstayMemberSet(undefined);\n        }\n    }, [cognitoUser]);\n\n    useEffect(() => {\n        fetchRoomstayMember();\n    }, [fetchRoomstayMember]);\n\n    const updateCardToMemberDetail = (card: IRoomstayMemberCards): void => {\n        const index = roomstayMember?.cards.findIndex((item) => item.cardId === card.cardId);\n        if (index && roomstayMember?.cards[index]) {\n            if (index !== -1) {\n                roomstayMember.cards[index] = card;\n            } else {\n                roomstayMember.cards.push(card);\n            }\n        }\n\n        if (roomstayMember?.cards) cardsSet([...roomstayMember.cards]);\n        roomstayMemberSet(roomstayMember);\n    };\n\n    const updateMemberDetails = async (newMemberDetails: IRoomstayMember & IChangePassword) => {\n        const { currentPassword = null, newPassword = null, confirmPassword = null, ...memberDetailsToSubmit } = newMemberDetails;\n        isFetchingSet(true);\n        try {\n            const updatedMember = await UpdateMemberDetails(memberDetailsToSubmit);\n\n            if (updatedMember && updatedMember.username) {\n                roomstayMemberSet(updatedMember);\n            }\n        } catch (e) {\n            // TODO\n        }\n        try {\n            if (currentPassword && newPassword && confirmPassword) {\n                await changePassword(currentPassword, newPassword);\n            }\n        } catch (e) {\n            // TODO\n        }\n\n        isFetchingSet(false);\n    };\n\n    return {\n        loading,\n        roomstayMember,\n        cards,\n\n        allBookings,\n\n        allItineraries,\n        upcomingBookings,\n        pastBookings,\n        cancelledBookings,\n\n        updateCardToMemberDetail,\n        updateMemberDetails,\n        fetchRoomstayMember,\n    };\n};\n\nexport const RoomstayMemberContextProvider: React.FC = ({ children }) => {\n    return <RoomstayMemberContext.Provider value={useRoomstayMemberContext()}>{children}</RoomstayMemberContext.Provider>;\n};\n"]}
+{"version":3,"file":"RoomstayMemberContextProvider.js","sourceRoot":"/","sources":["src/contexts/Members/RoomstayMemberContext/RoomstayMemberContextProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useCallback, useContext, useEffect, useMemo, useState } from 'react';\nimport {\n    AuthenticationContext,\n    BasketContext,\n    IChangePassword,\n    IRoomstayMemberBookingItemWithRefAndHotelDetails,\n    IRoomstayMemberContext,\n    RoomstayMemberContext,\n} from '@frontend/contexts';\nimport { IBookingStatus, IRoomstayMember, IRoomstayMemberBooking, IRoomstayMemberCards } from '@roomstay/core';\nimport { GetMemberDetails, UpdateMemberDetails } from '@/api/members-service/MembersServiceAPI';\nimport dayjs from 'dayjs';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nconst useRoomstayMemberContext = (): IRoomstayMemberContext => {\n    const { loading: acLoading, cognitoUser, changePassword } = useContext(AuthenticationContext);\n    const { hasCheckedOut } = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const [isFetching, isFetchingSet] = useState<boolean>(false);\n    const [roomstayMember, roomstayMemberSet] = useState<IRoomstayMember | undefined>();\n    const [cards, cardsSet] = useState<IRoomstayMemberCards[]>([]);\n\n    const [allBookings, setAllBookings] = useState<IRoomstayMemberBooking[]>([]);\n\n    const [allItineraries, setAllItineraries] = useState<IRoomstayMemberBookingItemWithRefAndHotelDetails[]>([]);\n    const [cancelledBookings, setCancelledBookings] = useState<IRoomstayMemberBookingItemWithRefAndHotelDetails[]>([]);\n    const [pastBookings, setPastBookings] = useState<IRoomstayMemberBookingItemWithRefAndHotelDetails[]>([]);\n    const [upcomingBookings, setUpcomingBookings] = useState<IRoomstayMemberBookingItemWithRefAndHotelDetails[]>([]);\n\n    useEffect(() => {\n        if (roomstayMember) {\n            setAllBookings(roomstayMember.bookings);\n        } else {\n            setAllBookings([]);\n        }\n    }, [roomstayMember]);\n\n    useEffect(() => {\n        const itineraries = [];\n        for (const booking of allBookings) {\n            const itineraryKeys = Object.keys(booking.itinerary);\n\n            for (const key of itineraryKeys) {\n                const bookingItem: IRoomstayMemberBookingItemWithRefAndHotelDetails = {\n                    ...booking.itinerary[key],\n                    bookingId: booking.itineraryId,\n                    hotel: booking.hotel,\n                    hotelId: booking.hotelId,\n                };\n\n                itineraries.push(bookingItem);\n            }\n        }\n\n        itineraries.sort((a, b) => {\n            return dayjs(b.checkInDate).diff(dayjs(a.checkInDate));\n        });\n\n        setAllItineraries(itineraries);\n    }, [allBookings]);\n\n    useEffect(() => {\n        const bookingBrackets: { [key in 'cancelled' | 'past' | 'upcoming']: IRoomstayMemberBookingItemWithRefAndHotelDetails[] } = {\n            past: [],\n            upcoming: [],\n            cancelled: [],\n        };\n\n        const sortedAllItineraries = allItineraries.sort(\n            ({ checkInDate: aCheckInDateString, checkOutDate: aCheckOutDateString }, { checkInDate: bCheckInDateString, checkOutDate: bCheckOutDateString }) => {\n                const aCheckInDate = dayjs(aCheckInDateString);\n                const bCheckInDate = dayjs(bCheckInDateString);\n                if (aCheckInDate.isSame(bCheckInDate)) {\n                    const aCheckOutDate = dayjs(aCheckOutDateString);\n                    const bCheckOutDate = dayjs(bCheckOutDateString);\n                    if (aCheckOutDate.isSame(bCheckOutDate)) return 0;\n                    else if (aCheckOutDate.isBefore(bCheckOutDate)) return -1;\n                    else return 1;\n                } else if (aCheckInDate.isBefore(bCheckInDate)) return -1;\n                else return 1;\n            }\n        );\n\n        for (const booking of sortedAllItineraries) {\n            if (booking.status === IBookingStatus.Cancelled) {\n                bookingBrackets.cancelled.push(booking);\n            } else if (dayjs(booking.checkOutDate).isBefore(dayjs())) {\n                bookingBrackets.past.push(booking);\n            } else {\n                bookingBrackets.upcoming.push(booking);\n            }\n        }\n\n        setCancelledBookings(bookingBrackets.cancelled);\n        setUpcomingBookings(bookingBrackets.upcoming);\n        setPastBookings(bookingBrackets.past);\n    }, [allItineraries]);\n\n    const loading = useMemo(() => isFetching || acLoading, [isFetching, acLoading]);\n\n    const fetchRoomstayMember = useCallback(async () => {\n        if (cognitoUser) {\n            isFetchingSet(true);\n            try {\n                const member = await GetMemberDetails();\n                roomstayMemberSet(member);\n                cardsSet(member.cards ?? []);\n            } catch (e) {\n                // TODO deal with members that we haven't been able to fetch\n                console.log(e);\n            }\n            isFetchingSet(false);\n        } else {\n            roomstayMemberSet(undefined);\n        }\n    }, [cognitoUser]);\n\n    useEffect(() => {\n        fetchRoomstayMember();\n    }, [fetchRoomstayMember]);\n\n    useEffect(() => {\n        if (hasCheckedOut) {\n            fetchRoomstayMember();\n        }\n    }, [hasCheckedOut]);\n\n    const updateCardToMemberDetail = (card: IRoomstayMemberCards): void => {\n        const index = roomstayMember?.cards.findIndex((item) => item.cardId === card.cardId);\n        if (index && roomstayMember?.cards[index]) {\n            if (index !== -1) {\n                roomstayMember.cards[index] = card;\n            } else {\n                roomstayMember.cards.push(card);\n            }\n        }\n\n        if (roomstayMember?.cards) cardsSet([...roomstayMember.cards]);\n        roomstayMemberSet(roomstayMember);\n    };\n\n    const updateMemberDetails = async (newMemberDetails: IRoomstayMember & IChangePassword) => {\n        const { currentPassword = null, newPassword = null, confirmPassword = null, ...memberDetailsToSubmit } = newMemberDetails;\n        isFetchingSet(true);\n        try {\n            const updatedMember = await UpdateMemberDetails(memberDetailsToSubmit);\n\n            if (updatedMember && updatedMember.username) {\n                roomstayMemberSet(updatedMember);\n            }\n            if (updatedMember?.cards) cardsSet([...updatedMember.cards]);\n        } catch (e) {\n            // TODO\n        }\n        try {\n            if (currentPassword && newPassword && confirmPassword) {\n                await changePassword(currentPassword, newPassword, { hotel });\n            }\n        } catch (e) {\n            // TODO\n        }\n\n        isFetchingSet(false);\n    };\n\n    return {\n        loading,\n        roomstayMember,\n        cards,\n\n        allBookings,\n\n        allItineraries,\n        upcomingBookings,\n        pastBookings,\n        cancelledBookings,\n\n        updateCardToMemberDetail,\n        updateMemberDetails,\n        fetchRoomstayMember,\n        isFetchingMember: isFetching,\n    };\n};\n\nexport const RoomstayMemberContextProvider: React.FC = ({ children }) => {\n    return <RoomstayMemberContext.Provider value={useRoomstayMemberContext()}>{children}</RoomstayMemberContext.Provider>;\n};\n"]}

package/dist/src/engines/BaseEngine.d.ts

@@ -6,7 +6,8 @@ export declare enum BookingEngineSource {
     Inline = "inline",
     RecentSearches = "recent-searches",
     Fullpage = "fullpage",
-    BookingWizard = "booking-wizard"
+    BookingWizard = "booking-wizard",
+    Auth = "auth"
 }
 export declare abstract class BaseEngine<C extends BaseEngineConfig> {
     protected source: BookingEngineSource;

package/dist/src/engines/BaseEngine.js

@@ -21,6 +21,7 @@ var BookingEngineSource;
     BookingEngineSource["RecentSearches"] = "recent-searches";
     BookingEngineSource["Fullpage"] = "fullpage";
     BookingEngineSource["BookingWizard"] = "booking-wizard";
+    BookingEngineSource["Auth"] = "auth";
 })(BookingEngineSource = exports.BookingEngineSource || (exports.BookingEngineSource = {}));
 class BaseEngine {
     constructor(bookingContainer, config) {
@@ -35,7 +36,6 @@ class BaseEngine {
             this.sessionProvider = new SessionProvider_1.default();
             this.sessionProvider.initialize(sessionId, this.source).then(() => __awaiter(this, void 0, void 0, function* () {
                 this.initialSession = yield this.sessionProvider.getSession();
-                console.log(this.initialSession);
             }));
             setTimeout(() => {
                 this.render();

package/dist/src/engines/BaseEngine.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseEngine.js","sourceRoot":"/","sources":["src/engines/BaseEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,0FAAkE;AAClE,kFAA0D;AAM1D,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC3B,wCAAiB,CAAA;IACjB,yDAAkC,CAAA;IAClC,4CAAqB,CAAA;IACrB,uDAAgC,CAAA;AACpC,CAAC,EALW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAK9B;AACD,MAAsB,UAAU;IAQ5B,YAAY,gBAA6B,EAAE,MAAU;QAarC,UAAK,GAAG,GAAS,EAAE;YAC/B,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC;YACtF,IAAI,SAAS,GAAQ,IAAI,CAAC;YAC1B,IAAI,WAAW,EAAE;gBACb,IAAI,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;oBAC5B,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;iBAC1C;aACJ;YAED,IAAI,CAAC,eAAe,GAAG,IAAI,yBAAe,EAAE,CAAC;YAC7C,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAS,EAAE;gBACpE,IAAI,CAAC,cAAc,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;gBAC9D,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YACrC,CAAC,CAAA,CAAC,CAAC;YAEH,UAAU,CAAC,GAAG,EAAE;gBACZ,IAAI,CAAC,MAAM,EAAE,CAAC;YAClB,CAAC,EAAE,CAAC,CAAC,CAAC;QACV,CAAC,CAAA,CAAC;QA9BE,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;QAElE,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,MAAW,CAAC,CAAC;SAC/B;QAED,2BAA2B;QAC3B,6BAAmB,CAAC,eAAe,GAAG,gBAAgB,CAAC;QACvD,6BAAmB,CAAC,IAAI,EAAE,CAAC;IAC/B,CAAC;IAsBM,iBAAiB;QACpB,IAAI,IAAI,CAAC,cAAc,EAAE;YACrB,OAAO,IAAI,CAAC,cAAc,CAAC;SAC9B;QAED,OAAO,CAAC,KAAK,CAAC,0DAA0D,CAAC,CAAC;QAC1E,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,kBAAkB;QACrB,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAEM,SAAS,CAAC,MAAS;QACtB,kCAAkC;QAClC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;IAC/B,CAAC;IAEM,SAAS;QACZ,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAEM,SAAS;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;CAGJ;AApED,gCAoEC","sourcesContent":["import RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport SessionProvider from '@/providers/SessionProvider';\nimport { RoomstaySession } from '@/models/RoomstaySession';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface BaseEngineConfig {}\n\nexport enum BookingEngineSource {\n    Inline = 'inline',\n    RecentSearches = 'recent-searches',\n    Fullpage = 'fullpage',\n    BookingWizard = 'booking-wizard',\n}\nexport abstract class BaseEngine<C extends BaseEngineConfig> {\n    protected source!: BookingEngineSource;\n    protected readonly bookingContainer: HTMLElement;\n    protected sessionProvider!: SessionProvider;\n    protected initialSession!: RoomstaySession;\n\n    protected engineConfig!: C;\n\n    constructor(bookingContainer: HTMLElement, config?: C) {\n        this.bookingContainer = bookingContainer;\n        this.bookingContainer.classList.add('roomstay-booking-container');\n\n        if (this.engineConfig) {\n            this.setConfig(config as C);\n        }\n\n        // TODO: Update these calls\n        RoomstayThemeEngine.EngineContainer = bookingContainer;\n        RoomstayThemeEngine.init();\n    }\n\n    public readonly start = async () => {\n        const queryParams = new URLSearchParams(window.location.hash.replace(/^#\\/.+\\//, ''));\n        let sessionId: any = null;\n        if (queryParams) {\n            if (queryParams.has('session')) {\n                sessionId = queryParams.get('session');\n            }\n        }\n\n        this.sessionProvider = new SessionProvider();\n        this.sessionProvider.initialize(sessionId, this.source).then(async () => {\n            this.initialSession = await this.sessionProvider.getSession();\n            console.log(this.initialSession);\n        });\n\n        setTimeout(() => {\n            this.render();\n        }, 1);\n    };\n\n    public getInitialSession(): RoomstaySession | null {\n        if (this.initialSession) {\n            return this.initialSession;\n        }\n\n        console.error('Tried Loading session without engine initializing first.');\n        return null;\n    }\n\n    public getSessionProvider() {\n        return this.sessionProvider;\n    }\n\n    public setConfig(config: C) {\n        // TODO: add hook updates in here.\n        this.engineConfig = config;\n    }\n\n    public getConfig() {\n        return this.engineConfig;\n    }\n\n    public getSource(): BookingEngineSource {\n        return this.source;\n    }\n\n    protected abstract render(): Promise<void>;\n}\n"]}
+{"version":3,"file":"BaseEngine.js","sourceRoot":"/","sources":["src/engines/BaseEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,0FAAkE;AAClE,kFAA0D;AAM1D,IAAY,mBAMX;AAND,WAAY,mBAAmB;IAC3B,wCAAiB,CAAA;IACjB,yDAAkC,CAAA;IAClC,4CAAqB,CAAA;IACrB,uDAAgC,CAAA;IAChC,oCAAa,CAAA;AACjB,CAAC,EANW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAM9B;AACD,MAAsB,UAAU;IAQ5B,YAAY,gBAA6B,EAAE,MAAU;QAarC,UAAK,GAAG,GAAS,EAAE;YAC/B,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC;YACtF,IAAI,SAAS,GAAQ,IAAI,CAAC;YAC1B,IAAI,WAAW,EAAE;gBACb,IAAI,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;oBAC5B,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;iBAC1C;aACJ;YAED,IAAI,CAAC,eAAe,GAAG,IAAI,yBAAe,EAAE,CAAC;YAC7C,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAS,EAAE;gBACpE,IAAI,CAAC,cAAc,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;YAClE,CAAC,CAAA,CAAC,CAAC;YAEH,UAAU,CAAC,GAAG,EAAE;gBACZ,IAAI,CAAC,MAAM,EAAE,CAAC;YAClB,CAAC,EAAE,CAAC,CAAC,CAAC;QACV,CAAC,CAAA,CAAC;QA7BE,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;QAElE,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,MAAW,CAAC,CAAC;SAC/B;QAED,2BAA2B;QAC3B,6BAAmB,CAAC,eAAe,GAAG,gBAAgB,CAAC;QACvD,6BAAmB,CAAC,IAAI,EAAE,CAAC;IAC/B,CAAC;IAqBM,iBAAiB;QACpB,IAAI,IAAI,CAAC,cAAc,EAAE;YACrB,OAAO,IAAI,CAAC,cAAc,CAAC;SAC9B;QAED,OAAO,CAAC,KAAK,CAAC,0DAA0D,CAAC,CAAC;QAC1E,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,kBAAkB;QACrB,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAEM,SAAS,CAAC,MAAS;QACtB,kCAAkC;QAClC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;IAC/B,CAAC;IAEM,SAAS;QACZ,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAEM,SAAS;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;CAGJ;AAnED,gCAmEC","sourcesContent":["import RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport SessionProvider from '@/providers/SessionProvider';\nimport { RoomstaySession } from '@/models/RoomstaySession';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface BaseEngineConfig {}\n\nexport enum BookingEngineSource {\n    Inline = 'inline',\n    RecentSearches = 'recent-searches',\n    Fullpage = 'fullpage',\n    BookingWizard = 'booking-wizard',\n    Auth = 'auth',\n}\nexport abstract class BaseEngine<C extends BaseEngineConfig> {\n    protected source!: BookingEngineSource;\n    protected readonly bookingContainer: HTMLElement;\n    protected sessionProvider!: SessionProvider;\n    protected initialSession!: RoomstaySession;\n\n    protected engineConfig!: C;\n\n    constructor(bookingContainer: HTMLElement, config?: C) {\n        this.bookingContainer = bookingContainer;\n        this.bookingContainer.classList.add('roomstay-booking-container');\n\n        if (this.engineConfig) {\n            this.setConfig(config as C);\n        }\n\n        // TODO: Update these calls\n        RoomstayThemeEngine.EngineContainer = bookingContainer;\n        RoomstayThemeEngine.init();\n    }\n\n    public readonly start = async () => {\n        const queryParams = new URLSearchParams(window.location.hash.replace(/^#\\/.+\\//, ''));\n        let sessionId: any = null;\n        if (queryParams) {\n            if (queryParams.has('session')) {\n                sessionId = queryParams.get('session');\n            }\n        }\n\n        this.sessionProvider = new SessionProvider();\n        this.sessionProvider.initialize(sessionId, this.source).then(async () => {\n            this.initialSession = await this.sessionProvider.getSession();\n        });\n\n        setTimeout(() => {\n            this.render();\n        }, 1);\n    };\n\n    public getInitialSession(): RoomstaySession | null {\n        if (this.initialSession) {\n            return this.initialSession;\n        }\n\n        console.error('Tried Loading session without engine initializing first.');\n        return null;\n    }\n\n    public getSessionProvider() {\n        return this.sessionProvider;\n    }\n\n    public setConfig(config: C) {\n        // TODO: add hook updates in here.\n        this.engineConfig = config;\n    }\n\n    public getConfig() {\n        return this.engineConfig;\n    }\n\n    public getSource(): BookingEngineSource {\n        return this.source;\n    }\n\n    protected abstract render(): Promise<void>;\n}\n"]}

package/dist/src/engines/BookingWizardEngine/BookingWizardEngine.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookingWizardEngine.js","sourceRoot":"/","sources":["src/engines/BookingWizardEngine/BookingWizardEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,qDAAyF;AAGzF,0FAAkE;AAClE,6EAAmE;AAcnE,MAAa,mBAAoB,SAAQ,uBAAqC;IAC1E,YAAmB,gBAA6B,EAAE,MAAkC;QAChF,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,GAAG,gCAAmB,CAAC,aAAa,CAAC;QAEhD,4CAA4C;QAC5C,6BAAmB,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAC1E,CAAC;IAEe,MAAM;;YAClB,IAAA,gDAAmB,EAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,gBAAgB,CAAC,EAAE,IAAI,CAAC,CAAC;QACzG,CAAC;KAAA;CACJ;AAZD,kDAYC","sourcesContent":["import type { BookingWizardContextType } from '@/components/generic/BookingWizard/BookingWizardContext';\nimport { BaseEngine, BaseEngineConfig, BookingEngineSource } from '@/engines/BaseEngine';\nimport type { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport type { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { renderBookingWizard } from './BookingWizardEngineElement';\n\nexport interface BookingWizardEngineConfig extends BaseEngineConfig {\n    widgetType: 'property' | 'group';\n    theme: 'specific' | 'default';\n    layout: 'horizontal' | 'vertical' | 'button';\n\n    properties: TBookingWizardProperties;\n    selectedProperty?: BookingWizardProperty;\n    defaultColors: BookingWizardProperty['colors'];\n\n    onSubmit?: BookingWizardContextType['onSubmit'];\n}\n\nexport class BookingWizardEngine extends BaseEngine<BookingWizardEngineConfig> {\n    public constructor(bookingContainer: HTMLElement, config?: BookingWizardEngineConfig) {\n        super(bookingContainer, config);\n        this.source = BookingEngineSource.BookingWizard;\n\n        // TODO: Make this a more permanent solution\n        RoomstayThemeEngine.EngineContainer.classList.add('--transparent-bg');\n    }\n\n    protected async render() {\n        renderBookingWizard(RoomstayThemeEngine.createElementOrReuseExisting('div', 'booking-wizard'), this);\n    }\n}\n"]}
+{"version":3,"file":"BookingWizardEngine.js","sourceRoot":"/","sources":["src/engines/BookingWizardEngine/BookingWizardEngine.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,qDAAyF;AAGzF,0FAAkE;AAClE,yGAA+F;AAc/F,MAAa,mBAAoB,SAAQ,uBAAqC;IAC1E,YAAmB,gBAA6B,EAAE,MAAkC;QAChF,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,GAAG,gCAAmB,CAAC,aAAa,CAAC;QAEhD,4CAA4C;QAC5C,6BAAmB,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAC1E,CAAC;IAEe,MAAM;;YAClB,IAAA,gDAAmB,EAAC,6BAAmB,CAAC,4BAA4B,CAAC,KAAK,EAAE,gBAAgB,CAAC,EAAE,IAAI,CAAC,CAAC;QACzG,CAAC;KAAA;CACJ;AAZD,kDAYC","sourcesContent":["import type { BookingWizardContextType } from '@/components/generic/BookingWizard/BookingWizardContext';\nimport { BaseEngine, BaseEngineConfig, BookingEngineSource } from '@/engines/BaseEngine';\nimport type { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport type { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { renderBookingWizard } from '@/engines/BookingWizardEngine/BookingWizardEngineElement';\n\nexport interface BookingWizardEngineConfig extends BaseEngineConfig {\n    widgetType: 'property' | 'group';\n    theme: 'specific' | 'default';\n    layout: 'horizontal' | 'vertical' | 'button';\n\n    properties: TBookingWizardProperties;\n    selectedProperty?: BookingWizardProperty;\n    defaultColors: BookingWizardProperty['colors'];\n\n    onSubmit?: BookingWizardContextType['onSubmit'];\n}\n\nexport class BookingWizardEngine extends BaseEngine<BookingWizardEngineConfig> {\n    public constructor(bookingContainer: HTMLElement, config?: BookingWizardEngineConfig) {\n        super(bookingContainer, config);\n        this.source = BookingEngineSource.BookingWizard;\n\n        // TODO: Make this a more permanent solution\n        RoomstayThemeEngine.EngineContainer.classList.add('--transparent-bg');\n    }\n\n    protected async render() {\n        renderBookingWizard(RoomstayThemeEngine.createElementOrReuseExisting('div', 'booking-wizard'), this);\n    }\n}\n"]}

package/dist/src/engines/InlineRoomMiniEngine/InlineRoomMiniEngineElement.js

@@ -36,8 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderInlineRoomMiniEngineElement = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
+const react_1 = __importStar(require("react"));
 const react_dom_1 = require("react-dom");
 const BookingAPI_1 = __importDefault(require("../../api/BookingAPI"));
 const dayjs_1 = __importDefault(require("dayjs"));
@@ -73,33 +72,33 @@ const Overlay_1 = require("../../components/generic/Overlay/Overlay");
 function InlineRoomMiniEngineElement(props) {
     var _a;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
-    const ccx = (0, react_2.useContext)(contexts_1.CompanyContext);
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
     const row = basketContext.currentBasketRows[0];
-    const [isLoading, setLoading] = (0, react_2.useState)(true);
-    const [ranFirstLoad, setRanFirstLoad] = (0, react_2.useState)(false);
-    const [rooms, setRooms] = (0, react_2.useState)([]);
-    const [isPromoModalOpen, setIsPromoModalOpen] = (0, react_2.useState)(false);
-    const [featuredRates, setFeaturedRates] = (0, react_2.useState)([]);
-    const [standardRates, setStandardRates] = (0, react_2.useState)([]);
-    const [promoCode, setPromoCode] = (0, react_2.useState)(row === null || row === void 0 ? void 0 : row.getPromoCode());
+    const [isLoading, setLoading] = (0, react_1.useState)(true);
+    const [ranFirstLoad, setRanFirstLoad] = (0, react_1.useState)(false);
+    const [rooms, setRooms] = (0, react_1.useState)([]);
+    const [isPromoModalOpen, setIsPromoModalOpen] = (0, react_1.useState)(false);
+    const [featuredRates, setFeaturedRates] = (0, react_1.useState)([]);
+    const [standardRates, setStandardRates] = (0, react_1.useState)([]);
+    const [promoCode, setPromoCode] = (0, react_1.useState)(row === null || row === void 0 ? void 0 : row.getPromoCode());
     const { t } = (0, react_i18next_1.useTranslation)();
     const [ref, bounds] = (0, react_use_measure_1.default)();
     const thisElement = react_1.default.useRef(null);
     const { raise } = (0, hooks_1.useEvent)();
     let promoCodeTooltip = '';
     if ((row === null || row === void 0 ? void 0 : row.getPromoCodeStatus()) === 'new') {
-        promoCodeTooltip = row.getPromoCode() ? 'Promo Code is being checked... please wait.' : 'Set a Promo Code for a possible offer!';
+        promoCodeTooltip = row.getPromoCode() ? t(Translation_1.Translation.Step.Date.PromoCodeTooltip.Checking) : t(Translation_1.Translation.Step.Date.PromoCodeTooltip.NoValue);
     }
     else {
         if ((row === null || row === void 0 ? void 0 : row.getPromoCodeStatus()) === 'valid') {
-            promoCodeTooltip = 'Successful promo code entered';
+            promoCodeTooltip = t(Translation_1.Translation.Step.Date.PromoCodeTooltip.Valid);
         }
         else {
-            promoCodeTooltip = 'Error code not valid';
+            promoCodeTooltip = t(Translation_1.Translation.Step.Date.PromoCodeTooltip.Invalid);
         }
     }
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         let cancelled = false;
         if (!row) {
             basketContext.addBasketRow(new BasketRow_1.default());
@@ -118,12 +117,12 @@ function InlineRoomMiniEngineElement(props) {
             cancelled = true;
         };
     }, [row]);
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         if (row) {
             findRoomsOnClick();
         }
     }, [row === null || row === void 0 ? void 0 : row.getPromoCode()]);
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         var _a, _b, _c, _d, _e, _f;
         if (!(rooms && rooms.length > 0))
             return;
@@ -187,7 +186,7 @@ function InlineRoomMiniEngineElement(props) {
         }
         setStandardRates(nonPromoRates);
     }, [rooms]);
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         if (hotel === null || hotel === void 0 ? void 0 : hotel.colors) {
             // Do this manually as Guide Step manages this for Fullpage.
             RoomstayThemeEngine_1.default.changeTheme(hotel.colors);
@@ -224,7 +223,7 @@ function InlineRoomMiniEngineElement(props) {
         setLoading(false);
     });
     const getButtonLabelHandler = () => {
-        return 'Book Now';
+        return t(Translation_1.Translation.Misc.BookNow);
     };
     const updateNumberOfAdultsOnChange = (value) => {
         updatePeopleValues({ adults: +value });
@@ -272,21 +271,21 @@ function InlineRoomMiniEngineElement(props) {
         updatePromoCode(val);
     };
     const maxOccupancy = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.maxOccupancy) !== null && _a !== void 0 ? _a : 1;
-    return (0, react_2.useMemo)(() => {
+    return (0, react_1.useMemo)(() => {
         var _a, _b, _c, _d, _e;
         return (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("div", { className: `room-builder-progress ${isCompact}` },
                 react_1.default.createElement("div", { className: "u-flex w-100 flex-wrap room-builder-progress--item --current", ref: ref },
                     react_1.default.createElement("div", { className: "u-flex u-flex-align-center flex-wrap flex-row u-w-100@xl-" },
                         react_1.default.createElement(FloatingDatePicker_1.default, { startDate: row === null || row === void 0 ? void 0 : row.getStartDate(), selectedDateChanged: updateDateValues, className: "u-w-100@xl- room-builder-progress--value u-marg-left--none" },
-                            react_1.default.createElement(Tooltip_1.default, { title: "Select Arrival and departure dates by clicking here", wrapperClasses: "u-w-100@xl-" },
+                            react_1.default.createElement(Tooltip_1.default, { title: t(Translation_1.Translation.Step.Date.SelectArrivalAndDepartureDatesByClickingHere), wrapperClasses: "u-w-100@xl-" },
                                 react_1.default.createElement("div", { className: "u-flex align-items-center justify-content-center u-w-100@xl- u-cursor-pointer" },
                                     react_1.default.createElement(Text_1.default, { color: (row === null || row === void 0 ? void 0 : row.getArrivalDate()) ? Color_1.Color.Accent : Color_1.Color.Graphite, className: "u-mw-75 u-align-center", bold: !!(row === null || row === void 0 ? void 0 : row.getArrivalDate()) },
                                         react_1.default.createElement("span", null, (row === null || row === void 0 ? void 0 : row.getArrivalDate()) ? row.getArrivalDate() : 'Arrival Date')),
                                     react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowRight2 }),
                                     react_1.default.createElement(Text_1.default, { color: (row === null || row === void 0 ? void 0 : row.getDepartureDate()) ? Color_1.Color.Accent : Color_1.Color.Graphite, className: "u-marg-right u-mw-75 u-align-center", bold: !!(row === null || row === void 0 ? void 0 : row.getDepartureDate()) },
                                         react_1.default.createElement("span", null, (row === null || row === void 0 ? void 0 : row.getDepartureDate()) ? row.getDepartureDate() : 'Departure Date'))))),
-                        react_1.default.createElement(Tooltip_1.default, { title: "Update number of adults", wrapperClasses: "u-w-100@xl-" },
+                        react_1.default.createElement(Tooltip_1.default, { title: t(Translation_1.Translation.Step.Date.UpdateAdults), wrapperClasses: "u-w-100@xl-" },
                             react_1.default.createElement("div", { className: "room-builder-progress--value --mw-l u-flex justify-content-center" },
                                 react_1.default.createElement(Select_1.Select, { nativeOnMobile: true, options: [...Array(maxOccupancy - ((row === null || row === void 0 ? void 0 : row.getChildren()) ? row.getChildren() : 0))].map((v, value) => {
                                         value += 1;
@@ -295,7 +294,7 @@ function InlineRoomMiniEngineElement(props) {
                                             value: value.toString(),
                                         };
                                     }), value: (_a = row === null || row === void 0 ? void 0 : row.getAdults()) === null || _a === void 0 ? void 0 : _a.toString(), onChange: updateNumberOfAdultsOnChange, keyName: "value", labelName: "text" }))),
-                        react_1.default.createElement(Tooltip_1.default, { title: "Update number of children", wrapperClasses: "u-w-100@xl-" },
+                        react_1.default.createElement(Tooltip_1.default, { title: t(Translation_1.Translation.Step.Date.UpdateChildren), wrapperClasses: "u-w-100@xl-" },
                             react_1.default.createElement("div", { className: "room-builder-progress--value --mw-l u-flex justify-content-center" },
                                 react_1.default.createElement(Select_1.Select, { nativeOnMobile: true, options: [...Array(maxOccupancy + 1 - ((row === null || row === void 0 ? void 0 : row.getAdults()) ? row.getAdults() : 0))].map((v, value) => {
                                         return {
@@ -315,9 +314,9 @@ function InlineRoomMiniEngineElement(props) {
                                             ? ((_e = basketContext.selectedBasketRow) === null || _e === void 0 ? void 0 : _e.getPromoCodeStatus()) === 'valid'
                                             : undefined })),
                                 react_1.default.createElement("div", { className: "u-flex justify-content-end align-items-center u-marg-top" },
-                                    react_1.default.createElement(BEButton_1.default, { isText: true, size: "small", onClick: cancelPromoPopupOnClick }, "Cancel"))))),
+                                    react_1.default.createElement(BEButton_1.default, { isText: true, size: "small", onClick: cancelPromoPopupOnClick }, t(Translation_1.Translation.Misc.Cancel)))))),
                     react_1.default.createElement("div", { className: `u-flex flex-xl-nowrap flex-row ${isCompact ? 'w-100' : ''}` },
-                        react_1.default.createElement(BEButton_1.default, { filled: true, primary: true, isLoading: isLoading, wide: isCompact !== '', onClick: findRoomsOnClick }, "Check Rates"))),
+                        react_1.default.createElement(BEButton_1.default, { filled: true, primary: true, isLoading: isLoading, wide: isCompact !== '', onClick: findRoomsOnClick }, t(Translation_1.Translation.Misc.CheckRates)))),
                 react_1.default.createElement("div", { className: "u-border-rounded" }, !isLoading ? (react_1.default.createElement(AutoAutoHeight_1.default, { open: !isLoading },
                     react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(BookNowPayLaterInfoBlock_1.BookNowPayLaterInfoBlock, null),

package/dist/src/engines/InlineRoomMiniEngine/InlineRoomMiniEngineElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineRoomMiniEngineElement.js","sourceRoot":"/","sources":["src/engines/InlineRoomMiniEngine/InlineRoomMiniEngineElement.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useContext, useEffect, useMemo, useState } from 'react';\nimport { render } from 'react-dom';\n\nimport API from '@/api/BookingAPI';\nimport dayjs from 'dayjs';\n\nimport BEButton from '@/components/generic/BEButton';\nimport FloatingDatePicker from '@/components/generic/date/FloatingDatePicker';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport StringHelper from '@/util/StringHelper';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport RoomRates from '@/components/steps/room/roomDetails/roomRates/RoomRates';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport { HashRouter } from 'react-router-dom';\nimport type { InlineRoomMiniEngine } from '@/engines/InlineRoomMiniEngine/InlineRoomMiniEngine';\n\nimport { NotificationContextWrapper } from 'contexts/NotificationContext';\nimport { ErrorContextWrapper } from 'contexts/ErrorContext';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport RatesNotFound from '@/components/steps/room/RatesNotFound';\nimport useMeasure from 'react-use-measure';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { BookNowPayLaterInfoBlock } from '@/components/generic/BookNowPayLaterInfoBlock';\nimport StepConfirmation from '@/pages/steps/StepConfirmation/StepConfirmation';\n\nimport PromoCodeInput from '@/components/generic/PromoCodeInput';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\nimport { Room } from '@/models/Room/Room';\n\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\n\nimport BasketRow from '@/models/BasketRow';\n\nimport { BasketContext, BasketContextWrapper, BookingEngineContextWrapper, CompanyContext, CompanyContextWrapper } from '@frontend/contexts';\nimport FeaturedPromoFeature from '@/providers/feature/FeaturedPromoFeature';\nimport { SearchParameters } from '@/models/SearchParameters';\nimport { RoomListSearch } from '@/models/RoomListSearch';\nimport { RoomListSearchEvent } from '@/events/actions/RoomListSearchEvent';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\n\nexport interface InlineRoomMiniEngineElementProps {\n    engine: InlineRoomMiniEngine;\n}\n\nexport default function InlineRoomMiniEngineElement(props: InlineRoomMiniEngineElementProps) {\n    const { hotel } = useCurrentHotel();\n\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const row = basketContext.currentBasketRows[0];\n    const [isLoading, setLoading] = useState(true);\n    const [ranFirstLoad, setRanFirstLoad] = useState(false);\n    const [rooms, setRooms] = useState<Room[]>([]);\n\n    const [isPromoModalOpen, setIsPromoModalOpen] = useState(false);\n\n    const [featuredRates, setFeaturedRates] = useState<RoomRate[]>([]);\n    const [standardRates, setStandardRates] = useState<RoomRate[]>([]);\n\n    const [promoCode, setPromoCode] = useState(row?.getPromoCode());\n    const { t } = useTranslation();\n\n    const [ref, bounds] = useMeasure();\n    const thisElement = React.useRef<HTMLDivElement | null>(null);\n\n    const { raise } = useEvent();\n\n    let promoCodeTooltip = '';\n\n    if (row?.getPromoCodeStatus() === 'new') {\n        promoCodeTooltip = row.getPromoCode() ? 'Promo Code is being checked... please wait.' : 'Set a Promo Code for a possible offer!';\n    } else {\n        if (row?.getPromoCodeStatus() === 'valid') {\n            promoCodeTooltip = 'Successful promo code entered';\n        } else {\n            promoCodeTooltip = 'Error code not valid';\n        }\n    }\n\n    useEffect(() => {\n        let cancelled = false;\n\n        if (!row) {\n            basketContext.addBasketRow(new BasketRow());\n            return;\n        }\n\n        if (row && row.getStartDate() && row.getEndDate() && !ranFirstLoad) {\n            API.Availability.fetchAvailabilityData(row, hotel?.hotelID as string).then((hotelRooms) => {\n                if (!cancelled) {\n                    setRooms(hotelRooms?.filter((room) => room.code === props.engine.getRoomCode()) as Room[]);\n                    setLoading(false);\n                    setRanFirstLoad(true);\n                }\n            });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [row]);\n\n    useEffect(() => {\n        if (row) {\n            findRoomsOnClick();\n        }\n    }, [row?.getPromoCode()]);\n\n    useEffect(() => {\n        if (!(rooms && rooms.length > 0)) return;\n\n        const room = rooms[0];\n\n        let nonPromoRates: RoomRate[] = [];\n        const toSetFeaturedRate: RoomRate[] = [];\n\n        if (FeaturedPromoFeature.isActive()) {\n            for (const currentRate of room.getRates()) {\n                if (currentRate.promoCode?.toLowerCase() === basketContext.selectedBasketRow?.getPromoCode()?.toLowerCase()) {\n                    toSetFeaturedRate.unshift(currentRate);\n                } else {\n                    nonPromoRates.push(currentRate);\n                }\n            }\n\n            if (toSetFeaturedRate.length > 0) {\n                setFeaturedRates(toSetFeaturedRate);\n            }\n        } else {\n            nonPromoRates = room.getRates();\n        }\n\n        try {\n            const search: SearchParameters = {\n                checkInTime: row?.getStartDate()?.format('YYYY-M-D'),\n                checkOutTime: row?.getEndDate()?.format('YYYY-M-D'),\n                numAdults: row?.getAdults(),\n                numChildren: row?.getChildren(),\n                numRooms: 1,\n                promoCode: promoCode,\n            };\n\n            const eventRooms: RoomListSearch[] =\n                rooms?.map((room) => {\n                    const { name, code } = room;\n\n                    const foundRoom: RoomListSearch = {\n                        name: name as string,\n                        code: code as string,\n                        lowestPrice: room.getLowestPrice(),\n                        highestPrice: room.getHighestPrice(),\n                        currency: ccx.currentCurrency,\n\n                        rates:\n                            room.getRates()?.map((rate) => {\n                                const { name, code } = rate;\n                                return {\n                                    name,\n                                    code,\n\n                                    price: {\n                                        averagePrice: rate.getAveragePrice(),\n                                        totalPrice: rate.getTotalPrice(),\n                                        currency: ccx.currentCurrency,\n                                    },\n                                };\n                            }) ?? [],\n                    };\n\n                    return foundRoom;\n                }) ?? [];\n\n            const event = new RoomListSearchEvent(search, eventRooms);\n            raise(event);\n        } catch (ex) {\n            console.warn(ex);\n        }\n\n        setStandardRates(nonPromoRates);\n    }, [rooms]);\n\n    useEffect(() => {\n        if (hotel?.colors) {\n            // Do this manually as Guide Step manages this for Fullpage.\n            RoomstayThemeEngine.changeTheme(hotel.colors);\n        }\n    }, [hotel, hotel?.colors]);\n\n    const updatePeopleValues = ({ adults, children }: { adults?: number; children?: number; promoCode?: string }) => {\n        if (adults && adults !== row.getAdults()) {\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.ROOMS);\n            row.setAdults(adults);\n        }\n\n        if ((children || children === 0) && children !== row.getChildren()) {\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.ROOMS);\n            row.setChildren(children);\n        }\n\n        basketContext.updateBasketRow(row);\n    };\n\n    const updateDateValues = (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => {\n        if (startDate && endDate) {\n            row.setStartDate(startDate);\n            row.setEndDate(endDate);\n\n            basketContext.updateBasketRow(row, false);\n        }\n    };\n\n    if (!row?.getArrivalDate() && !row?.getDepartureDate()) {\n        const today = Date.now();\n        row?.setStartDate(dayjs(today));\n        row?.setEndDate(dayjs(today).add(1, 'day'));\n    }\n\n    const isCompact = bounds.width < 1000 ? '--compact' : '';\n\n    const findRoomsOnClick = async () => {\n        setLoading(true);\n        setRooms((await API.Availability.fetchAvailabilityData(row, hotel?.hotelID as string))?.filter((room) => room.code === props.engine.getRoomCode()) as Room[]);\n        setLoading(false);\n    };\n    const getButtonLabelHandler = () => {\n        return 'Book Now';\n    };\n\n    const updateNumberOfAdultsOnChange = (value: string) => {\n        updatePeopleValues({ adults: +value });\n    };\n    const updateNumberOfChildrenOnChange = (value: string) => {\n        updatePeopleValues({ children: +value });\n    };\n\n    const updatePromoCode = (code: string) => {\n        DataLayer.instance.sendInteraction('Promo Code updated', InteractionType.FORM_FIELD, InteractionStep.ROOMS);\n\n        if (row) {\n            row.setPromoCode(code);\n            basketContext.updateBasketRow(row);\n\n            if (code) {\n                setIsPromoModalOpen(false);\n            }\n        }\n    };\n\n    const onAddToBasketOverrideHandler = (rate: RoomRate) => {\n        row.setRate(rate);\n        basketContext.updateBasketRow(row);\n        DataLayer.instance.sendRoomRateAddToCart(rate, row.getNumberOfDays(), row.getStartDate(), row.getEndDate());\n\n        const session = props.engine.getSessionProvider();\n        session\n            .updateSession({\n                step: StepConfirmation.getName(), // TODO:\n            })\n            .then(() => {\n                // TODO: Remove this URL coupling\n                window.open(`${hotel?.checkoutUrl ?? '/checkout/'}#${StepConfirmation.getStepUrl()}?session=${session.getCurrentSessionID()}`, '_self');\n            });\n    };\n    const openPromoModalOnClick = () => {\n        setIsPromoModalOpen(true);\n    };\n    const setPromoCodeOnClose = () => {\n        setPromoCode(row?.getPromoCode());\n        setIsPromoModalOpen(false);\n    };\n    const cancelPromoPopupOnClick = () => {\n        DataLayer.instance.sendInteraction('Cancel Promo Popup', InteractionType.BUTTON, InteractionStep.ROOMS);\n        setIsPromoModalOpen(false);\n    };\n\n    const changePromoCode = (val: any) => {\n        updatePromoCode(val);\n    };\n\n    const maxOccupancy = hotel?.maxOccupancy ?? 1;\n\n    return useMemo(\n        () => (\n            <>\n                <div className={`room-builder-progress ${isCompact}`}>\n                    <div className=\"u-flex w-100 flex-wrap room-builder-progress--item --current\" ref={ref}>\n                        <div className=\"u-flex u-flex-align-center flex-wrap flex-row u-w-100@xl-\">\n                            <FloatingDatePicker\n                                startDate={row?.getStartDate()}\n                                selectedDateChanged={updateDateValues}\n                                className=\"u-w-100@xl- room-builder-progress--value u-marg-left--none\"\n                            >\n                                <Tooltip title=\"Select Arrival and departure dates by clicking here\" wrapperClasses=\"u-w-100@xl-\">\n                                    <div className=\"u-flex align-items-center justify-content-center u-w-100@xl- u-cursor-pointer\">\n                                        <Text color={row?.getArrivalDate() ? Color.Accent : Color.Graphite} className=\"u-mw-75 u-align-center\" bold={!!row?.getArrivalDate()}>\n                                            <span>{row?.getArrivalDate() ? row.getArrivalDate() : 'Arrival Date'}</span>\n                                        </Text>\n                                        <Icon icon={IconType.ArrowRight2} />\n                                        <Text\n                                            color={row?.getDepartureDate() ? Color.Accent : Color.Graphite}\n                                            className=\"u-marg-right u-mw-75 u-align-center\"\n                                            bold={!!row?.getDepartureDate()}\n                                        >\n                                            <span>{row?.getDepartureDate() ? row.getDepartureDate() : 'Departure Date'}</span>\n                                        </Text>\n                                    </div>\n                                </Tooltip>\n                            </FloatingDatePicker>\n                            <Tooltip title=\"Update number of adults\" wrapperClasses=\"u-w-100@xl-\">\n                                <div className=\"room-builder-progress--value --mw-l u-flex justify-content-center\">\n                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={[...Array(maxOccupancy - (row?.getChildren() ? row.getChildren() : 0))].map((v: any, value: number) => {\n                                            value += 1;\n                                            return {\n                                                text: StringHelper.pluralWithDictAndCount(value, Translation.Step.Date.Adult, t),\n                                                value: value.toString(),\n                                            };\n                                        })}\n                                        value={row?.getAdults()?.toString()}\n                                        onChange={updateNumberOfAdultsOnChange}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                    />\n                                </div>\n                            </Tooltip>\n                            <Tooltip title=\"Update number of children\" wrapperClasses=\"u-w-100@xl-\">\n                                <div className=\"room-builder-progress--value --mw-l u-flex justify-content-center\">\n                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={[...Array(maxOccupancy + 1 - (row?.getAdults() ? row.getAdults() : 0))].map((v: any, value: number) => {\n                                            return {\n                                                text: StringHelper.pluralWithDictAndCount(value, Translation.Step.Date.Child, t),\n                                                value: value.toString(),\n                                            };\n                                        })}\n                                        value={row?.getChildren()?.toString()}\n                                        onChange={updateNumberOfChildrenOnChange}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                    />\n                                </div>\n                            </Tooltip>\n                            <Tooltip title={promoCodeTooltip} wrapperClasses=\"u-w-100@xl-\">\n                                <div className=\"room-builder-progress--value u-cursor-pointer\" ref={thisElement} onClick={openPromoModalOnClick}>\n                                    <div className=\"u-flex align-items-center justify-content-center u-w-100@xl-\">\n                                        <Text className=\"u-pad-right--light\" type={TextType.Body} color={row?.getPromoCode() ? row?.getPromoCodeColour() : Color.Navy}>\n                                            {row?.getPromoCode() ? row?.getPromoCode() : 'Promo Code'}\n                                        </Text>\n                                        <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n                                    </div>\n                                </div>\n                            </Tooltip>\n                            <Overlay open={isPromoModalOpen} container={RoomstayThemeEngine.EngineContainer} followElement={thisElement.current} onClose={setPromoCodeOnClose}>\n                                <div className=\"u-pad--heavy\">\n                                    <div>\n                                        <PromoCodeInput\n                                            value={basketContext.selectedBasketRow?.getPromoCode()}\n                                            onChange={changePromoCode}\n                                            valid={\n                                                basketContext.selectedBasketRow?.getPromoCodeStatus() !== 'new'\n                                                    ? basketContext.selectedBasketRow?.getPromoCodeStatus() === 'valid'\n                                                    : undefined\n                                            }\n                                        />\n                                    </div>\n\n                                    <div className=\"u-flex justify-content-end align-items-center u-marg-top\">\n                                        <BEButton isText size=\"small\" onClick={cancelPromoPopupOnClick}>\n                                            Cancel\n                                        </BEButton>\n                                    </div>\n                                </div>\n                            </Overlay>\n                        </div>\n                        <div className={`u-flex flex-xl-nowrap flex-row ${isCompact ? 'w-100' : ''}`}>\n                            <BEButton filled primary isLoading={isLoading} wide={isCompact !== ''} onClick={findRoomsOnClick}>\n                                Check Rates\n                            </BEButton>\n                        </div>\n                    </div>\n                    <div className=\"u-border-rounded\">\n                        {!isLoading ? (\n                            <AutoAutoHeight open={!isLoading}>\n                                <>\n                                    <BookNowPayLaterInfoBlock />\n                                    {rooms.length > 0 ? (\n                                        <RoomRates\n                                            featuredRates={featuredRates}\n                                            rates={standardRates}\n                                            roomCode={rooms[0].code as string}\n                                            getButtonLabel={getButtonLabelHandler}\n                                            onAddToBasketOverride={onAddToBasketOverrideHandler}\n                                        />\n                                    ) : (\n                                        <RatesNotFound />\n                                    )}\n                                </>\n                            </AutoAutoHeight>\n                        ) : (\n                            <LargeLoader />\n                        )}\n                    </div>\n                </div>\n            </>\n        ),\n        [isCompact, isLoading, rooms, basketContext.currentBasketRows, isPromoModalOpen, hotel]\n    );\n}\n\nexport const renderInlineRoomMiniEngineElement = (container: Element, engine: InlineRoomMiniEngine) => {\n    render(\n        <BookingEngineContextWrapper engine={engine}>\n            <HashRouter>\n                <NotificationContextWrapper>\n                    <ErrorContextWrapper>\n                        <CompanyContextWrapper configCompany={engine.getConfig().company}>\n                            <BasketContextWrapper>\n                                <InlineRoomMiniEngineElement engine={engine} />\n                            </BasketContextWrapper>\n                        </CompanyContextWrapper>\n                    </ErrorContextWrapper>\n                </NotificationContextWrapper>\n            </HashRouter>\n        </BookingEngineContextWrapper>,\n        container\n    );\n};\n"]}
+{"version":3,"file":"InlineRoomMiniEngineElement.js","sourceRoot":"/","sources":["src/engines/InlineRoomMiniEngine/InlineRoomMiniEngineElement.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { render } from 'react-dom';\n\nimport API from '@/api/BookingAPI';\nimport dayjs from 'dayjs';\n\nimport BEButton from '@/components/generic/BEButton';\nimport FloatingDatePicker from '@/components/generic/date/FloatingDatePicker';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport StringHelper from '@/util/StringHelper';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport RoomRates from '@/components/steps/room/roomDetails/roomRates/RoomRates';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport { HashRouter } from 'react-router-dom';\nimport type { InlineRoomMiniEngine } from '@/engines/InlineRoomMiniEngine/InlineRoomMiniEngine';\n\nimport { NotificationContextWrapper } from 'contexts/NotificationContext';\nimport { ErrorContextWrapper } from 'contexts/ErrorContext';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport RatesNotFound from '@/components/steps/room/RatesNotFound';\nimport useMeasure from 'react-use-measure';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { BookNowPayLaterInfoBlock } from '@/components/generic/BookNowPayLaterInfoBlock';\nimport StepConfirmation from '@/pages/steps/StepConfirmation/StepConfirmation';\n\nimport PromoCodeInput from '@/components/generic/PromoCodeInput';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\nimport { Room } from '@/models/Room/Room';\n\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\n\nimport BasketRow from '@/models/BasketRow';\n\nimport { BasketContext, BasketContextWrapper, BookingEngineContextWrapper, CompanyContext, CompanyContextWrapper } from '@frontend/contexts';\nimport FeaturedPromoFeature from '@/providers/feature/FeaturedPromoFeature';\nimport { SearchParameters } from '@/models/SearchParameters';\nimport { RoomListSearch } from '@/models/RoomListSearch';\nimport { RoomListSearchEvent } from '@/events/actions/RoomListSearchEvent';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\n\nexport interface InlineRoomMiniEngineElementProps {\n    engine: InlineRoomMiniEngine;\n}\n\nexport default function InlineRoomMiniEngineElement(props: InlineRoomMiniEngineElementProps) {\n    const { hotel } = useCurrentHotel();\n\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const row = basketContext.currentBasketRows[0];\n    const [isLoading, setLoading] = useState(true);\n    const [ranFirstLoad, setRanFirstLoad] = useState(false);\n    const [rooms, setRooms] = useState<Room[]>([]);\n\n    const [isPromoModalOpen, setIsPromoModalOpen] = useState(false);\n\n    const [featuredRates, setFeaturedRates] = useState<RoomRate[]>([]);\n    const [standardRates, setStandardRates] = useState<RoomRate[]>([]);\n\n    const [promoCode, setPromoCode] = useState(row?.getPromoCode());\n    const { t } = useTranslation();\n\n    const [ref, bounds] = useMeasure();\n    const thisElement = React.useRef<HTMLDivElement | null>(null);\n\n    const { raise } = useEvent();\n\n    let promoCodeTooltip = '';\n\n    if (row?.getPromoCodeStatus() === 'new') {\n        promoCodeTooltip = row.getPromoCode() ? t(Translation.Step.Date.PromoCodeTooltip.Checking) : t(Translation.Step.Date.PromoCodeTooltip.NoValue);\n    } else {\n        if (row?.getPromoCodeStatus() === 'valid') {\n            promoCodeTooltip = t(Translation.Step.Date.PromoCodeTooltip.Valid);\n        } else {\n            promoCodeTooltip = t(Translation.Step.Date.PromoCodeTooltip.Invalid);\n        }\n    }\n\n    useEffect(() => {\n        let cancelled = false;\n\n        if (!row) {\n            basketContext.addBasketRow(new BasketRow());\n            return;\n        }\n\n        if (row && row.getStartDate() && row.getEndDate() && !ranFirstLoad) {\n            API.Availability.fetchAvailabilityData(row, hotel?.hotelID as string).then((hotelRooms) => {\n                if (!cancelled) {\n                    setRooms(hotelRooms?.filter((room) => room.code === props.engine.getRoomCode()) as Room[]);\n                    setLoading(false);\n                    setRanFirstLoad(true);\n                }\n            });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [row]);\n\n    useEffect(() => {\n        if (row) {\n            findRoomsOnClick();\n        }\n    }, [row?.getPromoCode()]);\n\n    useEffect(() => {\n        if (!(rooms && rooms.length > 0)) return;\n\n        const room = rooms[0];\n\n        let nonPromoRates: RoomRate[] = [];\n        const toSetFeaturedRate: RoomRate[] = [];\n\n        if (FeaturedPromoFeature.isActive()) {\n            for (const currentRate of room.getRates()) {\n                if (currentRate.promoCode?.toLowerCase() === basketContext.selectedBasketRow?.getPromoCode()?.toLowerCase()) {\n                    toSetFeaturedRate.unshift(currentRate);\n                } else {\n                    nonPromoRates.push(currentRate);\n                }\n            }\n\n            if (toSetFeaturedRate.length > 0) {\n                setFeaturedRates(toSetFeaturedRate);\n            }\n        } else {\n            nonPromoRates = room.getRates();\n        }\n\n        try {\n            const search: SearchParameters = {\n                checkInTime: row?.getStartDate()?.format('YYYY-M-D'),\n                checkOutTime: row?.getEndDate()?.format('YYYY-M-D'),\n                numAdults: row?.getAdults(),\n                numChildren: row?.getChildren(),\n                numRooms: 1,\n                promoCode: promoCode,\n            };\n\n            const eventRooms: RoomListSearch[] =\n                rooms?.map((room) => {\n                    const { name, code } = room;\n\n                    const foundRoom: RoomListSearch = {\n                        name: name as string,\n                        code: code as string,\n                        lowestPrice: room.getLowestPrice(),\n                        highestPrice: room.getHighestPrice(),\n                        currency: ccx.currentCurrency,\n\n                        rates:\n                            room.getRates()?.map((rate) => {\n                                const { name, code } = rate;\n                                return {\n                                    name,\n                                    code,\n\n                                    price: {\n                                        averagePrice: rate.getAveragePrice(),\n                                        totalPrice: rate.getTotalPrice(),\n                                        currency: ccx.currentCurrency,\n                                    },\n                                };\n                            }) ?? [],\n                    };\n\n                    return foundRoom;\n                }) ?? [];\n\n            const event = new RoomListSearchEvent(search, eventRooms);\n            raise(event);\n        } catch (ex) {\n            console.warn(ex);\n        }\n\n        setStandardRates(nonPromoRates);\n    }, [rooms]);\n\n    useEffect(() => {\n        if (hotel?.colors) {\n            // Do this manually as Guide Step manages this for Fullpage.\n            RoomstayThemeEngine.changeTheme(hotel.colors);\n        }\n    }, [hotel, hotel?.colors]);\n\n    const updatePeopleValues = ({ adults, children }: { adults?: number; children?: number; promoCode?: string }) => {\n        if (adults && adults !== row.getAdults()) {\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.ROOMS);\n            row.setAdults(adults);\n        }\n\n        if ((children || children === 0) && children !== row.getChildren()) {\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.ROOMS);\n            row.setChildren(children);\n        }\n\n        basketContext.updateBasketRow(row);\n    };\n\n    const updateDateValues = (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => {\n        if (startDate && endDate) {\n            row.setStartDate(startDate);\n            row.setEndDate(endDate);\n\n            basketContext.updateBasketRow(row, false);\n        }\n    };\n\n    if (!row?.getArrivalDate() && !row?.getDepartureDate()) {\n        const today = Date.now();\n        row?.setStartDate(dayjs(today));\n        row?.setEndDate(dayjs(today).add(1, 'day'));\n    }\n\n    const isCompact = bounds.width < 1000 ? '--compact' : '';\n\n    const findRoomsOnClick = async () => {\n        setLoading(true);\n        setRooms((await API.Availability.fetchAvailabilityData(row, hotel?.hotelID as string))?.filter((room) => room.code === props.engine.getRoomCode()) as Room[]);\n        setLoading(false);\n    };\n    const getButtonLabelHandler = () => {\n        return t(Translation.Misc.BookNow);\n    };\n\n    const updateNumberOfAdultsOnChange = (value: string) => {\n        updatePeopleValues({ adults: +value });\n    };\n    const updateNumberOfChildrenOnChange = (value: string) => {\n        updatePeopleValues({ children: +value });\n    };\n\n    const updatePromoCode = (code: string) => {\n        DataLayer.instance.sendInteraction('Promo Code updated', InteractionType.FORM_FIELD, InteractionStep.ROOMS);\n\n        if (row) {\n            row.setPromoCode(code);\n            basketContext.updateBasketRow(row);\n\n            if (code) {\n                setIsPromoModalOpen(false);\n            }\n        }\n    };\n\n    const onAddToBasketOverrideHandler = (rate: RoomRate) => {\n        row.setRate(rate);\n        basketContext.updateBasketRow(row);\n        DataLayer.instance.sendRoomRateAddToCart(rate, row.getNumberOfDays(), row.getStartDate(), row.getEndDate());\n\n        const session = props.engine.getSessionProvider();\n        session\n            .updateSession({\n                step: StepConfirmation.getName(), // TODO:\n            })\n            .then(() => {\n                // TODO: Remove this URL coupling\n                window.open(`${hotel?.checkoutUrl ?? '/checkout/'}#${StepConfirmation.getStepUrl()}?session=${session.getCurrentSessionID()}`, '_self');\n            });\n    };\n    const openPromoModalOnClick = () => {\n        setIsPromoModalOpen(true);\n    };\n    const setPromoCodeOnClose = () => {\n        setPromoCode(row?.getPromoCode());\n        setIsPromoModalOpen(false);\n    };\n    const cancelPromoPopupOnClick = () => {\n        DataLayer.instance.sendInteraction('Cancel Promo Popup', InteractionType.BUTTON, InteractionStep.ROOMS);\n        setIsPromoModalOpen(false);\n    };\n\n    const changePromoCode = (val: any) => {\n        updatePromoCode(val);\n    };\n\n    const maxOccupancy = hotel?.maxOccupancy ?? 1;\n\n    return useMemo(\n        () => (\n            <>\n                <div className={`room-builder-progress ${isCompact}`}>\n                    <div className=\"u-flex w-100 flex-wrap room-builder-progress--item --current\" ref={ref}>\n                        <div className=\"u-flex u-flex-align-center flex-wrap flex-row u-w-100@xl-\">\n                            <FloatingDatePicker\n                                startDate={row?.getStartDate()}\n                                selectedDateChanged={updateDateValues}\n                                className=\"u-w-100@xl- room-builder-progress--value u-marg-left--none\"\n                            >\n                                <Tooltip title={t(Translation.Step.Date.SelectArrivalAndDepartureDatesByClickingHere)} wrapperClasses=\"u-w-100@xl-\">\n                                    <div className=\"u-flex align-items-center justify-content-center u-w-100@xl- u-cursor-pointer\">\n                                        <Text color={row?.getArrivalDate() ? Color.Accent : Color.Graphite} className=\"u-mw-75 u-align-center\" bold={!!row?.getArrivalDate()}>\n                                            <span>{row?.getArrivalDate() ? row.getArrivalDate() : 'Arrival Date'}</span>\n                                        </Text>\n                                        <Icon icon={IconType.ArrowRight2} />\n                                        <Text\n                                            color={row?.getDepartureDate() ? Color.Accent : Color.Graphite}\n                                            className=\"u-marg-right u-mw-75 u-align-center\"\n                                            bold={!!row?.getDepartureDate()}\n                                        >\n                                            <span>{row?.getDepartureDate() ? row.getDepartureDate() : 'Departure Date'}</span>\n                                        </Text>\n                                    </div>\n                                </Tooltip>\n                            </FloatingDatePicker>\n                            <Tooltip title={t(Translation.Step.Date.UpdateAdults)} wrapperClasses=\"u-w-100@xl-\">\n                                <div className=\"room-builder-progress--value --mw-l u-flex justify-content-center\">\n                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={[...Array(maxOccupancy - (row?.getChildren() ? row.getChildren() : 0))].map((v: any, value: number) => {\n                                            value += 1;\n                                            return {\n                                                text: StringHelper.pluralWithDictAndCount(value, Translation.Step.Date.Adult, t),\n                                                value: value.toString(),\n                                            };\n                                        })}\n                                        value={row?.getAdults()?.toString()}\n                                        onChange={updateNumberOfAdultsOnChange}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                    />\n                                </div>\n                            </Tooltip>\n                            <Tooltip title={t(Translation.Step.Date.UpdateChildren)} wrapperClasses=\"u-w-100@xl-\">\n                                <div className=\"room-builder-progress--value --mw-l u-flex justify-content-center\">\n                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={[...Array(maxOccupancy + 1 - (row?.getAdults() ? row.getAdults() : 0))].map((v: any, value: number) => {\n                                            return {\n                                                text: StringHelper.pluralWithDictAndCount(value, Translation.Step.Date.Child, t),\n                                                value: value.toString(),\n                                            };\n                                        })}\n                                        value={row?.getChildren()?.toString()}\n                                        onChange={updateNumberOfChildrenOnChange}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                    />\n                                </div>\n                            </Tooltip>\n                            <Tooltip title={promoCodeTooltip} wrapperClasses=\"u-w-100@xl-\">\n                                <div className=\"room-builder-progress--value u-cursor-pointer\" ref={thisElement} onClick={openPromoModalOnClick}>\n                                    <div className=\"u-flex align-items-center justify-content-center u-w-100@xl-\">\n                                        <Text className=\"u-pad-right--light\" type={TextType.Body} color={row?.getPromoCode() ? row?.getPromoCodeColour() : Color.Navy}>\n                                            {row?.getPromoCode() ? row?.getPromoCode() : 'Promo Code'}\n                                        </Text>\n                                        <Icon icon={IconType.Dropdown} color={Color.DarkGrey} />\n                                    </div>\n                                </div>\n                            </Tooltip>\n                            <Overlay open={isPromoModalOpen} container={RoomstayThemeEngine.EngineContainer} followElement={thisElement.current} onClose={setPromoCodeOnClose}>\n                                <div className=\"u-pad--heavy\">\n                                    <div>\n                                        <PromoCodeInput\n                                            value={basketContext.selectedBasketRow?.getPromoCode()}\n                                            onChange={changePromoCode}\n                                            valid={\n                                                basketContext.selectedBasketRow?.getPromoCodeStatus() !== 'new'\n                                                    ? basketContext.selectedBasketRow?.getPromoCodeStatus() === 'valid'\n                                                    : undefined\n                                            }\n                                        />\n                                    </div>\n\n                                    <div className=\"u-flex justify-content-end align-items-center u-marg-top\">\n                                        <BEButton isText size=\"small\" onClick={cancelPromoPopupOnClick}>\n                                            {t(Translation.Misc.Cancel)}\n                                        </BEButton>\n                                    </div>\n                                </div>\n                            </Overlay>\n                        </div>\n                        <div className={`u-flex flex-xl-nowrap flex-row ${isCompact ? 'w-100' : ''}`}>\n                            <BEButton filled primary isLoading={isLoading} wide={isCompact !== ''} onClick={findRoomsOnClick}>\n                                {t(Translation.Misc.CheckRates)}\n                            </BEButton>\n                        </div>\n                    </div>\n                    <div className=\"u-border-rounded\">\n                        {!isLoading ? (\n                            <AutoAutoHeight open={!isLoading}>\n                                <>\n                                    <BookNowPayLaterInfoBlock />\n                                    {rooms.length > 0 ? (\n                                        <RoomRates\n                                            featuredRates={featuredRates}\n                                            rates={standardRates}\n                                            roomCode={rooms[0].code as string}\n                                            getButtonLabel={getButtonLabelHandler}\n                                            onAddToBasketOverride={onAddToBasketOverrideHandler}\n                                        />\n                                    ) : (\n                                        <RatesNotFound />\n                                    )}\n                                </>\n                            </AutoAutoHeight>\n                        ) : (\n                            <LargeLoader />\n                        )}\n                    </div>\n                </div>\n            </>\n        ),\n        [isCompact, isLoading, rooms, basketContext.currentBasketRows, isPromoModalOpen, hotel]\n    );\n}\n\nexport const renderInlineRoomMiniEngineElement = (container: Element, engine: InlineRoomMiniEngine) => {\n    render(\n        <BookingEngineContextWrapper engine={engine}>\n            <HashRouter>\n                <NotificationContextWrapper>\n                    <ErrorContextWrapper>\n                        <CompanyContextWrapper configCompany={engine.getConfig().company}>\n                            <BasketContextWrapper>\n                                <InlineRoomMiniEngineElement engine={engine} />\n                            </BasketContextWrapper>\n                        </CompanyContextWrapper>\n                    </ErrorContextWrapper>\n                </NotificationContextWrapper>\n            </HashRouter>\n        </BookingEngineContextWrapper>,\n        container\n    );\n};\n"]}

package/dist/src/engines/MemberPortalWidget/MemberPortalWidget.d.ts

@@ -0,0 +1,22 @@
+import { BaseEngine, BaseEngineConfig } from '../BaseEngine';
+import { IRoomstayMember } from '@roomstay/core';
+import { MenuItemType } from '../../components/generic/modal/SigninModal/AuthenticatedUserModal';
+import { ConfigCompany } from '../../models/Client/Hotel/Company';
+import { Placement } from '@popperjs/core';
+import { Hotel } from '../../models/Client/Hotel/Hotel';
+export interface MemberPortalWidgetConfig extends BaseEngineConfig {
+    company: Pick<ConfigCompany, 'colors' | 'companyShort'> & {
+        checkoutLink?: string;
+        hotel: string | Hotel;
+    };
+    authMenuItem?: MenuItemType[];
+    buttonClass?: string;
+    overlayPlacement?: Placement;
+    fallbackPlacements?: Placement;
+    onSignedIn?: (user: IRoomstayMember) => void;
+    onSignedOut?: () => void;
+}
+export declare class MemberPortalWidget extends BaseEngine<MemberPortalWidgetConfig> {
+    constructor(bookingContainer: HTMLElement, config?: MemberPortalWidgetConfig);
+    protected render(): Promise<void>;
+}