@roomstay/frontend 2.1.5 → 2.1.7

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

@@ -1,33 +1,10 @@
 "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 = __importStar(require("react"));
-const react_1 = require("react");
+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"));
@@ -36,10 +13,10 @@ function randomIntFromInterval(min, max) {
     return Math.floor(Math.random() * (max - min + 1) + min);
 }
 const WeekViewSkeleton = () => {
-    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 [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 isMobile = context.screenSize <= ScreenSize_1.default.Large;
     const isDesktop = context.screenSize <= ScreenSize_1.default.ExtraLarge;
     const updateValues = () => {
@@ -50,45 +27,45 @@ const WeekViewSkeleton = () => {
             setWidth(width);
         }
     };
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         updateValues();
     }, [ref]);
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         window.addEventListener('resize', updateValues);
         return () => {
             window.removeEventListener('resize', updateValues);
         };
     }, []);
-    return (React.createElement("div", { className: (0, classnames_1.default)({ 'u-pad-left-right': isMobile }), style: {
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)({ 'u-pad-left-right': isMobile }), style: {
             maxWidth: isMobile ? 350 : isDesktop ? 392 : undefined,
             width: '100%',
         } },
-        React.createElement("div", { style: {
+        react_1.default.createElement("div", { style: {
                 overflow: 'hidden',
             } },
-            React.createElement("div", { className: "u-marg-top u-flex u-flex-justify-center" },
-                React.createElement(Placeholder_1.default, { noMarg: true, type: "text", w: 75, h: 24, rounded: "md" })),
-            React.createElement("div", { style: {
+            react_1.default.createElement("div", { className: "u-marg-top u-flex u-flex-justify-center" },
+                react_1.default.createElement(Placeholder_1.default, { noMarg: true, type: "text", w: 75, h: 24, rounded: "md" })),
+            react_1.default.createElement("div", { style: {
                     height: 370,
                 } },
-                React.createElement("div", { className: "u-marg-top--medium" },
-                    React.createElement(Placeholder_1.default, { noMarg: true, type: "text", w: 75, h: 24, rounded: "md" })),
-                React.createElement("div", { className: "u-marg-top--light" },
-                    React.createElement(Placeholder_1.default, { noMarg: true, type: "text", w: width, h: 48, rounded: "md" })),
-                React.createElement("div", { className: "u-flex u-marg-top--medium", style: {
+                react_1.default.createElement("div", { className: "u-marg-top--medium" },
+                    react_1.default.createElement(Placeholder_1.default, { noMarg: true, type: "text", w: 75, h: 24, rounded: "md" })),
+                react_1.default.createElement("div", { className: "u-marg-top--light" },
+                    react_1.default.createElement(Placeholder_1.default, { noMarg: true, type: "text", w: width, h: 48, rounded: "md" })),
+                react_1.default.createElement("div", { className: "u-flex u-marg-top--medium", style: {
                         gap: 14,
                     }, ref: setRef }, numbers &&
                     Array(numbers)
                         .fill(undefined)
-                        .map((_, index) => (React.createElement("div", { key: index, className: "u-flex u-flex-justify-between u-flex-direction-column", style: {
+                        .map((_, index) => (react_1.default.createElement("div", { key: index, className: "u-flex u-flex-justify-between u-flex-direction-column", style: {
                             flexShrink: 0,
                         } },
-                        React.createElement("div", { style: {
+                        react_1.default.createElement("div", { style: {
                                 flexGrow: 1,
                             }, className: "u-flex u-flex-flex-end u-flex-direction-column" },
-                            React.createElement(Placeholder_1.default, { noMarg: true, key: index, blink: true, type: "text", w: 48, h: index === 0 ? 210 : randomIntFromInterval(10, 21) * 10, rounded: "md" })),
-                        React.createElement("div", { className: "u-marg-top--light" },
-                            React.createElement(Placeholder_1.default, { noMarg: true, key: index, type: "text", w: 48, h: 16 }))))))))));
+                            react_1.default.createElement(Placeholder_1.default, { noMarg: true, key: index, blink: true, type: "text", w: 48, h: index === 0 ? 210 : randomIntFromInterval(10, 21) * 10, rounded: "md" })),
+                        react_1.default.createElement("div", { className: "u-marg-top--light" },
+                            react_1.default.createElement(Placeholder_1.default, { noMarg: true, key: index, type: "text", w: 48, h: 16 }))))))))));
 };
 exports.default = WeekViewSkeleton;
 //# sourceMappingURL=WeekViewSkeleton.js.map

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

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

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

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

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

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

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

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

@@ -1,33 +1,10 @@
 "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 = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const web_1 = require("@react-spring/web");
 const Text_1 = __importDefault(require("../Text"));
 const paths = [
@@ -37,9 +14,9 @@ const paths = [
 ];
 const local = [];
 function LargeLoader() {
-    const [interpolators, setInterpolators] = (0, react_1.useState)([]);
-    const [index, setIndex] = (0, react_1.useState)(0);
-    (0, react_1.useEffect)(() => {
+    const [interpolators, setInterpolators] = (0, react_2.useState)([]);
+    const [index, setIndex] = (0, react_2.useState)(0);
+    (0, react_2.useEffect)(() => {
         if (local.length === 0) {
             for (let i = 0; i < paths.length; i++) {
                 const nextIndex = paths[i + 1] || paths[0];
@@ -61,16 +38,16 @@ function LargeLoader() {
     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(--rs-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"))));
+    return (react_1.default.createElement("div", { className: "large-loader" },
+        react_1.default.createElement("div", { className: "large-loader-circle" }),
+        react_1.default.createElement("div", { className: "large-loader-circle --delay-2" }),
+        react_1.default.createElement("div", { className: "large-loader-circle --delay-4" }),
+        react_1.default.createElement("div", { className: "large-loader-circle --delay-6" }),
+        react_1.default.createElement("svg", { width: "180", viewBox: "0 0 22 22" },
+            react_1.default.createElement("g", { fill: "var(--rs-color-accent-1)" },
+                react_1.default.createElement(web_1.Spring, { reset: true, from: { t: 0 }, to: { t: 1 }, onRest: onRestHandler }, ({ t }) => react_1.default.createElement(web_1.animated.path, { className: "c-image-blank-slate", d: interpolators.length ? t.to(interpolators[index]) : paths[0] })))),
+        react_1.default.createElement("div", { className: "u-marg-top" },
+            react_1.default.createElement(Text_1.default, null, "Loading"))));
 }
 exports.default = LargeLoader;
 //# sourceMappingURL=LargeLoader.js.map

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

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

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

@@ -22,13 +22,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Icon_1 = __importStar(require("../Icon/Icon"));
 const Color_1 = require("../../../util/Color");
 function SmallSpinner(props) {
-    return (React.createElement("div", { className: "u-inline-flex a-spin" },
-        React.createElement(Icon_1.default, Object.assign({ color: Color_1.Color.Accent, icon: Icon_1.IconType.Spinner }, props))));
+    return (react_1.default.createElement("div", { className: "u-inline-flex a-spin" },
+        react_1.default.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

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

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

@@ -1,39 +1,16 @@
 "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 = __importStar(require("react"));
+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)
-        return React.createElement(React.Fragment, null);
-    return React.createElement(React.Fragment, null, hotel.latitude && hotel.longitude && React.createElement(BEMapWidget_1.default, { mapLatLng: { lat: hotel.latitude, lng: hotel.longitude } }));
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    return react_1.default.createElement(react_1.default.Fragment, null, hotel.latitude && hotel.longitude && react_1.default.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

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

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

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const SimpleModal_1 = __importStar(require("./SimpleModal"));
 const BEButton_1 = __importDefault(require("../BEButton"));
 const Text_1 = __importDefault(require("../Text"));
@@ -41,13 +41,13 @@ function ConfirmationModal(props) {
             props.onConfirm();
         }
     };
-    const footer = (React.createElement("div", { className: "u-flex" },
-        React.createElement(BEButton_1.default, { isText: true, onClick: cancelOnClickHandler }, "Cancel"),
-        React.createElement(BEButton_1.default, { filled: true, primary: true, onClick: onConfirmationClick }, "Yes")));
-    return (React.createElement(SimpleModal_1.default, { open: props.open, alignCenter: true, desktopFooter: React.createElement("div", { className: "u-marg-heavy u-marg@m-" }, footer), mobileFooter: footer, size: SimpleModal_1.SimpleModalSize.Small, title: "Confirm" },
-        React.createElement("div", { className: "u-marg-heavy u-marg@m-" },
-            React.createElement("div", { className: "u-marg-bottom" },
-                React.createElement(Text_1.default, null, props.message)))));
+    const footer = (react_1.default.createElement("div", { className: "u-flex" },
+        react_1.default.createElement(BEButton_1.default, { isText: true, onClick: cancelOnClickHandler }, "Cancel"),
+        react_1.default.createElement(BEButton_1.default, { filled: true, primary: true, onClick: onConfirmationClick }, "Yes")));
+    return (react_1.default.createElement(SimpleModal_1.default, { open: props.open, alignCenter: true, desktopFooter: react_1.default.createElement("div", { className: "u-marg-heavy u-marg@m-" }, footer), mobileFooter: footer, size: SimpleModal_1.SimpleModalSize.Small, title: "Confirm" },
+        react_1.default.createElement("div", { className: "u-marg-heavy u-marg@m-" },
+            react_1.default.createElement("div", { className: "u-marg-bottom" },
+                react_1.default.createElement(Text_1.default, null, props.message)))));
 }
 exports.default = ConfirmationModal;
 //# sourceMappingURL=ConfirmationModal.js.map

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

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import React from 'react';
 interface ErrorModalProps {
     open: boolean;
-    onClose: () => void;
+    onClose?: () => void;
     children: React.ReactElement;
     title?: string;
     closeButtonText?: string;

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

@@ -26,16 +26,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const SimpleModal_1 = __importStar(require("./SimpleModal"));
 const BEButton_1 = __importDefault(require("../BEButton"));
 const Icon_1 = require("../Icon/Icon");
 function ErrorModal(props) {
     var _a;
-    return (React.createElement(SimpleModal_1.default, { open: props.open, onClose: props.onClose, size: SimpleModal_1.SimpleModalSize.Small, title: (_a = props.title) !== null && _a !== void 0 ? _a : 'Unexpected error occured', alignCenter: true },
-        React.createElement("div", { className: "u-marg-heavy u-marg@m-" },
-            React.createElement("div", { className: "u-marg-bottom" }, props.children),
-            React.createElement(BEButton_1.default, { icon: Icon_1.IconType.Close, primary: true, filled: true, stopIconAnimation: true, onClick: props.onClose }, props.closeButtonText || 'Close'))));
+    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 },
+        react_1.default.createElement("div", { className: "u-marg-heavy u-marg@m-" },
+            react_1.default.createElement("div", { className: "u-marg-bottom" }, props.children),
+            react_1.default.createElement(BEButton_1.default, { icon: Icon_1.IconType.Close, primary: true, filled: true, stopIconAnimation: true, onClick: props.onClose }, props.closeButtonText || 'Close'))));
 }
 exports.default = ErrorModal;
 //# sourceMappingURL=ErrorModal.js.map

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

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

package/dist/src/components/generic/modal/SigninModal/AuthenticatedUserModal.d.ts

@@ -1,8 +1,9 @@
+import { ReactElement } from 'react';
 type AuthenticatedUserModalProps = {
     open: boolean;
-    anchorEl?: HTMLElement;
+    anchorEl?: HTMLElement | null;
     containerEl?: HTMLElement;
     onClose?: () => void;
 };
-export declare const AuthenticatedUserModal: (props: AuthenticatedUserModalProps) => JSX.Element;
+export declare const AuthenticatedUserModal: (props: AuthenticatedUserModalProps) => ReactElement | null;
 export {};

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

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AuthenticatedUserModal = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const Overlay_1 = require("../../Overlay/Overlay");
 const contexts_1 = require("../../../../contexts/index.js");
 const ScreenSize_1 = __importDefault(require("../../../../util/ScreenSize"));
@@ -41,8 +41,8 @@ const AuthenticatedUserModal_module_scss_1 = __importDefault(require("./Authenti
 const AccountRoutes_1 = require("../../../../pages/account/AccountRoutes");
 const AuthenticatedUserModal = (props) => {
     const { open, anchorEl, containerEl } = props;
-    const { logout } = (0, react_1.useContext)(contexts_1.AuthenticationContext);
-    const { screenSize } = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const { logout } = (0, react_2.useContext)(contexts_1.AuthenticationContext);
+    const { screenSize } = (0, react_2.useContext)(contexts_1.BookingEngineContext);
     const shouldBreakpoint = screenSize <= ScreenSize_1.default.Large;
     const onClose = () => {
         var _a;
@@ -79,21 +79,21 @@ const AuthenticatedUserModal = (props) => {
             link: AccountRoutes_1.AccountRoutes.Help.path,
         },
     ];
-    return (open && (React.createElement(Overlay_1.Overlay, { usePortal: true, followElement: shouldBreakpoint ? null : anchorEl, placement: "auto-end", container: containerEl, open: open, onClose: onClose, strategy: "fixed", className: AuthenticatedUserModal_module_scss_1.default['logged-in-overlay'] },
-        React.createElement("div", { className: AuthenticatedUserModal_module_scss_1.default['list-items'] },
+    return open ? (react_1.default.createElement(Overlay_1.Overlay, { usePortal: true, followElement: shouldBreakpoint ? null : anchorEl, placement: "auto-end", container: containerEl, open: open, onClose: onClose, strategy: "fixed", className: AuthenticatedUserModal_module_scss_1.default['logged-in-overlay'] },
+        react_1.default.createElement("div", { className: AuthenticatedUserModal_module_scss_1.default['list-items'] },
             items.map((item, index) => {
-                return (React.createElement(react_router_dom_1.NavLink, { isActive: (item, location) => {
-                        return item && item.url && location.pathname.toLowerCase().includes(item.url.toLowerCase());
+                return (react_1.default.createElement(react_router_dom_1.NavLink, { isActive: (item, location) => {
+                        return !!(item === null || item === void 0 ? void 0 : item.url) && location.pathname.toLowerCase().includes(item.url.toLowerCase());
                     }, activeClassName: AuthenticatedUserModal_module_scss_1.default['--selected'], to: item.link, className: AuthenticatedUserModal_module_scss_1.default['list-item'], key: index, onClick: onClose },
-                    React.createElement("div", { className: AuthenticatedUserModal_module_scss_1.default['list-item--icon'] },
-                        React.createElement(Icon_1.default, { icon: item.icon, color: Color_1.Color.Grey, size: '24px' })),
-                    React.createElement(Text_1.default, null, item.text)));
+                    react_1.default.createElement("div", { className: AuthenticatedUserModal_module_scss_1.default['list-item--icon'] },
+                        react_1.default.createElement(Icon_1.default, { icon: item.icon, color: Color_1.Color.Grey, size: "24px" })),
+                    react_1.default.createElement(Text_1.default, null, item.text)));
             }),
-            React.createElement(LineBreak_1.default, null),
-            React.createElement("div", { className: AuthenticatedUserModal_module_scss_1.default['list-item'], onClick: onLogoutClick },
-                React.createElement("div", { className: AuthenticatedUserModal_module_scss_1.default['list-item--icon'] },
-                    React.createElement(Icon_1.default, { icon: Icon_1.IconType.LogOut, color: Color_1.Color.Alert, size: '24px' })),
-                React.createElement(Text_1.default, { color: Color_1.Color.Alert }, "Log Out"))))));
+            react_1.default.createElement(LineBreak_1.default, null),
+            react_1.default.createElement("div", { className: AuthenticatedUserModal_module_scss_1.default['list-item'], onClick: onLogoutClick },
+                react_1.default.createElement("div", { className: AuthenticatedUserModal_module_scss_1.default['list-item--icon'] },
+                    react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.LogOut, color: Color_1.Color.Alert, size: "24px" })),
+                react_1.default.createElement(Text_1.default, { color: Color_1.Color.Alert }, "Log Out"))))) : null;
 };
 exports.AuthenticatedUserModal = AuthenticatedUserModal;
 //# sourceMappingURL=AuthenticatedUserModal.js.map