@roomstay/frontend 2.6.89-2 → 2.6.90

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,iDAAyE;AACzE,+CAA4D;AAE5D,6EAAqD;AACrD,mCAA0C;AAE1C,wCAAoD;AACpD,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;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,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,EACvB,SAAS,EAAE,IAAA,4BAAoB,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAEjF,KAAK,CAAC,WAAW,CACX,CACR,CACV,CAAC;AACN,CAAC;AAtCD,gCAsCC","sourcesContent":["import { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport React, { useContext, useRef, useState } from 'react';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { useCurrentHotel } from '@/hooks';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { getContrastTextColor } from '@/util/Color';\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    const { hotel } = useCurrentHotel();\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                textColor={getContrastTextColor(props.isFilled ? hotel?.colors.accent : '#FFFFFF')}\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,gCAsCC;AAvDD,iDAAyE;AACzE,+CAA4D;AAE5D,6EAAqD;AACrD,mCAA0C;AAE1C,wCAAoD;AACpD,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;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEzB,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;YAC9B,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACJ,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,CAAC;oBACf,YAAY,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;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,EACvB,SAAS,EAAE,IAAA,4BAAoB,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAEjF,KAAK,CAAC,WAAW,CACX,CACR,CACV,CAAC;AACN,CAAC","sourcesContent":["import { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport React, { useContext, useRef, useState } from 'react';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { useCurrentHotel } from '@/hooks';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { getContrastTextColor } from '@/util/Color';\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    const { hotel } = useCurrentHotel();\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                textColor={getContrastTextColor(props.isFilled ? hotel?.colors.accent : '#FFFFFF')}\n            >\n                {props.buttonLabel}\n            </BEButton>\n        </span>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/MembersOnlyRow.d.ts

@@ -1 +1,2 @@
-export default function MembersOnlyRow(): JSX.Element;
+import React from 'react';
+export default function MembersOnlyRow(): React.JSX.Element;

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

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = MembersOnlyRow;
 const contexts_1 = require("../../../../../contexts/index.js");
 const hooks_1 = require("../../../../../hooks/index.js");
 const classnames_1 = __importDefault(require("classnames"));
@@ -83,5 +94,4 @@ function MembersOnlyRow() {
                 react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Body, color: Color_1.Color.Success, inline: true },
                     react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Room.RoomInfo.MemberOnlyDealsActivated)))))))));
 }
-exports.default = MembersOnlyRow;
 //# sourceMappingURL=MembersOnlyRow.js.map

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 { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\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    const { hotel } = useCurrentHotel();\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 room-info-gated\">\n                {isLocked ? (\n                    <>\n                        <div className=\"col-md-8 room-info-gated-left\">\n                            <div className=\"u-flex flex-column h-100\">\n                                <div>\n                                    {hotel?.memberOnlyImage && <div className=\"room-info-gated-left-image\" style={{ backgroundImage: `url('${hotel.memberOnlyImage}')` }}></div>}\n                                    <div className=\"u-marg-bottom-half room-info-gated-left-prices\">\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 room-info-gated-left-deals\"\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 room-info-gated-right\">\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                                        {t(Translation.Step.Room.RoomInfo.RevealPrices)}\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 { useCurrentHotel } from '@frontend/hooks';\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    const { hotel } = useCurrentHotel();\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 room-info-gated\">\n                {isLocked ? (\n                    <>\n                        <div className=\"col-md-8 room-info-gated-left\">\n                            <div className=\"u-flex flex-column h-100\">\n                                <div>\n                                    {hotel?.memberOnlyImage && <div className=\"room-info-gated-left-image\" style={{ backgroundImage: `url('${hotel.memberOnlyImage}')` }}></div>}\n                                    <div className=\"u-marg-bottom-half room-info-gated-left-prices\">\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 room-info-gated-left-deals\"\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 room-info-gated-right\">\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                                        {t(Translation.Step.Room.RoomInfo.RevealPrices)}\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.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 interface RoomModalProps {
     rate: RoomRate;
@@ -9,6 +10,6 @@ interface PriceBreakdownFooterProps {
     getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;
     onAddToBasketOverride?: (rate: RoomRate) => void;
 }
-export declare const PriceBreakdownFooter: (props: PriceBreakdownFooterProps) => JSX.Element;
-export default function PriceBreakdownBlock(props: RoomModalProps): JSX.Element;
+export declare const PriceBreakdownFooter: (props: PriceBreakdownFooterProps) => React.JSX.Element;
+export default function PriceBreakdownBlock(props: RoomModalProps): React.JSX.Element;
 export {};

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

@@ -15,18 +15,29 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PriceBreakdownFooter = void 0;
+exports.default = PriceBreakdownBlock;
 const contexts_1 = require("../../../../../contexts/index.js");
 const hooks_1 = require("../../../../../hooks/index.js");
 const ui_1 = require("@roomstay/ui");
@@ -106,7 +117,7 @@ const renderNightPrice = (rate, nightRate) => {
             react_1.default.createElement(Currency_1.default, null, nightRate.cost))));
 };
 function PriceBreakdownBlock(props) {
-    var _a, _b, _c;
+    var _a, _b;
     const { t } = (0, react_i18next_1.useTranslation)();
     const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
     const basketContext = react_1.default.useContext(contexts_1.BasketContext);
@@ -158,7 +169,7 @@ function PriceBreakdownBlock(props) {
                 isLastDay ? (react_1.default.createElement(Text_1.default, { color: Color_1.Color.Success }, t(Translation_1.Translation.Misc.CheckOut))) : (react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, className: "u-pos-rel" }, renderNightPrice(rate, nightRate)))));
         }),
         !!totalFees && !(itemisedFees === null || itemisedFees === void 0 ? void 0 : itemisedFees.length) && (react_1.default.createElement("div", { className: "u-flex u-marg-bottom" },
-            react_1.default.createElement(Text_1.default, null, t(Translation_1.Translation.Step.Room.Summary.Fees, { context: (_c = ccx.selectedHotel) === null || _c === void 0 ? void 0 : _c.languageContext })),
+            react_1.default.createElement(Text_1.default, null, t(Translation_1.Translation.Step.Room.Summary.Fees)),
             react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey },
                 react_1.default.createElement(Currency_1.default, null, totalFees)))),
         !!(itemisedFees === null || itemisedFees === void 0 ? void 0 : itemisedFees.length) && (react_1.default.createElement(react_1.default.Fragment, null,
@@ -181,5 +192,4 @@ function PriceBreakdownBlock(props) {
                 react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey, align: TextAlignment_1.TextAlign.Right },
                     react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.Step.Room.RoomInfo.IncludesTaxes) } }))))));
 }
-exports.default = PriceBreakdownBlock;
 //# sourceMappingURL=PriceBreakdownBlock.js.map

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 { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Icon, IconType } from '@roomstay/ui';\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 Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport { useSearchScopeHook } from '@/hooks/useSearchScopeHook';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport RoomRateNight from '@/models/Room/RoomRateNight';\nimport { Color } from '@/util/Color';\nimport StringHelper from '@/util/StringHelper';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './PriceBreakdownBlock.module.scss';\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    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n    const { showChildren } = useSearchScopeHook();\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 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                        {showChildren ? <> {StringHelper.pluralWithDictAndCount(basketRow?.getChildren(), Translation.Step.Date.Child, t)},&nbsp;</> : null}\n                        {hotel?.childConfiguration?.supportInfants ? (\n                            <> {StringHelper.pluralWithDictAndCount(basketRow?.getInfants(), Translation.Step.Date.Infant, t)},&nbsp;</>\n                        ) : null}\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\nconst renderNightPrice = (rate: RoomRate, nightRate: RoomRateNight) => {\n    const { t } = useTranslation();\n    const isStayXPayY = !!(rate.nightsToDiscount && Number(rate.nightsToDiscount) > 0);\n    const isFreeNight = Number(nightRate.cost) === 0 && Number(nightRate.discount) > 0;\n\n    // Show \"Free\" for Stay X Pay Y free nights\n    if (isStayXPayY && isFreeNight) {\n        return (\n            <span className=\"u-primary u-bold\" style={{ color: Color.Success }}>\n                {t(Translation.Step.Room.FreeNight)}\n            </span>\n        );\n    }\n\n    // Regular pricing, with strikethrough of undiscounted price (if there is a discount)\n    return (\n        <>\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>{Number(nightRate.cost) + Number(nightRate.discount)}</Currency>\n                </span>\n            )}\n            <span className=\"u-primary u-bold\">\n                <Currency>{nightRate.cost}</Currency>\n            </span>\n        </>\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 { hotel } = useCurrentHotel();\n\n    const selectedRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n    const { rate } = props;\n\n    const days: {\n        label: string;\n        alternateLabel: string;\n        shortDescription?: string;\n    }[] = rate.getLabelsByDate({ startDate: selectedRow.getStartDate(), endDate: selectedRow.getEndDate() });\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    const itemisedFees = rate.getItemisedFees(hotel?.fees ?? []);\n\n    const { isMobile } = useWindowSize();\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, 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 className={isMobile ? styles['price-breakdown-label'] : null}>\n                            <span>{day.label} </span>\n                            {day.alternateLabel && !isLastDay && (\n                                <>\n                                    <span className={styles['price-breakdown-label-override']}>\n                                        {!isMobile && '-'} {day.alternateLabel}\n                                        {day.shortDescription && (\n                                            <Tooltip title={day.shortDescription}>\n                                                <div className=\"u-marg-left--light d-flex\">\n                                                    <Icon icon={IconType.Info} />\n                                                </div>\n                                            </Tooltip>\n                                        )}\n                                    </span>\n                                </>\n                            )}\n                        </Text>\n                        {isLastDay ? (\n                            <Text color={Color.Success}>{t(Translation.Misc.CheckOut)}</Text>\n                        ) : (\n                            <Text color={Color.DarkGrey} className=\"u-pos-rel\">\n                                {renderNightPrice(rate, nightRate)}\n                            </Text>\n                        )}\n                    </div>\n                );\n            })}\n            {!!totalFees && !itemisedFees?.length && (\n                <div className=\"u-flex u-marg-bottom\">\n                    <Text>{t(Translation.Step.Room.Summary.Fees, { context: ccx.selectedHotel?.languageContext })}</Text>\n                    <Text color={Color.DarkGrey}>\n                        <Currency>{totalFees}</Currency>\n                    </Text>\n                </div>\n            )}\n            {!!itemisedFees?.length && (\n                <>\n                    <LineBreak />\n                    <div className=\"u-marg-bottom\">\n                        {itemisedFees.map((fee) => (\n                            <div key={fee.hotelFee.name} className=\"u-flex\">\n                                <Text>\n                                    <Text inline bold>\n                                        {fee.hotelFee.name}\n                                    </Text>\n                                    {fee.hotelFee.description && ` (${fee.hotelFee.description})`}\n                                </Text>\n                                <Text color={Color.DarkGrey}>\n                                    <span className=\"u-primary u-bold\">\n                                        <Currency>{fee.amount}</Currency>\n                                    </span>\n                                </Text>\n                            </div>\n                        ))}\n                    </div>\n                </>\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} align={TextAlign.Right}>\n                        <span dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.RoomInfo.IncludesTaxes) }}></span>\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 { useCurrentHotel } from '@frontend/hooks';\nimport { Icon, IconType } from '@roomstay/ui';\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 Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport RoomDetailsPriceBlock from '@/components/steps/room/roomDetails/RoomDetailsPriceBlock';\nimport BookNowButton from '@/components/steps/room/roomDetails/roomRates/BookNowButton';\nimport { useSearchScopeHook } from '@/hooks/useSearchScopeHook';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport RoomRateNight from '@/models/Room/RoomRateNight';\nimport { Color } from '@/util/Color';\nimport StringHelper from '@/util/StringHelper';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './PriceBreakdownBlock.module.scss';\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    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n    const { showChildren } = useSearchScopeHook();\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 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                        {showChildren ? <> {StringHelper.pluralWithDictAndCount(basketRow?.getChildren(), Translation.Step.Date.Child, t)},&nbsp;</> : null}\n                        {hotel?.childConfiguration?.supportInfants ? (\n                            <> {StringHelper.pluralWithDictAndCount(basketRow?.getInfants(), Translation.Step.Date.Infant, t)},&nbsp;</>\n                        ) : null}\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\nconst renderNightPrice = (rate: RoomRate, nightRate: RoomRateNight) => {\n    const { t } = useTranslation();\n    const isStayXPayY = !!(rate.nightsToDiscount && Number(rate.nightsToDiscount) > 0);\n    const isFreeNight = Number(nightRate.cost) === 0 && Number(nightRate.discount) > 0;\n\n    // Show \"Free\" for Stay X Pay Y free nights\n    if (isStayXPayY && isFreeNight) {\n        return (\n            <span className=\"u-primary u-bold\" style={{ color: Color.Success }}>\n                {t(Translation.Step.Room.FreeNight)}\n            </span>\n        );\n    }\n\n    // Regular pricing, with strikethrough of undiscounted price (if there is a discount)\n    return (\n        <>\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>{Number(nightRate.cost) + Number(nightRate.discount)}</Currency>\n                </span>\n            )}\n            <span className=\"u-primary u-bold\">\n                <Currency>{nightRate.cost}</Currency>\n            </span>\n        </>\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 { hotel } = useCurrentHotel();\n\n    const selectedRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n    const { rate } = props;\n\n    const days: {\n        label: string;\n        alternateLabel: string;\n        shortDescription?: string;\n    }[] = rate.getLabelsByDate({ startDate: selectedRow.getStartDate(), endDate: selectedRow.getEndDate() });\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    const itemisedFees = rate.getItemisedFees(hotel?.fees ?? []);\n\n    const { isMobile } = useWindowSize();\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, 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 className={isMobile ? styles['price-breakdown-label'] : null}>\n                            <span>{day.label} </span>\n                            {day.alternateLabel && !isLastDay && (\n                                <>\n                                    <span className={styles['price-breakdown-label-override']}>\n                                        {!isMobile && '-'} {day.alternateLabel}\n                                        {day.shortDescription && (\n                                            <Tooltip title={day.shortDescription}>\n                                                <div className=\"u-marg-left--light d-flex\">\n                                                    <Icon icon={IconType.Info} />\n                                                </div>\n                                            </Tooltip>\n                                        )}\n                                    </span>\n                                </>\n                            )}\n                        </Text>\n                        {isLastDay ? (\n                            <Text color={Color.Success}>{t(Translation.Misc.CheckOut)}</Text>\n                        ) : (\n                            <Text color={Color.DarkGrey} className=\"u-pos-rel\">\n                                {renderNightPrice(rate, nightRate)}\n                            </Text>\n                        )}\n                    </div>\n                );\n            })}\n            {!!totalFees && !itemisedFees?.length && (\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            {!!itemisedFees?.length && (\n                <>\n                    <LineBreak />\n                    <div className=\"u-marg-bottom\">\n                        {itemisedFees.map((fee) => (\n                            <div key={fee.hotelFee.name} className=\"u-flex\">\n                                <Text>\n                                    <Text inline bold>\n                                        {fee.hotelFee.name}\n                                    </Text>\n                                    {fee.hotelFee.description && ` (${fee.hotelFee.description})`}\n                                </Text>\n                                <Text color={Color.DarkGrey}>\n                                    <span className=\"u-primary u-bold\">\n                                        <Currency>{fee.amount}</Currency>\n                                    </span>\n                                </Text>\n                            </div>\n                        ))}\n                    </div>\n                </>\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} align={TextAlign.Right}>\n                        <span dangerouslySetInnerHTML={{ __html: t(Translation.Step.Room.RoomInfo.IncludesTaxes) }}></span>\n                    </Text>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/roomRates/ReadMoreRoomRateRow.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 export interface RoomRateRowProps {
     rate: RoomRate;
@@ -5,4 +6,4 @@ export interface RoomRateRowProps {
     onAddToBasketOverride?: (rate: RoomRate) => void;
     isPromoRate?: boolean;
 }
-export default function ReadMoreRoomRateRow(props: RoomRateRowProps): JSX.Element;
+export default function ReadMoreRoomRateRow(props: RoomRateRowProps): React.JSX.Element;

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

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ReadMoreRoomRateRow;
 const contexts_1 = require("../../../../../contexts/index.js");
 const hooks_1 = require("../../../../../hooks/index.js");
 const classnames_1 = __importDefault(require("classnames"));
@@ -196,5 +207,4 @@ function ReadMoreRoomRateRow(props) {
                 react_1.default.createElement("div", { className: "u-marg-top--light" }, isLocked ? (react_1.default.createElement(BEButton_1.default, { filled: true, success: true, wide: true, onClick: openMemberSignupModalOnClick }, t(Translation_1.Translation.Step.Room.RoomInfo.RevealPrice))) : (react_1.default.createElement(BookNowButton_1.default, { rate: rate, buttonLabel: bookNowLabel, onAddToBasketOverride: props.onAddToBasketOverride, isFilled: !isThisSelectedRow }))))),
         react_1.default.createElement(RoomRateDetailsAndPriceBreakdownModal_1.default, { isOpen: viewingModal.open, currentTab: viewingModal.currentTab, rate: props.rate, getButtonLabel: props.getButtonLabel, onAddToBasketOverride: props.onAddToBasketOverride, onClose: updateModalOnClose })));
 }
-exports.default = ReadMoreRoomRateRow;
 //# sourceMappingURL=ReadMoreRoomRateRow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReadMoreRoomRateRow.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/ReadMoreRoomRateRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, 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 { PlanpayPrice } from '@/components/generic/PlanpayPrice/PlanpayPrice';\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 useCurrency from '@/hooks/Currency';\nimport usePlanpay from '@/hooks/Planpay';\nimport { RoomRate, RoomRatePriceInclusion } from '@/models/Room/RoomRate';\nimport RoomRateReadMoreVersionFeature from '@/providers/feature/RoomRateReadMoreVersionFeature';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './ReadMoreRoomRateRow.module.scss';\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 ReadMoreRoomRateRow(props: RoomRateRowProps) {\n    const ccx = useContext(CompanyContext);\n    const basketContext = useContext(BasketContext);\n\n    const [viewingModal, setViewingModal] = useState({\n        open: false,\n        currentTab: RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails,\n    });\n\n    const [requireReadMore, setRequireReadMore] = useState(false);\n    const [readMoreOpened, setReadMoreOpened] = useState(false);\n\n    const [targetOpenHeight, setTargetOpenHeight] = useState(0);\n\n    const innerDescRef = useRef<HTMLDivElement>(null);\n    const outerDescRef = useRef<HTMLDivElement>(null);\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\n    useEffect(() => {\n        let isCancelled = false;\n\n        const onResize = () => {\n            if (!isCancelled && innerDescRef.current && outerDescRef.current) {\n                const innerBoundiugRect = innerDescRef.current.getBoundingClientRect();\n                const outerBoundingRect = outerDescRef.current.getBoundingClientRect();\n\n                setRequireReadMore(innerBoundiugRect.height > outerBoundingRect.height);\n                setTargetOpenHeight(innerBoundiugRect.height);\n            }\n        };\n\n        onResize();\n\n        window.addEventListener('resize', onResize);\n\n        return () => {\n            isCancelled = true;\n\n            window.removeEventListener('resize', onResize);\n        };\n    }, [innerDescRef, outerDescRef]);\n\n    useEffect(() => {\n        if (!isLocked) {\n            const basketRow = basketContext.selectedBasketRow;\n            if (!basketRow) {\n                return;\n            }\n\n            DataLayer.instance.addRoomImpression(rate.getRoom(), { to: basketRow.getStartDate(), from: basketRow.getEndDate() }, basketRow.getPromoCode());\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        setReadMoreOpened((opened) => {\n            return !opened;\n        });\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    const { value: price, isLoading } = useCurrency({\n        disableLoading: true,\n        hideDecimals: true,\n        children: rate.getAveragePrice(true),\n    });\n    const { hasPricePreview } = usePlanpay();\n\n    const outerDescriptionClassList = classNames({\n        [styles.descriptionTextOuter]: true,\n        'text-small': true,\n        [styles.requireReadMore]: requireReadMore,\n        [styles.revealReadMore]: readMoreOpened,\n    });\n\n    return (\n        <div className={classes} ref={currentRow}>\n            <div className=\"row\">\n                <div\n                    className={classNames({\n                        'col-lg-6': hasPricePreview,\n                        'col-lg-8': !hasPricePreview,\n                    })}\n                >\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\n                                className={outerDescriptionClassList}\n                                style={{\n                                    color: textWhiteOr(),\n                                    ['--maxLines' as any]: RoomRateReadMoreVersionFeature.getMaxLines(),\n                                    ['--lineHeight' as any]: targetOpenHeight + 'px',\n                                }}\n                                ref={outerDescRef}\n                            >\n                                <div\n                                    className={styles.descriptionTextInner}\n                                    dangerouslySetInnerHTML={{ __html: isLocked ? t(Translation.Step.Room.RoomInfo.DealForMemberOnly) : rate.description }}\n                                    ref={innerDescRef}\n                                />\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                        </div>\n                        <div className=\"u-flex justify-content-start u-marg-bottom u-marg-top-bottom@l-\">\n                            {requireReadMore && (\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                                        {readMoreOpened ? t(Translation.Step.Room.ReadLess) : t(Translation.Step.Room.ReadMore)}\n                                    </BEButton>\n                                </div>\n                            )}\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                        <RoomRatePills noMargin rate={props.rate} />\n                    </div>\n                </div>\n                <div\n                    className={classNames(\n                        {\n                            'col-lg-6': hasPricePreview,\n                            'col-lg-4': !hasPricePreview,\n                        },\n                        'u-flex flex-column align-items-start align-items-md-start align-items-lg-end justify-content-start'\n                    )}\n                >\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                            <span\n                                dangerouslySetInnerHTML={{\n                                    __html:\n                                        rate.getPriceType() === RoomRatePriceInclusion.IncludingFeesAndTaxes\n                                            ? t(Translation.Step.Room.RoomInfo.IncludesTaxes)\n                                            : t(Translation.Step.Room.ExcludingTaxes),\n                                }}\n                            ></span>\n                        </Text>\n                    </div>\n                    {!isLoading && hasPricePreview ? (\n                        <div className=\"u-marg-top--light\">\n                            <PlanpayPrice price={price} checkin={(selectedRow?.getStartDate() || basketContext.endDate).format('YYYY-MM-DD')} currency={ccx.currentCurrency} />\n                        </div>\n                    ) : null}\n                    <div className=\"u-marg-top--light\">\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":"ReadMoreRoomRateRow.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/ReadMoreRoomRateRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, 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 { PlanpayPrice } from '@/components/generic/PlanpayPrice/PlanpayPrice';\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 useCurrency from '@/hooks/Currency';\nimport usePlanpay from '@/hooks/Planpay';\nimport { RoomRate, RoomRatePriceInclusion } from '@/models/Room/RoomRate';\nimport RoomRateReadMoreVersionFeature from '@/providers/feature/RoomRateReadMoreVersionFeature';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './ReadMoreRoomRateRow.module.scss';\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 ReadMoreRoomRateRow(props: RoomRateRowProps) {\n    const ccx = useContext(CompanyContext);\n    const basketContext = useContext(BasketContext);\n\n    const [viewingModal, setViewingModal] = useState({\n        open: false,\n        currentTab: RoomRateDetailsAndPriceBreakdownModalTabs.RoomDetails,\n    });\n\n    const [requireReadMore, setRequireReadMore] = useState(false);\n    const [readMoreOpened, setReadMoreOpened] = useState(false);\n\n    const [targetOpenHeight, setTargetOpenHeight] = useState(0);\n\n    const innerDescRef = useRef<HTMLDivElement>(null);\n    const outerDescRef = useRef<HTMLDivElement>(null);\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\n    useEffect(() => {\n        let isCancelled = false;\n\n        const onResize = () => {\n            if (!isCancelled && innerDescRef.current && outerDescRef.current) {\n                const innerBoundiugRect = innerDescRef.current.getBoundingClientRect();\n                const outerBoundingRect = outerDescRef.current.getBoundingClientRect();\n\n                setRequireReadMore(innerBoundiugRect.height > outerBoundingRect.height);\n                setTargetOpenHeight(innerBoundiugRect.height);\n            }\n        };\n\n        onResize();\n\n        window.addEventListener('resize', onResize);\n\n        return () => {\n            isCancelled = true;\n\n            window.removeEventListener('resize', onResize);\n        };\n    }, [innerDescRef, outerDescRef]);\n\n    useEffect(() => {\n        if (!isLocked) {\n            const basketRow = basketContext.selectedBasketRow;\n            if (!basketRow) {\n                return;\n            }\n\n            DataLayer.instance.addRoomImpression(rate.getRoom(), { to: basketRow.getStartDate(), from: basketRow.getEndDate() }, basketRow.getPromoCode());\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        setReadMoreOpened((opened) => {\n            return !opened;\n        });\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    const { value: price, isLoading } = useCurrency({\n        disableLoading: true,\n        hideDecimals: true,\n        children: rate.getAveragePrice(true),\n    });\n    const { hasPricePreview } = usePlanpay();\n\n    const outerDescriptionClassList = classNames({\n        [styles.descriptionTextOuter]: true,\n        'text-small': true,\n        [styles.requireReadMore]: requireReadMore,\n        [styles.revealReadMore]: readMoreOpened,\n    });\n\n    return (\n        <div className={classes} ref={currentRow}>\n            <div className=\"row\">\n                <div\n                    className={classNames({\n                        'col-lg-6': hasPricePreview,\n                        'col-lg-8': !hasPricePreview,\n                    })}\n                >\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\n                                className={outerDescriptionClassList}\n                                style={{\n                                    color: textWhiteOr(),\n                                    ['--maxLines' as any]: RoomRateReadMoreVersionFeature.getMaxLines(),\n                                    ['--lineHeight' as any]: targetOpenHeight + 'px',\n                                }}\n                                ref={outerDescRef}\n                            >\n                                <div\n                                    className={styles.descriptionTextInner}\n                                    dangerouslySetInnerHTML={{ __html: isLocked ? t(Translation.Step.Room.RoomInfo.DealForMemberOnly) : rate.description }}\n                                    ref={innerDescRef}\n                                />\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                        </div>\n                        <div className=\"u-flex justify-content-start u-marg-bottom u-marg-top-bottom@l-\">\n                            {requireReadMore && (\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                                        {readMoreOpened ? t(Translation.Step.Room.ReadLess) : t(Translation.Step.Room.ReadMore)}\n                                    </BEButton>\n                                </div>\n                            )}\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                        <RoomRatePills noMargin rate={props.rate} />\n                    </div>\n                </div>\n                <div\n                    className={classNames(\n                        {\n                            'col-lg-6': hasPricePreview,\n                            'col-lg-4': !hasPricePreview,\n                        },\n                        'u-flex flex-column align-items-start align-items-md-start align-items-lg-end justify-content-start'\n                    )}\n                >\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                            <span\n                                dangerouslySetInnerHTML={{\n                                    __html:\n                                        rate.getPriceType() === RoomRatePriceInclusion.IncludingFeesAndTaxes\n                                            ? t(Translation.Step.Room.RoomInfo.IncludesTaxes)\n                                            : t(Translation.Step.Room.ExcludingTaxes),\n                                }}\n                            ></span>\n                        </Text>\n                    </div>\n                    {!isLoading && hasPricePreview ? (\n                        <div className=\"u-marg-top--light\">\n                            <PlanpayPrice price={price} checkin={(selectedRow?.getStartDate() || basketContext.endDate).format('YYYY-MM-DD')} currency={ccx.currentCurrency} />\n                        </div>\n                    ) : null}\n                    <div className=\"u-marg-top--light\">\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"]}

package/dist/src/components/steps/room/roomDetails/roomRates/RoomRateDescriptionTab.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 interface RoomRateDescriptionTabProps {
     rate: RoomRate;
@@ -8,6 +9,6 @@ interface RoomRateDescriptionFooterProps {
     getButtonLabel?: (isRoomSelectedAndEditing: boolean, isThisSelectedRow: boolean) => string;
     onAddToBasketOverride?: (rate: RoomRate) => void;
 }
-export declare const RoomRateDescriptionFooter: (props: RoomRateDescriptionFooterProps) => JSX.Element;
-export default function RoomRateDescriptionTab(props: RoomRateDescriptionTabProps): JSX.Element;
+export declare const RoomRateDescriptionFooter: (props: RoomRateDescriptionFooterProps) => React.JSX.Element;
+export default function RoomRateDescriptionTab(props: RoomRateDescriptionTabProps): React.JSX.Element;
 export {};

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

@@ -15,18 +15,29 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoomRateDescriptionFooter = void 0;
+exports.default = RoomRateDescriptionTab;
 const contexts_1 = require("../../../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
@@ -126,12 +137,12 @@ function RoomRateDescriptionTab(props) {
                 react_1.default.createElement(Text_1.default, null,
                     react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Confirmation.Policies)))),
             react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
-                guaranteePolicy && (react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                (guaranteePolicy === null || guaranteePolicy === void 0 ? void 0 : guaranteePolicy.longDescription) && !guaranteePolicy.hide && (react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
                     react_1.default.createElement("div", { className: "u-marg-bottom--light" },
                         react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
                             react_1.default.createElement("strong", null, t(Translation_1.Translation.Misc.GuaranteePolicy)))),
                     react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, asDiv: true },
-                        react_1.default.createElement(HtmlContentViewer_1.HtmlContentViewer, { content: guaranteePolicy })))),
+                        react_1.default.createElement(HtmlContentViewer_1.HtmlContentViewer, { content: guaranteePolicy.longDescription })))),
                 react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
                     react_1.default.createElement("div", { className: "u-marg-bottom--light" },
                         react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
@@ -144,5 +155,4 @@ function RoomRateDescriptionTab(props) {
                 react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey, align: isMobile ? TextAlignment_1.TextAlign.Left : TextAlignment_1.TextAlign.Right },
                     react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.Step.Room.RoomInfo.IncludesTaxes) } }))))));
 }
-exports.default = RoomRateDescriptionTab;
 //# sourceMappingURL=RoomRateDescriptionTab.js.map