@roomstay/frontend 2.6.86-0 → 2.6.87

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

@@ -1 +1 @@
-{"version":3,"file":"RoomDetailsBedsBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsBedsBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Text, TextType } from '@/components/generic/Text';\nimport { Room } from '@/models/Room/Room';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\ninterface RoomDetailsBedsBlockProps {\n    room: Room;\n\n    textColor?: Color;\n}\n\nexport function RoomDetailsBedsBlock(props: RoomDetailsBedsBlockProps) {\n    const { hotel } = useCurrentHotel();\n    const { t } = useTranslation();\n\n    const extraRoomData = hotel?.rooms?.[props.room?.code as string]; // From server side\n    const adminRoomSize = extraRoomData?.roomSize;\n    const overrideRoomSize = hotel?.overwrites?.[props.room?.code as string]?.RoomDimensions; // From client side\n    const roomSize = overrideRoomSize ?? (adminRoomSize ? `${adminRoomSize} m²` : undefined);\n    const petFriendly = !!extraRoomData?.petFriendly;\n\n    const textColor = props.textColor ?? Color.DarkGrey;\n\n    let bedType = `${(extraRoomData?.bedQuantity as number) > 0 ? extraRoomData?.bedQuantity : ''} ${extraRoomData?.bedType}`;\n    if (extraRoomData?.bedTypeOverride?.trim()) {\n        bedType = extraRoomData.bedTypeOverride;\n    }\n\n    return (\n        <ul className=\"u-inline-flex u-flex-gap u-flex-wrap u-marg-bottom rs-room-details-beds-block\">\n            <li className=\"u-flex align-items-center\">\n                <Icon icon={IconType.People} size=\"24px\" color={Color.Navy} />\n                <div className=\"u-pad-left--light\">\n                    <Text type={TextType.Small} inline color={textColor}>\n                        {t(Translation.Step.Room.Sleeps, {\n                            maxOccupancy: extraRoomData?.maxOccupancy,\n                        })}\n                    </Text>\n                </div>\n            </li>\n            {extraRoomData?.showBedType !== false && (\n                <li className=\"u-flex align-items-center\">\n                    <Icon icon={IconType.Bed} size=\"24px\" color={Color.Navy} />\n                    <div className=\"u-pad-left--light\">\n                        <Text type={TextType.Small} inline color={textColor}>\n                            {bedType}\n                        </Text>\n                    </div>\n                </li>\n            )}\n            {!!roomSize && (\n                <li className=\"u-flex align-items-center\">\n                    <Icon icon={IconType.RoomSize} size=\"24px\" color={Color.Navy} />\n                    <div className=\"u-pad-left--light\">\n                        <Text type={TextType.Small} inline color={textColor}>\n                            {roomSize}\n                        </Text>\n                    </div>\n                </li>\n            )}\n            {petFriendly && (\n                <li className=\"u-flex align-items-center\">\n                    <Icon icon={IconType.PetFriendly} size=\"24px\" color={Color.Navy} />\n                    <div className=\"u-pad-left--light\">\n                        <Text type={TextType.Small} inline color={textColor}>\n                            {t(Translation.Step.Room.PetFriendly)}\n                        </Text>\n                    </div>\n                </li>\n            )}\n        </ul>\n    );\n}\n"]}
+{"version":3,"file":"RoomDetailsBedsBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsBedsBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Text, TextType } from '@/components/generic/Text';\nimport { Room } from '@/models/Room/Room';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\ninterface RoomDetailsBedsBlockProps {\n    room: Room;\n\n    textColor?: Color;\n}\n\nexport function RoomDetailsBedsBlock(props: RoomDetailsBedsBlockProps) {\n    const { hotel } = useCurrentHotel();\n    const { t } = useTranslation();\n\n    const extraRoomData = hotel?.rooms?.[props.room?.code as string]; // From server side\n    const adminRoomSize = extraRoomData?.roomSize;\n    const overrideRoomSize = hotel?.overwrites?.[props.room?.code as string]?.RoomDimensions; // From client side\n    const roomSize = overrideRoomSize ?? (adminRoomSize ? `${adminRoomSize} m²` : undefined);\n    const petFriendly = !!extraRoomData?.petFriendly;\n\n    const textColor = props.textColor ?? Color.DarkGrey;\n\n    let bedType = `${(extraRoomData?.bedQuantity as number) > 0 ? extraRoomData?.bedQuantity : ''} ${extraRoomData?.bedType}`;\n    if (extraRoomData?.bedTypeOverride?.trim()) {\n        bedType = extraRoomData.bedTypeOverride;\n    }\n\n    return (\n        <ul className=\"u-inline-flex u-flex-gap u-flex-wrap u-marg-bottom rs-room-details-beds-block\">\n            <li className=\"u-flex align-items-center\">\n                <Icon icon={IconType.People} size=\"24px\" color={Color.Navy} />\n                <div className=\"u-pad-left--light\">\n                    <Text type={TextType.Small} inline color={textColor}>\n                        {t(Translation.Step.Room.Sleeps, {\n                            maxOccupancy: extraRoomData?.maxOccupancy,\n                        })}\n                    </Text>\n                </div>\n            </li>\n            {extraRoomData?.showBedType !== false && (\n                <li className=\"u-flex align-items-center\">\n                    <Icon icon={IconType.Bed} size=\"24px\" color={Color.Navy} />\n                    <div className=\"u-pad-left--light\">\n                        <Text type={TextType.Small} inline color={textColor}>\n                            {bedType}\n                        </Text>\n                    </div>\n                </li>\n            )}\n            {!!roomSize && (\n                <li className=\"u-flex align-items-center\">\n                    <Icon icon={IconType.RoomSize} size=\"24px\" color={Color.Navy} />\n                    <div className=\"u-pad-left--light\">\n                        <Text type={TextType.Small} inline color={textColor}>\n                            {roomSize}\n                        </Text>\n                    </div>\n                </li>\n            )}\n            {petFriendly && (\n                <li className=\"u-flex align-items-center\">\n                    <Icon icon={IconType.PetFriendly} size=\"24px\" color={Color.Navy} />\n                    <div className=\"u-pad-left--light\">\n                        <Text type={TextType.Small} inline color={textColor}>\n                            {t(Translation.Step.Room.PetFriendly)}\n                        </Text>\n                    </div>\n                </li>\n            )}\n        </ul>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/RoomDetailsPerkBlock.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { HotelPerk } from '../../../../models/Client/Hotel/HotelPerk';
 import { Room } from '../../../../models/Room/Room';
 interface RoomDetailsPerkBlockProps {
     perks: HotelPerk[];
     room: Room;
 }
-export declare function RoomDetailsPerkBlock(props: RoomDetailsPerkBlockProps): JSX.Element;
+export declare function RoomDetailsPerkBlock(props: RoomDetailsPerkBlockProps): React.JSX.Element;
 export {};

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

@@ -15,18 +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.RoomDetailsPerkBlock = void 0;
+exports.RoomDetailsPerkBlock = RoomDetailsPerkBlock;
 const contexts_1 = require("../../../../contexts/index.js");
 const hooks_1 = require("../../../../hooks/index.js");
 const classnames_1 = __importDefault(require("classnames"));
@@ -62,5 +72,4 @@ function RoomDetailsPerkBlock(props) {
                     : perk.name))));
     })))));
 }
-exports.RoomDetailsPerkBlock = RoomDetailsPerkBlock;
 //# sourceMappingURL=RoomDetailsPerkBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RoomDetailsPerkBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsPerkBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,2CAAkD;AAClD,4DAAoC;AACpC,+CAAoD;AAEpD,oDAA2D;AAG3D,4DAA4D;AAC5D,mEAA2C;AAO3C,SAAgB,oBAAoB,CAAC,KAAgC;;IACjE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,KAAK,CAAC;IAExD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAE,IAAI,CAAC,CAAC;IAEzD,MAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,gBAAgB,EAAE;QACjD,UAAU,EAAE,QAAQ;KACvB,CAAC,CAAC;IAEH,OAAO,CACH,8DACK,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA,IAAI,CAChB,0CACK,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACvB,IAAI,QAAQ,IAAI,KAAK,IAAI,CAAC;YAAE,OAAO;QAEnC,MAAM,cAAc,GAAG,GAAG,EAAE;YACxB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAC;QAEF,MAAM,eAAe,GAAG,IAAA,oCAAkB,EAAC,IAAI,CAAC,CAAC;QAEjD,OAAO,CACH,sCAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc;YACnC,uCAAK,SAAS,EAAE,eAAe,IAAG,eAAe,CAAO;YACxD,uCACI,SAAS,EACL,oCAAoC,GAAG,CAAC,CAAC,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,UAAU,KAAK,oBAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;gBAG7I,8BAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IACrB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB;oBACnB,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;wBAClB,KAAK;wBACL,IAAI;qBACP,CAAC;oBACJ,CAAC,CAAC,IAAI,CAAC,IAAI,CACZ,CACL,CACL,CACR,CAAC;IACN,CAAC,CAAC,CACD,CACR,CACF,CACN,CAAC;AACN,CAAC;AAjDD,oDAiDC","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport React, { useContext, useState } from 'react';\n\nimport { Text, TextType } from '@/components/generic/Text';\nimport { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport { Room } from '@/models/Room/Room';\nimport { getPerkIconElement } from '@/util/HotelPerkHelper';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface RoomDetailsPerkBlockProps {\n    perks: HotelPerk[];\n    room: Room;\n}\n\nexport function RoomDetailsPerkBlock(props: RoomDetailsPerkBlockProps) {\n    const context = useContext(BookingEngineContext);\n    const { hotel } = useCurrentHotel();\n    const { perks, room } = props;\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const [openPerk, setOpenPerk] = useState(perks[0]?.name);\n\n    const perkIconClasses = classNames('room-perk-icon', {\n        '--has-bg': isMobile,\n    });\n\n    return (\n        <>\n            {!!perks?.length && (\n                <ul>\n                    {perks.map((perk, index) => {\n                        if (isMobile && index >= 4) return;\n\n                        const setPerkOnClick = () => {\n                            setOpenPerk(perk.name);\n                        };\n\n                        const perkIconElement = getPerkIconElement(perk);\n\n                        return (\n                            <li key={index} onClick={setPerkOnClick}>\n                                <div className={perkIconClasses}>{perkIconElement}</div>\n                                <div\n                                    className={\n                                        'u-marg-right u-none@l- u-block@m- ' + ((isMobile && openPerk !== perk.name) || context.screenSize === ScreenSize.Tiny ? 'u-none-2' : '')\n                                    }\n                                >\n                                    <Text type={TextType.Small}>\n                                        {perk?.perkNameRenderer\n                                            ? perk.perkNameRenderer({\n                                                  hotel,\n                                                  room,\n                                              })\n                                            : perk.name}\n                                    </Text>\n                                </div>\n                            </li>\n                        );\n                    })}\n                </ul>\n            )}\n        </>\n    );\n}\n"]}
+{"version":3,"file":"RoomDetailsPerkBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsPerkBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,oDAiDC;AAjED,iDAA0D;AAC1D,2CAAkD;AAClD,4DAAoC;AACpC,+CAAoD;AAEpD,oDAA2D;AAG3D,4DAA4D;AAC5D,mEAA2C;AAO3C,SAAgB,oBAAoB,CAAC,KAAgC;;IACjE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,KAAK,CAAC;IAExD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAE,IAAI,CAAC,CAAC;IAEzD,MAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,gBAAgB,EAAE;QACjD,UAAU,EAAE,QAAQ;KACvB,CAAC,CAAC;IAEH,OAAO,CACH,8DACK,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA,IAAI,CAChB,0CACK,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACvB,IAAI,QAAQ,IAAI,KAAK,IAAI,CAAC;YAAE,OAAO;QAEnC,MAAM,cAAc,GAAG,GAAG,EAAE;YACxB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAC;QAEF,MAAM,eAAe,GAAG,IAAA,oCAAkB,EAAC,IAAI,CAAC,CAAC;QAEjD,OAAO,CACH,sCAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc;YACnC,uCAAK,SAAS,EAAE,eAAe,IAAG,eAAe,CAAO;YACxD,uCACI,SAAS,EACL,oCAAoC,GAAG,CAAC,CAAC,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,UAAU,KAAK,oBAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;gBAG7I,8BAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IACrB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB;oBACnB,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;wBAClB,KAAK;wBACL,IAAI;qBACP,CAAC;oBACJ,CAAC,CAAC,IAAI,CAAC,IAAI,CACZ,CACL,CACL,CACR,CAAC;IACN,CAAC,CAAC,CACD,CACR,CACF,CACN,CAAC;AACN,CAAC","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport React, { useContext, useState } from 'react';\n\nimport { Text, TextType } from '@/components/generic/Text';\nimport { HotelPerk } from '@/models/Client/Hotel/HotelPerk';\nimport { Room } from '@/models/Room/Room';\nimport { getPerkIconElement } from '@/util/HotelPerkHelper';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface RoomDetailsPerkBlockProps {\n    perks: HotelPerk[];\n    room: Room;\n}\n\nexport function RoomDetailsPerkBlock(props: RoomDetailsPerkBlockProps) {\n    const context = useContext(BookingEngineContext);\n    const { hotel } = useCurrentHotel();\n    const { perks, room } = props;\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const [openPerk, setOpenPerk] = useState(perks[0]?.name);\n\n    const perkIconClasses = classNames('room-perk-icon', {\n        '--has-bg': isMobile,\n    });\n\n    return (\n        <>\n            {!!perks?.length && (\n                <ul>\n                    {perks.map((perk, index) => {\n                        if (isMobile && index >= 4) return;\n\n                        const setPerkOnClick = () => {\n                            setOpenPerk(perk.name);\n                        };\n\n                        const perkIconElement = getPerkIconElement(perk);\n\n                        return (\n                            <li key={index} onClick={setPerkOnClick}>\n                                <div className={perkIconClasses}>{perkIconElement}</div>\n                                <div\n                                    className={\n                                        'u-marg-right u-none@l- u-block@m- ' + ((isMobile && openPerk !== perk.name) || context.screenSize === ScreenSize.Tiny ? 'u-none-2' : '')\n                                    }\n                                >\n                                    <Text type={TextType.Small}>\n                                        {perk?.perkNameRenderer\n                                            ? perk.perkNameRenderer({\n                                                  hotel,\n                                                  room,\n                                              })\n                                            : perk.name}\n                                    </Text>\n                                </div>\n                            </li>\n                        );\n                    })}\n                </ul>\n            )}\n        </>\n    );\n}\n"]}

package/dist/src/components/steps/room/roomDetails/RoomDetailsPriceBlock.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface RoomDetailsPriceBlockProps {
     isLocked: boolean;
     averagePreDiscount: number;
@@ -6,5 +7,5 @@ interface RoomDetailsPriceBlockProps {
     hidePerNight?: boolean;
     useLightText?: boolean;
 }
-export default function RoomDetailsPriceBlock(props: RoomDetailsPriceBlockProps): JSX.Element;
+export default function RoomDetailsPriceBlock(props: RoomDetailsPriceBlockProps): React.JSX.Element;
 export {};

package/dist/src/components/steps/room/roomDetails/RoomDetailsPriceBlock.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 = RoomDetailsPriceBlock;
 const contexts_1 = require("../../../../contexts/index.js");
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("react"));
@@ -68,5 +79,4 @@ function RoomDetailsPriceBlock(props) {
                 react_1.default.createElement("span", { className: "room-details--content-price-lock" },
                     react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Lock, color: Color_1.Color.Success }))))));
 }
-exports.default = RoomDetailsPriceBlock;
 //# sourceMappingURL=RoomDetailsPriceBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RoomDetailsPriceBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsPriceBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,4DAAoC;AACpC,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,6EAAqD;AACrD,uEAAgE;AAChE,kEAA2D;AAC3D,mFAA2D;AAC3D,wCAAqC;AACrC,mEAA2C;AAc3C,SAAwB,qBAAqB,CAAC,KAAiC;IAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,+BAAoB,CAAC,CAAC;IAEvD,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE7D,MAAM,eAAe,GAAG,kBAAkB,GAAG,YAAY,CAAC;IAE1D,MAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,wCAAwC,EAAE;QACzE,mBAAmB,EAAE,eAAe,IAAI,CAAC,KAAK,CAAC,YAAY;QAC3D,kBAAkB,EAAE,KAAK,CAAC,YAAY;KACzC,CAAC,CAAC;IAEH,OAAO,CACH;QACI,uCACI,SAAS,EAAE,IAAA,oBAAU,EAAC,0FAA0F,EAAE;gBAC9G,UAAU,EAAE,QAAQ;aACvB,CAAC;YAED,CAAC,QAAQ,IAAI,eAAe,IAAI,CAC7B,wCAAM,SAAS,EAAC,kEAAkE;gBAC9E,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ;oBACvB;wBACI,8BAAC,kBAAQ,QAAE,kBAAkB,CAAY,CACpC,CACN;gBACN,CAAC,KAAK,CAAC,YAAY,IAAI,CACpB,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO;;oBAC7C,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CACxB,CACV,CACE,CACV;YACD,wCAAM,SAAS,EAAE,eAAe;gBAC5B,8BAAC,kBAAQ,IACL,IAAI,EAAE,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EACjE,IAAI,QACJ,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAChD,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,aAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAK,CAAC,QAAQ;oBAEvD,8BAAC,kBAAQ,IAAC,cAAc,QAAC,YAAY,UAChC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CACvB,CACJ;gBACV,CAAC,KAAK,CAAC,YAAY,IAAI,8BAAC,cAAI,IAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,aAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAK,CAAC,QAAQ;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAQ,CACvH;YACP,8BAAC,iBAAO,IAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC;gBACrE,wCAAM,SAAS,EAAC,kCAAkC;oBAC9C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO,GAAI,CAChD,CACD,CACR,CACP,CACN,CAAC;AACN,CAAC;AAxDD,wCAwDC","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport classNames from 'classnames';\nimport React 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 Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface RoomDetailsPriceBlockProps {\n    isLocked: boolean;\n    averagePreDiscount: number;\n    averagePrice: number;\n\n    isMemberOnly?: boolean;\n\n    hidePerNight?: boolean;\n\n    useLightText?: boolean;\n}\n\nexport default function RoomDetailsPriceBlock(props: RoomDetailsPriceBlockProps) {\n    const { t } = useTranslation();\n\n    const context = React.useContext(BookingEngineContext);\n\n    const { isLocked, averagePreDiscount, averagePrice } = props;\n\n    const discountApplied = averagePreDiscount > averagePrice;\n\n    const headlineClasses = classNames('room-details--content-price-protection', {\n        '--accent-headline': discountApplied && !props.useLightText,\n        '--accent-success': props.isMemberOnly,\n    });\n\n    return (\n        <>\n            <div\n                className={classNames('room-details--content-price u-flex u-flex-direction-column justify-content-end flex-wrap', {\n                    '--locked': isLocked,\n                })}\n            >\n                {!isLocked && discountApplied && (\n                    <span className=\"room-details--content-price-protection --original align-self-end\">\n                        <Text color={Color.DarkGrey}>\n                            <strong>\n                                <Currency>{averagePreDiscount}</Currency>\n                            </strong>\n                        </Text>\n                        {!props.hidePerNight && (\n                            <Text color={Color.DarkGrey} type={TextType.Caption}>\n                                /{t(Translation.Misc.Night)}\n                            </Text>\n                        )}\n                    </span>\n                )}\n                <span className={headlineClasses}>\n                    <Headline\n                        size={context.screenSize > ScreenSize.Medium ? 'large' : 'normal'}\n                        bold\n                        className={props.isMemberOnly ? '--success' : ''}\n                        color={props.useLightText ? Color.Snow : Color.Graphite}\n                    >\n                        <Currency disableLoading hideDecimals>\n                            {isLocked ? 321 : averagePrice}\n                        </Currency>\n                    </Headline>\n                    {!props.hidePerNight && <Text color={props.useLightText ? Color.Snow : Color.DarkGrey}>/{t(Translation.Misc.Night)}</Text>}\n                </span>\n                <Tooltip title={t(Translation.Step.Room.RoomInfo.MemberRateLockedTooltip)}>\n                    <span className=\"room-details--content-price-lock\">\n                        <Icon icon={IconType.Lock} color={Color.Success} />\n                    </span>\n                </Tooltip>\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"RoomDetailsPriceBlock.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsPriceBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,wCAwDC;AAlFD,iDAA0D;AAC1D,4DAAoC;AACpC,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,6EAAqD;AACrD,uEAAgE;AAChE,kEAA2D;AAC3D,mFAA2D;AAC3D,wCAAqC;AACrC,mEAA2C;AAc3C,SAAwB,qBAAqB,CAAC,KAAiC;IAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,+BAAoB,CAAC,CAAC;IAEvD,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE7D,MAAM,eAAe,GAAG,kBAAkB,GAAG,YAAY,CAAC;IAE1D,MAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,wCAAwC,EAAE;QACzE,mBAAmB,EAAE,eAAe,IAAI,CAAC,KAAK,CAAC,YAAY;QAC3D,kBAAkB,EAAE,KAAK,CAAC,YAAY;KACzC,CAAC,CAAC;IAEH,OAAO,CACH;QACI,uCACI,SAAS,EAAE,IAAA,oBAAU,EAAC,0FAA0F,EAAE;gBAC9G,UAAU,EAAE,QAAQ;aACvB,CAAC;YAED,CAAC,QAAQ,IAAI,eAAe,IAAI,CAC7B,wCAAM,SAAS,EAAC,kEAAkE;gBAC9E,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ;oBACvB;wBACI,8BAAC,kBAAQ,QAAE,kBAAkB,CAAY,CACpC,CACN;gBACN,CAAC,KAAK,CAAC,YAAY,IAAI,CACpB,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO;;oBAC7C,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CACxB,CACV,CACE,CACV;YACD,wCAAM,SAAS,EAAE,eAAe;gBAC5B,8BAAC,kBAAQ,IACL,IAAI,EAAE,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EACjE,IAAI,QACJ,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAChD,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,aAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAK,CAAC,QAAQ;oBAEvD,8BAAC,kBAAQ,IAAC,cAAc,QAAC,YAAY,UAChC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CACvB,CACJ;gBACV,CAAC,KAAK,CAAC,YAAY,IAAI,8BAAC,cAAI,IAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,aAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAK,CAAC,QAAQ;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAQ,CACvH;YACP,8BAAC,iBAAO,IAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC;gBACrE,wCAAM,SAAS,EAAC,kCAAkC;oBAC9C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO,GAAI,CAChD,CACD,CACR,CACP,CACN,CAAC;AACN,CAAC","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport classNames from 'classnames';\nimport React 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 Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface RoomDetailsPriceBlockProps {\n    isLocked: boolean;\n    averagePreDiscount: number;\n    averagePrice: number;\n\n    isMemberOnly?: boolean;\n\n    hidePerNight?: boolean;\n\n    useLightText?: boolean;\n}\n\nexport default function RoomDetailsPriceBlock(props: RoomDetailsPriceBlockProps) {\n    const { t } = useTranslation();\n\n    const context = React.useContext(BookingEngineContext);\n\n    const { isLocked, averagePreDiscount, averagePrice } = props;\n\n    const discountApplied = averagePreDiscount > averagePrice;\n\n    const headlineClasses = classNames('room-details--content-price-protection', {\n        '--accent-headline': discountApplied && !props.useLightText,\n        '--accent-success': props.isMemberOnly,\n    });\n\n    return (\n        <>\n            <div\n                className={classNames('room-details--content-price u-flex u-flex-direction-column justify-content-end flex-wrap', {\n                    '--locked': isLocked,\n                })}\n            >\n                {!isLocked && discountApplied && (\n                    <span className=\"room-details--content-price-protection --original align-self-end\">\n                        <Text color={Color.DarkGrey}>\n                            <strong>\n                                <Currency>{averagePreDiscount}</Currency>\n                            </strong>\n                        </Text>\n                        {!props.hidePerNight && (\n                            <Text color={Color.DarkGrey} type={TextType.Caption}>\n                                /{t(Translation.Misc.Night)}\n                            </Text>\n                        )}\n                    </span>\n                )}\n                <span className={headlineClasses}>\n                    <Headline\n                        size={context.screenSize > ScreenSize.Medium ? 'large' : 'normal'}\n                        bold\n                        className={props.isMemberOnly ? '--success' : ''}\n                        color={props.useLightText ? Color.Snow : Color.Graphite}\n                    >\n                        <Currency disableLoading hideDecimals>\n                            {isLocked ? 321 : averagePrice}\n                        </Currency>\n                    </Headline>\n                    {!props.hidePerNight && <Text color={props.useLightText ? Color.Snow : Color.DarkGrey}>/{t(Translation.Misc.Night)}</Text>}\n                </span>\n                <Tooltip title={t(Translation.Step.Room.RoomInfo.MemberRateLockedTooltip)}>\n                    <span className=\"room-details--content-price-lock\">\n                        <Icon icon={IconType.Lock} color={Color.Success} />\n                    </span>\n                </Tooltip>\n            </div>\n        </>\n    );\n}\n"]}

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

@@ -15,13 +15,23 @@ 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 };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"RoomDetailsRetargeting.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsRetargeting.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAyE;AACzE,+CAA+D;AAC/D,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,6EAAqD;AACrD,6EAAqD;AACrD,yDAA0D;AAC1D,kEAA2D;AAC3D,kEAA2D;AAC3D,mCAA0C;AAE1C,qDAA0E;AAC1E,oGAA4E;AAC5E,6DAAsD;AACtD,wCAAqC;AACrC,8DAA+E;AAC/E,mEAA2C;AAE3C,+EAAuD;AACvD,6DAAqC;AACrC,iEAA8D;AAMvD,MAAM,sBAAsB,GAA0C,CAAC,KAAK,EAAE,EAAE;IACnF,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAa,EAAE,CAAC,CAAC;IACnE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAa,EAAE,CAAC,CAAC;IAEnE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,+BAAoB,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,IAAI,aAAa,GAAe,EAAE,CAAC;QACnC,MAAM,iBAAiB,GAAe,EAAE,CAAC;QAEzC,IAAI,8BAAoB,CAAC,QAAQ,EAAE,EAAE;YACjC,KAAK,MAAM,WAAW,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;gBACvC,IAAI,CAAA,MAAA,WAAW,CAAC,SAAS,0CAAE,WAAW,EAAE,OAAK,MAAA,MAAA,aAAa,CAAC,iBAAiB,0CAAE,YAAY,EAAE,0CAAE,WAAW,EAAE,CAAA,EAAE;oBACzG,iBAAiB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;iBAC1C;qBAAM;oBACH,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;iBACnC;aACJ;YAED,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC9B,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;aACvC;SACJ;aAAM;YACH,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;SACnC;QAED,gBAAgB,CAAC,aAAa,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IAEtB,MAAM,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAEtD,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,KAAK,CAAC;IAExD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IACjE,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,WAAW,CAAC,cAAc,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE5H,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,mBAAmB,EAAE,2BAAe,CAAC,IAAI,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACrG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACjC,qBAAqB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAC,qEAAqE;QAChF,uCAAK,SAAS,EAAC,cAAc;YACzB,uCAAK,SAAS,EAAC,qBAAqB;gBAChC,8BAAC,4BAAkB,IAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,yBAAS,CAAC,MAAM,GAAI,CAC3E;YACN,uCAAK,SAAS,EAAC,6CAA6C;gBACxD,uCAAK,SAAS,EAAC,eAAe;oBAC1B,uCAAK,SAAS,EAAC,eAAe;wBAC1B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,GAAG,IAC3C,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAChD,CACL;oBACN,uCAAK,SAAS,EAAC,kDAAkD;wBAC7D,8BAAC,kBAAQ,IAAC,IAAI,UAAE,IAAI,CAAC,IAAI,CAAY,CACnC;oBACN,8BAAC,2CAAoB,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,aAAK,CAAC,IAAI,GAAI;oBAC3D,uCAAK,SAAS,EAAC,wDAAwD;wBACnE,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;4BACzC,wCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,KAAI,EAAE,EAAE,GAAI,CAC/F,CACL,CACJ;gBAEN,uCAAK,SAAS,EAAC,KAAK;oBAChB,uCAAK,SAAS,EAAC,gEAAgE;wBAC3E,uCAAK,SAAS,EAAC,8CAA8C,IACxD,QAAQ,IAAI,CACT,uCAAK,SAAS,EAAC,eAAe;4BAC1B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,QAAC,KAAK,EAAE,aAAK,CAAC,MAAM,IAC/C,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CACxD,CACL,CACT,CACC,CACJ;oBACN,uCAAK,SAAS,EAAC,sFAAsF;wBACjG,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,MAAM,UAChD,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CACtB;wBACP,uCAAK,SAAS,EAAC,sDAAsD;4BACjE,8BAAC,kBAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,IAAI;gCAC9B,8BAAC,kBAAQ,IAAC,YAAY,UAAE,WAAW,CAAY,CACxC;4BACX,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,MAAM;;gCACzB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CACxB,CACL;wBACN,uCAAK,SAAS,EAAC,eAAe;4BAC1B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,SAAS,EAAC,UAAU;gCAC/D,wCACI,uBAAuB,EAAE;wCACrB,MAAM,EACF,IAAI,CAAC,kBAAkB,EAAE,KAAK,iCAAsB,CAAC,qBAAqB;4CACtE,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;4CACjD,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;qCACpD,GACG,CACL,CACL;wBACN,uCAAK,SAAS,EAAC,yDAAyD;4BACpE,8BAAC,kBAAQ,IACL,IAAI,EAAC,oBAAoB,EACzB,OAAO,QACP,MAAM,QACN,iBAAiB,QACjB,YAAY,EAAC,OAAO,EACpB,IAAI,EAAE,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,KAAK,EAC5C,OAAO,EAAE,kBAAkB,IAE1B,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CACrC,CACT,CACJ,CACJ,CACJ,CACJ;QAEN,8BAAC,mBAAS,IAAC,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,uBAAuB,GAAI,CAC7I,CACT,CAAC;AACN,CAAC,CAAC;AAtIW,QAAA,sBAAsB,0BAsIjC","sourcesContent":["import { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useCurrentHotel } from '@/hooks';\nimport { Room } from '@/models/Room/Room';\nimport { RoomRate, RoomRatePriceInclusion } from '@/models/Room/RoomRate';\nimport FeaturedPromoFeature from '@/providers/feature/FeaturedPromoFeature';\nimport { ImageSize } from '@/providers/ImageProvider';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport ImageGallerySlider from '../ImageGallerySlider';\nimport RoomModal from '../RoomModal';\nimport { RoomDetailsBedsBlock } from './RoomDetailsBedsBlock';\n\ninterface RoomDetailsRetargetingProps {\n    room: Room;\n}\n\nexport const RoomDetailsRetargeting: React.FC<RoomDetailsRetargetingProps> = (props) => {\n    const { room } = props;\n\n    const [featuredRates, setFeaturedRates] = useState<RoomRate[]>([]);\n    const [standardRates, setStandardRates] = useState<RoomRate[]>([]);\n\n    const [viewingDescription, setViewingDescription] = useState(false);\n\n    const context = React.useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        let nonPromoRates: RoomRate[] = [];\n        const toSetFeaturedRate: RoomRate[] = [];\n\n        if (FeaturedPromoFeature.isActive()) {\n            for (const currentRate of room.getRates()) {\n                if (currentRate.promoCode?.toLowerCase() === basketContext.selectedBasketRow?.getPromoCode()?.toLowerCase()) {\n                    toSetFeaturedRate.unshift(currentRate);\n                } else {\n                    nonPromoRates.push(currentRate);\n                }\n            }\n\n            if (toSetFeaturedRate.length > 0) {\n                setFeaturedRates(toSetFeaturedRate);\n            }\n        } else {\n            nonPromoRates = room.getRates();\n        }\n\n        setStandardRates(nonPromoRates);\n    }, [room.getRates()]);\n\n    const trimmedDescription = room.getShortDescription();\n\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const lowestPrice = Math.round(room.getLowestPrice(false, true));\n    const currencySize = context.screenSize > ScreenSize.Medium && lowestPrice.toLocaleString().length < 7 ? 'large' : 'normal';\n\n    const moreDetailsOnClick = () => {\n        DataLayer.instance.sendInteraction('More Room Details', InteractionType.LINK, InteractionStep.ROOMS);\n        setViewingDescription(true);\n    };\n\n    const closeDescriptionOnClose = () => {\n        setViewingDescription(false);\n    };\n\n    return (\n        <div className=\"room-details-container --theme-retargeting u-marg-top u-marg-bottom\">\n            <div className=\"room-details\">\n                <div className=\"room-details--image\">\n                    <ImageGallerySlider images={room.getImages()} imageSize={ImageSize.Medium} />\n                </div>\n                <div className=\"room-details--content u-pad--heavy u-pad@l-\">\n                    <div className=\"u-marg-bottom\">\n                        <div className=\"u-marg-bottom\">\n                            <Pill type={PillType.Primary} icon={IconType.Add}>\n                                {t(Translation.Step.Room.YouBookedThisRoomRecently)}\n                            </Pill>\n                        </div>\n                        <div className=\"room-details--content-title u-marg-bottom--light\">\n                            <Headline bold>{room.name}</Headline>\n                        </div>\n                        <RoomDetailsBedsBlock room={room} textColor={Color.Navy} />\n                        <div className=\"room-details--content-description u-marg-bottom--light\">\n                            <Text color={Color.Navy} type={TextType.Small}>\n                                <span dangerouslySetInnerHTML={{ __html: trimmedDescription?.replace(/<br(\\/|)>/g, '') || '' }} />\n                            </Text>\n                        </div>\n                    </div>\n\n                    <div className=\"row\">\n                        <div className=\"col-md-6 u-flex u-marg-bottom@m- flex-column align-items-start\">\n                            <div className=\"room-details--content-perks u-marg-bottom@m-\">\n                                {isMobile && (\n                                    <div className=\"u-marg-bottom\">\n                                        <Text type={TextType.Small} bold color={Color.Accent}>\n                                            {hotel?.perkTitle || t(Translation.Misc.Perks.AndYouGetAll)}\n                                        </Text>\n                                    </div>\n                                )}\n                            </div>\n                        </div>\n                        <div className=\"col-md-6 u-flex justify-content-end flex-column align-items-start align-items-md-end\">\n                            <Text type={TextType.Small} color={Color.Navy} inline>\n                                {t(Translation.Misc.From)}\n                            </Text>\n                            <div className=\"room-details--content-price flex-row align-items-end\">\n                                <Headline size={currencySize} bold>\n                                    <Currency hideDecimals>{lowestPrice}</Currency>\n                                </Headline>\n                                <Text color={Color.Navy} inline>\n                                    /{t(Translation.Misc.Night)}\n                                </Text>\n                            </div>\n                            <div className=\"u-marg-bottom\">\n                                <Text type={TextType.Small} color={Color.Navy} className=\"u-nowrap\">\n                                    <span\n                                        dangerouslySetInnerHTML={{\n                                            __html:\n                                                room.getLowestPriceType() === RoomRatePriceInclusion.IncludingFeesAndTaxes\n                                                    ? t(Translation.Step.Room.RoomInfo.IncludesTaxes)\n                                                    : t(Translation.Step.Room.ExcludingTaxes),\n                                        }}\n                                    ></span>\n                                </Text>\n                            </div>\n                            <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@m-\">\n                                <BEButton\n                                    name=\"ViewRatesNowButton\"\n                                    primary\n                                    filled\n                                    stopIconAnimation\n                                    iconPosition=\"right\"\n                                    wide={context.screenSize <= ScreenSize.Large}\n                                    onClick={moreDetailsOnClick}\n                                >\n                                    {t(Translation.Step.Room.RoomInfo.ViewRates)}\n                                </BEButton>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <RoomModal open={viewingDescription} room={props.room} rates={standardRates} featuredRates={featuredRates} onClose={closeDescriptionOnClose} />\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"RoomDetailsRetargeting.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/RoomDetailsRetargeting.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useCurrentHotel } from '@/hooks';\nimport { Room } from '@/models/Room/Room';\nimport { RoomRate, RoomRatePriceInclusion } from '@/models/Room/RoomRate';\nimport FeaturedPromoFeature from '@/providers/feature/FeaturedPromoFeature';\nimport { ImageSize } from '@/providers/ImageProvider';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport ImageGallerySlider from '../ImageGallerySlider';\nimport RoomModal from '../RoomModal';\nimport { RoomDetailsBedsBlock } from './RoomDetailsBedsBlock';\n\ninterface RoomDetailsRetargetingProps {\n    room: Room;\n}\n\nexport const RoomDetailsRetargeting: React.FC<RoomDetailsRetargetingProps> = (props) => {\n    const { room } = props;\n\n    const [featuredRates, setFeaturedRates] = useState<RoomRate[]>([]);\n    const [standardRates, setStandardRates] = useState<RoomRate[]>([]);\n\n    const [viewingDescription, setViewingDescription] = useState(false);\n\n    const context = React.useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        let nonPromoRates: RoomRate[] = [];\n        const toSetFeaturedRate: RoomRate[] = [];\n\n        if (FeaturedPromoFeature.isActive()) {\n            for (const currentRate of room.getRates()) {\n                if (currentRate.promoCode?.toLowerCase() === basketContext.selectedBasketRow?.getPromoCode()?.toLowerCase()) {\n                    toSetFeaturedRate.unshift(currentRate);\n                } else {\n                    nonPromoRates.push(currentRate);\n                }\n            }\n\n            if (toSetFeaturedRate.length > 0) {\n                setFeaturedRates(toSetFeaturedRate);\n            }\n        } else {\n            nonPromoRates = room.getRates();\n        }\n\n        setStandardRates(nonPromoRates);\n    }, [room.getRates()]);\n\n    const trimmedDescription = room.getShortDescription();\n\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const lowestPrice = Math.round(room.getLowestPrice(false, true));\n    const currencySize = context.screenSize > ScreenSize.Medium && lowestPrice.toLocaleString().length < 7 ? 'large' : 'normal';\n\n    const moreDetailsOnClick = () => {\n        DataLayer.instance.sendInteraction('More Room Details', InteractionType.LINK, InteractionStep.ROOMS);\n        setViewingDescription(true);\n    };\n\n    const closeDescriptionOnClose = () => {\n        setViewingDescription(false);\n    };\n\n    return (\n        <div className=\"room-details-container --theme-retargeting u-marg-top u-marg-bottom\">\n            <div className=\"room-details\">\n                <div className=\"room-details--image\">\n                    <ImageGallerySlider images={room.getImages()} imageSize={ImageSize.Medium} />\n                </div>\n                <div className=\"room-details--content u-pad--heavy u-pad@l-\">\n                    <div className=\"u-marg-bottom\">\n                        <div className=\"u-marg-bottom\">\n                            <Pill type={PillType.Primary} icon={IconType.Add}>\n                                {t(Translation.Step.Room.YouBookedThisRoomRecently)}\n                            </Pill>\n                        </div>\n                        <div className=\"room-details--content-title u-marg-bottom--light\">\n                            <Headline bold>{room.name}</Headline>\n                        </div>\n                        <RoomDetailsBedsBlock room={room} textColor={Color.Navy} />\n                        <div className=\"room-details--content-description u-marg-bottom--light\">\n                            <Text color={Color.Navy} type={TextType.Small}>\n                                <span dangerouslySetInnerHTML={{ __html: trimmedDescription?.replace(/<br(\\/|)>/g, '') || '' }} />\n                            </Text>\n                        </div>\n                    </div>\n\n                    <div className=\"row\">\n                        <div className=\"col-md-6 u-flex u-marg-bottom@m- flex-column align-items-start\">\n                            <div className=\"room-details--content-perks u-marg-bottom@m-\">\n                                {isMobile && (\n                                    <div className=\"u-marg-bottom\">\n                                        <Text type={TextType.Small} bold color={Color.Accent}>\n                                            {hotel?.perkTitle || t(Translation.Misc.Perks.AndYouGetAll)}\n                                        </Text>\n                                    </div>\n                                )}\n                            </div>\n                        </div>\n                        <div className=\"col-md-6 u-flex justify-content-end flex-column align-items-start align-items-md-end\">\n                            <Text type={TextType.Small} color={Color.Navy} inline>\n                                {t(Translation.Misc.From)}\n                            </Text>\n                            <div className=\"room-details--content-price flex-row align-items-end\">\n                                <Headline size={currencySize} bold>\n                                    <Currency hideDecimals>{lowestPrice}</Currency>\n                                </Headline>\n                                <Text color={Color.Navy} inline>\n                                    /{t(Translation.Misc.Night)}\n                                </Text>\n                            </div>\n                            <div className=\"u-marg-bottom\">\n                                <Text type={TextType.Small} color={Color.Navy} className=\"u-nowrap\">\n                                    <span\n                                        dangerouslySetInnerHTML={{\n                                            __html:\n                                                room.getLowestPriceType() === RoomRatePriceInclusion.IncludingFeesAndTaxes\n                                                    ? t(Translation.Step.Room.RoomInfo.IncludesTaxes)\n                                                    : t(Translation.Step.Room.ExcludingTaxes),\n                                        }}\n                                    ></span>\n                                </Text>\n                            </div>\n                            <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@m-\">\n                                <BEButton\n                                    name=\"ViewRatesNowButton\"\n                                    primary\n                                    filled\n                                    stopIconAnimation\n                                    iconPosition=\"right\"\n                                    wide={context.screenSize <= ScreenSize.Large}\n                                    onClick={moreDetailsOnClick}\n                                >\n                                    {t(Translation.Step.Room.RoomInfo.ViewRates)}\n                                </BEButton>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <RoomModal open={viewingDescription} room={props.room} rates={standardRates} featuredRates={featuredRates} onClose={closeDescriptionOnClose} />\n        </div>\n    );\n};\n"]}

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

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

package/dist/src/components/steps/room/roomDetails/roomRates/BookNowButton.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 = BookNowButton;
 const contexts_1 = require("../../../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
 const BEButton_1 = __importDefault(require("../../../../generic/BEButton"));
@@ -54,5 +65,4 @@ function BookNowButton(props) {
     return (react_1.default.createElement("span", { ref: ref },
         react_1.default.createElement(BEButton_1.default, { isLoading: isLoading, name: "AddRateToCard", filled: props.isFilled, primary: true, mobileWidth: true, wide: context.screenSize <= ScreenSize_1.default.Medium, onClick: addRateOnClick, textColor: (0, Color_1.getContrastTextColor)(props.isFilled ? hotel === null || hotel === void 0 ? void 0 : hotel.colors.accent : '#FFFFFF') }, props.buttonLabel)));
 }
-exports.default = BookNowButton;
 //# sourceMappingURL=BookNowButton.js.map

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAoD;AACpD,2CAAkD;AAClD,4DAAoC;AACpC,+CAAkD;AAClD,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,uEAAgE;AAChE,kEAA2D;AAC3D,kEAA2D;AAC3D,sHAA8F;AAC9F,wCAAqC;AACrC,8DAA+E;AAE/E,SAAwB,cAAc;IAClC,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEhC,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,WAAW,EAAE;QACpC,UAAU,EAAE,IAAI;KACnB,CAAC,CAAC;IAEH,IAAI,QAAQ,GAAG,KAAK,CAAC;IAErB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;QACnB,QAAQ,GAAG,IAAI,CAAC;KACnB;IAED,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,qBAAqB,EAAE,2BAAe,CAAC,MAAM,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACzG,GAAG,CAAC,qBAAqB,EAAE,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU;QACpC,uCAAK,SAAS,EAAC,qBAAqB,IAC/B,QAAQ,CAAC,CAAC,CAAC,CACR;YACI,uCAAK,SAAS,EAAC,+BAA+B;gBAC1C,uCAAK,SAAS,EAAC,0BAA0B;oBACrC;wBACK,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,KAAI,uCAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,KAAK,CAAC,eAAe,IAAI,EAAE,GAAQ;wBAC5I,uCAAK,SAAS,EAAC,gDAAgD;4BAC3D,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO;gCAC3C,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAU,CAChF,CACL;wBACN,uCACI,SAAS,EAAC,kFAAkF,EAC5F,uBAAuB,EAAE;gCACrB,MAAM,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,YAAY,EAAE;oCACjE,YAAY,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,YAAY;iCAClC,CAAC;6BACL,GACE;wBACP,uCAAK,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,sBAAsB;4BAC1D,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO,IAC7C,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAC3C,CACL,CACJ;oBACN,uCAAK,SAAS,EAAC,mDAAmD;wBAC9D,uCAAK,SAAS,EAAC,4BAA4B;4BACvC,8BAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,WAAW,EAAE,MAAM,QAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAC,OAAO,EAAC,OAAO,EAAE,sBAAsB,IACjH,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAC3B,CACT,CACJ,CACJ,CACJ;YACN,uCAAK,SAAS,EAAC,8GAA8G;gBACzH,8BAAC,+BAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,YAAY,SAAG;gBACtG,uCAAK,SAAS,EAAC,uBAAuB,IACjC,QAAQ,IAAI,CACT,8BAAC,kBAAQ,IAAC,MAAM,QAAC,OAAO,QAAC,WAAW,QAAC,OAAO,EAAE,sBAAsB,IAC/D,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CACxC,CACd,CACC,CACJ,CACP,CACN,CAAC,CAAC,CAAC,CACA,uCAAK,SAAS,EAAC,qCAAqC;YAChD,uCAAK,SAAS,EAAC,2BAA2B;gBACtC,wCAAM,SAAS,EAAC,+CAA+C,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE;oBACvH,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO,GAAI,CAChD;gBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO,EAAE,MAAM;oBACnD,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAU,CAC1E,CACL,CACJ,CACT,CACC,CACJ,CACT,CAAC;AACN,CAAC;AAtFD,iCAsFC","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