npm - @roomstay/frontend - Versions diffs - 2.1.0 → 2.1.2 - Mend

@roomstay/frontend 2.1.0 → 2.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (882) hide show

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

@@ -37,19 +37,19 @@ 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 contexts_1 = require("@frontend/contexts");
+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("../../../../contexts/index.js");
 function DatePickerWeek() {
     var _a, _b;
     const dpContext = (0, react_1.useContext)(contexts_1.DatePickerContext);

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

	@@ -1 +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"]}
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"]}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
1	+ {"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 CHANGED Viewed

@@ -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 contexts_1 = require("@frontend/contexts");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const Placeholder_1 = __importDefault(require("../../../../components/generic/Placeholder"));
+const contexts_1 = require("../../../../contexts/index.js");
+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 CHANGED Viewed

	@@ -1 +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~~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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"]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
1	+ {"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 CHANGED Viewed

@@ -27,8 +27,8 @@ 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 hooks_1 = require("@frontend/hooks");
+const BEMapWidget_1 = __importDefault(require("../../../../components/summary/BEMapWidget"));
+const hooks_1 = require("../../../../hooks/index.js");
 function HotelLocationMap() {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     if (!hotel)

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

	@@ -1 +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"]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
1	+ {"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 CHANGED Viewed

@@ -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 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 Overlay_1 = require("../../../../../components/generic/Overlay/Overlay");
+const contexts_1 = require("../../../../../contexts/index.js");
+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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/AuthenticatedUserModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAmC;AACnC,~~gEAA6D~~;~~AAC7D~~,iDAAiF;AACjF,~~iEAAyC~~;~~AAEzC~~,~~qEAA8D~~;~~AAC9D~~,~~sCAAmC~~;~~AACnC~~,~~mEAA2C~~;~~AAC3C~~,uDAA2C;AAC3C~~,6EAAqD~~;~~AAErD~~,8GAA0D;AAC1D~~,+DAA4D~~;~~AAerD~~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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"]}
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"]}

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

@@ -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 contexts_1 = require("@frontend/contexts");
-const ScreenSize_1 = __importDefault(require("util/ScreenSize"));
+const SignInForm_1 = require("../../../../../components/User/Forms/SignInForm");
+const contexts_1 = require("../../../../../contexts/index.js");
+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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UnauthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/UnauthenticatedUserModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAgE;AAEhE,~~gEAA6D~~;~~AAC7D~~,2DAA4C;AAC5C,~~iEAA8D~~;~~AAC9D~~,iDAAiF;AACjF,~~iEAAyC~~;~~AACzC~~,+EAAuD;AACvD,~~iEAA8D~~;~~AAC9D~~,~~iFAA8E~~;~~AAC9E~~,6EAAqD;AACrD,~~2EAAmD~~;~~AACnD~~,~~sCAAmC~~;~~AACnC~~,~~gEAAyD;AAYzD,~~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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"]}
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"]}

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

@@ -28,17 +28,17 @@ 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 contexts_1 = require("../../../../contexts/index.js");
 const SimpleModal_module_scss_1 = __importDefault(require("./SimpleModal.module.scss"));
-const Portal_1 = require("components/generic/Portal/Portal");
-const hooks_1 = require("@frontend/hooks");
+const Portal_1 = require("../../../../components/generic/Portal/Portal");
+const hooks_1 = require("../../../../hooks/index.js");
 var SimpleModalSize;
 (function (SimpleModalSize) {
     SimpleModalSize["ExtraSmall"] = "--extra-small";