@roomstay/frontend 2.0.12 → 2.1.1

package/dist/src/components/steps/room/RoomList.js

@@ -1,22 +1,48 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const contexts_1 = require("@frontend/contexts");
-const React = require("react");
-const RoomDetails_1 = require("components/steps/room/roomDetails/RoomDetails");
-const LargeLoader_1 = require("components/generic/loader/LargeLoader");
-const RoomSortProvider_1 = require("providers/RoomSortProvider");
-const FilterProvider_1 = require("providers/FilterProvider");
-const RoomListCrossSellBlock_1 = require("components/steps/room/RoomListCrossSellBlock");
-const DataLayer_1 = require("util/DataLayer");
-const ScreenSize_1 = require("util/ScreenSize");
+const React = __importStar(require("react"));
+const RoomDetails_1 = __importDefault(require("@/components/steps/room/roomDetails/RoomDetails"));
+const LargeLoader_1 = __importDefault(require("@/components/generic/loader/LargeLoader"));
+const RoomSortProvider_1 = __importDefault(require("@/providers/RoomSortProvider"));
+const FilterProvider_1 = __importDefault(require("@/providers/FilterProvider"));
+const RoomListCrossSellBlock_1 = __importDefault(require("@/components/steps/room/RoomListCrossSellBlock"));
+const DataLayer_1 = __importDefault(require("@/util/DataLayer"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
 const hooks_1 = require("@frontend/hooks");
 const contexts_2 = require("@frontend/contexts");
-const GuestSearchEvent_1 = require("events/actions/GuestSearchEvent");
-const RoomListSearchEvent_1 = require("events/actions/RoomListSearchEvent");
+const GuestSearchEvent_1 = require("@/events/actions/GuestSearchEvent");
+const RoomListSearchEvent_1 = require("@/events/actions/RoomListSearchEvent");
 const RoomDetailsRetargeting_1 = require("./roomDetails/RoomDetailsRetargeting");
-const dayjs = require("dayjs");
-const NoRoomsFoundBlock_1 = require("./NoRoomsFoundBlock");
+const dayjs_1 = __importDefault(require("dayjs"));
+const NoRoomsFoundBlock_1 = __importDefault(require("./NoRoomsFoundBlock"));
 const RoomListAlert_1 = require("./RoomListAlert");
 const StepRoomErrorForm_1 = require("./StepRoomErrorForm");
 function RoomList() {
@@ -138,8 +164,8 @@ function RoomList() {
             }
             Object.values(booking.itinerary).map((itinerary) => {
                 const { roomCode, nights } = itinerary;
-                const dates = Object.keys(nights).map(dayjs);
-                const maxDate = dayjs(Math.max.apply(null, dates));
+                const dates = Object.keys(nights).map(dayjs_1.default);
+                const maxDate = (0, dayjs_1.default)(Math.max.apply(null, dates));
                 if (!lastBookingDate || maxDate.isAfter(maxDate)) {
                     lastBookingDate = maxDate;
                     lastBookingRoomcode = roomCode;

package/dist/src/components/steps/room/RoomList.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomList.js","sourceRoot":"/","sources":["src/components/steps/room/RoomList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useState, useMemo, useRef, useEffect } from 'react';\nimport { BasketContext, BookingEngineContext, RoomstayMemberContext } from '@frontend/contexts';\nimport * as React from 'react';\nimport RoomDetails from 'components/steps/room/roomDetails/RoomDetails';\nimport { Room } from 'models/Room/Room';\nimport LargeLoader from 'components/generic/loader/LargeLoader';\nimport RoomSortProvider from 'providers/RoomSortProvider';\nimport Filter from 'models/Room/Filters/Filter';\nimport FilterProvider from 'providers/FilterProvider';\nimport RoomListCrossSellBlock from 'components/steps/room/RoomListCrossSellBlock';\nimport DataLayer from 'util/DataLayer';\nimport ScreenSize from 'util/ScreenSize';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport { CompanyContext } from '@frontend/contexts';\n\nimport { SearchParameters } from 'models/SearchParameters';\nimport { GuestSearchEvent } from 'events/actions/GuestSearchEvent';\nimport { RoomListSearch } from 'models/RoomListSearch';\nimport { RoomListSearchEvent } from 'events/actions/RoomListSearchEvent';\n\nimport { RoomDetailsRetargeting } from './roomDetails/RoomDetailsRetargeting';\nimport * as dayjs from 'dayjs';\nimport NoRoomsFoundBlock from './NoRoomsFoundBlock';\nimport { RoomListAlert } from './RoomListAlert';\nimport { StepRoomErrorForm } from './StepRoomErrorForm';\n\nexport default function RoomList() {\n    const basketContext = useContext(BasketContext);\n    const beContext = useContext(BookingEngineContext);\n    const ccx = useContext(CompanyContext);\n    const { roomstayMember } = useContext(RoomstayMemberContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const [rooms, setRooms] = React.useState<Room[]>([]);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const [openRoom, setOpenRoom] = useState(null);\n    const [apiHasError, setApiHasError] = useState(null);\n\n    const roomListRef = useRef(null);\n\n    const selectedRow = basketContext.selectedBasketRow;\n\n    const startDate = selectedRow?.getStartDate();\n    const endDate = selectedRow?.getEndDate();\n    const promoCode = selectedRow?.getPromoCode();\n\n    const adults = selectedRow?.getAdults();\n    const children = selectedRow?.getChildren();\n    const sortBy = beContext.currentRoomSort;\n\n    let listWhenLastScrolled: Room[] = null;\n\n    const { raise } = useEvent();\n\n    const scrollIntoView = () => {\n        if (roomListRef.current && listWhenLastScrolled !== rooms) {\n            listWhenLastScrolled = rooms;\n            const offset = beContext.screenSize <= ScreenSize.Medium ? 185 : 350;\n\n            window.scrollTo({ top: window.scrollY + (roomListRef.current.getBoundingClientRect().top - offset), behavior: 'smooth' });\n        }\n    };\n\n    useEffect(() => {\n        let isCancelled = false;\n\n        try {\n            const search: SearchParameters = {\n                checkInTime: startDate?.format('YYYY-M-D'),\n                checkOutTime: endDate?.format('YYYY-M-D'),\n                numAdults: adults,\n                numChildren: children,\n                numRooms: 1,\n                promoCode: promoCode,\n            };\n\n            const event = new GuestSearchEvent(search);\n            raise(event);\n\n            const filters: Filter[] = Object.values(beContext.currentFilters).filter((filter) => !!filter) as Filter[];\n\n            let row = basketContext.selectedBasketRow;\n\n            if (!row && !rooms.length) {\n                row = basketContext.attemptSelectUnfilledRow();\n            }\n\n            if (!row) {\n                const validRows = basketContext.getAllValidRows();\n                row = validRows[validRows.length - 1];\n            }\n\n            if (row) {\n                setIsLoading(true);\n                FilterProvider.getRoomList(row, filters, hotel.hotelID)\n                    .then((availableRooms) => {\n                        if (!isCancelled) {\n                            setRooms(availableRooms);\n                            setOpenRoom(basketContext.selectedBasketRow);\n                            setApiHasError(false);\n\n                            const foundRooms: RoomListSearch[] =\n                                availableRooms?.map((room) => {\n                                    const { name, code } = room;\n\n                                    const foundRoom: RoomListSearch = {\n                                        name,\n                                        code,\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, foundRooms);\n                            raise(event);\n                        }\n                    })\n                    .catch(() => {\n                        if (!isCancelled) {\n                            setRooms([]);\n                            setOpenRoom(null);\n                            setApiHasError(true);\n                        }\n                    })\n                    .finally(() => {\n                        setIsLoading(false);\n                    });\n            }\n        } catch (ex) {\n            //\n        }\n\n        return () => {\n            setIsLoading(false);\n            isCancelled = true;\n        };\n    }, [adults, children, startDate, endDate, promoCode, ccx.currentLanguage, beContext.currentFilters, basketContext.selectedBasketRow?.getStale()]);\n\n    const retargetingRoom = useMemo(() => {\n        if (!roomstayMember || roomstayMember.bookings?.length === 0) return null;\n\n        let lastBookingDate: dayjs.Dayjs;\n        let lastBookingRoomcode = '';\n        roomstayMember.bookings.forEach((booking) => {\n            if (booking.hotelId !== hotel.hotelID) {\n                return;\n            }\n\n            Object.values(booking.itinerary).map((itinerary) => {\n                const { roomCode, nights } = itinerary;\n                const dates = Object.keys(nights).map(dayjs);\n                const maxDate = dayjs(Math.max.apply(null, dates));\n                if (!lastBookingDate || maxDate.isAfter(maxDate)) {\n                    lastBookingDate = maxDate;\n                    lastBookingRoomcode = roomCode;\n                }\n            });\n        });\n\n        return rooms.find((room) => room.code === lastBookingRoomcode);\n    }, [rooms, roomstayMember]);\n\n    return useMemo(() => {\n        const sortedRooms = [...rooms];\n        if (sortedRooms.length !== 0) {\n            sortedRooms.sort(RoomSortProvider.getSortByFunction(sortBy));\n        }\n\n        setTimeout(() => {\n            scrollIntoView();\n        }, 100);\n\n        const elements = (\n            <div ref={roomListRef}>\n                {isLoading ? (\n                    <LargeLoader />\n                ) : sortedRooms.length ? (\n                    sortedRooms.map((room, index) => <RoomDetails key={room.code} room={room} disableMarginBottom={index === sortedRooms.length - 1} />)\n                ) : (\n                    <>\n                        {apiHasError ? <StepRoomErrorForm /> : <NoRoomsFoundBlock />}\n                        {hotel?.crossSellHotelIds?.map((hotelId) => (\n                            <RoomListCrossSellBlock key={hotelId} hotelId={hotelId} />\n                        ))}\n                    </>\n                )}\n            </div>\n        );\n\n        DataLayer.instance.sendRoomImpressions();\n\n        return (\n            <>\n                <RoomListAlert>{!isLoading && retargetingRoom ? <RoomDetailsRetargeting key={retargetingRoom.code} room={retargetingRoom} /> : null}</RoomListAlert>\n                {elements}\n            </>\n        );\n    }, [rooms, isLoading, openRoom, sortBy, beContext.currentFilters, basketContext.loadedPromotion]);\n}\n"]}
+{"version":3,"file":"RoomList.js","sourceRoot":"/","sources":["src/components/steps/room/RoomList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useState, useMemo, useRef, useEffect } from 'react';\nimport { BasketContext, BookingEngineContext, RoomstayMemberContext } from '@frontend/contexts';\nimport * as React from 'react';\nimport RoomDetails from '@/components/steps/room/roomDetails/RoomDetails';\nimport { Room } from '@/models/Room/Room';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport RoomSortProvider from '@/providers/RoomSortProvider';\nimport Filter from '@/models/Room/Filters/Filter';\nimport FilterProvider from '@/providers/FilterProvider';\nimport RoomListCrossSellBlock from '@/components/steps/room/RoomListCrossSellBlock';\nimport DataLayer from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport { CompanyContext } from '@frontend/contexts';\n\nimport { SearchParameters } from '@/models/SearchParameters';\nimport { GuestSearchEvent } from '@/events/actions/GuestSearchEvent';\nimport { RoomListSearch } from '@/models/RoomListSearch';\nimport { RoomListSearchEvent } from '@/events/actions/RoomListSearchEvent';\n\nimport { RoomDetailsRetargeting } from './roomDetails/RoomDetailsRetargeting';\nimport dayjs from 'dayjs';\nimport NoRoomsFoundBlock from './NoRoomsFoundBlock';\nimport { RoomListAlert } from './RoomListAlert';\nimport { StepRoomErrorForm } from './StepRoomErrorForm';\n\nexport default function RoomList() {\n    const basketContext = useContext(BasketContext);\n    const beContext = useContext(BookingEngineContext);\n    const ccx = useContext(CompanyContext);\n    const { roomstayMember } = useContext(RoomstayMemberContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const [rooms, setRooms] = React.useState<Room[]>([]);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const [openRoom, setOpenRoom] = useState(null);\n    const [apiHasError, setApiHasError] = useState(null);\n\n    const roomListRef = useRef(null);\n\n    const selectedRow = basketContext.selectedBasketRow;\n\n    const startDate = selectedRow?.getStartDate();\n    const endDate = selectedRow?.getEndDate();\n    const promoCode = selectedRow?.getPromoCode();\n\n    const adults = selectedRow?.getAdults();\n    const children = selectedRow?.getChildren();\n    const sortBy = beContext.currentRoomSort;\n\n    let listWhenLastScrolled: Room[] = null;\n\n    const { raise } = useEvent();\n\n    const scrollIntoView = () => {\n        if (roomListRef.current && listWhenLastScrolled !== rooms) {\n            listWhenLastScrolled = rooms;\n            const offset = beContext.screenSize <= ScreenSize.Medium ? 185 : 350;\n\n            window.scrollTo({ top: window.scrollY + (roomListRef.current.getBoundingClientRect().top - offset), behavior: 'smooth' });\n        }\n    };\n\n    useEffect(() => {\n        let isCancelled = false;\n\n        try {\n            const search: SearchParameters = {\n                checkInTime: startDate?.format('YYYY-M-D'),\n                checkOutTime: endDate?.format('YYYY-M-D'),\n                numAdults: adults,\n                numChildren: children,\n                numRooms: 1,\n                promoCode: promoCode,\n            };\n\n            const event = new GuestSearchEvent(search);\n            raise(event);\n\n            const filters: Filter[] = Object.values(beContext.currentFilters).filter((filter) => !!filter) as Filter[];\n\n            let row = basketContext.selectedBasketRow;\n\n            if (!row && !rooms.length) {\n                row = basketContext.attemptSelectUnfilledRow();\n            }\n\n            if (!row) {\n                const validRows = basketContext.getAllValidRows();\n                row = validRows[validRows.length - 1];\n            }\n\n            if (row) {\n                setIsLoading(true);\n                FilterProvider.getRoomList(row, filters, hotel.hotelID)\n                    .then((availableRooms) => {\n                        if (!isCancelled) {\n                            setRooms(availableRooms);\n                            setOpenRoom(basketContext.selectedBasketRow);\n                            setApiHasError(false);\n\n                            const foundRooms: RoomListSearch[] =\n                                availableRooms?.map((room) => {\n                                    const { name, code } = room;\n\n                                    const foundRoom: RoomListSearch = {\n                                        name,\n                                        code,\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, foundRooms);\n                            raise(event);\n                        }\n                    })\n                    .catch(() => {\n                        if (!isCancelled) {\n                            setRooms([]);\n                            setOpenRoom(null);\n                            setApiHasError(true);\n                        }\n                    })\n                    .finally(() => {\n                        setIsLoading(false);\n                    });\n            }\n        } catch (ex) {\n            //\n        }\n\n        return () => {\n            setIsLoading(false);\n            isCancelled = true;\n        };\n    }, [adults, children, startDate, endDate, promoCode, ccx.currentLanguage, beContext.currentFilters, basketContext.selectedBasketRow?.getStale()]);\n\n    const retargetingRoom = useMemo(() => {\n        if (!roomstayMember || roomstayMember.bookings?.length === 0) return null;\n\n        let lastBookingDate: dayjs.Dayjs;\n        let lastBookingRoomcode = '';\n        roomstayMember.bookings.forEach((booking) => {\n            if (booking.hotelId !== hotel.hotelID) {\n                return;\n            }\n\n            Object.values(booking.itinerary).map((itinerary) => {\n                const { roomCode, nights } = itinerary;\n                const dates = Object.keys(nights).map(dayjs);\n                const maxDate = dayjs(Math.max.apply(null, dates));\n                if (!lastBookingDate || maxDate.isAfter(maxDate)) {\n                    lastBookingDate = maxDate;\n                    lastBookingRoomcode = roomCode;\n                }\n            });\n        });\n\n        return rooms.find((room) => room.code === lastBookingRoomcode);\n    }, [rooms, roomstayMember]);\n\n    return useMemo(() => {\n        const sortedRooms = [...rooms];\n        if (sortedRooms.length !== 0) {\n            sortedRooms.sort(RoomSortProvider.getSortByFunction(sortBy));\n        }\n\n        setTimeout(() => {\n            scrollIntoView();\n        }, 100);\n\n        const elements = (\n            <div ref={roomListRef}>\n                {isLoading ? (\n                    <LargeLoader />\n                ) : sortedRooms.length ? (\n                    sortedRooms.map((room, index) => <RoomDetails key={room.code} room={room} disableMarginBottom={index === sortedRooms.length - 1} />)\n                ) : (\n                    <>\n                        {apiHasError ? <StepRoomErrorForm /> : <NoRoomsFoundBlock />}\n                        {hotel?.crossSellHotelIds?.map((hotelId) => (\n                            <RoomListCrossSellBlock key={hotelId} hotelId={hotelId} />\n                        ))}\n                    </>\n                )}\n            </div>\n        );\n\n        DataLayer.instance.sendRoomImpressions();\n\n        return (\n            <>\n                <RoomListAlert>{!isLoading && retargetingRoom ? <RoomDetailsRetargeting key={retargetingRoom.code} room={retargetingRoom} /> : null}</RoomListAlert>\n                {elements}\n            </>\n        );\n    }, [rooms, isLoading, openRoom, sortBy, beContext.currentFilters, basketContext.loadedPromotion]);\n}\n"]}

package/dist/src/components/steps/room/RoomListAlert.js

@@ -1,13 +1,39 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoomListAlert = void 0;
 const contexts_1 = require("@frontend/contexts");
-const LineBreak_1 = require("components/generic/LineBreak");
-const React = require("react");
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
+const React = __importStar(require("react"));
 const react_1 = require("react");
-const ScreenSize_1 = require("util/ScreenSize");
-const RoomBuilderProgress_1 = require("./roomBuilderProgress/RoomBuilderProgress");
-const StepRoomAlertBlocks_1 = require("./StepRoomAlertBlocks");
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const RoomBuilderProgress_1 = __importDefault(require("./roomBuilderProgress/RoomBuilderProgress"));
+const StepRoomAlertBlocks_1 = __importDefault(require("./StepRoomAlertBlocks"));
 const RoomListAlert = (props) => {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     if (context.screenSize <= ScreenSize_1.default.Medium) {

package/dist/src/components/steps/room/RoomListAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomListAlert.js","sourceRoot":"/","sources":["src/components/steps/room/RoomListAlert.tsx"],"names":[],"mappings":";;;AAAA,iDAA0D;AAC1D,4DAAqD;AACrD,+BAA+B;AAC/B,iCAAmC;AACnC,gDAAyC;AACzC,mFAA4E;AAC5E,+DAAwD;AAEjD,MAAM,aAAa,GAAa,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,IAAI,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,EAAE;QACzC,OAAO,CACH;YACI,oBAAC,6BAAmB,OAAG;YACvB,oBAAC,mBAAS,IAAC,YAAY,EAAE,IAAI,GAAI;YACjC,oBAAC,6BAAmB,OAAG;YACtB,KAAK,CAAC,QAAQ;YACf,oBAAC,mBAAS,IAAC,YAAY,EAAE,IAAI,GAAI,CAClC,CACN,CAAC;KACL;IAED,OAAO,CACH;QACI,oBAAC,6BAAmB,OAAG;QACtB,KAAK,CAAC,QAAQ;QACf,oBAAC,6BAAmB,OAAG,CACxB,CACN,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport LineBreak from 'components/generic/LineBreak';\nimport * as React from 'react';\nimport { useContext } from 'react';\nimport ScreenSize from 'util/ScreenSize';\nimport RoomBuilderProgress from './roomBuilderProgress/RoomBuilderProgress';\nimport StepRoomAlertBlocks from './StepRoomAlertBlocks';\n\nexport const RoomListAlert: React.FC = (props) => {\n    const context = useContext(BookingEngineContext);\n\n    if (context.screenSize <= ScreenSize.Medium) {\n        return (\n            <>\n                <StepRoomAlertBlocks />\n                <LineBreak smallMargins={true} />\n                <RoomBuilderProgress />\n                {props.children}\n                <LineBreak smallMargins={true} />\n            </>\n        );\n    }\n\n    return (\n        <>\n            <RoomBuilderProgress />\n            {props.children}\n            <StepRoomAlertBlocks />\n        </>\n    );\n};\n"]}
+{"version":3,"file":"RoomListAlert.js","sourceRoot":"/","sources":["src/components/steps/room/RoomListAlert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,+EAAuD;AACvD,6CAA+B;AAC/B,iCAAmC;AACnC,mEAA2C;AAC3C,oGAA4E;AAC5E,gFAAwD;AAEjD,MAAM,aAAa,GAAa,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,IAAI,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,EAAE;QACzC,OAAO,CACH;YACI,oBAAC,6BAAmB,OAAG;YACvB,oBAAC,mBAAS,IAAC,YAAY,EAAE,IAAI,GAAI;YACjC,oBAAC,6BAAmB,OAAG;YACtB,KAAK,CAAC,QAAQ;YACf,oBAAC,mBAAS,IAAC,YAAY,EAAE,IAAI,GAAI,CAClC,CACN,CAAC;KACL;IAED,OAAO,CACH;QACI,oBAAC,6BAAmB,OAAG;QACtB,KAAK,CAAC,QAAQ;QACf,oBAAC,6BAAmB,OAAG,CACxB,CACN,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport LineBreak from '@/components/generic/LineBreak';\nimport * as React from 'react';\nimport { useContext } from 'react';\nimport ScreenSize from '@/util/ScreenSize';\nimport RoomBuilderProgress from './roomBuilderProgress/RoomBuilderProgress';\nimport StepRoomAlertBlocks from './StepRoomAlertBlocks';\n\nexport const RoomListAlert: React.FC = (props) => {\n    const context = useContext(BookingEngineContext);\n\n    if (context.screenSize <= ScreenSize.Medium) {\n        return (\n            <>\n                <StepRoomAlertBlocks />\n                <LineBreak smallMargins={true} />\n                <RoomBuilderProgress />\n                {props.children}\n                <LineBreak smallMargins={true} />\n            </>\n        );\n    }\n\n    return (\n        <>\n            <RoomBuilderProgress />\n            {props.children}\n            <StepRoomAlertBlocks />\n        </>\n    );\n};\n"]}

package/dist/src/components/steps/room/RoomListCrossSellBlock.js

@@ -1,19 +1,45 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const Headline_1 = require("components/generic/Headline");
-const Text_1 = require("components/generic/Text");
-const Color_1 = require("util/Color");
-const Icon_1 = require("components/generic/Icon/Icon");
-const React = require("react");
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const Color_1 = require("@/util/Color");
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
+const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
-const ScreenSize_1 = require("util/ScreenSize");
-const Currency_1 = require("components/generic/Currency");
-const BookingAPI_1 = require("api/BookingAPI");
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const Currency_1 = __importDefault(require("@/components/generic/Currency"));
+const BookingAPI_1 = __importDefault(require("@/api/BookingAPI"));
 const contexts_1 = require("@frontend/contexts");
-const BaseAPI_1 = require("api/BaseAPI");
-const SmallSpinner_1 = require("components/generic/loader/SmallSpinner");
+const BaseAPI_1 = require("@/api/BaseAPI");
+const SmallSpinner_1 = __importDefault(require("@/components/generic/loader/SmallSpinner"));
 function RoomListCrossSellBlock(props) {
     const { t } = (0, react_i18next_1.useTranslation)();
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);

package/dist/src/components/steps/room/RoomListCrossSellBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomListCrossSellBlock.js","sourceRoot":"/","sources":["src/components/steps/room/RoomListCrossSellBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import Headline from 'components/generic/Headline';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from 'util/ScreenSize';\nimport Currency from 'components/generic/Currency';\nimport API from 'api/BookingAPI';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { API_DATE_FORMAT } from 'api/BaseAPI';\nimport SmallSpinner from 'components/generic/loader/SmallSpinner';\nimport { Room } from 'models/Room/Room';\n\nexport interface RoomListCrossSellBlockProps {\n    hotelId: string;\n}\n\nexport default function RoomListCrossSellBlock(props: RoomListCrossSellBlockProps) {\n    const { t } = useTranslation();\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const [isAvailable, setIsAvailable] = useState(false); // True if the dates were found with a calendar search\n    const [isReallyAvailable, setIsReallyAvailable] = useState(true); // True if the dates were found with an availability search\n    const [isLoading, setIsLoading] = useState(true);\n    const [imageUrl, setImageUrl] = useState('');\n    const [name, setName] = useState('');\n    const [description, setDescription] = useState('');\n    const [link, setLink] = useState('');\n    const [rooms, setRooms] = useState<Room[]>([]);\n\n    useEffect(() => {\n        const row = basketContext.selectedBasketRow;\n\n        if (!row) {\n            return;\n        }\n\n        API.Availability.getCheapestPricePerDay(row.getStartDate(), row.getEndDate(), row.getAdults(), row.getChildren(), row.getPromoCode(), props.hotelId, true)\n            .catch()\n            .then((dayPrices) => {\n                if (dayPrices) {\n                    let allFound = true;\n                    for (let date = row.getStartDate(); date.isBefore(row.getEndDate(), 'day'); date = date.add(1, 'day')) {\n                        if (!dayPrices[date.format(API_DATE_FORMAT)]) {\n                            allFound = false;\n                            break;\n                        }\n                    }\n                    setIsAvailable(allFound);\n                    setIsReallyAvailable(true);\n                    if (allFound) {\n                        setIsLoading(true);\n                        const crossSellHotelInfo = API.Availability.getCrossSellHotelInfo(props.hotelId);\n                        setName(crossSellHotelInfo.name);\n                        setImageUrl(crossSellHotelInfo.image);\n                        setDescription(crossSellHotelInfo.description);\n\n                        const params: string[] = ['arrive=' + row.getStartDate().format('YYYY-M-D'), 'depart=' + row.getEndDate().format('YYYY-M-D')];\n                        if (row.getAdults() > 1) {\n                            params.push('adults=' + row.getAdults());\n                        }\n                        if (row.getChildren() > 0) {\n                            params.push('children=' + row.getChildren());\n                        }\n                        if (row.getPromoCode()) {\n                            params.push('promocode=' + row.getPromoCode());\n                        }\n                        setLink(crossSellHotelInfo.checkoutUrl + '#/step/room/?' + params.join('&'));\n\n                        API.Availability.fetchAvailabilityData(row, props.hotelId)\n                            .catch((_) => [])\n                            .then((hotelRooms) => {\n                                if (hotelRooms.length) {\n                                    setRooms(hotelRooms);\n                                    setIsLoading(false);\n                                } else {\n                                    setIsReallyAvailable(false);\n                                    setIsLoading(false);\n                                }\n                            });\n                    }\n                }\n            });\n    }, [basketContext.selectedBasketRow]);\n\n    return (\n        isAvailable && (\n            <div className=\"u-marg-top--heavy u-marg-bottom\">\n                <div className=\"cross-sell-module\">\n                    <div className=\"cross-sell-module--image\" style={{ backgroundImage: `url('${imageUrl}')` }} />\n                    <div className=\"cross-sell-module--content u-pad--heavy u-pad@m-\">\n                        <div className=\"u-marg-bottom--heavy\">\n                            <div className=\"cross-sell-module--content-title u-marg-bottom--light\">\n                                <Headline bold={true} size={isReallyAvailable ? 'large' : 'normal'}>\n                                    {isLoading\n                                        ? 'A nearby hotel may have availability on your dates...'\n                                        : isReallyAvailable\n                                        ? 'Nearby hotel has availability on your dates!'\n                                        : 'Sorry, we checked and your dates are also unavailable in our nearby hotels'}\n                                </Headline>\n                            </div>\n                            {isReallyAvailable && (\n                                <div className=\"cross-sell-module--content-description u-marg-bottom--light\">\n                                    <Text color={Color.DarkGrey} type={TextType.Body}>\n                                        <strong style={{ color: Color.Accent }}>{name}</strong> <div dangerouslySetInnerHTML={{ __html: description }}></div>\n                                    </Text>\n                                </div>\n                            )}\n                        </div>\n\n                        {isLoading ? (\n                            <SmallSpinner />\n                        ) : (\n                            <>\n                                {rooms.slice(0, 4).map((room, index) => {\n                                    const roomLink = link + '&room=' + room.code;\n                                    let classNames = 'u-flex align-items-end';\n                                    if (index < rooms.length - 1) {\n                                        classNames += ' u-pad-bottom u-border-bottom u-marg-bottom';\n                                    }\n                                    return (\n                                        <a key={room.code} className={classNames} href={roomLink} target=\"_blank\" rel=\"noreferrer\">\n                                            <div className=\"u-flex flex-column align-items-start justify-content-start\">\n                                                <Text type={TextType.Body} color={Color.Accent} bold={true}>\n                                                    {room.name}\n                                                </Text>\n                                                <Text type={TextType.Small} color={Color.DarkGrey}>\n                                                    Sleeps {room.occupancy}\n                                                </Text>\n                                            </div>\n                                            <div className=\"u-flex flex-column align-items-end align-items-md-end\">\n                                                <Text type={TextType.Small} color={Color.DarkGrey} inline={true}>\n                                                    {t(Translation.Misc.From)}\n                                                </Text>\n                                                <Text type={TextType.Body} color={Color.Accent} bold={true}>\n                                                    <Currency>{room.getLowestPrice(true)}</Currency>\n                                                </Text>\n                                            </div>\n                                        </a>\n                                    );\n                                })}\n                            </>\n                        )}\n\n                        {isReallyAvailable && (\n                            <div className=\"u-marg-top--light u-flex justify-content-start u-w-100@m- u-marg-top--heavy\">\n                                <a\n                                    className={'link-button --primary --filled --success --icon-right --normal' + (context.screenSize <= ScreenSize.Medium ? ' --wide' : '')}\n                                    tabIndex={0}\n                                    type=\"button\"\n                                    href={link}\n                                    target=\"_blank\"\n                                    rel=\"noreferrer\"\n                                >\n                                    <span>\n                                        See all {rooms.length} rooms\n                                        <Icon icon={IconType.ArrowRight} size=\"1em\" />\n                                    </span>\n                                </a>\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        )\n    );\n}\n"]}
+{"version":3,"file":"RoomListCrossSellBlock.js","sourceRoot":"/","sources":["src/components/steps/room/RoomListCrossSellBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport Currency from '@/components/generic/Currency';\nimport API from '@/api/BookingAPI';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { API_DATE_FORMAT } from '@/api/BaseAPI';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport { Room } from '@/models/Room/Room';\n\nexport interface RoomListCrossSellBlockProps {\n    hotelId: string;\n}\n\nexport default function RoomListCrossSellBlock(props: RoomListCrossSellBlockProps) {\n    const { t } = useTranslation();\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const [isAvailable, setIsAvailable] = useState(false); // True if the dates were found with a calendar search\n    const [isReallyAvailable, setIsReallyAvailable] = useState(true); // True if the dates were found with an availability search\n    const [isLoading, setIsLoading] = useState(true);\n    const [imageUrl, setImageUrl] = useState('');\n    const [name, setName] = useState('');\n    const [description, setDescription] = useState('');\n    const [link, setLink] = useState('');\n    const [rooms, setRooms] = useState<Room[]>([]);\n\n    useEffect(() => {\n        const row = basketContext.selectedBasketRow;\n\n        if (!row) {\n            return;\n        }\n\n        API.Availability.getCheapestPricePerDay(row.getStartDate(), row.getEndDate(), row.getAdults(), row.getChildren(), row.getPromoCode(), props.hotelId, true)\n            .catch()\n            .then((dayPrices) => {\n                if (dayPrices) {\n                    let allFound = true;\n                    for (let date = row.getStartDate(); date.isBefore(row.getEndDate(), 'day'); date = date.add(1, 'day')) {\n                        if (!dayPrices[date.format(API_DATE_FORMAT)]) {\n                            allFound = false;\n                            break;\n                        }\n                    }\n                    setIsAvailable(allFound);\n                    setIsReallyAvailable(true);\n                    if (allFound) {\n                        setIsLoading(true);\n                        const crossSellHotelInfo = API.Availability.getCrossSellHotelInfo(props.hotelId);\n                        setName(crossSellHotelInfo.name);\n                        setImageUrl(crossSellHotelInfo.image);\n                        setDescription(crossSellHotelInfo.description);\n\n                        const params: string[] = ['arrive=' + row.getStartDate().format('YYYY-M-D'), 'depart=' + row.getEndDate().format('YYYY-M-D')];\n                        if (row.getAdults() > 1) {\n                            params.push('adults=' + row.getAdults());\n                        }\n                        if (row.getChildren() > 0) {\n                            params.push('children=' + row.getChildren());\n                        }\n                        if (row.getPromoCode()) {\n                            params.push('promocode=' + row.getPromoCode());\n                        }\n                        setLink(crossSellHotelInfo.checkoutUrl + '#/step/room/?' + params.join('&'));\n\n                        API.Availability.fetchAvailabilityData(row, props.hotelId)\n                            .catch((_) => [])\n                            .then((hotelRooms) => {\n                                if (hotelRooms.length) {\n                                    setRooms(hotelRooms);\n                                    setIsLoading(false);\n                                } else {\n                                    setIsReallyAvailable(false);\n                                    setIsLoading(false);\n                                }\n                            });\n                    }\n                }\n            });\n    }, [basketContext.selectedBasketRow]);\n\n    return (\n        isAvailable && (\n            <div className=\"u-marg-top--heavy u-marg-bottom\">\n                <div className=\"cross-sell-module\">\n                    <div className=\"cross-sell-module--image\" style={{ backgroundImage: `url('${imageUrl}')` }} />\n                    <div className=\"cross-sell-module--content u-pad--heavy u-pad@m-\">\n                        <div className=\"u-marg-bottom--heavy\">\n                            <div className=\"cross-sell-module--content-title u-marg-bottom--light\">\n                                <Headline bold={true} size={isReallyAvailable ? 'large' : 'normal'}>\n                                    {isLoading\n                                        ? 'A nearby hotel may have availability on your dates...'\n                                        : isReallyAvailable\n                                        ? 'Nearby hotel has availability on your dates!'\n                                        : 'Sorry, we checked and your dates are also unavailable in our nearby hotels'}\n                                </Headline>\n                            </div>\n                            {isReallyAvailable && (\n                                <div className=\"cross-sell-module--content-description u-marg-bottom--light\">\n                                    <Text color={Color.DarkGrey} type={TextType.Body}>\n                                        <strong style={{ color: Color.Accent }}>{name}</strong> <div dangerouslySetInnerHTML={{ __html: description }}></div>\n                                    </Text>\n                                </div>\n                            )}\n                        </div>\n\n                        {isLoading ? (\n                            <SmallSpinner />\n                        ) : (\n                            <>\n                                {rooms.slice(0, 4).map((room, index) => {\n                                    const roomLink = link + '&room=' + room.code;\n                                    let classNames = 'u-flex align-items-end';\n                                    if (index < rooms.length - 1) {\n                                        classNames += ' u-pad-bottom u-border-bottom u-marg-bottom';\n                                    }\n                                    return (\n                                        <a key={room.code} className={classNames} href={roomLink} target=\"_blank\" rel=\"noreferrer\">\n                                            <div className=\"u-flex flex-column align-items-start justify-content-start\">\n                                                <Text type={TextType.Body} color={Color.Accent} bold={true}>\n                                                    {room.name}\n                                                </Text>\n                                                <Text type={TextType.Small} color={Color.DarkGrey}>\n                                                    Sleeps {room.occupancy}\n                                                </Text>\n                                            </div>\n                                            <div className=\"u-flex flex-column align-items-end align-items-md-end\">\n                                                <Text type={TextType.Small} color={Color.DarkGrey} inline={true}>\n                                                    {t(Translation.Misc.From)}\n                                                </Text>\n                                                <Text type={TextType.Body} color={Color.Accent} bold={true}>\n                                                    <Currency>{room.getLowestPrice(true)}</Currency>\n                                                </Text>\n                                            </div>\n                                        </a>\n                                    );\n                                })}\n                            </>\n                        )}\n\n                        {isReallyAvailable && (\n                            <div className=\"u-marg-top--light u-flex justify-content-start u-w-100@m- u-marg-top--heavy\">\n                                <a\n                                    className={'link-button --primary --filled --success --icon-right --normal' + (context.screenSize <= ScreenSize.Medium ? ' --wide' : '')}\n                                    tabIndex={0}\n                                    type=\"button\"\n                                    href={link}\n                                    target=\"_blank\"\n                                    rel=\"noreferrer\"\n                                >\n                                    <span>\n                                        See all {rooms.length} rooms\n                                        <Icon icon={IconType.ArrowRight} size=\"1em\" />\n                                    </span>\n                                </a>\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        )\n    );\n}\n"]}

package/dist/src/components/steps/room/RoomModal.d.ts

@@ -1,5 +1,5 @@
-import { Room } from 'models/Room/Room';
-import { RoomRate } from 'models/Room/RoomRate';
+import { Room } from '@/models/Room/Room';
+import { RoomRate } from '@/models/Room/RoomRate';
 interface RoomModalProps {
     room: Room;
     rates: RoomRate[];

package/dist/src/components/steps/room/RoomModal.js

@@ -1,17 +1,43 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const SimpleModal_1 = require("components/generic/modal/SimpleModal");
-const Headline_1 = require("components/generic/Headline");
-const React = require("react");
-const Icon_1 = require("components/generic/Icon/Icon");
-const Text_1 = require("components/generic/Text");
-const Color_1 = require("util/Color");
-const LineBreak_1 = require("components/generic/LineBreak");
-const RoomRates_1 = require("components/steps/room/roomDetails/roomRates/RoomRates");
-const ImageGallerySlider_1 = require("components/steps/room/ImageGallerySlider");
+const SimpleModal_1 = __importStar(require("@/components/generic/modal/SimpleModal"));
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const React = __importStar(require("react"));
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const Color_1 = require("@/util/Color");
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
+const RoomRates_1 = __importDefault(require("@/components/steps/room/roomDetails/roomRates/RoomRates"));
+const ImageGallerySlider_1 = __importDefault(require("@/components/steps/room/ImageGallerySlider"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
-const RoomDetailsBedsBlock_1 = require("components/steps/room/roomDetails/RoomDetailsBedsBlock");
+const RoomDetailsBedsBlock_1 = require("@/components/steps/room/roomDetails/RoomDetailsBedsBlock");
 const hooks_1 = require("@frontend/hooks");
 function RoomModal(props) {
     var _a;

package/dist/src/components/steps/room/RoomModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomModal.js","sourceRoot":"/","sources":["src/components/steps/room/RoomModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import SimpleModal, { SimpleModalSize } from 'components/generic/modal/SimpleModal';\nimport Headline from 'components/generic/Headline';\nimport * as React from 'react';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport LineBreak from 'components/generic/LineBreak';\nimport RoomRates from 'components/steps/room/roomDetails/roomRates/RoomRates';\nimport ImageGallerySlider from 'components/steps/room/ImageGallerySlider';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { Room } from 'models/Room/Room';\nimport { RoomDetailsBedsBlock } from 'components/steps/room/roomDetails/RoomDetailsBedsBlock';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface RoomModalProps {\n    room: Room;\n\n    rates: RoomRate[];\n    featuredRates: RoomRate[];\n\n    open: boolean;\n    onClose?: () => void;\n}\n\nexport default function RoomModal(props: RoomModalProps) {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const { perks, rooms } = hotel;\n\n    const extraRoomData = rooms?.[props.room.code];\n\n    // Explode otherwise original data gets overwritten.\n    const amenities = extraRoomData?.amenities ? [...extraRoomData?.amenities] : [];\n\n    if (extraRoomData?.features?.length) {\n        extraRoomData.features.forEach((feature) => {\n            amenities.push(feature);\n        });\n    }\n\n    return (\n        <SimpleModal title={props.room.name + ' ' + t(Translation.Step.Room.RoomInfo.Information)} open={props.open} size={SimpleModalSize.Small} onClose={props.onClose}>\n            <div>\n                <div style={{ height: '350px' }}>\n                    <ImageGallerySlider images={props.room.getImages()} />\n                </div>\n\n                <div className=\"u-marg-heavy u-marg@m-\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Headline bold={true} size={'large'}>\n                            {props.room.name}\n                        </Headline>\n                    </div>\n                    <RoomDetailsBedsBlock room={props.room} />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text color={Color.DarkGrey} type={TextType.Small}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getShortDescription(false) }} />\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom--heavy\">\n                        {!!perks && (\n                            <div className=\"row\">\n                                {perks.map((perk, index) => {\n                                    return (\n                                        <div key={index} className=\"u-marg-bottom col-6 col-md-4 u-flex align-items-center justify-content-start\">\n                                            <div className=\"room-perk-icon --has-bg\">{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon} />}</div>\n\n                                            <div className=\"u-marg-left--light\">\n                                                <Text type={TextType.Small}>{perk.name}</Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        )}\n                    </div>\n                    {!!amenities?.length && (\n                        <>\n                            <div className=\"u-marg-bottom\">\n                                <Text color={Color.Accent} type={TextType.Small}>\n                                    <strong>{t(Translation.Step.Room.RoomInfo.RoomAmenities)}</strong>\n                                </Text>\n                            </div>\n                            <div className=\"row\">\n                                {amenities.map((amenity) => {\n                                    return (\n                                        <div key={amenity.description} className=\"col-sm-6 u-marg-bottom--light u-flex justify-content-start\">\n                                            <Icon icon={IconType.Check} color={Color.White} backgroundColor={Color.Navy} borderRadius={'round'} noPadding={true} size=\"16px\" />\n                                            <div className=\"u-marg-left--light u-flex\">\n                                                <Text type={TextType.Small} inline={true}>\n                                                    {amenity.description}\n                                                </Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        </>\n                    )}\n                    <LineBreak />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text type={TextType.Small} color={Color.Graphite}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getLongDescription() }} />\n                        </Text>\n                    </div>\n                </div>\n                <RoomRates featuredRates={props.featuredRates} rates={props.rates} roomCode={props.room.code} />\n            </div>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"RoomModal.js","sourceRoot":"/","sources":["src/components/steps/room/RoomModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Headline from '@/components/generic/Headline';\nimport * as React from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport LineBreak from '@/components/generic/LineBreak';\nimport RoomRates from '@/components/steps/room/roomDetails/roomRates/RoomRates';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { Room } from '@/models/Room/Room';\nimport { RoomDetailsBedsBlock } from '@/components/steps/room/roomDetails/RoomDetailsBedsBlock';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface RoomModalProps {\n    room: Room;\n\n    rates: RoomRate[];\n    featuredRates: RoomRate[];\n\n    open: boolean;\n    onClose?: () => void;\n}\n\nexport default function RoomModal(props: RoomModalProps) {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const { perks, rooms } = hotel;\n\n    const extraRoomData = rooms?.[props.room.code];\n\n    // Explode otherwise original data gets overwritten.\n    const amenities = extraRoomData?.amenities ? [...extraRoomData?.amenities] : [];\n\n    if (extraRoomData?.features?.length) {\n        extraRoomData.features.forEach((feature) => {\n            amenities.push(feature);\n        });\n    }\n\n    return (\n        <SimpleModal title={props.room.name + ' ' + t(Translation.Step.Room.RoomInfo.Information)} open={props.open} size={SimpleModalSize.Small} onClose={props.onClose}>\n            <div>\n                <div style={{ height: '350px' }}>\n                    <ImageGallerySlider images={props.room.getImages()} />\n                </div>\n\n                <div className=\"u-marg-heavy u-marg@m-\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Headline bold={true} size={'large'}>\n                            {props.room.name}\n                        </Headline>\n                    </div>\n                    <RoomDetailsBedsBlock room={props.room} />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text color={Color.DarkGrey} type={TextType.Small}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getShortDescription(false) }} />\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom--heavy\">\n                        {!!perks && (\n                            <div className=\"row\">\n                                {perks.map((perk, index) => {\n                                    return (\n                                        <div key={index} className=\"u-marg-bottom col-6 col-md-4 u-flex align-items-center justify-content-start\">\n                                            <div className=\"room-perk-icon --has-bg\">{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon} />}</div>\n\n                                            <div className=\"u-marg-left--light\">\n                                                <Text type={TextType.Small}>{perk.name}</Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        )}\n                    </div>\n                    {!!amenities?.length && (\n                        <>\n                            <div className=\"u-marg-bottom\">\n                                <Text color={Color.Accent} type={TextType.Small}>\n                                    <strong>{t(Translation.Step.Room.RoomInfo.RoomAmenities)}</strong>\n                                </Text>\n                            </div>\n                            <div className=\"row\">\n                                {amenities.map((amenity) => {\n                                    return (\n                                        <div key={amenity.description} className=\"col-sm-6 u-marg-bottom--light u-flex justify-content-start\">\n                                            <Icon icon={IconType.Check} color={Color.White} backgroundColor={Color.Navy} borderRadius={'round'} noPadding={true} size=\"16px\" />\n                                            <div className=\"u-marg-left--light u-flex\">\n                                                <Text type={TextType.Small} inline={true}>\n                                                    {amenity.description}\n                                                </Text>\n                                            </div>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        </>\n                    )}\n                    <LineBreak />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text type={TextType.Small} color={Color.Graphite}>\n                            <span dangerouslySetInnerHTML={{ __html: props.room.getLongDescription() }} />\n                        </Text>\n                    </div>\n                </div>\n                <RoomRates featuredRates={props.featuredRates} rates={props.rates} roomCode={props.room.code} />\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/components/steps/room/StepRoomAlertBlocks.js

@@ -1,15 +1,41 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const contexts_1 = require("@frontend/contexts");
-const Alert_1 = require("components/generic/Alert");
-const Icon_1 = require("components/generic/Icon/Icon");
-const Text_1 = require("components/generic/Text");
+const Alert_1 = __importStar(require("@/components/generic/Alert"));
+const Icon_1 = require("@/components/generic/Icon/Icon");
+const Text_1 = __importStar(require("@/components/generic/Text"));
 const react_1 = require("react");
-const AutoAutoHeight_1 = require("animations/AutoAutoHeight");
+const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
-const StepRoomBestRateAlert_1 = require("components/steps/room/StepRoomBestRateAlert");
+const StepRoomBestRateAlert_1 = __importDefault(require("@/components/steps/room/StepRoomBestRateAlert"));
 function StepRoomAlertBlocks() {
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
     const { t } = (0, react_i18next_1.useTranslation)();

package/dist/src/components/steps/room/StepRoomAlertBlocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomAlertBlocks.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomAlertBlocks.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iDAAmD;AACnD,oDAA4D;AAC5D,uDAAwD;AACxD,kDAAyD;AACzD,iCAAmC;AACnC,8DAAuD;AACvD,iDAA+C;AAC/C,0DAAuD;AACvD,uFAAgF;AAEhF,SAAwB,mBAAmB;IACvC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,IAAI,aAAa,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;IAEtG,OAAO,CACH,6BAAK,SAAS,EAAC,0BAA0B;QACrC,oBAAC,+BAAqB,OAAG;QACzB,oBAAC,wBAAc,IAAC,IAAI,EAAE,YAAY;YAC9B,oBAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,iBAAS,CAAC,OAAO;gBAC/C,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAU;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACzG,CACH,CACK,CACf,CACT,CAAC;AACN,CAAC;AAjBD,sCAiBC","sourcesContent":["import * as React from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport { useContext } from 'react';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport StepRoomBestRateAlert from 'components/steps/room/StepRoomBestRateAlert';\n\nexport default function StepRoomAlertBlocks() {\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n    const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());\n\n    return (\n        <div className=\"u-marg-top u-marg-bottom\">\n            <StepRoomBestRateAlert />\n            <AutoAutoHeight open={isEditingRow}>\n                <Alert icon={IconType.Edit} type={AlertType.Accent1}>\n                    <Text type={TextType.Small}>\n                        <strong>{t(Translation.Misc.Alerts.YouAreEditing)}</strong> - {t(Translation.Misc.Alerts.YouAreEditingAlert)}\n                    </Text>\n                </Alert>\n            </AutoAutoHeight>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"StepRoomAlertBlocks.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomAlertBlocks.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iDAAmD;AACnD,oEAA8D;AAC9D,yDAA0D;AAC1D,kEAA2D;AAC3D,iCAAmC;AACnC,+EAAuD;AACvD,iDAA+C;AAC/C,0DAAuD;AACvD,0GAAkF;AAElF,SAAwB,mBAAmB;IACvC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,IAAI,aAAa,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;IAEtG,OAAO,CACH,6BAAK,SAAS,EAAC,0BAA0B;QACrC,oBAAC,+BAAqB,OAAG;QACzB,oBAAC,wBAAc,IAAC,IAAI,EAAE,YAAY;YAC9B,oBAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,iBAAS,CAAC,OAAO;gBAC/C,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAU;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACzG,CACH,CACK,CACf,CACT,CAAC;AACN,CAAC;AAjBD,sCAiBC","sourcesContent":["import * as React from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useContext } from 'react';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport StepRoomBestRateAlert from '@/components/steps/room/StepRoomBestRateAlert';\n\nexport default function StepRoomAlertBlocks() {\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n    const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());\n\n    return (\n        <div className=\"u-marg-top u-marg-bottom\">\n            <StepRoomBestRateAlert />\n            <AutoAutoHeight open={isEditingRow}>\n                <Alert icon={IconType.Edit} type={AlertType.Accent1}>\n                    <Text type={TextType.Small}>\n                        <strong>{t(Translation.Misc.Alerts.YouAreEditing)}</strong> - {t(Translation.Misc.Alerts.YouAreEditingAlert)}\n                    </Text>\n                </Alert>\n            </AutoAutoHeight>\n        </div>\n    );\n}\n"]}

package/dist/src/components/steps/room/StepRoomBestRateAlert.js

@@ -1,11 +1,37 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.STEP_ROOM_BEST_RATE_ALERT = void 0;
-const React = require("react");
-const DIProvider_1 = require("providers/DIProvider");
-const Alert_1 = require("components/generic/Alert");
-const Icon_1 = require("components/generic/Icon/Icon");
-const Text_1 = require("components/generic/Text");
+const React = __importStar(require("react"));
+const DIProvider_1 = require("@/providers/DIProvider");
+const Alert_1 = __importDefault(require("@/components/generic/Alert"));
+const Icon_1 = require("@/components/generic/Icon/Icon");
+const Text_1 = __importStar(require("@/components/generic/Text"));
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
 const react_1 = require("react");

package/dist/src/components/steps/room/StepRoomBestRateAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomBestRateAlert.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomBestRateAlert.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,qDAA8C;AAC9C,oDAA6C;AAC7C,uDAAwD;AACxD,kDAAyD;AACzD,0DAAuD;AACvD,iDAA+C;AAC/C,iCAAmC;AACnC,iDAAmD;AAEtC,QAAA,yBAAyB,GAAG,uBAAuB,CAAC;AAEjE,SAAS,qBAAqB;IAC1B,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,IAAI,aAAa,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;IACtG,MAAM,MAAM,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5E,OAAO,CACH,oBAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,YAAY;QAChD,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;YACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAU;YAC1D,MAAM;YACN,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAC3C,CACH,CACX,CAAC;AACN,CAAC;AAED,SAAwB,qBAAqB;IACzC,OAAO,IAAA,mBAAM,EAAC,iCAAyB,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAC;AAC1E,CAAC;AAFD,wCAEC","sourcesContent":["import * as React from 'react';\nimport { withDI } from 'providers/DIProvider';\nimport Alert from 'components/generic/Alert';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { useContext } from 'react';\nimport { BasketContext } from '@frontend/contexts';\n\nexport const STEP_ROOM_BEST_RATE_ALERT = 'StepRoomBestRateAlert';\n\nfunction OriginalBestRateAlert() {\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n    const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());\n    const hyphen = t(Translation.Misc.Alerts.BestRatePerks) !== '' ? ' - ' : '';\n\n    return (\n        <Alert icon={IconType.Money} noMargin={!isEditingRow}>\n            <Text type={TextType.Small}>\n                <strong>{t(Translation.Misc.Alerts.BestRatePerks)}</strong>\n                {hyphen}\n                {t(Translation.Misc.Alerts.BestRatePerksAlert)}\n            </Text>\n        </Alert>\n    );\n}\n\nexport default function StepRoomBestRateAlert() {\n    return withDI(STEP_ROOM_BEST_RATE_ALERT, OriginalBestRateAlert, null);\n}\n"]}
+{"version":3,"file":"StepRoomBestRateAlert.js","sourceRoot":"/","sources":["src/components/steps/room/StepRoomBestRateAlert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,uDAAgD;AAChD,uEAA+C;AAC/C,yDAA0D;AAC1D,kEAA2D;AAC3D,0DAAuD;AACvD,iDAA+C;AAC/C,iCAAmC;AACnC,iDAAmD;AAEtC,QAAA,yBAAyB,GAAG,uBAAuB,CAAC;AAEjE,SAAS,qBAAqB;IAC1B,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,IAAI,aAAa,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;IACtG,MAAM,MAAM,GAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5E,OAAO,CACH,oBAAC,eAAK,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,YAAY;QAChD,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;YACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAU;YAC1D,MAAM;YACN,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAC3C,CACH,CACX,CAAC;AACN,CAAC;AAED,SAAwB,qBAAqB;IACzC,OAAO,IAAA,mBAAM,EAAC,iCAAyB,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAC;AAC1E,CAAC;AAFD,wCAEC","sourcesContent":["import * as React from 'react';\nimport { withDI } from '@/providers/DIProvider';\nimport Alert from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { useContext } from 'react';\nimport { BasketContext } from '@frontend/contexts';\n\nexport const STEP_ROOM_BEST_RATE_ALERT = 'StepRoomBestRateAlert';\n\nfunction OriginalBestRateAlert() {\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n    const isEditingRow = !!(basketContext.selectedBasketRow && basketContext.selectedBasketRow.isValid());\n    const hyphen = t(Translation.Misc.Alerts.BestRatePerks) !== '' ? ' - ' : '';\n\n    return (\n        <Alert icon={IconType.Money} noMargin={!isEditingRow}>\n            <Text type={TextType.Small}>\n                <strong>{t(Translation.Misc.Alerts.BestRatePerks)}</strong>\n                {hyphen}\n                {t(Translation.Misc.Alerts.BestRatePerksAlert)}\n            </Text>\n        </Alert>\n    );\n}\n\nexport default function StepRoomBestRateAlert() {\n    return withDI(STEP_ROOM_BEST_RATE_ALERT, OriginalBestRateAlert, null);\n}\n"]}