@roomstay/frontend 2.6.84 → 2.6.86-0

package/dist/src/components/generic/BookingWizard/BookingWizardRoomGroupSelector/BookingWizardRoomGroupSelector.js

@@ -0,0 +1,135 @@
+"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.BookingWizardRoomGroupSelector = void 0;
+const ui_1 = require("@roomstay/ui");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const AutoAutoHeight_1 = __importDefault(require("../../../../animations/AutoAutoHeight"));
+const Text_1 = __importDefault(require("../../Text"));
+const Translation_1 = require("../../../../translations/Translation");
+const Select_1 = require("../../Select/Select");
+const BookingWizard_1 = require("../BookingWizard");
+const BookingWizard_module_scss_1 = __importDefault(require("../BookingWizard.module.scss"));
+const BookingWizardBottomSheet_1 = __importStar(require("../BookingWizardBottomSheet/BookingWizardBottomSheet"));
+const BookingWizardContext_1 = require("../BookingWizardContext");
+const BookingWizardHotelSelector_module_scss_1 = __importDefault(require("../BookingWizardHotelSelector/BookingWizardHotelSelector.module.scss"));
+const BookingWizardRoomGroupSelector = (props) => {
+    const { overlay, type, layout, isSmallContainer, stateSections, isImagesTheme, isImagesThemeMobile, onPrevHandler, onNextHandler } = (0, BookingWizardContext_1.useBookingWizard)();
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const { options, selectedOption, contentClassName, followElement, submitConfig } = props;
+    (0, react_1.useEffect)(() => {
+        if (stateSections && stateSections[BookingWizard_1.EBookingWizardSection.RoomGroup]) {
+            setOpen(stateSections[BookingWizard_1.EBookingWizardSection.RoomGroup].opening);
+        }
+    }, [stateSections]);
+    const onOptionClick = (option) => {
+        var _a;
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, option);
+        if (!isImagesThemeMobile) {
+            setOpen(false);
+        }
+    };
+    const getOption = (value) => {
+        for (const option of options) {
+            if (value === option.value) {
+                return option;
+            }
+        }
+    };
+    const renderOptions = () => {
+        return options.map((option) => renderOption(option));
+    };
+    const renderOption = (option) => {
+        if (isImagesTheme) {
+            return (react_1.default.createElement("div", { key: option.value, className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default['card'], { [BookingWizardHotelSelector_module_scss_1.default['--selected']]: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === option.value }), onClick: () => onOptionClick(option) },
+                react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default['card-body'] },
+                    react_1.default.createElement("div", { className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default['container--suggest-list-hotel-name'], 'u-pad--light') }, option.text))));
+        }
+        else {
+            return (react_1.default.createElement("div", { key: option.value, className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default['container--suggest-list-hotel'], { [BookingWizardHotelSelector_module_scss_1.default['--selected']]: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === option.value }), onClick: () => onOptionClick(option) },
+                react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default['container--suggest-list-hotel-name'] }, option.text),
+                react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default.check })));
+        }
+    };
+    const onOpenDrawer = () => {
+        setOpen(true);
+    };
+    if (type === 'inline') {
+        return (react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default['inline-container'] },
+            react_1.default.createElement(AutoAutoHeight_1.default, { open: open },
+                react_1.default.createElement("div", { className: BookingWizardHotelSelector_module_scss_1.default['inline-box'] }, renderOptions()))));
+    }
+    if (type === 'bottom-sheet') {
+        const ItemDisplay = () => {
+            return (react_1.default.createElement("div", { className: (0, classnames_1.default)({
+                    [BookingWizardHotelSelector_module_scss_1.default['--mini']]: !isImagesThemeMobile && layout === 'horizontal-condensed',
+                    [BookingWizardHotelSelector_module_scss_1.default['item-display']]: isImagesThemeMobile,
+                }), onClick: onOpenDrawer },
+                react_1.default.createElement(Text_1.default, { className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default.optionLabel, {
+                        [BookingWizardHotelSelector_module_scss_1.default.placeholder]: !(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value),
+                    }), bold: true }, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.text) || t(Translation_1.Translation.Misc.PleaseSelectRoomGroup)),
+                isImagesThemeMobile ? react_1.default.createElement(ui_1.Icon, { icon: ui_1.IconType.Dropdown }) : null));
+        };
+        return (react_1.default.createElement("div", { className: (0, classnames_1.default)({}) },
+            react_1.default.createElement(ItemDisplay, null),
+            react_1.default.createElement(BookingWizardBottomSheet_1.default, { className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default.container, BookingWizardHotelSelector_module_scss_1.default['--bottom-sheet'], {
+                    [BookingWizardHotelSelector_module_scss_1.default['custom-overlay-images-theme']]: isImagesTheme,
+                }), open: open, onDismiss: () => {
+                    if (!isImagesThemeMobile) {
+                        setOpen(false);
+                    }
+                }, header: react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(BookingWizardBottomSheet_1.BWBottomSheetHeader, { title: t(Translation_1.Translation.Misc.PleaseSelectRoomGroup), onClose: () => setOpen(false) })), footer: submitConfig ? (react_1.default.createElement(BookingWizardBottomSheet_1.BWBottomSheetFooter, { hidePrev: stateSections[BookingWizard_1.EBookingWizardSection.RoomGroup].isFirst, onPrev: () => onPrevHandler(BookingWizard_1.EBookingWizardSection.RoomGroup), onNext: () => (stateSections[BookingWizard_1.EBookingWizardSection.RoomGroup].isLast ? submitConfig.onSubmit() : onNextHandler(BookingWizard_1.EBookingWizardSection.RoomGroup)), nextLabel: stateSections[BookingWizard_1.EBookingWizardSection.RoomGroup].isLast ? t(Translation_1.Translation.Misc.BookNow) : undefined, disabledNext: !selectedOption })) : null },
+                react_1.default.createElement("div", { className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default.content, contentClassName) }, renderOptions()))));
+    }
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)({ [BookingWizardHotelSelector_module_scss_1.default['--mini']]: layout === 'horizontal-condensed' }) },
+        react_1.default.createElement(Select_1.Select, { target: followElement, offset: overlay === null || overlay === void 0 ? void 0 : overlay.offset, options: options, value: selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value, onChange: (value) => onOptionClick(getOption(value)), keyName: "value", labelName: "text", hideExpandIcon: layout === 'horizontal-condensed', disableNative: true, overlay: {
+                containerClassName: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default['custom-overlay'], {
+                    [BookingWizardHotelSelector_module_scss_1.default['small-container']]: isSmallContainer,
+                    [BookingWizardHotelSelector_module_scss_1.default['custom-overlay-images-theme']]: isImagesTheme,
+                }),
+                strategy: 'absolute',
+                usePortal: false,
+                placement: (overlay === null || overlay === void 0 ? void 0 : overlay.placement) || 'bottom',
+                fallbackPlacements: (overlay === null || overlay === void 0 ? void 0 : overlay.fallbackPlacements) || 'bottom',
+                hideStyles: true,
+            }, renderOption: (option) => {
+                if (option)
+                    return renderOption(option);
+                return null;
+            }, renderLabel: (option) => react_1.default.createElement(SelectorSearchBox, { option: option }) })));
+};
+exports.BookingWizardRoomGroupSelector = BookingWizardRoomGroupSelector;
+const SelectorSearchBox = ({ option }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    return (react_1.default.createElement(Text_1.default, { className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default.optionLabel, BookingWizard_module_scss_1.default['value']), bold: true }, (option === null || option === void 0 ? void 0 : option.text) || react_1.default.createElement("span", { className: (0, classnames_1.default)(BookingWizardHotelSelector_module_scss_1.default['hotel-dropdown-label'], BookingWizard_module_scss_1.default['value']) }, t(Translation_1.Translation.Misc.PleaseSelectRoomGroup))));
+};
+//# sourceMappingURL=BookingWizardRoomGroupSelector.js.map

package/dist/src/components/generic/BookingWizard/BookingWizardRoomGroupSelector/BookingWizardRoomGroupSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingWizardRoomGroupSelector.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardRoomGroupSelector/BookingWizardRoomGroupSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Icon, IconType } from '@roomstay/ui';\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Text from '@/components/generic/Text';\nimport { TBookingWizardOption } from '@/models/BookingWizard/BookingWizardTypes';\nimport { Translation } from '@/translations/Translation';\n\nimport { Select } from '../../Select/Select';\nimport { EBookingWizardSection } from '../BookingWizard';\nimport bookingWizardStyles from '../BookingWizard.module.scss';\nimport BookingWizardBottomSheet, { BWBottomSheetFooter, BWBottomSheetHeader } from '../BookingWizardBottomSheet/BookingWizardBottomSheet';\nimport { useBookingWizard } from '../BookingWizardContext';\nimport styles from '../BookingWizardHotelSelector/BookingWizardHotelSelector.module.scss';\n\ninterface BookingWizardRoomGroupSelectorProps {\n    disabled?: boolean;\n    contentClassName?: string;\n    followElement?: HTMLElement | null;\n    options: TBookingWizardOption[];\n    selectedOption?: TBookingWizardOption;\n    onChange?: (option?: TBookingWizardOption) => void;\n    submitConfig?: {\n        onSubmit: () => false | undefined;\n        disabledNext: boolean;\n    };\n}\n\nexport const BookingWizardRoomGroupSelector = (props: BookingWizardRoomGroupSelectorProps) => {\n    const { overlay, type, layout, isSmallContainer, stateSections, isImagesTheme, isImagesThemeMobile, onPrevHandler, onNextHandler } = useBookingWizard();\n    const { t } = useTranslation();\n    const [open, setOpen] = useState(false);\n    const { options, selectedOption, contentClassName, followElement, submitConfig } = props;\n\n    useEffect(() => {\n        if (stateSections && stateSections[EBookingWizardSection.RoomGroup]) {\n            setOpen(stateSections[EBookingWizardSection.RoomGroup].opening);\n        }\n    }, [stateSections]);\n\n    const onOptionClick = (option?: TBookingWizardOption): void => {\n        props.onChange?.(option);\n        if (!isImagesThemeMobile) {\n            setOpen(false);\n        }\n    };\n\n    const getOption = (value: TBookingWizardOption['value']): TBookingWizardOption | undefined => {\n        for (const option of options) {\n            if (value === option.value) {\n                return option;\n            }\n        }\n    };\n\n    const renderOptions = (): any => {\n        return options.map((option) => renderOption(option));\n    };\n\n    const renderOption = (option: TBookingWizardOption) => {\n        if (isImagesTheme) {\n            return (\n                <div\n                    key={option.value}\n                    className={classNames(styles['card'], { [styles['--selected']]: selectedOption?.value === option.value })}\n                    onClick={() => onOptionClick(option)}\n                >\n                    <div className={styles['card-body']}>\n                        <div className={classNames(styles['container--suggest-list-hotel-name'], 'u-pad--light')}>{option.text}</div>\n                    </div>\n                </div>\n            );\n        } else {\n            return (\n                <div\n                    key={option.value}\n                    className={classNames(styles['container--suggest-list-hotel'], { [styles['--selected']]: selectedOption?.value === option.value })}\n                    onClick={() => onOptionClick(option)}\n                >\n                    <div className={styles['container--suggest-list-hotel-name']}>{option.text}</div>\n                    <div className={styles.check}></div>\n                </div>\n            );\n        }\n    };\n\n    const onOpenDrawer = () => {\n        setOpen(true);\n    };\n\n    if (type === 'inline') {\n        return (\n            <div className={styles['inline-container']}>\n                <AutoAutoHeight open={open}>\n                    <div className={styles['inline-box']}>{renderOptions()}</div>\n                </AutoAutoHeight>\n            </div>\n        );\n    }\n\n    if (type === 'bottom-sheet') {\n        const ItemDisplay = () => {\n            return (\n                <div\n                    className={classNames({\n                        [styles['--mini']]: !isImagesThemeMobile && layout === 'horizontal-condensed',\n                        [styles['item-display']]: isImagesThemeMobile,\n                    })}\n                    onClick={onOpenDrawer}\n                >\n                    <Text\n                        className={classNames(styles.optionLabel, {\n                            [styles.placeholder]: !selectedOption?.value,\n                        })}\n                        bold\n                    >\n                        {selectedOption?.text || t(Translation.Misc.PleaseSelectRoomGroup)}\n                    </Text>\n                    {isImagesThemeMobile ? <Icon icon={IconType.Dropdown} /> : null}\n                </div>\n            );\n        };\n        return (\n            <div className={classNames({})}>\n                <ItemDisplay />\n                <BookingWizardBottomSheet\n                    className={classNames(styles.container, styles['--bottom-sheet'], {\n                        [styles['custom-overlay-images-theme']]: isImagesTheme,\n                    })}\n                    open={open}\n                    onDismiss={() => {\n                        if (!isImagesThemeMobile) {\n                            setOpen(false);\n                        }\n                    }}\n                    header={\n                        <>\n                            <BWBottomSheetHeader title={t(Translation.Misc.PleaseSelectRoomGroup)} onClose={() => setOpen(false)} />\n                        </>\n                    }\n                    footer={\n                        submitConfig ? (\n                            <BWBottomSheetFooter\n                                hidePrev={stateSections[EBookingWizardSection.RoomGroup].isFirst}\n                                onPrev={() => onPrevHandler(EBookingWizardSection.RoomGroup)}\n                                onNext={() => (stateSections[EBookingWizardSection.RoomGroup].isLast ? submitConfig.onSubmit() : onNextHandler(EBookingWizardSection.RoomGroup))}\n                                nextLabel={stateSections[EBookingWizardSection.RoomGroup].isLast ? t(Translation.Misc.BookNow) : undefined}\n                                disabledNext={!selectedOption}\n                            />\n                        ) : null\n                    }\n                >\n                    <div className={classNames(styles.content, contentClassName)}>{renderOptions()}</div>\n                </BookingWizardBottomSheet>\n            </div>\n        );\n    }\n\n    return (\n        <div className={classNames({ [styles['--mini']]: layout === 'horizontal-condensed' })}>\n            <Select<TBookingWizardOption, 'value'>\n                target={followElement}\n                offset={overlay?.offset}\n                options={options}\n                value={selectedOption?.value}\n                onChange={(value) => onOptionClick(getOption(value) as TBookingWizardOption)}\n                keyName=\"value\"\n                labelName=\"text\"\n                hideExpandIcon={layout === 'horizontal-condensed'}\n                disableNative\n                overlay={{\n                    containerClassName: classNames(styles['custom-overlay'], {\n                        [styles['small-container']]: isSmallContainer,\n                        [styles['custom-overlay-images-theme']]: isImagesTheme,\n                    }),\n                    strategy: 'absolute',\n                    usePortal: false,\n                    placement: overlay?.placement || 'bottom',\n                    fallbackPlacements: overlay?.fallbackPlacements || 'bottom',\n                    hideStyles: true,\n                }}\n                renderOption={(option) => {\n                    if (option) return renderOption(option);\n                    return null;\n                }}\n                renderLabel={(option) => <SelectorSearchBox option={option} />}\n            />\n        </div>\n    );\n};\n\nconst SelectorSearchBox = ({ option }: { option?: TBookingWizardOption | null }) => {\n    const { t } = useTranslation();\n\n    return (\n        <Text className={classNames(styles.optionLabel, bookingWizardStyles['value'])} bold>\n            {option?.text || <span className={classNames(styles['hotel-dropdown-label'], bookingWizardStyles['value'])}>{t(Translation.Misc.PleaseSelectRoomGroup)}</span>}\n        </Text>\n    );\n};\n"]}

package/dist/src/components/generic/Card/IconNavCard/IconNavCard.js

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/components/generic/Card/IconNavCard/IconNavCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconNavCard.js","sourceRoot":"/","sources":["src/components/generic/Card/IconNavCard/IconNavCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyC;AACzC,uDAAwC;AAExC,6EAAqD;AACrD,uEAAgE;AAChE,kEAA2D;AAC3D,wCAAqC;AAErC,wFAA+C;AAexC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;;IACnD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE;QACnB,QAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE,CAAC;YACjB,KAAK,OAAO;gBACR,OAAO,eAAQ,CAAC,UAAU,CAAC;YAC/B,KAAK,UAAU;gBACX,OAAO,eAAQ,CAAC,MAAM,CAAC;YAC3B;gBACI,IAAI,CAAC;QACb,CAAC;IACL,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,CACpB,8BAAC,uBAAI,IAAC,EAAE,EAAE,IAAI,CAAC,MAAM;QACjB,uCAAK,SAAS,EAAE,iCAAM,CAAC,aAAa,CAAC;YAChC,CAAC,CAAC,IAAI,IAAI,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAC,MAAM,GAAQ;YACnE,8BAAC,cAAI,IAAC,IAAI,QAAC,SAAS,EAAC,mBAAmB,IACnC,KAAK,CACH;YACP,8BAAC,cAAI,IAAC,SAAS,EAAC,yCAAyC,EAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IAChG,WAAW,CACT;YAEP,8BAAC,kBAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,QAAC,SAAS,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,aAAK,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAC,OAAO;gBACpG,wCAAM,SAAS,EAAC,aAAa,IAAE,IAAI,CAAC,IAAI,CAAQ,CACzC,CACT,CACH,CACV,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC,CAAC;AA/BW,QAAA,WAAW,eA+BtB","sourcesContent":["import React, { ReactNode } from 'react';\nimport { Link } from 'react-router-dom';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\nimport styles from './IconNavCard.module.scss';\n\ntype IconNavCardProps = {\n    icon: IconType;\n    title: string;\n    description?: ReactNode;\n\n    link?: {\n        text: string;\n        pathTo?: string;\n        icon?: 'arrow' | 'open-new';\n        color?: Color;\n    };\n};\n\nexport const IconNavCard = (props: IconNavCardProps) => {\n    const { title, icon, description, link } = props;\n\n    const iconType = (() => {\n        switch (link?.icon) {\n            case 'arrow':\n                return IconType.ArrowRight;\n            case 'open-new':\n                return IconType.LogOut;\n            default:\n                null;\n        }\n    })();\n\n    return !!link?.pathTo ? (\n        <Link to={link.pathTo}>\n            <div className={styles['iconNavCard']}>\n                {!!icon && <Icon icon={icon} color={Color.Grey} size=\"26px\"></Icon>}\n                <Text bold className=\"u-marg-top--light\">\n                    {title}\n                </Text>\n                <Text className=\"u-marg-top--light u-marg-bottom--medium\" color={Color.DarkGrey} type={TextType.Small}>\n                    {description}\n                </Text>\n\n                <BEButton size=\"tiny\" isText textColor={link.color ?? Color.Accent} icon={iconType} iconPosition=\"right\">\n                    <span className=\"u-uppercase\">{link.text}</span>\n                </BEButton>\n            </div>\n        </Link>\n    ) : null;\n};\n"]}
+{"version":3,"file":"IconNavCard.js","sourceRoot":"/","sources":["src/components/generic/Card/IconNavCard/IconNavCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyC;AACzC,uDAAwC;AAExC,6EAAqD;AACrD,uEAAgE;AAChE,kEAA2D;AAC3D,wCAAqC;AAErC,wFAA+C;AAexC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;;IACnD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE;QACnB,QAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;YAChB,KAAK,OAAO;gBACR,OAAO,eAAQ,CAAC,UAAU,CAAC;YAC/B,KAAK,UAAU;gBACX,OAAO,eAAQ,CAAC,MAAM,CAAC;YAC3B;gBACI,IAAI,CAAC;SACZ;IACL,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,CACpB,8BAAC,uBAAI,IAAC,EAAE,EAAE,IAAI,CAAC,MAAM;QACjB,uCAAK,SAAS,EAAE,iCAAM,CAAC,aAAa,CAAC;YAChC,CAAC,CAAC,IAAI,IAAI,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAC,MAAM,GAAQ;YACnE,8BAAC,cAAI,IAAC,IAAI,QAAC,SAAS,EAAC,mBAAmB,IACnC,KAAK,CACH;YACP,8BAAC,cAAI,IAAC,SAAS,EAAC,yCAAyC,EAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IAChG,WAAW,CACT;YAEP,8BAAC,kBAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,QAAC,SAAS,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,aAAK,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAC,OAAO;gBACpG,wCAAM,SAAS,EAAC,aAAa,IAAE,IAAI,CAAC,IAAI,CAAQ,CACzC,CACT,CACH,CACV,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC,CAAC;AA/BW,QAAA,WAAW,eA+BtB","sourcesContent":["import React, { ReactNode } from 'react';\nimport { Link } from 'react-router-dom';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\nimport styles from './IconNavCard.module.scss';\n\ntype IconNavCardProps = {\n    icon: IconType;\n    title: string;\n    description?: ReactNode;\n\n    link?: {\n        text: string;\n        pathTo?: string;\n        icon?: 'arrow' | 'open-new';\n        color?: Color;\n    };\n};\n\nexport const IconNavCard = (props: IconNavCardProps) => {\n    const { title, icon, description, link } = props;\n\n    const iconType = (() => {\n        switch (link?.icon) {\n            case 'arrow':\n                return IconType.ArrowRight;\n            case 'open-new':\n                return IconType.LogOut;\n            default:\n                null;\n        }\n    })();\n\n    return !!link?.pathTo ? (\n        <Link to={link.pathTo}>\n            <div className={styles['iconNavCard']}>\n                {!!icon && <Icon icon={icon} color={Color.Grey} size=\"26px\"></Icon>}\n                <Text bold className=\"u-marg-top--light\">\n                    {title}\n                </Text>\n                <Text className=\"u-marg-top--light u-marg-bottom--medium\" color={Color.DarkGrey} type={TextType.Small}>\n                    {description}\n                </Text>\n\n                <BEButton size=\"tiny\" isText textColor={link.color ?? Color.Accent} icon={iconType} iconPosition=\"right\">\n                    <span className=\"u-uppercase\">{link.text}</span>\n                </BEButton>\n            </div>\n        </Link>\n    ) : null;\n};\n"]}

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"/","sources":["src/components/generic/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,uEAAgE;AAChE,kEAA2D;AAE3D,kFAA4C;AAS5C,kBAAe,eAAK,CAAC,UAAU,CAAC,SAAS,QAAQ,CAAC,KAAoB,EAAE,GAAQ;IAC5E,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAApE,gCAA4D,CAAQ,CAAC;IAE3E,MAAM,UAAU,GAAG,CAAC,OAA4C,EAAE,EAAE;QAChE,IAAI,gBAAgB,EAAE,CAAC;YACnB,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,QAAQ,GAA+C,CAAC,CAAC,EAAE,EAAE;QAC/D,UAAU,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAE,8BAAM,CAAC,QAAQ;QAC3B;YACI,uDAAO,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAC,UAAU,IAAK,SAAS,IAAE,QAAQ,EAAE,QAAQ,IAAI;YAC9F,wCAAM,SAAS,EAAE,8BAAM,CAAC,eAAe,CAAC;gBACpC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,GAAI,CAC3B;YACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,UAC7B,KAAK,CAAC,KAAK,CACT,CACH,CACN,CACT,CAAC;AACN,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\n\nimport styles from './Checkbox.module.scss';\n\nexport interface CheckboxProps {\n    label: string | JSX.Element;\n    checked?: boolean;\n\n    onChange?: (checked: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport default React.forwardRef(function Checkbox(props: CheckboxProps, ref: any) {\n    const { label, checked, onChange: onCallbackChange, ...restProps } = props;\n\n    const setChecked = (checked: React.ChangeEvent<HTMLInputElement>) => {\n        if (onCallbackChange) {\n            onCallbackChange(checked);\n        }\n    };\n\n    const onChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n        setChecked(e);\n    };\n\n    return (\n        <div className={styles.checkbox}>\n            <label>\n                <input ref={ref} checked={props.checked} type=\"checkbox\" {...restProps} onChange={onChange} />\n                <span className={styles['fake-checkbox']}>\n                    <Icon icon={IconType.Check} />\n                </span>\n                <Text type={TextType.Small} inline>\n                    {props.label}\n                </Text>\n            </label>\n        </div>\n    );\n});\n"]}
+{"version":3,"file":"Checkbox.js","sourceRoot":"/","sources":["src/components/generic/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,uEAAgE;AAChE,kEAA2D;AAE3D,kFAA4C;AAS5C,kBAAe,eAAK,CAAC,UAAU,CAAC,SAAS,QAAQ,CAAC,KAAoB,EAAE,GAAQ;IAC5E,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAApE,gCAA4D,CAAQ,CAAC;IAE3E,MAAM,UAAU,GAAG,CAAC,OAA4C,EAAE,EAAE;QAChE,IAAI,gBAAgB,EAAE;YAClB,gBAAgB,CAAC,OAAO,CAAC,CAAC;SAC7B;IACL,CAAC,CAAC;IAEF,MAAM,QAAQ,GAA+C,CAAC,CAAC,EAAE,EAAE;QAC/D,UAAU,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAE,8BAAM,CAAC,QAAQ;QAC3B;YACI,uDAAO,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAC,UAAU,IAAK,SAAS,IAAE,QAAQ,EAAE,QAAQ,IAAI;YAC9F,wCAAM,SAAS,EAAE,8BAAM,CAAC,eAAe,CAAC;gBACpC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,GAAI,CAC3B;YACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,UAC7B,KAAK,CAAC,KAAK,CACT,CACH,CACN,CACT,CAAC;AACN,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\n\nimport styles from './Checkbox.module.scss';\n\nexport interface CheckboxProps {\n    label: string | JSX.Element;\n    checked?: boolean;\n\n    onChange?: (checked: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport default React.forwardRef(function Checkbox(props: CheckboxProps, ref: any) {\n    const { label, checked, onChange: onCallbackChange, ...restProps } = props;\n\n    const setChecked = (checked: React.ChangeEvent<HTMLInputElement>) => {\n        if (onCallbackChange) {\n            onCallbackChange(checked);\n        }\n    };\n\n    const onChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n        setChecked(e);\n    };\n\n    return (\n        <div className={styles.checkbox}>\n            <label>\n                <input ref={ref} checked={props.checked} type=\"checkbox\" {...restProps} onChange={onChange} />\n                <span className={styles['fake-checkbox']}>\n                    <Icon icon={IconType.Check} />\n                </span>\n                <Text type={TextType.Small} inline>\n                    {props.label}\n                </Text>\n            </label>\n        </div>\n    );\n});\n"]}

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Countdown;
 const dayjs_1 = __importDefault(require("dayjs"));
 const react_1 = __importStar(require("react"));
 function Countdown(props) {
@@ -67,4 +56,5 @@ function Countdown(props) {
         return react_1.default.createElement(react_1.default.Fragment, null, days.map((day) => day.toString().padStart(2, '0')).join(':'));
     }, [secondsLeft]);
 }
+exports.default = Countdown;
 //# sourceMappingURL=Countdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Countdown.js","sourceRoot":"/","sources":["src/components/generic/Countdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,4BAgCC;AAxCD,kDAA0B;AAC1B,+CAA4D;AAO5D,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,CAAC;gBACb,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;oBAClB,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;gBACvC,CAAC;qBAAM,CAAC;oBACJ,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;wBACd,KAAK,CAAC,KAAK,EAAE,CAAC;oBAClB,CAAC;oBAED,SAAS,GAAG,IAAI,CAAC;oBACjB,YAAY,CAAC,YAAY,CAAC,CAAC;gBAC/B,CAAC;YACL,CAAC;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","sourcesContent":["import dayjs from 'dayjs';\nimport React, { useEffect, useMemo, useState } from 'react';\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,+CAA4D;AAO5D,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 dayjs from 'dayjs';\nimport React, { useEffect, useMemo, useState } from 'react';\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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -47,7 +37,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Currency;
 const react_1 = __importStar(require("react"));
 const Icon_1 = __importStar(require("./Icon/Icon"));
 const HotelOverridesContext_1 = require("../../contexts/HotelOverridesContext");
@@ -74,4 +63,5 @@ function Currency(props) {
         symbol && react_1.default.createElement("span", null, symbol),
         prettyValue));
 }
+exports.default = Currency;
 //# sourceMappingURL=Currency.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Currency.js","sourceRoot":"/","sources":["src/components/generic/Currency.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,2BA8BC;AArCD,+CAAmD;AAEnD,uEAAgE;AAChE,4EAAyE;AACzE,gEAAiE;AACjE,wCAAqC;AAErC,SAAwB,QAAQ,CAAC,KAAyD;IACtF,MAAM,EAAE,YAAY,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAjC,gBAAyB,CAAQ,CAAC;IACxC,MAAM,qBAAqB,GAAG,IAAA,kBAAU,EAAC,6CAAqB,CAAC,CAAC;IAEhE,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,8DAA8D;QAC9D,IAAI,KAAK,CAAC,iBAAiB,KAAK,IAAI,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,wEAAwE;QACxE,IAAI,qBAAqB,CAAC,kBAAkB,KAAK,IAAI,EAAE,CAAC;YACpD,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,sEAAsE;QACtE,OAAO,YAAY,CAAC;IACxB,CAAC,EAAE,CAAC,YAAY,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE1C,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAW,kCAAM,IAAI,KAAE,YAAY,EAAE,iBAAiB,IAAG,CAAC;IACrG,OAAO,SAAS,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CACxC,wCAAM,SAAS,EAAC,sBAAsB;QAClC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,OAAO,EAAE,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI,CAC7D,CACV,CAAC,CAAC,CAAC,CACA,wCAAM,SAAS,EAAC,2BAA2B;QACtC,MAAM,IAAI,4CAAO,MAAM,CAAQ;QAC/B,WAAW,CACT,CACV,CAAC;AACN,CAAC","sourcesContent":["import React, { useContext, useMemo } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { HotelOverridesContext } from '@/contexts/HotelOverridesContext';\nimport useCurrency, { UseCurrencyProps } from '@/hooks/Currency';\nimport { Color } from '@/util/Color';\n\nexport default function Currency(props: UseCurrencyProps & { forceHideDecimals?: boolean }) {\n    const { hideDecimals, ...rest } = props;\n    const hotelOverridesContext = useContext(HotelOverridesContext);\n\n    const hideEntryDecimals = useMemo(() => {\n        // First we check if decimals must absolutely not be displayed\n        if (props.forceHideDecimals === true) {\n            return true;\n        }\n\n        // Then we check if the API overrides the default currency display state\n        if (hotelOverridesContext.alwaysShowDecimals === true) {\n            return false;\n        }\n\n        // Then we rely on how developers origally intened the UI to funciton.\n        return hideDecimals;\n    }, [hideDecimals, hotelOverridesContext]);\n\n    const { symbol, isLoading, prettyValue } = useCurrency({ ...rest, hideDecimals: hideEntryDecimals });\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}\n"]}
+{"version":3,"file":"Currency.js","sourceRoot":"/","sources":["src/components/generic/Currency.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AAEnD,uEAAgE;AAChE,4EAAyE;AACzE,gEAAiE;AACjE,wCAAqC;AAErC,SAAwB,QAAQ,CAAC,KAAyD;IACtF,MAAM,EAAE,YAAY,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAjC,gBAAyB,CAAQ,CAAC;IACxC,MAAM,qBAAqB,GAAG,IAAA,kBAAU,EAAC,6CAAqB,CAAC,CAAC;IAEhE,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,8DAA8D;QAC9D,IAAI,KAAK,CAAC,iBAAiB,KAAK,IAAI,EAAE;YAClC,OAAO,IAAI,CAAC;SACf;QAED,wEAAwE;QACxE,IAAI,qBAAqB,CAAC,kBAAkB,KAAK,IAAI,EAAE;YACnD,OAAO,KAAK,CAAC;SAChB;QAED,sEAAsE;QACtE,OAAO,YAAY,CAAC;IACxB,CAAC,EAAE,CAAC,YAAY,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE1C,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAW,kCAAM,IAAI,KAAE,YAAY,EAAE,iBAAiB,IAAG,CAAC;IACrG,OAAO,SAAS,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CACxC,wCAAM,SAAS,EAAC,sBAAsB;QAClC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,OAAO,EAAE,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI,CAC7D,CACV,CAAC,CAAC,CAAC,CACA,wCAAM,SAAS,EAAC,2BAA2B;QACtC,MAAM,IAAI,4CAAO,MAAM,CAAQ;QAC/B,WAAW,CACT,CACV,CAAC;AACN,CAAC;AA9BD,2BA8BC","sourcesContent":["import React, { useContext, useMemo } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { HotelOverridesContext } from '@/contexts/HotelOverridesContext';\nimport useCurrency, { UseCurrencyProps } from '@/hooks/Currency';\nimport { Color } from '@/util/Color';\n\nexport default function Currency(props: UseCurrencyProps & { forceHideDecimals?: boolean }) {\n    const { hideDecimals, ...rest } = props;\n    const hotelOverridesContext = useContext(HotelOverridesContext);\n\n    const hideEntryDecimals = useMemo(() => {\n        // First we check if decimals must absolutely not be displayed\n        if (props.forceHideDecimals === true) {\n            return true;\n        }\n\n        // Then we check if the API overrides the default currency display state\n        if (hotelOverridesContext.alwaysShowDecimals === true) {\n            return false;\n        }\n\n        // Then we rely on how developers origally intened the UI to funciton.\n        return hideDecimals;\n    }, [hideDecimals, hotelOverridesContext]);\n\n    const { symbol, isLoading, prettyValue } = useCurrency({ ...rest, hideDecimals: hideEntryDecimals });\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}\n"]}

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -45,7 +35,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = DateRangePicker;
 const classnames_1 = __importDefault(require("classnames"));
 const dayjs_1 = __importDefault(require("dayjs"));
 const isSameOrAfter_1 = __importDefault(require("dayjs/plugin/isSameOrAfter"));
@@ -163,4 +152,5 @@ function DateRangePicker(props) {
                 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;
 //# sourceMappingURL=DateRangePicker.js.map

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 classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter';\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore';\nimport React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { DateRangePickerContext, DateRangePickerContextProps } from '@/components/generic/DateRangePicker/DateRangePickerContext';\nimport DateRangePickerMonth from '@/components/generic/DateRangePicker/DateRangePickerMonth';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { ShowYearOnCalendarProps } from '@/models/Api/HotelOverrideDTO';\nimport { Color } from '@/util/Color';\n\nimport { EBookingWizardTheme } from '../BookingWizard/BookingWizard';\nimport styles from './DateRangePicker.module.scss';\n\ndayjs.extend(isSameOrBefore);\ndayjs.extend(isSameOrAfter);\n\nexport interface DatePickerProps extends ShowYearOnCalendarProps {\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    /**\n     * When showMultipleMonths is set to true.\n     * Optional limit for how many months can be displayed via \"Add More Dates\".\n     */\n    monthCount?: number;\n    theme?: EBookingWizardTheme;\n    className?: string;\n}\n\nenum EDateRangePickingState {\n    StartDate = 1,\n    EndDate = 2,\n}\n\nexport default function DateRangePicker(props: DatePickerProps) {\n    const { showYearOnCalendar, yearDisplayOption, showArrows = true, monthCount = 2 } = props;\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        const monthsToRender = props.showMultipleMonths ? Array.from({ length: monthCount }, (_, index) => currentMonth.clone().add(index, 'month')) : [currentMonth];\n\n        return (\n            <>\n                {monthsToRender.map((month, index) => (\n                    <DateRangePickerMonth key={index} small={props.small} showingMonth={month} showYearOnCalendar={showYearOnCalendar} yearDisplayOption={yearDisplayOption} />\n                ))}\n            </>\n        );\n    }, [currentMonth, props.showMultipleMonths, props.small, props.theme, showYearOnCalendar, yearDisplayOption, monthCount]);\n\n    const calendarClassNames = classNames(styles['roomstay-calendar'], props.className, {\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                {showArrows && (\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                )}\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 classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter';\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore';\nimport React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { DateRangePickerContext, DateRangePickerContextProps } from '@/components/generic/DateRangePicker/DateRangePickerContext';\nimport DateRangePickerMonth from '@/components/generic/DateRangePicker/DateRangePickerMonth';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { ShowYearOnCalendarProps } from '@/models/Api/HotelOverrideDTO';\nimport { Color } from '@/util/Color';\n\nimport { EBookingWizardTheme } from '../BookingWizard/BookingWizard';\nimport styles from './DateRangePicker.module.scss';\n\ndayjs.extend(isSameOrBefore);\ndayjs.extend(isSameOrAfter);\n\nexport interface DatePickerProps extends ShowYearOnCalendarProps {\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    /**\n     * When showMultipleMonths is set to true.\n     * Optional limit for how many months can be displayed via \"Add More Dates\".\n     */\n    monthCount?: number;\n    theme?: EBookingWizardTheme;\n    className?: string;\n}\n\nenum EDateRangePickingState {\n    StartDate = 1,\n    EndDate = 2,\n}\n\nexport default function DateRangePicker(props: DatePickerProps) {\n    const { showYearOnCalendar, yearDisplayOption, showArrows = true, monthCount = 2 } = props;\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        const monthsToRender = props.showMultipleMonths ? Array.from({ length: monthCount }, (_, index) => currentMonth.clone().add(index, 'month')) : [currentMonth];\n\n        return (\n            <>\n                {monthsToRender.map((month, index) => (\n                    <DateRangePickerMonth key={index} small={props.small} showingMonth={month} showYearOnCalendar={showYearOnCalendar} yearDisplayOption={yearDisplayOption} />\n                ))}\n            </>\n        );\n    }, [currentMonth, props.showMultipleMonths, props.small, props.theme, showYearOnCalendar, yearDisplayOption, monthCount]);\n\n    const calendarClassNames = classNames(styles['roomstay-calendar'], props.className, {\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                {showArrows && (\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                )}\n                {printMonths}\n            </div>\n        </DateRangePickerContext.Provider>\n    );\n}\n"]}

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

@@ -15,29 +15,18 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePickerDayStatus = void 0;
-exports.default = DateRangePickerDay;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const DateRangePickerContext_1 = require("./DateRangePickerContext");
@@ -50,7 +39,7 @@ var DatePickerDayStatus;
     DatePickerDayStatus["Selecting"] = "--selecting";
     DatePickerDayStatus["Loading"] = "--loading";
     DatePickerDayStatus["Selected"] = "--selected";
-})(DatePickerDayStatus || (exports.DatePickerDayStatus = DatePickerDayStatus = {}));
+})(DatePickerDayStatus = exports.DatePickerDayStatus || (exports.DatePickerDayStatus = {}));
 function DateRangePickerDay(props) {
     var _a, _b;
     const datePickerContext = (0, react_1.useContext)(DateRangePickerContext_1.DateRangePickerContext);
@@ -142,4 +131,5 @@ function DateRangePickerDay(props) {
     }, [isFirst, isLast, isSelecting, isSelected, isHovering, props.unix, datePickerContext.hoveredMonth, datePickerContext.startDate, datePickerContext.endDate]);
     return memo;
 }
+exports.default = DateRangePickerDay;
 //# sourceMappingURL=DateRangePickerDay.js.map