@roomstay/frontend 2.1.2 → 2.1.3

package/dist/src/components/steps/confirmation/additionalOffers/AdditionalOffers.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalOffers.js","sourceRoot":"/","sources":["src/components/steps/confirmation/additionalOffers/AdditionalOffers.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useState } from 'react';\nimport AdditionalOffersColumn from '@/components/steps/confirmation/additionalOffers/AdditionalOffersColumn';\nimport { animated, useSpring } from '@react-spring/web';\nimport useMeasure from 'react-use-measure';\nimport { useDrag } from 'react-use-gesture';\nimport AdditionalOffersModal from '@/components/steps/confirmation/additionalOffers/AdditionalOffersModal';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport Headline from '@/components/generic/Headline';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport API from '@/api/BookingAPI';\nimport { BasketContext } from '@frontend/contexts';\nimport { Addon } from '@/models/Addon/Addon';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport Text from '@/components/generic/Text';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { CompanyContext } from '@frontend/contexts';\n\nexport default function AdditionalOffers() {\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const [{ x }, set] = useSpring(() => ({ x: 0 }));\n    const [ref, bounds] = useMeasure();\n    const { t } = useTranslation();\n\n    const [addons, setAddons] = React.useState<Addon[]>([]);\n    const [isModalOpen, setIsModalOpen] = useState(false);\n    const [selectedAddon, setSelectedAddon] = useState(null);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const [lastReleaseX, setLastReleaseX] = useState(0);\n    const [lastIndex, setLastIndex] = useState(0);\n\n    // -1 can't go back\n    // 0 default,\n    // 1 can't go forward;\n    const [buttonDisabled, setButtonDisabled] = useState(-1);\n\n    React.useEffect(() => {\n        let isCancelled = false;\n\n        const rows = basketContext.getAllValidRows();\n\n        setIsLoading(true);\n        API.Addons.findAddons(rows, hotel.hotelID).then((foundedAddons) => {\n            if (!isCancelled) {\n                setIsLoading(false);\n                setAddons(foundedAddons);\n            }\n        });\n\n        return () => {\n            setIsLoading(false);\n            isCancelled = true;\n        };\n    }, [ccx.currentLanguage]);\n\n    const cardWidth = 222;\n\n    const isScrollable = cardWidth * addons.length >= bounds.width;\n\n    const bind = useDrag(({ down, movement: [mx] }) => {\n        animateTrack(down, mx);\n    });\n\n    const animateTrack = (down: boolean, mx: number) => {\n        if (!isScrollable) return;\n\n        if (!down) {\n            const releasePosition = lastReleaseX + mx;\n            const maxX = (addons.length - 1) * cardWidth;\n\n            let restingLocation = 0;\n\n            if (releasePosition > 0) {\n                restingLocation = 0;\n                setButtonDisabled(-1);\n            } else if (releasePosition < -(maxX - bounds.width + cardWidth)) {\n                restingLocation = -(maxX - bounds.width + cardWidth);\n                setButtonDisabled(1);\n            } else {\n                const magic = -releasePosition / cardWidth;\n                const lastTempIndex = releasePosition % cardWidth > -cardWidth / 2 ? Math.floor(magic) : Math.ceil(magic);\n                restingLocation = -(lastTempIndex * cardWidth);\n\n                setLastIndex(lastTempIndex);\n                setButtonDisabled(0);\n            }\n\n            set({ x: restingLocation });\n\n            setLastReleaseX(restingLocation);\n        } else {\n            set({ x: lastReleaseX + mx * 1.5 });\n        }\n    };\n\n    const nextImage = () => {\n        animateTrack(false, -cardWidth);\n    };\n\n    const prevImage = () => {\n        animateTrack(false, cardWidth);\n    };\n\n    const closeModalOnClose = () => {\n        setIsModalOpen(false);\n    };\n\n    return (\n        <AutoAutoHeight open={(!isLoading && addons?.length !== 0) || hotel?.showAddonLoader}>\n            <div className=\"u-pad-bottom--heavy \">\n                <div className=\"u-marg-bottom\">\n                    <Headline bold={true}>{t(Translation.Step.Confirmation.AdditionalOfferings)}</Headline>\n                </div>\n                {isLoading && hotel?.showAddonLoader ? (\n                    <LargeLoader />\n                ) : addons?.length === 0 ? (\n                    <div>\n                        <Text color={Color.DarkGrey}>Sorry, there are currently no additional offerings available.</Text>\n                    </div>\n                ) : (\n                    <div className={'additional-offers' + (addons.length > 2 ? '' : ' --wide')} ref={ref}>\n                        {isScrollable && (\n                            <div className=\"additional-offers--navigation\">\n                                <Icon\n                                    icon={IconType.ArrowLeft2}\n                                    onClick={prevImage}\n                                    color={buttonDisabled === -1 ? Color.DarkGrey : Color.White}\n                                    backgroundColor={Color.Navy}\n                                    borderRadius=\"round\"\n                                    size=\"24px\"\n                                />\n                                <Icon\n                                    icon={IconType.ArrowRight2}\n                                    onClick={nextImage}\n                                    color={buttonDisabled === 1 ? Color.DarkGrey : Color.White}\n                                    backgroundColor={Color.Navy}\n                                    borderRadius=\"round\"\n                                    size=\"24px\"\n                                />\n                            </div>\n                        )}\n                        <div className=\"additional-offers--track-container\">\n                            <animated.div className=\"additional-offers--track\" {...bind()} style={{ left: x }}>\n                                {addons.map((addon: Addon, index: number) => {\n                                    const onCardClickedHandler = () => {\n                                        setIsModalOpen(true);\n                                        setSelectedAddon(addon);\n                                    };\n                                    return <AdditionalOffersColumn selected={!!basketContext.getRowForAddon(addon)} key={index} addon={addon} cardClicked={onCardClickedHandler} />;\n                                })}\n                            </animated.div>\n                        </div>\n                    </div>\n                )}\n                <AdditionalOffersModal\n                    isOpen={isModalOpen && !!selectedAddon}\n                    addon={selectedAddon}\n                    basketAddonRow={basketContext.getRowForAddon(selectedAddon)}\n                    onClose={closeModalOnClose}\n                />\n            </div>\n        </AutoAutoHeight>\n    );\n}\n"]}
+{"version":3,"file":"AdditionalOffers.js","sourceRoot":"/","sources":["src/components/steps/confirmation/additionalOffers/AdditionalOffers.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useState } from 'react';\nimport AdditionalOffersColumn from '@/components/steps/confirmation/additionalOffers/AdditionalOffersColumn';\nimport { animated, useSpring } from '@react-spring/web';\nimport useMeasure from 'react-use-measure';\nimport { useDrag } from 'react-use-gesture';\nimport AdditionalOffersModal from '@/components/steps/confirmation/additionalOffers/AdditionalOffersModal';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport Headline from '@/components/generic/Headline';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport API from '@/api/BookingAPI';\nimport { BasketContext } from '@frontend/contexts';\nimport { Addon } from '@/models/Addon/Addon';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport Text from '@/components/generic/Text';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { CompanyContext } from '@frontend/contexts';\n\nexport default function AdditionalOffers() {\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const [{ x }, set] = useSpring(() => ({ x: 0 }));\n    const [ref, bounds] = useMeasure();\n    const { t } = useTranslation();\n\n    const [addons, setAddons] = React.useState<Addon[]>([]);\n    const [isModalOpen, setIsModalOpen] = useState(false);\n    const [selectedAddon, setSelectedAddon] = useState(null);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const [lastReleaseX, setLastReleaseX] = useState(0);\n    const [lastIndex, setLastIndex] = useState(0);\n\n    // -1 can't go back\n    // 0 default,\n    // 1 can't go forward;\n    const [buttonDisabled, setButtonDisabled] = useState(-1);\n\n    React.useEffect(() => {\n        let isCancelled = false;\n\n        const rows = basketContext.getAllValidRows();\n\n        setIsLoading(true);\n        API.Addons.findAddons(rows, hotel.hotelID).then((foundedAddons) => {\n            if (!isCancelled) {\n                setIsLoading(false);\n                setAddons(foundedAddons);\n            }\n        });\n\n        return () => {\n            setIsLoading(false);\n            isCancelled = true;\n        };\n    }, [ccx.currentLanguage]);\n\n    const cardWidth = 222;\n\n    const isScrollable = cardWidth * addons.length >= bounds.width;\n\n    const bind = useDrag(({ down, movement: [mx] }) => {\n        animateTrack(down, mx);\n    });\n\n    const animateTrack = (down: boolean, mx: number) => {\n        if (!isScrollable) return;\n\n        if (!down) {\n            const releasePosition = lastReleaseX + mx;\n            const maxX = (addons.length - 1) * cardWidth;\n\n            let restingLocation = 0;\n\n            if (releasePosition > 0) {\n                restingLocation = 0;\n                setButtonDisabled(-1);\n            } else if (releasePosition < -(maxX - bounds.width + cardWidth)) {\n                restingLocation = -(maxX - bounds.width + cardWidth);\n                setButtonDisabled(1);\n            } else {\n                const magic = -releasePosition / cardWidth;\n                const lastTempIndex = releasePosition % cardWidth > -cardWidth / 2 ? Math.floor(magic) : Math.ceil(magic);\n                restingLocation = -(lastTempIndex * cardWidth);\n\n                setLastIndex(lastTempIndex);\n                setButtonDisabled(0);\n            }\n\n            set({ x: restingLocation });\n\n            setLastReleaseX(restingLocation);\n        } else {\n            set({ x: lastReleaseX + mx * 1.5 });\n        }\n    };\n\n    const nextImage = () => {\n        animateTrack(false, -cardWidth);\n    };\n\n    const prevImage = () => {\n        animateTrack(false, cardWidth);\n    };\n\n    const closeModalOnClose = () => {\n        setIsModalOpen(false);\n    };\n\n    return (\n        <AutoAutoHeight open={(!isLoading && addons?.length !== 0) || hotel?.showAddonLoader}>\n            <div className=\"u-pad-bottom--heavy \">\n                <div className=\"u-marg-bottom\">\n                    <Headline bold={true}>{t(Translation.Step.Confirmation.AdditionalOfferings)}</Headline>\n                </div>\n                {isLoading && hotel?.showAddonLoader ? (\n                    <LargeLoader />\n                ) : addons?.length === 0 ? (\n                    <div>\n                        <Text color={Color.DarkGrey}>Sorry, there are currently no additional offerings available.</Text>\n                    </div>\n                ) : (\n                    <div className={'additional-offers' + (addons.length > 2 ? '' : ' --wide')} ref={ref}>\n                        {isScrollable && (\n                            <div className=\"additional-offers--navigation\">\n                                <Icon\n                                    icon={IconType.ArrowLeft2}\n                                    onClick={prevImage}\n                                    color={buttonDisabled === -1 ? Color.DarkGrey : Color.White}\n                                    backgroundColor={Color.Navy}\n                                    borderRadius=\"round\"\n                                    size=\"24px\"\n                                />\n                                <Icon\n                                    icon={IconType.ArrowRight2}\n                                    onClick={nextImage}\n                                    color={buttonDisabled === 1 ? Color.DarkGrey : Color.White}\n                                    backgroundColor={Color.Navy}\n                                    borderRadius=\"round\"\n                                    size=\"24px\"\n                                />\n                            </div>\n                        )}\n                        <div className=\"additional-offers--track-container\">\n                            <animated.div className=\"additional-offers--track\" {...bind()} style={{ left: x }}>\n                                {addons.map((addon: Addon, index: number) => {\n                                    const onCardClickedHandler = () => {\n                                        setIsModalOpen(true);\n                                        setSelectedAddon(addon);\n                                    };\n                                    return <AdditionalOffersColumn selected={!!basketContext.getRowForAddon(addon)} key={index} addon={addon} cardClicked={onCardClickedHandler} />;\n                                })}\n                            </animated.div>\n                        </div>\n                    </div>\n                )}\n                <AdditionalOffersModal\n                    isOpen={isModalOpen && !!selectedAddon}\n                    addon={selectedAddon}\n                    basketAddonRow={basketContext.getRowForAddon(selectedAddon)}\n                    onClose={closeModalOnClose}\n                />\n            </div>\n        </AutoAutoHeight>\n    );\n}\n"]}

package/dist/src/components/steps/confirmation/additionalOffers/AdditionalOffersColumn.d.ts

@@ -1,4 +1,4 @@
-import { Addon } from '../../../../../models/Addon/Addon';
+import { Addon } from '../../../../models/Addon/Addon';
 export interface AdditionalOffersColumn {
     addon: Addon;
     cardClicked?: () => void;

package/dist/src/components/steps/confirmation/additionalOffers/AdditionalOffersColumn.js

@@ -24,9 +24,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Icon_1 = __importStar(require("../../../../../components/generic/Icon/Icon"));
-const Text_1 = __importStar(require("../../../../../components/generic/Text"));
-const Color_1 = require("../../../../../util/Color");
+const Icon_1 = __importStar(require("../../../generic/Icon/Icon"));
+const Text_1 = __importStar(require("../../../generic/Text"));
+const Color_1 = require("../../../../util/Color");
 function AdditionalOffersColumn(props) {
     const { addon } = props;
     const onCardClickHandler = () => {

package/dist/src/components/steps/confirmation/additionalOffers/AdditionalOffersModal.d.ts

@@ -1,5 +1,5 @@
-import { Addon } from '../../../../../models/Addon/Addon';
-import BasketAddonRow from '../../../../../models/BasketAddonRow';
+import { Addon } from '../../../../models/Addon/Addon';
+import BasketAddonRow from '../../../../models/BasketAddonRow';
 export interface AdditionalOffersModalProps {
     isOpen: boolean;
     addon: Addon;

package/dist/src/components/steps/confirmation/additionalOffers/AdditionalOffersModal.js

@@ -28,16 +28,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const SimpleModal_1 = __importStar(require("../../../../../components/generic/modal/SimpleModal"));
-const Headline_1 = __importDefault(require("../../../../../components/generic/Headline"));
-const Text_1 = __importStar(require("../../../../../components/generic/Text"));
-const NumberIncrement_1 = __importDefault(require("../../../../../components/generic/NumberIncrement"));
+const SimpleModal_1 = __importStar(require("../../../generic/modal/SimpleModal"));
+const Headline_1 = __importDefault(require("../../../generic/Headline"));
+const Text_1 = __importStar(require("../../../generic/Text"));
+const NumberIncrement_1 = __importDefault(require("../../../generic/NumberIncrement"));
 const react_i18next_1 = require("react-i18next");
-const BEButton_1 = __importDefault(require("../../../../../components/generic/BEButton"));
-const Currency_1 = __importDefault(require("../../../../../components/generic/Currency"));
-const contexts_1 = require("../../../../../contexts/index.js");
-const Color_1 = require("../../../../../util/Color");
-const Select_1 = require("../../../../../components/generic/Select/Select");
+const BEButton_1 = __importDefault(require("../../../generic/BEButton"));
+const Currency_1 = __importDefault(require("../../../generic/Currency"));
+const contexts_1 = require("../../../../contexts/index.js");
+const Color_1 = require("../../../../util/Color");
+const Select_1 = require("../../../generic/Select/Select");
 function AdditionalOffersModal(props) {
     var _a;
     const { addon } = props;

package/dist/src/components/steps/date/PeoplePicker.js

@@ -28,15 +28,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const React = __importStar(require("react"));
-const BasketRow_1 = __importDefault(require("../../../../models/BasketRow"));
-const PeoplePickerRow_1 = __importDefault(require("../../../../components/steps/date/PeoplePickerRow"));
-const Icon_1 = require("../../../../components/generic/Icon/Icon");
-const BEButton_1 = __importDefault(require("../../../../components/generic/BEButton"));
-const contexts_1 = require("../../../../contexts/index.js");
+const BasketRow_1 = __importDefault(require("../../../models/BasketRow"));
+const PeoplePickerRow_1 = __importDefault(require("./PeoplePickerRow"));
+const Icon_1 = require("../../generic/Icon/Icon");
+const BEButton_1 = __importDefault(require("../../generic/BEButton"));
+const contexts_1 = require("../../../contexts/index.js");
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
-const DataLayer_1 = __importStar(require("../../../../util/DataLayer"));
-const PromoCodeInput_1 = __importDefault(require("../../../../components/generic/PromoCodeInput"));
+const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
+const PromoCodeInput_1 = __importDefault(require("../../generic/PromoCodeInput"));
 function PeoplePicker() {
     var _a, _b;
     const context = (0, react_1.useContext)(contexts_1.BasketContext);

package/dist/src/components/steps/date/PeoplePickerRow.js

@@ -29,14 +29,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
-const NumberIncrement_1 = __importDefault(require("../../../../components/generic/NumberIncrement"));
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
-const Icon_1 = __importStar(require("../../../../components/generic/Icon/Icon"));
-const Color_1 = require("../../../../util/Color");
+const NumberIncrement_1 = __importDefault(require("../../generic/NumberIncrement"));
+const Text_1 = __importStar(require("../../generic/Text"));
+const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
+const Color_1 = require("../../../util/Color");
 const react_1 = require("react");
 const web_1 = require("@react-spring/web");
-const LineBreak_1 = __importDefault(require("../../../../components/generic/LineBreak"));
-const hooks_1 = require("../../../../hooks/index.js");
+const LineBreak_1 = __importDefault(require("../../generic/LineBreak"));
+const hooks_1 = require("../../../hooks/index.js");
 function PeoplePickerRow(pickerProps) {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { adults, children } = pickerProps.details;

package/dist/src/components/steps/date/StepDatePricePerRoom.js

@@ -27,18 +27,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
-const TextAlignment_1 = require("../../../../util/TextAlignment");
-const Color_1 = require("../../../../util/Color");
+const Text_1 = __importStar(require("../../generic/Text"));
+const TextAlignment_1 = require("../../../util/TextAlignment");
+const Color_1 = require("../../../util/Color");
 const Translation_1 = require("translations/Translation");
-const Headline_1 = __importDefault(require("../../../../components/generic/Headline"));
-const Currency_1 = __importDefault(require("../../../../components/generic/Currency"));
+const Headline_1 = __importDefault(require("../../generic/Headline"));
+const Currency_1 = __importDefault(require("../../generic/Currency"));
 const react_i18next_1 = require("react-i18next");
 const react_1 = require("react");
-const contexts_1 = require("../../../../contexts/index.js");
-const BookingAPI_1 = __importDefault(require("../../../../api/BookingAPI"));
-const Icon_1 = __importStar(require("../../../../components/generic/Icon/Icon"));
-const hooks_1 = require("../../../../hooks/index.js");
+const contexts_1 = require("../../../contexts/index.js");
+const BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
+const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
+const hooks_1 = require("../../../hooks/index.js");
 function StepDatePricePerRoom(props) {
     const { t } = (0, react_i18next_1.useTranslation)();
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);

package/dist/src/components/steps/date/StepOneDateRange.js

@@ -28,11 +28,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const contexts_1 = require("../../../../contexts/index.js");
-const Headline_1 = __importDefault(require("../../../../components/generic/Headline"));
-const Color_1 = require("../../../../util/Color");
+const contexts_1 = require("../../../contexts/index.js");
+const Headline_1 = __importDefault(require("../../generic/Headline"));
+const Color_1 = require("../../../util/Color");
 const Translation_1 = require("translations/Translation");
-const Icon_1 = __importStar(require("../../../../components/generic/Icon/Icon"));
+const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
 const react_i18next_1 = require("react-i18next");
 function StepOneDateRange() {
     const context = (0, react_1.useContext)(contexts_1.BasketContext);

package/dist/src/components/steps/date/StepOneDateRangePicker.js

@@ -26,12 +26,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const DatePicker_1 = __importDefault(require("../../../../components/generic/date/DatePicker"));
+const DatePicker_1 = __importDefault(require("../../generic/date/DatePicker"));
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const ScreenSize_1 = __importDefault(require("../../../../util/ScreenSize"));
-const contexts_1 = require("../../../../contexts/index.js");
-const DataLayer_1 = __importStar(require("../../../../util/DataLayer"));
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
+const contexts_1 = require("../../../contexts/index.js");
+const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
 function StepOneDateRangePicker() {
     const context = (0, react_1.useContext)(contexts_1.BasketContext);
     const appContext = (0, react_1.useContext)(contexts_1.BookingEngineContext);

package/dist/src/components/steps/date/StepOneDateRangePickerLegend.js

@@ -27,12 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Color_1 = require("../../../../util/Color");
+const Color_1 = require("../../../util/Color");
 const Translation_1 = require("translations/Translation");
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
+const Text_1 = __importStar(require("../../generic/Text"));
 const react_i18next_1 = require("react-i18next");
-const RoomstayThemeEngine_1 = require("../../../../providers/RoomstayThemeEngine");
-const RoomstayThemeEngine_2 = __importDefault(require("../../../../providers/RoomstayThemeEngine"));
+const RoomstayThemeEngine_1 = require("../../../providers/RoomstayThemeEngine");
+const RoomstayThemeEngine_2 = __importDefault(require("../../../providers/RoomstayThemeEngine"));
 function StepOneDateRangePickerLegend() {
     const { t } = (0, react_i18next_1.useTranslation)();
     return (React.createElement("div", { className: "diji-calendar-legend u-marg-top u-marg-bottom" },

package/dist/src/components/steps/date/StepOneNextStepButton.js

@@ -35,14 +35,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const NextStepButton_1 = __importDefault(require("../../../../components/generic/buttons/NextStepButton"));
+const NextStepButton_1 = __importDefault(require("../../generic/buttons/NextStepButton"));
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
-const contexts_1 = require("../../../../contexts/index.js");
-const DataLayer_1 = __importStar(require("../../../../util/DataLayer"));
-const contexts_2 = require("../../../../contexts/index.js");
+const contexts_1 = require("../../../contexts/index.js");
+const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
+const contexts_2 = require("../../../contexts/index.js");
 function StepOneNextStepButton(props) {
     const { t } = (0, react_i18next_1.useTranslation)();
     const context = (0, react_1.useContext)(contexts_1.BasketContext);

package/dist/src/components/steps/date/StepOneStatusPeople.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const contexts_1 = require("../../../../contexts/index.js");
-const Text_1 = __importDefault(require("../../../../components/generic/Text"));
+const contexts_1 = require("../../../contexts/index.js");
+const Text_1 = __importDefault(require("../../generic/Text"));
 function StepOneStatusPeople() {
     const context = React.useContext(contexts_1.BasketContext);
     return (React.createElement("div", { className: "step-one-status--people" },

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

@@ -1,4 +1,4 @@
-import { Hotel } from '../../../../models/Client/Hotel/Hotel';
+import { Hotel } from '../../../models/Client/Hotel/Hotel';
 interface HotelCardProps {
     hotel: Hotel;
 }

package/dist/src/components/steps/hotel/HotelCard.js

@@ -39,21 +39,21 @@ const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 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 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("../../generic/BEButton"));
+const Currency_1 = __importDefault(require("../../generic/Currency"));
+const Headline_1 = __importDefault(require("../../generic/Headline"));
+const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
+const Text_1 = __importStar(require("../../generic/Text"));
+const ImageGallerySlider_1 = __importDefault(require("../room/ImageGallerySlider"));
 const react_router_dom_1 = require("react-router-dom");
-const Placeholder_1 = __importDefault(require("../../../../components/generic/Placeholder"));
-const HotelCardModal_1 = __importDefault(require("../../../../components/steps/hotel/HotelCardModal"));
-const contexts_1 = require("../../../../contexts/index.js");
-const Tooltip_1 = __importDefault(require("../../../../components/generic/Tooltip/Tooltip"));
-const SmallSpinner_1 = __importDefault(require("../../../../components/generic/loader/SmallSpinner"));
-const StepRoom_1 = __importDefault(require("../../../../pages/steps/StepRoom/StepRoom"));
+const Placeholder_1 = __importDefault(require("../../generic/Placeholder"));
+const HotelCardModal_1 = __importDefault(require("./HotelCardModal"));
+const contexts_1 = require("../../../contexts/index.js");
+const Tooltip_1 = __importDefault(require("../../generic/Tooltip/Tooltip"));
+const SmallSpinner_1 = __importDefault(require("../../generic/loader/SmallSpinner"));
+const StepRoom_1 = __importDefault(require("../../../pages/steps/StepRoom/StepRoom"));
 const HotelCard = ({ hotel }) => {
     var _a, _b, _c;
     const beContext = (0, react_1.useContext)(contexts_1.BookingEngineContext);

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

@@ -1,4 +1,4 @@
-import { Hotel } from '../../../../models/Client/Hotel/Hotel';
+import { Hotel } from '../../../models/Client/Hotel/Hotel';
 export interface HotelCardListProps {
     hotelList: Hotel[];
 }

package/dist/src/components/steps/hotel/HotelCardList.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const HotelCard_1 = __importDefault(require("../../../../components/steps/hotel/HotelCard"));
-const NoHotelsAvailable_1 = __importDefault(require("../../../../components/steps/hotel/NoHotelsAvailable"));
+const HotelCard_1 = __importDefault(require("./HotelCard"));
+const NoHotelsAvailable_1 = __importDefault(require("./NoHotelsAvailable"));
 function HotelCardList({ hotelList }) {
     return (hotelList === null || hotelList === void 0 ? void 0 : hotelList.length) > 0 ? (React.createElement("div", { className: "row" }, hotelList.map((hotel, index) => {
         return (React.createElement("div", { key: `${hotel.hotelID}-${index}`, className: "col-md-4 u-marg-bottom--heavy" },

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

@@ -1,4 +1,4 @@
-import { Hotel } from '../../../../models/Client/Hotel/Hotel';
+import { Hotel } from '../../../models/Client/Hotel/Hotel';
 interface HotelCardModalProps {
     open: boolean;
     hotel: Hotel;

package/dist/src/components/steps/hotel/HotelCardModal.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 contexts_1 = require("../../../../contexts/index.js");
-const StepHotel_1 = __importDefault(require("../../../../pages/steps/StepHotel/StepHotel"));
+const contexts_1 = require("../../../contexts/index.js");
+const StepHotel_1 = __importDefault(require("../../../pages/steps/StepHotel/StepHotel"));
 const Translation_1 = require("translations/Translation");
-const Color_1 = require("../../../../util/Color");
-const StepManager_1 = __importDefault(require("../../../../util/StepManager"));
-const BEButton_1 = __importDefault(require("../../../../components/generic/BEButton"));
-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 LineBreak_1 = __importDefault(require("../../../../components/generic/LineBreak"));
-const SimpleModal_1 = __importStar(require("../../../../components/generic/modal/SimpleModal"));
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
-const TransportDistanceFromHotelBlock_1 = __importDefault(require("../../../../components/summary/TransportDistanceFromHotelBlock"));
-const ImageGallerySlider_1 = __importDefault(require("../../../../components/steps/room/ImageGallerySlider"));
+const Color_1 = require("../../../util/Color");
+const StepManager_1 = __importDefault(require("../../../util/StepManager"));
+const BEButton_1 = __importDefault(require("../../generic/BEButton"));
+const Currency_1 = __importDefault(require("../../generic/Currency"));
+const Headline_1 = __importDefault(require("../../generic/Headline"));
+const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
+const LineBreak_1 = __importDefault(require("../../generic/LineBreak"));
+const SimpleModal_1 = __importStar(require("../../generic/modal/SimpleModal"));
+const Text_1 = __importStar(require("../../generic/Text"));
+const TransportDistanceFromHotelBlock_1 = __importDefault(require("../../summary/TransportDistanceFromHotelBlock"));
+const ImageGallerySlider_1 = __importDefault(require("../room/ImageGallerySlider"));
 const HotelCardModal = (props) => {
     var _a;
     const hotel = props.hotel;

package/dist/src/components/steps/hotel/HotelSearchParameters.js

@@ -29,20 +29,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
-const contexts_1 = require("../../../../contexts/index.js");
+const contexts_1 = require("../../../contexts/index.js");
 const Translation_1 = require("translations/Translation");
-const Color_1 = require("../../../../util/Color");
-const DataLayer_1 = __importStar(require("../../../../util/DataLayer"));
-const ScreenSize_1 = __importDefault(require("../../../../util/ScreenSize"));
-const StringHelper_1 = __importDefault(require("../../../../util/StringHelper"));
-const BEButton_1 = __importDefault(require("../../../../components/generic/BEButton"));
-const Tooltip_1 = __importDefault(require("../../../../components/generic/Tooltip/Tooltip"));
-const FloatingDatePicker_1 = __importDefault(require("../../../../components/generic/date/FloatingDatePicker"));
-const Icon_1 = __importStar(require("../../../../components/generic/Icon/Icon"));
-const PromoCodeInput_1 = __importDefault(require("../../../../components/generic/PromoCodeInput"));
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
-const Overlay_1 = require("../../../../components/generic/Overlay/Overlay");
-const Select_1 = require("../../../../components/generic/Select/Select");
+const Color_1 = require("../../../util/Color");
+const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
+const StringHelper_1 = __importDefault(require("../../../util/StringHelper"));
+const BEButton_1 = __importDefault(require("../../generic/BEButton"));
+const Tooltip_1 = __importDefault(require("../../generic/Tooltip/Tooltip"));
+const FloatingDatePicker_1 = __importDefault(require("../../generic/date/FloatingDatePicker"));
+const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
+const PromoCodeInput_1 = __importDefault(require("../../generic/PromoCodeInput"));
+const Text_1 = __importStar(require("../../generic/Text"));
+const Overlay_1 = require("../../generic/Overlay/Overlay");
+const Select_1 = require("../../generic/Select/Select");
 const HotelSearchParameters = () => {
     var _a, _b, _c, _d, _e;
     const context = (0, react_1.useContext)(contexts_1.BasketContext);

package/dist/src/components/steps/hotel/NoHotelsAvailable.js

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
-const Headline_1 = __importDefault(require("../../../../components/generic/Headline"));
-const Text_1 = __importDefault(require("../../../../components/generic/Text"));
+const Headline_1 = __importDefault(require("../../generic/Headline"));
+const Text_1 = __importDefault(require("../../generic/Text"));
 function NoHotelsAvailable() {
     const { t } = (0, react_i18next_1.useTranslation)();
     return (React.createElement("div", { className: "u-flex align-items-center u-flex-direction-column u-marg-bottom--heavy" },

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

@@ -38,21 +38,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
-const BookingAPI_1 = __importDefault(require("../../../../api/BookingAPI"));
-const contexts_1 = require("../../../../contexts/index.js");
-const events_1 = require("../../../../events/index.js");
-const hooks_1 = require("../../../../hooks/index.js");
-const RoomUpsellFeature_1 = __importDefault(require("../../../../providers/feature/RoomUpsellFeature"));
+const BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
+const contexts_1 = require("../../../contexts/index.js");
+const events_1 = require("../../../events/index.js");
+const hooks_1 = require("../../../hooks/index.js");
+const RoomUpsellFeature_1 = __importDefault(require("../../../providers/feature/RoomUpsellFeature"));
 const Translation_1 = require("translations/Translation");
-const Color_1 = require("../../../../util/Color");
-const DataLayer_1 = __importDefault(require("../../../../util/DataLayer"));
-const BEButton_1 = __importDefault(require("../../../../components/generic/BEButton"));
-const Currency_1 = __importDefault(require("../../../../components/generic/Currency"));
-const Headline_1 = __importDefault(require("../../../../components/generic/Headline"));
-const SimpleModal_1 = __importDefault(require("../../../../components/generic/modal/SimpleModal"));
-const Text_1 = __importStar(require("../../../../components/generic/Text"));
-const ImageGallerySlider_1 = __importDefault(require("../../../../components/steps/room/ImageGallerySlider"));
-const LargeRoomCard_1 = __importDefault(require("../../../../components/steps/room/LargeRoomCard"));
+const Color_1 = require("../../../util/Color");
+const DataLayer_1 = __importDefault(require("../../../util/DataLayer"));
+const BEButton_1 = __importDefault(require("../../generic/BEButton"));
+const Currency_1 = __importDefault(require("../../generic/Currency"));
+const Headline_1 = __importDefault(require("../../generic/Headline"));
+const SimpleModal_1 = __importDefault(require("../../generic/modal/SimpleModal"));
+const Text_1 = __importStar(require("../../generic/Text"));
+const ImageGallerySlider_1 = __importDefault(require("./ImageGallerySlider"));
+const LargeRoomCard_1 = __importDefault(require("./LargeRoomCard"));
 const AvailableUpgradesModal = () => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();

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,13 +31,13 @@ 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("../../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("../../generic/loader/ImageLoader"));
 const react_dom_1 = require("react-dom");
-const contexts_1 = require("../../../../contexts/index.js");
+const contexts_1 = require("../../../contexts/index.js");
 function ImageGallerySlider(props) {
     var _a;
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);

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 contexts_1 = require("../../../../contexts/index.js");
-const contexts_2 = require("../../../../contexts/index.js");
-const hooks_1 = require("../../../../hooks/index.js");
-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 BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
+const contexts_1 = require("../../../contexts/index.js");
+const contexts_2 = require("../../../contexts/index.js");
+const hooks_1 = require("../../../hooks/index.js");
+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("../../generic/BEButton"));
+const Headline_1 = __importDefault(require("../../generic/Headline"));
+const SimpleModal_1 = __importStar(require("../../generic/modal/SimpleModal"));
+const Text_1 = __importDefault(require("../../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/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

@@ -29,18 +29,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
-const hooks_1 = require("../../../../hooks/index.js");
+const hooks_1 = require("../../../hooks/index.js");
 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 contexts_1 = require("../../../../contexts/index.js");
+const Color_1 = require("../../../util/Color");
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
+const BEButton_1 = __importDefault(require("../../generic/BEButton"));
+const Tooltip_1 = __importDefault(require("../../generic/Tooltip/Tooltip"));
+const Currency_1 = __importDefault(require("../../generic/Currency"));
+const Headline_1 = __importDefault(require("../../generic/Headline"));
+const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
+const Text_1 = __importStar(require("../../generic/Text"));
+const ImageGallerySlider_1 = __importDefault(require("./ImageGallerySlider"));
+const contexts_1 = require("../../../contexts/index.js");
 const LargeRoomCard = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const beContext = (0, react_1.useContext)(contexts_1.BookingEngineContext);