@roomstay/frontend 2.3.8 → 2.3.10

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,kDAA0B;AAC1B,iCAAqD;AACrD,iDAAyE;AAEzE,6EAAqD;AACrD,mEAA2C;AAU3C,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,wCAAM,GAAG,EAAE,GAAG;QACV,8BAAC,kBAAQ,IACL,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,eAAe,EACpB,MAAM,EAAE,KAAK,CAAC,QAAQ,EACtB,OAAO,QACP,WAAW,QACX,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 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\n                mobileWidth\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,iDAAyE;AACzE,+CAA4D;AAE5D,6EAAqD;AAErD,mEAA2C;AAU3C,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,wCAAM,GAAG,EAAE,GAAG;QACV,8BAAC,kBAAQ,IACL,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,eAAe,EACpB,MAAM,EAAE,KAAK,CAAC,QAAQ,EACtB,OAAO,QACP,WAAW,QACX,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 { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport React, { useContext, useRef, useState } from 'react';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { RoomRate } from '@/models/Room/RoomRate';\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\n                mobileWidth\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

@@ -26,23 +26,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-const Text_1 = __importStar(require("../../../../generic/Text"));
-const Color_1 = require("../../../../../util/Color");
-const BEButton_1 = __importDefault(require("../../../../generic/BEButton"));
-const Translation_1 = require("translations/Translation");
-const react_i18next_1 = require("react-i18next");
+const contexts_1 = require("../../../../../contexts/index.js");
 const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("translations/Translation");
+const BEButton_1 = __importDefault(require("../../../../generic/BEButton"));
 const Icon_1 = __importStar(require("../../../../generic/Icon/Icon"));
 const Pill_1 = __importStar(require("../../../../generic/Pill"));
-const DataLayer_1 = __importStar(require("../../../../../util/DataLayer"));
+const Text_1 = __importStar(require("../../../../generic/Text"));
 const RoomDetailsPriceBlock_1 = __importDefault(require("../RoomDetailsPriceBlock"));
-const contexts_1 = require("../../../../../contexts/index.js");
+const Color_1 = require("../../../../../util/Color");
+const DataLayer_1 = __importStar(require("../../../../../util/DataLayer"));
 function MembersOnlyRow() {
-    const ccx = (0, react_2.useContext)(contexts_1.CompanyContext);
+    const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
     const { t } = (0, react_i18next_1.useTranslation)();
-    const currentRow = (0, react_2.useRef)(null);
+    const currentRow = (0, react_1.useRef)(null);
     const classes = (0, classnames_1.default)('room-info', {
         '--locked': true,
     });

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 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 primary 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 />\n                            <div className=\"u-marg-top u-w-100@m-\">\n                                {isLocked && (\n                                    <BEButton filled success mobileWidth 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>\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 { CompanyContext } from '@frontend/contexts';\nimport classNames from 'classnames';\nimport React, { useContext, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Text, { TextType } from '@/components/generic/Text';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\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 primary 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 />\n                            <div className=\"u-marg-top u-w-100@m-\">\n                                {isLocked && (\n                                    <BEButton filled success mobileWidth 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>\n                                <strong>{t(Translation.Step.Room.RoomInfo.MemberOnlyDealsActivated)}</strong>\n                            </Text>\n                        </div>\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n"]}

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

@@ -27,18 +27,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PriceBreakdownFooter = void 0;
+const contexts_1 = require("../../../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
-const contexts_1 = require("../../../../../contexts/index.js");
-const Color_1 = require("../../../../../util/Color");
-const StringHelper_1 = __importDefault(require("../../../../../util/StringHelper"));
 const Translation_1 = require("translations/Translation");
-const Text_1 = __importStar(require("../../../../generic/Text"));
+const Currency_1 = __importDefault(require("../../../../generic/Currency"));
 const Headline_1 = __importDefault(require("../../../../generic/Headline"));
 const LineBreak_1 = __importDefault(require("../../../../generic/LineBreak"));
-const Currency_1 = __importDefault(require("../../../../generic/Currency"));
+const Text_1 = __importStar(require("../../../../generic/Text"));
 const RoomDetailsPriceBlock_1 = __importDefault(require("../RoomDetailsPriceBlock"));
 const BookNowButton_1 = __importDefault(require("./BookNowButton"));
+const Color_1 = require("../../../../../util/Color");
+const StringHelper_1 = __importDefault(require("../../../../../util/StringHelper"));
 const PriceBreakdownFooter = (props) => {
     var _a, _b, _c;
     const { t } = (0, react_i18next_1.useTranslation)();

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 React, { useContext } from 'react';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext, CompanyContext } 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';\n\ninterface RoomModalProps {\n    rate: RoomRate;\n    onClose?: (closedByBooking: boolean) => void;\n}\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.Misc.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 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\n                />\n                <div className=\"u-marg-bottom\">\n                    <Text type={TextType.Label} color={Color.DarkGrey} inline>\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 { BasketContext, CompanyContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\nimport StringHelper from '@/util/StringHelper';\n\ninterface RoomModalProps {\n    rate: RoomRate;\n    onClose?: (closedByBooking: boolean) => void;\n}\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.Misc.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 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\n                />\n                <div className=\"u-marg-bottom\">\n                    <Text type={TextType.Label} color={Color.DarkGrey} inline>\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

@@ -27,19 +27,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoomRateDescriptionFooter = void 0;
+const contexts_1 = require("../../../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
-const Headline_1 = __importDefault(require("../../../../generic/Headline"));
-const LineBreak_1 = __importDefault(require("../../../../generic/LineBreak"));
-const Text_1 = __importStar(require("../../../../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 = __importDefault(require("../../../../generic/BEButton"));
+const Headline_1 = __importDefault(require("../../../../generic/Headline"));
+const LineBreak_1 = __importDefault(require("../../../../generic/LineBreak"));
+const Text_1 = __importStar(require("../../../../generic/Text"));
 const RoomDetailsPriceBlock_1 = __importDefault(require("../RoomDetailsPriceBlock"));
-const DataLayer_1 = __importStar(require("../../../../../util/DataLayer"));
 const BookNowButton_1 = __importDefault(require("./BookNowButton"));
-const contexts_1 = require("../../../../../contexts/index.js");
+const Color_1 = require("../../../../../util/Color");
+const DataLayer_1 = __importStar(require("../../../../../util/DataLayer"));
+const TextAlignment_1 = require("../../../../../util/TextAlignment");
 const RoomRateDescriptionFooter = (props) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);

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 React, { useContext } 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 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}\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.Misc.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 success onClick={openSignupModalOnClick}>\n            {t(Translation.Step.Room.RoomInfo.RevealPrice)}\n        </BEButton>\n    ) : (\n        <BookNowButton isFilled 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>{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                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom--light\">\n                            <Text type={TextType.Small}>\n                                <strong>{t(Translation.Misc.CancellationPolicy)}</strong>\n                            </Text>\n                        </div>\n                        <Text type={TextType.Small}>\n                            <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: cancelPolicy }} />\n                        </Text>\n                    </div>\n                </div>\n\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\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAoD;AACpD,+CAA0C;AAC1C,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,6EAAqD;AACrD,+EAAuD;AACvD,kEAA2D;AAC3D,sHAA8F;AAC9F,gHAAwF;AAExF,wCAAqC;AACrC,8DAA+E;AAC/E,wDAAiD;AAc1C,MAAM,yBAAyB,GAAG,CAAC,KAAqC,EAAE,EAAE;IAC/E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IAEvC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,IAAI,QAAQ,GAAG,KAAK,CAAC;IAErB,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;QACxC,QAAQ,GAAG,IAAI,CAAC;KACnB;IAED,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEhH,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,qBAAqB,EAAE,2BAAe,CAAC,IAAI,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACvG,GAAG,CAAC,qBAAqB,EAAE,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,CAC7B,8BAAC,kBAAQ,IAAC,MAAM,QAAC,OAAO,QAAC,OAAO,EAAE,sBAAsB,IACnD,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CACvC,CACd,CAAC,CAAC,CAAC,CACA,8BAAC,uBAAa,IAAC,QAAQ,QAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,GAAI,CACjI,CAAC;IAEF,MAAM,UAAU,GAAG,uCAAK,SAAS,EAAC,+EAA+E,GAAG,CAAC;IAErH,OAAO,CACH,uCAAK,SAAS,EAAC,QAAQ;QAClB,UAAU;QACX,uCAAK,SAAS,EAAC,2BAA2B,IAAE,aAAa,CAAO,CAC9D,CACT,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,yBAAyB,6BAmCpC;AAEF,SAAwB,sBAAsB,CAAC,KAAkC;;IAC7E,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IAEvC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;IACxD,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAExD,IAAI,QAAQ,GAAG,KAAK,CAAC;IACrB,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;QAC9C,QAAQ,GAAG,IAAI,CAAC;KACnB;IAED,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IAExB,OAAO,CACH;QACI;YACI,uCAAK,SAAS,EAAC,sBAAsB;gBACjC,8BAAC,kBAAQ,IAAC,IAAI,UAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAY,CACzC;YAEN,uCAAK,SAAS,EAAC,2CAA2C,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAA,KAAK,CAAC,IAAI,CAAC,eAAe,mCAAI,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,GAAI;YAExJ,8BAAC,mBAAS,OAAG;YACb,uCAAK,SAAS,EAAC,sBAAsB;gBACjC,8BAAC,cAAI;oBACD,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAU,CACzD,CACL;YACN,uCAAK,SAAS,EAAC,sBAAsB;gBAChC,eAAe,IAAI,CAChB,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,uCAAK,SAAS,EAAC,sBAAsB;wBACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;4BACtB,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAU,CACnD,CACL;oBACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,wCAAM,SAAS,EAAC,qBAAqB,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,GAAI,CAC3F,CACL,CACT;gBACD,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,uCAAK,SAAS,EAAC,sBAAsB;wBACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;4BACtB,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAU,CACtD,CACL;oBACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,wCAAM,SAAS,EAAC,qBAAqB,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,GAAI,CACxF,CACL,CACJ;YAEN,uCAAK,SAAS,EAAC,6EAA6E;gBACxF,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,IACxC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CACvB;gBACP,8BAAC,+BAAqB,IAClB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,IAAI,CAAC,2BAA2B,EAAE,EACtD,YAAY,EAAE,IAAI,CAAC,aAAa,EAAE,EAClC,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,EACrC,YAAY,SACd;gBACF,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,yBAAS,CAAC,KAAK,IACpE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAC7C,CACL,CACJ,CACP,CACN,CAAC;AACN,CAAC;AAxED,yCAwEC","sourcesContent":["import { CompanyContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { TextAlign } from '@/util/TextAlignment';\n\ninterface RoomRateDescriptionTabProps {\n    rate: RoomRate;\n}\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.Misc.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 success onClick={openSignupModalOnClick}>\n            {t(Translation.Step.Room.RoomInfo.RevealPrice)}\n        </BEButton>\n    ) : (\n        <BookNowButton isFilled 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>{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                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom--light\">\n                            <Text type={TextType.Small}>\n                                <strong>{t(Translation.Misc.CancellationPolicy)}</strong>\n                            </Text>\n                        </div>\n                        <Text type={TextType.Small}>\n                            <span className=\"u-clear-font-weight\" dangerouslySetInnerHTML={{ __html: cancelPolicy }} />\n                        </Text>\n                    </div>\n                </div>\n\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\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

@@ -27,12 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoomRateDetailsAndPriceBreakdownModalTabs = void 0;
+const contexts_1 = require("../../../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
 const TabbedModal_1 = __importDefault(require("../../../../generic/modal/TabbedModal"));
 const PriceBreakdownBlock_1 = __importStar(require("./PriceBreakdownBlock"));
 const RoomRateDescriptionTab_1 = __importStar(require("./RoomRateDescriptionTab"));
-const contexts_1 = require("../../../../../contexts/index.js");
-const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("../../../../../translations/Translation");
 var RoomRateDetailsAndPriceBreakdownModalTabs;
 (function (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,+CAA0C;AAC1C,yFAAqF;AACrF,yHAA8H;AAE9H,+HAAyI;AACzI,iDAAoD;AACpD,iDAA+C;AAC/C,4DAAyD;AAEzD,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;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,IAAI,GAAuC;QAC7C,CAAC,yCAAyC,CAAC,WAAW,CAAC,EAAE;YACrD,OAAO,EAAE,8BAAC,gCAAsB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;YACrD,MAAM,EAAE,CACJ,8BAAC,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,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;SAClD;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,8BAAC,6BAAmB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;YAClD,MAAM,EAAE,8BAAC,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,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;SACjD,CAAC;KACL;IAED,OAAO,8BAAC,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;AAvBD,wDAuBC","sourcesContent":["import React, { useContext } 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 { CompanyContext } from '@frontend/contexts';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '@/translations/Translation';\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    const { t } = useTranslation();\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: t(Translation.Step.Room.RoomRateDetails),\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: t(Translation.Step.Room.PriceBreakdown),\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,iDAAoD;AACpD,+CAA0C;AAC1C,iDAA+C;AAE/C,yFAAqF;AACrF,yHAA8H;AAC9H,+HAAyI;AAEzI,4DAAyD;AAEzD,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;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,IAAI,GAAuC;QAC7C,CAAC,yCAAyC,CAAC,WAAW,CAAC,EAAE;YACrD,OAAO,EAAE,8BAAC,gCAAsB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;YACrD,MAAM,EAAE,CACJ,8BAAC,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,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;SAClD;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,8BAAC,6BAAmB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI;YAClD,MAAM,EAAE,8BAAC,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,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;SACjD,CAAC;KACL;IAED,OAAO,8BAAC,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;AAvBD,wDAuBC","sourcesContent":["import { CompanyContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport TabbedModal, { TabbedModalTab } from '@/components/generic/modal/TabbedModal';\nimport PriceBreakdownBlock, { PriceBreakdownFooter } from '@/components/steps/room/roomDetails/roomRates/PriceBreakdownBlock';\nimport RoomRateDescriptionTab, { RoomRateDescriptionFooter } from '@/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Translation } from '@/translations/Translation';\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    const { t } = useTranslation();\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: t(Translation.Step.Room.RoomRateDetails),\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: t(Translation.Step.Room.PriceBreakdown),\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.d.ts

@@ -1,5 +1,5 @@
-import type { IPromotion } from '../../../../../../models/Promotion/IPromotion.type';
 import './RoomRateListPromotion.global.scss';
+import type { IPromotion } from '../../../../../../models/Promotion/IPromotion.type';
 type RoomRateListPromotionProps = {
     promotion: IPromotion;
 };

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

@@ -27,16 +27,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoomRateListPromotion = void 0;
+require("./RoomRateListPromotion.global.scss");
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
 const BEButton_1 = __importDefault(require("../../../../../generic/BEButton"));
 const Icon_1 = __importStar(require("../../../../../generic/Icon/Icon"));
 const Text_1 = __importStar(require("../../../../../generic/Text"));
 const PromotionClickedEvent_1 = require("../../../../../../events/actions/Promotion/PromotionClickedEvent");
 const EventHook_1 = require("../../../../../../hooks/EventHook");
-const react_1 = __importDefault(require("react"));
-const Color_1 = require("../../../../../../util/Color");
-const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("../../../../../../translations/Translation");
-require("./RoomRateListPromotion.global.scss");
+const Color_1 = require("../../../../../../util/Color");
 const RoomRateListPromotion = (props) => {
     const { promotion } = props;
     const { raise } = (0, EventHook_1.useEvent)();

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,6EAAqD;AACrD,uEAAgE;AAChE,kEAA2D;AAC3D,4FAAyF;AACzF,iDAA6C;AAE7C,kDAA0B;AAC1B,wCAAqC;AACrC,iDAA+C;AAC/C,4DAAyD;AAEzD,+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;IAC7B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,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,uCAAK,SAAS,EAAC,uBAAuB;QAClC,uCAAK,SAAS,EAAC,gCAAgC;YAC3C,uCAAK,SAAS,EAAC,6BAA6B;gBACxC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI,CAC7D;YACN,uCAAK,SAAS,EAAC,6BAA6B;gBACxC,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,UAC1B,SAAS,CAAC,IAAI,CACZ,CACL;gBAEN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,SAAS,CAAC,WAAW,CAAQ,CACxD,CACJ;QACN,uCAAK,SAAS,EAAC,+BAA+B;YAC1C,8BAAC,kBAAQ,IAAC,OAAO,QAAC,MAAM,QAAC,OAAO,EAAE,iBAAiB,EAAE,WAAW,UAC3D,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CACtB,CACT,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,qBAAqB,yBAmChC","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 React from 'react';\nimport { Color } from '@/util/Color';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '@/translations/Translation';\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    const { t } = useTranslation();\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>\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 filled onClick={onApplyNowClicked} mobileWidth>\n                    {t(Translation.Misc.ApplyNow)}\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,+CAA6C;AAE7C,kDAA0B;AAC1B,iDAA+C;AAE/C,6EAAqD;AACrD,uEAAgE;AAChE,kEAA2D;AAC3D,4FAAyF;AACzF,iDAA6C;AAE7C,4DAAyD;AACzD,wCAAqC;AAM9B,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;IAC7B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,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,uCAAK,SAAS,EAAC,uBAAuB;QAClC,uCAAK,SAAS,EAAC,gCAAgC;YAC3C,uCAAK,SAAS,EAAC,6BAA6B;gBACxC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI,CAC7D;YACN,uCAAK,SAAS,EAAC,6BAA6B;gBACxC,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,UAC1B,SAAS,CAAC,IAAI,CACZ,CACL;gBAEN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,SAAS,CAAC,WAAW,CAAQ,CACxD,CACJ;QACN,uCAAK,SAAS,EAAC,+BAA+B;YAC1C,8BAAC,kBAAQ,IAAC,OAAO,QAAC,MAAM,QAAC,OAAO,EAAE,iBAAiB,EAAE,WAAW,UAC3D,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CACtB,CACT,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,qBAAqB,yBAmChC","sourcesContent":["import './RoomRateListPromotion.global.scss';\n\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport 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 { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\ntype RoomRateListPromotionProps = {\n    promotion: IPromotion;\n};\n\nexport const RoomRateListPromotion = (props: RoomRateListPromotionProps) => {\n    const { promotion } = props;\n\n    const { raise } = useEvent();\n    const { t } = useTranslation();\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>\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 filled onClick={onApplyNowClicked} mobileWidth>\n                    {t(Translation.Misc.ApplyNow)}\n                </BEButton>\n            </div>\n        </div>\n    );\n};\n"]}

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

@@ -26,17 +26,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const contexts_1 = require("../../../../../contexts/index.js");
+const hooks_1 = require("../../../../../hooks/index.js");
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
-const RatePillProvider_1 = __importDefault(require("../../../../../providers/RatePillProvider"));
-const Pill_1 = __importStar(require("../../../../generic/Pill"));
-const Icon_1 = require("../../../../generic/Icon/Icon");
-const hooks_1 = require("../../../../../hooks/index.js");
 const Translation_1 = require("translations/Translation");
-const contexts_1 = require("../../../../../contexts/index.js");
+const Icon_1 = require("../../../../generic/Icon/Icon");
+const Pill_1 = __importStar(require("../../../../generic/Pill"));
+const Tooltip_1 = __importDefault(require("../../../../generic/Tooltip/Tooltip"));
 const FeaturedPromoFeature_1 = __importDefault(require("../../../../../providers/feature/FeaturedPromoFeature"));
 const NumberOfPeopleBookedPillFeature_1 = __importDefault(require("../../../../../providers/feature/NumberOfPeopleBookedPillFeature"));
-const Tooltip_1 = __importDefault(require("../../../../generic/Tooltip/Tooltip"));
+const RatePillProvider_1 = __importDefault(require("../../../../../providers/RatePillProvider"));
 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+D;AAC/D,iDAA+C;AAG/C,oFAA0E;AAC1E,kEAA2D;AAC3D,yDAA0D;AAC1D,2CAAkD;AAClD,0DAAuD;AACvD,iDAAmE;AACnE,oGAA4E;AAC5E,0HAAkG;AAClG,mFAA2D;AAU3D,SAAwB,aAAa,CAAC,KAAyB;IAC3D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAa,EAAE,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,IAAA,uBAAe,GAAE,CAAC;IACvC,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,cAAc,GAAe,EAAE,CAAC;QAEpC,0BAAgB,CAAC,gBAAgB,CAC7B,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAAE,EAC/E,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;;YAChB,OAAO,CAAC,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAE,SAAS,CAAA,CAAC;QACpE,CAAC,EACD,IAAI,CACP,CAAC;QAEF,0BAAgB,CAAC,gBAAgB,CAC7B;YACI,WAAW,EAAE,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,UAAU;YAChE,gBAAgB,EAAE;gBACd,YAAY,EAAE,GAAG,CAAC,IAAI;aACzB;YACD,IAAI,EAAE,eAAQ,CAAC,KAAK;SACvB,EACD,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;;YAChB,OAAO,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,CAAA,IAAI,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,0CAAE,WAAW,EAAE,OAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,CAAA,CAAC;QAC9F,CAAC,EACD,IAAI,CACP,CAAC;QAEF,0BAAgB,CAAC,gBAAgB,CAC7B;YACI,WAAW,EAAE,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ;YAC9D,IAAI,EAAE,eAAQ,CAAC,KAAK;SACvB,EACD,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;;YAChB,OAAO,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,CAAA,IAAI,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,0CAAE,WAAW,EAAE,OAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,CAAA,CAAC,CAAC;QACjG,CAAC,EACD,IAAI,CACP,CAAC;QAEF,6BAA6B;QAC7B,0BAAgB,CAAC,gBAAgB,CAC7B;YACI,WAAW,EAAE,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB;YACrD,gBAAgB,EAAE;gBACd,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;aAC5C;YACD,IAAI,EAAE,eAAQ,CAAC,MAAM;SACxB,EACD,GAAG,EAAE;YACD,OAAO,yCAA+B,CAAC,QAAQ,EAAE,CAAC;QACtD,CAAC,CACJ,CAAC;QAEF,0BAAgB,CAAC,gBAAgB,CAC7B;YACI,IAAI,EAAE,eAAQ,CAAC,KAAK;YACpB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC;SACrD,EACD,CAAC,KAAK,EAAE,EAAE;;YACN,IAAI,8BAAoB,CAAC,QAAQ,EAAE,KAAI,MAAA,KAAK,CAAC,IAAI,0CAAE,QAAQ,EAAE,CAAA,EAAE;gBAC3D,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;oBACtC,IAAI,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,0CAAE,WAAW,EAAE,OAAK,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,iBAAiB,0CAAE,YAAY,EAAE,0CAAE,WAAW,EAAE,CAAA,EAAE;wBACpG,OAAO,IAAI,CAAC;qBACf;iBACJ;aACJ;YAED,OAAO,KAAK,CAAC;QACjB,CAAC,CACJ,CAAC;QAEF,IAAI,KAAK,CAAC,IAAI,EAAE;YACZ,cAAc,GAAG,0BAAgB,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,KAAc,EAAE,CAAC,CAAC;SAC/G;aAAM,IAAI,KAAK,CAAC,IAAI,EAAE;YACnB,cAAc,GAAG,0BAAgB,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,KAAc,EAAE,CAAC,CAAC;SAC/G;QAED,IAAI,KAAK,CAAC,KAAK,EAAE;YACb,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;SACnD;aAAM;YACH,QAAQ,CAAC,cAAc,CAAC,CAAC;SAC5B;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAE1C,OAAO,CACH,uCAAK,SAAS,EAAC,kCAAkC,IAC5C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;QACvB,MAAM,WAAW,GAAG,CAChB,8BAAC,cAAI,IAAC,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,eAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IACrD,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CACxE,CACV,CAAC;QAEF,OAAO,CACH,uCAAK,SAAS,EAAC,kDAAkD,EAAC,GAAG,EAAE,KAAK,IACvE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,8BAAC,iBAAO,IAAC,KAAK,EAAE,IAAI,CAAC,WAAW,IAAG,WAAW,CAAW,CAAC,CAAC,CAAC,WAAW,CACzF,CACT,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC;AA1GD,gCA0GC","sourcesContent":["import React, { 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 { BasketContext, CompanyContext } from '@frontend/contexts';\nimport FeaturedPromoFeature from '@/providers/feature/FeaturedPromoFeature';\nimport NumberOfPeopleBookedPillFeature from '@/providers/feature/NumberOfPeopleBookedPillFeature';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\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: t(Translation.Step.Room.BreakfastIncluded) },\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(\n            {\n                icon: IconType.Check,\n                title: t(Translation.Step.Room.PromoCodeIsApplied),\n            },\n            (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\n        if (props.room) {\n            pillsToDisplay = RatePillProvider.getPillsForRoom({ room: props.room, hotel: currentHotel.hotel as Hotel });\n        } else if (props.rate) {\n            pillsToDisplay = RatePillProvider.getPillsForRate({ rate: props.rate, hotel: currentHotel.hotel as 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 { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport { Hotel } from '@/models/Client/Hotel/Hotel';\nimport { Room } from '@/models/Room/Room';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport FeaturedPromoFeature from '@/providers/feature/FeaturedPromoFeature';\nimport NumberOfPeopleBookedPillFeature from '@/providers/feature/NumberOfPeopleBookedPillFeature';\nimport RatePillProvider, { RatePill } from '@/providers/RatePillProvider';\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: t(Translation.Step.Room.BreakfastIncluded) },\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(\n            {\n                icon: IconType.Check,\n                title: t(Translation.Step.Room.PromoCodeIsApplied),\n            },\n            (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\n        if (props.room) {\n            pillsToDisplay = RatePillProvider.getPillsForRoom({ room: props.room, hotel: currentHotel.hotel as Hotel });\n        } else if (props.rate) {\n            pillsToDisplay = RatePillProvider.getPillsForRate({ rate: props.rate, hotel: currentHotel.hotel as 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

@@ -26,26 +26,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const contexts_1 = require("../../../../../contexts/index.js");
+const hooks_1 = require("../../../../../hooks/index.js");
+const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
-const Text_1 = __importStar(require("../../../../generic/Text"));
-const Color_1 = require("../../../../../util/Color");
-const TextAlignment_1 = require("../../../../../util/TextAlignment");
-const BEButton_1 = __importDefault(require("../../../../generic/BEButton"));
-const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
-const classnames_1 = __importDefault(require("classnames"));
+const Translation_1 = require("translations/Translation");
+const BEButton_1 = __importDefault(require("../../../../generic/BEButton"));
 const Icon_1 = require("../../../../generic/Icon/Icon");
 const Pill_1 = __importStar(require("../../../../generic/Pill"));
-const contexts_1 = require("../../../../../contexts/index.js");
-const DataLayer_1 = __importStar(require("../../../../../util/DataLayer"));
+const Text_1 = __importStar(require("../../../../generic/Text"));
 const RoomDetailsPriceBlock_1 = __importDefault(require("../RoomDetailsPriceBlock"));
-const RoomRate_1 = require("../../../../../models/Room/RoomRate");
-const RoomRateDetailsAndPriceBreakdownModal_1 = __importStar(require("./RoomRateDetailsAndPriceBreakdownModal"));
 const BookNowButton_1 = __importDefault(require("./BookNowButton"));
-const FeatureProvider_1 = __importDefault(require("../../../../../providers/FeatureProvider"));
-const hooks_1 = require("../../../../../hooks/index.js");
+const RoomRateDetailsAndPriceBreakdownModal_1 = __importStar(require("./RoomRateDetailsAndPriceBreakdownModal"));
 const RoomRatePills_1 = __importDefault(require("./RoomRatePills"));
 const BaseEngine_1 = require("../../../../../engines/BaseEngine");
+const RoomRate_1 = require("../../../../../models/Room/RoomRate");
+const FeatureProvider_1 = __importDefault(require("../../../../../providers/FeatureProvider"));
+const Color_1 = require("../../../../../util/Color");
+const DataLayer_1 = __importStar(require("../../../../../util/DataLayer"));
+const TextAlignment_1 = require("../../../../../util/TextAlignment");
 function RoomRateRow(props) {
     var _a, _b, _c;
     const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);

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

@@ -1 +1 @@
-{"version":3,"file":"RoomRateRow.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\nimport BEButton from '@/components/generic/BEButton';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\n\nimport classNames from 'classnames';\n\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport { BasketContext, BookingEngineContext, CompanyContext } from '@frontend/contexts';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport { RoomRate, RoomRatePriceInclusion } from '@/models/Room/RoomRate';\nimport RoomRateDetailsAndPriceBreakdownModal, {\n    RoomRateDetailsAndPriceBreakdownModalTabs,\n} from '@/components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport FeatureProvider from '@/providers/FeatureProvider';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport RoomRatePills from '@/components/steps/room/roomDetails/roomRates/RoomRatePills';\nimport { BookingEngineSource } from '@/engines/BaseEngine';\n\nexport interface RoomRateRowProps {\n    rate: RoomRate;\n\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n\n    isPromoRate?: boolean;\n}\n\nexport default function RoomRateRow(props: RoomRateRowProps) {\n    const ccx = useContext(CompanyContext);\n    const basketContext = useContext(BasketContext);\n    const { engine } = useContext(BookingEngineContext);\n\n    const [viewingModal, setViewingModal] = useState({\n        open: false,\n        currentTab: RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails,\n    });\n\n    const { t } = useTranslation();\n    const { isAccent2ColorDark } = useCurrentHotel();\n\n    const { rate } = props;\n    const selectedRow = basketContext.selectedBasketRow;\n    const isRoomSelectedAndEditing = selectedRow?.isValid();\n\n    const isThisSelectedRow = selectedRow && rate.name === selectedRow.getRate()?.name && rate.getRoom()?.name === selectedRow.getRoom()?.name;\n\n    const currentRow = useRef<HTMLDivElement | null>(null);\n\n    const classes = classNames('room-info', {\n        '--default': !rate.isMemberOnly,\n        '--locked': rate.isMemberOnly,\n        '--current': isThisSelectedRow && isRoomSelectedAndEditing,\n        '--is-promo': props.isPromoRate,\n    });\n\n    let isLocked = false;\n\n    if (rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n    FeatureProvider.load('AvailableUpgradesFeature');\n    useEffect(() => {\n        if (isThisSelectedRow && engine?.getSource() !== BookingEngineSource.Inline) {\n            setTimeout(() => {\n                currentRow?.current?.scrollIntoView({ behavior: 'smooth' });\n            }, 250);\n        }\n\n        if (!isLocked) {\n            DataLayer.instance.addRoomRateImpression(rate.getRoom(), rate);\n        }\n    }, [isThisSelectedRow]);\n\n    const openTab = (tab: RoomRateDetailsAndPriceBreakdownModalTabs) => {\n        setViewingModal({ open: true, currentTab: tab });\n    };\n\n    let bookNowLabel = '';\n    if (props.getButtonLabel) {\n        bookNowLabel = props.getButtonLabel(isRoomSelectedAndEditing, isThisSelectedRow);\n    } else {\n        if (isRoomSelectedAndEditing) {\n            bookNowLabel = isThisSelectedRow ? t(Translation.Step.Room.RoomInfo.Selected) : (bookNowLabel = t(Translation.Step.Room.RoomInfo.Update));\n        } else {\n            bookNowLabel = t(Translation.Misc.BookNow);\n        }\n    }\n\n    const openMemberSignupModalOnClick = () => {\n        DataLayer.instance.sendInteraction('Member Signup Modal', InteractionType.LINK, InteractionStep.ROOMS);\n        ccx.openMemberSignupModal();\n    };\n\n    const rateDetailsOnClick = () => {\n        DataLayer.instance.sendInteraction('More Rate Details', InteractionType.LINK, InteractionStep.ROOMS);\n        openTab(RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails);\n    };\n\n    const updateModalOnClose = () => {\n        setViewingModal((old) => {\n            old.open = false;\n            return { ...old };\n        });\n    };\n\n    const openTabOnClick = () => {\n        DataLayer.instance.sendInteraction('Rate Breakdown', InteractionType.LINK, InteractionStep.ROOMS);\n        openTab(RoomRateDetailsAndPriceBreakdownModalTabs.PriceBreakdown);\n    };\n\n    const shouldTextBeWhite = isAccent2ColorDark && ((isThisSelectedRow && isRoomSelectedAndEditing) || props.isPromoRate);\n    const textWhiteOr = (color = Color.Graphite) => {\n        return shouldTextBeWhite ? Color.White : color;\n    };\n\n    return (\n        <div className={classes} ref={currentRow}>\n            <div className=\"row\">\n                <div className=\"col-lg-8\">\n                    <div className=\"u-flex flex-column h-100\">\n                        <div>\n                            <div className=\"u-marg-bottom-half\">\n                                {isLocked ? (\n                                    <Text type={TextType.Body} color={Color.Success}>\n                                        <strong>{t(Translation.Step.Room.RoomInfo.MemberOnlyDeal)}</strong>\n                                    </Text>\n                                ) : (\n                                    <Text type={TextType.Body} color={textWhiteOr()} bold>\n                                        {rate.name}\n                                    </Text>\n                                )}\n                            </div>\n                            <div className=\"u-marg-bottom u-h-ml-5 text-small u-clear-font-weight rdcaf\" style={{ color: textWhiteOr() }}>\n                                <div dangerouslySetInnerHTML={{ __html: isLocked ? t(Translation.Step.Room.RoomInfo.DealForMemberOnly) : rate.description }} />\n                            </div>\n                            {isLocked && (\n                                <div className=\"u-marg\">\n                                    <span onClick={openMemberSignupModalOnClick}>\n                                        <Pill icon={IconType.Money} type={PillType.Success}>\n                                            {t(Translation.Step.Room.RoomInfo.SignUpToSee)}\n                                        </Pill>\n                                    </span>\n                                </div>\n                            )}\n                            <RoomRatePills rate={props.rate} />\n                        </div>\n                        <div className=\"u-flex justify-content-start u-marg-top-bottom@l-\">\n                            <div className=\"u-marg-right u-inline-flex\">\n                                <BEButton\n                                    icon={IconType.ArrowRight2}\n                                    isText\n                                    primary\n                                    size=\"small\"\n                                    iconPosition=\"right\"\n                                    onClick={rateDetailsOnClick}\n                                    textColor={textWhiteOr(Color.Accent)}\n                                >\n                                    {t(Translation.Step.Room.ReadMore)}\n                                </BEButton>\n                            </div>\n                            <BEButton\n                                icon={IconType.ArrowRight2}\n                                isText\n                                textColor={textWhiteOr(Color.Navy)}\n                                size=\"small\"\n                                iconPosition=\"right\"\n                                onClick={openTabOnClick}\n                                disabled={isLocked}\n                            >\n                                {t(Translation.Step.Room.RoomInfo.ViewPriceBreakdown)}\n                            </BEButton>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"col-lg-4 u-flex flex-column align-items-start align-items-md-start align-items-lg-end justify-content-start\">\n                    <div className=\"u-flex flex-column align-items-start align-items-lg-end\">\n                        <RoomDetailsPriceBlock\n                            isLocked={isLocked}\n                            averagePreDiscount={rate.getAveragePriceBeforeDiscount(true)}\n                            averagePrice={rate.getAveragePrice(true)}\n                            isMemberOnly={props.rate.isMemberOnly}\n                            useLightText={shouldTextBeWhite}\n                        />\n                        <Text type={TextType.Label} color={textWhiteOr(Color.DarkGrey)} align={TextAlign.Right}>\n                            {rate.getPriceType() === 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 u-w-100@l-\">\n                        {isLocked ? (\n                            <BEButton filled success wide onClick={openMemberSignupModalOnClick}>\n                                {t(Translation.Step.Room.RoomInfo.RevealPrice)}\n                            </BEButton>\n                        ) : (\n                            <BookNowButton rate={rate} buttonLabel={bookNowLabel} onAddToBasketOverride={props.onAddToBasketOverride} isFilled={!isThisSelectedRow} />\n                        )}\n                    </div>\n                </div>\n            </div>\n            <RoomRateDetailsAndPriceBreakdownModal\n                isOpen={viewingModal.open}\n                currentTab={viewingModal.currentTab}\n                rate={props.rate}\n                getButtonLabel={props.getButtonLabel}\n                onAddToBasketOverride={props.onAddToBasketOverride}\n                onClose={updateModalOnClose}\n            />\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"RoomRateRow.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Text, { TextType } from '@/components/generic/Text';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport RoomRateDetailsAndPriceBreakdownModal, {\n    RoomRateDetailsAndPriceBreakdownModalTabs,\n} from '@/components/steps/room/roomDetails/roomRates/RoomRateDetailsAndPriceBreakdownModal';\nimport RoomRatePills from '@/components/steps/room/roomDetails/roomRates/RoomRatePills';\nimport { BookingEngineSource } from '@/engines/BaseEngine';\nimport { RoomRate, RoomRatePriceInclusion } from '@/models/Room/RoomRate';\nimport FeatureProvider from '@/providers/FeatureProvider';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { TextAlign } from '@/util/TextAlignment';\n\nexport interface RoomRateRowProps {\n    rate: RoomRate;\n\n    getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;\n    onAddToBasketOverride?: (rate: RoomRate) => void;\n\n    isPromoRate?: boolean;\n}\n\nexport default function RoomRateRow(props: RoomRateRowProps) {\n    const ccx = useContext(CompanyContext);\n    const basketContext = useContext(BasketContext);\n    const { engine } = useContext(BookingEngineContext);\n\n    const [viewingModal, setViewingModal] = useState({\n        open: false,\n        currentTab: RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails,\n    });\n\n    const { t } = useTranslation();\n    const { isAccent2ColorDark } = useCurrentHotel();\n\n    const { rate } = props;\n    const selectedRow = basketContext.selectedBasketRow;\n    const isRoomSelectedAndEditing = selectedRow?.isValid();\n\n    const isThisSelectedRow = selectedRow && rate.name === selectedRow.getRate()?.name && rate.getRoom()?.name === selectedRow.getRoom()?.name;\n\n    const currentRow = useRef<HTMLDivElement | null>(null);\n\n    const classes = classNames('room-info', {\n        '--default': !rate.isMemberOnly,\n        '--locked': rate.isMemberOnly,\n        '--current': isThisSelectedRow && isRoomSelectedAndEditing,\n        '--is-promo': props.isPromoRate,\n    });\n\n    let isLocked = false;\n\n    if (rate.isMemberOnly && !ccx.signedInUser) {\n        isLocked = true;\n    }\n    FeatureProvider.load('AvailableUpgradesFeature');\n    useEffect(() => {\n        if (isThisSelectedRow && engine?.getSource() !== BookingEngineSource.Inline) {\n            setTimeout(() => {\n                currentRow?.current?.scrollIntoView({ behavior: 'smooth' });\n            }, 250);\n        }\n\n        if (!isLocked) {\n            DataLayer.instance.addRoomRateImpression(rate.getRoom(), rate);\n        }\n    }, [isThisSelectedRow]);\n\n    const openTab = (tab: RoomRateDetailsAndPriceBreakdownModalTabs) => {\n        setViewingModal({ open: true, currentTab: tab });\n    };\n\n    let bookNowLabel = '';\n    if (props.getButtonLabel) {\n        bookNowLabel = props.getButtonLabel(isRoomSelectedAndEditing, isThisSelectedRow);\n    } else {\n        if (isRoomSelectedAndEditing) {\n            bookNowLabel = isThisSelectedRow ? t(Translation.Step.Room.RoomInfo.Selected) : (bookNowLabel = t(Translation.Step.Room.RoomInfo.Update));\n        } else {\n            bookNowLabel = t(Translation.Misc.BookNow);\n        }\n    }\n\n    const openMemberSignupModalOnClick = () => {\n        DataLayer.instance.sendInteraction('Member Signup Modal', InteractionType.LINK, InteractionStep.ROOMS);\n        ccx.openMemberSignupModal();\n    };\n\n    const rateDetailsOnClick = () => {\n        DataLayer.instance.sendInteraction('More Rate Details', InteractionType.LINK, InteractionStep.ROOMS);\n        openTab(RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails);\n    };\n\n    const updateModalOnClose = () => {\n        setViewingModal((old) => {\n            old.open = false;\n            return { ...old };\n        });\n    };\n\n    const openTabOnClick = () => {\n        DataLayer.instance.sendInteraction('Rate Breakdown', InteractionType.LINK, InteractionStep.ROOMS);\n        openTab(RoomRateDetailsAndPriceBreakdownModalTabs.PriceBreakdown);\n    };\n\n    const shouldTextBeWhite = isAccent2ColorDark && ((isThisSelectedRow && isRoomSelectedAndEditing) || props.isPromoRate);\n    const textWhiteOr = (color = Color.Graphite) => {\n        return shouldTextBeWhite ? Color.White : color;\n    };\n\n    return (\n        <div className={classes} ref={currentRow}>\n            <div className=\"row\">\n                <div className=\"col-lg-8\">\n                    <div className=\"u-flex flex-column h-100\">\n                        <div>\n                            <div className=\"u-marg-bottom-half\">\n                                {isLocked ? (\n                                    <Text type={TextType.Body} color={Color.Success}>\n                                        <strong>{t(Translation.Step.Room.RoomInfo.MemberOnlyDeal)}</strong>\n                                    </Text>\n                                ) : (\n                                    <Text type={TextType.Body} color={textWhiteOr()} bold>\n                                        {rate.name}\n                                    </Text>\n                                )}\n                            </div>\n                            <div className=\"u-marg-bottom u-h-ml-5 text-small u-clear-font-weight rdcaf\" style={{ color: textWhiteOr() }}>\n                                <div dangerouslySetInnerHTML={{ __html: isLocked ? t(Translation.Step.Room.RoomInfo.DealForMemberOnly) : rate.description }} />\n                            </div>\n                            {isLocked && (\n                                <div className=\"u-marg\">\n                                    <span onClick={openMemberSignupModalOnClick}>\n                                        <Pill icon={IconType.Money} type={PillType.Success}>\n                                            {t(Translation.Step.Room.RoomInfo.SignUpToSee)}\n                                        </Pill>\n                                    </span>\n                                </div>\n                            )}\n                            <RoomRatePills rate={props.rate} />\n                        </div>\n                        <div className=\"u-flex justify-content-start u-marg-top-bottom@l-\">\n                            <div className=\"u-marg-right u-inline-flex\">\n                                <BEButton\n                                    icon={IconType.ArrowRight2}\n                                    isText\n                                    primary\n                                    size=\"small\"\n                                    iconPosition=\"right\"\n                                    onClick={rateDetailsOnClick}\n                                    textColor={textWhiteOr(Color.Accent)}\n                                >\n                                    {t(Translation.Step.Room.ReadMore)}\n                                </BEButton>\n                            </div>\n                            <BEButton\n                                icon={IconType.ArrowRight2}\n                                isText\n                                textColor={textWhiteOr(Color.Navy)}\n                                size=\"small\"\n                                iconPosition=\"right\"\n                                onClick={openTabOnClick}\n                                disabled={isLocked}\n                            >\n                                {t(Translation.Step.Room.RoomInfo.ViewPriceBreakdown)}\n                            </BEButton>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"col-lg-4 u-flex flex-column align-items-start align-items-md-start align-items-lg-end justify-content-start\">\n                    <div className=\"u-flex flex-column align-items-start align-items-lg-end\">\n                        <RoomDetailsPriceBlock\n                            isLocked={isLocked}\n                            averagePreDiscount={rate.getAveragePriceBeforeDiscount(true)}\n                            averagePrice={rate.getAveragePrice(true)}\n                            isMemberOnly={props.rate.isMemberOnly}\n                            useLightText={shouldTextBeWhite}\n                        />\n                        <Text type={TextType.Label} color={textWhiteOr(Color.DarkGrey)} align={TextAlign.Right}>\n                            {rate.getPriceType() === 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 u-w-100@l-\">\n                        {isLocked ? (\n                            <BEButton filled success wide onClick={openMemberSignupModalOnClick}>\n                                {t(Translation.Step.Room.RoomInfo.RevealPrice)}\n                            </BEButton>\n                        ) : (\n                            <BookNowButton rate={rate} buttonLabel={bookNowLabel} onAddToBasketOverride={props.onAddToBasketOverride} isFilled={!isThisSelectedRow} />\n                        )}\n                    </div>\n                </div>\n            </div>\n            <RoomRateDetailsAndPriceBreakdownModal\n                isOpen={viewingModal.open}\n                currentTab={viewingModal.currentTab}\n                rate={props.rate}\n                getButtonLabel={props.getButtonLabel}\n                onAddToBasketOverride={props.onAddToBasketOverride}\n                onClose={updateModalOnClose}\n            />\n        </div>\n    );\n}\n"]}