@roomstay/frontend 2.6.86-0 → 2.6.87

package/dist/src/components/steps/room/ImageGallerySlider.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 = ImageGallerySlider;
 const contexts_1 = require("../../../contexts/index.js");
 const web_1 = require("@react-spring/web");
 const fslightbox_react_1 = __importDefault(require("fslightbox-react"));
@@ -150,5 +161,4 @@ function ImageGallerySlider(props) {
         images.length > 1 && (react_1.default.createElement("div", { className: "room-gallery-slider__icon-right", onClick: nextImageOnClick },
             react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowRight2, color: Color_1.Color.White, size: "24px" })))));
 }
-exports.default = ImageGallerySlider;
 //# sourceMappingURL=ImageGallerySlider.js.map

package/dist/src/components/steps/room/ImageGallerySlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageGallerySlider.js","sourceRoot":"/","sources":["src/components/steps/room/ImageGallerySlider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport { animated, useSpring } from '@react-spring/web';\nimport FsLightbox from 'fslightbox-react';\nimport React, { useContext, useMemo, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useDrag } from 'react-use-gesture';\nimport { FullGestureState, StateKey } from 'react-use-gesture/dist/types';\nimport useMeasure from 'react-use-measure';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport ImageLoader from '@/components/generic/loader/ImageLoader';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface ImageGallerySliderProps {\n    images: string[];\n\n    imageSize?: ImageSize;\n    hideLightboxIcon?: boolean;\n}\n\nexport default function ImageGallerySlider(props: ImageGallerySliderProps) {\n    const context = useContext(BookingEngineContext);\n\n    const [{ x }, set] = useSpring(() => ({ x: 0 }));\n    const [ref, bounds] = useMeasure();\n    const [prevReleasePosition, setPrevRelPos] = useState(0);\n    const images = useMemo(() => {\n        return props.images ?? [];\n    }, [props.images]);\n\n    const [toggler, setToggler] = useState(false);\n    const [lastReleaseX, setLastReleaseX] = useState(0);\n    const [lastIndex, setLastIndex] = useState(0);\n\n    const [isDragging, setIsDragging] = useState(false);\n\n    let sliderVelocity = 0;\n\n    const handleDrag = ({ down, movement: [mx], velocity }: FullGestureState<StateKey<'drag'>>) => {\n        if (context.screenSize <= ScreenSize.Medium) {\n            velocity = velocity * 0.5;\n            sliderVelocity = velocity > 2 ? 2 : velocity < 1 ? 1 : velocity;\n        } else {\n            sliderVelocity = 1;\n        }\n\n        const cardWidth = bounds.width;\n        const maxX = images.length * cardWidth;\n\n        if (!down) {\n            const releasePosition = lastReleaseX + mx * sliderVelocity;\n\n            let restingLocation = 0;\n            let last = 0;\n\n            if (releasePosition > 0) {\n                restingLocation = 0;\n                last = 0;\n            } else if (releasePosition < -(maxX - cardWidth)) {\n                restingLocation = -(maxX - cardWidth);\n                last = images.length - 1;\n            } else {\n                const magic = -releasePosition / cardWidth;\n                if (releasePosition >= prevReleasePosition) {\n                    last = releasePosition % cardWidth > -cardWidth / 0.001 ? Math.floor(magic) : Math.ceil(magic);\n                    setPrevRelPos(releasePosition + (-releasePosition % cardWidth));\n                    restingLocation = -(last * cardWidth);\n                } else {\n                    last = releasePosition % cardWidth > -cardWidth / 1000 ? Math.floor(magic) : Math.ceil(magic);\n                    setPrevRelPos(releasePosition - (cardWidth - (-releasePosition % cardWidth)));\n                    restingLocation = -(last * cardWidth);\n                }\n            }\n\n            let inPercent = 0;\n            if (restingLocation !== 0) {\n                inPercent = restingLocation / maxX;\n            }\n\n            setLastIndex(last);\n            set({ x: inPercent });\n            setLastReleaseX(restingLocation);\n\n            setTimeout(() => {\n                setIsDragging(false);\n            }, 50);\n        } else {\n            let inPercent = 0;\n            const newReleasePx = lastReleaseX + mx;\n            inPercent = newReleasePx / maxX;\n\n            set({ x: inPercent });\n            if (mx) {\n                setIsDragging(true);\n            }\n        }\n    };\n\n    // Set the drag hook and define component movement based on gesture data\n    const bind = useDrag((event) => {\n        handleDrag(event);\n    });\n\n    const nextImage = () => {\n        handleDrag({ down: false, movement: [-bounds.width, 0], velocity: 1 } as any);\n    };\n\n    const prevImage = () => {\n        handleDrag({ down: false, movement: [bounds.width, 0], velocity: 1 } as any);\n    };\n\n    const onClickPrevImage = () => {\n        return prevImage();\n    };\n    const toggleToggler = () => {\n        return setToggler(!toggler);\n    };\n    const nextImageOnClick = () => {\n        return nextImage();\n    };\n    const toggleClickHandler = () => {\n        if (!isDragging) {\n            setToggler(!toggler);\n        }\n    };\n\n    return (\n        <div ref={ref} className=\"room-gallery-slider\">\n            {images.length > 1 && (\n                <div className=\"room-gallery-slider__icon-left\" onClick={onClickPrevImage}>\n                    <Icon icon={IconType.ArrowLeft2} color={Color.White} size=\"24px\" />\n                </div>\n            )}\n            <animated.div className=\"room-gallery-slider__animation\" {...bind()} style={{ left: x.to((perc) => `${perc * 100 * images.length}%`) }} onClick={toggleClickHandler}>\n                <ul className=\"room-gallery-slider__track\" style={{ width: `${images.length * 100}%` }}>\n                    {images.map((image: any, index: number) => {\n                        return (\n                            <li\n                                key={`${image}-{index}`}\n                                className=\"room-gallery-slider__item\"\n                                style={{\n                                    width: `${100 / images.length}%`,\n                                    overflow: 'hidden',\n                                }}\n                            >\n                                <ImageLoader\n                                    visible={lastIndex >= index}\n                                    size={props.imageSize}\n                                    draggable={false}\n                                    src={image}\n                                    style={{ objectFit: 'cover', objectPosition: 'center', height: '100%', width: '100%' }}\n                                />\n                            </li>\n                        );\n                    })}\n                </ul>\n            </animated.div>\n            {!!images.length && (\n                <>\n                    {!props.hideLightboxIcon && (\n                        <div className=\"room-gallery-slider__icon-lightbox\" onClick={toggleToggler}>\n                            <Icon icon={IconType.Fullscreen} color={Color.White} size=\"20px\" />\n                        </div>\n                    )}\n                    {createPortal(\n                        <FsLightbox toggler={toggler} sources={images.map((image) => ImageProvider.resizeImage(image, ImageSize.Original))} type=\"image\" loadOnlyCurrentSource />,\n                        document.body\n                    )}\n                </>\n            )}\n            {images.length > 1 && (\n                <div className=\"room-gallery-slider__icon-right\" onClick={nextImageOnClick}>\n                    <Icon icon={IconType.ArrowRight2} color={Color.White} size=\"24px\" />\n                </div>\n            )}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"ImageGallerySlider.js","sourceRoot":"/","sources":["src/components/steps/room/ImageGallerySlider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport { animated, useSpring } from '@react-spring/web';\nimport FsLightbox from 'fslightbox-react';\nimport React, { useContext, useMemo, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useDrag } from 'react-use-gesture';\nimport { FullGestureState, StateKey } from 'react-use-gesture/dist/types';\nimport useMeasure from 'react-use-measure';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport ImageLoader from '@/components/generic/loader/ImageLoader';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface ImageGallerySliderProps {\n    images: string[];\n\n    imageSize?: ImageSize;\n    hideLightboxIcon?: boolean;\n}\n\nexport default function ImageGallerySlider(props: ImageGallerySliderProps) {\n    const context = useContext(BookingEngineContext);\n\n    const [{ x }, set] = useSpring(() => ({ x: 0 }));\n    const [ref, bounds] = useMeasure();\n    const [prevReleasePosition, setPrevRelPos] = useState(0);\n    const images = useMemo(() => {\n        return props.images ?? [];\n    }, [props.images]);\n\n    const [toggler, setToggler] = useState(false);\n    const [lastReleaseX, setLastReleaseX] = useState(0);\n    const [lastIndex, setLastIndex] = useState(0);\n\n    const [isDragging, setIsDragging] = useState(false);\n\n    let sliderVelocity = 0;\n\n    const handleDrag = ({ down, movement: [mx], velocity }: FullGestureState<StateKey<'drag'>>) => {\n        if (context.screenSize <= ScreenSize.Medium) {\n            velocity = velocity * 0.5;\n            sliderVelocity = velocity > 2 ? 2 : velocity < 1 ? 1 : velocity;\n        } else {\n            sliderVelocity = 1;\n        }\n\n        const cardWidth = bounds.width;\n        const maxX = images.length * cardWidth;\n\n        if (!down) {\n            const releasePosition = lastReleaseX + mx * sliderVelocity;\n\n            let restingLocation = 0;\n            let last = 0;\n\n            if (releasePosition > 0) {\n                restingLocation = 0;\n                last = 0;\n            } else if (releasePosition < -(maxX - cardWidth)) {\n                restingLocation = -(maxX - cardWidth);\n                last = images.length - 1;\n            } else {\n                const magic = -releasePosition / cardWidth;\n                if (releasePosition >= prevReleasePosition) {\n                    last = releasePosition % cardWidth > -cardWidth / 0.001 ? Math.floor(magic) : Math.ceil(magic);\n                    setPrevRelPos(releasePosition + (-releasePosition % cardWidth));\n                    restingLocation = -(last * cardWidth);\n                } else {\n                    last = releasePosition % cardWidth > -cardWidth / 1000 ? Math.floor(magic) : Math.ceil(magic);\n                    setPrevRelPos(releasePosition - (cardWidth - (-releasePosition % cardWidth)));\n                    restingLocation = -(last * cardWidth);\n                }\n            }\n\n            let inPercent = 0;\n            if (restingLocation !== 0) {\n                inPercent = restingLocation / maxX;\n            }\n\n            setLastIndex(last);\n            set({ x: inPercent });\n            setLastReleaseX(restingLocation);\n\n            setTimeout(() => {\n                setIsDragging(false);\n            }, 50);\n        } else {\n            let inPercent = 0;\n            const newReleasePx = lastReleaseX + mx;\n            inPercent = newReleasePx / maxX;\n\n            set({ x: inPercent });\n            if (mx) {\n                setIsDragging(true);\n            }\n        }\n    };\n\n    // Set the drag hook and define component movement based on gesture data\n    const bind = useDrag((event) => {\n        handleDrag(event);\n    });\n\n    const nextImage = () => {\n        handleDrag({ down: false, movement: [-bounds.width, 0], velocity: 1 } as any);\n    };\n\n    const prevImage = () => {\n        handleDrag({ down: false, movement: [bounds.width, 0], velocity: 1 } as any);\n    };\n\n    const onClickPrevImage = () => {\n        return prevImage();\n    };\n    const toggleToggler = () => {\n        return setToggler(!toggler);\n    };\n    const nextImageOnClick = () => {\n        return nextImage();\n    };\n    const toggleClickHandler = () => {\n        if (!isDragging) {\n            setToggler(!toggler);\n        }\n    };\n\n    return (\n        <div ref={ref} className=\"room-gallery-slider\">\n            {images.length > 1 && (\n                <div className=\"room-gallery-slider__icon-left\" onClick={onClickPrevImage}>\n                    <Icon icon={IconType.ArrowLeft2} color={Color.White} size=\"24px\" />\n                </div>\n            )}\n            <animated.div className=\"room-gallery-slider__animation\" {...bind()} style={{ left: x.to((perc) => `${perc * 100 * images.length}%`) }} onClick={toggleClickHandler}>\n                <ul className=\"room-gallery-slider__track\" style={{ width: `${images.length * 100}%` }}>\n                    {images.map((image: any, index: number) => {\n                        return (\n                            <li\n                                key={`${image}-{index}`}\n                                className=\"room-gallery-slider__item\"\n                                style={{\n                                    width: `${100 / images.length}%`,\n                                    overflow: 'hidden',\n                                }}\n                            >\n                                <ImageLoader\n                                    visible={lastIndex >= index}\n                                    size={props.imageSize}\n                                    draggable={false}\n                                    src={image}\n                                    style={{ objectFit: 'cover', objectPosition: 'center', height: '100%', width: '100%' }}\n                                />\n                            </li>\n                        );\n                    })}\n                </ul>\n            </animated.div>\n            {!!images.length && (\n                <>\n                    {!props.hideLightboxIcon && (\n                        <div className=\"room-gallery-slider__icon-lightbox\" onClick={toggleToggler}>\n                            <Icon icon={IconType.Fullscreen} color={Color.White} size=\"20px\" />\n                        </div>\n                    )}\n                    {createPortal(\n                        <FsLightbox toggler={toggler} sources={images.map((image) => ImageProvider.resizeImage(image, ImageSize.Original))} type=\"image\" loadOnlyCurrentSource />,\n                        document.body\n                    )}\n                </>\n            )}\n            {images.length > 1 && (\n                <div className=\"room-gallery-slider__icon-right\" onClick={nextImageOnClick}>\n                    <Icon icon={IconType.ArrowRight2} color={Color.White} size=\"24px\" />\n                </div>\n            )}\n        </div>\n    );\n}\n"]}

package/dist/src/components/steps/room/InactivityWindow.d.ts

@@ -1,2 +1,3 @@
-declare const InactivityWindow: () => JSX.Element;
+import React from 'react';
+declare const InactivityWindow: () => React.JSX.Element;
 export default InactivityWindow;

package/dist/src/components/steps/room/InactivityWindow.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/InactivityWindow.js.map

@@ -1 +1 @@
-{"version":3,"file":"InactivityWindow.js","sourceRoot":"/","sources":["src/components/steps/room/InactivityWindow.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text from '@/components/generic/Text';\nimport { useHistoryConsistentPush } from '@/hooks/HistoryConsistentPush';\nimport StepAddon from '@/pages/steps/StepAddon/StepAddon';\nimport StepConfirmation from '@/pages/steps/StepConfirmation/StepConfirmation';\nimport DataLayer from '@/util/DataLayer';\nimport getStepRoom from '@/util/GetStepRoom';\nimport ScreenSize from '@/util/ScreenSize';\n\nconst InactivityWindow = () => {\n    const { t } = useTranslation();\n\n    const { currentStep } = useContext(FullPageEngineContext);\n    const { screenSize } = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n    const historyConsistentPush = useHistoryConsistentPush();\n\n    const [isInactive, setInactive] = useState(false);\n\n    useEffect(() => {\n        let inactivityTimeout: any;\n\n        const resetTimeout = () => {\n            clearTimeout(inactivityTimeout);\n\n            if (!isInactive) {\n                inactivityTimeout = setTimeout(() => {\n                    setInactive(true);\n                }, 300000); // 5 minutes\n            }\n        };\n\n        resetTimeout();\n\n        document.body.addEventListener('click', resetTimeout);\n        document.body.addEventListener('mouseover', resetTimeout);\n        document.body.addEventListener('keypress', resetTimeout);\n\n        return () => {\n            document.body.removeEventListener('click', resetTimeout);\n            document.body.removeEventListener('mouseover', resetTimeout);\n            document.body.removeEventListener('keypress', resetTimeout);\n\n            clearTimeout(inactivityTimeout);\n        };\n    }, []);\n\n    useEffect(() => {\n        if (isInactive) {\n            DataLayer.instance.sendAwayWindowOpen();\n        }\n    }, [isInactive]);\n\n    const onClose = () => {\n        setInactive(false);\n    };\n\n    const onReset = () => {\n        setInactive(false);\n\n        switch (currentStep) {\n            case StepAddon:\n            case StepConfirmation:\n                historyConsistentPush(getStepRoom().getStepUrl());\n                break;\n        }\n\n        if (basketContext.selectedBasketRow) {\n            API.Availability.invalidateAvailability(basketContext.selectedBasketRow, hotel?.hotelID as string);\n            basketContext.selectedBasketRow?.setStale(true);\n            basketContext.updateBasketRow(basketContext.selectedBasketRow);\n        }\n    };\n\n    return (\n        <SimpleModal size={SimpleModalSize.ExtraSmall} open={isInactive} onClose={onClose} alignCenter>\n            <div className=\"u-pad--heavy inactivity-window\">\n                <div className=\"u-marg-bottom--heavy\">\n                    <Headline bold>{t(Translation.Step.Room.YouHaveBeenAway)}</Headline>\n                </div>\n                <div className=\"u-marg-bottom--heavy\">\n                    <Text>{t(Translation.Step.Room.UpdateYourSearch)}</Text>\n                </div>\n                <div className=\"u-flex inactivity-buttons\">\n                    <div className={`u-marg-${screenSize > ScreenSize.Medium ? 'right' : 'bottom'}--light u-w-100`}>\n                        <BEButton onClick={onClose} wide>\n                            {t(Translation.Step.Room.NoThanks)}\n                        </BEButton>\n                    </div>\n                    <div className=\"u-w-100\">\n                        <BEButton onClick={onReset} wide filled primary>\n                            {t(Translation.Step.Room.Update)}\n                        </BEButton>\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n};\n\nexport default InactivityWindow;\n"]}
+{"version":3,"file":"InactivityWindow.js","sourceRoot":"/","sources":["src/components/steps/room/InactivityWindow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAgG;AAChG,2CAAkD;AAClD,+CAA+D;AAC/D,iDAA+C;AAC/C,0DAAuD;AAEvD,kEAAmC;AACnC,6EAAqD;AACrD,6EAAqD;AACrD,sFAAsF;AACtF,qEAA6C;AAC7C,yEAAyE;AACzE,kFAA0D;AAC1D,uGAA+E;AAC/E,iEAAyC;AACzC,qEAA6C;AAC7C,mEAA2C;AAE3C,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC1D,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,qBAAqB,GAAG,IAAA,gDAAwB,GAAE,CAAC;IAEzD,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,iBAAsB,CAAC;QAE3B,MAAM,YAAY,GAAG,GAAG,EAAE;YACtB,YAAY,CAAC,iBAAiB,CAAC,CAAC;YAEhC,IAAI,CAAC,UAAU,EAAE,CAAC;gBACd,iBAAiB,GAAG,UAAU,CAAC,GAAG,EAAE;oBAChC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACtB,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY;YAC5B,CAAC;QACL,CAAC,CAAC;QAEF,YAAY,EAAE,CAAC;QAEf,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QACtD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;QAC1D,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QAEzD,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YACzD,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;YAC7D,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;YAE5D,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACpC,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,UAAU,EAAE,CAAC;YACb,mBAAS,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC;QAC5C,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,OAAO,GAAG,GAAG,EAAE;QACjB,WAAW,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;;QACjB,WAAW,CAAC,KAAK,CAAC,CAAC;QAEnB,QAAQ,WAAW,EAAE,CAAC;YAClB,KAAK,mBAAS,CAAC;YACf,KAAK,0BAAgB;gBACjB,qBAAqB,CAAC,IAAA,qBAAW,GAAE,CAAC,UAAU,EAAE,CAAC,CAAC;gBAClD,MAAM;QACd,CAAC;QAED,IAAI,aAAa,CAAC,iBAAiB,EAAE,CAAC;YAClC,oBAAG,CAAC,YAAY,CAAC,sBAAsB,CAAC,aAAa,CAAC,iBAAiB,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAiB,CAAC,CAAC;YACnG,MAAA,aAAa,CAAC,iBAAiB,0CAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;YAChD,aAAa,CAAC,eAAe,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACnE,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,8BAAC,qBAAW,IAAC,IAAI,EAAE,6BAAe,CAAC,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW;QAC1F,uCAAK,SAAS,EAAC,gCAAgC;YAC3C,uCAAK,SAAS,EAAC,sBAAsB;gBACjC,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAY,CAClE;YACN,uCAAK,SAAS,EAAC,sBAAsB;gBACjC,8BAAC,cAAI,QAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAQ,CACtD;YACN,uCAAK,SAAS,EAAC,2BAA2B;gBACtC,uCAAK,SAAS,EAAE,UAAU,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,iBAAiB;oBAC1F,8BAAC,kBAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,UAC3B,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAC3B,CACT;gBACN,uCAAK,SAAS,EAAC,SAAS;oBACpB,8BAAC,kBAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,QAAC,MAAM,QAAC,OAAO,UAC1C,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CACzB,CACT,CACJ,CACJ,CACI,CACjB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import { BasketContext, BookingEngineContext, FullPageEngineContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text from '@/components/generic/Text';\nimport { useHistoryConsistentPush } from '@/hooks/HistoryConsistentPush';\nimport StepAddon from '@/pages/steps/StepAddon/StepAddon';\nimport StepConfirmation from '@/pages/steps/StepConfirmation/StepConfirmation';\nimport DataLayer from '@/util/DataLayer';\nimport getStepRoom from '@/util/GetStepRoom';\nimport ScreenSize from '@/util/ScreenSize';\n\nconst InactivityWindow = () => {\n    const { t } = useTranslation();\n\n    const { currentStep } = useContext(FullPageEngineContext);\n    const { screenSize } = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n    const historyConsistentPush = useHistoryConsistentPush();\n\n    const [isInactive, setInactive] = useState(false);\n\n    useEffect(() => {\n        let inactivityTimeout: any;\n\n        const resetTimeout = () => {\n            clearTimeout(inactivityTimeout);\n\n            if (!isInactive) {\n                inactivityTimeout = setTimeout(() => {\n                    setInactive(true);\n                }, 300000); // 5 minutes\n            }\n        };\n\n        resetTimeout();\n\n        document.body.addEventListener('click', resetTimeout);\n        document.body.addEventListener('mouseover', resetTimeout);\n        document.body.addEventListener('keypress', resetTimeout);\n\n        return () => {\n            document.body.removeEventListener('click', resetTimeout);\n            document.body.removeEventListener('mouseover', resetTimeout);\n            document.body.removeEventListener('keypress', resetTimeout);\n\n            clearTimeout(inactivityTimeout);\n        };\n    }, []);\n\n    useEffect(() => {\n        if (isInactive) {\n            DataLayer.instance.sendAwayWindowOpen();\n        }\n    }, [isInactive]);\n\n    const onClose = () => {\n        setInactive(false);\n    };\n\n    const onReset = () => {\n        setInactive(false);\n\n        switch (currentStep) {\n            case StepAddon:\n            case StepConfirmation:\n                historyConsistentPush(getStepRoom().getStepUrl());\n                break;\n        }\n\n        if (basketContext.selectedBasketRow) {\n            API.Availability.invalidateAvailability(basketContext.selectedBasketRow, hotel?.hotelID as string);\n            basketContext.selectedBasketRow?.setStale(true);\n            basketContext.updateBasketRow(basketContext.selectedBasketRow);\n        }\n    };\n\n    return (\n        <SimpleModal size={SimpleModalSize.ExtraSmall} open={isInactive} onClose={onClose} alignCenter>\n            <div className=\"u-pad--heavy inactivity-window\">\n                <div className=\"u-marg-bottom--heavy\">\n                    <Headline bold>{t(Translation.Step.Room.YouHaveBeenAway)}</Headline>\n                </div>\n                <div className=\"u-marg-bottom--heavy\">\n                    <Text>{t(Translation.Step.Room.UpdateYourSearch)}</Text>\n                </div>\n                <div className=\"u-flex inactivity-buttons\">\n                    <div className={`u-marg-${screenSize > ScreenSize.Medium ? 'right' : 'bottom'}--light u-w-100`}>\n                        <BEButton onClick={onClose} wide>\n                            {t(Translation.Step.Room.NoThanks)}\n                        </BEButton>\n                    </div>\n                    <div className=\"u-w-100\">\n                        <BEButton onClick={onReset} wide filled primary>\n                            {t(Translation.Step.Room.Update)}\n                        </BEButton>\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n};\n\nexport default InactivityWindow;\n"]}

package/dist/src/components/steps/room/LargeRateCard.d.ts

@@ -0,0 +1,11 @@
+import dayjs from 'dayjs';
+import React from 'react';
+import { RoomRate } from '../../../models/Room/RoomRate';
+interface Props {
+    rate: RoomRate;
+    selectedRate: RoomRate;
+    onSelectRate: () => void;
+    startDate?: dayjs.Dayjs;
+}
+declare const LargeRateCard: (props: Props) => React.JSX.Element;
+export default LargeRateCard;

package/dist/src/components/steps/room/LargeRateCard.js

@@ -0,0 +1,120 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    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 });
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("translations/Translation");
+const BEButton_1 = __importDefault(require("../../generic/BEButton"));
+const Currency_1 = __importDefault(require("../../generic/Currency"));
+const Headline_1 = __importDefault(require("../../generic/Headline"));
+const Text_1 = __importStar(require("../../generic/Text"));
+const ImageGallerySlider_1 = __importDefault(require("./ImageGallerySlider"));
+const RoomRate_1 = require("../../../models/Room/RoomRate");
+const Color_1 = require("../../../util/Color");
+const StringHelper_1 = __importDefault(require("../../../util/StringHelper"));
+const LargeRateCard = (props) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const room = props.rate.getRoom();
+    const trimmedDescription = props.rate.description || props.rate.name;
+    const updateRate = () => {
+        props.onSelectRate();
+    };
+    // Calculate the price difference
+    const ratePrice = props.rate.getAveragePrice();
+    const selectedPrice = props.selectedRate.getAveragePrice();
+    const priceDifference = ratePrice - selectedPrice;
+    // Calculate current nights from the selected rate's night rates
+    const currentNights = Object.keys(props.selectedRate.nightRates).length;
+    // Only show minimum stay upgrades if they require longer stay AND are cheaper per night
+    const minNightStay = props.rate.minNightStayOverride;
+    const isMinStayUpgrade = minNightStay && minNightStay > currentNights && ratePrice < selectedPrice;
+    // Calculate the extended checkout date for minimum stay upgrades
+    const extendedCheckoutDate = props.startDate && minNightStay ? props.startDate.add(minNightStay, 'days') : null;
+    return (react_1.default.createElement("div", { className: "upgrade-card upgrade-card--rate u-border-rounded" },
+        react_1.default.createElement("div", { className: "upgrade-card__image" },
+            react_1.default.createElement(ImageGallerySlider_1.default, { images: room.getImages() })),
+        react_1.default.createElement("div", { className: "u-pad container" },
+            react_1.default.createElement(Text_1.default, { bold: true }, room.name),
+            react_1.default.createElement("div", { className: "u-marg-top--light" },
+                react_1.default.createElement(Text_1.default, { bold: true, color: Color_1.Color.Accent }, props.rate.name),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey }, trimmedDescription)),
+            react_1.default.createElement("div", { className: "u-flex flex-column no-gutters u-marg-top" },
+                isMinStayUpgrade && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("div", { className: "u-marg-bottom" },
+                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Accent }, t(Translation_1.Translation.Step.Room.Upsell.ExtendYourStay, {
+                            count: minNightStay - currentNights,
+                            nights: StringHelper_1.default.pluralWithDict(minNightStay - currentNights, Translation_1.Translation.Misc.Night, t).toLowerCase(),
+                        })),
+                        extendedCheckoutDate && (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Accent, bold: true, className: "u-marg-top-bottom--lighter" }, t(Translation_1.Translation.Step.Room.Upsell.ExtendCheckout, {
+                            date: extendedCheckoutDate.format('MMM D, YYYY'),
+                        }))),
+                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey }, t(Translation_1.Translation.Step.Room.Upsell.MinimumStay, { minNightStay }))),
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Graphite }, t(Translation_1.Translation.Step.Room.Upsell.SaveWithLongerStay)),
+                    react_1.default.createElement("div", { className: "u-flex u-flex-flex-start u-flex-align-center flex-row" },
+                        react_1.default.createElement(Headline_1.default, { bold: true, color: Color_1.Color.Success },
+                            react_1.default.createElement("span", { className: "u-flex align-items-center" },
+                                react_1.default.createElement(Currency_1.default, { hideDecimals: true }, props.rate.getAveragePrice()))),
+                        react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, inline: true },
+                            "/",
+                            t(Translation_1.Translation.Misc.Night))),
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Success, className: "upgrade-inline-price" },
+                        react_1.default.createElement(react_i18next_1.Trans, { i18nKey: Translation_1.Translation.Step.Room.Upsell.SavePerNight, values: { amount: Math.abs(priceDifference) }, components: [
+                                react_1.default.createElement(Currency_1.default, { key: 0, hideDecimals: true }, Math.abs(priceDifference)),
+                            ] })))),
+                !isMinStayUpgrade && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Navy, inline: true }, t(Translation_1.Translation.Misc.From)),
+                    react_1.default.createElement("div", { className: "u-flex u-flex-flex-start u-flex-align-center flex-row" },
+                        react_1.default.createElement(Headline_1.default, { bold: true },
+                            react_1.default.createElement("span", { className: "u-flex align-items-center" },
+                                "+",
+                                react_1.default.createElement(Currency_1.default, { hideDecimals: true }, priceDifference))),
+                        react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, inline: true },
+                            "/",
+                            t(Translation_1.Translation.Misc.Night))))),
+                react_1.default.createElement("div", { className: "u-marg-bottom" },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Grey, inline: true, className: "u-nowrap" },
+                        react_1.default.createElement("span", { dangerouslySetInnerHTML: {
+                                __html: props.rate.getPriceType() === RoomRate_1.RoomRatePriceInclusion.IncludingFeesAndTaxes
+                                    ? t(Translation_1.Translation.Step.Room.RoomInfo.IncludesTaxes)
+                                    : t(Translation_1.Translation.Step.Room.ExcludingTaxes),
+                            } }))),
+                react_1.default.createElement("div", { className: "u-marg-top--light u-flex justify-content-end u-w-100@m-" },
+                    react_1.default.createElement(BEButton_1.default, { onClick: updateRate, name: "UpgradeRateButton", primary: true, filled: true, wide: true }, t(Translation_1.Translation.Step.Room.Upgrade)))))));
+};
+exports.default = LargeRateCard;
+//# sourceMappingURL=LargeRateCard.js.map

package/dist/src/components/steps/room/LargeRateCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LargeRateCard.js","sourceRoot":"/","sources":["src/components/steps/room/LargeRateCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAA0B;AAC1B,iDAAsD;AACtD,0DAAuD;AAEvD,6EAAqD;AACrD,6EAAqD;AACrD,6EAAqD;AACrD,kEAA2D;AAC3D,oGAA4E;AAC5E,qDAA0E;AAC1E,wCAAqC;AACrC,uEAA+C;AAS/C,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IACnC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;IAClC,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;IAErE,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,KAAK,CAAC,YAAY,EAAE,CAAC;IACzB,CAAC,CAAC;IAEF,iCAAiC;IACjC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;IAC/C,MAAM,aAAa,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,EAAE,CAAC;IAC3D,MAAM,eAAe,GAAG,SAAS,GAAG,aAAa,CAAC;IAElD,gEAAgE;IAChE,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC;IAExE,wFAAwF;IACxF,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC;IACrD,MAAM,gBAAgB,GAAG,YAAY,IAAI,YAAY,GAAG,aAAa,IAAI,SAAS,GAAG,aAAa,CAAC;IAEnG,iEAAiE;IACjE,MAAM,oBAAoB,GAAG,KAAK,CAAC,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEhH,OAAO,CACH,uCAAK,SAAS,EAAC,kDAAkD;QAC7D,uCAAK,SAAS,EAAC,qBAAqB;YAChC,8BAAC,4BAAkB,IAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,GAAI,CAC9C;QACN,uCAAK,SAAS,EAAC,iBAAiB;YAC5B,8BAAC,cAAI,IAAC,IAAI,UAAE,IAAI,CAAC,IAAI,CAAQ;YAC7B,uCAAK,SAAS,EAAC,mBAAmB;gBAC9B,8BAAC,cAAI,IAAC,IAAI,QAAC,KAAK,EAAE,aAAK,CAAC,MAAM,IACzB,KAAK,CAAC,IAAI,CAAC,IAAI,CACb;gBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,kBAAkB,CAChB,CACL;YAEN,uCAAK,SAAS,EAAC,0CAA0C;gBACpD,gBAAgB,IAAI,CACjB;oBACI,uCAAK,SAAS,EAAC,eAAe;wBAC1B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,IAC1C,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE;4BAC5C,KAAK,EAAE,YAAY,GAAG,aAAa;4BACnC,MAAM,EAAE,sBAAY,CAAC,cAAc,CAAC,YAAY,GAAG,aAAa,EAAE,yBAAW,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE;yBAC7G,CAAC,CACC;wBACN,oBAAoB,IAAI,CACrB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,QAAC,SAAS,EAAC,4BAA4B,IACvF,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE;4BAC5C,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC,aAAa,CAAC;yBACnD,CAAC,CACC,CACV;wBACD,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,YAAY,EAAE,CAAC,CAC3D,CACL;oBAEN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAChD;oBAEP,uCAAK,SAAS,EAAC,uDAAuD;wBAClE,8BAAC,kBAAQ,IAAC,IAAI,QAAC,KAAK,EAAE,aAAK,CAAC,OAAO;4BAC/B,wCAAM,SAAS,EAAC,2BAA2B;gCACvC,8BAAC,kBAAQ,IAAC,YAAY,UAAE,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAY,CAC7D,CACA;wBACX,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,MAAM;;4BAC7B,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CACxB,CACL;oBAEN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,OAAO,EAAE,SAAS,EAAC,sBAAsB;wBAC9E,8BAAC,qBAAK,IACF,OAAO,EAAE,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,EAClD,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,EAC7C,UAAU,EAAE;gCACR,8BAAC,kBAAQ,IAAC,GAAG,EAAE,CAAC,EAAE,YAAY,UACzB,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,CACnB;6BACd,GACH,CACC,CACR,CACN;gBAEA,CAAC,gBAAgB,IAAI,CAClB;oBACI,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;oBACP,uCAAK,SAAS,EAAC,uDAAuD;wBAClE,8BAAC,kBAAQ,IAAC,IAAI;4BACV,wCAAM,SAAS,EAAC,2BAA2B;;gCACtC,8BAAC,kBAAQ,IAAC,YAAY,UAAE,eAAe,CAAY,CACjD,CACA;wBACX,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,MAAM;;4BAC7B,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CACxB,CACL,CACP,CACN;gBAED,uCAAK,SAAS,EAAC,eAAe;oBAC1B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,MAAM,QAAC,SAAS,EAAC,UAAU;wBACtE,wCACI,uBAAuB,EAAE;gCACrB,MAAM,EACF,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,iCAAsB,CAAC,qBAAqB;oCACtE,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;oCACjD,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;6BACpD,GACG,CACL,CACL;gBAEN,uCAAK,SAAS,EAAC,yDAAyD;oBACpE,8BAAC,kBAAQ,IAAC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAC,mBAAmB,EAAC,OAAO,QAAC,MAAM,QAAC,IAAI,UACtE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAC1B,CACT,CACJ,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import dayjs from 'dayjs';\nimport React from 'react';\nimport { Trans, 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 Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { RoomRate, RoomRatePriceInclusion } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\nimport StringHelper from '@/util/StringHelper';\n\ninterface Props {\n    rate: RoomRate;\n    selectedRate: RoomRate;\n    onSelectRate: () => void;\n    startDate?: dayjs.Dayjs;\n}\n\nconst LargeRateCard = (props: Props) => {\n    const { t } = useTranslation();\n\n    const room = props.rate.getRoom();\n    const trimmedDescription = props.rate.description || props.rate.name;\n\n    const updateRate = () => {\n        props.onSelectRate();\n    };\n\n    // Calculate the price difference\n    const ratePrice = props.rate.getAveragePrice();\n    const selectedPrice = props.selectedRate.getAveragePrice();\n    const priceDifference = ratePrice - selectedPrice;\n\n    // Calculate current nights from the selected rate's night rates\n    const currentNights = Object.keys(props.selectedRate.nightRates).length;\n\n    // Only show minimum stay upgrades if they require longer stay AND are cheaper per night\n    const minNightStay = props.rate.minNightStayOverride;\n    const isMinStayUpgrade = minNightStay && minNightStay > currentNights && ratePrice < selectedPrice;\n\n    // Calculate the extended checkout date for minimum stay upgrades\n    const extendedCheckoutDate = props.startDate && minNightStay ? props.startDate.add(minNightStay, 'days') : null;\n\n    return (\n        <div className=\"upgrade-card upgrade-card--rate u-border-rounded\">\n            <div className=\"upgrade-card__image\">\n                <ImageGallerySlider images={room.getImages()} />\n            </div>\n            <div className=\"u-pad container\">\n                <Text bold>{room.name}</Text>\n                <div className=\"u-marg-top--light\">\n                    <Text bold color={Color.Accent}>\n                        {props.rate.name}\n                    </Text>\n                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                        {trimmedDescription}\n                    </Text>\n                </div>\n\n                <div className=\"u-flex flex-column no-gutters u-marg-top\">\n                    {isMinStayUpgrade && (\n                        <>\n                            <div className=\"u-marg-bottom\">\n                                <Text type={TextType.Small} color={Color.Accent}>\n                                    {t(Translation.Step.Room.Upsell.ExtendYourStay, {\n                                        count: minNightStay - currentNights,\n                                        nights: StringHelper.pluralWithDict(minNightStay - currentNights, Translation.Misc.Night, t).toLowerCase(),\n                                    })}\n                                </Text>\n                                {extendedCheckoutDate && (\n                                    <Text type={TextType.Small} color={Color.Accent} bold className=\"u-marg-top-bottom--lighter\">\n                                        {t(Translation.Step.Room.Upsell.ExtendCheckout, {\n                                            date: extendedCheckoutDate.format('MMM D, YYYY'),\n                                        })}\n                                    </Text>\n                                )}\n                                <Text type={TextType.Small} color={Color.DarkGrey}>\n                                    {t(Translation.Step.Room.Upsell.MinimumStay, { minNightStay })}\n                                </Text>\n                            </div>\n\n                            <Text type={TextType.Small} color={Color.Graphite}>\n                                {t(Translation.Step.Room.Upsell.SaveWithLongerStay)}\n                            </Text>\n\n                            <div className=\"u-flex u-flex-flex-start u-flex-align-center flex-row\">\n                                <Headline bold color={Color.Success}>\n                                    <span className=\"u-flex align-items-center\">\n                                        <Currency hideDecimals>{props.rate.getAveragePrice()}</Currency>\n                                    </span>\n                                </Headline>\n                                <Text color={Color.DarkGrey} inline>\n                                    /{t(Translation.Misc.Night)}\n                                </Text>\n                            </div>\n\n                            <Text type={TextType.Small} color={Color.Success} className=\"upgrade-inline-price\">\n                                <Trans\n                                    i18nKey={Translation.Step.Room.Upsell.SavePerNight}\n                                    values={{ amount: Math.abs(priceDifference) }}\n                                    components={[\n                                        <Currency key={0} hideDecimals>\n                                            {Math.abs(priceDifference)}\n                                        </Currency>,\n                                    ]}\n                                />\n                            </Text>\n                        </>\n                    )}\n\n                    {!isMinStayUpgrade && (\n                        <>\n                            <Text type={TextType.Small} color={Color.Navy} inline>\n                                {t(Translation.Misc.From)}\n                            </Text>\n                            <div className=\"u-flex u-flex-flex-start u-flex-align-center flex-row\">\n                                <Headline bold>\n                                    <span className=\"u-flex align-items-center\">\n                                        +<Currency hideDecimals>{priceDifference}</Currency>\n                                    </span>\n                                </Headline>\n                                <Text color={Color.DarkGrey} inline>\n                                    /{t(Translation.Misc.Night)}\n                                </Text>\n                            </div>\n                        </>\n                    )}\n\n                    <div className=\"u-marg-bottom\">\n                        <Text type={TextType.Small} color={Color.Grey} inline className=\"u-nowrap\">\n                            <span\n                                dangerouslySetInnerHTML={{\n                                    __html:\n                                        props.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\n                    <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@m-\">\n                        <BEButton onClick={updateRate} name=\"UpgradeRateButton\" primary filled wide>\n                            {t(Translation.Step.Room.Upgrade)}\n                        </BEButton>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default LargeRateCard;\n"]}

package/dist/src/components/steps/room/LargeRoomCard.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { RoomRate } from '../../../models/Room/RoomRate';
 interface Props {
     rate: RoomRate;
     selectedRate: RoomRate;
     onSelectRate: () => void;
 }
-declare const LargeRoomCard: (props: Props) => JSX.Element;
+declare const LargeRoomCard: (props: Props) => React.JSX.Element;
 export default LargeRoomCard;

package/dist/src/components/steps/room/LargeRoomCard.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 };
 };
@@ -38,6 +48,7 @@ const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
 const Text_1 = __importStar(require("../../generic/Text"));
 const Tooltip_1 = __importDefault(require("../../generic/Tooltip/Tooltip"));
 const ImageGallerySlider_1 = __importDefault(require("./ImageGallerySlider"));
+const RoomRate_1 = require("../../../models/Room/RoomRate");
 const Color_1 = require("../../../util/Color");
 const HotelPerkHelper_1 = require("../../../util/HotelPerkHelper");
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
@@ -81,8 +92,8 @@ const LargeRoomCard = (props) => {
             text: t(Translation_1.Translation.Step.Room.PetFriendly),
         });
     }
-    return (react_1.default.createElement("div", { className: "large-room-card u-border-rounded" },
-        react_1.default.createElement("div", { className: "large-room-card --image" },
+    return (react_1.default.createElement("div", { className: "upgrade-card upgrade-card--room u-border-rounded" },
+        react_1.default.createElement("div", { className: "upgrade-card__image" },
             react_1.default.createElement(ImageGallerySlider_1.default, { images: (_e = props.rate) === null || _e === void 0 ? void 0 : _e.getRoom().getImages() })),
         react_1.default.createElement("div", { className: "u-pad container" },
             react_1.default.createElement(Text_1.default, { bold: true }, (_f = props.rate) === null || _f === void 0 ? void 0 : _f.getRoom().name),
@@ -126,7 +137,12 @@ const LargeRoomCard = (props) => {
                         "/",
                         t(Translation_1.Translation.Misc.Night))),
                 react_1.default.createElement("div", { className: "u-marg-bottom" },
-                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Grey, inline: true, className: "u-nowrap" }, t(Translation_1.Translation.Step.Room.ExcludingTaxes))),
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Grey, inline: true, className: "u-nowrap" },
+                        react_1.default.createElement("span", { dangerouslySetInnerHTML: {
+                                __html: props.rate.getPriceType() === RoomRate_1.RoomRatePriceInclusion.IncludingFeesAndTaxes
+                                    ? t(Translation_1.Translation.Step.Room.RoomInfo.IncludesTaxes)
+                                    : t(Translation_1.Translation.Step.Room.ExcludingTaxes),
+                            } }))),
                 react_1.default.createElement("div", { className: "u-marg-top--light u-flex justify-content-end u-w-100@m-" },
                     react_1.default.createElement(BEButton_1.default, { onClick: updateRate, name: "ViewRatesNowButton", primary: true, filled: true, wide: true }, t(Translation_1.Translation.Step.Room.Upgrade)))))));
 };

package/dist/src/components/steps/room/LargeRoomCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"LargeRoomCard.js","sourceRoot":"/","sources":["src/components/steps/room/LargeRoomCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext } 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 Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\nimport { getPerkIconElement } from '@/util/HotelPerkHelper';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface Props {\n    rate: RoomRate;\n    selectedRate: RoomRate;\n\n    onSelectRate: () => void;\n}\n\nconst LargeRoomCard = (props: Props) => {\n    const beContext = useContext(BookingEngineContext);\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n\n    const extraRoomData = hotel?.rooms[props.rate?.getRoom().code as string];\n    const roomSize = hotel?.overwrites?.[props.rate?.getRoom().code as string];\n    const trimmedDescription = props.rate?.getRoom().getShortDescription();\n    const petFriendly = !!extraRoomData?.petFriendly;\n\n    const room = props.rate.getRoom();\n    const { roomPerks, prePerkDisclaimer } = room.getRoomPerks({\n        hotel: hotel,\n        room: room,\n        perksLimitNumber: 4,\n    });\n\n    const updateRate = () => {\n        props.onSelectRate();\n    };\n\n    const roomInfo = [\n        {\n            icon: IconType.People,\n            text: t(Translation.Step.Room.Sleeps, {\n                maxOccupancy: extraRoomData?.maxOccupancy,\n            }),\n        },\n        {\n            icon: IconType.Bed,\n            text: extraRoomData?.bedTypeOverride ? extraRoomData?.bedTypeOverride : `${extraRoomData?.bedType} ${extraRoomData?.bedQuantity}`,\n        },\n        {\n            icon: IconType.RoomSize,\n            text: roomSize?.RoomDimensions,\n        },\n    ];\n\n    if (petFriendly) {\n        roomInfo.push({\n            icon: IconType.PetFriendly,\n            text: t(Translation.Step.Room.PetFriendly),\n        });\n    }\n\n    return (\n        <div className=\"large-room-card u-border-rounded\">\n            <div className=\"large-room-card --image\">\n                <ImageGallerySlider images={props.rate?.getRoom().getImages()} />\n            </div>\n            <div className=\"u-pad container\">\n                <Text bold>{props.rate?.getRoom().name}</Text>\n                <div className=\"u-flex u-marg-top-bottom\">\n                    {roomInfo.map((item, index) => {\n                        return (\n                            <div className=\"u-flex\" key={index}>\n                                <Icon icon={item.icon} />\n                                <Text className=\"u-marg-left--light\" type={TextType.Label}>\n                                    {item.text}\n                                </Text>\n                            </div>\n                        );\n                    })}\n                </div>\n                <div className=\"u-marg-bottom--light description\">\n                    <Text className=\"text\" type={TextType.Small}>\n                        <span dangerouslySetInnerHTML={{ __html: trimmedDescription?.replace(/<br(\\/|)>/g, '') || '' }} />\n                    </Text>\n                </div>\n\n                {prePerkDisclaimer?.replace(/<br(\\/|)>/g, '') && (\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text color={Color.Accent} type={TextType.Small}>\n                            <strong>{t(Translation.Step.Room.RoomInfo.Disclaimer)}</strong>\n                        </Text>\n                        <Text color={Color.DarkGrey} type={TextType.Small}>\n                            <span className=\"u-text-overflow-ellipsis-2\" dangerouslySetInnerHTML={{ __html: prePerkDisclaimer?.replace(/<br(\\/|)>/g, '') || '' }} />\n                        </Text>\n                    </div>\n                )}\n\n                <Text className=\"u-marg-bottom\" bold type={TextType.Label} color={Color.Accent}>\n                    {t(Translation.Step.Room.YouWillGetThisAllForFree)}\n                </Text>\n                <div className=\"u-flex u-flex-align-center row justify-content-center\">\n                    <div className=\"u-flex col-md-12 flex-wrap justify-content-start\">\n                        {roomPerks?.map((perk) => {\n                            const isAllPerksOpened = beContext.screenSize < ScreenSize.ExtraLarge;\n                            const perkIconElement = getPerkIconElement(perk, Color.Snow);\n\n                            return (\n                                <div className=\"u-flex justify-content-start u-flex-align-center u-marg-bottom u-w-48@l- u-pad-left--light u-pad-right--light\" key={perk.name}>\n                                    <Tooltip title={perk.name}>\n                                        <div>{perkIconElement}</div>\n                                    </Tooltip>\n                                    <div className={`u-marg-left u-marg-right ${isAllPerksOpened ? '' : 'u-none'}`}>\n                                        <Text type={TextType.Small}>\n                                            {perk?.perkNameRenderer\n                                                ? perk.perkNameRenderer({\n                                                      hotel,\n                                                      room,\n                                                  })\n                                                : perk.name}\n                                        </Text>\n                                    </div>\n                                </div>\n                            );\n                        })}\n                    </div>\n                </div>\n                <div className=\"u-flex flex-column no-gutters\">\n                    <Text type={TextType.Small} color={Color.Navy} inline>\n                        {t(Translation.Misc.From)}\n                    </Text>\n                    <div className=\"u-flex u-flex-flex-start u-flex-align-center flex-row\">\n                        <Headline bold>\n                            <span className=\"u-flex align-items-center\">\n                                +<Currency hideDecimals>{props.rate?.getAveragePrice() - props.selectedRate?.getAveragePrice()}</Currency>\n                            </span>\n                        </Headline>\n                        <Text color={Color.DarkGrey} inline>\n                            /{t(Translation.Misc.Night)}\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom\">\n                        <Text type={TextType.Small} color={Color.Grey} inline className=\"u-nowrap\">\n                            {t(Translation.Step.Room.ExcludingTaxes)}\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@m-\">\n                        <BEButton onClick={updateRate} name=\"ViewRatesNowButton\" primary filled wide>\n                            {t(Translation.Step.Room.Upgrade)}\n                        </BEButton>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default LargeRoomCard;\n"]}
+{"version":3,"file":"LargeRoomCard.js","sourceRoot":"/","sources":["src/components/steps/room/LargeRoomCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext } 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 Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { RoomRate, RoomRatePriceInclusion } from '@/models/Room/RoomRate';\nimport { Color } from '@/util/Color';\nimport { getPerkIconElement } from '@/util/HotelPerkHelper';\nimport ScreenSize from '@/util/ScreenSize';\n\ninterface Props {\n    rate: RoomRate;\n    selectedRate: RoomRate;\n\n    onSelectRate: () => void;\n}\n\nconst LargeRoomCard = (props: Props) => {\n    const beContext = useContext(BookingEngineContext);\n    const { hotel } = useCurrentHotel();\n\n    const { t } = useTranslation();\n\n    const extraRoomData = hotel?.rooms[props.rate?.getRoom().code as string];\n    const roomSize = hotel?.overwrites?.[props.rate?.getRoom().code as string];\n    const trimmedDescription = props.rate?.getRoom().getShortDescription();\n    const petFriendly = !!extraRoomData?.petFriendly;\n\n    const room = props.rate.getRoom();\n    const { roomPerks, prePerkDisclaimer } = room.getRoomPerks({\n        hotel: hotel,\n        room: room,\n        perksLimitNumber: 4,\n    });\n\n    const updateRate = () => {\n        props.onSelectRate();\n    };\n\n    const roomInfo = [\n        {\n            icon: IconType.People,\n            text: t(Translation.Step.Room.Sleeps, {\n                maxOccupancy: extraRoomData?.maxOccupancy,\n            }),\n        },\n        {\n            icon: IconType.Bed,\n            text: extraRoomData?.bedTypeOverride ? extraRoomData?.bedTypeOverride : `${extraRoomData?.bedType} ${extraRoomData?.bedQuantity}`,\n        },\n        {\n            icon: IconType.RoomSize,\n            text: roomSize?.RoomDimensions,\n        },\n    ];\n\n    if (petFriendly) {\n        roomInfo.push({\n            icon: IconType.PetFriendly,\n            text: t(Translation.Step.Room.PetFriendly),\n        });\n    }\n\n    return (\n        <div className=\"upgrade-card upgrade-card--room u-border-rounded\">\n            <div className=\"upgrade-card__image\">\n                <ImageGallerySlider images={props.rate?.getRoom().getImages()} />\n            </div>\n            <div className=\"u-pad container\">\n                <Text bold>{props.rate?.getRoom().name}</Text>\n                <div className=\"u-flex u-marg-top-bottom\">\n                    {roomInfo.map((item, index) => {\n                        return (\n                            <div className=\"u-flex\" key={index}>\n                                <Icon icon={item.icon} />\n                                <Text className=\"u-marg-left--light\" type={TextType.Label}>\n                                    {item.text}\n                                </Text>\n                            </div>\n                        );\n                    })}\n                </div>\n                <div className=\"u-marg-bottom--light description\">\n                    <Text className=\"text\" type={TextType.Small}>\n                        <span dangerouslySetInnerHTML={{ __html: trimmedDescription?.replace(/<br(\\/|)>/g, '') || '' }} />\n                    </Text>\n                </div>\n\n                {prePerkDisclaimer?.replace(/<br(\\/|)>/g, '') && (\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text color={Color.Accent} type={TextType.Small}>\n                            <strong>{t(Translation.Step.Room.RoomInfo.Disclaimer)}</strong>\n                        </Text>\n                        <Text color={Color.DarkGrey} type={TextType.Small}>\n                            <span className=\"u-text-overflow-ellipsis-2\" dangerouslySetInnerHTML={{ __html: prePerkDisclaimer?.replace(/<br(\\/|)>/g, '') || '' }} />\n                        </Text>\n                    </div>\n                )}\n\n                <Text className=\"u-marg-bottom\" bold type={TextType.Label} color={Color.Accent}>\n                    {t(Translation.Step.Room.YouWillGetThisAllForFree)}\n                </Text>\n                <div className=\"u-flex u-flex-align-center row justify-content-center\">\n                    <div className=\"u-flex col-md-12 flex-wrap justify-content-start\">\n                        {roomPerks?.map((perk) => {\n                            const isAllPerksOpened = beContext.screenSize < ScreenSize.ExtraLarge;\n                            const perkIconElement = getPerkIconElement(perk, Color.Snow);\n\n                            return (\n                                <div className=\"u-flex justify-content-start u-flex-align-center u-marg-bottom u-w-48@l- u-pad-left--light u-pad-right--light\" key={perk.name}>\n                                    <Tooltip title={perk.name}>\n                                        <div>{perkIconElement}</div>\n                                    </Tooltip>\n                                    <div className={`u-marg-left u-marg-right ${isAllPerksOpened ? '' : 'u-none'}`}>\n                                        <Text type={TextType.Small}>\n                                            {perk?.perkNameRenderer\n                                                ? perk.perkNameRenderer({\n                                                      hotel,\n                                                      room,\n                                                  })\n                                                : perk.name}\n                                        </Text>\n                                    </div>\n                                </div>\n                            );\n                        })}\n                    </div>\n                </div>\n                <div className=\"u-flex flex-column no-gutters\">\n                    <Text type={TextType.Small} color={Color.Navy} inline>\n                        {t(Translation.Misc.From)}\n                    </Text>\n                    <div className=\"u-flex u-flex-flex-start u-flex-align-center flex-row\">\n                        <Headline bold>\n                            <span className=\"u-flex align-items-center\">\n                                +<Currency hideDecimals>{props.rate?.getAveragePrice() - props.selectedRate?.getAveragePrice()}</Currency>\n                            </span>\n                        </Headline>\n                        <Text color={Color.DarkGrey} inline>\n                            /{t(Translation.Misc.Night)}\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom\">\n                        <Text type={TextType.Small} color={Color.Grey} inline className=\"u-nowrap\">\n                            <span\n                                dangerouslySetInnerHTML={{\n                                    __html:\n                                        props.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                    <div className=\"u-marg-top--light u-flex justify-content-end u-w-100@m-\">\n                        <BEButton onClick={updateRate} name=\"ViewRatesNowButton\" primary filled wide>\n                            {t(Translation.Step.Room.Upgrade)}\n                        </BEButton>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default LargeRoomCard;\n"]}

package/dist/src/components/steps/room/NoRoomsFoundBlock.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 export declare const BE_NO_ROOMS_FOUND_BLOCK = "BENoRoomsFoundBlock";
-export default function NoRoomsFoundBlock(): JSX.Element;
+export default function NoRoomsFoundBlock(): React.JSX.Element;

package/dist/src/components/steps/room/NoRoomsFoundBlock.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.BE_NO_ROOMS_FOUND_BLOCK = void 0;
+exports.default = NoRoomsFoundBlock;
 const contexts_1 = require("../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
@@ -100,5 +111,4 @@ exports.BE_NO_ROOMS_FOUND_BLOCK = 'BENoRoomsFoundBlock';
 function NoRoomsFoundBlock() {
     return (0, DIProvider_1.withDI)(exports.BE_NO_ROOMS_FOUND_BLOCK, OriginalNoRoomsFoundBlock, null);
 }
-exports.default = NoRoomsFoundBlock;
 //# sourceMappingURL=NoRoomsFoundBlock.js.map

package/dist/src/components/steps/room/NoRoomsFoundBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoRoomsFoundBlock.js","sourceRoot":"/","sources":["src/components/steps/room/NoRoomsFoundBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport API from '@/api/BookingAPI';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useCurrentHotel } from '@/hooks/CurrentHotelHook';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport { withDI } from '@/providers/DIProvider';\nimport { Color } from '@/util/Color';\nimport StepManager from '@/util/StepManager';\n\nimport TravelerNotfound from '../../graphics/TravelerNotfound';\n\nfunction OriginalNoRoomsFoundBlock() {\n    const { hotel } = useCurrentHotel();\n    const { memberNumber } = useSignedInMember();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [minNightStay, setMinNightStay] = useState(-1);\n\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[0];\n        if (!basketRow || !hotel) {\n            return;\n        }\n\n        setIsLoading(true);\n\n        API.Availability.fetchMinNightStayData(basketRow, hotel?.hotelID, memberNumber).then((response) => {\n            if (!cancelled) {\n                setIsLoading(false);\n\n                if (response.Status === 'MinStay') {\n                    if (basketRow.getNumberOfDays() < response.Quantity) setMinNightStay(response.Quantity);\n                } else {\n                    setMinNightStay(-1);\n                }\n            }\n        });\n\n        return () => {\n            cancelled = true;\n\n            setIsLoading(false);\n        };\n    }, []);\n\n    return (\n        <div className=\"u-align-center\">\n            {isLoading && <SmallSpinner />}\n            <AutoAutoHeight open={minNightStay !== -1}>\n                <Alert type={AlertType.Accent1} icon={IconType.Error}>\n                    <Text type={TextType.Small}>\n                        {t(Translation.Step.Room.MinimumStay, {\n                            minNightStay,\n                        })}\n                    </Text>\n                </Alert>\n            </AutoAutoHeight>\n            <div className=\"u-marg-bottom--heavy\">\n                {/*BLANK SLATE IMAGE*/}\n                <TravelerNotfound />\n            </div>\n            <div className=\"u-marg-bottom\">\n                <Headline size=\"large\" bold>\n                    {t(Translation.Step.Room.NoRoomsFound.NoRoomsFound)}\n                </Headline>\n            </div>\n            <div>\n                {isLoading ? <SmallSpinner /> : minNightStay !== -1 && <Text color={Color.DarkGrey}>{t(Translation.Step.Room.NoRoomsFound.MinNightStay, { minNightStay })}</Text>}\n            </div>\n            {minNightStay === -1 && <Text color={Color.DarkGrey}>{t(Translation.Step.Room.NoRoomsFound.WeApologise)}</Text>}\n            <Text color={Color.DarkGrey}>{t(Translation.Step.Room.NoRoomsFound.PleaseCheckYourDates)}</Text>\n            <div className=\"u-marg-top\">\n                <Link to={StepManager.getFirstStep().getStepUrl()}>\n                    <BEButton filled>{t(Translation.Step.Room.NoRoomsFound.NewSearch)}</BEButton>\n                </Link>\n            </div>\n        </div>\n    );\n}\n\nexport const BE_NO_ROOMS_FOUND_BLOCK = 'BENoRoomsFoundBlock';\n\nexport default function NoRoomsFoundBlock() {\n    return withDI(BE_NO_ROOMS_FOUND_BLOCK, OriginalNoRoomsFoundBlock, null);\n}\n"]}
+{"version":3,"file":"NoRoomsFoundBlock.js","sourceRoot":"/","sources":["src/components/steps/room/NoRoomsFoundBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport API from '@/api/BookingAPI';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useCurrentHotel } from '@/hooks/CurrentHotelHook';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport { withDI } from '@/providers/DIProvider';\nimport { Color } from '@/util/Color';\nimport StepManager from '@/util/StepManager';\n\nimport TravelerNotfound from '../../graphics/TravelerNotfound';\n\nfunction OriginalNoRoomsFoundBlock() {\n    const { hotel } = useCurrentHotel();\n    const { memberNumber } = useSignedInMember();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [minNightStay, setMinNightStay] = useState(-1);\n\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const basketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[0];\n        if (!basketRow || !hotel) {\n            return;\n        }\n\n        setIsLoading(true);\n\n        API.Availability.fetchMinNightStayData(basketRow, hotel?.hotelID, memberNumber).then((response) => {\n            if (!cancelled) {\n                setIsLoading(false);\n\n                if (response.Status === 'MinStay') {\n                    if (basketRow.getNumberOfDays() < response.Quantity) setMinNightStay(response.Quantity);\n                } else {\n                    setMinNightStay(-1);\n                }\n            }\n        });\n\n        return () => {\n            cancelled = true;\n\n            setIsLoading(false);\n        };\n    }, []);\n\n    return (\n        <div className=\"u-align-center\">\n            {isLoading && <SmallSpinner />}\n            <AutoAutoHeight open={minNightStay !== -1}>\n                <Alert type={AlertType.Accent1} icon={IconType.Error}>\n                    <Text type={TextType.Small}>\n                        {t(Translation.Step.Room.MinimumStay, {\n                            minNightStay,\n                        })}\n                    </Text>\n                </Alert>\n            </AutoAutoHeight>\n            <div className=\"u-marg-bottom--heavy\">\n                {/*BLANK SLATE IMAGE*/}\n                <TravelerNotfound />\n            </div>\n            <div className=\"u-marg-bottom\">\n                <Headline size=\"large\" bold>\n                    {t(Translation.Step.Room.NoRoomsFound.NoRoomsFound)}\n                </Headline>\n            </div>\n            <div>\n                {isLoading ? <SmallSpinner /> : minNightStay !== -1 && <Text color={Color.DarkGrey}>{t(Translation.Step.Room.NoRoomsFound.MinNightStay, { minNightStay })}</Text>}\n            </div>\n            {minNightStay === -1 && <Text color={Color.DarkGrey}>{t(Translation.Step.Room.NoRoomsFound.WeApologise)}</Text>}\n            <Text color={Color.DarkGrey}>{t(Translation.Step.Room.NoRoomsFound.PleaseCheckYourDates)}</Text>\n            <div className=\"u-marg-top\">\n                <Link to={StepManager.getFirstStep().getStepUrl()}>\n                    <BEButton filled>{t(Translation.Step.Room.NoRoomsFound.NewSearch)}</BEButton>\n                </Link>\n            </div>\n        </div>\n    );\n}\n\nexport const BE_NO_ROOMS_FOUND_BLOCK = 'BENoRoomsFoundBlock';\n\nexport default function NoRoomsFoundBlock() {\n    return withDI(BE_NO_ROOMS_FOUND_BLOCK, OriginalNoRoomsFoundBlock, null);\n}\n"]}

package/dist/src/components/steps/room/RatesNotFoundBlock.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 export declare const BE_RATES_NOT_FOUND_BLOCK = "BERatesNotFoundBlock";
-export default function RatesNotFoundBlock(): JSX.Element;
+export default function RatesNotFoundBlock(): React.JSX.Element;