@roomstay/frontend 2.1.5 → 2.1.7

package/dist/src/components/generic/date/DatePickerDay.js

@@ -27,9 +27,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePickerDayStatus = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Text_1 = __importStar(require("../Text"));
-const react_1 = require("react");
+const react_2 = require("react");
 const Currency_1 = __importDefault(require("../Currency"));
 const BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
 const Icon_1 = __importStar(require("../Icon/Icon"));
@@ -47,19 +47,19 @@ var DatePickerDayStatus;
 })(DatePickerDayStatus = exports.DatePickerDayStatus || (exports.DatePickerDayStatus = {}));
 function DatePickerDay(props) {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const datePickerContext = (0, react_1.useContext)(contexts_1.DatePickerContext);
-    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
-    const [price, setPrice] = (0, react_1.useState)();
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const [isHovering, setIsHovering] = (0, react_1.useState)(false);
-    const [isSelected, setIsSelected] = (0, react_1.useState)(false);
-    const [isSelecting, setIsSelecting] = (0, react_1.useState)(false);
-    const [isFirst, setIsFirst] = (0, react_1.useState)(false);
-    const [isLast, setIsLast] = (0, react_1.useState)(false);
+    const datePickerContext = (0, react_2.useContext)(contexts_1.DatePickerContext);
+    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
+    const [price, setPrice] = (0, react_2.useState)();
+    const [isLoading, setIsLoading] = (0, react_2.useState)(false);
+    const [isHovering, setIsHovering] = (0, react_2.useState)(false);
+    const [isSelected, setIsSelected] = (0, react_2.useState)(false);
+    const [isSelecting, setIsSelecting] = (0, react_2.useState)(false);
+    const [isFirst, setIsFirst] = (0, react_2.useState)(false);
+    const [isLast, setIsLast] = (0, react_2.useState)(false);
     const isCurrent = props.day && datePickerContext.today.isSame(props.day, 'date');
     const isPast = props.unix < datePickerContext.todayInUnix && !isCurrent;
     const { selectedBasketRow } = basketContext;
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         let cancelled = false;
         const adults = selectedBasketRow ? selectedBasketRow.getAdults() : 1;
         const children = selectedBasketRow ? selectedBasketRow.getChildren() : 0;
@@ -90,7 +90,7 @@ function DatePickerDay(props) {
             cancelled = true;
         };
     }, [props.day, selectedBasketRow === null || selectedBasketRow === void 0 ? void 0 : selectedBasketRow.getAdults(), selectedBasketRow === null || selectedBasketRow === void 0 ? void 0 : selectedBasketRow.getChildren(), selectedBasketRow === null || selectedBasketRow === void 0 ? void 0 : selectedBasketRow.getPromoCode()]);
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         if (datePickerContext.hoveredMonth) {
             if (props.unix && datePickerContext.startDate.isBefore(props.day, 'date') && datePickerContext.hoveredMonth.isSameOrAfter(props.day, 'date')) {
                 setIsSelecting(true);
@@ -106,7 +106,7 @@ function DatePickerDay(props) {
         setIsSelecting(false);
         setIsLast(false);
     }, [datePickerContext.hoveredMonth, props.day]);
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         var _a, _b, _c;
         if (props.unix && datePickerContext.startDate) {
             if (((_a = datePickerContext.startDate) === null || _a === void 0 ? void 0 : _a.isSameOrBefore(props.day, 'date')) && ((_b = datePickerContext.endDate) === null || _b === void 0 ? void 0 : _b.isSameOrAfter(props.day, 'date'))) {
@@ -126,7 +126,7 @@ function DatePickerDay(props) {
         setIsFirst(false);
         setIsLast(false);
     }, [datePickerContext.startDate, datePickerContext.endDate, props.day]);
-    const memo = (0, react_1.useMemo)(() => {
+    const memo = (0, react_2.useMemo)(() => {
         var _a, _b;
         const onHoverIn = (e) => {
             datePickerContext.onHoverOver(props.day);
@@ -156,9 +156,9 @@ function DatePickerDay(props) {
         events.onMouseEnter = onHoverIn;
         events.onMouseLeave = onHoverOut;
         events.onClick = onClick;
-        const priceBlock = props.day && props.selectable && !isPast && (price || (isLoading && !price)) && price >= 0 && (React.createElement("div", { className: `diji-calendar-${(_b = props.displayType) !== null && _b !== void 0 ? _b : 'month'}--item-cost` }, isLoading ? (React.createElement("div", { className: "u-inline-flex a-spin" },
-            React.createElement(Icon_1.default, { color: Color_1.Color.Accent, icon: Icon_1.IconType.Spinner, size: "14px" }))) : (React.createElement(Text_1.default, { type: Text_1.TextType.Label },
-            React.createElement(Currency_1.default, { shortenThousandsAfter: 6, removeCurrencyAfterChar: 5, hideDecimals: true, disableLocalization: true }, price)))));
+        const priceBlock = props.day && props.selectable && !isPast && (price || (isLoading && !price)) && price >= 0 && (react_1.default.createElement("div", { className: `diji-calendar-${(_b = props.displayType) !== null && _b !== void 0 ? _b : 'month'}--item-cost` }, isLoading ? (react_1.default.createElement("div", { className: "u-inline-flex a-spin" },
+            react_1.default.createElement(Icon_1.default, { color: Color_1.Color.Accent, icon: Icon_1.IconType.Spinner, size: "14px" }))) : (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label },
+            react_1.default.createElement(Currency_1.default, { shortenThousandsAfter: 6, removeCurrencyAfterChar: 5, hideDecimals: true, disableLocalization: true }, price)))));
         if (props.displayType === 'week') {
             let height = 0;
             const range = (price / AvailabilityAPI_1.default.maxNightPrice) * 100;
@@ -178,18 +178,18 @@ function DatePickerDay(props) {
                     height = 95;
                 }
             }
-            return (React.createElement("div", Object.assign({ className: classes }, events),
-                props.text === '1' && React.createElement("div", { className: "diji-calendar-week--month-indicator" }, props.day.format('MMMM')),
-                React.createElement("div", { className: "diji-calendar-week--day-label" }, props.day.format('dd')),
-                React.createElement("div", { className: "diji-calendar-week--day-digit" },
-                    React.createElement(Text_1.default, null, props.text)),
-                React.createElement("div", { className: "diji-calendar-week--price-indicator" },
-                    React.createElement("div", { className: "diji-calendar-week--price-indicator-block", style: { maxHeight: `${height}%` } })),
+            return (react_1.default.createElement("div", Object.assign({ className: classes }, events),
+                props.text === '1' && react_1.default.createElement("div", { className: "diji-calendar-week--month-indicator" }, props.day.format('MMMM')),
+                react_1.default.createElement("div", { className: "diji-calendar-week--day-label" }, props.day.format('dd')),
+                react_1.default.createElement("div", { className: "diji-calendar-week--day-digit" },
+                    react_1.default.createElement(Text_1.default, null, props.text)),
+                react_1.default.createElement("div", { className: "diji-calendar-week--price-indicator" },
+                    react_1.default.createElement("div", { className: "diji-calendar-week--price-indicator-block", style: { maxHeight: `${height}%` } })),
                 priceBlock));
         }
         else {
-            return (React.createElement("div", Object.assign({ className: classes }, events),
-                React.createElement(Text_1.default, null, props.text),
+            return (react_1.default.createElement("div", Object.assign({ className: classes }, events),
+                react_1.default.createElement(Text_1.default, null, props.text),
                 priceBlock));
         }
     }, [

package/dist/src/components/generic/date/DatePickerDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerDay.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerDay.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useState, useMemo, useEffect, useContext } from 'react';\nimport Currency from '@/components/generic/Currency';\nimport dayjs from 'dayjs';\nimport API from '@/api/BookingAPI';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport { BasketContext, DatePickerContext } from '@frontend/contexts';\nimport AvailabilityAPI from '@/api/AvailabilityAPI';\nimport classNames from 'classnames';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface DatePickerDayProps {\n    text: any;\n    day?: dayjs.Dayjs | any;\n    unix: number;\n    price?: Promise<number>;\n    statuses?: DatePickerDayStatus[];\n    selectable?: boolean;\n    onClick?: (day: string) => void;\n    onHover?: (day: string, status: boolean) => void;\n    displayType?: 'month' | 'week';\n}\n\nexport enum DatePickerDayStatus {\n    Inactive = 0,\n    Selecting = '--selecting',\n    Loading = '--loading',\n    Selected = '--selected',\n}\n\nexport default function DatePickerDay(props: DatePickerDayProps) {\n    const { hotel } = useCurrentHotel();\n\n    const datePickerContext = useContext(DatePickerContext);\n    const basketContext = useContext(BasketContext);\n\n    const [price, setPrice] = useState<number>();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [isHovering, setIsHovering] = useState(false);\n    const [isSelected, setIsSelected] = useState(false);\n    const [isSelecting, setIsSelecting] = useState(false);\n\n    const [isFirst, setIsFirst] = useState(false);\n    const [isLast, setIsLast] = useState(false);\n\n    const isCurrent = props.day && datePickerContext.today.isSame(props.day, 'date');\n    const isPast = props.unix < datePickerContext.todayInUnix && !isCurrent;\n\n    const { selectedBasketRow } = basketContext;\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const adults = selectedBasketRow ? selectedBasketRow.getAdults() : 1;\n        const children = selectedBasketRow ? selectedBasketRow.getChildren() : 0;\n        const promoCode = selectedBasketRow ? selectedBasketRow.getPromoCode() : '';\n\n        if (props.day && !isPast) {\n            if (hotel) {\n                setPrice(0);\n                setIsLoading(true);\n\n                API.Availability.getCheapestPriceForDay(props.day, adults, children, promoCode, hotel.hotelID).then((foundedPrice) => {\n                    if (!cancelled) {\n                        if (foundedPrice) {\n                            setPrice(foundedPrice.price);\n                            if (datePickerContext.maxPrice < AvailabilityAPI.maxNightPrice) {\n                                datePickerContext.setMaxPrice(AvailabilityAPI.maxNightPrice);\n                            }\n                        }\n\n                        setIsLoading(false);\n                    }\n                });\n            } else {\n                datePickerContext.setMaxPrice(-1);\n                setPrice(-1);\n                setIsLoading(false);\n            }\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [props.day, selectedBasketRow?.getAdults(), selectedBasketRow?.getChildren(), selectedBasketRow?.getPromoCode()]);\n\n    useEffect(() => {\n        if (datePickerContext.hoveredMonth) {\n            if (props.unix && datePickerContext.startDate.isBefore(props.day, 'date') && datePickerContext.hoveredMonth.isSameOrAfter(props.day, 'date')) {\n                setIsSelecting(true);\n\n                if (datePickerContext.hoveredMonth.isSame(props.day, 'date') || (datePickerContext.endDate && datePickerContext.endDate.isSame(props.day))) {\n                    setIsLast(true);\n                } else {\n                    setIsLast(false);\n                }\n                return;\n            }\n        }\n\n        setIsSelecting(false);\n        setIsLast(false);\n    }, [datePickerContext.hoveredMonth, props.day]);\n\n    useEffect(() => {\n        if (props.unix && datePickerContext.startDate) {\n            if (datePickerContext.startDate?.isSameOrBefore(props.day, 'date') && datePickerContext.endDate?.isSameOrAfter(props.day, 'date')) {\n                setIsSelected(true);\n\n                if (datePickerContext.endDate?.isSame(props.day, 'date')) {\n                    setIsLast(true);\n                }\n\n                return;\n            }\n\n            if (datePickerContext.startDate.isSame(props.day, 'date')) {\n                setIsFirst(true);\n                setIsSelected(true);\n\n                return;\n            }\n        }\n\n        setIsSelected(false);\n        setIsFirst(false);\n        setIsLast(false);\n    }, [datePickerContext.startDate, datePickerContext.endDate, props.day]);\n\n    const memo = useMemo(() => {\n        const onHoverIn = (e: React.MouseEvent) => {\n            datePickerContext.onHoverOver(props.day);\n            setIsHovering(true);\n        };\n\n        const onHoverOut = (e: React.MouseEvent) => {\n            setIsHovering(false);\n        };\n\n        const onClick = (e: React.MouseEvent) => {\n            datePickerContext.onDayClicked(props.day);\n        };\n\n        const isSelectable = () => {\n            return props.day && props.selectable && !isLoading && !isPast && (price || !hotel);\n        };\n\n        const classes = classNames(`diji-calendar-${props.displayType ?? 'month'}--item`, {\n            '--selectable': isSelectable(),\n            '--hovered': isHovering && isSelectable(),\n            '--past': !isSelectable(),\n            '--current': isCurrent,\n            '--first': isFirst,\n            '--last': isLast,\n            '--loading': isLoading,\n            '--selected': isSelected,\n            '--selecting': isSelecting && !isSelected,\n        });\n\n        const events: any = {};\n\n        events.onMouseEnter = onHoverIn;\n        events.onMouseLeave = onHoverOut;\n        events.onClick = onClick;\n\n        const priceBlock = props.day && props.selectable && !isPast && (price || (isLoading && !price)) && price >= 0 && (\n            <div className={`diji-calendar-${props.displayType ?? 'month'}--item-cost`}>\n                {isLoading ? (\n                    <div className=\"u-inline-flex a-spin\">\n                        <Icon color={Color.Accent} icon={IconType.Spinner} size=\"14px\" />\n                    </div>\n                ) : (\n                    <Text type={TextType.Label}>\n                        <Currency shortenThousandsAfter={6} removeCurrencyAfterChar={5} hideDecimals={true} disableLocalization={true}>\n                            {price}\n                        </Currency>\n                    </Text>\n                )}\n            </div>\n        );\n\n        if (props.displayType === 'week') {\n            let height = 0;\n            const range = (price / AvailabilityAPI.maxNightPrice) * 100;\n\n            if (isSelectable()) {\n                if (range < 10) {\n                    height = 10;\n                } else if (range > 90) {\n                    height = 90;\n                } else {\n                    height = range;\n                }\n            } else {\n                if (!isLoading) {\n                    height = 95;\n                }\n            }\n\n            return (\n                <div className={classes} {...events}>\n                    {props.text === '1' && <div className=\"diji-calendar-week--month-indicator\">{props.day.format('MMMM')}</div>}\n                    <div className=\"diji-calendar-week--day-label\">{props.day.format('dd')}</div>\n                    <div className=\"diji-calendar-week--day-digit\">\n                        <Text>{props.text}</Text>\n                    </div>\n                    <div className=\"diji-calendar-week--price-indicator\">\n                        <div className=\"diji-calendar-week--price-indicator-block\" style={{ maxHeight: `${height}%` }} />\n                    </div>\n                    {priceBlock}\n                </div>\n            );\n        } else {\n            return (\n                <div className={classes} {...events}>\n                    <Text>{props.text}</Text>\n                    {priceBlock}\n                </div>\n            );\n        }\n    }, [\n        isFirst,\n        isLast,\n        isSelecting,\n        isSelected,\n        isHovering,\n        isLoading,\n        props.unix,\n        datePickerContext.hoveredMonth,\n        datePickerContext.startDate,\n        datePickerContext.endDate,\n        basketContext,\n        datePickerContext.maxPrice,\n        hotel,\n    ]);\n\n    return memo;\n}\n"]}
+{"version":3,"file":"DatePickerDay.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerDay.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useState, useMemo, useEffect, useContext } from 'react';\nimport Currency from '@/components/generic/Currency';\nimport dayjs, { Dayjs } from 'dayjs';\nimport API from '@/api/BookingAPI';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport { BasketContext, DatePickerContext } from '@frontend/contexts';\nimport AvailabilityAPI from '@/api/AvailabilityAPI';\nimport classNames from 'classnames';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface DatePickerDayProps {\n    text: any;\n    day?: dayjs.Dayjs | any;\n    unix: number;\n    price?: Promise<number>;\n    statuses?: DatePickerDayStatus[];\n    selectable?: boolean;\n    onClick?: (day: string) => void;\n    onHover?: (day: string, status: boolean) => void;\n    displayType?: 'month' | 'week';\n}\n\nexport enum DatePickerDayStatus {\n    Inactive = 0,\n    Selecting = '--selecting',\n    Loading = '--loading',\n    Selected = '--selected',\n}\n\nexport default function DatePickerDay(props: DatePickerDayProps) {\n    const { hotel } = useCurrentHotel();\n\n    const datePickerContext = useContext(DatePickerContext);\n    const basketContext = useContext(BasketContext);\n\n    const [price, setPrice] = useState<number>();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [isHovering, setIsHovering] = useState(false);\n    const [isSelected, setIsSelected] = useState(false);\n    const [isSelecting, setIsSelecting] = useState(false);\n\n    const [isFirst, setIsFirst] = useState(false);\n    const [isLast, setIsLast] = useState(false);\n\n    const isCurrent = props.day && (datePickerContext.today as Dayjs).isSame(props.day, 'date');\n    const isPast = props.unix < datePickerContext.todayInUnix && !isCurrent;\n\n    const { selectedBasketRow } = basketContext;\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const adults = selectedBasketRow ? selectedBasketRow.getAdults() : 1;\n        const children = selectedBasketRow ? selectedBasketRow.getChildren() : 0;\n        const promoCode = selectedBasketRow ? selectedBasketRow.getPromoCode() : '';\n\n        if (props.day && !isPast) {\n            if (hotel) {\n                setPrice(0);\n                setIsLoading(true);\n\n                API.Availability.getCheapestPriceForDay(props.day, adults, children, promoCode, hotel.hotelID).then((foundedPrice) => {\n                    if (!cancelled) {\n                        if (foundedPrice) {\n                            setPrice(foundedPrice.price);\n                            if (datePickerContext.maxPrice < AvailabilityAPI.maxNightPrice) {\n                                datePickerContext.setMaxPrice(AvailabilityAPI.maxNightPrice);\n                            }\n                        }\n\n                        setIsLoading(false);\n                    }\n                });\n            } else {\n                datePickerContext.setMaxPrice(-1);\n                setPrice(-1);\n                setIsLoading(false);\n            }\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [props.day, selectedBasketRow?.getAdults(), selectedBasketRow?.getChildren(), selectedBasketRow?.getPromoCode()]);\n\n    useEffect(() => {\n        if (datePickerContext.hoveredMonth) {\n            if (props.unix && (datePickerContext.startDate as Dayjs).isBefore(props.day, 'date') && datePickerContext.hoveredMonth.isSameOrAfter(props.day, 'date')) {\n                setIsSelecting(true);\n\n                if (datePickerContext.hoveredMonth.isSame(props.day, 'date') || (datePickerContext.endDate && datePickerContext.endDate.isSame(props.day))) {\n                    setIsLast(true);\n                } else {\n                    setIsLast(false);\n                }\n                return;\n            }\n        }\n\n        setIsSelecting(false);\n        setIsLast(false);\n    }, [datePickerContext.hoveredMonth, props.day]);\n\n    useEffect(() => {\n        if (props.unix && datePickerContext.startDate) {\n            if (datePickerContext.startDate?.isSameOrBefore(props.day, 'date') && datePickerContext.endDate?.isSameOrAfter(props.day, 'date')) {\n                setIsSelected(true);\n\n                if (datePickerContext.endDate?.isSame(props.day, 'date')) {\n                    setIsLast(true);\n                }\n\n                return;\n            }\n\n            if (datePickerContext.startDate.isSame(props.day, 'date')) {\n                setIsFirst(true);\n                setIsSelected(true);\n\n                return;\n            }\n        }\n\n        setIsSelected(false);\n        setIsFirst(false);\n        setIsLast(false);\n    }, [datePickerContext.startDate, datePickerContext.endDate, props.day]);\n\n    const memo = useMemo(() => {\n        const onHoverIn = (e: React.MouseEvent) => {\n            datePickerContext.onHoverOver(props.day);\n            setIsHovering(true);\n        };\n\n        const onHoverOut = (e: React.MouseEvent) => {\n            setIsHovering(false);\n        };\n\n        const onClick = (e: React.MouseEvent) => {\n            datePickerContext.onDayClicked(props.day);\n        };\n\n        const isSelectable = () => {\n            return props.day && props.selectable && !isLoading && !isPast && (price || !hotel);\n        };\n\n        const classes = classNames(`diji-calendar-${props.displayType ?? 'month'}--item`, {\n            '--selectable': isSelectable(),\n            '--hovered': isHovering && isSelectable(),\n            '--past': !isSelectable(),\n            '--current': isCurrent,\n            '--first': isFirst,\n            '--last': isLast,\n            '--loading': isLoading,\n            '--selected': isSelected,\n            '--selecting': isSelecting && !isSelected,\n        });\n\n        const events: any = {};\n\n        events.onMouseEnter = onHoverIn;\n        events.onMouseLeave = onHoverOut;\n        events.onClick = onClick;\n\n        const priceBlock = props.day && props.selectable && !isPast && (price || (isLoading && !price)) && (price as number) >= 0 && (\n            <div className={`diji-calendar-${props.displayType ?? 'month'}--item-cost`}>\n                {isLoading ? (\n                    <div className=\"u-inline-flex a-spin\">\n                        <Icon color={Color.Accent} icon={IconType.Spinner} size=\"14px\" />\n                    </div>\n                ) : (\n                    <Text type={TextType.Label}>\n                        <Currency shortenThousandsAfter={6} removeCurrencyAfterChar={5} hideDecimals disableLocalization>\n                            {price}\n                        </Currency>\n                    </Text>\n                )}\n            </div>\n        );\n\n        if (props.displayType === 'week') {\n            let height = 0;\n            const range = ((price as number) / AvailabilityAPI.maxNightPrice) * 100;\n\n            if (isSelectable()) {\n                if (range < 10) {\n                    height = 10;\n                } else if (range > 90) {\n                    height = 90;\n                } else {\n                    height = range;\n                }\n            } else {\n                if (!isLoading) {\n                    height = 95;\n                }\n            }\n\n            return (\n                <div className={classes} {...events}>\n                    {props.text === '1' && <div className=\"diji-calendar-week--month-indicator\">{props.day.format('MMMM')}</div>}\n                    <div className=\"diji-calendar-week--day-label\">{props.day.format('dd')}</div>\n                    <div className=\"diji-calendar-week--day-digit\">\n                        <Text>{props.text}</Text>\n                    </div>\n                    <div className=\"diji-calendar-week--price-indicator\">\n                        <div className=\"diji-calendar-week--price-indicator-block\" style={{ maxHeight: `${height}%` }} />\n                    </div>\n                    {priceBlock}\n                </div>\n            );\n        } else {\n            return (\n                <div className={classes} {...events}>\n                    <Text>{props.text}</Text>\n                    {priceBlock}\n                </div>\n            );\n        }\n    }, [\n        isFirst,\n        isLast,\n        isSelecting,\n        isSelected,\n        isHovering,\n        isLoading,\n        props.unix,\n        datePickerContext.hoveredMonth,\n        datePickerContext.startDate,\n        datePickerContext.endDate,\n        basketContext,\n        datePickerContext.maxPrice,\n        hotel,\n    ]);\n\n    return memo;\n}\n"]}

package/dist/src/components/generic/date/DatePickerDays.js

@@ -1,33 +1,10 @@
 "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 = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const CalendarHelper_1 = __importDefault(require("../../../util/CalendarHelper"));
 const DatePickerDay_1 = __importDefault(require("./DatePickerDay"));
 const hooks_1 = require("../../../hooks/index.js");
@@ -37,9 +14,9 @@ function DatePickerDays(props) {
     const { showingMonth } = props;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const startsWeekOnDay = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.startsWeekOnDay) !== null && _a !== void 0 ? _a : WeekdayStartsOn_types_1.WeekdayStartsOn.Monday;
-    const days = (0, react_1.useMemo)(() => (React.createElement(React.Fragment, null, CalendarHelper_1.default.getWeekPaddedMonthArrayForDate(startsWeekOnDay, showingMonth).map((day, index) => {
+    const days = (0, react_2.useMemo)(() => (react_1.default.createElement(react_1.default.Fragment, null, CalendarHelper_1.default.getWeekPaddedMonthArrayForDate(startsWeekOnDay, showingMonth).map((day, index) => {
         const date = day ? props.showingMonth.date(Number.parseInt(day, 10)) : '';
-        return React.createElement(DatePickerDay_1.default, { key: index, text: day, selectable: true, day: date, unix: date ? date.unix() : 0 });
+        return react_1.default.createElement(DatePickerDay_1.default, { key: index, text: day, selectable: true, day: date, unix: date ? date.unix() : 0 });
     }))), [showingMonth]);
     return days;
 }

package/dist/src/components/generic/date/DatePickerDays.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerDays.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerDays.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAgC;AAEhC,2EAAmD;AACnD,4FAAoE;AAGpE,2CAAkD;AAClD,uFAA8E;AAM9E,SAAwB,cAAc,CAAC,KAA0B;;IAC7D,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,eAAe,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,mCAAI,uCAAe,CAAC,MAAM,CAAC;IAEzE,MAAM,IAAI,GAAG,IAAA,eAAO,EAChB,GAAG,EAAE,CAAC,CACF,0CACK,wBAAc,CAAC,8BAA8B,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC7F,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1E,OAAO,oBAAC,uBAAa,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAI,CAAC;IAC/G,CAAC,CAAC,CACH,CACN,EACD,CAAC,YAAY,CAAC,CACjB,CAAC;IAEF,OAAO,IAAI,CAAC;AAChB,CAAC;AAnBD,iCAmBC","sourcesContent":["import * as React from 'react';\nimport { useMemo } from 'react';\n\nimport CalendarHelper from '@/util/CalendarHelper';\nimport DatePickerDay from '@/components/generic/date/DatePickerDay';\n\nimport dayjs from 'dayjs';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\ninterface DatePickerDaysProps {\n    showingMonth: dayjs.Dayjs;\n}\n\nexport default function DatePickerDays(props: DatePickerDaysProps) {\n    const { showingMonth } = props;\n    const { hotel } = useCurrentHotel();\n\n    const startsWeekOnDay = hotel?.startsWeekOnDay ?? WeekdayStartsOn.Monday;\n\n    const days = useMemo(\n        () => (\n            <>\n                {CalendarHelper.getWeekPaddedMonthArrayForDate(startsWeekOnDay, showingMonth).map((day, index) => {\n                    const date = day ? props.showingMonth.date(Number.parseInt(day, 10)) : '';\n                    return <DatePickerDay key={index} text={day} selectable={true} day={date} unix={date ? date.unix() : 0} />;\n                })}\n            </>\n        ),\n        [showingMonth]\n    );\n\n    return days;\n}\n"]}
+{"version":3,"file":"DatePickerDays.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerDays.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iCAAgC;AAEhC,2EAAmD;AACnD,4FAAoE;AAGpE,2CAAkD;AAClD,uFAA8E;AAM9E,SAAwB,cAAc,CAAC,KAA0B;;IAC7D,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,eAAe,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,mCAAI,uCAAe,CAAC,MAAM,CAAC;IAEzE,MAAM,IAAI,GAAG,IAAA,eAAO,EAChB,GAAG,EAAE,CAAC,CACF,8DACK,wBAAc,CAAC,8BAA8B,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC7F,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1E,OAAO,8BAAC,uBAAa,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,QAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAI,CAAC;IACxG,CAAC,CAAC,CACH,CACN,EACD,CAAC,YAAY,CAAC,CACjB,CAAC;IAEF,OAAO,IAAI,CAAC;AAChB,CAAC;AAnBD,iCAmBC","sourcesContent":["import React from 'react';\nimport { useMemo } from 'react';\n\nimport CalendarHelper from '@/util/CalendarHelper';\nimport DatePickerDay from '@/components/generic/date/DatePickerDay';\n\nimport dayjs from 'dayjs';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\ninterface DatePickerDaysProps {\n    showingMonth: dayjs.Dayjs;\n}\n\nexport default function DatePickerDays(props: DatePickerDaysProps) {\n    const { showingMonth } = props;\n    const { hotel } = useCurrentHotel();\n\n    const startsWeekOnDay = hotel?.startsWeekOnDay ?? WeekdayStartsOn.Monday;\n\n    const days = useMemo(\n        () => (\n            <>\n                {CalendarHelper.getWeekPaddedMonthArrayForDate(startsWeekOnDay, showingMonth).map((day, index) => {\n                    const date = day ? props.showingMonth.date(Number.parseInt(day, 10)) : '';\n                    return <DatePickerDay key={index} text={day} selectable day={date} unix={date ? date.unix() : 0} />;\n                })}\n            </>\n        ),\n        [showingMonth]\n    );\n\n    return days;\n}\n"]}

package/dist/src/components/generic/date/DatePickerMonth.js

@@ -26,8 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const CalendarHelper_1 = require("../../../util/CalendarHelper");
 const DatePickerDay_1 = __importDefault(require("./DatePickerDay"));
 const DatePickerDays_1 = __importDefault(require("./DatePickerDays"));
@@ -37,18 +37,18 @@ const WeekdayStartsOn_types_1 = require("../../../models/Client/Hotel/WeekdaySta
 function DatePickerMonth(props) {
     const { showingMonth } = props;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const dayLetters = (0, react_1.useMemo)(() => {
+    const dayLetters = (0, react_2.useMemo)(() => {
         var _a;
         return (0, CalendarHelper_1.getLetterDaysOfWeek)((_a = hotel === null || hotel === void 0 ? void 0 : hotel.startsWeekOnDay) !== null && _a !== void 0 ? _a : WeekdayStartsOn_types_1.WeekdayStartsOn.Monday).map((day, index) => {
-            return React.createElement(DatePickerDay_1.default, { key: index + day, text: day, selectable: false, unix: 0 });
+            return react_1.default.createElement(DatePickerDay_1.default, { key: index + day, text: day, selectable: false, unix: 0 });
         });
     }, []);
-    return (React.createElement("div", { className: 'diji-calendar-month' + (props.small ? ' u-pad-bottom--none' : '') },
-        React.createElement(Text_1.default, { type: Text_1.TextType.Body },
-            React.createElement("strong", null, showingMonth.format('MMMM'))),
-        React.createElement("div", { className: "diji-calendar-month--items" },
+    return (react_1.default.createElement("div", { className: 'diji-calendar-month' + (props.small ? ' u-pad-bottom--none' : '') },
+        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Body },
+            react_1.default.createElement("strong", null, showingMonth.format('MMMM'))),
+        react_1.default.createElement("div", { className: "diji-calendar-month--items" },
             dayLetters,
-            React.createElement(DatePickerDays_1.default, { showingMonth: showingMonth }))));
+            react_1.default.createElement(DatePickerDays_1.default, { showingMonth: showingMonth }))));
 }
 exports.default = DatePickerMonth;
 //# sourceMappingURL=DatePickerMonth.js.map

package/dist/src/components/generic/date/DatePickerMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerMonth.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerMonth.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAgC;AAGhC,0DAA4D;AAC5D,4FAAoE;AACpE,8FAAsE;AACtE,kEAA2D;AAC3D,2CAAkD;AAClD,uFAA8E;AAO9E,SAAwB,eAAe,CAAC,KAA2B;IAC/D,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,UAAU,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE;;QACD,OAAA,IAAA,oCAAmB,EAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,mCAAI,uCAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE;YACrG,OAAO,oBAAC,uBAAa,IAAC,GAAG,EAAE,KAAK,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GAAI,CAAC;QACtF,CAAC,CAAC,CAAA;KAAA,EACN,EAAE,CACL,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,qBAAqB,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9E,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;YACrB,oCAAS,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAU,CAC3C;QACP,6BAAK,SAAS,EAAC,4BAA4B;YACtC,UAAU;YACX,oBAAC,wBAAc,IAAC,YAAY,EAAE,YAAY,GAAI,CAC5C,CACJ,CACT,CAAC;AACN,CAAC;AAvBD,kCAuBC","sourcesContent":["import * as React from 'react';\nimport { useMemo } from 'react';\n\nimport dayjs from 'dayjs';\nimport { getLetterDaysOfWeek } from '@/util/CalendarHelper';\nimport DatePickerDay from '@/components/generic/date/DatePickerDay';\nimport DatePickerDays from '@/components/generic/date/DatePickerDays';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\ninterface DatePickerMonthProps {\n    showingMonth: dayjs.Dayjs;\n    small?: boolean;\n}\n\nexport default function DatePickerMonth(props: DatePickerMonthProps) {\n    const { showingMonth } = props;\n    const { hotel } = useCurrentHotel();\n\n    const dayLetters = useMemo(\n        () =>\n            getLetterDaysOfWeek(hotel?.startsWeekOnDay ?? WeekdayStartsOn.Monday).map((day: string, index: number) => {\n                return <DatePickerDay key={index + day} text={day} selectable={false} unix={0} />;\n            }),\n        []\n    );\n\n    return (\n        <div className={'diji-calendar-month' + (props.small ? ' u-pad-bottom--none' : '')}>\n            <Text type={TextType.Body}>\n                <strong>{showingMonth.format('MMMM')}</strong>\n            </Text>\n            <div className=\"diji-calendar-month--items\">\n                {dayLetters}\n                <DatePickerDays showingMonth={showingMonth} />\n            </div>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"DatePickerMonth.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerMonth.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iCAAgC;AAGhC,0DAA4D;AAC5D,4FAAoE;AACpE,8FAAsE;AACtE,kEAA2D;AAC3D,2CAAkD;AAClD,uFAA8E;AAO9E,SAAwB,eAAe,CAAC,KAA2B;IAC/D,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,UAAU,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE;;QACD,OAAA,IAAA,oCAAmB,EAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,mCAAI,uCAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE;YACrG,OAAO,8BAAC,uBAAa,IAAC,GAAG,EAAE,KAAK,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GAAI,CAAC;QACtF,CAAC,CAAC,CAAA;KAAA,EACN,EAAE,CACL,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAE,qBAAqB,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9E,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;YACrB,8CAAS,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAU,CAC3C;QACP,uCAAK,SAAS,EAAC,4BAA4B;YACtC,UAAU;YACX,8BAAC,wBAAc,IAAC,YAAY,EAAE,YAAY,GAAI,CAC5C,CACJ,CACT,CAAC;AACN,CAAC;AAvBD,kCAuBC","sourcesContent":["import React from 'react';\nimport { useMemo } from 'react';\n\nimport dayjs from 'dayjs';\nimport { getLetterDaysOfWeek } from '@/util/CalendarHelper';\nimport DatePickerDay from '@/components/generic/date/DatePickerDay';\nimport DatePickerDays from '@/components/generic/date/DatePickerDays';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\ninterface DatePickerMonthProps {\n    showingMonth: dayjs.Dayjs;\n    small?: boolean;\n}\n\nexport default function DatePickerMonth(props: DatePickerMonthProps) {\n    const { showingMonth } = props;\n    const { hotel } = useCurrentHotel();\n\n    const dayLetters = useMemo(\n        () =>\n            getLetterDaysOfWeek(hotel?.startsWeekOnDay ?? WeekdayStartsOn.Monday).map((day: string, index: number) => {\n                return <DatePickerDay key={index + day} text={day} selectable={false} unix={0} />;\n            }),\n        []\n    );\n\n    return (\n        <div className={'diji-calendar-month' + (props.small ? ' u-pad-bottom--none' : '')}>\n            <Text type={TextType.Body}>\n                <strong>{showingMonth.format('MMMM')}</strong>\n            </Text>\n            <div className=\"diji-calendar-month--items\">\n                {dayLetters}\n                <DatePickerDays showingMonth={showingMonth} />\n            </div>\n        </div>\n    );\n}\n"]}

package/dist/src/components/generic/date/DatePickerWeek.js

@@ -35,8 +35,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const CalendarHelper_1 = __importDefault(require("../../../util/CalendarHelper"));
 const DatePickerDay_1 = __importDefault(require("./DatePickerDay"));
 const web_1 = require("@react-spring/web");
@@ -52,20 +52,20 @@ const TextAlignment_1 = require("../../../util/TextAlignment");
 const contexts_1 = require("../../../contexts/index.js");
 function DatePickerWeek() {
     var _a, _b;
-    const dpContext = (0, react_1.useContext)(contexts_1.DatePickerContext);
-    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const dpContext = (0, react_2.useContext)(contexts_1.DatePickerContext);
+    const context = (0, react_2.useContext)(contexts_1.BookingEngineContext);
     const showingMonth = (_b = (_a = dpContext.startDate) !== null && _a !== void 0 ? _a : dpContext.currentMonth) !== null && _b !== void 0 ? _b : (0, dayjs_1.default)().add(14, 'day');
     const scrollingOffset = 0;
     let sliderVelocity = 0;
     const [{ x }, set] = (0, web_1.useSpring)(() => ({ x: 0, config: { mass: 1, tension: 170, friction: 20 } }));
-    const [lastReleaseX, setLastReleaseX] = (0, react_1.useState)(0);
+    const [lastReleaseX, setLastReleaseX] = (0, react_2.useState)(0);
     const [ref, bounds] = (0, react_use_measure_1.default)();
-    const [daysLoaded, setDaysLoaded] = (0, react_1.useState)([]);
-    const [lastDay, setLastDay] = (0, react_1.useState)(null);
-    const [firstDay, setFirstDay] = (0, react_1.useState)((0, dayjs_1.default)());
-    const [numberOfDaysLoaded, setNumberOfDaysLoaded] = (0, react_1.useState)(0);
-    const [toggler, setToggler] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
+    const [daysLoaded, setDaysLoaded] = (0, react_2.useState)([]);
+    const [lastDay, setLastDay] = (0, react_2.useState)(null);
+    const [firstDay, setFirstDay] = (0, react_2.useState)((0, dayjs_1.default)());
+    const [numberOfDaysLoaded, setNumberOfDaysLoaded] = (0, react_2.useState)(0);
+    const [toggler, setToggler] = (0, react_2.useState)(false);
+    (0, react_2.useEffect)(() => {
         setDaysLoaded(CalendarHelper_1.default.getDaysBetween((0, dayjs_1.default)(), showingMonth));
         if (dpContext.startDate) {
             setTimeout(() => {
@@ -97,12 +97,12 @@ function DatePickerWeek() {
             return newDaysLoaded;
         });
     });
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         setLastDay(daysLoaded[daysLoaded.length - 1]);
         setFirstDay(daysLoaded[0]);
         setNumberOfDaysLoaded(daysLoaded.length);
     }, [daysLoaded]);
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         if (62 * numberOfDaysLoaded - 1000 <= -lastReleaseX) {
             loadNext();
         }
@@ -148,11 +148,11 @@ function DatePickerWeek() {
             set({ x: lastReleaseX + mx });
         }
     });
-    const days = (0, react_1.useMemo)(() => (React.createElement(React.Fragment, null, daysLoaded.map((date, index) => {
+    const days = (0, react_2.useMemo)(() => (react_1.default.createElement(react_1.default.Fragment, null, daysLoaded.map((date, index) => {
         const day = date.format('D');
         const unix = date.unix();
-        return (React.createElement(React.Fragment, null,
-            React.createElement(DatePickerDay_1.default, { key: unix, text: day, selectable: true, day: date, displayType: "week", unix: unix })));
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(DatePickerDay_1.default, { key: unix, text: day, selectable: true, day: date, displayType: "week", unix: unix })));
     }))), [daysLoaded]);
     // TODO refactor
     const getCurrentDay = () => {
@@ -171,16 +171,16 @@ function DatePickerWeek() {
         DataLayer_1.default.instance.sendInteraction('Show Next Week', DataLayer_1.InteractionType.CALENDAR, DataLayer_1.InteractionStep.DATES);
         setSwiperLocation(lastReleaseX - 62 * 7);
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "diji-calendar-navigation" },
-            React.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowLeft2, onClick: showPreviousWeek, color: Color_1.Color.White, backgroundColor: Color_1.Color.Navy, borderRadius: "round", size: "24px" }),
-            React.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowRight2, onClick: showNextWeek, color: Color_1.Color.White, backgroundColor: Color_1.Color.Navy, borderRadius: "round", size: "24px" })),
-        React.createElement("div", { className: "u-marg-top" },
-            React.createElement(Text_1.Text, { type: Text_1.TextType.Body, bold: true, align: TextAlignment_1.TextAlign.Center }, currentDayValue)),
-        React.createElement("div", { className: "diji-calendar-week--global-month" }, currentDayValue),
-        React.createElement("div", { className: "diji-calendar-week" },
-            React.createElement("div", Object.assign({ className: "diji-calendar-week--track" }, bind()),
-                React.createElement(web_1.animated.div, { className: "diji-calendar-week--items", style: { left: x } }, days)))));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "diji-calendar-navigation" },
+            react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowLeft2, onClick: showPreviousWeek, color: Color_1.Color.White, backgroundColor: Color_1.Color.Navy, borderRadius: "round", size: "24px" }),
+            react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowRight2, onClick: showNextWeek, color: Color_1.Color.White, backgroundColor: Color_1.Color.Navy, borderRadius: "round", size: "24px" })),
+        react_1.default.createElement("div", { className: "u-marg-top" },
+            react_1.default.createElement(Text_1.Text, { type: Text_1.TextType.Body, bold: true, align: TextAlignment_1.TextAlign.Center }, currentDayValue)),
+        react_1.default.createElement("div", { className: "diji-calendar-week--global-month" }, currentDayValue),
+        react_1.default.createElement("div", { className: "diji-calendar-week" },
+            react_1.default.createElement("div", Object.assign({ className: "diji-calendar-week--track" }, bind()),
+                react_1.default.createElement(web_1.animated.div, { className: "diji-calendar-week--items", style: { left: x } }, days)))));
 }
 exports.default = DatePickerWeek;
 //# sourceMappingURL=DatePickerWeek.js.map

package/dist/src/components/generic/date/DatePickerWeek.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerWeek.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerWeek.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useMemo, useState, useEffect } from 'react';\n\nimport CalendarHelper from '@/util/CalendarHelper';\nimport DatePickerDay from '@/components/generic/date/DatePickerDay';\nimport { useSpring, animated } from '@react-spring/web';\nimport useMeasure from 'react-use-measure';\nimport { useDrag } from 'react-use-gesture';\nimport dayjs from 'dayjs';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { Text, TextType } from '@/components/generic/Text';\nimport { TextAlign } from '@/util/TextAlignment';\nimport { BookingEngineContext, DatePickerContext } from '@frontend/contexts';\n\nexport default function DatePickerWeek() {\n    const dpContext = useContext(DatePickerContext);\n    const context = useContext(BookingEngineContext);\n\n    const showingMonth = dpContext.startDate ?? dpContext.currentMonth ?? dayjs().add(14, 'day');\n\n    const scrollingOffset = 0;\n\n    let sliderVelocity = 0;\n\n    const [{ x }, set] = useSpring(() => ({ x: 0, config: { mass: 1, tension: 170, friction: 20 } }));\n    const [lastReleaseX, setLastReleaseX] = useState(0);\n\n    const [ref, bounds] = useMeasure();\n\n    const [daysLoaded, setDaysLoaded] = useState<dayjs.Dayjs[]>([]);\n\n    const [lastDay, setLastDay] = useState<dayjs.Dayjs>(null);\n    const [firstDay, setFirstDay] = useState<dayjs.Dayjs>(dayjs());\n    const [numberOfDaysLoaded, setNumberOfDaysLoaded] = useState(0);\n\n    const [toggler, setToggler] = useState(false);\n\n    useEffect(() => {\n        setDaysLoaded(CalendarHelper.getDaysBetween(dayjs(), showingMonth));\n\n        if (dpContext.startDate) {\n            setTimeout(() => {\n                focusDay(dpContext.startDate);\n            }, 500);\n        }\n    }, []);\n\n    const setSwiperLocation = (location: number) => {\n        if (location > 0) {\n            location = 0;\n        }\n\n        set({ x: location });\n        setLastReleaseX(location);\n    };\n\n    const focusDay = (toFocus: dayjs.Dayjs) => {\n        let index = 0;\n\n        index = firstDay ? Math.abs(Number(toFocus.diff(firstDay, 'day'))) : Number(toFocus.format('DD'));\n\n        const focus = -(62 * index);\n        setSwiperLocation(focus);\n    };\n\n    const loadDataForDate = async (forDate: dayjs.Dayjs, after = true) => {\n        if (forDate.isBefore(dayjs())) {\n            return;\n        }\n\n        setDaysLoaded((oldDaysLoaded) => {\n            let newDaysLoaded = [];\n            const newDays = after ? CalendarHelper.getWeekFrom(forDate) : CalendarHelper.getWeekTo(forDate);\n\n            newDaysLoaded = after ? [...oldDaysLoaded, ...newDays] : [...newDays.reverse(), ...oldDaysLoaded];\n\n            return newDaysLoaded;\n        });\n    };\n\n    useEffect(() => {\n        setLastDay(daysLoaded[daysLoaded.length - 1]);\n        setFirstDay(daysLoaded[0]);\n        setNumberOfDaysLoaded(daysLoaded.length);\n    }, [daysLoaded]);\n\n    useEffect(() => {\n        if (62 * numberOfDaysLoaded - 1000 <= -lastReleaseX) {\n            loadNext();\n        }\n    }, [lastReleaseX]);\n\n    const loadNext = async () => {\n        loadDataForDate(daysLoaded[daysLoaded.length - 1] ?? showingMonth.add(7, 'days'));\n    };\n\n    let lastIndex = 0;\n\n    // Set the drag hook and define component movement based on gesture data\n    const bind = useDrag(({ down, movement: [mx], velocity }) => {\n        if (context.screenSize <= ScreenSize.Medium) {\n            velocity = velocity * 0.75;\n            sliderVelocity = velocity > 4 ? 4 : velocity < 1 ? 1 : velocity;\n        } else {\n            sliderVelocity = 1;\n        }\n\n        mx = mx * sliderVelocity;\n\n        if (!down) {\n            const releasePosition = lastReleaseX + mx;\n            const cardWidth = 62;\n            const maxX = numberOfDaysLoaded * cardWidth;\n\n            let restingLocation = 0;\n\n            if (releasePosition > 0) {\n                restingLocation = 0;\n            } else if (releasePosition < -maxX) {\n                restingLocation = -maxX;\n            } else {\n                const magic = -releasePosition / cardWidth;\n                lastIndex = releasePosition % cardWidth > -cardWidth / 2 ? Math.floor(magic) : Math.ceil(magic);\n                restingLocation = -(lastIndex * cardWidth);\n            }\n\n            if (62 * numberOfDaysLoaded - 1000 <= -releasePosition) {\n                loadNext();\n            }\n\n            set({ x: restingLocation });\n            setLastReleaseX(restingLocation);\n        } else {\n            set({ x: lastReleaseX + mx });\n        }\n    });\n\n    const days = useMemo(\n        () => (\n            <>\n                {daysLoaded.map((date, index) => {\n                    const day = date.format('D');\n                    const unix = date.unix();\n\n                    return (\n                        <>\n                            <DatePickerDay key={unix} text={day} selectable={true} day={date} displayType=\"week\" unix={unix} />\n                        </>\n                    );\n                })}\n            </>\n        ),\n        [daysLoaded]\n    );\n\n    // TODO refactor\n    const getCurrentDay = () => {\n        const day = Math.floor(lastReleaseX / 62);\n\n        if (firstDay) {\n            return firstDay.add(-day, 'day').format('MMMM');\n        }\n\n        return showingMonth.format('MMMM');\n    };\n\n    const currentDayValue = getCurrentDay();\n    const showPreviousWeek = () => {\n        DataLayer.instance.sendInteraction('Show Previous Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setSwiperLocation(lastReleaseX + 62 * 7);\n    };\n    const showNextWeek = () => {\n        DataLayer.instance.sendInteraction('Show Next Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setSwiperLocation(lastReleaseX - 62 * 7);\n    };\n    return (\n        <>\n            <div className=\"diji-calendar-navigation\">\n                <Icon icon={IconType.ArrowLeft2} onClick={showPreviousWeek} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n                <Icon icon={IconType.ArrowRight2} onClick={showNextWeek} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n            </div>\n            <div className=\"u-marg-top\">\n                <Text type={TextType.Body} bold={true} align={TextAlign.Center}>\n                    {currentDayValue}\n                </Text>\n            </div>\n            <div className=\"diji-calendar-week--global-month\">{currentDayValue}</div>\n            <div className=\"diji-calendar-week\">\n                <div className=\"diji-calendar-week--track\" {...bind()}>\n                    <animated.div className=\"diji-calendar-week--items\" style={{ left: x }}>\n                        {days}\n                    </animated.div>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"DatePickerWeek.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerWeek.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useContext, useMemo, useState, useEffect } from 'react';\n\nimport CalendarHelper from '@/util/CalendarHelper';\nimport DatePickerDay from '@/components/generic/date/DatePickerDay';\nimport { useSpring, animated } from '@react-spring/web';\nimport useMeasure from 'react-use-measure';\nimport { useDrag } from 'react-use-gesture';\nimport dayjs, { Dayjs } from 'dayjs';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { Text, TextType } from '@/components/generic/Text';\nimport { TextAlign } from '@/util/TextAlignment';\nimport { BookingEngineContext, DatePickerContext } from '@frontend/contexts';\n\nexport default function DatePickerWeek() {\n    const dpContext = useContext(DatePickerContext);\n    const context = useContext(BookingEngineContext);\n\n    const showingMonth = dpContext.startDate ?? dpContext.currentMonth ?? dayjs().add(14, 'day');\n\n    const scrollingOffset = 0;\n\n    let sliderVelocity = 0;\n\n    const [{ x }, set] = useSpring(() => ({ x: 0, config: { mass: 1, tension: 170, friction: 20 } }));\n    const [lastReleaseX, setLastReleaseX] = useState(0);\n\n    const [ref, bounds] = useMeasure();\n\n    const [daysLoaded, setDaysLoaded] = useState<dayjs.Dayjs[]>([]);\n\n    const [lastDay, setLastDay] = useState<dayjs.Dayjs | null>(null);\n    const [firstDay, setFirstDay] = useState<dayjs.Dayjs>(dayjs());\n    const [numberOfDaysLoaded, setNumberOfDaysLoaded] = useState(0);\n\n    const [toggler, setToggler] = useState(false);\n\n    useEffect(() => {\n        setDaysLoaded(CalendarHelper.getDaysBetween(dayjs(), showingMonth));\n\n        if (dpContext.startDate) {\n            setTimeout(() => {\n                focusDay(dpContext.startDate as Dayjs);\n            }, 500);\n        }\n    }, []);\n\n    const setSwiperLocation = (location: number) => {\n        if (location > 0) {\n            location = 0;\n        }\n\n        set({ x: location });\n        setLastReleaseX(location);\n    };\n\n    const focusDay = (toFocus: dayjs.Dayjs) => {\n        let index = 0;\n\n        index = firstDay ? Math.abs(Number(toFocus.diff(firstDay, 'day'))) : Number(toFocus.format('DD'));\n\n        const focus = -(62 * index);\n        setSwiperLocation(focus);\n    };\n\n    const loadDataForDate = async (forDate: dayjs.Dayjs, after = true) => {\n        if (forDate.isBefore(dayjs())) {\n            return;\n        }\n\n        setDaysLoaded((oldDaysLoaded) => {\n            let newDaysLoaded = [];\n            const newDays = after ? CalendarHelper.getWeekFrom(forDate) : CalendarHelper.getWeekTo(forDate);\n\n            newDaysLoaded = after ? [...oldDaysLoaded, ...newDays] : [...newDays.reverse(), ...oldDaysLoaded];\n\n            return newDaysLoaded;\n        });\n    };\n\n    useEffect(() => {\n        setLastDay(daysLoaded[daysLoaded.length - 1]);\n        setFirstDay(daysLoaded[0]);\n        setNumberOfDaysLoaded(daysLoaded.length);\n    }, [daysLoaded]);\n\n    useEffect(() => {\n        if (62 * numberOfDaysLoaded - 1000 <= -lastReleaseX) {\n            loadNext();\n        }\n    }, [lastReleaseX]);\n\n    const loadNext = async () => {\n        loadDataForDate(daysLoaded[daysLoaded.length - 1] ?? showingMonth.add(7, 'days'));\n    };\n\n    let lastIndex = 0;\n\n    // Set the drag hook and define component movement based on gesture data\n    const bind = useDrag(({ down, movement: [mx], velocity }) => {\n        if (context.screenSize <= ScreenSize.Medium) {\n            velocity = velocity * 0.75;\n            sliderVelocity = velocity > 4 ? 4 : velocity < 1 ? 1 : velocity;\n        } else {\n            sliderVelocity = 1;\n        }\n\n        mx = mx * sliderVelocity;\n\n        if (!down) {\n            const releasePosition = lastReleaseX + mx;\n            const cardWidth = 62;\n            const maxX = numberOfDaysLoaded * cardWidth;\n\n            let restingLocation = 0;\n\n            if (releasePosition > 0) {\n                restingLocation = 0;\n            } else if (releasePosition < -maxX) {\n                restingLocation = -maxX;\n            } else {\n                const magic = -releasePosition / cardWidth;\n                lastIndex = releasePosition % cardWidth > -cardWidth / 2 ? Math.floor(magic) : Math.ceil(magic);\n                restingLocation = -(lastIndex * cardWidth);\n            }\n\n            if (62 * numberOfDaysLoaded - 1000 <= -releasePosition) {\n                loadNext();\n            }\n\n            set({ x: restingLocation });\n            setLastReleaseX(restingLocation);\n        } else {\n            set({ x: lastReleaseX + mx });\n        }\n    });\n\n    const days = useMemo(\n        () => (\n            <>\n                {daysLoaded.map((date, index) => {\n                    const day = date.format('D');\n                    const unix = date.unix();\n\n                    return (\n                        <>\n                            <DatePickerDay key={unix} text={day} selectable day={date} displayType=\"week\" unix={unix} />\n                        </>\n                    );\n                })}\n            </>\n        ),\n        [daysLoaded]\n    );\n\n    // TODO refactor\n    const getCurrentDay = () => {\n        const day = Math.floor(lastReleaseX / 62);\n\n        if (firstDay) {\n            return firstDay.add(-day, 'day').format('MMMM');\n        }\n\n        return showingMonth.format('MMMM');\n    };\n\n    const currentDayValue = getCurrentDay();\n    const showPreviousWeek = () => {\n        DataLayer.instance.sendInteraction('Show Previous Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setSwiperLocation(lastReleaseX + 62 * 7);\n    };\n    const showNextWeek = () => {\n        DataLayer.instance.sendInteraction('Show Next Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setSwiperLocation(lastReleaseX - 62 * 7);\n    };\n    return (\n        <>\n            <div className=\"diji-calendar-navigation\">\n                <Icon icon={IconType.ArrowLeft2} onClick={showPreviousWeek} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n                <Icon icon={IconType.ArrowRight2} onClick={showNextWeek} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n            </div>\n            <div className=\"u-marg-top\">\n                <Text type={TextType.Body} bold align={TextAlign.Center}>\n                    {currentDayValue}\n                </Text>\n            </div>\n            <div className=\"diji-calendar-week--global-month\">{currentDayValue}</div>\n            <div className=\"diji-calendar-week\">\n                <div className=\"diji-calendar-week--track\" {...bind()}>\n                    <animated.div className=\"diji-calendar-week--items\" style={{ left: x }}>\n                        {days}\n                    </animated.div>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}

package/dist/src/components/generic/date/FloatingDatePicker.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import dayjs from 'dayjs';
 export interface FloatingDatePickerProps {
     children?: React.ReactNode;

package/dist/src/components/generic/date/FloatingDatePicker.js

@@ -26,16 +26,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const DatePicker_1 = __importDefault(require("./DatePicker"));
 const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
 const Overlay_1 = require("../Overlay/Overlay");
 function FloatingDatePicker(props) {
-    var _a;
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const [startDate, setStartDate] = (0, react_1.useState)(null);
-    const thisElement = (0, react_1.useRef)(null);
+    var _a, _b;
+    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
+    const [startDate, setStartDate] = (0, react_2.useState)(null);
+    const thisElement = (0, react_2.useRef)(null);
     const selectedDateChanged = (endDate) => {
         DataLayer_1.default.instance.sendInteraction('Check Out Date', DataLayer_1.InteractionType.CALENDAR, DataLayer_1.InteractionStep.ROOMS);
         if (props.selectedDateChanged && startDate) {
@@ -53,11 +53,11 @@ function FloatingDatePicker(props) {
     const onOverlayOpen = () => {
         setIsOpen(true);
     };
-    const inner = (React.createElement("div", { className: "d-flex align-items-center flex-column" },
-        React.createElement(DatePicker_1.default, { showMonthOnLoad: props.startDate, showMultipleMonths: false, supportsMultiSelecting: true, onStartDateChanged: onStartDateChangedHandler, onEndDateChanged: selectedDateChanged, showMinNightStay: true, supportsWeek: false })));
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: thisElement, className: props.className, onClick: onOverlayOpen }, props.children),
-        React.createElement(Overlay_1.Overlay, { open: isOpen, onClose: onOverlayClose, container: (_a = thisElement.current) === null || _a === void 0 ? void 0 : _a.parentElement.parentElement, followElement: thisElement.current, className: 'floating-roomstay-calendar' }, inner)));
+    const inner = (react_1.default.createElement("div", { className: "d-flex align-items-center flex-column" },
+        react_1.default.createElement(DatePicker_1.default, { showMonthOnLoad: props.startDate, showMultipleMonths: false, supportsMultiSelecting: true, onStartDateChanged: onStartDateChangedHandler, onEndDateChanged: selectedDateChanged, showMinNightStay: true, supportsWeek: false })));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { ref: thisElement, className: props.className, onClick: onOverlayOpen }, props.children),
+        react_1.default.createElement(Overlay_1.Overlay, { open: isOpen, onClose: onOverlayClose, container: (_b = (_a = thisElement.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement, followElement: thisElement.current, className: "floating-roomstay-calendar" }, inner)));
 }
 exports.default = FloatingDatePicker;
 //# sourceMappingURL=FloatingDatePicker.js.map

package/dist/src/components/generic/date/FloatingDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingDatePicker.js","sourceRoot":"/","sources":["src/components/generic/date/FloatingDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAyC;AAEzC,sFAA8D;AAI9D,8DAA+E;AAC/E,kEAA+D;AAY/D,SAAwB,kBAAkB,CAAC,KAA8B;;IACrE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEjC,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;QACjD,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,gBAAgB,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAEtG,IAAI,KAAK,CAAC,mBAAmB,IAAI,SAAS,EAAE;YACxC,KAAK,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;SACjD;QAED,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAAC,IAAS,EAAE,EAAE;QAC5C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,eAAe,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACrG,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,CACV,6BAAK,SAAS,EAAC,uCAAuC;QAClD,oBAAC,oBAAU,IACP,eAAe,EAAE,KAAK,CAAC,SAAS,EAChC,kBAAkB,EAAE,KAAK,EACzB,sBAAsB,EAAE,IAAI,EAC5B,kBAAkB,EAAE,yBAAyB,EAC7C,gBAAgB,EAAE,mBAAmB,EACrC,gBAAgB,EAAE,IAAI,EACtB,YAAY,EAAE,KAAK,GACrB,CACA,CACT,CAAC;IAEF,OAAO,CACH;QACI,6BAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IACpE,KAAK,CAAC,QAAQ,CACb;QACN,oBAAC,iBAAO,IACJ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAA,WAAW,CAAC,OAAO,0CAAE,aAAa,CAAC,aAAa,EAC3D,aAAa,EAAE,WAAW,CAAC,OAAO,EAClC,SAAS,EAAE,4BAA4B,IAEtC,KAAK,CACA,CACX,CACN,CAAC;AACN,CAAC;AA5DD,qCA4DC","sourcesContent":["import * as React from 'react';\nimport { useRef, useState } from 'react';\n\nimport DatePicker from '@/components/generic/date/DatePicker';\n\nimport dayjs from 'dayjs';\n\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\n\nexport interface FloatingDatePickerProps {\n    children?: React.ReactNode;\n    startDate?: dayjs.Dayjs;\n    endDate?: dayjs.Dayjs;\n\n    selectedDateChanged?: (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => void;\n\n    className?: string;\n}\n\nexport default function FloatingDatePicker(props: FloatingDatePickerProps) {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs>(null);\n\n    const thisElement = useRef(null);\n\n    const selectedDateChanged = (endDate: dayjs.Dayjs) => {\n        DataLayer.instance.sendInteraction('Check Out Date', InteractionType.CALENDAR, InteractionStep.ROOMS);\n\n        if (props.selectedDateChanged && startDate) {\n            props.selectedDateChanged(startDate, endDate);\n        }\n\n        setIsOpen(false);\n    };\n\n    const onStartDateChangedHandler = (date: any) => {\n        DataLayer.instance.sendInteraction('Check In Date', InteractionType.CALENDAR, InteractionStep.ROOMS);\n        setStartDate(date);\n    };\n\n    const onOverlayClose = () => {\n        setIsOpen(false);\n    };\n\n    const onOverlayOpen = () => {\n        setIsOpen(true);\n    };\n\n    const inner = (\n        <div className=\"d-flex align-items-center flex-column\">\n            <DatePicker\n                showMonthOnLoad={props.startDate}\n                showMultipleMonths={false}\n                supportsMultiSelecting={true}\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={selectedDateChanged}\n                showMinNightStay={true}\n                supportsWeek={false}\n            />\n        </div>\n    );\n\n    return (\n        <>\n            <div ref={thisElement} className={props.className} onClick={onOverlayOpen}>\n                {props.children}\n            </div>\n            <Overlay\n                open={isOpen}\n                onClose={onOverlayClose}\n                container={thisElement.current?.parentElement.parentElement}\n                followElement={thisElement.current}\n                className={'floating-roomstay-calendar'}\n            >\n                {inner}\n            </Overlay>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"FloatingDatePicker.js","sourceRoot":"/","sources":["src/components/generic/date/FloatingDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iCAAyC;AAEzC,sFAA8D;AAI9D,8DAA+E;AAC/E,kEAA+D;AAY/D,SAAwB,kBAAkB,CAAC,KAA8B;;IACrE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IAErE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEjD,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;QACjD,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,gBAAgB,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAEtG,IAAI,KAAK,CAAC,mBAAmB,IAAI,SAAS,EAAE;YACxC,KAAK,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;SACjD;QAED,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAAC,IAAS,EAAE,EAAE;QAC5C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,eAAe,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACrG,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,CACV,uCAAK,SAAS,EAAC,uCAAuC;QAClD,8BAAC,oBAAU,IACP,eAAe,EAAE,KAAK,CAAC,SAAS,EAChC,kBAAkB,EAAE,KAAK,EACzB,sBAAsB,QACtB,kBAAkB,EAAE,yBAAyB,EAC7C,gBAAgB,EAAE,mBAAmB,EACrC,gBAAgB,QAChB,YAAY,EAAE,KAAK,GACrB,CACA,CACT,CAAC;IAEF,OAAO,CACH;QACI,uCAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IACpE,KAAK,CAAC,QAAQ,CACb;QACN,8BAAC,iBAAO,IACJ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,aAAa,0CAAE,aAAa,EAC5D,aAAa,EAAE,WAAW,CAAC,OAAO,EAClC,SAAS,EAAC,4BAA4B,IAErC,KAAK,CACA,CACX,CACN,CAAC;AACN,CAAC;AA5DD,qCA4DC","sourcesContent":["import React from 'react';\nimport { useRef, useState } from 'react';\n\nimport DatePicker from '@/components/generic/date/DatePicker';\n\nimport dayjs from 'dayjs';\n\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\n\nexport interface FloatingDatePickerProps {\n    children?: React.ReactNode;\n    startDate?: dayjs.Dayjs;\n    endDate?: dayjs.Dayjs;\n\n    selectedDateChanged?: (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => void;\n\n    className?: string;\n}\n\nexport default function FloatingDatePicker(props: FloatingDatePickerProps) {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n\n    const thisElement = useRef<HTMLDivElement>(null);\n\n    const selectedDateChanged = (endDate: dayjs.Dayjs) => {\n        DataLayer.instance.sendInteraction('Check Out Date', InteractionType.CALENDAR, InteractionStep.ROOMS);\n\n        if (props.selectedDateChanged && startDate) {\n            props.selectedDateChanged(startDate, endDate);\n        }\n\n        setIsOpen(false);\n    };\n\n    const onStartDateChangedHandler = (date: any) => {\n        DataLayer.instance.sendInteraction('Check In Date', InteractionType.CALENDAR, InteractionStep.ROOMS);\n        setStartDate(date);\n    };\n\n    const onOverlayClose = () => {\n        setIsOpen(false);\n    };\n\n    const onOverlayOpen = () => {\n        setIsOpen(true);\n    };\n\n    const inner = (\n        <div className=\"d-flex align-items-center flex-column\">\n            <DatePicker\n                showMonthOnLoad={props.startDate}\n                showMultipleMonths={false}\n                supportsMultiSelecting\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={selectedDateChanged}\n                showMinNightStay\n                supportsWeek={false}\n            />\n        </div>\n    );\n\n    return (\n        <>\n            <div ref={thisElement} className={props.className} onClick={onOverlayOpen}>\n                {props.children}\n            </div>\n            <Overlay\n                open={isOpen}\n                onClose={onOverlayClose}\n                container={thisElement.current?.parentElement?.parentElement}\n                followElement={thisElement.current}\n                className=\"floating-roomstay-calendar\"\n            >\n                {inner}\n            </Overlay>\n        </>\n    );\n}\n"]}