@roomstay/frontend 1.3.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerDay.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerDay.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Text, { TextType } from '../Text';\nimport { useState, useMemo, useEffect, useContext } from 'react';\nimport Currency from '../Currency';\nimport { DatePickerContext } from '../../../contexts/DatePickerContext';\nimport * as dayjs from 'dayjs';\nimport API from '../../../api/BookingAPI';\nimport Icon, { IconType } from '../Icon';\nimport { Color } from '../../../util/Color';\nimport { BasketContext } from '@frontend/contexts';\nimport AvailabilityAPI from '../../../api/AvailabilityAPI';\nimport classNames from 'classnames';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface DatePickerDayProps {\n    text: any;\n    day?: dayjs.Dayjs | any;\n    unix: number;\n    price?: Promise<number>;\n    statuses?: DatePickerDayStatus[];\n    selectable?: boolean;\n    onClick?: (day: string) => void;\n    onHover?: (day: string, status: boolean) => void;\n    displayType?: 'month' | 'week';\n}\n\nexport enum DatePickerDayStatus {\n    Inactive = 0,\n    Selecting = '--selecting',\n    Loading = '--loading',\n    Selected = '--selected',\n}\n\nexport default function DatePickerDay(props: DatePickerDayProps) {\n    const { hotel } = useCurrentHotel();\n\n    const datePickerContext = useContext(DatePickerContext);\n    const basketContext = useContext(BasketContext);\n\n    const [price, setPrice] = useState<number>();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [isHovering, setIsHovering] = useState(false);\n    const [isSelected, setIsSelected] = useState(false);\n    const [isSelecting, setIsSelecting] = useState(false);\n\n    const [isFirst, setIsFirst] = useState(false);\n    const [isLast, setIsLast] = useState(false);\n\n    const isCurrent = props.day && datePickerContext.today.isSame(props.day, 'date');\n    const isPast = props.unix < datePickerContext.todayInUnix && !isCurrent;\n\n    const { selectedBasketRow } = basketContext;\n\n    useEffect(() => {\n        let cancelled = false;\n\n        const adults = selectedBasketRow ? selectedBasketRow.getAdults() : 1;\n        const children = selectedBasketRow ? selectedBasketRow.getChildren() : 0;\n        const promoCode = selectedBasketRow ? selectedBasketRow.getPromoCode() : '';\n\n        if (props.day && !isPast) {\n            if (hotel) {\n                setPrice(0);\n                setIsLoading(true);\n\n                API.Availability.getCheapestPriceForDay(props.day, adults, children, promoCode, hotel.hotelID).then((foundedPrice) => {\n                    if (!cancelled) {\n                        if (foundedPrice) {\n                            setPrice(foundedPrice.price);\n                            if (datePickerContext.maxPrice < AvailabilityAPI.maxNightPrice) {\n                                datePickerContext.setMaxPrice(AvailabilityAPI.maxNightPrice);\n                            }\n                        }\n\n                        setIsLoading(false);\n                    }\n                });\n            } else {\n                datePickerContext.setMaxPrice(-1);\n                setPrice(-1);\n                setIsLoading(false);\n            }\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [props.day, selectedBasketRow?.getAdults(), selectedBasketRow?.getChildren(), selectedBasketRow?.getPromoCode()]);\n\n    useEffect(() => {\n        if (datePickerContext.hoveredMonth) {\n            if (props.unix && datePickerContext.startDate.isBefore(props.day, 'date') && datePickerContext.hoveredMonth.isSameOrAfter(props.day, 'date')) {\n                setIsSelecting(true);\n\n                if (datePickerContext.hoveredMonth.isSame(props.day, 'date') || (datePickerContext.endDate && datePickerContext.endDate.isSame(props.day))) {\n                    setIsLast(true);\n                } else {\n                    setIsLast(false);\n                }\n                return;\n            }\n        }\n\n        setIsSelecting(false);\n        setIsLast(false);\n    }, [datePickerContext.hoveredMonth, props.day]);\n\n    useEffect(() => {\n        if (props.unix && datePickerContext.startDate) {\n            if (datePickerContext.startDate?.isSameOrBefore(props.day, 'date') && datePickerContext.endDate?.isSameOrAfter(props.day, 'date')) {\n                setIsSelected(true);\n\n                if (datePickerContext.endDate?.isSame(props.day, 'date')) {\n                    setIsLast(true);\n                }\n\n                return;\n            }\n\n            if (datePickerContext.startDate.isSame(props.day, 'date')) {\n                setIsFirst(true);\n                setIsSelected(true);\n\n                return;\n            }\n        }\n\n        setIsSelected(false);\n        setIsFirst(false);\n        setIsLast(false);\n    }, [datePickerContext.startDate, datePickerContext.endDate, props.day]);\n\n    const memo = useMemo(() => {\n        const onHoverIn = (e: React.MouseEvent) => {\n            datePickerContext.onHoverOver(props.day);\n            setIsHovering(true);\n        };\n\n        const onHoverOut = (e: React.MouseEvent) => {\n            setIsHovering(false);\n        };\n\n        const onClick = (e: React.MouseEvent) => {\n            datePickerContext.onDayClicked(props.day);\n        };\n\n        const isSelectable = () => {\n            return props.day && props.selectable && !isLoading && !isPast && (price || !hotel);\n        };\n\n        const classes = classNames(`diji-calendar-${props.displayType ?? 'month'}--item`, {\n            '--selectable': isSelectable(),\n            '--hovered': isHovering && isSelectable(),\n            '--past': !isSelectable(),\n            '--current': isCurrent,\n            '--first': isFirst,\n            '--last': isLast,\n            '--loading': isLoading,\n            '--selected': isSelected,\n            '--selecting': isSelecting && !isSelected,\n        });\n\n        const events: any = {};\n\n        events.onMouseEnter = onHoverIn;\n        events.onMouseLeave = onHoverOut;\n        events.onClick = onClick;\n\n        const priceBlock = props.day && props.selectable && !isPast && (price || (isLoading && !price)) && price >= 0 && (\n            <div className={`diji-calendar-${props.displayType ?? 'month'}--item-cost`}>\n                {isLoading ? (\n                    <div className=\"u-inline-flex a-spin\">\n                        <Icon color={Color.Accent} icon={IconType.Spinner} size=\"14px\" />\n                    </div>\n                ) : (\n                    <Text type={TextType.Label}>\n                        <Currency shortenThousandsAfter={6} removeCurrencyAfterChar={5} hideDecimals={true} disableLocalization={true}>\n                            {price}\n                        </Currency>\n                    </Text>\n                )}\n            </div>\n        );\n\n        if (props.displayType === 'week') {\n            let height = 0;\n            const range = (price / AvailabilityAPI.maxNightPrice) * 100;\n\n            if (isSelectable()) {\n                if (range < 10) {\n                    height = 10;\n                } else if (range > 90) {\n                    height = 90;\n                } else {\n                    height = range;\n                }\n            } else {\n                if (!isLoading) {\n                    height = 95;\n                }\n            }\n\n            return (\n                <div className={classes} {...events}>\n                    {props.text === '1' && <div className=\"diji-calendar-week--month-indicator\">{props.day.format('MMMM')}</div>}\n                    <div className=\"diji-calendar-week--day-label\">{props.day.format('dd')}</div>\n                    <div className=\"diji-calendar-week--day-digit\">\n                        <Text>{props.text}</Text>\n                    </div>\n                    <div className=\"diji-calendar-week--price-indicator\">\n                        <div className=\"diji-calendar-week--price-indicator-block\" style={{ maxHeight: `${height}%` }} />\n                    </div>\n                    {priceBlock}\n                </div>\n            );\n        } else {\n            return (\n                <div className={classes} {...events}>\n                    <Text>{props.text}</Text>\n                    {priceBlock}\n                </div>\n            );\n        }\n    }, [\n        isFirst,\n        isLast,\n        isSelecting,\n        isSelected,\n        isHovering,\n        isLoading,\n        props.unix,\n        datePickerContext.hoveredMonth,\n        datePickerContext.startDate,\n        datePickerContext.endDate,\n        basketContext,\n        datePickerContext.maxPrice,\n        hotel,\n    ]);\n\n    return memo;\n}\n"]}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import * as dayjs from 'dayjs';
+interface DatePickerDaysProps {
+    showingMonth: dayjs.Dayjs;
+}
+export default function DatePickerDays(props: DatePickerDaysProps): JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const CalendarHelper_1 = require("../../../util/CalendarHelper");
+const DatePickerDay_1 = require("./DatePickerDay");
+const React = require("react");
+const react_1 = require("react");
+const hooks_1 = require("@frontend/hooks");
+const WeekdayStartsOn_types_1 = require("../../../models/Client/Hotel/WeekdayStartsOn.types");
+function DatePickerDays(props) {
+    var _a;
+    const { showingMonth } = props;
+    const { hotel } = 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 = react_1.useMemo(() => (React.createElement(React.Fragment, null, CalendarHelper_1.default.getWeekPaddedMonthArrayForDate(startsWeekOnDay, showingMonth).map((day, index) => {
+        const date = day ? props.showingMonth.date(Number.parseInt(day, 10)) : '';
+        return React.createElement(DatePickerDay_1.default, { key: index, text: day, selectable: true, day: date, unix: date ? date.unix() : 0 });
+    }))), [showingMonth]);
+    return days;
+}
+exports.default = DatePickerDays;
+//# sourceMappingURL=DatePickerDays.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerDays.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerDays.tsx"],"names":[],"mappings":";;AAAA,iEAA0D;AAC1D,mDAA4C;AAC5C,+BAA+B;AAE/B,iCAAgC;AAChC,2CAAkD;AAClD,8FAAqF;AAMrF,SAAwB,cAAc,CAAC,KAA0B;;IAC7D,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,uBAAe,EAAE,CAAC;IAEpC,MAAM,eAAe,SAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,mCAAI,uCAAe,CAAC,MAAM,CAAC;IAEzE,MAAM,IAAI,GAAG,eAAO,CAChB,GAAG,EAAE,CAAC,CACF,0CACK,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,oBAAC,uBAAa,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAI,CAAC;IAC/G,CAAC,CAAC,CACH,CACN,EACD,CAAC,YAAY,CAAC,CACjB,CAAC;IAEF,OAAO,IAAI,CAAC;AAChB,CAAC;AAnBD,iCAmBC","sourcesContent":["import CalendarHelper from '../../../util/CalendarHelper';\nimport DatePickerDay from './DatePickerDay';\nimport * as React from 'react';\nimport * as dayjs from 'dayjs';\nimport { useMemo } from 'react';\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={true} 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.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import * as dayjs from 'dayjs';
+interface DatePickerMonthProps {
+    showingMonth: dayjs.Dayjs;
+    small?: boolean;
+}
+export default function DatePickerMonth(props: DatePickerMonthProps): JSX.Element;
+export {};

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const CalendarHelper_1 = require("../../../util/CalendarHelper");
+const DatePickerDay_1 = require("./DatePickerDay");
+const DatePickerDays_1 = require("./DatePickerDays");
+const react_1 = require("react");
+const Text_1 = require("../Text");
+const hooks_1 = require("@frontend/hooks");
+const WeekdayStartsOn_types_1 = require("../../../models/Client/Hotel/WeekdayStartsOn.types");
+function DatePickerMonth(props) {
+    const { showingMonth } = props;
+    const { hotel } = hooks_1.useCurrentHotel();
+    const dayLetters = react_1.useMemo(() => {
+        var _a;
+        return 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.createElement(DatePickerDay_1.default, { key: index + day, text: day, selectable: false, unix: 0 });
+        });
+    }, []);
+    return (React.createElement("div", { className: 'diji-calendar-month' + (props.small ? ' u-pad-bottom--none' : '') },
+        React.createElement(Text_1.default, { type: Text_1.TextType.Body },
+            React.createElement("strong", null, showingMonth.format('MMMM'))),
+        React.createElement("div", { className: "diji-calendar-month--items" },
+            dayLetters,
+            React.createElement(DatePickerDays_1.default, { showingMonth: showingMonth }))));
+}
+exports.default = DatePickerMonth;
+//# sourceMappingURL=DatePickerMonth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerMonth.js","sourceRoot":"/","sources":["src/components/generic/date/DatePickerMonth.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAE/B,iEAAmE;AACnE,mDAA4C;AAC5C,qDAA8C;AAC9C,iCAAgC;AAChC,kCAAyC;AACzC,2CAAkD;AAClD,8FAAqF;AAOrF,SAAwB,eAAe,CAAC,KAA2B;IAC/D,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,uBAAe,EAAE,CAAC;IAEpC,MAAM,UAAU,GAAG,eAAO,CACtB,GAAG,EAAE;;QACD,OAAA,oCAAmB,OAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,mCAAI,uCAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE;YACrG,OAAO,oBAAC,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,6BAAK,SAAS,EAAE,qBAAqB,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9E,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;YACrB,oCAAS,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAU,CAC3C;QACP,6BAAK,SAAS,EAAC,4BAA4B;YACtC,UAAU;YACX,oBAAC,wBAAc,IAAC,YAAY,EAAE,YAAY,GAAI,CAC5C,CACJ,CACT,CAAC;AACN,CAAC;AAvBD,kCAuBC","sourcesContent":["import * as React from 'react';\nimport * as dayjs from 'dayjs';\nimport { getLetterDaysOfWeek } from '../../../util/CalendarHelper';\nimport DatePickerDay from './DatePickerDay';\nimport DatePickerDays from './DatePickerDays';\nimport { useMemo } from 'react';\nimport Text, { TextType } from '../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"]}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function DatePickerWeek(): JSX.Element;

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

@@ -0,0 +1,161 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const react_1 = require("react");
+const DatePickerContext_1 = require("../../../contexts/DatePickerContext");
+const CalendarHelper_1 = require("../../../util/CalendarHelper");
+const DatePickerDay_1 = require("./DatePickerDay");
+const web_1 = require("@react-spring/web");
+const react_use_measure_1 = require("react-use-measure");
+const react_use_gesture_1 = require("react-use-gesture");
+const dayjs = require("dayjs");
+const Icon_1 = require("../Icon");
+const Color_1 = require("../../../util/Color");
+const ScreenSize_1 = require("../../../util/ScreenSize");
+const DataLayer_1 = require("../../../util/DataLayer");
+const Text_1 = require("../Text");
+const TextAlignment_1 = require("../../../util/TextAlignment");
+const contexts_1 = require("@frontend/contexts");
+function DatePickerWeek() {
+    var _a, _b;
+    const dpContext = react_1.useContext(DatePickerContext_1.DatePickerContext);
+    const context = react_1.useContext(contexts_1.BookingEngineContext);
+    const showingMonth = (_b = (_a = dpContext.startDate) !== null && _a !== void 0 ? _a : dpContext.currentMonth) !== null && _b !== void 0 ? _b : dayjs().add(14, 'day');
+    const scrollingOffset = 0;
+    let sliderVelocity = 0;
+    const [{ x }, set] = web_1.useSpring(() => ({ x: 0, config: { mass: 1, tension: 170, friction: 20 } }));
+    const [lastReleaseX, setLastReleaseX] = react_1.useState(0);
+    const [ref, bounds] = react_use_measure_1.default();
+    const [daysLoaded, setDaysLoaded] = react_1.useState([]);
+    const [lastDay, setLastDay] = react_1.useState(null);
+    const [firstDay, setFirstDay] = react_1.useState(dayjs());
+    const [numberOfDaysLoaded, setNumberOfDaysLoaded] = react_1.useState(0);
+    const [toggler, setToggler] = react_1.useState(false);
+    react_1.useEffect(() => {
+        setDaysLoaded(CalendarHelper_1.default.getDaysBetween(dayjs(), showingMonth));
+        if (dpContext.startDate) {
+            setTimeout(() => {
+                focusDay(dpContext.startDate);
+            }, 500);
+        }
+    }, []);
+    const setSwiperLocation = (location) => {
+        if (location > 0) {
+            location = 0;
+        }
+        set({ x: location });
+        setLastReleaseX(location);
+    };
+    const focusDay = (toFocus) => {
+        let index = 0;
+        index = firstDay ? Math.abs(Number(toFocus.diff(firstDay, 'day'))) : Number(toFocus.format('DD'));
+        const focus = -(62 * index);
+        setSwiperLocation(focus);
+    };
+    const loadDataForDate = (forDate, after = true) => __awaiter(this, void 0, void 0, function* () {
+        if (forDate.isBefore(dayjs())) {
+            return;
+        }
+        setDaysLoaded((oldDaysLoaded) => {
+            let newDaysLoaded = [];
+            const newDays = after ? CalendarHelper_1.default.getWeekFrom(forDate) : CalendarHelper_1.default.getWeekTo(forDate);
+            newDaysLoaded = after ? [...oldDaysLoaded, ...newDays] : [...newDays.reverse(), ...oldDaysLoaded];
+            return newDaysLoaded;
+        });
+    });
+    react_1.useEffect(() => {
+        setLastDay(daysLoaded[daysLoaded.length - 1]);
+        setFirstDay(daysLoaded[0]);
+        setNumberOfDaysLoaded(daysLoaded.length);
+    }, [daysLoaded]);
+    react_1.useEffect(() => {
+        if (62 * numberOfDaysLoaded - 1000 <= -lastReleaseX) {
+            loadNext();
+        }
+    }, [lastReleaseX]);
+    const loadNext = () => __awaiter(this, void 0, void 0, function* () {
+        var _c;
+        loadDataForDate((_c = daysLoaded[daysLoaded.length - 1]) !== null && _c !== void 0 ? _c : showingMonth.add(7, 'days'));
+    });
+    let lastIndex = 0;
+    // Set the drag hook and define component movement based on gesture data
+    const bind = react_use_gesture_1.useDrag(({ down, movement: [mx], velocity }) => {
+        if (context.screenSize <= ScreenSize_1.default.Medium) {
+            velocity = velocity * 0.75;
+            sliderVelocity = velocity > 4 ? 4 : velocity < 1 ? 1 : velocity;
+        }
+        else {
+            sliderVelocity = 1;
+        }
+        mx = mx * sliderVelocity;
+        if (!down) {
+            const releasePosition = lastReleaseX + mx;
+            const cardWidth = 62;
+            const maxX = numberOfDaysLoaded * cardWidth;
+            let restingLocation = 0;
+            if (releasePosition > 0) {
+                restingLocation = 0;
+            }
+            else if (releasePosition < -maxX) {
+                restingLocation = -maxX;
+            }
+            else {
+                const magic = -releasePosition / cardWidth;
+                lastIndex = releasePosition % cardWidth > -cardWidth / 2 ? Math.floor(magic) : Math.ceil(magic);
+                restingLocation = -(lastIndex * cardWidth);
+            }
+            if (62 * numberOfDaysLoaded - 1000 <= -releasePosition) {
+                loadNext();
+            }
+            set({ x: restingLocation });
+            setLastReleaseX(restingLocation);
+        }
+        else {
+            set({ x: lastReleaseX + mx });
+        }
+    });
+    const days = react_1.useMemo(() => (React.createElement(React.Fragment, null, daysLoaded.map((date, index) => {
+        const day = date.format('D');
+        const unix = date.unix();
+        return (React.createElement(React.Fragment, null,
+            React.createElement(DatePickerDay_1.default, { key: unix, text: day, selectable: true, day: date, displayType: "week", unix: unix })));
+    }))), [daysLoaded]);
+    // TODO refactor
+    const getCurrentDay = () => {
+        const day = Math.floor(lastReleaseX / 62);
+        if (firstDay) {
+            return firstDay.add(-day, 'day').format('MMMM');
+        }
+        return showingMonth.format('MMMM');
+    };
+    const currentDayValue = getCurrentDay();
+    const showPreviousWeek = () => {
+        DataLayer_1.default.instance.sendInteraction('Show Previous Week', DataLayer_1.InteractionType.CALENDAR, DataLayer_1.InteractionStep.DATES);
+        setSwiperLocation(lastReleaseX + 62 * 7);
+    };
+    const showNextWeek = () => {
+        DataLayer_1.default.instance.sendInteraction('Show Next Week', DataLayer_1.InteractionType.CALENDAR, DataLayer_1.InteractionStep.DATES);
+        setSwiperLocation(lastReleaseX - 62 * 7);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "diji-calendar-navigation" },
+            React.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowLeft2, onClick: showPreviousWeek, color: Color_1.Color.White, backgroundColor: Color_1.Color.Navy, borderRadius: "round", size: "24px" }),
+            React.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowRight2, onClick: showNextWeek, color: Color_1.Color.White, backgroundColor: Color_1.Color.Navy, borderRadius: "round", size: "24px" })),
+        React.createElement("div", { className: "u-marg-top" },
+            React.createElement(Text_1.Text, { type: Text_1.TextType.Body, bold: true, align: TextAlignment_1.TextAlign.Center }, currentDayValue)),
+        React.createElement("div", { className: "diji-calendar-week--global-month" }, currentDayValue),
+        React.createElement("div", { className: "diji-calendar-week" },
+            React.createElement("div", Object.assign({ className: "diji-calendar-week--track" }, bind()),
+                React.createElement(web_1.animated.div, { className: "diji-calendar-week--items", style: { left: x } }, days)))));
+}
+exports.default = DatePickerWeek;
+//# sourceMappingURL=DatePickerWeek.js.map

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

@@ -0,0 +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';\nimport { DatePickerContext } from '../../../contexts/DatePickerContext';\nimport CalendarHelper from '../../../util/CalendarHelper';\nimport DatePickerDay from './DatePickerDay';\nimport { useSpring, animated } from '@react-spring/web';\nimport useMeasure from 'react-use-measure';\nimport { useDrag } from 'react-use-gesture';\nimport * as dayjs from 'dayjs';\nimport Icon, { IconType } from '../Icon';\nimport { Color } from '../../../util/Color';\nimport ScreenSize from '../../../util/ScreenSize';\nimport DataLayer, { InteractionStep, InteractionType } from '../../../util/DataLayer';\nimport { Text, TextType } from '../Text';\nimport { TextAlign } from '../../../util/TextAlignment';\nimport { BookingEngineContext } 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.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import * as dayjs from 'dayjs';
+export interface FloatingDatePickerProps {
+    children?: React.ReactNode;
+    startDate?: dayjs.Dayjs;
+    endDate?: dayjs.Dayjs;
+    selectedDateChanged?: (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs) => void;
+    className?: string;
+}
+export default function FloatingDatePicker(props: FloatingDatePickerProps): JSX.Element;

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

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@material-ui/core");
+const React = require("react");
+const DatePicker_1 = require("./DatePicker");
+const react_1 = require("react");
+const DataLayer_1 = require("../../../util/DataLayer");
+function FloatingDatePicker(props) {
+    var _a;
+    const [isOpen, setIsOpen] = react_1.useState(false);
+    let isStatelessOpen = isOpen;
+    const [startDate, setStartDate] = react_1.useState(null);
+    const thisElement = react_1.useRef(null);
+    react_1.useEffect(() => {
+        const event = (e) => {
+            var _a;
+            if (isStatelessOpen) {
+                let isInDatepicker = false;
+                for (const element of e.composedPath()) {
+                    if ((_a = element.classList) === null || _a === void 0 ? void 0 : _a.contains('floating-roomstay-calendar')) {
+                        isInDatepicker = true;
+                        break;
+                    }
+                }
+                if (!isInDatepicker) {
+                    isStatelessOpen = false;
+                    setIsOpen(false);
+                }
+            }
+        };
+        const preventPropagation = (e) => {
+            e.stopPropagation();
+        };
+        const openEvent = (e) => {
+            preventPropagation(e);
+            isStatelessOpen = true;
+            setIsOpen(true);
+        };
+        if (thisElement === null || thisElement === void 0 ? void 0 : thisElement.current) {
+            thisElement === null || thisElement === void 0 ? void 0 : thisElement.current.addEventListener('click', openEvent);
+        }
+        document.addEventListener('click', event);
+        return () => {
+            document.removeEventListener('click', event);
+            if (thisElement === null || thisElement === void 0 ? void 0 : thisElement.current) {
+                thisElement === null || thisElement === void 0 ? void 0 : thisElement.current.removeEventListener('click', openEvent);
+            }
+        };
+    }, [thisElement]);
+    const selectedDateChanged = (endDate) => {
+        DataLayer_1.default.instance.sendInteraction('Check Out Date', DataLayer_1.InteractionType.CALENDAR, DataLayer_1.InteractionStep.ROOMS);
+        if (props.selectedDateChanged && startDate) {
+            props.selectedDateChanged(startDate, endDate);
+        }
+        setIsOpen(false);
+    };
+    const onStartDateChangedHandler = (date) => {
+        DataLayer_1.default.instance.sendInteraction('Check In Date', DataLayer_1.InteractionType.CALENDAR, DataLayer_1.InteractionStep.ROOMS);
+        setStartDate(date);
+    };
+    const inner = (React.createElement("div", { className: "d-flex align-items-center flex-column" },
+        React.createElement(DatePicker_1.default, { showMonthOnLoad: props.startDate, showMultipleMonths: false, supportsMultiSelecting: true, onStartDateChanged: onStartDateChangedHandler, onEndDateChanged: selectedDateChanged, showMinNightStay: true })));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: thisElement, className: props.className }, props.children),
+        React.createElement(core_1.Popper, { modifiers: { flip: { enabled: false } }, className: 'floating-roomstay-calendar', open: isOpen, container: (_a = thisElement.current) === null || _a === void 0 ? void 0 : _a.parentElement.parentElement, anchorEl: thisElement.current, placement: 'bottom' }, inner)));
+}
+exports.default = FloatingDatePicker;
+//# sourceMappingURL=FloatingDatePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingDatePicker.js","sourceRoot":"/","sources":["src/components/generic/date/FloatingDatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Popper } from '@material-ui/core';\nimport * as React from 'react';\nimport DatePicker from './DatePicker';\n\nimport * as dayjs from 'dayjs';\n\nimport { useEffect, useRef, useState } from 'react';\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}\n\nexport default function FloatingDatePicker(props: FloatingDatePickerProps) {\n    const [isOpen, setIsOpen] = useState(false);\n    let isStatelessOpen = isOpen;\n\n    const [startDate, setStartDate] = useState<dayjs.Dayjs>(null);\n\n    const thisElement = useRef(null);\n\n    useEffect(() => {\n        const event = (e: MouseEvent) => {\n            if (isStatelessOpen) {\n                let isInDatepicker = false;\n                for (const element of e.composedPath() as HTMLElement[]) {\n                    if (element.classList?.contains('floating-roomstay-calendar')) {\n                        isInDatepicker = true;\n                        break;\n                    }\n                }\n\n                if (!isInDatepicker) {\n                    isStatelessOpen = false;\n                    setIsOpen(false);\n                }\n            }\n        };\n\n        const preventPropagation = (e: any) => {\n            e.stopPropagation();\n        };\n\n        const openEvent = (e: any) => {\n            preventPropagation(e);\n            isStatelessOpen = true;\n            setIsOpen(true);\n        };\n\n        if (thisElement?.current) {\n            thisElement?.current.addEventListener('click', openEvent);\n        }\n\n        document.addEventListener('click', event);\n\n        return () => {\n            document.removeEventListener('click', event);\n\n            if (thisElement?.current) {\n                thisElement?.current.removeEventListener('click', openEvent);\n            }\n        };\n    }, [thisElement]);\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 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            />\n        </div>\n    );\n\n    return (\n        <>\n            <div ref={thisElement} className={props.className}>\n                {props.children}\n            </div>\n            <Popper\n                modifiers={{ flip: { enabled: false } }}\n                className={'floating-roomstay-calendar'}\n                open={isOpen}\n                container={thisElement.current?.parentElement.parentElement}\n                anchorEl={thisElement.current}\n                placement={'bottom'}\n            >\n                {inner}\n            </Popper>\n        </>\n    );\n}\n"]}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ImageSize } from '../../../providers/ImageProvider';
+interface ImageLoaderProps {
+    src: string;
+    visible?: boolean;
+    draggable?: boolean;
+    size?: ImageSize;
+    style?: React.CSSProperties;
+}
+export default function ImageLoader(props: ImageLoaderProps): JSX.Element;
+export {};

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const react_1 = require("react");
+const ImageProvider_1 = require("../../../providers/ImageProvider");
+const SmallSpinner_1 = require("./SmallSpinner");
+function ImageLoader(props) {
+    const [imageLoading, setImageLoading] = react_1.useState(false);
+    const [imageSource, setImageSource] = react_1.useState('');
+    react_1.useEffect(() => {
+        var _a;
+        if (props.visible !== undefined && props.visible === false) {
+            return;
+        }
+        let cancelled = false;
+        setImageLoading(true);
+        ImageProvider_1.default.getLazyLoadedImageUrl(props.src, (_a = props.size) !== null && _a !== void 0 ? _a : ImageProvider_1.ImageSize.Medium).then((src) => {
+            if (!cancelled) {
+                setImageSource(src);
+                setImageLoading(false);
+            }
+        });
+        return () => {
+            cancelled = true;
+            setImageLoading(false);
+        };
+    }, [props.src, props.visible]);
+    return react_1.useMemo(() => {
+        return imageLoading ? (React.createElement("div", { className: "d-flex justify-content-center align-items-center", style: {
+                width: '100%',
+                height: '100%',
+            } },
+            React.createElement(SmallSpinner_1.default, null))) : (React.createElement("img", { src: imageSource, style: props.style, draggable: props.draggable }));
+    }, [imageLoading, imageSource]);
+}
+exports.default = ImageLoader;
+//# sourceMappingURL=ImageLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageLoader.js","sourceRoot":"/","sources":["src/components/generic/loader/ImageLoader.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAAqD;AACrD,oEAA4E;AAC5E,iDAA0C;AAc1C,SAAwB,WAAW,CAAC,KAAuB;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,gBAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,iBAAS,CAAC,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,QAAE,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,eAAO,CAAC,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 './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.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function LargeLoader(): JSX.Element;

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const react_1 = require("react");
+const web_1 = require("@react-spring/web");
+const Text_1 = require("../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',
+    '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',
+];
+const local = [];
+function LargeLoader() {
+    const [interpolators, setInterpolators] = react_1.useState([]);
+    const [index, setIndex] = react_1.useState(0);
+    react_1.useEffect(() => {
+        if (local.length === 0) {
+            for (let i = 0; i < paths.length; i++) {
+                const nextIndex = paths[i + 1] || paths[0];
+                if (typeof jest === 'undefined') {
+                    // local.push(interpolate(paths[i], nextIndex, { maxSegmentLength: 0.1 }));
+                    setInterpolators(local);
+                }
+            }
+        }
+        else {
+            setInterpolators(local);
+        }
+    }, []);
+    const goNext = () => {
+        setTimeout(() => {
+            setIndex(index + 1 >= interpolators.length ? 0 : index + 1);
+        }, 300);
+    };
+    const onRestHandler = () => {
+        return goNext();
+    };
+    return (React.createElement("div", { className: "large-loader" },
+        React.createElement("div", { className: "large-loader-circle" }),
+        React.createElement("div", { className: "large-loader-circle --delay-2" }),
+        React.createElement("div", { className: "large-loader-circle --delay-4" }),
+        React.createElement("div", { className: "large-loader-circle --delay-6" }),
+        React.createElement("svg", { width: "180", viewBox: "0 0 22 22" },
+            React.createElement("g", { fill: "var(--color-accent-1)" },
+                React.createElement(web_1.Spring, { reset: true, from: { t: 0 }, to: { t: 1 }, onRest: onRestHandler }, ({ t }) => React.createElement(web_1.animated.path, { className: "c-image-blank-slate", d: interpolators.length ? t.to(interpolators[index]) : paths[0] })))),
+        React.createElement("div", { className: "u-marg-top" },
+            React.createElement(Text_1.default, null, "Loading"))));
+}
+exports.default = LargeLoader;
+//# sourceMappingURL=LargeLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LargeLoader.js","sourceRoot":"/","sources":["src/components/generic/loader/LargeLoader.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAA4C;AAC5C,2CAAqD;AACrD,kCAA2B;AAE3B,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,gBAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,gBAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,iBAAS,CAAC,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,uBAAuB;gBAC3B,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 '../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(--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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../Icon';
+export default function SmallSpinner(props: Partial<IconProps>): JSX.Element;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const Icon_1 = require("../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))));
+}
+exports.default = SmallSpinner;
+//# sourceMappingURL=SmallSpinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SmallSpinner.js","sourceRoot":"/","sources":["src/components/generic/loader/SmallSpinner.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,kCAAoD;AACpD,+CAA4C;AAE5C,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 '../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.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function HotelLocationMap(): JSX.Element;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const BEMapWidget_1 = require("../../summary/BEMapWidget");
+const hooks_1 = require("@frontend/hooks");
+function HotelLocationMap() {
+    const { hotel } = hooks_1.useCurrentHotel();
+    return React.createElement(React.Fragment, null, hotel.latitude && hotel.longitude && React.createElement(BEMapWidget_1.default, { mapLatLng: { lat: hotel.latitude, lng: hotel.longitude } }));
+}
+exports.default = HotelLocationMap;
+//# sourceMappingURL=HotelLocationMap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HotelLocationMap.js","sourceRoot":"/","sources":["src/components/generic/map/HotelLocationMap.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,2DAAoD;AACpD,2CAAkD;AAElD,SAAwB,gBAAgB;IACpC,MAAM,EAAE,KAAK,EAAE,GAAG,uBAAe,EAAE,CAAC;IAEpC,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;AAJD,mCAIC","sourcesContent":["import * as React from 'react';\nimport BEMapWidget from '../../summary/BEMapWidget';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nexport default function HotelLocationMap() {\n    const { hotel } = useCurrentHotel();\n\n    return <>{hotel.latitude && hotel.longitude && <BEMapWidget mapLatLng={{ lat: hotel.latitude, lng: hotel.longitude }} />}</>;\n}\n"]}

package/dist/src/components/generic/modal/ConfirmationModal.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface ConfirmationModalProps {
+    open: boolean;
+    onClose?: () => void;
+    onConfirm: () => void;
+    message: string;
+}
+export default function ConfirmationModal(props: ConfirmationModalProps): JSX.Element;
+export {};