@roomstay/frontend 2.1.0 → 2.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"AvailableUpgradesModal.js","sourceRoot":"/","sources":["src/components/steps/room/AvailableUpgradesModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport { useEffect, useState, useContext } from 'react';\n\nimport { useTranslation } from 'react-i18next';\nimport API from 'api/BookingAPI';\nimport { BasketContext } from '@frontend/contexts';\nimport { AddToCartEvent } from '@frontend/events';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\n\nimport BasketRow from 'models/BasketRow';\n\nimport { RoomRate } from 'models/Room/RoomRate';\nimport RoomUpsellFeature from 'providers/feature/RoomUpsellFeature';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport DataLayer from 'util/DataLayer';\nimport BEButton from 'components/generic/BEButton';\nimport Currency from 'components/generic/Currency';\nimport Headline from 'components/generic/Headline';\nimport SimpleModal from 'components/generic/modal/SimpleModal';\nimport Text, { TextType } from 'components/generic/Text';\nimport ImageGallerySlider from 'components/steps/room/ImageGallerySlider';\nimport LargeRoomCard from 'components/steps/room/LargeRoomCard';\n\nconst AvailableUpgradesModal = () => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const [isOpen, setIsOpen] = useState(false);\n    const [row, setRow] = useState<BasketRow>(null);\n\n    const basketContext = useContext(BasketContext);\n\n    const { on } = useEvent();\n\n    const room = row?.getRoom();\n    const selectedRate = row?.getRate();\n\n    const [rates, setRates] = useState<RoomRate[]>();\n\n    useEffect(() => {\n        let cancelled = false;\n\n        on(AddToCartEvent, async (event: AddToCartEvent) => {\n            if (cancelled) return;\n\n            setRow(event.basketRow);\n\n            return true;\n        });\n\n        return () => {\n            cancelled = true;\n        };\n    }, []);\n\n    useEffect(() => {\n        let cancelled = false;\n\n        if (row) {\n            API.Availability.fetchAvailabilityData(row, hotel.hotelID).then((availableRooms) => {\n                if (cancelled) return;\n\n                const unfilteredRates: RoomRate[] = [];\n                availableRooms\n                    .map((availableRoom) => {\n                        return availableRoom.getRates();\n                    })\n                    .forEach((fewRates) => {\n                        fewRates.forEach((oneRate) => {\n                            unfilteredRates.push(oneRate);\n                        });\n                    });\n                const filteredRates = unfilteredRates\n                    .filter((rate) => {\n                        return rate.getAveragePrice() > selectedRate?.getAveragePrice() && rate.name === selectedRate.name;\n                    })\n                    .sort((a: RoomRate, b: RoomRate) => {\n                        if (a.getAveragePrice() === selectedRate?.getAveragePrice()) return 1;\n                        if (b.getAveragePrice() === selectedRate?.getAveragePrice()) return -1;\n                        return a.getAveragePrice() - b.getAveragePrice();\n                    })\n                    .slice(0, 3);\n\n                setRates(filteredRates);\n                if (filteredRates.length === 0 && selectedRate) {\n                    // Proceed as if user clicked the nav.\n                    confirmRateOnClick();\n                } else {\n                    setIsOpen(true);\n                }\n            });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [row]);\n\n    const closeModal = () => {\n        setIsOpen(false);\n        setRow(null);\n    };\n\n    const confirmRateOnClick = (rate?: RoomRate) => {\n        if (row) {\n            if (rate) {\n                DataLayer.instance.sendUpsellConfirmed(row.getRate(), rate);\n\n                row.setRate(rate);\n                basketContext.updateBasketRow(row);\n                closeModal();\n            } else {\n                DataLayer.instance.sendUpsellCancelled(row.getRate());\n                closeModal();\n            }\n        }\n    };\n\n    return (\n        RoomUpsellFeature.isActive() && (\n            <SimpleModal open={isOpen} onClose={closeModal} title=\"Available Upgrades\">\n                <div className=\"upgrades-room-modal\">\n                    <div className=\"current-room-block container\">\n                        <div className=\"u-flex u-flex-flex-start row\">\n                            <div className=\"image-wrapper col-md-3 col-12\">\n                                <ImageGallerySlider images={room?.getImages()} />\n                            </div>\n                            <div className=\"u-flex info-block col-md-7 col-sm-9\">\n                                <div>\n                                    <Text color={Color.DarkGrey} bold={true}>\n                                        {t(Translation.Step.Room.CurrentSelectedRoom)}\n                                    </Text>\n                                    <Headline bold={true}>{room?.name}</Headline>\n                                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                                        {selectedRate?.name}\n                                    </Text>\n                                </div>\n                                <div>\n                                    <div className=\"room-details--content-price flex-row\">\n                                        <Headline bold={true}>\n                                            <Currency hideDecimals={true}>{selectedRate?.getAveragePrice()}</Currency>\n                                        </Headline>\n                                        <Text color={Color.DarkGrey} inline={true}>\n                                            /{t(Translation.Misc.Night)}\n                                        </Text>\n                                    </div>\n                                    <div className=\"u-marg-bottom\">\n                                        <Text type={TextType.Small} color={Color.Grey} inline={true} className=\"u-nowrap\">\n                                            {t(Translation.Step.Room.RoomInfo.IncludesTaxes)}\n                                        </Text>\n                                    </div>\n                                </div>\n                            </div>\n                            <div className=\"u-flex u-flex-align-center col-md-2 col-sm-3\">\n                                <BEButton wide={true} filled={true} primary={true} onClick={() => confirmRateOnClick()}>\n                                    {t(Translation.Step.Room.Confirm)}\n                                </BEButton>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"container\" style={{ backgroundColor: Color.Snow }}>\n                        <div className=\"u-pad-top u-marg-bottom\">\n                            <div className=\"u-marg-bottom--heavy\">\n                                <Headline bold={true}>{t(Translation.Step.Room.CheckOutOtherOptions)}</Headline>\n                            </div>\n                            <div className=\"row no-gutters\">\n                                {rates?.map((rate) => {\n                                    const onSelectRate = () => {\n                                        confirmRateOnClick(rate);\n                                    };\n\n                                    return (\n                                        <div className=\"col-md-6 col-xl-4 u-marg-bottom u-pad-left--light u-pad-right--light\" key={rate.getRoom().name}>\n                                            <LargeRoomCard selectedRate={selectedRate} rate={rate} onSelectRate={onSelectRate} />\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </SimpleModal>\n        )\n    );\n};\n\nexport default AvailableUpgradesModal;\n"]}
+{"version":3,"file":"AvailableUpgradesModal.js","sourceRoot":"/","sources":["src/components/steps/room/AvailableUpgradesModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport { useEffect, useState, useContext } from 'react';\n\nimport { useTranslation } from 'react-i18next';\nimport API from '@/api/BookingAPI';\nimport { BasketContext } from '@frontend/contexts';\nimport { AddToCartEvent } from '@frontend/events';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\n\nimport BasketRow from '@/models/BasketRow';\n\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport RoomUpsellFeature from '@/providers/feature/RoomUpsellFeature';\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport DataLayer from '@/util/DataLayer';\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport SimpleModal from '@/components/generic/modal/SimpleModal';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport LargeRoomCard from '@/components/steps/room/LargeRoomCard';\n\nconst AvailableUpgradesModal = () => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const [isOpen, setIsOpen] = useState(false);\n    const [row, setRow] = useState<BasketRow>(null);\n\n    const basketContext = useContext(BasketContext);\n\n    const { on } = useEvent();\n\n    const room = row?.getRoom();\n    const selectedRate = row?.getRate();\n\n    const [rates, setRates] = useState<RoomRate[]>();\n\n    useEffect(() => {\n        let cancelled = false;\n\n        on(AddToCartEvent, async (event: AddToCartEvent) => {\n            if (cancelled) return;\n\n            setRow(event.basketRow);\n\n            return true;\n        });\n\n        return () => {\n            cancelled = true;\n        };\n    }, []);\n\n    useEffect(() => {\n        let cancelled = false;\n\n        if (row) {\n            API.Availability.fetchAvailabilityData(row, hotel.hotelID).then((availableRooms) => {\n                if (cancelled) return;\n\n                const unfilteredRates: RoomRate[] = [];\n                availableRooms\n                    .map((availableRoom) => {\n                        return availableRoom.getRates();\n                    })\n                    .forEach((fewRates) => {\n                        fewRates.forEach((oneRate) => {\n                            unfilteredRates.push(oneRate);\n                        });\n                    });\n                const filteredRates = unfilteredRates\n                    .filter((rate) => {\n                        return rate.getAveragePrice() > selectedRate?.getAveragePrice() && rate.name === selectedRate.name;\n                    })\n                    .sort((a: RoomRate, b: RoomRate) => {\n                        if (a.getAveragePrice() === selectedRate?.getAveragePrice()) return 1;\n                        if (b.getAveragePrice() === selectedRate?.getAveragePrice()) return -1;\n                        return a.getAveragePrice() - b.getAveragePrice();\n                    })\n                    .slice(0, 3);\n\n                setRates(filteredRates);\n                if (filteredRates.length === 0 && selectedRate) {\n                    // Proceed as if user clicked the nav.\n                    confirmRateOnClick();\n                } else {\n                    setIsOpen(true);\n                }\n            });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [row]);\n\n    const closeModal = () => {\n        setIsOpen(false);\n        setRow(null);\n    };\n\n    const confirmRateOnClick = (rate?: RoomRate) => {\n        if (row) {\n            if (rate) {\n                DataLayer.instance.sendUpsellConfirmed(row.getRate(), rate);\n\n                row.setRate(rate);\n                basketContext.updateBasketRow(row);\n                closeModal();\n            } else {\n                DataLayer.instance.sendUpsellCancelled(row.getRate());\n                closeModal();\n            }\n        }\n    };\n\n    return (\n        RoomUpsellFeature.isActive() && (\n            <SimpleModal open={isOpen} onClose={closeModal} title=\"Available Upgrades\">\n                <div className=\"upgrades-room-modal\">\n                    <div className=\"current-room-block container\">\n                        <div className=\"u-flex u-flex-flex-start row\">\n                            <div className=\"image-wrapper col-md-3 col-12\">\n                                <ImageGallerySlider images={room?.getImages()} />\n                            </div>\n                            <div className=\"u-flex info-block col-md-7 col-sm-9\">\n                                <div>\n                                    <Text color={Color.DarkGrey} bold={true}>\n                                        {t(Translation.Step.Room.CurrentSelectedRoom)}\n                                    </Text>\n                                    <Headline bold={true}>{room?.name}</Headline>\n                                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                                        {selectedRate?.name}\n                                    </Text>\n                                </div>\n                                <div>\n                                    <div className=\"room-details--content-price flex-row\">\n                                        <Headline bold={true}>\n                                            <Currency hideDecimals={true}>{selectedRate?.getAveragePrice()}</Currency>\n                                        </Headline>\n                                        <Text color={Color.DarkGrey} inline={true}>\n                                            /{t(Translation.Misc.Night)}\n                                        </Text>\n                                    </div>\n                                    <div className=\"u-marg-bottom\">\n                                        <Text type={TextType.Small} color={Color.Grey} inline={true} className=\"u-nowrap\">\n                                            {t(Translation.Step.Room.RoomInfo.IncludesTaxes)}\n                                        </Text>\n                                    </div>\n                                </div>\n                            </div>\n                            <div className=\"u-flex u-flex-align-center col-md-2 col-sm-3\">\n                                <BEButton wide={true} filled={true} primary={true} onClick={() => confirmRateOnClick()}>\n                                    {t(Translation.Step.Room.Confirm)}\n                                </BEButton>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"container\" style={{ backgroundColor: Color.Snow }}>\n                        <div className=\"u-pad-top u-marg-bottom\">\n                            <div className=\"u-marg-bottom--heavy\">\n                                <Headline bold={true}>{t(Translation.Step.Room.CheckOutOtherOptions)}</Headline>\n                            </div>\n                            <div className=\"row no-gutters\">\n                                {rates?.map((rate) => {\n                                    const onSelectRate = () => {\n                                        confirmRateOnClick(rate);\n                                    };\n\n                                    return (\n                                        <div className=\"col-md-6 col-xl-4 u-marg-bottom u-pad-left--light u-pad-right--light\" key={rate.getRoom().name}>\n                                            <LargeRoomCard selectedRate={selectedRate} rate={rate} onSelectRate={onSelectRate} />\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </SimpleModal>\n        )\n    );\n};\n\nexport default AvailableUpgradesModal;\n"]}

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

@@ -1,4 +1,4 @@
-import { ImageSize } from 'providers/ImageProvider';
+import { ImageSize } from '@/providers/ImageProvider';
 interface ImageGallerySliderProps {
     images: string[];
     imageSize?: ImageSize;

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

@@ -31,11 +31,11 @@ const react_1 = require("react");
 const react_use_gesture_1 = require("react-use-gesture");
 const web_1 = require("@react-spring/web");
 const react_use_measure_1 = __importDefault(require("react-use-measure"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const Color_1 = require("util/Color");
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
+const Color_1 = require("@/util/Color");
 const fslightbox_react_1 = __importDefault(require("fslightbox-react"));
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const ImageLoader_1 = __importDefault(require("components/generic/loader/ImageLoader"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const ImageLoader_1 = __importDefault(require("@/components/generic/loader/ImageLoader"));
 const react_dom_1 = require("react-dom");
 const contexts_1 = require("@frontend/contexts");
 function ImageGallerySlider(props) {

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 * as React from 'react';\nimport { useState, useContext } from 'react';\n\nimport { useDrag } from 'react-use-gesture';\nimport { useSpring, animated } from '@react-spring/web';\nimport useMeasure from 'react-use-measure';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\nimport FsLightbox from 'fslightbox-react';\n\nimport ScreenSize from 'util/ScreenSize';\nimport { FullGestureState, StateKey } from 'react-use-gesture/dist/types';\nimport { ImageSize } from 'providers/ImageProvider';\nimport ImageLoader from 'components/generic/loader/ImageLoader';\nimport { createPortal } from 'react-dom';\nimport { BookingEngineContext } from '@frontend/contexts';\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(<FsLightbox toggler={toggler} sources={images} type=\"image\" loadOnlyCurrentSource={true} />, document.body)}\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 * as React from 'react';\nimport { useState, useContext } from 'react';\n\nimport { useDrag } from 'react-use-gesture';\nimport { useSpring, animated } from '@react-spring/web';\nimport useMeasure from 'react-use-measure';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport FsLightbox from 'fslightbox-react';\n\nimport ScreenSize from '@/util/ScreenSize';\nimport { FullGestureState, StateKey } from 'react-use-gesture/dist/types';\nimport { ImageSize } from '@/providers/ImageProvider';\nimport ImageLoader from '@/components/generic/loader/ImageLoader';\nimport { createPortal } from 'react-dom';\nimport { BookingEngineContext } from '@frontend/contexts';\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(<FsLightbox toggler={toggler} sources={images} type=\"image\" loadOnlyCurrentSource={true} />, document.body)}\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.js

@@ -30,20 +30,20 @@ const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
-const BookingAPI_1 = __importDefault(require("api/BookingAPI"));
+const BookingAPI_1 = __importDefault(require("@/api/BookingAPI"));
 const contexts_1 = require("@frontend/contexts");
 const contexts_2 = require("@frontend/contexts");
 const hooks_1 = require("@frontend/hooks");
-const StepAddon_1 = __importDefault(require("pages/steps/StepAddon/StepAddon"));
-const StepConfirmation_1 = __importDefault(require("pages/steps/StepConfirmation/StepConfirmation"));
-const StepRoom_1 = __importDefault(require("pages/steps/StepRoom/StepRoom"));
+const StepAddon_1 = __importDefault(require("@/pages/steps/StepAddon/StepAddon"));
+const StepConfirmation_1 = __importDefault(require("@/pages/steps/StepConfirmation/StepConfirmation"));
+const StepRoom_1 = __importDefault(require("@/pages/steps/StepRoom/StepRoom"));
 const Translation_1 = require("translations/Translation");
-const DataLayer_1 = __importDefault(require("util/DataLayer"));
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const SimpleModal_1 = __importStar(require("components/generic/modal/SimpleModal"));
-const Text_1 = __importDefault(require("components/generic/Text"));
+const DataLayer_1 = __importDefault(require("@/util/DataLayer"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const SimpleModal_1 = __importStar(require("@/components/generic/modal/SimpleModal"));
+const Text_1 = __importDefault(require("@/components/generic/Text"));
 const InactivityWindow = () => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { currentStep } = (0, react_1.useContext)(contexts_2.FullPageEngineContext);

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 * as React from 'react';\nimport { useContext, useState, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\nimport API from 'api/BookingAPI';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { FullPageEngineContext } from '@frontend/contexts';\n\nimport { useCurrentHotel } from '@frontend/hooks';\n\nimport StepAddon from 'pages/steps/StepAddon/StepAddon';\nimport StepConfirmation from 'pages/steps/StepConfirmation/StepConfirmation';\nimport StepRoom from 'pages/steps/StepRoom/StepRoom';\nimport { Translation } from 'translations/Translation';\nimport DataLayer from 'util/DataLayer';\nimport ScreenSize from 'util/ScreenSize';\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';\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\n    const history = useHistory();\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                history.push(StepRoom.getStepUrl());\n                break;\n            case StepConfirmation:\n                history.push(StepRoom.getStepUrl());\n                break;\n        }\n\n        if (basketContext.selectedBasketRow) {\n            API.Availability.invalidateAvailability(basketContext.selectedBasketRow, hotel.hotelID);\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={true}>\n            <div className=\"u-pad--heavy inactivity-window\">\n                <div className=\"u-marg-bottom--heavy\">\n                    <Headline bold={true}>{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={true}>\n                            {t(Translation.Step.Room.NoThanks)}\n                        </BEButton>\n                    </div>\n                    <div className=\"u-w-100\">\n                        <BEButton onClick={onReset} wide={true} filled={true} primary={true}>\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":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useState, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\nimport API from '@/api/BookingAPI';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport { FullPageEngineContext } from '@frontend/contexts';\n\nimport { useCurrentHotel } from '@frontend/hooks';\n\nimport StepAddon from '@/pages/steps/StepAddon/StepAddon';\nimport StepConfirmation from '@/pages/steps/StepConfirmation/StepConfirmation';\nimport StepRoom from '@/pages/steps/StepRoom/StepRoom';\nimport { Translation } from 'translations/Translation';\nimport DataLayer from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\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';\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\n    const history = useHistory();\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                history.push(StepRoom.getStepUrl());\n                break;\n            case StepConfirmation:\n                history.push(StepRoom.getStepUrl());\n                break;\n        }\n\n        if (basketContext.selectedBasketRow) {\n            API.Availability.invalidateAvailability(basketContext.selectedBasketRow, hotel.hotelID);\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={true}>\n            <div className=\"u-pad--heavy inactivity-window\">\n                <div className=\"u-marg-bottom--heavy\">\n                    <Headline bold={true}>{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={true}>\n                            {t(Translation.Step.Room.NoThanks)}\n                        </BEButton>\n                    </div>\n                    <div className=\"u-w-100\">\n                        <BEButton onClick={onReset} wide={true} filled={true} primary={true}>\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/LargeRoomCard.d.ts

@@ -1,4 +1,4 @@
-import { RoomRate } from 'models/Room/RoomRate';
+import { RoomRate } from '@/models/Room/RoomRate';
 interface Props {
     rate: RoomRate;
     selectedRate: RoomRate;

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

@@ -31,15 +31,15 @@ const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const hooks_1 = require("@frontend/hooks");
 const Translation_1 = require("translations/Translation");
-const Color_1 = require("util/Color");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const Tooltip_1 = __importDefault(require("components/generic/Tooltip/Tooltip"));
-const Currency_1 = __importDefault(require("components/generic/Currency"));
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const Text_1 = __importStar(require("components/generic/Text"));
-const ImageGallerySlider_1 = __importDefault(require("components/steps/room/ImageGallerySlider"));
+const Color_1 = require("@/util/Color");
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const Tooltip_1 = __importDefault(require("@/components/generic/Tooltip/Tooltip"));
+const Currency_1 = __importDefault(require("@/components/generic/Currency"));
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const ImageGallerySlider_1 = __importDefault(require("@/components/steps/room/ImageGallerySlider"));
 const contexts_1 = require("@frontend/contexts");
 const LargeRoomCard = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;

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 * as React from 'react';\nimport { useContext } from 'react';\n\nimport { useTranslation } from 'react-i18next';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { RoomRate } from 'models/Room/RoomRate';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport ScreenSize from 'util/ScreenSize';\nimport BEButton from 'components/generic/BEButton';\nimport Tooltip from 'components/generic/Tooltip/Tooltip';\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 ImageGallerySlider from 'components/steps/room/ImageGallerySlider';\nimport { BookingEngineContext } from '@frontend/contexts';\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 perksFree = hotel.perks.slice(0, 4);\n\n    const extraRoomData = hotel.rooms[props.rate?.getRoom().code];\n    const roomSize = hotel?.overwrites?.[props.rate?.getRoom().code];\n    const trimmedDescription = props.rate?.getRoom().getShortDescription();\n\n    const updateRate = () => {\n        props.onSelectRate();\n    };\n\n    const roomInfo = [\n        {\n            icon: IconType.People,\n            text: `Sleeps ${extraRoomData?.maxOccupancy}`,\n        },\n        {\n            icon: IconType.Bed,\n            text: `${extraRoomData?.bedType} ${extraRoomData?.bedQuantity}`,\n        },\n        {\n            icon: IconType.RoomSize,\n            text: roomSize?.RoomDimensions,\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={true}>{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                <Text className=\"u-marg-bottom\" bold={true} 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                        {perksFree?.map((perk) => {\n                            const isAllPerksOpened = beContext.screenSize < ScreenSize.ExtraLarge;\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>{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon} backgroundColor={Color.Snow} />}</div>\n                                    </Tooltip>\n                                    <div className={`u-marg-left u-marg-right ${isAllPerksOpened ? '' : 'u-none'}`}>\n                                        <Text type={TextType.Small}>{perk.name}</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={true}>\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={true}>\n                            <span className=\"u-flex align-items-center\">\n                                +<Currency hideDecimals={true}>{props.rate?.getAveragePrice() - props.selectedRate?.getAveragePrice()}</Currency>\n                            </span>\n                        </Headline>\n                        <Text color={Color.DarkGrey} inline={true}>\n                            /{t(Translation.Misc.Night)}\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom\">\n                        <Text type={TextType.Small} color={Color.Grey} inline={true} 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={true} filled={true} wide={true}>\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 * as React from 'react';\nimport { useContext } from 'react';\n\nimport { useTranslation } from 'react-i18next';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { RoomRate } from '@/models/Room/RoomRate';\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport BEButton from '@/components/generic/BEButton';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\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 ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { BookingEngineContext } from '@frontend/contexts';\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 perksFree = hotel.perks.slice(0, 4);\n\n    const extraRoomData = hotel.rooms[props.rate?.getRoom().code];\n    const roomSize = hotel?.overwrites?.[props.rate?.getRoom().code];\n    const trimmedDescription = props.rate?.getRoom().getShortDescription();\n\n    const updateRate = () => {\n        props.onSelectRate();\n    };\n\n    const roomInfo = [\n        {\n            icon: IconType.People,\n            text: `Sleeps ${extraRoomData?.maxOccupancy}`,\n        },\n        {\n            icon: IconType.Bed,\n            text: `${extraRoomData?.bedType} ${extraRoomData?.bedQuantity}`,\n        },\n        {\n            icon: IconType.RoomSize,\n            text: roomSize?.RoomDimensions,\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={true}>{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                <Text className=\"u-marg-bottom\" bold={true} 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                        {perksFree?.map((perk) => {\n                            const isAllPerksOpened = beContext.screenSize < ScreenSize.ExtraLarge;\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>{perk.iconElement ? perk.iconElement : <Icon icon={perk.icon} backgroundColor={Color.Snow} />}</div>\n                                    </Tooltip>\n                                    <div className={`u-marg-left u-marg-right ${isAllPerksOpened ? '' : 'u-none'}`}>\n                                        <Text type={TextType.Small}>{perk.name}</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={true}>\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={true}>\n                            <span className=\"u-flex align-items-center\">\n                                +<Currency hideDecimals={true}>{props.rate?.getAveragePrice() - props.selectedRate?.getAveragePrice()}</Currency>\n                            </span>\n                        </Headline>\n                        <Text color={Color.DarkGrey} inline={true}>\n                            /{t(Translation.Misc.Night)}\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom\">\n                        <Text type={TextType.Small} color={Color.Grey} inline={true} 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={true} filled={true} wide={true}>\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/MemberSignInModal/MemberSignInModal.js

@@ -46,28 +46,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const SimpleModal_1 = __importStar(require("components/generic/modal/SimpleModal"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const Color_1 = require("util/Color");
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const Text_1 = __importStar(require("components/generic/Text"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const SimpleModal_1 = __importStar(require("@/components/generic/modal/SimpleModal"));
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
+const Color_1 = require("@/util/Color");
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const TextBox_1 = __importDefault(require("components/generic/TextBox"));
+const TextBox_1 = __importDefault(require("@/components/generic/TextBox"));
 const react_hook_form_1 = require("react-hook-form");
-const BookingAPI_1 = __importDefault(require("api/BookingAPI"));
+const BookingAPI_1 = __importDefault(require("@/api/BookingAPI"));
 const ErrorContext_1 = require("contexts/ErrorContext");
 const contexts_1 = require("@frontend/contexts");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
 const Sentry = __importStar(require("@sentry/browser"));
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
 const hooks_1 = require("@frontend/hooks");
 const contexts_2 = require("@frontend/contexts");
-const InputGroup_1 = __importDefault(require("components/generic/InputGroup/InputGroup"));
-const RoomstayThemeEngine_1 = __importDefault(require("providers/RoomstayThemeEngine"));
-const Validation_1 = require("util/Validation");
+const InputGroup_1 = __importDefault(require("@/components/generic/InputGroup/InputGroup"));
+const RoomstayThemeEngine_1 = __importDefault(require("@/providers/RoomstayThemeEngine"));
+const Validation_1 = require("@/util/Validation");
 const MemberOnlyModalDefaultInputs = {
     Lines: [
         {

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

@@ -1 +1 @@
-{"version":3,"file":"MemberSignInModal.js","sourceRoot":"/","sources":["src/components/steps/room/MemberSignInModal/MemberSignInModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import SimpleModal, { SimpleModalSize } from 'components/generic/modal/SimpleModal';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\nimport Headline from 'components/generic/Headline';\nimport Text, { TextType } from 'components/generic/Text';\nimport BEButton from 'components/generic/BEButton';\nimport * as React from 'react';\nimport { useContext, useState, useEffect, useRef } from 'react';\nimport TextBox from 'components/generic/TextBox';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport API from 'api/BookingAPI';\nimport { ErrorHandler } from 'contexts/ErrorContext';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from 'util/ScreenSize';\nimport * as Sentry from '@sentry/browser';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCurrentHotel } from '@frontend/hooks';\n\nimport { CompanyContext } from '@frontend/contexts';\nimport InputGroup from 'components/generic/InputGroup/InputGroup';\nimport { MemberOnlyModalInputs } from 'components/steps/room/MemberSignInModal/MemberSignInModal.types';\nimport RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\nimport { EMAIL_REGEX } from 'util/Validation';\n\ninterface MemberSignInModalProps {\n    onClose?: () => void;\n    isOpen?: boolean;\n}\n\nconst MemberOnlyModalDefaultInputs: MemberOnlyModalInputs = {\n    Lines: [\n        {\n            Dimension: '2/2',\n            Inputs: [\n                {\n                    name: 'FirstName',\n                    type: 'TextBox',\n                    placeholder: 'First Name',\n                    isRequired: true,\n                },\n                {\n                    name: 'LastName',\n                    type: 'TextBox',\n                    placeholder: 'Last Name',\n                    isRequired: true,\n                },\n            ],\n        },\n        {\n            Dimension: '1',\n            Inputs: [\n                {\n                    name: 'Email',\n                    type: 'TextBox',\n                    placeholder: 'Email Address',\n                    isRequired: true,\n                    validate: (input: string) => {\n                        if (!input.match(EMAIL_REGEX)) {\n                            return 'Invalid Email Address';\n                        }\n                        return true;\n                    },\n                },\n            ],\n        },\n    ],\n};\n\nexport default function MemberSignInModal(props: MemberSignInModalProps) {\n    const { t } = useTranslation();\n\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [showErrors, setShowErrors] = useState(false);\n\n    const [captchaScriptLoaded, setCaptchaScriptLoaded] = useState(false);\n    const [captchaRendered, setCaptchaRendered] = useState(false);\n    const [reCaptchaSecret, setReCaptchaSecret] = useState<string>();\n    const [captchaError, setCaptchaError] = useState<string>();\n\n    const captchaRef = useRef(null);\n\n    const shouldLoadCaptcha = !!hotel?.googleReCaptcha?.loadForMembers && !!hotel?.googleReCaptcha?.siteKey;\n\n    useEffect(() => {\n        let cancelled = false;\n\n        if (shouldLoadCaptcha) {\n            RoomstayThemeEngine.loadScript('https://www.google.com/recaptcha/api.js', 'Google ReCaptcha').then(() => {\n                try {\n                    /** @ts-ignore */\n                    window.grecaptcha.ready(() => {\n                        if (!cancelled) {\n                            setCaptchaScriptLoaded(true);\n                        }\n                    });\n                } catch (ex) {\n                    console.log('Captcha loaded too quickly, will try again');\n                }\n            });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [hotel]);\n\n    useEffect(() => {\n        if (shouldLoadCaptcha && captchaScriptLoaded && captchaRef?.current && !captchaRendered && props.isOpen) {\n            try {\n                setTimeout(() => {\n                    const captchaCallback = (secret: string) => {\n                        setReCaptchaSecret(secret);\n                        setCaptchaError(undefined);\n                    };\n\n                    /** @ts-ignore */\n                    window.grecaptcha.render(captchaRef.current, {\n                        sitekey: hotel.googleReCaptcha.siteKey,\n                        callback: captchaCallback,\n                    });\n\n                    setCaptchaRendered(true);\n                }, 5);\n            } catch (ex) {\n                console.log(ex);\n\n                Sentry.captureException(ex);\n            }\n        }\n    }, [props.isOpen, captchaScriptLoaded, captchaRef, captchaRef?.current, captchaRendered]);\n\n    useEffect(() => {\n        if (!props.isOpen) {\n            setReCaptchaSecret(null);\n            setCaptchaError(null);\n            setCaptchaRendered(false);\n        }\n    }, [props.isOpen]);\n\n    const getValidationClass = (name: string) => {\n        if (errors && (formState.touchedFields[name] || showErrors)) {\n            if (errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        } else {\n            return null;\n        }\n    };\n\n    const methods = useForm({\n        mode: 'onChange',\n    });\n\n    const { formState, register } = methods;\n    const errors = methods.formState.errors;\n\n    const onSubmit = async () => {\n        if (shouldLoadCaptcha && (!reCaptchaSecret || reCaptchaSecret === '')) {\n            setCaptchaError(t(Translation.MemberOnlyPopup.Errors.ReCaptcha.PleaseTick));\n            return;\n        }\n\n        await signUpMember();\n    };\n\n    const signUpMember = async () => {\n        setIsLoading(true);\n        const { FirstName, LastName, Email, ...extra } = methods.getValues();\n\n        if (!FirstName || !LastName || !Email) {\n            setIsLoading(false);\n            ErrorHandler.add({\n                title: 'Required fields in the Member Signup are missing.',\n                message: 'First Name, Last Name, and Email Mandatory Fields, make sure that these fields are present to avoid loss of data.',\n            });\n\n            return;\n        }\n\n        try {\n            const extraFields = Object.keys(extra).map((extraFieldKey: string) => {\n                return { name: extraFieldKey, value: extra[extraFieldKey] };\n            });\n\n            const response = await API.Member.addMember(FirstName, LastName, Email, extraFields, hotel.hotelID, reCaptchaSecret);\n\n            if (response.error) {\n                setCaptchaError(t(Translation.MemberOnlyPopup.Errors.ReCaptcha.ValidationError));\n            } else {\n                ccx.signUserIn(Email);\n\n                if (hotel?.memberOnlyPromoCode && !ccx.memberOnlyModalPromotion?.memberOnlyDisableDefaultPromo) {\n                    basketContext.currentBasketRows?.forEach((row) => {\n                        row.setPromoCode(hotel?.memberOnlyPromoCode);\n                        basketContext.updateBasketRow(row);\n                    });\n                }\n            }\n        } catch (e) {\n            ErrorHandler.add({\n                title: t(Translation.MemberOnlyPopup.Errors.SignupFailed.Title),\n                message: t(Translation.MemberOnlyPopup.Errors.SignupFailed.Message),\n            });\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const modalInputs: MemberOnlyModalInputs = hotel?.memberOnlySignupInputs ?? MemberOnlyModalDefaultInputs;\n\n    const loadingOnClose = () => {\n        setIsLoading(false);\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n    const buttonOnClickHandler = async () => {\n        await methods.handleSubmit(onSubmit)();\n        setShowErrors(true);\n\n        return false;\n    };\n\n    const modalTitle =\n        ccx?.memberOnlyModalPromotion?.memberOnlyModalTitle ??\n        t(Translation.MemberOnlyPopup.Headline, {\n            companyShort: ccx?.companyShort,\n        });\n\n    const modalSubtitle = ccx?.memberOnlyModalPromotion?.memberOnlyModalSubtitle ?? t(Translation.MemberOnlyPopup.Subtitle);\n\n    const modalButtonText = ccx?.memberOnlyModalPromotion?.memberOnlyModalButtonText ?? t(Translation.MemberOnlyPopup.SubmitButtonText);\n    const modalLeadImage = ccx?.memberOnlyModalPromotion?.memberOnlyModalImage ?? hotel?.heroImage;\n\n    return (\n        <SimpleModal open={props.isOpen} onClose={loadingOnClose} size={SimpleModalSize.Normal} alignCenter={true}>\n            <div className=\"row\">\n                <div\n                    className=\"col-md-6 u-mh-none\"\n                    style={{\n                        background: 'url(\"' + modalLeadImage + '\")',\n                        backgroundRepeat: 'no-repeat',\n                        backgroundPosition: 'center',\n                        backgroundSize: 'cover',\n                    }}\n                />\n                <div className=\"col-md-6\">\n                    <div className=\"u-pad u-pad-heavy@m-\">\n                        <div className=\"u-marg-bottom-half\">\n                            <Icon icon={IconType.Money} size=\"24px\" color={Color.Success} backgroundColor={Color.SuccessTint} />\n                        </div>\n                        <div className=\"u-marg-bottom-half\">\n                            <Headline bold={true} color={Color.Success}>\n                                <div\n                                    style={{ color: Color.Success }}\n                                    dangerouslySetInnerHTML={{\n                                        __html: modalTitle,\n                                    }}\n                                ></div>\n                            </Headline>\n                        </div>\n                        <div className=\"u-marg-bottom\">\n                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                <span dangerouslySetInnerHTML={{ __html: modalSubtitle }}></span>\n                            </Text>\n                        </div>\n                        <FormProvider {...methods}>\n                            <div>\n                                {modalInputs.Lines.map((inputLine, lineIndex) => {\n                                    return (\n                                        <InputGroup dimensions={inputLine.Dimension} key={lineIndex}>\n                                            {inputLine.Inputs.map((input, inputIndex) => {\n                                                switch (input.type) {\n                                                    case 'TextBox':\n                                                        return (\n                                                            <TextBox\n                                                                key={inputIndex}\n                                                                wide={true}\n                                                                placeholder={input.placeholder}\n                                                                required={input.isRequired}\n                                                                validationStatus={getValidationClass(input.name)}\n                                                                {...register(input.name, {\n                                                                    required: input.isRequired,\n                                                                    validate: input.validate,\n                                                                })}\n                                                            />\n                                                        );\n                                                }\n                                            })}\n                                        </InputGroup>\n                                    );\n                                })}\n                            </div>\n                            <div className=\"u-marg-top--light\" style={{ marginBottom: '45px' }}>\n                                {captchaScriptLoaded && (\n                                    <>\n                                        {captchaError && (\n                                            <Text type={TextType.Label} color={Color.Alert}>\n                                                {captchaError}\n                                            </Text>\n                                        )}\n                                        <div ref={captchaRef} className=\"u-marg-bottom\"></div>\n                                    </>\n                                )}\n                                <BEButton\n                                    size=\"normal\"\n                                    filled={true}\n                                    success={true}\n                                    isLoading={isLoading}\n                                    stopIconAnimation={true}\n                                    icon={context.screenSize > ScreenSize.Mobile ? IconType.ArrowRight : null}\n                                    onClick={buttonOnClickHandler}\n                                >\n                                    {modalButtonText}\n                                </BEButton>\n                            </div>\n                        </FormProvider>\n                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                            <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.AgreeToReceiveDeals, { companyShort: ccx?.companyShort }) }}></span>\n                        </Text>{' '}\n                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                            <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.UnsubscribeAnytime) }}></span>\n                        </Text>\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"MemberSignInModal.js","sourceRoot":"/","sources":["src/components/steps/room/MemberSignInModal/MemberSignInModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport BEButton from '@/components/generic/BEButton';\nimport * as React from 'react';\nimport { useContext, useState, useEffect, useRef } from 'react';\nimport TextBox from '@/components/generic/TextBox';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport API from '@/api/BookingAPI';\nimport { ErrorHandler } from 'contexts/ErrorContext';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\nimport * as Sentry from '@sentry/browser';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCurrentHotel } from '@frontend/hooks';\n\nimport { CompanyContext } from '@frontend/contexts';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport { MemberOnlyModalInputs } from '@/components/steps/room/MemberSignInModal/MemberSignInModal.types';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { EMAIL_REGEX } from '@/util/Validation';\n\ninterface MemberSignInModalProps {\n    onClose?: () => void;\n    isOpen?: boolean;\n}\n\nconst MemberOnlyModalDefaultInputs: MemberOnlyModalInputs = {\n    Lines: [\n        {\n            Dimension: '2/2',\n            Inputs: [\n                {\n                    name: 'FirstName',\n                    type: 'TextBox',\n                    placeholder: 'First Name',\n                    isRequired: true,\n                },\n                {\n                    name: 'LastName',\n                    type: 'TextBox',\n                    placeholder: 'Last Name',\n                    isRequired: true,\n                },\n            ],\n        },\n        {\n            Dimension: '1',\n            Inputs: [\n                {\n                    name: 'Email',\n                    type: 'TextBox',\n                    placeholder: 'Email Address',\n                    isRequired: true,\n                    validate: (input: string) => {\n                        if (!input.match(EMAIL_REGEX)) {\n                            return 'Invalid Email Address';\n                        }\n                        return true;\n                    },\n                },\n            ],\n        },\n    ],\n};\n\nexport default function MemberSignInModal(props: MemberSignInModalProps) {\n    const { t } = useTranslation();\n\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [showErrors, setShowErrors] = useState(false);\n\n    const [captchaScriptLoaded, setCaptchaScriptLoaded] = useState(false);\n    const [captchaRendered, setCaptchaRendered] = useState(false);\n    const [reCaptchaSecret, setReCaptchaSecret] = useState<string>();\n    const [captchaError, setCaptchaError] = useState<string>();\n\n    const captchaRef = useRef(null);\n\n    const shouldLoadCaptcha = !!hotel?.googleReCaptcha?.loadForMembers && !!hotel?.googleReCaptcha?.siteKey;\n\n    useEffect(() => {\n        let cancelled = false;\n\n        if (shouldLoadCaptcha) {\n            RoomstayThemeEngine.loadScript('https://www.google.com/recaptcha/api.js', 'Google ReCaptcha').then(() => {\n                try {\n                    /** @ts-ignore */\n                    window.grecaptcha.ready(() => {\n                        if (!cancelled) {\n                            setCaptchaScriptLoaded(true);\n                        }\n                    });\n                } catch (ex) {\n                    console.log('Captcha loaded too quickly, will try again');\n                }\n            });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [hotel]);\n\n    useEffect(() => {\n        if (shouldLoadCaptcha && captchaScriptLoaded && captchaRef?.current && !captchaRendered && props.isOpen) {\n            try {\n                setTimeout(() => {\n                    const captchaCallback = (secret: string) => {\n                        setReCaptchaSecret(secret);\n                        setCaptchaError(undefined);\n                    };\n\n                    /** @ts-ignore */\n                    window.grecaptcha.render(captchaRef.current, {\n                        sitekey: hotel.googleReCaptcha.siteKey,\n                        callback: captchaCallback,\n                    });\n\n                    setCaptchaRendered(true);\n                }, 5);\n            } catch (ex) {\n                console.log(ex);\n\n                Sentry.captureException(ex);\n            }\n        }\n    }, [props.isOpen, captchaScriptLoaded, captchaRef, captchaRef?.current, captchaRendered]);\n\n    useEffect(() => {\n        if (!props.isOpen) {\n            setReCaptchaSecret(null);\n            setCaptchaError(null);\n            setCaptchaRendered(false);\n        }\n    }, [props.isOpen]);\n\n    const getValidationClass = (name: string) => {\n        if (errors && (formState.touchedFields[name] || showErrors)) {\n            if (errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        } else {\n            return null;\n        }\n    };\n\n    const methods = useForm({\n        mode: 'onChange',\n    });\n\n    const { formState, register } = methods;\n    const errors = methods.formState.errors;\n\n    const onSubmit = async () => {\n        if (shouldLoadCaptcha && (!reCaptchaSecret || reCaptchaSecret === '')) {\n            setCaptchaError(t(Translation.MemberOnlyPopup.Errors.ReCaptcha.PleaseTick));\n            return;\n        }\n\n        await signUpMember();\n    };\n\n    const signUpMember = async () => {\n        setIsLoading(true);\n        const { FirstName, LastName, Email, ...extra } = methods.getValues();\n\n        if (!FirstName || !LastName || !Email) {\n            setIsLoading(false);\n            ErrorHandler.add({\n                title: 'Required fields in the Member Signup are missing.',\n                message: 'First Name, Last Name, and Email Mandatory Fields, make sure that these fields are present to avoid loss of data.',\n            });\n\n            return;\n        }\n\n        try {\n            const extraFields = Object.keys(extra).map((extraFieldKey: string) => {\n                return { name: extraFieldKey, value: extra[extraFieldKey] };\n            });\n\n            const response = await API.Member.addMember(FirstName, LastName, Email, extraFields, hotel.hotelID, reCaptchaSecret);\n\n            if (response.error) {\n                setCaptchaError(t(Translation.MemberOnlyPopup.Errors.ReCaptcha.ValidationError));\n            } else {\n                ccx.signUserIn(Email);\n\n                if (hotel?.memberOnlyPromoCode && !ccx.memberOnlyModalPromotion?.memberOnlyDisableDefaultPromo) {\n                    basketContext.currentBasketRows?.forEach((row) => {\n                        row.setPromoCode(hotel?.memberOnlyPromoCode);\n                        basketContext.updateBasketRow(row);\n                    });\n                }\n            }\n        } catch (e) {\n            ErrorHandler.add({\n                title: t(Translation.MemberOnlyPopup.Errors.SignupFailed.Title),\n                message: t(Translation.MemberOnlyPopup.Errors.SignupFailed.Message),\n            });\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const modalInputs: MemberOnlyModalInputs = hotel?.memberOnlySignupInputs ?? MemberOnlyModalDefaultInputs;\n\n    const loadingOnClose = () => {\n        setIsLoading(false);\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n    const buttonOnClickHandler = async () => {\n        await methods.handleSubmit(onSubmit)();\n        setShowErrors(true);\n\n        return false;\n    };\n\n    const modalTitle =\n        ccx?.memberOnlyModalPromotion?.memberOnlyModalTitle ??\n        t(Translation.MemberOnlyPopup.Headline, {\n            companyShort: ccx?.companyShort,\n        });\n\n    const modalSubtitle = ccx?.memberOnlyModalPromotion?.memberOnlyModalSubtitle ?? t(Translation.MemberOnlyPopup.Subtitle);\n\n    const modalButtonText = ccx?.memberOnlyModalPromotion?.memberOnlyModalButtonText ?? t(Translation.MemberOnlyPopup.SubmitButtonText);\n    const modalLeadImage = ccx?.memberOnlyModalPromotion?.memberOnlyModalImage ?? hotel?.heroImage;\n\n    return (\n        <SimpleModal open={props.isOpen} onClose={loadingOnClose} size={SimpleModalSize.Normal} alignCenter={true}>\n            <div className=\"row\">\n                <div\n                    className=\"col-md-6 u-mh-none\"\n                    style={{\n                        background: 'url(\"' + modalLeadImage + '\")',\n                        backgroundRepeat: 'no-repeat',\n                        backgroundPosition: 'center',\n                        backgroundSize: 'cover',\n                    }}\n                />\n                <div className=\"col-md-6\">\n                    <div className=\"u-pad u-pad-heavy@m-\">\n                        <div className=\"u-marg-bottom-half\">\n                            <Icon icon={IconType.Money} size=\"24px\" color={Color.Success} backgroundColor={Color.SuccessTint} />\n                        </div>\n                        <div className=\"u-marg-bottom-half\">\n                            <Headline bold={true} color={Color.Success}>\n                                <div\n                                    style={{ color: Color.Success }}\n                                    dangerouslySetInnerHTML={{\n                                        __html: modalTitle,\n                                    }}\n                                ></div>\n                            </Headline>\n                        </div>\n                        <div className=\"u-marg-bottom\">\n                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                <span dangerouslySetInnerHTML={{ __html: modalSubtitle }}></span>\n                            </Text>\n                        </div>\n                        <FormProvider {...methods}>\n                            <div>\n                                {modalInputs.Lines.map((inputLine, lineIndex) => {\n                                    return (\n                                        <InputGroup dimensions={inputLine.Dimension} key={lineIndex}>\n                                            {inputLine.Inputs.map((input, inputIndex) => {\n                                                switch (input.type) {\n                                                    case 'TextBox':\n                                                        return (\n                                                            <TextBox\n                                                                key={inputIndex}\n                                                                wide={true}\n                                                                placeholder={input.placeholder}\n                                                                required={input.isRequired}\n                                                                validationStatus={getValidationClass(input.name)}\n                                                                {...register(input.name, {\n                                                                    required: input.isRequired,\n                                                                    validate: input.validate,\n                                                                })}\n                                                            />\n                                                        );\n                                                }\n                                            })}\n                                        </InputGroup>\n                                    );\n                                })}\n                            </div>\n                            <div className=\"u-marg-top--light\" style={{ marginBottom: '45px' }}>\n                                {captchaScriptLoaded && (\n                                    <>\n                                        {captchaError && (\n                                            <Text type={TextType.Label} color={Color.Alert}>\n                                                {captchaError}\n                                            </Text>\n                                        )}\n                                        <div ref={captchaRef} className=\"u-marg-bottom\"></div>\n                                    </>\n                                )}\n                                <BEButton\n                                    size=\"normal\"\n                                    filled={true}\n                                    success={true}\n                                    isLoading={isLoading}\n                                    stopIconAnimation={true}\n                                    icon={context.screenSize > ScreenSize.Mobile ? IconType.ArrowRight : null}\n                                    onClick={buttonOnClickHandler}\n                                >\n                                    {modalButtonText}\n                                </BEButton>\n                            </div>\n                        </FormProvider>\n                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                            <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.AgreeToReceiveDeals, { companyShort: ccx?.companyShort }) }}></span>\n                        </Text>{' '}\n                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                            <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.UnsubscribeAnytime) }}></span>\n                        </Text>\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/components/steps/room/MemberSignInModal/MemberSignInModal.types.d.ts

@@ -1,4 +1,4 @@
-import type { InputGroupDimensions } from 'components/generic/InputGroup/InputGroup.types';
+import type { InputGroupDimensions } from '@/components/generic/InputGroup/InputGroup.types';
 export interface MemberOnlyModalInputs {
     Lines: {
         Dimension: InputGroupDimensions;

package/dist/src/components/steps/room/MemberSignInModal/MemberSignInModal.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"MemberSignInModal.types.js","sourceRoot":"/","sources":["src/components/steps/room/MemberSignInModal/MemberSignInModal.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { InputGroupDimensions } from 'components/generic/InputGroup/InputGroup.types';\n\nexport interface MemberOnlyModalInputs {\n    Lines: {\n        Dimension: InputGroupDimensions;\n        Inputs: {\n            name: string;\n            type: 'TextBox';\n\n            placeholder?: string;\n\n            isRequired?: boolean;\n            validate?: (value: string) => string | boolean;\n        }[];\n    }[];\n}\n"]}
+{"version":3,"file":"MemberSignInModal.types.js","sourceRoot":"/","sources":["src/components/steps/room/MemberSignInModal/MemberSignInModal.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { InputGroupDimensions } from '@/components/generic/InputGroup/InputGroup.types';\n\nexport interface MemberOnlyModalInputs {\n    Lines: {\n        Dimension: InputGroupDimensions;\n        Inputs: {\n            name: string;\n            type: 'TextBox';\n\n            placeholder?: string;\n\n            isRequired?: boolean;\n            validate?: (value: string) => string | boolean;\n        }[];\n    }[];\n}\n"]}

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

@@ -29,22 +29,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BE_NO_ROOMS_FOUND_BLOCK = void 0;
 const contexts_1 = require("@frontend/contexts");
 const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
-const BookingAPI_1 = __importDefault(require("api/BookingAPI"));
-const Alert_1 = __importStar(require("components/generic/Alert"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const Icon_1 = require("components/generic/Icon/Icon");
-const SmallSpinner_1 = __importDefault(require("components/generic/loader/SmallSpinner"));
-const Text_1 = __importStar(require("components/generic/Text"));
-const CurrentHotelHook_1 = require("hooks/CurrentHotelHook");
-const DIProvider_1 = require("providers/DIProvider");
+const BookingAPI_1 = __importDefault(require("@/api/BookingAPI"));
+const Alert_1 = __importStar(require("@/components/generic/Alert"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Icon_1 = require("@/components/generic/Icon/Icon");
+const SmallSpinner_1 = __importDefault(require("@/components/generic/loader/SmallSpinner"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const CurrentHotelHook_1 = require("@/hooks/CurrentHotelHook");
+const DIProvider_1 = require("@/providers/DIProvider");
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
 const Translation_1 = require("translations/Translation");
-const Color_1 = require("util/Color");
-const StepManager_1 = __importDefault(require("util/StepManager"));
+const Color_1 = require("@/util/Color");
+const StepManager_1 = __importDefault(require("@/util/StepManager"));
 function OriginalNoRoomsFoundBlock() {
     const { hotel } = (0, CurrentHotelHook_1.useCurrentHotel)();
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);