@roomstay/frontend 2.1.0 → 2.1.1

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

@@ -37,18 +37,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const CalendarHelper_1 = __importDefault(require("util/CalendarHelper"));
-const DatePickerDay_1 = __importDefault(require("components/generic/date/DatePickerDay"));
+const CalendarHelper_1 = __importDefault(require("@/util/CalendarHelper"));
+const DatePickerDay_1 = __importDefault(require("@/components/generic/date/DatePickerDay"));
 const web_1 = require("@react-spring/web");
 const react_use_measure_1 = __importDefault(require("react-use-measure"));
 const react_use_gesture_1 = require("react-use-gesture");
 const dayjs_1 = __importDefault(require("dayjs"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const Color_1 = require("util/Color");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const DataLayer_1 = __importStar(require("util/DataLayer"));
-const Text_1 = require("components/generic/Text");
-const TextAlignment_1 = require("util/TextAlignment");
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
+const Color_1 = require("@/util/Color");
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const DataLayer_1 = __importStar(require("@/util/DataLayer"));
+const Text_1 = require("@/components/generic/Text");
+const TextAlignment_1 = require("@/util/TextAlignment");
 const contexts_1 = require("@frontend/contexts");
 function DatePickerWeek() {
     var _a, _b;

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 * as React from 'react';\nimport { useContext, useMemo, useState, useEffect } from 'react';\n\nimport CalendarHelper from 'util/CalendarHelper';\nimport DatePickerDay from 'components/generic/date/DatePickerDay';\nimport { useSpring, animated } from '@react-spring/web';\nimport useMeasure from 'react-use-measure';\nimport { useDrag } from 'react-use-gesture';\nimport dayjs from 'dayjs';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\nimport ScreenSize from 'util/ScreenSize';\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport { Text, TextType } from 'components/generic/Text';\nimport { TextAlign } from 'util/TextAlignment';\nimport { BookingEngineContext, DatePickerContext } from '@frontend/contexts';\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);\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);\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={true} 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={true} 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":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useMemo, useState, useEffect } from 'react';\n\nimport CalendarHelper from '@/util/CalendarHelper';\nimport DatePickerDay from '@/components/generic/date/DatePickerDay';\nimport { useSpring, animated } from '@react-spring/web';\nimport useMeasure from 'react-use-measure';\nimport { useDrag } from 'react-use-gesture';\nimport dayjs from 'dayjs';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { Text, TextType } from '@/components/generic/Text';\nimport { TextAlign } from '@/util/TextAlignment';\nimport { BookingEngineContext, DatePickerContext } from '@frontend/contexts';\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);\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);\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={true} 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={true} 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.js

@@ -28,9 +28,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const DatePicker_1 = __importDefault(require("components/generic/date/DatePicker"));
-const DataLayer_1 = __importStar(require("util/DataLayer"));
-const Overlay_1 = require("components/generic/Overlay/Overlay");
+const DatePicker_1 = __importDefault(require("@/components/generic/date/DatePicker"));
+const DataLayer_1 = __importStar(require("@/util/DataLayer"));
+const Overlay_1 = require("@/components/generic/Overlay/Overlay");
 function FloatingDatePicker(props) {
     var _a;
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAyC;AAEzC,oFAA4D;AAI5D,4DAA6E;AAC7E,gEAA6D;AAY7D,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,EAAc,IAAI,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEjC,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;QACjD,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,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,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,MAAM,KAAK,GAAG,CACV,6BAAK,SAAS,EAAC,uCAAuC;QAClD,oBAAC,oBAAU,IACP,eAAe,EAAE,KAAK,CAAC,SAAS,EAChC,kBAAkB,EAAE,KAAK,EACzB,sBAAsB,EAAE,IAAI,EAC5B,kBAAkB,EAAE,yBAAyB,EAC7C,gBAAgB,EAAE,mBAAmB,EACrC,gBAAgB,EAAE,IAAI,EACtB,YAAY,EAAE,KAAK,GACrB,CACA,CACT,CAAC;IAEF,OAAO,CACH;QACI,6BAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IACpE,KAAK,CAAC,QAAQ,CACb;QACN,oBAAC,iBAAO,IACJ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAA,WAAW,CAAC,OAAO,0CAAE,aAAa,CAAC,aAAa,EAC3D,aAAa,EAAE,WAAW,CAAC,OAAO,EAClC,SAAS,EAAE,4BAA4B,IAEtC,KAAK,CACA,CACX,CACN,CAAC;AACN,CAAC;AA5DD,qCA4DC","sourcesContent":["import * as React from 'react';\nimport { useRef, useState } from 'react';\n\nimport DatePicker from 'components/generic/date/DatePicker';\n\nimport dayjs from 'dayjs';\n\nimport DataLayer, { InteractionStep, InteractionType } from 'util/DataLayer';\nimport { Overlay } from 'components/generic/Overlay/Overlay';\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}\n\nexport default function FloatingDatePicker(props: FloatingDatePickerProps) {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs>(null);\n\n    const thisElement = useRef(null);\n\n    const selectedDateChanged = (endDate: dayjs.Dayjs) => {\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        setIsOpen(false);\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    const inner = (\n        <div className=\"d-flex align-items-center flex-column\">\n            <DatePicker\n                showMonthOnLoad={props.startDate}\n                showMultipleMonths={false}\n                supportsMultiSelecting={true}\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={selectedDateChanged}\n                showMinNightStay={true}\n                supportsWeek={false}\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            >\n                {inner}\n            </Overlay>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"FloatingDatePicker.js","sourceRoot":"/","sources":["src/components/generic/date/FloatingDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAyC;AAEzC,sFAA8D;AAI9D,8DAA+E;AAC/E,kEAA+D;AAY/D,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,EAAc,IAAI,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEjC,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;QACjD,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,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,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,MAAM,KAAK,GAAG,CACV,6BAAK,SAAS,EAAC,uCAAuC;QAClD,oBAAC,oBAAU,IACP,eAAe,EAAE,KAAK,CAAC,SAAS,EAChC,kBAAkB,EAAE,KAAK,EACzB,sBAAsB,EAAE,IAAI,EAC5B,kBAAkB,EAAE,yBAAyB,EAC7C,gBAAgB,EAAE,mBAAmB,EACrC,gBAAgB,EAAE,IAAI,EACtB,YAAY,EAAE,KAAK,GACrB,CACA,CACT,CAAC;IAEF,OAAO,CACH;QACI,6BAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IACpE,KAAK,CAAC,QAAQ,CACb;QACN,oBAAC,iBAAO,IACJ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAA,WAAW,CAAC,OAAO,0CAAE,aAAa,CAAC,aAAa,EAC3D,aAAa,EAAE,WAAW,CAAC,OAAO,EAClC,SAAS,EAAE,4BAA4B,IAEtC,KAAK,CACA,CACX,CACN,CAAC;AACN,CAAC;AA5DD,qCA4DC","sourcesContent":["import * as React from 'react';\nimport { useRef, useState } from 'react';\n\nimport DatePicker from '@/components/generic/date/DatePicker';\n\nimport dayjs from 'dayjs';\n\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\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}\n\nexport default function FloatingDatePicker(props: FloatingDatePickerProps) {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs>(null);\n\n    const thisElement = useRef(null);\n\n    const selectedDateChanged = (endDate: dayjs.Dayjs) => {\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        setIsOpen(false);\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    const inner = (\n        <div className=\"d-flex align-items-center flex-column\">\n            <DatePicker\n                showMonthOnLoad={props.startDate}\n                showMultipleMonths={false}\n                supportsMultiSelecting={true}\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={selectedDateChanged}\n                showMinNightStay={true}\n                supportsWeek={false}\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            >\n                {inner}\n            </Overlay>\n        </>\n    );\n}\n"]}

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

@@ -28,9 +28,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Placeholder_1 = __importDefault(require("components/generic/Placeholder"));
+const Placeholder_1 = __importDefault(require("@/components/generic/Placeholder"));
 const contexts_1 = require("@frontend/contexts");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
 const classnames_1 = __importDefault(require("classnames"));
 function randomIntFromInterval(min, max) {
     return Math.floor(Math.random() * (max - min + 1) + min);

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAwD;AACxD,iFAAyD;AACzD,iDAA0D;AAC1D,iEAAyC;AACzC,4DAAoC;AAEpC,SAAS,qBAAqB,CAAC,GAAW,EAAE,GAAW;IACnD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;AAC7D,CAAC;AAED,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAiB,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,KAAK,CAAC;IACxD,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,UAAU,CAAC;IAE9D,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,IAAI,GAAG,EAAE;YACL,MAAM,KAAK,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAChD,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAC7C,UAAU,CAAC,OAAO,CAAC,CAAC;YACpB,QAAQ,CAAC,KAAK,CAAC,CAAC;SACnB;IACL,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,YAAY,EAAE,CAAC;IACnB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACvD,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACH,6BACI,SAAS,EAAE,IAAA,oBAAU,EAAC,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC,EACvD,KAAK,EAAE;YACH,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;YACtD,KAAK,EAAE,MAAM;SAChB;QAED,6BACI,KAAK,EAAE;gBACH,QAAQ,EAAE,QAAQ;aACrB;YAED,6BAAK,SAAS,EAAC,yCAAyC;gBACpD,oBAAC,qBAAW,IAAC,MAAM,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAC,IAAI,GAAG,CAC3D;YACN,6BACI,KAAK,EAAE;oBACH,MAAM,EAAE,GAAG;iBACd;gBAED,6BAAK,SAAS,EAAC,oBAAoB;oBAC/B,oBAAC,qBAAW,IAAC,MAAM,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAC,IAAI,GAAG,CAC3D;gBACN,6BAAK,SAAS,EAAC,mBAAmB;oBAC9B,oBAAC,qBAAW,IAAC,MAAM,QAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAC,IAAI,GAAG,CAC9D;gBACN,6BACI,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE;wBACH,GAAG,EAAE,EAAE;qBACV,EACD,GAAG,EAAE,MAAM,IAEV,OAAO;oBACJ,KAAK,CAAC,OAAO,CAAC;yBACT,IAAI,CAAC,SAAS,CAAC;yBACf,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACf,6BACI,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAE;4BACH,UAAU,EAAE,CAAC;yBAChB;wBAED,6BACI,KAAK,EAAE;gCACH,QAAQ,EAAE,CAAC;6BACd,EACD,SAAS,EAAC,gDAAgD;4BAE1D,oBAAC,qBAAW,IACR,MAAM,QACN,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,IAAI,EACX,IAAI,EAAC,MAAM,EACX,CAAC,EAAE,EAAE,EACL,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,EACzD,OAAO,EAAC,IAAI,GACd,CACA;wBACN,6BAAK,SAAS,EAAC,mBAAmB;4BAC9B,oBAAC,qBAAW,IAAC,MAAM,QAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAI,CAC1D,CACJ,CACT,CAAC,CACR,CACJ,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport Placeholder from 'components/generic/Placeholder';\nimport { BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from 'util/ScreenSize';\nimport classNames from 'classnames';\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);\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\n                                                noMarg\n                                                key={index}\n                                                blink={true}\n                                                type=\"text\"\n                                                w={48}\n                                                h={index === 0 ? 210 : randomIntFromInterval(10, 21) * 10}\n                                                rounded=\"md\"\n                                            />\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 * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport Placeholder from '@/components/generic/Placeholder';\nimport { BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\nimport classNames from 'classnames';\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);\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\n                                                noMarg\n                                                key={index}\n                                                blink={true}\n                                                type=\"text\"\n                                                w={48}\n                                                h={index === 0 ? 210 : randomIntFromInterval(10, 21) * 10}\n                                                rounded=\"md\"\n                                            />\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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ImageSize } from 'providers/ImageProvider';
+import { ImageSize } from '@/providers/ImageProvider';
 interface ImageLoaderProps {
     src: string;
     visible?: boolean;

package/dist/src/components/generic/loader/ImageLoader.js

@@ -28,8 +28,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const ImageProvider_1 = __importStar(require("providers/ImageProvider"));
-const SmallSpinner_1 = __importDefault(require("components/generic/loader/SmallSpinner"));
+const ImageProvider_1 = __importStar(require("@/providers/ImageProvider"));
+const SmallSpinner_1 = __importDefault(require("@/components/generic/loader/SmallSpinner"));
 function ImageLoader(props) {
     const [imageLoading, setImageLoading] = (0, react_1.useState)(false);
     const [imageSource, setImageSource] = (0, react_1.useState)('');

package/dist/src/components/generic/loader/ImageLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageLoader.js","sourceRoot":"/","sources":["src/components/generic/loader/ImageLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAqD;AACrD,yEAAmE;AACnE,0FAAkE;AAclE,SAAwB,WAAW,CAAC,KAAuB;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEnD,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,KAAK,KAAK,EAAE;YACxD,OAAO;SACV;QAED,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,uBAAa,CAAC,qBAAqB,CAAC,KAAK,CAAC,GAAG,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,yBAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YACxF,IAAI,CAAC,SAAS,EAAE;gBACZ,cAAc,CAAC,GAAG,CAAC,CAAC;gBACpB,eAAe,CAAC,KAAK,CAAC,CAAC;aAC1B;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;YACjB,eAAe,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE/B,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,OAAO,YAAY,CAAC,CAAC,CAAC,CAClB,6BACI,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE;gBACH,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACjB;YAED,oBAAC,sBAAY,OAAG,CACd,CACT,CAAC,CAAC,CAAC,CACA,6BAAK,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAC5E,CAAC;IACN,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACpC,CAAC;AAxCD,8BAwCC","sourcesContent":["import * as React from 'react';\nimport { useMemo, useState, useEffect } from 'react';\nimport ImageProvider, { ImageSize } from 'providers/ImageProvider';\nimport SmallSpinner from 'components/generic/loader/SmallSpinner';\n\ninterface ImageLoaderProps {\n    src: string;\n\n    // Visibility override for complex objects\n    visible?: boolean;\n\n    draggable?: boolean;\n\n    size?: ImageSize;\n    style?: React.CSSProperties;\n}\n\nexport default function ImageLoader(props: ImageLoaderProps) {\n    const [imageLoading, setImageLoading] = useState(false);\n    const [imageSource, setImageSource] = useState('');\n\n    useEffect(() => {\n        if (props.visible !== undefined && props.visible === false) {\n            return;\n        }\n\n        let cancelled = false;\n\n        setImageLoading(true);\n        ImageProvider.getLazyLoadedImageUrl(props.src, props.size ?? ImageSize.Medium).then((src) => {\n            if (!cancelled) {\n                setImageSource(src);\n                setImageLoading(false);\n            }\n        });\n\n        return () => {\n            cancelled = true;\n            setImageLoading(false);\n        };\n    }, [props.src, props.visible]);\n\n    return useMemo(() => {\n        return imageLoading ? (\n            <div\n                className=\"d-flex justify-content-center align-items-center\"\n                style={{\n                    width: '100%',\n                    height: '100%',\n                }}\n            >\n                <SmallSpinner />\n            </div>\n        ) : (\n            <img src={imageSource} style={props.style} draggable={props.draggable} />\n        );\n    }, [imageLoading, imageSource]);\n}\n"]}
+{"version":3,"file":"ImageLoader.js","sourceRoot":"/","sources":["src/components/generic/loader/ImageLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAqD;AACrD,2EAAqE;AACrE,4FAAoE;AAcpE,SAAwB,WAAW,CAAC,KAAuB;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEnD,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,KAAK,KAAK,EAAE;YACxD,OAAO;SACV;QAED,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,uBAAa,CAAC,qBAAqB,CAAC,KAAK,CAAC,GAAG,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,yBAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YACxF,IAAI,CAAC,SAAS,EAAE;gBACZ,cAAc,CAAC,GAAG,CAAC,CAAC;gBACpB,eAAe,CAAC,KAAK,CAAC,CAAC;aAC1B;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;YACjB,eAAe,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE/B,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,OAAO,YAAY,CAAC,CAAC,CAAC,CAClB,6BACI,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE;gBACH,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACjB;YAED,oBAAC,sBAAY,OAAG,CACd,CACT,CAAC,CAAC,CAAC,CACA,6BAAK,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAC5E,CAAC;IACN,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACpC,CAAC;AAxCD,8BAwCC","sourcesContent":["import * as React from 'react';\nimport { useMemo, useState, useEffect } from 'react';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\n\ninterface ImageLoaderProps {\n    src: string;\n\n    // Visibility override for complex objects\n    visible?: boolean;\n\n    draggable?: boolean;\n\n    size?: ImageSize;\n    style?: React.CSSProperties;\n}\n\nexport default function ImageLoader(props: ImageLoaderProps) {\n    const [imageLoading, setImageLoading] = useState(false);\n    const [imageSource, setImageSource] = useState('');\n\n    useEffect(() => {\n        if (props.visible !== undefined && props.visible === false) {\n            return;\n        }\n\n        let cancelled = false;\n\n        setImageLoading(true);\n        ImageProvider.getLazyLoadedImageUrl(props.src, props.size ?? ImageSize.Medium).then((src) => {\n            if (!cancelled) {\n                setImageSource(src);\n                setImageLoading(false);\n            }\n        });\n\n        return () => {\n            cancelled = true;\n            setImageLoading(false);\n        };\n    }, [props.src, props.visible]);\n\n    return useMemo(() => {\n        return imageLoading ? (\n            <div\n                className=\"d-flex justify-content-center align-items-center\"\n                style={{\n                    width: '100%',\n                    height: '100%',\n                }}\n            >\n                <SmallSpinner />\n            </div>\n        ) : (\n            <img src={imageSource} style={props.style} draggable={props.draggable} />\n        );\n    }, [imageLoading, imageSource]);\n}\n"]}

package/dist/src/components/generic/loader/LargeLoader.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const web_1 = require("@react-spring/web");
-const Text_1 = __importDefault(require("components/generic/Text"));
+const Text_1 = __importDefault(require("@/components/generic/Text"));
 const paths = [
     'M21 16V14L13 9V3.5C13 2.67 12.33 2 11.5 2C10.67 2 10 2.67 10 3.5V9L2 14V16L10 13.5V19L8 20.5V22L11.5 21L15 22V20.5L13 19V13.5L21 16Z',
     'M20.57 14.86L22 13.43L20.57 12L17 15.57L8.43 7L12 3.43L10.57 2L9.14 3.43L7.71 2L5.57 4.14L4.14 2.71L2.71 4.14L4.14 5.57L2 7.71L3.43 9.14L2 10.57L3.43 12L7 8.43L15.57 17L12 20.57L13.43 22L14.86 20.57L16.29 22L18.43 19.86L19.86 21.29L21.29 19.86L19.86 18.43L22 16.29L20.57 14.86Z',

package/dist/src/components/generic/loader/LargeLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"LargeLoader.js","sourceRoot":"/","sources":["src/components/generic/loader/LargeLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAA4C;AAC5C,2CAAqD;AACrD,mEAA2C;AAE3C,MAAM,KAAK,GAAG;IACV,sIAAsI;IACtI,uRAAuR;IACvR,sGAAsG;CACzG,CAAC;AAEF,MAAM,KAAK,GAAU,EAAE,CAAC;AAExB,SAAwB,WAAW;IAC/B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACnC,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;gBAE3C,IAAI,OAAO,IAAI,KAAK,WAAW,EAAE;oBAC7B,2EAA2E;oBAE3E,gBAAgB,CAAC,KAAK,CAAC,CAAC;iBAC3B;aACJ;SACJ;aAAM;YACH,gBAAgB,CAAC,KAAK,CAAC,CAAC;SAC3B;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,UAAU,CAAC,GAAG,EAAE;YACZ,QAAQ,CAAC,KAAK,GAAG,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAChE,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,MAAM,EAAE,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,CACH,6BAAK,SAAS,EAAC,cAAc;QACzB,6BAAK,SAAS,EAAC,qBAAqB,GAAG;QACvC,6BAAK,SAAS,EAAC,+BAA+B,GAAG;QACjD,6BAAK,SAAS,EAAC,+BAA+B,GAAG;QACjD,6BAAK,SAAS,EAAC,+BAA+B,GAAG;QAEjD,6BAAK,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW;YAChC,2BAAG,IAAI,EAAC,0BAA0B;gBAC9B,oBAAC,YAAM,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,aAAa,IACnE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,oBAAC,cAAQ,CAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAI,CACzH,CACT,CACF;QACN,6BAAK,SAAS,EAAC,YAAY;YACvB,oBAAC,cAAI,kBAAe,CAClB,CACJ,CACT,CAAC;AACN,CAAC;AA/CD,8BA+CC","sourcesContent":["import * as React from 'react';\nimport { useState, useEffect } from 'react';\nimport { Spring, animated } from '@react-spring/web';\nimport Text from 'components/generic/Text';\n\nconst paths = [\n    'M21 16V14L13 9V3.5C13 2.67 12.33 2 11.5 2C10.67 2 10 2.67 10 3.5V9L2 14V16L10 13.5V19L8 20.5V22L11.5 21L15 22V20.5L13 19V13.5L21 16Z',\n    'M20.57 14.86L22 13.43L20.57 12L17 15.57L8.43 7L12 3.43L10.57 2L9.14 3.43L7.71 2L5.57 4.14L4.14 2.71L2.71 4.14L4.14 5.57L2 7.71L3.43 9.14L2 10.57L3.43 12L7 8.43L15.57 17L12 20.57L13.43 22L14.86 20.57L16.29 22L18.43 19.86L19.86 21.29L21.29 19.86L19.86 18.43L22 16.29L20.57 14.86Z',\n    'M10 15.27L16.18 19L14.54 11.97L20 7.24L12.81 6.63L10 0L7.19 6.63L0 7.24L5.46 11.97L3.82 19L10 15.27Z',\n];\n\nconst local: any[] = [];\n\nexport default function LargeLoader() {\n    const [interpolators, setInterpolators] = useState([]);\n    const [index, setIndex] = useState(0);\n\n    useEffect(() => {\n        if (local.length === 0) {\n            for (let i = 0; i < paths.length; i++) {\n                const nextIndex = paths[i + 1] || paths[0];\n\n                if (typeof jest === 'undefined') {\n                    // local.push(interpolate(paths[i], nextIndex, { maxSegmentLength: 0.1 }));\n\n                    setInterpolators(local);\n                }\n            }\n        } else {\n            setInterpolators(local);\n        }\n    }, []);\n\n    const goNext = () => {\n        setTimeout(() => {\n            setIndex(index + 1 >= interpolators.length ? 0 : index + 1);\n        }, 300);\n    };\n    const onRestHandler = () => {\n        return goNext();\n    };\n    return (\n        <div className=\"large-loader\">\n            <div className=\"large-loader-circle\" />\n            <div className=\"large-loader-circle --delay-2\" />\n            <div className=\"large-loader-circle --delay-4\" />\n            <div className=\"large-loader-circle --delay-6\" />\n\n            <svg width=\"180\" viewBox=\"0 0 22 22\">\n                <g fill=\"var(--rs-color-accent-1)\">\n                    <Spring reset={true} from={{ t: 0 }} to={{ t: 1 }} onRest={onRestHandler}>\n                        {({ t }) => <animated.path className=\"c-image-blank-slate\" d={interpolators.length ? t.to(interpolators[index]) : paths[0]} />}\n                    </Spring>\n                </g>\n            </svg>\n            <div className=\"u-marg-top\">\n                <Text>Loading</Text>\n            </div>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"LargeLoader.js","sourceRoot":"/","sources":["src/components/generic/loader/LargeLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAA4C;AAC5C,2CAAqD;AACrD,qEAA6C;AAE7C,MAAM,KAAK,GAAG;IACV,sIAAsI;IACtI,uRAAuR;IACvR,sGAAsG;CACzG,CAAC;AAEF,MAAM,KAAK,GAAU,EAAE,CAAC;AAExB,SAAwB,WAAW;IAC/B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACnC,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;gBAE3C,IAAI,OAAO,IAAI,KAAK,WAAW,EAAE;oBAC7B,2EAA2E;oBAE3E,gBAAgB,CAAC,KAAK,CAAC,CAAC;iBAC3B;aACJ;SACJ;aAAM;YACH,gBAAgB,CAAC,KAAK,CAAC,CAAC;SAC3B;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,UAAU,CAAC,GAAG,EAAE;YACZ,QAAQ,CAAC,KAAK,GAAG,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAChE,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,MAAM,EAAE,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,CACH,6BAAK,SAAS,EAAC,cAAc;QACzB,6BAAK,SAAS,EAAC,qBAAqB,GAAG;QACvC,6BAAK,SAAS,EAAC,+BAA+B,GAAG;QACjD,6BAAK,SAAS,EAAC,+BAA+B,GAAG;QACjD,6BAAK,SAAS,EAAC,+BAA+B,GAAG;QAEjD,6BAAK,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW;YAChC,2BAAG,IAAI,EAAC,0BAA0B;gBAC9B,oBAAC,YAAM,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,aAAa,IACnE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,oBAAC,cAAQ,CAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAI,CACzH,CACT,CACF;QACN,6BAAK,SAAS,EAAC,YAAY;YACvB,oBAAC,cAAI,kBAAe,CAClB,CACJ,CACT,CAAC;AACN,CAAC;AA/CD,8BA+CC","sourcesContent":["import * as React from 'react';\nimport { useState, useEffect } from 'react';\nimport { Spring, animated } from '@react-spring/web';\nimport Text from '@/components/generic/Text';\n\nconst paths = [\n    'M21 16V14L13 9V3.5C13 2.67 12.33 2 11.5 2C10.67 2 10 2.67 10 3.5V9L2 14V16L10 13.5V19L8 20.5V22L11.5 21L15 22V20.5L13 19V13.5L21 16Z',\n    'M20.57 14.86L22 13.43L20.57 12L17 15.57L8.43 7L12 3.43L10.57 2L9.14 3.43L7.71 2L5.57 4.14L4.14 2.71L2.71 4.14L4.14 5.57L2 7.71L3.43 9.14L2 10.57L3.43 12L7 8.43L15.57 17L12 20.57L13.43 22L14.86 20.57L16.29 22L18.43 19.86L19.86 21.29L21.29 19.86L19.86 18.43L22 16.29L20.57 14.86Z',\n    'M10 15.27L16.18 19L14.54 11.97L20 7.24L12.81 6.63L10 0L7.19 6.63L0 7.24L5.46 11.97L3.82 19L10 15.27Z',\n];\n\nconst local: any[] = [];\n\nexport default function LargeLoader() {\n    const [interpolators, setInterpolators] = useState([]);\n    const [index, setIndex] = useState(0);\n\n    useEffect(() => {\n        if (local.length === 0) {\n            for (let i = 0; i < paths.length; i++) {\n                const nextIndex = paths[i + 1] || paths[0];\n\n                if (typeof jest === 'undefined') {\n                    // local.push(interpolate(paths[i], nextIndex, { maxSegmentLength: 0.1 }));\n\n                    setInterpolators(local);\n                }\n            }\n        } else {\n            setInterpolators(local);\n        }\n    }, []);\n\n    const goNext = () => {\n        setTimeout(() => {\n            setIndex(index + 1 >= interpolators.length ? 0 : index + 1);\n        }, 300);\n    };\n    const onRestHandler = () => {\n        return goNext();\n    };\n    return (\n        <div className=\"large-loader\">\n            <div className=\"large-loader-circle\" />\n            <div className=\"large-loader-circle --delay-2\" />\n            <div className=\"large-loader-circle --delay-4\" />\n            <div className=\"large-loader-circle --delay-6\" />\n\n            <svg width=\"180\" viewBox=\"0 0 22 22\">\n                <g fill=\"var(--rs-color-accent-1)\">\n                    <Spring reset={true} from={{ t: 0 }} to={{ t: 1 }} onRest={onRestHandler}>\n                        {({ t }) => <animated.path className=\"c-image-blank-slate\" d={interpolators.length ? t.to(interpolators[index]) : paths[0]} />}\n                    </Spring>\n                </g>\n            </svg>\n            <div className=\"u-marg-top\">\n                <Text>Loading</Text>\n            </div>\n        </div>\n    );\n}\n"]}

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

@@ -1,2 +1,2 @@
-import { IconProps } from 'components/generic/Icon/Icon';
+import { IconProps } from '@/components/generic/Icon/Icon';
 export default function SmallSpinner(props: Partial<IconProps>): JSX.Element;

package/dist/src/components/generic/loader/SmallSpinner.js

@@ -24,8 +24,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const Color_1 = require("util/Color");
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
+const Color_1 = require("@/util/Color");
 function SmallSpinner(props) {
     return (React.createElement("div", { className: "u-inline-flex a-spin" },
         React.createElement(Icon_1.default, Object.assign({ color: Color_1.Color.Accent, icon: Icon_1.IconType.Spinner }, props))));

package/dist/src/components/generic/loader/SmallSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmallSpinner.js","sourceRoot":"/","sources":["src/components/generic/loader/SmallSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,qEAAyE;AACzE,sCAAmC;AAEnC,SAAwB,YAAY,CAAC,KAAyB;IAC1D,OAAO,CACH,6BAAK,SAAS,EAAC,sBAAsB;QACjC,oBAAC,cAAI,kBAAC,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO,IAAM,KAAK,EAAI,CAC9D,CACT,CAAC;AACN,CAAC;AAND,+BAMC","sourcesContent":["import * as React from 'react';\nimport Icon, { IconType, IconProps } from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\n\nexport default function SmallSpinner(props: Partial<IconProps>) {\n    return (\n        <div className=\"u-inline-flex a-spin\">\n            <Icon color={Color.Accent} icon={IconType.Spinner} {...props} />\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"SmallSpinner.js","sourceRoot":"/","sources":["src/components/generic/loader/SmallSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,uEAA2E;AAC3E,wCAAqC;AAErC,SAAwB,YAAY,CAAC,KAAyB;IAC1D,OAAO,CACH,6BAAK,SAAS,EAAC,sBAAsB;QACjC,oBAAC,cAAI,kBAAC,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO,IAAM,KAAK,EAAI,CAC9D,CACT,CAAC;AACN,CAAC;AAND,+BAMC","sourcesContent":["import * as React from 'react';\nimport Icon, { IconType, IconProps } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\n\nexport default function SmallSpinner(props: Partial<IconProps>) {\n    return (\n        <div className=\"u-inline-flex a-spin\">\n            <Icon color={Color.Accent} icon={IconType.Spinner} {...props} />\n        </div>\n    );\n}\n"]}

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

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const BEMapWidget_1 = __importDefault(require("components/summary/BEMapWidget"));
+const BEMapWidget_1 = __importDefault(require("@/components/summary/BEMapWidget"));
 const hooks_1 = require("@frontend/hooks");
 function HotelLocationMap() {
     const { hotel } = (0, hooks_1.useCurrentHotel)();

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

@@ -1 +1 @@
-{"version":3,"file":"HotelLocationMap.js","sourceRoot":"/","sources":["src/components/generic/map/HotelLocationMap.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iFAAyD;AACzD,2CAAkD;AAElD,SAAwB,gBAAgB;IACpC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAI,CAAC,KAAK;QAAE,OAAO,yCAAK,CAAC;IAEzB,OAAO,0CAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,IAAI,oBAAC,qBAAW,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,EAAE,GAAI,CAAI,CAAC;AACjI,CAAC;AAND,mCAMC","sourcesContent":["import * as React from 'react';\nimport BEMapWidget from 'components/summary/BEMapWidget';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nexport default function HotelLocationMap() {\n    const { hotel } = useCurrentHotel();\n\n    if (!hotel) return <></>;\n\n    return <>{hotel.latitude && hotel.longitude && <BEMapWidget mapLatLng={{ lat: hotel.latitude, lng: hotel.longitude }} />}</>;\n}\n"]}
+{"version":3,"file":"HotelLocationMap.js","sourceRoot":"/","sources":["src/components/generic/map/HotelLocationMap.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,mFAA2D;AAC3D,2CAAkD;AAElD,SAAwB,gBAAgB;IACpC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAI,CAAC,KAAK;QAAE,OAAO,yCAAK,CAAC;IAEzB,OAAO,0CAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,IAAI,oBAAC,qBAAW,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,EAAE,GAAI,CAAI,CAAC;AACjI,CAAC;AAND,mCAMC","sourcesContent":["import * as React from 'react';\nimport BEMapWidget from '@/components/summary/BEMapWidget';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nexport default function HotelLocationMap() {\n    const { hotel } = useCurrentHotel();\n\n    if (!hotel) return <></>;\n\n    return <>{hotel.latitude && hotel.longitude && <BEMapWidget mapLatLng={{ lat: hotel.latitude, lng: hotel.longitude }} />}</>;\n}\n"]}

package/dist/src/components/generic/modal/ConfirmationModal.js

@@ -27,9 +27,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const SimpleModal_1 = __importStar(require("components/generic/modal/SimpleModal"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const Text_1 = __importDefault(require("components/generic/Text"));
+const SimpleModal_1 = __importStar(require("@/components/generic/modal/SimpleModal"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const Text_1 = __importDefault(require("@/components/generic/Text"));
 function ConfirmationModal(props) {
     const cancelOnClickHandler = () => {
         if (props.onClose) {

package/dist/src/components/generic/modal/ConfirmationModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationModal.js","sourceRoot":"/","sources":["src/components/generic/modal/ConfirmationModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,oFAAoF;AACpF,2EAAmD;AACnD,mEAA2C;AAU3C,SAAwB,iBAAiB,CAAC,KAA6B;IACnE,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,IAAI,KAAK,CAAC,OAAO,EAAE;YACf,KAAK,CAAC,OAAO,EAAE,CAAC;SACnB;IACL,CAAC,CAAC;IACF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC7B,IAAI,KAAK,CAAC,SAAS,EAAE;YACjB,KAAK,CAAC,SAAS,EAAE,CAAC;SACrB;IACL,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,CACX,6BAAK,SAAS,EAAC,QAAQ;QACnB,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,oBAAoB,aAE1C;QACX,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,mBAAmB,UAExD,CACT,CACT,CAAC;IAEF,OAAO,CACH,oBAAC,qBAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAE,IAAI,EACjB,aAAa,EAAE,6BAAK,SAAS,EAAC,wBAAwB,IAAE,MAAM,CAAO,EACrE,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,6BAAe,CAAC,KAAK,EAC3B,KAAK,EAAC,SAAS;QAEf,6BAAK,SAAS,EAAC,wBAAwB;YACnC,6BAAK,SAAS,EAAC,eAAe;gBAC1B,oBAAC,cAAI,QAAE,KAAK,CAAC,OAAO,CAAQ,CAC1B,CACJ,CACI,CACjB,CAAC;AACN,CAAC;AAtCD,oCAsCC","sourcesContent":["import * as React from 'react';\nimport SimpleModal, { SimpleModalSize } from 'components/generic/modal/SimpleModal';\nimport BEButton from 'components/generic/BEButton';\nimport Text from 'components/generic/Text';\n\nexport interface ConfirmationModalProps {\n    open: boolean;\n    onClose?: () => void;\n    onConfirm: () => void;\n\n    message: string;\n}\n\nexport default function ConfirmationModal(props: ConfirmationModalProps) {\n    const cancelOnClickHandler = () => {\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n    const onConfirmationClick = () => {\n        if (props.onConfirm) {\n            props.onConfirm();\n        }\n    };\n    const footer = (\n        <div className=\"u-flex\">\n            <BEButton isText={true} onClick={cancelOnClickHandler}>\n                Cancel\n            </BEButton>\n            <BEButton filled={true} primary={true} onClick={onConfirmationClick}>\n                Yes\n            </BEButton>\n        </div>\n    );\n\n    return (\n        <SimpleModal\n            open={props.open}\n            alignCenter={true}\n            desktopFooter={<div className=\"u-marg-heavy u-marg@m-\">{footer}</div>}\n            mobileFooter={footer}\n            size={SimpleModalSize.Small}\n            title=\"Confirm\"\n        >\n            <div className=\"u-marg-heavy u-marg@m-\">\n                <div className=\"u-marg-bottom\">\n                    <Text>{props.message}</Text>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"ConfirmationModal.js","sourceRoot":"/","sources":["src/components/generic/modal/ConfirmationModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,sFAAsF;AACtF,6EAAqD;AACrD,qEAA6C;AAU7C,SAAwB,iBAAiB,CAAC,KAA6B;IACnE,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,IAAI,KAAK,CAAC,OAAO,EAAE;YACf,KAAK,CAAC,OAAO,EAAE,CAAC;SACnB;IACL,CAAC,CAAC;IACF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC7B,IAAI,KAAK,CAAC,SAAS,EAAE;YACjB,KAAK,CAAC,SAAS,EAAE,CAAC;SACrB;IACL,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,CACX,6BAAK,SAAS,EAAC,QAAQ;QACnB,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,oBAAoB,aAE1C;QACX,oBAAC,kBAAQ,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,mBAAmB,UAExD,CACT,CACT,CAAC;IAEF,OAAO,CACH,oBAAC,qBAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAE,IAAI,EACjB,aAAa,EAAE,6BAAK,SAAS,EAAC,wBAAwB,IAAE,MAAM,CAAO,EACrE,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,6BAAe,CAAC,KAAK,EAC3B,KAAK,EAAC,SAAS;QAEf,6BAAK,SAAS,EAAC,wBAAwB;YACnC,6BAAK,SAAS,EAAC,eAAe;gBAC1B,oBAAC,cAAI,QAAE,KAAK,CAAC,OAAO,CAAQ,CAC1B,CACJ,CACI,CACjB,CAAC;AACN,CAAC;AAtCD,oCAsCC","sourcesContent":["import * as React from 'react';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport BEButton from '@/components/generic/BEButton';\nimport Text from '@/components/generic/Text';\n\nexport interface ConfirmationModalProps {\n    open: boolean;\n    onClose?: () => void;\n    onConfirm: () => void;\n\n    message: string;\n}\n\nexport default function ConfirmationModal(props: ConfirmationModalProps) {\n    const cancelOnClickHandler = () => {\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n    const onConfirmationClick = () => {\n        if (props.onConfirm) {\n            props.onConfirm();\n        }\n    };\n    const footer = (\n        <div className=\"u-flex\">\n            <BEButton isText={true} onClick={cancelOnClickHandler}>\n                Cancel\n            </BEButton>\n            <BEButton filled={true} primary={true} onClick={onConfirmationClick}>\n                Yes\n            </BEButton>\n        </div>\n    );\n\n    return (\n        <SimpleModal\n            open={props.open}\n            alignCenter={true}\n            desktopFooter={<div className=\"u-marg-heavy u-marg@m-\">{footer}</div>}\n            mobileFooter={footer}\n            size={SimpleModalSize.Small}\n            title=\"Confirm\"\n        >\n            <div className=\"u-marg-heavy u-marg@m-\">\n                <div className=\"u-marg-bottom\">\n                    <Text>{props.message}</Text>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/components/generic/modal/ErrorModal.js

@@ -27,9 +27,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const SimpleModal_1 = __importStar(require("components/generic/modal/SimpleModal"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const Icon_1 = require("components/generic/Icon/Icon");
+const SimpleModal_1 = __importStar(require("@/components/generic/modal/SimpleModal"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const Icon_1 = require("@/components/generic/Icon/Icon");
 function ErrorModal(props) {
     var _a;
     return (React.createElement(SimpleModal_1.default, { open: props.open, onClose: props.onClose, size: SimpleModal_1.SimpleModalSize.Small, title: (_a = props.title) !== null && _a !== void 0 ? _a : 'Unexpected error occured', alignCenter: true },

package/dist/src/components/generic/modal/ErrorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorModal.js","sourceRoot":"/","sources":["src/components/generic/modal/ErrorModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,oFAAoF;AACpF,2EAAmD;AACnD,uDAAwD;AAUxD,SAAwB,UAAU,CAAC,KAAsB;;IACrD,OAAO,CACH,oBAAC,qBAAW,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,6BAAe,CAAC,KAAK,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,0BAA0B,EAAE,WAAW,EAAE,IAAI;QACnJ,6BAAK,SAAS,EAAC,wBAAwB;YACnC,6BAAK,SAAS,EAAC,eAAe,IAAE,KAAK,CAAC,QAAQ,CAAO;YACrD,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IACvG,KAAK,CAAC,eAAe,IAAI,OAAO,CAC1B,CACT,CACI,CACjB,CAAC;AACN,CAAC;AAXD,6BAWC","sourcesContent":["import * as React from 'react';\nimport SimpleModal, { SimpleModalSize } from 'components/generic/modal/SimpleModal';\nimport BEButton from 'components/generic/BEButton';\nimport { IconType } from 'components/generic/Icon/Icon';\n\ninterface ErrorModalProps {\n    open: boolean;\n    onClose: () => void;\n    children: React.ReactElement;\n    title?: string;\n    closeButtonText?: string;\n}\n\nexport default function ErrorModal(props: ErrorModalProps) {\n    return (\n        <SimpleModal open={props.open} onClose={props.onClose} size={SimpleModalSize.Small} title={props.title ?? 'Unexpected error occured'} alignCenter={true}>\n            <div className=\"u-marg-heavy u-marg@m-\">\n                <div className=\"u-marg-bottom\">{props.children}</div>\n                <BEButton icon={IconType.Close} primary={true} filled={true} stopIconAnimation={true} onClick={props.onClose}>\n                    {props.closeButtonText || 'Close'}\n                </BEButton>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"ErrorModal.js","sourceRoot":"/","sources":["src/components/generic/modal/ErrorModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,sFAAsF;AACtF,6EAAqD;AACrD,yDAA0D;AAU1D,SAAwB,UAAU,CAAC,KAAsB;;IACrD,OAAO,CACH,oBAAC,qBAAW,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,6BAAe,CAAC,KAAK,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,0BAA0B,EAAE,WAAW,EAAE,IAAI;QACnJ,6BAAK,SAAS,EAAC,wBAAwB;YACnC,6BAAK,SAAS,EAAC,eAAe,IAAE,KAAK,CAAC,QAAQ,CAAO;YACrD,oBAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IACvG,KAAK,CAAC,eAAe,IAAI,OAAO,CAC1B,CACT,CACI,CACjB,CAAC;AACN,CAAC;AAXD,6BAWC","sourcesContent":["import * as React from 'react';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\n\ninterface ErrorModalProps {\n    open: boolean;\n    onClose: () => void;\n    children: React.ReactElement;\n    title?: string;\n    closeButtonText?: string;\n}\n\nexport default function ErrorModal(props: ErrorModalProps) {\n    return (\n        <SimpleModal open={props.open} onClose={props.onClose} size={SimpleModalSize.Small} title={props.title ?? 'Unexpected error occured'} alignCenter={true}>\n            <div className=\"u-marg-heavy u-marg@m-\">\n                <div className=\"u-marg-bottom\">{props.children}</div>\n                <BEButton icon={IconType.Close} primary={true} filled={true} stopIconAnimation={true} onClick={props.onClose}>\n                    {props.closeButtonText || 'Close'}\n                </BEButton>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/components/generic/modal/SigninModal/AuthenticatedUserModal.js

@@ -29,16 +29,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AuthenticatedUserModal = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Overlay_1 = require("components/generic/Overlay/Overlay");
+const Overlay_1 = require("@/components/generic/Overlay/Overlay");
 const contexts_1 = require("@frontend/contexts");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
-const Color_1 = require("util/Color");
-const Text_1 = __importDefault(require("components/generic/Text"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
+const Color_1 = require("@/util/Color");
+const Text_1 = __importDefault(require("@/components/generic/Text"));
 const react_router_dom_1 = require("react-router-dom");
-const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
 const AuthenticatedUserModal_module_scss_1 = __importDefault(require("./AuthenticatedUserModal.module.scss"));
-const AccountRoutes_1 = require("pages/account/AccountRoutes");
+const AccountRoutes_1 = require("@/pages/account/AccountRoutes");
 const AuthenticatedUserModal = (props) => {
     const { open, anchorEl, containerEl } = props;
     const { logout } = (0, react_1.useContext)(contexts_1.AuthenticationContext);

package/dist/src/components/generic/modal/SigninModal/AuthenticatedUserModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/AuthenticatedUserModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext } from 'react';\nimport { Overlay } from 'components/generic/Overlay/Overlay';\nimport { AuthenticationContext, BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from 'util/ScreenSize';\n\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { Color } from 'util/Color';\nimport Text from 'components/generic/Text';\nimport { NavLink } from 'react-router-dom';\nimport LineBreak from 'components/generic/LineBreak';\n\nimport styles from './AuthenticatedUserModal.module.scss';\nimport { AccountRoutes } from 'pages/account/AccountRoutes';\n\ntype AuthenticatedUserModalProps = {\n    open: boolean;\n    anchorEl?: HTMLElement;\n    containerEl?: HTMLElement;\n    onClose?: () => void;\n};\n\ntype MenuItemType = {\n    icon: IconType;\n    text: string;\n    link: string;\n};\n\nexport const AuthenticatedUserModal = (props: AuthenticatedUserModalProps) => {\n    const { open, anchorEl, containerEl } = props;\n\n    const { logout } = useContext(AuthenticationContext);\n\n    const { screenSize } = useContext(BookingEngineContext);\n    const shouldBreakpoint = screenSize <= ScreenSize.Large;\n\n    const onClose = () => {\n        props.onClose?.();\n    };\n\n    const onLogoutClick = () => {\n        onClose();\n        logout();\n    };\n\n    const items: MenuItemType[] = [\n        {\n            icon: IconType.Bed,\n            text: 'Your Reservations',\n            link: AccountRoutes.Reservations.path,\n        },\n        {\n            icon: IconType.Person,\n            text: 'Profile Information',\n            link: AccountRoutes.ProfileDetails.path,\n        },\n        {\n            icon: IconType.CreditCard,\n            text: 'Payment Information',\n            link: AccountRoutes.CardDetails.path,\n        },\n        {\n            icon: IconType.Hotel,\n            text: 'Hotel Information',\n            link: '/hotel-info/',\n        },\n        {\n            icon: IconType.Info,\n            text: 'Need Help?',\n            link: AccountRoutes.Help.path,\n        },\n    ];\n\n    return (\n        open && (\n            <Overlay\n                usePortal={true}\n                followElement={shouldBreakpoint ? null : anchorEl}\n                placement=\"auto-end\"\n                container={containerEl}\n                open={open}\n                onClose={onClose}\n                strategy=\"fixed\"\n                className={styles['logged-in-overlay']}\n            >\n                <div className={styles['list-items']}>\n                    {items.map((item, index) => {\n                        return (\n                            <NavLink\n                                isActive={(item, location) => {\n                                    return item && item.url && location.pathname.toLowerCase().includes(item.url.toLowerCase());\n                                }}\n                                activeClassName={styles['--selected']}\n                                to={item.link}\n                                className={styles['list-item']}\n                                key={index}\n                                onClick={onClose}\n                            >\n                                <div className={styles['list-item--icon']}>\n                                    <Icon icon={item.icon} color={Color.Grey} size={'24px'} />\n                                </div>\n                                <Text>{item.text}</Text>\n                            </NavLink>\n                        );\n                    })}\n                    <LineBreak />\n                    <div className={styles['list-item']} onClick={onLogoutClick}>\n                        <div className={styles['list-item--icon']}>\n                            <Icon icon={IconType.LogOut} color={Color.Alert} size={'24px'} />\n                        </div>\n                        <Text color={Color.Alert}>Log Out</Text>\n                    </div>\n                </div>\n            </Overlay>\n        )\n    );\n};\n"]}
+{"version":3,"file":"AuthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/AuthenticatedUserModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext } from 'react';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport { AuthenticationContext, BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport Text from '@/components/generic/Text';\nimport { NavLink } from 'react-router-dom';\nimport LineBreak from '@/components/generic/LineBreak';\n\nimport styles from './AuthenticatedUserModal.module.scss';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\n\ntype AuthenticatedUserModalProps = {\n    open: boolean;\n    anchorEl?: HTMLElement;\n    containerEl?: HTMLElement;\n    onClose?: () => void;\n};\n\ntype MenuItemType = {\n    icon: IconType;\n    text: string;\n    link: string;\n};\n\nexport const AuthenticatedUserModal = (props: AuthenticatedUserModalProps) => {\n    const { open, anchorEl, containerEl } = props;\n\n    const { logout } = useContext(AuthenticationContext);\n\n    const { screenSize } = useContext(BookingEngineContext);\n    const shouldBreakpoint = screenSize <= ScreenSize.Large;\n\n    const onClose = () => {\n        props.onClose?.();\n    };\n\n    const onLogoutClick = () => {\n        onClose();\n        logout();\n    };\n\n    const items: MenuItemType[] = [\n        {\n            icon: IconType.Bed,\n            text: 'Your Reservations',\n            link: AccountRoutes.Reservations.path,\n        },\n        {\n            icon: IconType.Person,\n            text: 'Profile Information',\n            link: AccountRoutes.ProfileDetails.path,\n        },\n        {\n            icon: IconType.CreditCard,\n            text: 'Payment Information',\n            link: AccountRoutes.CardDetails.path,\n        },\n        {\n            icon: IconType.Hotel,\n            text: 'Hotel Information',\n            link: '/hotel-info/',\n        },\n        {\n            icon: IconType.Info,\n            text: 'Need Help?',\n            link: AccountRoutes.Help.path,\n        },\n    ];\n\n    return (\n        open && (\n            <Overlay\n                usePortal={true}\n                followElement={shouldBreakpoint ? null : anchorEl}\n                placement=\"auto-end\"\n                container={containerEl}\n                open={open}\n                onClose={onClose}\n                strategy=\"fixed\"\n                className={styles['logged-in-overlay']}\n            >\n                <div className={styles['list-items']}>\n                    {items.map((item, index) => {\n                        return (\n                            <NavLink\n                                isActive={(item, location) => {\n                                    return item && item.url && location.pathname.toLowerCase().includes(item.url.toLowerCase());\n                                }}\n                                activeClassName={styles['--selected']}\n                                to={item.link}\n                                className={styles['list-item']}\n                                key={index}\n                                onClick={onClose}\n                            >\n                                <div className={styles['list-item--icon']}>\n                                    <Icon icon={item.icon} color={Color.Grey} size={'24px'} />\n                                </div>\n                                <Text>{item.text}</Text>\n                            </NavLink>\n                        );\n                    })}\n                    <LineBreak />\n                    <div className={styles['list-item']} onClick={onLogoutClick}>\n                        <div className={styles['list-item--icon']}>\n                            <Icon icon={IconType.LogOut} color={Color.Alert} size={'24px'} />\n                        </div>\n                        <Text color={Color.Alert}>Log Out</Text>\n                    </div>\n                </div>\n            </Overlay>\n        )\n    );\n};\n"]}

package/dist/src/components/generic/modal/SigninModal/UnauthenticatedUserModal.js

@@ -29,18 +29,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.UnauthenticatedUserModal = exports.EViewingScreen = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
-const Overlay_1 = require("components/generic/Overlay/Overlay");
+const Overlay_1 = require("@/components/generic/Overlay/Overlay");
 const Fade_1 = __importDefault(require("animations/Fade"));
-const SignInForm_1 = require("components/User/Forms/SignInForm");
+const SignInForm_1 = require("@/components/User/Forms/SignInForm");
 const contexts_1 = require("@frontend/contexts");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
 const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
-const SignUpForm_1 = require("components/User/Forms/SignUpForm");
-const ForgotPasswordForm_1 = require("components/User/Forms/ForgotPasswordForm");
-const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const Color_1 = require("util/Color");
-const Text_1 = __importStar(require("components/generic/Text"));
+const SignUpForm_1 = require("@/components/User/Forms/SignUpForm");
+const ForgotPasswordForm_1 = require("@/components/User/Forms/ForgotPasswordForm");
+const LineBreak_1 = __importDefault(require("@/components/generic/LineBreak"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const Color_1 = require("@/util/Color");
+const Text_1 = __importStar(require("@/components/generic/Text"));
 var EViewingScreen;
 (function (EViewingScreen) {
     EViewingScreen["Default"] = "Default";

package/dist/src/components/generic/modal/SigninModal/UnauthenticatedUserModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnauthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/UnauthenticatedUserModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useEffect, useContext, useState, useRef } from 'react';\n\nimport { Overlay } from 'components/generic/Overlay/Overlay';\nimport FadeAnimation from 'animations/Fade';\nimport { SignInForm } from 'components/User/Forms/SignInForm';\nimport { AuthenticationContext, BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from 'util/ScreenSize';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { SignUpForm } from 'components/User/Forms/SignUpForm';\nimport { ForgotPasswordForm } from 'components/User/Forms/ForgotPasswordForm';\nimport LineBreak from 'components/generic/LineBreak';\nimport BEButton from 'components/generic/BEButton';\nimport { Color } from 'util/Color';\nimport Text, { TextType } from 'components/generic/Text';\n\n// TODO: Move file to not be in a generic location\n\ninterface UnauthenticatedUserModalProps {\n    open: boolean;\n    anchorEl?: HTMLElement;\n    containerEl?: HTMLElement;\n    onClose?: () => void;\n    onConfirm?: () => void;\n}\n\nexport enum EViewingScreen {\n    Default = 'Default',\n    SignIn = 'SignIn',\n    SignUp = 'SignUp',\n    ForgotPassword = 'ForgotPassword',\n}\n\nexport const UnauthenticatedUserModal = (props: UnauthenticatedUserModalProps) => {\n    const { open, anchorEl, containerEl, onClose } = props;\n    const { reset: cognitoReset } = useContext(AuthenticationContext);\n\n    const [viewingScreen, setViewingScreen] = useState<EViewingScreen>(EViewingScreen.SignIn);\n\n    const nextViewingScreen = useRef<EViewingScreen>();\n\n    const { screenSize } = useContext(BookingEngineContext);\n    const shouldBreakpoint = screenSize <= ScreenSize.Large;\n\n    useEffect(() => {\n        if (open) {\n            setViewingScreen(EViewingScreen.SignIn);\n        }\n    }, [open]);\n\n    const reset = () => {\n        cognitoReset();\n        setViewingScreen(null);\n    };\n\n    const showForgotPassword = () => {\n        reset();\n        nextViewingScreen.current = EViewingScreen.ForgotPassword;\n    };\n\n    const showSignInFormContent = () => {\n        reset();\n        nextViewingScreen.current = EViewingScreen.SignIn;\n    };\n\n    const showSignUpFormContent = () => {\n        reset();\n        nextViewingScreen.current = EViewingScreen.SignUp;\n    };\n\n    const onAnimationExit = () => {\n        setViewingScreen(nextViewingScreen.current);\n    };\n\n    const signInFormContent = (\n        <>\n            <SignInForm onForgotPassword={showForgotPassword} />\n            <LineBreak />\n            <div className=\"u-marg-bottom--light\">\n                <BEButton isText={true} wide={true} size={'small'} textColor={Color.Navy} onClick={showSignUpFormContent}>\n                    Don't have an account?\n                </BEButton>\n            </div>\n            <BEButton onClick={showSignUpFormContent} wide={true} primary={true}>\n                Sign Up, It's Free\n            </BEButton>\n        </>\n    );\n\n    const signUpFormContent = (\n        <>\n            <SignUpForm onSignedIn={showSignInFormContent} />\n            <LineBreak />\n            <div className=\"u-marg-bottom--light\">\n                <Text type={TextType.Label} bold={true}>\n                    Already have an account?\n                </Text>\n            </div>\n            <Text type={TextType.Small}>\n                <BEButton isText={true} size={'small'} primary={true} onClick={showSignInFormContent}>\n                    Sign in\n                </BEButton>{' '}\n                to log in with your account.\n            </Text>\n        </>\n    );\n\n    const forgotPasswordContent = (\n        <>\n            <ForgotPasswordForm onCancelled={showSignInFormContent} />\n        </>\n    );\n\n    return (\n        <Overlay\n            usePortal={true}\n            followElement={shouldBreakpoint ? null : anchorEl}\n            placement=\"auto-end\"\n            container={containerEl}\n            open={open}\n            onClose={onClose}\n            strategy=\"fixed\"\n            className=\"c-login-overlay\"\n        >\n            <div className={'u-w-100 u-pad--heavy@m u-pad@m-'}>\n                <AutoAutoHeight open={true} startOpen={true}>\n                    {[\n                        [EViewingScreen.SignIn, signInFormContent],\n                        [EViewingScreen.SignUp, signUpFormContent],\n                        [EViewingScreen.ForgotPassword, forgotPasswordContent],\n                    ].map(([forScreen, content], index) => (\n                        <FadeAnimation open={viewingScreen === forScreen} onExitCompletely={onAnimationExit} key={index}>\n                            {content as React.ReactElement}\n                        </FadeAnimation>\n                    ))}\n                </AutoAutoHeight>\n            </div>\n        </Overlay>\n    );\n};\n"]}
+{"version":3,"file":"UnauthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/UnauthenticatedUserModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useEffect, useContext, useState, useRef } from 'react';\n\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport FadeAnimation from 'animations/Fade';\nimport { SignInForm } from '@/components/User/Forms/SignInForm';\nimport { AuthenticationContext, BookingEngineContext } from '@frontend/contexts';\nimport ScreenSize from '@/util/ScreenSize';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { SignUpForm } from '@/components/User/Forms/SignUpForm';\nimport { ForgotPasswordForm } from '@/components/User/Forms/ForgotPasswordForm';\nimport LineBreak from '@/components/generic/LineBreak';\nimport BEButton from '@/components/generic/BEButton';\nimport { Color } from '@/util/Color';\nimport Text, { TextType } from '@/components/generic/Text';\n\n// TODO: Move file to not be in a generic location\n\ninterface UnauthenticatedUserModalProps {\n    open: boolean;\n    anchorEl?: HTMLElement;\n    containerEl?: HTMLElement;\n    onClose?: () => void;\n    onConfirm?: () => void;\n}\n\nexport enum EViewingScreen {\n    Default = 'Default',\n    SignIn = 'SignIn',\n    SignUp = 'SignUp',\n    ForgotPassword = 'ForgotPassword',\n}\n\nexport const UnauthenticatedUserModal = (props: UnauthenticatedUserModalProps) => {\n    const { open, anchorEl, containerEl, onClose } = props;\n    const { reset: cognitoReset } = useContext(AuthenticationContext);\n\n    const [viewingScreen, setViewingScreen] = useState<EViewingScreen>(EViewingScreen.SignIn);\n\n    const nextViewingScreen = useRef<EViewingScreen>();\n\n    const { screenSize } = useContext(BookingEngineContext);\n    const shouldBreakpoint = screenSize <= ScreenSize.Large;\n\n    useEffect(() => {\n        if (open) {\n            setViewingScreen(EViewingScreen.SignIn);\n        }\n    }, [open]);\n\n    const reset = () => {\n        cognitoReset();\n        setViewingScreen(null);\n    };\n\n    const showForgotPassword = () => {\n        reset();\n        nextViewingScreen.current = EViewingScreen.ForgotPassword;\n    };\n\n    const showSignInFormContent = () => {\n        reset();\n        nextViewingScreen.current = EViewingScreen.SignIn;\n    };\n\n    const showSignUpFormContent = () => {\n        reset();\n        nextViewingScreen.current = EViewingScreen.SignUp;\n    };\n\n    const onAnimationExit = () => {\n        setViewingScreen(nextViewingScreen.current);\n    };\n\n    const signInFormContent = (\n        <>\n            <SignInForm onForgotPassword={showForgotPassword} />\n            <LineBreak />\n            <div className=\"u-marg-bottom--light\">\n                <BEButton isText={true} wide={true} size={'small'} textColor={Color.Navy} onClick={showSignUpFormContent}>\n                    Don't have an account?\n                </BEButton>\n            </div>\n            <BEButton onClick={showSignUpFormContent} wide={true} primary={true}>\n                Sign Up, It's Free\n            </BEButton>\n        </>\n    );\n\n    const signUpFormContent = (\n        <>\n            <SignUpForm onSignedIn={showSignInFormContent} />\n            <LineBreak />\n            <div className=\"u-marg-bottom--light\">\n                <Text type={TextType.Label} bold={true}>\n                    Already have an account?\n                </Text>\n            </div>\n            <Text type={TextType.Small}>\n                <BEButton isText={true} size={'small'} primary={true} onClick={showSignInFormContent}>\n                    Sign in\n                </BEButton>{' '}\n                to log in with your account.\n            </Text>\n        </>\n    );\n\n    const forgotPasswordContent = (\n        <>\n            <ForgotPasswordForm onCancelled={showSignInFormContent} />\n        </>\n    );\n\n    return (\n        <Overlay\n            usePortal={true}\n            followElement={shouldBreakpoint ? null : anchorEl}\n            placement=\"auto-end\"\n            container={containerEl}\n            open={open}\n            onClose={onClose}\n            strategy=\"fixed\"\n            className=\"c-login-overlay\"\n        >\n            <div className={'u-w-100 u-pad--heavy@m u-pad@m-'}>\n                <AutoAutoHeight open={true} startOpen={true}>\n                    {[\n                        [EViewingScreen.SignIn, signInFormContent],\n                        [EViewingScreen.SignUp, signUpFormContent],\n                        [EViewingScreen.ForgotPassword, forgotPasswordContent],\n                    ].map(([forScreen, content], index) => (\n                        <FadeAnimation open={viewingScreen === forScreen} onExitCompletely={onAnimationExit} key={index}>\n                            {content as React.ReactElement}\n                        </FadeAnimation>\n                    ))}\n                </AutoAutoHeight>\n            </div>\n        </Overlay>\n    );\n};\n"]}

package/dist/src/components/generic/modal/SimpleModal.js

@@ -28,16 +28,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SimpleModalSize = void 0;
 const React = __importStar(require("react"));
-const Text_1 = __importDefault(require("components/generic/Text"));
-const Color_1 = require("util/Color");
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
+const Text_1 = __importDefault(require("@/components/generic/Text"));
+const Color_1 = require("@/util/Color");
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
 const react_1 = require("react");
 const classnames_1 = __importDefault(require("classnames"));
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const ScreenSize_1 = __importDefault(require("@/util/ScreenSize"));
 const Fade_1 = __importDefault(require("animations/Fade"));
 const contexts_1 = require("@frontend/contexts");
 const SimpleModal_module_scss_1 = __importDefault(require("./SimpleModal.module.scss"));
-const Portal_1 = require("components/generic/Portal/Portal");
+const Portal_1 = require("@/components/generic/Portal/Portal");
 const hooks_1 = require("@frontend/hooks");
 var SimpleModalSize;
 (function (SimpleModalSize) {

package/dist/src/components/generic/modal/SimpleModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SimpleModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Text from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { useContext, useEffect, useState, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport ScreenSize from 'util/ScreenSize';\nimport FadeAnimation from 'animations/Fade';\n\nimport { BookingEngineContext } from '@frontend/contexts';\n\nimport styles from './SimpleModal.module.scss';\nimport { RoomstayPortal } from 'components/generic/Portal/Portal';\nimport { useBodyClick } from '@frontend/hooks';\n\nexport enum SimpleModalSize {\n    ExtraSmall = '--extra-small',\n    Small = '--small',\n    Normal = '--normal',\n    Large = '--large',\n}\n\nexport interface SimpleModalProps {\n    children: React.ReactElement;\n\n    mobileFooter?: React.ReactElement;\n    desktopFooter?: React.ReactElement;\n\n    title?: string;\n    size?: SimpleModalSize;\n\n    open?: boolean;\n    alignCenter?: boolean;\n\n    onClose?: () => void;\n\n    modalTarget?: HTMLElement;\n    style?: any;\n    overflowVisible?: boolean;\n    className?: string;\n}\n\nexport default function SimpleModal(props: SimpleModalProps) {\n    const context = useContext(BookingEngineContext);\n\n    const [modalId, setModalId] = useState<number | null>(null);\n    const modalBody = useRef(null);\n    const overlayRef = useRef(null);\n\n    const { onBodyClickExcept } = useBodyClick();\n\n    useEffect(() => {\n        if (!modalBody?.current) {\n            return;\n        }\n\n        const { remove } = onBodyClickExcept(\n            () => {\n                close();\n            },\n            modalBody.current,\n            overlayRef.current\n        );\n\n        return () => {\n            remove();\n        };\n    }, [props.open, modalBody, props.onClose]);\n\n    useEffect(() => {\n        setModalId(Math.random());\n    }, []);\n\n    const close = () => {\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n\n    const classes = classNames(styles['roomstay-modal'], {\n        [(styles as any)[props.size]]: !!props.size,\n        [styles['--centered']]: props.alignCenter,\n        [styles['--overflow-visible']]: props.overflowVisible,\n    });\n\n    // useLayoutEffect(() => {\n    //     modalContext?.addModalStatus(props.open, modalId);\n    // }, [props.open]);\n\n    // useLayoutEffect(() => {\n    //     const triptease: HTMLElement = document.querySelector('iframe.tt-guestpa');\n    //     const hiWidget: HTMLElement = document.querySelector('.hi-widget-container .hi-launcher-container');\n\n    //     if (modalContext?.isAnyModalOpen()) {\n    //         if (triptease) {\n    //             triptease.style.display = 'none';\n    //         }\n\n    //         if (hiWidget) {\n    //             hiWidget.classList.add('--moved');\n    //         }\n    //     } else {\n    //         if (triptease) {\n    //             triptease.style.display = 'block';\n    //         }\n\n    //         if (hiWidget) {\n    //             hiWidget.classList.remove('--moved');\n    //         }\n    //     }\n    // }, [modalContext?.modalStatus]);\n\n    return props.open ? ( // TODO: Need an actual isVisible state value instead of relying on the prop since we can't animate out.\n        <RoomstayPortal target={props.modalTarget ?? document.body}>\n            <div className={classNames(styles['roomstay-overlay'], props.className)} ref={overlayRef}>\n                <FadeAnimation open={props.open}>\n                    <div ref={modalBody} className={classes} style={props.title ? {} : { paddingTop: 0 }}>\n                        {props.title ? (\n                            <div className={styles['roomstay-modal--title']}>\n                                <Text color={Color.White}>\n                                    <strong>{props.title}</strong>\n                                </Text>\n                                <Icon icon={IconType.Close} color={Color.White} size=\"24px\" onClick={close} />\n                            </div>\n                        ) : (\n                            <div className={`room-gallery-slider__icon-lightbox${props.size === SimpleModalSize.ExtraSmall ? '' : '-map'}`}>\n                                <Icon icon={IconType.Close} size=\"24px\" onClick={close} />\n                            </div>\n                        )}\n\n                        <div className=\"simple-modal--content\">\n                            {props.children}\n\n                            {props.desktopFooter &&\n                                context.screenSize > ScreenSize.Medium && // TODO: refactor this to be variable\n                                props.desktopFooter}\n                        </div>\n\n                        {props.mobileFooter && context.screenSize <= ScreenSize.Medium && (\n                            <div className={styles['roomstay-modal--footer']}>\n                                {\n                                    props.mobileFooter // TODO: refactor this to be variable\n                                }\n                            </div>\n                        )}\n                    </div>\n                </FadeAnimation>\n            </div>\n        </RoomstayPortal>\n    ) : (\n        <></>\n    );\n}\n"]}
+{"version":3,"file":"SimpleModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SimpleModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Text from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { useContext, useEffect, useState, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport ScreenSize from '@/util/ScreenSize';\nimport FadeAnimation from 'animations/Fade';\n\nimport { BookingEngineContext } from '@frontend/contexts';\n\nimport styles from './SimpleModal.module.scss';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\nimport { useBodyClick } from '@frontend/hooks';\n\nexport enum SimpleModalSize {\n    ExtraSmall = '--extra-small',\n    Small = '--small',\n    Normal = '--normal',\n    Large = '--large',\n}\n\nexport interface SimpleModalProps {\n    children: React.ReactElement;\n\n    mobileFooter?: React.ReactElement;\n    desktopFooter?: React.ReactElement;\n\n    title?: string;\n    size?: SimpleModalSize;\n\n    open?: boolean;\n    alignCenter?: boolean;\n\n    onClose?: () => void;\n\n    modalTarget?: HTMLElement;\n    style?: any;\n    overflowVisible?: boolean;\n    className?: string;\n}\n\nexport default function SimpleModal(props: SimpleModalProps) {\n    const context = useContext(BookingEngineContext);\n\n    const [modalId, setModalId] = useState<number | null>(null);\n    const modalBody = useRef(null);\n    const overlayRef = useRef(null);\n\n    const { onBodyClickExcept } = useBodyClick();\n\n    useEffect(() => {\n        if (!modalBody?.current) {\n            return;\n        }\n\n        const { remove } = onBodyClickExcept(\n            () => {\n                close();\n            },\n            modalBody.current,\n            overlayRef.current\n        );\n\n        return () => {\n            remove();\n        };\n    }, [props.open, modalBody, props.onClose]);\n\n    useEffect(() => {\n        setModalId(Math.random());\n    }, []);\n\n    const close = () => {\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n\n    const classes = classNames(styles['roomstay-modal'], {\n        [(styles as any)[props.size]]: !!props.size,\n        [styles['--centered']]: props.alignCenter,\n        [styles['--overflow-visible']]: props.overflowVisible,\n    });\n\n    // useLayoutEffect(() => {\n    //     modalContext?.addModalStatus(props.open, modalId);\n    // }, [props.open]);\n\n    // useLayoutEffect(() => {\n    //     const triptease: HTMLElement = document.querySelector('iframe.tt-guestpa');\n    //     const hiWidget: HTMLElement = document.querySelector('.hi-widget-container .hi-launcher-container');\n\n    //     if (modalContext?.isAnyModalOpen()) {\n    //         if (triptease) {\n    //             triptease.style.display = 'none';\n    //         }\n\n    //         if (hiWidget) {\n    //             hiWidget.classList.add('--moved');\n    //         }\n    //     } else {\n    //         if (triptease) {\n    //             triptease.style.display = 'block';\n    //         }\n\n    //         if (hiWidget) {\n    //             hiWidget.classList.remove('--moved');\n    //         }\n    //     }\n    // }, [modalContext?.modalStatus]);\n\n    return props.open ? ( // TODO: Need an actual isVisible state value instead of relying on the prop since we can't animate out.\n        <RoomstayPortal target={props.modalTarget ?? document.body}>\n            <div className={classNames(styles['roomstay-overlay'], props.className)} ref={overlayRef}>\n                <FadeAnimation open={props.open}>\n                    <div ref={modalBody} className={classes} style={props.title ? {} : { paddingTop: 0 }}>\n                        {props.title ? (\n                            <div className={styles['roomstay-modal--title']}>\n                                <Text color={Color.White}>\n                                    <strong>{props.title}</strong>\n                                </Text>\n                                <Icon icon={IconType.Close} color={Color.White} size=\"24px\" onClick={close} />\n                            </div>\n                        ) : (\n                            <div className={`room-gallery-slider__icon-lightbox${props.size === SimpleModalSize.ExtraSmall ? '' : '-map'}`}>\n                                <Icon icon={IconType.Close} size=\"24px\" onClick={close} />\n                            </div>\n                        )}\n\n                        <div className=\"simple-modal--content\">\n                            {props.children}\n\n                            {props.desktopFooter &&\n                                context.screenSize > ScreenSize.Medium && // TODO: refactor this to be variable\n                                props.desktopFooter}\n                        </div>\n\n                        {props.mobileFooter && context.screenSize <= ScreenSize.Medium && (\n                            <div className={styles['roomstay-modal--footer']}>\n                                {\n                                    props.mobileFooter // TODO: refactor this to be variable\n                                }\n                            </div>\n                        )}\n                    </div>\n                </FadeAnimation>\n            </div>\n        </RoomstayPortal>\n    ) : (\n        <></>\n    );\n}\n"]}