@roomstay/frontend 2.5.6 → 2.5.8-0

package/dist/src/components/steps/hotel/HotelCard.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { Hotel } from '../../../models/Client/Hotel/Hotel';
 interface HotelCardProps {
     hotel: Hotel;
 }
-declare const HotelCard: ({ hotel }: HotelCardProps) => JSX.Element;
+declare const HotelCard: ({ hotel }: HotelCardProps) => React.JSX.Element;
 export default HotelCard;

package/dist/src/components/steps/hotel/HotelCardList.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { Hotel } from '../../../models/Client/Hotel/Hotel';
 export interface HotelCardListProps {
     hotelList: Hotel[];
 }
-export default function HotelCardList({ hotelList }: HotelCardListProps): JSX.Element;
+export default function HotelCardList({ hotelList }: HotelCardListProps): React.JSX.Element;

package/dist/src/components/steps/hotel/HotelCardModal.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Hotel } from '../../../models/Client/Hotel/Hotel';
 interface HotelCardModalProps {
     open: boolean;
@@ -5,5 +6,5 @@ interface HotelCardModalProps {
     onClose: () => void;
     container?: HTMLElement | null;
 }
-declare const HotelCardModal: (props: HotelCardModalProps) => JSX.Element;
+declare const HotelCardModal: (props: HotelCardModalProps) => React.JSX.Element;
 export default HotelCardModal;

package/dist/src/components/steps/hotel/HotelSearchParameters.d.ts

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

package/dist/src/components/steps/hotel/NoHotelsAvailable.d.ts

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

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

@@ -1,8 +1,9 @@
+import React from 'react';
 import { ImageSize } from '../../../providers/ImageProvider';
 interface ImageGallerySliderProps {
     images: string[];
     imageSize?: ImageSize;
     hideLightboxIcon?: boolean;
 }
-export default function ImageGallerySlider(props: ImageGallerySliderProps): JSX.Element;
+export default function ImageGallerySlider(props: ImageGallerySliderProps): React.JSX.Element;
 export {};

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

@@ -36,6 +36,7 @@ const react_use_measure_1 = __importDefault(require("react-use-measure"));
 const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
 const ImageLoader_1 = __importDefault(require("../../generic/loader/ImageLoader"));
 const ImageProvider_1 = __importStar(require("../../../providers/ImageProvider"));
+const RoomstayThemeEngine_1 = __importDefault(require("../../../providers/RoomstayThemeEngine"));
 const Color_1 = require("../../../util/Color");
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 function ImageGallerySlider(props) {
@@ -144,7 +145,7 @@ function ImageGallerySlider(props) {
         !!images.length && (react_1.default.createElement(react_1.default.Fragment, null,
             !props.hideLightboxIcon && (react_1.default.createElement("div", { className: "room-gallery-slider__icon-lightbox", onClick: toggleToggler },
                 react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Fullscreen, color: Color_1.Color.White, size: "20px" }))),
-            (0, react_dom_1.createPortal)(react_1.default.createElement(fslightbox_react_1.default, { toggler: toggler, sources: images.map((image) => ImageProvider_1.default.resizeImage(image, ImageProvider_1.ImageSize.Original)), type: "image", loadOnlyCurrentSource: true }), document.body))),
+            (0, react_dom_1.createPortal)(react_1.default.createElement(fslightbox_react_1.default, { toggler: toggler, sources: images.map((image) => ImageProvider_1.default.resizeImage(image, ImageProvider_1.ImageSize.Original)), type: "image", loadOnlyCurrentSource: true }), RoomstayThemeEngine_1.default.EngineContainer))),
         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" })))));
 }

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, 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 = 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={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, 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 RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\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 = 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={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                        RoomstayThemeEngine.EngineContainer\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/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/MemberSignInModal/MemberSignInModal.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 interface MemberSignInModalProps {
     onClose?: () => void;
     isOpen?: boolean;
 }
-export default function MemberSignInModal(props: MemberSignInModalProps): JSX.Element;
+export default function MemberSignInModal(props: MemberSignInModalProps): React.JSX.Element;
 export {};

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/RatesNotFound.d.ts

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

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

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

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

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const RoomListAlert: React.FC;
+import React, { PropsWithChildren } from 'react';
+export declare const RoomListAlert: React.FC<PropsWithChildren>;

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

@@ -1 +1 @@
-{"version":3,"file":"RoomListAlert.js","sourceRoot":"/","sources":["src/components/steps/room/RoomListAlert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,+CAA0C;AAE1C,+EAAuD;AACvD,mEAA2C;AAE3C,oGAA4E;AAC5E,gFAAwD;AAEjD,MAAM,aAAa,GAAa,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,IAAI,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,EAAE;QACzC,OAAO,CACH;YACI,8BAAC,6BAAmB,OAAG;YACvB,8BAAC,mBAAS,IAAC,YAAY,SAAG;YAC1B,8BAAC,6BAAmB,OAAG;YACtB,KAAK,CAAC,QAAQ;YACf,8BAAC,mBAAS,IAAC,YAAY,SAAG,CAC3B,CACN,CAAC;KACL;IAED,OAAO,CACH;QACI,8BAAC,6BAAmB,OAAG;QACtB,KAAK,CAAC,QAAQ;QACf,8BAAC,6BAAmB,OAAG,CACxB,CACN,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport React, { useContext } from 'react';\n\nimport LineBreak from '@/components/generic/LineBreak';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport RoomBuilderProgress from './roomBuilderProgress/RoomBuilderProgress';\nimport StepRoomAlertBlocks from './StepRoomAlertBlocks';\n\nexport const RoomListAlert: React.FC = (props) => {\n    const context = useContext(BookingEngineContext);\n\n    if (context.screenSize <= ScreenSize.Medium) {\n        return (\n            <>\n                <StepRoomAlertBlocks />\n                <LineBreak smallMargins />\n                <RoomBuilderProgress />\n                {props.children}\n                <LineBreak smallMargins />\n            </>\n        );\n    }\n\n    return (\n        <>\n            <RoomBuilderProgress />\n            {props.children}\n            <StepRoomAlertBlocks />\n        </>\n    );\n};\n"]}
+{"version":3,"file":"RoomListAlert.js","sourceRoot":"/","sources":["src/components/steps/room/RoomListAlert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,+CAA6D;AAE7D,+EAAuD;AACvD,mEAA2C;AAE3C,oGAA4E;AAC5E,gFAAwD;AAEjD,MAAM,aAAa,GAAgC,CAAC,KAAK,EAAE,EAAE;IAChE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,IAAI,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,EAAE;QACzC,OAAO,CACH;YACI,8BAAC,6BAAmB,OAAG;YACvB,8BAAC,mBAAS,IAAC,YAAY,SAAG;YAC1B,8BAAC,6BAAmB,OAAG;YACtB,KAAK,CAAC,QAAQ;YACf,8BAAC,mBAAS,IAAC,YAAY,SAAG,CAC3B,CACN,CAAC;KACL;IAED,OAAO,CACH;QACI,8BAAC,6BAAmB,OAAG;QACtB,KAAK,CAAC,QAAQ;QACf,8BAAC,6BAAmB,OAAG,CACxB,CACN,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport React, { PropsWithChildren, useContext } from 'react';\n\nimport LineBreak from '@/components/generic/LineBreak';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport RoomBuilderProgress from './roomBuilderProgress/RoomBuilderProgress';\nimport StepRoomAlertBlocks from './StepRoomAlertBlocks';\n\nexport const RoomListAlert: React.FC<PropsWithChildren> = (props) => {\n    const context = useContext(BookingEngineContext);\n\n    if (context.screenSize <= ScreenSize.Medium) {\n        return (\n            <>\n                <StepRoomAlertBlocks />\n                <LineBreak smallMargins />\n                <RoomBuilderProgress />\n                {props.children}\n                <LineBreak smallMargins />\n            </>\n        );\n    }\n\n    return (\n        <>\n            <RoomBuilderProgress />\n            {props.children}\n            <StepRoomAlertBlocks />\n        </>\n    );\n};\n"]}

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Room } from '../../../models/Room/Room';
 import { RoomRate } from '../../../models/Room/RoomRate';
 interface RoomModalProps {
@@ -7,5 +8,5 @@ interface RoomModalProps {
     open: boolean;
     onClose?: () => void;
 }
-export default function RoomModal(props: RoomModalProps): JSX.Element;
+export default function RoomModal(props: RoomModalProps): React.JSX.Element;
 export {};

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/src/components/steps/room/TabGroupedRooms/TabGroupedRoomList.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { HotelRoomGroupsDTO } from '../../../../models/Api/HotelDTO';
 import { Room } from '../../../../models/Room/Room';
 type TabGroupedRoomListProps = {
     rooms: Room[];
     group: HotelRoomGroupsDTO[number];
 };
-export declare const TabGroupedRoomList: (props: TabGroupedRoomListProps) => JSX.Element;
+export declare const TabGroupedRoomList: (props: TabGroupedRoomListProps) => React.JSX.Element;
 export {};

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

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

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

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

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

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

package/dist/src/components/steps/room/UserSearchSummary/UserSearchSummaryPromocodeInput.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import BasketRow from '../../../../models/BasketRow';
 import { Color } from '../../../../util/Color';
 type UserSearchSummaryPromocodeInputProps = {
@@ -7,5 +8,5 @@ type UserSearchSummaryPromocodeInputProps = {
     promocodeTextColor?: Color;
     useUpdatedDesign?: boolean;
 };
-export declare const UserSearchSummaryPromocodeInput: ({ row, disabled, onChange, promocodeTextColor, useUpdatedDesign, }: UserSearchSummaryPromocodeInputProps) => JSX.Element;
+export declare const UserSearchSummaryPromocodeInput: ({ row, disabled, onChange, promocodeTextColor, useUpdatedDesign, }: UserSearchSummaryPromocodeInputProps) => React.JSX.Element;
 export {};

package/dist/src/components/steps/room/UserSearchSummary/UserSearchSummaryRow.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import BasketRow from '../../../../models/BasketRow';
 type UserSearchSummaryRowProps = {
     row: BasketRow;
     index: number;
 };
-export declare const UserSearchSummaryRow: ({ row, index }: UserSearchSummaryRowProps) => JSX.Element;
+export declare const UserSearchSummaryRow: ({ row, index }: UserSearchSummaryRowProps) => React.JSX.Element;
 export {};

package/dist/src/components/steps/room/roomBuilderProgress/NumberOfAdultsPicker.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import BasketRow from '../../../../models/BasketRow';
 import { Color } from '../../../../util/Color';
 interface NumberOfAdultsPickerProps {
@@ -5,5 +6,5 @@ interface NumberOfAdultsPickerProps {
     onChange: (value: string) => void;
     labelColor?: Color;
 }
-export default function NumberOfAdultsPicker(props: NumberOfAdultsPickerProps): JSX.Element;
+export default function NumberOfAdultsPicker(props: NumberOfAdultsPickerProps): React.JSX.Element;
 export {};

package/dist/src/components/steps/room/roomBuilderProgress/NumberOfChildrenPicker.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import BasketRow from '../../../../models/BasketRow';
 import { Color } from '../../../../util/Color';
 interface NumberOfChildrenPickerProps {
@@ -5,5 +6,5 @@ interface NumberOfChildrenPickerProps {
     onChange: (value: string) => void;
     labelColor?: Color;
 }
-export default function NumberOfChildrenPicker(props: NumberOfChildrenPickerProps): JSX.Element;
+export default function NumberOfChildrenPicker(props: NumberOfChildrenPickerProps): React.JSX.Element;
 export {};

package/dist/src/components/steps/room/roomBuilderProgress/NumberOfInfantsPicker.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import BasketRow from '../../../../models/BasketRow';
 import { Color } from '../../../../util/Color';
 interface NumberOfInfantsPickerProps {
@@ -5,5 +6,5 @@ interface NumberOfInfantsPickerProps {
     onChange: (value: string) => void;
     labelColor?: Color;
 }
-export default function NumberOfInfantsPicker(props: NumberOfInfantsPickerProps): JSX.Element;
+export default function NumberOfInfantsPicker(props: NumberOfInfantsPickerProps): React.JSX.Element;
 export {};

package/dist/src/components/steps/room/roomBuilderProgress/RoomBuilderProgress.d.ts

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

package/dist/src/components/steps/room/roomBuilderProgress/RoomBuilderProgressRow.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import BasketRow from '../../../../models/BasketRow';
 export interface RoomBuilderProgressRowProps {
     row: BasketRow;
     number?: number;
 }
-export default function RoomBuilderProgressRow(props: RoomBuilderProgressRowProps): JSX.Element;
+export default function RoomBuilderProgressRow(props: RoomBuilderProgressRowProps): React.JSX.Element;

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

@@ -1,6 +1,7 @@
+import React from 'react';
 import { Room } from '../../../../models/Room/Room';
 export interface RoomDetailsProps {
     room: Room;
     disableMarginBottom?: boolean;
 }
-export default function RoomDetails(props: RoomDetailsProps): JSX.Element;
+export default function RoomDetails(props: RoomDetailsProps): React.JSX.Element;

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

@@ -1,8 +1,9 @@
+import React from 'react';
 import { Room } from '../../../../models/Room/Room';
 import { Color } from '../../../../util/Color';
 interface RoomDetailsBedsBlockProps {
     room: Room;
     textColor?: Color;
 }
-export declare function RoomDetailsBedsBlock(props: RoomDetailsBedsBlockProps): JSX.Element;
+export declare function RoomDetailsBedsBlock(props: RoomDetailsBedsBlockProps): React.JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
+import React from 'react';
 import { HotelPerk } from '../../../../models/Client/Hotel/HotelPerk';
 interface RoomDetailsPerkBlockProps {
     perks: HotelPerk[];
 }
-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/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/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/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/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/RoomRateDescriptionTab.d.ts

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

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 export declare enum RoomRateDetailsAndPriceBreakdownModalTabs {
     PriceBreakdown = "Price Breakdown",
@@ -11,5 +12,5 @@ interface RoomRateDetailsAndPriceBreakdownModalProps {
     onAddToBasketOverride?: (rate: RoomRate) => void;
     onClose: () => void;
 }
-export default function RoomRateDetailsAndPriceBreakdownModal(props: RoomRateDetailsAndPriceBreakdownModalProps): JSX.Element;
+export default function RoomRateDetailsAndPriceBreakdownModal(props: RoomRateDetailsAndPriceBreakdownModalProps): React.JSX.Element;
 export {};

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

@@ -1,7 +1,8 @@
-import './RoomRateListPromotion.global.scss';
+import './RoomRateListPromotion.engine.scss';
+import React from 'react';
 import type { IPromotion } from '../../../../../../models/Promotion/IPromotion.type';
 type RoomRateListPromotionProps = {
     promotion: IPromotion;
 };
-export declare const RoomRateListPromotion: (props: RoomRateListPromotionProps) => JSX.Element;
+export declare const RoomRateListPromotion: (props: RoomRateListPromotionProps) => React.JSX.Element;
 export {};

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

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoomRateListPromotion = void 0;
-require("./RoomRateListPromotion.global.scss");
+require("./RoomRateListPromotion.engine.scss");
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
 const BEButton_1 = __importDefault(require("../../../../../generic/BEButton"));

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

@@ -1 +1 @@
-{"version":3,"file":"RoomRateListPromotion.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateListPromotion/RoomRateListPromotion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAE7C,kDAA0B;AAC1B,iDAA+C;AAE/C,6EAAqD;AACrD,uEAAgE;AAChE,kEAA2D;AAC3D,4FAAyF;AACzF,iDAA6C;AAE7C,4DAAyD;AACzD,wCAAqC;AAM9B,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,MAAM,iBAAiB,GAAG,IAAI,6CAAqB,CAAC,SAAS,CAAC,CAAC;QAE/D,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAC,uBAAuB;QAClC,uCAAK,SAAS,EAAC,gCAAgC;YAC3C,uCAAK,SAAS,EAAC,6BAA6B;gBACxC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI,CAC7D;YACN,uCAAK,SAAS,EAAC,6BAA6B;gBACxC,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,UAC1B,SAAS,CAAC,IAAI,CACZ,CACL;gBAEN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,SAAS,CAAC,WAAW,CAAQ,CACxD,CACJ;QACN,uCAAK,SAAS,EAAC,+BAA+B;YAC1C,8BAAC,kBAAQ,IAAC,OAAO,QAAC,MAAM,QAAC,OAAO,EAAE,iBAAiB,EAAE,WAAW,UAC3D,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CACtB,CACT,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,qBAAqB,yBAmChC","sourcesContent":["import './RoomRateListPromotion.global.scss';\n\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { PromotionClickedEvent } from '@/events/actions/Promotion/PromotionClickedEvent';\nimport { useEvent } from '@/hooks/EventHook';\nimport type { IPromotion } from '@/models/Promotion/IPromotion.type';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\ntype RoomRateListPromotionProps = {\n    promotion: IPromotion;\n};\n\nexport const RoomRateListPromotion = (props: RoomRateListPromotionProps) => {\n    const { promotion } = props;\n\n    const { raise } = useEvent();\n    const { t } = useTranslation();\n\n    const onApplyNowClicked = () => {\n        const promoClickedEvent = new PromotionClickedEvent(promotion);\n\n        raise(promoClickedEvent);\n    };\n\n    return (\n        <div className=\"c-room-list-promotion\">\n            <div className=\"c-room-list-promotion--content\">\n                <div className=\"c-room-list-promotion--icon\">\n                    <Icon icon={IconType.Money} size=\"42px\" color={Color.Accent} />\n                </div>\n                <div className=\"c-room-list-promotion--body\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Text color={Color.Accent} bold>\n                            {promotion.name}\n                        </Text>\n                    </div>\n\n                    <Text type={TextType.Small}>{promotion.description}</Text>\n                </div>\n            </div>\n            <div className=\"c-room-list-promotion--button\">\n                <BEButton primary filled onClick={onApplyNowClicked} mobileWidth>\n                    {t(Translation.Misc.ApplyNow)}\n                </BEButton>\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"RoomRateListPromotion.js","sourceRoot":"/","sources":["src/components/steps/room/roomDetails/roomRates/RoomRateListPromotion/RoomRateListPromotion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAE7C,kDAA0B;AAC1B,iDAA+C;AAE/C,6EAAqD;AACrD,uEAAgE;AAChE,kEAA2D;AAC3D,4FAAyF;AACzF,iDAA6C;AAE7C,4DAAyD;AACzD,wCAAqC;AAM9B,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,MAAM,iBAAiB,GAAG,IAAI,6CAAqB,CAAC,SAAS,CAAC,CAAC;QAE/D,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAC,uBAAuB;QAClC,uCAAK,SAAS,EAAC,gCAAgC;YAC3C,uCAAK,SAAS,EAAC,6BAA6B;gBACxC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI,CAC7D;YACN,uCAAK,SAAS,EAAC,6BAA6B;gBACxC,uCAAK,SAAS,EAAC,sBAAsB;oBACjC,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,UAC1B,SAAS,CAAC,IAAI,CACZ,CACL;gBAEN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,SAAS,CAAC,WAAW,CAAQ,CACxD,CACJ;QACN,uCAAK,SAAS,EAAC,+BAA+B;YAC1C,8BAAC,kBAAQ,IAAC,OAAO,QAAC,MAAM,QAAC,OAAO,EAAE,iBAAiB,EAAE,WAAW,UAC3D,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CACtB,CACT,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,qBAAqB,yBAmChC","sourcesContent":["import './RoomRateListPromotion.engine.scss';\n\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { PromotionClickedEvent } from '@/events/actions/Promotion/PromotionClickedEvent';\nimport { useEvent } from '@/hooks/EventHook';\nimport type { IPromotion } from '@/models/Promotion/IPromotion.type';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\ntype RoomRateListPromotionProps = {\n    promotion: IPromotion;\n};\n\nexport const RoomRateListPromotion = (props: RoomRateListPromotionProps) => {\n    const { promotion } = props;\n\n    const { raise } = useEvent();\n    const { t } = useTranslation();\n\n    const onApplyNowClicked = () => {\n        const promoClickedEvent = new PromotionClickedEvent(promotion);\n\n        raise(promoClickedEvent);\n    };\n\n    return (\n        <div className=\"c-room-list-promotion\">\n            <div className=\"c-room-list-promotion--content\">\n                <div className=\"c-room-list-promotion--icon\">\n                    <Icon icon={IconType.Money} size=\"42px\" color={Color.Accent} />\n                </div>\n                <div className=\"c-room-list-promotion--body\">\n                    <div className=\"u-marg-bottom--light\">\n                        <Text color={Color.Accent} bold>\n                            {promotion.name}\n                        </Text>\n                    </div>\n\n                    <Text type={TextType.Small}>{promotion.description}</Text>\n                </div>\n            </div>\n            <div className=\"c-room-list-promotion--button\">\n                <BEButton primary filled onClick={onApplyNowClicked} mobileWidth>\n                    {t(Translation.Misc.ApplyNow)}\n                </BEButton>\n            </div>\n        </div>\n    );\n};\n"]}

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Room } from '../../../../../models/Room/Room';
 import { RoomRate } from '../../../../../models/Room/RoomRate';
 interface RoomRatePillsProps {
@@ -5,5 +6,5 @@ interface RoomRatePillsProps {
     rate?: RoomRate;
     limit?: number;
 }
-export default function RoomRatePills(props: RoomRatePillsProps): JSX.Element;
+export default function RoomRatePills(props: RoomRatePillsProps): React.JSX.Element;
 export {};

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

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

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

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

package/dist/src/components/steps/room/roomFilter/AppliedFiltersBlock.d.ts

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

package/dist/src/components/steps/room/roomFilter/RoomFilterOverlay.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Room } from '../../../../models/Room/Room';
 export interface RoomFilterProps {
     anchorEl: any;
@@ -5,4 +6,4 @@ export interface RoomFilterProps {
     open: boolean;
     onClose?: () => void;
 }
-export default function RoomFilterOverlay(props: RoomFilterProps): JSX.Element;
+export default function RoomFilterOverlay(props: RoomFilterProps): React.JSX.Element;

package/dist/src/components/steps/room/roomFilter/RoomFilterPriceSlider.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import BudgetFilter from '../../../../models/Room/Filters/BudgetFilter';
 import { Room } from '../../../../models/Room/Room';
 interface RoomFilterPriceSliderProps {
@@ -5,5 +6,5 @@ interface RoomFilterPriceSliderProps {
     roomList: Room[];
     onChange: (filter: BudgetFilter | null) => void;
 }
-export default function RoomFilterPriceSlider(props: RoomFilterPriceSliderProps): JSX.Element;
+export default function RoomFilterPriceSlider(props: RoomFilterPriceSliderProps): React.JSX.Element;
 export {};

package/dist/src/components/steps/room/roomFilter/RoomFilterRateType.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import RateTypeFilter from '../../../../models/Room/Filters/RateTypeFilter';
 import { Room } from '../../../../models/Room/Room';
 interface RoomFilterRateTypeProps {
@@ -5,5 +6,5 @@ interface RoomFilterRateTypeProps {
     roomList: Room[];
     onChange: (filter: RateTypeFilter | null) => void;
 }
-export default function RoomFilterRateType(props: RoomFilterRateTypeProps): JSX.Element;
+export default function RoomFilterRateType(props: RoomFilterRateTypeProps): React.JSX.Element;
 export {};

package/dist/src/components/steps/room/roomFilter/RoomFilterRoomType.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import RoomTypeFilter from '../../../../models/Room/Filters/RoomTypeFilter';
 import { Room } from '../../../../models/Room/Room';
 interface RoomFilterRoomTypeProps {
@@ -5,5 +6,5 @@ interface RoomFilterRoomTypeProps {
     filter: RoomTypeFilter;
     onChange: (filter: RoomTypeFilter | null) => void;
 }
-export default function RoomFilterRoomType(props: RoomFilterRoomTypeProps): JSX.Element;
+export default function RoomFilterRoomType(props: RoomFilterRoomTypeProps): React.JSX.Element;
 export {};

package/dist/src/components/summary/BEMobileSummary.d.ts

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