@roomstay/frontend 2.3.9 → 2.3.10

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

@@ -1,20 +1,42 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-const CalendarHelper_1 = __importDefault(require("../../../util/CalendarHelper"));
-const DatePickerDay_1 = __importDefault(require("./DatePickerDay"));
 const hooks_1 = require("../../../hooks/index.js");
+const react_1 = __importStar(require("react"));
+const DatePickerDay_1 = __importDefault(require("./DatePickerDay"));
 const WeekdayStartsOn_types_1 = require("../../../models/Client/Hotel/WeekdayStartsOn.types");
+const CalendarHelper_1 = __importDefault(require("../../../util/CalendarHelper"));
 function DatePickerDays(props) {
     var _a;
     const { showingMonth } = props;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const startsWeekOnDay = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.startsWeekOnDay) !== null && _a !== void 0 ? _a : WeekdayStartsOn_types_1.WeekdayStartsOn.Monday;
-    const days = (0, react_2.useMemo)(() => (react_1.default.createElement(react_1.default.Fragment, null, CalendarHelper_1.default.getWeekPaddedMonthArrayForDate(startsWeekOnDay, showingMonth).map((day, index) => {
+    const days = (0, react_1.useMemo)(() => (react_1.default.createElement(react_1.default.Fragment, null, CalendarHelper_1.default.getWeekPaddedMonthArrayForDate(startsWeekOnDay, showingMonth).map((day, index) => {
         const date = day ? props.showingMonth.date(Number.parseInt(day, 10)) : '';
         return react_1.default.createElement(DatePickerDay_1.default, { key: index, text: day, selectable: true, day: date, unix: date ? date.unix() : 0 });
     }))), [showingMonth]);

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

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

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

@@ -26,18 +26,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-const CalendarHelper_1 = require("../../../util/CalendarHelper");
+const hooks_1 = require("../../../hooks/index.js");
+const react_1 = __importStar(require("react"));
 const DatePickerDay_1 = __importDefault(require("./DatePickerDay"));
 const DatePickerDays_1 = __importDefault(require("./DatePickerDays"));
 const Text_1 = __importStar(require("../Text"));
-const hooks_1 = require("../../../hooks/index.js");
 const WeekdayStartsOn_types_1 = require("../../../models/Client/Hotel/WeekdayStartsOn.types");
+const CalendarHelper_1 = require("../../../util/CalendarHelper");
 function DatePickerMonth(props) {
     const { showingMonth } = props;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const dayLetters = (0, react_2.useMemo)(() => {
+    const dayLetters = (0, react_1.useMemo)(() => {
         var _a;
         return (0, CalendarHelper_1.getLetterDaysOfWeek)((_a = hotel === null || hotel === void 0 ? void 0 : hotel.startsWeekOnDay) !== null && _a !== void 0 ? _a : WeekdayStartsOn_types_1.WeekdayStartsOn.Monday).map((day, index) => {
             return react_1.default.createElement(DatePickerDay_1.default, { key: index + day, text: day, selectable: false, unix: 0 });

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerMonth.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerMonth.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iCAAgC;AAGhC,0DAA4D;AAC5D,4FAAoE;AACpE,8FAAsE;AACtE,kEAA2D;AAC3D,2CAAkD;AAClD,uFAA8E;AAO9E,SAAwB,eAAe,CAAC,KAA2B;IAC/D,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,UAAU,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE;;QACD,OAAA,IAAA,oCAAmB,EAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,mCAAI,uCAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE;YACrG,OAAO,8BAAC,uBAAa,IAAC,GAAG,EAAE,KAAK,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GAAI,CAAC;QACtF,CAAC,CAAC,CAAA;KAAA,EACN,EAAE,CACL,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAE,qBAAqB,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9E,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;YACrB,8CAAS,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAU,CAC3C;QACP,uCAAK,SAAS,EAAC,4BAA4B;YACtC,UAAU;YACX,8BAAC,wBAAc,IAAC,YAAY,EAAE,YAAY,GAAI,CAC5C,CACJ,CACT,CAAC;AACN,CAAC;AAvBD,kCAuBC","sourcesContent":["import React from 'react';\nimport { useMemo } from 'react';\n\nimport dayjs from 'dayjs';\nimport { getLetterDaysOfWeek } from '@/util/CalendarHelper';\nimport DatePickerDay from '@/components/generic/date/DatePickerDay';\nimport DatePickerDays from '@/components/generic/date/DatePickerDays';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\ninterface DatePickerMonthProps {\n    showingMonth: dayjs.Dayjs;\n    small?: boolean;\n}\n\nexport default function DatePickerMonth(props: DatePickerMonthProps) {\n    const { showingMonth } = props;\n    const { hotel } = useCurrentHotel();\n\n    const dayLetters = useMemo(\n        () =>\n            getLetterDaysOfWeek(hotel?.startsWeekOnDay ?? WeekdayStartsOn.Monday).map((day: string, index: number) => {\n                return <DatePickerDay key={index + day} text={day} selectable={false} unix={0} />;\n            }),\n        []\n    );\n\n    return (\n        <div className={'diji-calendar-month' + (props.small ? ' u-pad-bottom--none' : '')}>\n            <Text type={TextType.Body}>\n                <strong>{showingMonth.format('MMMM')}</strong>\n            </Text>\n            <div className=\"diji-calendar-month--items\">\n                {dayLetters}\n                <DatePickerDays showingMonth={showingMonth} />\n            </div>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"DatePickerMonth.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerMonth.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAkD;AAElD,+CAAuC;AAEvC,4FAAoE;AACpE,8FAAsE;AACtE,kEAA2D;AAC3D,uFAA8E;AAC9E,0DAA4D;AAO5D,SAAwB,eAAe,CAAC,KAA2B;IAC/D,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,UAAU,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE;;QACD,OAAA,IAAA,oCAAmB,EAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,mCAAI,uCAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE;YACrG,OAAO,8BAAC,uBAAa,IAAC,GAAG,EAAE,KAAK,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GAAI,CAAC;QACtF,CAAC,CAAC,CAAA;KAAA,EACN,EAAE,CACL,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAE,qBAAqB,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9E,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;YACrB,8CAAS,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAU,CAC3C;QACP,uCAAK,SAAS,EAAC,4BAA4B;YACtC,UAAU;YACX,8BAAC,wBAAc,IAAC,YAAY,EAAE,YAAY,GAAI,CAC5C,CACJ,CACT,CAAC;AACN,CAAC;AAvBD,kCAuBC","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport dayjs from 'dayjs';\nimport React, { useMemo } from 'react';\n\nimport DatePickerDay from '@/components/generic/date/DatePickerDay';\nimport DatePickerDays from '@/components/generic/date/DatePickerDays';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\nimport { getLetterDaysOfWeek } from '@/util/CalendarHelper';\n\ninterface DatePickerMonthProps {\n    showingMonth: dayjs.Dayjs;\n    small?: boolean;\n}\n\nexport default function DatePickerMonth(props: DatePickerMonthProps) {\n    const { showingMonth } = props;\n    const { hotel } = useCurrentHotel();\n\n    const dayLetters = useMemo(\n        () =>\n            getLetterDaysOfWeek(hotel?.startsWeekOnDay ?? WeekdayStartsOn.Monday).map((day: string, index: number) => {\n                return <DatePickerDay key={index + day} text={day} selectable={false} unix={0} />;\n            }),\n        []\n    );\n\n    return (\n        <div className={'diji-calendar-month' + (props.small ? ' u-pad-bottom--none' : '')}>\n            <Text type={TextType.Body}>\n                <strong>{showingMonth.format('MMMM')}</strong>\n            </Text>\n            <div className=\"diji-calendar-month--items\">\n                {dayLetters}\n                <DatePickerDays showingMonth={showingMonth} />\n            </div>\n        </div>\n    );\n}\n"]}

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

@@ -35,37 +35,36 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-const CalendarHelper_1 = __importDefault(require("../../../util/CalendarHelper"));
-const DatePickerDay_1 = __importDefault(require("./DatePickerDay"));
+const contexts_1 = require("../../../contexts/index.js");
 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 react_1 = __importStar(require("react"));
+const react_use_gesture_1 = require("react-use-gesture");
+const react_use_measure_1 = __importDefault(require("react-use-measure"));
+const DatePickerDay_1 = __importDefault(require("./DatePickerDay"));
 const Icon_1 = __importStar(require("../Icon/Icon"));
+const Text_1 = require("../Text");
+const CalendarHelper_1 = __importDefault(require("../../../util/CalendarHelper"));
 const Color_1 = require("../../../util/Color");
-const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
-const Text_1 = require("../Text");
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const TextAlignment_1 = require("../../../util/TextAlignment");
-const contexts_1 = require("../../../contexts/index.js");
 function DatePickerWeek() {
     var _a, _b;
-    const dpContext = (0, react_2.useContext)(contexts_1.DatePickerContext);
-    const context = (0, react_2.useContext)(contexts_1.BookingEngineContext);
+    const dpContext = (0, react_1.useContext)(contexts_1.DatePickerContext);
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const showingMonth = (_b = (_a = dpContext.startDate) !== null && _a !== void 0 ? _a : dpContext.currentMonth) !== null && _b !== void 0 ? _b : (0, dayjs_1.default)().add(14, 'day');
     const scrollingOffset = 0;
     let sliderVelocity = 0;
     const [{ x }, set] = (0, web_1.useSpring)(() => ({ x: 0, config: { mass: 1, tension: 170, friction: 20 } }));
-    const [lastReleaseX, setLastReleaseX] = (0, react_2.useState)(0);
+    const [lastReleaseX, setLastReleaseX] = (0, react_1.useState)(0);
     const [ref, bounds] = (0, react_use_measure_1.default)();
-    const [daysLoaded, setDaysLoaded] = (0, react_2.useState)([]);
-    const [lastDay, setLastDay] = (0, react_2.useState)(null);
-    const [firstDay, setFirstDay] = (0, react_2.useState)((0, dayjs_1.default)());
-    const [numberOfDaysLoaded, setNumberOfDaysLoaded] = (0, react_2.useState)(0);
-    const [toggler, setToggler] = (0, react_2.useState)(false);
-    (0, react_2.useEffect)(() => {
+    const [daysLoaded, setDaysLoaded] = (0, react_1.useState)([]);
+    const [lastDay, setLastDay] = (0, react_1.useState)(null);
+    const [firstDay, setFirstDay] = (0, react_1.useState)((0, dayjs_1.default)());
+    const [numberOfDaysLoaded, setNumberOfDaysLoaded] = (0, react_1.useState)(0);
+    const [toggler, setToggler] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
         setDaysLoaded(CalendarHelper_1.default.getDaysBetween((0, dayjs_1.default)(), showingMonth));
         if (dpContext.startDate) {
             setTimeout(() => {
@@ -97,12 +96,12 @@ function DatePickerWeek() {
             return newDaysLoaded;
         });
     });
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         setLastDay(daysLoaded[daysLoaded.length - 1]);
         setFirstDay(daysLoaded[0]);
         setNumberOfDaysLoaded(daysLoaded.length);
     }, [daysLoaded]);
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         if (62 * numberOfDaysLoaded - 1000 <= -lastReleaseX) {
             loadNext();
         }
@@ -148,7 +147,7 @@ function DatePickerWeek() {
             set({ x: lastReleaseX + mx });
         }
     });
-    const days = (0, react_2.useMemo)(() => (react_1.default.createElement(react_1.default.Fragment, null, daysLoaded.map((date, index) => {
+    const days = (0, react_1.useMemo)(() => (react_1.default.createElement(react_1.default.Fragment, null, daysLoaded.map((date, index) => {
         const day = date.format('D');
         const unix = date.unix();
         return (react_1.default.createElement(react_1.default.Fragment, null,

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 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, { 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>(null);\n    const [firstDay, setFirstDay] = useState<dayjs.Dayjs>(dayjs());\n    const [numberOfDaysLoaded, setNumberOfDaysLoaded] = useState(0);\n\n    const [toggler, setToggler] = useState(false);\n\n    useEffect(() => {\n        setDaysLoaded(CalendarHelper.getDaysBetween(dayjs(), showingMonth));\n\n        if (dpContext.startDate) {\n            setTimeout(() => {\n                focusDay(dpContext.startDate as Dayjs);\n            }, 500);\n        }\n    }, []);\n\n    const setSwiperLocation = (location: number) => {\n        if (location > 0) {\n            location = 0;\n        }\n\n        set({ x: location });\n        setLastReleaseX(location);\n    };\n\n    const focusDay = (toFocus: dayjs.Dayjs) => {\n        let index = 0;\n\n        index = firstDay ? Math.abs(Number(toFocus.diff(firstDay, 'day'))) : Number(toFocus.format('DD'));\n\n        const focus = -(62 * index);\n        setSwiperLocation(focus);\n    };\n\n    const loadDataForDate = async (forDate: dayjs.Dayjs, after = true) => {\n        if (forDate.isBefore(dayjs())) {\n            return;\n        }\n\n        setDaysLoaded((oldDaysLoaded) => {\n            let newDaysLoaded = [];\n            const newDays = after ? CalendarHelper.getWeekFrom(forDate) : CalendarHelper.getWeekTo(forDate);\n\n            newDaysLoaded = after ? [...oldDaysLoaded, ...newDays] : [...newDays.reverse(), ...oldDaysLoaded];\n\n            return newDaysLoaded;\n        });\n    };\n\n    useEffect(() => {\n        setLastDay(daysLoaded[daysLoaded.length - 1]);\n        setFirstDay(daysLoaded[0]);\n        setNumberOfDaysLoaded(daysLoaded.length);\n    }, [daysLoaded]);\n\n    useEffect(() => {\n        if (62 * numberOfDaysLoaded - 1000 <= -lastReleaseX) {\n            loadNext();\n        }\n    }, [lastReleaseX]);\n\n    const loadNext = async () => {\n        loadDataForDate(daysLoaded[daysLoaded.length - 1] ?? showingMonth.add(7, 'days'));\n    };\n\n    let lastIndex = 0;\n\n    // Set the drag hook and define component movement based on gesture data\n    const bind = useDrag(({ down, movement: [mx], velocity }) => {\n        if (context.screenSize <= ScreenSize.Medium) {\n            velocity = velocity * 0.75;\n            sliderVelocity = velocity > 4 ? 4 : velocity < 1 ? 1 : velocity;\n        } else {\n            sliderVelocity = 1;\n        }\n\n        mx = mx * sliderVelocity;\n\n        if (!down) {\n            const releasePosition = lastReleaseX + mx;\n            const cardWidth = 62;\n            const maxX = numberOfDaysLoaded * cardWidth;\n\n            let restingLocation = 0;\n\n            if (releasePosition > 0) {\n                restingLocation = 0;\n            } else if (releasePosition < -maxX) {\n                restingLocation = -maxX;\n            } else {\n                const magic = -releasePosition / cardWidth;\n                lastIndex = releasePosition % cardWidth > -cardWidth / 2 ? Math.floor(magic) : Math.ceil(magic);\n                restingLocation = -(lastIndex * cardWidth);\n            }\n\n            if (62 * numberOfDaysLoaded - 1000 <= -releasePosition) {\n                loadNext();\n            }\n\n            set({ x: restingLocation });\n            setLastReleaseX(restingLocation);\n        } else {\n            set({ x: lastReleaseX + mx });\n        }\n    });\n\n    const days = useMemo(\n        () => (\n            <>\n                {daysLoaded.map((date, index) => {\n                    const day = date.format('D');\n                    const unix = date.unix();\n\n                    return (\n                        <>\n                            <DatePickerDay key={unix} text={day} selectable day={date} displayType=\"week\" unix={unix} />\n                        </>\n                    );\n                })}\n            </>\n        ),\n        [daysLoaded]\n    );\n\n    // TODO refactor\n    const getCurrentDay = () => {\n        const day = Math.floor(lastReleaseX / 62);\n\n        if (firstDay) {\n            return firstDay.add(-day, 'day').format('MMMM');\n        }\n\n        return showingMonth.format('MMMM');\n    };\n\n    const currentDayValue = getCurrentDay();\n    const showPreviousWeek = () => {\n        DataLayer.instance.sendInteraction('Show Previous Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setSwiperLocation(lastReleaseX + 62 * 7);\n    };\n    const showNextWeek = () => {\n        DataLayer.instance.sendInteraction('Show Next Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setSwiperLocation(lastReleaseX - 62 * 7);\n    };\n    return (\n        <>\n            <div className=\"diji-calendar-navigation\">\n                <Icon icon={IconType.ArrowLeft2} onClick={showPreviousWeek} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n                <Icon icon={IconType.ArrowRight2} onClick={showNextWeek} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n            </div>\n            <div className=\"u-marg-top\">\n                <Text type={TextType.Body} bold align={TextAlign.Center}>\n                    {currentDayValue}\n                </Text>\n            </div>\n            <div className=\"diji-calendar-week--global-month\">{currentDayValue}</div>\n            <div className=\"diji-calendar-week\">\n                <div className=\"diji-calendar-week--track\" {...bind()}>\n                    <animated.div className=\"diji-calendar-week--items\" style={{ left: x }}>\n                        {days}\n                    </animated.div>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"DatePickerWeek.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerWeek.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext, DatePickerContext } from '@frontend/contexts';\nimport { animated, useSpring } from '@react-spring/web';\nimport dayjs, { Dayjs } from 'dayjs';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { useDrag } from 'react-use-gesture';\nimport useMeasure from 'react-use-measure';\n\nimport DatePickerDay from '@/components/generic/date/DatePickerDay';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Text, TextType } from '@/components/generic/Text';\nimport CalendarHelper from '@/util/CalendarHelper';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\nimport { TextAlign } from '@/util/TextAlignment';\n\nexport default function DatePickerWeek() {\n    const dpContext = useContext(DatePickerContext);\n    const context = useContext(BookingEngineContext);\n\n    const showingMonth = dpContext.startDate ?? dpContext.currentMonth ?? dayjs().add(14, 'day');\n\n    const scrollingOffset = 0;\n\n    let sliderVelocity = 0;\n\n    const [{ x }, set] = useSpring(() => ({ x: 0, config: { mass: 1, tension: 170, friction: 20 } }));\n    const [lastReleaseX, setLastReleaseX] = useState(0);\n\n    const [ref, bounds] = useMeasure();\n\n    const [daysLoaded, setDaysLoaded] = useState<dayjs.Dayjs[]>([]);\n\n    const [lastDay, setLastDay] = useState<dayjs.Dayjs | null>(null);\n    const [firstDay, setFirstDay] = useState<dayjs.Dayjs>(dayjs());\n    const [numberOfDaysLoaded, setNumberOfDaysLoaded] = useState(0);\n\n    const [toggler, setToggler] = useState(false);\n\n    useEffect(() => {\n        setDaysLoaded(CalendarHelper.getDaysBetween(dayjs(), showingMonth));\n\n        if (dpContext.startDate) {\n            setTimeout(() => {\n                focusDay(dpContext.startDate as Dayjs);\n            }, 500);\n        }\n    }, []);\n\n    const setSwiperLocation = (location: number) => {\n        if (location > 0) {\n            location = 0;\n        }\n\n        set({ x: location });\n        setLastReleaseX(location);\n    };\n\n    const focusDay = (toFocus: dayjs.Dayjs) => {\n        let index = 0;\n\n        index = firstDay ? Math.abs(Number(toFocus.diff(firstDay, 'day'))) : Number(toFocus.format('DD'));\n\n        const focus = -(62 * index);\n        setSwiperLocation(focus);\n    };\n\n    const loadDataForDate = async (forDate: dayjs.Dayjs, after = true) => {\n        if (forDate.isBefore(dayjs())) {\n            return;\n        }\n\n        setDaysLoaded((oldDaysLoaded) => {\n            let newDaysLoaded = [];\n            const newDays = after ? CalendarHelper.getWeekFrom(forDate) : CalendarHelper.getWeekTo(forDate);\n\n            newDaysLoaded = after ? [...oldDaysLoaded, ...newDays] : [...newDays.reverse(), ...oldDaysLoaded];\n\n            return newDaysLoaded;\n        });\n    };\n\n    useEffect(() => {\n        setLastDay(daysLoaded[daysLoaded.length - 1]);\n        setFirstDay(daysLoaded[0]);\n        setNumberOfDaysLoaded(daysLoaded.length);\n    }, [daysLoaded]);\n\n    useEffect(() => {\n        if (62 * numberOfDaysLoaded - 1000 <= -lastReleaseX) {\n            loadNext();\n        }\n    }, [lastReleaseX]);\n\n    const loadNext = async () => {\n        loadDataForDate(daysLoaded[daysLoaded.length - 1] ?? showingMonth.add(7, 'days'));\n    };\n\n    let lastIndex = 0;\n\n    // Set the drag hook and define component movement based on gesture data\n    const bind = useDrag(({ down, movement: [mx], velocity }) => {\n        if (context.screenSize <= ScreenSize.Medium) {\n            velocity = velocity * 0.75;\n            sliderVelocity = velocity > 4 ? 4 : velocity < 1 ? 1 : velocity;\n        } else {\n            sliderVelocity = 1;\n        }\n\n        mx = mx * sliderVelocity;\n\n        if (!down) {\n            const releasePosition = lastReleaseX + mx;\n            const cardWidth = 62;\n            const maxX = numberOfDaysLoaded * cardWidth;\n\n            let restingLocation = 0;\n\n            if (releasePosition > 0) {\n                restingLocation = 0;\n            } else if (releasePosition < -maxX) {\n                restingLocation = -maxX;\n            } else {\n                const magic = -releasePosition / cardWidth;\n                lastIndex = releasePosition % cardWidth > -cardWidth / 2 ? Math.floor(magic) : Math.ceil(magic);\n                restingLocation = -(lastIndex * cardWidth);\n            }\n\n            if (62 * numberOfDaysLoaded - 1000 <= -releasePosition) {\n                loadNext();\n            }\n\n            set({ x: restingLocation });\n            setLastReleaseX(restingLocation);\n        } else {\n            set({ x: lastReleaseX + mx });\n        }\n    });\n\n    const days = useMemo(\n        () => (\n            <>\n                {daysLoaded.map((date, index) => {\n                    const day = date.format('D');\n                    const unix = date.unix();\n\n                    return (\n                        <>\n                            <DatePickerDay key={unix} text={day} selectable day={date} displayType=\"week\" unix={unix} />\n                        </>\n                    );\n                })}\n            </>\n        ),\n        [daysLoaded]\n    );\n\n    // TODO refactor\n    const getCurrentDay = () => {\n        const day = Math.floor(lastReleaseX / 62);\n\n        if (firstDay) {\n            return firstDay.add(-day, 'day').format('MMMM');\n        }\n\n        return showingMonth.format('MMMM');\n    };\n\n    const currentDayValue = getCurrentDay();\n    const showPreviousWeek = () => {\n        DataLayer.instance.sendInteraction('Show Previous Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setSwiperLocation(lastReleaseX + 62 * 7);\n    };\n    const showNextWeek = () => {\n        DataLayer.instance.sendInteraction('Show Next Week', InteractionType.CALENDAR, InteractionStep.DATES);\n        setSwiperLocation(lastReleaseX - 62 * 7);\n    };\n    return (\n        <>\n            <div className=\"diji-calendar-navigation\">\n                <Icon icon={IconType.ArrowLeft2} onClick={showPreviousWeek} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n                <Icon icon={IconType.ArrowRight2} onClick={showNextWeek} color={Color.White} backgroundColor={Color.Navy} borderRadius=\"round\" size=\"24px\" />\n            </div>\n            <div className=\"u-marg-top\">\n                <Text type={TextType.Body} bold align={TextAlign.Center}>\n                    {currentDayValue}\n                </Text>\n            </div>\n            <div className=\"diji-calendar-week--global-month\">{currentDayValue}</div>\n            <div className=\"diji-calendar-week\">\n                <div className=\"diji-calendar-week--track\" {...bind()}>\n                    <animated.div className=\"diji-calendar-week--items\" style={{ left: x }}>\n                        {days}\n                    </animated.div>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import dayjs from 'dayjs';
+import React from 'react';
 export interface FloatingDatePickerProps {
     children?: React.ReactNode;
     startDate?: dayjs.Dayjs;

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

@@ -26,16 +26,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
+const react_1 = __importStar(require("react"));
 const DatePicker_1 = __importDefault(require("./DatePicker"));
-const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
 const Overlay_1 = require("../Overlay/Overlay");
+const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
 function FloatingDatePicker(props) {
     var _a, _b;
-    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
-    const [startDate, setStartDate] = (0, react_2.useState)(null);
-    const thisElement = (0, react_2.useRef)(null);
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [startDate, setStartDate] = (0, react_1.useState)(null);
+    const thisElement = (0, react_1.useRef)(null);
     const selectedDateChanged = (endDate) => {
         DataLayer_1.default.instance.sendInteraction('Check Out Date', DataLayer_1.InteractionType.CALENDAR, DataLayer_1.InteractionStep.ROOMS);
         if (props.selectedDateChanged && startDate) {

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,kDAA0B;AAC1B,iCAAyC;AAEzC,sFAA8D;AAI9D,8DAA+E;AAC/E,kEAA+D;AAa/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,EAAqB,IAAI,CAAC,CAAC;IAErE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEjD,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,uCAAK,SAAS,EAAC,uCAAuC;QAClD,8BAAC,oBAAU,IACP,eAAe,EAAE,KAAK,CAAC,SAAS,EAChC,kBAAkB,EAAE,KAAK,EACzB,sBAAsB,QACtB,kBAAkB,EAAE,yBAAyB,EAC7C,gBAAgB,EAAE,mBAAmB,EACrC,gBAAgB,QAChB,YAAY,EAAE,KAAK,GACrB,CACA,CACT,CAAC;IAEF,OAAO,CACH;QACI,uCAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IACpE,KAAK,CAAC,QAAQ,CACb;QACN,8BAAC,iBAAO,IACJ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,aAAa,0CAAE,aAAa,EAC5D,aAAa,EAAE,WAAW,CAAC,OAAO,EAClC,SAAS,EAAC,4BAA4B,EACtC,UAAU,EAAE,KAAK,CAAC,UAAU,IAE3B,KAAK,CACA,CACX,CACN,CAAC;AACN,CAAC;AA7DD,qCA6DC","sourcesContent":["import 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    isAboveNav?: boolean;\n}\n\nexport default function FloatingDatePicker(props: FloatingDatePickerProps) {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n\n    const thisElement = useRef<HTMLDivElement>(null);\n\n    const selectedDateChanged = (endDate: dayjs.Dayjs) => {\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\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={selectedDateChanged}\n                showMinNightStay\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                isAboveNav={props.isAboveNav}\n            >\n                {inner}\n            </Overlay>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"FloatingDatePicker.js","sourceRoot":"/","sources":["src/components/generic/date/FloatingDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAgD;AAEhD,sFAA8D;AAC9D,kEAA+D;AAC/D,8DAA+E;AAa/E,SAAwB,kBAAkB,CAAC,KAA8B;;IACrE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IAErE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEjD,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,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,uCAAK,SAAS,EAAC,uCAAuC;QAClD,8BAAC,oBAAU,IACP,eAAe,EAAE,KAAK,CAAC,SAAS,EAChC,kBAAkB,EAAE,KAAK,EACzB,sBAAsB,QACtB,kBAAkB,EAAE,yBAAyB,EAC7C,gBAAgB,EAAE,mBAAmB,EACrC,gBAAgB,QAChB,YAAY,EAAE,KAAK,GACrB,CACA,CACT,CAAC;IAEF,OAAO,CACH;QACI,uCAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IACpE,KAAK,CAAC,QAAQ,CACb;QACN,8BAAC,iBAAO,IACJ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,aAAa,0CAAE,aAAa,EAC5D,aAAa,EAAE,WAAW,CAAC,OAAO,EAClC,SAAS,EAAC,4BAA4B,EACtC,UAAU,EAAE,KAAK,CAAC,UAAU,IAE3B,KAAK,CACA,CACX,CACN,CAAC;AACN,CAAC;AA7DD,qCA6DC","sourcesContent":["import dayjs from 'dayjs';\nimport React, { useRef, useState } from 'react';\n\nimport DatePicker from '@/components/generic/date/DatePicker';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\nexport interface FloatingDatePickerProps {\n    children?: React.ReactNode;\n    startDate?: dayjs.Dayjs;\n    endDate?: dayjs.Dayjs;\n\n    selectedDateChanged?: (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => void;\n\n    className?: string;\n    isAboveNav?: boolean;\n}\n\nexport default function FloatingDatePicker(props: FloatingDatePickerProps) {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n\n    const thisElement = useRef<HTMLDivElement>(null);\n\n    const selectedDateChanged = (endDate: dayjs.Dayjs) => {\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\n                onStartDateChanged={onStartDateChangedHandler}\n                onEndDateChanged={selectedDateChanged}\n                showMinNightStay\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                isAboveNav={props.isAboveNav}\n            >\n                {inner}\n            </Overlay>\n        </>\n    );\n}\n"]}

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

@@ -1,22 +1,44 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-const Placeholder_1 = __importDefault(require("../Placeholder"));
 const contexts_1 = require("../../../contexts/index.js");
-const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const Placeholder_1 = __importDefault(require("../Placeholder"));
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 function randomIntFromInterval(min, max) {
     return Math.floor(Math.random() * (max - min + 1) + min);
 }
 const WeekViewSkeleton = () => {
-    const [ref, setRef] = (0, react_2.useState)(null);
-    const [numbers, setNumbers] = (0, react_2.useState)(0);
-    const [width, setWidth] = (0, react_2.useState)(0);
-    const context = (0, react_2.useContext)(contexts_1.BookingEngineContext);
+    const [ref, setRef] = (0, react_1.useState)(null);
+    const [numbers, setNumbers] = (0, react_1.useState)(0);
+    const [width, setWidth] = (0, react_1.useState)(0);
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const isMobile = context.screenSize <= ScreenSize_1.default.Large;
     const isDesktop = context.screenSize <= ScreenSize_1.default.ExtraLarge;
     const updateValues = () => {
@@ -27,10 +49,10 @@ const WeekViewSkeleton = () => {
             setWidth(width);
         }
     };
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         updateValues();
     }, [ref]);
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         window.addEventListener('resize', updateValues);
         return () => {
             window.removeEventListener('resize', updateValues);

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

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

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

@@ -26,14 +26,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-const ImageProvider_1 = __importStar(require("../../../providers/ImageProvider"));
+const react_1 = __importStar(require("react"));
 const SmallSpinner_1 = __importDefault(require("./SmallSpinner"));
+const ImageProvider_1 = __importStar(require("../../../providers/ImageProvider"));
 function ImageLoader(props) {
-    const [imageLoading, setImageLoading] = (0, react_2.useState)(false);
-    const [imageSource, setImageSource] = (0, react_2.useState)('');
-    (0, react_2.useEffect)(() => {
+    const [imageLoading, setImageLoading] = (0, react_1.useState)(false);
+    const [imageSource, setImageSource] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
         var _a;
         if (props.visible !== undefined && props.visible === false) {
             return;
@@ -51,7 +50,7 @@ function ImageLoader(props) {
             setImageLoading(false);
         };
     }, [props.src, props.visible]);
-    return (0, react_2.useMemo)(() => {
+    return (0, react_1.useMemo)(() => {
         return imageLoading ? (react_1.default.createElement("div", { className: "d-flex justify-content-center align-items-center", style: {
                 width: '100%',
                 height: '100%',

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,kDAA0B;AAC1B,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,uCACI,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE;gBACH,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACjB;YAED,8BAAC,sBAAY,OAAG,CACd,CACT,CAAC,CAAC,CAAC,CACA,uCAAK,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 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,+CAA4D;AAE5D,4FAAoE;AACpE,2EAAqE;AAcrE,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,uCACI,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE;gBACH,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACjB;YAED,8BAAC,sBAAY,OAAG,CACd,CACT,CAAC,CAAC,CAAC,CACA,uCAAK,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 React, { useEffect, useMemo, useState } from 'react';\n\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\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

@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
 const web_1 = require("@react-spring/web");
-const Text_1 = __importDefault(require("../Text"));
+const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
+const Text_1 = __importDefault(require("../Text"));
 const Translation_1 = require("../../../translations/Translation");
 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',

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,+CAAmD;AACnD,2CAAqD;AACrD,qEAA6C;AAC7C,iDAA+C;AAC/C,4DAAyD;AAEzD,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,EAAQ,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACtC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,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,uCAAK,SAAS,EAAC,cAAc;QACzB,uCAAK,SAAS,EAAC,qBAAqB,GAAG;QACvC,uCAAK,SAAS,EAAC,+BAA+B,GAAG;QACjD,uCAAK,SAAS,EAAC,+BAA+B,GAAG;QACjD,uCAAK,SAAS,EAAC,+BAA+B,GAAG;QAEjD,uCAAK,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW;YAChC,qCAAG,IAAI,EAAC,0BAA0B;gBAC9B,8BAAC,YAAM,IAAC,KAAK,QAAC,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,aAAa,IAC5D,CAAC,EAAE,CAAC,EAAO,EAAE,EAAE,CAAC,8BAAC,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,CAC9H,CACT,CACF;QACN,uCAAK,SAAS,EAAC,YAAY;YACvB,8BAAC,cAAI,QAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAQ,CACxC,CACJ,CACT,CAAC;AACN,CAAC;AAhDD,8BAgDC","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { animated, Spring } from '@react-spring/web';\nimport Text from '@/components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '@/translations/Translation';\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<any[]>([]);\n    const [index, setIndex] = useState(0);\n    const { t } = useTranslation();\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 from={{ t: 0 }} to={{ t: 1 }} onRest={onRestHandler}>\n                        {({ t }: any) => <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>{t(Translation.Misc.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,2CAAqD;AACrD,+CAAmD;AACnD,iDAA+C;AAE/C,qEAA6C;AAC7C,4DAAyD;AAEzD,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,EAAQ,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACtC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,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,uCAAK,SAAS,EAAC,cAAc;QACzB,uCAAK,SAAS,EAAC,qBAAqB,GAAG;QACvC,uCAAK,SAAS,EAAC,+BAA+B,GAAG;QACjD,uCAAK,SAAS,EAAC,+BAA+B,GAAG;QACjD,uCAAK,SAAS,EAAC,+BAA+B,GAAG;QAEjD,uCAAK,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW;YAChC,qCAAG,IAAI,EAAC,0BAA0B;gBAC9B,8BAAC,YAAM,IAAC,KAAK,QAAC,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,aAAa,IAC5D,CAAC,EAAE,CAAC,EAAO,EAAE,EAAE,CAAC,8BAAC,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,CAC9H,CACT,CACF;QACN,uCAAK,SAAS,EAAC,YAAY;YACvB,8BAAC,cAAI,QAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAQ,CACxC,CACJ,CACT,CAAC;AACN,CAAC;AAhDD,8BAgDC","sourcesContent":["import { animated, Spring } from '@react-spring/web';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Text from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\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<any[]>([]);\n    const [index, setIndex] = useState(0);\n    const { t } = useTranslation();\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 from={{ t: 0 }} to={{ t: 1 }} onRest={onRestHandler}>\n                        {({ t }: any) => <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>{t(Translation.Misc.Loading)}</Text>\n            </div>\n        </div>\n    );\n}\n"]}

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,kDAA0B;AAC1B,uEAA2E;AAC3E,wCAAqC;AAErC,SAAwB,YAAY,CAAC,KAAyB;IAC1D,OAAO,CACH,uCAAK,SAAS,EAAC,sBAAsB;QACjC,8BAAC,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 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,kDAA0B;AAE1B,uEAA2E;AAC3E,wCAAqC;AAErC,SAAwB,YAAY,CAAC,KAAyB;IAC1D,OAAO,CACH,uCAAK,SAAS,EAAC,sBAAsB;QACjC,8BAAC,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 React from 'react';\n\nimport Icon, { IconProps, IconType } 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

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const hooks_1 = require("../../../hooks/index.js");
 const react_1 = __importDefault(require("react"));
 const BEMapWidget_1 = __importDefault(require("../../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

@@ -1 +1 @@
-{"version":3,"file":"HotelLocationMap.js","sourceRoot":"/","sources":["src/components/generic/map/HotelLocationMap.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,mFAA2D;AAC3D,2CAAkD;AAElD,SAAwB,gBAAgB;IACpC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAI,CAAC,KAAK;QAAE,OAAO,6DAAK,CAAC;IAEzB,OAAO,8DAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,8BAAC,qBAAW,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,CAAI,CAAC;AACvI,CAAC;AAND,mCAMC","sourcesContent":["import 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 }} /> : null}</>;\n}\n"]}
+{"version":3,"file":"HotelLocationMap.js","sourceRoot":"/","sources":["src/components/generic/map/HotelLocationMap.tsx"],"names":[],"mappings":";;;;;AAAA,2CAAkD;AAClD,kDAA0B;AAE1B,mFAA2D;AAE3D,SAAwB,gBAAgB;IACpC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAI,CAAC,KAAK;QAAE,OAAO,6DAAK,CAAC;IAEzB,OAAO,8DAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,8BAAC,qBAAW,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,CAAI,CAAC;AACvI,CAAC;AAND,mCAMC","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport React from 'react';\n\nimport BEMapWidget from '@/components/summary/BEMapWidget';\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 }} /> : null}</>;\n}\n"]}

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

@@ -27,10 +27,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const SimpleModal_1 = __importStar(require("./SimpleModal"));
+const react_i18next_1 = require("react-i18next");
 const BEButton_1 = __importDefault(require("../BEButton"));
+const SimpleModal_1 = __importStar(require("./SimpleModal"));
 const Text_1 = __importDefault(require("../Text"));
-const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("../../../translations/Translation");
 function ConfirmationModal(props) {
     const { t } = (0, react_i18next_1.useTranslation)();

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,kDAA0B;AAC1B,sFAAsF;AACtF,6EAAqD;AACrD,qEAA6C;AAC7C,iDAA+C;AAC/C,4DAAyD;AAUzD,SAAwB,iBAAiB,CAAC,KAA6B;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,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,uCAAK,SAAS,EAAC,QAAQ;QACnB,8BAAC,kBAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,oBAAoB,IACzC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB;QACX,8BAAC,kBAAQ,IAAC,MAAM,QAAC,OAAO,QAAC,OAAO,EAAE,mBAAmB,IAChD,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CACjB,CACT,CACT,CAAC;IAEF,OAAO,CACH,8BAAC,qBAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,QACX,aAAa,EAAE,uCAAK,SAAS,EAAC,wBAAwB,IAAE,MAAM,CAAO,EACrE,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,6BAAe,CAAC,KAAK,EAC3B,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;QAEvC,uCAAK,SAAS,EAAC,wBAAwB;YACnC,uCAAK,SAAS,EAAC,eAAe;gBAC1B,8BAAC,cAAI,QAAE,KAAK,CAAC,OAAO,CAAQ,CAC1B,CACJ,CACI,CACjB,CAAC;AACN,CAAC;AAvCD,oCAuCC","sourcesContent":["import React from 'react';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport BEButton from '@/components/generic/BEButton';\nimport Text from '@/components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '@/translations/Translation';\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 { t } = useTranslation();\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 onClick={cancelOnClickHandler}>\n                {t(Translation.Misc.Cancel)}\n            </BEButton>\n            <BEButton filled primary onClick={onConfirmationClick}>\n                {t(Translation.Misc.Yes)}\n            </BEButton>\n        </div>\n    );\n\n    return (\n        <SimpleModal\n            open={props.open}\n            alignCenter\n            desktopFooter={<div className=\"u-marg-heavy u-marg@m-\">{footer}</div>}\n            mobileFooter={footer}\n            size={SimpleModalSize.Small}\n            title={t(Translation.Step.Room.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,kDAA0B;AAC1B,iDAA+C;AAE/C,6EAAqD;AACrD,sFAAsF;AACtF,qEAA6C;AAC7C,4DAAyD;AAUzD,SAAwB,iBAAiB,CAAC,KAA6B;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,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,uCAAK,SAAS,EAAC,QAAQ;QACnB,8BAAC,kBAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,oBAAoB,IACzC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB;QACX,8BAAC,kBAAQ,IAAC,MAAM,QAAC,OAAO,QAAC,OAAO,EAAE,mBAAmB,IAChD,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CACjB,CACT,CACT,CAAC;IAEF,OAAO,CACH,8BAAC,qBAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,QACX,aAAa,EAAE,uCAAK,SAAS,EAAC,wBAAwB,IAAE,MAAM,CAAO,EACrE,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,6BAAe,CAAC,KAAK,EAC3B,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;QAEvC,uCAAK,SAAS,EAAC,wBAAwB;YACnC,uCAAK,SAAS,EAAC,eAAe;gBAC1B,8BAAC,cAAI,QAAE,KAAK,CAAC,OAAO,CAAQ,CAC1B,CACJ,CACI,CACjB,CAAC;AACN,CAAC;AAvCD,oCAuCC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\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 { t } = useTranslation();\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 onClick={cancelOnClickHandler}>\n                {t(Translation.Misc.Cancel)}\n            </BEButton>\n            <BEButton filled primary onClick={onConfirmationClick}>\n                {t(Translation.Misc.Yes)}\n            </BEButton>\n        </div>\n    );\n\n    return (\n        <SimpleModal\n            open={props.open}\n            alignCenter\n            desktopFooter={<div className=\"u-marg-heavy u-marg@m-\">{footer}</div>}\n            mobileFooter={footer}\n            size={SimpleModalSize.Small}\n            title={t(Translation.Step.Room.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_1 = __importDefault(require("react"));
-const SimpleModal_1 = __importStar(require("./SimpleModal"));
 const BEButton_1 = __importDefault(require("../BEButton"));
 const Icon_1 = require("../Icon/Icon");
+const SimpleModal_1 = __importStar(require("./SimpleModal"));
 function ErrorModal(props) {
     var _a;
     return (react_1.default.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,kDAA0B;AAC1B,sFAAsF;AACtF,6EAAqD;AACrD,yDAA0D;AAU1D,SAAwB,UAAU,CAAC,KAAsB;;IACrD,OAAO,CACH,8BAAC,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;QAC7I,uCAAK,SAAS,EAAC,wBAAwB;YACnC,uCAAK,SAAS,EAAC,eAAe,IAAE,KAAK,CAAC,QAAQ,CAAO;YACrD,8BAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,OAAO,QAAC,MAAM,QAAC,iBAAiB,QAAC,OAAO,EAAE,KAAK,CAAC,OAAO,IAClF,KAAK,CAAC,eAAe,IAAI,OAAO,CAC1B,CACT,CACI,CACjB,CAAC;AACN,CAAC;AAXD,6BAWC","sourcesContent":["import 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>\n            <div className=\"u-marg-heavy u-marg@m-\">\n                <div className=\"u-marg-bottom\">{props.children}</div>\n                <BEButton icon={IconType.Close} primary filled stopIconAnimation 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,kDAA0B;AAE1B,6EAAqD;AACrD,yDAA0D;AAC1D,sFAAsF;AAUtF,SAAwB,UAAU,CAAC,KAAsB;;IACrD,OAAO,CACH,8BAAC,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;QAC7I,uCAAK,SAAS,EAAC,wBAAwB;YACnC,uCAAK,SAAS,EAAC,eAAe,IAAE,KAAK,CAAC,QAAQ,CAAO;YACrD,8BAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,OAAO,QAAC,MAAM,QAAC,iBAAiB,QAAC,OAAO,EAAE,KAAK,CAAC,OAAO,IAClF,KAAK,CAAC,eAAe,IAAI,OAAO,CAC1B,CACT,CACI,CACjB,CAAC;AACN,CAAC;AAXD,6BAWC","sourcesContent":["import React from 'react';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\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>\n            <div className=\"u-marg-heavy u-marg@m-\">\n                <div className=\"u-marg-bottom\">{props.children}</div>\n                <BEButton icon={IconType.Close} primary filled stopIconAnimation onClick={props.onClose}>\n                    {props.closeButtonText || 'Close'}\n                </BEButton>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}