@roomstay/frontend 2.6.88 → 2.6.89-2

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerDay.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerDay.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, DatePickerContext } from '@frontend/contexts';\nimport { IAvailableNightStay, useCalendarNightStay, useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AvailabilityAPI from '@/api/AvailabilityAPI';\nimport API from '@/api/BookingAPI';\nimport Currency from '@/components/generic/Currency';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport { Color } from '@/util/Color';\ninterface DatePickerDayProps {\n    text: any;\n    day?: dayjs.Dayjs | any;\n    unix: number;\n    price?: Promise<number>;\n    statuses?: DatePickerDayStatus[];\n    selectable?: boolean;\n    onClick?: (day: string) => void;\n    onHover?: (day: string, status: boolean) => void;\n    displayType?: 'month' | 'week';\n    readOnly?: boolean;\n}\n\nexport enum DatePickerDayStatus {\n    Inactive = 0,\n    Selecting = '--selecting',\n    Loading = '--loading',\n    Selected = '--selected',\n}\n\nexport default function DatePickerDay(props: DatePickerDayProps) {\n    const { hotel } = useCurrentHotel();\n    const { memberNumber } = useSignedInMember();\n    const { t } = useTranslation();\n\n    const datePickerContext = useContext(DatePickerContext);\n    const basketContext = useContext(BasketContext);\n    const { checkAvailableNightStay } = useCalendarNightStay({ basketContext });\n\n    const [price, setPrice] = useState<number>();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [isHovering, setIsHovering] = useState(false);\n    const [isSelected, setIsSelected] = useState(false);\n    const [isSelecting, setIsSelecting] = useState(false);\n\n    const [isFirst, setIsFirst] = useState(false);\n    const [isLast, setIsLast] = useState(false);\n\n    const isCurrent = props.day && (datePickerContext.today as Dayjs).isSame(props.day, 'date');\n    const isPast = props.unix < datePickerContext.todayInUnix && !isCurrent;\n\n    const { selectedBasketRow } = basketContext;\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const adults = selectedBasketRow ? selectedBasketRow.getAdults() : 1;\n        const children = selectedBasketRow ? selectedBasketRow.getChildren() : 0;\n        const infants = selectedBasketRow ? selectedBasketRow.getInfants() : 0;\n        const promoCode = selectedBasketRow ? selectedBasketRow.getPromoCode() : '';\n        const roomCode = datePickerContext.roomCode;\n\n        if (props.day && !isPast) {\n            if (hotel) {\n                setPrice(0);\n\n                setIsLoading(true);\n\n                // If dates are selected, the errors from the /availability call take precedence.\n                const parseErrors = !datePickerContext.startDate;\n\n                API.Availability.getCheapestPriceForDay(props.day, adults, children, infants, promoCode, roomCode, hotel.hotelID, memberNumber, parseErrors).then(\n                    (foundedPrice) => {\n                        if (!cancelled) {\n                            if (foundedPrice) {\n                                setPrice(foundedPrice.price);\n\n                                if (datePickerContext.maxPrice < AvailabilityAPI.maxNightPrice) {\n                                    datePickerContext.setMaxPrice(AvailabilityAPI.maxNightPrice);\n                                }\n                            }\n\n                            setIsLoading(false);\n                        }\n                    }\n                );\n            } else {\n                datePickerContext.setMaxPrice(-1);\n                setPrice(-1);\n                setIsLoading(false);\n            }\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [\n        props.day,\n        selectedBasketRow?.getAdults(),\n        selectedBasketRow?.getChildren(),\n        selectedBasketRow?.getInfants(),\n        selectedBasketRow?.getPromoCode(),\n        datePickerContext.roomCode,\n        memberNumber,\n    ]);\n\n    useEffect(() => {\n        if (datePickerContext.hoveredMonth) {\n            if (props.unix && (datePickerContext.startDate as Dayjs).isBefore(props.day, 'date') && datePickerContext.hoveredMonth.isSameOrAfter(props.day, 'date')) {\n                setIsSelecting(true);\n\n                if (datePickerContext.hoveredMonth.isSame(props.day, 'date') || (datePickerContext.endDate && datePickerContext.endDate.isSame(props.day))) {\n                    setIsLast(true);\n                } else {\n                    setIsLast(false);\n                }\n                return;\n            }\n        }\n\n        setIsSelecting(false);\n        setIsLast(false);\n    }, [datePickerContext.hoveredMonth, props.day]);\n\n    useEffect(() => {\n        if (props.unix && datePickerContext.startDate) {\n            if (datePickerContext.startDate?.isSameOrBefore(props.day, 'date') && datePickerContext.endDate?.isSameOrAfter(props.day, 'date')) {\n                setIsSelected(true);\n\n                if (datePickerContext.endDate?.isSame(props.day, 'date')) {\n                    setIsLast(true);\n                }\n\n                return;\n            }\n\n            if (datePickerContext.startDate.isSame(props.day, 'date')) {\n                setIsFirst(true);\n                setIsSelected(true);\n\n                return;\n            }\n        }\n\n        setIsSelected(false);\n        setIsFirst(false);\n        setIsLast(false);\n    }, [datePickerContext.startDate, datePickerContext.endDate, props.day]);\n\n    const memo = useMemo(() => {\n        const onHoverIn = (e: React.MouseEvent) => {\n            datePickerContext.onHoverOver(props.day);\n            setIsHovering(true);\n        };\n\n        const onHoverOut = (e: React.MouseEvent) => {\n            setIsHovering(false);\n        };\n\n        const isSelectable = (): boolean => {\n            return !!(props.day && props.selectable && !isLoading && !isPast && (price || !hotel));\n        };\n\n        const onClick = (e: React.MouseEvent) => {\n            datePickerContext.onDayClicked(props.day);\n        };\n\n        const availableNightStay: IAvailableNightStay = checkAvailableNightStay({\n            arrivalNightStay: datePickerContext?.arrivalNightStay,\n            startDate: datePickerContext.startDate,\n            dateToCheck: props.day,\n        });\n\n        const isDateInSelectedRange = (): boolean => {\n            if (props.day && datePickerContext.startDate && datePickerContext.endDate) {\n                if (props.day <= datePickerContext.endDate && props.day >= datePickerContext.startDate) {\n                    return true;\n                }\n            }\n            return false;\n        };\n        const isDateBeforeArrivalDate: boolean = props.day && datePickerContext.startDate && datePickerContext.startDate.isAfter(props.day);\n        const isNightStayAvailable = (): boolean => {\n            if (datePickerContext.endDate && datePickerContext.startDate) {\n                //selected both Arrival/Departure date\n                return datePickerContext.startDate.isAfter(props.day) || datePickerContext.endDate.isBefore(props.day);\n            } else if (datePickerContext.startDate) {\n                //selected Arrival date only\n                return availableNightStay.available && !isDateBeforeArrivalDate;\n            } else {\n                //no selected date\n                return true;\n            }\n        };\n\n        // This is insane, needs to be re-worked\n        const hovered = isHovering && isSelectable() && !isDateInSelectedRange() && datePickerContext.hoveredMonth?.isSame?.(props.day, 'date');\n\n        const classes = classNames(`diji-calendar-${props.displayType ?? 'month'}--item`, {\n            '--selectable': isSelectable(),\n            '--hovered': hovered,\n            '--past': !isSelectable(),\n            '--current': isCurrent,\n            '--first': isFirst,\n            '--last': isLast,\n            '--loading': isLoading,\n            '--selected': isSelected,\n            '--selecting': isSelecting && !isSelected,\n            '--night-stay-unavailable': !isNightStayAvailable(),\n        });\n\n        const events: any = {};\n\n        if (!props.readOnly) {\n            //Disable all event listeners\n            events.onMouseEnter = onHoverIn;\n            events.onMouseLeave = onHoverOut;\n            events.onClick = onClick;\n        }\n\n        const getTooltipTitleSetting = () => {\n            let titleTooltip = {\n                BlockedDate: t(Translation.Step.Date.NightStayRequirement.BlockedDate),\n                DateBeforeArrivalDate: t(Translation.Step.Date.NightStayRequirement.DateBeforeArrivalDate),\n                ArrivalDate: '',\n                BetweenArrivalDateMinDepartureDate: t(Translation.Step.Date.NightStayRequirement.BetweenArrivalDateMinDepartureDate),\n                AvailableDate: '',\n                DateInSelectedRange: '',\n                DateAfterMaxDepartureDate: t(Translation.Step.Date.NightStayRequirement.DateAfterMaxDepartureDate),\n            };\n            if (datePickerContext?.endDate) {\n                const ChangeArrivalDate = t(Translation.Step.Date.NightStayRequirement.ChangeArrivalDate);\n                titleTooltip = {\n                    BlockedDate: '',\n                    DateBeforeArrivalDate: ChangeArrivalDate,\n                    ArrivalDate: t(Translation.Step.Date.NightStayRequirement.PickAgain),\n                    BetweenArrivalDateMinDepartureDate: ChangeArrivalDate,\n                    AvailableDate: ChangeArrivalDate,\n                    DateInSelectedRange: ChangeArrivalDate,\n                    DateAfterMaxDepartureDate: ChangeArrivalDate,\n                };\n            }\n            return titleTooltip;\n        };\n\n        const getTooltipTitle = () => {\n            const setting = getTooltipTitleSetting();\n            if (!price) {\n                //Blocked dates\n                return setting.BlockedDate;\n            }\n\n            if (availableNightStay.minDate) {\n                if (props?.day.isAfter(datePickerContext.startDate) && availableNightStay.minDate?.isAfter(props.day)) {\n                    //Dates between Arrival date and Min Departure Date\n                    return setting.BetweenArrivalDateMinDepartureDate;\n                }\n            }\n\n            if (availableNightStay.available) {\n                //Available dates\n                if (isDateBeforeArrivalDate) {\n                    //Date before Arrival date (case when hotel have no min./max. nights stay)\n                    return setting.DateBeforeArrivalDate;\n                }\n                return setting.AvailableDate;\n            } else {\n                //unavailable dates\n                if (datePickerContext.startDate?.isAfter(props.day)) {\n                    //Date before Arrival date\n                    return setting.DateBeforeArrivalDate;\n                }\n                if (datePickerContext.startDate?.isSame(props.day)) {\n                    //Date is Arrival date\n                    return setting.ArrivalDate;\n                }\n                if (availableNightStay.minDate) {\n                    if (availableNightStay.minDate?.isAfter(props.day)) {\n                        //Dates before Min Departure Date\n                        return setting.BetweenArrivalDateMinDepartureDate;\n                    }\n                }\n\n                if (availableNightStay.maxDate) {\n                    if (availableNightStay.maxDate?.isBefore(props.day)) {\n                        // //Dates after Max Departure Date\n                        return setting.DateAfterMaxDepartureDate;\n                    }\n                }\n                return null;\n            }\n        };\n\n        const priceBlock =\n            props.day && props.selectable && !isPast && (price || (isLoading && !price)) && (price as number) >= 0 ? (\n                <div className={`diji-calendar-${props.displayType ?? 'month'}--item-cost`}>\n                    {isLoading ? (\n                        <div className=\"u-inline-flex a-spin\">\n                            <Icon color={Color.Accent} icon={IconType.Spinner} size=\"14px\" />\n                        </div>\n                    ) : (\n                        <Text type={TextType.Label}>\n                            <Currency shortenThousandsAfter={6} removeCurrencyAfterChar={5} forceHideDecimals disableLocalization>\n                                {price}\n                            </Currency>\n                        </Text>\n                    )}\n                </div>\n            ) : (\n                <></>\n            );\n\n        if (props.displayType === 'week') {\n            let height = 0;\n            const range = ((price as number) / AvailabilityAPI.maxNightPrice) * 100;\n\n            if (isSelectable()) {\n                if (range < 10) {\n                    height = 10;\n                } else if (range > 90) {\n                    height = 90;\n                } else {\n                    height = range;\n                }\n            } else {\n                if (!isLoading) {\n                    height = 95;\n                }\n            }\n\n            return (\n                <div className={classes} {...events}>\n                    {props.text === '1' && <div className=\"diji-calendar-week--month-indicator\">{props.day.format('MMMM')}</div>}\n                    <div className=\"diji-calendar-week--day-label\">{props.day.format('dd')}</div>\n                    <div className=\"diji-calendar-week--day-digit\">\n                        <Text>{props.text}</Text>\n                    </div>\n                    <div className=\"diji-calendar-week--price-indicator\">\n                        <div className=\"diji-calendar-week--price-indicator-block\" style={{ maxHeight: `${height}%` }} />\n                    </div>\n                    {priceBlock}\n                </div>\n            );\n        } else {\n            if (datePickerContext.startDate) {\n                const tooltipTitle = getTooltipTitle();\n                if (tooltipTitle) {\n                    return (\n                        <div className={classes} {...events}>\n                            {/* Use hovered to fix the confict events's onMouseLeave/onMouseLeave with (Tooltip) */}\n                            <Tooltip title={tooltipTitle} usePortal open={hovered} preventMouseInteraction>\n                                <Text>{props.text}</Text>\n                                {priceBlock}\n                            </Tooltip>\n                        </div>\n                    );\n                }\n            }\n\n            return (\n                <div className={classes} {...events}>\n                    <div>\n                        <Text>{props.text}</Text>\n                        {priceBlock}\n                    </div>\n                </div>\n            );\n        }\n    }, [\n        isFirst,\n        isLast,\n        isSelecting,\n        isSelected,\n        isHovering,\n        isLoading,\n        props.unix,\n        datePickerContext.hoveredMonth,\n        datePickerContext.startDate,\n        datePickerContext.endDate,\n        basketContext,\n        datePickerContext.maxPrice,\n        hotel,\n        datePickerContext?.arrivalNightStay,\n        datePickerContext?.nightStayValidation,\n        props.day,\n        props.readOnly,\n    ]);\n\n    return memo;\n}\n"]}
+{"version":3,"file":"DatePickerDay.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerDay.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, DatePickerContext } from '@frontend/contexts';\nimport { IAvailableNightStay, useCalendarNightStay, useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AvailabilityAPI from '@/api/AvailabilityAPI';\nimport API from '@/api/BookingAPI';\nimport Currency from '@/components/generic/Currency';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport { Color } from '@/util/Color';\ninterface DatePickerDayProps {\n    text: any;\n    day?: dayjs.Dayjs | any;\n    unix: number;\n    price?: Promise<number>;\n    statuses?: DatePickerDayStatus[];\n    selectable?: boolean;\n    onClick?: (day: string) => void;\n    onHover?: (day: string, status: boolean) => void;\n    displayType?: 'month' | 'week';\n    readOnly?: boolean;\n}\n\nexport enum DatePickerDayStatus {\n    Inactive = 0,\n    Selecting = '--selecting',\n    Loading = '--loading',\n    Selected = '--selected',\n}\n\nexport default function DatePickerDay(props: DatePickerDayProps) {\n    const { hotel } = useCurrentHotel();\n    const { memberNumber } = useSignedInMember();\n    const { t } = useTranslation();\n\n    const datePickerContext = useContext(DatePickerContext);\n    const basketContext = useContext(BasketContext);\n    const { checkAvailableNightStay } = useCalendarNightStay({ basketContext });\n\n    const [price, setPrice] = useState<number>();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [isHovering, setIsHovering] = useState(false);\n    const [isSelected, setIsSelected] = useState(false);\n    const [isSelecting, setIsSelecting] = useState(false);\n\n    const [isFirst, setIsFirst] = useState(false);\n    const [isLast, setIsLast] = useState(false);\n\n    const isCurrent = props.day && (datePickerContext.today as Dayjs).isSame(props.day, 'date');\n    const isPast = props.unix < datePickerContext.todayInUnix && !isCurrent;\n\n    const { selectedBasketRow } = basketContext;\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const adults = selectedBasketRow ? selectedBasketRow.getAdults() : 1;\n        const children = selectedBasketRow ? selectedBasketRow.getChildren() : 0;\n        const infants = selectedBasketRow ? selectedBasketRow.getInfants() : 0;\n        const promoCode = selectedBasketRow ? selectedBasketRow.getPromoCode() : '';\n        const roomCode = datePickerContext.roomCode;\n\n        if (props.day && !isPast) {\n            if (hotel) {\n                setPrice(0);\n\n                setIsLoading(true);\n\n                // If dates are selected, the errors from the /availability call take precedence.\n                const parseErrors = !datePickerContext.startDate;\n\n                API.Availability.getCheapestPriceForDay(props.day, adults, children, infants, promoCode, roomCode, hotel.hotelID, memberNumber, parseErrors).then(\n                    (foundedPrice) => {\n                        if (!cancelled) {\n                            if (foundedPrice) {\n                                setPrice(foundedPrice.price);\n\n                                if (datePickerContext.maxPrice < AvailabilityAPI.maxNightPrice) {\n                                    datePickerContext.setMaxPrice(AvailabilityAPI.maxNightPrice);\n                                }\n                            }\n\n                            setIsLoading(false);\n                        }\n                    }\n                );\n            } else {\n                datePickerContext.setMaxPrice(-1);\n                setPrice(-1);\n                setIsLoading(false);\n            }\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [\n        props.day,\n        selectedBasketRow?.getAdults(),\n        selectedBasketRow?.getChildren(),\n        selectedBasketRow?.getInfants(),\n        selectedBasketRow?.getPromoCode(),\n        datePickerContext.roomCode,\n        memberNumber,\n    ]);\n\n    useEffect(() => {\n        if (datePickerContext.hoveredMonth) {\n            if (props.unix && (datePickerContext.startDate as Dayjs).isBefore(props.day, 'date') && datePickerContext.hoveredMonth.isSameOrAfter(props.day, 'date')) {\n                setIsSelecting(true);\n\n                if (datePickerContext.hoveredMonth.isSame(props.day, 'date') || (datePickerContext.endDate && datePickerContext.endDate.isSame(props.day))) {\n                    setIsLast(true);\n                } else {\n                    setIsLast(false);\n                }\n                return;\n            }\n        }\n\n        setIsSelecting(false);\n        setIsLast(false);\n    }, [datePickerContext.hoveredMonth, props.day]);\n\n    useEffect(() => {\n        if (props.unix && datePickerContext.startDate) {\n            if (datePickerContext.startDate?.isSameOrBefore(props.day, 'date') && datePickerContext.endDate?.isSameOrAfter(props.day, 'date')) {\n                setIsSelected(true);\n\n                if (datePickerContext.endDate?.isSame(props.day, 'date')) {\n                    setIsLast(true);\n                }\n\n                return;\n            }\n\n            if (datePickerContext.startDate.isSame(props.day, 'date')) {\n                setIsFirst(true);\n                setIsSelected(true);\n\n                return;\n            }\n        }\n\n        setIsSelected(false);\n        setIsFirst(false);\n        setIsLast(false);\n    }, [datePickerContext.startDate, datePickerContext.endDate, props.day]);\n\n    const memo = useMemo(() => {\n        const onHoverIn = (e: React.MouseEvent) => {\n            datePickerContext.onHoverOver(props.day);\n            setIsHovering(true);\n        };\n\n        const onHoverOut = (e: React.MouseEvent) => {\n            setIsHovering(false);\n        };\n\n        const isSelectable = (): boolean => {\n            return !!(props.day && props.selectable && !isLoading && !isPast && (price || !hotel));\n        };\n\n        const onClick = (e: React.MouseEvent) => {\n            datePickerContext.onDayClicked(props.day);\n        };\n\n        const availableNightStay: IAvailableNightStay = checkAvailableNightStay({\n            arrivalNightStay: datePickerContext?.arrivalNightStay,\n            startDate: datePickerContext.startDate,\n            dateToCheck: props.day,\n        });\n\n        const isDateInSelectedRange = (): boolean => {\n            if (props.day && datePickerContext.startDate && datePickerContext.endDate) {\n                if (props.day <= datePickerContext.endDate && props.day >= datePickerContext.startDate) {\n                    return true;\n                }\n            }\n            return false;\n        };\n        const isDateBeforeArrivalDate: boolean = props.day && datePickerContext.startDate && datePickerContext.startDate.isAfter(props.day);\n        const isNightStayAvailable = (): boolean => {\n            if (datePickerContext.endDate && datePickerContext.startDate) {\n                //selected both Arrival/Departure date\n                return datePickerContext.startDate.isAfter(props.day) || datePickerContext.endDate.isBefore(props.day);\n            } else if (datePickerContext.startDate) {\n                //selected Arrival date only\n                return availableNightStay.available && !isDateBeforeArrivalDate;\n            } else {\n                //no selected date\n                return true;\n            }\n        };\n\n        // This is insane, needs to be re-worked\n        const hovered = isHovering && isSelectable() && !isDateInSelectedRange() && datePickerContext.hoveredMonth?.isSame?.(props.day, 'date');\n\n        const classes = classNames(`diji-calendar-${props.displayType ?? 'month'}--item`, {\n            '--selectable': isSelectable(),\n            '--hovered': hovered,\n            '--past': !isSelectable(),\n            '--current': isCurrent,\n            '--first': isFirst,\n            '--last': isLast,\n            '--loading': isLoading,\n            '--selected': isSelected,\n            '--selecting': isSelecting && !isSelected,\n            '--night-stay-unavailable': !isNightStayAvailable(),\n        });\n\n        const events: any = {};\n\n        if (!props.readOnly) {\n            //Disable all event listeners\n            events.onMouseEnter = onHoverIn;\n            events.onMouseLeave = onHoverOut;\n            events.onClick = onClick;\n        }\n\n        const getTooltipTitleSetting = () => {\n            let titleTooltip = {\n                BlockedDate: t(Translation.Step.Date.NightStayRequirement.BlockedDate),\n                DateBeforeArrivalDate: t(Translation.Step.Date.NightStayRequirement.DateBeforeArrivalDate),\n                ArrivalDate: '',\n                BetweenArrivalDateMinDepartureDate: t(Translation.Step.Date.NightStayRequirement.BetweenArrivalDateMinDepartureDate),\n                AvailableDate: '',\n                DateInSelectedRange: '',\n                DateAfterMaxDepartureDate: t(Translation.Step.Date.NightStayRequirement.DateAfterMaxDepartureDate),\n            };\n            if (datePickerContext?.endDate) {\n                const ChangeArrivalDate = t(Translation.Step.Date.NightStayRequirement.ChangeArrivalDate);\n                titleTooltip = {\n                    BlockedDate: '',\n                    DateBeforeArrivalDate: ChangeArrivalDate,\n                    ArrivalDate: t(Translation.Step.Date.NightStayRequirement.PickAgain),\n                    BetweenArrivalDateMinDepartureDate: ChangeArrivalDate,\n                    AvailableDate: ChangeArrivalDate,\n                    DateInSelectedRange: ChangeArrivalDate,\n                    DateAfterMaxDepartureDate: ChangeArrivalDate,\n                };\n            }\n            return titleTooltip;\n        };\n\n        const getTooltipTitle = () => {\n            const setting = getTooltipTitleSetting();\n            if (!price) {\n                //Blocked dates\n                return setting.BlockedDate;\n            }\n\n            if (availableNightStay.minDate) {\n                if (props?.day.isAfter(datePickerContext.startDate) && availableNightStay.minDate?.isAfter(props.day)) {\n                    //Dates between Arrival date and Min Departure Date\n                    return setting.BetweenArrivalDateMinDepartureDate;\n                }\n            }\n\n            if (availableNightStay.available) {\n                //Available dates\n                if (isDateBeforeArrivalDate) {\n                    //Date before Arrival date (case when hotel have no min./max. nights stay)\n                    return setting.DateBeforeArrivalDate;\n                }\n                return setting.AvailableDate;\n            } else {\n                //unavailable dates\n                if (datePickerContext.startDate?.isAfter(props.day)) {\n                    //Date before Arrival date\n                    return setting.DateBeforeArrivalDate;\n                }\n                if (datePickerContext.startDate?.isSame(props.day)) {\n                    //Date is Arrival date\n                    return setting.ArrivalDate;\n                }\n                if (availableNightStay.minDate) {\n                    if (availableNightStay.minDate?.isAfter(props.day)) {\n                        //Dates before Min Departure Date\n                        return setting.BetweenArrivalDateMinDepartureDate;\n                    }\n                }\n\n                if (availableNightStay.maxDate) {\n                    if (availableNightStay.maxDate?.isBefore(props.day)) {\n                        // //Dates after Max Departure Date\n                        return setting.DateAfterMaxDepartureDate;\n                    }\n                }\n                return null;\n            }\n        };\n\n        const priceBlock =\n            props.day && props.selectable && !isPast && (price || (isLoading && !price)) && (price as number) >= 0 ? (\n                <div className={`diji-calendar-${props.displayType ?? 'month'}--item-cost`}>\n                    {isLoading ? (\n                        <div className=\"u-inline-flex a-spin\">\n                            <Icon color={Color.Accent} icon={IconType.Spinner} size=\"14px\" />\n                        </div>\n                    ) : (\n                        <Text type={TextType.Label}>\n                            <Currency shortenThousandsAfter={6} removeCurrencyAfterChar={5} forceHideDecimals disableLocalization>\n                                {price}\n                            </Currency>\n                        </Text>\n                    )}\n                </div>\n            ) : (\n                <></>\n            );\n\n        if (props.displayType === 'week') {\n            let height = 0;\n            const range = ((price as number) / AvailabilityAPI.maxNightPrice) * 100;\n\n            if (isSelectable()) {\n                if (range < 10) {\n                    height = 10;\n                } else if (range > 90) {\n                    height = 90;\n                } else {\n                    height = range;\n                }\n            } else {\n                if (!isLoading) {\n                    height = 95;\n                }\n            }\n\n            return (\n                <div className={classes} {...events}>\n                    {props.text === '1' && <div className=\"diji-calendar-week--month-indicator\">{props.day.format('MMMM')}</div>}\n                    <div className=\"diji-calendar-week--day-label\">{props.day.format('dd')}</div>\n                    <div className=\"diji-calendar-week--day-digit\">\n                        <Text>{props.text}</Text>\n                    </div>\n                    <div className=\"diji-calendar-week--price-indicator\">\n                        <div className=\"diji-calendar-week--price-indicator-block\" style={{ maxHeight: `${height}%` }} />\n                    </div>\n                    {priceBlock}\n                </div>\n            );\n        } else {\n            if (datePickerContext.startDate) {\n                const tooltipTitle = getTooltipTitle();\n                if (tooltipTitle) {\n                    return (\n                        <div className={classes} {...events}>\n                            {/* Use hovered to fix the confict events's onMouseLeave/onMouseLeave with (Tooltip) */}\n                            <Tooltip title={tooltipTitle} usePortal open={hovered} preventMouseInteraction>\n                                <Text>{props.text}</Text>\n                                {priceBlock}\n                            </Tooltip>\n                        </div>\n                    );\n                }\n            }\n\n            return (\n                <div className={classes} {...events}>\n                    <div>\n                        <Text>{props.text}</Text>\n                        {priceBlock}\n                    </div>\n                </div>\n            );\n        }\n    }, [\n        isFirst,\n        isLast,\n        isSelecting,\n        isSelected,\n        isHovering,\n        isLoading,\n        props.unix,\n        datePickerContext.hoveredMonth,\n        datePickerContext.startDate,\n        datePickerContext.endDate,\n        basketContext,\n        datePickerContext.maxPrice,\n        hotel,\n        datePickerContext?.arrivalNightStay,\n        datePickerContext?.nightStayValidation,\n        props.day,\n        props.readOnly,\n    ]);\n\n    return memo;\n}\n"]}

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

@@ -1,8 +1,7 @@
 import dayjs from 'dayjs';
-import React from 'react';
 interface DatePickerDaysProps {
     showingMonth: dayjs.Dayjs;
     readOnly?: boolean;
 }
-export default function DatePickerDays(props: DatePickerDaysProps): React.JSX.Element;
+export default function DatePickerDays(props: DatePickerDaysProps): JSX.Element;
 export {};

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = DatePickerDays;
 const hooks_1 = require("../../../hooks/index.js");
 const react_1 = __importStar(require("react"));
 const DatePickerDay_1 = __importDefault(require("./DatePickerDay"));
@@ -53,4 +42,5 @@ function DatePickerDays(props) {
     }))), [showingMonth, startsWeekOnDay, readOnly]);
     return days;
 }
+exports.default = DatePickerDays;
 //# sourceMappingURL=DatePickerDays.js.map

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

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

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

@@ -1,9 +1,8 @@
 import dayjs from 'dayjs';
-import React from 'react';
 interface DatePickerMonthProps {
     showingMonth: dayjs.Dayjs;
     small?: boolean;
     readOnly?: boolean;
 }
-export default function DatePickerMonth(props: DatePickerMonthProps): React.JSX.Element;
+export default function DatePickerMonth(props: DatePickerMonthProps): JSX.Element;
 export {};

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = DatePickerMonth;
 const contexts_1 = require("../../../contexts/index.js");
 const hooks_1 = require("../../../hooks/index.js");
 const react_1 = __importStar(require("react"));
@@ -63,4 +52,5 @@ function DatePickerMonth(props) {
             dayLetters,
             react_1.default.createElement(DatePickerDays_1.default, { showingMonth: showingMonth, readOnly: readOnly }))));
 }
+exports.default = DatePickerMonth;
 //# sourceMappingURL=DatePickerMonth.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerMonth.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerMonth.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,kCA4BC;AA7CD,iDAA2D;AAC3D,2CAAkD;AAElD,+CAAmD;AAEnD,4FAAoE;AACpE,8FAAsE;AACtE,kEAA2D;AAC3D,uFAA8E;AAC9E,0DAA4D;AAQ5D,SAAwB,eAAe,CAAC,KAA2B;IAC/D,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IACpF,MAAM,UAAU,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE;;QACD,OAAA,IAAA,oCAAmB,EAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,mCAAI,uCAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE;YACrG,OAAO,8BAAC,uBAAa,IAAC,GAAG,EAAE,KAAK,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,QAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;QAClG,CAAC,CAAC,CAAA;KAAA,EACN,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,CAAC,CAC3B,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAE,qBAAqB,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9E,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;YACrB,8CAAS,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAU;YAC7C,kBAAkB,IAAI,CACnB,0CAAQ,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,SAAS,EAAC,iCAAiC,IAC7E,YAAY,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAC/D,CACZ,CACE;QACP,uCAAK,SAAS,EAAC,4BAA4B;YACtC,UAAU;YACX,8BAAC,wBAAc,IAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAChE,CACJ,CACT,CAAC;AACN,CAAC","sourcesContent":["import { HotelOverridesContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport dayjs from 'dayjs';\nimport React, { useContext, useMemo } from 'react';\n\nimport DatePickerDay from '@/components/generic/date/DatePickerDay';\nimport DatePickerDays from '@/components/generic/date/DatePickerDays';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport { getLetterDaysOfWeek } from '@/util/CalendarHelper';\n\ninterface DatePickerMonthProps {\n    showingMonth: dayjs.Dayjs;\n    small?: boolean;\n    readOnly?: boolean;\n}\n\nexport default function DatePickerMonth(props: DatePickerMonthProps) {\n    const { showingMonth, readOnly } = props;\n    const { hotel } = useCurrentHotel();\n    const { showYearOnCalendar, yearDisplayOption } = useContext(HotelOverridesContext);\n    const dayLetters = useMemo(\n        () =>\n            getLetterDaysOfWeek(hotel?.startsWeekOnDay ?? WeekdayStartsOn.Monday).map((day: string, index: number) => {\n                return <DatePickerDay key={index + day} text={day} selectable unix={0} readOnly={readOnly} />;\n            }),\n        [hotel?.startsWeekOnDay]\n    );\n\n    return (\n        <div className={'diji-calendar-month' + (props.small ? ' u-pad-bottom--none' : '')}>\n            <Text type={TextType.Body}>\n                <strong>{showingMonth.format('MMMM')}</strong>\n                {showYearOnCalendar && (\n                    <strong style={{ paddingLeft: '8px' }} className=\"roomstay-calendar-year-fullpage\">\n                        {showingMonth.format(yearDisplayOption ? yearDisplayOption : 'YYYY')}\n                    </strong>\n                )}\n            </Text>\n            <div className=\"diji-calendar-month--items\">\n                {dayLetters}\n                <DatePickerDays showingMonth={showingMonth} readOnly={readOnly} />\n            </div>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"DatePickerMonth.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerMonth.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA2D;AAC3D,2CAAkD;AAElD,+CAAmD;AAEnD,4FAAoE;AACpE,8FAAsE;AACtE,kEAA2D;AAC3D,uFAA8E;AAC9E,0DAA4D;AAQ5D,SAAwB,eAAe,CAAC,KAA2B;IAC/D,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IACpF,MAAM,UAAU,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE;;QACD,OAAA,IAAA,oCAAmB,EAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,mCAAI,uCAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE;YACrG,OAAO,8BAAC,uBAAa,IAAC,GAAG,EAAE,KAAK,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,QAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;QAClG,CAAC,CAAC,CAAA;KAAA,EACN,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,CAAC,CAC3B,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAE,qBAAqB,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9E,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;YACrB,8CAAS,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAU;YAC7C,kBAAkB,IAAI,CACnB,0CAAQ,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,SAAS,EAAC,iCAAiC,IAC7E,YAAY,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAC/D,CACZ,CACE;QACP,uCAAK,SAAS,EAAC,4BAA4B;YACtC,UAAU;YACX,8BAAC,wBAAc,IAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAChE,CACJ,CACT,CAAC;AACN,CAAC;AA5BD,kCA4BC","sourcesContent":["import { HotelOverridesContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport dayjs from 'dayjs';\nimport React, { useContext, useMemo } from 'react';\n\nimport DatePickerDay from '@/components/generic/date/DatePickerDay';\nimport DatePickerDays from '@/components/generic/date/DatePickerDays';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport { getLetterDaysOfWeek } from '@/util/CalendarHelper';\n\ninterface DatePickerMonthProps {\n    showingMonth: dayjs.Dayjs;\n    small?: boolean;\n    readOnly?: boolean;\n}\n\nexport default function DatePickerMonth(props: DatePickerMonthProps) {\n    const { showingMonth, readOnly } = props;\n    const { hotel } = useCurrentHotel();\n    const { showYearOnCalendar, yearDisplayOption } = useContext(HotelOverridesContext);\n    const dayLetters = useMemo(\n        () =>\n            getLetterDaysOfWeek(hotel?.startsWeekOnDay ?? WeekdayStartsOn.Monday).map((day: string, index: number) => {\n                return <DatePickerDay key={index + day} text={day} selectable unix={0} readOnly={readOnly} />;\n            }),\n        [hotel?.startsWeekOnDay]\n    );\n\n    return (\n        <div className={'diji-calendar-month' + (props.small ? ' u-pad-bottom--none' : '')}>\n            <Text type={TextType.Body}>\n                <strong>{showingMonth.format('MMMM')}</strong>\n                {showYearOnCalendar && (\n                    <strong style={{ paddingLeft: '8px' }} className=\"roomstay-calendar-year-fullpage\">\n                        {showingMonth.format(yearDisplayOption ? yearDisplayOption : 'YYYY')}\n                    </strong>\n                )}\n            </Text>\n            <div className=\"diji-calendar-month--items\">\n                {dayLetters}\n                <DatePickerDays showingMonth={showingMonth} readOnly={readOnly} />\n            </div>\n        </div>\n    );\n}\n"]}

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

@@ -1,2 +1 @@
-import React from 'react';
-export default function DatePickerWeek(): React.JSX.Element;
+export default function DatePickerWeek(): JSX.Element;

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -45,7 +35,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = DatePickerWeek;
 const contexts_1 = require("../../../contexts/index.js");
 const web_1 = require("@react-spring/web");
 const dayjs_1 = __importDefault(require("dayjs"));
@@ -96,7 +85,7 @@ function DatePickerWeek() {
         const focus = -(62 * index);
         setSwiperLocation(focus);
     };
-    const loadDataForDate = (forDate_1, ...args_1) => __awaiter(this, [forDate_1, ...args_1], void 0, function* (forDate, after = true) {
+    const loadDataForDate = (forDate, after = true) => __awaiter(this, void 0, void 0, function* () {
         if (forDate.isBefore((0, dayjs_1.default)())) {
             return;
         }
@@ -118,8 +107,8 @@ function DatePickerWeek() {
         }
     }, [lastReleaseX]);
     const loadNext = () => __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        loadDataForDate((_a = daysLoaded[daysLoaded.length - 1]) !== null && _a !== void 0 ? _a : showingMonth.add(7, 'days'));
+        var _c;
+        loadDataForDate((_c = daysLoaded[daysLoaded.length - 1]) !== null && _c !== void 0 ? _c : showingMonth.add(7, 'days'));
     });
     let lastIndex = 0;
     // Set the drag hook and define component movement based on gesture data
@@ -192,4 +181,5 @@ function DatePickerWeek() {
             react_1.default.createElement("div", Object.assign({ className: "diji-calendar-week--track" }, bind()),
                 react_1.default.createElement(web_1.animated.div, { className: "diji-calendar-week--items", style: { left: x } }, days)))));
 }
+exports.default = DatePickerWeek;
 //# sourceMappingURL=DatePickerWeek.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerWeek.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerWeek.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext, DatePickerContext } from '@frontend/contexts';\nimport { animated, useSpring } from '@react-spring/web';\nimport dayjs, { Dayjs } from 'dayjs';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { useDrag } from 'react-use-gesture';\nimport useMeasure from 'react-use-measure';\n\nimport DatePickerDay from '@/components/generic/date/DatePickerDay';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Text, TextType } from '@/components/generic/Text';\nimport CalendarHelper from '@/util/CalendarHelper';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\nimport { TextAlign } from '@/util/TextAlignment';\n\nexport default function DatePickerWeek() {\n    const dpContext = useContext(DatePickerContext);\n    const context = useContext(BookingEngineContext);\n\n    const showingMonth = dpContext.startDate ?? dpContext.currentMonth ?? dayjs().add(14, 'day');\n\n    const scrollingOffset = 0;\n\n    let sliderVelocity = 0;\n\n    const [{ x }, set] = useSpring(() => ({ x: 0, config: { mass: 1, tension: 170, friction: 20 } }));\n    const [lastReleaseX, setLastReleaseX] = useState(0);\n\n    const [ref, bounds] = useMeasure();\n\n    const [daysLoaded, setDaysLoaded] = useState<dayjs.Dayjs[]>([]);\n\n    const [lastDay, setLastDay] = useState<dayjs.Dayjs | null>(null);\n    const [firstDay, setFirstDay] = useState<dayjs.Dayjs>(dayjs());\n    const [numberOfDaysLoaded, setNumberOfDaysLoaded] = useState(0);\n\n    const [toggler, setToggler] = useState(false);\n\n    useEffect(() => {\n        setDaysLoaded(CalendarHelper.getDaysBetween(dayjs(), showingMonth));\n\n        if (dpContext.startDate) {\n            setTimeout(() => {\n                focusDay(dpContext.startDate as Dayjs);\n            }, 500);\n        }\n    }, []);\n\n    const setSwiperLocation = (location: number) => {\n        if (location > 0) {\n            location = 0;\n        }\n\n        set({ x: location });\n        setLastReleaseX(location);\n    };\n\n    const focusDay = (toFocus: dayjs.Dayjs) => {\n        let index = 0;\n\n        index = firstDay ? Math.abs(Number(toFocus.diff(firstDay, 'day'))) : Number(toFocus.format('DD'));\n\n        const focus = -(62 * index);\n        setSwiperLocation(focus);\n    };\n\n    const loadDataForDate = async (forDate: dayjs.Dayjs, after = true) => {\n        if (forDate.isBefore(dayjs())) {\n            return;\n        }\n\n        setDaysLoaded((oldDaysLoaded) => {\n            let newDaysLoaded = [];\n            const newDays = after ? CalendarHelper.getWeekFrom(forDate) : CalendarHelper.getWeekTo(forDate);\n\n            newDaysLoaded = after ? [...oldDaysLoaded, ...newDays] : [...newDays.reverse(), ...oldDaysLoaded];\n\n            return newDaysLoaded;\n        });\n    };\n\n    useEffect(() => {\n        setLastDay(daysLoaded[daysLoaded.length - 1]);\n        setFirstDay(daysLoaded[0]);\n        setNumberOfDaysLoaded(daysLoaded.length);\n    }, [daysLoaded]);\n\n    useEffect(() => {\n        if (62 * numberOfDaysLoaded - 1000 <= -lastReleaseX) {\n            loadNext();\n        }\n    }, [lastReleaseX]);\n\n    const loadNext = async () => {\n        loadDataForDate(daysLoaded[daysLoaded.length - 1] ?? showingMonth.add(7, 'days'));\n    };\n\n    let lastIndex = 0;\n\n    // Set the drag hook and define component movement based on gesture data\n    const bind = useDrag(({ down, movement: [mx], velocity }) => {\n        if (context.screenSize <= ScreenSize.Medium) {\n            velocity = velocity * 0.75;\n            sliderVelocity = velocity > 4 ? 4 : velocity < 1 ? 1 : velocity;\n        } else {\n            sliderVelocity = 1;\n        }\n\n        mx = mx * sliderVelocity;\n\n        if (!down) {\n            const releasePosition = lastReleaseX + mx;\n            const cardWidth = 62;\n            const maxX = numberOfDaysLoaded * cardWidth;\n\n            let restingLocation = 0;\n\n            if (releasePosition > 0) {\n                restingLocation = 0;\n            } else if (releasePosition < -maxX) {\n                restingLocation = -maxX;\n            } else {\n                const magic = -releasePosition / cardWidth;\n                lastIndex = releasePosition % cardWidth > -cardWidth / 2 ? Math.floor(magic) : Math.ceil(magic);\n                restingLocation = -(lastIndex * cardWidth);\n            }\n\n            if (62 * numberOfDaysLoaded - 1000 <= -releasePosition) {\n                loadNext();\n            }\n\n            set({ x: restingLocation });\n            setLastReleaseX(restingLocation);\n        } else {\n            set({ x: lastReleaseX + mx });\n        }\n    });\n\n    const days = useMemo(\n        () => (\n            <>\n                {daysLoaded.map((date, index) => {\n                    const day = date.format('D');\n                    const unix = date.unix();\n\n                    return (\n                        <>\n                            <DatePickerDay key={unix} text={day} selectable day={date} displayType=\"week\" unix={unix} />\n                        </>\n                    );\n                })}\n            </>\n        ),\n        [daysLoaded]\n    );\n\n    // TODO refactor\n    const getCurrentDay = () => {\n        const day = Math.floor(lastReleaseX / 62);\n\n        if (firstDay) {\n            return firstDay.add(-day, 'day').format('MMMM');\n        }\n\n        return showingMonth.format('MMMM');\n    };\n\n    const currentDayValue = getCurrentDay();\n    const showPreviousWeek = () => {\n        DataLayer.instance.sendInteraction('Show Previous Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setSwiperLocation(lastReleaseX + 62 * 7);\n    };\n    const showNextWeek = () => {\n        DataLayer.instance.sendInteraction('Show Next Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setSwiperLocation(lastReleaseX - 62 * 7);\n    };\n    return (\n        <>\n            <div className=\"diji-calendar-navigation\">\n                <Icon icon={IconType.ArrowLeft2} onClick={showPreviousWeek} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n                <Icon icon={IconType.ArrowRight2} onClick={showNextWeek} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n            </div>\n            <div className=\"u-marg-top\">\n                <Text type={TextType.Body} bold align={TextAlign.Center}>\n                    {currentDayValue}\n                </Text>\n            </div>\n            <div className=\"diji-calendar-week--global-month\">{currentDayValue}</div>\n            <div className=\"diji-calendar-week\">\n                <div className=\"diji-calendar-week--track\" {...bind()}>\n                    <animated.div className=\"diji-calendar-week--items\" style={{ left: x }}>\n                        {days}\n                    </animated.div>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"DatePickerWeek.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerWeek.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA6E;AAC7E,2CAAwD;AACxD,kDAAqC;AACrC,+CAAwE;AACxE,yDAA4C;AAC5C,0EAA2C;AAE3C,4FAAoE;AACpE,uEAAgE;AAChE,oDAA2D;AAC3D,2EAAmD;AACnD,wCAAqC;AACrC,8DAA+E;AAC/E,mEAA2C;AAC3C,wDAAiD;AAEjD,SAAwB,cAAc;;IAClC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,4BAAiB,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,MAAM,YAAY,GAAG,MAAA,MAAA,SAAS,CAAC,SAAS,mCAAI,SAAS,CAAC,YAAY,mCAAI,IAAA,eAAK,GAAE,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAE7F,MAAM,eAAe,GAAG,CAAC,CAAC;IAE1B,IAAI,cAAc,GAAG,CAAC,CAAC;IAEvB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,IAAA,eAAS,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAClG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEpD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,2BAAU,GAAE,CAAC;IAEnC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAgB,EAAE,CAAC,CAAC;IAEhE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IACjE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAA,eAAK,GAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEhE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,aAAa,CAAC,wBAAc,CAAC,cAAc,CAAC,IAAA,eAAK,GAAE,EAAE,YAAY,CAAC,CAAC,CAAC;QAEpE,IAAI,SAAS,CAAC,SAAS,EAAE;YACrB,UAAU,CAAC,GAAG,EAAE;gBACZ,QAAQ,CAAC,SAAS,CAAC,SAAkB,CAAC,CAAC;YAC3C,CAAC,EAAE,GAAG,CAAC,CAAC;SACX;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC3C,IAAI,QAAQ,GAAG,CAAC,EAAE;YACd,QAAQ,GAAG,CAAC,CAAC;SAChB;QAED,GAAG,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;QACrB,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,OAAoB,EAAE,EAAE;QACtC,IAAI,KAAK,GAAG,CAAC,CAAC;QAEd,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAElG,MAAM,KAAK,GAAG,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC;QAC5B,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAO,OAAoB,EAAE,KAAK,GAAG,IAAI,EAAE,EAAE;QACjE,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAA,eAAK,GAAE,CAAC,EAAE;YAC3B,OAAO;SACV;QAED,aAAa,CAAC,CAAC,aAAa,EAAE,EAAE;YAC5B,IAAI,aAAa,GAAG,EAAE,CAAC;YACvB,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,wBAAc,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,wBAAc,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAEhG,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,aAAa,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,OAAO,EAAE,EAAE,GAAG,aAAa,CAAC,CAAC;YAElG,OAAO,aAAa,CAAC;QACzB,CAAC,CAAC,CAAC;IACP,CAAC,CAAA,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QAC9C,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3B,qBAAqB,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,EAAE,GAAG,kBAAkB,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE;YACjD,QAAQ,EAAE,CAAC;SACd;IACL,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,QAAQ,GAAG,GAAS,EAAE;;QACxB,eAAe,CAAC,MAAA,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,mCAAI,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;IACtF,CAAC,CAAA,CAAC;IAEF,IAAI,SAAS,GAAG,CAAC,CAAC;IAElB,wEAAwE;IACxE,MAAM,IAAI,GAAG,IAAA,2BAAO,EAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;QACxD,IAAI,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,EAAE;YACzC,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC;YAC3B,cAAc,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;SACnE;aAAM;YACH,cAAc,GAAG,CAAC,CAAC;SACtB;QAED,EAAE,GAAG,EAAE,GAAG,cAAc,CAAC;QAEzB,IAAI,CAAC,IAAI,EAAE;YACP,MAAM,eAAe,GAAG,YAAY,GAAG,EAAE,CAAC;YAC1C,MAAM,SAAS,GAAG,EAAE,CAAC;YACrB,MAAM,IAAI,GAAG,kBAAkB,GAAG,SAAS,CAAC;YAE5C,IAAI,eAAe,GAAG,CAAC,CAAC;YAExB,IAAI,eAAe,GAAG,CAAC,EAAE;gBACrB,eAAe,GAAG,CAAC,CAAC;aACvB;iBAAM,IAAI,eAAe,GAAG,CAAC,IAAI,EAAE;gBAChC,eAAe,GAAG,CAAC,IAAI,CAAC;aAC3B;iBAAM;gBACH,MAAM,KAAK,GAAG,CAAC,eAAe,GAAG,SAAS,CAAC;gBAC3C,SAAS,GAAG,eAAe,GAAG,SAAS,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAChG,eAAe,GAAG,CAAC,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;aAC9C;YAED,IAAI,EAAE,GAAG,kBAAkB,GAAG,IAAI,IAAI,CAAC,eAAe,EAAE;gBACpD,QAAQ,EAAE,CAAC;aACd;YAED,GAAG,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC;YAC5B,eAAe,CAAC,eAAe,CAAC,CAAC;SACpC;aAAM;YACH,GAAG,CAAC,EAAE,CAAC,EAAE,YAAY,GAAG,EAAE,EAAE,CAAC,CAAC;SACjC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,IAAA,eAAO,EAChB,GAAG,EAAE,CAAC,CACF,8DACK,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC5B,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAEzB,OAAO,CACH;YACI,8BAAC,uBAAa,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,QAAC,GAAG,EAAE,IAAI,EAAE,WAAW,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,GAAI,CAC7F,CACN,CAAC;IACN,CAAC,CAAC,CACH,CACN,EACD,CAAC,UAAU,CAAC,CACf,CAAC;IAEF,gBAAgB;IAChB,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC,CAAC;QAE1C,IAAI,QAAQ,EAAE;YACV,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;SACnD;QAED,OAAO,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,aAAa,EAAE,CAAC;IACxC,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,oBAAoB,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAC1G,iBAAiB,CAAC,YAAY,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAC7C,CAAC,CAAC;IACF,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,gBAAgB,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACtG,iBAAiB,CAAC,YAAY,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAC7C,CAAC,CAAC;IACF,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,0BAA0B;YACrC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,EAAE,eAAe,EAAE,aAAK,CAAC,IAAI,EAAE,YAAY,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG;YAChJ,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,EAAE,eAAe,EAAE,aAAK,CAAC,IAAI,EAAE,YAAY,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CAC3I;QACN,uCAAK,SAAS,EAAC,YAAY;YACvB,8BAAC,WAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,IAAI,QAAC,KAAK,EAAE,yBAAS,CAAC,MAAM,IAClD,eAAe,CACb,CACL;QACN,uCAAK,SAAS,EAAC,kCAAkC,IAAE,eAAe,CAAO;QACzE,uCAAK,SAAS,EAAC,oBAAoB;YAC/B,qDAAK,SAAS,EAAC,2BAA2B,IAAK,IAAI,EAAE;gBACjD,8BAAC,cAAQ,CAAC,GAAG,IAAC,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IACjE,IAAI,CACM,CACb,CACJ,CACP,CACN,CAAC;AACN,CAAC;AAtLD,iCAsLC","sourcesContent":["import { BookingEngineContext, DatePickerContext } from '@frontend/contexts';\nimport { animated, useSpring } from '@react-spring/web';\nimport dayjs, { Dayjs } from 'dayjs';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { useDrag } from 'react-use-gesture';\nimport useMeasure from 'react-use-measure';\n\nimport DatePickerDay from '@/components/generic/date/DatePickerDay';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Text, TextType } from '@/components/generic/Text';\nimport CalendarHelper from '@/util/CalendarHelper';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\nimport { TextAlign } from '@/util/TextAlignment';\n\nexport default function DatePickerWeek() {\n    const dpContext = useContext(DatePickerContext);\n    const context = useContext(BookingEngineContext);\n\n    const showingMonth = dpContext.startDate ?? dpContext.currentMonth ?? dayjs().add(14, 'day');\n\n    const scrollingOffset = 0;\n\n    let sliderVelocity = 0;\n\n    const [{ x }, set] = useSpring(() => ({ x: 0, config: { mass: 1, tension: 170, friction: 20 } }));\n    const [lastReleaseX, setLastReleaseX] = useState(0);\n\n    const [ref, bounds] = useMeasure();\n\n    const [daysLoaded, setDaysLoaded] = useState<dayjs.Dayjs[]>([]);\n\n    const [lastDay, setLastDay] = useState<dayjs.Dayjs | null>(null);\n    const [firstDay, setFirstDay] = useState<dayjs.Dayjs>(dayjs());\n    const [numberOfDaysLoaded, setNumberOfDaysLoaded] = useState(0);\n\n    const [toggler, setToggler] = useState(false);\n\n    useEffect(() => {\n        setDaysLoaded(CalendarHelper.getDaysBetween(dayjs(), showingMonth));\n\n        if (dpContext.startDate) {\n            setTimeout(() => {\n                focusDay(dpContext.startDate as Dayjs);\n            }, 500);\n        }\n    }, []);\n\n    const setSwiperLocation = (location: number) => {\n        if (location > 0) {\n            location = 0;\n        }\n\n        set({ x: location });\n        setLastReleaseX(location);\n    };\n\n    const focusDay = (toFocus: dayjs.Dayjs) => {\n        let index = 0;\n\n        index = firstDay ? Math.abs(Number(toFocus.diff(firstDay, 'day'))) : Number(toFocus.format('DD'));\n\n        const focus = -(62 * index);\n        setSwiperLocation(focus);\n    };\n\n    const loadDataForDate = async (forDate: dayjs.Dayjs, after = true) => {\n        if (forDate.isBefore(dayjs())) {\n            return;\n        }\n\n        setDaysLoaded((oldDaysLoaded) => {\n            let newDaysLoaded = [];\n            const newDays = after ? CalendarHelper.getWeekFrom(forDate) : CalendarHelper.getWeekTo(forDate);\n\n            newDaysLoaded = after ? [...oldDaysLoaded, ...newDays] : [...newDays.reverse(), ...oldDaysLoaded];\n\n            return newDaysLoaded;\n        });\n    };\n\n    useEffect(() => {\n        setLastDay(daysLoaded[daysLoaded.length - 1]);\n        setFirstDay(daysLoaded[0]);\n        setNumberOfDaysLoaded(daysLoaded.length);\n    }, [daysLoaded]);\n\n    useEffect(() => {\n        if (62 * numberOfDaysLoaded - 1000 <= -lastReleaseX) {\n            loadNext();\n        }\n    }, [lastReleaseX]);\n\n    const loadNext = async () => {\n        loadDataForDate(daysLoaded[daysLoaded.length - 1] ?? showingMonth.add(7, 'days'));\n    };\n\n    let lastIndex = 0;\n\n    // Set the drag hook and define component movement based on gesture data\n    const bind = useDrag(({ down, movement: [mx], velocity }) => {\n        if (context.screenSize <= ScreenSize.Medium) {\n            velocity = velocity * 0.75;\n            sliderVelocity = velocity > 4 ? 4 : velocity < 1 ? 1 : velocity;\n        } else {\n            sliderVelocity = 1;\n        }\n\n        mx = mx * sliderVelocity;\n\n        if (!down) {\n            const releasePosition = lastReleaseX + mx;\n            const cardWidth = 62;\n            const maxX = numberOfDaysLoaded * cardWidth;\n\n            let restingLocation = 0;\n\n            if (releasePosition > 0) {\n                restingLocation = 0;\n            } else if (releasePosition < -maxX) {\n                restingLocation = -maxX;\n            } else {\n                const magic = -releasePosition / cardWidth;\n                lastIndex = releasePosition % cardWidth > -cardWidth / 2 ? Math.floor(magic) : Math.ceil(magic);\n                restingLocation = -(lastIndex * cardWidth);\n            }\n\n            if (62 * numberOfDaysLoaded - 1000 <= -releasePosition) {\n                loadNext();\n            }\n\n            set({ x: restingLocation });\n            setLastReleaseX(restingLocation);\n        } else {\n            set({ x: lastReleaseX + mx });\n        }\n    });\n\n    const days = useMemo(\n        () => (\n            <>\n                {daysLoaded.map((date, index) => {\n                    const day = date.format('D');\n                    const unix = date.unix();\n\n                    return (\n                        <>\n                            <DatePickerDay key={unix} text={day} selectable day={date} displayType=\"week\" unix={unix} />\n                        </>\n                    );\n                })}\n            </>\n        ),\n        [daysLoaded]\n    );\n\n    // TODO refactor\n    const getCurrentDay = () => {\n        const day = Math.floor(lastReleaseX / 62);\n\n        if (firstDay) {\n            return firstDay.add(-day, 'day').format('MMMM');\n        }\n\n        return showingMonth.format('MMMM');\n    };\n\n    const currentDayValue = getCurrentDay();\n    const showPreviousWeek = () => {\n        DataLayer.instance.sendInteraction('Show Previous Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setSwiperLocation(lastReleaseX + 62 * 7);\n    };\n    const showNextWeek = () => {\n        DataLayer.instance.sendInteraction('Show Next Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setSwiperLocation(lastReleaseX - 62 * 7);\n    };\n    return (\n        <>\n            <div className=\"diji-calendar-navigation\">\n                <Icon icon={IconType.ArrowLeft2} onClick={showPreviousWeek} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n                <Icon icon={IconType.ArrowRight2} onClick={showNextWeek} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n            </div>\n            <div className=\"u-marg-top\">\n                <Text type={TextType.Body} bold align={TextAlign.Center}>\n                    {currentDayValue}\n                </Text>\n            </div>\n            <div className=\"diji-calendar-week--global-month\">{currentDayValue}</div>\n            <div className=\"diji-calendar-week\">\n                <div className=\"diji-calendar-week--track\" {...bind()}>\n                    <animated.div className=\"diji-calendar-week--items\" style={{ left: x }}>\n                        {days}\n                    </animated.div>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}

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

@@ -14,4 +14,4 @@ export interface FloatingDatePickerProps {
      */
     roomCode?: string;
 }
-export default function FloatingDatePicker(props: FloatingDatePickerProps): React.JSX.Element;
+export default function FloatingDatePicker(props: FloatingDatePickerProps): JSX.Element;

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = FloatingDatePicker;
 const react_1 = __importStar(require("react"));
 const DatePicker_1 = __importDefault(require("./DatePicker"));
 const Overlay_1 = require("../Overlay/Overlay");
@@ -48,7 +37,7 @@ function FloatingDatePicker(props) {
     const thisElement = (0, react_1.useRef)(null);
     const selectedDateChanged = (endDate, selectionState) => {
         DataLayer_1.default.instance.sendInteraction('Check Out Date', DataLayer_1.InteractionType.CALENDAR, DataLayer_1.InteractionStep.ROOMS);
-        if (props.selectedDateChanged && startDate && endDate) {
+        if (props.selectedDateChanged && startDate) {
             props.selectedDateChanged(startDate, endDate);
         }
         if (endDate) {
@@ -79,4 +68,5 @@ function FloatingDatePicker(props) {
         react_1.default.createElement("div", { ref: thisElement, className: props.className, onClick: onOverlayOpen }, props.children),
         react_1.default.createElement(Overlay_1.Overlay, { open: isOpen, onClose: onOverlayClose, container: (_b = (_a = thisElement.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement, followElement: thisElement.current, className: "floating-roomstay-calendar", isAboveNav: props.isAboveNav }, inner)));
 }
+exports.default = FloatingDatePicker;
 //# sourceMappingURL=FloatingDatePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FloatingDatePicker.js","sourceRoot":"/","sources":["src/components/generic/date/FloatingDatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport DatePicker from '@/components/generic/date/DatePicker';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nexport interface FloatingDatePickerProps {\n    children?: React.ReactNode;\n    startDate?: dayjs.Dayjs;\n    endDate?: dayjs.Dayjs;\n\n    selectedDateChanged?: (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => void;\n\n    className?: string;\n    isAboveNav?: boolean;\n    onDatePickerOpenChange?: (isOpen: boolean) => void;\n\n    /**\n     * Filters availability/calendar results by the provided room code.\n     * If undefined, falls back to the room code from the selected basket row.\n     */\n    roomCode?: string;\n}\n\nexport default function FloatingDatePicker(props: FloatingDatePickerProps) {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n\n    const thisElement = useRef<HTMLDivElement>(null);\n\n    const selectedDateChanged = (endDate: dayjs.Dayjs | null, selectionState?: { validationMinNightStay: number | null; validationMaxNightStay: number | null }) => {\n        DataLayer.instance.sendInteraction('Check Out Date', InteractionType.CALENDAR, InteractionStep.ROOMS);\n\n        if (props.selectedDateChanged && startDate && endDate) {\n            props.selectedDateChanged(startDate, endDate);\n        }\n\n        if (endDate) {\n            setIsOpen(!!selectionState?.validationMinNightStay || !!selectionState?.validationMaxNightStay); //Close popup after selecting end date\n        }\n    };\n\n    const onStartDateChangedHandler = (date: any) => {\n        DataLayer.instance.sendInteraction('Check In Date', InteractionType.CALENDAR, InteractionStep.ROOMS);\n        setStartDate(date);\n    };\n\n    const onOverlayClose = () => {\n        setIsOpen(false);\n    };\n\n    const onOverlayOpen = () => {\n        setIsOpen(true);\n    };\n\n    useEffect(() => {\n        props?.onDatePickerOpenChange?.(isOpen);\n        return () => {\n            props?.onDatePickerOpenChange?.(false);\n        };\n    }, [isOpen]);\n\n    const inner = (\n        <div className=\"d-flex align-items-center flex-column\">\n            <DatePicker\n                showMonthOnLoad={props.startDate}\n                showMultipleMonths={false}\n                supportsMultiSelecting\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={selectedDateChanged}\n                showMinNightStay\n                supportsWeek={false}\n                selectedStartDate={props.startDate}\n                selectedEndDate={props.endDate}\n                roomCode={props.roomCode}\n            />\n        </div>\n    );\n\n    return (\n        <>\n            <div ref={thisElement} className={props.className} onClick={onOverlayOpen}>\n                {props.children}\n            </div>\n            <Overlay\n                open={isOpen}\n                onClose={onOverlayClose}\n                container={thisElement.current?.parentElement?.parentElement}\n                followElement={thisElement.current}\n                className=\"floating-roomstay-calendar\"\n                isAboveNav={props.isAboveNav}\n            >\n                {inner}\n            </Overlay>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"FloatingDatePicker.js","sourceRoot":"/","sources":["src/components/generic/date/FloatingDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAA2D;AAE3D,sFAA8D;AAC9D,kEAA+D;AAC/D,8DAA+E;AAoB/E,SAAwB,kBAAkB,CAAC,KAA8B;;IACrE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IAErE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEjD,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,cAAiG,EAAE,EAAE;QACpJ,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,gBAAgB,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QAEtG,IAAI,KAAK,CAAC,mBAAmB,IAAI,SAAS,EAAE;YACxC,KAAK,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;SACjD;QAED,IAAI,OAAO,EAAE;YACT,SAAS,CAAC,CAAC,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,sBAAsB,CAAA,IAAI,CAAC,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,sBAAsB,CAAA,CAAC,CAAC,CAAC,sCAAsC;SAC1I;IACL,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAAC,IAAS,EAAE,EAAE;QAC5C,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,eAAe,EAAE,2BAAe,CAAC,QAAQ,EAAE,2BAAe,CAAC,KAAK,CAAC,CAAC;QACrG,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,sBAAsB,sDAAG,MAAM,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE;;YACR,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,sBAAsB,sDAAG,KAAK,CAAC,CAAC;QAC3C,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,KAAK,GAAG,CACV,uCAAK,SAAS,EAAC,uCAAuC;QAClD,8BAAC,oBAAU,IACP,eAAe,EAAE,KAAK,CAAC,SAAS,EAChC,kBAAkB,EAAE,KAAK,EACzB,sBAAsB,QACtB,kBAAkB,EAAE,yBAAyB,EAC7C,gBAAgB,EAAE,mBAAmB,EACrC,gBAAgB,QAChB,YAAY,EAAE,KAAK,EACnB,iBAAiB,EAAE,KAAK,CAAC,SAAS,EAClC,eAAe,EAAE,KAAK,CAAC,OAAO,EAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAC1B,CACA,CACT,CAAC;IAEF,OAAO,CACH;QACI,uCAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IACpE,KAAK,CAAC,QAAQ,CACb;QACN,8BAAC,iBAAO,IACJ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,aAAa,0CAAE,aAAa,EAC5D,aAAa,EAAE,WAAW,CAAC,OAAO,EAClC,SAAS,EAAC,4BAA4B,EACtC,UAAU,EAAE,KAAK,CAAC,UAAU,IAE3B,KAAK,CACA,CACX,CACN,CAAC;AACN,CAAC;AAzED,qCAyEC","sourcesContent":["import dayjs from 'dayjs';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport DatePicker from '@/components/generic/date/DatePicker';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nexport interface FloatingDatePickerProps {\n    children?: React.ReactNode;\n    startDate?: dayjs.Dayjs;\n    endDate?: dayjs.Dayjs;\n\n    selectedDateChanged?: (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => void;\n\n    className?: string;\n    isAboveNav?: boolean;\n    onDatePickerOpenChange?: (isOpen: boolean) => void;\n\n    /**\n     * Filters availability/calendar results by the provided room code.\n     * If undefined, falls back to the room code from the selected basket row.\n     */\n    roomCode?: string;\n}\n\nexport default function FloatingDatePicker(props: FloatingDatePickerProps) {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n\n    const thisElement = useRef<HTMLDivElement>(null);\n\n    const selectedDateChanged = (endDate: dayjs.Dayjs, selectionState?: { validationMinNightStay: number | null; validationMaxNightStay: number | null }) => {\n        DataLayer.instance.sendInteraction('Check Out Date', InteractionType.CALENDAR, InteractionStep.ROOMS);\n\n        if (props.selectedDateChanged && startDate) {\n            props.selectedDateChanged(startDate, endDate);\n        }\n\n        if (endDate) {\n            setIsOpen(!!selectionState?.validationMinNightStay || !!selectionState?.validationMaxNightStay); //Close popup after selecting end date\n        }\n    };\n\n    const onStartDateChangedHandler = (date: any) => {\n        DataLayer.instance.sendInteraction('Check In Date', InteractionType.CALENDAR, InteractionStep.ROOMS);\n        setStartDate(date);\n    };\n\n    const onOverlayClose = () => {\n        setIsOpen(false);\n    };\n\n    const onOverlayOpen = () => {\n        setIsOpen(true);\n    };\n\n    useEffect(() => {\n        props?.onDatePickerOpenChange?.(isOpen);\n        return () => {\n            props?.onDatePickerOpenChange?.(false);\n        };\n    }, [isOpen]);\n\n    const inner = (\n        <div className=\"d-flex align-items-center flex-column\">\n            <DatePicker\n                showMonthOnLoad={props.startDate}\n                showMultipleMonths={false}\n                supportsMultiSelecting\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={selectedDateChanged}\n                showMinNightStay\n                supportsWeek={false}\n                selectedStartDate={props.startDate}\n                selectedEndDate={props.endDate}\n                roomCode={props.roomCode}\n            />\n        </div>\n    );\n\n    return (\n        <>\n            <div ref={thisElement} className={props.className} onClick={onOverlayOpen}>\n                {props.children}\n            </div>\n            <Overlay\n                open={isOpen}\n                onClose={onOverlayClose}\n                container={thisElement.current?.parentElement?.parentElement}\n                followElement={thisElement.current}\n                className=\"floating-roomstay-calendar\"\n                isAboveNav={props.isAboveNav}\n            >\n                {inner}\n            </Overlay>\n        </>\n    );\n}\n"]}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WeekViewSkeleton.js","sourceRoot":"/","sources":["src/components/generic/date/WeekViewSkeleton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport classNames from 'classnames';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport Placeholder from '@/components/generic/Placeholder';\nimport ScreenSize from '@/util/ScreenSize';\n\nfunction randomIntFromInterval(min: number, max: number) {\n    return Math.floor(Math.random() * (max - min + 1) + min);\n}\n\nconst WeekViewSkeleton = () => {\n    const [ref, setRef] = useState<HTMLDivElement | null>(null);\n    const [numbers, setNumbers] = useState<number>(0);\n    const [width, setWidth] = useState<number>(0);\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Large;\n    const isDesktop = context.screenSize <= ScreenSize.ExtraLarge;\n\n    const updateValues = () => {\n        if (ref) {\n            const width = ref.getBoundingClientRect().width;\n            const numbers = Math.ceil(width / (48 + 14));\n            setNumbers(numbers);\n            setWidth(width);\n        }\n    };\n\n    useEffect(() => {\n        updateValues();\n    }, [ref]);\n\n    useEffect(() => {\n        window.addEventListener('resize', updateValues);\n        return () => {\n            window.removeEventListener('resize', updateValues);\n        };\n    }, []);\n    return (\n        <div\n            className={classNames({ 'u-pad-left-right': isMobile })}\n            style={{\n                maxWidth: isMobile ? 350 : isDesktop ? 392 : undefined,\n                width: '100%',\n            }}\n        >\n            <div\n                style={{\n                    overflow: 'hidden',\n                }}\n            >\n                <div className=\"u-marg-top u-flex u-flex-justify-center\">\n                    <Placeholder noMarg type=\"text\" w={75} h={24} rounded=\"md\" />\n                </div>\n                <div\n                    style={{\n                        height: 370,\n                    }}\n                >\n                    <div className=\"u-marg-top--medium\">\n                        <Placeholder noMarg type=\"text\" w={75} h={24} rounded=\"md\" />\n                    </div>\n                    <div className=\"u-marg-top--light\">\n                        <Placeholder noMarg type=\"text\" w={width} h={48} rounded=\"md\" />\n                    </div>\n                    <div\n                        className=\"u-flex u-marg-top--medium\"\n                        style={{\n                            gap: 14,\n                        }}\n                        ref={setRef}\n                    >\n                        {numbers &&\n                            Array(numbers)\n                                .fill(undefined)\n                                .map((_, index) => (\n                                    <div\n                                        key={index}\n                                        className=\"u-flex u-flex-justify-between u-flex-direction-column\"\n                                        style={{\n                                            flexShrink: 0,\n                                        }}\n                                    >\n                                        <div\n                                            style={{\n                                                flexGrow: 1,\n                                            }}\n                                            className=\"u-flex u-flex-flex-end u-flex-direction-column\"\n                                        >\n                                            <Placeholder noMarg key={index} blink type=\"text\" w={48} h={index === 0 ? 210 : randomIntFromInterval(10, 21) * 10} rounded=\"md\" />\n                                        </div>\n                                        <div className=\"u-marg-top--light\">\n                                            <Placeholder noMarg key={index} type=\"text\" w={48} h={16} />\n                                        </div>\n                                    </div>\n                                ))}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default WeekViewSkeleton;\n"]}
+{"version":3,"file":"WeekViewSkeleton.js","sourceRoot":"/","sources":["src/components/generic/date/WeekViewSkeleton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport classNames from 'classnames';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport Placeholder from '@/components/generic/Placeholder';\nimport ScreenSize from '@/util/ScreenSize';\n\nfunction randomIntFromInterval(min: number, max: number) {\n    return Math.floor(Math.random() * (max - min + 1) + min);\n}\n\nconst WeekViewSkeleton = () => {\n    const [ref, setRef] = useState<HTMLDivElement | null>(null);\n    const [numbers, setNumbers] = useState<number>(0);\n    const [width, setWidth] = useState<number>(0);\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Large;\n    const isDesktop = context.screenSize <= ScreenSize.ExtraLarge;\n\n    const updateValues = () => {\n        if (ref) {\n            const width = ref.getBoundingClientRect().width;\n            const numbers = Math.ceil(width / (48 + 14));\n            setNumbers(numbers);\n            setWidth(width);\n        }\n    };\n\n    useEffect(() => {\n        updateValues();\n    }, [ref]);\n\n    useEffect(() => {\n        window.addEventListener('resize', updateValues);\n        return () => {\n            window.removeEventListener('resize', updateValues);\n        };\n    }, []);\n    return (\n        <div\n            className={classNames({ 'u-pad-left-right': isMobile })}\n            style={{\n                maxWidth: isMobile ? 350 : isDesktop ? 392 : undefined,\n                width: '100%',\n            }}\n        >\n            <div\n                style={{\n                    overflow: 'hidden',\n                }}\n            >\n                <div className=\"u-marg-top u-flex u-flex-justify-center\">\n                    <Placeholder noMarg type=\"text\" w={75} h={24} rounded=\"md\" />\n                </div>\n                <div\n                    style={{\n                        height: 370,\n                    }}\n                >\n                    <div className=\"u-marg-top--medium\">\n                        <Placeholder noMarg type=\"text\" w={75} h={24} rounded=\"md\" />\n                    </div>\n                    <div className=\"u-marg-top--light\">\n                        <Placeholder noMarg type=\"text\" w={width} h={48} rounded=\"md\" />\n                    </div>\n                    <div\n                        className=\"u-flex u-marg-top--medium\"\n                        style={{\n                            gap: 14,\n                        }}\n                        ref={setRef}\n                    >\n                        {numbers &&\n                            Array(numbers)\n                                .fill(undefined)\n                                .map((_, index) => (\n                                    <div\n                                        key={index}\n                                        className=\"u-flex u-flex-justify-between u-flex-direction-column\"\n                                        style={{\n                                            flexShrink: 0,\n                                        }}\n                                    >\n                                        <div\n                                            style={{\n                                                flexGrow: 1,\n                                            }}\n                                            className=\"u-flex u-flex-flex-end u-flex-direction-column\"\n                                        >\n                                            <Placeholder noMarg key={index} blink type=\"text\" w={48} h={index === 0 ? 210 : randomIntFromInterval(10, 21) * 10} rounded=\"md\" />\n                                        </div>\n                                        <div className=\"u-marg-top--light\">\n                                            <Placeholder noMarg key={index} type=\"text\" w={48} h={16} />\n                                        </div>\n                                    </div>\n                                ))}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default WeekViewSkeleton;\n"]}

package/dist/src/components/generic/loader/ImageLoader.d.ts

@@ -7,5 +7,5 @@ interface ImageLoaderProps {
     size?: ImageSize;
     style?: React.CSSProperties;
 }
-export default function ImageLoader(props: ImageLoaderProps): React.JSX.Element;
+export default function ImageLoader(props: ImageLoaderProps): JSX.Element;
 export {};