@roomstay/frontend 2.0.12 → 2.1.1

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

@@ -1,16 +1,42 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 });
 const react_1 = require("react");
-const React = require("react");
-const BasketRow_1 = require("models/BasketRow");
-const PeoplePickerRow_1 = require("components/steps/date/PeoplePickerRow");
-const Icon_1 = require("components/generic/Icon/Icon");
-const BEButton_1 = require("components/generic/BEButton");
+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 Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
-const DataLayer_1 = require("util/DataLayer");
-const PromoCodeInput_1 = 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":"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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"]}

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

@@ -1,15 +1,41 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 });
-const React = require("react");
+const React = __importStar(require("react"));
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
-const NumberIncrement_1 = require("components/generic/NumberIncrement");
-const Text_1 = require("components/generic/Text");
-const Icon_1 = 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 = require("components/generic/LineBreak");
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
 const hooks_1 = require("@frontend/hooks");
 function PeoplePickerRow(pickerProps) {
     const { t } = (0, react_i18next_1.useTranslation)();

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":";;AAAA,+BAA+B;AAC/B,0DAAuD;AACvD,iDAA+C;AAC/C,wEAAiE;AACjE,kDAAyD;AACzD,uDAA8D;AAC9D,sCAAmC;AACnC,iCAAgE;AAChE,2CAAuE;AACvE,4DAAqD;AACrD,2CAAkD;AAgBlD,SAAwB,eAAe,CAAC,WAAiC;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC;IAEjD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,IAAA,eAAS,EAAC;QAC1B,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;KAClE,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,IAAA,mBAAa,EAAC,UAAU,EAAE;QACzC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACpB,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACrB,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;KACxB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,IAAA,cAAM,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,CAAC,GAAQ,EAAE,EAAE;QAChC,IAAI,WAAW,CAAC,QAAQ,EAAE;YACtB,WAAW,CAAC,QAAQ,iCACb,WAAW,CAAC,OAAO,GACnB,GAAG,EACR,CAAC;SACN;IACL,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACjB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACtB,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,UAAU,CAAC,GAAG,EAAE;gBACZ,WAAW,CAAC,QAAQ,EAAE,CAAC;YAC3B,CAAC,EAAE,GAAG,CAAC,CAAC;SACX;IACL,CAAC,CAAC;IACF,MAAM,mBAAmB,GAAG,CAAC,GAAQ,EAAE,EAAE;QACrC,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IACpC,CAAC,CAAC;IACF,MAAM,qBAAqB,GAAG,CAAC,GAAQ,EAAE,EAAE;QACvC,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;IACtC,CAAC,CAAC;IACF,OAAO,CACH,0CACK,UAAU,CACP,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CACZ,IAAI,IAAI,CACJ,oBAAC,cAAQ,CAAC,GAAG,IAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,gCAAK,KAAK,GAAK,WAAW,CAAS;QACtE,6BAAK,SAAS,EAAC,qBAAqB;YAC/B,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,6BAAK,SAAS,EAAC,yBAAyB;gBACpC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;oBAC7C;wBACK,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC;;wBAAQ,WAAW,CAAC,MAAM,GAAG,CAAC,CAClD,CACN;gBACP,6BAAK,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,OAAO;oBACxD,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,GAAI,CAC/C,CACJ,CACT;YACD,6BAAK,SAAS,EAAC,yBAAyB;gBACpC,oBAAC,cAAI,QAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAQ;gBACpD,oBAAC,yBAAe,IAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,EAAE,QAAQ,EAAE,mBAAmB,GAAI,CAC5G;YACN,6BAAK,SAAS,EAAE,yBAAyB;gBACrC,oBAAC,cAAI,QAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAQ;gBACpD,oBAAC,yBAAe,IAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,EAAE,QAAQ,EAAE,qBAAqB,GAAI,CAC9G,CACJ;QACN,oBAAC,mBAAS,OAAG,CACF,CAClB,CACR,CACF,CACN,CAAC;AACN,CAAC;AAhFD,kCAgFC","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

@@ -1,17 +1,43 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 });
-const React = require("react");
-const Text_1 = require("components/generic/Text");
-const TextAlignment_1 = require("util/TextAlignment");
-const Color_1 = require("util/Color");
+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 Translation_1 = require("translations/Translation");
-const Headline_1 = require("components/generic/Headline");
-const Currency_1 = 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 = require("api/BookingAPI");
-const Icon_1 = require("components/generic/Icon/Icon");
+const BookingAPI_1 = __importDefault(require("@/api/BookingAPI"));
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
 const hooks_1 = require("@frontend/hooks");
 function StepDatePricePerRoom(props) {
     const { t } = (0, react_i18next_1.useTranslation)();

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

@@ -1,12 +1,38 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 });
-const React = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
 const contexts_1 = require("@frontend/contexts");
-const Headline_1 = require("components/generic/Headline");
-const Color_1 = require("util/Color");
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Color_1 = require("@/util/Color");
 const Translation_1 = require("translations/Translation");
-const Icon_1 = 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,+BAA+B;AAE/B,iCAA4C;AAC5C,iDAAmD;AACnD,0DAAmD;AACnD,sCAAmC;AACnC,0DAAuD;AACvD,uDAA8D;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

@@ -1,11 +1,37 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 });
-const DatePicker_1 = require("components/generic/date/DatePicker");
-const React = require("react");
+const DatePicker_1 = __importDefault(require("@/components/generic/date/DatePicker"));
+const React = __importStar(require("react"));
 const react_1 = require("react");
-const ScreenSize_1 = require("util/ScreenSize");
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
 const contexts_1 = require("@frontend/contexts");
-const DataLayer_1 = require("util/DataLayer");
+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,mEAA4D;AAC5D,+BAA+B;AAC/B,iCAA4C;AAC5C,gDAAyC;AACzC,iDAAyE;AACzE,8CAA6E;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"]}

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

@@ -1,12 +1,38 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 });
-const React = require("react");
-const Color_1 = require("util/Color");
+const React = __importStar(require("react"));
+const Color_1 = require("@/util/Color");
 const Translation_1 = require("translations/Translation");
-const Text_1 = require("components/generic/Text");
+const Text_1 = __importStar(require("@/components/generic/Text"));
 const react_i18next_1 = require("react-i18next");
-const RoomstayThemeEngine_1 = require("providers/RoomstayThemeEngine");
-const RoomstayThemeEngine_2 = require("providers/RoomstayThemeEngine");
+const RoomstayThemeEngine_1 = require("@/providers/RoomstayThemeEngine");
+const RoomstayThemeEngine_2 = __importDefault(require("@/providers/RoomstayThemeEngine"));
 function StepOneDateRangePickerLegend() {
     const { t } = (0, react_i18next_1.useTranslation)();
     return (React.createElement("div", { className: "diji-calendar-legend u-marg-top u-marg-bottom" },

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

@@ -1 +1 @@
-{"version":3,"file":"StepOneDateRangePickerLegend.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneDateRangePickerLegend.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,sCAAmC;AACnC,0DAAuD;AACvD,kDAAyD;AACzD,iDAA+C;AAC/C,uEAA8D;AAC9D,uEAAgE;AAEhE,SAAwB,4BAA4B;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,6BAAK,SAAS,EAAC,+CAA+C;QAC1D,4BAAI,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,4BAAI,SAAS,EAAC,iCAAiC,EAAC,GAAG,EAAE,KAAK;gBACtD,8BAAM,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,GAAG,CAAC,KAAK,EAAE,GAAI;gBACrF,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,IACnC,GAAG,CAAC,IAAI,CACN,CACN,CACR,CAAC;QACN,CAAC,CAAC,CACD,CACH,CACT,CAAC;AACN,CAAC;AApCD,+CAoCC","sourcesContent":["import * as React from 'react';\nimport { Color } from 'util/Color';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from 'components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { RoomstayTheme } from 'providers/RoomstayThemeEngine';\nimport RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\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={true}>\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,6CAA+B;AAC/B,wCAAqC;AACrC,0DAAuD;AACvD,kEAA2D;AAC3D,iDAA+C;AAC/C,yEAAgE;AAChE,0FAAkE;AAElE,SAAwB,4BAA4B;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,6BAAK,SAAS,EAAC,+CAA+C;QAC1D,4BAAI,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,4BAAI,SAAS,EAAC,iCAAiC,EAAC,GAAG,EAAE,KAAK;gBACtD,8BAAM,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,GAAG,CAAC,KAAK,EAAE,GAAI;gBACrF,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,IACnC,GAAG,CAAC,IAAI,CACN,CACN,CACR,CAAC;QACN,CAAC,CAAC,CACD,CACH,CACT,CAAC;AACN,CAAC;AApCD,+CAoCC","sourcesContent":["import * as React from 'react';\nimport { Color } from '@/util/Color';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { RoomstayTheme } from '@/providers/RoomstayThemeEngine';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\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={true}>\n                                {row.text}\n                            </Text>\n                        </li>\n                    );\n                })}\n            </ul>\n        </div>\n    );\n}\n"]}

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

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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) {
@@ -8,14 +31,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const NextStepButton_1 = require("components/generic/buttons/NextStepButton");
-const React = require("react");
+const NextStepButton_1 = __importDefault(require("@/components/generic/buttons/NextStepButton"));
+const React = __importStar(require("react"));
 const react_1 = require("react");
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
 const contexts_1 = require("@frontend/contexts");
-const DataLayer_1 = require("util/DataLayer");
+const DataLayer_1 = __importStar(require("@/util/DataLayer"));
 const contexts_2 = require("@frontend/contexts");
 function StepOneNextStepButton(props) {
     const { t } = (0, react_i18next_1.useTranslation)();

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":";;;;;;;;;;;AAAA,8EAAuE;AACvE,+BAA+B;AAC/B,iCAAmC;AACnC,0DAAuD;AACvD,iDAA+C;AAC/C,iDAAmD;AACnD,8CAA6E;AAC7E,iDAA2D;AAE3D,SAAwB,qBAAqB,CAAC,KAAU;IACpD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAC1C,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,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,OAAO,CACH,oBAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,oBAAoB,GAAI,CAC9K,CAAC;AACN,CAAC;AApCD,wCAoCC","sourcesContent":["import NextStepButton from 'components/generic/buttons/NextStepButton';\nimport * as React from 'react';\nimport { useContext } from 'react';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext } from '@frontend/contexts';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport { FullPageEngineContext } from '@frontend/contexts';\n\nexport default function StepOneNextStepButton(props: any) {\n    const { t } = useTranslation();\n\n    const context = useContext(BasketContext);\n    const { currentStep } = useContext(FullPageEngineContext);\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    return (\n        <NextStepButton text={t(label)} history={props.history} disabled={!context.endDate} currentStep={currentStep} hideIcon={!context.endDate} onClick={buttonOnClickHandler} />\n    );\n}\n"]}
+{"version":3,"file":"StepOneNextStepButton.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneNextStepButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iGAAyE;AACzE,6CAA+B;AAC/B,iCAAmC;AACnC,0DAAuD;AACvD,iDAA+C;AAC/C,iDAAmD;AACnD,8DAA+E;AAC/E,iDAA2D;AAE3D,SAAwB,qBAAqB,CAAC,KAAU;IACpD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAC1C,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAE1D,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,OAAO,CACH,oBAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,oBAAoB,GAAI,CAC9K,CAAC;AACN,CAAC;AApCD,wCAoCC","sourcesContent":["import NextStepButton from '@/components/generic/buttons/NextStepButton';\nimport * as React from 'react';\nimport { useContext } from 'react';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { BasketContext } from '@frontend/contexts';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { FullPageEngineContext } from '@frontend/contexts';\n\nexport default function StepOneNextStepButton(props: any) {\n    const { t } = useTranslation();\n\n    const context = useContext(BasketContext);\n    const { currentStep } = useContext(FullPageEngineContext);\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    return (\n        <NextStepButton text={t(label)} history={props.history} disabled={!context.endDate} currentStep={currentStep} hideIcon={!context.endDate} onClick={buttonOnClickHandler} />\n    );\n}\n"]}

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

@@ -1,8 +1,34 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 });
-const React = require("react");
+const React = __importStar(require("react"));
 const contexts_1 = require("@frontend/contexts");
-const Text_1 = require("components/generic/Text");
+const Text_1 = __importDefault(require("@/components/generic/Text"));
 function StepOneStatusPeople() {
     const context = React.useContext(contexts_1.BasketContext);
     return (React.createElement("div", { className: "step-one-status--people" },

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

@@ -1 +1 @@
-{"version":3,"file":"StepOneStatusPeople.js","sourceRoot":"/","sources":["src/components/steps/date/StepOneStatusPeople.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iDAAmD;AACnD,kDAA2C;AAE3C,SAAwB,mBAAmB;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAa,CAAC,CAAC;IAChD,OAAO,CACH,6BAAK,SAAS,EAAC,yBAAyB;QACpC,oBAAC,cAAI;YACA,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC;;YAC/B,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAC;;YACjC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAC5B,CACL,CACT,CAAC;AACN,CAAC;AAXD,sCAWC","sourcesContent":["import * as React from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport Text from 'components/generic/Text';\n\nexport default function StepOneStatusPeople() {\n    const context = React.useContext(BasketContext);\n    return (\n        <div className=\"step-one-status--people\">\n            <Text>\n                {context.getNumberOfAdults(true)},&nbsp;\n                {context.getNumberOfChildren(true)},&nbsp;\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,6CAA+B;AAC/B,iDAAmD;AACnD,qEAA6C;AAE7C,SAAwB,mBAAmB;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAa,CAAC,CAAC;IAChD,OAAO,CACH,6BAAK,SAAS,EAAC,yBAAyB;QACpC,oBAAC,cAAI;YACA,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC;;YAC/B,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAC;;YACjC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAC5B,CACL,CACT,CAAC;AACN,CAAC;AAXD,sCAWC","sourcesContent":["import * as React from 'react';\nimport { BasketContext } from '@frontend/contexts';\nimport Text from '@/components/generic/Text';\n\nexport default function StepOneStatusPeople() {\n    const context = React.useContext(BasketContext);\n    return (\n        <div className=\"step-one-status--people\">\n            <Text>\n                {context.getNumberOfAdults(true)},&nbsp;\n                {context.getNumberOfChildren(true)},&nbsp;\n                {context.getNumberOfRooms(true)}\n            </Text>\n        </div>\n    );\n}\n"]}

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

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