@roomstay/frontend 2.0.11 → 2.1.0

package/dist/src/components/steps/room/roomDetails/RoomDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomDetails.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import Headline from 'components/generic/Headline';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport BEButton from 'components/generic/BEButton';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport { useState, useContext, useEffect } from 'react';\nimport * as classNames from 'classnames';\nimport * as React from 'react';\nimport RoomRates from 'components/steps/room/roomDetails/roomRates/RoomRates';\nimport RoomModal from 'components/steps/room/RoomModal';\nimport Currency from 'components/generic/Currency';\nimport ImageGallerySlider from 'components/steps/room/ImageGallerySlider';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from 'util/ScreenSize';\nimport { Room } from 'models/Room/Room';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport { RoomDetailsPerkBlock } from 'components/steps/room/roomDetails/RoomDetailsPerkBlock';\nimport { RoomDetailsBedsBlock } from 'components/steps/room/roomDetails/RoomDetailsBedsBlock';\nimport { RoomRate, RoomRatePriceInclusion } from 'models/Room/RoomRate';\nimport FeaturedPromoFeature from 'providers/feature/FeaturedPromoFeature';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { CompanyContext } from '@frontend/contexts';\nimport RoomRatePills from 'components/steps/room/roomDetails/roomRates/RoomRatePills';\nimport { ImageSize } from 'providers/ImageProvider';\n\nexport interface RoomDetailsProps {\n    room: Room;\n    disableMarginBottom?: boolean;\n}\n\nexport default function RoomDetails(props: RoomDetailsProps) {\n    const [featuredRates, setFeaturedRates] = useState<RoomRate[]>([]);\n    const [standardRates, setStandardRates] = useState<RoomRate[]>([]);\n\n    const [viewingRates, setViewingRates] = useState<boolean>(null);\n    const [viewingDescription, setViewingDescription] = useState(false);\n\n    const { t } = useTranslation();\n\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const { hotel } = useCurrentHotel();\n\n    const { room } = props;\n\n    const classes = classNames('room-details', {\n        ['+is-open']: viewingRates,\n    });\n\n    useEffect(() => {\n        if (basketContext.selectedBasketRow?.getRoom() && basketContext.selectedBasketRow.getRoom().code === props.room.code) {\n            setViewingRates(true);\n        }\n\n        DataLayer.instance.addRoomImpression(room);\n    }, [basketContext.selectedBasketRow]);\n\n    useEffect(() => {\n        let nonPromoRates: RoomRate[] = [];\n        let toSetFeaturedRate: RoomRate[] = [];\n\n        if (FeaturedPromoFeature.isActive()) {\n            for (const currentRate of room.getRates()) {\n                if (currentRate.promoCode?.toLowerCase() === basketContext.selectedBasketRow?.getPromoCode()?.toLowerCase()) {\n                    toSetFeaturedRate.unshift(currentRate);\n                } else {\n                    nonPromoRates.push(currentRate);\n                }\n            }\n\n            if (toSetFeaturedRate.length > 0) {\n                setViewingRates(true);\n                setFeaturedRates(toSetFeaturedRate);\n            }\n        } else {\n            nonPromoRates = room.getRates();\n        }\n\n        setStandardRates(nonPromoRates);\n    }, [room.getRates()]);\n\n    const perks = hotel.perks?.slice(0, 5);\n\n    const trimmedDescription = room.getShortDescription();\n\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const ratesOpen = viewingRates || (context.screenSize <= ScreenSize.Medium && viewingRates === null);\n    const moreDetailsOnClick = () => {\n        DataLayer.instance.sendInteraction('More Room Details', InteractionType.LINK, InteractionStep.ROOMS);\n        setViewingDescription(true);\n    };\n    const sendRoomClickOnClick = () => {\n        if (!ratesOpen) {\n            DataLayer.instance.sendRoomClick(room, basketContext.startDate, basketContext.endDate);\n        }\n        setViewingRates(!ratesOpen);\n    };\n    const closeDescriptionOnClose = () => {\n        setViewingDescription(false);\n    };\n\n    const lowestPrice = Math.round(room.getLowestPrice(false, true));\n    const currencySize = context.screenSize > ScreenSize.Medium && lowestPrice.toLocaleString().length < 7 ? 'large' : 'normal';\n\n    return (\n        <div className={`room-details-container ${props.disableMarginBottom ? '' : 'u-marg-bottom'}`}>\n            <div className={classes}>\n                <div className=\"room-details--image\">\n                    <ImageGallerySlider images={props.room.getImages()} imageSize={ImageSize.Medium} />\n                </div>\n                <div className=\"room-details--content u-pad--heavy u-pad@l-\">\n                    <div className=\"u-marg-bottom\">\n                        {context.screenSize > ScreenSize.Large && (\n                            <>\n                                <div className=\"u-marg-bottom\">\n                                    <RoomRatePills room={room} limit={2} />\n                                </div>\n                            </>\n                        )}\n                        <div className=\"room-details--content-title u-marg-bottom--light\">\n                            <Headline bold={true}>{room.name}</Headline>\n                        </div>\n                        <RoomDetailsBedsBlock room={room} />\n                        <div className=\"room-details--content-description u-marg-bottom--light\">\n                            <Text color={Color.DarkGrey} type={TextType.Small}>\n                                {<span dangerouslySetInnerHTML={{ __html: trimmedDescription.replace(/<br(\\/|)>/g, '') }} />}\n                            </Text>\n                        </div>\n                    </div>\n\n                    <div className=\"row\">\n                        <div className=\"col-md-6 u-flex u-marg-bottom@m- flex-column align-items-start\">\n                            <div className=\"room-details--content-perks u-marg-bottom@m-\">\n                                {isMobile && (\n                                    <div className=\"u-marg-bottom\">\n                                        <Text type={TextType.Small} bold={true} color={Color.Accent}>\n                                            {t(Translation.Misc.Perks.AndYouGetAll)}\n                                        </Text>\n                                    </div>\n                                )}\n                                <RoomDetailsPerkBlock perks={perks} />\n                            </div>\n                            <BEButton icon={IconType.ArrowRight2} isText={true} primary={true} size=\"tiny\" iconPosition=\"right\" onClick={moreDetailsOnClick}>\n                                {t(Translation.Step.Room.RoomInfo.MoreDetails)}\n                            </BEButton>\n                        </div>\n                        <div className=\"col-md-6 u-flex justify-content-end flex-column align-items-start align-items-md-end\">\n                            <Text type={TextType.Small} color={Color.Navy} inline={true}>\n                                {t(Translation.Misc.From)}\n                            </Text>\n                            <div className=\"room-details--content-price flex-row align-items-end\">\n                                <Headline size={currencySize} bold={true}>\n                                    <Currency hideDecimals={true}>{lowestPrice}</Currency>\n                                </Headline>\n                                <Text color={Color.DarkGrey} inline={true}>\n                                    /{t(Translation.Misc.Night)}\n                                </Text>\n                            </div>\n                            <div className=\"u-marg-bottom\">\n                                <Text type={TextType.Small} color={Color.Grey} inline={true} className=\"u-nowrap\">\n                                    {room.getLowestPriceType() === RoomRatePriceInclusion.IncludingFeesAndTaxes\n                                        ? t(Translation.Step.Room.RoomInfo.IncludesTaxes)\n                                        : t(Translation.Step.Room.ExcludingTaxes)}\n                                </Text>\n                            </div>\n                            <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@m-\">\n                                <BEButton\n                                    name=\"ViewRatesNowButton\"\n                                    primary={true}\n                                    primaryActive={ratesOpen}\n                                    filled={true}\n                                    stopIconAnimation={true}\n                                    icon={ratesOpen ? IconType.ArrowUp2 : IconType.ArrowDown2}\n                                    iconPosition={'right'}\n                                    onClick={sendRoomClickOnClick}\n                                    wide={context.screenSize <= ScreenSize.Large}\n                                >\n                                    {ratesOpen ? t(Translation.Step.Room.RoomInfo.CloseRates) : t(Translation.Step.Room.RoomInfo.ViewRates)}\n                                </BEButton>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <AutoAutoHeight open={ratesOpen}>\n                <RoomRates roomCode={room.code} rates={standardRates} featuredRates={featuredRates} />\n            </AutoAutoHeight>\n            {<RoomModal open={viewingDescription} room={props.room} rates={standardRates} featuredRates={featuredRates} onClose={closeDescriptionOnClose} />}\n            {room.getRates().map((rate) => {\n                return (\n                    <script key={room.code + '-' + rate.code} type=\"application/ld+json\">\n                        {JSON.stringify({\n                            '@context': 'http://schema.org/',\n                            '@type': 'Offer',\n                            itemOffered: {\n                                '@type': 'HotelRoom',\n                                name: room.name,\n                            },\n                            name: rate.name,\n                            identifier: rate.code,\n                            priceSpecification: {\n                                '@type': 'UnitPriceSpecification',\n                                price: rate.getAveragePrice(),\n                                priceCurrency: ccx.currentCurrency,\n                                unitText: 'Nightly',\n                            },\n                        })}\n                    </script>\n                );\n            })}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"RoomDetails.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import Headline from 'components/generic/Headline';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport BEButton from 'components/generic/BEButton';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport { useState, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport RoomRates from 'components/steps/room/roomDetails/roomRates/RoomRates';\nimport RoomModal from 'components/steps/room/RoomModal';\nimport Currency from 'components/generic/Currency';\nimport ImageGallerySlider from 'components/steps/room/ImageGallerySlider';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport ScreenSize from 'util/ScreenSize';\nimport { Room } from 'models/Room/Room';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport { RoomDetailsPerkBlock } from 'components/steps/room/roomDetails/RoomDetailsPerkBlock';\nimport { RoomDetailsBedsBlock } from 'components/steps/room/roomDetails/RoomDetailsBedsBlock';\nimport { RoomRate, RoomRatePriceInclusion } from 'models/Room/RoomRate';\nimport FeaturedPromoFeature from 'providers/feature/FeaturedPromoFeature';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { CompanyContext } from '@frontend/contexts';\nimport RoomRatePills from 'components/steps/room/roomDetails/roomRates/RoomRatePills';\nimport { ImageSize } from 'providers/ImageProvider';\n\nexport interface RoomDetailsProps {\n    room: Room;\n    disableMarginBottom?: boolean;\n}\n\nexport default function RoomDetails(props: RoomDetailsProps) {\n    const [featuredRates, setFeaturedRates] = useState<RoomRate[]>([]);\n    const [standardRates, setStandardRates] = useState<RoomRate[]>([]);\n\n    const [viewingRates, setViewingRates] = useState<boolean>(null);\n    const [viewingDescription, setViewingDescription] = useState(false);\n\n    const { t } = useTranslation();\n\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n    const { hotel } = useCurrentHotel();\n\n    const { room } = props;\n\n    const classes = classNames('room-details', {\n        ['+is-open']: viewingRates,\n    });\n\n    useEffect(() => {\n        if (basketContext.selectedBasketRow?.getRoom() && basketContext.selectedBasketRow.getRoom().code === props.room.code) {\n            setViewingRates(true);\n        }\n\n        DataLayer.instance.addRoomImpression(room);\n    }, [basketContext.selectedBasketRow]);\n\n    useEffect(() => {\n        let nonPromoRates: RoomRate[] = [];\n        let toSetFeaturedRate: RoomRate[] = [];\n\n        if (FeaturedPromoFeature.isActive()) {\n            for (const currentRate of room.getRates()) {\n                if (currentRate.promoCode?.toLowerCase() === basketContext.selectedBasketRow?.getPromoCode()?.toLowerCase()) {\n                    toSetFeaturedRate.unshift(currentRate);\n                } else {\n                    nonPromoRates.push(currentRate);\n                }\n            }\n\n            if (toSetFeaturedRate.length > 0) {\n                setViewingRates(true);\n                setFeaturedRates(toSetFeaturedRate);\n            }\n        } else {\n            nonPromoRates = room.getRates();\n        }\n\n        setStandardRates(nonPromoRates);\n    }, [room.getRates()]);\n\n    const perks = hotel.perks?.slice(0, 5);\n\n    const trimmedDescription = room.getShortDescription();\n\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const ratesOpen = viewingRates || (context.screenSize <= ScreenSize.Medium && viewingRates === null);\n    const moreDetailsOnClick = () => {\n        DataLayer.instance.sendInteraction('More Room Details', InteractionType.LINK, InteractionStep.ROOMS);\n        setViewingDescription(true);\n    };\n    const sendRoomClickOnClick = () => {\n        if (!ratesOpen) {\n            DataLayer.instance.sendRoomClick(room, basketContext.startDate, basketContext.endDate);\n        }\n        setViewingRates(!ratesOpen);\n    };\n    const closeDescriptionOnClose = () => {\n        setViewingDescription(false);\n    };\n\n    const lowestPrice = Math.round(room.getLowestPrice(false, true));\n    const currencySize = context.screenSize > ScreenSize.Medium && lowestPrice.toLocaleString().length < 7 ? 'large' : 'normal';\n\n    return (\n        <div className={`room-details-container ${props.disableMarginBottom ? '' : 'u-marg-bottom'}`}>\n            <div className={classes}>\n                <div className=\"room-details--image\">\n                    <ImageGallerySlider images={props.room.getImages()} imageSize={ImageSize.Medium} />\n                </div>\n                <div className=\"room-details--content u-pad--heavy u-pad@l-\">\n                    <div className=\"u-marg-bottom\">\n                        {context.screenSize > ScreenSize.Large && (\n                            <>\n                                <div className=\"u-marg-bottom\">\n                                    <RoomRatePills room={room} limit={2} />\n                                </div>\n                            </>\n                        )}\n                        <div className=\"room-details--content-title u-marg-bottom--light\">\n                            <Headline bold={true}>{room.name}</Headline>\n                        </div>\n                        <RoomDetailsBedsBlock room={room} />\n                        <div className=\"room-details--content-description u-marg-bottom--light\">\n                            <Text color={Color.DarkGrey} type={TextType.Small}>\n                                {<span dangerouslySetInnerHTML={{ __html: trimmedDescription.replace(/<br(\\/|)>/g, '') }} />}\n                            </Text>\n                        </div>\n                    </div>\n\n                    <div className=\"row\">\n                        <div className=\"col-md-6 u-flex u-marg-bottom@m- flex-column align-items-start\">\n                            <div className=\"room-details--content-perks u-marg-bottom@m-\">\n                                {isMobile && (\n                                    <div className=\"u-marg-bottom\">\n                                        <Text type={TextType.Small} bold={true} color={Color.Accent}>\n                                            {t(Translation.Misc.Perks.AndYouGetAll)}\n                                        </Text>\n                                    </div>\n                                )}\n                                <RoomDetailsPerkBlock perks={perks} />\n                            </div>\n                            <BEButton icon={IconType.ArrowRight2} isText={true} primary={true} size=\"tiny\" iconPosition=\"right\" onClick={moreDetailsOnClick}>\n                                {t(Translation.Step.Room.RoomInfo.MoreDetails)}\n                            </BEButton>\n                        </div>\n                        <div className=\"col-md-6 u-flex justify-content-end flex-column align-items-start align-items-md-end\">\n                            <Text type={TextType.Small} color={Color.Navy} inline={true}>\n                                {t(Translation.Misc.From)}\n                            </Text>\n                            <div className=\"room-details--content-price flex-row align-items-end\">\n                                <Headline size={currencySize} bold={true}>\n                                    <Currency hideDecimals={true}>{lowestPrice}</Currency>\n                                </Headline>\n                                <Text color={Color.DarkGrey} inline={true}>\n                                    /{t(Translation.Misc.Night)}\n                                </Text>\n                            </div>\n                            <div className=\"u-marg-bottom\">\n                                <Text type={TextType.Small} color={Color.Grey} inline={true} className=\"u-nowrap\">\n                                    {room.getLowestPriceType() === RoomRatePriceInclusion.IncludingFeesAndTaxes\n                                        ? t(Translation.Step.Room.RoomInfo.IncludesTaxes)\n                                        : t(Translation.Step.Room.ExcludingTaxes)}\n                                </Text>\n                            </div>\n                            <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@m-\">\n                                <BEButton\n                                    name=\"ViewRatesNowButton\"\n                                    primary={true}\n                                    primaryActive={ratesOpen}\n                                    filled={true}\n                                    stopIconAnimation={true}\n                                    icon={ratesOpen ? IconType.ArrowUp2 : IconType.ArrowDown2}\n                                    iconPosition={'right'}\n                                    onClick={sendRoomClickOnClick}\n                                    wide={context.screenSize <= ScreenSize.Large}\n                                >\n                                    {ratesOpen ? t(Translation.Step.Room.RoomInfo.CloseRates) : t(Translation.Step.Room.RoomInfo.ViewRates)}\n                                </BEButton>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <AutoAutoHeight open={ratesOpen}>\n                <RoomRates roomCode={room.code} rates={standardRates} featuredRates={featuredRates} />\n            </AutoAutoHeight>\n            {<RoomModal open={viewingDescription} room={props.room} rates={standardRates} featuredRates={featuredRates} onClose={closeDescriptionOnClose} />}\n            {room.getRates().map((rate) => {\n                return (\n                    <script key={room.code + '-' + rate.code} type=\"application/ld+json\">\n                        {JSON.stringify({\n                            '@context': 'http://schema.org/',\n                            '@type': 'Offer',\n                            itemOffered: {\n                                '@type': 'HotelRoom',\n                                name: room.name,\n                            },\n                            name: rate.name,\n                            identifier: rate.code,\n                            priceSpecification: {\n                                '@type': 'UnitPriceSpecification',\n                                price: rate.getAveragePrice(),\n                                priceCurrency: ccx.currentCurrency,\n                                unitText: 'Nightly',\n                            },\n                        })}\n                    </script>\n                );\n            })}\n        </div>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/RoomDetailsBedsBlock.js

@@ -1,8 +1,31 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoomDetailsBedsBlock = void 0;
-const React = require("react");
-const Icon_1 = require("components/generic/Icon/Icon");
+const React = __importStar(require("react"));
+const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
 const Color_1 = require("util/Color");
 const Text_1 = require("components/generic/Text");
 const hooks_1 = require("@frontend/hooks");

package/dist/src/components/steps/room/roomDetails/RoomDetailsBedsBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomDetailsBedsBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsBedsBlock.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,uDAA8D;AAC9D,sCAAmC;AACnC,kDAAyD;AACzD,2CAAkD;AAQlD,SAAgB,oBAAoB,CAAC,KAAgC;;IACjE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,aAAa,GAAG,MAAA,KAAK,CAAC,KAAK,0CAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,IAAI,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,IAAI,CAAC,CAAC;IAEvD,MAAM,SAAS,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,aAAK,CAAC,QAAQ,CAAC;IAEpD,OAAO,CACH,4BAAI,SAAS,EAAC,kCAAkC;QAC5C,4BAAI,SAAS,EAAC,oBAAoB;YAC9B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,GAAI;YAC9D,6BAAK,SAAS,EAAC,mBAAmB;gBAC9B,oBAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS;+BAC9C,aAAa,aAAb,aAAa;oBAAb,aAAa,CAAE,YAAY,CAChC,CACL,CACL;QACL,4BAAI,SAAS,EAAC,+BAA+B;YACzC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,GAAI;YAC3D,6BAAK,SAAS,EAAC,mBAAmB;gBAC9B,oBAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS;oBACrD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,IAAG,CAAC,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC,CAAC,CAAC,EAAE;yBAAG,aAAa,aAAb,aAAa;oBAAb,aAAa,CAAE,OAAO,CACvF,CACL,CACL;QACJ,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,CAAA,IAAI,CAC3B,4BAAI,SAAS,EAAC,+BAA+B;YACzC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,GAAI;YAChE,6BAAK,SAAS,EAAC,mBAAmB;gBAC9B,oBAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,IACrD,QAAQ,CAAC,cAAc,CACrB,CACL,CACL,CACR,CACA,CACR,CAAC;AACN,CAAC;AAtCD,oDAsCC","sourcesContent":["import * as React from 'react';\nimport { Room } from 'models/Room/Room';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\nimport { Text, TextType } from 'components/generic/Text';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface RoomDetailsBedsBlockProps {\n    room: Room;\n\n    textColor?: Color;\n}\n\nexport function RoomDetailsBedsBlock(props: RoomDetailsBedsBlockProps) {\n    const { hotel } = useCurrentHotel();\n\n    const extraRoomData = hotel.rooms?.[props.room?.code];\n    const roomSize = hotel?.overwrites?.[props.room?.code];\n\n    const textColor = props.textColor ?? Color.DarkGrey;\n\n    return (\n        <ul className=\"u-list-inline-flex u-marg-bottom\">\n            <li className=\"align-items-center\">\n                <Icon icon={IconType.People} size=\"24px\" color={Color.Navy} />\n                <div className=\"u-pad-left--light\">\n                    <Text type={TextType.Small} inline={true} color={textColor}>\n                        Sleeps {extraRoomData?.maxOccupancy}\n                    </Text>\n                </div>\n            </li>\n            <li className=\"u-pad-left align-items-center\">\n                <Icon icon={IconType.Bed} size=\"24px\" color={Color.Navy} />\n                <div className=\"u-pad-left--light\">\n                    <Text type={TextType.Small} inline={true} color={textColor}>\n                        {extraRoomData?.bedQuantity > 0 ? extraRoomData?.bedQuantity : ''} {extraRoomData?.bedType}\n                    </Text>\n                </div>\n            </li>\n            {!!roomSize?.RoomDimensions && (\n                <li className=\"u-pad-left align-items-center\">\n                    <Icon icon={IconType.RoomSize} size=\"24px\" color={Color.Navy} />\n                    <div className=\"u-pad-left--light\">\n                        <Text type={TextType.Small} inline={true} color={textColor}>\n                            {roomSize.RoomDimensions}\n                        </Text>\n                    </div>\n                </li>\n            )}\n        </ul>\n    );\n}\n"]}
+{"version":3,"file":"RoomDetailsBedsBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsBedsBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,qEAA8D;AAC9D,sCAAmC;AACnC,kDAAyD;AACzD,2CAAkD;AAQlD,SAAgB,oBAAoB,CAAC,KAAgC;;IACjE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,aAAa,GAAG,MAAA,KAAK,CAAC,KAAK,0CAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,IAAI,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,IAAI,CAAC,CAAC;IAEvD,MAAM,SAAS,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,aAAK,CAAC,QAAQ,CAAC;IAEpD,OAAO,CACH,4BAAI,SAAS,EAAC,kCAAkC;QAC5C,4BAAI,SAAS,EAAC,oBAAoB;YAC9B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,GAAI;YAC9D,6BAAK,SAAS,EAAC,mBAAmB;gBAC9B,oBAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS;+BAC9C,aAAa,aAAb,aAAa;oBAAb,aAAa,CAAE,YAAY,CAChC,CACL,CACL;QACL,4BAAI,SAAS,EAAC,+BAA+B;YACzC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,GAAI;YAC3D,6BAAK,SAAS,EAAC,mBAAmB;gBAC9B,oBAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS;oBACrD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,IAAG,CAAC,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC,CAAC,CAAC,EAAE;yBAAG,aAAa,aAAb,aAAa;oBAAb,aAAa,CAAE,OAAO,CACvF,CACL,CACL;QACJ,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,CAAA,IAAI,CAC3B,4BAAI,SAAS,EAAC,+BAA+B;YACzC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,GAAI;YAChE,6BAAK,SAAS,EAAC,mBAAmB;gBAC9B,oBAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,IACrD,QAAQ,CAAC,cAAc,CACrB,CACL,CACL,CACR,CACA,CACR,CAAC;AACN,CAAC;AAtCD,oDAsCC","sourcesContent":["import * as React from 'react';\nimport { Room } from 'models/Room/Room';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\nimport { Text, TextType } from 'components/generic/Text';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface RoomDetailsBedsBlockProps {\n    room: Room;\n\n    textColor?: Color;\n}\n\nexport function RoomDetailsBedsBlock(props: RoomDetailsBedsBlockProps) {\n    const { hotel } = useCurrentHotel();\n\n    const extraRoomData = hotel.rooms?.[props.room?.code];\n    const roomSize = hotel?.overwrites?.[props.room?.code];\n\n    const textColor = props.textColor ?? Color.DarkGrey;\n\n    return (\n        <ul className=\"u-list-inline-flex u-marg-bottom\">\n            <li className=\"align-items-center\">\n                <Icon icon={IconType.People} size=\"24px\" color={Color.Navy} />\n                <div className=\"u-pad-left--light\">\n                    <Text type={TextType.Small} inline={true} color={textColor}>\n                        Sleeps {extraRoomData?.maxOccupancy}\n                    </Text>\n                </div>\n            </li>\n            <li className=\"u-pad-left align-items-center\">\n                <Icon icon={IconType.Bed} size=\"24px\" color={Color.Navy} />\n                <div className=\"u-pad-left--light\">\n                    <Text type={TextType.Small} inline={true} color={textColor}>\n                        {extraRoomData?.bedQuantity > 0 ? extraRoomData?.bedQuantity : ''} {extraRoomData?.bedType}\n                    </Text>\n                </div>\n            </li>\n            {!!roomSize?.RoomDimensions && (\n                <li className=\"u-pad-left align-items-center\">\n                    <Icon icon={IconType.RoomSize} size=\"24px\" color={Color.Navy} />\n                    <div className=\"u-pad-left--light\">\n                        <Text type={TextType.Small} inline={true} color={textColor}>\n                            {roomSize.RoomDimensions}\n                        </Text>\n                    </div>\n                </li>\n            )}\n        </ul>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/RoomDetailsPerkBlock.js

@@ -1,12 +1,38 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoomDetailsPerkBlock = void 0;
-const React = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
-const ScreenSize_1 = require("util/ScreenSize");
-const Icon_1 = require("components/generic/Icon/Icon");
+const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const Icon_1 = __importDefault(require("components/generic/Icon/Icon"));
 const Text_1 = require("components/generic/Text");
-const classNames = require("classnames");
+const classnames_1 = __importDefault(require("classnames"));
 const contexts_1 = require("@frontend/contexts");
 function RoomDetailsPerkBlock(props) {
     var _a;
@@ -14,7 +40,7 @@ function RoomDetailsPerkBlock(props) {
     const perks = props.perks;
     const isMobile = context.screenSize <= ScreenSize_1.default.Large;
     const [openPerk, setOpenPerk] = (0, react_1.useState)((_a = perks[0]) === null || _a === void 0 ? void 0 : _a.name);
-    const perkIconClasses = classNames('room-perk-icon', {
+    const perkIconClasses = (0, classnames_1.default)('room-perk-icon', {
         '--has-bg': isMobile,
     });
     return (React.createElement(React.Fragment, null, !!(perks === null || perks === void 0 ? void 0 : perks.length) && (React.createElement("ul", null, perks.map((perk, index) => {

package/dist/src/components/steps/room/roomDetails/RoomDetailsPerkBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomDetailsPerkBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsPerkBlock.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,iCAA6C;AAC7C,gDAAyC;AACzC,uDAAgD;AAEhD,kDAAyD;AACzD,yCAAyC;AACzC,iDAA0D;AAM1D,SAAgB,oBAAoB,CAAC,KAAgC;;IACjE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC1B,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,KAAK,CAAC;IAExD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAE,IAAI,CAAC,CAAC;IAEzD,MAAM,eAAe,GAAG,UAAU,CAAC,gBAAgB,EAAE;QACjD,UAAU,EAAE,QAAQ;KACvB,CAAC,CAAC;IAEH,OAAO,CACH,0CACK,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA,IAAI,CAChB,gCACK,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACvB,IAAI,QAAQ,IAAI,KAAK,IAAI,CAAC;YAAE,OAAO;QAEnC,MAAM,cAAc,GAAG,GAAG,EAAE;YACxB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAC;QAEF,OAAO,CACH,4BAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc;YACnC,6BAAK,SAAS,EAAE,eAAe,IAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAAO;YACxG,6BACI,SAAS,EACL,oCAAoC,GAAG,CAAC,CAAC,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,UAAU,KAAK,oBAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;gBAG7I,oBAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,IAAI,CAAC,IAAI,CAAQ,CAC5C,CACL,CACR,CAAC;IACN,CAAC,CAAC,CACD,CACR,CACF,CACN,CAAC;AACN,CAAC;AAxCD,oDAwCC","sourcesContent":["import * as React from 'react';\nimport { HotelPerk } from 'models/Client/Hotel/HotelPerk';\nimport { useContext, useState } from 'react';\nimport ScreenSize from 'util/ScreenSize';\nimport Icon from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\nimport { Text, TextType } from 'components/generic/Text';\nimport * as classNames from 'classnames';\nimport { BookingEngineContext } from '@frontend/contexts';\n\ninterface RoomDetailsPerkBlockProps {\n    perks: HotelPerk[];\n}\n\nexport function RoomDetailsPerkBlock(props: RoomDetailsPerkBlockProps) {\n    const context = useContext(BookingEngineContext);\n\n    const perks = props.perks;\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const [openPerk, setOpenPerk] = useState(perks[0]?.name);\n\n    const perkIconClasses = classNames('room-perk-icon', {\n        '--has-bg': isMobile,\n    });\n\n    return (\n        <>\n            {!!perks?.length && (\n                <ul>\n                    {perks.map((perk, index) => {\n                        if (isMobile && index >= 4) return;\n\n                        const setPerkOnClick = () => {\n                            setOpenPerk(perk.name);\n                        };\n\n                        return (\n                            <li key={index} onClick={setPerkOnClick}>\n                                <div className={perkIconClasses}>{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon} />}</div>\n                                <div\n                                    className={\n                                        'u-marg-right u-none@l- u-block@m- ' + ((isMobile && openPerk !== perk.name) || context.screenSize === ScreenSize.Tiny ? 'u-none-2' : '')\n                                    }\n                                >\n                                    <Text type={TextType.Small}>{perk.name}</Text>\n                                </div>\n                            </li>\n                        );\n                    })}\n                </ul>\n            )}\n        </>\n    );\n}\n"]}
+{"version":3,"file":"RoomDetailsPerkBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsPerkBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iCAA6C;AAC7C,iEAAyC;AACzC,wEAAgD;AAEhD,kDAAyD;AACzD,4DAAoC;AACpC,iDAA0D;AAM1D,SAAgB,oBAAoB,CAAC,KAAgC;;IACjE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC1B,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,KAAK,CAAC;IAExD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAE,IAAI,CAAC,CAAC;IAEzD,MAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,gBAAgB,EAAE;QACjD,UAAU,EAAE,QAAQ;KACvB,CAAC,CAAC;IAEH,OAAO,CACH,0CACK,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA,IAAI,CAChB,gCACK,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACvB,IAAI,QAAQ,IAAI,KAAK,IAAI,CAAC;YAAE,OAAO;QAEnC,MAAM,cAAc,GAAG,GAAG,EAAE;YACxB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAC;QAEF,OAAO,CACH,4BAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc;YACnC,6BAAK,SAAS,EAAE,eAAe,IAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAAO;YACxG,6BACI,SAAS,EACL,oCAAoC,GAAG,CAAC,CAAC,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,UAAU,KAAK,oBAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;gBAG7I,oBAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,IAAI,CAAC,IAAI,CAAQ,CAC5C,CACL,CACR,CAAC;IACN,CAAC,CAAC,CACD,CACR,CACF,CACN,CAAC;AACN,CAAC;AAxCD,oDAwCC","sourcesContent":["import * as React from 'react';\nimport { HotelPerk } from 'models/Client/Hotel/HotelPerk';\nimport { useContext, useState } from 'react';\nimport ScreenSize from 'util/ScreenSize';\nimport Icon from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\nimport { Text, TextType } from 'components/generic/Text';\nimport classNames from 'classnames';\nimport { BookingEngineContext } from '@frontend/contexts';\n\ninterface RoomDetailsPerkBlockProps {\n    perks: HotelPerk[];\n}\n\nexport function RoomDetailsPerkBlock(props: RoomDetailsPerkBlockProps) {\n    const context = useContext(BookingEngineContext);\n\n    const perks = props.perks;\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const [openPerk, setOpenPerk] = useState(perks[0]?.name);\n\n    const perkIconClasses = classNames('room-perk-icon', {\n        '--has-bg': isMobile,\n    });\n\n    return (\n        <>\n            {!!perks?.length && (\n                <ul>\n                    {perks.map((perk, index) => {\n                        if (isMobile && index >= 4) return;\n\n                        const setPerkOnClick = () => {\n                            setOpenPerk(perk.name);\n                        };\n\n                        return (\n                            <li key={index} onClick={setPerkOnClick}>\n                                <div className={perkIconClasses}>{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon} />}</div>\n                                <div\n                                    className={\n                                        'u-marg-right u-none@l- u-block@m- ' + ((isMobile && openPerk !== perk.name) || context.screenSize === ScreenSize.Tiny ? 'u-none-2' : '')\n                                    }\n                                >\n                                    <Text type={TextType.Small}>{perk.name}</Text>\n                                </div>\n                            </li>\n                        );\n                    })}\n                </ul>\n            )}\n        </>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/RoomDetailsPriceBlock.js

@@ -1,23 +1,49 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const Color_1 = require("util/Color");
-const Text_1 = require("components/generic/Text");
+const Text_1 = __importStar(require("components/generic/Text"));
 const Translation_1 = require("translations/Translation");
-const Headline_1 = require("components/generic/Headline");
-const ScreenSize_1 = require("util/ScreenSize");
-const Tooltip_1 = require("components/generic/Tooltip/Tooltip");
-const Icon_1 = require("components/generic/Icon/Icon");
-const Currency_1 = require("components/generic/Currency");
-const classNames = require("classnames");
+const Headline_1 = __importDefault(require("components/generic/Headline"));
+const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const Tooltip_1 = __importDefault(require("components/generic/Tooltip/Tooltip"));
+const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
+const Currency_1 = __importDefault(require("components/generic/Currency"));
+const classnames_1 = __importDefault(require("classnames"));
 const contexts_1 = require("@frontend/contexts");
 function RoomDetailsPriceBlock(props) {
     const { t } = (0, react_i18next_1.useTranslation)();
     const context = React.useContext(contexts_1.BookingEngineContext);
     const { isLocked, averagePreDiscount, averagePrice } = props;
     const discountApplied = averagePreDiscount > averagePrice;
-    const headlineClasses = classNames('room-details--content-price-protection', {
+    const headlineClasses = (0, classnames_1.default)('room-details--content-price-protection', {
         '--accent-headline': discountApplied,
         '--accent-success': props.isMemberOnly,
     });

package/dist/src/components/steps/room/roomDetails/RoomDetailsPriceBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomDetailsPriceBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsPriceBlock.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iDAA+C;AAC/C,sCAAmC;AACnC,kDAAyD;AACzD,0DAAuD;AACvD,0DAAmD;AACnD,gDAAyC;AACzC,gEAAyD;AACzD,uDAA8D;AAC9D,0DAAmD;AAEnD,yCAAyC;AACzC,iDAA0D;AAY1D,SAAwB,qBAAqB,CAAC,KAAiC;IAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,+BAAoB,CAAC,CAAC;IAEvD,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE7D,MAAM,eAAe,GAAG,kBAAkB,GAAG,YAAY,CAAC;IAE1D,MAAM,eAAe,GAAG,UAAU,CAAC,wCAAwC,EAAE;QACzE,mBAAmB,EAAE,eAAe;QACpC,kBAAkB,EAAE,KAAK,CAAC,YAAY;KACzC,CAAC,CAAC;IAEH,OAAO,CACH;QACI,6BAAK,SAAS,EAAE,0FAA0F,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;YACrI,CAAC,QAAQ,IAAI,eAAe,IAAI,CAC7B,8BAAM,SAAS,EAAC,kEAAkE;gBAC9E,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ;oBACvB;wBACI,oBAAC,kBAAQ,QAAE,kBAAkB,CAAY,CACpC,CACN;gBACN,CAAC,KAAK,CAAC,YAAY,IAAI,CACpB,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO;;oBAC7C,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CACxB,CACV,CACE,CACV;YACD,8BAAM,SAAS,EAAE,eAAe;gBAC5B,oBAAC,kBAAQ,IAAC,IAAI,EAAE,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;oBACrI,oBAAC,kBAAQ,IAAC,cAAc,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,IAC7C,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CACvB,CACJ;gBACV,CAAC,KAAK,CAAC,YAAY,IAAI,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAQ,CACrF;YACP,oBAAC,iBAAO,IAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC;gBACrE,8BAAM,SAAS,EAAC,kCAAkC;oBAC9C,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO,GAAI,CAChD,CACD,CACR,CACP,CACN,CAAC;AACN,CAAC;AA/CD,wCA+CC","sourcesContent":["import * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Color } from 'util/Color';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport Headline from 'components/generic/Headline';\nimport ScreenSize from 'util/ScreenSize';\nimport Tooltip from 'components/generic/Tooltip/Tooltip';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Currency from 'components/generic/Currency';\n\nimport * as classNames from 'classnames';\nimport { BookingEngineContext } from '@frontend/contexts';\n\ninterface RoomDetailsPriceBlockProps {\n    isLocked: boolean;\n    averagePreDiscount: number;\n    averagePrice: number;\n\n    isMemberOnly?: boolean;\n\n    hidePerNight?: boolean;\n}\n\nexport default function RoomDetailsPriceBlock(props: RoomDetailsPriceBlockProps) {\n    const { t } = useTranslation();\n\n    const context = React.useContext(BookingEngineContext);\n\n    const { isLocked, averagePreDiscount, averagePrice } = props;\n\n    const discountApplied = averagePreDiscount > averagePrice;\n\n    const headlineClasses = classNames('room-details--content-price-protection', {\n        '--accent-headline': discountApplied,\n        '--accent-success': props.isMemberOnly,\n    });\n\n    return (\n        <>\n            <div className={'room-details--content-price u-flex u-flex-direction-column justify-content-end flex-wrap' + (isLocked ? ' --locked' : '')}>\n                {!isLocked && discountApplied && (\n                    <span className=\"room-details--content-price-protection --original align-self-end\">\n                        <Text color={Color.DarkGrey}>\n                            <strong>\n                                <Currency>{averagePreDiscount}</Currency>\n                            </strong>\n                        </Text>\n                        {!props.hidePerNight && (\n                            <Text color={Color.DarkGrey} type={TextType.Caption}>\n                                /{t(Translation.Misc.Night)}\n                            </Text>\n                        )}\n                    </span>\n                )}\n                <span className={headlineClasses}>\n                    <Headline size={context.screenSize > ScreenSize.Medium ? 'large' : 'normal'} bold={true} className={props.isMemberOnly ? '--success' : ''}>\n                        <Currency disableLoading={true} hideDecimals={true}>\n                            {isLocked ? 321 : averagePrice}\n                        </Currency>\n                    </Headline>\n                    {!props.hidePerNight && <Text color={Color.DarkGrey}>/{t(Translation.Misc.Night)}</Text>}\n                </span>\n                <Tooltip title={t(Translation.Step.Room.RoomInfo.MemberRateLockedTooltip)}>\n                    <span className=\"room-details--content-price-lock\">\n                        <Icon icon={IconType.Lock} color={Color.Success} />\n                    </span>\n                </Tooltip>\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"RoomDetailsPriceBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsPriceBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iDAA+C;AAC/C,sCAAmC;AACnC,gEAAyD;AACzD,0DAAuD;AACvD,2EAAmD;AACnD,iEAAyC;AACzC,iFAAyD;AACzD,qEAA8D;AAC9D,2EAAmD;AAEnD,4DAAoC;AACpC,iDAA0D;AAY1D,SAAwB,qBAAqB,CAAC,KAAiC;IAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,+BAAoB,CAAC,CAAC;IAEvD,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE7D,MAAM,eAAe,GAAG,kBAAkB,GAAG,YAAY,CAAC;IAE1D,MAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,wCAAwC,EAAE;QACzE,mBAAmB,EAAE,eAAe;QACpC,kBAAkB,EAAE,KAAK,CAAC,YAAY;KACzC,CAAC,CAAC;IAEH,OAAO,CACH;QACI,6BAAK,SAAS,EAAE,0FAA0F,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;YACrI,CAAC,QAAQ,IAAI,eAAe,IAAI,CAC7B,8BAAM,SAAS,EAAC,kEAAkE;gBAC9E,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ;oBACvB;wBACI,oBAAC,kBAAQ,QAAE,kBAAkB,CAAY,CACpC,CACN;gBACN,CAAC,KAAK,CAAC,YAAY,IAAI,CACpB,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO;;oBAC7C,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CACxB,CACV,CACE,CACV;YACD,8BAAM,SAAS,EAAE,eAAe;gBAC5B,oBAAC,kBAAQ,IAAC,IAAI,EAAE,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;oBACrI,oBAAC,kBAAQ,IAAC,cAAc,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,IAC7C,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CACvB,CACJ;gBACV,CAAC,KAAK,CAAC,YAAY,IAAI,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAQ,CACrF;YACP,oBAAC,iBAAO,IAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC;gBACrE,8BAAM,SAAS,EAAC,kCAAkC;oBAC9C,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO,GAAI,CAChD,CACD,CACR,CACP,CACN,CAAC;AACN,CAAC;AA/CD,wCA+CC","sourcesContent":["import * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Color } from 'util/Color';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport Headline from 'components/generic/Headline';\nimport ScreenSize from 'util/ScreenSize';\nimport Tooltip from 'components/generic/Tooltip/Tooltip';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Currency from 'components/generic/Currency';\n\nimport classNames from 'classnames';\nimport { BookingEngineContext } from '@frontend/contexts';\n\ninterface RoomDetailsPriceBlockProps {\n    isLocked: boolean;\n    averagePreDiscount: number;\n    averagePrice: number;\n\n    isMemberOnly?: boolean;\n\n    hidePerNight?: boolean;\n}\n\nexport default function RoomDetailsPriceBlock(props: RoomDetailsPriceBlockProps) {\n    const { t } = useTranslation();\n\n    const context = React.useContext(BookingEngineContext);\n\n    const { isLocked, averagePreDiscount, averagePrice } = props;\n\n    const discountApplied = averagePreDiscount > averagePrice;\n\n    const headlineClasses = classNames('room-details--content-price-protection', {\n        '--accent-headline': discountApplied,\n        '--accent-success': props.isMemberOnly,\n    });\n\n    return (\n        <>\n            <div className={'room-details--content-price u-flex u-flex-direction-column justify-content-end flex-wrap' + (isLocked ? ' --locked' : '')}>\n                {!isLocked && discountApplied && (\n                    <span className=\"room-details--content-price-protection --original align-self-end\">\n                        <Text color={Color.DarkGrey}>\n                            <strong>\n                                <Currency>{averagePreDiscount}</Currency>\n                            </strong>\n                        </Text>\n                        {!props.hidePerNight && (\n                            <Text color={Color.DarkGrey} type={TextType.Caption}>\n                                /{t(Translation.Misc.Night)}\n                            </Text>\n                        )}\n                    </span>\n                )}\n                <span className={headlineClasses}>\n                    <Headline size={context.screenSize > ScreenSize.Medium ? 'large' : 'normal'} bold={true} className={props.isMemberOnly ? '--success' : ''}>\n                        <Currency disableLoading={true} hideDecimals={true}>\n                            {isLocked ? 321 : averagePrice}\n                        </Currency>\n                    </Headline>\n                    {!props.hidePerNight && <Text color={Color.DarkGrey}>/{t(Translation.Misc.Night)}</Text>}\n                </span>\n                <Tooltip title={t(Translation.Step.Room.RoomInfo.MemberRateLockedTooltip)}>\n                    <span className=\"room-details--content-price-lock\">\n                        <Icon icon={IconType.Lock} color={Color.Success} />\n                    </span>\n                </Tooltip>\n            </div>\n        </>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/RoomDetailsRetargeting.js

@@ -1,25 +1,51 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoomDetailsRetargeting = void 0;
 const contexts_1 = require("@frontend/contexts");
-const BEButton_1 = require("components/generic/BEButton");
-const Currency_1 = require("components/generic/Currency");
-const Headline_1 = require("components/generic/Headline");
+const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const Currency_1 = __importDefault(require("components/generic/Currency"));
+const Headline_1 = __importDefault(require("components/generic/Headline"));
 const Icon_1 = require("components/generic/Icon/Icon");
-const Pill_1 = require("components/generic/Pill");
-const Text_1 = require("components/generic/Text");
+const Pill_1 = __importStar(require("components/generic/Pill"));
+const Text_1 = __importStar(require("components/generic/Text"));
 const RoomRate_1 = require("models/Room/RoomRate");
-const FeaturedPromoFeature_1 = require("providers/feature/FeaturedPromoFeature");
+const FeaturedPromoFeature_1 = __importDefault(require("providers/feature/FeaturedPromoFeature"));
 const ImageProvider_1 = require("providers/ImageProvider");
-const React = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const Color_1 = require("util/Color");
-const DataLayer_1 = require("util/DataLayer");
-const ScreenSize_1 = require("util/ScreenSize");
-const ImageGallerySlider_1 = require("../ImageGallerySlider");
-const RoomModal_1 = require("../RoomModal");
+const DataLayer_1 = __importStar(require("util/DataLayer"));
+const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const ImageGallerySlider_1 = __importDefault(require("../ImageGallerySlider"));
+const RoomModal_1 = __importDefault(require("../RoomModal"));
 const RoomDetailsBedsBlock_1 = require("./RoomDetailsBedsBlock");
 const RoomDetailsRetargeting = (props) => {
     const { room } = props;

package/dist/src/components/steps/room/roomDetails/RoomDetailsRetargeting.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomDetailsRetargeting.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsRetargeting.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport BEButton from 'components/generic/BEButton';\nimport Currency from 'components/generic/Currency';\nimport Headline from 'components/generic/Headline';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport Pill, { PillType } from 'components/generic/Pill';\nimport Text, { TextType } from 'components/generic/Text';\n\nimport { Room } from 'models/Room/Room';\nimport { RoomRate, RoomRatePriceInclusion } from 'models/Room/RoomRate';\nimport FeaturedPromoFeature from 'providers/feature/FeaturedPromoFeature';\nimport { ImageSize } from 'providers/ImageProvider';\nimport * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport DataLayer, { InteractionType, InteractionStep } from 'util/DataLayer';\nimport ScreenSize from 'util/ScreenSize';\nimport ImageGallerySlider from '../ImageGallerySlider';\nimport RoomModal from '../RoomModal';\nimport { RoomDetailsBedsBlock } from './RoomDetailsBedsBlock';\nimport RoomRatePills from './roomRates/RoomRatePills';\n\ninterface RoomDetailsRetargetingProps {\n    room: Room;\n}\n\nexport const RoomDetailsRetargeting: React.FC<RoomDetailsRetargetingProps> = (props) => {\n    const { room } = props;\n\n    const [featuredRates, setFeaturedRates] = useState<RoomRate[]>([]);\n    const [standardRates, setStandardRates] = useState<RoomRate[]>([]);\n\n    const [viewingDescription, setViewingDescription] = useState(false);\n\n    const context = React.useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        let nonPromoRates: RoomRate[] = [];\n        const toSetFeaturedRate: RoomRate[] = [];\n\n        if (FeaturedPromoFeature.isActive()) {\n            for (const currentRate of room.getRates()) {\n                if (currentRate.promoCode?.toLowerCase() === basketContext.selectedBasketRow?.getPromoCode()?.toLowerCase()) {\n                    toSetFeaturedRate.unshift(currentRate);\n                } else {\n                    nonPromoRates.push(currentRate);\n                }\n            }\n\n            if (toSetFeaturedRate.length > 0) {\n                setFeaturedRates(toSetFeaturedRate);\n            }\n        } else {\n            nonPromoRates = room.getRates();\n        }\n\n        setStandardRates(nonPromoRates);\n    }, [room.getRates()]);\n\n    const trimmedDescription = room.getShortDescription();\n\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const lowestPrice = Math.round(room.getLowestPrice(false, true));\n    const currencySize = context.screenSize > ScreenSize.Medium && lowestPrice.toLocaleString().length < 7 ? 'large' : 'normal';\n\n    const moreDetailsOnClick = () => {\n        DataLayer.instance.sendInteraction('More Room Details', InteractionType.LINK, InteractionStep.ROOMS);\n        setViewingDescription(true);\n    };\n\n    const closeDescriptionOnClose = () => {\n        setViewingDescription(false);\n    };\n\n    return (\n        <div className=\"room-details-container --theme-retargeting u-marg-top u-marg-bottom\">\n            <div className=\"room-details\">\n                <div className=\"room-details--image\">\n                    <ImageGallerySlider images={room.getImages()} imageSize={ImageSize.Medium} />\n                </div>\n                <div className=\"room-details--content u-pad--heavy u-pad@l-\">\n                    <div className=\"u-marg-bottom\">\n                        <div className=\"u-marg-bottom\">\n                            <Pill type={PillType.Primary} icon={IconType.Add}>\n                                You booked this room recently!\n                            </Pill>\n                        </div>\n                        <div className=\"room-details--content-title u-marg-bottom--light\">\n                            <Headline bold={true}>{room.name}</Headline>\n                        </div>\n                        <RoomDetailsBedsBlock room={room} textColor={Color.Navy} />\n                        <div className=\"room-details--content-description u-marg-bottom--light\">\n                            <Text color={Color.Navy} type={TextType.Small}>\n                                {<span dangerouslySetInnerHTML={{ __html: trimmedDescription.replace(/<br(\\/|)>/g, '') }} />}\n                            </Text>\n                        </div>\n                    </div>\n\n                    <div className=\"row\">\n                        <div className=\"col-md-6 u-flex u-marg-bottom@m- flex-column align-items-start\">\n                            <div className=\"room-details--content-perks u-marg-bottom@m-\">\n                                {isMobile && (\n                                    <div className=\"u-marg-bottom\">\n                                        <Text type={TextType.Small} bold={true} color={Color.Accent}>\n                                            {t(Translation.Misc.Perks.AndYouGetAll)}\n                                        </Text>\n                                    </div>\n                                )}\n                            </div>\n                        </div>\n                        <div className=\"col-md-6 u-flex justify-content-end flex-column align-items-start align-items-md-end\">\n                            <Text type={TextType.Small} color={Color.Navy} inline={true}>\n                                {t(Translation.Misc.From)}\n                            </Text>\n                            <div className=\"room-details--content-price flex-row align-items-end\">\n                                <Headline size={currencySize} bold={true}>\n                                    <Currency hideDecimals={true}>{lowestPrice}</Currency>\n                                </Headline>\n                                <Text color={Color.Navy} inline={true}>\n                                    /{t(Translation.Misc.Night)}\n                                </Text>\n                            </div>\n                            <div className=\"u-marg-bottom\">\n                                <Text type={TextType.Small} color={Color.Navy} inline={true} className=\"u-nowrap\">\n                                    {room.getLowestPriceType() === RoomRatePriceInclusion.IncludingFeesAndTaxes\n                                        ? t(Translation.Step.Room.RoomInfo.IncludesTaxes)\n                                        : t(Translation.Step.Room.ExcludingTaxes)}\n                                </Text>\n                            </div>\n                            <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@m-\">\n                                <BEButton\n                                    name=\"ViewRatesNowButton\"\n                                    primary={true}\n                                    filled={true}\n                                    stopIconAnimation={true}\n                                    iconPosition={'right'}\n                                    wide={context.screenSize <= ScreenSize.Large}\n                                    onClick={moreDetailsOnClick}\n                                >\n                                    {t(Translation.Step.Room.RoomInfo.ViewRates)}\n                                </BEButton>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            {<RoomModal open={viewingDescription} room={props.room} rates={standardRates} featuredRates={featuredRates} onClose={closeDescriptionOnClose} />}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"RoomDetailsRetargeting.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsRetargeting.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport BEButton from 'components/generic/BEButton';\nimport Currency from 'components/generic/Currency';\nimport Headline from 'components/generic/Headline';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport Pill, { PillType } from 'components/generic/Pill';\nimport Text, { TextType } from 'components/generic/Text';\n\nimport { Room } from 'models/Room/Room';\nimport { RoomRate, RoomRatePriceInclusion } from 'models/Room/RoomRate';\nimport FeaturedPromoFeature from 'providers/feature/FeaturedPromoFeature';\nimport { ImageSize } from 'providers/ImageProvider';\nimport * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport DataLayer, { InteractionType, InteractionStep } from 'util/DataLayer';\nimport ScreenSize from 'util/ScreenSize';\nimport ImageGallerySlider from '../ImageGallerySlider';\nimport RoomModal from '../RoomModal';\nimport { RoomDetailsBedsBlock } from './RoomDetailsBedsBlock';\nimport RoomRatePills from './roomRates/RoomRatePills';\n\ninterface RoomDetailsRetargetingProps {\n    room: Room;\n}\n\nexport const RoomDetailsRetargeting: React.FC<RoomDetailsRetargetingProps> = (props) => {\n    const { room } = props;\n\n    const [featuredRates, setFeaturedRates] = useState<RoomRate[]>([]);\n    const [standardRates, setStandardRates] = useState<RoomRate[]>([]);\n\n    const [viewingDescription, setViewingDescription] = useState(false);\n\n    const context = React.useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        let nonPromoRates: RoomRate[] = [];\n        const toSetFeaturedRate: RoomRate[] = [];\n\n        if (FeaturedPromoFeature.isActive()) {\n            for (const currentRate of room.getRates()) {\n                if (currentRate.promoCode?.toLowerCase() === basketContext.selectedBasketRow?.getPromoCode()?.toLowerCase()) {\n                    toSetFeaturedRate.unshift(currentRate);\n                } else {\n                    nonPromoRates.push(currentRate);\n                }\n            }\n\n            if (toSetFeaturedRate.length > 0) {\n                setFeaturedRates(toSetFeaturedRate);\n            }\n        } else {\n            nonPromoRates = room.getRates();\n        }\n\n        setStandardRates(nonPromoRates);\n    }, [room.getRates()]);\n\n    const trimmedDescription = room.getShortDescription();\n\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const lowestPrice = Math.round(room.getLowestPrice(false, true));\n    const currencySize = context.screenSize > ScreenSize.Medium && lowestPrice.toLocaleString().length < 7 ? 'large' : 'normal';\n\n    const moreDetailsOnClick = () => {\n        DataLayer.instance.sendInteraction('More Room Details', InteractionType.LINK, InteractionStep.ROOMS);\n        setViewingDescription(true);\n    };\n\n    const closeDescriptionOnClose = () => {\n        setViewingDescription(false);\n    };\n\n    return (\n        <div className=\"room-details-container --theme-retargeting u-marg-top u-marg-bottom\">\n            <div className=\"room-details\">\n                <div className=\"room-details--image\">\n                    <ImageGallerySlider images={room.getImages()} imageSize={ImageSize.Medium} />\n                </div>\n                <div className=\"room-details--content u-pad--heavy u-pad@l-\">\n                    <div className=\"u-marg-bottom\">\n                        <div className=\"u-marg-bottom\">\n                            <Pill type={PillType.Primary} icon={IconType.Add}>\n                                You booked this room recently!\n                            </Pill>\n                        </div>\n                        <div className=\"room-details--content-title u-marg-bottom--light\">\n                            <Headline bold={true}>{room.name}</Headline>\n                        </div>\n                        <RoomDetailsBedsBlock room={room} textColor={Color.Navy} />\n                        <div className=\"room-details--content-description u-marg-bottom--light\">\n                            <Text color={Color.Navy} type={TextType.Small}>\n                                {<span dangerouslySetInnerHTML={{ __html: trimmedDescription.replace(/<br(\\/|)>/g, '') }} />}\n                            </Text>\n                        </div>\n                    </div>\n\n                    <div className=\"row\">\n                        <div className=\"col-md-6 u-flex u-marg-bottom@m- flex-column align-items-start\">\n                            <div className=\"room-details--content-perks u-marg-bottom@m-\">\n                                {isMobile && (\n                                    <div className=\"u-marg-bottom\">\n                                        <Text type={TextType.Small} bold={true} color={Color.Accent}>\n                                            {t(Translation.Misc.Perks.AndYouGetAll)}\n                                        </Text>\n                                    </div>\n                                )}\n                            </div>\n                        </div>\n                        <div className=\"col-md-6 u-flex justify-content-end flex-column align-items-start align-items-md-end\">\n                            <Text type={TextType.Small} color={Color.Navy} inline={true}>\n                                {t(Translation.Misc.From)}\n                            </Text>\n                            <div className=\"room-details--content-price flex-row align-items-end\">\n                                <Headline size={currencySize} bold={true}>\n                                    <Currency hideDecimals={true}>{lowestPrice}</Currency>\n                                </Headline>\n                                <Text color={Color.Navy} inline={true}>\n                                    /{t(Translation.Misc.Night)}\n                                </Text>\n                            </div>\n                            <div className=\"u-marg-bottom\">\n                                <Text type={TextType.Small} color={Color.Navy} inline={true} className=\"u-nowrap\">\n                                    {room.getLowestPriceType() === RoomRatePriceInclusion.IncludingFeesAndTaxes\n                                        ? t(Translation.Step.Room.RoomInfo.IncludesTaxes)\n                                        : t(Translation.Step.Room.ExcludingTaxes)}\n                                </Text>\n                            </div>\n                            <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@m-\">\n                                <BEButton\n                                    name=\"ViewRatesNowButton\"\n                                    primary={true}\n                                    filled={true}\n                                    stopIconAnimation={true}\n                                    iconPosition={'right'}\n                                    wide={context.screenSize <= ScreenSize.Large}\n                                    onClick={moreDetailsOnClick}\n                                >\n                                    {t(Translation.Step.Room.RoomInfo.ViewRates)}\n                                </BEButton>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            {<RoomModal open={viewingDescription} room={props.room} rates={standardRates} featuredRates={featuredRates} onClose={closeDescriptionOnClose} />}\n        </div>\n    );\n};\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/BookNowButton.js

@@ -1,10 +1,36 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
 const contexts_1 = require("@frontend/contexts");
-const BEButton_1 = require("components/generic/BEButton");
-const ScreenSize_1 = require("util/ScreenSize");
+const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
 function BookNowButton(props) {
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);

package/dist/src/components/steps/room/roomDetails/roomRates/BookNowButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookNowButton.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/BookNowButton.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAAqD;AACrD,iDAAyE;AAEzE,0DAAmD;AACnD,gDAAyC;AAUzC,SAAwB,aAAa,CAAC,KAAyB;IAC3D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEzB,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,IAAI,KAAK,CAAC,qBAAqB,EAAE;YAC7B,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;SAC3C;aAAM;YACH,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBACxC,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,EAAE;oBACd,YAAY,CAAC,KAAK,CAAC,CAAC;iBACvB;YACL,CAAC,CAAC,CAAC;SACN;IACL,CAAC,CAAC;IAEF,OAAO,CACH,8BAAM,GAAG,EAAE,GAAG;QACV,oBAAC,kBAAQ,IACL,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,eAAe,EACpB,MAAM,EAAE,KAAK,CAAC,QAAQ,EACtB,OAAO,EAAE,IAAI,EACb,WAAW,EAAE,IAAI,EACjB,IAAI,EAAE,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,EAC7C,OAAO,EAAE,cAAc,IAEtB,KAAK,CAAC,WAAW,CACX,CACR,CACV,CAAC;AACN,CAAC;AApCD,gCAoCC","sourcesContent":["import * as React from 'react';\nimport { useContext, useRef, useState } from 'react';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport BEButton from 'components/generic/BEButton';\nimport ScreenSize from 'util/ScreenSize';\n\ninterface BookNowButtonProps {\n    buttonLabel: string;\n    rate: RoomRate;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n\n    isFilled?: boolean;\n}\n\nexport default function BookNowButton(props: BookNowButtonProps) {\n    const basketContext = useContext(BasketContext);\n    const [isLoading, setIsLoading] = useState(false);\n    const context = useContext(BookingEngineContext);\n\n    const ref = useRef(null);\n\n    const addRateOnClick = () => {\n        if (props.onAddToBasketOverride) {\n            props.onAddToBasketOverride(props.rate);\n        } else {\n            setIsLoading(true);\n\n            basketContext.addRate(props.rate).then(() => {\n                if (ref?.current) {\n                    setIsLoading(false);\n                }\n            });\n        }\n    };\n\n    return (\n        <span ref={ref}>\n            <BEButton\n                isLoading={isLoading}\n                name=\"AddRateToCard\"\n                filled={props.isFilled}\n                primary={true}\n                mobileWidth={true}\n                wide={context.screenSize <= ScreenSize.Medium}\n                onClick={addRateOnClick}\n            >\n                {props.buttonLabel}\n            </BEButton>\n        </span>\n    );\n}\n"]}
+{"version":3,"file":"BookNowButton.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/BookNowButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAqD;AACrD,iDAAyE;AAEzE,2EAAmD;AACnD,iEAAyC;AAUzC,SAAwB,aAAa,CAAC,KAAyB;IAC3D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEzB,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,IAAI,KAAK,CAAC,qBAAqB,EAAE;YAC7B,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;SAC3C;aAAM;YACH,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBACxC,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,EAAE;oBACd,YAAY,CAAC,KAAK,CAAC,CAAC;iBACvB;YACL,CAAC,CAAC,CAAC;SACN;IACL,CAAC,CAAC;IAEF,OAAO,CACH,8BAAM,GAAG,EAAE,GAAG;QACV,oBAAC,kBAAQ,IACL,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,eAAe,EACpB,MAAM,EAAE,KAAK,CAAC,QAAQ,EACtB,OAAO,EAAE,IAAI,EACb,WAAW,EAAE,IAAI,EACjB,IAAI,EAAE,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,EAC7C,OAAO,EAAE,cAAc,IAEtB,KAAK,CAAC,WAAW,CACX,CACR,CACV,CAAC;AACN,CAAC;AApCD,gCAoCC","sourcesContent":["import * as React from 'react';\nimport { useContext, useRef, useState } from 'react';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport BEButton from 'components/generic/BEButton';\nimport ScreenSize from 'util/ScreenSize';\n\ninterface BookNowButtonProps {\n    buttonLabel: string;\n    rate: RoomRate;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n\n    isFilled?: boolean;\n}\n\nexport default function BookNowButton(props: BookNowButtonProps) {\n    const basketContext = useContext(BasketContext);\n    const [isLoading, setIsLoading] = useState(false);\n    const context = useContext(BookingEngineContext);\n\n    const ref = useRef(null);\n\n    const addRateOnClick = () => {\n        if (props.onAddToBasketOverride) {\n            props.onAddToBasketOverride(props.rate);\n        } else {\n            setIsLoading(true);\n\n            basketContext.addRate(props.rate).then(() => {\n                if (ref?.current) {\n                    setIsLoading(false);\n                }\n            });\n        }\n    };\n\n    return (\n        <span ref={ref}>\n            <BEButton\n                isLoading={isLoading}\n                name=\"AddRateToCard\"\n                filled={props.isFilled}\n                primary={true}\n                mobileWidth={true}\n                wide={context.screenSize <= ScreenSize.Medium}\n                onClick={addRateOnClick}\n            >\n                {props.buttonLabel}\n            </BEButton>\n        </span>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/MembersOnlyRow.js

@@ -1,23 +1,49 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
-const Text_1 = require("components/generic/Text");
+const Text_1 = __importStar(require("components/generic/Text"));
 const Color_1 = require("util/Color");
-const BEButton_1 = require("components/generic/BEButton");
+const BEButton_1 = __importDefault(require("components/generic/BEButton"));
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
-const classNames = require("classnames");
-const Icon_1 = require("components/generic/Icon/Icon");
-const Pill_1 = require("components/generic/Pill");
-const DataLayer_1 = require("util/DataLayer");
-const RoomDetailsPriceBlock_1 = require("components/steps/room/roomDetails/RoomDetailsPriceBlock");
+const classnames_1 = __importDefault(require("classnames"));
+const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
+const Pill_1 = __importStar(require("components/generic/Pill"));
+const DataLayer_1 = __importStar(require("util/DataLayer"));
+const RoomDetailsPriceBlock_1 = __importDefault(require("components/steps/room/roomDetails/RoomDetailsPriceBlock"));
 const contexts_1 = require("@frontend/contexts");
 function MembersOnlyRow() {
     const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
     const { t } = (0, react_i18next_1.useTranslation)();
     const currentRow = (0, react_1.useRef)(null);
-    const classes = classNames('room-info', {
+    const classes = (0, classnames_1.default)('room-info', {
         '--locked': true,
     });
     let isLocked = false;

package/dist/src/components/steps/room/roomDetails/roomRates/MembersOnlyRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"MembersOnlyRow.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/MembersOnlyRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useRef } from 'react';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport BEButton from 'components/generic/BEButton';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\n\nimport * as classNames from 'classnames';\n\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Pill, { PillType } from 'components/generic/Pill';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport RoomDetailsPriceBlock from 'components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport { CompanyContext } from '@frontend/contexts';\n\nexport default function MembersOnlyRow() {\n    const ccx = useContext(CompanyContext);\n\n    const { t } = useTranslation();\n\n    const currentRow = useRef(null);\n\n    const classes = classNames('room-info', {\n        '--locked': true,\n    });\n\n    let isLocked = false;\n\n    if (!ccx.signedInUser) {\n        isLocked = true;\n    }\n\n    const openSignupModalOnClick = () => {\n        DataLayer.instance.sendInteraction('Member Signup Modal', InteractionType.BUTTON, InteractionStep.ROOMS);\n        ccx.openMemberSignupModal();\n    };\n\n    return (\n        <div className={classes} ref={currentRow}>\n            <div className=\"row\">\n                {isLocked ? (\n                    <>\n                        <div className=\"col-md-8\">\n                            <div className=\"u-flex flex-column h-100\">\n                                <div>\n                                    <div className=\"u-marg-bottom-half\">\n                                        <Text type={TextType.Body} color={Color.Success}>\n                                            <strong>{t(Translation.Step.Room.RoomInfo.MemberOnlyRow.MemberOnlyPrices)}</strong>\n                                        </Text>\n                                    </div>\n                                    <div\n                                        className=\"u-marg-bottom u-h-ml-2 text-small u-clear-font-weight\"\n                                        dangerouslySetInnerHTML={{\n                                            __html: t(Translation.Step.Room.RoomInfo.MemberOnlyRow.DealsForOnly, {\n                                                companyShort: ccx?.companyShort,\n                                            }),\n                                        }}\n                                    ></div>\n                                    <div className=\"u-marg-bottom\" onClick={openSignupModalOnClick}>\n                                        <Pill icon={IconType.Money} type={PillType.Success}>\n                                            {t(Translation.Step.Room.RoomInfo.SignUpToSee)}\n                                        </Pill>\n                                    </div>\n                                </div>\n                                <div className=\"u-flex justify-content-start u-marg-top-bottom@m-\">\n                                    <div className=\"u-marg-right u-inline-flex\">\n                                        <BEButton icon={IconType.ArrowRight2} isText={true} primary={true} size=\"small\" iconPosition=\"right\" onClick={openSignupModalOnClick}>\n                                            {t(Translation.Step.Room.ReadMore)}\n                                        </BEButton>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"col-md-4 u-flex flex-column align-items-start align-items-md-end justify-content-start\">\n                            <RoomDetailsPriceBlock isLocked={isLocked} averagePreDiscount={321} averagePrice={321} isMemberOnly={true} />\n                            <div className=\"u-marg-top u-w-100@m-\">\n                                {isLocked && (\n                                    <BEButton filled={true} success={true} mobileWidth={true} onClick={openSignupModalOnClick}>\n                                        Reveal Prices Now\n                                    </BEButton>\n                                )}\n                            </div>\n                        </div>\n                    </>\n                ) : (\n                    <div className=\"d-flex justify-content-center w-100\">\n                        <div className=\"d-flex align-items-center\">\n                            <span className=\"room-details--content-price-lock u-marg-right\" style={{ opacity: 1, position: 'unset', transform: 'none' }}>\n                                <Icon icon={IconType.Lock} color={Color.Success} />\n                            </span>\n                            <Text type={TextType.Body} color={Color.Success} inline={true}>\n                                <strong>{t(Translation.Step.Room.RoomInfo.MemberOnlyDealsActivated)}</strong>\n                            </Text>\n                        </div>\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"MembersOnlyRow.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/MembersOnlyRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useRef } from 'react';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport BEButton from 'components/generic/BEButton';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\n\nimport classNames from 'classnames';\n\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Pill, { PillType } from 'components/generic/Pill';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport RoomDetailsPriceBlock from 'components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport { CompanyContext } from '@frontend/contexts';\n\nexport default function MembersOnlyRow() {\n    const ccx = useContext(CompanyContext);\n\n    const { t } = useTranslation();\n\n    const currentRow = useRef(null);\n\n    const classes = classNames('room-info', {\n        '--locked': true,\n    });\n\n    let isLocked = false;\n\n    if (!ccx.signedInUser) {\n        isLocked = true;\n    }\n\n    const openSignupModalOnClick = () => {\n        DataLayer.instance.sendInteraction('Member Signup Modal', InteractionType.BUTTON, InteractionStep.ROOMS);\n        ccx.openMemberSignupModal();\n    };\n\n    return (\n        <div className={classes} ref={currentRow}>\n            <div className=\"row\">\n                {isLocked ? (\n                    <>\n                        <div className=\"col-md-8\">\n                            <div className=\"u-flex flex-column h-100\">\n                                <div>\n                                    <div className=\"u-marg-bottom-half\">\n                                        <Text type={TextType.Body} color={Color.Success}>\n                                            <strong>{t(Translation.Step.Room.RoomInfo.MemberOnlyRow.MemberOnlyPrices)}</strong>\n                                        </Text>\n                                    </div>\n                                    <div\n                                        className=\"u-marg-bottom u-h-ml-2 text-small u-clear-font-weight\"\n                                        dangerouslySetInnerHTML={{\n                                            __html: t(Translation.Step.Room.RoomInfo.MemberOnlyRow.DealsForOnly, {\n                                                companyShort: ccx?.companyShort,\n                                            }),\n                                        }}\n                                    ></div>\n                                    <div className=\"u-marg-bottom\" onClick={openSignupModalOnClick}>\n                                        <Pill icon={IconType.Money} type={PillType.Success}>\n                                            {t(Translation.Step.Room.RoomInfo.SignUpToSee)}\n                                        </Pill>\n                                    </div>\n                                </div>\n                                <div className=\"u-flex justify-content-start u-marg-top-bottom@m-\">\n                                    <div className=\"u-marg-right u-inline-flex\">\n                                        <BEButton icon={IconType.ArrowRight2} isText={true} primary={true} size=\"small\" iconPosition=\"right\" onClick={openSignupModalOnClick}>\n                                            {t(Translation.Step.Room.ReadMore)}\n                                        </BEButton>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"col-md-4 u-flex flex-column align-items-start align-items-md-end justify-content-start\">\n                            <RoomDetailsPriceBlock isLocked={isLocked} averagePreDiscount={321} averagePrice={321} isMemberOnly={true} />\n                            <div className=\"u-marg-top u-w-100@m-\">\n                                {isLocked && (\n                                    <BEButton filled={true} success={true} mobileWidth={true} onClick={openSignupModalOnClick}>\n                                        Reveal Prices Now\n                                    </BEButton>\n                                )}\n                            </div>\n                        </div>\n                    </>\n                ) : (\n                    <div className=\"d-flex justify-content-center w-100\">\n                        <div className=\"d-flex align-items-center\">\n                            <span className=\"room-details--content-price-lock u-marg-right\" style={{ opacity: 1, position: 'unset', transform: 'none' }}>\n                                <Icon icon={IconType.Lock} color={Color.Success} />\n                            </span>\n                            <Text type={TextType.Body} color={Color.Success} inline={true}>\n                                <strong>{t(Translation.Step.Room.RoomInfo.MemberOnlyDealsActivated)}</strong>\n                            </Text>\n                        </div>\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n"]}