@roomstay/frontend 2.1.0 → 2.1.2

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

@@ -1 +1 @@
-{"version":3,"file":"BookingWizardContent.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport dayjs from 'dayjs';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport BEButton from '../BEButton';\nimport styles from './BookingWizard.module.scss';\nimport { BookingWizardContext, BookingWizardOnBooking } from './BookingWizardContext';\nimport { BookingWizardDateSelector } from './BookingWizardDateSelector/BookingWizardDateSelector';\nimport { BookingWizardGuestSelector } from './BookingWizardGuestSelector/BookingWizardGuestSelector';\nimport { BookingWizardHotelSelector } from './BookingWizardHotelSelector/BookingWizardHotelSelector';\n\nimport 'react-spring-bottom-sheet/dist/style.css';\nimport { BookingWizardProperty } from 'models/BookingWizard/BookingWizardProperty';\nimport { TBookingWizardProperties } from 'models/BookingWizard/BookingWizardTypes';\nimport RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\n\nexport interface BookingWizardContentProps {\n    defaultColors: BookingWizardProperty['colors'];\n    properties: TBookingWizardProperties;\n    selectedProperty?: BookingWizardProperty;\n}\n\nexport const BookingWizardContent: React.FC<BookingWizardContentProps> = ({ properties, selectedProperty: defaultProperty, defaultColors }) => {\n    const bwContext = useContext(BookingWizardContext);\n\n    const [checkInDate, setCheckInDate] = useState<dayjs.Dayjs | null>(dayjs());\n    const [checkOutDate, setCheckOutDate] = useState<dayjs.Dayjs | null>(dayjs().add(1, 'days'));\n    const [adults, setAdults] = useState<number>(1);\n    const [children, setChildren] = useState<number>(0);\n    const [room, setRoom] = useState<number>(1);\n    const [selectedProperty, setSelectedProperty] = useState<BookingWizardProperty>(defaultProperty);\n\n    useEffect(() => {\n        if (selectedProperty?.colors) {\n            RoomstayThemeEngine.changeTheme(selectedProperty.colors);\n        } else if (defaultColors) {\n            RoomstayThemeEngine.changeTheme(defaultColors);\n        }\n    }, [selectedProperty]);\n\n    const setGuest = (guests: BookingWizardOnBooking['guests']) => {\n        setAdults(guests.adults);\n        setChildren(guests.children);\n        setRoom(guests.room);\n    };\n\n    const setDate = (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => {\n        setCheckInDate(startDate);\n        setCheckOutDate(endDate);\n    };\n\n    const isValid = () => {\n        if (!selectedProperty) return false;\n        if (!checkInDate) return false;\n        if (!checkOutDate) return false;\n        if (adults + children <= 0) return false;\n\n        return true;\n    };\n\n    const _onSubmit = () => {\n        if (!isValid()) return false;\n\n        // After passing validation, we pass the function up the chain for the engine\n        // Implementor to decide where the user should be redirected to\n        // This is to give the hotel team a chance to add tracking, or modify the request on their end.\n        bwContext.onSubmit?.({\n            id: selectedProperty?.id,\n            checkIn: checkInDate,\n            checkout: checkOutDate,\n            guests: {\n                adults,\n                children,\n                room,\n            },\n        });\n    };\n\n    return (\n        <div\n            className={classNames(styles.content, styles[`--${bwContext.layout}`], {\n                [styles['--vertical']]: bwContext.layout === 'button',\n                [styles.inline]: bwContext.type === 'inline',\n            })}\n        >\n            <>\n                <div className={styles.item}>\n                    <label className={styles.label}>Choose hotel</label>\n                    <BookingWizardHotelSelector onChange={setSelectedProperty} properties={properties} selectedProperty={selectedProperty} />\n                </div>\n                <div className={styles.divider} />\n            </>\n            <BookingWizardDateSelector onChange={setDate} />\n\n            <div className={styles.divider} />\n            <div className={styles.item}>\n                <label className={styles.label}>Guests</label>\n                <BookingWizardGuestSelector onChange={setGuest} />\n            </div>\n            <div className={styles.action}>\n                <BEButton disabled={!isValid()} className={styles.bookNowBtn} onClick={_onSubmit}>\n                    Book Now\n                </BEButton>\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"BookingWizardContent.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport dayjs from 'dayjs';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport BEButton from '../BEButton';\nimport styles from './BookingWizard.module.scss';\nimport { BookingWizardContext, BookingWizardOnBooking } from './BookingWizardContext';\nimport { BookingWizardDateSelector } from './BookingWizardDateSelector/BookingWizardDateSelector';\nimport { BookingWizardGuestSelector } from './BookingWizardGuestSelector/BookingWizardGuestSelector';\nimport { BookingWizardHotelSelector } from './BookingWizardHotelSelector/BookingWizardHotelSelector';\n\nimport 'react-spring-bottom-sheet/dist/style.css';\nimport { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\nexport interface BookingWizardContentProps {\n    defaultColors: BookingWizardProperty['colors'];\n    properties: TBookingWizardProperties;\n    selectedProperty?: BookingWizardProperty;\n}\n\nexport const BookingWizardContent: React.FC<BookingWizardContentProps> = ({ properties, selectedProperty: defaultProperty, defaultColors }) => {\n    const bwContext = useContext(BookingWizardContext);\n\n    const [checkInDate, setCheckInDate] = useState<dayjs.Dayjs | null>(dayjs());\n    const [checkOutDate, setCheckOutDate] = useState<dayjs.Dayjs | null>(dayjs().add(1, 'days'));\n    const [adults, setAdults] = useState<number>(1);\n    const [children, setChildren] = useState<number>(0);\n    const [room, setRoom] = useState<number>(1);\n    const [selectedProperty, setSelectedProperty] = useState<BookingWizardProperty>(defaultProperty);\n\n    useEffect(() => {\n        if (selectedProperty?.colors) {\n            RoomstayThemeEngine.changeTheme(selectedProperty.colors);\n        } else if (defaultColors) {\n            RoomstayThemeEngine.changeTheme(defaultColors);\n        }\n    }, [selectedProperty]);\n\n    const setGuest = (guests: BookingWizardOnBooking['guests']) => {\n        setAdults(guests.adults);\n        setChildren(guests.children);\n        setRoom(guests.room);\n    };\n\n    const setDate = (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => {\n        setCheckInDate(startDate);\n        setCheckOutDate(endDate);\n    };\n\n    const isValid = () => {\n        if (!selectedProperty) return false;\n        if (!checkInDate) return false;\n        if (!checkOutDate) return false;\n        if (adults + children <= 0) return false;\n\n        return true;\n    };\n\n    const _onSubmit = () => {\n        if (!isValid()) return false;\n\n        // After passing validation, we pass the function up the chain for the engine\n        // Implementor to decide where the user should be redirected to\n        // This is to give the hotel team a chance to add tracking, or modify the request on their end.\n        bwContext.onSubmit?.({\n            id: selectedProperty?.id,\n            checkIn: checkInDate,\n            checkout: checkOutDate,\n            guests: {\n                adults,\n                children,\n                room,\n            },\n        });\n    };\n\n    return (\n        <div\n            className={classNames(styles.content, styles[`--${bwContext.layout}`], {\n                [styles['--vertical']]: bwContext.layout === 'button',\n                [styles.inline]: bwContext.type === 'inline',\n            })}\n        >\n            <>\n                <div className={styles.item}>\n                    <label className={styles.label}>Choose hotel</label>\n                    <BookingWizardHotelSelector onChange={setSelectedProperty} properties={properties} selectedProperty={selectedProperty} />\n                </div>\n                <div className={styles.divider} />\n            </>\n            <BookingWizardDateSelector onChange={setDate} />\n\n            <div className={styles.divider} />\n            <div className={styles.item}>\n                <label className={styles.label}>Guests</label>\n                <BookingWizardGuestSelector onChange={setGuest} />\n            </div>\n            <div className={styles.action}>\n                <BEButton disabled={!isValid()} className={styles.bookNowBtn} onClick={_onSubmit}>\n                    Book Now\n                </BEButton>\n            </div>\n        </div>\n    );\n};\n"]}

package/dist/src/components/generic/BookingWizard/BookingWizardContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { Placement } from '@popperjs/core';
 import * as dayjs from 'dayjs';
-import type ColorProfile from 'models/Client/Hotel/ColorProfile';
+import type ColorProfile from '../../../../models/Client/Hotel/ColorProfile';
 import { EBookingWizardTheme } from './BookingWizard';
 export type BookingWizardLayout = 'vertical' | 'horizontal' | 'button';
 export type BookingWizardOverlayType = 'popup' | 'inline' | 'bottom-sheet';

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

@@ -1 +1 @@
-{"version":3,"file":"BookingWizardContext.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardContext.ts"],"names":[],"mappings":";;;AAGA,iCAAkD;AAoCrC,QAAA,oBAAoB,GAAG,IAAA,qBAAa,EAA2B,IAAI,CAAC,CAAC;AAE3E,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,4BAAoB,CAAC,CAAC;AAA1D,QAAA,gBAAgB,oBAA0C","sourcesContent":["import type { Placement } from '@popperjs/core';\nimport * as dayjs from 'dayjs';\nimport type ColorProfile from 'models/Client/Hotel/ColorProfile';\nimport { createContext, useContext } from 'react';\nimport { EBookingWizardTheme } from './BookingWizard';\n\nexport type BookingWizardLayout = 'vertical' | 'horizontal' | 'button';\nexport type BookingWizardOverlayType = 'popup' | 'inline' | 'bottom-sheet';\nexport type BookingWizardTheme = EBookingWizardTheme;\n\nexport interface BookingWizardOnBooking {\n    id: string;\n    checkIn: dayjs.Dayjs;\n    checkout: dayjs.Dayjs;\n    guests: {\n        adults: number;\n        children: number;\n        room: number;\n    };\n}\n\nexport interface BookingWizardContextType {\n    layout: BookingWizardLayout;\n    type: BookingWizardOverlayType;\n    theme: BookingWizardTheme;\n    className?: string;\n    style?: any;\n    color?: ColorProfile;\n\n    onSubmit?: (result: BookingWizardOnBooking) => void;\n\n    overlay?: {\n        offset?: [number, number];\n        placement?: Placement;\n        fallbackPlacements?: Placement;\n        dateOffset?: [number, number];\n    };\n}\n\nexport const BookingWizardContext = createContext<BookingWizardContextType>(null);\n\nexport const useBookingWizard = () => useContext(BookingWizardContext);\n"]}
+{"version":3,"file":"BookingWizardContext.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardContext.ts"],"names":[],"mappings":";;;AAGA,iCAAkD;AAoCrC,QAAA,oBAAoB,GAAG,IAAA,qBAAa,EAA2B,IAAI,CAAC,CAAC;AAE3E,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,4BAAoB,CAAC,CAAC;AAA1D,QAAA,gBAAgB,oBAA0C","sourcesContent":["import type { Placement } from '@popperjs/core';\nimport * as dayjs from 'dayjs';\nimport type ColorProfile from '@/models/Client/Hotel/ColorProfile';\nimport { createContext, useContext } from 'react';\nimport { EBookingWizardTheme } from './BookingWizard';\n\nexport type BookingWizardLayout = 'vertical' | 'horizontal' | 'button';\nexport type BookingWizardOverlayType = 'popup' | 'inline' | 'bottom-sheet';\nexport type BookingWizardTheme = EBookingWizardTheme;\n\nexport interface BookingWizardOnBooking {\n    id: string;\n    checkIn: dayjs.Dayjs;\n    checkout: dayjs.Dayjs;\n    guests: {\n        adults: number;\n        children: number;\n        room: number;\n    };\n}\n\nexport interface BookingWizardContextType {\n    layout: BookingWizardLayout;\n    type: BookingWizardOverlayType;\n    theme: BookingWizardTheme;\n    className?: string;\n    style?: any;\n    color?: ColorProfile;\n\n    onSubmit?: (result: BookingWizardOnBooking) => void;\n\n    overlay?: {\n        offset?: [number, number];\n        placement?: Placement;\n        fallbackPlacements?: Placement;\n        dateOffset?: [number, number];\n    };\n}\n\nexport const BookingWizardContext = createContext<BookingWizardContextType>(null);\n\nexport const useBookingWizard = () => useContext(BookingWizardContext);\n"]}

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

@@ -31,10 +31,10 @@ const classnames_1 = __importDefault(require("classnames"));
 const dayjs_1 = __importDefault(require("dayjs"));
 const react_1 = __importStar(require("react"));
 const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const DateRangePicker_1 = __importDefault(require("components/generic/DateRangePicker/DateRangePicker"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const WindowSize_1 = require("hooks/WindowSize");
+const BEButton_1 = __importDefault(require("../../../../../components/generic/BEButton"));
+const DateRangePicker_1 = __importDefault(require("../../../../../components/generic/DateRangePicker/DateRangePicker"));
+const Icon_1 = __importStar(require("../../../../../components/generic/Icon/Icon"));
+const WindowSize_1 = require("../../../../../hooks/WindowSize");
 const FloatingDateRangePicker_1 = __importDefault(require("../../DateRangePicker/FloatingDateRangePicker"));
 const Text_1 = __importDefault(require("../../Text"));
 const BookingWizard_module_scss_1 = __importDefault(require("../BookingWizard.module.scss"));

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

@@ -1 +1 @@
-{"version":3,"file":"BookingWizardDateSelector.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardDateSelector/BookingWizardDateSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport dayjs from 'dayjs';\nimport React, { useState } from 'react';\n\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport BEButton from 'components/generic/BEButton';\nimport DateRangePicker from 'components/generic/DateRangePicker/DateRangePicker';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { useWindowSize } from 'hooks/WindowSize';\nimport FloatingDateRangePicker, { FloatingDateRangePickerHandle } from '../../DateRangePicker/FloatingDateRangePicker';\nimport Text from '../../Text';\nimport bookingWizardStyles from '../BookingWizard.module.scss';\nimport BookingWizardBottomSheet from '../BookingWizardBottomSheet/BookingWizardBottomSheet';\nimport { useBookingWizard } from '../BookingWizardContext';\nimport styles from './BookingWizardDateSelector.module.scss';\nimport { EBookingWizardTheme } from '../BookingWizard';\n\nexport interface BookingWizardDateSelectorProps {\n    open?: boolean;\n    onChange?: (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => void;\n}\n\nexport const BookingWizardDateSelector: React.FC<BookingWizardDateSelectorProps> = (props) => {\n    const { onChange } = props;\n\n    const { overlay, theme, layout, type: overlayType } = useBookingWizard();\n\n    const checkOutDatePickerRef = React.useRef<FloatingDateRangePickerHandle>(null);\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(dayjs());\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(dayjs().add(1, 'days'));\n    const [selectingStartDate, setSelectingStartDate] = useState<dayjs.Dayjs | null>(startDate);\n    const [selectingSEndDate, setSelectingEndDate] = useState<dayjs.Dayjs | null>(endDate);\n    const [isOpen, setIsOpen] = useState(false);\n    const [checkInWrapperRef, setCheckInWrapperRef] = React.useState(null);\n\n    const { isMobile } = useWindowSize();\n\n    let RowWrapper: any = React.Fragment;\n    const rowWrapperProps = {} as any;\n    if (layout === 'button' || isMobile) {\n        RowWrapper = 'div';\n        rowWrapperProps.className = bookingWizardStyles.itemGroup;\n        rowWrapperProps.ref = (ref: any) => {\n            if (layout === 'button') {\n                setCheckInWrapperRef(ref);\n            }\n        };\n    }\n\n    const setDate = (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => {\n        setStartDate(startDate);\n        setEndDate(endDate);\n    };\n\n    const _onCheckoutDateChange = (newEndDate: dayjs.Dayjs) => {\n        if (props.onChange && onChange) {\n            props.onChange(startDate, newEndDate);\n        }\n\n        setEndDate(newEndDate);\n        if (newEndDate) {\n            setIsOpen(false);\n        }\n    };\n\n    const _toggleInlineDatePicker = () => {\n        checkOutDatePickerRef?.current?.toggle();\n        setIsOpen(!isOpen);\n    };\n\n    const _checkInDate = (date?: dayjs.Dayjs, disabledClass?: boolean) => {\n        return (\n            <div className={disabledClass ? '' : bookingWizardStyles.item} onClick={_toggleInlineDatePicker}>\n                <label className={styles.label}>Check-in</label>\n                <Text className={styles.date}>{date?.format('MMM DD') || '-'}</Text>\n            </div>\n        );\n    };\n\n    const _checkOutDate = (date?: dayjs.Dayjs) => {\n        return (\n            <div className={bookingWizardStyles.item} onClick={_toggleInlineDatePicker}>\n                <label className={styles.label}>Check-out</label>\n                <Text className={styles.date}>{date?.format('MMM DD') || '-'}</Text>\n            </div>\n        );\n    };\n\n    const _combineDates = (checkIn?: dayjs.Dayjs, checkOut?: dayjs.Dayjs) => {\n        return (\n            <div onClick={_toggleInlineDatePicker}>\n                <label className={styles.label}>Dates</label>\n                <Text className={styles.date}>{`${checkIn?.format('MMM DD') || ''} - ${checkOut?.format('MMM DD') || ''}`}</Text>\n            </div>\n        );\n    };\n\n    const showMultipleMonths = layout === 'horizontal' && !isMobile;\n\n    if (overlayType === 'inline') {\n        return (\n            <div className={classNames(styles.container, { [styles['--open']]: isOpen })}>\n                <RowWrapper {...rowWrapperProps}>\n                    {_checkInDate(startDate)}\n                    <div className={bookingWizardStyles.divider} />\n                    {_checkOutDate(endDate)}\n                </RowWrapper>\n                <div className={styles['inline-container']}>\n                    <AutoAutoHeight open={isOpen}>\n                        <div className={styles['inline-box']}>\n                            <DateRangePicker\n                                selectedStartDate={startDate}\n                                selectedEndDate={endDate}\n                                onStartDateChanged={setStartDate}\n                                onEndDateChanged={_onCheckoutDateChange}\n                                theme={theme}\n                            />\n                        </div>\n                    </AutoAutoHeight>\n                </div>\n            </div>\n        );\n    }\n\n    if (overlayType === 'bottom-sheet') {\n        return (\n            <>\n                <RowWrapper {...rowWrapperProps}>\n                    {!isMobile && layout === 'horizontal' ? (\n                        <div className={bookingWizardStyles.item}>{_combineDates(startDate, endDate)}</div>\n                    ) : (\n                        <>\n                            {_checkInDate(startDate)}\n                            <div className={bookingWizardStyles.divider} />\n                            {_checkOutDate(endDate)}\n                        </>\n                    )}\n                </RowWrapper>\n                <BookingWizardBottomSheet\n                    className={classNames(styles.container, styles['bottom-sheet-container'])}\n                    open={isOpen}\n                    onDismiss={() => setIsOpen(false)}\n                    header={\n                        <div className={styles.header}>\n                            <Text>Choose dates</Text> <Icon icon={IconType.Close} onClick={() => setIsOpen(false)} />\n                        </div>\n                    }\n                >\n                    <div className={styles['bottom-sheet-container-box']}>\n                        <DateRangePicker\n                            selectedStartDate={startDate}\n                            selectedEndDate={endDate}\n                            onStartDateChanged={setSelectingStartDate}\n                            onEndDateChanged={setSelectingEndDate}\n                            theme={theme}\n                        />\n                        <BEButton\n                            wide\n                            className={styles.applyBtn}\n                            primary={true}\n                            filled={true}\n                            onClick={() => {\n                                setStartDate(selectingStartDate);\n                                setEndDate(selectingSEndDate);\n                                setIsOpen(false);\n                            }}\n                        >\n                            Apply\n                        </BEButton>\n                    </div>\n                </BookingWizardBottomSheet>\n            </>\n        );\n    }\n\n    if (layout === 'horizontal' && theme === EBookingWizardTheme.Specific && !isMobile) {\n        return (\n            <RowWrapper {...rowWrapperProps}>\n                <FloatingDateRangePicker\n                    ref={checkOutDatePickerRef}\n                    container={checkInWrapperRef}\n                    startDate={startDate}\n                    endDate={endDate}\n                    selectedDateChanged={setDate}\n                    overlayOffset={overlay?.dateOffset}\n                    className={bookingWizardStyles.item}\n                    theme={theme}\n                    showMultipleMonths={showMultipleMonths}\n                    overlay={{\n                        placement: overlay?.placement,\n                        fallbackPlacements: overlay?.fallbackPlacements,\n                    }}\n                >\n                    {_combineDates(startDate, endDate)}\n                </FloatingDateRangePicker>\n            </RowWrapper>\n        );\n    }\n\n    return (\n        <RowWrapper {...rowWrapperProps}>\n            <FloatingDateRangePicker\n                ref={checkOutDatePickerRef}\n                container={checkInWrapperRef}\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={setDate}\n                overlayOffset={overlay?.dateOffset}\n                theme={theme}\n                showMultipleMonths={showMultipleMonths}\n                className={bookingWizardStyles.item}\n                overlay={{\n                    placement: overlay?.placement,\n                    fallbackPlacements: overlay?.fallbackPlacements,\n                }}\n            >\n                {_checkInDate(startDate, true)}\n            </FloatingDateRangePicker>\n            <div className={layout !== 'button' && !isMobile ? bookingWizardStyles.divider : ''} />\n            {_checkOutDate(endDate)}\n        </RowWrapper>\n    );\n};\n"]}
+{"version":3,"file":"BookingWizardDateSelector.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardDateSelector/BookingWizardDateSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport dayjs from 'dayjs';\nimport React, { useState } from 'react';\n\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport BEButton from '@/components/generic/BEButton';\nimport DateRangePicker from '@/components/generic/DateRangePicker/DateRangePicker';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport FloatingDateRangePicker, { FloatingDateRangePickerHandle } from '../../DateRangePicker/FloatingDateRangePicker';\nimport Text from '../../Text';\nimport bookingWizardStyles from '../BookingWizard.module.scss';\nimport BookingWizardBottomSheet from '../BookingWizardBottomSheet/BookingWizardBottomSheet';\nimport { useBookingWizard } from '../BookingWizardContext';\nimport styles from './BookingWizardDateSelector.module.scss';\nimport { EBookingWizardTheme } from '../BookingWizard';\n\nexport interface BookingWizardDateSelectorProps {\n    open?: boolean;\n    onChange?: (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => void;\n}\n\nexport const BookingWizardDateSelector: React.FC<BookingWizardDateSelectorProps> = (props) => {\n    const { onChange } = props;\n\n    const { overlay, theme, layout, type: overlayType } = useBookingWizard();\n\n    const checkOutDatePickerRef = React.useRef<FloatingDateRangePickerHandle>(null);\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(dayjs());\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(dayjs().add(1, 'days'));\n    const [selectingStartDate, setSelectingStartDate] = useState<dayjs.Dayjs | null>(startDate);\n    const [selectingSEndDate, setSelectingEndDate] = useState<dayjs.Dayjs | null>(endDate);\n    const [isOpen, setIsOpen] = useState(false);\n    const [checkInWrapperRef, setCheckInWrapperRef] = React.useState(null);\n\n    const { isMobile } = useWindowSize();\n\n    let RowWrapper: any = React.Fragment;\n    const rowWrapperProps = {} as any;\n    if (layout === 'button' || isMobile) {\n        RowWrapper = 'div';\n        rowWrapperProps.className = bookingWizardStyles.itemGroup;\n        rowWrapperProps.ref = (ref: any) => {\n            if (layout === 'button') {\n                setCheckInWrapperRef(ref);\n            }\n        };\n    }\n\n    const setDate = (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => {\n        setStartDate(startDate);\n        setEndDate(endDate);\n    };\n\n    const _onCheckoutDateChange = (newEndDate: dayjs.Dayjs) => {\n        if (props.onChange && onChange) {\n            props.onChange(startDate, newEndDate);\n        }\n\n        setEndDate(newEndDate);\n        if (newEndDate) {\n            setIsOpen(false);\n        }\n    };\n\n    const _toggleInlineDatePicker = () => {\n        checkOutDatePickerRef?.current?.toggle();\n        setIsOpen(!isOpen);\n    };\n\n    const _checkInDate = (date?: dayjs.Dayjs, disabledClass?: boolean) => {\n        return (\n            <div className={disabledClass ? '' : bookingWizardStyles.item} onClick={_toggleInlineDatePicker}>\n                <label className={styles.label}>Check-in</label>\n                <Text className={styles.date}>{date?.format('MMM DD') || '-'}</Text>\n            </div>\n        );\n    };\n\n    const _checkOutDate = (date?: dayjs.Dayjs) => {\n        return (\n            <div className={bookingWizardStyles.item} onClick={_toggleInlineDatePicker}>\n                <label className={styles.label}>Check-out</label>\n                <Text className={styles.date}>{date?.format('MMM DD') || '-'}</Text>\n            </div>\n        );\n    };\n\n    const _combineDates = (checkIn?: dayjs.Dayjs, checkOut?: dayjs.Dayjs) => {\n        return (\n            <div onClick={_toggleInlineDatePicker}>\n                <label className={styles.label}>Dates</label>\n                <Text className={styles.date}>{`${checkIn?.format('MMM DD') || ''} - ${checkOut?.format('MMM DD') || ''}`}</Text>\n            </div>\n        );\n    };\n\n    const showMultipleMonths = layout === 'horizontal' && !isMobile;\n\n    if (overlayType === 'inline') {\n        return (\n            <div className={classNames(styles.container, { [styles['--open']]: isOpen })}>\n                <RowWrapper {...rowWrapperProps}>\n                    {_checkInDate(startDate)}\n                    <div className={bookingWizardStyles.divider} />\n                    {_checkOutDate(endDate)}\n                </RowWrapper>\n                <div className={styles['inline-container']}>\n                    <AutoAutoHeight open={isOpen}>\n                        <div className={styles['inline-box']}>\n                            <DateRangePicker\n                                selectedStartDate={startDate}\n                                selectedEndDate={endDate}\n                                onStartDateChanged={setStartDate}\n                                onEndDateChanged={_onCheckoutDateChange}\n                                theme={theme}\n                            />\n                        </div>\n                    </AutoAutoHeight>\n                </div>\n            </div>\n        );\n    }\n\n    if (overlayType === 'bottom-sheet') {\n        return (\n            <>\n                <RowWrapper {...rowWrapperProps}>\n                    {!isMobile && layout === 'horizontal' ? (\n                        <div className={bookingWizardStyles.item}>{_combineDates(startDate, endDate)}</div>\n                    ) : (\n                        <>\n                            {_checkInDate(startDate)}\n                            <div className={bookingWizardStyles.divider} />\n                            {_checkOutDate(endDate)}\n                        </>\n                    )}\n                </RowWrapper>\n                <BookingWizardBottomSheet\n                    className={classNames(styles.container, styles['bottom-sheet-container'])}\n                    open={isOpen}\n                    onDismiss={() => setIsOpen(false)}\n                    header={\n                        <div className={styles.header}>\n                            <Text>Choose dates</Text> <Icon icon={IconType.Close} onClick={() => setIsOpen(false)} />\n                        </div>\n                    }\n                >\n                    <div className={styles['bottom-sheet-container-box']}>\n                        <DateRangePicker\n                            selectedStartDate={startDate}\n                            selectedEndDate={endDate}\n                            onStartDateChanged={setSelectingStartDate}\n                            onEndDateChanged={setSelectingEndDate}\n                            theme={theme}\n                        />\n                        <BEButton\n                            wide\n                            className={styles.applyBtn}\n                            primary={true}\n                            filled={true}\n                            onClick={() => {\n                                setStartDate(selectingStartDate);\n                                setEndDate(selectingSEndDate);\n                                setIsOpen(false);\n                            }}\n                        >\n                            Apply\n                        </BEButton>\n                    </div>\n                </BookingWizardBottomSheet>\n            </>\n        );\n    }\n\n    if (layout === 'horizontal' && theme === EBookingWizardTheme.Specific && !isMobile) {\n        return (\n            <RowWrapper {...rowWrapperProps}>\n                <FloatingDateRangePicker\n                    ref={checkOutDatePickerRef}\n                    container={checkInWrapperRef}\n                    startDate={startDate}\n                    endDate={endDate}\n                    selectedDateChanged={setDate}\n                    overlayOffset={overlay?.dateOffset}\n                    className={bookingWizardStyles.item}\n                    theme={theme}\n                    showMultipleMonths={showMultipleMonths}\n                    overlay={{\n                        placement: overlay?.placement,\n                        fallbackPlacements: overlay?.fallbackPlacements,\n                    }}\n                >\n                    {_combineDates(startDate, endDate)}\n                </FloatingDateRangePicker>\n            </RowWrapper>\n        );\n    }\n\n    return (\n        <RowWrapper {...rowWrapperProps}>\n            <FloatingDateRangePicker\n                ref={checkOutDatePickerRef}\n                container={checkInWrapperRef}\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={setDate}\n                overlayOffset={overlay?.dateOffset}\n                theme={theme}\n                showMultipleMonths={showMultipleMonths}\n                className={bookingWizardStyles.item}\n                overlay={{\n                    placement: overlay?.placement,\n                    fallbackPlacements: overlay?.fallbackPlacements,\n                }}\n            >\n                {_checkInDate(startDate, true)}\n            </FloatingDateRangePicker>\n            <div className={layout !== 'button' && !isMobile ? bookingWizardStyles.divider : ''} />\n            {_checkOutDate(endDate)}\n        </RowWrapper>\n    );\n};\n"]}

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

@@ -30,15 +30,15 @@ exports.BookingWizardGuestSelector = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const NumberIncrement_1 = __importDefault(require("components/generic/NumberIncrement"));
-const Overlay_1 = require("components/generic/Overlay/Overlay");
-const Text_1 = __importDefault(require("components/generic/Text"));
+const BEButton_1 = __importDefault(require("../../../../../components/generic/BEButton"));
+const Icon_1 = __importStar(require("../../../../../components/generic/Icon/Icon"));
+const NumberIncrement_1 = __importDefault(require("../../../../../components/generic/NumberIncrement"));
+const Overlay_1 = require("../../../../../components/generic/Overlay/Overlay");
+const Text_1 = __importDefault(require("../../../../../components/generic/Text"));
 const BookingWizardContext_1 = require("../BookingWizardContext");
 const BookingWizardGuestSelector_module_scss_1 = __importDefault(require("./BookingWizardGuestSelector.module.scss"));
 const BookingWizardBottomSheet_1 = __importDefault(require("../BookingWizardBottomSheet/BookingWizardBottomSheet"));
-const StringHelper_1 = __importDefault(require("util/StringHelper"));
+const StringHelper_1 = __importDefault(require("../../../../../util/StringHelper"));
 const BookingWizardGuestSelector = ({ onChange }) => {
     const { overlay, type: overlayType, theme } = (0, BookingWizardContext_1.useBookingWizard)();
     const ref = (0, react_1.useRef)(null);

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

@@ -1 +1 @@
-{"version":3,"file":"BookingWizardGuestSelector.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardGuestSelector/BookingWizardGuestSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React, { FC, useEffect, useRef, useState } from 'react';\n\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport BEButton from 'components/generic/BEButton';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport NumberIncrement from 'components/generic/NumberIncrement';\nimport { Overlay } from 'components/generic/Overlay/Overlay';\nimport Text from 'components/generic/Text';\nimport { useBookingWizard } from '../BookingWizardContext';\nimport styles from './BookingWizardGuestSelector.module.scss';\nimport BookingWizardBottomSheet from '../BookingWizardBottomSheet/BookingWizardBottomSheet';\nimport StringHelper from 'util/StringHelper';\n\nexport interface BookingWizardGuestSelectorProps {\n    onChange?: ({ adults, children, room }: { adults: number; children: number; room: number }) => void;\n}\n\nexport const BookingWizardGuestSelector: FC<BookingWizardGuestSelectorProps> = ({ onChange }) => {\n    const { overlay, type: overlayType, theme } = useBookingWizard();\n\n    const ref = useRef(null);\n    const targetRef = useRef(null);\n\n    const [adults, setAdults] = useState(1);\n    const [children, setChildren] = useState(0);\n    const [room, setRoom] = useState(1);\n    const [editingAdults, setEditingAdults] = useState(adults);\n    const [editingChildren, setEditingChildren] = useState(children);\n    const [editingRoom, setEditingRoom] = useState(room);\n\n    const [open, setOpen] = useState(false);\n\n    useEffect(() => {\n        setEditingAdults(adults);\n    }, [adults]);\n\n    useEffect(() => {\n        setEditingChildren(children);\n    }, [children]);\n\n    const onApply = () => {\n        setAdults(editingAdults);\n        setChildren(editingChildren);\n        setRoom(editingRoom);\n        setOpen(false);\n        onChange?.({ adults: editingAdults, children: editingChildren, room: editingRoom });\n    };\n\n    const getValueAsText = () => {\n        const parts = [StringHelper.pluralWithCount(adults, 'Adult')];\n\n        if (children > 0) {\n            parts.push(StringHelper.pluralWithCount(children, 'Child'));\n        }\n\n        return parts.join(' - ');\n    };\n\n    const inner = (applyButton = true) => {\n        return (\n            <div className={styles['popper--box']}>\n                <div className={styles['popper--content']} ref={ref}>\n                    <div className={styles.row}>\n                        <Text>{StringHelper.plural(editingAdults, 'Adult')}</Text>\n                        <NumberIncrement number={editingAdults} min={1} max={10} onChange={applyButton ? setEditingAdults : setAdults} />\n                    </div>\n                    <div className={styles.row}>\n                        <Text>{StringHelper.plural(editingChildren, 'Child')}</Text>\n                        <NumberIncrement number={editingChildren} min={0} max={10} onChange={applyButton ? setEditingChildren : setChildren} />\n                    </div>\n                    <div className={styles.row}>\n                        <Text>{StringHelper.plural(editingRoom, 'Room')}</Text>\n                        <NumberIncrement number={editingRoom} min={1} max={10} onChange={applyButton ? setEditingRoom : setRoom} />\n                    </div>\n                    {applyButton ? (\n                        <div className={styles['popper--action']}>\n                            <BEButton wide={overlayType === 'bottom-sheet'} className={styles.applyBtn} onClick={onApply}>\n                                Apply\n                            </BEButton>\n                        </div>\n                    ) : null}\n                </div>\n            </div>\n        );\n    };\n\n    const content = () => {\n        if (overlayType === 'inline') {\n            return (\n                <div className={styles.popper}>\n                    <AutoAutoHeight open={open}>{inner(false)}</AutoAutoHeight>\n                </div>\n            );\n        }\n\n        if (overlayType === 'bottom-sheet') {\n            return (\n                <BookingWizardBottomSheet\n                    className={classNames(styles.container, styles['--bottom-sheet'])}\n                    open={open}\n                    onDismiss={() => setOpen(false)}\n                    header={\n                        <div className={styles.header}>\n                            <Text>How many guests?</Text> <Icon icon={IconType.Close} onClick={() => setOpen(false)} />\n                        </div>\n                    }\n                >\n                    <div className={styles.popper}>{inner()} </div>\n                </BookingWizardBottomSheet>\n            );\n        }\n\n        return (\n            <Overlay\n                offset={overlay?.offset}\n                usePortal={false}\n                followElement={targetRef.current}\n                placement={overlay?.placement}\n                fallbackPlacements={overlay?.fallbackPlacements}\n                strategy={'absolute'}\n                open={open}\n                onClose={() => setOpen?.(!open)}\n                className={styles.popper}\n                containerClassName={styles['custom-overlay']}\n            >\n                {inner()}\n            </Overlay>\n        );\n    };\n\n    return (\n        <div ref={targetRef} className={classNames(styles.container, { [styles['--inline']]: overlayType === 'inline', [styles['--open']]: open })}>\n            <div className={classNames(styles['container--search'])} onClick={() => setOpen?.(!open)}>\n                <Text className={styles['text-display']}>{getValueAsText()}</Text>\n\n                <Icon icon={IconType.Dropdown} />\n            </div>\n\n            {content()}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"BookingWizardGuestSelector.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardGuestSelector/BookingWizardGuestSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React, { FC, useEffect, useRef, useState } from 'react';\n\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport BEButton from '@/components/generic/BEButton';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport Text from '@/components/generic/Text';\nimport { useBookingWizard } from '../BookingWizardContext';\nimport styles from './BookingWizardGuestSelector.module.scss';\nimport BookingWizardBottomSheet from '../BookingWizardBottomSheet/BookingWizardBottomSheet';\nimport StringHelper from '@/util/StringHelper';\n\nexport interface BookingWizardGuestSelectorProps {\n    onChange?: ({ adults, children, room }: { adults: number; children: number; room: number }) => void;\n}\n\nexport const BookingWizardGuestSelector: FC<BookingWizardGuestSelectorProps> = ({ onChange }) => {\n    const { overlay, type: overlayType, theme } = useBookingWizard();\n\n    const ref = useRef(null);\n    const targetRef = useRef(null);\n\n    const [adults, setAdults] = useState(1);\n    const [children, setChildren] = useState(0);\n    const [room, setRoom] = useState(1);\n    const [editingAdults, setEditingAdults] = useState(adults);\n    const [editingChildren, setEditingChildren] = useState(children);\n    const [editingRoom, setEditingRoom] = useState(room);\n\n    const [open, setOpen] = useState(false);\n\n    useEffect(() => {\n        setEditingAdults(adults);\n    }, [adults]);\n\n    useEffect(() => {\n        setEditingChildren(children);\n    }, [children]);\n\n    const onApply = () => {\n        setAdults(editingAdults);\n        setChildren(editingChildren);\n        setRoom(editingRoom);\n        setOpen(false);\n        onChange?.({ adults: editingAdults, children: editingChildren, room: editingRoom });\n    };\n\n    const getValueAsText = () => {\n        const parts = [StringHelper.pluralWithCount(adults, 'Adult')];\n\n        if (children > 0) {\n            parts.push(StringHelper.pluralWithCount(children, 'Child'));\n        }\n\n        return parts.join(' - ');\n    };\n\n    const inner = (applyButton = true) => {\n        return (\n            <div className={styles['popper--box']}>\n                <div className={styles['popper--content']} ref={ref}>\n                    <div className={styles.row}>\n                        <Text>{StringHelper.plural(editingAdults, 'Adult')}</Text>\n                        <NumberIncrement number={editingAdults} min={1} max={10} onChange={applyButton ? setEditingAdults : setAdults} />\n                    </div>\n                    <div className={styles.row}>\n                        <Text>{StringHelper.plural(editingChildren, 'Child')}</Text>\n                        <NumberIncrement number={editingChildren} min={0} max={10} onChange={applyButton ? setEditingChildren : setChildren} />\n                    </div>\n                    <div className={styles.row}>\n                        <Text>{StringHelper.plural(editingRoom, 'Room')}</Text>\n                        <NumberIncrement number={editingRoom} min={1} max={10} onChange={applyButton ? setEditingRoom : setRoom} />\n                    </div>\n                    {applyButton ? (\n                        <div className={styles['popper--action']}>\n                            <BEButton wide={overlayType === 'bottom-sheet'} className={styles.applyBtn} onClick={onApply}>\n                                Apply\n                            </BEButton>\n                        </div>\n                    ) : null}\n                </div>\n            </div>\n        );\n    };\n\n    const content = () => {\n        if (overlayType === 'inline') {\n            return (\n                <div className={styles.popper}>\n                    <AutoAutoHeight open={open}>{inner(false)}</AutoAutoHeight>\n                </div>\n            );\n        }\n\n        if (overlayType === 'bottom-sheet') {\n            return (\n                <BookingWizardBottomSheet\n                    className={classNames(styles.container, styles['--bottom-sheet'])}\n                    open={open}\n                    onDismiss={() => setOpen(false)}\n                    header={\n                        <div className={styles.header}>\n                            <Text>How many guests?</Text> <Icon icon={IconType.Close} onClick={() => setOpen(false)} />\n                        </div>\n                    }\n                >\n                    <div className={styles.popper}>{inner()} </div>\n                </BookingWizardBottomSheet>\n            );\n        }\n\n        return (\n            <Overlay\n                offset={overlay?.offset}\n                usePortal={false}\n                followElement={targetRef.current}\n                placement={overlay?.placement}\n                fallbackPlacements={overlay?.fallbackPlacements}\n                strategy={'absolute'}\n                open={open}\n                onClose={() => setOpen?.(!open)}\n                className={styles.popper}\n                containerClassName={styles['custom-overlay']}\n            >\n                {inner()}\n            </Overlay>\n        );\n    };\n\n    return (\n        <div ref={targetRef} className={classNames(styles.container, { [styles['--inline']]: overlayType === 'inline', [styles['--open']]: open })}>\n            <div className={classNames(styles['container--search'])} onClick={() => setOpen?.(!open)}>\n                <Text className={styles['text-display']}>{getValueAsText()}</Text>\n\n                <Icon icon={IconType.Dropdown} />\n            </div>\n\n            {content()}\n        </div>\n    );\n};\n"]}

package/dist/src/components/generic/BookingWizard/BookingWizardHotelSelector/BookingWizardHotelSelector.d.ts

@@ -1,5 +1,5 @@
-import { BookingWizardProperty } from 'models/BookingWizard/BookingWizardProperty';
-import { TBookingWizardProperties } from 'models/BookingWizard/BookingWizardTypes';
+import { BookingWizardProperty } from '../../../../../models/BookingWizard/BookingWizardProperty';
+import { TBookingWizardProperties } from '../../../../../models/BookingWizard/BookingWizardTypes';
 interface BookingWizardHotelSelectorProps {
     disabled?: boolean;
     selectedProperty?: BookingWizardProperty;

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

@@ -30,9 +30,9 @@ exports.BookingWizardHotelSelector = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const Text_1 = __importStar(require("components/generic/Text"));
-const Color_1 = require("util/Color");
+const Icon_1 = __importStar(require("../../../../../components/generic/Icon/Icon"));
+const Text_1 = __importStar(require("../../../../../components/generic/Text"));
+const Color_1 = require("../../../../../util/Color");
 const Select_1 = require("../../Select/Select");
 const BookingWizardContext_1 = require("../BookingWizardContext");
 const BookingWizardHotelSelector_module_scss_1 = __importDefault(require("./BookingWizardHotelSelector.module.scss"));

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

@@ -1 +1 @@
-{"version":3,"file":"BookingWizardHotelSelector.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardHotelSelector/BookingWizardHotelSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React, { useMemo, useState } from 'react';\n\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport { Select } from '../../Select/Select';\nimport { useBookingWizard } from '../BookingWizardContext';\nimport styles from './BookingWizardHotelSelector.module.scss';\nimport BookingWizardBottomSheet from '../BookingWizardBottomSheet/BookingWizardBottomSheet';\nimport { BookingWizardProperty } from 'models/BookingWizard/BookingWizardProperty';\nimport { TBookingWizardProperties } from 'models/BookingWizard/BookingWizardTypes';\nimport ColorProfile from 'models/Client/Hotel/ColorProfile';\n\ninterface BookingWizardHotelSelectorProps {\n    disabled?: boolean;\n\n    selectedProperty?: BookingWizardProperty;\n    properties: TBookingWizardProperties;\n\n    onChange?: (hotel: BookingWizardProperty | null) => void;\n}\n\ninterface TOptionedProperties extends BookingWizardProperty {\n    options?: BookingWizardProperty[];\n}\n\nexport const BookingWizardHotelSelector = (props: BookingWizardHotelSelectorProps) => {\n    const { overlay, type } = useBookingWizard();\n\n    const [open, setOpen] = useState(false);\n    const [isOnlyProperty, setIsOnlyProperty] = useState(false);\n\n    const { selectedProperty, properties } = props;\n\n    const optionedProperties = useMemo(() => {\n        let isOnly = false;\n\n        const options: TOptionedProperties[] = [];\n\n        // Here we group each key as a new TOption Group to order hotels better.\n        const propertyKeys = Object.keys(properties);\n        if (propertyKeys.length > 1) {\n            propertyKeys.forEach((propertyKey: string) => {\n                const option: TOptionedProperties = {\n                    name: propertyKey,\n                    id: '',\n                    options: [],\n                    colors: {} as ColorProfile,\n                };\n\n                for (const property of properties[propertyKey]) {\n                    option.options.push(property);\n                }\n\n                options.push(option);\n            });\n        } else if (propertyKeys.length === 1) {\n            properties[propertyKeys[0]].forEach((option) => {\n                options.push(option);\n            });\n\n            if (properties[propertyKeys[0]].length == 1 && properties[propertyKeys[0]][0].id === selectedProperty?.id) {\n                isOnly = true;\n            }\n        }\n\n        setIsOnlyProperty(isOnly);\n\n        return options;\n    }, [properties]);\n\n    const onPropertyClick = (property: BookingWizardProperty): void => {\n        props.onChange?.(property);\n        setOpen(false);\n    };\n\n    const getOption = (key: BookingWizardProperty['id']): BookingWizardProperty => {\n        const indexes = Object.keys(properties);\n\n        for (const index of indexes) {\n            for (const property of properties[index]) {\n                if (key === property.id) {\n                    return property;\n                }\n            }\n        }\n    };\n\n    const renderOptions = (): any => {\n        const indexes = Object.keys(properties);\n\n        if (indexes.length > 1) {\n            return indexes.map((indexName) => renderGroup(indexName, properties[indexName]));\n        } else if (indexes.length === 1) {\n            return properties[indexes[0]].map((property) => renderOption(property));\n        }\n    };\n\n    const renderGroup = (name: string, options: BookingWizardProperty[]) => {\n        return (\n            <>\n                <div className={classNames(styles['container--suggest-list-hotel'], styles['--group-title'])}>\n                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                        {name}\n                    </Text>\n                </div>\n                {options.map((option) => renderOption(option))}\n            </>\n        );\n    };\n\n    const renderOption = (property: BookingWizardProperty) => {\n        return (\n            <div\n                key={property.id}\n                className={classNames(styles['container--suggest-list-hotel'], { [styles['--selected']]: selectedProperty?.id === property.id })}\n                onClick={() => onPropertyClick(property)}\n            >\n                <div className={styles['container--suggest-list-hotel-name']}>{property.name}</div>\n                <div className={styles.check}></div>\n            </div>\n        );\n    };\n\n    const onOpenDrawer = () => {\n        setOpen(true);\n    };\n\n    if (isOnlyProperty) {\n        return <Text>{selectedProperty.name}</Text>;\n    }\n\n    if (type === 'inline') {\n        return (\n            <div className={styles['inline-container']}>\n                <AutoAutoHeight open={open}>\n                    <div className={styles['inline-box']}>{renderOptions()}</div>\n                </AutoAutoHeight>\n            </div>\n        );\n    }\n\n    if (type === 'bottom-sheet') {\n        return (\n            <>\n                <div onClick={onOpenDrawer}>\n                    <Text>{selectedProperty?.name}</Text>\n                </div>\n                <BookingWizardBottomSheet\n                    className={classNames(styles.container, styles['--bottom-sheet'])}\n                    open={open}\n                    onDismiss={() => setOpen(false)}\n                    header={\n                        <div className={styles.header}>\n                            <Text>Choose hotel</Text> <Icon icon={IconType.Close} onClick={() => setOpen(false)} />\n                        </div>\n                    }\n                >\n                    <div className={styles.content}>{renderOptions()}</div>\n                </BookingWizardBottomSheet>\n            </>\n        );\n    }\n\n    return (\n        <Select<BookingWizardProperty, 'id'>\n            offset={overlay?.offset}\n            options={optionedProperties}\n            value={selectedProperty?.id}\n            onChange={(value) => onPropertyClick(getOption(value))}\n            keyName=\"id\"\n            labelName=\"name\"\n            overlay={{\n                containerClassName: styles['custom-overlay'],\n                strategy: 'absolute',\n                usePortal: false,\n                placement: overlay?.placement || 'bottom',\n                fallbackPlacements: overlay?.fallbackPlacements || 'bottom',\n            }}\n            renderOption={(property) => (\n                <div className={classNames(styles['container--suggest-list-hotel'], { [styles['--selected']]: selectedProperty?.id === property.id })}>\n                    <div className={styles['container--suggest-list-hotel-name']}>{property.name}</div>\n                    <div className={styles.check}></div>\n                </div>\n            )}\n            renderLabel={(option) => {\n                return <>{option?.name || <span className={styles['hotel-dropdown-label']}>Please Select</span>}</>;\n            }}\n        />\n    );\n};\n"]}
+{"version":3,"file":"BookingWizardHotelSelector.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizardHotelSelector/BookingWizardHotelSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React, { useMemo, useState } from 'react';\n\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport { Select } from '../../Select/Select';\nimport { useBookingWizard } from '../BookingWizardContext';\nimport styles from './BookingWizardHotelSelector.module.scss';\nimport BookingWizardBottomSheet from '../BookingWizardBottomSheet/BookingWizardBottomSheet';\nimport { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\nimport { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport ColorProfile from '@/models/Client/Hotel/ColorProfile';\n\ninterface BookingWizardHotelSelectorProps {\n    disabled?: boolean;\n\n    selectedProperty?: BookingWizardProperty;\n    properties: TBookingWizardProperties;\n\n    onChange?: (hotel: BookingWizardProperty | null) => void;\n}\n\ninterface TOptionedProperties extends BookingWizardProperty {\n    options?: BookingWizardProperty[];\n}\n\nexport const BookingWizardHotelSelector = (props: BookingWizardHotelSelectorProps) => {\n    const { overlay, type } = useBookingWizard();\n\n    const [open, setOpen] = useState(false);\n    const [isOnlyProperty, setIsOnlyProperty] = useState(false);\n\n    const { selectedProperty, properties } = props;\n\n    const optionedProperties = useMemo(() => {\n        let isOnly = false;\n\n        const options: TOptionedProperties[] = [];\n\n        // Here we group each key as a new TOption Group to order hotels better.\n        const propertyKeys = Object.keys(properties);\n        if (propertyKeys.length > 1) {\n            propertyKeys.forEach((propertyKey: string) => {\n                const option: TOptionedProperties = {\n                    name: propertyKey,\n                    id: '',\n                    options: [],\n                    colors: {} as ColorProfile,\n                };\n\n                for (const property of properties[propertyKey]) {\n                    option.options.push(property);\n                }\n\n                options.push(option);\n            });\n        } else if (propertyKeys.length === 1) {\n            properties[propertyKeys[0]].forEach((option) => {\n                options.push(option);\n            });\n\n            if (properties[propertyKeys[0]].length == 1 && properties[propertyKeys[0]][0].id === selectedProperty?.id) {\n                isOnly = true;\n            }\n        }\n\n        setIsOnlyProperty(isOnly);\n\n        return options;\n    }, [properties]);\n\n    const onPropertyClick = (property: BookingWizardProperty): void => {\n        props.onChange?.(property);\n        setOpen(false);\n    };\n\n    const getOption = (key: BookingWizardProperty['id']): BookingWizardProperty => {\n        const indexes = Object.keys(properties);\n\n        for (const index of indexes) {\n            for (const property of properties[index]) {\n                if (key === property.id) {\n                    return property;\n                }\n            }\n        }\n    };\n\n    const renderOptions = (): any => {\n        const indexes = Object.keys(properties);\n\n        if (indexes.length > 1) {\n            return indexes.map((indexName) => renderGroup(indexName, properties[indexName]));\n        } else if (indexes.length === 1) {\n            return properties[indexes[0]].map((property) => renderOption(property));\n        }\n    };\n\n    const renderGroup = (name: string, options: BookingWizardProperty[]) => {\n        return (\n            <>\n                <div className={classNames(styles['container--suggest-list-hotel'], styles['--group-title'])}>\n                    <Text type={TextType.Small} color={Color.DarkGrey}>\n                        {name}\n                    </Text>\n                </div>\n                {options.map((option) => renderOption(option))}\n            </>\n        );\n    };\n\n    const renderOption = (property: BookingWizardProperty) => {\n        return (\n            <div\n                key={property.id}\n                className={classNames(styles['container--suggest-list-hotel'], { [styles['--selected']]: selectedProperty?.id === property.id })}\n                onClick={() => onPropertyClick(property)}\n            >\n                <div className={styles['container--suggest-list-hotel-name']}>{property.name}</div>\n                <div className={styles.check}></div>\n            </div>\n        );\n    };\n\n    const onOpenDrawer = () => {\n        setOpen(true);\n    };\n\n    if (isOnlyProperty) {\n        return <Text>{selectedProperty.name}</Text>;\n    }\n\n    if (type === 'inline') {\n        return (\n            <div className={styles['inline-container']}>\n                <AutoAutoHeight open={open}>\n                    <div className={styles['inline-box']}>{renderOptions()}</div>\n                </AutoAutoHeight>\n            </div>\n        );\n    }\n\n    if (type === 'bottom-sheet') {\n        return (\n            <>\n                <div onClick={onOpenDrawer}>\n                    <Text>{selectedProperty?.name}</Text>\n                </div>\n                <BookingWizardBottomSheet\n                    className={classNames(styles.container, styles['--bottom-sheet'])}\n                    open={open}\n                    onDismiss={() => setOpen(false)}\n                    header={\n                        <div className={styles.header}>\n                            <Text>Choose hotel</Text> <Icon icon={IconType.Close} onClick={() => setOpen(false)} />\n                        </div>\n                    }\n                >\n                    <div className={styles.content}>{renderOptions()}</div>\n                </BookingWizardBottomSheet>\n            </>\n        );\n    }\n\n    return (\n        <Select<BookingWizardProperty, 'id'>\n            offset={overlay?.offset}\n            options={optionedProperties}\n            value={selectedProperty?.id}\n            onChange={(value) => onPropertyClick(getOption(value))}\n            keyName=\"id\"\n            labelName=\"name\"\n            overlay={{\n                containerClassName: styles['custom-overlay'],\n                strategy: 'absolute',\n                usePortal: false,\n                placement: overlay?.placement || 'bottom',\n                fallbackPlacements: overlay?.fallbackPlacements || 'bottom',\n            }}\n            renderOption={(property) => (\n                <div className={classNames(styles['container--suggest-list-hotel'], { [styles['--selected']]: selectedProperty?.id === property.id })}>\n                    <div className={styles['container--suggest-list-hotel-name']}>{property.name}</div>\n                    <div className={styles.check}></div>\n                </div>\n            )}\n            renderLabel={(option) => {\n                return <>{option?.name || <span className={styles['hotel-dropdown-label']}>Please Select</span>}</>;\n            }}\n        />\n    );\n};\n"]}

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

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Card = void 0;
 const React = __importStar(require("react"));
 const Card_module_scss_1 = __importDefault(require("./Card.module.scss"));
-const Text_1 = __importDefault(require("components/generic/Text"));
+const Text_1 = __importDefault(require("../../../../../components/generic/Text"));
 const classnames_1 = __importDefault(require("classnames"));
 const Card = ({ title, children, className }) => {
     return (React.createElement("div", { className: (0, classnames_1.default)(Card_module_scss_1.default.root, className) },

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"/","sources":["src/components/generic/Card/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,0EAAwC;AACxC,mEAA2C;AAC3C,4DAAoC;AAO7B,MAAM,IAAI,GAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAClE,OAAO,CACH,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAAM,CAAC,IAAI,EAAE,SAAS,CAAC;QAC7C,KAAK,IAAI,oBAAC,cAAI,IAAC,IAAI,UAAE,KAAK,CAAQ;QAClC,QAAQ,IAAI,6BAAK,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAO,CAC/D,CACT,CAAC;AACN,CAAC,CAAC;AAPW,QAAA,IAAI,QAOf","sourcesContent":["import * as React from 'react';\nimport { FC, ReactNode } from 'react';\n\nimport styles from './Card.module.scss';\nimport Text from 'components/generic/Text';\nimport classNames from 'classnames';\n\ntype CardProps = {\n    title?: ReactNode;\n    className?: string;\n};\n\nexport const Card: FC<CardProps> = ({ title, children, className }) => {\n    return (\n        <div className={classNames(styles.root, className)}>\n            {title && <Text bold>{title}</Text>}\n            {children && <div className=\"u-marg-top--medium\">{children}</div>}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"Card.js","sourceRoot":"/","sources":["src/components/generic/Card/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,0EAAwC;AACxC,qEAA6C;AAC7C,4DAAoC;AAO7B,MAAM,IAAI,GAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAClE,OAAO,CACH,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAAM,CAAC,IAAI,EAAE,SAAS,CAAC;QAC7C,KAAK,IAAI,oBAAC,cAAI,IAAC,IAAI,UAAE,KAAK,CAAQ;QAClC,QAAQ,IAAI,6BAAK,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAO,CAC/D,CACT,CAAC;AACN,CAAC,CAAC;AAPW,QAAA,IAAI,QAOf","sourcesContent":["import * as React from 'react';\nimport { FC, ReactNode } from 'react';\n\nimport styles from './Card.module.scss';\nimport Text from '@/components/generic/Text';\nimport classNames from 'classnames';\n\ntype CardProps = {\n    title?: ReactNode;\n    className?: string;\n};\n\nexport const Card: FC<CardProps> = ({ title, children, className }) => {\n    return (\n        <div className={classNames(styles.root, className)}>\n            {title && <Text bold>{title}</Text>}\n            {children && <div className=\"u-marg-top--medium\">{children}</div>}\n        </div>\n    );\n};\n"]}

package/dist/src/components/generic/Card/IconNavCard/IconNavCard.d.ts

@@ -1,5 +1,5 @@
-import { IconType } from 'components/generic/Icon/Icon';
-import { Color } from 'util/Color';
+import { IconType } from '../../../../../components/generic/Icon/Icon';
+import { Color } from '../../../../../util/Color';
 type IconNavCardProps = {
     icon: IconType;
     title: string;

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

@@ -29,11 +29,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconNavCard = void 0;
 const React = __importStar(require("react"));
 const IconNavCard_module_scss_1 = __importDefault(require("./IconNavCard.module.scss"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const Color_1 = require("util/Color");
-const Text_1 = __importStar(require("components/generic/Text"));
+const Icon_1 = __importStar(require("../../../../../components/generic/Icon/Icon"));
+const Color_1 = require("../../../../../util/Color");
+const Text_1 = __importStar(require("../../../../../components/generic/Text"));
 const react_router_dom_1 = require("react-router-dom");
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const BEButton_1 = __importDefault(require("../../../../../components/generic/BEButton"));
 const IconNavCard = (props) => {
     var _a;
     const { title, icon, description, link } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"IconNavCard.js","sourceRoot":"/","sources":["src/components/generic/Card/IconNavCard/IconNavCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,wFAA+C;AAE/C,qEAA8D;AAC9D,sCAAmC;AACnC,gEAAyD;AACzD,uDAAwC;AACxC,2EAAmD;AAe5C,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;;IACnD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE;QACnB,QAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;YAChB,KAAK,OAAO;gBACR,OAAO,eAAQ,CAAC,UAAU,CAAC;YAC/B,KAAK,UAAU;gBACX,OAAO,eAAQ,CAAC,MAAM,CAAC;YAC3B;gBACI,IAAI,CAAC;SACZ;IACL,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,CACH,CAAC,CAAC,IAAI,IAAI,CACN,oBAAC,uBAAI,IAAC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM;QACvB,6BAAK,SAAS,EAAE,iCAAM,CAAC,aAAa,CAAC;YAChC,CAAC,CAAC,IAAI,IAAI,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,GAAS;YACrE,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,mBAAmB,IAC1C,KAAK,CACH;YACP,oBAAC,cAAI,IAAC,SAAS,EAAC,yCAAyC,EAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IAChG,WAAW,CACT;YAEP,oBAAC,kBAAQ,IAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,aAAK,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO;gBAC9G,8BAAM,SAAS,EAAE,aAAa,IAAG,IAAI,CAAC,IAAI,CAAQ,CAC3C,CACT,CACH,CACV,CACJ,CAAC;AACN,CAAC,CAAC;AAjCW,QAAA,WAAW,eAiCtB","sourcesContent":["import * as React from 'react';\n\nimport styles from './IconNavCard.module.scss';\n\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Link } from 'react-router-dom';\nimport BEButton from 'components/generic/BEButton';\n\ntype IconNavCardProps = {\n    icon: IconType;\n    title: string;\n    description?: string;\n\n    link?: {\n        text: string;\n        pathTo?: string;\n        icon?: 'arrow' | 'open-new';\n        color?: Color;\n    };\n};\n\nexport const IconNavCard = (props: IconNavCardProps) => {\n    const { title, icon, description, link } = props;\n\n    const iconType = (() => {\n        switch (link?.icon) {\n            case 'arrow':\n                return IconType.ArrowRight;\n            case 'open-new':\n                return IconType.LogOut;\n            default:\n                null;\n        }\n    })();\n\n    return (\n        !!link && (\n            <Link to={props.link.pathTo}>\n                <div className={styles['iconNavCard']}>\n                    {!!icon && <Icon icon={icon} color={Color.Grey} size={'26px'}></Icon>}\n                    <Text bold={true} className=\"u-marg-top--light\">\n                        {title}\n                    </Text>\n                    <Text className=\"u-marg-top--light u-marg-bottom--medium\" color={Color.DarkGrey} type={TextType.Small}>\n                        {description}\n                    </Text>\n\n                    <BEButton size={'tiny'} isText={true} textColor={link.color ?? Color.Accent} icon={iconType} iconPosition={'right'}>\n                        <span className={'u-uppercase'}>{link.text}</span>\n                    </BEButton>\n                </div>\n            </Link>\n        )\n    );\n};\n"]}
+{"version":3,"file":"IconNavCard.js","sourceRoot":"/","sources":["src/components/generic/Card/IconNavCard/IconNavCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,wFAA+C;AAE/C,uEAAgE;AAChE,wCAAqC;AACrC,kEAA2D;AAC3D,uDAAwC;AACxC,6EAAqD;AAe9C,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;;IACnD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE;QACnB,QAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;YAChB,KAAK,OAAO;gBACR,OAAO,eAAQ,CAAC,UAAU,CAAC;YAC/B,KAAK,UAAU;gBACX,OAAO,eAAQ,CAAC,MAAM,CAAC;YAC3B;gBACI,IAAI,CAAC;SACZ;IACL,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,CACH,CAAC,CAAC,IAAI,IAAI,CACN,oBAAC,uBAAI,IAAC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM;QACvB,6BAAK,SAAS,EAAE,iCAAM,CAAC,aAAa,CAAC;YAChC,CAAC,CAAC,IAAI,IAAI,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,GAAS;YACrE,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,mBAAmB,IAC1C,KAAK,CACH;YACP,oBAAC,cAAI,IAAC,SAAS,EAAC,yCAAyC,EAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IAChG,WAAW,CACT;YAEP,oBAAC,kBAAQ,IAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,aAAK,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO;gBAC9G,8BAAM,SAAS,EAAE,aAAa,IAAG,IAAI,CAAC,IAAI,CAAQ,CAC3C,CACT,CACH,CACV,CACJ,CAAC;AACN,CAAC,CAAC;AAjCW,QAAA,WAAW,eAiCtB","sourcesContent":["import * as React from 'react';\n\nimport styles from './IconNavCard.module.scss';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Link } from 'react-router-dom';\nimport BEButton from '@/components/generic/BEButton';\n\ntype IconNavCardProps = {\n    icon: IconType;\n    title: string;\n    description?: string;\n\n    link?: {\n        text: string;\n        pathTo?: string;\n        icon?: 'arrow' | 'open-new';\n        color?: Color;\n    };\n};\n\nexport const IconNavCard = (props: IconNavCardProps) => {\n    const { title, icon, description, link } = props;\n\n    const iconType = (() => {\n        switch (link?.icon) {\n            case 'arrow':\n                return IconType.ArrowRight;\n            case 'open-new':\n                return IconType.LogOut;\n            default:\n                null;\n        }\n    })();\n\n    return (\n        !!link && (\n            <Link to={props.link.pathTo}>\n                <div className={styles['iconNavCard']}>\n                    {!!icon && <Icon icon={icon} color={Color.Grey} size={'26px'}></Icon>}\n                    <Text bold={true} className=\"u-marg-top--light\">\n                        {title}\n                    </Text>\n                    <Text className=\"u-marg-top--light u-marg-bottom--medium\" color={Color.DarkGrey} type={TextType.Small}>\n                        {description}\n                    </Text>\n\n                    <BEButton size={'tiny'} isText={true} textColor={link.color ?? Color.Accent} icon={iconType} iconPosition={'right'}>\n                        <span className={'u-uppercase'}>{link.text}</span>\n                    </BEButton>\n                </div>\n            </Link>\n        )\n    );\n};\n"]}

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

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const Text_1 = __importStar(require("components/generic/Text"));
+const Icon_1 = __importStar(require("../../../../components/generic/Icon/Icon"));
+const Text_1 = __importStar(require("../../../../components/generic/Text"));
 const Checkbox_module_scss_1 = __importDefault(require("./Checkbox.module.scss"));
 exports.default = React.forwardRef(function Checkbox(props, ref) {
     const { label, checked, onChange: onCallbackChange } = props, restProps = __rest(props, ["label", "checked", "onChange"]);

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

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

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

@@ -27,12 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const CurrencyProvider_1 = __importDefault(require("providers/CurrencyProvider"));
+const CurrencyProvider_1 = __importDefault(require("../../../providers/CurrencyProvider"));
 const react_1 = require("react");
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const Color_1 = require("util/Color");
-const contexts_1 = require("@frontend/contexts");
-const hooks_1 = require("@frontend/hooks");
+const Icon_1 = __importStar(require("../../../components/generic/Icon/Icon"));
+const Color_1 = require("../../../util/Color");
+const contexts_1 = require("../../../contexts/index.js");
+const hooks_1 = require("../../../hooks/index.js");
 function Currency(props) {
     var _a;
     const { currentCurrency } = (0, react_1.useContext)(contexts_1.CompanyContext);

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

@@ -1 +1 @@
-{"version":3,"file":"Currency.js","sourceRoot":"/","sources":["src/components/generic/Currency.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport CurrencyProvider from 'providers/CurrencyProvider';\nimport { useState, useEffect, useMemo, useContext } from 'react';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\nimport { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface CurrencyProps {\n    removeCurrencyAfterChar?: number;\n    shortenThousandsAfter?: number;\n\n    children: any;\n\n    hideDecimals?: boolean;\n\n    disableLocalization?: boolean;\n    disableLoading?: boolean;\n\n    originalCurrencyCode?: string;\n}\n\nexport default function Currency(props: CurrencyProps) {\n    const { currentCurrency } = useContext(CompanyContext);\n    const { hotel } = useCurrentHotel();\n\n    const [value, setValue] = useState(0);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const toLocalString = (original: number, toFixed?: boolean) => {\n        if (props.disableLocalization) {\n            return original;\n        }\n\n        if (original) {\n            return original.toLocaleString(undefined, { minimumFractionDigits: toFixed ? 2 : 0 });\n        }\n\n        return original;\n    };\n\n    useEffect(() => {\n        let isCancelled = false;\n\n        setIsLoading(true);\n        setTimeout(\n            () => {\n                if (!isCancelled) {\n                    setIsLoading(false);\n\n                    if (isNaN(props.children)) {\n                        setValue(props.children);\n                    } else {\n                        const totalValue = CurrencyProvider.convertPrice(\n                            props.children,\n                            !props.hideDecimals,\n                            currentCurrency,\n                            props.originalCurrencyCode ?? hotel?.defaultCurrency\n                        );\n\n                        if (!isCancelled) {\n                            setValue(totalValue);\n                        }\n                    }\n                }\n            },\n            props.disableLoading ? 0 : 200\n        );\n\n        return () => {\n            setIsLoading(false);\n            isCancelled = true;\n        };\n    }, [props.children, currentCurrency, props.originalCurrencyCode, CurrencyProvider.getRatesForCurrencyCode(props.originalCurrencyCode ?? hotel?.defaultCurrency)]);\n\n    return useMemo(() => {\n        const stringVal = props.disableLocalization ? value.toString() : value?.toLocaleString();\n\n        let symbol = CurrencyProvider.getSymbol(currentCurrency);\n        if (props.removeCurrencyAfterChar) {\n            const priceLength = String(value).length;\n            if (priceLength + symbol.length > props.removeCurrencyAfterChar) {\n                symbol = CurrencyProvider.getShortSymbol(currentCurrency);\n                if (priceLength + symbol.length > props.removeCurrencyAfterChar) {\n                    symbol = '';\n                }\n            }\n        }\n\n        let prettyValue = toLocalString(value, !(props.hideDecimals || typeof value !== 'number'));\n\n        if (props.shortenThousandsAfter && props.shortenThousandsAfter <= String(value).length && props.hideDecimals) {\n            prettyValue = stringVal.substring(0, stringVal.length - 3) + '…';\n        }\n\n        return isLoading && !props.disableLoading ? (\n            <span className=\"u-inline-flex a-spin\">\n                <Icon icon={IconType.Spinner} size=\"1em\" color={Color.Accent} />\n            </span>\n        ) : (\n            <span className=\"u-ellip-overflow u-nowrap\">\n                {symbol && <span>{symbol}</span>}\n                {prettyValue}\n            </span>\n        );\n    }, [value, isLoading]);\n}\n"]}
+{"version":3,"file":"Currency.js","sourceRoot":"/","sources":["src/components/generic/Currency.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport CurrencyProvider from '@/providers/CurrencyProvider';\nimport { useState, useEffect, useMemo, useContext } from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface CurrencyProps {\n    removeCurrencyAfterChar?: number;\n    shortenThousandsAfter?: number;\n\n    children: any;\n\n    hideDecimals?: boolean;\n\n    disableLocalization?: boolean;\n    disableLoading?: boolean;\n\n    originalCurrencyCode?: string;\n}\n\nexport default function Currency(props: CurrencyProps) {\n    const { currentCurrency } = useContext(CompanyContext);\n    const { hotel } = useCurrentHotel();\n\n    const [value, setValue] = useState(0);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const toLocalString = (original: number, toFixed?: boolean) => {\n        if (props.disableLocalization) {\n            return original;\n        }\n\n        if (original) {\n            return original.toLocaleString(undefined, { minimumFractionDigits: toFixed ? 2 : 0 });\n        }\n\n        return original;\n    };\n\n    useEffect(() => {\n        let isCancelled = false;\n\n        setIsLoading(true);\n        setTimeout(\n            () => {\n                if (!isCancelled) {\n                    setIsLoading(false);\n\n                    if (isNaN(props.children)) {\n                        setValue(props.children);\n                    } else {\n                        const totalValue = CurrencyProvider.convertPrice(\n                            props.children,\n                            !props.hideDecimals,\n                            currentCurrency,\n                            props.originalCurrencyCode ?? hotel?.defaultCurrency\n                        );\n\n                        if (!isCancelled) {\n                            setValue(totalValue);\n                        }\n                    }\n                }\n            },\n            props.disableLoading ? 0 : 200\n        );\n\n        return () => {\n            setIsLoading(false);\n            isCancelled = true;\n        };\n    }, [props.children, currentCurrency, props.originalCurrencyCode, CurrencyProvider.getRatesForCurrencyCode(props.originalCurrencyCode ?? hotel?.defaultCurrency)]);\n\n    return useMemo(() => {\n        const stringVal = props.disableLocalization ? value.toString() : value?.toLocaleString();\n\n        let symbol = CurrencyProvider.getSymbol(currentCurrency);\n        if (props.removeCurrencyAfterChar) {\n            const priceLength = String(value).length;\n            if (priceLength + symbol.length > props.removeCurrencyAfterChar) {\n                symbol = CurrencyProvider.getShortSymbol(currentCurrency);\n                if (priceLength + symbol.length > props.removeCurrencyAfterChar) {\n                    symbol = '';\n                }\n            }\n        }\n\n        let prettyValue = toLocalString(value, !(props.hideDecimals || typeof value !== 'number'));\n\n        if (props.shortenThousandsAfter && props.shortenThousandsAfter <= String(value).length && props.hideDecimals) {\n            prettyValue = stringVal.substring(0, stringVal.length - 3) + '…';\n        }\n\n        return isLoading && !props.disableLoading ? (\n            <span className=\"u-inline-flex a-spin\">\n                <Icon icon={IconType.Spinner} size=\"1em\" color={Color.Accent} />\n            </span>\n        ) : (\n            <span className=\"u-ellip-overflow u-nowrap\">\n                {symbol && <span>{symbol}</span>}\n                {prettyValue}\n            </span>\n        );\n    }, [value, isLoading]);\n}\n"]}

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

@@ -37,12 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Color_1 = require("util/Color");
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
+const Color_1 = require("../../../../util/Color");
+const Icon_1 = __importStar(require("../../../../components/generic/Icon/Icon"));
 const classnames_1 = __importDefault(require("classnames"));
 const dayjs = __importStar(require("dayjs"));
-const DateRangePickerContext_1 = require("components/generic/DateRangePicker/DateRangePickerContext");
-const DateRangePickerMonth_1 = __importDefault(require("components/generic/DateRangePicker/DateRangePickerMonth"));
+const DateRangePickerContext_1 = require("../../../../components/generic/DateRangePicker/DateRangePickerContext");
+const DateRangePickerMonth_1 = __importDefault(require("../../../../components/generic/DateRangePicker/DateRangePickerMonth"));
 const isSameOrBefore = __importStar(require("dayjs/plugin/isSameOrBefore"));
 const isSameOrAfter = __importStar(require("dayjs/plugin/isSameOrAfter"));
 const DateRangePicker_module_scss_1 = __importDefault(require("./DateRangePicker.module.scss"));

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","sourceRoot":"/","sources":["src/components/generic/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { Color } from 'util/Color';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\n\nimport classNames from 'classnames';\n\nimport * as dayjs from 'dayjs';\nimport { DateRangePickerContext } from 'components/generic/DateRangePicker/DateRangePickerContext';\nimport DateRangePickerMonth from 'components/generic/DateRangePicker/DateRangePickerMonth';\nimport * as isSameOrBefore from 'dayjs/plugin/isSameOrBefore';\nimport * as isSameOrAfter from 'dayjs/plugin/isSameOrAfter';\nimport styles from './DateRangePicker.module.scss';\nimport { EBookingWizardTheme } from '../BookingWizard/BookingWizard';\n\ndayjs.extend(isSameOrBefore);\ndayjs.extend(isSameOrAfter);\n\nexport interface DatePickerProps {\n    selectedStartDate?: dayjs.Dayjs;\n    selectedEndDate?: dayjs.Dayjs;\n    // Includes default navigation arrows\n    showArrows?: boolean;\n    small?: boolean;\n    onStartDateChanged?: (date: dayjs.Dayjs) => void;\n    onEndDateChanged?: (date: dayjs.Dayjs) => void;\n    fixedStartDate?: boolean;\n    showMultipleMonths?: boolean;\n    theme?: EBookingWizardTheme;\n}\n\nenum EDateRangePickingState {\n    StartDate = 1,\n    EndDate = 2,\n}\n\nexport default function DateRangePicker(props: DatePickerProps) {\n    const [currentMonth, setCurrentMonth] = useState(props.selectedStartDate ? props.selectedStartDate : dayjs());\n\n    const [selectedStartDate, setSelectedStartDate] = useState(props.selectedStartDate ?? (props.fixedStartDate ? dayjs() : null));\n    const [selectedEndDate, setSelectedEndDate] = useState(props.selectedEndDate ?? null);\n\n    const [hoveringOverDate, setHoveringOverDate] = useState(null);\n\n    const [pickingState, setPickingState] = useState(props.fixedStartDate ? EDateRangePickingState.EndDate : EDateRangePickingState.StartDate);\n\n    const onClickDate = async (newDate: dayjs.Dayjs) => {\n        let newPickingState: EDateRangePickingState = null;\n        switch (pickingState) {\n            default:\n            case EDateRangePickingState.StartDate:\n                newPickingState = EDateRangePickingState.EndDate;\n                setSelectedStartDate(newDate);\n                setSelectedEndDate(null);\n                break;\n            case EDateRangePickingState.EndDate:\n                if (newDate.isBefore(selectedStartDate)) {\n                    setSelectedStartDate(newDate);\n                    newPickingState = EDateRangePickingState.EndDate;\n                } else {\n                    newPickingState = EDateRangePickingState.StartDate;\n\n                    setHoveringOverDate(null);\n\n                    const nextAvailableDay = newDate;\n\n                    if (newDate.isSame(selectedStartDate)) {\n                        setSelectedEndDate(nextAvailableDay.add(1, 'day'));\n                    } else {\n                        setSelectedEndDate(nextAvailableDay);\n                    }\n                }\n\n                break;\n        }\n        setPickingState(props.fixedStartDate ? EDateRangePickingState.EndDate : newPickingState);\n    };\n\n    const onHoveredOverDay = (day: dayjs.Dayjs) => {\n        if (selectedStartDate && !selectedEndDate) {\n            setHoveringOverDate(day);\n        }\n    };\n\n    const firstUpdate = useRef();\n\n    useEffect(() => {\n        if (firstUpdate.current) {\n            firstUpdate.current = undefined;\n            return;\n        }\n\n        if (props.onStartDateChanged) {\n            props.onStartDateChanged(selectedStartDate);\n        }\n    }, [selectedStartDate]);\n\n    useLayoutEffect(() => {\n        if (firstUpdate.current) {\n            firstUpdate.current = undefined;\n            return;\n        }\n\n        if (props.onEndDateChanged) {\n            props.onEndDateChanged(selectedEndDate);\n        }\n    }, [selectedEndDate]);\n\n    const context = {\n        today: dayjs(),\n        todayInUnix: dayjs().unix(),\n        startDate: selectedStartDate,\n        endDate: selectedEndDate,\n\n        hoveredMonth: hoveringOverDate,\n\n        onHoverOver: onHoveredOverDay,\n        currentMonth,\n\n        onDayClicked: (date: dayjs.Dayjs) => {\n            onClickDate(date);\n        },\n        fixedStartDate: props.fixedStartDate,\n        theme: props.theme,\n    };\n\n    const printMonths = useMemo(\n        () => (\n            <>\n                <DateRangePickerMonth small={props.small} showingMonth={currentMonth} />\n                {props.showMultipleMonths && <DateRangePickerMonth small={props.small} showingMonth={currentMonth.add(1, 'month')} />}\n            </>\n        ),\n        [currentMonth, props.showMultipleMonths]\n    );\n\n    const calendarClassNames = classNames(styles['roomstay-calendar'], {\n        [styles['--small']]: props.small,\n        [styles['--single']]: !props.showMultipleMonths,\n        [styles['--specific']]: props.theme === EBookingWizardTheme.Specific,\n    });\n    const previousMonthOnClick = () => {\n        setCurrentMonth(currentMonth.subtract(1, 'month'));\n    };\n    const nextMonthOnClick = () => {\n        setCurrentMonth(currentMonth.add(1, 'month'));\n    };\n\n    const iconSize = props.theme === EBookingWizardTheme.Specific ? '16px' : '24px';\n    const iconBackground = props.theme === EBookingWizardTheme.Specific ? undefined : Color.Snow;\n\n    return (\n        <DateRangePickerContext.Provider value={context}>\n            <div ref={firstUpdate} className={calendarClassNames}>\n                <div className={styles['roomstay-calendar-navigation']}>\n                    <Icon\n                        className={styles['roomstay-calendar-arrow']}\n                        icon={IconType.ArrowLeft2}\n                        onClick={previousMonthOnClick}\n                        color={Color.Navy}\n                        backgroundColor={iconBackground}\n                        borderRadius=\"round\"\n                        size={iconSize}\n                    />\n                    <Icon\n                        className={styles['roomstay-calendar-arrow']}\n                        icon={IconType.ArrowRight2}\n                        onClick={nextMonthOnClick}\n                        color={Color.Navy}\n                        backgroundColor={iconBackground}\n                        borderRadius=\"round\"\n                        size={iconSize}\n                    />\n                </div>\n                {printMonths}\n            </div>\n        </DateRangePickerContext.Provider>\n    );\n}\n"]}
+{"version":3,"file":"DateRangePicker.js","sourceRoot":"/","sources":["src/components/generic/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAA8E;AAE9E,wCAAqC;AACrC,uEAAgE;AAEhE,4DAAoC;AAEpC,6CAA+B;AAC/B,wGAAqG;AACrG,qHAA6F;AAC7F,4EAA8D;AAC9D,0EAA4D;AAC5D,gGAAmD;AACnD,kEAAqE;AAErE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;AAC7B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;AAe5B,IAAK,sBAGJ;AAHD,WAAK,sBAAsB;IACvB,6EAAa,CAAA;IACb,yEAAW,CAAA;AACf,CAAC,EAHI,sBAAsB,KAAtB,sBAAsB,QAG1B;AAED,SAAwB,eAAe,CAAC,KAAsB;;IAC1D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;IAE9G,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAA,KAAK,CAAC,iBAAiB,mCAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/H,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAA,KAAK,CAAC,eAAe,mCAAI,IAAI,CAAC,CAAC;IAEtF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE/D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAE3I,MAAM,WAAW,GAAG,CAAO,OAAoB,EAAE,EAAE;QAC/C,IAAI,eAAe,GAA2B,IAAI,CAAC;QACnD,QAAQ,YAAY,EAAE;YAClB,QAAQ;YACR,KAAK,sBAAsB,CAAC,SAAS;gBACjC,eAAe,GAAG,sBAAsB,CAAC,OAAO,CAAC;gBACjD,oBAAoB,CAAC,OAAO,CAAC,CAAC;gBAC9B,kBAAkB,CAAC,IAAI,CAAC,CAAC;gBACzB,MAAM;YACV,KAAK,sBAAsB,CAAC,OAAO;gBAC/B,IAAI,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE;oBACrC,oBAAoB,CAAC,OAAO,CAAC,CAAC;oBAC9B,eAAe,GAAG,sBAAsB,CAAC,OAAO,CAAC;iBACpD;qBAAM;oBACH,eAAe,GAAG,sBAAsB,CAAC,SAAS,CAAC;oBAEnD,mBAAmB,CAAC,IAAI,CAAC,CAAC;oBAE1B,MAAM,gBAAgB,GAAG,OAAO,CAAC;oBAEjC,IAAI,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE;wBACnC,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;qBACtD;yBAAM;wBACH,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;qBACxC;iBACJ;gBAED,MAAM;SACb;QACD,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,CAAC,CAAA,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,GAAgB,EAAE,EAAE;QAC1C,IAAI,iBAAiB,IAAI,CAAC,eAAe,EAAE;YACvC,mBAAmB,CAAC,GAAG,CAAC,CAAC;SAC5B;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,cAAM,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,WAAW,CAAC,OAAO,EAAE;YACrB,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC;YAChC,OAAO;SACV;QAED,IAAI,KAAK,CAAC,kBAAkB,EAAE;YAC1B,KAAK,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;SAC/C;IACL,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,IAAA,uBAAe,EAAC,GAAG,EAAE;QACjB,IAAI,WAAW,CAAC,OAAO,EAAE;YACrB,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC;YAChC,OAAO;SACV;QAED,IAAI,KAAK,CAAC,gBAAgB,EAAE;YACxB,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;SAC3C;IACL,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,OAAO,GAAG;QACZ,KAAK,EAAE,KAAK,EAAE;QACd,WAAW,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE;QAC3B,SAAS,EAAE,iBAAiB;QAC5B,OAAO,EAAE,eAAe;QAExB,YAAY,EAAE,gBAAgB;QAE9B,WAAW,EAAE,gBAAgB;QAC7B,YAAY;QAEZ,YAAY,EAAE,CAAC,IAAiB,EAAE,EAAE;YAChC,WAAW,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;QACD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,KAAK,EAAE,KAAK,CAAC,KAAK;KACrB,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CAAC,CACF;QACI,oBAAC,8BAAoB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,GAAI;QACvE,KAAK,CAAC,kBAAkB,IAAI,oBAAC,8BAAoB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,GAAI,CACtH,CACN,EACD,CAAC,YAAY,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAC3C,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,qCAAM,CAAC,mBAAmB,CAAC,EAAE;QAC/D,CAAC,qCAAM,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK;QAChC,CAAC,qCAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,kBAAkB;QAC/C,CAAC,qCAAM,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,KAAK,mCAAmB,CAAC,QAAQ;KACvE,CAAC,CAAC;IACH,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,eAAe,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC;IACF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,eAAe,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,KAAK,mCAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAChF,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,KAAK,mCAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAK,CAAC,IAAI,CAAC;IAE7F,OAAO,CACH,oBAAC,+CAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QAC3C,6BAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,kBAAkB;YAChD,6BAAK,SAAS,EAAE,qCAAM,CAAC,8BAA8B,CAAC;gBAClD,oBAAC,cAAI,IACD,SAAS,EAAE,qCAAM,CAAC,yBAAyB,CAAC,EAC5C,IAAI,EAAE,eAAQ,CAAC,UAAU,EACzB,OAAO,EAAE,oBAAoB,EAC7B,KAAK,EAAE,aAAK,CAAC,IAAI,EACjB,eAAe,EAAE,cAAc,EAC/B,YAAY,EAAC,OAAO,EACpB,IAAI,EAAE,QAAQ,GAChB;gBACF,oBAAC,cAAI,IACD,SAAS,EAAE,qCAAM,CAAC,yBAAyB,CAAC,EAC5C,IAAI,EAAE,eAAQ,CAAC,WAAW,EAC1B,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,aAAK,CAAC,IAAI,EACjB,eAAe,EAAE,cAAc,EAC/B,YAAY,EAAC,OAAO,EACpB,IAAI,EAAE,QAAQ,GAChB,CACA;YACL,WAAW,CACV,CACwB,CACrC,CAAC;AACN,CAAC;AA9ID,kCA8IC","sourcesContent":["import * as React from 'react';\nimport { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { Color } from '@/util/Color';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nimport classNames from 'classnames';\n\nimport * as dayjs from 'dayjs';\nimport { DateRangePickerContext } from '@/components/generic/DateRangePicker/DateRangePickerContext';\nimport DateRangePickerMonth from '@/components/generic/DateRangePicker/DateRangePickerMonth';\nimport * as isSameOrBefore from 'dayjs/plugin/isSameOrBefore';\nimport * as isSameOrAfter from 'dayjs/plugin/isSameOrAfter';\nimport styles from './DateRangePicker.module.scss';\nimport { EBookingWizardTheme } from '../BookingWizard/BookingWizard';\n\ndayjs.extend(isSameOrBefore);\ndayjs.extend(isSameOrAfter);\n\nexport interface DatePickerProps {\n    selectedStartDate?: dayjs.Dayjs;\n    selectedEndDate?: dayjs.Dayjs;\n    // Includes default navigation arrows\n    showArrows?: boolean;\n    small?: boolean;\n    onStartDateChanged?: (date: dayjs.Dayjs) => void;\n    onEndDateChanged?: (date: dayjs.Dayjs) => void;\n    fixedStartDate?: boolean;\n    showMultipleMonths?: boolean;\n    theme?: EBookingWizardTheme;\n}\n\nenum EDateRangePickingState {\n    StartDate = 1,\n    EndDate = 2,\n}\n\nexport default function DateRangePicker(props: DatePickerProps) {\n    const [currentMonth, setCurrentMonth] = useState(props.selectedStartDate ? props.selectedStartDate : dayjs());\n\n    const [selectedStartDate, setSelectedStartDate] = useState(props.selectedStartDate ?? (props.fixedStartDate ? dayjs() : null));\n    const [selectedEndDate, setSelectedEndDate] = useState(props.selectedEndDate ?? null);\n\n    const [hoveringOverDate, setHoveringOverDate] = useState(null);\n\n    const [pickingState, setPickingState] = useState(props.fixedStartDate ? EDateRangePickingState.EndDate : EDateRangePickingState.StartDate);\n\n    const onClickDate = async (newDate: dayjs.Dayjs) => {\n        let newPickingState: EDateRangePickingState = null;\n        switch (pickingState) {\n            default:\n            case EDateRangePickingState.StartDate:\n                newPickingState = EDateRangePickingState.EndDate;\n                setSelectedStartDate(newDate);\n                setSelectedEndDate(null);\n                break;\n            case EDateRangePickingState.EndDate:\n                if (newDate.isBefore(selectedStartDate)) {\n                    setSelectedStartDate(newDate);\n                    newPickingState = EDateRangePickingState.EndDate;\n                } else {\n                    newPickingState = EDateRangePickingState.StartDate;\n\n                    setHoveringOverDate(null);\n\n                    const nextAvailableDay = newDate;\n\n                    if (newDate.isSame(selectedStartDate)) {\n                        setSelectedEndDate(nextAvailableDay.add(1, 'day'));\n                    } else {\n                        setSelectedEndDate(nextAvailableDay);\n                    }\n                }\n\n                break;\n        }\n        setPickingState(props.fixedStartDate ? EDateRangePickingState.EndDate : newPickingState);\n    };\n\n    const onHoveredOverDay = (day: dayjs.Dayjs) => {\n        if (selectedStartDate && !selectedEndDate) {\n            setHoveringOverDate(day);\n        }\n    };\n\n    const firstUpdate = useRef();\n\n    useEffect(() => {\n        if (firstUpdate.current) {\n            firstUpdate.current = undefined;\n            return;\n        }\n\n        if (props.onStartDateChanged) {\n            props.onStartDateChanged(selectedStartDate);\n        }\n    }, [selectedStartDate]);\n\n    useLayoutEffect(() => {\n        if (firstUpdate.current) {\n            firstUpdate.current = undefined;\n            return;\n        }\n\n        if (props.onEndDateChanged) {\n            props.onEndDateChanged(selectedEndDate);\n        }\n    }, [selectedEndDate]);\n\n    const context = {\n        today: dayjs(),\n        todayInUnix: dayjs().unix(),\n        startDate: selectedStartDate,\n        endDate: selectedEndDate,\n\n        hoveredMonth: hoveringOverDate,\n\n        onHoverOver: onHoveredOverDay,\n        currentMonth,\n\n        onDayClicked: (date: dayjs.Dayjs) => {\n            onClickDate(date);\n        },\n        fixedStartDate: props.fixedStartDate,\n        theme: props.theme,\n    };\n\n    const printMonths = useMemo(\n        () => (\n            <>\n                <DateRangePickerMonth small={props.small} showingMonth={currentMonth} />\n                {props.showMultipleMonths && <DateRangePickerMonth small={props.small} showingMonth={currentMonth.add(1, 'month')} />}\n            </>\n        ),\n        [currentMonth, props.showMultipleMonths]\n    );\n\n    const calendarClassNames = classNames(styles['roomstay-calendar'], {\n        [styles['--small']]: props.small,\n        [styles['--single']]: !props.showMultipleMonths,\n        [styles['--specific']]: props.theme === EBookingWizardTheme.Specific,\n    });\n    const previousMonthOnClick = () => {\n        setCurrentMonth(currentMonth.subtract(1, 'month'));\n    };\n    const nextMonthOnClick = () => {\n        setCurrentMonth(currentMonth.add(1, 'month'));\n    };\n\n    const iconSize = props.theme === EBookingWizardTheme.Specific ? '16px' : '24px';\n    const iconBackground = props.theme === EBookingWizardTheme.Specific ? undefined : Color.Snow;\n\n    return (\n        <DateRangePickerContext.Provider value={context}>\n            <div ref={firstUpdate} className={calendarClassNames}>\n                <div className={styles['roomstay-calendar-navigation']}>\n                    <Icon\n                        className={styles['roomstay-calendar-arrow']}\n                        icon={IconType.ArrowLeft2}\n                        onClick={previousMonthOnClick}\n                        color={Color.Navy}\n                        backgroundColor={iconBackground}\n                        borderRadius=\"round\"\n                        size={iconSize}\n                    />\n                    <Icon\n                        className={styles['roomstay-calendar-arrow']}\n                        icon={IconType.ArrowRight2}\n                        onClick={nextMonthOnClick}\n                        color={Color.Navy}\n                        backgroundColor={iconBackground}\n                        borderRadius=\"round\"\n                        size={iconSize}\n                    />\n                </div>\n                {printMonths}\n            </div>\n        </DateRangePickerContext.Provider>\n    );\n}\n"]}

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

@@ -1,5 +1,5 @@
 import * as dayjs from 'dayjs';
-import { Color } from 'util/Color';
+import { Color } from '../../../../util/Color';
 interface DatePickerDayProps {
     text: any;
     day?: dayjs.Dayjs | any;

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

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePickerDayStatus = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Text_1 = __importStar(require("components/generic/Text"));
-const DateRangePickerContext_1 = require("components/generic/DateRangePicker/DateRangePickerContext");
+const Text_1 = __importStar(require("../../../../components/generic/Text"));
+const DateRangePickerContext_1 = require("../../../../components/generic/DateRangePicker/DateRangePickerContext");
 const classnames_1 = __importDefault(require("classnames"));
 const DateRangePicker_module_scss_1 = __importDefault(require("./DateRangePicker.module.scss"));
 const BookingWizard_1 = require("../BookingWizard/BookingWizard");