@roomstay/frontend 2.1.0 → 2.1.2

package/dist/src/components/steps/confirmation/StepConfirmationPolicyBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationPolicyBlock.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationPolicyBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport { useContext, useMemo } from 'react';\nimport BasketRow from 'models/BasketRow';\nimport Text, { TextType } from 'components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nexport default function StepConfirmationPolicyBlock() {\n    const basketContext = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const roomTranslation = t(Translation.Misc.Room);\n\n    return useMemo(() => {\n        const policiesGrouped: { [uniq: string]: { rooms: { index: number; room: BasketRow }[] } } = {};\n        const rooms = basketContext.getAllValidRows();\n\n        let roomIndex = 0;\n\n        if (rooms.length > 1) {\n            rooms.forEach((room) => {\n                roomIndex++;\n\n                const rate = room.getRate();\n                let entry = policiesGrouped[`${rate.cancelPolicyCode}-${rate.guaranteeCode}`];\n\n                if (!entry) {\n                    entry = policiesGrouped[`${rate.cancelPolicyCode}-${rate.guaranteeCode}`] = { rooms: [] };\n                }\n\n                entry.rooms.push({ index: roomIndex, room });\n            });\n        } else {\n            policiesGrouped[0] = { rooms: [{ index: 1, room: rooms[0] }] };\n        }\n\n        return (\n            <div className=\"u-marg-bottom\">\n                {Object.values(policiesGrouped).map((group, index) => {\n                    const firstRoom = group.rooms[0];\n\n                    return (\n                        <div className=\"u-marg-bottom--heavy\" key={index}>\n                            <div className=\"u-marg-bottom\">\n                                {group.rooms.map((roomWithIndex) => {\n                                    return (\n                                        <Text key={roomWithIndex.index} type={TextType.Small}>\n                                            <strong>\n                                                {roomTranslation} {roomWithIndex.index}\n                                            </strong>{' '}\n                                            {roomWithIndex.room.getRoom().name} - {roomWithIndex.room.getRate().name}\n                                        </Text>\n                                    );\n                                })}\n                            </div>\n                            <div className=\"u-marg-bottom\">\n                                <Text type={TextType.Small} bold={true}>\n                                    {t(Translation.Misc.GuaranteePolicy)}\n                                </Text>\n                                <Text type={TextType.Small} preformatted={true}>\n                                    <span dangerouslySetInnerHTML={{ __html: firstRoom.room.getRate().getGuaranteePolicy() }}></span>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small} bold={true}>\n                                {t(Translation.Misc.CancellationPolicy)}\n                            </Text>\n                            <Text type={TextType.Small} preformatted={true}>\n                                <span dangerouslySetInnerHTML={{ __html: firstRoom.room.getRate().getCancellationPolicy() }}></span>\n                            </Text>\n                        </div>\n                    );\n                })}\n            </div>\n        );\n    }, [basketContext.currentBasketRows]);\n}\n"]}
+{"version":3,"file":"StepConfirmationPolicyBlock.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationPolicyBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport { useContext, useMemo } from 'react';\nimport BasketRow from '@/models/BasketRow';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nexport default function StepConfirmationPolicyBlock() {\n    const basketContext = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const roomTranslation = t(Translation.Misc.Room);\n\n    return useMemo(() => {\n        const policiesGrouped: { [uniq: string]: { rooms: { index: number; room: BasketRow }[] } } = {};\n        const rooms = basketContext.getAllValidRows();\n\n        let roomIndex = 0;\n\n        if (rooms.length > 1) {\n            rooms.forEach((room) => {\n                roomIndex++;\n\n                const rate = room.getRate();\n                let entry = policiesGrouped[`${rate.cancelPolicyCode}-${rate.guaranteeCode}`];\n\n                if (!entry) {\n                    entry = policiesGrouped[`${rate.cancelPolicyCode}-${rate.guaranteeCode}`] = { rooms: [] };\n                }\n\n                entry.rooms.push({ index: roomIndex, room });\n            });\n        } else {\n            policiesGrouped[0] = { rooms: [{ index: 1, room: rooms[0] }] };\n        }\n\n        return (\n            <div className=\"u-marg-bottom\">\n                {Object.values(policiesGrouped).map((group, index) => {\n                    const firstRoom = group.rooms[0];\n\n                    return (\n                        <div className=\"u-marg-bottom--heavy\" key={index}>\n                            <div className=\"u-marg-bottom\">\n                                {group.rooms.map((roomWithIndex) => {\n                                    return (\n                                        <Text key={roomWithIndex.index} type={TextType.Small}>\n                                            <strong>\n                                                {roomTranslation} {roomWithIndex.index}\n                                            </strong>{' '}\n                                            {roomWithIndex.room.getRoom().name} - {roomWithIndex.room.getRate().name}\n                                        </Text>\n                                    );\n                                })}\n                            </div>\n                            <div className=\"u-marg-bottom\">\n                                <Text type={TextType.Small} bold={true}>\n                                    {t(Translation.Misc.GuaranteePolicy)}\n                                </Text>\n                                <Text type={TextType.Small} preformatted={true}>\n                                    <span dangerouslySetInnerHTML={{ __html: firstRoom.room.getRate().getGuaranteePolicy() }}></span>\n                                </Text>\n                            </div>\n                            <Text type={TextType.Small} bold={true}>\n                                {t(Translation.Misc.CancellationPolicy)}\n                            </Text>\n                            <Text type={TextType.Small} preformatted={true}>\n                                <span dangerouslySetInnerHTML={{ __html: firstRoom.room.getRate().getCancellationPolicy() }}></span>\n                            </Text>\n                        </div>\n                    );\n                })}\n            </div>\n        );\n    }, [basketContext.currentBasketRows]);\n}\n"]}

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

@@ -28,23 +28,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const AdditionalOffersColumn_1 = __importDefault(require("components/steps/confirmation/additionalOffers/AdditionalOffersColumn"));
+const AdditionalOffersColumn_1 = __importDefault(require("../../../../../components/steps/confirmation/additionalOffers/AdditionalOffersColumn"));
 const web_1 = require("@react-spring/web");
 const react_use_measure_1 = __importDefault(require("react-use-measure"));
 const react_use_gesture_1 = require("react-use-gesture");
-const AdditionalOffersModal_1 = __importDefault(require("components/steps/confirmation/additionalOffers/AdditionalOffersModal"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const Color_1 = require("util/Color");
-const Headline_1 = __importDefault(require("components/generic/Headline"));
+const AdditionalOffersModal_1 = __importDefault(require("../../../../../components/steps/confirmation/additionalOffers/AdditionalOffersModal"));
+const Icon_1 = __importStar(require("../../../../../components/generic/Icon/Icon"));
+const Color_1 = require("../../../../../util/Color");
+const Headline_1 = __importDefault(require("../../../../../components/generic/Headline"));
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
-const BookingAPI_1 = __importDefault(require("api/BookingAPI"));
-const contexts_1 = require("@frontend/contexts");
+const BookingAPI_1 = __importDefault(require("../../../../../api/BookingAPI"));
+const contexts_1 = require("../../../../../contexts/index.js");
 const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
-const LargeLoader_1 = __importDefault(require("components/generic/loader/LargeLoader"));
-const Text_1 = __importDefault(require("components/generic/Text"));
-const hooks_1 = require("@frontend/hooks");
-const contexts_2 = require("@frontend/contexts");
+const LargeLoader_1 = __importDefault(require("../../../../../components/generic/loader/LargeLoader"));
+const Text_1 = __importDefault(require("../../../../../components/generic/Text"));
+const hooks_1 = require("../../../../../hooks/index.js");
+const contexts_2 = require("../../../../../contexts/index.js");
 function AdditionalOffers() {
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
     const ccx = (0, react_1.useContext)(contexts_2.CompanyContext);

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("../../../../../components/generic/Icon/Icon"));
+const Text_1 = __importStar(require("../../../../../components/generic/Text"));
+const Color_1 = require("../../../../../util/Color");
 function AdditionalOffersColumn(props) {
     const { addon } = props;
     const onCardClickHandler = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"AdditionalOffersColumn.js","sourceRoot":"/","sources":["src/components/steps/confirmation/additionalOffers/AdditionalOffersColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,qEAA8D;AAC9D,gEAAyD;AACzD,sCAAmC;AASnC,SAAwB,sBAAsB,CAAC,KAA6B;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,KAAK,CAAC,WAAW,EAAE,CAAC;IACxB,CAAC,CAAC;IACF,OAAO,CACH,6BAAK,SAAS,EAAE,4BAA4B,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,OAAO,EAAE,kBAAkB;QACjK,6BAAK,SAAS,EAAC,gCAAgC;YAC3C,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK;gBAC1C,oCAAS,KAAK,CAAC,IAAI,CAAU,CAC1B;YACP,6BAAK,SAAS,EAAC,QAAQ;gBACnB,oBAAC,cAAI,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,kBAErD;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,GAAI,CACrD,CACJ,CACJ,CACT,CAAC;AACN,CAAC;AApBD,yCAoBC","sourcesContent":["import * as React from 'react';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport { Addon } from 'models/Addon/Addon';\n\nexport interface AdditionalOffersColumn {\n    addon: Addon;\n    cardClicked?: () => void;\n    selected: boolean;\n}\n\nexport default function AdditionalOffersColumn(props: AdditionalOffersColumn) {\n    const { addon } = props;\n    const onCardClickHandler = () => {\n        props.cardClicked();\n    };\n    return (\n        <div className={'additional-offers--column ' + (props.selected ? '--selected' : '')} style={{ backgroundImage: `url('${addon.image}')` }} onClick={onCardClickHandler}>\n            <div className=\"additional-offers--column-body\">\n                <Text type={TextType.Small} color={Color.White}>\n                    <strong>{addon.name}</strong>\n                </Text>\n                <div className=\"u-flex\">\n                    <Text inline={true} type={TextType.Small} color={Color.White}>\n                        See details\n                    </Text>\n                    <Icon icon={IconType.ArrowRight} color={Color.White} />\n                </div>\n            </div>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"AdditionalOffersColumn.js","sourceRoot":"/","sources":["src/components/steps/confirmation/additionalOffers/AdditionalOffersColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,uEAAgE;AAChE,kEAA2D;AAC3D,wCAAqC;AASrC,SAAwB,sBAAsB,CAAC,KAA6B;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,KAAK,CAAC,WAAW,EAAE,CAAC;IACxB,CAAC,CAAC;IACF,OAAO,CACH,6BAAK,SAAS,EAAE,4BAA4B,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,OAAO,EAAE,kBAAkB;QACjK,6BAAK,SAAS,EAAC,gCAAgC;YAC3C,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK;gBAC1C,oCAAS,KAAK,CAAC,IAAI,CAAU,CAC1B;YACP,6BAAK,SAAS,EAAC,QAAQ;gBACnB,oBAAC,cAAI,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,kBAErD;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,GAAI,CACrD,CACJ,CACJ,CACT,CAAC;AACN,CAAC;AApBD,yCAoBC","sourcesContent":["import * as React from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport { Addon } from '@/models/Addon/Addon';\n\nexport interface AdditionalOffersColumn {\n    addon: Addon;\n    cardClicked?: () => void;\n    selected: boolean;\n}\n\nexport default function AdditionalOffersColumn(props: AdditionalOffersColumn) {\n    const { addon } = props;\n    const onCardClickHandler = () => {\n        props.cardClicked();\n    };\n    return (\n        <div className={'additional-offers--column ' + (props.selected ? '--selected' : '')} style={{ backgroundImage: `url('${addon.image}')` }} onClick={onCardClickHandler}>\n            <div className=\"additional-offers--column-body\">\n                <Text type={TextType.Small} color={Color.White}>\n                    <strong>{addon.name}</strong>\n                </Text>\n                <div className=\"u-flex\">\n                    <Text inline={true} type={TextType.Small} color={Color.White}>\n                        See details\n                    </Text>\n                    <Icon icon={IconType.ArrowRight} color={Color.White} />\n                </div>\n            </div>\n        </div>\n    );\n}\n"]}

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("../../../../../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 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("@frontend/contexts");
-const Color_1 = require("util/Color");
-const Select_1 = require("components/generic/Select/Select");
+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");
 function AdditionalOffersModal(props) {
     var _a;
     const { addon } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"AdditionalOffersModal.js","sourceRoot":"/","sources":["src/components/steps/confirmation/additionalOffers/AdditionalOffersModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useState } from 'react';\nimport SimpleModal, { SimpleModalSize } from 'components/generic/modal/SimpleModal';\nimport Headline from 'components/generic/Headline';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Addon, PriceInfo } from 'models/Addon/Addon';\nimport NumberIncrement from 'components/generic/NumberIncrement';\nimport { useTranslation } from 'react-i18next';\nimport BasketAddonRow from 'models/BasketAddonRow';\nimport BEButton from 'components/generic/BEButton';\nimport Currency from 'components/generic/Currency';\nimport { BasketContext } from '@frontend/contexts';\nimport { Color } from 'util/Color';\nimport { IDefaultSelectOption, Select } from 'components/generic/Select/Select';\n\nexport interface AdditionalOffersModalProps {\n    isOpen: boolean;\n    addon: Addon;\n    basketAddonRow: BasketAddonRow | void;\n    onClose: () => void;\n}\n\nexport default function AdditionalOffersModal(props: AdditionalOffersModalProps) {\n    const { addon } = props;\n    const { t } = useTranslation();\n\n    const basketContext = useContext(BasketContext);\n\n    const [selectedDate, setSelectedDate] = useState(props.basketAddonRow ? props.basketAddonRow.getSelectedDate() : '');\n    const [selectedTime, setSelectedTime] = useState(props.basketAddonRow ? props.basketAddonRow.getSelectedTime() : '');\n    const [priceInfo, setPriceInfo] = useState<PriceInfo>({ quantity: 1 });\n    const [quantity, setQuantity] = useState(props.basketAddonRow ? props.basketAddonRow.getQuantity() : 1);\n    const [adultQuantity, setAdultQuantity] = useState(props.basketAddonRow ? props.basketAddonRow.getAdultQuantity() : 1);\n    const [childQuantity, setChildQuantity] = useState(props.basketAddonRow ? props.basketAddonRow.getChildQuantity() : 0);\n\n    React.useEffect(() => {\n        if (addon) {\n            if (props.basketAddonRow) {\n                setPriceInfo(addon.availability[props.basketAddonRow.getSelectedDate()] ?? addon.availability[addon.firstDate]);\n                setSelectedDate(props.basketAddonRow.getSelectedDate() ?? addon.firstDate);\n                setSelectedTime(props.basketAddonRow.getSelectedTime() ?? '');\n                setQuantity(props.basketAddonRow.getQuantity());\n                setAdultQuantity(props.basketAddonRow.getAdultQuantity());\n                setChildQuantity(props.basketAddonRow.getChildQuantity());\n            } else {\n                setPriceInfo(addon.availability[addon.firstDate]);\n                setSelectedDate(addon.firstDate);\n                setSelectedTime(addon.availability[addon.firstDate]?.selectorTimes?.[0]?.value);\n            }\n\n            return () => {\n                setQuantity(1);\n                setAdultQuantity(1);\n                setChildQuantity(0);\n            };\n        }\n    }, [addon]);\n\n    const setDate = (date: any) => {\n        setPriceInfo(addon.availability[date]);\n        setSelectedDate(date);\n        setSelectedTime(addon.availability[date]?.selectorTimes?.[0]?.value);\n        if (addon.availability[date].quantity < quantity) {\n            setQuantity(addon.availability[date].quantity);\n        }\n    };\n\n    const onClickAddToCartHandler = () => {\n        basketContext.setAddonQuantities(\n            addon,\n            {\n                quantity,\n                adult: adultQuantity,\n                child: childQuantity,\n            },\n            selectedDate,\n            selectedTime\n        );\n        props.onClose();\n    };\n    const setQuantityOnChange = (val: any) => {\n        setQuantity(val);\n    };\n    const setAdultsQuantityOnChange = (val: any) => {\n        setAdultQuantity(val);\n    };\n    const setChildQuantityOnChange = (val: any) => {\n        setChildQuantity(val);\n    };\n    const setDateOnChange = (selected: any) => {\n        setDate(selected);\n    };\n    const setSelectedTimeOnChange = (selected: any) => {\n        setSelectedTime(selected);\n    };\n\n    return (\n        <SimpleModal open={props.isOpen} onClose={props.onClose} size={SimpleModalSize.Small} title={addon ? addon.name : ''}>\n            {addon && (\n                <>\n                    <div\n                        style={{\n                            height: '350px',\n                            width: '100%',\n                            backgroundImage: `url(\"${addon.image}\")`,\n                            backgroundPosition: 'center',\n                            backgroundRepeat: 'no-repeat',\n                            backgroundSize: 'cover',\n                        }}\n                    />\n                    <div className=\"u-marg-heavy u-marg@m-\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold={true}>{addon.name}</Headline>\n                        </div>\n                        <div className=\"u-marg-bottom--heavy\">\n                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                {addon.description}\n                            </Text>\n                        </div>\n\n                        <div className=\"row u-marg-top\">\n                            <div className=\"u-flex col-md-6\">\n                                <Text>Date</Text>\n                                <Select<IDefaultSelectOption, 'value'>\n                                    nativeOnMobile\n                                    options={addon.selectorDates}\n                                    value={selectedDate}\n                                    onChange={setDateOnChange}\n                                    keyName=\"value\"\n                                    labelName=\"text\"\n                                    className=\"u-flex align-items-center\"\n                                />\n                            </div>\n                        </div>\n                        {priceInfo?.selectorTimes?.length !== 0 && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Time</Text>\n                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={priceInfo?.selectorTimes}\n                                        value={selectedTime}\n                                        onChange={setSelectedTimeOnChange}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                        className=\"u-flex align-items-center\"\n                                    />\n                                </div>\n                            </div>\n                        )}\n                        {priceInfo.price && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Quantity</Text>\n                                    <NumberIncrement number={quantity} min={1} max={priceInfo.quantity} onChange={setQuantityOnChange} />\n                                </div>\n                            </div>\n                        )}\n                        {priceInfo.adultPrice && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Adults</Text>\n                                    <NumberIncrement number={adultQuantity} min={0} max={priceInfo.quantity - childQuantity} onChange={setAdultsQuantityOnChange} />\n                                </div>\n                            </div>\n                        )}\n                        {priceInfo.childPrice && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Children</Text>\n                                    <NumberIncrement number={childQuantity} min={0} max={priceInfo.quantity - adultQuantity} onChange={setChildQuantityOnChange} />\n                                </div>\n                            </div>\n                        )}\n\n                        <div className=\"u-flex align-items-center u-marg-top\">\n                            {priceInfo.price && (\n                                <h2 className=\"u-marg-none u-flex u-flex-align-center\">\n                                    <Currency>{priceInfo.price}</Currency>/ Qty\n                                </h2>\n                            )}\n                            {priceInfo.adultPrice && priceInfo.childPrice && (\n                                <h2 className=\"u-marg-none\">\n                                    <div className=\"u-marg-none u-flex u-flex-align-center\">\n                                        <Currency>{priceInfo.adultPrice}</Currency> / Adult\n                                    </div>\n                                    <br />\n                                    <div className=\"u-marg-none u-flex u-flex-align-center\">\n                                        <Currency>{priceInfo.childPrice}</Currency> / Child\n                                    </div>\n                                </h2>\n                            )}\n                            {priceInfo.adultPrice && !priceInfo.childPrice && (\n                                <h2 className=\"u-marg-none u-flex u-flex-align-center\">\n                                    <Currency>{priceInfo.adultPrice}</Currency> / Adult\n                                </h2>\n                            )}\n                            {priceInfo.childPrice && !priceInfo.adultPrice && (\n                                <h2 className=\"u-marg-none u-flex u-flex-align-center\">\n                                    <Currency>{priceInfo.childPrice}</Currency> / Child\n                                </h2>\n                            )}\n\n                            <BEButton filled={true} primary={true} onClick={onClickAddToCartHandler}>\n                                {props.basketAddonRow ? 'Update Cart' : 'Add to Cart'}\n                            </BEButton>\n                        </div>\n\n                        {addon.guaranteeDescription && (\n                            <>\n                                <h4 className=\"u-marg-bottom--light u-marg-top\">Guarantee</h4>\n                                <div className=\"u-marg-bot--heavy\">\n                                    <Text type={TextType.Small}>{addon.guaranteeDescription}</Text>\n                                </div>\n                            </>\n                        )}\n                        {addon.cancelPenalty && (\n                            <>\n                                <h4 className=\"u-marg-bottom--light u-marg-top\">Cancellation Policy</h4>\n                                <div className=\"u-marg-bot--heavy\">\n                                    <Text type={TextType.Small}>{addon.cancelPenalty}</Text>\n                                </div>\n                            </>\n                        )}\n                    </div>\n                </>\n            )}\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"AdditionalOffersModal.js","sourceRoot":"/","sources":["src/components/steps/confirmation/additionalOffers/AdditionalOffersModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useState } from 'react';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Addon, PriceInfo } from '@/models/Addon/Addon';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport { useTranslation } from 'react-i18next';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport { BasketContext } from '@frontend/contexts';\nimport { Color } from '@/util/Color';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\n\nexport interface AdditionalOffersModalProps {\n    isOpen: boolean;\n    addon: Addon;\n    basketAddonRow: BasketAddonRow | void;\n    onClose: () => void;\n}\n\nexport default function AdditionalOffersModal(props: AdditionalOffersModalProps) {\n    const { addon } = props;\n    const { t } = useTranslation();\n\n    const basketContext = useContext(BasketContext);\n\n    const [selectedDate, setSelectedDate] = useState(props.basketAddonRow ? props.basketAddonRow.getSelectedDate() : '');\n    const [selectedTime, setSelectedTime] = useState(props.basketAddonRow ? props.basketAddonRow.getSelectedTime() : '');\n    const [priceInfo, setPriceInfo] = useState<PriceInfo>({ quantity: 1 });\n    const [quantity, setQuantity] = useState(props.basketAddonRow ? props.basketAddonRow.getQuantity() : 1);\n    const [adultQuantity, setAdultQuantity] = useState(props.basketAddonRow ? props.basketAddonRow.getAdultQuantity() : 1);\n    const [childQuantity, setChildQuantity] = useState(props.basketAddonRow ? props.basketAddonRow.getChildQuantity() : 0);\n\n    React.useEffect(() => {\n        if (addon) {\n            if (props.basketAddonRow) {\n                setPriceInfo(addon.availability[props.basketAddonRow.getSelectedDate()] ?? addon.availability[addon.firstDate]);\n                setSelectedDate(props.basketAddonRow.getSelectedDate() ?? addon.firstDate);\n                setSelectedTime(props.basketAddonRow.getSelectedTime() ?? '');\n                setQuantity(props.basketAddonRow.getQuantity());\n                setAdultQuantity(props.basketAddonRow.getAdultQuantity());\n                setChildQuantity(props.basketAddonRow.getChildQuantity());\n            } else {\n                setPriceInfo(addon.availability[addon.firstDate]);\n                setSelectedDate(addon.firstDate);\n                setSelectedTime(addon.availability[addon.firstDate]?.selectorTimes?.[0]?.value);\n            }\n\n            return () => {\n                setQuantity(1);\n                setAdultQuantity(1);\n                setChildQuantity(0);\n            };\n        }\n    }, [addon]);\n\n    const setDate = (date: any) => {\n        setPriceInfo(addon.availability[date]);\n        setSelectedDate(date);\n        setSelectedTime(addon.availability[date]?.selectorTimes?.[0]?.value);\n        if (addon.availability[date].quantity < quantity) {\n            setQuantity(addon.availability[date].quantity);\n        }\n    };\n\n    const onClickAddToCartHandler = () => {\n        basketContext.setAddonQuantities(\n            addon,\n            {\n                quantity,\n                adult: adultQuantity,\n                child: childQuantity,\n            },\n            selectedDate,\n            selectedTime\n        );\n        props.onClose();\n    };\n    const setQuantityOnChange = (val: any) => {\n        setQuantity(val);\n    };\n    const setAdultsQuantityOnChange = (val: any) => {\n        setAdultQuantity(val);\n    };\n    const setChildQuantityOnChange = (val: any) => {\n        setChildQuantity(val);\n    };\n    const setDateOnChange = (selected: any) => {\n        setDate(selected);\n    };\n    const setSelectedTimeOnChange = (selected: any) => {\n        setSelectedTime(selected);\n    };\n\n    return (\n        <SimpleModal open={props.isOpen} onClose={props.onClose} size={SimpleModalSize.Small} title={addon ? addon.name : ''}>\n            {addon && (\n                <>\n                    <div\n                        style={{\n                            height: '350px',\n                            width: '100%',\n                            backgroundImage: `url(\"${addon.image}\")`,\n                            backgroundPosition: 'center',\n                            backgroundRepeat: 'no-repeat',\n                            backgroundSize: 'cover',\n                        }}\n                    />\n                    <div className=\"u-marg-heavy u-marg@m-\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold={true}>{addon.name}</Headline>\n                        </div>\n                        <div className=\"u-marg-bottom--heavy\">\n                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                {addon.description}\n                            </Text>\n                        </div>\n\n                        <div className=\"row u-marg-top\">\n                            <div className=\"u-flex col-md-6\">\n                                <Text>Date</Text>\n                                <Select<IDefaultSelectOption, 'value'>\n                                    nativeOnMobile\n                                    options={addon.selectorDates}\n                                    value={selectedDate}\n                                    onChange={setDateOnChange}\n                                    keyName=\"value\"\n                                    labelName=\"text\"\n                                    className=\"u-flex align-items-center\"\n                                />\n                            </div>\n                        </div>\n                        {priceInfo?.selectorTimes?.length !== 0 && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Time</Text>\n                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={priceInfo?.selectorTimes}\n                                        value={selectedTime}\n                                        onChange={setSelectedTimeOnChange}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                        className=\"u-flex align-items-center\"\n                                    />\n                                </div>\n                            </div>\n                        )}\n                        {priceInfo.price && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Quantity</Text>\n                                    <NumberIncrement number={quantity} min={1} max={priceInfo.quantity} onChange={setQuantityOnChange} />\n                                </div>\n                            </div>\n                        )}\n                        {priceInfo.adultPrice && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Adults</Text>\n                                    <NumberIncrement number={adultQuantity} min={0} max={priceInfo.quantity - childQuantity} onChange={setAdultsQuantityOnChange} />\n                                </div>\n                            </div>\n                        )}\n                        {priceInfo.childPrice && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Children</Text>\n                                    <NumberIncrement number={childQuantity} min={0} max={priceInfo.quantity - adultQuantity} onChange={setChildQuantityOnChange} />\n                                </div>\n                            </div>\n                        )}\n\n                        <div className=\"u-flex align-items-center u-marg-top\">\n                            {priceInfo.price && (\n                                <h2 className=\"u-marg-none u-flex u-flex-align-center\">\n                                    <Currency>{priceInfo.price}</Currency>/ Qty\n                                </h2>\n                            )}\n                            {priceInfo.adultPrice && priceInfo.childPrice && (\n                                <h2 className=\"u-marg-none\">\n                                    <div className=\"u-marg-none u-flex u-flex-align-center\">\n                                        <Currency>{priceInfo.adultPrice}</Currency> / Adult\n                                    </div>\n                                    <br />\n                                    <div className=\"u-marg-none u-flex u-flex-align-center\">\n                                        <Currency>{priceInfo.childPrice}</Currency> / Child\n                                    </div>\n                                </h2>\n                            )}\n                            {priceInfo.adultPrice && !priceInfo.childPrice && (\n                                <h2 className=\"u-marg-none u-flex u-flex-align-center\">\n                                    <Currency>{priceInfo.adultPrice}</Currency> / Adult\n                                </h2>\n                            )}\n                            {priceInfo.childPrice && !priceInfo.adultPrice && (\n                                <h2 className=\"u-marg-none u-flex u-flex-align-center\">\n                                    <Currency>{priceInfo.childPrice}</Currency> / Child\n                                </h2>\n                            )}\n\n                            <BEButton filled={true} primary={true} onClick={onClickAddToCartHandler}>\n                                {props.basketAddonRow ? 'Update Cart' : 'Add to Cart'}\n                            </BEButton>\n                        </div>\n\n                        {addon.guaranteeDescription && (\n                            <>\n                                <h4 className=\"u-marg-bottom--light u-marg-top\">Guarantee</h4>\n                                <div className=\"u-marg-bot--heavy\">\n                                    <Text type={TextType.Small}>{addon.guaranteeDescription}</Text>\n                                </div>\n                            </>\n                        )}\n                        {addon.cancelPenalty && (\n                            <>\n                                <h4 className=\"u-marg-bottom--light u-marg-top\">Cancellation Policy</h4>\n                                <div className=\"u-marg-bot--heavy\">\n                                    <Text type={TextType.Small}>{addon.cancelPenalty}</Text>\n                                </div>\n                            </>\n                        )}\n                    </div>\n                </>\n            )}\n        </SimpleModal>\n    );\n}\n"]}

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("@frontend/contexts");
+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 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("../../../../components/generic/PromoCodeInput"));
 function PeoplePicker() {
     var _a, _b;
     const context = (0, react_1.useContext)(contexts_1.BasketContext);

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

@@ -1 +1 @@
-{"version":3,"file":"PeoplePicker.js","sourceRoot":"/","sources":["src/components/steps/date/PeoplePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext } from 'react';\nimport * as React from 'react';\nimport BasketRow from 'models/BasketRow';\nimport PeoplePickerRow, { PeoplePickerDetails } from 'components/steps/date/PeoplePickerRow';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport BEButton from 'components/generic/BEButton';\nimport { BasketContext } from '@frontend/contexts';\nimport { Translation } from 'translations/Translation';\n\nimport { useTranslation } from 'react-i18next';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport PromoCodeInput from 'components/generic/PromoCodeInput';\n\nexport default function PeoplePicker() {\n    const context = useContext(BasketContext);\n\n    const updateRoomValues = (row: BasketRow, values: PeoplePickerDetails) => {\n        const { adults, children, promoCode } = values;\n\n        if (adults !== row.getAdults()) {\n            row.setAdults(adults);\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.DATES);\n        }\n        if (children !== row.getChildren()) {\n            row.setChildren(children);\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.DATES);\n        }\n        if (promoCode !== row.getPromoCode()) {\n            DataLayer.instance.sendInteraction('Promo Code', InteractionType.FORM_FIELD, InteractionStep.DATES);\n            row.setPromoCode(promoCode);\n        }\n\n        context.updateBasketRow(row);\n    };\n\n    const basketRows = context.currentBasketRows;\n    const { t } = useTranslation();\n\n    const addNewBasketRow = () => {\n        context.addBasketRow(new BasketRow());\n    };\n\n    const updatePromoCode = (code: string) => {\n        if (context.selectedBasketRow) {\n            context.selectedBasketRow.setPromoCode(code);\n            context.updateBasketRow(context.selectedBasketRow);\n        }\n    };\n\n    const selectedRow = context.selectedBasketRow;\n\n    const promoCodeStatus = selectedRow?.getPromoCodeStatus() ?? null;\n    const addAnotherRoomOnClickHandler = () => {\n        DataLayer.instance.sendInteraction('Add Another Room', InteractionType.BUTTON, InteractionStep.DATES);\n        addNewBasketRow();\n    };\n    const changePromoCode = (val: any) => {\n        updatePromoCode(val);\n    };\n    return (\n        <div className=\"people-picker--items\">\n            {basketRows.map((item, index) => {\n                const changeRoomValues = (val: any) => {\n                    updateRoomValues(item, val);\n                };\n                const removeBasketRowHandler = () => {\n                    context.removeBasketRow(item);\n                };\n                return (\n                    <div key={item.getID()}>\n                        <PeoplePickerRow\n                            number={index}\n                            details={{ adults: item.getAdults(), children: item.getChildren(), promoCode: item.getPromoCode() }}\n                            onChange={changeRoomValues}\n                            onRemove={removeBasketRowHandler}\n                        />\n                    </div>\n                );\n            })}\n            <div className=\"u-marg-bottom\">\n                <PromoCodeInput\n                    value={context.selectedBasketRow?.getPromoCode()}\n                    onChange={changePromoCode}\n                    valid={promoCodeStatus === null || promoCodeStatus === 'new' ? null : promoCodeStatus === 'valid'}\n                />\n            </div>\n\n            <BEButton isText={true} primary={true} icon={IconType.Add} stopIconAnimation={true} onClick={addAnotherRoomOnClickHandler}>\n                {t(Translation.Misc.AddAnotherRoom)}\n            </BEButton>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"PeoplePicker.js","sourceRoot":"/","sources":["src/components/steps/date/PeoplePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,6CAA+B;AAC/B,mEAA2C;AAC3C,8FAA+F;AAC/F,yDAAgE;AAChE,6EAAqD;AACrD,iDAAmD;AACnD,0DAAuD;AAEvD,iDAA+C;AAC/C,8DAA+E;AAC/E,yFAAiE;AAEjE,SAAwB,YAAY;;IAChC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAE1C,MAAM,gBAAgB,GAAG,CAAC,GAAc,EAAE,MAA2B,EAAE,EAAE;QACrE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;QAE/C,IAAI,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,EAAE;YAC5B,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YACtB,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,YAAY,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;SACrG;QACD,IAAI,QAAQ,KAAK,GAAG,CAAC,WAAW,EAAE,EAAE;YAChC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAC1B,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,YAAY,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;SACrG;QACD,IAAI,SAAS,KAAK,GAAG,CAAC,YAAY,EAAE,EAAE;YAClC,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,EAAE,2BAAe,CAAC,UAAU,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;YACpG,GAAG,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;SAC/B;QAED,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,OAAO,CAAC,YAAY,CAAC,IAAI,mBAAS,EAAE,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE;QACrC,IAAI,OAAO,CAAC,iBAAiB,EAAE;YAC3B,OAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YAC7C,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;SACtD;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CAAC,iBAAiB,CAAC;IAE9C,MAAM,eAAe,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,kBAAkB,EAAE,mCAAI,IAAI,CAAC;IAClE,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACtC,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,kBAAkB,EAAE,2BAAe,CAAC,MAAM,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACtG,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC;IACF,MAAM,eAAe,GAAG,CAAC,GAAQ,EAAE,EAAE;QACjC,eAAe,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,OAAO,CACH,6BAAK,SAAS,EAAC,sBAAsB;QAChC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,MAAM,gBAAgB,GAAG,CAAC,GAAQ,EAAE,EAAE;gBAClC,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YAChC,CAAC,CAAC;YACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;gBAChC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAClC,CAAC,CAAC;YACF,OAAO,CACH,6BAAK,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE;gBAClB,oBAAC,yBAAe,IACZ,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,EACnG,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,sBAAsB,GAClC,CACA,CACT,CAAC;QACN,CAAC,CAAC;QACF,6BAAK,SAAS,EAAC,eAAe;YAC1B,oBAAC,wBAAc,IACX,KAAK,EAAE,MAAA,OAAO,CAAC,iBAAiB,0CAAE,YAAY,EAAE,EAChD,QAAQ,EAAE,eAAe,EACzB,KAAK,EAAE,eAAe,KAAK,IAAI,IAAI,eAAe,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,KAAK,OAAO,GACnG,CACA;QAEN,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,OAAO,EAAE,4BAA4B,IACpH,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAC5B,CACT,CACT,CAAC;AACN,CAAC;AA/ED,+BA+EC","sourcesContent":["import { useContext } from 'react';\nimport * as React from 'react';\nimport BasketRow from '@/models/BasketRow';\nimport PeoplePickerRow, { PeoplePickerDetails } from '@/components/steps/date/PeoplePickerRow';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport BEButton from '@/components/generic/BEButton';\nimport { BasketContext } from '@frontend/contexts';\nimport { Translation } from 'translations/Translation';\n\nimport { useTranslation } from 'react-i18next';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport PromoCodeInput from '@/components/generic/PromoCodeInput';\n\nexport default function PeoplePicker() {\n    const context = useContext(BasketContext);\n\n    const updateRoomValues = (row: BasketRow, values: PeoplePickerDetails) => {\n        const { adults, children, promoCode } = values;\n\n        if (adults !== row.getAdults()) {\n            row.setAdults(adults);\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.DATES);\n        }\n        if (children !== row.getChildren()) {\n            row.setChildren(children);\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.DATES);\n        }\n        if (promoCode !== row.getPromoCode()) {\n            DataLayer.instance.sendInteraction('Promo Code', InteractionType.FORM_FIELD, InteractionStep.DATES);\n            row.setPromoCode(promoCode);\n        }\n\n        context.updateBasketRow(row);\n    };\n\n    const basketRows = context.currentBasketRows;\n    const { t } = useTranslation();\n\n    const addNewBasketRow = () => {\n        context.addBasketRow(new BasketRow());\n    };\n\n    const updatePromoCode = (code: string) => {\n        if (context.selectedBasketRow) {\n            context.selectedBasketRow.setPromoCode(code);\n            context.updateBasketRow(context.selectedBasketRow);\n        }\n    };\n\n    const selectedRow = context.selectedBasketRow;\n\n    const promoCodeStatus = selectedRow?.getPromoCodeStatus() ?? null;\n    const addAnotherRoomOnClickHandler = () => {\n        DataLayer.instance.sendInteraction('Add Another Room', InteractionType.BUTTON, InteractionStep.DATES);\n        addNewBasketRow();\n    };\n    const changePromoCode = (val: any) => {\n        updatePromoCode(val);\n    };\n    return (\n        <div className=\"people-picker--items\">\n            {basketRows.map((item, index) => {\n                const changeRoomValues = (val: any) => {\n                    updateRoomValues(item, val);\n                };\n                const removeBasketRowHandler = () => {\n                    context.removeBasketRow(item);\n                };\n                return (\n                    <div key={item.getID()}>\n                        <PeoplePickerRow\n                            number={index}\n                            details={{ adults: item.getAdults(), children: item.getChildren(), promoCode: item.getPromoCode() }}\n                            onChange={changeRoomValues}\n                            onRemove={removeBasketRowHandler}\n                        />\n                    </div>\n                );\n            })}\n            <div className=\"u-marg-bottom\">\n                <PromoCodeInput\n                    value={context.selectedBasketRow?.getPromoCode()}\n                    onChange={changePromoCode}\n                    valid={promoCodeStatus === null || promoCodeStatus === 'new' ? null : promoCodeStatus === 'valid'}\n                />\n            </div>\n\n            <BEButton isText={true} primary={true} icon={IconType.Add} stopIconAnimation={true} onClick={addAnotherRoomOnClickHandler}>\n                {t(Translation.Misc.AddAnotherRoom)}\n            </BEButton>\n        </div>\n    );\n}\n"]}

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("../../../../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 react_1 = require("react");
 const web_1 = require("@react-spring/web");
-const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
-const hooks_1 = require("@frontend/hooks");
+const LineBreak_1 = __importDefault(require("../../../../components/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/PeoplePickerRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"PeoplePickerRow.js","sourceRoot":"/","sources":["src/components/steps/date/PeoplePickerRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport NumberIncrement from 'components/generic/NumberIncrement';\nimport Text, { TextType } from 'components/generic/Text';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\nimport { useState, useEffect, useRef, useContext } from 'react';\nimport { animated, useTransition, useSpring } from '@react-spring/web';\nimport LineBreak from 'components/generic/LineBreak';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nexport interface PeoplePickerDetails {\n    adults: number;\n    children: number;\n    promoCode: string;\n}\n\nexport interface PeoplePickerRowProps {\n    details: PeoplePickerDetails;\n\n    number: number;\n    onChange?: (details: PeoplePickerDetails) => void;\n    onRemove?: () => void;\n}\n\nexport default function PeoplePickerRow(pickerProps: PeoplePickerRowProps) {\n    const { t } = useTranslation();\n    const { adults, children } = pickerProps.details;\n\n    const { hotel } = useCurrentHotel();\n\n    const [animatedIn, setAnimation] = useState(false);\n\n    const heightProps = useSpring({\n        height: animatedIn ? (pickerProps.number === 0 ? 145 : 179) : 0,\n    });\n    const transition = useTransition(animatedIn, {\n        from: { opacity: 0 },\n        enter: { opacity: 1 },\n        leave: { opacity: 0 },\n    });\n\n    const firstUpdate = useRef();\n\n    useEffect(() => {\n        setAnimation(true);\n    }, []);\n\n    const onInputChanged = (val: any) => {\n        if (pickerProps.onChange) {\n            pickerProps.onChange({\n                ...pickerProps.details,\n                ...val,\n            });\n        }\n    };\n\n    const onClose = () => {\n        if (pickerProps.onRemove) {\n            setAnimation(false);\n            setTimeout(() => {\n                pickerProps.onRemove();\n            }, 500);\n        }\n    };\n    const adultsChangeHandler = (val: any) => {\n        onInputChanged({ adults: val });\n    };\n    const childrenChangeHandler = (val: any) => {\n        onInputChanged({ children: val });\n    };\n    return (\n        <>\n            {transition(\n                (props, item) =>\n                    item && (\n                        <animated.div ref={firstUpdate} style={{ ...props, ...heightProps } as any}>\n                            <div className=\"people-picker--item\">\n                                {pickerProps.number > 0 && (\n                                    <div className=\"people-picker--item-row\">\n                                        <Text type={TextType.Small} color={Color.DarkGrey}>\n                                            <strong>\n                                                {t(Translation.Misc.Room)}&nbsp;{pickerProps.number + 1}\n                                            </strong>\n                                        </Text>\n                                        <div className=\"people-picker--item-remove\" onClick={onClose}>\n                                            <Icon icon={IconType.Close} color={Color.Grey} />\n                                        </div>\n                                    </div>\n                                )}\n                                <div className=\"people-picker--item-row\">\n                                    <Text>{t(Translation.Step.Date.Adult_plural)}</Text>\n                                    <NumberIncrement number={adults} min={1} max={hotel.maxOccupancy - children} onChange={adultsChangeHandler} />\n                                </div>\n                                <div className={'people-picker--item-row'}>\n                                    <Text>{t(Translation.Step.Date.Child_plural)}</Text>\n                                    <NumberIncrement number={children} min={0} max={hotel.maxOccupancy - adults} onChange={childrenChangeHandler} />\n                                </div>\n                            </div>\n                            <LineBreak />\n                        </animated.div>\n                    )\n            )}\n        </>\n    );\n}\n"]}
+{"version":3,"file":"PeoplePickerRow.js","sourceRoot":"/","sources":["src/components/steps/date/PeoplePickerRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport { useState, useEffect, useRef, useContext } from 'react';\nimport { animated, useTransition, useSpring } from '@react-spring/web';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nexport interface PeoplePickerDetails {\n    adults: number;\n    children: number;\n    promoCode: string;\n}\n\nexport interface PeoplePickerRowProps {\n    details: PeoplePickerDetails;\n\n    number: number;\n    onChange?: (details: PeoplePickerDetails) => void;\n    onRemove?: () => void;\n}\n\nexport default function PeoplePickerRow(pickerProps: PeoplePickerRowProps) {\n    const { t } = useTranslation();\n    const { adults, children } = pickerProps.details;\n\n    const { hotel } = useCurrentHotel();\n\n    const [animatedIn, setAnimation] = useState(false);\n\n    const heightProps = useSpring({\n        height: animatedIn ? (pickerProps.number === 0 ? 145 : 179) : 0,\n    });\n    const transition = useTransition(animatedIn, {\n        from: { opacity: 0 },\n        enter: { opacity: 1 },\n        leave: { opacity: 0 },\n    });\n\n    const firstUpdate = useRef();\n\n    useEffect(() => {\n        setAnimation(true);\n    }, []);\n\n    const onInputChanged = (val: any) => {\n        if (pickerProps.onChange) {\n            pickerProps.onChange({\n                ...pickerProps.details,\n                ...val,\n            });\n        }\n    };\n\n    const onClose = () => {\n        if (pickerProps.onRemove) {\n            setAnimation(false);\n            setTimeout(() => {\n                pickerProps.onRemove();\n            }, 500);\n        }\n    };\n    const adultsChangeHandler = (val: any) => {\n        onInputChanged({ adults: val });\n    };\n    const childrenChangeHandler = (val: any) => {\n        onInputChanged({ children: val });\n    };\n    return (\n        <>\n            {transition(\n                (props, item) =>\n                    item && (\n                        <animated.div ref={firstUpdate} style={{ ...props, ...heightProps } as any}>\n                            <div className=\"people-picker--item\">\n                                {pickerProps.number > 0 && (\n                                    <div className=\"people-picker--item-row\">\n                                        <Text type={TextType.Small} color={Color.DarkGrey}>\n                                            <strong>\n                                                {t(Translation.Misc.Room)}&nbsp;{pickerProps.number + 1}\n                                            </strong>\n                                        </Text>\n                                        <div className=\"people-picker--item-remove\" onClick={onClose}>\n                                            <Icon icon={IconType.Close} color={Color.Grey} />\n                                        </div>\n                                    </div>\n                                )}\n                                <div className=\"people-picker--item-row\">\n                                    <Text>{t(Translation.Step.Date.Adult_plural)}</Text>\n                                    <NumberIncrement number={adults} min={1} max={hotel.maxOccupancy - children} onChange={adultsChangeHandler} />\n                                </div>\n                                <div className={'people-picker--item-row'}>\n                                    <Text>{t(Translation.Step.Date.Child_plural)}</Text>\n                                    <NumberIncrement number={children} min={0} max={hotel.maxOccupancy - adults} onChange={childrenChangeHandler} />\n                                </div>\n                            </div>\n                            <LineBreak />\n                        </animated.div>\n                    )\n            )}\n        </>\n    );\n}\n"]}

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("../../../../components/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("../../../../components/generic/Headline"));
+const Currency_1 = __importDefault(require("../../../../components/generic/Currency"));
 const react_i18next_1 = require("react-i18next");
 const react_1 = require("react");
-const contexts_1 = require("@frontend/contexts");
-const BookingAPI_1 = __importDefault(require("api/BookingAPI"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const hooks_1 = require("@frontend/hooks");
+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");
 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/StepDatePricePerRoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepDatePricePerRoom.js","sourceRoot":"/","sources":["src/components/steps/date/StepDatePricePerRoom.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Text, { TextType } from 'components/generic/Text';\nimport { TextAlign } from 'util/TextAlignment';\nimport { Color } from 'util/Color';\nimport { Translation } from 'translations/Translation';\nimport Headline from 'components/generic/Headline';\nimport Currency from 'components/generic/Currency';\nimport { useTranslation } from 'react-i18next';\nimport { useMemo, useState, useContext, useEffect } from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport API from 'api/BookingAPI';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface StepDatePricePerRoomProps {\n    isMobile: boolean;\n}\n\nexport default function StepDatePricePerRoom(props: StepDatePricePerRoomProps) {\n    const { t } = useTranslation();\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const [pricePerRoom, setPricePerRoom] = useState(0);\n    const [isLoading, setIsLoading] = useState(false);\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const selectedBasketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n        if (basketContext.endDate) {\n            const adults = selectedBasketRow ? selectedBasketRow.getAdults() : 0;\n            const children = selectedBasketRow ? selectedBasketRow.getChildren() : 0;\n            const promoCode = selectedBasketRow ? selectedBasketRow.getPromoCode() : '';\n\n            setIsLoading(true);\n            setTimeout(() => {\n                API.Availability.getCheapestPricePerDay(basketContext.startDate, basketContext.endDate.subtract(1, 'day'), adults, children, promoCode, hotel.hotelID).then(\n                    (dayPrices) => {\n                        const prices = Object.values(dayPrices);\n\n                        if (!cancelled) {\n                            let cheapestFromAPI = prices.length > 0 ? prices.reduce((prev, curr) => (!curr ? prev : Math.min(prev, curr))) : 0;\n\n                            if (isNaN(cheapestFromAPI)) {\n                                cheapestFromAPI = 0;\n                            }\n\n                            setPricePerRoom(cheapestFromAPI);\n                            setIsLoading(false);\n                        }\n                    }\n                );\n            }, 250);\n        }\n\n        return () => {\n            setIsLoading(false);\n\n            cancelled = true;\n        };\n    }, [basketContext.endDate, basketContext.selectedBasketRow]);\n\n    const isMobile = props.isMobile;\n\n    return useMemo(() => {\n        return (\n            <div className=\"u-flex flex-column justify-content-end align-items-end h-100\">\n                <Text type={isMobile ? TextType.Label : TextType.Small} align={TextAlign.Right} className=\"u-nowrap\">\n                    <span style={{ color: Color.DarkGrey }}>\n                        {t(Translation.Misc.From)} <span style={{ color: Color.Grey }}>({t(Translation.Misc.PerRoom)})</span>\n                    </span>\n                </Text>\n                {isMobile ? (\n                    <span className=\"u-ellip-w-100-deep\">\n                        <Text bold={true}>\n                            {isLoading ? (\n                                <div className=\"u-inline-flex a-spin\">\n                                    <Icon icon={IconType.Spinner} />\n                                </div>\n                            ) : (\n                                <Currency removeCurrencyAfterChar={6}>{pricePerRoom}</Currency>\n                            )}\n                        </Text>\n                    </span>\n                ) : (\n                    <Headline bold={true} size={'large'} align={TextAlign.Right}>\n                        {isLoading ? (\n                            <div className=\"u-inline-flex a-spin\">\n                                <Icon icon={IconType.Spinner} />\n                            </div>\n                        ) : (\n                            <Currency>{pricePerRoom}</Currency>\n                        )}\n                    </Headline>\n                )}\n            </div>\n        );\n    }, [isLoading, pricePerRoom]);\n}\n"]}
+{"version":3,"file":"StepDatePricePerRoom.js","sourceRoot":"/","sources":["src/components/steps/date/StepDatePricePerRoom.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { TextAlign } from '@/util/TextAlignment';\nimport { Color } from '@/util/Color';\nimport { Translation } from 'translations/Translation';\nimport Headline from '@/components/generic/Headline';\nimport Currency from '@/components/generic/Currency';\nimport { useTranslation } from 'react-i18next';\nimport { useMemo, useState, useContext, useEffect } from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport API from '@/api/BookingAPI';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface StepDatePricePerRoomProps {\n    isMobile: boolean;\n}\n\nexport default function StepDatePricePerRoom(props: StepDatePricePerRoomProps) {\n    const { t } = useTranslation();\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const [pricePerRoom, setPricePerRoom] = useState(0);\n    const [isLoading, setIsLoading] = useState(false);\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const selectedBasketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[basketContext.currentBasketRows.length - 1];\n\n        if (basketContext.endDate) {\n            const adults = selectedBasketRow ? selectedBasketRow.getAdults() : 0;\n            const children = selectedBasketRow ? selectedBasketRow.getChildren() : 0;\n            const promoCode = selectedBasketRow ? selectedBasketRow.getPromoCode() : '';\n\n            setIsLoading(true);\n            setTimeout(() => {\n                API.Availability.getCheapestPricePerDay(basketContext.startDate, basketContext.endDate.subtract(1, 'day'), adults, children, promoCode, hotel.hotelID).then(\n                    (dayPrices) => {\n                        const prices = Object.values(dayPrices);\n\n                        if (!cancelled) {\n                            let cheapestFromAPI = prices.length > 0 ? prices.reduce((prev, curr) => (!curr ? prev : Math.min(prev, curr))) : 0;\n\n                            if (isNaN(cheapestFromAPI)) {\n                                cheapestFromAPI = 0;\n                            }\n\n                            setPricePerRoom(cheapestFromAPI);\n                            setIsLoading(false);\n                        }\n                    }\n                );\n            }, 250);\n        }\n\n        return () => {\n            setIsLoading(false);\n\n            cancelled = true;\n        };\n    }, [basketContext.endDate, basketContext.selectedBasketRow]);\n\n    const isMobile = props.isMobile;\n\n    return useMemo(() => {\n        return (\n            <div className=\"u-flex flex-column justify-content-end align-items-end h-100\">\n                <Text type={isMobile ? TextType.Label : TextType.Small} align={TextAlign.Right} className=\"u-nowrap\">\n                    <span style={{ color: Color.DarkGrey }}>\n                        {t(Translation.Misc.From)} <span style={{ color: Color.Grey }}>({t(Translation.Misc.PerRoom)})</span>\n                    </span>\n                </Text>\n                {isMobile ? (\n                    <span className=\"u-ellip-w-100-deep\">\n                        <Text bold={true}>\n                            {isLoading ? (\n                                <div className=\"u-inline-flex a-spin\">\n                                    <Icon icon={IconType.Spinner} />\n                                </div>\n                            ) : (\n                                <Currency removeCurrencyAfterChar={6}>{pricePerRoom}</Currency>\n                            )}\n                        </Text>\n                    </span>\n                ) : (\n                    <Headline bold={true} size={'large'} align={TextAlign.Right}>\n                        {isLoading ? (\n                            <div className=\"u-inline-flex a-spin\">\n                                <Icon icon={IconType.Spinner} />\n                            </div>\n                        ) : (\n                            <Currency>{pricePerRoom}</Currency>\n                        )}\n                    </Headline>\n                )}\n            </div>\n        );\n    }, [isLoading, pricePerRoom]);\n}\n"]}

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("@frontend/contexts");
-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("../../../../components/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("../../../../components/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/StepOneDateRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepOneDateRange.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneDateRange.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iCAA4C;AAC5C,iDAAmD;AACnD,2EAAmD;AACnD,sCAAmC;AACnC,0DAAuD;AACvD,qEAA8D;AAC9D,iDAA+C;AAE/C,SAAwB,gBAAgB;IACpC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAE1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,OAAO,CACH,6BAAK,SAAS,EAAC,wBAAwB;YACnC,oBAAC,kBAAQ;gBACL,8CAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACtF,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAC3F,CACA;YACX,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,GAAI;YAClD,oBAAC,kBAAQ;gBACL,8CAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACpF,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CACzF,CACA,CACT,CACT,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;AAC7C,CAAC;AAtBD,mCAsBC","sourcesContent":["import * as React from 'react';\n\nimport { useContext, useMemo } from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport Headline from 'components/generic/Headline';\nimport { Color } from 'util/Color';\nimport { Translation } from 'translations/Translation';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { useTranslation } from 'react-i18next';\n\nexport default function StepOneDateRange() {\n    const context = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    return useMemo(() => {\n        return (\n            <div className=\"step-one-status--dates\">\n                <Headline>\n                    <span {...(context.startDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                        {context.startDate ? context.startDate.format('ddd, MMM D') : t(Translation.Step.Date.Arrival)}\n                    </span>\n                </Headline>\n                <Icon icon={IconType.ArrowRight2} size={'18px'} />\n                <Headline>\n                    <span {...(context.endDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                        {context.endDate ? context.endDate.format('ddd, MMM D') : t(Translation.Step.Date.Departure)}\n                    </span>\n                </Headline>\n            </div>\n        );\n    }, [context.startDate, context.endDate]);\n}\n"]}
+{"version":3,"file":"StepOneDateRange.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneDateRange.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iCAA4C;AAC5C,iDAAmD;AACnD,6EAAqD;AACrD,wCAAqC;AACrC,0DAAuD;AACvD,uEAAgE;AAChE,iDAA+C;AAE/C,SAAwB,gBAAgB;IACpC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAE1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,OAAO,CACH,6BAAK,SAAS,EAAC,wBAAwB;YACnC,oBAAC,kBAAQ;gBACL,8CAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACtF,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAC3F,CACA;YACX,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,GAAI;YAClD,oBAAC,kBAAQ;gBACL,8CAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACpF,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CACzF,CACA,CACT,CACT,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;AAC7C,CAAC;AAtBD,mCAsBC","sourcesContent":["import * as React from 'react';\n\nimport { useContext, useMemo } from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport Headline from '@/components/generic/Headline';\nimport { Color } from '@/util/Color';\nimport { Translation } from 'translations/Translation';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { useTranslation } from 'react-i18next';\n\nexport default function StepOneDateRange() {\n    const context = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    return useMemo(() => {\n        return (\n            <div className=\"step-one-status--dates\">\n                <Headline>\n                    <span {...(context.startDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                        {context.startDate ? context.startDate.format('ddd, MMM D') : t(Translation.Step.Date.Arrival)}\n                    </span>\n                </Headline>\n                <Icon icon={IconType.ArrowRight2} size={'18px'} />\n                <Headline>\n                    <span {...(context.endDate ? { style: { color: Color.Accent, fontWeight: 'bold' } } : {})}>\n                        {context.endDate ? context.endDate.format('ddd, MMM D') : t(Translation.Step.Date.Departure)}\n                    </span>\n                </Headline>\n            </div>\n        );\n    }, [context.startDate, context.endDate]);\n}\n"]}

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("../../../../components/generic/date/DatePicker"));
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const contexts_1 = require("@frontend/contexts");
-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/StepOneDateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepOneDateRangePicker.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneDateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oFAA4D;AAC5D,6CAA+B;AAC/B,iCAA4C;AAC5C,iEAAyC;AACzC,iDAAyE;AACzE,4DAA6E;AAE7E,SAAwB,sBAAsB;IAC1C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEpD,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,yBAAyB,GAAG,CAAC,OAAY,EAAE,EAAE;YAC/C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,eAAe,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;YACrG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC,CAAC;QACF,MAAM,uBAAuB,GAAG,CAAC,OAAY,EAAE,EAAE;YAC7C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,gBAAgB,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;YACtG,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC,CAAC;QACF,OAAO,CACH,oBAAC,oBAAU,IACP,sBAAsB,EAAE,IAAI,EAC5B,kBAAkB,EAAE,UAAU,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,EACjE,iBAAiB,EAAE,OAAO,CAAC,SAAS,EACpC,eAAe,EAAE,OAAO,CAAC,OAAO,EAChC,YAAY,EAAE,IAAI,EAClB,gBAAgB,EAAE,IAAI,EACtB,kBAAkB,EAAE,yBAAyB,EAC7C,gBAAgB,EAAE,uBAAuB,GAC3C,CACL,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;AACpE,CAAC;AA1BD,yCA0BC","sourcesContent":["import DatePicker from 'components/generic/date/DatePicker';\nimport * as React from 'react';\nimport { useContext, useMemo } from 'react';\nimport ScreenSize from 'util/ScreenSize';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\n\nexport default function StepOneDateRangePicker() {\n    const context = useContext(BasketContext);\n    const appContext = useContext(BookingEngineContext);\n\n    return useMemo(() => {\n        const onStartDateChangedHandler = (newDate: any) => {\n            DataLayer.instance.sendInteraction('Check In Date', InteractionType.CALENDAR, InteractionStep.DATES);\n            context.setStartDate(newDate);\n        };\n        const onEndDateChangedHandler = (newDate: any) => {\n            DataLayer.instance.sendInteraction('Check Out Date', InteractionType.CALENDAR, InteractionStep.DATES);\n            context.setEndDate(newDate);\n        };\n        return (\n            <DatePicker\n                supportsMultiSelecting={true}\n                showMultipleMonths={appContext.screenSize > ScreenSize.ExtraLarge}\n                selectedStartDate={context.startDate}\n                selectedEndDate={context.endDate}\n                supportsWeek={true}\n                showMinNightStay={true}\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={onEndDateChangedHandler}\n            />\n        );\n    }, [context.startDate, context.endDate, appContext.screenSize]);\n}\n"]}
+{"version":3,"file":"StepOneDateRangePicker.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneDateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sFAA8D;AAC9D,6CAA+B;AAC/B,iCAA4C;AAC5C,mEAA2C;AAC3C,iDAAyE;AACzE,8DAA+E;AAE/E,SAAwB,sBAAsB;IAC1C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEpD,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,yBAAyB,GAAG,CAAC,OAAY,EAAE,EAAE;YAC/C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,eAAe,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;YACrG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC,CAAC;QACF,MAAM,uBAAuB,GAAG,CAAC,OAAY,EAAE,EAAE;YAC7C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,gBAAgB,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;YACtG,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC,CAAC;QACF,OAAO,CACH,oBAAC,oBAAU,IACP,sBAAsB,EAAE,IAAI,EAC5B,kBAAkB,EAAE,UAAU,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,EACjE,iBAAiB,EAAE,OAAO,CAAC,SAAS,EACpC,eAAe,EAAE,OAAO,CAAC,OAAO,EAChC,YAAY,EAAE,IAAI,EAClB,gBAAgB,EAAE,IAAI,EACtB,kBAAkB,EAAE,yBAAyB,EAC7C,gBAAgB,EAAE,uBAAuB,GAC3C,CACL,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;AACpE,CAAC;AA1BD,yCA0BC","sourcesContent":["import DatePicker from '@/components/generic/date/DatePicker';\nimport * as React from 'react';\nimport { useContext, useMemo } from 'react';\nimport ScreenSize from '@/util/ScreenSize';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nexport default function StepOneDateRangePicker() {\n    const context = useContext(BasketContext);\n    const appContext = useContext(BookingEngineContext);\n\n    return useMemo(() => {\n        const onStartDateChangedHandler = (newDate: any) => {\n            DataLayer.instance.sendInteraction('Check In Date', InteractionType.CALENDAR, InteractionStep.DATES);\n            context.setStartDate(newDate);\n        };\n        const onEndDateChangedHandler = (newDate: any) => {\n            DataLayer.instance.sendInteraction('Check Out Date', InteractionType.CALENDAR, InteractionStep.DATES);\n            context.setEndDate(newDate);\n        };\n        return (\n            <DatePicker\n                supportsMultiSelecting={true}\n                showMultipleMonths={appContext.screenSize > ScreenSize.ExtraLarge}\n                selectedStartDate={context.startDate}\n                selectedEndDate={context.endDate}\n                supportsWeek={true}\n                showMinNightStay={true}\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={onEndDateChangedHandler}\n            />\n        );\n    }, [context.startDate, context.endDate, appContext.screenSize]);\n}\n"]}