@roomstay/frontend 2.6.100-1 → 2.6.101

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

@@ -86,7 +86,6 @@ const BookingWizard = (props) => {
         }
         return propLayout;
     }, [isMobile, useMobileButtonLayout, propLayout]);
-    console.log('BookingWizard', { useMobileButtonLayout, layout });
     const [compOverlayType, setCompOverlayType] = (0, react_1.useState)('popup');
     const [overlayOffset, setOverlayOffset] = (0, react_1.useState)();
     const [dateSelectorOverlayOffset, setDateSelectorOverlayOffset] = (0, react_1.useState)();

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

@@ -1 +1 @@
-{"version":3,"file":"BookingWizard.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport useMeasure from 'react-use-measure';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { BookingWizardContent, BookingWizardContentProps } from '@/components/generic/BookingWizard/BookingWizardContent';\nimport {\n    BookingWizardContext,\n    BookingWizardContextType,\n    BookingWizardLayout,\n    BookingWizardOverlayType,\n    BookingWizardTheme,\n} from '@/components/generic/BookingWizard/BookingWizardContext';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport { Translation } from '@/translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport styles from './BookingWizard.module.scss';\n\nexport enum EBookingWizardTheme {\n    Default = 'default',\n    Specific = 'specific',\n    Images = 'images',\n}\n\nexport enum EBookingWizardOverlayDirection {\n    Upward = 'upward',\n    Downward = 'downward',\n}\n\nexport enum EBookingWizardSection {\n    Property = 'property',\n    Date = 'date',\n    Guest = 'guest',\n    Promo = 'promo',\n}\n\nexport const StateSectionsDefault: BookingWizardContextType['stateSections'] = {\n    [EBookingWizardSection.Property]: { opening: false, isFirst: false, hidden: false, inactive: false },\n    [EBookingWizardSection.Date]: { opening: false, isFirst: false, hidden: false, inactive: false },\n    [EBookingWizardSection.Guest]: { opening: false, isFirst: false, hidden: false, inactive: false },\n    [EBookingWizardSection.Promo]: { opening: false, isFirst: false, hidden: false, inactive: false },\n};\n\nexport interface BookingWizardProps extends BookingWizardContentProps {\n    layout?: BookingWizardLayout;\n    theme?: BookingWizardTheme;\n    useMobileButtonLayout?: boolean;\n\n    wrapperClassname?: string;\n    contentClassname?: string;\n\n    properties: TBookingWizardProperties;\n    selectedProperty: BookingWizardProperty;\n    defaultColors: BookingWizardProperty['colors'];\n    onSubmit: BookingWizardContextType['onSubmit'];\n\n    overlayDirection?: EBookingWizardOverlayDirection;\n}\n\nconst BookingWizard: React.FC<BookingWizardProps> = (props) => {\n    const {\n        layout: propLayout = 'horizontal',\n        theme = EBookingWizardTheme.Default,\n        useMobileButtonLayout = false,\n        onSubmit,\n        wrapperClassname,\n        contentClassname: contentClassnameProps,\n        selectedProperty,\n        properties,\n        defaultColors,\n        maxAdults,\n        disableChild,\n        showInfants,\n        disableRoom,\n        hideGuestSelect,\n        hidePromocode,\n        hideProperty,\n        defaultValues,\n        overlayDirection = EBookingWizardOverlayDirection.Downward,\n    } = props;\n    const [isOpen, setIsOpen] = React.useState(false);\n\n    const { isMobile } = useWindowSize();\n    const { t } = useTranslation();\n    const [ref, bounds] = useMeasure({ debounce: 300 });\n\n    const layout = useMemo(() => {\n        if (isMobile && useMobileButtonLayout) {\n            return 'button' as BookingWizardLayout;\n        }\n        return propLayout;\n    }, [isMobile, useMobileButtonLayout, propLayout]);\n    console.log('BookingWizard', { useMobileButtonLayout, layout });\n\n    const [compOverlayType, setCompOverlayType] = useState<BookingWizardOverlayType>('popup');\n    const [overlayOffset, setOverlayOffset] = useState<[number, number]>();\n    const [dateSelectorOverlayOffset, setDateSelectorOverlayOffset] = useState<[number, number]>();\n    const [overlayPlacement, setOverlayPlacement] = useState<Placement>();\n\n    const isSmallContainer = useMemo(() => {\n        if (!bounds.width) return false;\n        return bounds.width <= ScreenSize.Medium;\n    }, [bounds]);\n\n    useEffect(() => {\n        if ((layout === 'horizontal' || layout === 'horizontal-condensed') && !isMobile) {\n            setOverlayOffset([0, 6]);\n            setDateSelectorOverlayOffset([0, 6]);\n            setCompOverlayType('popup');\n        } else {\n            setOverlayOffset([0, 10]);\n            setDateSelectorOverlayOffset([0, -8]);\n            setCompOverlayType('bottom-sheet');\n        }\n    }, [layout, isMobile, isSmallContainer]);\n\n    useEffect(() => {\n        if (!isMobile) {\n            setOverlayPlacement(overlayDirection === EBookingWizardOverlayDirection.Downward ? 'bottom-start' : 'top-start');\n        } else {\n            setOverlayPlacement(overlayDirection === EBookingWizardOverlayDirection.Downward ? 'bottom' : 'top');\n        }\n    }, [isMobile]);\n\n    const isImagesTheme = theme === EBookingWizardTheme.Images;\n    const classes = classNames(\n        styles.container,\n        {\n            [styles['--theme-specific']]: theme === EBookingWizardTheme.Specific,\n            [styles['--theme-default']]: theme === EBookingWizardTheme.Default,\n            [styles['--theme-images']]: isImagesTheme,\n            [styles['--theme-condensed']]: layout === 'horizontal-condensed',\n            [styles['--in-small-container']]: isSmallContainer,\n        },\n        wrapperClassname\n    );\n\n    const contentClassname = classNames(contentClassnameProps, { [styles['--in-small-container']]: isSmallContainer });\n\n    const isImagesThemeMobile = isImagesTheme && isSmallContainer;\n    const [activeSection, setActiveSection] = useState<EBookingWizardSection | null>(null);\n    const [availableSections, setAvailableSections] = useState<EBookingWizardSection[]>([]);\n    const [stateSections, setStateSections] = useState<BookingWizardContextType['stateSections']>(StateSectionsDefault);\n\n    useEffect(() => {\n        const isPromoHidden = hidePromocode || layout === 'horizontal-condensed' || isImagesThemeMobile;\n        const isPropertyHidden = !!hideProperty;\n        const isGuestHidden = !!hideGuestSelect;\n\n        const state: BookingWizardContextType['stateSections'] = {\n            [EBookingWizardSection.Property]: {\n                hidden: isPropertyHidden,\n                isFirst: !isPropertyHidden,\n                opening: EBookingWizardSection.Property === activeSection,\n                inactive: isPropertyHidden || (isImagesThemeMobile && activeSection !== null && activeSection !== EBookingWizardSection.Property),\n            },\n            [EBookingWizardSection.Date]: {\n                hidden: false,\n                isFirst: isPropertyHidden,\n                opening: EBookingWizardSection.Date === activeSection,\n                inactive: (isImagesThemeMobile && isPropertyHidden && activeSection === null) || (isImagesThemeMobile && activeSection !== EBookingWizardSection.Date),\n            },\n            [EBookingWizardSection.Guest]: {\n                hidden: isGuestHidden,\n                isFirst: false,\n                opening: EBookingWizardSection.Guest === activeSection,\n                inactive: isGuestHidden || (isImagesThemeMobile && activeSection !== EBookingWizardSection.Guest),\n            },\n            [EBookingWizardSection.Promo]: {\n                hidden: isPromoHidden,\n                isFirst: false,\n                opening: EBookingWizardSection.Promo === activeSection,\n                inactive: isPromoHidden || (isImagesThemeMobile && activeSection !== EBookingWizardSection.Promo),\n            },\n        };\n\n        // Extract available (i.e., not hidden) sections from state\n        const enabled = Object.entries(state)\n            .filter(([, value]) => !value.hidden)\n            .map(([key]) => key as EBookingWizardSection);\n        setAvailableSections(enabled);\n\n        // If all inactive are true, then find the first section with hidden === false and set its inactive to false.\n        const allInactive = Object.values(state).every((s) => s.inactive);\n        if (allInactive) {\n            const sections: EBookingWizardSection[] = [EBookingWizardSection.Property, EBookingWizardSection.Date, EBookingWizardSection.Guest, EBookingWizardSection.Promo];\n            for (const section of sections) {\n                if (!state[section].hidden) {\n                    state[section].opening = false;\n                    state[section].inactive = false;\n                    break;\n                }\n            }\n        }\n\n        setStateSections(state);\n    }, [layout, hideProperty, hideGuestSelect, hidePromocode, activeSection, isImagesTheme, isImagesThemeMobile]);\n\n    const navigateSection = (currentSection: EBookingWizardSection, direction: 1 | -1) => {\n        if (!currentSection) return;\n        const currentIndex = availableSections.indexOf(currentSection);\n        const targetSection = availableSections[currentIndex + direction] ?? null;\n        setActiveSection(targetSection);\n    };\n\n    const onNextHandler = (section: EBookingWizardSection) => navigateSection(section, 1);\n    const onPrevHandler = (section: EBookingWizardSection) => navigateSection(section, -1);\n\n    const bookingWizardContext: BookingWizardContextType = {\n        layout,\n        theme,\n        type: compOverlayType,\n        className: classes,\n        isMobile,\n        isSmallContainer,\n\n        onSubmit,\n\n        overlay: {\n            offset: overlayOffset,\n            placement: overlayPlacement,\n            fallbackPlacements: overlayPlacement,\n            dateOffset: dateSelectorOverlayOffset,\n        },\n        isImagesTheme,\n        isImagesThemeMobile,\n        activeSection,\n        stateSections,\n        onNextHandler,\n        onPrevHandler,\n    };\n\n    if (layout === 'button') {\n        return (\n            <div className={classes}>\n                <BEButton className={styles.bookNowBtn} onClick={() => setIsOpen(true)}>\n                    {t(Translation.Misc.BookNow)}\n                </BEButton>\n\n                <SimpleModal className={styles.container} size={SimpleModalSize.ExtraSmall} open={isOpen} onClose={() => setIsOpen(false)} alignCenter overflowVisible>\n                    <div>\n                        <div className={styles.title}>\n                            <span>{t(Translation.Misc.BookAHotel)}</span>\n                            <Icon className={styles.closeBtn} icon={IconType.Close} size=\"24px\" onClick={() => setIsOpen(false)} />\n                        </div>\n                        <BookingWizardContext.Provider value={bookingWizardContext}>\n                            <div className={classes}>\n                                <BookingWizardContent\n                                    properties={properties}\n                                    selectedProperty={selectedProperty}\n                                    defaultColors={defaultColors}\n                                    classname={contentClassname}\n                                    maxAdults={maxAdults}\n                                    disableChild={disableChild}\n                                    showInfants={showInfants}\n                                    disableRoom={disableRoom}\n                                    defaultValues={defaultValues}\n                                    hideGuestSelect={hideGuestSelect}\n                                    hidePromocode={hidePromocode}\n                                    hideProperty={hideProperty}\n                                />\n                            </div>\n                        </BookingWizardContext.Provider>\n                    </div>\n                </SimpleModal>\n            </div>\n        );\n    }\n\n    return (\n        <div ref={ref} className={classes}>\n            <BookingWizardContext.Provider value={bookingWizardContext}>\n                <BookingWizardContent {...props} classname={contentClassname} disableChild={disableChild} disableRoom={disableRoom} defaultValues={defaultValues} />\n            </BookingWizardContext.Provider>\n        </div>\n    );\n};\n\nexport default BookingWizard;\n"]}
+{"version":3,"file":"BookingWizard.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport useMeasure from 'react-use-measure';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { BookingWizardContent, BookingWizardContentProps } from '@/components/generic/BookingWizard/BookingWizardContent';\nimport {\n    BookingWizardContext,\n    BookingWizardContextType,\n    BookingWizardLayout,\n    BookingWizardOverlayType,\n    BookingWizardTheme,\n} from '@/components/generic/BookingWizard/BookingWizardContext';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport { Translation } from '@/translations/Translation';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport styles from './BookingWizard.module.scss';\n\nexport enum EBookingWizardTheme {\n    Default = 'default',\n    Specific = 'specific',\n    Images = 'images',\n}\n\nexport enum EBookingWizardOverlayDirection {\n    Upward = 'upward',\n    Downward = 'downward',\n}\n\nexport enum EBookingWizardSection {\n    Property = 'property',\n    Date = 'date',\n    Guest = 'guest',\n    Promo = 'promo',\n}\n\nexport const StateSectionsDefault: BookingWizardContextType['stateSections'] = {\n    [EBookingWizardSection.Property]: { opening: false, isFirst: false, hidden: false, inactive: false },\n    [EBookingWizardSection.Date]: { opening: false, isFirst: false, hidden: false, inactive: false },\n    [EBookingWizardSection.Guest]: { opening: false, isFirst: false, hidden: false, inactive: false },\n    [EBookingWizardSection.Promo]: { opening: false, isFirst: false, hidden: false, inactive: false },\n};\n\nexport interface BookingWizardProps extends BookingWizardContentProps {\n    layout?: BookingWizardLayout;\n    theme?: BookingWizardTheme;\n    useMobileButtonLayout?: boolean;\n\n    wrapperClassname?: string;\n    contentClassname?: string;\n\n    properties: TBookingWizardProperties;\n    selectedProperty: BookingWizardProperty;\n    defaultColors: BookingWizardProperty['colors'];\n    onSubmit: BookingWizardContextType['onSubmit'];\n\n    overlayDirection?: EBookingWizardOverlayDirection;\n}\n\nconst BookingWizard: React.FC<BookingWizardProps> = (props) => {\n    const {\n        layout: propLayout = 'horizontal',\n        theme = EBookingWizardTheme.Default,\n        useMobileButtonLayout = false,\n        onSubmit,\n        wrapperClassname,\n        contentClassname: contentClassnameProps,\n        selectedProperty,\n        properties,\n        defaultColors,\n        maxAdults,\n        disableChild,\n        showInfants,\n        disableRoom,\n        hideGuestSelect,\n        hidePromocode,\n        hideProperty,\n        defaultValues,\n        overlayDirection = EBookingWizardOverlayDirection.Downward,\n    } = props;\n    const [isOpen, setIsOpen] = React.useState(false);\n\n    const { isMobile } = useWindowSize();\n    const { t } = useTranslation();\n    const [ref, bounds] = useMeasure({ debounce: 300 });\n\n    const layout = useMemo(() => {\n        if (isMobile && useMobileButtonLayout) {\n            return 'button' as BookingWizardLayout;\n        }\n        return propLayout;\n    }, [isMobile, useMobileButtonLayout, propLayout]);\n\n    const [compOverlayType, setCompOverlayType] = useState<BookingWizardOverlayType>('popup');\n    const [overlayOffset, setOverlayOffset] = useState<[number, number]>();\n    const [dateSelectorOverlayOffset, setDateSelectorOverlayOffset] = useState<[number, number]>();\n    const [overlayPlacement, setOverlayPlacement] = useState<Placement>();\n\n    const isSmallContainer = useMemo(() => {\n        if (!bounds.width) return false;\n        return bounds.width <= ScreenSize.Medium;\n    }, [bounds]);\n\n    useEffect(() => {\n        if ((layout === 'horizontal' || layout === 'horizontal-condensed') && !isMobile) {\n            setOverlayOffset([0, 6]);\n            setDateSelectorOverlayOffset([0, 6]);\n            setCompOverlayType('popup');\n        } else {\n            setOverlayOffset([0, 10]);\n            setDateSelectorOverlayOffset([0, -8]);\n            setCompOverlayType('bottom-sheet');\n        }\n    }, [layout, isMobile, isSmallContainer]);\n\n    useEffect(() => {\n        if (!isMobile) {\n            setOverlayPlacement(overlayDirection === EBookingWizardOverlayDirection.Downward ? 'bottom-start' : 'top-start');\n        } else {\n            setOverlayPlacement(overlayDirection === EBookingWizardOverlayDirection.Downward ? 'bottom' : 'top');\n        }\n    }, [isMobile]);\n\n    const isImagesTheme = theme === EBookingWizardTheme.Images;\n    const classes = classNames(\n        styles.container,\n        {\n            [styles['--theme-specific']]: theme === EBookingWizardTheme.Specific,\n            [styles['--theme-default']]: theme === EBookingWizardTheme.Default,\n            [styles['--theme-images']]: isImagesTheme,\n            [styles['--theme-condensed']]: layout === 'horizontal-condensed',\n            [styles['--in-small-container']]: isSmallContainer,\n        },\n        wrapperClassname\n    );\n\n    const contentClassname = classNames(contentClassnameProps, { [styles['--in-small-container']]: isSmallContainer });\n\n    const isImagesThemeMobile = isImagesTheme && isSmallContainer;\n    const [activeSection, setActiveSection] = useState<EBookingWizardSection | null>(null);\n    const [availableSections, setAvailableSections] = useState<EBookingWizardSection[]>([]);\n    const [stateSections, setStateSections] = useState<BookingWizardContextType['stateSections']>(StateSectionsDefault);\n\n    useEffect(() => {\n        const isPromoHidden = hidePromocode || layout === 'horizontal-condensed' || isImagesThemeMobile;\n        const isPropertyHidden = !!hideProperty;\n        const isGuestHidden = !!hideGuestSelect;\n\n        const state: BookingWizardContextType['stateSections'] = {\n            [EBookingWizardSection.Property]: {\n                hidden: isPropertyHidden,\n                isFirst: !isPropertyHidden,\n                opening: EBookingWizardSection.Property === activeSection,\n                inactive: isPropertyHidden || (isImagesThemeMobile && activeSection !== null && activeSection !== EBookingWizardSection.Property),\n            },\n            [EBookingWizardSection.Date]: {\n                hidden: false,\n                isFirst: isPropertyHidden,\n                opening: EBookingWizardSection.Date === activeSection,\n                inactive: (isImagesThemeMobile && isPropertyHidden && activeSection === null) || (isImagesThemeMobile && activeSection !== EBookingWizardSection.Date),\n            },\n            [EBookingWizardSection.Guest]: {\n                hidden: isGuestHidden,\n                isFirst: false,\n                opening: EBookingWizardSection.Guest === activeSection,\n                inactive: isGuestHidden || (isImagesThemeMobile && activeSection !== EBookingWizardSection.Guest),\n            },\n            [EBookingWizardSection.Promo]: {\n                hidden: isPromoHidden,\n                isFirst: false,\n                opening: EBookingWizardSection.Promo === activeSection,\n                inactive: isPromoHidden || (isImagesThemeMobile && activeSection !== EBookingWizardSection.Promo),\n            },\n        };\n\n        // Extract available (i.e., not hidden) sections from state\n        const enabled = Object.entries(state)\n            .filter(([, value]) => !value.hidden)\n            .map(([key]) => key as EBookingWizardSection);\n        setAvailableSections(enabled);\n\n        // If all inactive are true, then find the first section with hidden === false and set its inactive to false.\n        const allInactive = Object.values(state).every((s) => s.inactive);\n        if (allInactive) {\n            const sections: EBookingWizardSection[] = [EBookingWizardSection.Property, EBookingWizardSection.Date, EBookingWizardSection.Guest, EBookingWizardSection.Promo];\n            for (const section of sections) {\n                if (!state[section].hidden) {\n                    state[section].opening = false;\n                    state[section].inactive = false;\n                    break;\n                }\n            }\n        }\n\n        setStateSections(state);\n    }, [layout, hideProperty, hideGuestSelect, hidePromocode, activeSection, isImagesTheme, isImagesThemeMobile]);\n\n    const navigateSection = (currentSection: EBookingWizardSection, direction: 1 | -1) => {\n        if (!currentSection) return;\n        const currentIndex = availableSections.indexOf(currentSection);\n        const targetSection = availableSections[currentIndex + direction] ?? null;\n        setActiveSection(targetSection);\n    };\n\n    const onNextHandler = (section: EBookingWizardSection) => navigateSection(section, 1);\n    const onPrevHandler = (section: EBookingWizardSection) => navigateSection(section, -1);\n\n    const bookingWizardContext: BookingWizardContextType = {\n        layout,\n        theme,\n        type: compOverlayType,\n        className: classes,\n        isMobile,\n        isSmallContainer,\n\n        onSubmit,\n\n        overlay: {\n            offset: overlayOffset,\n            placement: overlayPlacement,\n            fallbackPlacements: overlayPlacement,\n            dateOffset: dateSelectorOverlayOffset,\n        },\n        isImagesTheme,\n        isImagesThemeMobile,\n        activeSection,\n        stateSections,\n        onNextHandler,\n        onPrevHandler,\n    };\n\n    if (layout === 'button') {\n        return (\n            <div className={classes}>\n                <BEButton className={styles.bookNowBtn} onClick={() => setIsOpen(true)}>\n                    {t(Translation.Misc.BookNow)}\n                </BEButton>\n\n                <SimpleModal className={styles.container} size={SimpleModalSize.ExtraSmall} open={isOpen} onClose={() => setIsOpen(false)} alignCenter overflowVisible>\n                    <div>\n                        <div className={styles.title}>\n                            <span>{t(Translation.Misc.BookAHotel)}</span>\n                            <Icon className={styles.closeBtn} icon={IconType.Close} size=\"24px\" onClick={() => setIsOpen(false)} />\n                        </div>\n                        <BookingWizardContext.Provider value={bookingWizardContext}>\n                            <div className={classes}>\n                                <BookingWizardContent\n                                    properties={properties}\n                                    selectedProperty={selectedProperty}\n                                    defaultColors={defaultColors}\n                                    classname={contentClassname}\n                                    maxAdults={maxAdults}\n                                    disableChild={disableChild}\n                                    showInfants={showInfants}\n                                    disableRoom={disableRoom}\n                                    defaultValues={defaultValues}\n                                    hideGuestSelect={hideGuestSelect}\n                                    hidePromocode={hidePromocode}\n                                    hideProperty={hideProperty}\n                                />\n                            </div>\n                        </BookingWizardContext.Provider>\n                    </div>\n                </SimpleModal>\n            </div>\n        );\n    }\n\n    return (\n        <div ref={ref} className={classes}>\n            <BookingWizardContext.Provider value={bookingWizardContext}>\n                <BookingWizardContent {...props} classname={contentClassname} disableChild={disableChild} disableRoom={disableRoom} defaultValues={defaultValues} />\n            </BookingWizardContext.Provider>\n        </div>\n    );\n};\n\nexport default BookingWizard;\n"]}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PromotionalCodeInput: () => React.JSX.Element;

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

@@ -0,0 +1,142 @@
+"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 () {
+    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 __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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PromotionalCodeInput = void 0;
+const contexts_1 = require("../../contexts/index.js");
+const ui_1 = require("@roomstay/ui");
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const AutoAutoHeight_1 = __importDefault(require("../../animations/AutoAutoHeight"));
+const Alert_1 = __importStar(require("./Alert"));
+const BEButton_1 = __importDefault(require("./BEButton"));
+const Text_1 = __importStar(require("./Text"));
+const TextBox_1 = __importDefault(require("./TextBox"));
+const useNextStepAction_1 = require("../../hooks/useNextStepAction");
+const Translation_1 = require("../../translations/Translation");
+const PromotionalWarnings = ({ promoCode, isSubmitted, rows }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    if (!isSubmitted)
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    // Collect unique promo code warnings from all rows
+    const errors = Array.from(new Set(rows.flatMap((row) => row.getPromoCodeWarningMessage() || [])));
+    // Start with checking if the input promo code is non-empty and there are no initial warnings
+    let isValid = !!promoCode.trim() && errors.length === 0;
+    // If there are no errors from the API, validate each row in the basket
+    if (!errors.length) {
+        // A row is valid if it has a rate and the promo applies to it
+        const rowHasValidPromo = (row) => {
+            var _a;
+            const rate = row.getRate();
+            if (!rate)
+                return false;
+            const promo = (_a = row.getPromoCode()) === null || _a === void 0 ? void 0 : _a.trim();
+            return promo && rate.getTotalDiscount() > 0;
+        };
+        const appliesToAtLeastOneRow = rows.some(rowHasValidPromo);
+        if (!appliesToAtLeastOneRow) {
+            const message = t(Translation_1.Translation.Step.Confirmation.Inputs.PromotionalCodeValidation.NotLinkedToRate);
+            if (!errors.includes(message)) {
+                errors.push(message);
+            }
+            isValid = false;
+        }
+    }
+    if (isValid) {
+        return (react_1.default.createElement("div", { className: "rs-promotional-code-warnings u-flex u-marg-top u-marg-bottom align-items-center u-flex-col" },
+            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: ui_1.Color.Success }, t(Translation_1.Translation.Step.Confirmation.Inputs.PromotionalCodeValidation.Valid, {
+                value: promoCode,
+            }))));
+    }
+    if (!errors.length)
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    return (react_1.default.createElement("div", { className: "rs-promotional-code-warnings u-flex u-marg-top u-marg-bottom align-items-center u-flex-col" }, errors.map((error, i) => (react_1.default.createElement(AutoAutoHeight_1.default, { key: i, open: true },
+        react_1.default.createElement("div", { className: "u-flex" },
+            react_1.default.createElement(Alert_1.default, { icon: ui_1.IconType.Error, type: Alert_1.AlertType.Danger },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, error))))))));
+};
+const PromotionalCodeInput = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const context = (0, react_1.useContext)(contexts_1.BasketContext);
+    const { syncBasketRowUnMatchedPrice } = (0, useNextStepAction_1.useNextStepAction)();
+    const [promoCode, setPromoCode] = (0, react_1.useState)('');
+    const [isSubmitted, setIsSubmitted] = (0, react_1.useState)(false);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const handleChange = (e) => {
+        setPromoCode(e.target.value);
+        setIsSubmitted(false);
+    };
+    const handleKeyPress = (event) => {
+        if (event.key === 'Enter')
+            handleSubmit();
+    };
+    const handleSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setIsSubmitted(false);
+            context.currentBasketRows.forEach((row) => {
+                row.setPromoCode(promoCode);
+                context.updateBasketRow(row);
+            });
+            setIsLoading(true);
+            yield syncBasketRowUnMatchedPrice();
+        }
+        finally {
+            setIsLoading(false);
+            setIsSubmitted(true);
+        }
+    });
+    return (react_1.default.createElement("div", { className: "rs-promotional-code" },
+        react_1.default.createElement("label", { className: "u-marg-bottom--lighter text-bold d-flex" }, t(Translation_1.Translation.Step.Confirmation.Inputs.PromotionalCode)),
+        react_1.default.createElement("div", { className: "d-flex flex-wrap justify-content-space-between align-items-center" },
+            react_1.default.createElement("div", { className: "u-marg-right--light u-flex__item" },
+                react_1.default.createElement(TextBox_1.default, { className: "rs-promotional-code-input", value: promoCode.toUpperCase(), placeholder: t(Translation_1.Translation.Step.Confirmation.Inputs.PromotionalCodePlaceHolder), onChange: handleChange, onKeyPress: handleKeyPress, wide: true })),
+            react_1.default.createElement("div", { className: "rs-promotional-code-submit-btn d-flex justify-content-center align-items-center" },
+                react_1.default.createElement(BEButton_1.default, { disabled: isLoading, rounded: true, filled: true, primary: true, size: "normal", onClick: handleSubmit, isLoading: isLoading }, t(Translation_1.Translation.Misc.Apply)))),
+        react_1.default.createElement("span", { className: "text-small promotional-code-description" }, t(Translation_1.Translation.Step.Confirmation.Inputs.PromotionalCodeDescription)),
+        react_1.default.createElement(PromotionalWarnings, { promoCode: promoCode, isSubmitted: isSubmitted, rows: context.currentBasketRows })));
+};
+exports.PromotionalCodeInput = PromotionalCodeInput;
+//# sourceMappingURL=PromotionalCodeInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromotionalCodeInput.js","sourceRoot":"/","sources":["src/components/generic/PromotionalCodeInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport { Color, IconType } from '@roomstay/ui';\nimport React, { useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BEButton from '@/components/generic/BEButton';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { useNextStepAction } from '@/hooks/useNextStepAction';\nimport BasketRow from '@/models/BasketRow';\nimport { Translation } from '@/translations/Translation';\n\nconst PromotionalWarnings = ({ promoCode, isSubmitted, rows }: { promoCode: string; isSubmitted: boolean; rows: BasketRow[] }) => {\n    const { t } = useTranslation();\n    if (!isSubmitted) return <></>;\n\n    // Collect unique promo code warnings from all rows\n    const errors = Array.from(new Set(rows.flatMap((row) => row.getPromoCodeWarningMessage() || [])));\n\n    // Start with checking if the input promo code is non-empty and there are no initial warnings\n    let isValid = !!promoCode.trim() && errors.length === 0;\n\n    // If there are no errors from the API, validate each row in the basket\n    if (!errors.length) {\n        // A row is valid if it has a rate and the promo applies to it\n        const rowHasValidPromo = (row: BasketRow) => {\n            const rate = row.getRate();\n            if (!rate) return false;\n\n            const promo = row.getPromoCode()?.trim();\n            return promo && rate.getTotalDiscount() > 0;\n        };\n\n        const appliesToAtLeastOneRow = rows.some(rowHasValidPromo);\n\n        if (!appliesToAtLeastOneRow) {\n            const message = t(Translation.Step.Confirmation.Inputs.PromotionalCodeValidation.NotLinkedToRate);\n            if (!errors.includes(message)) {\n                errors.push(message);\n            }\n            isValid = false;\n        }\n    }\n\n    if (isValid) {\n        return (\n            <div className=\"rs-promotional-code-warnings u-flex u-marg-top u-marg-bottom align-items-center u-flex-col\">\n                <Text type={TextType.Small} color={Color.Success}>\n                    {t(Translation.Step.Confirmation.Inputs.PromotionalCodeValidation.Valid, {\n                        value: promoCode,\n                    })}\n                </Text>\n            </div>\n        );\n    }\n\n    if (!errors.length) return <></>;\n\n    return (\n        <div className=\"rs-promotional-code-warnings u-flex u-marg-top u-marg-bottom align-items-center u-flex-col\">\n            {errors.map((error, i) => (\n                <AutoAutoHeight key={i} open>\n                    <div className=\"u-flex\">\n                        <Alert icon={IconType.Error} type={AlertType.Danger}>\n                            <Text type={TextType.Small}>{error}</Text>\n                        </Alert>\n                    </div>\n                </AutoAutoHeight>\n            ))}\n        </div>\n    );\n};\n\nexport const PromotionalCodeInput = () => {\n    const { t } = useTranslation();\n    const context = useContext(BasketContext);\n    const { syncBasketRowUnMatchedPrice } = useNextStepAction();\n\n    const [promoCode, setPromoCode] = useState('');\n    const [isSubmitted, setIsSubmitted] = useState(false);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setPromoCode(e.target.value);\n        setIsSubmitted(false);\n    };\n\n    const handleKeyPress = (event: React.KeyboardEvent) => {\n        if (event.key === 'Enter') handleSubmit();\n    };\n\n    const handleSubmit = async () => {\n        try {\n            setIsSubmitted(false);\n            context.currentBasketRows.forEach((row) => {\n                row.setPromoCode(promoCode);\n                context.updateBasketRow(row);\n            });\n            setIsLoading(true);\n            await syncBasketRowUnMatchedPrice();\n        } finally {\n            setIsLoading(false);\n            setIsSubmitted(true);\n        }\n    };\n\n    return (\n        <div className=\"rs-promotional-code\">\n            <label className=\"u-marg-bottom--lighter text-bold d-flex\">{t(Translation.Step.Confirmation.Inputs.PromotionalCode)}</label>\n            <div className=\"d-flex flex-wrap justify-content-space-between align-items-center\">\n                <div className=\"u-marg-right--light u-flex__item\">\n                    <TextBox\n                        className=\"rs-promotional-code-input\"\n                        value={promoCode.toUpperCase()}\n                        placeholder={t(Translation.Step.Confirmation.Inputs.PromotionalCodePlaceHolder)}\n                        onChange={handleChange}\n                        onKeyPress={handleKeyPress}\n                        wide\n                    />\n                </div>\n                <div className=\"rs-promotional-code-submit-btn d-flex justify-content-center align-items-center\">\n                    <BEButton disabled={isLoading} rounded filled primary size=\"normal\" onClick={handleSubmit} isLoading={isLoading}>\n                        {t(Translation.Misc.Apply)}\n                    </BEButton>\n                </div>\n            </div>\n            <span className=\"text-small promotional-code-description\">{t(Translation.Step.Confirmation.Inputs.PromotionalCodeDescription)}</span>\n            <PromotionalWarnings promoCode={promoCode} isSubmitted={isSubmitted} rows={context.currentBasketRows} />\n        </div>\n    );\n};\n"]}

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

@@ -54,6 +54,9 @@ function Tooltip(props) {
     const displayTrue = () => {
         setDisplayed(true);
     };
+    const toggleDisplay = () => {
+        setDisplayed((prev) => !prev);
+    };
     (0, react_1.useEffect)(() => {
         setDisplayed(!!props.open);
     }, [props === null || props === void 0 ? void 0 : props.open]);
@@ -69,8 +72,9 @@ function Tooltip(props) {
     if (props.open === undefined) {
         containerEvents['onMouseEnter'] = displayTrue;
         containerEvents['onMouseLeave'] = displayFalse;
+        containerEvents['onTouchStart'] = toggleDisplay;
     }
-    return (react_1.default.createElement("div", Object.assign({ ref: containerRef }, containerEvents, { onMouseDown: displayFalse, className: wrapperClass }),
+    return (react_1.default.createElement("div", Object.assign({ ref: containerRef }, containerEvents, { className: wrapperClass }),
         react_1.default.createElement(Overlay_1.Overlay, { open: (isDisplayed && !props.disabled) || !!(props === null || props === void 0 ? void 0 : props.open), container: props.overrideContainer, hideStyles: true, followElement: (_b = props.followElement) !== null && _b !== void 0 ? _b : containerRef === null || containerRef === void 0 ? void 0 : containerRef.current, usePortal: props.usePortal, containerClassName: overlayContainerClasses },
             react_1.default.createElement("div", { className: tooltipClasses },
                 react_1.default.createElement("div", { className: Tooltip_module_scss_1.default['rs-tooltip-arrow'] }),

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"/","sources":["src/components/generic/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,0BAuDC;AA7ED,4DAA2C;AAC3C,+CAAuE;AAEvE,kEAA+D;AAC/D,mCAA0C;AAE1C,gFAA2C;AAgB3C,SAAwB,OAAO,CAAC,KAAqB;;IACjD,MAAM,YAAY,GAAG,MAAA,KAAK,CAAC,cAAc,mCAAI,EAAE,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAElC,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEjD,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEzD,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC,CAAC;IAElB,MAAM,cAAc,GAAG,IAAA,oBAAE,EAAC,6BAAM,CAAC,YAAY,CAAC,EAAE;QAC5C,CAAC,6BAAM,CAAC,WAAW,CAAC,CAAC,EAAE,OAAO,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB;QACxF,CAAC,6BAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,KAAK,CAAC,uBAAuB,KAAK,IAAI;KAC1E,CAAC,CAAC;IAEH,MAAM,uBAAuB,GAAG,IAAA,oBAAE,EAAC;QAC/B,CAAC,6BAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,KAAK,CAAC,uBAAuB,KAAK,IAAI;KAC1E,CAAC,CAAC;IAEH,MAAM,eAAe,GAAyC,EAAE,CAAC;IAEjE,+FAA+F;IAC/F,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC3B,eAAe,CAAC,cAAc,CAAC,GAAG,WAAW,CAAC;QAC9C,eAAe,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC;IACnD,CAAC;IAED,OAAO,CACH,qDAAK,GAAG,EAAE,YAAY,IAAM,eAAe,IAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY;QAC3F,8BAAC,iBAAO,IACJ,IAAI,EAAE,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAA,EACvD,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAClC,UAAU,QACV,aAAa,EAAE,MAAA,KAAK,CAAC,aAAa,mCAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAC3D,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,kBAAkB,EAAE,uBAAuB;YAE3C,uCAAK,SAAS,EAAE,cAAc;gBAC1B,uCAAK,SAAS,EAAE,6BAAM,CAAC,kBAAkB,CAAC,GAAQ;gBACjD,KAAK,CAAC,KAAK,CACV,CACA;QACT,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC","sourcesContent":["import { default as cx } from 'classnames';\nimport React, { ReactChild, useEffect, useRef, useState } from 'react';\n\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport { useCurrentHotel } from '@/hooks';\n\nimport styles from './Tooltip.module.scss';\n\nexport interface BETooltipProps {\n    wrapperClasses?: string;\n    followElement?: HTMLElement | null;\n    overrideContainer?: HTMLElement | null;\n    preventMouseInteraction?: boolean;\n    children: ReactChild | ReactChild[];\n    title: string;\n\n    disabled?: boolean;\n    dark?: boolean;\n    usePortal?: boolean;\n    open?: boolean; //Force to open Tooltip\n}\n\nexport default function Tooltip(props: BETooltipProps) {\n    const wrapperClass = props.wrapperClasses ?? '';\n    const containerRef = useRef(null);\n\n    const { isAccent2ColorDark } = useCurrentHotel();\n\n    const [isDisplayed, setDisplayed] = useState(props.open);\n\n    const displayFalse = () => {\n        setDisplayed(false);\n    };\n\n    const displayTrue = () => {\n        setDisplayed(true);\n    };\n\n    useEffect(() => {\n        setDisplayed(!!props.open);\n    }, [props?.open]);\n\n    const tooltipClasses = cx(styles['rs-tooltip'], {\n        [styles['--bg-dark']]: typeof props.dark === 'boolean' ? props.dark : isAccent2ColorDark,\n        [styles['prevent-interaction']]: props.preventMouseInteraction === true,\n    });\n\n    const overlayContainerClasses = cx({\n        [styles['prevent-interaction']]: props.preventMouseInteraction === true,\n    });\n\n    const containerEvents: React.HTMLAttributes<HTMLDivElement> = {};\n\n    // Since events open is undefined it's not set, we'll listen ourselves for mouseEnter and leave\n    if (props.open === undefined) {\n        containerEvents['onMouseEnter'] = displayTrue;\n        containerEvents['onMouseLeave'] = displayFalse;\n    }\n\n    return (\n        <div ref={containerRef} {...containerEvents} onMouseDown={displayFalse} className={wrapperClass}>\n            <Overlay\n                open={(isDisplayed && !props.disabled) || !!props?.open}\n                container={props.overrideContainer}\n                hideStyles\n                followElement={props.followElement ?? containerRef?.current}\n                usePortal={props.usePortal}\n                containerClassName={overlayContainerClasses}\n            >\n                <div className={tooltipClasses}>\n                    <div className={styles['rs-tooltip-arrow']}></div>\n                    {props.title}\n                </div>\n            </Overlay>\n            {props.children}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"Tooltip.js","sourceRoot":"/","sources":["src/components/generic/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,0BA4DC;AAlFD,4DAA2C;AAC3C,+CAAuE;AAEvE,kEAA+D;AAC/D,mCAA0C;AAE1C,gFAA2C;AAgB3C,SAAwB,OAAO,CAAC,KAAqB;;IACjD,MAAM,YAAY,GAAG,MAAA,KAAK,CAAC,cAAc,mCAAI,EAAE,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAElC,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEjD,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEzD,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC,CAAC;IAElB,MAAM,cAAc,GAAG,IAAA,oBAAE,EAAC,6BAAM,CAAC,YAAY,CAAC,EAAE;QAC5C,CAAC,6BAAM,CAAC,WAAW,CAAC,CAAC,EAAE,OAAO,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB;QACxF,CAAC,6BAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,KAAK,CAAC,uBAAuB,KAAK,IAAI;KAC1E,CAAC,CAAC;IAEH,MAAM,uBAAuB,GAAG,IAAA,oBAAE,EAAC;QAC/B,CAAC,6BAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,KAAK,CAAC,uBAAuB,KAAK,IAAI;KAC1E,CAAC,CAAC;IAEH,MAAM,eAAe,GAAyC,EAAE,CAAC;IAEjE,+FAA+F;IAC/F,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC3B,eAAe,CAAC,cAAc,CAAC,GAAG,WAAW,CAAC;QAC9C,eAAe,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC;QAC/C,eAAe,CAAC,cAAc,CAAC,GAAG,aAAa,CAAC;IACpD,CAAC;IAED,OAAO,CACH,qDAAK,GAAG,EAAE,YAAY,IAAM,eAAe,IAAE,SAAS,EAAE,YAAY;QAChE,8BAAC,iBAAO,IACJ,IAAI,EAAE,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAA,EACvD,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAClC,UAAU,QACV,aAAa,EAAE,MAAA,KAAK,CAAC,aAAa,mCAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAC3D,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,kBAAkB,EAAE,uBAAuB;YAE3C,uCAAK,SAAS,EAAE,cAAc;gBAC1B,uCAAK,SAAS,EAAE,6BAAM,CAAC,kBAAkB,CAAC,GAAQ;gBACjD,KAAK,CAAC,KAAK,CACV,CACA;QACT,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC","sourcesContent":["import { default as cx } from 'classnames';\nimport React, { ReactChild, useEffect, useRef, useState } from 'react';\n\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport { useCurrentHotel } from '@/hooks';\n\nimport styles from './Tooltip.module.scss';\n\nexport interface BETooltipProps {\n    wrapperClasses?: string;\n    followElement?: HTMLElement | null;\n    overrideContainer?: HTMLElement | null;\n    preventMouseInteraction?: boolean;\n    children: ReactChild | ReactChild[];\n    title: string;\n\n    disabled?: boolean;\n    dark?: boolean;\n    usePortal?: boolean;\n    open?: boolean; //Force to open Tooltip\n}\n\nexport default function Tooltip(props: BETooltipProps) {\n    const wrapperClass = props.wrapperClasses ?? '';\n    const containerRef = useRef(null);\n\n    const { isAccent2ColorDark } = useCurrentHotel();\n\n    const [isDisplayed, setDisplayed] = useState(props.open);\n\n    const displayFalse = () => {\n        setDisplayed(false);\n    };\n\n    const displayTrue = () => {\n        setDisplayed(true);\n    };\n\n    const toggleDisplay = () => {\n        setDisplayed((prev) => !prev);\n    };\n\n    useEffect(() => {\n        setDisplayed(!!props.open);\n    }, [props?.open]);\n\n    const tooltipClasses = cx(styles['rs-tooltip'], {\n        [styles['--bg-dark']]: typeof props.dark === 'boolean' ? props.dark : isAccent2ColorDark,\n        [styles['prevent-interaction']]: props.preventMouseInteraction === true,\n    });\n\n    const overlayContainerClasses = cx({\n        [styles['prevent-interaction']]: props.preventMouseInteraction === true,\n    });\n\n    const containerEvents: React.HTMLAttributes<HTMLDivElement> = {};\n\n    // Since events open is undefined it's not set, we'll listen ourselves for mouseEnter and leave\n    if (props.open === undefined) {\n        containerEvents['onMouseEnter'] = displayTrue;\n        containerEvents['onMouseLeave'] = displayFalse;\n        containerEvents['onTouchStart'] = toggleDisplay;\n    }\n\n    return (\n        <div ref={containerRef} {...containerEvents} className={wrapperClass}>\n            <Overlay\n                open={(isDisplayed && !props.disabled) || !!props?.open}\n                container={props.overrideContainer}\n                hideStyles\n                followElement={props.followElement ?? containerRef?.current}\n                usePortal={props.usePortal}\n                containerClassName={overlayContainerClasses}\n            >\n                <div className={tooltipClasses}>\n                    <div className={styles['rs-tooltip-arrow']}></div>\n                    {props.title}\n                </div>\n            </Overlay>\n            {props.children}\n        </div>\n    );\n}\n"]}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface CalendarHighlightLegendProps {
+    showMultipleMonths?: boolean;
+}
+export default function CalendarHighlightLegend({ showMultipleMonths }: CalendarHighlightLegendProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,71 @@
+"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 () {
+    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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CalendarHighlightLegend;
+const dayjs_1 = __importDefault(require("dayjs"));
+const react_1 = __importStar(require("react"));
+const Text_1 = __importStar(require("../../Text"));
+const Tooltip_1 = __importDefault(require("../../Tooltip/Tooltip"));
+const contexts_1 = require("../../../../contexts");
+const hooks_1 = require("../../../../hooks");
+const CalendarHighlightLegend_module_scss_1 = __importDefault(require("./CalendarHighlightLegend.module.scss"));
+function CalendarHighlightLegend({ showMultipleMonths }) {
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
+    const datePickerContext = (0, react_1.useContext)(contexts_1.DatePickerContext);
+    const highlights = (0, react_1.useMemo)(() => {
+        if (!(hotel === null || hotel === void 0 ? void 0 : hotel.calendarHighlights) || !(datePickerContext === null || datePickerContext === void 0 ? void 0 : datePickerContext.currentMonth)) {
+            return [];
+        }
+        const rangeStart = datePickerContext.currentMonth.startOf('month');
+        const rangeEnd = datePickerContext.currentMonth.add(showMultipleMonths ? 1 : 0, 'month').endOf('month');
+        return hotel.calendarHighlights.filter((highlight) => {
+            const highlightStart = (0, dayjs_1.default)(highlight.startDate);
+            const highlightEnd = (0, dayjs_1.default)(highlight.endDate);
+            // Check if the highlight's date range overlaps with the month range
+            return highlightStart.isSameOrBefore(rangeEnd) && highlightEnd.isSameOrAfter(rangeStart);
+        });
+    }, [hotel === null || hotel === void 0 ? void 0 : hotel.calendarHighlights, datePickerContext === null || datePickerContext === void 0 ? void 0 : datePickerContext.currentMonth, showMultipleMonths]);
+    return (react_1.default.createElement("div", { className: CalendarHighlightLegend_module_scss_1.default.legend },
+        react_1.default.createElement("ul", { className: CalendarHighlightLegend_module_scss_1.default.list }, highlights.map((highlight) => {
+            const content = (react_1.default.createElement("div", { className: CalendarHighlightLegend_module_scss_1.default.content },
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, inline: true }, highlight.name),
+                react_1.default.createElement("div", { className: CalendarHighlightLegend_module_scss_1.default.underline, style: { backgroundColor: highlight.color } })));
+            return (react_1.default.createElement("li", { key: highlight.id, className: CalendarHighlightLegend_module_scss_1.default.item }, highlight.tooltip ? (react_1.default.createElement(Tooltip_1.default, { usePortal: true, title: highlight.tooltip }, content)) : (content)));
+        }))));
+}
+//# sourceMappingURL=CalendarHighlightLegend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHighlightLegend.js","sourceRoot":"/","sources":["src/components/generic/date/CalendarHighlightLegend/CalendarHighlightLegend.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,0CAiDC;AA/DD,kDAA0B;AAC1B,+CAAmD;AAEnD,kEAA2D;AAC3D,mFAA2D;AAC3D,yCAA+C;AAC/C,mCAA0C;AAE1C,gHAA2D;AAM3D,SAAwB,uBAAuB,CAAC,EAAE,kBAAkB,EAAgC;IAChG,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,iBAAiB,GAAG,IAAA,kBAAU,EAAC,4BAAiB,CAAC,CAAC;IAExD,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB,CAAA,IAAI,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,CAAA,EAAE,CAAC;YACjE,OAAO,EAAE,CAAC;QACd,CAAC;QAED,MAAM,UAAU,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACnE,MAAM,QAAQ,GAAG,iBAAiB,CAAC,YAAY,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAExG,OAAO,KAAK,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE;YACjD,MAAM,cAAc,GAAG,IAAA,eAAK,EAAC,SAAS,CAAC,SAAS,CAAC,CAAC;YAClD,MAAM,YAAY,GAAG,IAAA,eAAK,EAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAE9C,oEAAoE;YACpE,OAAO,cAAc,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAC7F,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAErF,OAAO,CACH,uCAAK,SAAS,EAAE,6CAAM,CAAC,MAAM;QACzB,sCAAI,SAAS,EAAE,6CAAM,CAAC,IAAI,IACrB,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;YAC1B,MAAM,OAAO,GAAG,CACZ,uCAAK,SAAS,EAAE,6CAAM,CAAC,OAAO;gBAC1B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,MAAM,UAC7B,SAAS,CAAC,IAAI,CACZ;gBACP,uCAAK,SAAS,EAAE,6CAAM,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,CAAC,KAAK,EAAE,GAAI,CAC/E,CACT,CAAC;YAEF,OAAO,CACH,sCAAI,GAAG,EAAE,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,6CAAM,CAAC,IAAI,IACxC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CACjB,8BAAC,iBAAO,IAAC,SAAS,QAAC,KAAK,EAAE,SAAS,CAAC,OAAO,IACtC,OAAO,CACF,CACb,CAAC,CAAC,CAAC,CACA,OAAO,CACV,CACA,CACR,CAAC;QACN,CAAC,CAAC,CACD,CACH,CACT,CAAC;AACN,CAAC","sourcesContent":["import dayjs from 'dayjs';\nimport React, { useContext, useMemo } from 'react';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport { DatePickerContext } from '@/contexts';\nimport { useCurrentHotel } from '@/hooks';\n\nimport styles from './CalendarHighlightLegend.module.scss';\n\ninterface CalendarHighlightLegendProps {\n    showMultipleMonths?: boolean;\n}\n\nexport default function CalendarHighlightLegend({ showMultipleMonths }: CalendarHighlightLegendProps) {\n    const { hotel } = useCurrentHotel();\n    const datePickerContext = useContext(DatePickerContext);\n\n    const highlights = useMemo(() => {\n        if (!hotel?.calendarHighlights || !datePickerContext?.currentMonth) {\n            return [];\n        }\n\n        const rangeStart = datePickerContext.currentMonth.startOf('month');\n        const rangeEnd = datePickerContext.currentMonth.add(showMultipleMonths ? 1 : 0, 'month').endOf('month');\n\n        return hotel.calendarHighlights.filter((highlight) => {\n            const highlightStart = dayjs(highlight.startDate);\n            const highlightEnd = dayjs(highlight.endDate);\n\n            // Check if the highlight's date range overlaps with the month range\n            return highlightStart.isSameOrBefore(rangeEnd) && highlightEnd.isSameOrAfter(rangeStart);\n        });\n    }, [hotel?.calendarHighlights, datePickerContext?.currentMonth, showMultipleMonths]);\n\n    return (\n        <div className={styles.legend}>\n            <ul className={styles.list}>\n                {highlights.map((highlight) => {\n                    const content = (\n                        <div className={styles.content}>\n                            <Text type={TextType.Small} inline>\n                                {highlight.name}\n                            </Text>\n                            <div className={styles.underline} style={{ backgroundColor: highlight.color }} />\n                        </div>\n                    );\n\n                    return (\n                        <li key={highlight.id} className={styles.item}>\n                            {highlight.tooltip ? (\n                                <Tooltip usePortal title={highlight.tooltip}>\n                                    {content}\n                                </Tooltip>\n                            ) : (\n                                content\n                            )}\n                        </li>\n                    );\n                })}\n            </ul>\n        </div>\n    );\n}\n"]}

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

@@ -54,6 +54,7 @@ const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
+const CalendarHighlightLegend_1 = __importDefault(require("./CalendarHighlightLegend/CalendarHighlightLegend"));
 const DatePickerMonth_1 = __importDefault(require("./DatePickerMonth"));
 const Icon_1 = __importStar(require("../Icon/Icon"));
 const DaysSelectedInformer_1 = __importDefault(require("../../steps/DaysSelectedInformer"));
@@ -309,9 +310,11 @@ function DatePicker(props) {
             printMonths,
             props.showMinNightStay && props.showMultipleMonths && (react_1.default.createElement("div", { className: "diji-calendar--min-night-stay u-flex u-flex-direction-column u-flex-align-center" },
                 react_1.default.createElement(DaysSelectedInformer_1.default, null),
-                react_1.default.createElement(MinimumNightStayPill_1.default, null)))),
+                react_1.default.createElement(MinimumNightStayPill_1.default, null),
+                react_1.default.createElement(CalendarHighlightLegend_1.default, { showMultipleMonths: props.showMultipleMonths })))),
         props.showMinNightStay && !props.showMultipleMonths && (react_1.default.createElement("div", { className: "diji-calendar--min-night-stay --small u-flex u-flex-direction-column u-flex-align-center u-marg-top" },
             react_1.default.createElement(DaysSelectedInformer_1.default, null),
-            react_1.default.createElement(MinimumNightStayPill_1.default, null)))));
+            react_1.default.createElement(MinimumNightStayPill_1.default, null),
+            react_1.default.createElement(CalendarHighlightLegend_1.default, { showMultipleMonths: props.showMultipleMonths })))));
 }
 //# sourceMappingURL=DatePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"/","sources":["src/components/generic/date/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, DatePickerContext, IDatePickerContext } from '@frontend/contexts';\nimport { IArrivalNightStay, INightStayValidation, useCalendarNightStay, useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport React, { lazy, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport DatePickerMonth from '@/components/generic/date/DatePickerMonth';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport DaysSelectedInformer from '@/components/steps/DaysSelectedInformer';\nimport MinimumNightStayPill from '@/components/steps/MinimumNightStayPill';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport DatePickerTypeFeature from '@/providers/feature/DatePickerTypeFeature';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nimport WeekViewSkeleton from './WeekViewSkeleton';\n\nconst DatePickerWeek = lazy(() => import('@/components/generic/date/DatePickerWeek'));\n\nexport interface DatePickerProps {\n    showMonthOnLoad?: dayjs.Dayjs;\n\n    selectedStartDate?: dayjs.Dayjs;\n    selectedEndDate?: dayjs.Dayjs;\n\n    canSelect?: boolean;\n    // Includes default navigation arrows\n    showArrows?: boolean;\n    // Displays two side by side\n    showMultipleMonths?: boolean;\n\n    // Used for tight spaces\n    small?: boolean;\n\n    // is there support for start / end dates\n    supportsMultiSelecting?: boolean;\n\n    // Do or don't show mininmum night stay block\n    showMinNightStay?: boolean;\n\n    supportsWeek?: boolean;\n\n    onDateClicked?: (date: dayjs.Dayjs) => void;\n    onStartDateChanged?: (date: dayjs.Dayjs) => void;\n\n    // onEndDateChanged is called with a null date when the start date changes\n    onEndDateChanged?: (date: dayjs.Dayjs | null, selectionState?: { validationMinNightStay: number | null; validationMaxNightStay: number | null }) => void;\n\n    readOnly?: boolean; //Set to true to disable all event listeners\n    className?: string;\n\n    /**\n     * Filters availability/calendar results by the provided room code.\n     * If undefined, falls back to the room code from the selected basket row.\n     */\n    roomCode?: string;\n    /**\n     * Filters availability/calendar results by the provided rate code.\n     * If undefined, no rate code filter will be applied.\n     */\n    rateCode?: string;\n}\n\ninterface DatePickerDayObject {\n    value: string;\n    dateObj: dayjs.Dayjs | null;\n    price?: string;\n    hovered: boolean;\n}\n\nenum DateRangePickingState {\n    StartDate = 1,\n    EndDate = 2,\n}\n\n// FIXME: there is a fragile race condition where if when the start date is selected it makes an API call the picker state won't be updated\nexport default function DatePicker(props: DatePickerProps) {\n    const { hotel } = useCurrentHotel();\n    const { memberNumber } = useSignedInMember();\n    const { t } = useTranslation();\n\n    const getInitialMonth = () => props.showMonthOnLoad ?? props.selectedStartDate ?? dayjs();\n    const [currentMonth, setCurrentMonth] = useState(getInitialMonth());\n\n    const [selectedStartDate, setSelectedStartDate] = useState(props.selectedStartDate ?? null);\n    const [selectedEndDate, setSelectedEndDate] = useState(props.selectedEndDate ?? null);\n\n    useEffect(() => {\n        // Sync selectedStartDate when props.selectedStartDate changes\n        setSelectedStartDate(props.selectedStartDate ?? null);\n        // Optionally update the calendar's current month based on the new start date, allows the calendar to jump to a different month if `props.selectedStartDate`  belongs to another month (currently disabled).\n        // setCurrentMonth(getInitialMonth());\n    }, [props.selectedStartDate]);\n\n    useEffect(() => {\n        // Sync selectedEndDate when props.selectedEndDate changes\n        setSelectedEndDate(props.selectedEndDate ?? null);\n    }, [props.selectedEndDate]);\n\n    const [hoveringOverDate, setHoveringOverDate] = useState<Dayjs | null>(null);\n\n    const [pickingState, setPickingState] = useState(DateRangePickingState.StartDate);\n    const [calendarStyle, setCalendarStyle] = useState<'Month' | 'Week'>(hotel?.defaultDatepickerType ? hotel?.defaultDatepickerType : 'Month');\n    useEffect(() => {\n        setCalendarStyle(hotel?.defaultDatepickerType ? hotel?.defaultDatepickerType : 'Month');\n    }, [hotel?.defaultDatepickerType]);\n\n    const [months, setMonths] = useState(props.showMultipleMonths ? [currentMonth, currentMonth.add(1, 'month')] : [currentMonth]);\n    const [maxPrice, setMaxPrice] = useState(0);\n\n    const basketContext = useContext(BasketContext);\n    const { getLastValidDay, getArrivalNightStay } = useCalendarNightStay({ basketContext });\n    const [nightStayValidation, setNightStayValidation] = useState<INightStayValidation>({\n        init: false,\n        arrivalMinNightStay: null,\n        arrivalMaxNightStay: null,\n        validationMinNightStay: null,\n        validationMaxNightStay: null,\n    });\n    const [arrivalNightStay, setArrivalNightStay] = useState<IArrivalNightStay>({\n        arrivalMinNightStay: null,\n        arrivalMaxNightStay: null,\n    });\n\n    const { selectedBasketRow } = basketContext;\n    const roomCode: string = useMemo(() => {\n        return props?.roomCode ?? selectedBasketRow?.getRoomCode() ?? '';\n    }, [props?.roomCode, selectedBasketRow]);\n    const rateCode = useMemo(() => {\n        return props.rateCode || '';\n    }, [props.rateCode]);\n\n    const onClickDate = async (newDate: dayjs.Dayjs) => {\n        let newPickingState: DateRangePickingState | null = null;\n\n        const adults = selectedBasketRow ? selectedBasketRow.getAdults() : 0;\n        const children = selectedBasketRow ? selectedBasketRow.getChildren() : 0;\n        const infants = selectedBasketRow ? selectedBasketRow.getInfants() : 0;\n        const promoCode = selectedBasketRow ? selectedBasketRow.getPromoCode() : '';\n\n        const newDatePrice = await API.Availability.getCheapestPriceForDay(\n            newDate,\n            adults,\n            children,\n            infants,\n            promoCode,\n            roomCode,\n            rateCode,\n            hotel?.hotelID as string,\n            memberNumber,\n            false\n        );\n\n        switch (pickingState) {\n            default:\n            case DateRangePickingState.StartDate:\n                if (newDatePrice?.price || !hotel) {\n                    newPickingState = DateRangePickingState.EndDate;\n\n                    setSelectedStartDate(newDate);\n                    const result = await getArrivalNightStay(newDate, roomCode, rateCode);\n                    setArrivalNightStay(result);\n                    setSelectedEndDate(null);\n                }\n\n                break;\n            case DateRangePickingState.EndDate:\n                if (!newDate) break;\n\n                if (newDate.isBefore(selectedStartDate)) {\n                    setSelectedStartDate(newDate);\n                    newPickingState = DateRangePickingState.EndDate;\n                } else {\n                    const result = await getLastValidDay(selectedStartDate as Dayjs, newDate, roomCode, rateCode);\n                    setNightStayValidation(result.nightStayValidation);\n                    if (!result.isValidNightStay) break;\n\n                    newPickingState = DateRangePickingState.StartDate;\n                    setHoveringOverDate(null);\n\n                    if (newDate.isSame(selectedStartDate)) {\n                        setSelectedEndDate(result.lastValidDay.add(1, 'day'));\n                    } else {\n                        setSelectedEndDate(result.lastValidDay);\n                    }\n                }\n\n                break;\n        }\n\n        if (props.supportsMultiSelecting) {\n            setPickingState(newPickingState as DateRangePickingState);\n        }\n    };\n\n    const onHoveredOverDay = (day: dayjs.Dayjs) => {\n        if (selectedStartDate && !selectedEndDate) {\n            getLastValidDay(selectedStartDate, day, roomCode, rateCode).then((result) => {\n                setNightStayValidation(result.nightStayValidation);\n                setHoveringOverDate(result.lastValidDay);\n            });\n        }\n    };\n\n    const firstUpdate = useRef<HTMLDivElement | null>(null);\n\n    // TODO: Perhaps refactor this later to not depend on non-state items\n    useEffect(() => {\n        if (DatePickerTypeFeature?.isActive() && props.supportsWeek) {\n            setCalendarStyle('Week');\n        }\n    }, [DatePickerTypeFeature?.isActive()]);\n\n    useEffect(() => {\n        if (props.showMonthOnLoad) {\n            setCurrentMonth(props.showMonthOnLoad);\n        }\n    }, [props.showMonthOnLoad]);\n\n    useEffect(() => {\n        if (props.showMultipleMonths) {\n            setMonths([currentMonth, currentMonth.add(1, 'month')]);\n        }\n    }, [currentMonth, props.showMultipleMonths]);\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, {\n                validationMinNightStay: nightStayValidation.validationMinNightStay,\n                validationMaxNightStay: nightStayValidation.validationMaxNightStay,\n            });\n        }\n    }, [selectedEndDate]);\n\n    const nightStayRequirements: string[] = useMemo(() => {\n        const check: {\n            MinNightStayRequired: boolean;\n            MaxNightStayRequired: boolean;\n        } = {\n            MinNightStayRequired: false,\n            MaxNightStayRequired: false,\n        };\n        const options = {\n            minNightStay: arrivalNightStay.arrivalMinNightStay,\n            maxNightStay: arrivalNightStay.arrivalMaxNightStay,\n        };\n        if (selectedStartDate) {\n            if ((arrivalNightStay?.arrivalMinNightStay && !selectedEndDate) || (nightStayValidation?.validationMinNightStay && selectedEndDate)) {\n                check.MinNightStayRequired = true;\n            }\n            if ((arrivalNightStay?.arrivalMaxNightStay && !selectedEndDate) || (nightStayValidation?.validationMaxNightStay && selectedEndDate)) {\n                check.MaxNightStayRequired = true;\n            }\n        }\n        if (check.MinNightStayRequired && check.MaxNightStayRequired) {\n            return [t(Translation.Step.Date.NightStayRequirement.BothMinMaxNightStayRequired, options)];\n        }\n        if (check.MinNightStayRequired) {\n            return [t(Translation.Step.Date.NightStayRequirement.MinNightStayRequired, options)];\n        }\n        if (check.MaxNightStayRequired) {\n            return [t(Translation.Step.Date.NightStayRequirement.MaxNightStayRequired, options)];\n        }\n        return [];\n    }, [selectedStartDate, selectedEndDate, arrivalNightStay, nightStayValidation]);\n\n    const context: IDatePickerContext = {\n        today: dayjs(),\n        todayInUnix: dayjs().unix(),\n        startDate: selectedStartDate,\n        endDate: selectedEndDate,\n\n        hoveredMonth: hoveringOverDate,\n        maxPrice,\n\n        onHoverOver: onHoveredOverDay,\n        currentMonth,\n\n        onDayClicked: (date: dayjs.Dayjs) => {\n            onClickDate(date);\n        },\n        setMaxPrice,\n        arrivalNightStay,\n        nightStayValidation,\n        nightStayRequirements,\n\n        roomCode: roomCode,\n        rateCode: rateCode,\n    };\n\n    const printMonths = useMemo(\n        () => (\n            <>\n                {calendarStyle === 'Month' ? (\n                    <>\n                        <DatePickerMonth small={props.small} showingMonth={currentMonth} readOnly={props.readOnly} />\n                        {props.showMultipleMonths && <DatePickerMonth showingMonth={currentMonth.add(1, 'month')} readOnly={props.readOnly} />}\n                    </>\n                ) : (\n                    <>\n                        <React.Suspense fallback={<WeekViewSkeleton />}>\n                            <DatePickerWeek />\n                        </React.Suspense>\n                    </>\n                )}\n            </>\n        ),\n        [currentMonth, props.showMultipleMonths, calendarStyle, props.readOnly, roomCode]\n    );\n\n    const calendarClassNames = classNames(\n        'diji-calendar',\n        {\n            '--single': !props.showMultipleMonths,\n            '--small': props.small,\n            '--week': calendarStyle === 'Week',\n        },\n        props?.className\n    );\n    const previousMonthOnClick = () => {\n        DataLayer.instance.sendInteraction('Show Previous Month', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCurrentMonth(currentMonth.subtract(1, 'month'));\n    };\n    const nextMonthOnClick = () => {\n        DataLayer.instance.sendInteraction('Show Next Month', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCurrentMonth(currentMonth.add(1, 'month'));\n    };\n    const setCalendarStyleAsMonth = () => {\n        DataLayer.instance.sendInteraction('Set Calendar Style - Month', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCalendarStyle('Month');\n    };\n    const setCalendarStyleAsWeek = () => {\n        DataLayer.instance.sendInteraction('Set Calendar Style - Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCalendarStyle('Week');\n    };\n\n    useEffect(() => {\n        if (props.selectedStartDate && props.selectedEndDate && !nightStayValidation.init) {\n            getLastValidDay(props.selectedStartDate, props.selectedEndDate, roomCode, rateCode).then((result) => {\n                setNightStayValidation(result.nightStayValidation);\n            });\n        }\n    }, [props.selectedStartDate, props.selectedEndDate]);\n\n    useEffect(() => {\n        if (props.selectedStartDate) {\n            getArrivalNightStay(props.selectedStartDate, roomCode, rateCode).then((result) => {\n                setArrivalNightStay(result);\n            });\n        }\n    }, [props.selectedStartDate]);\n\n    return (\n        <DatePickerContext.Provider value={context}>\n            <div ref={firstUpdate} className={calendarClassNames}>\n                {calendarStyle === 'Month' && (\n                    <div className=\"diji-calendar-navigation\">\n                        <Icon icon={IconType.ArrowLeft2} onClick={previousMonthOnClick} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n                        <Icon icon={IconType.ArrowRight2} onClick={nextMonthOnClick} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n                    </div>\n                )}\n                {props.supportsWeek && (\n                    <div className=\"diji-calendar-picker-type\">\n                        <Icon\n                            name=\"Calendar_MothViewButton\"\n                            icon={IconType.ViewMonth}\n                            size=\"32px\"\n                            color={calendarStyle === 'Month' ? Color.Navy : Color.Grey}\n                            onClick={setCalendarStyleAsMonth}\n                        />\n                        <Icon\n                            name=\"Calendar_WeekViewButton\"\n                            icon={IconType.ViewWeek}\n                            size=\"32px\"\n                            color={calendarStyle === 'Week' ? Color.Navy : Color.Grey}\n                            onClick={setCalendarStyleAsWeek}\n                        />\n                    </div>\n                )}\n                {printMonths}\n                {props.showMinNightStay && props.showMultipleMonths && (\n                    <div className=\"diji-calendar--min-night-stay u-flex u-flex-direction-column u-flex-align-center\">\n                        <DaysSelectedInformer />\n                        <MinimumNightStayPill />\n                    </div>\n                )}\n            </div>\n\n            {props.showMinNightStay && !props.showMultipleMonths && (\n                <div className=\"diji-calendar--min-night-stay --small u-flex u-flex-direction-column u-flex-align-center u-marg-top\">\n                    <DaysSelectedInformer />\n                    <MinimumNightStayPill />\n                </div>\n            )}\n        </DatePickerContext.Provider>\n    );\n}\n"]}
+{"version":3,"file":"DatePicker.js","sourceRoot":"/","sources":["src/components/generic/date/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, DatePickerContext, IDatePickerContext } from '@frontend/contexts';\nimport { IArrivalNightStay, INightStayValidation, useCalendarNightStay, useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport React, { lazy, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport CalendarHighlightLegend from '@/components/generic/date/CalendarHighlightLegend/CalendarHighlightLegend';\nimport DatePickerMonth from '@/components/generic/date/DatePickerMonth';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport DaysSelectedInformer from '@/components/steps/DaysSelectedInformer';\nimport MinimumNightStayPill from '@/components/steps/MinimumNightStayPill';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport DatePickerTypeFeature from '@/providers/feature/DatePickerTypeFeature';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nimport WeekViewSkeleton from './WeekViewSkeleton';\n\nconst DatePickerWeek = lazy(() => import('@/components/generic/date/DatePickerWeek'));\n\nexport interface DatePickerProps {\n    showMonthOnLoad?: dayjs.Dayjs;\n\n    selectedStartDate?: dayjs.Dayjs;\n    selectedEndDate?: dayjs.Dayjs;\n\n    canSelect?: boolean;\n    // Includes default navigation arrows\n    showArrows?: boolean;\n    // Displays two side by side\n    showMultipleMonths?: boolean;\n\n    // Used for tight spaces\n    small?: boolean;\n\n    // is there support for start / end dates\n    supportsMultiSelecting?: boolean;\n\n    // Do or don't show mininmum night stay block\n    showMinNightStay?: boolean;\n\n    supportsWeek?: boolean;\n\n    onDateClicked?: (date: dayjs.Dayjs) => void;\n    onStartDateChanged?: (date: dayjs.Dayjs) => void;\n\n    // onEndDateChanged is called with a null date when the start date changes\n    onEndDateChanged?: (date: dayjs.Dayjs | null, selectionState?: { validationMinNightStay: number | null; validationMaxNightStay: number | null }) => void;\n\n    readOnly?: boolean; //Set to true to disable all event listeners\n    className?: string;\n\n    /**\n     * Filters availability/calendar results by the provided room code.\n     * If undefined, falls back to the room code from the selected basket row.\n     */\n    roomCode?: string;\n    /**\n     * Filters availability/calendar results by the provided rate code.\n     * If undefined, no rate code filter will be applied.\n     */\n    rateCode?: string;\n}\n\ninterface DatePickerDayObject {\n    value: string;\n    dateObj: dayjs.Dayjs | null;\n    price?: string;\n    hovered: boolean;\n}\n\nenum DateRangePickingState {\n    StartDate = 1,\n    EndDate = 2,\n}\n\n// FIXME: there is a fragile race condition where if when the start date is selected it makes an API call the picker state won't be updated\nexport default function DatePicker(props: DatePickerProps) {\n    const { hotel } = useCurrentHotel();\n    const { memberNumber } = useSignedInMember();\n    const { t } = useTranslation();\n\n    const getInitialMonth = () => props.showMonthOnLoad ?? props.selectedStartDate ?? dayjs();\n    const [currentMonth, setCurrentMonth] = useState(getInitialMonth());\n\n    const [selectedStartDate, setSelectedStartDate] = useState(props.selectedStartDate ?? null);\n    const [selectedEndDate, setSelectedEndDate] = useState(props.selectedEndDate ?? null);\n\n    useEffect(() => {\n        // Sync selectedStartDate when props.selectedStartDate changes\n        setSelectedStartDate(props.selectedStartDate ?? null);\n        // Optionally update the calendar's current month based on the new start date, allows the calendar to jump to a different month if `props.selectedStartDate`  belongs to another month (currently disabled).\n        // setCurrentMonth(getInitialMonth());\n    }, [props.selectedStartDate]);\n\n    useEffect(() => {\n        // Sync selectedEndDate when props.selectedEndDate changes\n        setSelectedEndDate(props.selectedEndDate ?? null);\n    }, [props.selectedEndDate]);\n\n    const [hoveringOverDate, setHoveringOverDate] = useState<Dayjs | null>(null);\n\n    const [pickingState, setPickingState] = useState(DateRangePickingState.StartDate);\n    const [calendarStyle, setCalendarStyle] = useState<'Month' | 'Week'>(hotel?.defaultDatepickerType ? hotel?.defaultDatepickerType : 'Month');\n    useEffect(() => {\n        setCalendarStyle(hotel?.defaultDatepickerType ? hotel?.defaultDatepickerType : 'Month');\n    }, [hotel?.defaultDatepickerType]);\n\n    const [months, setMonths] = useState(props.showMultipleMonths ? [currentMonth, currentMonth.add(1, 'month')] : [currentMonth]);\n    const [maxPrice, setMaxPrice] = useState(0);\n\n    const basketContext = useContext(BasketContext);\n    const { getLastValidDay, getArrivalNightStay } = useCalendarNightStay({ basketContext });\n    const [nightStayValidation, setNightStayValidation] = useState<INightStayValidation>({\n        init: false,\n        arrivalMinNightStay: null,\n        arrivalMaxNightStay: null,\n        validationMinNightStay: null,\n        validationMaxNightStay: null,\n    });\n    const [arrivalNightStay, setArrivalNightStay] = useState<IArrivalNightStay>({\n        arrivalMinNightStay: null,\n        arrivalMaxNightStay: null,\n    });\n\n    const { selectedBasketRow } = basketContext;\n    const roomCode: string = useMemo(() => {\n        return props?.roomCode ?? selectedBasketRow?.getRoomCode() ?? '';\n    }, [props?.roomCode, selectedBasketRow]);\n    const rateCode = useMemo(() => {\n        return props.rateCode || '';\n    }, [props.rateCode]);\n\n    const onClickDate = async (newDate: dayjs.Dayjs) => {\n        let newPickingState: DateRangePickingState | null = null;\n\n        const adults = selectedBasketRow ? selectedBasketRow.getAdults() : 0;\n        const children = selectedBasketRow ? selectedBasketRow.getChildren() : 0;\n        const infants = selectedBasketRow ? selectedBasketRow.getInfants() : 0;\n        const promoCode = selectedBasketRow ? selectedBasketRow.getPromoCode() : '';\n\n        const newDatePrice = await API.Availability.getCheapestPriceForDay(\n            newDate,\n            adults,\n            children,\n            infants,\n            promoCode,\n            roomCode,\n            rateCode,\n            hotel?.hotelID as string,\n            memberNumber,\n            false\n        );\n\n        switch (pickingState) {\n            default:\n            case DateRangePickingState.StartDate:\n                if (newDatePrice?.price || !hotel) {\n                    newPickingState = DateRangePickingState.EndDate;\n\n                    setSelectedStartDate(newDate);\n                    const result = await getArrivalNightStay(newDate, roomCode, rateCode);\n                    setArrivalNightStay(result);\n                    setSelectedEndDate(null);\n                }\n\n                break;\n            case DateRangePickingState.EndDate:\n                if (!newDate) break;\n\n                if (newDate.isBefore(selectedStartDate)) {\n                    setSelectedStartDate(newDate);\n                    newPickingState = DateRangePickingState.EndDate;\n                } else {\n                    const result = await getLastValidDay(selectedStartDate as Dayjs, newDate, roomCode, rateCode);\n                    setNightStayValidation(result.nightStayValidation);\n                    if (!result.isValidNightStay) break;\n\n                    newPickingState = DateRangePickingState.StartDate;\n                    setHoveringOverDate(null);\n\n                    if (newDate.isSame(selectedStartDate)) {\n                        setSelectedEndDate(result.lastValidDay.add(1, 'day'));\n                    } else {\n                        setSelectedEndDate(result.lastValidDay);\n                    }\n                }\n\n                break;\n        }\n\n        if (props.supportsMultiSelecting) {\n            setPickingState(newPickingState as DateRangePickingState);\n        }\n    };\n\n    const onHoveredOverDay = (day: dayjs.Dayjs) => {\n        if (selectedStartDate && !selectedEndDate) {\n            getLastValidDay(selectedStartDate, day, roomCode, rateCode).then((result) => {\n                setNightStayValidation(result.nightStayValidation);\n                setHoveringOverDate(result.lastValidDay);\n            });\n        }\n    };\n\n    const firstUpdate = useRef<HTMLDivElement | null>(null);\n\n    // TODO: Perhaps refactor this later to not depend on non-state items\n    useEffect(() => {\n        if (DatePickerTypeFeature?.isActive() && props.supportsWeek) {\n            setCalendarStyle('Week');\n        }\n    }, [DatePickerTypeFeature?.isActive()]);\n\n    useEffect(() => {\n        if (props.showMonthOnLoad) {\n            setCurrentMonth(props.showMonthOnLoad);\n        }\n    }, [props.showMonthOnLoad]);\n\n    useEffect(() => {\n        if (props.showMultipleMonths) {\n            setMonths([currentMonth, currentMonth.add(1, 'month')]);\n        }\n    }, [currentMonth, props.showMultipleMonths]);\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, {\n                validationMinNightStay: nightStayValidation.validationMinNightStay,\n                validationMaxNightStay: nightStayValidation.validationMaxNightStay,\n            });\n        }\n    }, [selectedEndDate]);\n\n    const nightStayRequirements: string[] = useMemo(() => {\n        const check: {\n            MinNightStayRequired: boolean;\n            MaxNightStayRequired: boolean;\n        } = {\n            MinNightStayRequired: false,\n            MaxNightStayRequired: false,\n        };\n        const options = {\n            minNightStay: arrivalNightStay.arrivalMinNightStay,\n            maxNightStay: arrivalNightStay.arrivalMaxNightStay,\n        };\n        if (selectedStartDate) {\n            if ((arrivalNightStay?.arrivalMinNightStay && !selectedEndDate) || (nightStayValidation?.validationMinNightStay && selectedEndDate)) {\n                check.MinNightStayRequired = true;\n            }\n            if ((arrivalNightStay?.arrivalMaxNightStay && !selectedEndDate) || (nightStayValidation?.validationMaxNightStay && selectedEndDate)) {\n                check.MaxNightStayRequired = true;\n            }\n        }\n        if (check.MinNightStayRequired && check.MaxNightStayRequired) {\n            return [t(Translation.Step.Date.NightStayRequirement.BothMinMaxNightStayRequired, options)];\n        }\n        if (check.MinNightStayRequired) {\n            return [t(Translation.Step.Date.NightStayRequirement.MinNightStayRequired, options)];\n        }\n        if (check.MaxNightStayRequired) {\n            return [t(Translation.Step.Date.NightStayRequirement.MaxNightStayRequired, options)];\n        }\n        return [];\n    }, [selectedStartDate, selectedEndDate, arrivalNightStay, nightStayValidation]);\n\n    const context: IDatePickerContext = {\n        today: dayjs(),\n        todayInUnix: dayjs().unix(),\n        startDate: selectedStartDate,\n        endDate: selectedEndDate,\n\n        hoveredMonth: hoveringOverDate,\n        maxPrice,\n\n        onHoverOver: onHoveredOverDay,\n        currentMonth,\n\n        onDayClicked: (date: dayjs.Dayjs) => {\n            onClickDate(date);\n        },\n        setMaxPrice,\n        arrivalNightStay,\n        nightStayValidation,\n        nightStayRequirements,\n\n        roomCode: roomCode,\n        rateCode: rateCode,\n    };\n\n    const printMonths = useMemo(\n        () => (\n            <>\n                {calendarStyle === 'Month' ? (\n                    <>\n                        <DatePickerMonth small={props.small} showingMonth={currentMonth} readOnly={props.readOnly} />\n                        {props.showMultipleMonths && <DatePickerMonth showingMonth={currentMonth.add(1, 'month')} readOnly={props.readOnly} />}\n                    </>\n                ) : (\n                    <>\n                        <React.Suspense fallback={<WeekViewSkeleton />}>\n                            <DatePickerWeek />\n                        </React.Suspense>\n                    </>\n                )}\n            </>\n        ),\n        [currentMonth, props.showMultipleMonths, calendarStyle, props.readOnly, roomCode]\n    );\n\n    const calendarClassNames = classNames(\n        'diji-calendar',\n        {\n            '--single': !props.showMultipleMonths,\n            '--small': props.small,\n            '--week': calendarStyle === 'Week',\n        },\n        props?.className\n    );\n    const previousMonthOnClick = () => {\n        DataLayer.instance.sendInteraction('Show Previous Month', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCurrentMonth(currentMonth.subtract(1, 'month'));\n    };\n    const nextMonthOnClick = () => {\n        DataLayer.instance.sendInteraction('Show Next Month', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCurrentMonth(currentMonth.add(1, 'month'));\n    };\n    const setCalendarStyleAsMonth = () => {\n        DataLayer.instance.sendInteraction('Set Calendar Style - Month', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCalendarStyle('Month');\n    };\n    const setCalendarStyleAsWeek = () => {\n        DataLayer.instance.sendInteraction('Set Calendar Style - Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setCalendarStyle('Week');\n    };\n\n    useEffect(() => {\n        if (props.selectedStartDate && props.selectedEndDate && !nightStayValidation.init) {\n            getLastValidDay(props.selectedStartDate, props.selectedEndDate, roomCode, rateCode).then((result) => {\n                setNightStayValidation(result.nightStayValidation);\n            });\n        }\n    }, [props.selectedStartDate, props.selectedEndDate]);\n\n    useEffect(() => {\n        if (props.selectedStartDate) {\n            getArrivalNightStay(props.selectedStartDate, roomCode, rateCode).then((result) => {\n                setArrivalNightStay(result);\n            });\n        }\n    }, [props.selectedStartDate]);\n\n    return (\n        <DatePickerContext.Provider value={context}>\n            <div ref={firstUpdate} className={calendarClassNames}>\n                {calendarStyle === 'Month' && (\n                    <div className=\"diji-calendar-navigation\">\n                        <Icon icon={IconType.ArrowLeft2} onClick={previousMonthOnClick} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n                        <Icon icon={IconType.ArrowRight2} onClick={nextMonthOnClick} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n                    </div>\n                )}\n                {props.supportsWeek && (\n                    <div className=\"diji-calendar-picker-type\">\n                        <Icon\n                            name=\"Calendar_MothViewButton\"\n                            icon={IconType.ViewMonth}\n                            size=\"32px\"\n                            color={calendarStyle === 'Month' ? Color.Navy : Color.Grey}\n                            onClick={setCalendarStyleAsMonth}\n                        />\n                        <Icon\n                            name=\"Calendar_WeekViewButton\"\n                            icon={IconType.ViewWeek}\n                            size=\"32px\"\n                            color={calendarStyle === 'Week' ? Color.Navy : Color.Grey}\n                            onClick={setCalendarStyleAsWeek}\n                        />\n                    </div>\n                )}\n                {printMonths}\n                {props.showMinNightStay && props.showMultipleMonths && (\n                    <div className=\"diji-calendar--min-night-stay u-flex u-flex-direction-column u-flex-align-center\">\n                        <DaysSelectedInformer />\n                        <MinimumNightStayPill />\n                        <CalendarHighlightLegend showMultipleMonths={props.showMultipleMonths} />\n                    </div>\n                )}\n            </div>\n\n            {props.showMinNightStay && !props.showMultipleMonths && (\n                <div className=\"diji-calendar--min-night-stay --small u-flex u-flex-direction-column u-flex-align-center u-marg-top\">\n                    <DaysSelectedInformer />\n                    <MinimumNightStayPill />\n                    <CalendarHighlightLegend showMultipleMonths={props.showMultipleMonths} />\n                </div>\n            )}\n        </DatePickerContext.Provider>\n    );\n}\n"]}