@roomstay/frontend 2.6.88 → 2.6.89-2

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 { BasketContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport PromoCodeInput from '@/components/generic/PromoCodeInput';\nimport OccupancyWarningBlock from '@/components/steps/date/OccupancyWarningBlock';\nimport PeoplePickerRow, { PeoplePickerDetails } from '@/components/steps/date/PeoplePickerRow';\nimport BasketRow, { EPromoCodeStatus } from '@/models/BasketRow';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nexport default function PeoplePicker() {\n    const context = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const updateRoomValues = (row: BasketRow, values: PeoplePickerDetails) => {\n        const { adults, children, infants, 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\n        if (infants !== row.getInfants()) {\n            row.setInfants(infants);\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.DATES);\n        }\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.setManualInputPromoCode(!!true);\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\n    const promocode = context.selectedBasketRow?.getPromoCode(hotel?.memberOnlyPromoCode);\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={{\n                                adults: item.getAdults(),\n                                children: item.getChildren(),\n                                infants: item.getInfants(),\n                                promoCode: item.getPromoCode(),\n                                roomCode: item.getRoomCode(),\n                            }}\n                            onChange={changeRoomValues}\n                            onRemove={removeBasketRowHandler}\n                        />\n                    </div>\n                );\n            })}\n            <div className=\"u-marg-bottom\">\n                <PromoCodeInput\n                    value={promocode}\n                    onChange={changePromoCode}\n                    valid={!promocode || promoCodeStatus === null || promoCodeStatus === EPromoCodeStatus.New ? undefined : promoCodeStatus === EPromoCodeStatus.Valid}\n                    variant=\"outlined\"\n                    row={context.selectedBasketRow}\n                />\n            </div>\n\n            <BEButton isText primary icon={IconType.Add} stopIconAnimation onClick={addAnotherRoomOnClickHandler}>\n                {t(Translation.Misc.AddAnotherRoom)}\n            </BEButton>\n            <OccupancyWarningBlock />\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"PeoplePicker.js","sourceRoot":"/","sources":["src/components/steps/date/PeoplePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport PromoCodeInput from '@/components/generic/PromoCodeInput';\nimport OccupancyWarningBlock from '@/components/steps/date/OccupancyWarningBlock';\nimport PeoplePickerRow, { PeoplePickerDetails } from '@/components/steps/date/PeoplePickerRow';\nimport BasketRow from '@/models/BasketRow';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nexport default function PeoplePicker() {\n    const context = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const updateRoomValues = (row: BasketRow, values: PeoplePickerDetails) => {\n        const { adults, children, infants, 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\n        if (infants !== row.getInfants()) {\n            row.setInfants(infants);\n            DataLayer.instance.sendInteraction('Guests', InteractionType.NUMBER_INPUT, InteractionStep.DATES);\n        }\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.setManualInputPromoCode(!!true);\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\n    const promocode = context.selectedBasketRow?.getPromoCode(hotel?.memberOnlyPromoCode);\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={{\n                                adults: item.getAdults(),\n                                children: item.getChildren(),\n                                infants: item.getInfants(),\n                                promoCode: item.getPromoCode(),\n                                roomCode: item.getRoomCode(),\n                            }}\n                            onChange={changeRoomValues}\n                            onRemove={removeBasketRowHandler}\n                        />\n                    </div>\n                );\n            })}\n            <div className=\"u-marg-bottom\">\n                <PromoCodeInput\n                    value={promocode}\n                    onChange={changePromoCode}\n                    valid={!promocode || promoCodeStatus === null || promoCodeStatus === 'new' ? undefined : promoCodeStatus === 'valid'}\n                    variant=\"outlined\"\n                />\n            </div>\n\n            <BEButton isText primary icon={IconType.Add} stopIconAnimation onClick={addAnotherRoomOnClickHandler}>\n                {t(Translation.Misc.AddAnotherRoom)}\n            </BEButton>\n            <OccupancyWarningBlock />\n        </div>\n    );\n}\n"]}

package/dist/src/components/steps/date/PeoplePickerRow.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface PeoplePickerDetails {
     adults: number;
     children: number;
@@ -12,4 +11,4 @@ export interface PeoplePickerRowProps {
     onChange?: (details: PeoplePickerDetails) => void;
     onRemove?: () => void;
 }
-export default function PeoplePickerRow(pickerProps: PeoplePickerRowProps): React.JSX.Element;
+export default function PeoplePickerRow(pickerProps: PeoplePickerRowProps): JSX.Element;

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = PeoplePickerRow;
 const hooks_1 = require("../../../hooks/index.js");
 const web_1 = require("@react-spring/web");
 const react_1 = __importStar(require("react"));
@@ -105,7 +94,7 @@ function PeoplePickerRow(pickerProps) {
         };
     }, [containerRef.current]);
     const heightProps = (0, web_1.useSpring)({
-        height: containerHeight + 33, // 33 is for <LineBreak>
+        height: containerHeight + 33,
         opacity: animatedIn ? 1 : 0,
     });
     return (react_1.default.createElement(web_1.animated.div, { ref: firstUpdate, style: heightProps },
@@ -138,4 +127,5 @@ function PeoplePickerRow(pickerProps) {
                 react_1.default.createElement(AgedBetweenLabel_1.AgedBetweenLabel, { min: (_j = (_h = hotel === null || hotel === void 0 ? void 0 : hotel.childConfiguration) === null || _h === void 0 ? void 0 : _h.infantRange) === null || _j === void 0 ? void 0 : _j.min, max: (_l = (_k = hotel === null || hotel === void 0 ? void 0 : hotel.childConfiguration) === null || _k === void 0 ? void 0 : _k.infantRange) === null || _l === void 0 ? void 0 : _l.max }))) : null),
         react_1.default.createElement(LineBreak_1.default, { smallMargins: true })));
 }
+exports.default = PeoplePickerRow;
 //# sourceMappingURL=PeoplePickerRow.js.map

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 { useCurrentHotel } from '@frontend/hooks';\nimport { animated, useSpring } from '@react-spring/web';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport { AgedBetweenLabel } from '@/components/generic/AgedBetweenLabel/AgedBetweenLabel';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useSearchScopeHook } from '@/hooks/useSearchScopeHook';\nimport { Color } from '@/util/Color';\n\nexport interface PeoplePickerDetails {\n    adults: number;\n    children: number;\n    infants: number;\n    promoCode: string;\n    roomCode: 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, infants, roomCode } = pickerProps.details;\n\n    const { hotel } = useCurrentHotel();\n\n    const [animatedIn, setAnimation] = useState(false);\n\n    const firstUpdate = useRef<HTMLDivElement | null>(null);\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    const infantChangeHandler = (val: any) => {\n        onInputChanged({ infants: val });\n    };\n\n    const { getMaxSelectableAdults, showChildren, getMaxSelectableChildren, getMaxSelectableInfants } = useSearchScopeHook();\n    const maxAdults = getMaxSelectableAdults({ adults, children });\n    const maxChildren = getMaxSelectableChildren({ adults });\n    const maxInfants = getMaxSelectableInfants();\n    const roomName = hotel?.rooms?.[roomCode]?.name || '';\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [containerHeight, setContainerHeight] = useState(0);\n\n    useEffect(() => {\n        const resizeObserver = new ResizeObserver((entries) => {\n            for (const entry of entries) {\n                setContainerHeight(entry.contentRect.height);\n            }\n        });\n\n        if (containerRef.current) {\n            resizeObserver.observe(containerRef.current);\n        }\n\n        return () => {\n            if (containerRef.current) {\n                resizeObserver.unobserve(containerRef.current);\n            }\n        };\n    }, [containerRef.current]);\n\n    const heightProps = useSpring({\n        height: containerHeight + 33, // 33 is for <LineBreak>\n        opacity: animatedIn ? 1 : 0,\n    });\n\n    return (\n        <animated.div ref={firstUpdate} style={heightProps}>\n            <div className=\"people-picker--item\" ref={containerRef}>\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                {roomName && (\n                    <div className=\"people-picker--item-row\">\n                        <Text>{t(Translation.Step.Date.Room)}</Text>\n                        <Text className=\"room-name\">{roomName}</Text>\n                    </div>\n                )}\n\n                <div>\n                    <div className=\"people-picker--item-row\">\n                        <Text>{t(Translation.Step.Date.Adult_plural)}</Text>\n                        <NumberIncrement number={adults} min={1} max={maxAdults} onChange={adultsChangeHandler} />\n                    </div>\n                    <AgedBetweenLabel min={hotel?.minAdultAge} max={hotel?.maxAdultAge} />\n                </div>\n\n                {showChildren ? (\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={maxChildren} onChange={childrenChangeHandler} />\n                        </div>\n                        <AgedBetweenLabel min={hotel?.childConfiguration?.childRange?.min} max={hotel?.childConfiguration?.childRange?.max} />\n                    </div>\n                ) : null}\n\n                {hotel?.childConfiguration?.supportInfants ? (\n                    <div>\n                        <div className=\"people-picker--item-row\">\n                            <Text>{t(Translation.Step.Date.Infant_plural)}</Text>\n                            <NumberIncrement number={infants} min={0} max={maxInfants} onChange={infantChangeHandler} />\n                        </div>\n                        <AgedBetweenLabel min={hotel?.childConfiguration?.infantRange?.min} max={hotel?.childConfiguration?.infantRange?.max} />\n                    </div>\n                ) : null}\n            </div>\n            <LineBreak smallMargins />\n        </animated.div>\n    );\n}\n"]}
+{"version":3,"file":"PeoplePickerRow.js","sourceRoot":"/","sources":["src/components/steps/date/PeoplePickerRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport { animated, useSpring } from '@react-spring/web';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport { AgedBetweenLabel } from '@/components/generic/AgedBetweenLabel/AgedBetweenLabel';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useSearchScopeHook } from '@/hooks/useSearchScopeHook';\nimport { Color } from '@/util/Color';\n\nexport interface PeoplePickerDetails {\n    adults: number;\n    children: number;\n    infants: number;\n    promoCode: string;\n    roomCode: 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, infants, roomCode } = pickerProps.details;\n\n    const { hotel } = useCurrentHotel();\n\n    const [animatedIn, setAnimation] = useState(false);\n\n    const firstUpdate = useRef<HTMLDivElement | null>(null);\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    const infantChangeHandler = (val: any) => {\n        onInputChanged({ infants: val });\n    };\n\n    const { getMaxSelectableAdults, showChildren, getMaxSelectableChildren, getMaxSelectableInfants } = useSearchScopeHook();\n    const maxAdults = getMaxSelectableAdults({ adults, children });\n    const maxChildren = getMaxSelectableChildren({ adults });\n    const maxInfants = getMaxSelectableInfants();\n    const roomName = hotel?.rooms?.[roomCode]?.name || '';\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [containerHeight, setContainerHeight] = useState(0);\n\n    useEffect(() => {\n        const resizeObserver = new ResizeObserver((entries) => {\n            for (const entry of entries) {\n                setContainerHeight(entry.contentRect.height);\n            }\n        });\n\n        if (containerRef.current) {\n            resizeObserver.observe(containerRef.current);\n        }\n\n        return () => {\n            if (containerRef.current) {\n                resizeObserver.unobserve(containerRef.current);\n            }\n        };\n    }, [containerRef.current]);\n\n    const heightProps = useSpring({\n        height: containerHeight + 33, // 33 is for <LineBreak>\n        opacity: animatedIn ? 1 : 0,\n    });\n\n    return (\n        <animated.div ref={firstUpdate} style={heightProps}>\n            <div className=\"people-picker--item\" ref={containerRef}>\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                {roomName && (\n                    <div className=\"people-picker--item-row\">\n                        <Text>{t(Translation.Step.Date.Room)}</Text>\n                        <Text className=\"room-name\">{roomName}</Text>\n                    </div>\n                )}\n\n                <div>\n                    <div className=\"people-picker--item-row\">\n                        <Text>{t(Translation.Step.Date.Adult_plural)}</Text>\n                        <NumberIncrement number={adults} min={1} max={maxAdults} onChange={adultsChangeHandler} />\n                    </div>\n                    <AgedBetweenLabel min={hotel?.minAdultAge} max={hotel?.maxAdultAge} />\n                </div>\n\n                {showChildren ? (\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={maxChildren} onChange={childrenChangeHandler} />\n                        </div>\n                        <AgedBetweenLabel min={hotel?.childConfiguration?.childRange?.min} max={hotel?.childConfiguration?.childRange?.max} />\n                    </div>\n                ) : null}\n\n                {hotel?.childConfiguration?.supportInfants ? (\n                    <div>\n                        <div className=\"people-picker--item-row\">\n                            <Text>{t(Translation.Step.Date.Infant_plural)}</Text>\n                            <NumberIncrement number={infants} min={0} max={maxInfants} onChange={infantChangeHandler} />\n                        </div>\n                        <AgedBetweenLabel min={hotel?.childConfiguration?.infantRange?.min} max={hotel?.childConfiguration?.infantRange?.max} />\n                    </div>\n                ) : null}\n            </div>\n            <LineBreak smallMargins />\n        </animated.div>\n    );\n}\n"]}

package/dist/src/components/steps/date/StepDatePricePerRoom.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 interface StepDatePricePerRoomProps {
     isMobile: boolean;
 }
-export default function StepDatePricePerRoom(props: StepDatePricePerRoomProps): React.JSX.Element;
+export default function StepDatePricePerRoom(props: StepDatePricePerRoomProps): JSX.Element;
 export {};

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = StepDatePricePerRoom;
 const contexts_1 = require("../../../contexts/index.js");
 const hooks_1 = require("../../../hooks/index.js");
 const react_1 = __importStar(require("react"));
@@ -104,4 +93,5 @@ function StepDatePricePerRoom(props) {
                 react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Spinner }))) : (react_1.default.createElement(Currency_1.default, null, pricePerRoom))))));
     }, [isLoading, pricePerRoom]);
 }
+exports.default = StepDatePricePerRoom;
 //# sourceMappingURL=StepDatePricePerRoom.js.map

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 { BasketContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\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    const { memberNumber } = useSignedInMember();\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 infants = selectedBasketRow ? selectedBasketRow.getInfants() : 0;\n            const promoCode = selectedBasketRow ? selectedBasketRow.getPromoCode() : '';\n            const roomCode = selectedBasketRow ? selectedBasketRow.getRoomCode() : '';\n\n            setIsLoading(true);\n            setTimeout(() => {\n                API.Availability.getCheapestPricePerDay(\n                    basketContext.startDate,\n                    basketContext.endDate.subtract(1, 'day'),\n                    adults,\n                    children,\n                    infants,\n                    promoCode,\n                    roomCode,\n                    hotel?.hotelID as string,\n                    memberNumber\n                ).then((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            }, 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                {!isMobile ? (\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                ) : null}\n                {isMobile ? (\n                    <span className=\"u-ellip-w-100-deep\">\n                        <Text bold>\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 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 { BasketContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\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    const { memberNumber } = useSignedInMember();\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 infants = selectedBasketRow ? selectedBasketRow.getInfants() : 0;\n            const promoCode = selectedBasketRow ? selectedBasketRow.getPromoCode() : '';\n            const roomCode = selectedBasketRow ? selectedBasketRow.getRoomCode() : '';\n\n            setIsLoading(true);\n            setTimeout(() => {\n                API.Availability.getCheapestPricePerDay(\n                    basketContext.startDate,\n                    basketContext.endDate.subtract(1, 'day'),\n                    adults,\n                    children,\n                    infants,\n                    promoCode,\n                    roomCode,\n                    hotel?.hotelID as string,\n                    memberNumber\n                ).then((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            }, 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                {!isMobile ? (\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                ) : null}\n                {isMobile ? (\n                    <span className=\"u-ellip-w-100-deep\">\n                        <Text bold>\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 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.d.ts

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

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = StepOneDateRange;
 const contexts_1 = require("../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
@@ -56,4 +45,5 @@ function StepOneDateRange() {
                 react_1.default.createElement("span", Object.assign({}, (context.endDate ? { style: { color: Color_1.Color.Accent, fontWeight: 'bold' } } : {})), context.endDate ? context.endDate.format('ddd, MMM D') : t(Translation_1.Translation.Step.Date.Departure)))));
     }, [context.startDate, context.endDate]);
 }
+exports.default = StepOneDateRange;
 //# sourceMappingURL=StepOneDateRange.js.map

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,mCAsBC;AA/BD,iDAAmD;AACnD,+CAAmD;AACnD,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,uEAAgE;AAChE,wCAAqC;AAErC,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,uCAAK,SAAS,EAAC,wBAAwB;YACnC,8BAAC,kBAAQ;gBACL,wDAAU,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,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,WAAW,EAAE,IAAI,EAAC,MAAM,GAAG;YAChD,8BAAC,kBAAQ;gBACL,wDAAU,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","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport React, { useContext, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\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,iDAAmD;AACnD,+CAAmD;AACnD,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,uEAAgE;AAChE,wCAAqC;AAErC,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,uCAAK,SAAS,EAAC,wBAAwB;YACnC,8BAAC,kBAAQ;gBACL,wDAAU,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,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,WAAW,EAAE,IAAI,EAAC,MAAM,GAAG;YAChD,8BAAC,kBAAQ;gBACL,wDAAU,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 { BasketContext } from '@frontend/contexts';\nimport React, { useContext, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\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.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export default function StepOneDateRangePicker({ showMultipleMonths }: {
     showMultipleMonths?: boolean;
-}): React.JSX.Element;
+}): JSX.Element;

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = StepOneDateRangePicker;
 const contexts_1 = require("../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
 const DatePicker_1 = __importDefault(require("../../generic/date/DatePicker"));
@@ -57,4 +46,5 @@ function StepOneDateRangePicker({ showMultipleMonths = undefined }) {
         return (react_1.default.createElement(DatePicker_1.default, { supportsMultiSelecting: true, showMultipleMonths: showMultipleMonths !== undefined ? showMultipleMonths : appContext.screenSize > ScreenSize_1.default.ExtraLarge, selectedStartDate: context.startDate, selectedEndDate: context.endDate, supportsWeek: true, showMinNightStay: true, onStartDateChanged: onStartDateChangedHandler, onEndDateChanged: onEndDateChangedHandler }));
     }, [context.startDate, context.endDate, appContext.screenSize]);
 }
+exports.default = StepOneDateRangePicker;
 //# sourceMappingURL=StepOneDateRangePicker.js.map

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,yCA0BC;AAjCD,iDAAyE;AACzE,+CAAmD;AAEnD,sFAA8D;AAC9D,8DAA+E;AAC/E,mEAA2C;AAE3C,SAAwB,sBAAsB,CAAC,EAAE,kBAAkB,GAAG,SAAS,EAAoC;IAC/G,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,8BAAC,oBAAU,IACP,sBAAsB,QACtB,kBAAkB,EAAE,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,EACzH,iBAAiB,EAAE,OAAO,CAAC,SAAS,EACpC,eAAe,EAAE,OAAO,CAAC,OAAO,EAChC,YAAY,QACZ,gBAAgB,QAChB,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","sourcesContent":["import { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport React, { useContext, useMemo } from 'react';\n\nimport DatePicker from '@/components/generic/date/DatePicker';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\n\nexport default function StepOneDateRangePicker({ showMultipleMonths = undefined }: { showMultipleMonths?: boolean }) {\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\n                showMultipleMonths={showMultipleMonths !== undefined ? showMultipleMonths : appContext.screenSize > ScreenSize.ExtraLarge}\n                selectedStartDate={context.startDate}\n                selectedEndDate={context.endDate}\n                supportsWeek\n                showMinNightStay\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,iDAAyE;AACzE,+CAAmD;AAEnD,sFAA8D;AAC9D,8DAA+E;AAC/E,mEAA2C;AAE3C,SAAwB,sBAAsB,CAAC,EAAE,kBAAkB,GAAG,SAAS,EAAoC;IAC/G,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,8BAAC,oBAAU,IACP,sBAAsB,QACtB,kBAAkB,EAAE,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,GAAG,oBAAU,CAAC,UAAU,EACzH,iBAAiB,EAAE,OAAO,CAAC,SAAS,EACpC,eAAe,EAAE,OAAO,CAAC,OAAO,EAChC,YAAY,QACZ,gBAAgB,QAChB,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 { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport React, { useContext, useMemo } from 'react';\n\nimport DatePicker from '@/components/generic/date/DatePicker';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\n\nexport default function StepOneDateRangePicker({ showMultipleMonths = undefined }: { showMultipleMonths?: boolean }) {\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\n                showMultipleMonths={showMultipleMonths !== undefined ? showMultipleMonths : appContext.screenSize > ScreenSize.ExtraLarge}\n                selectedStartDate={context.startDate}\n                selectedEndDate={context.endDate}\n                supportsWeek\n                showMinNightStay\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={onEndDateChangedHandler}\n            />\n        );\n    }, [context.startDate, context.endDate, appContext.screenSize]);\n}\n"]}

package/dist/src/components/steps/date/StepOneDateRangePickerLegend.d.ts

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

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = StepOneDateRangePickerLegend;
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
@@ -69,4 +58,5 @@ function StepOneDateRangePickerLegend() {
                 react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, inline: true }, row.text)));
         }))));
 }
+exports.default = StepOneDateRangePickerLegend;
 //# sourceMappingURL=StepOneDateRangePickerLegend.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepOneDateRangePickerLegend.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneDateRangePickerLegend.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,+CAoCC;AA5CD,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,kEAA2D;AAC3D,uFAAqF;AACrF,wCAAqC;AAErC,SAAwB,4BAA4B;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,uCAAK,SAAS,EAAC,+CAA+C;QAC1D,sCAAI,SAAS,EAAC,2EAA2E,IACpF;YACG;gBACI,KAAK,EAAE,aAAK,CAAC,IAAI;gBACjB,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;aAC9C;YACD;gBACI,KAAK,EAAE,aAAK,CAAC,MAAM;gBACnB,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;aACtD;YACD;gBACI,KAAK,EAAE,aAAK,CAAC,OAAO;gBACpB,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;aACvD;YACD;gBACI,KAAK,EAAE,6BAAmB,CAAC,SAAS,KAAK,mCAAa,CAAC,KAAK,CAAC,CAAC,CAAC,aAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAK,CAAC,SAAS;gBAC3F,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;aACvD;SACJ,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;YAC9B,OAAO,CACH,sCAAI,SAAS,EAAC,iCAAiC,EAAC,GAAG,EAAE,KAAK;gBACtD,wCAAM,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,GAAG,CAAC,KAAK,EAAE,GAAI;gBACrF,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,UAC7B,GAAG,CAAC,IAAI,CACN,CACN,CACR,CAAC;QACN,CAAC,CAAC,CACD,CACH,CACT,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport RoomstayThemeEngine, { RoomstayTheme } from '@/providers/RoomstayThemeEngine';\nimport { Color } from '@/util/Color';\n\nexport default function StepOneDateRangePickerLegend() {\n    const { t } = useTranslation();\n\n    return (\n        <div className=\"diji-calendar-legend u-marg-top u-marg-bottom\">\n            <ul className=\"u-list-inline-flex u-flex justify-content-xl-start justify-content-center\">\n                {[\n                    {\n                        color: Color.Navy,\n                        text: t(Translation.Step.Date.Legend.Today),\n                    },\n                    {\n                        color: Color.Accent,\n                        text: t(Translation.Step.Date.Legend.SelectedDates),\n                    },\n                    {\n                        color: Color.Success,\n                        text: t(Translation.Step.Date.Legend.AvailableDates),\n                    },\n                    {\n                        color: RoomstayThemeEngine.ThemeType === RoomstayTheme.Light ? Color.Snow : Color.LightGrey,\n                        text: t(Translation.Step.Date.Legend.NoAvailability),\n                    },\n                ].map((row: any, index: number) => {\n                    return (\n                        <li className=\"u-marg-right align-items-center\" key={index}>\n                            <span className=\"diji-calendar-legend-icon\" style={{ backgroundColor: row.color }} />\n                            <Text type={TextType.Small} inline>\n                                {row.text}\n                            </Text>\n                        </li>\n                    );\n                })}\n            </ul>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"StepOneDateRangePickerLegend.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneDateRangePickerLegend.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,kEAA2D;AAC3D,uFAAqF;AACrF,wCAAqC;AAErC,SAAwB,4BAA4B;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,uCAAK,SAAS,EAAC,+CAA+C;QAC1D,sCAAI,SAAS,EAAC,2EAA2E,IACpF;YACG;gBACI,KAAK,EAAE,aAAK,CAAC,IAAI;gBACjB,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;aAC9C;YACD;gBACI,KAAK,EAAE,aAAK,CAAC,MAAM;gBACnB,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;aACtD;YACD;gBACI,KAAK,EAAE,aAAK,CAAC,OAAO;gBACpB,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;aACvD;YACD;gBACI,KAAK,EAAE,6BAAmB,CAAC,SAAS,KAAK,mCAAa,CAAC,KAAK,CAAC,CAAC,CAAC,aAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAK,CAAC,SAAS;gBAC3F,IAAI,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;aACvD;SACJ,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;YAC9B,OAAO,CACH,sCAAI,SAAS,EAAC,iCAAiC,EAAC,GAAG,EAAE,KAAK;gBACtD,wCAAM,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,GAAG,CAAC,KAAK,EAAE,GAAI;gBACrF,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,UAC7B,GAAG,CAAC,IAAI,CACN,CACN,CACR,CAAC;QACN,CAAC,CAAC,CACD,CACH,CACT,CAAC;AACN,CAAC;AApCD,+CAoCC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport RoomstayThemeEngine, { RoomstayTheme } from '@/providers/RoomstayThemeEngine';\nimport { Color } from '@/util/Color';\n\nexport default function StepOneDateRangePickerLegend() {\n    const { t } = useTranslation();\n\n    return (\n        <div className=\"diji-calendar-legend u-marg-top u-marg-bottom\">\n            <ul className=\"u-list-inline-flex u-flex justify-content-xl-start justify-content-center\">\n                {[\n                    {\n                        color: Color.Navy,\n                        text: t(Translation.Step.Date.Legend.Today),\n                    },\n                    {\n                        color: Color.Accent,\n                        text: t(Translation.Step.Date.Legend.SelectedDates),\n                    },\n                    {\n                        color: Color.Success,\n                        text: t(Translation.Step.Date.Legend.AvailableDates),\n                    },\n                    {\n                        color: RoomstayThemeEngine.ThemeType === RoomstayTheme.Light ? Color.Snow : Color.LightGrey,\n                        text: t(Translation.Step.Date.Legend.NoAvailability),\n                    },\n                ].map((row: any, index: number) => {\n                    return (\n                        <li className=\"u-marg-right align-items-center\" key={index}>\n                            <span className=\"diji-calendar-legend-icon\" style={{ backgroundColor: row.color }} />\n                            <Text type={TextType.Small} inline>\n                                {row.text}\n                            </Text>\n                        </li>\n                    );\n                })}\n            </ul>\n        </div>\n    );\n}\n"]}

package/dist/src/components/steps/date/StepOneNextStepButton.d.ts

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

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -45,7 +35,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = StepOneNextStepButton;
 const contexts_1 = require("../../../contexts/index.js");
 const hooks_1 = require("../../../hooks/index.js");
 const react_1 = __importStar(require("react"));
@@ -95,4 +84,5 @@ function StepOneNextStepButton() {
     }, [context.startDate, context.endDate]);
     return (react_1.default.createElement(NextStepButton_1.default, { text: t(label), disabled: !context.endDate || !!nightStayValidation.validationMinNightStay || !!nightStayValidation.validationMaxNightStay, hideIcon: !context.endDate, onClick: buttonOnClickHandler }));
 }
+exports.default = StepOneNextStepButton;
 //# sourceMappingURL=StepOneNextStepButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepOneNextStepButton.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneNextStepButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,wCAqDC;AA9DD,iDAAmD;AACnD,2CAA6E;AAC7E,+CAA+D;AAC/D,iDAA+C;AAC/C,0DAAuD;AAEvD,iGAAyE;AACzE,8DAA+E;AAE/E,SAAwB,qBAAqB;IACzC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAC1C,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,4BAAoB,EAAC,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC;IAC7E,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAuB;QACjF,IAAI,EAAE,KAAK;QACX,mBAAmB,EAAE,IAAI;QACzB,mBAAmB,EAAE,IAAI;QACzB,sBAAsB,EAAE,IAAI;QAC5B,sBAAsB,EAAE,IAAI;KAC/B,CAAC,CAAC;IACH,IAAI,KAAK,GAAG,EAAE,CAAC;IAEf,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;QACrB,KAAK,GAAG,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;IAClD,CAAC;SAAM,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAC1B,KAAK,GAAG,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC;IACrD,CAAC;SAAM,CAAC;QACJ,KAAK,GAAG,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC;IACpD,CAAC;IAED,MAAM,oBAAoB,GAAG,GAAS,EAAE;;QACpC,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,oBAAoB,EAAE,2BAAe,CAAC,MAAM,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAExG,IAAI,MAAA,OAAO,CAAC,iBAAiB,0CAAE,YAAY,EAAE,EAAE,CAAC;YAC5C,MAAM,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC;YAExF,IAAI,gBAAgB,CAAC,MAAM,EAAE,CAAC;gBAC1B,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;oBAC7B,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC,CAAC;oBAC3D,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;gBACjC,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAA,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,eAAe,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YAChE,sBAAsB,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzC,OAAO,CACH,8BAAC,wBAAc,IACX,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,EACd,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,CAAC,mBAAmB,CAAC,sBAAsB,IAAI,CAAC,CAAC,mBAAmB,CAAC,sBAAsB,EAC1H,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,EAC1B,OAAO,EAAE,oBAAoB,GAC/B,CACL,CAAC;AACN,CAAC","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport { INightStayValidation, useCalendarNightStay } from '@frontend/hooks';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport NextStepButton from '@/components/generic/buttons/NextStepButton';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nexport default function StepOneNextStepButton() {\n    const { t } = useTranslation();\n\n    const context = useContext(BasketContext);\n    const { getLastValidDay } = useCalendarNightStay({ basketContext: context });\n    const [nightStayValidation, setNightStayValidation] = useState<INightStayValidation>({\n        init: false,\n        arrivalMinNightStay: null,\n        arrivalMaxNightStay: null,\n        validationMinNightStay: null,\n        validationMaxNightStay: null,\n    });\n    let label = '';\n\n    if (!context.startDate) {\n        label = Translation.Step.Date.SelectStartDate;\n    } else if (!context.endDate) {\n        label = Translation.Step.Date.SelectCheckoutDate;\n    } else {\n        label = Translation.Step.Date.CheckAvailability;\n    }\n\n    const buttonOnClickHandler = async () => {\n        DataLayer.instance.sendInteraction('Check Availability', InteractionType.BUTTON, InteractionStep.DATES);\n\n        if (context.selectedBasketRow?.getPromoCode()) {\n            const rowsWithoutPromo = context.currentBasketRows.filter((row) => !row.getPromoCode());\n\n            if (rowsWithoutPromo.length) {\n                rowsWithoutPromo.forEach((row) => {\n                    row.setPromoCode(context.selectedBasketRow.getPromoCode());\n                    context.updateBasketRow(row);\n                });\n            }\n        }\n\n        return true;\n    };\n\n    useEffect(() => {\n        getLastValidDay(context.startDate, context.endDate).then((result) => {\n            setNightStayValidation(result?.nightStayValidation);\n        });\n    }, [context.startDate, context.endDate]);\n\n    return (\n        <NextStepButton\n            text={t(label)}\n            disabled={!context.endDate || !!nightStayValidation.validationMinNightStay || !!nightStayValidation.validationMaxNightStay}\n            hideIcon={!context.endDate}\n            onClick={buttonOnClickHandler}\n        />\n    );\n}\n"]}
+{"version":3,"file":"StepOneNextStepButton.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneNextStepButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAmD;AACnD,2CAA6E;AAC7E,+CAA+D;AAC/D,iDAA+C;AAC/C,0DAAuD;AAEvD,iGAAyE;AACzE,8DAA+E;AAE/E,SAAwB,qBAAqB;IACzC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAC1C,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,4BAAoB,EAAC,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC;IAC7E,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAuB;QACjF,IAAI,EAAE,KAAK;QACX,mBAAmB,EAAE,IAAI;QACzB,mBAAmB,EAAE,IAAI;QACzB,sBAAsB,EAAE,IAAI;QAC5B,sBAAsB,EAAE,IAAI;KAC/B,CAAC,CAAC;IACH,IAAI,KAAK,GAAG,EAAE,CAAC;IAEf,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;QACpB,KAAK,GAAG,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;KACjD;SAAM,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;QACzB,KAAK,GAAG,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC;KACpD;SAAM;QACH,KAAK,GAAG,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC;KACnD;IAED,MAAM,oBAAoB,GAAG,GAAS,EAAE;;QACpC,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,oBAAoB,EAAE,2BAAe,CAAC,MAAM,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAExG,IAAI,MAAA,OAAO,CAAC,iBAAiB,0CAAE,YAAY,EAAE,EAAE;YAC3C,MAAM,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC;YAExF,IAAI,gBAAgB,CAAC,MAAM,EAAE;gBACzB,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;oBAC7B,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC,CAAC;oBAC3D,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;gBACjC,CAAC,CAAC,CAAC;aACN;SACJ;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAA,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,eAAe,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YAChE,sBAAsB,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzC,OAAO,CACH,8BAAC,wBAAc,IACX,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,EACd,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,CAAC,mBAAmB,CAAC,sBAAsB,IAAI,CAAC,CAAC,mBAAmB,CAAC,sBAAsB,EAC1H,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,EAC1B,OAAO,EAAE,oBAAoB,GAC/B,CACL,CAAC;AACN,CAAC;AArDD,wCAqDC","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport { INightStayValidation, useCalendarNightStay } from '@frontend/hooks';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport NextStepButton from '@/components/generic/buttons/NextStepButton';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nexport default function StepOneNextStepButton() {\n    const { t } = useTranslation();\n\n    const context = useContext(BasketContext);\n    const { getLastValidDay } = useCalendarNightStay({ basketContext: context });\n    const [nightStayValidation, setNightStayValidation] = useState<INightStayValidation>({\n        init: false,\n        arrivalMinNightStay: null,\n        arrivalMaxNightStay: null,\n        validationMinNightStay: null,\n        validationMaxNightStay: null,\n    });\n    let label = '';\n\n    if (!context.startDate) {\n        label = Translation.Step.Date.SelectStartDate;\n    } else if (!context.endDate) {\n        label = Translation.Step.Date.SelectCheckoutDate;\n    } else {\n        label = Translation.Step.Date.CheckAvailability;\n    }\n\n    const buttonOnClickHandler = async () => {\n        DataLayer.instance.sendInteraction('Check Availability', InteractionType.BUTTON, InteractionStep.DATES);\n\n        if (context.selectedBasketRow?.getPromoCode()) {\n            const rowsWithoutPromo = context.currentBasketRows.filter((row) => !row.getPromoCode());\n\n            if (rowsWithoutPromo.length) {\n                rowsWithoutPromo.forEach((row) => {\n                    row.setPromoCode(context.selectedBasketRow.getPromoCode());\n                    context.updateBasketRow(row);\n                });\n            }\n        }\n\n        return true;\n    };\n\n    useEffect(() => {\n        getLastValidDay(context.startDate, context.endDate).then((result) => {\n            setNightStayValidation(result?.nightStayValidation);\n        });\n    }, [context.startDate, context.endDate]);\n\n    return (\n        <NextStepButton\n            text={t(label)}\n            disabled={!context.endDate || !!nightStayValidation.validationMinNightStay || !!nightStayValidation.validationMaxNightStay}\n            hideIcon={!context.endDate}\n            onClick={buttonOnClickHandler}\n        />\n    );\n}\n"]}

package/dist/src/components/steps/date/StepOneStatusPeople.d.ts

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

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = StepOneStatusPeople;
 const contexts_1 = require("../../../contexts/index.js");
 const hooks_1 = require("../../../hooks/index.js");
 const react_1 = __importStar(require("react"));
@@ -61,4 +50,5 @@ function StepOneStatusPeople() {
                 ",\u00A0") : null,
             context.getNumberOfRooms(true))));
 }
+exports.default = StepOneStatusPeople;
 //# sourceMappingURL=StepOneStatusPeople.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepOneStatusPeople.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneStatusPeople.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,sCAgBC;AAvBD,iDAAmD;AACnD,2CAAkD;AAClD,+CAA0C;AAE1C,qEAA6C;AAC7C,mEAAgE;AAEhE,SAAwB,mBAAmB;;IACvC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAC1C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAE9C,OAAO,CACH,uCAAK,SAAS,EAAC,yBAAyB;QACpC,8BAAC,cAAI;YACA,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC;;YAC/B,YAAY,CAAC,CAAC,CAAC;;gBAAI,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAC;0BAAW,CAAC,CAAC,CAAC,IAAI;YACtE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB,0CAAE,cAAc,EAAC,CAAC,CAAC;;gBAAI,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC;0BAAW,CAAC,CAAC,CAAC,IAAI;YAClG,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAC5B,CACL,CACT,CAAC;AACN,CAAC","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext } from 'react';\n\nimport Text from '@/components/generic/Text';\nimport { useSearchScopeHook } from '@/hooks/useSearchScopeHook';\n\nexport default function StepOneStatusPeople() {\n    const context = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const { showChildren } = useSearchScopeHook();\n\n    return (\n        <div className=\"step-one-status--people\">\n            <Text>\n                {context.getNumberOfAdults(true)},&nbsp;\n                {showChildren ? <> {context.getNumberOfChildren(true)},&nbsp;</> : null}\n                {hotel?.childConfiguration?.supportInfants ? <> {context.getNumberOfInfants(true)},&nbsp;</> : null}\n                {context.getNumberOfRooms(true)}\n            </Text>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"StepOneStatusPeople.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneStatusPeople.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAmD;AACnD,2CAAkD;AAClD,+CAA0C;AAE1C,qEAA6C;AAC7C,mEAAgE;AAEhE,SAAwB,mBAAmB;;IACvC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAC1C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAE9C,OAAO,CACH,uCAAK,SAAS,EAAC,yBAAyB;QACpC,8BAAC,cAAI;YACA,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC;;YAC/B,YAAY,CAAC,CAAC,CAAC;;gBAAI,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAC;0BAAW,CAAC,CAAC,CAAC,IAAI;YACtE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB,0CAAE,cAAc,EAAC,CAAC,CAAC;;gBAAI,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC;0BAAW,CAAC,CAAC,CAAC,IAAI;YAClG,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAC5B,CACL,CACT,CAAC;AACN,CAAC;AAhBD,sCAgBC","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext } from 'react';\n\nimport Text from '@/components/generic/Text';\nimport { useSearchScopeHook } from '@/hooks/useSearchScopeHook';\n\nexport default function StepOneStatusPeople() {\n    const context = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const { showChildren } = useSearchScopeHook();\n\n    return (\n        <div className=\"step-one-status--people\">\n            <Text>\n                {context.getNumberOfAdults(true)},&nbsp;\n                {showChildren ? <> {context.getNumberOfChildren(true)},&nbsp;</> : null}\n                {hotel?.childConfiguration?.supportInfants ? <> {context.getNumberOfInfants(true)},&nbsp;</> : null}\n                {context.getNumberOfRooms(true)}\n            </Text>\n        </div>\n    );\n}\n"]}