@roomstay/frontend 2.1.33 → 2.2.1

package/dist/src/pages/findReservation/ReservationRowModal.js

@@ -53,8 +53,8 @@ function ReservationRowModal(props) {
     const nightKeys = Object.keys(reservation.nights);
     const firstNight = (0, dayjs_1.default)(nightKeys[0]);
     const lastNight = (0, dayjs_1.default)(nightKeys[nightKeys.length - 1]).add(1, 'day');
-    const guaranteePolicy = reservation.guaranteePolicy;
-    const cancelPolicy = reservation.cancelPolicy;
+    const guaranteePolicy = reservation.guaranteePolicyLongDescription || '';
+    const cancelPolicy = reservation.cancellationPolicyLongDescription || '';
     const roomName = reservation.roomType ? reservation.roomType : (_b = hotel === null || hotel === void 0 ? void 0 : hotel.rooms[reservation.roomCode]) === null || _b === void 0 ? void 0 : _b.name;
     return (react_1.default.createElement(SimpleModal_1.default, { open: props.open, onClose: props.onClose, title: `Reservation #${props.reservation.reservationNumber}`, size: SimpleModal_1.SimpleModalSize.Small },
         react_1.default.createElement(react_1.default.Fragment, null,
@@ -105,7 +105,7 @@ function ReservationRowModal(props) {
                 }),
                 react_1.default.createElement("div", { className: "u-flex" },
                     react_1.default.createElement(Text_1.default, null, lastNight.format('dddd, MMM DD, YYYY')),
-                    react_1.default.createElement(Text_1.default, { color: Color_1.Color.Success }, "Check Out")),
+                    react_1.default.createElement(Text_1.default, { color: Color_1.Color.Success }, t(Translation_1.Translation.Misc.CheckOut))),
                 react_1.default.createElement(LineBreak_1.default, null),
                 react_1.default.createElement("div", null,
                     guaranteePolicy && (react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },

package/dist/src/pages/findReservation/ReservationRowModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReservationRowModal.js","sourceRoot":"/","sources":["src/pages/findReservation/ReservationRowModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport StringHelper from '@/util/StringHelper';\nimport { Translation } from 'translations/Translation';\nimport dayjs from 'dayjs';\nimport { useTranslation } from 'react-i18next';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Currency from '@/components/generic/Currency';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface ReservationRowModalProps {\n    reservation: ReservationDTO;\n    onClose: () => void;\n    open: boolean;\n    images?: string[];\n}\n\nexport default function ReservationRowModal(props: ReservationRowModalProps) {\n    const { hotel } = useCurrentHotel();\n\n    const { reservation } = props;\n    const { t } = useTranslation();\n\n    const images = reservation.images && reservation.images.length ? reservation.images : props.images ?? [];\n\n    let adultsAndChildren = StringHelper.pluralWithDictAndCount(reservation.guestCounts.adults, Translation.Step.Date.Adult, t);\n\n    if (reservation.guestCounts.children) {\n        adultsAndChildren += ', ' + StringHelper.pluralWithDictAndCount(reservation.guestCounts.children, Translation.Step.Date.Child, t);\n    }\n\n    const nightKeys = Object.keys(reservation.nights);\n\n    const firstNight = dayjs(nightKeys[0]);\n    const lastNight = dayjs(nightKeys[nightKeys.length - 1]).add(1, 'day');\n\n    const guaranteePolicy = reservation.guaranteePolicy;\n    const cancelPolicy = reservation.cancelPolicy;\n\n    const roomName = reservation.roomType ? reservation.roomType : hotel?.rooms[reservation.roomCode]?.name;\n\n    return (\n        <SimpleModal open={props.open} onClose={props.onClose} title={`Reservation #${props.reservation.reservationNumber}`} size={SimpleModalSize.Small}>\n            <>\n                <div style={{ height: '300px' }}>\n                    <ImageGallerySlider images={images} />\n                </div>\n                <div className=\"u-marg-heavy u-marg@m-\">\n                    <div className=\"u-marg-bottom\">\n                        <Headline size=\"large\" bold>\n                            {roomName}\n                        </Headline>\n                        <Text type={TextType.Small}>{reservation.rate}</Text>\n                    </div>\n\n                    <ul>\n                        <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                            <Icon color={Color.Grey} icon={IconType.Person} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>\n                                    {reservation.guest.firstName} {reservation.guest.lastName} <span style={{ color: Color.DarkGrey }}>- {adultsAndChildren}</span>\n                                </Text>\n                            </div>\n                        </li>\n                        <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                            <Icon icon={IconType.Email} color={Color.Grey} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>{reservation.guest.email}</Text>\n                            </div>\n                        </li>\n                        <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                            <Icon icon={IconType.Calendar} color={Color.Grey} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>{firstNight.format('dddd, MMM D, YYYY')}</Text>\n                                <Text type={TextType.Small}>{lastNight.format('dddd, MMM D, YYYY')}</Text>\n                            </div>\n                        </li>\n                        <li className=\"u-flex justify-content-start\">\n                            <Icon icon={IconType.CreditCard} color={Color.Grey} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>\n                                    •••• •••• •••• {reservation.paymentCard?.last4 ?? 'N/A'}{' '}\n                                    <span style={{ color: Color.DarkGrey }}>({reservation.paymentCard?.type ?? 'N/A'})</span>\n                                </Text>\n                            </div>\n                        </li>\n                    </ul>\n\n                    <LineBreak />\n\n                    {nightKeys.map((night) => {\n                        const currentDay = dayjs(night);\n                        const currentDayFormatted = currentDay.format('dddd, MMM DD, YYYY');\n\n                        return (\n                            <div className=\"u-flex u-marg-bottom\" key={reservation.reservationNumber}>\n                                <Text>{currentDayFormatted}</Text>\n                                <Text color={Color.DarkGrey}>\n                                    <Currency>{reservation.nights[night].total}</Currency>\n                                </Text>\n                            </div>\n                        );\n                    })}\n                    <div className=\"u-flex\">\n                        <Text>{lastNight.format('dddd, MMM DD, YYYY')}</Text>\n                        <Text color={Color.Success}>Check Out</Text>\n                    </div>\n\n                    <LineBreak />\n\n                    <div>\n                        {guaranteePolicy && (\n                            <div className=\"u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Small}>\n                                        <strong>{t(Translation.Misc.GuaranteePolicy)}</strong>\n                                    </Text>\n                                </div>\n                                <Text type={TextType.Small}>\n                                    <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: guaranteePolicy }} />\n                                </Text>\n                            </div>\n                        )}\n                        <div className=\"u-marg-bottom--heavy\">\n                            <div className=\"u-marg-bottom--light\">\n                                <Text type={TextType.Small}>\n                                    <strong>{t(Translation.Misc.CancellationPolicy)}</strong>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small}>\n                                <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: cancelPolicy }} />\n                            </Text>\n                        </div>\n                    </div>\n                </div>\n            </>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"ReservationRowModal.js","sourceRoot":"/","sources":["src/pages/findReservation/ReservationRowModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport StringHelper from '@/util/StringHelper';\nimport { Translation } from 'translations/Translation';\nimport dayjs from 'dayjs';\nimport { useTranslation } from 'react-i18next';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Currency from '@/components/generic/Currency';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface ReservationRowModalProps {\n    reservation: ReservationDTO;\n    onClose: () => void;\n    open: boolean;\n    images?: string[];\n}\n\nexport default function ReservationRowModal(props: ReservationRowModalProps) {\n    const { hotel } = useCurrentHotel();\n\n    const { reservation } = props;\n    const { t } = useTranslation();\n\n    const images = reservation.images && reservation.images.length ? reservation.images : props.images ?? [];\n\n    let adultsAndChildren = StringHelper.pluralWithDictAndCount(reservation.guestCounts.adults, Translation.Step.Date.Adult, t);\n\n    if (reservation.guestCounts.children) {\n        adultsAndChildren += ', ' + StringHelper.pluralWithDictAndCount(reservation.guestCounts.children, Translation.Step.Date.Child, t);\n    }\n\n    const nightKeys = Object.keys(reservation.nights);\n\n    const firstNight = dayjs(nightKeys[0]);\n    const lastNight = dayjs(nightKeys[nightKeys.length - 1]).add(1, 'day');\n\n    const guaranteePolicy = reservation.guaranteePolicyLongDescription || '';\n    const cancelPolicy = reservation.cancellationPolicyLongDescription || '';\n\n    const roomName = reservation.roomType ? reservation.roomType : hotel?.rooms[reservation.roomCode]?.name;\n\n    return (\n        <SimpleModal open={props.open} onClose={props.onClose} title={`Reservation #${props.reservation.reservationNumber}`} size={SimpleModalSize.Small}>\n            <>\n                <div style={{ height: '300px' }}>\n                    <ImageGallerySlider images={images} />\n                </div>\n                <div className=\"u-marg-heavy u-marg@m-\">\n                    <div className=\"u-marg-bottom\">\n                        <Headline size=\"large\" bold>\n                            {roomName}\n                        </Headline>\n                        <Text type={TextType.Small}>{reservation.rate}</Text>\n                    </div>\n\n                    <ul>\n                        <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                            <Icon color={Color.Grey} icon={IconType.Person} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>\n                                    {reservation.guest.firstName} {reservation.guest.lastName} <span style={{ color: Color.DarkGrey }}>- {adultsAndChildren}</span>\n                                </Text>\n                            </div>\n                        </li>\n                        <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                            <Icon icon={IconType.Email} color={Color.Grey} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>{reservation.guest.email}</Text>\n                            </div>\n                        </li>\n                        <li className=\"u-flex justify-content-start u-marg-bottom--light\">\n                            <Icon icon={IconType.Calendar} color={Color.Grey} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>{firstNight.format('dddd, MMM D, YYYY')}</Text>\n                                <Text type={TextType.Small}>{lastNight.format('dddd, MMM D, YYYY')}</Text>\n                            </div>\n                        </li>\n                        <li className=\"u-flex justify-content-start\">\n                            <Icon icon={IconType.CreditCard} color={Color.Grey} />\n                            <div className=\"u-marg-left--light\">\n                                <Text type={TextType.Small}>\n                                    •••• •••• •••• {reservation.paymentCard?.last4 ?? 'N/A'}{' '}\n                                    <span style={{ color: Color.DarkGrey }}>({reservation.paymentCard?.type ?? 'N/A'})</span>\n                                </Text>\n                            </div>\n                        </li>\n                    </ul>\n\n                    <LineBreak />\n\n                    {nightKeys.map((night) => {\n                        const currentDay = dayjs(night);\n                        const currentDayFormatted = currentDay.format('dddd, MMM DD, YYYY');\n\n                        return (\n                            <div className=\"u-flex u-marg-bottom\" key={reservation.reservationNumber}>\n                                <Text>{currentDayFormatted}</Text>\n                                <Text color={Color.DarkGrey}>\n                                    <Currency>{reservation.nights[night].total}</Currency>\n                                </Text>\n                            </div>\n                        );\n                    })}\n                    <div className=\"u-flex\">\n                        <Text>{lastNight.format('dddd, MMM DD, YYYY')}</Text>\n                        <Text color={Color.Success}>{t(Translation.Misc.CheckOut)}</Text>\n                    </div>\n\n                    <LineBreak />\n\n                    <div>\n                        {guaranteePolicy && (\n                            <div className=\"u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Small}>\n                                        <strong>{t(Translation.Misc.GuaranteePolicy)}</strong>\n                                    </Text>\n                                </div>\n                                <Text type={TextType.Small}>\n                                    <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: guaranteePolicy }} />\n                                </Text>\n                            </div>\n                        )}\n                        <div className=\"u-marg-bottom--heavy\">\n                            <div className=\"u-marg-bottom--light\">\n                                <Text type={TextType.Small}>\n                                    <strong>{t(Translation.Misc.CancellationPolicy)}</strong>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small}>\n                                <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: cancelPolicy }} />\n                            </Text>\n                        </div>\n                    </div>\n                </div>\n            </>\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/pages/hotel/HotelInfo.js

@@ -36,16 +36,16 @@ const fslightbox_react_1 = __importDefault(require("fslightbox-react"));
 const TransportDistanceFromHotelBlock_1 = __importDefault(require("../../components/summary/TransportDistanceFromHotelBlock"));
 const hooks_1 = require("../../hooks/index.js");
 const BEButton_1 = __importDefault(require("../../components/generic/BEButton"));
-const react_router_dom_1 = require("react-router-dom");
 const StepManager_1 = __importDefault(require("../../util/StepManager"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const ImageProvider_1 = __importStar(require("../../providers/ImageProvider"));
 const events_1 = require("../../events/index.js");
+const HistoryConsistentPush_1 = require("hooks/HistoryConsistentPush");
 function HotelInfo() {
     var _a, _b, _c, _d, _e, _f;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const history = (0, react_router_dom_1.useHistory)();
+    const historyConsistentPush = (0, HistoryConsistentPush_1.useHistoryConsistentPush)();
     const { t } = (0, react_i18next_1.useTranslation)();
     const imageUrl = hotel === null || hotel === void 0 ? void 0 : hotel.heroImage;
     const { line1, line2, postalCode, country } = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.address) !== null && _a !== void 0 ? _a : {};
@@ -78,7 +78,7 @@ function HotelInfo() {
         setImages(newImages);
     }, [hotel === null || hotel === void 0 ? void 0 : hotel.images, hotel === null || hotel === void 0 ? void 0 : hotel.rooms]);
     const onBookNowClick = () => {
-        history.push(StepManager_1.default.getFirstStep().getStepUrl());
+        historyConsistentPush(StepManager_1.default.getFirstStep().getStepUrl());
     };
     const getImage = (index) => {
         const openSliderOnClickHandler = () => {
@@ -116,7 +116,7 @@ function HotelInfo() {
                                 react_1.default.createElement("span", { className: "u-flex__item u-marg-left" },
                                     react_1.default.createElement("a", { href: hotel === null || hotel === void 0 ? void 0 : hotel.hotelUrl, style: { color: 'var(--rs-color-accent-1)' } }, hotel === null || hotel === void 0 ? void 0 : hotel.name))),
                             react_1.default.createElement("li", { className: "u-flex" },
-                                react_1.default.createElement(BEButton_1.default, { icon: Icon_1.IconType.ArrowRight, primary: true, filled: true, iconPosition: "right", onClick: onBookNowClick }, t(Translation_1.Translation.HotelInfo.BookNowButton))))),
+                                react_1.default.createElement(BEButton_1.default, { icon: Icon_1.IconType.ArrowRight, primary: true, filled: true, iconPosition: "right", onClick: onBookNowClick }, t(Translation_1.Translation.Misc.BookNow))))),
                     react_1.default.createElement("div", { className: "col-md-6" },
                         react_1.default.createElement("div", { className: "c-overlap" },
                             react_1.default.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy u-marg-top u-marg-top--heavy", style: { height: '240px' } },
@@ -129,7 +129,7 @@ function HotelInfo() {
                     react_1.default.createElement("div", { className: "col-lg-6" },
                         react_1.default.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy" },
                             react_1.default.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy" },
-                                react_1.default.createElement(Headline_1.default, { bold: true }, "About")),
+                                react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Hotel.About))),
                             react_1.default.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy" },
                                 react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
                                     react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: ((_c = hotel === null || hotel === void 0 ? void 0 : hotel.description) === null || _c === void 0 ? void 0 : _c.replace('\r\n', '<br/><br/>')) || '' } })),
@@ -168,7 +168,7 @@ function HotelInfo() {
                     react_1.default.createElement("div", { className: "col-lg-6" },
                         react_1.default.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy" },
                             react_1.default.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy" },
-                                react_1.default.createElement(Headline_1.default, { bold: true }, "Gallery")),
+                                react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Hotel.Gallery))),
                             images.length >= 1 && getImage(0),
                             react_1.default.createElement("div", { className: "row" },
                                 [1, 2, 3].map((index) => {

package/dist/src/pages/hotel/HotelInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotelInfo.js","sourceRoot":"/","sources":["src/pages/hotel/HotelInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Color } from '@/util/Color';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Headline from '@/components/generic/Headline';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport FsLightbox from 'fslightbox-react';\nimport TransportDistanceFromHotelBlock from '@/components/summary/TransportDistanceFromHotelBlock';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport BEButton from '@/components/generic/BEButton';\nimport { useHistory } from 'react-router-dom';\nimport StepManager from '@/util/StepManager';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { StepHotelInfoViewEvent } from '@frontend/events';\n\nexport default function HotelInfo() {\n    const { hotel } = useCurrentHotel();\n    const history = useHistory();\n    const { t } = useTranslation();\n\n    const imageUrl = hotel?.heroImage;\n\n    const { line1, line2, postalCode, country } = hotel?.address ?? {};\n\n    const [lightboxController, setLightboxController] = useState({ toggler: false, slide: 1 });\n    const [images, setImages] = useState<string[]>([]);\n\n    const openSlider = (slide: number) => {\n        setLightboxController((controller) => ({ toggler: !controller.toggler, slide: slide + 1 }));\n    };\n    const openSliderOnClick = () => {\n        openSlider(4);\n    };\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepHotelInfoViewEvent();\n        raise(event);\n    }, []);\n\n    useEffect(() => {\n        const newImages: string[] = [];\n\n        if (hotel?.images?.length) {\n            newImages.push(...hotel.images);\n        }\n\n        if (hotel?.rooms) {\n            for (const room of Object.values(hotel?.rooms)) {\n                room.images?.forEach((image) => {\n                    newImages.push(image);\n                });\n            }\n        }\n\n        setImages(newImages);\n    }, [hotel?.images, hotel?.rooms]);\n\n    const onBookNowClick = () => {\n        history.push(StepManager.getFirstStep().getStepUrl());\n    };\n\n    const getImage = (index: number) => {\n        const openSliderOnClickHandler = () => {\n            openSlider(index);\n        };\n\n        const resizedUrl = ImageProvider.resizeImage(images[index], ImageSize.Small);\n\n        return (\n            <div\n                style={{ backgroundImage: `url('${resizedUrl}')`, paddingTop: '75%' }}\n                className=\"c-images u-block u-w-100 u-marg-bottom u-marg-bottom--heavy\"\n                onClick={openSliderOnClickHandler}\n            />\n        );\n    };\n\n    return (\n        <>\n            <div style={{ backgroundImage: `url('${imageUrl && ImageProvider.resizeImage(imageUrl, ImageSize.Original)}')` }} className=\"c-masthead has-tint\">\n                <div className=\"container\">\n                    <div className=\"c-masthead__body u-fill-white u-pad--heavy u-shadow-accent\">\n                        <h1 className=\"c-masthead__header\">{hotel?.name}</h1>\n                        <h2 className=\"c-masthead__sub-header\">{hotel?.address?.country}</h2>\n                    </div>\n                </div>\n            </div>\n            <div className=\"u-fill-snow u-pad--heavy-med u-pad-top-bottom--heavy@m-\">\n                <div className=\"container\">\n                    <div className=\"row\">\n                        <div className=\"col-md-6 u-flex align-items-center\">\n                            <ul>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Map} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">\n                                        {line1}\n                                        <br />\n                                        {line2} {postalCode}, {country}\n                                    </span>\n                                </li>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Phone} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">{hotel?.phone}</span>\n                                </li>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Hotel2} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">\n                                        <a href={hotel?.hotelUrl} style={{ color: 'var(--rs-color-accent-1)' }}>\n                                            {hotel?.name}\n                                        </a>\n                                    </span>\n                                </li>\n                                <li className=\"u-flex\">\n                                    <BEButton icon={IconType.ArrowRight} primary filled iconPosition=\"right\" onClick={onBookNowClick}>\n                                        {t(Translation.HotelInfo.BookNowButton)}\n                                    </BEButton>\n                                </li>\n                            </ul>\n                        </div>\n                        <div className=\"col-md-6\">\n                            <div className=\"c-overlap\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy u-marg-top u-marg-top--heavy\" style={{ height: '240px' }}>\n                                    <HotelLocationMap />\n                                </div>\n                                <div className=\"u-flex u-flex-column justify-content-center\">\n                                    <TransportDistanceFromHotelBlock hotel={hotel} />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"u-pad u-pad--heavy-plus u-pad-top-bottom--heavy@m-\">\n                <div className=\"container\">\n                    <div className=\"row\">\n                        <div className=\"col-lg-6\">\n                            <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Headline bold>About</Headline>\n                                </div>\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Text type={TextType.Small}>\n                                        <span dangerouslySetInnerHTML={{ __html: hotel?.description?.replace('\\r\\n', '<br/><br/>') || '' }} />\n                                    </Text>\n                                    {!!hotel?.locationDescription && (\n                                        <>\n                                            <div className=\"u-marg-top\">\n                                                <Text type={TextType.Small}>\n                                                    <strong>Location</strong>\n                                                </Text>\n                                            </div>\n                                            <Text type={TextType.Small}>\n                                                <span dangerouslySetInnerHTML={{ __html: hotel?.locationDescription?.replace('\\r\\n', '<br/><br/>') }} />\n                                            </Text>\n                                        </>\n                                    )}\n                                </div>\n                                {!!hotel?.perks?.length && (\n                                    <>\n                                        <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                            <Text type={TextType.Small}>\n                                                <strong>And you get all these for free:</strong>\n                                            </Text>\n                                        </div>\n                                        <div className=\"row\">\n                                            {hotel?.perks.map((perk) => {\n                                                return (\n                                                    <div className=\"col-6 col-md-4\" key={perk.name}>\n                                                        <div className=\"u-flex u-marg-bottom\">\n                                                            <div className=\"room-perk-icon\">{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon as IconType} />}</div>\n                                                            <span className=\"u-flex__item\">\n                                                                <Text type={TextType.Small}>{perk.name}</Text>\n                                                            </span>\n                                                        </div>\n                                                    </div>\n                                                );\n                                            })}\n                                        </div>\n                                    </>\n                                )}\n                            </div>\n                            {!!hotel?.hotelServices?.length && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold>Hotel Amenities</Headline>\n                                    </div>\n                                    <div className=\"row\">\n                                        {hotel?.hotelServices.map((hotelService, index) => {\n                                            return (\n                                                <div key={index} className=\"col-md-6\">\n                                                    <div className=\"u-flex u-marg-bottom\">\n                                                        <Icon icon={IconType.Check} color={Color.White} backgroundColor={Color.Accent} borderRadius=\"round\" noPadding size=\"16px\" />\n                                                        <span className=\"u-flex__item u-marg-left--light\">\n                                                            <Text type={TextType.Small}>{hotelService.name}</Text>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            );\n                                        })}\n                                    </div>\n                                </div>\n                            )}\n                            {!!hotel?.policies && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold>Policies</Headline>\n                                    </div>\n                                    <Text type={TextType.Small}>\n                                        <a href={hotel?.policies} target=\"_blank\" style={{ color: hotel?.colors.accent }} rel=\"noreferrer\">\n                                            {hotel?.policies}\n                                        </a>\n                                    </Text>\n                                </div>\n                            )}\n                        </div>\n                        <div className=\"col-lg-6\">\n                            <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Headline bold>Gallery</Headline>\n                                </div>\n                                {images.length >= 1 && getImage(0)}\n                                <div className=\"row\">\n                                    {[1, 2, 3].map((index) => {\n                                        if (images.length > index) {\n                                            return (\n                                                <div key={index} className=\"col-6\">\n                                                    {getImage(index)}\n                                                </div>\n                                            );\n                                        }\n                                    })}\n                                    {images.length > 5 && (\n                                        <div className=\"col-6\">\n                                            <div className=\"c-images c-images--more\" onClick={openSliderOnClick}>\n                                                {getImage(4)}\n                                                <span>+ {images.length - 5}</span>\n                                            </div>\n                                        </div>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            {!!images?.length && (\n                <FsLightbox\n                    toggler={lightboxController.toggler}\n                    slide={lightboxController.slide}\n                    sources={images.map((image) => ImageProvider.resizeImage(image, ImageSize.Original))}\n                    type=\"image\"\n                />\n            )}\n        </>\n    );\n}\n"]}
+{"version":3,"file":"HotelInfo.js","sourceRoot":"/","sources":["src/pages/hotel/HotelInfo.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,wCAAqC;AACrC,uEAAgE;AAChE,kEAA2D;AAC3D,6EAAqD;AACrD,iGAAyE;AACzE,wEAA0C;AAC1C,2HAAmG;AACnG,2CAA4D;AAC5D,6EAAqD;AACrD,qEAA6C;AAC7C,iDAA+C;AAC/C,0DAAuD;AACvD,2EAAqE;AACrE,6CAA0D;AAC1D,uEAAuE;AAEvE,SAAwB,SAAS;;IAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,qBAAqB,GAAG,IAAA,gDAAwB,GAAE,CAAC;IACzD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,QAAQ,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC;IAElC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,mCAAI,EAAE,CAAC;IAEnE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IAC3F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAW,EAAE,CAAC,CAAC;IAEnD,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,qBAAqB,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAChG,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,UAAU,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,IAAI,+BAAsB,EAAE,CAAC;QAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,MAAM,SAAS,GAAa,EAAE,CAAC;QAE/B,IAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,MAAM,EAAE;YACvB,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;SACnC;QAED,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE;YACd,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,EAAE;gBAC5C,MAAA,IAAI,CAAC,MAAM,0CAAE,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;oBAC3B,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC1B,CAAC,CAAC,CAAC;aACN;SACJ;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,qBAAqB,CAAC,qBAAW,CAAC,YAAY,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC;IACnE,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QAC/B,MAAM,wBAAwB,GAAG,GAAG,EAAE;YAClC,UAAU,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC;QAEF,MAAM,UAAU,GAAG,uBAAa,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,yBAAS,CAAC,KAAK,CAAC,CAAC;QAE7E,OAAO,CACH,uCACI,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,UAAU,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,EACrE,SAAS,EAAC,6DAA6D,EACvE,OAAO,EAAE,wBAAwB,GACnC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH;QACI,uCAAK,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,QAAQ,IAAI,uBAAa,CAAC,WAAW,CAAC,QAAQ,EAAE,yBAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,SAAS,EAAC,qBAAqB;YAC7I,uCAAK,SAAS,EAAC,WAAW;gBACtB,uCAAK,SAAS,EAAC,4DAA4D;oBACvE,sCAAI,SAAS,EAAC,oBAAoB,IAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAM;oBACrD,sCAAI,SAAS,EAAC,wBAAwB,IAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,OAAO,CAAM,CACnE,CACJ,CACJ;QACN,uCAAK,SAAS,EAAC,yDAAyD;YACpE,uCAAK,SAAS,EAAC,WAAW;gBACtB,uCAAK,SAAS,EAAC,KAAK;oBAChB,uCAAK,SAAS,EAAC,oCAAoC;wBAC/C;4BACI,sCAAI,SAAS,EAAC,6BAA6B;gCACvC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI;gCAC9D,wCAAM,SAAS,EAAC,0BAA0B;oCACrC,KAAK;oCACN,yCAAM;oCACL,KAAK;;oCAAG,UAAU;;oCAAI,OAAO,CAC3B,CACN;4BACL,sCAAI,SAAS,EAAC,6BAA6B;gCACvC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI;gCAChE,wCAAM,SAAS,EAAC,0BAA0B,IAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAQ,CAC/D;4BACL,sCAAI,SAAS,EAAC,6BAA6B;gCACvC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI;gCACjE,wCAAM,SAAS,EAAC,0BAA0B;oCACtC,qCAAG,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,IACjE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CACZ,CACD,CACN;4BACL,sCAAI,SAAS,EAAC,QAAQ;gCAClB,8BAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,OAAO,QAAC,MAAM,QAAC,YAAY,EAAC,OAAO,EAAC,OAAO,EAAE,cAAc,IAC3F,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CACrB,CACV,CACJ,CACH;oBACN,uCAAK,SAAS,EAAC,UAAU;wBACrB,uCAAK,SAAS,EAAC,WAAW;4BACtB,uCAAK,SAAS,EAAC,iEAAiE,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;gCACvG,8BAAC,0BAAgB,OAAG,CAClB;4BACN,uCAAK,SAAS,EAAC,6CAA6C;gCACxD,8BAAC,yCAA+B,IAAC,KAAK,EAAE,KAAK,GAAI,CAC/C,CACJ,CACJ,CACJ,CACJ,CACJ;QACN,uCAAK,SAAS,EAAC,oDAAoD;YAC/D,uCAAK,SAAS,EAAC,WAAW;gBACtB,uCAAK,SAAS,EAAC,KAAK;oBAChB,uCAAK,SAAS,EAAC,UAAU;wBACrB,uCAAK,SAAS,EAAC,oCAAoC;4BAC/C,uCAAK,SAAS,EAAC,oCAAoC;gCAC/C,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAY,CACzD;4BACN,uCAAK,SAAS,EAAC,oCAAoC;gCAC/C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oCACtB,wCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,0CAAE,OAAO,CAAC,MAAM,EAAE,YAAY,CAAC,KAAI,EAAE,EAAE,GAAI,CACnG;gCACN,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,CAAA,IAAI,CAC7B;oCACI,uCAAK,SAAS,EAAC,YAAY;wCACvB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;4CACtB,yDAAyB,CACtB,CACL;oCACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wCACtB,wCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,0CAAE,OAAO,CAAC,MAAM,EAAE,YAAY,CAAC,EAAE,GAAI,CACrG,CACR,CACN,CACC;4BACL,CAAC,CAAC,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,MAAM,CAAA,IAAI,CACvB;gCACI,uCAAK,SAAS,EAAC,oCAAoC;oCAC/C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wCACtB,gFAAgD,CAC7C,CACL;gCACN,uCAAK,SAAS,EAAC,KAAK,IACf,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oCACvB,OAAO,CACH,uCAAK,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI;wCAC1C,uCAAK,SAAS,EAAC,sBAAsB;4CACjC,uCAAK,SAAS,EAAC,gBAAgB,IAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAgB,GAAI,CAAO;4CACnH,wCAAM,SAAS,EAAC,cAAc;gDAC1B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,IAAI,CAAC,IAAI,CAAQ,CAC3C,CACL,CACJ,CACT,CAAC;gCACN,CAAC,CAAC,CACA,CACP,CACN,CACC;wBACL,CAAC,CAAC,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,MAAM,CAAA,IAAI,CAC/B,uCAAK,SAAS,EAAC,oCAAoC;4BAC/C,uCAAK,SAAS,EAAC,sBAAsB;gCACjC,8BAAC,kBAAQ,IAAC,IAAI,4BAA2B,CACvC;4BACN,uCAAK,SAAS,EAAC,KAAK,IACf,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE;gCAC9C,OAAO,CACH,uCAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,UAAU;oCACjC,uCAAK,SAAS,EAAC,sBAAsB;wCACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,EAAE,eAAe,EAAE,aAAK,CAAC,MAAM,EAAE,YAAY,EAAC,OAAO,EAAC,SAAS,QAAC,IAAI,EAAC,MAAM,GAAG;wCAC5H,wCAAM,SAAS,EAAC,iCAAiC;4CAC7C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,YAAY,CAAC,IAAI,CAAQ,CACnD,CACL,CACJ,CACT,CAAC;4BACN,CAAC,CAAC,CACA,CACJ,CACT;wBACA,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAA,IAAI,CAClB,uCAAK,SAAS,EAAC,oCAAoC;4BAC/C,uCAAK,SAAS,EAAC,sBAAsB;gCACjC,8BAAC,kBAAQ,IAAC,IAAI,qBAAoB,CAChC;4BACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACtB,qCAAG,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,MAAM,EAAE,EAAE,GAAG,EAAC,YAAY,IAC7F,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAChB,CACD,CACL,CACT,CACC;oBACN,uCAAK,SAAS,EAAC,UAAU;wBACrB,uCAAK,SAAS,EAAC,oCAAoC;4BAC/C,uCAAK,SAAS,EAAC,oCAAoC;gCAC/C,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAY,CAC3D;4BACL,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC;4BAClC,uCAAK,SAAS,EAAC,KAAK;gCACf,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oCACrB,IAAI,MAAM,CAAC,MAAM,GAAG,KAAK,EAAE;wCACvB,OAAO,CACH,uCAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,OAAO,IAC7B,QAAQ,CAAC,KAAK,CAAC,CACd,CACT,CAAC;qCACL;gCACL,CAAC,CAAC;gCACD,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAClB,uCAAK,SAAS,EAAC,OAAO;oCAClB,uCAAK,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAE,iBAAiB;wCAC9D,QAAQ,CAAC,CAAC,CAAC;wCACZ;;4CAAS,MAAM,CAAC,MAAM,GAAG,CAAC,CAAQ,CAChC,CACJ,CACT,CACC,CACJ,CACJ,CACJ,CACJ,CACJ;QACL,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,CACjB,8BAAC,0BAAU,IACP,OAAO,EAAE,kBAAkB,CAAC,OAAO,EACnC,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAC/B,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAa,CAAC,WAAW,CAAC,KAAK,EAAE,yBAAS,CAAC,QAAQ,CAAC,CAAC,EACpF,IAAI,EAAC,OAAO,GACd,CACL,CACF,CACN,CAAC;AACN,CAAC;AAlPD,4BAkPC","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Color } from '@/util/Color';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Headline from '@/components/generic/Headline';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport FsLightbox from 'fslightbox-react';\nimport TransportDistanceFromHotelBlock from '@/components/summary/TransportDistanceFromHotelBlock';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport BEButton from '@/components/generic/BEButton';\nimport StepManager from '@/util/StepManager';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { StepHotelInfoViewEvent } from '@frontend/events';\nimport { useHistoryConsistentPush } from 'hooks/HistoryConsistentPush';\n\nexport default function HotelInfo() {\n    const { hotel } = useCurrentHotel();\n    const historyConsistentPush = useHistoryConsistentPush();\n    const { t } = useTranslation();\n\n    const imageUrl = hotel?.heroImage;\n\n    const { line1, line2, postalCode, country } = hotel?.address ?? {};\n\n    const [lightboxController, setLightboxController] = useState({ toggler: false, slide: 1 });\n    const [images, setImages] = useState<string[]>([]);\n\n    const openSlider = (slide: number) => {\n        setLightboxController((controller) => ({ toggler: !controller.toggler, slide: slide + 1 }));\n    };\n    const openSliderOnClick = () => {\n        openSlider(4);\n    };\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepHotelInfoViewEvent();\n        raise(event);\n    }, []);\n\n    useEffect(() => {\n        const newImages: string[] = [];\n\n        if (hotel?.images?.length) {\n            newImages.push(...hotel.images);\n        }\n\n        if (hotel?.rooms) {\n            for (const room of Object.values(hotel?.rooms)) {\n                room.images?.forEach((image) => {\n                    newImages.push(image);\n                });\n            }\n        }\n\n        setImages(newImages);\n    }, [hotel?.images, hotel?.rooms]);\n\n    const onBookNowClick = () => {\n        historyConsistentPush(StepManager.getFirstStep().getStepUrl());\n    };\n\n    const getImage = (index: number) => {\n        const openSliderOnClickHandler = () => {\n            openSlider(index);\n        };\n\n        const resizedUrl = ImageProvider.resizeImage(images[index], ImageSize.Small);\n\n        return (\n            <div\n                style={{ backgroundImage: `url('${resizedUrl}')`, paddingTop: '75%' }}\n                className=\"c-images u-block u-w-100 u-marg-bottom u-marg-bottom--heavy\"\n                onClick={openSliderOnClickHandler}\n            />\n        );\n    };\n\n    return (\n        <>\n            <div style={{ backgroundImage: `url('${imageUrl && ImageProvider.resizeImage(imageUrl, ImageSize.Original)}')` }} className=\"c-masthead has-tint\">\n                <div className=\"container\">\n                    <div className=\"c-masthead__body u-fill-white u-pad--heavy u-shadow-accent\">\n                        <h1 className=\"c-masthead__header\">{hotel?.name}</h1>\n                        <h2 className=\"c-masthead__sub-header\">{hotel?.address?.country}</h2>\n                    </div>\n                </div>\n            </div>\n            <div className=\"u-fill-snow u-pad--heavy-med u-pad-top-bottom--heavy@m-\">\n                <div className=\"container\">\n                    <div className=\"row\">\n                        <div className=\"col-md-6 u-flex align-items-center\">\n                            <ul>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Map} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">\n                                        {line1}\n                                        <br />\n                                        {line2} {postalCode}, {country}\n                                    </span>\n                                </li>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Phone} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">{hotel?.phone}</span>\n                                </li>\n                                <li className=\"u-flex u-marg-bottom--heavy\">\n                                    <Icon icon={IconType.Hotel2} size=\"1.3em\" color={Color.Accent} />\n                                    <span className=\"u-flex__item u-marg-left\">\n                                        <a href={hotel?.hotelUrl} style={{ color: 'var(--rs-color-accent-1)' }}>\n                                            {hotel?.name}\n                                        </a>\n                                    </span>\n                                </li>\n                                <li className=\"u-flex\">\n                                    <BEButton icon={IconType.ArrowRight} primary filled iconPosition=\"right\" onClick={onBookNowClick}>\n                                        {t(Translation.Misc.BookNow)}\n                                    </BEButton>\n                                </li>\n                            </ul>\n                        </div>\n                        <div className=\"col-md-6\">\n                            <div className=\"c-overlap\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy u-marg-top u-marg-top--heavy\" style={{ height: '240px' }}>\n                                    <HotelLocationMap />\n                                </div>\n                                <div className=\"u-flex u-flex-column justify-content-center\">\n                                    <TransportDistanceFromHotelBlock hotel={hotel} />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"u-pad u-pad--heavy-plus u-pad-top-bottom--heavy@m-\">\n                <div className=\"container\">\n                    <div className=\"row\">\n                        <div className=\"col-lg-6\">\n                            <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Headline bold>{t(Translation.Step.Hotel.About)}</Headline>\n                                </div>\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Text type={TextType.Small}>\n                                        <span dangerouslySetInnerHTML={{ __html: hotel?.description?.replace('\\r\\n', '<br/><br/>') || '' }} />\n                                    </Text>\n                                    {!!hotel?.locationDescription && (\n                                        <>\n                                            <div className=\"u-marg-top\">\n                                                <Text type={TextType.Small}>\n                                                    <strong>Location</strong>\n                                                </Text>\n                                            </div>\n                                            <Text type={TextType.Small}>\n                                                <span dangerouslySetInnerHTML={{ __html: hotel?.locationDescription?.replace('\\r\\n', '<br/><br/>') }} />\n                                            </Text>\n                                        </>\n                                    )}\n                                </div>\n                                {!!hotel?.perks?.length && (\n                                    <>\n                                        <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                            <Text type={TextType.Small}>\n                                                <strong>And you get all these for free:</strong>\n                                            </Text>\n                                        </div>\n                                        <div className=\"row\">\n                                            {hotel?.perks.map((perk) => {\n                                                return (\n                                                    <div className=\"col-6 col-md-4\" key={perk.name}>\n                                                        <div className=\"u-flex u-marg-bottom\">\n                                                            <div className=\"room-perk-icon\">{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon as IconType} />}</div>\n                                                            <span className=\"u-flex__item\">\n                                                                <Text type={TextType.Small}>{perk.name}</Text>\n                                                            </span>\n                                                        </div>\n                                                    </div>\n                                                );\n                                            })}\n                                        </div>\n                                    </>\n                                )}\n                            </div>\n                            {!!hotel?.hotelServices?.length && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold>Hotel Amenities</Headline>\n                                    </div>\n                                    <div className=\"row\">\n                                        {hotel?.hotelServices.map((hotelService, index) => {\n                                            return (\n                                                <div key={index} className=\"col-md-6\">\n                                                    <div className=\"u-flex u-marg-bottom\">\n                                                        <Icon icon={IconType.Check} color={Color.White} backgroundColor={Color.Accent} borderRadius=\"round\" noPadding size=\"16px\" />\n                                                        <span className=\"u-flex__item u-marg-left--light\">\n                                                            <Text type={TextType.Small}>{hotelService.name}</Text>\n                                                        </span>\n                                                    </div>\n                                                </div>\n                                            );\n                                        })}\n                                    </div>\n                                </div>\n                            )}\n                            {!!hotel?.policies && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold>Policies</Headline>\n                                    </div>\n                                    <Text type={TextType.Small}>\n                                        <a href={hotel?.policies} target=\"_blank\" style={{ color: hotel?.colors.accent }} rel=\"noreferrer\">\n                                            {hotel?.policies}\n                                        </a>\n                                    </Text>\n                                </div>\n                            )}\n                        </div>\n                        <div className=\"col-lg-6\">\n                            <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Headline bold>{t(Translation.Step.Hotel.Gallery)}</Headline>\n                                </div>\n                                {images.length >= 1 && getImage(0)}\n                                <div className=\"row\">\n                                    {[1, 2, 3].map((index) => {\n                                        if (images.length > index) {\n                                            return (\n                                                <div key={index} className=\"col-6\">\n                                                    {getImage(index)}\n                                                </div>\n                                            );\n                                        }\n                                    })}\n                                    {images.length > 5 && (\n                                        <div className=\"col-6\">\n                                            <div className=\"c-images c-images--more\" onClick={openSliderOnClick}>\n                                                {getImage(4)}\n                                                <span>+ {images.length - 5}</span>\n                                            </div>\n                                        </div>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            {!!images?.length && (\n                <FsLightbox\n                    toggler={lightboxController.toggler}\n                    slide={lightboxController.slide}\n                    sources={images.map((image) => ImageProvider.resizeImage(image, ImageSize.Original))}\n                    type=\"image\"\n                />\n            )}\n        </>\n    );\n}\n"]}

package/dist/src/pages/steps/Step.d.ts

@@ -1,5 +1,5 @@
 import { ReactFragment } from 'react';
-import type ColorProfile from '../../models/Client/Hotel/ColorProfile';
+import { IHotelColorScheme } from '@roomstay/core';
 import type { Company } from '../../models/Client/Hotel/Company';
 import type { Hotel } from '../../models/Client/Hotel/Hotel';
 import StepValidator from './StepValidator';
@@ -16,7 +16,7 @@ export default abstract class Step {
      * Method gets called when Step is activated. Return a @type ColorProfile
      * to automatically set theme when step is loaded
      */
-    getColorProfile(company: Company, hotel?: Hotel): ColorProfile | undefined;
+    getColorProfile(company: Company, hotel?: Hotel): IHotelColorScheme | undefined;
     abstract getComponent(): ReactFragment;
     abstract getValidator(): StepValidator;
 }

package/dist/src/pages/steps/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sourceRoot":"/","sources":["src/pages/steps/Step.ts"],"names":[],"mappings":";;AAMA,MAA8B,IAAI;IAI9B,YAAmB,IAAY;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IACjC,CAAC;IAES,cAAc;QACpB,OAAO,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;IACzC,CAAC;IAEM,OAAO;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAEM,UAAU;QACb,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,GAAG,CAAC;IAClD,CAAC;IAEM,kBAAkB;QACrB,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,sBAAsB;QACzB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,OAAO;IACX,CAAC;CAIJ;AAvCD,uBAuCC","sourcesContent":["import { ReactFragment } from 'react';\nimport type ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport type { Company } from '@/models/Client/Hotel/Company';\nimport type { Hotel } from '@/models/Client/Hotel/Hotel';\nimport StepValidator from '@/pages/steps/StepValidator';\n\nexport default abstract class Step {\n    protected name: string;\n    protected showOnNavigation: boolean;\n\n    public constructor(name: string) {\n        this.name = name;\n        this.showOnNavigation = true;\n    }\n\n    protected getUrlFragment() {\n        return this.name.toLocaleLowerCase();\n    }\n\n    public getName() {\n        return this.name;\n    }\n\n    public getStepUrl() {\n        return `${'/step/'}${this.getUrlFragment()}/`;\n    }\n\n    public getStepTranslation(): string | null {\n        return null;\n    }\n\n    public shouldShowOnNavigation() {\n        return this.showOnNavigation;\n    }\n\n    /**\n     * Method gets called when Step is activated. Return a @type ColorProfile\n     * to automatically set theme when step is loaded\n     */\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile | undefined {\n        return;\n    }\n\n    public abstract getComponent(): ReactFragment;\n    public abstract getValidator(): StepValidator;\n}\n"]}
+{"version":3,"file":"Step.js","sourceRoot":"/","sources":["src/pages/steps/Step.ts"],"names":[],"mappings":";;AAMA,MAA8B,IAAI;IAI9B,YAAmB,IAAY;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IACjC,CAAC;IAES,cAAc;QACpB,OAAO,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;IACzC,CAAC;IAEM,OAAO;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAEM,UAAU;QACb,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,GAAG,CAAC;IAClD,CAAC;IAEM,kBAAkB;QACrB,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,sBAAsB;QACzB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,OAAO;IACX,CAAC;CAIJ;AAvCD,uBAuCC","sourcesContent":["import { ReactFragment } from 'react';\nimport { IHotelColorScheme } from '@roomstay/core';\nimport type { Company } from '@/models/Client/Hotel/Company';\nimport type { Hotel } from '@/models/Client/Hotel/Hotel';\nimport StepValidator from '@/pages/steps/StepValidator';\n\nexport default abstract class Step {\n    protected name: string;\n    protected showOnNavigation: boolean;\n\n    public constructor(name: string) {\n        this.name = name;\n        this.showOnNavigation = true;\n    }\n\n    protected getUrlFragment() {\n        return this.name.toLocaleLowerCase();\n    }\n\n    public getName() {\n        return this.name;\n    }\n\n    public getStepUrl() {\n        return `${'/step/'}${this.getUrlFragment()}/`;\n    }\n\n    public getStepTranslation(): string | null {\n        return null;\n    }\n\n    public shouldShowOnNavigation() {\n        return this.showOnNavigation;\n    }\n\n    /**\n     * Method gets called when Step is activated. Return a @type ColorProfile\n     * to automatically set theme when step is loaded\n     */\n    public getColorProfile(company: Company, hotel?: Hotel): IHotelColorScheme | undefined {\n        return;\n    }\n\n    public abstract getComponent(): ReactFragment;\n    public abstract getValidator(): StepValidator;\n}\n"]}

package/dist/src/pages/steps/StepAddon/StepAddon.d.ts

@@ -1,14 +1,14 @@
-import ColorProfile from '../../../models/Client/Hotel/ColorProfile';
 import { Company } from '../../../models/Client/Hotel/Company';
 import { Hotel } from '../../../models/Client/Hotel/Hotel';
 import Step from '../Step';
 import StepAddonValidator from './StepAddonValidator';
+import { IHotelColorScheme } from '@roomstay/core';
 declare class StepAddon extends Step {
     constructor();
     getComponent(): () => JSX.Element;
     getValidator(): StepAddonValidator;
     getStepTranslation(): string;
-    getColorProfile(company: Company, hotel?: Hotel): ColorProfile | undefined;
+    getColorProfile(company: Company, hotel?: Hotel): IHotelColorScheme | undefined;
 }
 declare const _default: StepAddon;
 export default _default;

package/dist/src/pages/steps/StepAddon/StepAddon.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepAddon.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddon.ts"],"names":[],"mappings":";;;;;AAGA,0DAAuD;AACvD,8DAAsC;AACtC,8FAAsE;AACtE,oGAA4E;AAE5E,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepAddonLoader from '@/pages/steps/StepAddon/StepAddonLoader';\nimport StepAddonValidator from '@/pages/steps/StepAddon/StepAddonValidator';\n\nclass StepAddon extends Step {\n    public constructor() {\n        super('Addon');\n    }\n\n    public getComponent() {\n        return StepAddonLoader;\n    }\n\n    public getValidator() {\n        return new StepAddonValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Addon;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile | undefined {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepAddon();\n"]}
+{"version":3,"file":"StepAddon.js","sourceRoot":"/","sources":["src/pages/steps/StepAddon/StepAddon.ts"],"names":[],"mappings":";;;;;AAEA,0DAAuD;AACvD,8DAAsC;AACtC,8FAAsE;AACtE,oGAA4E;AAG5E,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepAddonLoader from '@/pages/steps/StepAddon/StepAddonLoader';\nimport StepAddonValidator from '@/pages/steps/StepAddon/StepAddonValidator';\nimport { IHotelColorScheme } from '@roomstay/core';\n\nclass StepAddon extends Step {\n    public constructor() {\n        super('Addon');\n    }\n\n    public getComponent() {\n        return StepAddonLoader;\n    }\n\n    public getValidator() {\n        return new StepAddonValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Addon;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): IHotelColorScheme | undefined {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepAddon();\n"]}

package/dist/src/pages/steps/StepConfirmation/StepConfirmation.d.ts

@@ -1,15 +1,15 @@
-import ColorProfile from '../../../models/Client/Hotel/ColorProfile';
 import { Company } from '../../../models/Client/Hotel/Company';
 import { Hotel } from '../../../models/Client/Hotel/Hotel';
 import Step from '../Step';
 import StepConfirmationLoader from './StepConfirmationLoader';
 import StepConfirmationValidator from './StepConfirmationValidator';
+import { IHotelColorScheme } from '@roomstay/core';
 declare class StepConfirmation extends Step {
     constructor();
     getComponent(): typeof StepConfirmationLoader;
     getValidator(): StepConfirmationValidator;
     getStepTranslation(): string;
-    getColorProfile(company: Company, hotel?: Hotel): ColorProfile | undefined;
+    getColorProfile(company: Company, hotel?: Hotel): IHotelColorScheme | undefined;
 }
 declare const _default: StepConfirmation;
 export default _default;

package/dist/src/pages/steps/StepConfirmation/StepConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmation.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmation.ts"],"names":[],"mappings":";;;;;AAGA,0DAAuD;AACvD,8DAAsC;AACtC,mHAA2F;AAC3F,yHAAiG;AACjG,MAAM,gBAAiB,SAAQ,cAAI;IAC/B;QACI,KAAK,CAAC,cAAc,CAAC,CAAC;IAC1B,CAAC;IAEM,YAAY;QACf,OAAO,gCAAsB,CAAC;IAClC,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,mCAAyB,EAAE,CAAC;IAC3C,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC;IACrD,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,gBAAgB,EAAE,CAAC","sourcesContent":["import ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepConfirmationLoader from '@/pages/steps/StepConfirmation/StepConfirmationLoader';\nimport StepConfirmationValidator from '@/pages/steps/StepConfirmation/StepConfirmationValidator';\nclass StepConfirmation extends Step {\n    public constructor() {\n        super('Confirmation');\n    }\n\n    public getComponent() {\n        return StepConfirmationLoader;\n    }\n\n    public getValidator() {\n        return new StepConfirmationValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Confirmation;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile | undefined {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepConfirmation();\n"]}
+{"version":3,"file":"StepConfirmation.js","sourceRoot":"/","sources":["src/pages/steps/StepConfirmation/StepConfirmation.ts"],"names":[],"mappings":";;;;;AAEA,0DAAuD;AACvD,8DAAsC;AACtC,mHAA2F;AAC3F,yHAAiG;AAEjG,MAAM,gBAAiB,SAAQ,cAAI;IAC/B;QACI,KAAK,CAAC,cAAc,CAAC,CAAC;IAC1B,CAAC;IAEM,YAAY;QACf,OAAO,gCAAsB,CAAC;IAClC,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,mCAAyB,EAAE,CAAC;IAC3C,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC;IACrD,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,gBAAgB,EAAE,CAAC","sourcesContent":["import { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepConfirmationLoader from '@/pages/steps/StepConfirmation/StepConfirmationLoader';\nimport StepConfirmationValidator from '@/pages/steps/StepConfirmation/StepConfirmationValidator';\nimport { IHotelColorScheme } from '@roomstay/core';\nclass StepConfirmation extends Step {\n    public constructor() {\n        super('Confirmation');\n    }\n\n    public getComponent() {\n        return StepConfirmationLoader;\n    }\n\n    public getValidator() {\n        return new StepConfirmationValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Confirmation;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): IHotelColorScheme | undefined {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepConfirmation();\n"]}

package/dist/src/pages/steps/StepDate/StepDate.d.ts

@@ -1,14 +1,14 @@
-import ColorProfile from '../../../models/Client/Hotel/ColorProfile';
 import { Company } from '../../../models/Client/Hotel/Company';
 import { Hotel } from '../../../models/Client/Hotel/Hotel';
 import Step from '../Step';
 import StepDateValidator from './StepDateValidator';
+import { IHotelColorScheme } from '@roomstay/core';
 declare class StepDate extends Step {
     constructor();
     getComponent(): () => JSX.Element;
     getValidator(): StepDateValidator;
     getStepTranslation(): string;
-    getColorProfile(company: Company, hotel?: Hotel): ColorProfile | undefined;
+    getColorProfile(company: Company, hotel?: Hotel): IHotelColorScheme | undefined;
 }
 declare const _default: StepDate;
 export default _default;

package/dist/src/pages/steps/StepDate/StepDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepDate.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDate.ts"],"names":[],"mappings":";;;;;AAGA,0DAAuD;AACvD,8DAAsC;AACtC,iGAAyE;AACzE,iGAAyE;AAEzE,MAAM,QAAS,SAAQ,cAAI;IACvB;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,YAAY;QACf,OAAO,2BAAiB,CAAC;IAC7B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,2BAAiB,EAAE,CAAC;IACnC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;IAC7C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,QAAQ,EAAE,CAAC","sourcesContent":["import ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepDateComponent from '@/pages/steps/StepDate/StepDateComponent';\nimport StepDateValidator from '@/pages/steps/StepDate/StepDateValidator';\n\nclass StepDate extends Step {\n    public constructor() {\n        super('Date');\n    }\n\n    public getComponent() {\n        return StepDateComponent;\n    }\n\n    public getValidator() {\n        return new StepDateValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Date;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): ColorProfile | undefined {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepDate();\n"]}
+{"version":3,"file":"StepDate.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDate.ts"],"names":[],"mappings":";;;;;AAEA,0DAAuD;AACvD,8DAAsC;AACtC,iGAAyE;AACzE,iGAAyE;AAEzE,MAAM,QAAS,SAAQ,cAAI;IACvB;QACI,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,YAAY;QACf,OAAO,2BAAiB,CAAC;IAC7B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,2BAAiB,EAAE,CAAC;IACnC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;IAC7C,CAAC;IAEM,eAAe,CAAC,OAAgB,EAAE,KAAa;QAClD,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,MAAM,CAAC;SACvB;IACL,CAAC;CACJ;AAED,kBAAe,IAAI,QAAQ,EAAE,CAAC","sourcesContent":["import { Company } from '@/models/Client/Hotel/Company';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepDateComponent from '@/pages/steps/StepDate/StepDateComponent';\nimport StepDateValidator from '@/pages/steps/StepDate/StepDateValidator';\nimport { IHotelColorScheme } from '@roomstay/core';\nclass StepDate extends Step {\n    public constructor() {\n        super('Date');\n    }\n\n    public getComponent() {\n        return StepDateComponent;\n    }\n\n    public getValidator() {\n        return new StepDateValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Date;\n    }\n\n    public getColorProfile(company: Company, hotel?: Hotel): IHotelColorScheme | undefined {\n        if (hotel) {\n            return hotel.colors;\n        }\n    }\n}\n\nexport default new StepDate();\n"]}

package/dist/src/pages/steps/StepDate/StepDateComponent.js

@@ -104,7 +104,7 @@ const StepDate = () => {
                         react_1.default.createElement(StepOneDateRangePicker_1.default, null))),
                 context.screenSize >= ScreenSize_1.default.Large ? react_1.default.createElement(StepOneDateRangePickerLegend_1.default, null) : react_1.default.createElement(LineBreak_1.default, null))),
         react_1.default.createElement("div", { className: "u-flex justify-content-end" },
-            react_1.default.createElement(StepOneNextStepButton_1.default, { history: history }))));
+            react_1.default.createElement(StepOneNextStepButton_1.default, null))));
 };
 exports.default = StepDate;
 //# sourceMappingURL=StepDateComponent.js.map

package/dist/src/pages/steps/StepDate/StepDateComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepDateComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDateComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { lazy, Suspense, useContext, useEffect, useRef } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport Text from '@/components/generic/Text';\n\nimport { Color } from '@/util/Color';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepOneStatusPeople from '@/components/steps/date/StepOneStatusPeople';\nimport StepOneDateRange from '@/components/steps/date/StepOneDateRange';\nimport StepOneNextStepButton from '@/components/steps/date/StepOneNextStepButton';\n\nimport StepOneDateRangePickerLegend from '@/components/steps/date/StepOneDateRangePickerLegend';\nimport StepDatePricePerRoom from '@/components/steps/date/StepDatePricePerRoom';\nimport { BasketContext, BookingEngineContext, CompanyContext } from '@frontend/contexts';\n\nimport LineBreak from '@/components/generic/LineBreak';\nimport PeoplePicker from '@/components/steps/date/PeoplePicker';\nimport StepOneDateRangePicker from '@/components/steps/date/StepOneDateRangePicker';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport { HotelOverridesContext } from 'contexts/HotelOverridesContext';\nimport { StepDateViewEvent } from '@frontend/events';\nimport { useHistory } from 'react-router-dom';\n\nconst BEMobileSummary = lazy(() => import('@/components/summary/BEMobileSummary'));\n\nconst StepDate = () => {\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const { hideByLine } = useContext(HotelOverridesContext);\n    const history = useHistory();\n\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n    const peopleRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        if (context.screenSize <= ScreenSize.Medium && basketContext.endDate) {\n            if (peopleRef) {\n                setTimeout(() => {\n                    peopleRef.current?.scrollIntoView?.({ behavior: 'smooth', block: 'center', inline: 'nearest' });\n                }, 50);\n            }\n        }\n    }, [basketContext.endDate]);\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepDateViewEvent();\n        raise(event);\n    }, []);\n\n    return (\n        <div className=\"container\">\n            {context.screenSize <= ScreenSize.Medium && <BEMobileSummary />}\n            {context.screenSize >= ScreenSize.Large && (\n                <>\n                    <div className=\"row\">\n                        <div className=\"col-md-4 col-lg-3\">\n                            <div className=\"u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Step.Date.Reservation)}</Headline>\n                            </div>\n                            <Headline color={Color.Navy}>{hotel?.name}</Headline>\n                            {!hideByLine && (\n                                <Text color={Color.DarkGrey}>\n                                    {t(Translation.Misc.By)} {ccx.name}\n                                </Text>\n                            )}\n                        </div>\n                        <div className=\"col-md-8 col-lg-9\">\n                            <div className=\"row justify-content-between\">\n                                <div className=\"col-md-6\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold>{t(Translation.Step.Date.SelectYourDate)}</Headline>\n                                    </div>\n                                    <div className=\"step-one-status\">\n                                        <StepOneDateRange />\n                                        <StepOneStatusPeople />\n                                    </div>\n                                </div>\n                                <div className=\"col-md-4\">\n                                    <StepDatePricePerRoom isMobile={false} />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <LineBreak />\n                </>\n            )}\n\n            <div className=\"row flex-column-reverse flex-md-row align-items-center align-items-md-start\">\n                <div ref={peopleRef} className=\"col-md-4 col-xl-3\">\n                    <PeoplePicker />\n                </div>\n                <div className=\"col-md-8 col-xl-9\">\n                    <div className=\"w-100 u-flex justify-content-center flex-column align-items-center\">\n                        <Suspense fallback=\"loading....\">\n                            <StepOneDateRangePicker />\n                        </Suspense>\n                    </div>\n                    {context.screenSize >= ScreenSize.Large ? <StepOneDateRangePickerLegend /> : <LineBreak />}\n                </div>\n            </div>\n            <div className=\"u-flex justify-content-end\">\n                <StepOneNextStepButton history={history} />\n            </div>\n        </div>\n    );\n};\nexport default StepDate;\n"]}
+{"version":3,"file":"StepDateComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepDate/StepDateComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { lazy, Suspense, useContext, useEffect, useRef } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport Text from '@/components/generic/Text';\n\nimport { Color } from '@/util/Color';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepOneStatusPeople from '@/components/steps/date/StepOneStatusPeople';\nimport StepOneDateRange from '@/components/steps/date/StepOneDateRange';\nimport StepOneNextStepButton from '@/components/steps/date/StepOneNextStepButton';\n\nimport StepOneDateRangePickerLegend from '@/components/steps/date/StepOneDateRangePickerLegend';\nimport StepDatePricePerRoom from '@/components/steps/date/StepDatePricePerRoom';\nimport { BasketContext, BookingEngineContext, CompanyContext } from '@frontend/contexts';\nimport LineBreak from '@/components/generic/LineBreak';\nimport PeoplePicker from '@/components/steps/date/PeoplePicker';\nimport StepOneDateRangePicker from '@/components/steps/date/StepOneDateRangePicker';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport { HotelOverridesContext } from 'contexts/HotelOverridesContext';\nimport { StepDateViewEvent } from '@frontend/events';\nimport { useHistory } from 'react-router-dom';\n\nconst BEMobileSummary = lazy(() => import('@/components/summary/BEMobileSummary'));\n\nconst StepDate = () => {\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const { hideByLine } = useContext(HotelOverridesContext);\n    const history = useHistory();\n\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n    const peopleRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        if (context.screenSize <= ScreenSize.Medium && basketContext.endDate) {\n            if (peopleRef) {\n                setTimeout(() => {\n                    peopleRef.current?.scrollIntoView?.({ behavior: 'smooth', block: 'center', inline: 'nearest' });\n                }, 50);\n            }\n        }\n    }, [basketContext.endDate]);\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepDateViewEvent();\n        raise(event);\n    }, []);\n\n    return (\n        <div className=\"container\">\n            {context.screenSize <= ScreenSize.Medium && <BEMobileSummary />}\n            {context.screenSize >= ScreenSize.Large && (\n                <>\n                    <div className=\"row\">\n                        <div className=\"col-md-4 col-lg-3\">\n                            <div className=\"u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Step.Date.Reservation)}</Headline>\n                            </div>\n                            <Headline color={Color.Navy}>{hotel?.name}</Headline>\n                            {!hideByLine && (\n                                <Text color={Color.DarkGrey}>\n                                    {t(Translation.Misc.By)} {ccx.name}\n                                </Text>\n                            )}\n                        </div>\n                        <div className=\"col-md-8 col-lg-9\">\n                            <div className=\"row justify-content-between\">\n                                <div className=\"col-md-6\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline bold>{t(Translation.Step.Date.SelectYourDate)}</Headline>\n                                    </div>\n                                    <div className=\"step-one-status\">\n                                        <StepOneDateRange />\n                                        <StepOneStatusPeople />\n                                    </div>\n                                </div>\n                                <div className=\"col-md-4\">\n                                    <StepDatePricePerRoom isMobile={false} />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <LineBreak />\n                </>\n            )}\n\n            <div className=\"row flex-column-reverse flex-md-row align-items-center align-items-md-start\">\n                <div ref={peopleRef} className=\"col-md-4 col-xl-3\">\n                    <PeoplePicker />\n                </div>\n                <div className=\"col-md-8 col-xl-9\">\n                    <div className=\"w-100 u-flex justify-content-center flex-column align-items-center\">\n                        <Suspense fallback=\"loading....\">\n                            <StepOneDateRangePicker />\n                        </Suspense>\n                    </div>\n                    {context.screenSize >= ScreenSize.Large ? <StepOneDateRangePickerLegend /> : <LineBreak />}\n                </div>\n            </div>\n            <div className=\"u-flex justify-content-end\">\n                <StepOneNextStepButton />\n            </div>\n        </div>\n    );\n};\nexport default StepDate;\n"]}

package/dist/src/pages/steps/StepHotel/StepHotel.d.ts

@@ -1,13 +1,13 @@
-import ColorProfile from '../../../models/Client/Hotel/ColorProfile';
 import { Company } from '../../../models/Client/Hotel/Company';
 import Step from '../Step';
 import StepHotelValidator from './StepHotelValidator';
+import { IHotelColorScheme } from '@roomstay/core';
 declare class StepHotel extends Step {
     constructor();
     getComponent(): () => JSX.Element;
     getValidator(): StepHotelValidator;
     getStepTranslation(): string;
-    getColorProfile(company: Company): ColorProfile;
+    getColorProfile(company: Company): IHotelColorScheme;
 }
 declare const _default: StepHotel;
 export default _default;

package/dist/src/pages/steps/StepHotel/StepHotel.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepHotel.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotel.ts"],"names":[],"mappings":";;;;;AAEA,0DAAuD;AACvD,8DAAsC;AACtC,8FAAsE;AACtE,oGAA4E;AAE5E,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB;QACnC,OAAO,OAAO,CAAC,MAAM,CAAC;IAC1B,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { Company } from '@/models/Client/Hotel/Company';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepHotelLoader from '@/pages/steps/StepHotel/StepHotelLoader';\nimport StepHotelValidator from '@/pages/steps/StepHotel/StepHotelValidator';\n\nclass StepHotel extends Step {\n    public constructor() {\n        super('Hotel');\n    }\n\n    public getComponent() {\n        return StepHotelLoader;\n    }\n\n    public getValidator() {\n        return new StepHotelValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Hotel;\n    }\n\n    public getColorProfile(company: Company): ColorProfile {\n        return company.colors;\n    }\n}\n\nexport default new StepHotel();\n"]}
+{"version":3,"file":"StepHotel.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotel.ts"],"names":[],"mappings":";;;;;AACA,0DAAuD;AACvD,8DAAsC;AACtC,8FAAsE;AACtE,oGAA4E;AAE5E,MAAM,SAAU,SAAQ,cAAI;IACxB;QACI,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEM,YAAY;QACf,OAAO,yBAAe,CAAC;IAC3B,CAAC;IAEM,YAAY;QACf,OAAO,IAAI,4BAAkB,EAAE,CAAC;IACpC,CAAC;IAEM,kBAAkB;QACrB,OAAO,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,OAAgB;QACnC,OAAO,OAAO,CAAC,MAAM,CAAC;IAC1B,CAAC;CACJ;AAED,kBAAe,IAAI,SAAS,EAAE,CAAC","sourcesContent":["import { Company } from '@/models/Client/Hotel/Company';\nimport { Translation } from 'translations/Translation';\nimport Step from '@/pages/steps/Step';\nimport StepHotelLoader from '@/pages/steps/StepHotel/StepHotelLoader';\nimport StepHotelValidator from '@/pages/steps/StepHotel/StepHotelValidator';\nimport { IHotelColorScheme } from '@roomstay/core';\nclass StepHotel extends Step {\n    public constructor() {\n        super('Hotel');\n    }\n\n    public getComponent() {\n        return StepHotelLoader;\n    }\n\n    public getValidator() {\n        return new StepHotelValidator();\n    }\n\n    public getStepTranslation() {\n        return Translation.Navigation.Steps.Hotel;\n    }\n\n    public getColorProfile(company: Company): IHotelColorScheme {\n        return company.colors;\n    }\n}\n\nexport default new StepHotel();\n"]}

package/dist/src/pages/steps/StepHotel/StepHotelComponent.js

@@ -41,6 +41,7 @@ const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const EventHook_1 = require("../../../hooks/EventHook");
 const events_1 = require("../../../events/index.js");
 const Select_1 = require("../../../components/generic/Select/Select");
+const classnames_1 = __importDefault(require("classnames"));
 var SortByOptions;
 (function (SortByOptions) {
     SortByOptions["Recommended"] = "R";
@@ -49,10 +50,11 @@ var SortByOptions;
 })(SortByOptions || (SortByOptions = {}));
 const StepHotelComponent = () => {
     var _a, _b, _c;
+    const { t } = (0, react_i18next_1.useTranslation)();
     const sortByValues = [
-        { value: SortByOptions.Recommended, text: 'Recommended' },
-        { value: SortByOptions.LowestPrice, text: 'Lowest Price' },
-        { value: SortByOptions.HighestPrice, text: 'Highest Price' },
+        { value: SortByOptions.Recommended, text: t(Translation_1.Translation.Step.Room.Sort.Recommended) },
+        { value: SortByOptions.LowestPrice, text: t(Translation_1.Translation.Step.Room.Sort.LowestPrice) },
+        { value: SortByOptions.HighestPrice, text: t(Translation_1.Translation.Step.Room.Sort.HighestPrice) },
     ];
     const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
@@ -108,7 +110,6 @@ const StepHotelComponent = () => {
             ccx.updateLowestPricePerNight(hotel, basketRow);
         });
     }, [basketRow === null || basketRow === void 0 ? void 0 : basketRow.getStartDate(), basketRow === null || basketRow === void 0 ? void 0 : basketRow.getEndDate(), basketRow === null || basketRow === void 0 ? void 0 : basketRow.getAdults(), basketRow === null || basketRow === void 0 ? void 0 : basketRow.getChildren(), basketRow === null || basketRow === void 0 ? void 0 : basketRow.getPromoCode()]);
-    const { t } = (0, react_i18next_1.useTranslation)();
     const changeCountry = (selected) => {
         setCity(selected);
     };
@@ -146,11 +147,13 @@ const StepHotelComponent = () => {
                     react_1.default.createElement("div", { className: "col-6 col-md-2 col-lg-2" },
                         react_1.default.createElement("div", null,
                             react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
-                                react_1.default.createElement("strong", null, "Cities")),
+                                react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Hotel.Cities))),
                             react_1.default.createElement("div", { className: "filter-button d-flex align-items-center u-cursor-pointer" },
                                 react_1.default.createElement(Select_1.Select, { nativeOnMobile: true, options: cityOptions, value: city, onChange: changeCountry, keyName: "value", labelName: "text" })))),
-                    react_1.default.createElement("div", { className: 'col-sm-12 col-md-2 col-lg-1 u-flex u-flex-flex-end ' + (context.screenSize <= ScreenSize_1.default.Medium ? 'u-marg-top--light' : '') },
-                        react_1.default.createElement(BEButton_1.default, { rounded: true, size: "tiny", onClick: clearFilters, disabled: city === ((_c = cityOptions[0]) === null || _c === void 0 ? void 0 : _c.value) && sortBy === sortByValues[0].value }, "Clear all"))))),
+                    react_1.default.createElement("div", { className: (0, classnames_1.default)('col-sm-12 col-md-2 col-lg-1 u-flex u-flex-flex-end', {
+                            'u-marg-top--light': context.screenSize <= ScreenSize_1.default.Medium,
+                        }) },
+                        react_1.default.createElement(BEButton_1.default, { rounded: true, size: "tiny", onClick: clearFilters, disabled: city === ((_c = cityOptions[0]) === null || _c === void 0 ? void 0 : _c.value) && sortBy === sortByValues[0].value }, t(Translation_1.Translation.Misc.ClearAll)))))),
         react_1.default.createElement(LineBreak_1.default, null),
         react_1.default.createElement(HotelSearchParameters_1.default, null),
         react_1.default.createElement(HotelCardList_1.default, { hotelList: sortedHotels })));

package/dist/src/pages/steps/StepHotel/StepHotelComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepHotelComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotelComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext, BookingEngineContext, CompanyContext, FullPageEngineContext } from '@frontend/contexts';\nimport BEButton from '@/components/generic/BEButton';\nimport Text, { TextType } from '@/components/generic/Text';\nimport LineBreak from '@/components/generic/LineBreak';\nimport HotelCardList from '@/components/steps/hotel/HotelCardList';\nimport HotelSearchParameters from '@/components/steps/hotel/HotelSearchParameters';\nimport type { Hotel } from '@/models/Client/Hotel/Hotel';\n\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport { useEvent } from '@/hooks/EventHook';\nimport { StepHotelViewEvent } from '@frontend/events';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\n\nenum SortByOptions {\n    Recommended = 'R',\n    LowestPrice = 'L',\n    HighestPrice = 'H',\n}\n\ninterface ISortByOption {\n    value: SortByOptions;\n    text: string;\n}\n\nconst StepHotelComponent = () => {\n    const sortByValues = [\n        { value: SortByOptions.Recommended, text: 'Recommended' },\n        { value: SortByOptions.LowestPrice, text: 'Lowest Price' },\n        { value: SortByOptions.HighestPrice, text: 'Highest Price' },\n    ];\n\n    const ccx = useContext(CompanyContext);\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const fullPageContext = useContext(FullPageEngineContext);\n\n    const [sortBy, setSortBy] = useState<SortByOptions>(sortByValues[0].value);\n    const [city, setCity] = useState(fullPageContext.urlParameters.defaultCity ?? 'All');\n\n    const [cityOptions, setCityOptions] = useState<IDefaultSelectOption[]>([]);\n\n    const [sortedHotels, setSortedHotels] = useState<Hotel[]>();\n\n    const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[0];\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepHotelViewEvent();\n        raise(event);\n    }, []);\n\n    useEffect(() => {\n        const hotelsToShow = ccx.hotels.filter((hotel: Hotel) => {\n            if (hotel.address?.city === city) {\n                return hotel;\n            } else if (city === 'All') {\n                return hotel;\n            }\n        });\n\n        if (sortBy === SortByOptions.Recommended) {\n            setSortedHotels(hotelsToShow);\n        } else {\n            setSortedHotels(\n                [...hotelsToShow].sort((a: Hotel, b: Hotel) => {\n                    switch (sortBy) {\n                        case SortByOptions.LowestPrice:\n                            return (a.lowestPrice?.value as number) - (b.lowestPrice?.value as number);\n                        case SortByOptions.HighestPrice:\n                            return (b.lowestPrice?.value as number) - (a.lowestPrice?.value as number);\n                    }\n                })\n            );\n        }\n    }, [ccx.hotels, sortBy, city]);\n\n    useEffect(() => {\n        const cities: { [cityName: string]: any } = {};\n\n        ccx.hotels.forEach((hotel: Hotel) => {\n            // We must wait till address is loaded\n            if (hotel.address) {\n                cities[hotel.address.city as string] = { value: hotel.address.city, text: hotel.address.city };\n            }\n        });\n\n        setCityOptions([{ value: 'All', text: 'All' }, ...Object.values(cities)]);\n    }, [ccx.hotels]);\n\n    useEffect(() => {\n        ccx.hotels.forEach((hotel) => {\n            ccx.updateLowestPricePerNight(hotel, basketRow);\n        });\n    }, [basketRow?.getStartDate(), basketRow?.getEndDate(), basketRow?.getAdults(), basketRow?.getChildren(), basketRow?.getPromoCode()]);\n\n    const { t } = useTranslation();\n\n    const changeCountry = (selected: string) => {\n        setCity(selected);\n    };\n\n    const changeFilter = (selected: SortByOptions) => {\n        setSortBy(selected);\n    };\n\n    const clearFilters = () => {\n        setCity(cityOptions[0]?.value);\n        setSortBy(sortByValues[0].value);\n    };\n\n    useEffect(() => {\n        const startDate = basketRow.getStartDate();\n        const endDate = basketRow.getEndDate();\n\n        if (!startDate || !endDate) {\n            if (startDate) {\n                basketRow.setEndDate(startDate.add(1, 'day'));\n            } else {\n                basketRow.setStartDate(dayjs().add(1, 'day'));\n                basketRow.setEndDate(dayjs().add(2, 'day'));\n            }\n\n            basketContext.updateBasketRow(basketRow);\n        }\n    }, []);\n\n    return (\n        <div className=\"container\">\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-8\">\n                    <div className=\"row align-items-end\">\n                        <div className=\"col-6 col-md-4 col-lg-3\">\n                            <Text type={TextType.Label} color={Color.DarkGrey}>\n                                <strong>{t(Translation.Step.Room.SortBy)}</strong>\n                            </Text>\n                            <div>\n                                <Select<ISortByOption, 'value'> nativeOnMobile options={sortByValues} value={sortBy} onChange={changeFilter} keyName=\"value\" labelName=\"text\" />\n                            </div>\n                        </div>\n                        <div className=\"col-6 col-md-2 col-lg-2\">\n                            <div>\n                                <Text type={TextType.Label} color={Color.DarkGrey}>\n                                    <strong>Cities</strong>\n                                </Text>\n                                <div className=\"filter-button d-flex align-items-center u-cursor-pointer\">\n                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={cityOptions}\n                                        value={city}\n                                        onChange={changeCountry}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                    />\n                                </div>\n                            </div>\n                        </div>\n                        <div className={'col-sm-12 col-md-2 col-lg-1 u-flex u-flex-flex-end ' + (context.screenSize <= ScreenSize.Medium ? 'u-marg-top--light' : '')}>\n                            <BEButton rounded size=\"tiny\" onClick={clearFilters} disabled={city === cityOptions[0]?.value && sortBy === sortByValues[0].value}>\n                                Clear all\n                            </BEButton>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <LineBreak />\n            <HotelSearchParameters />\n            <HotelCardList hotelList={sortedHotels as Hotel[]} />\n        </div>\n    );\n};\n\nexport default StepHotelComponent;\n"]}
+{"version":3,"file":"StepHotelComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepHotel/StepHotelComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext, BookingEngineContext, CompanyContext, FullPageEngineContext } from '@frontend/contexts';\nimport BEButton from '@/components/generic/BEButton';\nimport Text, { TextType } from '@/components/generic/Text';\nimport LineBreak from '@/components/generic/LineBreak';\nimport HotelCardList from '@/components/steps/hotel/HotelCardList';\nimport HotelSearchParameters from '@/components/steps/hotel/HotelSearchParameters';\nimport type { Hotel } from '@/models/Client/Hotel/Hotel';\n\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport { useEvent } from '@/hooks/EventHook';\nimport { StepHotelViewEvent } from '@frontend/events';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\nimport classNames from 'classnames';\n\nenum SortByOptions {\n    Recommended = 'R',\n    LowestPrice = 'L',\n    HighestPrice = 'H',\n}\n\ninterface ISortByOption {\n    value: SortByOptions;\n    text: string;\n}\n\nconst StepHotelComponent = () => {\n    const { t } = useTranslation();\n    const sortByValues = [\n        { value: SortByOptions.Recommended, text: t(Translation.Step.Room.Sort.Recommended) },\n        { value: SortByOptions.LowestPrice, text: t(Translation.Step.Room.Sort.LowestPrice) },\n        { value: SortByOptions.HighestPrice, text: t(Translation.Step.Room.Sort.HighestPrice) },\n    ];\n\n    const ccx = useContext(CompanyContext);\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const fullPageContext = useContext(FullPageEngineContext);\n\n    const [sortBy, setSortBy] = useState<SortByOptions>(sortByValues[0].value);\n    const [city, setCity] = useState(fullPageContext.urlParameters.defaultCity ?? 'All');\n\n    const [cityOptions, setCityOptions] = useState<IDefaultSelectOption[]>([]);\n\n    const [sortedHotels, setSortedHotels] = useState<Hotel[]>();\n\n    const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[0];\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        const event = new StepHotelViewEvent();\n        raise(event);\n    }, []);\n\n    useEffect(() => {\n        const hotelsToShow = ccx.hotels.filter((hotel: Hotel) => {\n            if (hotel.address?.city === city) {\n                return hotel;\n            } else if (city === 'All') {\n                return hotel;\n            }\n        });\n\n        if (sortBy === SortByOptions.Recommended) {\n            setSortedHotels(hotelsToShow);\n        } else {\n            setSortedHotels(\n                [...hotelsToShow].sort((a: Hotel, b: Hotel) => {\n                    switch (sortBy) {\n                        case SortByOptions.LowestPrice:\n                            return (a.lowestPrice?.value as number) - (b.lowestPrice?.value as number);\n                        case SortByOptions.HighestPrice:\n                            return (b.lowestPrice?.value as number) - (a.lowestPrice?.value as number);\n                    }\n                })\n            );\n        }\n    }, [ccx.hotels, sortBy, city]);\n\n    useEffect(() => {\n        const cities: { [cityName: string]: any } = {};\n\n        ccx.hotels.forEach((hotel: Hotel) => {\n            // We must wait till address is loaded\n            if (hotel.address) {\n                cities[hotel.address.city as string] = { value: hotel.address.city, text: hotel.address.city };\n            }\n        });\n\n        setCityOptions([{ value: 'All', text: 'All' }, ...Object.values(cities)]);\n    }, [ccx.hotels]);\n\n    useEffect(() => {\n        ccx.hotels.forEach((hotel) => {\n            ccx.updateLowestPricePerNight(hotel, basketRow);\n        });\n    }, [basketRow?.getStartDate(), basketRow?.getEndDate(), basketRow?.getAdults(), basketRow?.getChildren(), basketRow?.getPromoCode()]);\n\n    const changeCountry = (selected: string) => {\n        setCity(selected);\n    };\n\n    const changeFilter = (selected: SortByOptions) => {\n        setSortBy(selected);\n    };\n\n    const clearFilters = () => {\n        setCity(cityOptions[0]?.value);\n        setSortBy(sortByValues[0].value);\n    };\n\n    useEffect(() => {\n        const startDate = basketRow.getStartDate();\n        const endDate = basketRow.getEndDate();\n\n        if (!startDate || !endDate) {\n            if (startDate) {\n                basketRow.setEndDate(startDate.add(1, 'day'));\n            } else {\n                basketRow.setStartDate(dayjs().add(1, 'day'));\n                basketRow.setEndDate(dayjs().add(2, 'day'));\n            }\n\n            basketContext.updateBasketRow(basketRow);\n        }\n    }, []);\n\n    return (\n        <div className=\"container\">\n            <div className={'row' + (context.screenSize > ScreenSize.ExtraLarge ? ' no-gutters' : '')}>\n                <div className=\"col-md-8\">\n                    <div className=\"row align-items-end\">\n                        <div className=\"col-6 col-md-4 col-lg-3\">\n                            <Text type={TextType.Label} color={Color.DarkGrey}>\n                                <strong>{t(Translation.Step.Room.SortBy)}</strong>\n                            </Text>\n                            <div>\n                                <Select<ISortByOption, 'value'> nativeOnMobile options={sortByValues} value={sortBy} onChange={changeFilter} keyName=\"value\" labelName=\"text\" />\n                            </div>\n                        </div>\n                        <div className=\"col-6 col-md-2 col-lg-2\">\n                            <div>\n                                <Text type={TextType.Label} color={Color.DarkGrey}>\n                                    <strong>{t(Translation.Step.Hotel.Cities)}</strong>\n                                </Text>\n                                <div className=\"filter-button d-flex align-items-center u-cursor-pointer\">\n                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={cityOptions}\n                                        value={city}\n                                        onChange={changeCountry}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                    />\n                                </div>\n                            </div>\n                        </div>\n                        <div\n                            className={classNames('col-sm-12 col-md-2 col-lg-1 u-flex u-flex-flex-end', {\n                                'u-marg-top--light': context.screenSize <= ScreenSize.Medium,\n                            })}\n                        >\n                            <BEButton rounded size=\"tiny\" onClick={clearFilters} disabled={city === cityOptions[0]?.value && sortBy === sortByValues[0].value}>\n                                {t(Translation.Misc.ClearAll)}\n                            </BEButton>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <LineBreak />\n            <HotelSearchParameters />\n            <HotelCardList hotelList={sortedHotels as Hotel[]} />\n        </div>\n    );\n};\n\nexport default StepHotelComponent;\n"]}