@roomstay/frontend 2.6.100 → 2.6.102-0

package/dist/src/models/Client/Hotel/Hotel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hotel.js","sourceRoot":"/","sources":["src/models/Client/Hotel/Hotel.ts"],"names":[],"mappings":";;;AAoBA,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IACxB,+BAAW,CAAA;IACX,qCAAiB,CAAA;IACjB,8BAAU,CAAA;IACV,0CAAsB,CAAA;IACtB,qCAAiB,CAAA;IACjB,mCAAe,CAAA;AACnB,CAAC,EAPW,gBAAgB,gCAAhB,gBAAgB,QAO3B","sourcesContent":["import { EnvironmentName } from '@planpay/web/src/lib/shared-lib-duplicates';\nimport { EBookingFlow, EBookingPaymentMethod, EHotelCardProcessor, EHotelStateFieldConfiguration, EIntegration, IHotelColorScheme } from '@roomstay/core';\nimport { Property } from 'csstype';\nimport type { ReactChild } from 'react';\n\nimport type { InternalMemberSignInInputs } from '@/components/members/SignInModal/InternalMemberSignInModal.types';\nimport type { HotelRoomGroupsDTO, HotelRoomsDTO, HotelServiceDTO } from '@/models/Api/HotelDTO';\nimport type { TransportDistances } from '@/models/Api/HotelOverrideDTO';\nimport type { HasDatalayerTags } from '@/models/Client/Hotel/Company';\nimport type { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport type HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport type { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport type { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport type { HotelRoomOverwrite } from '@/models/Client/Hotel/HotelRoomOverwrite';\nimport type { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport { HotelFee } from '@/models/Fee';\nimport type { Language } from '@/providers/LanguageProvider';\nimport { RoomSort } from '@/providers/RoomSortProvider';\nimport { CalendarHighlight } from '@/models/CalendarHighlight';\n\nexport enum EPaymentCardType {\n    Visa = 'VI',\n    Mastercard = 'MC',\n    JCB = 'JC',\n    AmericanExpress = 'AX',\n    DinersClub = 'DN',\n    UnionPay = 'UP',\n}\n\nexport interface IVGSVaultNames {\n    standard: string;\n    members: string;\n}\n\n/**\n * This config comes from admin -- TODO: Move to Roomstay Core\n */\nexport interface AdminHotelConfig {\n    hotelID: string;\n    name: string;\n    address?: HotelAddress;\n    latitude?: number;\n    longitude?: number;\n    phone?: string;\n    email?: string;\n    checkInTime?: string;\n    checkOutTime?: string;\n    paymentCardTypes?: EPaymentCardType[];\n    description?: string;\n    locationDescription?: string;\n    policies?: string;\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n    rooms: HotelRoomsDTO;\n    hasLoadedDetails?: boolean;\n    dataSource: HotelDataSource;\n    defaultCurrency: string;\n    paymentMethods: EBookingPaymentMethod[];\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n    hotelUrl: string;\n    heroImage: string;\n    memberOnlyModalImage?: string;\n    memberOnlyModalImageSize: Property.ObjectFit;\n    images?: string[];\n    logo: string | ReactChild;\n    colors: IHotelColorScheme;\n    distanceUnitType: DistanceUnitType;\n    startsWeekOnDay?: WeekdayStartsOn;\n    crossSellHotelIds?: string[];\n    maxOccupancy?: number;\n    minAdultAge?: number;\n    maxAdultAge?: number;\n    maxAdults?: number;\n    maxChildren?: number;\n    maxInfants?: number;\n    countInfantsInOccupancy?: boolean;\n    hideByLine?: boolean;\n    transportDistances?: TransportDistances;\n    roomGroups: HotelRoomGroupsDTO;\n    cardProcessor: EHotelCardProcessor;\n\n    rmsUseDepositQuote?: boolean;\n    checkAreaAvailabilityOnRoomStep?: boolean;\n    bookingFlow: EBookingFlow;\n\n    /** @deprecated Use the new Fees model instead */\n    enableCreditCardSurcharge?: boolean;\n    availableCountries?: { name: string; value: string }[];\n\n    childConfiguration?: {\n        supportChildren?: boolean;\n        supportInfants: boolean;\n        childRange: { min: number; max: number };\n        infantRange: { min: number; max: number };\n    };\n    preventCancellation?: boolean;\n\n    perks?: HotelPerk[];\n    perkTitle?: string;\n\n    stateFieldConfiguration?: EHotelStateFieldConfiguration;\n\n    countryPrefix?: string;\n    quoteImageDesktop?: string;\n    quoteImageMobile?: string;\n    memberOnlyImage?: string;\n    captureChildAge?: boolean;\n    itineraryNote: string;\n\n    fees?: HotelFee[];\n    addDepositFeeToBookingTotal?: boolean;\n\n    company: {\n        url?: string;\n        logo?: string;\n        enableDerbysoftFeed?: string;\n    };\n\n    facebookUrl: string;\n    instagramUrl: string;\n    linkedinUrl: string;\n    preferProviderBookingId: boolean;\n    disableSavedPayments?: boolean;\n    showUnavailableRooms?: boolean;\n    isRACMemberNoRequired?: boolean;\n    enableRoomUpsells?: boolean;\n    enableRateUpsells?: boolean;\n    countryCode: string | null;\n    calendarHighlights: CalendarHighlight[];\n}\n\n/**\n * This config comes from hard static local file\n */\nexport interface ClientHotelConfig {\n    providerHotelID: string;\n    shortName?: string;\n    defaultDatepickerType?: 'Month' | 'Week';\n    // TODO: need to do magic to see if we need to append / prepend stuff, for now we assume that it's only used while on the site.\n    checkoutUrl?: string;\n    defaultLanguage: Language;\n    privacyPolicyUrl: string;\n    bookNowPayLaterUrl?: string;\n    bestRateNoBSUrl?: string;\n\n    memberOnlyRates?: string[];\n    memberOnlyPromoCode?: string;\n    memberOnlyRenderRateLast?: boolean;\n    memberOnlySignupInputs?: InternalMemberSignInInputs;\n    googleMapsImage?: string;\n    /**\n     * Whether to show the Breakfast / Lunch / Dinner included\n     */\n    showMealPill?: boolean;\n    perks?: HotelPerk[];\n    perkTitle?: string;\n    /**\n     * Hide perks on room row\n     */\n    perksHideOnRoomRow?: boolean;\n    /**\n     * Hide perks on room detail modal\n     */\n    perksHideOnRoomDetail?: boolean;\n    perksShowDisclaimer?: boolean;\n    /** @deprecated  Use the vgs.vaultNames.standard property now */\n    vgsVaultName?: string;\n    vgs?: {\n        vaultNames: IVGSVaultNames;\n    };\n    showAddonLoader: boolean;\n    overwrites?: { [code: string]: Partial<HotelRoomOverwrite> };\n    forwardFindReservationToSynxis?: boolean;\n    additionalOptions?: { [name: string]: any };\n    googleReCaptcha?: {\n        loadForMembers?: boolean;\n        siteKey?: string;\n    };\n    /**\n     * Show description on RoomDetails\n     */\n    showDescriptionOnRoomDetails?: boolean;\n    /**\n     * Customize the Member modal colours. Specifically replacing the green (success) with the primary color of hotel (accent)\n     */\n    memberOnlyModalUsePrimaryColor?: boolean;\n    /**\n     * Callback to trigger specific events on load of a hotel.\n     *\n     * This is where you can specify custom fields, language overrides, feature toggles etc.\n     */\n    onLoad?: () => void;\n    /**\n     * Order available rooms\n     */\n    currentRoomSort?: RoomSort;\n    /**\n     * Order available rates\n     */\n    currentRoomRateSort?: RoomSort | undefined;\n    maxAdults?: number; //fixed from frontend\n    mobileDefaultRatesClosed?: boolean;\n}\n\nexport interface ConfigHotel extends ClientHotelConfig, AdminHotelConfig, HasDatalayerTags {}\n\nexport type Hotel = ConfigHotel & {\n    lowestPrice?: {\n        value: number;\n        isLoading: boolean;\n    };\n    integrations?: EIntegration[];\n\n    // TODO: Should be a better way to use this configuration.\n    isRACMemberNoRequired?: boolean;\n};\n\n/**\n * Used for DetailsHotel event\n */\nexport type InitialHotelDetailsEventPayload = {\n    name: string;\n    hotelID: number | string;\n    hotelUrl: string;\n    currency: string;\n    language: Language;\n    address?: HotelAddress;\n};\n"]}
+{"version":3,"file":"Hotel.js","sourceRoot":"/","sources":["src/models/Client/Hotel/Hotel.ts"],"names":[],"mappings":";;;AAoBA,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IACxB,+BAAW,CAAA;IACX,qCAAiB,CAAA;IACjB,8BAAU,CAAA;IACV,0CAAsB,CAAA;IACtB,qCAAiB,CAAA;IACjB,mCAAe,CAAA;AACnB,CAAC,EAPW,gBAAgB,gCAAhB,gBAAgB,QAO3B","sourcesContent":["import { EnvironmentName } from '@planpay/web/src/lib/shared-lib-duplicates';\nimport { EBookingFlow, EBookingPaymentMethod, EHotelCardProcessor, EHotelStateFieldConfiguration, EIntegration, IHotelColorScheme } from '@roomstay/core';\nimport { Property } from 'csstype';\nimport type { ReactChild } from 'react';\n\nimport type { InternalMemberSignInInputs } from '@/components/members/SignInModal/InternalMemberSignInModal.types';\nimport type { HotelRoomGroupsDTO, HotelRoomsDTO, HotelServiceDTO } from '@/models/Api/HotelDTO';\nimport type { TransportDistances } from '@/models/Api/HotelOverrideDTO';\nimport { CalendarHighlight } from '@/models/CalendarHighlight';\nimport type { HasDatalayerTags } from '@/models/Client/Hotel/Company';\nimport type { DistanceUnitType } from '@/models/Client/Hotel/DistanceUnitType.types';\nimport type HotelAddress from '@/models/Client/Hotel/HotelAddress';\nimport type { HotelDataSource } from '@/models/Client/Hotel/HotelDataSource.types';\nimport type { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport type { HotelRoomOverwrite } from '@/models/Client/Hotel/HotelRoomOverwrite';\nimport type { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport { HotelFee } from '@/models/Fee';\nimport type { Language } from '@/providers/LanguageProvider';\nimport { RoomSort } from '@/providers/RoomSortProvider';\n\nexport enum EPaymentCardType {\n    Visa = 'VI',\n    Mastercard = 'MC',\n    JCB = 'JC',\n    AmericanExpress = 'AX',\n    DinersClub = 'DN',\n    UnionPay = 'UP',\n}\n\nexport interface IVGSVaultNames {\n    standard: string;\n    members: string;\n}\n\n/**\n * This config comes from admin -- TODO: Move to Roomstay Core\n */\nexport interface AdminHotelConfig {\n    hotelID: string;\n    name: string;\n    address?: HotelAddress;\n    latitude?: number;\n    longitude?: number;\n    phone?: string;\n    email?: string;\n    checkInTime?: string;\n    checkOutTime?: string;\n    paymentCardTypes?: EPaymentCardType[];\n    description?: string;\n    locationDescription?: string;\n    policies?: string;\n    hotelServices: HotelServiceDTO[];\n    businessServices: HotelServiceDTO[];\n    rooms: HotelRoomsDTO;\n    hasLoadedDetails?: boolean;\n    dataSource: HotelDataSource;\n    defaultCurrency: string;\n    paymentMethods: EBookingPaymentMethod[];\n    planpay?: {\n        username: string;\n        minDaysShowPlanpay: number;\n        env: EnvironmentName;\n    };\n    hotelUrl: string;\n    heroImage: string;\n    memberOnlyModalImage?: string;\n    memberOnlyModalImageSize: Property.ObjectFit;\n    images?: string[];\n    logo: string | ReactChild;\n    colors: IHotelColorScheme;\n    distanceUnitType: DistanceUnitType;\n    startsWeekOnDay?: WeekdayStartsOn;\n    crossSellHotelIds?: string[];\n    maxOccupancy?: number;\n    minAdultAge?: number;\n    maxAdultAge?: number;\n    maxAdults?: number;\n    maxChildren?: number;\n    maxInfants?: number;\n    countInfantsInOccupancy?: boolean;\n    hideByLine?: boolean;\n    transportDistances?: TransportDistances;\n    roomGroups: HotelRoomGroupsDTO;\n    cardProcessor: EHotelCardProcessor;\n\n    rmsUseDepositQuote?: boolean;\n    checkAreaAvailabilityOnRoomStep?: boolean;\n    bookingFlow: EBookingFlow;\n\n    /** @deprecated Use the new Fees model instead */\n    enableCreditCardSurcharge?: boolean;\n    availableCountries?: { name: string; value: string }[];\n\n    childConfiguration?: {\n        supportChildren?: boolean;\n        supportInfants: boolean;\n        childRange: { min: number; max: number };\n        infantRange: { min: number; max: number };\n    };\n    preventCancellation?: boolean;\n\n    perks?: HotelPerk[];\n    perkTitle?: string;\n\n    stateFieldConfiguration?: EHotelStateFieldConfiguration;\n\n    countryPrefix?: string;\n    quoteImageDesktop?: string;\n    quoteImageMobile?: string;\n    memberOnlyImage?: string;\n    captureChildAge?: boolean;\n    itineraryNote: string;\n\n    fees?: HotelFee[];\n    addDepositFeeToBookingTotal?: boolean;\n\n    company: {\n        url?: string;\n        logo?: string;\n        enableDerbysoftFeed?: string;\n    };\n\n    facebookUrl: string;\n    instagramUrl: string;\n    linkedinUrl: string;\n    preferProviderBookingId: boolean;\n    disableSavedPayments?: boolean;\n    showUnavailableRooms?: boolean;\n    isRACMemberNoRequired?: boolean;\n    enableRoomUpsells?: boolean;\n    enableRateUpsells?: boolean;\n    countryCode: string | null;\n    calendarHighlights: CalendarHighlight[];\n}\n\n/**\n * This config comes from hard static local file\n */\nexport interface ClientHotelConfig {\n    providerHotelID: string;\n    shortName?: string;\n    defaultDatepickerType?: 'Month' | 'Week';\n    // TODO: need to do magic to see if we need to append / prepend stuff, for now we assume that it's only used while on the site.\n    checkoutUrl?: string;\n    defaultLanguage: Language;\n    privacyPolicyUrl: string;\n    bookNowPayLaterUrl?: string;\n    bestRateNoBSUrl?: string;\n\n    memberOnlyRates?: string[];\n    memberOnlyPromoCode?: string;\n    memberOnlyRenderRateLast?: boolean;\n    memberOnlySignupInputs?: InternalMemberSignInInputs;\n    googleMapsImage?: string;\n    /**\n     * Whether to show the Breakfast / Lunch / Dinner included\n     */\n    showMealPill?: boolean;\n    perks?: HotelPerk[];\n    perkTitle?: string;\n    /**\n     * Hide perks on room row\n     */\n    perksHideOnRoomRow?: boolean;\n    /**\n     * Hide perks on room detail modal\n     */\n    perksHideOnRoomDetail?: boolean;\n    perksShowDisclaimer?: boolean;\n    /** @deprecated  Use the vgs.vaultNames.standard property now */\n    vgsVaultName?: string;\n    vgs?: {\n        vaultNames: IVGSVaultNames;\n    };\n    showAddonLoader: boolean;\n    overwrites?: { [code: string]: Partial<HotelRoomOverwrite> };\n    forwardFindReservationToSynxis?: boolean;\n    additionalOptions?: { [name: string]: any };\n    googleReCaptcha?: {\n        loadForMembers?: boolean;\n        siteKey?: string;\n    };\n    /**\n     * Show description on RoomDetails\n     */\n    showDescriptionOnRoomDetails?: boolean;\n    /**\n     * Customize the Member modal colours. Specifically replacing the green (success) with the primary color of hotel (accent)\n     */\n    memberOnlyModalUsePrimaryColor?: boolean;\n    /**\n     * Callback to trigger specific events on load of a hotel.\n     *\n     * This is where you can specify custom fields, language overrides, feature toggles etc.\n     */\n    onLoad?: () => void;\n    /**\n     * Order available rooms\n     */\n    currentRoomSort?: RoomSort;\n    /**\n     * Order available rates\n     */\n    currentRoomRateSort?: RoomSort | undefined;\n    maxAdults?: number; //fixed from frontend\n    mobileDefaultRatesClosed?: boolean;\n}\n\nexport interface ConfigHotel extends ClientHotelConfig, AdminHotelConfig, HasDatalayerTags {}\n\nexport type Hotel = ConfigHotel & {\n    lowestPrice?: {\n        value: number;\n        isLoading: boolean;\n    };\n    integrations?: EIntegration[];\n\n    // TODO: Should be a better way to use this configuration.\n    isRACMemberNoRequired?: boolean;\n};\n\n/**\n * Used for DetailsHotel event\n */\nexport type InitialHotelDetailsEventPayload = {\n    name: string;\n    hotelID: number | string;\n    hotelUrl: string;\n    currency: string;\n    language: Language;\n    address?: HotelAddress;\n};\n"]}

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

@@ -47,6 +47,7 @@ const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const BEButton_1 = __importDefault(require("../../components/generic/BEButton"));
 const Headline_1 = __importDefault(require("../../components/generic/Headline"));
+const HtmlContentViewer_1 = require("../../components/generic/HtmlContentViewer");
 const Icon_1 = __importStar(require("../../components/generic/Icon/Icon"));
 const HotelLocationMap_1 = __importDefault(require("../../components/generic/map/HotelLocationMap"));
 const PageTitle_1 = require("../../components/generic/PageTitle");
@@ -59,7 +60,7 @@ const Color_1 = require("../../util/Color");
 const ScreenSize_1 = __importDefault(require("../../util/ScreenSize"));
 const StepManager_1 = __importDefault(require("../../util/StepManager"));
 function HotelInfo() {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const historyConsistentPush = (0, HistoryConsistentPush_1.useHistoryConsistentPush)();
     const { t } = (0, react_i18next_1.useTranslation)();
@@ -154,15 +155,15 @@ function HotelInfo() {
                             react_1.default.createElement("div", { className: "u-marg-bottom u-marg-bottom--heavy" },
                                 react_1.default.createElement(Headline_1.default, { className: "rs-hotelinfo-about", 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: ((_e = hotel === null || hotel === void 0 ? void 0 : hotel.description) === null || _e === void 0 ? void 0 : _e.replace('\r\n', '<br/><br/>')) || '' } })),
+                                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, asDiv: true },
+                                    react_1.default.createElement(HtmlContentViewer_1.HtmlContentViewer, { content: (hotel === null || hotel === void 0 ? void 0 : hotel.description) || '' })),
                                 !!(hotel === null || hotel === void 0 ? void 0 : hotel.locationDescription) && (react_1.default.createElement(react_1.default.Fragment, null,
                                     react_1.default.createElement("div", { className: "u-marg-top" },
                                         react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
                                             react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Hotel.Location)))),
                                     react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
-                                        react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: (_f = hotel === null || hotel === void 0 ? void 0 : hotel.locationDescription) === null || _f === void 0 ? void 0 : _f.replace('\r\n', '<br/><br/>') } }))))),
-                            !!((_g = hotel === null || hotel === void 0 ? void 0 : hotel.perks) === null || _g === void 0 ? void 0 : _g.length) && (react_1.default.createElement(react_1.default.Fragment, null,
+                                        react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: (_e = hotel === null || hotel === void 0 ? void 0 : hotel.locationDescription) === null || _e === void 0 ? void 0 : _e.replace('\r\n', '<br/><br/>') } }))))),
+                            !!((_f = hotel === null || hotel === void 0 ? void 0 : hotel.perks) === null || _f === void 0 ? void 0 : _f.length) && (react_1.default.createElement(react_1.default.Fragment, null,
                                 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("strong", { className: "rs-hotelinfo-andyougetall" }, hotel.perkTitle || t(Translation_1.Translation.Step.Hotel.AndYouGetAll)))),

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 { StepHotelInfoViewEvent } from '@frontend/events';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport FsLightbox from 'fslightbox-react';\nimport { useHistoryConsistentPush } from 'hooks/HistoryConsistentPush';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport { PageTitle } from '@/components/generic/PageTitle';\nimport Text, { TextType } from '@/components/generic/Text';\nimport HotelInfoPerkRow from '@/components/steps/hotel/HotelInfoPerksRow';\nimport TransportDistanceFromHotelBlock from '@/components/summary/TransportDistanceFromHotelBlock';\nimport { BookingEngineContext } from '@/index';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nexport default function HotelInfo() {\n    const { hotel } = useCurrentHotel();\n    const historyConsistentPush = useHistoryConsistentPush();\n    const { t } = useTranslation();\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Large;\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    const hotelServices = hotel?.hotelServices?.filter(({ name }) => !!name) || [];\n    const quoteImage = isMobile ? hotel?.quoteImageMobile : hotel?.quoteImageDesktop;\n\n    return (\n        <>\n            <PageTitle step=\"HotelInfo\" />\n            <div\n                style={{ backgroundImage: `url('${imageUrl && ImageProvider.resizeImage(imageUrl, ImageSize.Original)}')` }}\n                className={classNames('c-masthead has-tint', 'rs-background-hotel-info', `rs-background-${hotel?.hotelID}`)}\n            >\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\">\n                            {hotel?.countryPrefix ?? ''} {hotel?.address?.country}\n                        </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 rs-hotelinfo-transport-distance u-w-100\">\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 rs-hotelinfo\">\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 className=\"rs-hotelinfo-about\" bold>\n                                        {t(Translation.Step.Hotel.About)}\n                                    </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>{t(Translation.Step.Hotel.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 className=\"rs-hotelinfo-andyougetall\">{hotel.perkTitle || t(Translation.Step.Hotel.AndYouGetAll)}</strong>\n                                            </Text>\n                                        </div>\n                                        <div className=\"row\">\n                                            <HotelInfoPerkRow hotel={hotel} />\n                                        </div>\n                                        {hotel?.perksShowDisclaimer && (\n                                            <div className=\"row u-marg-top--lighter\">\n                                                <small className=\"col-12\">{t(Translation.Misc.PerksDisclaimer)}</small>\n                                            </div>\n                                        )}\n                                    </>\n                                )}\n                            </div>\n                            {!!hotelServices.length && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline className=\"rs-hotelinfo-hotelamenities\" bold>\n                                            {t(Translation.Step.Hotel.HotelAmenities)}\n                                        </Headline>\n                                    </div>\n                                    <div className=\"row\">\n                                        {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 className=\"rs-hotelinfo-policies\" bold>\n                                            {t(Translation.Step.Hotel.Policies)}\n                                        </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\n                            {quoteImage && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <QuoteImage\n                                        isMobile={isMobile}\n                                        className={classNames('u-marg-bottom--heavy rs-hotelinfo-quote-images', {\n                                            '--mobile': isMobile,\n                                            '--desktop': !isMobile,\n                                        })}\n                                        src={quoteImage}\n                                    ></QuoteImage>\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 className=\"rs-hotelinfo-gallery\" bold>\n                                        {t(Translation.Step.Hotel.Gallery)}\n                                    </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\nconst QuoteImage = ({ src, className, isMobile }: { src: string; className?: string; isMobile: boolean }) => {\n    const [aspectRatio, setAspectRatio] = useState<number | null>(null);\n    const [imageHeight, setImageHeight] = useState<number | null>(null);\n\n    useEffect(() => {\n        if (!src) return;\n\n        const img = new Image();\n        img.src = src;\n        img.onload = () => setAspectRatio(img.width > 0 ? img.height / img.width : 1); // Fallback aspect ratio\n        img.onerror = () => {\n            console.error('Failed to load image');\n            setAspectRatio(1);\n        };\n    }, [src]);\n\n    useEffect(() => {\n        if (!isMobile || aspectRatio === null || typeof window === 'undefined') return;\n\n        const updateHeight = () => setImageHeight(window.innerWidth * aspectRatio);\n        updateHeight();\n\n        window.addEventListener('resize', updateHeight);\n        return () => window.removeEventListener('resize', updateHeight);\n    }, [aspectRatio, isMobile]);\n\n    return (\n        <div className={className} style={{ width: '100%', textAlign: 'center' }}>\n            {src && (\n                <img\n                    src={src}\n                    alt=\"Quote\"\n                    style={{\n                        width: '100%',\n                        height: isMobile && imageHeight ? `${imageHeight}px` : 'auto',\n                        objectFit: 'contain', // Ensures full image is visible, no cropping\n                        display: 'block', // Prevents inline whitespace issue\n                        margin: '0 auto', // Centers the image in the div\n                    }}\n                />\n            )}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"HotelInfo.js","sourceRoot":"/","sources":["src/pages/hotel/HotelInfo.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,4BA6QC;AArSD,6CAA0D;AAC1D,2CAA4D;AAC5D,4DAAoC;AACpC,wEAA0C;AAC1C,uEAAuE;AACvE,+CAA+D;AAC/D,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,6EAAqD;AACrD,8EAA2E;AAC3E,uEAAgE;AAChE,iGAAyE;AACzE,8DAA2D;AAC3D,kEAA2D;AAC3D,mGAA0E;AAC1E,2HAAmG;AACnG,mCAA+C;AAC/C,2EAAqE;AACrE,wCAAqC;AACrC,mEAA2C;AAC3C,qEAA6C;AAE7C,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;IAC/B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,4BAAoB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,KAAK,CAAC;IAExD,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,CAAC;YACxB,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QACpC,CAAC;QAED,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,CAAC;YACf,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,EAAE,CAAC;gBAC7C,MAAA,IAAI,CAAC,MAAM,0CAAE,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;oBAC3B,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC1B,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC;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,MAAM,aAAa,GAAG,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAI,EAAE,CAAC;IAC/E,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,iBAAiB,CAAC;IAEjF,OAAO,CACH;QACI,8BAAC,qBAAS,IAAC,IAAI,EAAC,WAAW,GAAG;QAC9B,uCACI,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,QAAQ,IAAI,uBAAa,CAAC,WAAW,CAAC,QAAQ,EAAE,yBAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,EAC3G,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,EAAE,0BAA0B,EAAE,iBAAiB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAE,CAAC;YAE3G,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,IACjC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,mCAAI,EAAE;6BAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO;2BAAE,OAAO,CACpD,CACH,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,qFAAqF;gCAChG,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,wBAAwB;gBACnC,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,SAAS,EAAC,oBAAoB,EAAC,IAAI,UACxC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CACzB,CACT;4BACN,uCAAK,SAAS,EAAC,oCAAoC;gCAC/C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK;oCAC7B,8BAAC,qCAAiB,IAAC,OAAO,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAI,EAAE,GAAI,CACrD;gCAEN,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,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAU,CAClD,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,0CAAQ,SAAS,EAAC,2BAA2B,IAAE,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAU,CAC/G,CACL;gCACN,uCAAK,SAAS,EAAC,KAAK;oCAChB,8BAAC,2BAAgB,IAAC,KAAK,EAAE,KAAK,GAAI,CAChC;gCACL,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,KAAI,CAC3B,uCAAK,SAAS,EAAC,yBAAyB;oCACpC,yCAAO,SAAS,EAAC,QAAQ,IAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAS,CACrE,CACT,CACF,CACN,CACC;wBACL,CAAC,CAAC,aAAa,CAAC,MAAM,IAAI,CACvB,uCAAK,SAAS,EAAC,oCAAoC;4BAC/C,uCAAK,SAAS,EAAC,sBAAsB;gCACjC,8BAAC,kBAAQ,IAAC,SAAS,EAAC,6BAA6B,EAAC,IAAI,UACjD,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAClC,CACT;4BACN,uCAAK,SAAS,EAAC,KAAK,IACf,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE;gCACvC,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,SAAS,EAAC,uBAAuB,EAAC,IAAI,UAC3C,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAC5B,CACT;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;wBAEA,UAAU,IAAI,CACX,uCAAK,SAAS,EAAC,oCAAoC;4BAC/C,8BAAC,UAAU,IACP,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,oBAAU,EAAC,gDAAgD,EAAE;oCACpE,UAAU,EAAE,QAAQ;oCACpB,WAAW,EAAE,CAAC,QAAQ;iCACzB,CAAC,EACF,GAAG,EAAE,UAAU,GACL,CACZ,CACT,CACC;oBACN,uCAAK,SAAS,EAAC,UAAU;wBACrB,uCAAK,SAAS,EAAC,oCAAoC;4BAC/C,uCAAK,SAAS,EAAC,oCAAoC;gCAC/C,8BAAC,kBAAQ,IAAC,SAAS,EAAC,sBAAsB,EAAC,IAAI,UAC1C,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAC3B,CACT;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,CAAC;wCACxB,OAAO,CACH,uCAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,OAAO,IAC7B,QAAQ,CAAC,KAAK,CAAC,CACd,CACT,CAAC;oCACN,CAAC;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;AAED,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAA0D,EAAE,EAAE;IACxG,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IACpE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAEpE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;QACd,GAAG,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAwB;QACvG,GAAG,CAAC,OAAO,GAAG,GAAG,EAAE;YACf,OAAO,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;YACtC,cAAc,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,QAAQ,IAAI,WAAW,KAAK,IAAI,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAE/E,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,UAAU,GAAG,WAAW,CAAC,CAAC;QAC3E,YAAY,EAAE,CAAC;QAEf,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,OAAO,CACH,uCAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IACnE,GAAG,IAAI,CACJ,uCACI,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,OAAO,EACX,KAAK,EAAE;YACH,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,QAAQ,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,IAAI,CAAC,CAAC,CAAC,MAAM;YAC7D,SAAS,EAAE,SAAS,EAAE,6CAA6C;YACnE,OAAO,EAAE,OAAO,EAAE,mCAAmC;YACrD,MAAM,EAAE,QAAQ,EAAE,+BAA+B;SACpD,GACH,CACL,CACC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { StepHotelInfoViewEvent } from '@frontend/events';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport FsLightbox from 'fslightbox-react';\nimport { useHistoryConsistentPush } from 'hooks/HistoryConsistentPush';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport HotelLocationMap from '@/components/generic/map/HotelLocationMap';\nimport { PageTitle } from '@/components/generic/PageTitle';\nimport Text, { TextType } from '@/components/generic/Text';\nimport HotelInfoPerkRow from '@/components/steps/hotel/HotelInfoPerksRow';\nimport TransportDistanceFromHotelBlock from '@/components/summary/TransportDistanceFromHotelBlock';\nimport { BookingEngineContext } from '@/index';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nexport default function HotelInfo() {\n    const { hotel } = useCurrentHotel();\n    const historyConsistentPush = useHistoryConsistentPush();\n    const { t } = useTranslation();\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Large;\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    const hotelServices = hotel?.hotelServices?.filter(({ name }) => !!name) || [];\n    const quoteImage = isMobile ? hotel?.quoteImageMobile : hotel?.quoteImageDesktop;\n\n    return (\n        <>\n            <PageTitle step=\"HotelInfo\" />\n            <div\n                style={{ backgroundImage: `url('${imageUrl && ImageProvider.resizeImage(imageUrl, ImageSize.Original)}')` }}\n                className={classNames('c-masthead has-tint', 'rs-background-hotel-info', `rs-background-${hotel?.hotelID}`)}\n            >\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\">\n                            {hotel?.countryPrefix ?? ''} {hotel?.address?.country}\n                        </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 rs-hotelinfo-transport-distance u-w-100\">\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 rs-hotelinfo\">\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 className=\"rs-hotelinfo-about\" bold>\n                                        {t(Translation.Step.Hotel.About)}\n                                    </Headline>\n                                </div>\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <Text type={TextType.Small} asDiv>\n                                        <HtmlContentViewer content={hotel?.description || ''} />\n                                    </Text>\n\n                                    {!!hotel?.locationDescription && (\n                                        <>\n                                            <div className=\"u-marg-top\">\n                                                <Text type={TextType.Small}>\n                                                    <strong>{t(Translation.Step.Hotel.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 className=\"rs-hotelinfo-andyougetall\">{hotel.perkTitle || t(Translation.Step.Hotel.AndYouGetAll)}</strong>\n                                            </Text>\n                                        </div>\n                                        <div className=\"row\">\n                                            <HotelInfoPerkRow hotel={hotel} />\n                                        </div>\n                                        {hotel?.perksShowDisclaimer && (\n                                            <div className=\"row u-marg-top--lighter\">\n                                                <small className=\"col-12\">{t(Translation.Misc.PerksDisclaimer)}</small>\n                                            </div>\n                                        )}\n                                    </>\n                                )}\n                            </div>\n                            {!!hotelServices.length && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <Headline className=\"rs-hotelinfo-hotelamenities\" bold>\n                                            {t(Translation.Step.Hotel.HotelAmenities)}\n                                        </Headline>\n                                    </div>\n                                    <div className=\"row\">\n                                        {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 className=\"rs-hotelinfo-policies\" bold>\n                                            {t(Translation.Step.Hotel.Policies)}\n                                        </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\n                            {quoteImage && (\n                                <div className=\"u-marg-bottom u-marg-bottom--heavy\">\n                                    <QuoteImage\n                                        isMobile={isMobile}\n                                        className={classNames('u-marg-bottom--heavy rs-hotelinfo-quote-images', {\n                                            '--mobile': isMobile,\n                                            '--desktop': !isMobile,\n                                        })}\n                                        src={quoteImage}\n                                    ></QuoteImage>\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 className=\"rs-hotelinfo-gallery\" bold>\n                                        {t(Translation.Step.Hotel.Gallery)}\n                                    </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\nconst QuoteImage = ({ src, className, isMobile }: { src: string; className?: string; isMobile: boolean }) => {\n    const [aspectRatio, setAspectRatio] = useState<number | null>(null);\n    const [imageHeight, setImageHeight] = useState<number | null>(null);\n\n    useEffect(() => {\n        if (!src) return;\n\n        const img = new Image();\n        img.src = src;\n        img.onload = () => setAspectRatio(img.width > 0 ? img.height / img.width : 1); // Fallback aspect ratio\n        img.onerror = () => {\n            console.error('Failed to load image');\n            setAspectRatio(1);\n        };\n    }, [src]);\n\n    useEffect(() => {\n        if (!isMobile || aspectRatio === null || typeof window === 'undefined') return;\n\n        const updateHeight = () => setImageHeight(window.innerWidth * aspectRatio);\n        updateHeight();\n\n        window.addEventListener('resize', updateHeight);\n        return () => window.removeEventListener('resize', updateHeight);\n    }, [aspectRatio, isMobile]);\n\n    return (\n        <div className={className} style={{ width: '100%', textAlign: 'center' }}>\n            {src && (\n                <img\n                    src={src}\n                    alt=\"Quote\"\n                    style={{\n                        width: '100%',\n                        height: isMobile && imageHeight ? `${imageHeight}px` : 'auto',\n                        objectFit: 'contain', // Ensures full image is visible, no cropping\n                        display: 'block', // Prevents inline whitespace issue\n                        margin: '0 auto', // Centers the image in the div\n                    }}\n                />\n            )}\n        </div>\n    );\n};\n"]}

package/dist/src/pages/steps/StepGroupedRoom/StepGroupedRoomComponent.js

@@ -56,7 +56,8 @@ const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const StepManager_1 = __importDefault(require("../../../util/StepManager"));
 const StepGroupedRoomComponent = () => {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
-    const { currentStep, roomRateCalendarInteractivity, setRoomRateCalendarInteractivity } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
+    const { currentStep } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
+    const { roomRateCalendarInteractivity, setRoomRateCalendarInteractivity } = context;
     const location = (0, react_router_dom_1.useLocation)();
     const { t } = (0, react_i18next_1.useTranslation)();
     (0, react_1.useEffect)(() => {

package/dist/src/pages/steps/StepGroupedRoom/StepGroupedRoomComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepGroupedRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepGroupedRoom/StepGroupedRoomComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAiF;AACjF,+CAAqD;AACrD,iDAA+C;AAC/C,uDAAqD;AAErD,iFAAyD;AACzD,6EAAqD;AACrD,uEAA4H;AAC5H,+EAAuD;AACvD,0GAAkF;AAClF,wGAAgF;AAChF,gHAAwF;AACxF,6FAA0F;AAC1F,mGAAgG;AAChG,2FAAmE;AACnE,4EAAyE;AACzE,4DAAyD;AACzD,mEAA2C;AAC3C,qEAA6C;AAE7C,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,WAAW,EAAE,6BAA6B,EAAE,gCAAgC,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC3H,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,IAAI,6BAA6B,EAAE,CAAC;gBAChC,gCAAgC,CAAC,IAAI,CAAC,CAAC,CAAC,0CAA0C;YACtF,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,qBAAqB,GAAG,8BAAC,+BAAqB,OAAG,CAAC;IAExD,OAAO,CACH,uCAAK,SAAS,EAAC,gCAAgC;QAC3C,8BAAC,yBAAe,OAAG;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBACjB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;oBACI,8BAAC,uBAAI,IACD,EAAE,EAAE;4BACA,QAAQ,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;4BACrD,MAAM,EAAE,QAAQ,CAAC,MAAM;yBAC1B;wBAED,8BAAC,oBAAU,OAAG,CACX;oBACP,uCAAK,SAAS,EAAC,wCAAwC;wBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAY,CAC7D,CACP,CACN;gBAED,8BAAC,iCAAe,OAAG;gBACnB,8BAAC,mBAAS,IAAC,YAAY,SAAG;gBAE1B,8BAAC,qCAAiB,OAAG;gBAEpB,qBAAqB,IAAI,uCAAK,SAAS,EAAC,mBAAmB,IAAE,qBAAqB,CAAO;gBAE1F,uCAAK,SAAS,EAAC,YAAY;oBACvB,8BAAC,iCAAe,OAAG,CACjB,CACc;YACvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,uCAAK,SAAS,EAAC,YAAY;oBACvB,8BAAC,8BAAoB,OAAG,CACtB;gBACN,uCAAK,SAAS,EAAC,mBAAmB;oBAC9B,8BAAC,kCAAwB,OAAG,CAC1B,CACe,CAC5B,CACiB,CACpB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC","sourcesContent":["import { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport React, { useContext, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link, useLocation } from 'react-router-dom';\n\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LineBreak from '@/components/generic/LineBreak';\nimport StepRoomBestRateAlert from '@/components/steps/room/StepRoomBestRateAlert';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport { TabGroupedRooms } from '@/components/steps/room/TabGroupedRooms/TabGroupedRooms';\nimport { UserSearchSummary } from '@/components/steps/room/UserSearchSummary/UserSearchSummary';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport { StepRoomFilters } from '@/pages/steps/StepRoom/StepRoomFilters';\nimport { Translation } from '@/translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nconst StepGroupedRoomComponent = () => {\n    const context = useContext(BookingEngineContext);\n    const { currentStep, roomRateCalendarInteractivity, setRoomRateCalendarInteractivity } = useContext(FullPageEngineContext);\n    const location = useLocation();\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        return () => {\n            if (roomRateCalendarInteractivity) {\n                setRoomRateCalendarInteractivity(null); // Clear the Room Rate Details modal state\n            }\n        };\n    }, [currentStep]);\n\n    const stepRoomBestRateAlert = <StepRoomBestRateAlert />;\n\n    return (\n        <div className=\"container rs-step-grouped-room\">\n            <BEMobileSummary />\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link\n                                to={{\n                                    pathname: StepManager.getPreviousStepUrl(currentStep),\n                                    search: location.search,\n                                }}\n                            >\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n                            </div>\n                        </>\n                    )}\n\n                    <StepRoomFilters />\n                    <LineBreak smallMargins />\n\n                    <UserSearchSummary />\n\n                    {stepRoomBestRateAlert && <div className=\"u-marg-top--light\">{stepRoomBestRateAlert}</div>}\n\n                    <div className=\"u-marg-top\">\n                        <TabGroupedRooms />\n                    </div>\n                </StepLayoutLeftContent>\n                {context.screenSize > ScreenSize.Medium && (\n                    <StepLayoutRightContent>\n                        <div className=\"u-marg-top\">\n                            <StepRoomHotelDetails />\n                        </div>\n                        <div className=\"u-marg-top--heavy\">\n                            <StepRoomSummaryAndButton />\n                        </div>\n                    </StepLayoutRightContent>\n                )}\n            </StepLayoutContainer>\n        </div>\n    );\n};\n\nexport default StepGroupedRoomComponent;\n"]}
+{"version":3,"file":"StepGroupedRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepGroupedRoom/StepGroupedRoomComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAiF;AACjF,+CAAqD;AACrD,iDAA+C;AAC/C,uDAAqD;AAErD,iFAAyD;AACzD,6EAAqD;AACrD,uEAA4H;AAC5H,+EAAuD;AACvD,0GAAkF;AAClF,wGAAgF;AAChF,gHAAwF;AACxF,6FAA0F;AAC1F,mGAAgG;AAChG,2FAAmE;AACnE,4EAAyE;AACzE,4DAAyD;AACzD,mEAA2C;AAC3C,qEAA6C;AAE7C,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC1D,MAAM,EAAE,6BAA6B,EAAE,gCAAgC,EAAE,GAAG,OAAO,CAAC;IACpF,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,IAAI,6BAA6B,EAAE,CAAC;gBAChC,gCAAgC,CAAC,IAAI,CAAC,CAAC,CAAC,0CAA0C;YACtF,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,qBAAqB,GAAG,8BAAC,+BAAqB,OAAG,CAAC;IAExD,OAAO,CACH,uCAAK,SAAS,EAAC,gCAAgC;QAC3C,8BAAC,yBAAe,OAAG;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBACjB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;oBACI,8BAAC,uBAAI,IACD,EAAE,EAAE;4BACA,QAAQ,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;4BACrD,MAAM,EAAE,QAAQ,CAAC,MAAM;yBAC1B;wBAED,8BAAC,oBAAU,OAAG,CACX;oBACP,uCAAK,SAAS,EAAC,wCAAwC;wBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAY,CAC7D,CACP,CACN;gBAED,8BAAC,iCAAe,OAAG;gBACnB,8BAAC,mBAAS,IAAC,YAAY,SAAG;gBAE1B,8BAAC,qCAAiB,OAAG;gBAEpB,qBAAqB,IAAI,uCAAK,SAAS,EAAC,mBAAmB,IAAE,qBAAqB,CAAO;gBAE1F,uCAAK,SAAS,EAAC,YAAY;oBACvB,8BAAC,iCAAe,OAAG,CACjB,CACc;YACvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,uCAAK,SAAS,EAAC,YAAY;oBACvB,8BAAC,8BAAoB,OAAG,CACtB;gBACN,uCAAK,SAAS,EAAC,mBAAmB;oBAC9B,8BAAC,kCAAwB,OAAG,CAC1B,CACe,CAC5B,CACiB,CACpB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC","sourcesContent":["import { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport React, { useContext, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link, useLocation } from 'react-router-dom';\n\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LineBreak from '@/components/generic/LineBreak';\nimport StepRoomBestRateAlert from '@/components/steps/room/StepRoomBestRateAlert';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport { TabGroupedRooms } from '@/components/steps/room/TabGroupedRooms/TabGroupedRooms';\nimport { UserSearchSummary } from '@/components/steps/room/UserSearchSummary/UserSearchSummary';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport { StepRoomFilters } from '@/pages/steps/StepRoom/StepRoomFilters';\nimport { Translation } from '@/translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nconst StepGroupedRoomComponent = () => {\n    const context = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const { roomRateCalendarInteractivity, setRoomRateCalendarInteractivity } = context;\n    const location = useLocation();\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        return () => {\n            if (roomRateCalendarInteractivity) {\n                setRoomRateCalendarInteractivity(null); // Clear the Room Rate Details modal state\n            }\n        };\n    }, [currentStep]);\n\n    const stepRoomBestRateAlert = <StepRoomBestRateAlert />;\n\n    return (\n        <div className=\"container rs-step-grouped-room\">\n            <BEMobileSummary />\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link\n                                to={{\n                                    pathname: StepManager.getPreviousStepUrl(currentStep),\n                                    search: location.search,\n                                }}\n                            >\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n                            </div>\n                        </>\n                    )}\n\n                    <StepRoomFilters />\n                    <LineBreak smallMargins />\n\n                    <UserSearchSummary />\n\n                    {stepRoomBestRateAlert && <div className=\"u-marg-top--light\">{stepRoomBestRateAlert}</div>}\n\n                    <div className=\"u-marg-top\">\n                        <TabGroupedRooms />\n                    </div>\n                </StepLayoutLeftContent>\n                {context.screenSize > ScreenSize.Medium && (\n                    <StepLayoutRightContent>\n                        <div className=\"u-marg-top\">\n                            <StepRoomHotelDetails />\n                        </div>\n                        <div className=\"u-marg-top--heavy\">\n                            <StepRoomSummaryAndButton />\n                        </div>\n                    </StepLayoutRightContent>\n                )}\n            </StepLayoutContainer>\n        </div>\n    );\n};\n\nexport default StepGroupedRoomComponent;\n"]}

package/dist/src/pages/steps/StepRoom/StepRoomComponent.js

@@ -54,10 +54,10 @@ const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const StepManager_1 = __importDefault(require("../../../util/StepManager"));
 const StepRoomComponent = () => {
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
-    const { roomRateCalendarInteractivity, setRoomRateCalendarInteractivity } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
+    const { roomRateCalendarInteractivity, setRoomRateCalendarInteractivity } = context;
+    const { currentStep } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
     const location = (0, react_router_dom_1.useLocation)();
     const { t } = (0, react_i18next_1.useTranslation)();
-    const { currentStep } = (0, react_1.useContext)(contexts_1.FullPageEngineContext);
     (0, react_1.useEffect)(() => {
         return () => {
             if (roomRateCalendarInteractivity) {

package/dist/src/pages/steps/StepRoom/StepRoomComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAiF;AACjF,+CAAqD;AACrD,iDAA+C;AAC/C,uDAAqD;AACrD,0DAAuD;AAEvD,iFAAyD;AACzD,6EAAqD;AACrD,uEAA4H;AAC5H,+EAAuD;AACvD,gFAAwD;AACxD,wGAAgF;AAChF,gHAAwF;AACxF,2FAAmE;AACnE,4EAAyE;AACzE,mEAA2C;AAC3C,qEAA6C;AAE7C,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,6BAA6B,EAAE,gCAAgC,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC9G,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAE/B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,IAAI,6BAA6B,EAAE,CAAC;gBAChC,gCAAgC,CAAC,IAAI,CAAC,CAAC,CAAC,0CAA0C;YACtF,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACH,uCAAK,SAAS,EAAC,wBAAwB;QACnC,8BAAC,yBAAe,OAAG;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBACjB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;oBACI,8BAAC,uBAAI,IACD,EAAE,EAAE;4BACA,QAAQ,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;4BACrD,MAAM,EAAE,QAAQ,CAAC,MAAM;yBAC1B;wBAED,8BAAC,oBAAU,OAAG,CACX;oBACP,uCAAK,SAAS,EAAC,wCAAwC;wBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAY,CAC7D,CACP,CACN;gBACD,8BAAC,iCAAe,OAAG,CACC;YACvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,8BAAC,8BAAoB,OAAG,CACH,CAC5B,CACiB;QACrB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,8BAAC,mBAAS,OAAG;QACxD,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBAClB,8BAAC,kBAAQ,OAAG,CACQ;YACxB,8BAAC,mCAAsB;gBACnB,8BAAC,kCAAwB,OAAG,CACP,CACP,CACpB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["import { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport React, { useContext, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link, useLocation } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LineBreak from '@/components/generic/LineBreak';\nimport RoomList from '@/components/steps/room/RoomList';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport { StepRoomFilters } from '@/pages/steps/StepRoom/StepRoomFilters';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nconst StepRoomComponent = () => {\n    const context = useContext(BookingEngineContext);\n    const { roomRateCalendarInteractivity, setRoomRateCalendarInteractivity } = useContext(FullPageEngineContext);\n    const location = useLocation();\n\n    const { t } = useTranslation();\n\n    const { currentStep } = useContext(FullPageEngineContext);\n\n    useEffect(() => {\n        return () => {\n            if (roomRateCalendarInteractivity) {\n                setRoomRateCalendarInteractivity(null); // Clear the Room Rate Details modal state\n            }\n        };\n    }, [currentStep]);\n\n    return (\n        <div className=\"container rs-step-room\">\n            <BEMobileSummary />\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link\n                                to={{\n                                    pathname: StepManager.getPreviousStepUrl(currentStep),\n                                    search: location.search,\n                                }}\n                            >\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n                            </div>\n                        </>\n                    )}\n                    <StepRoomFilters />\n                </StepLayoutLeftContent>\n                {context.screenSize > ScreenSize.Medium && (\n                    <StepLayoutRightContent>\n                        <StepRoomHotelDetails />\n                    </StepLayoutRightContent>\n                )}\n            </StepLayoutContainer>\n            {context.screenSize > ScreenSize.Medium && <LineBreak />}\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    <RoomList />\n                </StepLayoutLeftContent>\n                <StepLayoutRightContent>\n                    <StepRoomSummaryAndButton />\n                </StepLayoutRightContent>\n            </StepLayoutContainer>\n        </div>\n    );\n};\n\nexport default StepRoomComponent;\n"]}
+{"version":3,"file":"StepRoomComponent.js","sourceRoot":"/","sources":["src/pages/steps/StepRoom/StepRoomComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAiF;AACjF,+CAAqD;AACrD,iDAA+C;AAC/C,uDAAqD;AACrD,0DAAuD;AAEvD,iFAAyD;AACzD,6EAAqD;AACrD,uEAA4H;AAC5H,+EAAuD;AACvD,gFAAwD;AACxD,wGAAgF;AAChF,gHAAwF;AACxF,2FAAmE;AACnE,4EAAyE;AACzE,mEAA2C;AAC3C,qEAA6C;AAE7C,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,6BAA6B,EAAE,gCAAgC,EAAE,GAAG,OAAO,CAAC;IACpF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC1D,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAE/B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,IAAI,6BAA6B,EAAE,CAAC;gBAChC,gCAAgC,CAAC,IAAI,CAAC,CAAC,CAAC,0CAA0C;YACtF,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACH,uCAAK,SAAS,EAAC,wBAAwB;QACnC,8BAAC,yBAAe,OAAG;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBACjB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC;oBACI,8BAAC,uBAAI,IACD,EAAE,EAAE;4BACA,QAAQ,EAAE,qBAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC;4BACrD,MAAM,EAAE,QAAQ,CAAC,MAAM;yBAC1B;wBAED,8BAAC,oBAAU,OAAG,CACX;oBACP,uCAAK,SAAS,EAAC,wCAAwC;wBACnD,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAY,CAC7D,CACP,CACN;gBACD,8BAAC,iCAAe,OAAG,CACC;YACvB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,CACvC,8BAAC,mCAAsB;gBACnB,8BAAC,8BAAoB,OAAG,CACH,CAC5B,CACiB;QACrB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,8BAAC,mBAAS,OAAG;QACxD,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB;gBAClB,8BAAC,kBAAQ,OAAG,CACQ;YACxB,8BAAC,mCAAsB;gBACnB,8BAAC,kCAAwB,OAAG,CACP,CACP,CACpB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["import { BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport React, { useContext, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link, useLocation } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport BackButton from '@/components/generic/BackButton';\nimport Headline from '@/components/generic/Headline';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LineBreak from '@/components/generic/LineBreak';\nimport RoomList from '@/components/steps/room/RoomList';\nimport StepRoomHotelDetails from '@/components/steps/room/StepRoomHotelDetails';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport BEMobileSummary from '@/components/summary/BEMobileSummary';\nimport { StepRoomFilters } from '@/pages/steps/StepRoom/StepRoomFilters';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\n\nconst StepRoomComponent = () => {\n    const context = useContext(BookingEngineContext);\n    const { roomRateCalendarInteractivity, setRoomRateCalendarInteractivity } = context;\n    const { currentStep } = useContext(FullPageEngineContext);\n    const location = useLocation();\n\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        return () => {\n            if (roomRateCalendarInteractivity) {\n                setRoomRateCalendarInteractivity(null); // Clear the Room Rate Details modal state\n            }\n        };\n    }, [currentStep]);\n\n    return (\n        <div className=\"container rs-step-room\">\n            <BEMobileSummary />\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    {context.screenSize > ScreenSize.Medium && (\n                        <>\n                            <Link\n                                to={{\n                                    pathname: StepManager.getPreviousStepUrl(currentStep),\n                                    search: location.search,\n                                }}\n                            >\n                                <BackButton />\n                            </Link>\n                            <div className=\"u-marg-top--light u-marg-bottom--heavy\">\n                                <Headline bold>{t(Translation.Step.Room.ChooseRoom)}</Headline>\n                            </div>\n                        </>\n                    )}\n                    <StepRoomFilters />\n                </StepLayoutLeftContent>\n                {context.screenSize > ScreenSize.Medium && (\n                    <StepLayoutRightContent>\n                        <StepRoomHotelDetails />\n                    </StepLayoutRightContent>\n                )}\n            </StepLayoutContainer>\n            {context.screenSize > ScreenSize.Medium && <LineBreak />}\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    <RoomList />\n                </StepLayoutLeftContent>\n                <StepLayoutRightContent>\n                    <StepRoomSummaryAndButton />\n                </StepLayoutRightContent>\n            </StepLayoutContainer>\n        </div>\n    );\n};\n\nexport default StepRoomComponent;\n"]}

package/dist/src/translations/Translation.d.ts

@@ -367,6 +367,13 @@ export declare const Translation: {
                 InvalidEmail: string;
                 IATANumber: string;
                 IATANumberGuide: string;
+                PromotionalCode: string;
+                PromotionalCodePlaceHolder: string;
+                PromotionalCodeDescription: string;
+                PromotionalCodeValidation: {
+                    Valid: string;
+                    NotLinkedToRate: string;
+                };
             };
             InputErrors: {
                 CardExpiry: {

package/dist/src/translations/Translation.js

@@ -370,6 +370,13 @@ exports.Translation = {
                 InvalidEmail: 'Step.Confirmation.Inputs.InvalidEmail',
                 IATANumber: 'Step.Confirmation.Inputs.IATANumber',
                 IATANumberGuide: 'Step.Confirmation.Inputs.IATANumberGuide',
+                PromotionalCode: 'Step.Confirmation.Inputs.PromotionalCode',
+                PromotionalCodePlaceHolder: 'Step.Confirmation.Inputs.PromotionalCodePlaceHolder',
+                PromotionalCodeDescription: 'Step.Confirmation.Inputs.PromotionalCodeDescription',
+                PromotionalCodeValidation: {
+                    Valid: 'Step.Confirmation.Inputs.PromotionalCodeValidation.Valid',
+                    NotLinkedToRate: 'Step.Confirmation.Inputs.PromotionalCodeValidation.NotLinkedToRate',
+                },
             },
             InputErrors: {
                 CardExpiry: {