@roomstay/frontend 2.0.12 → 2.1.0

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

@@ -1,18 +1,44 @@
 "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.PriceBreakdownFooter = void 0;
-const React = require("react");
+const React = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const contexts_1 = require("@frontend/contexts");
 const Color_1 = require("util/Color");
-const StringHelper_1 = require("util/StringHelper");
+const StringHelper_1 = __importDefault(require("util/StringHelper"));
 const Translation_1 = require("translations/Translation");
-const Text_1 = require("components/generic/Text");
-const Headline_1 = require("components/generic/Headline");
-const LineBreak_1 = require("components/generic/LineBreak");
-const Currency_1 = require("components/generic/Currency");
-const RoomDetailsPriceBlock_1 = require("components/steps/room/roomDetails/RoomDetailsPriceBlock");
-const BookNowButton_1 = require("components/steps/room/roomDetails/roomRates/BookNowButton");
+const Text_1 = __importStar(require("components/generic/Text"));
+const Headline_1 = __importDefault(require("components/generic/Headline"));
+const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
+const Currency_1 = __importDefault(require("components/generic/Currency"));
+const RoomDetailsPriceBlock_1 = __importDefault(require("components/steps/room/roomDetails/RoomDetailsPriceBlock"));
+const BookNowButton_1 = __importDefault(require("components/steps/room/roomDetails/roomRates/BookNowButton"));
 const react_1 = require("react");
 const contexts_2 = require("@frontend/contexts");
 const PriceBreakdownFooter = (props) => {

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

@@ -1 +1 @@
-{"version":3,"file":"PriceBreakdownBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/PriceBreakdownBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext } from '@frontend/contexts';\nimport { Color } from 'util/Color';\nimport StringHelper from 'util/StringHelper';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from 'components/generic/Text';\nimport Headline from 'components/generic/Headline';\nimport LineBreak from 'components/generic/LineBreak';\nimport Currency from 'components/generic/Currency';\nimport RoomDetailsPriceBlock from 'components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from 'components/steps/room/roomDetails/roomRates/BookNowButton';\nimport { useContext } from 'react';\nimport { CompanyContext } from '@frontend/contexts';\n\ninterface RoomModalProps {\n    rate: RoomRate;\n    onClose?: (closedByBooking: boolean) => void;\n}\ninterface PriceBreakdownFooterProps {\n    rate: RoomRate;\n    onClose: () => void;\n\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n}\n\nexport const PriceBreakdownFooter = (props: PriceBreakdownFooterProps) => {\n    const { t } = useTranslation();\n\n    const basketContext = useContext(BasketContext);\n    // Just like the room list, if none are selected we select the last one. Possible refactor here & room list?\n    // TODO\n    const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n    const { rate } = props;\n\n    const days: any = [];\n    const totalDays = basketRow?.getEndDate()?.diff(basketRow?.getStartDate(), 'day') ?? 0;\n\n    for (let i = 0; i <= totalDays; i++) {\n        const currentDay = basketRow?.getStartDate().add(i, 'day');\n        if (currentDay) {\n            days.push(currentDay.format('dddd, MMM DD, YYYY'));\n        }\n    }\n\n    const bookButtonLabel = props.getButtonLabel ? props.getButtonLabel(false, false) : t(Translation.Step.Room.RoomInfo.BookNow);\n\n    return (\n        <div className=\"u-flex align-items-center\">\n            <Text color={Color.DarkGrey}>\n                {basketRow !== null && (\n                    <>\n                        {StringHelper.pluralWithDictAndCount(basketRow?.getAdults(), Translation.Step.Date.Adult, t)},&nbsp;\n                        {StringHelper.pluralWithDictAndCount(basketRow?.getChildren(), Translation.Step.Date.Child, t)},&nbsp;\n                    </>\n                )}\n                {StringHelper.pluralWithDictAndCount(days.length - 1, Translation.Misc.Night, t)}\n            </Text>\n            <div className=\"u-flex align-items-center\">\n                <BookNowButton isFilled={true} rate={props.rate} buttonLabel={bookButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />\n            </div>\n        </div>\n    );\n};\n\nexport default function PriceBreakdownBlock(props: RoomModalProps) {\n    const { t } = useTranslation();\n    const ccx = useContext(CompanyContext);\n\n    const basketContext = React.useContext(BasketContext);\n\n    const selectedRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n    const { rate } = props;\n\n    const days: any = [];\n\n    const totalDays = selectedRow?.getEndDate().diff(selectedRow?.getStartDate(), 'day') ?? 0;\n\n    for (let i = 0; i <= totalDays; i++) {\n        const currentDay = selectedRow?.getStartDate().add(i, 'day');\n        if (currentDay) {\n            days.push(currentDay.format('dddd, MMM DD, YYYY'));\n        }\n    }\n\n    const nightRates = Object.values(rate.nightRates);\n\n    let isLocked = false;\n    if (rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n\n    const totalFees = rate.getTotalFees();\n    const totalTax = rate.getTotalTaxes();\n\n    return (\n        <>\n            <div className=\"row\">\n                <div className=\"col-md-6\">\n                    <Text type={TextType.Label} color={Color.DarkGrey}>\n                        {t(Translation.Step.Room.Filter.RoomType)}\n                    </Text>\n                    <div className=\"u-flex\">\n                        <Headline>\n                            <strong>{rate.getRoom().name}</strong>\n                        </Headline>\n                    </div>\n                </div>\n                <div className=\"col-md-6\">\n                    <Text type={TextType.Label} color={Color.DarkGrey}>\n                        {t(Translation.Step.Room.Filter.RateType)}\n                    </Text>\n                    <div className=\"u-flex\">\n                        <Headline>\n                            <strong>{rate.name}</strong>\n                        </Headline>\n                    </div>\n                </div>\n            </div>\n            <LineBreak />\n            {days.map((day: any, index: number) => {\n                const isLastDay = index === days.length - 1;\n\n                const nightRate = nightRates[index];\n\n                if (!nightRate && !isLastDay) {\n                    return;\n                }\n\n                return (\n                    <div className=\"u-flex u-marg-bottom\" key={index}>\n                        <Text>{day}</Text>\n                        {isLastDay ? (\n                            <Text color={Color.Success}>{t(Translation.Misc.CheckOut)}</Text>\n                        ) : (\n                            <Text color={Color.DarkGrey} className=\"u-pos-rel\">\n                                {Number(nightRate.discount) > 0 && (\n                                    <span\n                                        style={{\n                                            textDecoration: 'line-through',\n                                            fontSize: '14px',\n                                            height: '1.1em',\n                                            position: 'absolute',\n                                            top: '0',\n                                            right: '0',\n                                            transform: 'translateY(-100%)',\n                                        }}\n                                        className=\"u-cross-out\"\n                                    >\n                                        <Currency>{nightRate.cost + nightRate.discount}</Currency>\n                                    </span>\n                                )}\n                                <span className=\"u-primary u-bold\">\n                                    <Currency>{nightRate.cost}</Currency>\n                                </span>\n                            </Text>\n                        )}\n                    </div>\n                );\n            })}\n            {!!totalFees && (\n                <div className=\"u-flex u-marg-bottom\">\n                    <Text>{t(Translation.Step.Room.Summary.Fees)}</Text>\n                    <Text color={Color.DarkGrey}>\n                        <Currency>{totalFees}</Currency>\n                    </Text>\n                </div>\n            )}\n            {!!totalTax && (\n                <div className=\"u-flex u-marg-bottom\">\n                    <Text>{t(Translation.Step.Room.Summary.Taxes)}</Text>\n                    <Text color={Color.DarkGrey}>\n                        <Currency>{totalTax}</Currency>\n                    </Text>\n                </div>\n            )}\n\n            <div className=\"u-marg-top-bottom--heavy u-flex flex-column align-items-end\">\n                <Text type={TextType.Small} color={Color.Navy}>\n                    {t(Translation.Misc.Total)}\n                </Text>\n                <RoomDetailsPriceBlock\n                    isLocked={isLocked}\n                    averagePreDiscount={rate.getTotalPriceBeforeDiscount()}\n                    averagePrice={rate.getTotalPrice()}\n                    isMemberOnly={props.rate.isMemberOnly}\n                    hidePerNight={true}\n                />\n                <div className=\"u-marg-bottom\">\n                    <Text type={TextType.Label} color={Color.DarkGrey} inline={true}>\n                        {t(Translation.Step.Room.RoomInfo.IncludesTaxes)}.\n                    </Text>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"PriceBreakdownBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/PriceBreakdownBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext } from '@frontend/contexts';\nimport { Color } from 'util/Color';\nimport StringHelper from 'util/StringHelper';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from 'components/generic/Text';\nimport Headline from 'components/generic/Headline';\nimport LineBreak from 'components/generic/LineBreak';\nimport Currency from 'components/generic/Currency';\nimport RoomDetailsPriceBlock from 'components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from 'components/steps/room/roomDetails/roomRates/BookNowButton';\nimport { useContext } from 'react';\nimport { CompanyContext } from '@frontend/contexts';\n\ninterface RoomModalProps {\n    rate: RoomRate;\n    onClose?: (closedByBooking: boolean) => void;\n}\ninterface PriceBreakdownFooterProps {\n    rate: RoomRate;\n    onClose: () => void;\n\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n}\n\nexport const PriceBreakdownFooter = (props: PriceBreakdownFooterProps) => {\n    const { t } = useTranslation();\n\n    const basketContext = useContext(BasketContext);\n    // Just like the room list, if none are selected we select the last one. Possible refactor here & room list?\n    // TODO\n    const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n    const { rate } = props;\n\n    const days: any = [];\n    const totalDays = basketRow?.getEndDate()?.diff(basketRow?.getStartDate(), 'day') ?? 0;\n\n    for (let i = 0; i <= totalDays; i++) {\n        const currentDay = basketRow?.getStartDate().add(i, 'day');\n        if (currentDay) {\n            days.push(currentDay.format('dddd, MMM DD, YYYY'));\n        }\n    }\n\n    const bookButtonLabel = props.getButtonLabel ? props.getButtonLabel(false, false) : t(Translation.Step.Room.RoomInfo.BookNow);\n\n    return (\n        <div className=\"u-flex align-items-center\">\n            <Text color={Color.DarkGrey}>\n                {basketRow !== null && (\n                    <>\n                        {StringHelper.pluralWithDictAndCount(basketRow?.getAdults(), Translation.Step.Date.Adult, t)},&nbsp;\n                        {StringHelper.pluralWithDictAndCount(basketRow?.getChildren(), Translation.Step.Date.Child, t)},&nbsp;\n                    </>\n                )}\n                {StringHelper.pluralWithDictAndCount(days.length - 1, Translation.Misc.Night, t)}\n            </Text>\n            <div className=\"u-flex align-items-center\">\n                <BookNowButton isFilled={true} rate={props.rate} buttonLabel={bookButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />\n            </div>\n        </div>\n    );\n};\n\nexport default function PriceBreakdownBlock(props: RoomModalProps) {\n    const { t } = useTranslation();\n    const ccx = useContext(CompanyContext);\n\n    const basketContext = React.useContext(BasketContext);\n\n    const selectedRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n    const { rate } = props;\n\n    const days: any = [];\n\n    const totalDays = selectedRow?.getEndDate().diff(selectedRow?.getStartDate(), 'day') ?? 0;\n\n    for (let i = 0; i <= totalDays; i++) {\n        const currentDay = selectedRow?.getStartDate().add(i, 'day');\n        if (currentDay) {\n            days.push(currentDay.format('dddd, MMM DD, YYYY'));\n        }\n    }\n\n    const nightRates = Object.values(rate.nightRates);\n\n    let isLocked = false;\n    if (rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n\n    const totalFees = rate.getTotalFees();\n    const totalTax = rate.getTotalTaxes();\n\n    return (\n        <>\n            <div className=\"row\">\n                <div className=\"col-md-6\">\n                    <Text type={TextType.Label} color={Color.DarkGrey}>\n                        {t(Translation.Step.Room.Filter.RoomType)}\n                    </Text>\n                    <div className=\"u-flex\">\n                        <Headline>\n                            <strong>{rate.getRoom().name}</strong>\n                        </Headline>\n                    </div>\n                </div>\n                <div className=\"col-md-6\">\n                    <Text type={TextType.Label} color={Color.DarkGrey}>\n                        {t(Translation.Step.Room.Filter.RateType)}\n                    </Text>\n                    <div className=\"u-flex\">\n                        <Headline>\n                            <strong>{rate.name}</strong>\n                        </Headline>\n                    </div>\n                </div>\n            </div>\n            <LineBreak />\n            {days.map((day: any, index: number) => {\n                const isLastDay = index === days.length - 1;\n\n                const nightRate = nightRates[index];\n\n                if (!nightRate && !isLastDay) {\n                    return;\n                }\n\n                return (\n                    <div className=\"u-flex u-marg-bottom\" key={index}>\n                        <Text>{day}</Text>\n                        {isLastDay ? (\n                            <Text color={Color.Success}>{t(Translation.Misc.CheckOut)}</Text>\n                        ) : (\n                            <Text color={Color.DarkGrey} className=\"u-pos-rel\">\n                                {Number(nightRate.discount) > 0 && (\n                                    <span\n                                        style={{\n                                            textDecoration: 'line-through',\n                                            fontSize: '14px',\n                                            height: '1.1em',\n                                            position: 'absolute',\n                                            top: '0',\n                                            right: '0',\n                                            transform: 'translateY(-100%)',\n                                        }}\n                                        className=\"u-cross-out\"\n                                    >\n                                        <Currency>{nightRate.cost + nightRate.discount}</Currency>\n                                    </span>\n                                )}\n                                <span className=\"u-primary u-bold\">\n                                    <Currency>{nightRate.cost}</Currency>\n                                </span>\n                            </Text>\n                        )}\n                    </div>\n                );\n            })}\n            {!!totalFees && (\n                <div className=\"u-flex u-marg-bottom\">\n                    <Text>{t(Translation.Step.Room.Summary.Fees)}</Text>\n                    <Text color={Color.DarkGrey}>\n                        <Currency>{totalFees}</Currency>\n                    </Text>\n                </div>\n            )}\n            {!!totalTax && (\n                <div className=\"u-flex u-marg-bottom\">\n                    <Text>{t(Translation.Step.Room.Summary.Taxes)}</Text>\n                    <Text color={Color.DarkGrey}>\n                        <Currency>{totalTax}</Currency>\n                    </Text>\n                </div>\n            )}\n\n            <div className=\"u-marg-top-bottom--heavy u-flex flex-column align-items-end\">\n                <Text type={TextType.Small} color={Color.Navy}>\n                    {t(Translation.Misc.Total)}\n                </Text>\n                <RoomDetailsPriceBlock\n                    isLocked={isLocked}\n                    averagePreDiscount={rate.getTotalPriceBeforeDiscount()}\n                    averagePrice={rate.getTotalPrice()}\n                    isMemberOnly={props.rate.isMemberOnly}\n                    hidePerNight={true}\n                />\n                <div className=\"u-marg-bottom\">\n                    <Text type={TextType.Label} color={Color.DarkGrey} inline={true}>\n                        {t(Translation.Step.Room.RoomInfo.IncludesTaxes)}.\n                    </Text>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}

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

@@ -1,19 +1,45 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoomRateDescriptionFooter = void 0;
-const React = require("react");
-const Headline_1 = require("components/generic/Headline");
-const LineBreak_1 = require("components/generic/LineBreak");
-const Text_1 = require("components/generic/Text");
+const React = __importStar(require("react"));
+const Headline_1 = __importDefault(require("components/generic/Headline"));
+const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
+const Text_1 = __importStar(require("components/generic/Text"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const Color_1 = require("util/Color");
 const TextAlignment_1 = require("util/TextAlignment");
-const BEButton_1 = require("components/generic/BEButton");
+const BEButton_1 = __importDefault(require("components/generic/BEButton"));
 const react_1 = require("react");
-const RoomDetailsPriceBlock_1 = require("components/steps/room/roomDetails/RoomDetailsPriceBlock");
-const DataLayer_1 = require("util/DataLayer");
-const BookNowButton_1 = require("components/steps/room/roomDetails/roomRates/BookNowButton");
+const RoomDetailsPriceBlock_1 = __importDefault(require("components/steps/room/roomDetails/RoomDetailsPriceBlock"));
+const DataLayer_1 = __importStar(require("util/DataLayer"));
+const BookNowButton_1 = __importDefault(require("components/steps/room/roomDetails/roomRates/BookNowButton"));
 const contexts_1 = require("@frontend/contexts");
 const RoomRateDescriptionFooter = (props) => {
     const { t } = (0, react_i18next_1.useTranslation)();

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

@@ -1 +1 @@
-{"version":3,"file":"RoomRateDescriptionTab.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport Headline from 'components/generic/Headline';\nimport LineBreak from 'components/generic/LineBreak';\nimport Text, { TextType } from 'components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport { TextAlign } from 'util/TextAlignment';\nimport BEButton from 'components/generic/BEButton';\nimport { useContext } from 'react';\nimport RoomDetailsPriceBlock from 'components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport BookNowButton from 'components/steps/room/roomDetails/roomRates/BookNowButton';\nimport { CompanyContext } from '@frontend/contexts';\n\ninterface RoomRateDescriptionTabProps {\n    rate: RoomRate;\n}\ninterface RoomRateDescriptionFooterProps {\n    rate: RoomRate;\n    onClose: () => void;\n\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n}\n\nexport const RoomRateDescriptionFooter = (props: RoomRateDescriptionFooterProps) => {\n    const { t } = useTranslation();\n    const ccx = useContext(CompanyContext);\n\n    const { rate } = props;\n\n    let isLocked = false;\n\n    if (rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n\n    const bookButtonLabel = props.getButtonLabel ? props.getButtonLabel(false, false) : t(Translation.Step.Room.RoomInfo.BookNow);\n\n    const openSignupModalOnClick = () => {\n        DataLayer.instance.sendInteraction('Member Signup Modal', InteractionType.LINK, InteractionStep.ROOMS);\n        ccx.openMemberSignupModal();\n    };\n\n    const bookNowButton = isLocked ? (\n        <BEButton filled={true} success={true} onClick={openSignupModalOnClick}>\n            {t(Translation.Step.Room.RoomInfo.RevealPrice)}\n        </BEButton>\n    ) : (\n        <BookNowButton isFilled={true} rate={props.rate} buttonLabel={bookButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />\n    );\n\n    const priceBlock = <div className=\"u-flex flex-column align-items-start align-items-md-end justify-content-start\" />;\n\n    return (\n        <div className=\"u-flex\">\n            {priceBlock}\n            <div className=\"u-flex align-items-center\">{bookNowButton}</div>\n        </div>\n    );\n};\n\nexport default function RoomRateDescriptionTab(props: RoomRateDescriptionTabProps) {\n    const ccx = useContext(CompanyContext);\n\n    const { t } = useTranslation();\n    const cancelPolicy = props.rate.getCancellationPolicy();\n    const guaranteePolicy = props.rate.getGuaranteePolicy();\n\n    let isLocked = false;\n    if (props.rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n\n    const rate = props.rate;\n\n    return (\n        <>\n            <div>\n                <div className=\"u-marg-bottom--light\">\n                    <Headline bold={true}>{props.rate.name}</Headline>\n                </div>\n\n                <div className=\"text-small u-pre-wrap u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: props.rate.longDescription ?? props.rate.description }} />\n\n                <LineBreak />\n                <div className=\"u-marg-bottom--light\">\n                    <Text>\n                        <strong>{t(Translation.Step.Confirmation.Policies)}</strong>\n                    </Text>\n                </div>\n                <div className=\"u-marg-bottom--heavy\">\n                    {guaranteePolicy && (\n                        <div className=\"u-marg-bottom--heavy\">\n                            <div className=\"u-marg-bottom--light\">\n                                <Text type={TextType.Small}>\n                                    <strong>{t(Translation.Misc.GuaranteePolicy)}</strong>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small}>\n                                <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: guaranteePolicy }} />\n                            </Text>\n                        </div>\n                    )}\n                    {\n                        <div className=\"u-marg-bottom--heavy\">\n                            <div className=\"u-marg-bottom--light\">\n                                <Text type={TextType.Small}>\n                                    <strong>{t(Translation.Misc.CancellationPolicy)}</strong>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small}>\n                                <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: cancelPolicy }} />\n                            </Text>\n                        </div>\n                    }\n                </div>\n\n                <div className=\"u-flex flex-column align-items-start align-items-md-end justify-content-end\">\n                    <Text type={TextType.Small} color={Color.Navy}>\n                        {t(Translation.Misc.Total)}\n                    </Text>\n                    <RoomDetailsPriceBlock\n                        isLocked={isLocked}\n                        averagePreDiscount={rate.getTotalPriceBeforeDiscount()}\n                        averagePrice={rate.getTotalPrice()}\n                        isMemberOnly={props.rate.isMemberOnly}\n                        hidePerNight={true}\n                    />\n                    <Text type={TextType.Label} color={Color.DarkGrey} align={TextAlign.Right}>\n                        {t(Translation.Step.Room.RoomInfo.IncludesTaxes)}\n                    </Text>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"RoomRateDescriptionTab.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport Headline from 'components/generic/Headline';\nimport LineBreak from 'components/generic/LineBreak';\nimport Text, { TextType } from 'components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport { TextAlign } from 'util/TextAlignment';\nimport BEButton from 'components/generic/BEButton';\nimport { useContext } from 'react';\nimport RoomDetailsPriceBlock from 'components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport BookNowButton from 'components/steps/room/roomDetails/roomRates/BookNowButton';\nimport { CompanyContext } from '@frontend/contexts';\n\ninterface RoomRateDescriptionTabProps {\n    rate: RoomRate;\n}\ninterface RoomRateDescriptionFooterProps {\n    rate: RoomRate;\n    onClose: () => void;\n\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n}\n\nexport const RoomRateDescriptionFooter = (props: RoomRateDescriptionFooterProps) => {\n    const { t } = useTranslation();\n    const ccx = useContext(CompanyContext);\n\n    const { rate } = props;\n\n    let isLocked = false;\n\n    if (rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n\n    const bookButtonLabel = props.getButtonLabel ? props.getButtonLabel(false, false) : t(Translation.Step.Room.RoomInfo.BookNow);\n\n    const openSignupModalOnClick = () => {\n        DataLayer.instance.sendInteraction('Member Signup Modal', InteractionType.LINK, InteractionStep.ROOMS);\n        ccx.openMemberSignupModal();\n    };\n\n    const bookNowButton = isLocked ? (\n        <BEButton filled={true} success={true} onClick={openSignupModalOnClick}>\n            {t(Translation.Step.Room.RoomInfo.RevealPrice)}\n        </BEButton>\n    ) : (\n        <BookNowButton isFilled={true} rate={props.rate} buttonLabel={bookButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />\n    );\n\n    const priceBlock = <div className=\"u-flex flex-column align-items-start align-items-md-end justify-content-start\" />;\n\n    return (\n        <div className=\"u-flex\">\n            {priceBlock}\n            <div className=\"u-flex align-items-center\">{bookNowButton}</div>\n        </div>\n    );\n};\n\nexport default function RoomRateDescriptionTab(props: RoomRateDescriptionTabProps) {\n    const ccx = useContext(CompanyContext);\n\n    const { t } = useTranslation();\n    const cancelPolicy = props.rate.getCancellationPolicy();\n    const guaranteePolicy = props.rate.getGuaranteePolicy();\n\n    let isLocked = false;\n    if (props.rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n\n    const rate = props.rate;\n\n    return (\n        <>\n            <div>\n                <div className=\"u-marg-bottom--light\">\n                    <Headline bold={true}>{props.rate.name}</Headline>\n                </div>\n\n                <div className=\"text-small u-pre-wrap u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: props.rate.longDescription ?? props.rate.description }} />\n\n                <LineBreak />\n                <div className=\"u-marg-bottom--light\">\n                    <Text>\n                        <strong>{t(Translation.Step.Confirmation.Policies)}</strong>\n                    </Text>\n                </div>\n                <div className=\"u-marg-bottom--heavy\">\n                    {guaranteePolicy && (\n                        <div className=\"u-marg-bottom--heavy\">\n                            <div className=\"u-marg-bottom--light\">\n                                <Text type={TextType.Small}>\n                                    <strong>{t(Translation.Misc.GuaranteePolicy)}</strong>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small}>\n                                <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: guaranteePolicy }} />\n                            </Text>\n                        </div>\n                    )}\n                    {\n                        <div className=\"u-marg-bottom--heavy\">\n                            <div className=\"u-marg-bottom--light\">\n                                <Text type={TextType.Small}>\n                                    <strong>{t(Translation.Misc.CancellationPolicy)}</strong>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small}>\n                                <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: cancelPolicy }} />\n                            </Text>\n                        </div>\n                    }\n                </div>\n\n                <div className=\"u-flex flex-column align-items-start align-items-md-end justify-content-end\">\n                    <Text type={TextType.Small} color={Color.Navy}>\n                        {t(Translation.Misc.Total)}\n                    </Text>\n                    <RoomDetailsPriceBlock\n                        isLocked={isLocked}\n                        averagePreDiscount={rate.getTotalPriceBeforeDiscount()}\n                        averagePrice={rate.getTotalPrice()}\n                        isMemberOnly={props.rate.isMemberOnly}\n                        hidePerNight={true}\n                    />\n                    <Text type={TextType.Label} color={Color.DarkGrey} align={TextAlign.Right}>\n                        {t(Translation.Step.Room.RoomInfo.IncludesTaxes)}\n                    </Text>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal.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 });
 exports.RoomRateDetailsAndPriceBreakdownModalTabs = void 0;
-const React = require("react");
-const TabbedModal_1 = require("components/generic/modal/TabbedModal");
-const PriceBreakdownBlock_1 = require("components/steps/room/roomDetails/roomRates/PriceBreakdownBlock");
-const RoomRateDescriptionTab_1 = require("components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab");
+const React = __importStar(require("react"));
+const TabbedModal_1 = __importDefault(require("components/generic/modal/TabbedModal"));
+const PriceBreakdownBlock_1 = __importStar(require("components/steps/room/roomDetails/roomRates/PriceBreakdownBlock"));
+const RoomRateDescriptionTab_1 = __importStar(require("components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab"));
 const react_1 = require("react");
 const contexts_1 = require("@frontend/contexts");
 var RoomRateDetailsAndPriceBreakdownModalTabs;

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

@@ -1 +1 @@
-{"version":3,"file":"RoomRateDetailsAndPriceBreakdownModal.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,sEAAmF;AACnF,yGAA4H;AAE5H,+GAAuI;AACvI,iCAAmC;AACnC,iDAAoD;AAEpD,IAAY,yCAGX;AAHD,WAAY,yCAAyC;IACjD,+EAAkC,CAAA;IAClC,yEAA4B,CAAA;AAChC,CAAC,EAHW,yCAAyC,GAAzC,iDAAyC,KAAzC,iDAAyC,QAGpD;AAcD,SAAwB,qCAAqC,CAAC,KAAiD;IAC3G,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IAEvC,MAAM,IAAI,GAAuC;QAC7C,CAAC,yCAAyC,CAAC,WAAW,CAAC,EAAE;YACrD,OAAO,EAAE,oBAAC,gCAAsB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;YACrD,MAAM,EAAE,CACJ,oBAAC,kDAAyB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,GAAI,CACpK;YACD,KAAK,EAAE,mBAAmB;SAC7B;KACJ,CAAC;IAEF,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,IAAI,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE;QAC3E,IAAI,CAAC,yCAAyC,CAAC,cAAc,CAAC,GAAG;YAC7D,OAAO,EAAE,oBAAC,6BAAmB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;YAClD,MAAM,EAAE,oBAAC,0CAAoB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,GAAI;YACpK,KAAK,EAAE,iBAAiB;SAC3B,CAAC;KACL;IAED,OAAO,oBAAC,qBAAW,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,UAAU,GAAI,CAAC;AAChH,CAAC;AAtBD,wDAsBC","sourcesContent":["import * as React from 'react';\nimport TabbedModal, { TabbedModalTab } from 'components/generic/modal/TabbedModal';\nimport PriceBreakdownBlock, { PriceBreakdownFooter } from 'components/steps/room/roomDetails/roomRates/PriceBreakdownBlock';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport RoomRateDescriptionTab, { RoomRateDescriptionFooter } from 'components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab';\nimport { useContext } from 'react';\nimport { CompanyContext } from '@frontend/contexts';\n\nexport enum RoomRateDetailsAndPriceBreakdownModalTabs {\n    PriceBreakdown = 'Price Breakdown',\n    RoomDetails = 'Room Details',\n}\n\ninterface RoomRateDetailsAndPriceBreakdownModalProps {\n    isOpen: boolean;\n    currentTab: RoomRateDetailsAndPriceBreakdownModalTabs;\n\n    rate: RoomRate;\n\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n\n    onClose: () => void;\n}\n\nexport default function RoomRateDetailsAndPriceBreakdownModal(props: RoomRateDetailsAndPriceBreakdownModalProps) {\n    const ccx = useContext(CompanyContext);\n\n    const tabs: { [name: string]: TabbedModalTab } = {\n        [RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails]: {\n            content: <RoomRateDescriptionTab rate={props.rate} />,\n            footer: (\n                <RoomRateDescriptionFooter rate={props.rate} onClose={props.onClose} getButtonLabel={props.getButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />\n            ),\n            title: 'Room Rate Details',\n        },\n    };\n\n    if ((props.rate.isMemberOnly && ccx.signedInUser) || !props.rate.isMemberOnly) {\n        tabs[RoomRateDetailsAndPriceBreakdownModalTabs.PriceBreakdown] = {\n            content: <PriceBreakdownBlock rate={props.rate} />,\n            footer: <PriceBreakdownFooter rate={props.rate} onClose={props.onClose} getButtonLabel={props.getButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />,\n            title: 'Price Breakdown',\n        };\n    }\n\n    return <TabbedModal isOpen={props.isOpen} onClose={props.onClose} tabs={tabs} openTab={props.currentTab} />;\n}\n"]}
+{"version":3,"file":"RoomRateDetailsAndPriceBreakdownModal.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,uFAAmF;AACnF,uHAA4H;AAE5H,6HAAuI;AACvI,iCAAmC;AACnC,iDAAoD;AAEpD,IAAY,yCAGX;AAHD,WAAY,yCAAyC;IACjD,+EAAkC,CAAA;IAClC,yEAA4B,CAAA;AAChC,CAAC,EAHW,yCAAyC,GAAzC,iDAAyC,KAAzC,iDAAyC,QAGpD;AAcD,SAAwB,qCAAqC,CAAC,KAAiD;IAC3G,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IAEvC,MAAM,IAAI,GAAuC;QAC7C,CAAC,yCAAyC,CAAC,WAAW,CAAC,EAAE;YACrD,OAAO,EAAE,oBAAC,gCAAsB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;YACrD,MAAM,EAAE,CACJ,oBAAC,kDAAyB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,GAAI,CACpK;YACD,KAAK,EAAE,mBAAmB;SAC7B;KACJ,CAAC;IAEF,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,IAAI,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE;QAC3E,IAAI,CAAC,yCAAyC,CAAC,cAAc,CAAC,GAAG;YAC7D,OAAO,EAAE,oBAAC,6BAAmB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;YAClD,MAAM,EAAE,oBAAC,0CAAoB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,GAAI;YACpK,KAAK,EAAE,iBAAiB;SAC3B,CAAC;KACL;IAED,OAAO,oBAAC,qBAAW,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,UAAU,GAAI,CAAC;AAChH,CAAC;AAtBD,wDAsBC","sourcesContent":["import * as React from 'react';\nimport TabbedModal, { TabbedModalTab } from 'components/generic/modal/TabbedModal';\nimport PriceBreakdownBlock, { PriceBreakdownFooter } from 'components/steps/room/roomDetails/roomRates/PriceBreakdownBlock';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport RoomRateDescriptionTab, { RoomRateDescriptionFooter } from 'components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab';\nimport { useContext } from 'react';\nimport { CompanyContext } from '@frontend/contexts';\n\nexport enum RoomRateDetailsAndPriceBreakdownModalTabs {\n    PriceBreakdown = 'Price Breakdown',\n    RoomDetails = 'Room Details',\n}\n\ninterface RoomRateDetailsAndPriceBreakdownModalProps {\n    isOpen: boolean;\n    currentTab: RoomRateDetailsAndPriceBreakdownModalTabs;\n\n    rate: RoomRate;\n\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n\n    onClose: () => void;\n}\n\nexport default function RoomRateDetailsAndPriceBreakdownModal(props: RoomRateDetailsAndPriceBreakdownModalProps) {\n    const ccx = useContext(CompanyContext);\n\n    const tabs: { [name: string]: TabbedModalTab } = {\n        [RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails]: {\n            content: <RoomRateDescriptionTab rate={props.rate} />,\n            footer: (\n                <RoomRateDescriptionFooter rate={props.rate} onClose={props.onClose} getButtonLabel={props.getButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />\n            ),\n            title: 'Room Rate Details',\n        },\n    };\n\n    if ((props.rate.isMemberOnly && ccx.signedInUser) || !props.rate.isMemberOnly) {\n        tabs[RoomRateDetailsAndPriceBreakdownModalTabs.PriceBreakdown] = {\n            content: <PriceBreakdownBlock rate={props.rate} />,\n            footer: <PriceBreakdownFooter rate={props.rate} onClose={props.onClose} getButtonLabel={props.getButtonLabel} onAddToBasketOverride={props.onAddToBasketOverride} />,\n            title: 'Price Breakdown',\n        };\n    }\n\n    return <TabbedModal isOpen={props.isOpen} onClose={props.onClose} tabs={tabs} openTab={props.currentTab} />;\n}\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateListPromotion/RoomRateListPromotion.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.RoomRateListPromotion = void 0;
-const BEButton_1 = require("components/generic/BEButton");
-const Icon_1 = require("components/generic/Icon/Icon");
-const Text_1 = require("components/generic/Text");
+const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
+const Text_1 = __importStar(require("components/generic/Text"));
 const PromotionClickedEvent_1 = require("events/actions/Promotion/PromotionClickedEvent");
 const EventHook_1 = require("hooks/EventHook");
-const React = require("react");
+const React = __importStar(require("react"));
 const Color_1 = require("util/Color");
 require("./RoomRateListPromotion.global.scss");
 const RoomRateListPromotion = (props) => {

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

@@ -1 +1 @@
-{"version":3,"file":"RoomRateListPromotion.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateListPromotion/RoomRateListPromotion.tsx"],"names":[],"mappings":";;;AAAA,0DAAmD;AACnD,uDAA8D;AAC9D,kDAAyD;AACzD,0FAAuF;AACvF,+CAA2C;AAE3C,+BAA+B;AAC/B,sCAAmC;AAEnC,+CAA6C;AAMtC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAE7B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,MAAM,iBAAiB,GAAG,IAAI,6CAAqB,CAAC,SAAS,CAAC,CAAC;QAE/D,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAC,uBAAuB;QAClC,6BAAK,SAAS,EAAC,gCAAgC;YAC3C,6BAAK,SAAS,EAAC,6BAA6B;gBACxC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI,CAC/D;YACN,6BAAK,SAAS,EAAC,6BAA6B;gBACxC,6BAAK,SAAS,EAAC,sBAAsB;oBACjC,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,IAChC,SAAS,CAAC,IAAI,CACZ,CACL;gBAEN,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,SAAS,CAAC,WAAW,CAAQ,CACxD,CACJ;QACN,6BAAK,SAAS,EAAC,+BAA+B;YAC1C,oBAAC,kBAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,IAAI,gBAEzE,CACT,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAlCW,QAAA,qBAAqB,yBAkChC","sourcesContent":["import BEButton from 'components/generic/BEButton';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport { PromotionClickedEvent } from 'events/actions/Promotion/PromotionClickedEvent';\nimport { useEvent } from 'hooks/EventHook';\nimport type { IPromotion } from 'models/Promotion/IPromotion.type';\nimport * as React from 'react';\nimport { Color } from 'util/Color';\n\nimport './RoomRateListPromotion.global.scss';\n\ntype RoomRateListPromotionProps = {\n    promotion: IPromotion;\n};\n\nexport const RoomRateListPromotion = (props: RoomRateListPromotionProps) => {\n    const { promotion } = props;\n\n    const { raise } = useEvent();\n\n    const onApplyNowClicked = () => {\n        const promoClickedEvent = new PromotionClickedEvent(promotion);\n\n        raise(promoClickedEvent);\n    };\n\n    return (\n        <div className=\"c-room-list-promotion\">\n            <div className=\"c-room-list-promotion--content\">\n                <div className=\"c-room-list-promotion--icon\">\n                    <Icon icon={IconType.Money} size={'42px'} color={Color.Accent} />\n                </div>\n                <div className=\"c-room-list-promotion--body\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Text color={Color.Accent} bold={true}>\n                            {promotion.name}\n                        </Text>\n                    </div>\n\n                    <Text type={TextType.Small}>{promotion.description}</Text>\n                </div>\n            </div>\n            <div className=\"c-room-list-promotion--button\">\n                <BEButton primary={true} filled={true} onClick={onApplyNowClicked} mobileWidth={true}>\n                    Apply now\n                </BEButton>\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"RoomRateListPromotion.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateListPromotion/RoomRateListPromotion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2EAAmD;AACnD,qEAA8D;AAC9D,gEAAyD;AACzD,0FAAuF;AACvF,+CAA2C;AAE3C,6CAA+B;AAC/B,sCAAmC;AAEnC,+CAA6C;AAMtC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAE7B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,MAAM,iBAAiB,GAAG,IAAI,6CAAqB,CAAC,SAAS,CAAC,CAAC;QAE/D,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAC,uBAAuB;QAClC,6BAAK,SAAS,EAAC,gCAAgC;YAC3C,6BAAK,SAAS,EAAC,6BAA6B;gBACxC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI,CAC/D;YACN,6BAAK,SAAS,EAAC,6BAA6B;gBACxC,6BAAK,SAAS,EAAC,sBAAsB;oBACjC,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,IAChC,SAAS,CAAC,IAAI,CACZ,CACL;gBAEN,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,SAAS,CAAC,WAAW,CAAQ,CACxD,CACJ;QACN,6BAAK,SAAS,EAAC,+BAA+B;YAC1C,oBAAC,kBAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,IAAI,gBAEzE,CACT,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAlCW,QAAA,qBAAqB,yBAkChC","sourcesContent":["import BEButton from 'components/generic/BEButton';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport { PromotionClickedEvent } from 'events/actions/Promotion/PromotionClickedEvent';\nimport { useEvent } from 'hooks/EventHook';\nimport type { IPromotion } from 'models/Promotion/IPromotion.type';\nimport * as React from 'react';\nimport { Color } from 'util/Color';\n\nimport './RoomRateListPromotion.global.scss';\n\ntype RoomRateListPromotionProps = {\n    promotion: IPromotion;\n};\n\nexport const RoomRateListPromotion = (props: RoomRateListPromotionProps) => {\n    const { promotion } = props;\n\n    const { raise } = useEvent();\n\n    const onApplyNowClicked = () => {\n        const promoClickedEvent = new PromotionClickedEvent(promotion);\n\n        raise(promoClickedEvent);\n    };\n\n    return (\n        <div className=\"c-room-list-promotion\">\n            <div className=\"c-room-list-promotion--content\">\n                <div className=\"c-room-list-promotion--icon\">\n                    <Icon icon={IconType.Money} size={'42px'} color={Color.Accent} />\n                </div>\n                <div className=\"c-room-list-promotion--body\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Text color={Color.Accent} bold={true}>\n                            {promotion.name}\n                        </Text>\n                    </div>\n\n                    <Text type={TextType.Small}>{promotion.description}</Text>\n                </div>\n            </div>\n            <div className=\"c-room-list-promotion--button\">\n                <BEButton primary={true} filled={true} onClick={onApplyNowClicked} mobileWidth={true}>\n                    Apply now\n                </BEButton>\n            </div>\n        </div>\n    );\n};\n"]}

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

@@ -1,18 +1,44 @@
 "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 react_i18next_1 = require("react-i18next");
-const RatePillProvider_1 = require("providers/RatePillProvider");
-const Pill_1 = require("components/generic/Pill");
+const RatePillProvider_1 = __importDefault(require("providers/RatePillProvider"));
+const Pill_1 = __importStar(require("components/generic/Pill"));
 const Icon_1 = require("components/generic/Icon/Icon");
 const hooks_1 = require("@frontend/hooks");
 const Translation_1 = require("translations/Translation");
 const contexts_1 = require("@frontend/contexts");
 const contexts_2 = require("@frontend/contexts");
-const FeaturedPromoFeature_1 = require("providers/feature/FeaturedPromoFeature");
-const NumberOfPeopleBookedPillFeature_1 = require("providers/feature/NumberOfPeopleBookedPillFeature");
-const Tooltip_1 = require("components/generic/Tooltip/Tooltip");
+const FeaturedPromoFeature_1 = __importDefault(require("providers/feature/FeaturedPromoFeature"));
+const NumberOfPeopleBookedPillFeature_1 = __importDefault(require("providers/feature/NumberOfPeopleBookedPillFeature"));
+const Tooltip_1 = __importDefault(require("components/generic/Tooltip/Tooltip"));
 function RoomRatePills(props) {
     const [pills, setPills] = (0, react_1.useState)([]);
     const currentHotel = (0, hooks_1.useCurrentHotel)();

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

@@ -1 +1 @@
-{"version":3,"file":"RoomRatePills.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRatePills.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Room } from 'models/Room/Room';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport RatePillProvider, { RatePill } from 'providers/RatePillProvider';\nimport Pill, { PillType } from 'components/generic/Pill';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Translation } from 'translations/Translation';\nimport { CompanyContext } from '@frontend/contexts';\nimport { BasketContext } from '@frontend/contexts';\nimport FeaturedPromoFeature from 'providers/feature/FeaturedPromoFeature';\nimport NumberOfPeopleBookedPillFeature from 'providers/feature/NumberOfPeopleBookedPillFeature';\nimport Tooltip from 'components/generic/Tooltip/Tooltip';\n\ninterface RoomRatePillsProps {\n    room?: Room;\n    rate?: RoomRate;\n\n    limit?: number;\n}\n\nexport default function RoomRatePills(props: RoomRatePillsProps) {\n    const [pills, setPills] = useState<RatePill[]>([]);\n    const currentHotel = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n    const basketContext = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        let pillsToDisplay: RatePill[] = [];\n\n        RatePillProvider.registerRatePill(\n            { icon: IconType.Breakfast, title: 'Breakfast Included' },\n            ({ rate, hotel }) => {\n                return hotel.showMealPill && rate.mealsIncluded?.breakfast;\n            },\n            true\n        );\n\n        RatePillProvider.registerRatePill(\n            {\n                translation: Translation.Step.Room.RoomInfo.PromoCode.MemberDeal,\n                translationProps: {\n                    companyShort: ccx.name,\n                },\n                icon: IconType.Check,\n            },\n            ({ rate, hotel }) => {\n                return rate.promoCode && rate?.promoCode?.toUpperCase() === hotel?.memberOnlyPromoCode;\n            },\n            true\n        );\n\n        RatePillProvider.registerRatePill(\n            {\n                translation: Translation.Step.Room.RoomInfo.PromoCode.Standard,\n                icon: IconType.Check,\n            },\n            ({ rate, hotel }) => {\n                return rate.promoCode && !(rate?.promoCode?.toUpperCase() === hotel?.memberOnlyPromoCode);\n            },\n            true\n        );\n\n        /** Registering Room Pills */\n        RatePillProvider.registerRoomPill(\n            {\n                translation: Translation.Misc.Pills.PeopleBookedShort,\n                translationProps: {\n                    people: Math.floor(Math.random() * 8 + 7),\n                },\n                icon: IconType.People,\n            },\n            () => {\n                return NumberOfPeopleBookedPillFeature.isActive();\n            }\n        );\n\n        RatePillProvider.registerRoomPill({ icon: IconType.Check, title: 'Promo code is applied' }, (match) => {\n            if (FeaturedPromoFeature.isActive() && match.room?.getRates()) {\n                for (const rate of match.room.getRates()) {\n                    if (rate?.promoCode?.toLowerCase() === basketContext?.selectedBasketRow?.getPromoCode()?.toLowerCase()) {\n                        return true;\n                    }\n                }\n            }\n\n            return false;\n        });\n\n        if (props.room) {\n            pillsToDisplay = RatePillProvider.getPillsForRoom({ room: props.room, hotel: currentHotel.hotel });\n        } else if (props.rate) {\n            pillsToDisplay = RatePillProvider.getPillsForRate({ rate: props.rate, hotel: currentHotel.hotel });\n        }\n\n        if (props.limit) {\n            setPills(pillsToDisplay.splice(0, props.limit));\n        } else {\n            setPills(pillsToDisplay);\n        }\n    }, [props.room, props.rate, props.limit]);\n\n    return (\n        <div className=\"c-pill-list u-marg-bottom--light\">\n            {pills.map((pill, index) => {\n                const pillELement = (\n                    <Pill type={pill.type ?? PillType.Primary} icon={pill.icon}>\n                        {pill.translation ? t(pill.translation, pill.translationProps) : pill.title}\n                    </Pill>\n                );\n\n                return (\n                    <div className=\"u-inline u-marg-left--light u-marg-bottom--light\" key={index}>\n                        {pill.tooltipText ? <Tooltip title={pill.tooltipText}>{pillELement}</Tooltip> : pillELement}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"RoomRatePills.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRatePills.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Room } from 'models/Room/Room';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport RatePillProvider, { RatePill } from 'providers/RatePillProvider';\nimport Pill, { PillType } from 'components/generic/Pill';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Translation } from 'translations/Translation';\nimport { CompanyContext } from '@frontend/contexts';\nimport { BasketContext } from '@frontend/contexts';\nimport FeaturedPromoFeature from 'providers/feature/FeaturedPromoFeature';\nimport NumberOfPeopleBookedPillFeature from 'providers/feature/NumberOfPeopleBookedPillFeature';\nimport Tooltip from 'components/generic/Tooltip/Tooltip';\n\ninterface RoomRatePillsProps {\n    room?: Room;\n    rate?: RoomRate;\n\n    limit?: number;\n}\n\nexport default function RoomRatePills(props: RoomRatePillsProps) {\n    const [pills, setPills] = useState<RatePill[]>([]);\n    const currentHotel = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n    const basketContext = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        let pillsToDisplay: RatePill[] = [];\n\n        RatePillProvider.registerRatePill(\n            { icon: IconType.Breakfast, title: 'Breakfast Included' },\n            ({ rate, hotel }) => {\n                return hotel.showMealPill && rate.mealsIncluded?.breakfast;\n            },\n            true\n        );\n\n        RatePillProvider.registerRatePill(\n            {\n                translation: Translation.Step.Room.RoomInfo.PromoCode.MemberDeal,\n                translationProps: {\n                    companyShort: ccx.name,\n                },\n                icon: IconType.Check,\n            },\n            ({ rate, hotel }) => {\n                return rate.promoCode && rate?.promoCode?.toUpperCase() === hotel?.memberOnlyPromoCode;\n            },\n            true\n        );\n\n        RatePillProvider.registerRatePill(\n            {\n                translation: Translation.Step.Room.RoomInfo.PromoCode.Standard,\n                icon: IconType.Check,\n            },\n            ({ rate, hotel }) => {\n                return rate.promoCode && !(rate?.promoCode?.toUpperCase() === hotel?.memberOnlyPromoCode);\n            },\n            true\n        );\n\n        /** Registering Room Pills */\n        RatePillProvider.registerRoomPill(\n            {\n                translation: Translation.Misc.Pills.PeopleBookedShort,\n                translationProps: {\n                    people: Math.floor(Math.random() * 8 + 7),\n                },\n                icon: IconType.People,\n            },\n            () => {\n                return NumberOfPeopleBookedPillFeature.isActive();\n            }\n        );\n\n        RatePillProvider.registerRoomPill({ icon: IconType.Check, title: 'Promo code is applied' }, (match) => {\n            if (FeaturedPromoFeature.isActive() && match.room?.getRates()) {\n                for (const rate of match.room.getRates()) {\n                    if (rate?.promoCode?.toLowerCase() === basketContext?.selectedBasketRow?.getPromoCode()?.toLowerCase()) {\n                        return true;\n                    }\n                }\n            }\n\n            return false;\n        });\n\n        if (props.room) {\n            pillsToDisplay = RatePillProvider.getPillsForRoom({ room: props.room, hotel: currentHotel.hotel });\n        } else if (props.rate) {\n            pillsToDisplay = RatePillProvider.getPillsForRate({ rate: props.rate, hotel: currentHotel.hotel });\n        }\n\n        if (props.limit) {\n            setPills(pillsToDisplay.splice(0, props.limit));\n        } else {\n            setPills(pillsToDisplay);\n        }\n    }, [props.room, props.rate, props.limit]);\n\n    return (\n        <div className=\"c-pill-list u-marg-bottom--light\">\n            {pills.map((pill, index) => {\n                const pillELement = (\n                    <Pill type={pill.type ?? PillType.Primary} icon={pill.icon}>\n                        {pill.translation ? t(pill.translation, pill.translationProps) : pill.title}\n                    </Pill>\n                );\n\n                return (\n                    <div className=\"u-inline u-marg-left--light u-marg-bottom--light\" key={index}>\n                        {pill.tooltipText ? <Tooltip title={pill.tooltipText}>{pillELement}</Tooltip> : pillELement}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"]}

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

@@ -1,26 +1,52 @@
 "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 Text_1 = require("components/generic/Text");
+const React = __importStar(require("react"));
+const Text_1 = __importStar(require("components/generic/Text"));
 const Color_1 = require("util/Color");
 const TextAlignment_1 = require("util/TextAlignment");
-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 classnames_1 = __importDefault(require("classnames"));
 const Icon_1 = require("components/generic/Icon/Icon");
-const Pill_1 = require("components/generic/Pill");
+const Pill_1 = __importStar(require("components/generic/Pill"));
 const contexts_1 = require("@frontend/contexts");
 const react_1 = require("react");
-const DataLayer_1 = require("util/DataLayer");
-const RoomDetailsPriceBlock_1 = require("components/steps/room/roomDetails/RoomDetailsPriceBlock");
+const DataLayer_1 = __importStar(require("util/DataLayer"));
+const RoomDetailsPriceBlock_1 = __importDefault(require("components/steps/room/roomDetails/RoomDetailsPriceBlock"));
 const RoomRate_1 = require("models/Room/RoomRate");
-const RoomRateDetailsAndPriceBreakdownModal_1 = require("components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal");
-const BookNowButton_1 = require("components/steps/room/roomDetails/roomRates/BookNowButton");
-const FeatureProvider_1 = require("providers/FeatureProvider");
+const RoomRateDetailsAndPriceBreakdownModal_1 = __importStar(require("components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal"));
+const BookNowButton_1 = __importDefault(require("components/steps/room/roomDetails/roomRates/BookNowButton"));
+const FeatureProvider_1 = __importDefault(require("providers/FeatureProvider"));
 const contexts_2 = require("@frontend/contexts");
 const hooks_1 = require("@frontend/hooks");
-const RoomRatePills_1 = require("components/steps/room/roomDetails/roomRates/RoomRatePills");
+const RoomRatePills_1 = __importDefault(require("components/steps/room/roomDetails/roomRates/RoomRatePills"));
 const BaseEngine_1 = require("engines/BaseEngine");
 function RoomRateRow(props) {
     var _a, _b, _c;
@@ -35,7 +61,7 @@ function RoomRateRow(props) {
     const isRoomSelectedAndEditing = selectedRow === null || selectedRow === void 0 ? void 0 : selectedRow.isValid();
     const isThisSelectedRow = selectedRow && rate.name === ((_a = selectedRow.getRate()) === null || _a === void 0 ? void 0 : _a.name) && ((_b = rate.getRoom()) === null || _b === void 0 ? void 0 : _b.name) === ((_c = selectedRow.getRoom()) === null || _c === void 0 ? void 0 : _c.name);
     const currentRow = (0, react_1.useRef)(null);
-    const classes = classNames('room-info', {
+    const classes = (0, classnames_1.default)('room-info', {
         '--default': !rate.isMemberOnly,
         '--locked': rate.isMemberOnly,
         '--current': isThisSelectedRow && isRoomSelectedAndEditing,