@roomstay/frontend 2.1.5 → 2.1.7

package/dist/src/components/generic/Countdown.js

@@ -1,37 +1,14 @@
 "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 dayjs_1 = __importDefault(require("dayjs"));
 function Countdown(props) {
-    const [secondsLeft, setSecondsLeft] = (0, react_1.useState)(props.endTimeDate.diff((0, dayjs_1.default)(), 'second'));
-    (0, react_1.useEffect)(() => {
+    const [secondsLeft, setSecondsLeft] = (0, react_2.useState)(props.endTimeDate.diff((0, dayjs_1.default)(), 'second'));
+    (0, react_2.useEffect)(() => {
         let cancelled = false;
         const timeInterval = setTimeout(() => {
             if (!cancelled) {
@@ -52,9 +29,9 @@ function Countdown(props) {
             clearTimeout(timeInterval);
         };
     }, [secondsLeft]);
-    return (0, react_1.useMemo)(() => {
+    return (0, react_2.useMemo)(() => {
         const days = [Math.floor(secondsLeft / 60 / 60), Math.floor((secondsLeft / 60) % 60), Math.floor(secondsLeft % 60)];
-        return React.createElement(React.Fragment, null, days.map((day) => day.toString().padStart(2, '0')).join(':'));
+        return react_1.default.createElement(react_1.default.Fragment, null, days.map((day) => day.toString().padStart(2, '0')).join(':'));
     }, [secondsLeft]);
 }
 exports.default = Countdown;

package/dist/src/components/generic/Countdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Countdown.js","sourceRoot":"/","sources":["src/components/generic/Countdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAqD;AAErD,kDAA0B;AAO1B,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAA,eAAK,GAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1F,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,IAAI,CAAC,SAAS,EAAE;gBACZ,IAAI,WAAW,GAAG,CAAC,EAAE;oBACjB,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;iBACtC;qBAAM;oBACH,IAAI,KAAK,CAAC,KAAK,EAAE;wBACb,KAAK,CAAC,KAAK,EAAE,CAAC;qBACjB;oBAED,SAAS,GAAG,IAAI,CAAC;oBACjB,YAAY,CAAC,YAAY,CAAC,CAAC;iBAC9B;aACJ;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;YACjB,YAAY,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC;QAEpH,OAAO,0CAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAI,CAAC;IAC/E,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACtB,CAAC;AAhCD,4BAgCC","sourcesContent":["import * as React from 'react';\nimport { useEffect, useState, useMemo } from 'react';\n\nimport dayjs from 'dayjs';\n\ninterface CountdownProps {\n    endTimeDate: dayjs.Dayjs;\n    onEnd?: () => void;\n}\n\nexport default function Countdown(props: CountdownProps) {\n    const [secondsLeft, setSecondsLeft] = useState(props.endTimeDate.diff(dayjs(), 'second'));\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const timeInterval = setTimeout(() => {\n            if (!cancelled) {\n                if (secondsLeft > 0) {\n                    setSecondsLeft((left) => left - 1);\n                } else {\n                    if (props.onEnd) {\n                        props.onEnd();\n                    }\n\n                    cancelled = true;\n                    clearTimeout(timeInterval);\n                }\n            }\n        }, 1000);\n\n        return () => {\n            cancelled = true;\n            clearTimeout(timeInterval);\n        };\n    }, [secondsLeft]);\n\n    return useMemo(() => {\n        const days = [Math.floor(secondsLeft / 60 / 60), Math.floor((secondsLeft / 60) % 60), Math.floor(secondsLeft % 60)];\n\n        return <>{days.map((day) => day.toString().padStart(2, '0')).join(':')}</>;\n    }, [secondsLeft]);\n}\n"]}
+{"version":3,"file":"Countdown.js","sourceRoot":"/","sources":["src/components/generic/Countdown.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iCAAqD;AAErD,kDAA0B;AAO1B,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAA,eAAK,GAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1F,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,IAAI,CAAC,SAAS,EAAE;gBACZ,IAAI,WAAW,GAAG,CAAC,EAAE;oBACjB,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;iBACtC;qBAAM;oBACH,IAAI,KAAK,CAAC,KAAK,EAAE;wBACb,KAAK,CAAC,KAAK,EAAE,CAAC;qBACjB;oBAED,SAAS,GAAG,IAAI,CAAC;oBACjB,YAAY,CAAC,YAAY,CAAC,CAAC;iBAC9B;aACJ;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;YACjB,YAAY,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC;QAEpH,OAAO,8DAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAI,CAAC;IAC/E,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACtB,CAAC;AAhCD,4BAgCC","sourcesContent":["import React from 'react';\nimport { useEffect, useState, useMemo } from 'react';\n\nimport dayjs from 'dayjs';\n\ninterface CountdownProps {\n    endTimeDate: dayjs.Dayjs;\n    onEnd?: () => void;\n}\n\nexport default function Countdown(props: CountdownProps) {\n    const [secondsLeft, setSecondsLeft] = useState(props.endTimeDate.diff(dayjs(), 'second'));\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const timeInterval = setTimeout(() => {\n            if (!cancelled) {\n                if (secondsLeft > 0) {\n                    setSecondsLeft((left) => left - 1);\n                } else {\n                    if (props.onEnd) {\n                        props.onEnd();\n                    }\n\n                    cancelled = true;\n                    clearTimeout(timeInterval);\n                }\n            }\n        }, 1000);\n\n        return () => {\n            cancelled = true;\n            clearTimeout(timeInterval);\n        };\n    }, [secondsLeft]);\n\n    return useMemo(() => {\n        const days = [Math.floor(secondsLeft / 60 / 60), Math.floor((secondsLeft / 60) % 60), Math.floor(secondsLeft % 60)];\n\n        return <>{days.map((day) => day.toString().padStart(2, '0')).join(':')}</>;\n    }, [secondsLeft]);\n}\n"]}

package/dist/src/components/generic/Currency.js

@@ -26,19 +26,19 @@ 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 = __importDefault(require("react"));
 const CurrencyProvider_1 = __importDefault(require("../../providers/CurrencyProvider"));
-const react_1 = require("react");
+const react_2 = require("react");
 const Icon_1 = __importStar(require("./Icon/Icon"));
 const Color_1 = require("../../util/Color");
 const contexts_1 = require("../../contexts/index.js");
 const hooks_1 = require("../../hooks/index.js");
 function Currency(props) {
     var _a;
-    const { currentCurrency } = (0, react_1.useContext)(contexts_1.CompanyContext);
+    const { currentCurrency } = (0, react_2.useContext)(contexts_1.CompanyContext);
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const [value, setValue] = (0, react_1.useState)(0);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [value, setValue] = (0, react_2.useState)(0);
+    const [isLoading, setIsLoading] = (0, react_2.useState)(false);
     const toLocalString = (original, toFixed) => {
         if (props.disableLocalization) {
             return original;
@@ -48,7 +48,7 @@ function Currency(props) {
         }
         return original;
     };
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         let isCancelled = false;
         setIsLoading(true);
         setTimeout(() => {
@@ -71,7 +71,7 @@ function Currency(props) {
             isCancelled = true;
         };
     }, [props.children, currentCurrency, props.originalCurrencyCode, CurrencyProvider_1.default.getRatesForCurrencyCode((_a = props.originalCurrencyCode) !== null && _a !== void 0 ? _a : hotel === null || hotel === void 0 ? void 0 : hotel.defaultCurrency)]);
-    return (0, react_1.useMemo)(() => {
+    return (0, react_2.useMemo)(() => {
         const stringVal = props.disableLocalization ? value.toString() : value === null || value === void 0 ? void 0 : value.toLocaleString();
         let symbol = CurrencyProvider_1.default.getSymbol(currentCurrency);
         if (props.removeCurrencyAfterChar) {
@@ -87,9 +87,9 @@ function Currency(props) {
         if (props.shortenThousandsAfter && props.shortenThousandsAfter <= String(value).length && props.hideDecimals) {
             prettyValue = stringVal.substring(0, stringVal.length - 3) + '…';
         }
-        return isLoading && !props.disableLoading ? (React.createElement("span", { className: "u-inline-flex a-spin" },
-            React.createElement(Icon_1.default, { icon: Icon_1.IconType.Spinner, size: "1em", color: Color_1.Color.Accent }))) : (React.createElement("span", { className: "u-ellip-overflow u-nowrap" },
-            symbol && React.createElement("span", null, symbol),
+        return isLoading && !props.disableLoading ? (react_1.default.createElement("span", { className: "u-inline-flex a-spin" },
+            react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Spinner, size: "1em", color: Color_1.Color.Accent }))) : (react_1.default.createElement("span", { className: "u-ellip-overflow u-nowrap" },
+            symbol && react_1.default.createElement("span", null, symbol),
             prettyValue));
     }, [value, isLoading]);
 }

package/dist/src/components/generic/Currency.js.map

@@ -1 +1 @@
-{"version":3,"file":"Currency.js","sourceRoot":"/","sources":["src/components/generic/Currency.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,oFAA4D;AAC5D,iCAAiE;AACjE,uEAAgE;AAChE,wCAAqC;AACrC,iDAAoD;AACpD,2CAAkD;AAgBlD,SAAwB,QAAQ,CAAC,KAAoB;;IACjD,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IACvD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAE,OAAiB,EAAE,EAAE;QAC1D,IAAI,KAAK,CAAC,mBAAmB,EAAE;YAC3B,OAAO,QAAQ,CAAC;SACnB;QAED,IAAI,QAAQ,EAAE;YACV,OAAO,QAAQ,CAAC,cAAc,CAAC,SAAS,EAAE,EAAE,qBAAqB,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACzF;QAED,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,WAAW,GAAG,KAAK,CAAC;QAExB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,UAAU,CACN,GAAG,EAAE;;YACD,IAAI,CAAC,WAAW,EAAE;gBACd,YAAY,CAAC,KAAK,CAAC,CAAC;gBAEpB,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;oBACvB,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;iBAC5B;qBAAM;oBACH,MAAM,UAAU,GAAG,0BAAgB,CAAC,YAAY,CAC5C,KAAK,CAAC,QAAQ,EACd,CAAC,KAAK,CAAC,YAAY,EACnB,eAAe,EACf,MAAA,KAAK,CAAC,oBAAoB,mCAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,CACvD,CAAC;oBAEF,IAAI,CAAC,WAAW,EAAE;wBACd,QAAQ,CAAC,UAAU,CAAC,CAAC;qBACxB;iBACJ;aACJ;QACL,CAAC,EACD,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CACjC,CAAC;QAEF,OAAO,GAAG,EAAE;YACR,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,WAAW,GAAG,IAAI,CAAC;QACvB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,eAAe,EAAE,KAAK,CAAC,oBAAoB,EAAE,0BAAgB,CAAC,uBAAuB,CAAC,MAAA,KAAK,CAAC,oBAAoB,mCAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAElK,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,MAAM,SAAS,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE,CAAC;QAEzF,IAAI,MAAM,GAAG,0BAAgB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;QACzD,IAAI,KAAK,CAAC,uBAAuB,EAAE;YAC/B,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;YACzC,IAAI,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC,uBAAuB,EAAE;gBAC7D,MAAM,GAAG,0BAAgB,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;gBAC1D,IAAI,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC,uBAAuB,EAAE;oBAC7D,MAAM,GAAG,EAAE,CAAC;iBACf;aACJ;SACJ;QAED,IAAI,WAAW,GAAG,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC;QAE3F,IAAI,KAAK,CAAC,qBAAqB,IAAI,KAAK,CAAC,qBAAqB,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,YAAY,EAAE;YAC1G,WAAW,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;SACpE;QAED,OAAO,SAAS,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CACxC,8BAAM,SAAS,EAAC,sBAAsB;YAClC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,OAAO,EAAE,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI,CAC7D,CACV,CAAC,CAAC,CAAC,CACA,8BAAM,SAAS,EAAC,2BAA2B;YACtC,MAAM,IAAI,kCAAO,MAAM,CAAQ;YAC/B,WAAW,CACT,CACV,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AAC3B,CAAC;AApFD,2BAoFC","sourcesContent":["import * as React from 'react';\nimport CurrencyProvider from '@/providers/CurrencyProvider';\nimport { useState, useEffect, useMemo, useContext } from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface CurrencyProps {\n    removeCurrencyAfterChar?: number;\n    shortenThousandsAfter?: number;\n\n    children: any;\n\n    hideDecimals?: boolean;\n\n    disableLocalization?: boolean;\n    disableLoading?: boolean;\n\n    originalCurrencyCode?: string;\n}\n\nexport default function Currency(props: CurrencyProps) {\n    const { currentCurrency } = useContext(CompanyContext);\n    const { hotel } = useCurrentHotel();\n\n    const [value, setValue] = useState(0);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const toLocalString = (original: number, toFixed?: boolean) => {\n        if (props.disableLocalization) {\n            return original;\n        }\n\n        if (original) {\n            return original.toLocaleString(undefined, { minimumFractionDigits: toFixed ? 2 : 0 });\n        }\n\n        return original;\n    };\n\n    useEffect(() => {\n        let isCancelled = false;\n\n        setIsLoading(true);\n        setTimeout(\n            () => {\n                if (!isCancelled) {\n                    setIsLoading(false);\n\n                    if (isNaN(props.children)) {\n                        setValue(props.children);\n                    } else {\n                        const totalValue = CurrencyProvider.convertPrice(\n                            props.children,\n                            !props.hideDecimals,\n                            currentCurrency,\n                            props.originalCurrencyCode ?? hotel?.defaultCurrency\n                        );\n\n                        if (!isCancelled) {\n                            setValue(totalValue);\n                        }\n                    }\n                }\n            },\n            props.disableLoading ? 0 : 200\n        );\n\n        return () => {\n            setIsLoading(false);\n            isCancelled = true;\n        };\n    }, [props.children, currentCurrency, props.originalCurrencyCode, CurrencyProvider.getRatesForCurrencyCode(props.originalCurrencyCode ?? hotel?.defaultCurrency)]);\n\n    return useMemo(() => {\n        const stringVal = props.disableLocalization ? value.toString() : value?.toLocaleString();\n\n        let symbol = CurrencyProvider.getSymbol(currentCurrency);\n        if (props.removeCurrencyAfterChar) {\n            const priceLength = String(value).length;\n            if (priceLength + symbol.length > props.removeCurrencyAfterChar) {\n                symbol = CurrencyProvider.getShortSymbol(currentCurrency);\n                if (priceLength + symbol.length > props.removeCurrencyAfterChar) {\n                    symbol = '';\n                }\n            }\n        }\n\n        let prettyValue = toLocalString(value, !(props.hideDecimals || typeof value !== 'number'));\n\n        if (props.shortenThousandsAfter && props.shortenThousandsAfter <= String(value).length && props.hideDecimals) {\n            prettyValue = stringVal.substring(0, stringVal.length - 3) + '…';\n        }\n\n        return isLoading && !props.disableLoading ? (\n            <span className=\"u-inline-flex a-spin\">\n                <Icon icon={IconType.Spinner} size=\"1em\" color={Color.Accent} />\n            </span>\n        ) : (\n            <span className=\"u-ellip-overflow u-nowrap\">\n                {symbol && <span>{symbol}</span>}\n                {prettyValue}\n            </span>\n        );\n    }, [value, isLoading]);\n}\n"]}
+{"version":3,"file":"Currency.js","sourceRoot":"/","sources":["src/components/generic/Currency.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport CurrencyProvider from '@/providers/CurrencyProvider';\nimport { useState, useEffect, useMemo, useContext } from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface CurrencyProps {\n    removeCurrencyAfterChar?: number;\n    shortenThousandsAfter?: number;\n\n    children: any;\n\n    hideDecimals?: boolean;\n\n    disableLocalization?: boolean;\n    disableLoading?: boolean;\n\n    originalCurrencyCode?: string;\n}\n\nexport default function Currency(props: CurrencyProps) {\n    const { currentCurrency } = useContext(CompanyContext);\n    const { hotel } = useCurrentHotel();\n\n    const [value, setValue] = useState(0);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const toLocalString = (original: number, toFixed?: boolean) => {\n        if (props.disableLocalization) {\n            return original;\n        }\n\n        if (original) {\n            return original.toLocaleString(undefined, { minimumFractionDigits: toFixed ? 2 : 0 });\n        }\n\n        return original;\n    };\n\n    useEffect(() => {\n        let isCancelled = false;\n\n        setIsLoading(true);\n        setTimeout(\n            () => {\n                if (!isCancelled) {\n                    setIsLoading(false);\n\n                    if (isNaN(props.children)) {\n                        setValue(props.children);\n                    } else {\n                        const totalValue = CurrencyProvider.convertPrice(\n                            props.children,\n                            !props.hideDecimals,\n                            currentCurrency,\n                            props.originalCurrencyCode ?? (hotel?.defaultCurrency as string)\n                        );\n\n                        if (!isCancelled) {\n                            setValue(totalValue);\n                        }\n                    }\n                }\n            },\n            props.disableLoading ? 0 : 200\n        );\n\n        return () => {\n            setIsLoading(false);\n            isCancelled = true;\n        };\n    }, [props.children, currentCurrency, props.originalCurrencyCode, CurrencyProvider.getRatesForCurrencyCode(props.originalCurrencyCode ?? (hotel?.defaultCurrency as string))]);\n\n    return useMemo(() => {\n        const stringVal = props.disableLocalization ? value.toString() : value?.toLocaleString();\n\n        let symbol = CurrencyProvider.getSymbol(currentCurrency);\n        if (props.removeCurrencyAfterChar) {\n            const priceLength = String(value).length;\n            if (priceLength + symbol.length > props.removeCurrencyAfterChar) {\n                symbol = CurrencyProvider.getShortSymbol(currentCurrency);\n                if (priceLength + symbol.length > props.removeCurrencyAfterChar) {\n                    symbol = '';\n                }\n            }\n        }\n\n        let prettyValue = toLocalString(value, !(props.hideDecimals || typeof value !== 'number'));\n\n        if (props.shortenThousandsAfter && props.shortenThousandsAfter <= String(value).length && props.hideDecimals) {\n            prettyValue = stringVal.substring(0, stringVal.length - 3) + '…';\n        }\n\n        return isLoading && !props.disableLoading ? (\n            <span className=\"u-inline-flex a-spin\">\n                <Icon icon={IconType.Spinner} size=\"1em\" color={Color.Accent} />\n            </span>\n        ) : (\n            <span className=\"u-ellip-overflow u-nowrap\">\n                {symbol && <span>{symbol}</span>}\n                {prettyValue}\n            </span>\n        );\n    }, [value, isLoading]);\n}\n"]}

package/dist/src/components/generic/DateRangePicker/DateRangePicker.d.ts

@@ -1,8 +1,8 @@
-import * as dayjs from 'dayjs';
+import dayjs from 'dayjs';
 import { EBookingWizardTheme } from '../BookingWizard/BookingWizard';
 export interface DatePickerProps {
-    selectedStartDate?: dayjs.Dayjs;
-    selectedEndDate?: dayjs.Dayjs;
+    selectedStartDate?: dayjs.Dayjs | null;
+    selectedEndDate?: dayjs.Dayjs | null;
     showArrows?: boolean;
     small?: boolean;
     onStartDateChanged?: (date: dayjs.Dayjs) => void;

package/dist/src/components/generic/DateRangePicker/DateRangePicker.js

@@ -35,20 +35,20 @@ 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 Color_1 = require("../../../util/Color");
 const Icon_1 = __importStar(require("../Icon/Icon"));
 const classnames_1 = __importDefault(require("classnames"));
-const dayjs = __importStar(require("dayjs"));
+const dayjs_1 = __importDefault(require("dayjs"));
 const DateRangePickerContext_1 = require("./DateRangePickerContext");
 const DateRangePickerMonth_1 = __importDefault(require("./DateRangePickerMonth"));
-const isSameOrBefore = __importStar(require("dayjs/plugin/isSameOrBefore"));
-const isSameOrAfter = __importStar(require("dayjs/plugin/isSameOrAfter"));
+const isSameOrBefore_1 = __importDefault(require("dayjs/plugin/isSameOrBefore"));
+const isSameOrAfter_1 = __importDefault(require("dayjs/plugin/isSameOrAfter"));
 const DateRangePicker_module_scss_1 = __importDefault(require("./DateRangePicker.module.scss"));
 const BookingWizard_1 = require("../BookingWizard/BookingWizard");
-dayjs.extend(isSameOrBefore);
-dayjs.extend(isSameOrAfter);
+dayjs_1.default.extend(isSameOrBefore_1.default);
+dayjs_1.default.extend(isSameOrAfter_1.default);
 var EDateRangePickingState;
 (function (EDateRangePickingState) {
     EDateRangePickingState[EDateRangePickingState["StartDate"] = 1] = "StartDate";
@@ -56,11 +56,11 @@ var EDateRangePickingState;
 })(EDateRangePickingState || (EDateRangePickingState = {}));
 function DateRangePicker(props) {
     var _a, _b;
-    const [currentMonth, setCurrentMonth] = (0, react_1.useState)(props.selectedStartDate ? props.selectedStartDate : dayjs());
-    const [selectedStartDate, setSelectedStartDate] = (0, react_1.useState)((_a = props.selectedStartDate) !== null && _a !== void 0 ? _a : (props.fixedStartDate ? dayjs() : null));
-    const [selectedEndDate, setSelectedEndDate] = (0, react_1.useState)((_b = props.selectedEndDate) !== null && _b !== void 0 ? _b : null);
-    const [hoveringOverDate, setHoveringOverDate] = (0, react_1.useState)(null);
-    const [pickingState, setPickingState] = (0, react_1.useState)(props.fixedStartDate ? EDateRangePickingState.EndDate : EDateRangePickingState.StartDate);
+    const [currentMonth, setCurrentMonth] = (0, react_2.useState)(props.selectedStartDate ? props.selectedStartDate : (0, dayjs_1.default)());
+    const [selectedStartDate, setSelectedStartDate] = (0, react_2.useState)((_a = props.selectedStartDate) !== null && _a !== void 0 ? _a : (props.fixedStartDate ? (0, dayjs_1.default)() : null));
+    const [selectedEndDate, setSelectedEndDate] = (0, react_2.useState)((_b = props.selectedEndDate) !== null && _b !== void 0 ? _b : null);
+    const [hoveringOverDate, setHoveringOverDate] = (0, react_2.useState)(null);
+    const [pickingState, setPickingState] = (0, react_2.useState)(props.fixedStartDate ? EDateRangePickingState.EndDate : EDateRangePickingState.StartDate);
     const onClickDate = (newDate) => __awaiter(this, void 0, void 0, function* () {
         let newPickingState = null;
         switch (pickingState) {
@@ -95,19 +95,19 @@ function DateRangePicker(props) {
             setHoveringOverDate(day);
         }
     };
-    const firstUpdate = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
+    const firstUpdate = (0, react_2.useRef)(null);
+    (0, react_2.useEffect)(() => {
         if (firstUpdate.current) {
-            firstUpdate.current = undefined;
+            firstUpdate.current = null;
             return;
         }
         if (props.onStartDateChanged) {
             props.onStartDateChanged(selectedStartDate);
         }
     }, [selectedStartDate]);
-    (0, react_1.useLayoutEffect)(() => {
+    (0, react_2.useLayoutEffect)(() => {
         if (firstUpdate.current) {
-            firstUpdate.current = undefined;
+            firstUpdate.current = null;
             return;
         }
         if (props.onEndDateChanged) {
@@ -115,8 +115,8 @@ function DateRangePicker(props) {
         }
     }, [selectedEndDate]);
     const context = {
-        today: dayjs(),
-        todayInUnix: dayjs().unix(),
+        today: (0, dayjs_1.default)(),
+        todayInUnix: (0, dayjs_1.default)().unix(),
         startDate: selectedStartDate,
         endDate: selectedEndDate,
         hoveredMonth: hoveringOverDate,
@@ -125,12 +125,12 @@ function DateRangePicker(props) {
         onDayClicked: (date) => {
             onClickDate(date);
         },
-        fixedStartDate: props.fixedStartDate,
+        fixedStartDate: !!props.fixedStartDate,
         theme: props.theme,
     };
-    const printMonths = (0, react_1.useMemo)(() => (React.createElement(React.Fragment, null,
-        React.createElement(DateRangePickerMonth_1.default, { small: props.small, showingMonth: currentMonth }),
-        props.showMultipleMonths && React.createElement(DateRangePickerMonth_1.default, { small: props.small, showingMonth: currentMonth.add(1, 'month') }))), [currentMonth, props.showMultipleMonths]);
+    const printMonths = (0, react_2.useMemo)(() => (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(DateRangePickerMonth_1.default, { small: props.small, showingMonth: currentMonth }),
+        props.showMultipleMonths && react_1.default.createElement(DateRangePickerMonth_1.default, { small: props.small, showingMonth: currentMonth.add(1, 'month') }))), [currentMonth, props.showMultipleMonths]);
     const calendarClassNames = (0, classnames_1.default)(DateRangePicker_module_scss_1.default['roomstay-calendar'], {
         [DateRangePicker_module_scss_1.default['--small']]: props.small,
         [DateRangePicker_module_scss_1.default['--single']]: !props.showMultipleMonths,
@@ -144,11 +144,11 @@ function DateRangePicker(props) {
     };
     const iconSize = props.theme === BookingWizard_1.EBookingWizardTheme.Specific ? '16px' : '24px';
     const iconBackground = props.theme === BookingWizard_1.EBookingWizardTheme.Specific ? undefined : Color_1.Color.Snow;
-    return (React.createElement(DateRangePickerContext_1.DateRangePickerContext.Provider, { value: context },
-        React.createElement("div", { ref: firstUpdate, className: calendarClassNames },
-            React.createElement("div", { className: DateRangePicker_module_scss_1.default['roomstay-calendar-navigation'] },
-                React.createElement(Icon_1.default, { className: DateRangePicker_module_scss_1.default['roomstay-calendar-arrow'], icon: Icon_1.IconType.ArrowLeft2, onClick: previousMonthOnClick, color: Color_1.Color.Navy, backgroundColor: iconBackground, borderRadius: "round", size: iconSize }),
-                React.createElement(Icon_1.default, { className: DateRangePicker_module_scss_1.default['roomstay-calendar-arrow'], icon: Icon_1.IconType.ArrowRight2, onClick: nextMonthOnClick, color: Color_1.Color.Navy, backgroundColor: iconBackground, borderRadius: "round", size: iconSize })),
+    return (react_1.default.createElement(DateRangePickerContext_1.DateRangePickerContext.Provider, { value: context },
+        react_1.default.createElement("div", { ref: firstUpdate, className: calendarClassNames },
+            react_1.default.createElement("div", { className: DateRangePicker_module_scss_1.default['roomstay-calendar-navigation'] },
+                react_1.default.createElement(Icon_1.default, { className: DateRangePicker_module_scss_1.default['roomstay-calendar-arrow'], icon: Icon_1.IconType.ArrowLeft2, onClick: previousMonthOnClick, color: Color_1.Color.Navy, backgroundColor: iconBackground, borderRadius: "round", size: iconSize }),
+                react_1.default.createElement(Icon_1.default, { className: DateRangePicker_module_scss_1.default['roomstay-calendar-arrow'], icon: Icon_1.IconType.ArrowRight2, onClick: nextMonthOnClick, color: Color_1.Color.Navy, backgroundColor: iconBackground, borderRadius: "round", size: iconSize })),
             printMonths)));
 }
 exports.default = DateRangePicker;

package/dist/src/components/generic/DateRangePicker/DateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","sourceRoot":"/","sources":["src/components/generic/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { Color } from '@/util/Color';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nimport classNames from 'classnames';\n\nimport * as dayjs from 'dayjs';\nimport { DateRangePickerContext } from '@/components/generic/DateRangePicker/DateRangePickerContext';\nimport DateRangePickerMonth from '@/components/generic/DateRangePicker/DateRangePickerMonth';\nimport * as isSameOrBefore from 'dayjs/plugin/isSameOrBefore';\nimport * as isSameOrAfter from 'dayjs/plugin/isSameOrAfter';\nimport styles from './DateRangePicker.module.scss';\nimport { EBookingWizardTheme } from '../BookingWizard/BookingWizard';\n\ndayjs.extend(isSameOrBefore);\ndayjs.extend(isSameOrAfter);\n\nexport interface DatePickerProps {\n    selectedStartDate?: dayjs.Dayjs;\n    selectedEndDate?: dayjs.Dayjs;\n    // Includes default navigation arrows\n    showArrows?: boolean;\n    small?: boolean;\n    onStartDateChanged?: (date: dayjs.Dayjs) => void;\n    onEndDateChanged?: (date: dayjs.Dayjs) => void;\n    fixedStartDate?: boolean;\n    showMultipleMonths?: boolean;\n    theme?: EBookingWizardTheme;\n}\n\nenum EDateRangePickingState {\n    StartDate = 1,\n    EndDate = 2,\n}\n\nexport default function DateRangePicker(props: DatePickerProps) {\n    const [currentMonth, setCurrentMonth] = useState(props.selectedStartDate ? props.selectedStartDate : dayjs());\n\n    const [selectedStartDate, setSelectedStartDate] = useState(props.selectedStartDate ?? (props.fixedStartDate ? dayjs() : null));\n    const [selectedEndDate, setSelectedEndDate] = useState(props.selectedEndDate ?? null);\n\n    const [hoveringOverDate, setHoveringOverDate] = useState(null);\n\n    const [pickingState, setPickingState] = useState(props.fixedStartDate ? EDateRangePickingState.EndDate : EDateRangePickingState.StartDate);\n\n    const onClickDate = async (newDate: dayjs.Dayjs) => {\n        let newPickingState: EDateRangePickingState = null;\n        switch (pickingState) {\n            default:\n            case EDateRangePickingState.StartDate:\n                newPickingState = EDateRangePickingState.EndDate;\n                setSelectedStartDate(newDate);\n                setSelectedEndDate(null);\n                break;\n            case EDateRangePickingState.EndDate:\n                if (newDate.isBefore(selectedStartDate)) {\n                    setSelectedStartDate(newDate);\n                    newPickingState = EDateRangePickingState.EndDate;\n                } else {\n                    newPickingState = EDateRangePickingState.StartDate;\n\n                    setHoveringOverDate(null);\n\n                    const nextAvailableDay = newDate;\n\n                    if (newDate.isSame(selectedStartDate)) {\n                        setSelectedEndDate(nextAvailableDay.add(1, 'day'));\n                    } else {\n                        setSelectedEndDate(nextAvailableDay);\n                    }\n                }\n\n                break;\n        }\n        setPickingState(props.fixedStartDate ? EDateRangePickingState.EndDate : newPickingState);\n    };\n\n    const onHoveredOverDay = (day: dayjs.Dayjs) => {\n        if (selectedStartDate && !selectedEndDate) {\n            setHoveringOverDate(day);\n        }\n    };\n\n    const firstUpdate = useRef();\n\n    useEffect(() => {\n        if (firstUpdate.current) {\n            firstUpdate.current = undefined;\n            return;\n        }\n\n        if (props.onStartDateChanged) {\n            props.onStartDateChanged(selectedStartDate);\n        }\n    }, [selectedStartDate]);\n\n    useLayoutEffect(() => {\n        if (firstUpdate.current) {\n            firstUpdate.current = undefined;\n            return;\n        }\n\n        if (props.onEndDateChanged) {\n            props.onEndDateChanged(selectedEndDate);\n        }\n    }, [selectedEndDate]);\n\n    const context = {\n        today: dayjs(),\n        todayInUnix: dayjs().unix(),\n        startDate: selectedStartDate,\n        endDate: selectedEndDate,\n\n        hoveredMonth: hoveringOverDate,\n\n        onHoverOver: onHoveredOverDay,\n        currentMonth,\n\n        onDayClicked: (date: dayjs.Dayjs) => {\n            onClickDate(date);\n        },\n        fixedStartDate: props.fixedStartDate,\n        theme: props.theme,\n    };\n\n    const printMonths = useMemo(\n        () => (\n            <>\n                <DateRangePickerMonth small={props.small} showingMonth={currentMonth} />\n                {props.showMultipleMonths && <DateRangePickerMonth small={props.small} showingMonth={currentMonth.add(1, 'month')} />}\n            </>\n        ),\n        [currentMonth, props.showMultipleMonths]\n    );\n\n    const calendarClassNames = classNames(styles['roomstay-calendar'], {\n        [styles['--small']]: props.small,\n        [styles['--single']]: !props.showMultipleMonths,\n        [styles['--specific']]: props.theme === EBookingWizardTheme.Specific,\n    });\n    const previousMonthOnClick = () => {\n        setCurrentMonth(currentMonth.subtract(1, 'month'));\n    };\n    const nextMonthOnClick = () => {\n        setCurrentMonth(currentMonth.add(1, 'month'));\n    };\n\n    const iconSize = props.theme === EBookingWizardTheme.Specific ? '16px' : '24px';\n    const iconBackground = props.theme === EBookingWizardTheme.Specific ? undefined : Color.Snow;\n\n    return (\n        <DateRangePickerContext.Provider value={context}>\n            <div ref={firstUpdate} className={calendarClassNames}>\n                <div className={styles['roomstay-calendar-navigation']}>\n                    <Icon\n                        className={styles['roomstay-calendar-arrow']}\n                        icon={IconType.ArrowLeft2}\n                        onClick={previousMonthOnClick}\n                        color={Color.Navy}\n                        backgroundColor={iconBackground}\n                        borderRadius=\"round\"\n                        size={iconSize}\n                    />\n                    <Icon\n                        className={styles['roomstay-calendar-arrow']}\n                        icon={IconType.ArrowRight2}\n                        onClick={nextMonthOnClick}\n                        color={Color.Navy}\n                        backgroundColor={iconBackground}\n                        borderRadius=\"round\"\n                        size={iconSize}\n                    />\n                </div>\n                {printMonths}\n            </div>\n        </DateRangePickerContext.Provider>\n    );\n}\n"]}
+{"version":3,"file":"DateRangePicker.js","sourceRoot":"/","sources":["src/components/generic/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { Color } from '@/util/Color';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nimport classNames from 'classnames';\n\nimport dayjs, { Dayjs } from 'dayjs';\nimport { DateRangePickerContext, DateRangePickerContextProps } from '@/components/generic/DateRangePicker/DateRangePickerContext';\nimport DateRangePickerMonth from '@/components/generic/DateRangePicker/DateRangePickerMonth';\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore';\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter';\nimport styles from './DateRangePicker.module.scss';\nimport { EBookingWizardTheme } from '../BookingWizard/BookingWizard';\n\ndayjs.extend(isSameOrBefore);\ndayjs.extend(isSameOrAfter);\n\nexport interface DatePickerProps {\n    selectedStartDate?: dayjs.Dayjs | null;\n    selectedEndDate?: dayjs.Dayjs | null;\n    // Includes default navigation arrows\n    showArrows?: boolean;\n    small?: boolean;\n    onStartDateChanged?: (date: dayjs.Dayjs) => void;\n    onEndDateChanged?: (date: dayjs.Dayjs) => void;\n    fixedStartDate?: boolean;\n    showMultipleMonths?: boolean;\n    theme?: EBookingWizardTheme;\n}\n\nenum EDateRangePickingState {\n    StartDate = 1,\n    EndDate = 2,\n}\n\nexport default function DateRangePicker(props: DatePickerProps) {\n    const [currentMonth, setCurrentMonth] = useState(props.selectedStartDate ? props.selectedStartDate : dayjs());\n\n    const [selectedStartDate, setSelectedStartDate] = useState<Dayjs | null>(props.selectedStartDate ?? (props.fixedStartDate ? dayjs() : null));\n    const [selectedEndDate, setSelectedEndDate] = useState(props.selectedEndDate ?? null);\n\n    const [hoveringOverDate, setHoveringOverDate] = useState<Dayjs | null>(null);\n\n    const [pickingState, setPickingState] = useState(props.fixedStartDate ? EDateRangePickingState.EndDate : EDateRangePickingState.StartDate);\n\n    const onClickDate = async (newDate: dayjs.Dayjs) => {\n        let newPickingState: EDateRangePickingState | null = null;\n        switch (pickingState) {\n            default:\n            case EDateRangePickingState.StartDate:\n                newPickingState = EDateRangePickingState.EndDate;\n                setSelectedStartDate(newDate);\n                setSelectedEndDate(null);\n                break;\n            case EDateRangePickingState.EndDate:\n                if (newDate.isBefore(selectedStartDate)) {\n                    setSelectedStartDate(newDate);\n                    newPickingState = EDateRangePickingState.EndDate;\n                } else {\n                    newPickingState = EDateRangePickingState.StartDate;\n\n                    setHoveringOverDate(null);\n\n                    const nextAvailableDay = newDate;\n\n                    if (newDate.isSame(selectedStartDate)) {\n                        setSelectedEndDate(nextAvailableDay.add(1, 'day'));\n                    } else {\n                        setSelectedEndDate(nextAvailableDay);\n                    }\n                }\n\n                break;\n        }\n        setPickingState(props.fixedStartDate ? EDateRangePickingState.EndDate : newPickingState);\n    };\n\n    const onHoveredOverDay = (day: dayjs.Dayjs) => {\n        if (selectedStartDate && !selectedEndDate) {\n            setHoveringOverDate(day as Dayjs);\n        }\n    };\n\n    const firstUpdate = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        if (firstUpdate.current) {\n            firstUpdate.current = null;\n            return;\n        }\n\n        if (props.onStartDateChanged) {\n            props.onStartDateChanged(selectedStartDate as Dayjs);\n        }\n    }, [selectedStartDate]);\n\n    useLayoutEffect(() => {\n        if (firstUpdate.current) {\n            firstUpdate.current = null;\n            return;\n        }\n\n        if (props.onEndDateChanged) {\n            props.onEndDateChanged(selectedEndDate as Dayjs);\n        }\n    }, [selectedEndDate]);\n\n    const context: DateRangePickerContextProps = {\n        today: dayjs(),\n        todayInUnix: dayjs().unix(),\n        startDate: selectedStartDate,\n        endDate: selectedEndDate,\n\n        hoveredMonth: hoveringOverDate,\n\n        onHoverOver: onHoveredOverDay,\n        currentMonth,\n\n        onDayClicked: (date: dayjs.Dayjs) => {\n            onClickDate(date);\n        },\n        fixedStartDate: !!props.fixedStartDate,\n        theme: props.theme,\n    };\n\n    const printMonths = useMemo(\n        () => (\n            <>\n                <DateRangePickerMonth small={props.small} showingMonth={currentMonth} />\n                {props.showMultipleMonths && <DateRangePickerMonth small={props.small} showingMonth={currentMonth.add(1, 'month')} />}\n            </>\n        ),\n        [currentMonth, props.showMultipleMonths]\n    );\n\n    const calendarClassNames = classNames(styles['roomstay-calendar'], {\n        [styles['--small']]: props.small,\n        [styles['--single']]: !props.showMultipleMonths,\n        [styles['--specific']]: props.theme === EBookingWizardTheme.Specific,\n    });\n    const previousMonthOnClick = () => {\n        setCurrentMonth(currentMonth.subtract(1, 'month'));\n    };\n    const nextMonthOnClick = () => {\n        setCurrentMonth(currentMonth.add(1, 'month'));\n    };\n\n    const iconSize = props.theme === EBookingWizardTheme.Specific ? '16px' : '24px';\n    const iconBackground = props.theme === EBookingWizardTheme.Specific ? undefined : Color.Snow;\n\n    return (\n        <DateRangePickerContext.Provider value={context}>\n            <div ref={firstUpdate} className={calendarClassNames}>\n                <div className={styles['roomstay-calendar-navigation']}>\n                    <Icon\n                        className={styles['roomstay-calendar-arrow']}\n                        icon={IconType.ArrowLeft2}\n                        onClick={previousMonthOnClick}\n                        color={Color.Navy}\n                        backgroundColor={iconBackground}\n                        borderRadius=\"round\"\n                        size={iconSize}\n                    />\n                    <Icon\n                        className={styles['roomstay-calendar-arrow']}\n                        icon={IconType.ArrowRight2}\n                        onClick={nextMonthOnClick}\n                        color={Color.Navy}\n                        backgroundColor={iconBackground}\n                        borderRadius=\"round\"\n                        size={iconSize}\n                    />\n                </div>\n                {printMonths}\n            </div>\n        </DateRangePickerContext.Provider>\n    );\n}\n"]}

package/dist/src/components/generic/DateRangePicker/DateRangePickerContext.d.ts

@@ -1,10 +1,16 @@
-import * as React from 'react';
-import * as dayjs from 'dayjs';
-import { DatePickerContextProps } from './DatePicker/DatePickerContext';
-interface DateRangePickerContextProps extends Omit<DatePickerContextProps, 'selectedDate'> {
-    startDate: dayjs.Dayjs;
-    endDate: dayjs.Dayjs;
+import React from 'react';
+import { Dayjs } from 'dayjs';
+import { EBookingWizardTheme } from '../BookingWizard/BookingWizard';
+export interface DateRangePickerContextProps {
+    todayInUnix: number;
+    today: Dayjs | null;
+    startDate: Dayjs | null;
+    endDate: Dayjs | null;
+    hoveredMonth: Dayjs | null;
+    currentMonth: Dayjs | null;
+    onHoverOver: (date: Dayjs) => void;
+    onDayClicked: (date: Dayjs) => void;
     fixedStartDate: boolean;
+    theme?: EBookingWizardTheme;
 }
 export declare const DateRangePickerContext: React.Context<DateRangePickerContextProps>;
-export {};

package/dist/src/components/generic/DateRangePicker/DateRangePickerContext.js

@@ -1,44 +1,9 @@
 "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 });
 exports.DateRangePickerContext = void 0;
-const React = __importStar(require("react"));
-exports.DateRangePickerContext = React.createContext({
-    todayInUnix: 0,
-    today: null,
-    startDate: null,
-    endDate: null,
-    hoveredMonth: null,
-    currentMonth: null,
-    onHoverOver: (date) => {
-        /* */
-    },
-    onDayClicked: (date) => {
-        /* */
-    },
-    fixedStartDate: false,
-    theme: undefined,
-});
+const react_1 = __importDefault(require("react"));
+exports.DateRangePickerContext = react_1.default.createContext({});
 //# sourceMappingURL=DateRangePickerContext.js.map

package/dist/src/components/generic/DateRangePicker/DateRangePickerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerContext.js","sourceRoot":"/","sources":["src/components/generic/DateRangePicker/DateRangePickerContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAUlB,QAAA,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAA8B;IACnF,WAAW,EAAE,CAAC;IACd,KAAK,EAAE,IAAmB;IAC1B,SAAS,EAAE,IAAmB;IAC9B,OAAO,EAAE,IAAmB;IAE5B,YAAY,EAAE,IAAmB;IAEjC,YAAY,EAAE,IAAI;IAElB,WAAW,EAAE,CAAC,IAAiB,EAAE,EAAE;QAC/B,KAAK;IACT,CAAC;IACD,YAAY,EAAE,CAAC,IAAiB,EAAE,EAAE;QAChC,KAAK;IACT,CAAC;IACD,cAAc,EAAE,KAAK;IACrB,KAAK,EAAE,SAAS;CACnB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport * as dayjs from 'dayjs';\nimport { DatePickerContextProps } from './DatePicker/DatePickerContext';\n\ninterface DateRangePickerContextProps extends Omit<DatePickerContextProps, 'selectedDate'> {\n    startDate: dayjs.Dayjs;\n    endDate: dayjs.Dayjs;\n    fixedStartDate: boolean;\n}\n\nexport const DateRangePickerContext = React.createContext<DateRangePickerContextProps>({\n    todayInUnix: 0,\n    today: null as dayjs.Dayjs,\n    startDate: null as dayjs.Dayjs,\n    endDate: null as dayjs.Dayjs,\n\n    hoveredMonth: null as dayjs.Dayjs,\n\n    currentMonth: null,\n\n    onHoverOver: (date: dayjs.Dayjs) => {\n        /* */\n    },\n    onDayClicked: (date: dayjs.Dayjs) => {\n        /* */\n    },\n    fixedStartDate: false,\n    theme: undefined,\n});\n"]}
+{"version":3,"file":"DateRangePickerContext.js","sourceRoot":"/","sources":["src/components/generic/DateRangePicker/DateRangePickerContext.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAiBb,QAAA,sBAAsB,GAAG,eAAK,CAAC,aAAa,CAA8B,EAAiC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { Dayjs } from 'dayjs';\nimport { EBookingWizardTheme } from '@/components/generic/BookingWizard/BookingWizard';\n\nexport interface DateRangePickerContextProps {\n    todayInUnix: number;\n    today: Dayjs | null;\n    startDate: Dayjs | null;\n    endDate: Dayjs | null;\n    hoveredMonth: Dayjs | null;\n    currentMonth: Dayjs | null;\n    onHoverOver: (date: Dayjs) => void;\n    onDayClicked: (date: Dayjs) => void;\n    fixedStartDate: boolean;\n    theme?: EBookingWizardTheme;\n}\n\nexport const DateRangePickerContext = React.createContext<DateRangePickerContextProps>({} as DateRangePickerContextProps);\n"]}

package/dist/src/components/generic/DateRangePicker/DateRangePickerDay.js

@@ -27,8 +27,8 @@ 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 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const Text_1 = __importStar(require("../Text"));
 const DateRangePickerContext_1 = require("./DateRangePickerContext");
 const classnames_1 = __importDefault(require("classnames"));
@@ -42,17 +42,19 @@ var DatePickerDayStatus;
     DatePickerDayStatus["Selected"] = "--selected";
 })(DatePickerDayStatus = exports.DatePickerDayStatus || (exports.DatePickerDayStatus = {}));
 function DateRangePickerDay(props) {
-    const datePickerContext = (0, react_1.useContext)(DateRangePickerContext_1.DateRangePickerContext);
-    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 isCurrent = props.day && datePickerContext.today.isSame(props.day, 'date');
-    const isPast = (props.unix < datePickerContext.todayInUnix && !isCurrent) || (datePickerContext.fixedStartDate && datePickerContext.startDate.isAfter(props.day));
-    (0, react_1.useEffect)(() => {
+    var _a, _b;
+    const datePickerContext = (0, react_2.useContext)(DateRangePickerContext_1.DateRangePickerContext);
+    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 && ((_a = datePickerContext.today) === null || _a === void 0 ? void 0 : _a.isSame(props.day, 'date'));
+    const isPast = (props.unix < datePickerContext.todayInUnix && !isCurrent) || (datePickerContext.fixedStartDate && ((_b = datePickerContext.startDate) === null || _b === void 0 ? void 0 : _b.isAfter(props.day)));
+    (0, react_2.useEffect)(() => {
+        var _a;
         if (datePickerContext.hoveredMonth) {
-            if (props.unix && datePickerContext.startDate.isSameOrBefore(props.day, 'date') && datePickerContext.hoveredMonth.isSameOrAfter(props.day, 'date')) {
+            if (props.unix && ((_a = datePickerContext.startDate) === null || _a === void 0 ? void 0 : _a.isSameOrBefore(props.day, 'date')) && datePickerContext.hoveredMonth.isSameOrAfter(props.day, 'date')) {
                 setIsSelecting(true);
                 if (datePickerContext.hoveredMonth.isSame(props.day, 'date') || (datePickerContext.endDate && datePickerContext.endDate.isSame(props.day))) {
                     setIsLast(true);
@@ -66,7 +68,7 @@ function DateRangePickerDay(props) {
         setIsSelecting(false);
         setIsLast(false);
     }, [datePickerContext.hoveredMonth, props.day, datePickerContext.endDate, props.unix, datePickerContext.startDate]);
-    (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.isBefore(props.day, 'date')) && ((_b = datePickerContext.endDate) === null || _b === void 0 ? void 0 : _b.isSameOrAfter(props.day, 'date'))) {
@@ -86,7 +88,7 @@ function DateRangePickerDay(props) {
         setIsFirst(false);
         setIsLast(false);
     }, [datePickerContext.startDate, datePickerContext.endDate, props.day]);
-    const memo = (0, react_1.useMemo)(() => {
+    const memo = (0, react_2.useMemo)(() => {
         const onHoverIn = (e) => {
             datePickerContext.onHoverOver(props.day);
             setIsHovering(true);
@@ -125,8 +127,8 @@ function DateRangePickerDay(props) {
         events.onMouseLeave = onHoverOut;
         if (isSelectable() && !isDisabled())
             events.onClick = onClick;
-        return (React.createElement("div", Object.assign({ className: classes }, events),
-            React.createElement(Text_1.default, { type: datePickerContext.theme === BookingWizard_1.EBookingWizardTheme.Specific ? Text_1.TextType.Small : undefined, color: props.color }, props.text)));
+        return (react_1.default.createElement("div", Object.assign({ className: classes }, events),
+            react_1.default.createElement(Text_1.default, { type: datePickerContext.theme === BookingWizard_1.EBookingWizardTheme.Specific ? Text_1.TextType.Small : undefined, color: props.color }, props.text)));
     }, [isFirst, isLast, isSelecting, isSelected, isHovering, props.unix, datePickerContext.hoveredMonth, datePickerContext.startDate, datePickerContext.endDate]);
     return memo;
 }

package/dist/src/components/generic/DateRangePicker/DateRangePickerDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerDay.js","sourceRoot":"/","sources":["src/components/generic/DateRangePicker/DateRangePickerDay.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect, useMemo, useState } from 'react';\nimport Text, { TextType } from '@/components/generic/Text';\nimport * as dayjs from 'dayjs';\nimport { DateRangePickerContext } from '@/components/generic/DateRangePicker/DateRangePickerContext';\nimport classNames from 'classnames';\nimport styles from './DateRangePicker.module.scss';\nimport { Color } from '@/util/Color';\nimport { EBookingWizardTheme } from '../BookingWizard/BookingWizard';\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    color?: Color;\n}\n\nexport enum DatePickerDayStatus {\n    Inactive = 0,\n    Selecting = '--selecting',\n    Loading = '--loading',\n    Selected = '--selected',\n}\n\nexport default function DateRangePickerDay(props: DatePickerDayProps) {\n    const datePickerContext = useContext(DateRangePickerContext);\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) || (datePickerContext.fixedStartDate && datePickerContext.startDate.isAfter(props.day));\n\n    useEffect(() => {\n        if (datePickerContext.hoveredMonth) {\n            if (props.unix && datePickerContext.startDate.isSameOrBefore(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, datePickerContext.endDate, props.unix, datePickerContext.startDate]);\n\n    useEffect(() => {\n        if (props.unix && datePickerContext.startDate) {\n            if (datePickerContext.startDate?.isBefore(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 && !isPast;\n        };\n\n        const isLastHovered = () => {\n            return (\n                props.unix &&\n                datePickerContext.startDate &&\n                datePickerContext.hoveredMonth &&\n                datePickerContext.startDate.isBefore(props.day, 'date') &&\n                datePickerContext.hoveredMonth.isSame(props.day, 'date')\n            );\n        };\n\n        const isDisabled = () => datePickerContext.fixedStartDate && props.day && datePickerContext.startDate && props.day.isBefore(datePickerContext.startDate);\n\n        const classes = classNames(styles[`roomstay-calendar-month--item`], {\n            [styles['--selectable']]: isSelectable() && !isDisabled(),\n            [styles['--hovered']]: isHovering && isSelectable(),\n            [styles['--past']]: !isSelectable(),\n            [styles['--current']]: isCurrent,\n            [styles['--first']]: isFirst,\n            [styles['--last']]: isLast,\n            [styles['--selected']]: isSelected,\n            [styles['--selecting']]: isSelecting,\n            [styles['--last-hovered']]: isLastHovered(),\n            [styles['--finish']]: (isFirst || isLast) && datePickerContext.startDate && datePickerContext.endDate,\n        });\n\n        const events: any = {};\n\n        events.onMouseEnter = onHoverIn;\n        events.onMouseLeave = onHoverOut;\n        if (isSelectable() && !isDisabled()) events.onClick = onClick;\n\n        return (\n            <div className={classes} {...events}>\n                <Text type={datePickerContext.theme === EBookingWizardTheme.Specific ? TextType.Small : undefined} color={props.color}>\n                    {props.text}\n                </Text>\n            </div>\n        );\n    }, [isFirst, isLast, isSelecting, isSelected, isHovering, props.unix, datePickerContext.hoveredMonth, datePickerContext.startDate, datePickerContext.endDate]);\n\n    return memo;\n}\n"]}
+{"version":3,"file":"DateRangePickerDay.js","sourceRoot":"/","sources":["src/components/generic/DateRangePicker/DateRangePickerDay.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useContext, useEffect, useMemo, useState } from 'react';\nimport Text, { TextType } from '@/components/generic/Text';\nimport * as dayjs from 'dayjs';\nimport { DateRangePickerContext } from '@/components/generic/DateRangePicker/DateRangePickerContext';\nimport classNames from 'classnames';\nimport styles from './DateRangePicker.module.scss';\nimport { Color } from '@/util/Color';\nimport { EBookingWizardTheme } from '../BookingWizard/BookingWizard';\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    color?: Color;\n}\n\nexport enum DatePickerDayStatus {\n    Inactive = 0,\n    Selecting = '--selecting',\n    Loading = '--loading',\n    Selected = '--selected',\n}\n\nexport default function DateRangePickerDay(props: DatePickerDayProps) {\n    const datePickerContext = useContext(DateRangePickerContext);\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) || (datePickerContext.fixedStartDate && datePickerContext.startDate?.isAfter(props.day));\n\n    useEffect(() => {\n        if (datePickerContext.hoveredMonth) {\n            if (props.unix && datePickerContext.startDate?.isSameOrBefore(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, datePickerContext.endDate, props.unix, datePickerContext.startDate]);\n\n    useEffect(() => {\n        if (props.unix && datePickerContext.startDate) {\n            if (datePickerContext.startDate?.isBefore(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 && !isPast;\n        };\n\n        const isLastHovered = () => {\n            return (\n                props.unix &&\n                datePickerContext.startDate &&\n                datePickerContext.hoveredMonth &&\n                datePickerContext.startDate.isBefore(props.day, 'date') &&\n                datePickerContext.hoveredMonth.isSame(props.day, 'date')\n            );\n        };\n\n        const isDisabled = () => datePickerContext.fixedStartDate && props.day && datePickerContext.startDate && props.day.isBefore(datePickerContext.startDate);\n\n        const classes = classNames(styles[`roomstay-calendar-month--item`], {\n            [styles['--selectable']]: isSelectable() && !isDisabled(),\n            [styles['--hovered']]: isHovering && isSelectable(),\n            [styles['--past']]: !isSelectable(),\n            [styles['--current']]: isCurrent,\n            [styles['--first']]: isFirst,\n            [styles['--last']]: isLast,\n            [styles['--selected']]: isSelected,\n            [styles['--selecting']]: isSelecting,\n            [styles['--last-hovered']]: isLastHovered(),\n            [styles['--finish']]: (isFirst || isLast) && datePickerContext.startDate && datePickerContext.endDate,\n        });\n\n        const events: any = {};\n\n        events.onMouseEnter = onHoverIn;\n        events.onMouseLeave = onHoverOut;\n        if (isSelectable() && !isDisabled()) events.onClick = onClick;\n\n        return (\n            <div className={classes} {...events}>\n                <Text type={datePickerContext.theme === EBookingWizardTheme.Specific ? TextType.Small : undefined} color={props.color}>\n                    {props.text}\n                </Text>\n            </div>\n        );\n    }, [isFirst, isLast, isSelecting, isSelected, isHovering, props.unix, datePickerContext.hoveredMonth, datePickerContext.startDate, datePickerContext.endDate]);\n\n    return memo;\n}\n"]}

package/dist/src/components/generic/DateRangePicker/DateRangePickerDays.js

@@ -1,42 +1,19 @@
 "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 DateRangePickerDay_1 = __importDefault(require("./DateRangePickerDay"));
 const WeekdayStartsOn_types_1 = require("../../../models/Client/Hotel/WeekdayStartsOn.types");
 function DateRangePickerDays(props) {
     const { showingMonth } = props;
     const startsWeekOnDay = 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(DateRangePickerDay_1.default, { key: date ? date.unix() : index, text: day, selectable: true, day: date, unix: date ? date.unix() : 0 });
+        return react_1.default.createElement(DateRangePickerDay_1.default, { key: date ? date.unix() : index, text: day, selectable: true, day: date, unix: date ? date.unix() : 0 });
     }))), [showingMonth]);
     return days;
 }