@roomstay/frontend 2.6.84 → 2.6.86-0

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

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = LargeLoader;
 const web_1 = require("@react-spring/web");
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
@@ -38,4 +37,5 @@ function LargeLoader() {
         react_1.default.createElement("div", { style: { marginTop: '8px' } },
             react_1.default.createElement(Text_1.default, { color: Color_1.Color.Accent }, t(Translation_1.Translation.Misc.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":";;;;;AA+CA,8BAgBC;AA/DD,2CAAwD;AACxD,kDAA0B;AAC1B,iDAA+C;AAE/C,qEAA6C;AAC7C,4DAAyD;AACzD,wCAAqC;AAErC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACvB;IACI,uCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;QAC1F,wCACI,CAAC,EAAC,uxBAAuxB,EACzxB,MAAM,EAAC,0BAA0B,EACjC,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,GACvB;QACF,wCAAM,CAAC,EAAC,0EAA0E,EAAC,MAAM,EAAC,0BAA0B,EAAC,WAAW,EAAE,CAAC,EAAE,aAAa,EAAC,OAAO,GAAG;QAC7J,wCAAM,CAAC,EAAC,qBAAqB,EAAC,MAAM,EAAC,0BAA0B,EAAC,WAAW,EAAE,CAAC,EAAE,aAAa,EAAC,OAAO,GAAG,CACtG,CACJ,CACT,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,EAAE;IACtB,MAAM,WAAW,GAAG,IAAA,eAAS,EAAC;QAC1B,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;QACzB,IAAI,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE;QACxC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;KAC7E,CAAC,CAAC;IAEH,OAAO,CACH,8BAAC,cAAQ,CAAC,GAAG,IAAC,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,WAAW;QACtD,uCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;YAC1F,wCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oaAAoa,EACta,IAAI,EAAC,0BAA0B,EAC/B,MAAM,EAAC,0BAA0B,EACjC,WAAW,EAAE,CAAC,GAChB,CACA,CACK,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,SAAwB,WAAW;IAC/B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,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;QACjD,8BAAC,YAAY,OAAG;QAChB,8BAAC,YAAY,OAAG;QAChB,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC5B,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,MAAM,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAQ,CAC7D,CACJ,CACT,CAAC;AACN,CAAC","sourcesContent":["import { animated, useSpring } from '@react-spring/web';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Text from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nconst BuildingIcon = () => (\n    <div>\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width={96} height={96} viewBox=\"0 0 96 96\" fill=\"none\">\n            <path\n                d=\"M12 83.9999H16M84 83.9999H80M16 83.9999V33.5999C16 30.2396 16 28.5594 16.654 27.2759C17.2292 26.147 18.1471 25.2291 19.2761 24.6538C20.5595 23.9999 22.2397 23.9999 25.6 23.9999H27.2C28.8802 23.9999 29.7202 23.9999 30.362 23.6729C30.9265 23.3853 31.3854 22.9263 31.673 22.3618C32 21.7201 32 20.88 32 19.1999V17.5999C32 14.2396 32 12.5594 32.654 11.2759C33.2292 10.147 34.1471 9.22908 35.2761 8.65384C36.5595 7.99988 38.2397 7.99988 41.6 7.99988L54.4 7.99988C57.7603 7.99988 59.4405 7.99988 60.7239 8.65384C61.8529 9.22908 62.7708 10.147 63.346 11.2759C64 12.5594 64 14.2396 64 17.5999V31.9999M16 83.9999H64M64 83.9999V31.9999M64 83.9999H80M64 31.9999H75.2C76.8802 31.9999 77.7202 31.9999 78.362 32.3269C78.9265 32.6145 79.3854 33.0734 79.673 33.6379C80 34.2796 80 35.1197 80 36.7999V83.9999\"\n                stroke=\"var(--rs-color-accent-1)\"\n                strokeWidth={4}\n                strokeLinecap=\"round\"\n            />\n            <path d=\"M32.0001 40.0001H48.0001M32.0001 54.0001H48.0001M32.0001 68.0001H48.0001\" stroke=\"var(--rs-color-accent-1)\" strokeWidth={4} strokeLinecap=\"round\" />\n            <path d=\"M48 26.0399V25.9999\" stroke=\"var(--rs-color-accent-1)\" strokeWidth={4} strokeLinecap=\"round\" />\n        </svg>\n    </div>\n);\n\nconst LocationIcon = () => {\n    const springProps = useSpring({\n        loop: true,\n        config: { duration: 900 },\n        from: { transform: 'translateY(-20px)' },\n        to: [{ transform: 'translateY(0px)' }, { transform: 'translateY(-20px)' }],\n    });\n\n    return (\n        <animated.div className=\"location-icon\" style={springProps}>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width={48} height={48} viewBox=\"0 0 48 48\" fill=\"none\">\n                <path\n                    fillRule=\"evenodd\"\n                    clipRule=\"evenodd\"\n                    d=\"M40.0001 20.0001C40.0001 28.8367 28.0001 44.0001 24.0001 44.0001C20.0001 44.0001 8.00006 28.8367 8.00006 20.0001C8.00006 11.1636 15.1635 4.00012 24.0001 4.00012C32.8366 4.00012 40.0001 11.1636 40.0001 20.0001ZM24.0001 28.0001C28.4183 28.0001 32.0001 24.4184 32.0001 20.0001C32.0001 15.5818 28.4183 12.0001 24.0001 12.0001C19.5818 12.0001 16.0001 15.5818 16.0001 20.0001C16.0001 24.4184 19.5818 28.0001 24.0001 28.0001Z\"\n                    fill=\"var(--rs-color-accent-1)\"\n                    stroke=\"var(--rs-color-accent-1)\"\n                    strokeWidth={6}\n                />\n            </svg>\n        </animated.div>\n    );\n};\n\nexport default function LargeLoader() {\n    const { t } = useTranslation();\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            <LocationIcon />\n            <BuildingIcon />\n            <div style={{ marginTop: '8px' }}>\n                <Text color={Color.Accent}>{t(Translation.Misc.Loading)}</Text>\n            </div>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"LargeLoader.js","sourceRoot":"/","sources":["src/components/generic/loader/LargeLoader.tsx"],"names":[],"mappings":";;;;;AAAA,2CAAwD;AACxD,kDAA0B;AAC1B,iDAA+C;AAE/C,qEAA6C;AAC7C,4DAAyD;AACzD,wCAAqC;AAErC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACvB;IACI,uCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;QAC1F,wCACI,CAAC,EAAC,uxBAAuxB,EACzxB,MAAM,EAAC,0BAA0B,EACjC,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,GACvB;QACF,wCAAM,CAAC,EAAC,0EAA0E,EAAC,MAAM,EAAC,0BAA0B,EAAC,WAAW,EAAE,CAAC,EAAE,aAAa,EAAC,OAAO,GAAG;QAC7J,wCAAM,CAAC,EAAC,qBAAqB,EAAC,MAAM,EAAC,0BAA0B,EAAC,WAAW,EAAE,CAAC,EAAE,aAAa,EAAC,OAAO,GAAG,CACtG,CACJ,CACT,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,EAAE;IACtB,MAAM,WAAW,GAAG,IAAA,eAAS,EAAC;QAC1B,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;QACzB,IAAI,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE;QACxC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;KAC7E,CAAC,CAAC;IAEH,OAAO,CACH,8BAAC,cAAQ,CAAC,GAAG,IAAC,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,WAAW;QACtD,uCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;YAC1F,wCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oaAAoa,EACta,IAAI,EAAC,0BAA0B,EAC/B,MAAM,EAAC,0BAA0B,EACjC,WAAW,EAAE,CAAC,GAChB,CACA,CACK,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,SAAwB,WAAW;IAC/B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,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;QACjD,8BAAC,YAAY,OAAG;QAChB,8BAAC,YAAY,OAAG;QAChB,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC5B,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,MAAM,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAQ,CAC7D,CACJ,CACT,CAAC;AACN,CAAC;AAhBD,8BAgBC","sourcesContent":["import { animated, useSpring } from '@react-spring/web';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Text from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nconst BuildingIcon = () => (\n    <div>\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width={96} height={96} viewBox=\"0 0 96 96\" fill=\"none\">\n            <path\n                d=\"M12 83.9999H16M84 83.9999H80M16 83.9999V33.5999C16 30.2396 16 28.5594 16.654 27.2759C17.2292 26.147 18.1471 25.2291 19.2761 24.6538C20.5595 23.9999 22.2397 23.9999 25.6 23.9999H27.2C28.8802 23.9999 29.7202 23.9999 30.362 23.6729C30.9265 23.3853 31.3854 22.9263 31.673 22.3618C32 21.7201 32 20.88 32 19.1999V17.5999C32 14.2396 32 12.5594 32.654 11.2759C33.2292 10.147 34.1471 9.22908 35.2761 8.65384C36.5595 7.99988 38.2397 7.99988 41.6 7.99988L54.4 7.99988C57.7603 7.99988 59.4405 7.99988 60.7239 8.65384C61.8529 9.22908 62.7708 10.147 63.346 11.2759C64 12.5594 64 14.2396 64 17.5999V31.9999M16 83.9999H64M64 83.9999V31.9999M64 83.9999H80M64 31.9999H75.2C76.8802 31.9999 77.7202 31.9999 78.362 32.3269C78.9265 32.6145 79.3854 33.0734 79.673 33.6379C80 34.2796 80 35.1197 80 36.7999V83.9999\"\n                stroke=\"var(--rs-color-accent-1)\"\n                strokeWidth={4}\n                strokeLinecap=\"round\"\n            />\n            <path d=\"M32.0001 40.0001H48.0001M32.0001 54.0001H48.0001M32.0001 68.0001H48.0001\" stroke=\"var(--rs-color-accent-1)\" strokeWidth={4} strokeLinecap=\"round\" />\n            <path d=\"M48 26.0399V25.9999\" stroke=\"var(--rs-color-accent-1)\" strokeWidth={4} strokeLinecap=\"round\" />\n        </svg>\n    </div>\n);\n\nconst LocationIcon = () => {\n    const springProps = useSpring({\n        loop: true,\n        config: { duration: 900 },\n        from: { transform: 'translateY(-20px)' },\n        to: [{ transform: 'translateY(0px)' }, { transform: 'translateY(-20px)' }],\n    });\n\n    return (\n        <animated.div className=\"location-icon\" style={springProps}>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width={48} height={48} viewBox=\"0 0 48 48\" fill=\"none\">\n                <path\n                    fillRule=\"evenodd\"\n                    clipRule=\"evenodd\"\n                    d=\"M40.0001 20.0001C40.0001 28.8367 28.0001 44.0001 24.0001 44.0001C20.0001 44.0001 8.00006 28.8367 8.00006 20.0001C8.00006 11.1636 15.1635 4.00012 24.0001 4.00012C32.8366 4.00012 40.0001 11.1636 40.0001 20.0001ZM24.0001 28.0001C28.4183 28.0001 32.0001 24.4184 32.0001 20.0001C32.0001 15.5818 28.4183 12.0001 24.0001 12.0001C19.5818 12.0001 16.0001 15.5818 16.0001 20.0001C16.0001 24.4184 19.5818 28.0001 24.0001 28.0001Z\"\n                    fill=\"var(--rs-color-accent-1)\"\n                    stroke=\"var(--rs-color-accent-1)\"\n                    strokeWidth={6}\n                />\n            </svg>\n        </animated.div>\n    );\n};\n\nexport default function LargeLoader() {\n    const { t } = useTranslation();\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            <LocationIcon />\n            <BuildingIcon />\n            <div style={{ marginTop: '8px' }}>\n                <Text color={Color.Accent}>{t(Translation.Misc.Loading)}</Text>\n            </div>\n        </div>\n    );\n}\n"]}

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+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 });
-exports.default = SmallSpinner;
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importStar(require("../Icon/Icon"));
 const Color_1 = require("../../../util/Color");
@@ -44,4 +33,5 @@ function SmallSpinner(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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,+BAMC;AAXD,kDAA0B;AAE1B,uEAA2E;AAC3E,wCAAqC;AAErC,SAAwB,YAAY,CAAC,KAAyB;IAC1D,OAAO,CACH,uCAAK,SAAS,EAAC,sBAAsB;QACjC,8BAAC,cAAI,kBAAC,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO,IAAM,KAAK,EAAI,CAC9D,CACT,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\n\nimport Icon, { IconProps, IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\n\nexport default function SmallSpinner(props: Partial<IconProps>) {\n    return (\n        <div className=\"u-inline-flex a-spin\">\n            <Icon color={Color.Accent} icon={IconType.Spinner} {...props} />\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"SmallSpinner.js","sourceRoot":"/","sources":["src/components/generic/loader/SmallSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,uEAA2E;AAC3E,wCAAqC;AAErC,SAAwB,YAAY,CAAC,KAAyB;IAC1D,OAAO,CACH,uCAAK,SAAS,EAAC,sBAAsB;QACjC,8BAAC,cAAI,kBAAC,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO,IAAM,KAAK,EAAI,CAC9D,CACT,CAAC;AACN,CAAC;AAND,+BAMC","sourcesContent":["import React from 'react';\n\nimport Icon, { IconProps, IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\n\nexport default function SmallSpinner(props: Partial<IconProps>) {\n    return (\n        <div className=\"u-inline-flex a-spin\">\n            <Icon color={Color.Accent} icon={IconType.Spinner} {...props} />\n        </div>\n    );\n}\n"]}

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

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = HotelLocationMap;
 const hooks_1 = require("../../../hooks/index.js");
 const react_1 = __importDefault(require("react"));
 const BEMapWidget_1 = __importDefault(require("../../summary/BEMapWidget"));
@@ -13,4 +12,5 @@ function HotelLocationMap() {
         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 } }) : null);
 }
+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":";;;;;AAKA,mCAMC;AAXD,2CAAkD;AAClD,kDAA0B;AAE1B,mFAA2D;AAE3D,SAAwB,gBAAgB;IACpC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAI,CAAC,KAAK;QAAE,OAAO,6DAAK,CAAC;IAEzB,OAAO,8DAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,8BAAC,qBAAW,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,CAAI,CAAC;AACvI,CAAC","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport React from 'react';\n\nimport BEMapWidget from '@/components/summary/BEMapWidget';\n\nexport default function HotelLocationMap() {\n    const { hotel } = useCurrentHotel();\n\n    if (!hotel) return <></>;\n\n    return <>{hotel.latitude && hotel.longitude ? <BEMapWidget mapLatLng={{ lat: hotel.latitude, lng: hotel.longitude }} /> : null}</>;\n}\n"]}
+{"version":3,"file":"HotelLocationMap.js","sourceRoot":"/","sources":["src/components/generic/map/HotelLocationMap.tsx"],"names":[],"mappings":";;;;;AAAA,2CAAkD;AAClD,kDAA0B;AAE1B,mFAA2D;AAE3D,SAAwB,gBAAgB;IACpC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAI,CAAC,KAAK;QAAE,OAAO,6DAAK,CAAC;IAEzB,OAAO,8DAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,8BAAC,qBAAW,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,CAAI,CAAC;AACvI,CAAC;AAND,mCAMC","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport React from 'react';\n\nimport BEMapWidget from '@/components/summary/BEMapWidget';\n\nexport default function HotelLocationMap() {\n    const { hotel } = useCurrentHotel();\n\n    if (!hotel) return <></>;\n\n    return <>{hotel.latitude && hotel.longitude ? <BEMapWidget mapLatLng={{ lat: hotel.latitude, lng: hotel.longitude }} /> : null}</>;\n}\n"]}

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+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 });
-exports.default = ConfirmationModal;
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
 const BEButton_1 = __importDefault(require("../BEButton"));
@@ -63,4 +52,5 @@ function ConfirmationModal(props) {
             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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,oCAuCC;AAvDD,kDAA0B;AAC1B,iDAA+C;AAE/C,6EAAqD;AACrD,sFAAsF;AACtF,qEAA6C;AAC7C,4DAAyD;AAUzD,SAAwB,iBAAiB,CAAC,KAA6B;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAChB,KAAK,CAAC,OAAO,EAAE,CAAC;QACpB,CAAC;IACL,CAAC,CAAC;IACF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC7B,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YAClB,KAAK,CAAC,SAAS,EAAE,CAAC;QACtB,CAAC;IACL,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,CACX,uCAAK,SAAS,EAAC,QAAQ;QACnB,8BAAC,kBAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,oBAAoB,IACzC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB;QACX,8BAAC,kBAAQ,IAAC,MAAM,QAAC,OAAO,QAAC,OAAO,EAAE,mBAAmB,IAChD,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CACjB,CACT,CACT,CAAC;IAEF,OAAO,CACH,8BAAC,qBAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,QACX,aAAa,EAAE,uCAAK,SAAS,EAAC,wBAAwB,IAAE,MAAM,CAAO,EACrE,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,6BAAe,CAAC,KAAK,EAC3B,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;QAEvC,uCAAK,SAAS,EAAC,wBAAwB;YACnC,uCAAK,SAAS,EAAC,eAAe;gBAC1B,8BAAC,cAAI,QAAE,KAAK,CAAC,OAAO,CAAQ,CAC1B,CACJ,CACI,CACjB,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\n\nexport interface ConfirmationModalProps {\n    open: boolean;\n    onClose?: () => void;\n    onConfirm: () => void;\n\n    message: string;\n}\n\nexport default function ConfirmationModal(props: ConfirmationModalProps) {\n    const { t } = useTranslation();\n    const cancelOnClickHandler = () => {\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n    const onConfirmationClick = () => {\n        if (props.onConfirm) {\n            props.onConfirm();\n        }\n    };\n    const footer = (\n        <div className=\"u-flex\">\n            <BEButton isText onClick={cancelOnClickHandler}>\n                {t(Translation.Misc.Cancel)}\n            </BEButton>\n            <BEButton filled primary onClick={onConfirmationClick}>\n                {t(Translation.Misc.Yes)}\n            </BEButton>\n        </div>\n    );\n\n    return (\n        <SimpleModal\n            open={props.open}\n            alignCenter\n            desktopFooter={<div className=\"u-marg-heavy u-marg@m-\">{footer}</div>}\n            mobileFooter={footer}\n            size={SimpleModalSize.Small}\n            title={t(Translation.Step.Room.Confirm)}\n        >\n            <div className=\"u-marg-heavy u-marg@m-\">\n                <div className=\"u-marg-bottom\">\n                    <Text>{props.message}</Text>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"ConfirmationModal.js","sourceRoot":"/","sources":["src/components/generic/modal/ConfirmationModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAE/C,6EAAqD;AACrD,sFAAsF;AACtF,qEAA6C;AAC7C,4DAAyD;AAUzD,SAAwB,iBAAiB,CAAC,KAA6B;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,IAAI,KAAK,CAAC,OAAO,EAAE;YACf,KAAK,CAAC,OAAO,EAAE,CAAC;SACnB;IACL,CAAC,CAAC;IACF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC7B,IAAI,KAAK,CAAC,SAAS,EAAE;YACjB,KAAK,CAAC,SAAS,EAAE,CAAC;SACrB;IACL,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,CACX,uCAAK,SAAS,EAAC,QAAQ;QACnB,8BAAC,kBAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,oBAAoB,IACzC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB;QACX,8BAAC,kBAAQ,IAAC,MAAM,QAAC,OAAO,QAAC,OAAO,EAAE,mBAAmB,IAChD,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CACjB,CACT,CACT,CAAC;IAEF,OAAO,CACH,8BAAC,qBAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,QACX,aAAa,EAAE,uCAAK,SAAS,EAAC,wBAAwB,IAAE,MAAM,CAAO,EACrE,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,6BAAe,CAAC,KAAK,EAC3B,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;QAEvC,uCAAK,SAAS,EAAC,wBAAwB;YACnC,uCAAK,SAAS,EAAC,eAAe;gBAC1B,8BAAC,cAAI,QAAE,KAAK,CAAC,OAAO,CAAQ,CAC1B,CACJ,CACI,CACjB,CAAC;AACN,CAAC;AAvCD,oCAuCC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\n\nexport interface ConfirmationModalProps {\n    open: boolean;\n    onClose?: () => void;\n    onConfirm: () => void;\n\n    message: string;\n}\n\nexport default function ConfirmationModal(props: ConfirmationModalProps) {\n    const { t } = useTranslation();\n    const cancelOnClickHandler = () => {\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n    const onConfirmationClick = () => {\n        if (props.onConfirm) {\n            props.onConfirm();\n        }\n    };\n    const footer = (\n        <div className=\"u-flex\">\n            <BEButton isText onClick={cancelOnClickHandler}>\n                {t(Translation.Misc.Cancel)}\n            </BEButton>\n            <BEButton filled primary onClick={onConfirmationClick}>\n                {t(Translation.Misc.Yes)}\n            </BEButton>\n        </div>\n    );\n\n    return (\n        <SimpleModal\n            open={props.open}\n            alignCenter\n            desktopFooter={<div className=\"u-marg-heavy u-marg@m-\">{footer}</div>}\n            mobileFooter={footer}\n            size={SimpleModalSize.Small}\n            title={t(Translation.Step.Room.Confirm)}\n        >\n            <div className=\"u-marg-heavy u-marg@m-\">\n                <div className=\"u-marg-bottom\">\n                    <Text>{props.message}</Text>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+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 });
-exports.default = ErrorModal;
 const react_1 = __importDefault(require("react"));
 const BEButton_1 = __importDefault(require("../BEButton"));
 const Icon_1 = require("../Icon/Icon");
@@ -48,4 +37,5 @@ function ErrorModal(props) {
             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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,6BAWC;AAzBD,kDAA0B;AAE1B,6EAAqD;AACrD,yDAA0D;AAC1D,sFAAsF;AAUtF,SAAwB,UAAU,CAAC,KAAsB;;IACrD,OAAO,CACH,8BAAC,qBAAW,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,6BAAe,CAAC,KAAK,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,0BAA0B,EAAE,WAAW;QAC7I,uCAAK,SAAS,EAAC,wBAAwB;YACnC,uCAAK,SAAS,EAAC,eAAe,IAAE,KAAK,CAAC,QAAQ,CAAO;YACrD,8BAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,OAAO,QAAC,MAAM,QAAC,iBAAiB,QAAC,OAAO,EAAE,KAAK,CAAC,OAAO,IAClF,KAAK,CAAC,eAAe,IAAI,OAAO,CAC1B,CACT,CACI,CACjB,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\n\ninterface ErrorModalProps {\n    open: boolean;\n    onClose?: () => void;\n    children: React.ReactElement;\n    title?: string;\n    closeButtonText?: string;\n}\n\nexport default function ErrorModal(props: ErrorModalProps) {\n    return (\n        <SimpleModal open={props.open} onClose={props.onClose} size={SimpleModalSize.Small} title={props.title ?? 'Unexpected error occured'} alignCenter>\n            <div className=\"u-marg-heavy u-marg@m-\">\n                <div className=\"u-marg-bottom\">{props.children}</div>\n                <BEButton icon={IconType.Close} primary filled stopIconAnimation onClick={props.onClose}>\n                    {props.closeButtonText || 'Close'}\n                </BEButton>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"ErrorModal.js","sourceRoot":"/","sources":["src/components/generic/modal/ErrorModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6EAAqD;AACrD,yDAA0D;AAC1D,sFAAsF;AAUtF,SAAwB,UAAU,CAAC,KAAsB;;IACrD,OAAO,CACH,8BAAC,qBAAW,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,6BAAe,CAAC,KAAK,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,0BAA0B,EAAE,WAAW;QAC7I,uCAAK,SAAS,EAAC,wBAAwB;YACnC,uCAAK,SAAS,EAAC,eAAe,IAAE,KAAK,CAAC,QAAQ,CAAO;YACrD,8BAAC,kBAAQ,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,OAAO,QAAC,MAAM,QAAC,iBAAiB,QAAC,OAAO,EAAE,KAAK,CAAC,OAAO,IAClF,KAAK,CAAC,eAAe,IAAI,OAAO,CAC1B,CACT,CACI,CACjB,CAAC;AACN,CAAC;AAXD,6BAWC","sourcesContent":["import React from 'react';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\n\ninterface ErrorModalProps {\n    open: boolean;\n    onClose?: () => void;\n    children: React.ReactElement;\n    title?: string;\n    closeButtonText?: string;\n}\n\nexport default function ErrorModal(props: ErrorModalProps) {\n    return (\n        <SimpleModal open={props.open} onClose={props.onClose} size={SimpleModalSize.Small} title={props.title ?? 'Unexpected error occured'} alignCenter>\n            <div className=\"u-marg-heavy u-marg@m-\">\n                <div className=\"u-marg-bottom\">{props.children}</div>\n                <BEButton icon={IconType.Close} primary filled stopIconAnimation onClick={props.onClose}>\n                    {props.closeButtonText || 'Close'}\n                </BEButton>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+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 };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"AuthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/AuthenticatedUserModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, useBookingEngine } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\nimport React, { ReactElement, useContext, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { NavLink, useLocation } from 'react-router-dom';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport Text from '@/components/generic/Text';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport styles from './AuthenticatedUserModal.module.scss';\n\nexport type AuthenticatedUserModalProps = {\n    open: boolean;\n    anchorEl?: HTMLElement | null;\n    placement?: Placement;\n    fallbackPlacements?: Placement;\n    containerEl?: HTMLElement;\n    menuItems?: MenuItemType[];\n    onClose?: () => void;\n    onSignedOut?: () => void;\n    onCloseMenu?: () => void;\n};\n\nexport type MenuItemType = {\n    icon: IconType;\n    text: string;\n    link: string;\n    enabled?: boolean;\n};\n\nexport const AuthenticatedUserModal = (props: AuthenticatedUserModalProps): ReactElement | null => {\n    const { open, anchorEl, containerEl, menuItems, placement, fallbackPlacements, onSignedOut, onClose, onCloseMenu } = props;\n\n    const { hotel, isMemberPaymentInformationAvailable } = useCurrentHotel();\n    const { logout } = useContext(AuthenticationContext);\n    const { t } = useTranslation();\n    const { screenSize } = useBookingEngine();\n    const windowSize = useWindowSize();\n    const isMobile = screenSize < ScreenSize.Large;\n    const shouldBreakpoint = isMobile && (windowSize.height || 0) <= 705;\n    const location = useLocation();\n\n    const onLogoutClick = () => {\n        onClose?.();\n        onSignedOut?.();\n        logout();\n    };\n\n    const items: MenuItemType[] = useMemo(() => {\n        return (\n            menuItems ||\n            [\n                {\n                    icon: IconType.Person,\n                    text: 'Account',\n                    link: AccountRoutes.Home.path,\n                },\n                {\n                    icon: IconType.Bed,\n                    text: t(Translation.Navigation.Menu.YourReservations),\n                    link: AccountRoutes.Reservations.path,\n                },\n                {\n                    icon: IconType.Edit,\n                    text: t(Translation.Navigation.Menu.ProfileInformation),\n                    link: AccountRoutes.ProfileDetails.path,\n                },\n                {\n                    icon: IconType.CreditCard,\n                    text: t(Translation.Navigation.Menu.PaymentInformation),\n                    link: AccountRoutes.CardDetails.path,\n                    enabled: isMemberPaymentInformationAvailable,\n                },\n                {\n                    icon: IconType.Info,\n                    text: t(Translation.Navigation.Menu.NeedHelp),\n                    link: AccountRoutes.Help.path,\n                },\n            ].filter((item) => item.enabled !== false)\n        );\n    }, [hotel]);\n\n    return (\n        <Overlay\n            preventScroll={shouldBreakpoint}\n            usePortal\n            followElement={shouldBreakpoint ? null : anchorEl}\n            placement={placement || 'auto-end'}\n            fallbackPlacements={fallbackPlacements}\n            container={containerEl}\n            open={open}\n            onClose={onClose}\n            strategy=\"fixed\"\n            className={styles['logged-in-overlay']}\n            containerClassName={classNames({\n                [styles['logged-in-overlay-container--fixed']]: shouldBreakpoint,\n            })}\n        >\n            <div className={styles['list-items']}>\n                {items.map((item, index) => {\n                    return (\n                        <NavLink\n                            to={item.link}\n                            className={({ isActive }) => {\n                                const isCurrentPath = !!item?.link && location.pathname.toLowerCase().includes(item.link.toLowerCase());\n                                return classNames(styles['list-item'], {\n                                    [styles['--selected']]: isActive || isCurrentPath,\n                                });\n                            }}\n                            key={index}\n                            onClick={() => {\n                                onClose?.();\n                                onCloseMenu?.();\n                            }}\n                        >\n                            <div className={styles['list-item--icon']}>\n                                <Icon icon={item.icon} color={Color.Grey} size=\"24px\" />\n                            </div>\n                            <Text>{item.text}</Text>\n                        </NavLink>\n                    );\n                })}\n                <LineBreak />\n                <div className={styles['list-item']} onClick={onLogoutClick}>\n                    <div className={styles['list-item--icon']}>\n                        <Icon icon={IconType.LogOut} color={Color.Alert} size=\"24px\" />\n                    </div>\n                    <Text color={Color.Alert}>{t(Translation.Misc.LogOut)}</Text>\n                </div>\n            </div>\n        </Overlay>\n    );\n};\n"]}
+{"version":3,"file":"AuthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/AuthenticatedUserModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, useBookingEngine } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\nimport React, { ReactElement, useContext, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { NavLink, useLocation } from 'react-router-dom';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport Text from '@/components/generic/Text';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport styles from './AuthenticatedUserModal.module.scss';\n\nexport type AuthenticatedUserModalProps = {\n    open: boolean;\n    anchorEl?: HTMLElement | null;\n    placement?: Placement;\n    fallbackPlacements?: Placement;\n    containerEl?: HTMLElement;\n    menuItems?: MenuItemType[];\n    onClose?: () => void;\n    onSignedOut?: () => void;\n    onCloseMenu?: () => void;\n};\n\nexport type MenuItemType = {\n    icon: IconType;\n    text: string;\n    link: string;\n    enabled?: boolean;\n};\n\nexport const AuthenticatedUserModal = (props: AuthenticatedUserModalProps): ReactElement | null => {\n    const { open, anchorEl, containerEl, menuItems, placement, fallbackPlacements, onSignedOut, onClose, onCloseMenu } = props;\n\n    const { hotel, isMemberPaymentInformationAvailable } = useCurrentHotel();\n    const { logout } = useContext(AuthenticationContext);\n    const { t } = useTranslation();\n    const { screenSize } = useBookingEngine();\n    const windowSize = useWindowSize();\n    const isMobile = screenSize < ScreenSize.Large;\n    const shouldBreakpoint = isMobile && (windowSize.height || 0) <= 705;\n    const location = useLocation();\n\n    const onLogoutClick = () => {\n        onClose?.();\n        onSignedOut?.();\n        logout();\n    };\n\n    const items: MenuItemType[] = useMemo(() => {\n        return (\n            menuItems ||\n            [\n                {\n                    icon: IconType.Person,\n                    text: 'Account',\n                    link: AccountRoutes.Home.path,\n                },\n                {\n                    icon: IconType.Bed,\n                    text: t(Translation.Navigation.Menu.YourReservations),\n                    link: AccountRoutes.Reservations.path,\n                },\n                {\n                    icon: IconType.Edit,\n                    text: t(Translation.Navigation.Menu.ProfileInformation),\n                    link: AccountRoutes.ProfileDetails.path,\n                },\n                {\n                    icon: IconType.CreditCard,\n                    text: t(Translation.Navigation.Menu.PaymentInformation),\n                    link: AccountRoutes.CardDetails.path,\n                    enabled: isMemberPaymentInformationAvailable,\n                },\n                {\n                    icon: IconType.Info,\n                    text: t(Translation.Navigation.Menu.NeedHelp),\n                    link: AccountRoutes.Help.path,\n                },\n            ].filter((item) => item.enabled !== false)\n        );\n    }, [hotel]);\n\n    return (\n        <Overlay\n            preventScroll={shouldBreakpoint}\n            usePortal\n            followElement={shouldBreakpoint ? null : anchorEl}\n            placement={placement || 'auto-end'}\n            fallbackPlacements={fallbackPlacements}\n            container={containerEl}\n            open={open}\n            onClose={onClose}\n            strategy=\"fixed\"\n            className={styles['logged-in-overlay']}\n            containerClassName={classNames({\n                [styles['logged-in-overlay-container--fixed']]: shouldBreakpoint,\n            })}\n        >\n            <div className={styles['list-items']}>\n                {items.map((item, index) => {\n                    return (\n                        <NavLink\n                            to={item.link}\n                            className={({ isActive }) => {\n                                const isCurrentPath = !!item?.link && location.pathname.toLowerCase().includes(item.link.toLowerCase());\n                                return classNames(styles['list-item'], {\n                                    [styles['--selected']]: isActive || isCurrentPath,\n                                });\n                            }}\n                            key={index}\n                            onClick={() => {\n                                onClose?.();\n                                onCloseMenu?.();\n                            }}\n                        >\n                            <div className={styles['list-item--icon']}>\n                                <Icon icon={item.icon} color={Color.Grey} size=\"24px\" />\n                            </div>\n                            <Text>{item.text}</Text>\n                        </NavLink>\n                    );\n                })}\n                <LineBreak />\n                <div className={styles['list-item']} onClick={onLogoutClick}>\n                    <div className={styles['list-item--icon']}>\n                        <Icon icon={IconType.LogOut} color={Color.Alert} size=\"24px\" />\n                    </div>\n                    <Text color={Color.Alert}>{t(Translation.Misc.LogOut)}</Text>\n                </div>\n            </div>\n        </Overlay>\n    );\n};\n"]}

package/dist/src/components/generic/modal/SigninModal/FormContent/SignUpFormContent.js

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+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 };
 };

package/dist/src/components/generic/modal/SigninModal/FormContent/SignUpFormContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignUpFormContent.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/FormContent/SignUpFormContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAkC;AAClC,iDAAsD;AAEtD,6EAAqD;AACrD,+EAAuD;AACvD,kEAA2D;AAC3D,mEAAgE;AAChE,4DAAyD;AAOlD,MAAM,iBAAiB,GAA+B,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH;QACI,8BAAC,uBAAU,IAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAI;QACvD,8BAAC,mBAAS,OAAG;QAEb,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,UAC3B,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CACjD,CACL;QACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;YACtB,8BAAC,qBAAK,IAAC,OAAO,EAAE,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,8BAAC,kBAAQ,IAAC,GAAG,EAAE,CAAC,EAAE,MAAM,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,QAAC,OAAO,EAAE,aAAa,GAAI,CAAC,GAAI,CAC7I,CACR,CACN,CAAC;AACN,CAAC,CAAC;AAnBW,QAAA,iBAAiB,qBAmB5B","sourcesContent":["import React, { FC } from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { SignUpForm } from '@/components/User/Forms/SignUpForm';\nimport { Translation } from '@/translations/Translation';\n\ninterface SignUpFormContentProps {\n    onSignInClick?: () => void;\n    onDone?: () => void;\n}\n\nexport const SignUpFormContent: FC<SignUpFormContentProps> = (props) => {\n    const { onSignInClick, onDone } = props;\n    const { t } = useTranslation();\n\n    return (\n        <>\n            <SignUpForm onSignIn={onSignInClick} onDone={onDone} />\n            <LineBreak />\n\n            <div className=\"u-marg-bottom--light\">\n                <Text type={TextType.Label} bold>\n                    {t(Translation.Step.Confirmation.AlreadyHaveAccount)}\n                </Text>\n            </div>\n            <Text type={TextType.Small}>\n                <Trans i18nKey={Translation.Navigation.SignUp.SignIn} components={[<BEButton key={0} isText size=\"small\" primary onClick={onSignInClick} />]} />\n            </Text>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"SignUpFormContent.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/FormContent/SignUpFormContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAkC;AAClC,iDAAsD;AAEtD,6EAAqD;AACrD,+EAAuD;AACvD,kEAA2D;AAC3D,mEAAgE;AAChE,4DAAyD;AAOlD,MAAM,iBAAiB,GAA+B,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH;QACI,8BAAC,uBAAU,IAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAI;QACvD,8BAAC,mBAAS,OAAG;QAEb,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,UAC3B,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CACjD,CACL;QACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;YACtB,8BAAC,qBAAK,IAAC,OAAO,EAAE,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,8BAAC,kBAAQ,IAAC,GAAG,EAAE,CAAC,EAAE,MAAM,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,QAAC,OAAO,EAAE,aAAa,GAAI,CAAC,GAAI,CAC7I,CACR,CACN,CAAC;AACN,CAAC,CAAC;AAnBW,QAAA,iBAAiB,qBAmB5B","sourcesContent":["import React, { FC } from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport LineBreak from '@/components/generic/LineBreak';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { SignUpForm } from '@/components/User/Forms/SignUpForm';\nimport { Translation } from '@/translations/Translation';\n\ninterface SignUpFormContentProps {\n    onSignInClick?: () => void;\n    onDone?: () => void;\n}\n\nexport const SignUpFormContent: FC<SignUpFormContentProps> = (props) => {\n    const { onSignInClick, onDone } = props;\n    const { t } = useTranslation();\n\n    return (\n        <>\n            <SignUpForm onSignIn={onSignInClick} onDone={onDone} />\n            <LineBreak />\n\n            <div className=\"u-marg-bottom--light\">\n                <Text type={TextType.Label} bold>\n                    {t(Translation.Step.Confirmation.AlreadyHaveAccount)}\n                </Text>\n            </div>\n            <Text type={TextType.Small}>\n                <Trans i18nKey={Translation.Navigation.SignUp.SignIn} components={[<BEButton key={0} isText size=\"small\" primary onClick={onSignInClick} />]} />\n            </Text>\n        </>\n    );\n};\n"]}

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+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 };
 };
@@ -53,7 +43,7 @@ var EViewingScreen;
     EViewingScreen["SignIn"] = "SignIn";
     EViewingScreen["SignUp"] = "SignUp";
     EViewingScreen["ForgotPassword"] = "ForgotPassword";
-})(EViewingScreen || (exports.EViewingScreen = EViewingScreen = {}));
+})(EViewingScreen = exports.EViewingScreen || (exports.EViewingScreen = {}));
 const UnauthenticatedUserModal = (props) => {
     const { open, anchorEl, placement, fallbackPlacements, containerEl, onClose, onOpenOnMobile, onConfirm } = props;
     const { cognitoLoginState, reset: cognitoReset } = (0, react_1.useContext)(contexts_1.AuthenticationContext);

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

@@ -1 +1 @@
-{"version":3,"file":"UnauthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/UnauthenticatedUserModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, BookingEngineContext, CognitoLoginState } from '@frontend/contexts';\nimport { Placement } from '@popperjs/core';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport FadeAnimation from '@/animations/Fade';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport SimpleModal, { SimpleModalSize } from '../SimpleModal';\nimport { ForgotPasswordFormContent } from './FormContent/ForgotPasswordFormContent';\nimport { SignInFormContent } from './FormContent/SignInFormContent';\nimport { SignUpFormContent } from './FormContent/SignUpFormContent';\n\n// TODO: Move file to not be in a generic location\n\nexport interface UnauthenticatedUserModalProps {\n    open: boolean;\n    anchorEl?: HTMLElement | null;\n    placement?: Placement;\n    fallbackPlacements?: Placement;\n    containerEl?: HTMLElement;\n    onClose?: () => void;\n    onOpenOnMobile?: () => void;\n    onConfirm?: () => void;\n}\n\nexport enum EViewingScreen {\n    Default = 'Default',\n    SignIn = 'SignIn',\n    SignUp = 'SignUp',\n    ForgotPassword = 'ForgotPassword',\n}\n\nexport const UnauthenticatedUserModal = (props: UnauthenticatedUserModalProps) => {\n    const { open, anchorEl, placement, fallbackPlacements, containerEl, onClose, onOpenOnMobile, onConfirm } = props;\n    const { cognitoLoginState, reset: cognitoReset } = useContext(AuthenticationContext);\n\n    const [viewingScreen, setViewingScreen] = useState<EViewingScreen | null>(EViewingScreen.SignIn);\n\n    const nextViewingScreen = useRef<EViewingScreen | null>(null);\n\n    const { screenSize } = useContext(BookingEngineContext);\n    const shouldBreakpoint = screenSize <= ScreenSize.Large || !anchorEl;\n\n    const _onOpen = () => {\n        if (shouldBreakpoint) onOpenOnMobile?.();\n    };\n\n    const onDone = () => {\n        _onOpen(); // It is unclear why onOpen is being called, but it is kept to avoid introducing regressions.\n        onConfirm?.();\n    };\n\n    useEffect(() => {\n        if (!open) return;\n\n        if (cognitoLoginState === CognitoLoginState.RequiresConfirmation) {\n            setViewingScreen(EViewingScreen.SignUp);\n        } else {\n            setViewingScreen(EViewingScreen.SignIn);\n        }\n    }, [open]);\n\n    const reset = () => {\n        cognitoReset();\n        setViewingScreen(null);\n    };\n\n    const showForgotPassword = () => {\n        reset();\n        nextViewingScreen.current = EViewingScreen.ForgotPassword;\n    };\n\n    const showSignInFormContent = () => {\n        reset();\n        nextViewingScreen.current = EViewingScreen.SignIn;\n    };\n\n    const showSignUpFormContent = () => {\n        reset();\n        nextViewingScreen.current = EViewingScreen.SignUp;\n    };\n\n    const onAnimationExit = () => {\n        setViewingScreen(nextViewingScreen.current);\n    };\n\n    const innerContent = (\n        <div className=\"u-w-100 u-pad--heavy@m u-pad@m-\">\n            <AutoAutoHeight open startOpen>\n                {[\n                    [\n                        EViewingScreen.SignIn,\n                        <SignInFormContent\n                            key={EViewingScreen.SignIn}\n                            onForgotPasswordClick={showForgotPassword}\n                            onSignUpClick={showSignUpFormContent}\n                            onDone={onDone}\n                            onNotVerified={showSignUpFormContent}\n                        />,\n                    ],\n                    [EViewingScreen.SignUp, <SignUpFormContent key={EViewingScreen.SignUp} onSignInClick={showSignInFormContent} onDone={onDone} />],\n                    [\n                        EViewingScreen.ForgotPassword,\n                        <ForgotPasswordFormContent key={EViewingScreen.ForgotPassword} onCancelled={showSignInFormContent} onDone={onDone} onNotVerified={showSignUpFormContent} />,\n                    ],\n                ].map(([forScreen, content], index) => (\n                    <FadeAnimation open={viewingScreen === forScreen} onExitCompletely={onAnimationExit} key={index}>\n                        {content as React.ReactElement}\n                    </FadeAnimation>\n                ))}\n            </AutoAutoHeight>\n        </div>\n    );\n\n    if (shouldBreakpoint) {\n        return (\n            <SimpleModal open={open} onClose={onClose} size={SimpleModalSize.Small}>\n                {innerContent}\n            </SimpleModal>\n        );\n    } else {\n        return (\n            <Overlay\n                usePortal\n                followElement={shouldBreakpoint ? null : anchorEl}\n                placement={placement || 'auto-end'}\n                fallbackPlacements={fallbackPlacements}\n                container={containerEl}\n                open={open}\n                onClose={onClose}\n                strategy=\"fixed\"\n                className=\"c-login-overlay\"\n            >\n                {innerContent}\n            </Overlay>\n        );\n    }\n};\n"]}
+{"version":3,"file":"UnauthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/UnauthenticatedUserModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, BookingEngineContext, CognitoLoginState } from '@frontend/contexts';\nimport { Placement } from '@popperjs/core';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport FadeAnimation from '@/animations/Fade';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport SimpleModal, { SimpleModalSize } from '../SimpleModal';\nimport { ForgotPasswordFormContent } from './FormContent/ForgotPasswordFormContent';\nimport { SignInFormContent } from './FormContent/SignInFormContent';\nimport { SignUpFormContent } from './FormContent/SignUpFormContent';\n\n// TODO: Move file to not be in a generic location\n\nexport interface UnauthenticatedUserModalProps {\n    open: boolean;\n    anchorEl?: HTMLElement | null;\n    placement?: Placement;\n    fallbackPlacements?: Placement;\n    containerEl?: HTMLElement;\n    onClose?: () => void;\n    onOpenOnMobile?: () => void;\n    onConfirm?: () => void;\n}\n\nexport enum EViewingScreen {\n    Default = 'Default',\n    SignIn = 'SignIn',\n    SignUp = 'SignUp',\n    ForgotPassword = 'ForgotPassword',\n}\n\nexport const UnauthenticatedUserModal = (props: UnauthenticatedUserModalProps) => {\n    const { open, anchorEl, placement, fallbackPlacements, containerEl, onClose, onOpenOnMobile, onConfirm } = props;\n    const { cognitoLoginState, reset: cognitoReset } = useContext(AuthenticationContext);\n\n    const [viewingScreen, setViewingScreen] = useState<EViewingScreen | null>(EViewingScreen.SignIn);\n\n    const nextViewingScreen = useRef<EViewingScreen | null>(null);\n\n    const { screenSize } = useContext(BookingEngineContext);\n    const shouldBreakpoint = screenSize <= ScreenSize.Large || !anchorEl;\n\n    const _onOpen = () => {\n        if (shouldBreakpoint) onOpenOnMobile?.();\n    };\n\n    const onDone = () => {\n        _onOpen(); // It is unclear why onOpen is being called, but it is kept to avoid introducing regressions.\n        onConfirm?.();\n    };\n\n    useEffect(() => {\n        if (!open) return;\n\n        if (cognitoLoginState === CognitoLoginState.RequiresConfirmation) {\n            setViewingScreen(EViewingScreen.SignUp);\n        } else {\n            setViewingScreen(EViewingScreen.SignIn);\n        }\n    }, [open]);\n\n    const reset = () => {\n        cognitoReset();\n        setViewingScreen(null);\n    };\n\n    const showForgotPassword = () => {\n        reset();\n        nextViewingScreen.current = EViewingScreen.ForgotPassword;\n    };\n\n    const showSignInFormContent = () => {\n        reset();\n        nextViewingScreen.current = EViewingScreen.SignIn;\n    };\n\n    const showSignUpFormContent = () => {\n        reset();\n        nextViewingScreen.current = EViewingScreen.SignUp;\n    };\n\n    const onAnimationExit = () => {\n        setViewingScreen(nextViewingScreen.current);\n    };\n\n    const innerContent = (\n        <div className=\"u-w-100 u-pad--heavy@m u-pad@m-\">\n            <AutoAutoHeight open startOpen>\n                {[\n                    [\n                        EViewingScreen.SignIn,\n                        <SignInFormContent\n                            key={EViewingScreen.SignIn}\n                            onForgotPasswordClick={showForgotPassword}\n                            onSignUpClick={showSignUpFormContent}\n                            onDone={onDone}\n                            onNotVerified={showSignUpFormContent}\n                        />,\n                    ],\n                    [EViewingScreen.SignUp, <SignUpFormContent key={EViewingScreen.SignUp} onSignInClick={showSignInFormContent} onDone={onDone} />],\n                    [\n                        EViewingScreen.ForgotPassword,\n                        <ForgotPasswordFormContent key={EViewingScreen.ForgotPassword} onCancelled={showSignInFormContent} onDone={onDone} onNotVerified={showSignUpFormContent} />,\n                    ],\n                ].map(([forScreen, content], index) => (\n                    <FadeAnimation open={viewingScreen === forScreen} onExitCompletely={onAnimationExit} key={index}>\n                        {content as React.ReactElement}\n                    </FadeAnimation>\n                ))}\n            </AutoAutoHeight>\n        </div>\n    );\n\n    if (shouldBreakpoint) {\n        return (\n            <SimpleModal open={open} onClose={onClose} size={SimpleModalSize.Small}>\n                {innerContent}\n            </SimpleModal>\n        );\n    } else {\n        return (\n            <Overlay\n                usePortal\n                followElement={shouldBreakpoint ? null : anchorEl}\n                placement={placement || 'auto-end'}\n                fallbackPlacements={fallbackPlacements}\n                container={containerEl}\n                open={open}\n                onClose={onClose}\n                strategy=\"fixed\"\n                className=\"c-login-overlay\"\n            >\n                {innerContent}\n            </Overlay>\n        );\n    }\n};\n"]}

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

@@ -15,29 +15,18 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+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 });
 exports.SimpleModalSize = void 0;
-exports.default = SimpleModal;
 const contexts_1 = require("../../../contexts/index.js");
 const hooks_1 = require("../../../hooks/index.js");
 const classnames_1 = __importDefault(require("classnames"));
@@ -55,7 +44,7 @@ var SimpleModalSize;
     SimpleModalSize["Small"] = "--small";
     SimpleModalSize["Normal"] = "--normal";
     SimpleModalSize["Large"] = "--large";
-})(SimpleModalSize || (exports.SimpleModalSize = SimpleModalSize = {}));
+})(SimpleModalSize = exports.SimpleModalSize || (exports.SimpleModalSize = {}));
 function SimpleModal(props) {
     var _a;
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
@@ -105,4 +94,5 @@ function SimpleModal(props) {
                     props.mobileFooter && context.screenSize <= ScreenSize_1.default.Medium && (react_1.default.createElement("div", { className: SimpleModal_module_scss_1.default['roomstay-modal--footer'] }, props.mobileFooter // TODO: refactor this to be variable
                     ))))))) : (react_1.default.createElement(react_1.default.Fragment, null));
 }
+exports.default = SimpleModal;
 //# sourceMappingURL=SimpleModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SimpleModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport { useBodyClick } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport React, { CSSProperties, PropsWithChildren, useContext, useEffect, useRef, useState } from 'react';\n\nimport FadeAnimation from '@/animations/Fade';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\nimport Text from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport Icon, { IconType } from '../Icon/Icon';\nimport styles from './SimpleModal.module.scss';\n\nexport enum SimpleModalSize {\n    ExtraSmall = '--extra-small',\n    Small = '--small',\n    Normal = '--normal',\n    Large = '--large',\n}\n\nexport type SimpleModalProps = PropsWithChildren<{\n    mobileFooter?: React.ReactElement;\n    desktopFooter?: React.ReactElement;\n\n    title?: string;\n    size?: SimpleModalSize;\n\n    open?: boolean;\n    alignCenter?: boolean;\n\n    onClose?: () => void;\n\n    modalTarget?: HTMLElement | null;\n    style?: CSSProperties;\n    overflowVisible?: boolean;\n    className?: string;\n    bodyClassName?: string;\n}>;\n\nexport default function SimpleModal(props: SimpleModalProps) {\n    const context = useContext(BookingEngineContext);\n\n    const [modalId, setModalId] = useState<number | null>(null);\n    const modalBody = useRef(null);\n    const overlayRef = useRef<HTMLDivElement | null>(null);\n\n    const { onBodyClickExcept } = useBodyClick();\n\n    useEffect(() => {\n        if (!modalBody?.current) {\n            return;\n        }\n\n        const { remove } = onBodyClickExcept(\n            () => {\n                close();\n            },\n            modalBody.current,\n            overlayRef.current\n        );\n\n        return () => {\n            remove();\n        };\n    }, [props.open, modalBody, props.onClose]);\n\n    useEffect(() => {\n        setModalId(Math.random());\n    }, []);\n\n    const close = () => {\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n\n    const classes = classNames(styles['roomstay-modal'], props.bodyClassName, {\n        [styles['--centered']]: props.alignCenter,\n        [styles['--overflow-visible']]: props.overflowVisible,\n        [styles[`${props.size}` as keyof typeof styles]]: !!props.size,\n    });\n\n    return props.open ? ( // TODO: Need an actual isVisible state value instead of relying on the prop since we can't animate out.\n        <RoomstayPortal target={props.modalTarget ?? document.body}>\n            <div className={classNames(styles['roomstay-overlay'], props.className)} ref={overlayRef}>\n                <FadeAnimation open={props.open}>\n                    <div ref={modalBody} className={classes} style={props.title ? {} : { paddingTop: 0 }}>\n                        {props.title ? (\n                            <div className={styles['roomstay-modal--title']}>\n                                <Text color={Color.White}>\n                                    <strong>{props.title}</strong>\n                                </Text>\n                                <Icon icon={IconType.Close} color={Color.White} size=\"24px\" onClick={close} />\n                            </div>\n                        ) : (\n                            <div className={`room-gallery-slider__icon-lightbox${props.size === SimpleModalSize.ExtraSmall ? '' : '-map'}`}>\n                                <Icon icon={IconType.Close} size=\"24px\" onClick={close} />\n                            </div>\n                        )}\n\n                        <div className=\"simple-modal--content\">\n                            {props.children}\n\n                            {props.desktopFooter &&\n                                context.screenSize > ScreenSize.Medium && // TODO: refactor this to be variable\n                                props.desktopFooter}\n                        </div>\n\n                        {props.mobileFooter && context.screenSize <= ScreenSize.Medium && (\n                            <div className={styles['roomstay-modal--footer']}>\n                                {\n                                    props.mobileFooter // TODO: refactor this to be variable\n                                }\n                            </div>\n                        )}\n                    </div>\n                </FadeAnimation>\n            </div>\n        </RoomstayPortal>\n    ) : (\n        <></>\n    );\n}\n"]}
+{"version":3,"file":"SimpleModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SimpleModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA0D;AAC1D,2CAA+C;AAC/C,4DAAoC;AACpC,+CAAyG;AAEzG,6DAA8C;AAC9C,+DAAoE;AACpE,qEAA6C;AAC7C,wCAAqC;AACrC,mEAA2C;AAE3C,qDAA8C;AAC9C,wFAA+C;AAE/C,IAAY,eAKX;AALD,WAAY,eAAe;IACvB,+CAA4B,CAAA;IAC5B,oCAAiB,CAAA;IACjB,sCAAmB,CAAA;IACnB,oCAAiB,CAAA;AACrB,CAAC,EALW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAK1B;AAqBD,SAAwB,WAAW,CAAC,KAAuB;;IACvD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IAEjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAEvD,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAA,EAAE;YACrB,OAAO;SACV;QAED,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,CAChC,GAAG,EAAE;YACD,KAAK,EAAE,CAAC;QACZ,CAAC,EACD,SAAS,CAAC,OAAO,EACjB,UAAU,CAAC,OAAO,CACrB,CAAC;QAEF,OAAO,GAAG,EAAE;YACR,MAAM,EAAE,CAAC;QACb,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,GAAG,EAAE;QACf,IAAI,KAAK,CAAC,OAAO,EAAE;YACf,KAAK,CAAC,OAAO,EAAE,CAAC;SACnB;IACL,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,iCAAM,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE;QACtE,CAAC,iCAAM,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW;QACzC,CAAC,iCAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,CAAC,eAAe;QACrD,CAAC,iCAAM,CAAC,GAAG,KAAK,CAAC,IAAI,EAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI;KACjE,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,wGAAwG;IAC1H,8BAAC,uBAAc,IAAC,MAAM,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,QAAQ,CAAC,IAAI;QACtD,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,iCAAM,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,UAAU;YACpF,8BAAC,cAAa,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI;gBAC3B,uCAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE;oBAC/E,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACX,uCAAK,SAAS,EAAE,iCAAM,CAAC,uBAAuB,CAAC;wBAC3C,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,KAAK;4BACpB,8CAAS,KAAK,CAAC,KAAK,CAAU,CAC3B;wBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,KAAK,GAAI,CAC5E,CACT,CAAC,CAAC,CAAC,CACA,uCAAK,SAAS,EAAE,qCAAqC,KAAK,CAAC,IAAI,KAAK,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE;wBAC1G,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,KAAK,GAAI,CACxD,CACT;oBAED,uCAAK,SAAS,EAAC,uBAAuB;wBACjC,KAAK,CAAC,QAAQ;wBAEd,KAAK,CAAC,aAAa;4BAChB,OAAO,CAAC,UAAU,GAAG,oBAAU,CAAC,MAAM,IAAI,qCAAqC;4BAC/E,KAAK,CAAC,aAAa,CACrB;oBAEL,KAAK,CAAC,YAAY,IAAI,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,IAAI,CAC9D,uCAAK,SAAS,EAAE,iCAAM,CAAC,wBAAwB,CAAC,IAExC,KAAK,CAAC,YAAY,CAAC,qCAAqC;qBAE1D,CACT,CACC,CACM,CACd,CACO,CACpB,CAAC,CAAC,CAAC,CACA,6DAAK,CACR,CAAC;AACN,CAAC;AAnFD,8BAmFC","sourcesContent":["import { BookingEngineContext } from '@frontend/contexts';\nimport { useBodyClick } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport React, { CSSProperties, PropsWithChildren, useContext, useEffect, useRef, useState } from 'react';\n\nimport FadeAnimation from '@/animations/Fade';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\nimport Text from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\n\nimport Icon, { IconType } from '../Icon/Icon';\nimport styles from './SimpleModal.module.scss';\n\nexport enum SimpleModalSize {\n    ExtraSmall = '--extra-small',\n    Small = '--small',\n    Normal = '--normal',\n    Large = '--large',\n}\n\nexport type SimpleModalProps = PropsWithChildren<{\n    mobileFooter?: React.ReactElement;\n    desktopFooter?: React.ReactElement;\n\n    title?: string;\n    size?: SimpleModalSize;\n\n    open?: boolean;\n    alignCenter?: boolean;\n\n    onClose?: () => void;\n\n    modalTarget?: HTMLElement | null;\n    style?: CSSProperties;\n    overflowVisible?: boolean;\n    className?: string;\n    bodyClassName?: string;\n}>;\n\nexport default function SimpleModal(props: SimpleModalProps) {\n    const context = useContext(BookingEngineContext);\n\n    const [modalId, setModalId] = useState<number | null>(null);\n    const modalBody = useRef(null);\n    const overlayRef = useRef<HTMLDivElement | null>(null);\n\n    const { onBodyClickExcept } = useBodyClick();\n\n    useEffect(() => {\n        if (!modalBody?.current) {\n            return;\n        }\n\n        const { remove } = onBodyClickExcept(\n            () => {\n                close();\n            },\n            modalBody.current,\n            overlayRef.current\n        );\n\n        return () => {\n            remove();\n        };\n    }, [props.open, modalBody, props.onClose]);\n\n    useEffect(() => {\n        setModalId(Math.random());\n    }, []);\n\n    const close = () => {\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n\n    const classes = classNames(styles['roomstay-modal'], props.bodyClassName, {\n        [styles['--centered']]: props.alignCenter,\n        [styles['--overflow-visible']]: props.overflowVisible,\n        [styles[`${props.size}` as keyof typeof styles]]: !!props.size,\n    });\n\n    return props.open ? ( // TODO: Need an actual isVisible state value instead of relying on the prop since we can't animate out.\n        <RoomstayPortal target={props.modalTarget ?? document.body}>\n            <div className={classNames(styles['roomstay-overlay'], props.className)} ref={overlayRef}>\n                <FadeAnimation open={props.open}>\n                    <div ref={modalBody} className={classes} style={props.title ? {} : { paddingTop: 0 }}>\n                        {props.title ? (\n                            <div className={styles['roomstay-modal--title']}>\n                                <Text color={Color.White}>\n                                    <strong>{props.title}</strong>\n                                </Text>\n                                <Icon icon={IconType.Close} color={Color.White} size=\"24px\" onClick={close} />\n                            </div>\n                        ) : (\n                            <div className={`room-gallery-slider__icon-lightbox${props.size === SimpleModalSize.ExtraSmall ? '' : '-map'}`}>\n                                <Icon icon={IconType.Close} size=\"24px\" onClick={close} />\n                            </div>\n                        )}\n\n                        <div className=\"simple-modal--content\">\n                            {props.children}\n\n                            {props.desktopFooter &&\n                                context.screenSize > ScreenSize.Medium && // TODO: refactor this to be variable\n                                props.desktopFooter}\n                        </div>\n\n                        {props.mobileFooter && context.screenSize <= ScreenSize.Medium && (\n                            <div className={styles['roomstay-modal--footer']}>\n                                {\n                                    props.mobileFooter // TODO: refactor this to be variable\n                                }\n                            </div>\n                        )}\n                    </div>\n                </FadeAnimation>\n            </div>\n        </RoomstayPortal>\n    ) : (\n        <></>\n    );\n}\n"]}

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

@@ -15,28 +15,17 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+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 });
-exports.default = TabbedModal;
 const react_1 = __importStar(require("react"));
 const BEButton_1 = __importDefault(require("../BEButton"));
 const SimpleModal_1 = __importStar(require("./SimpleModal"));
@@ -65,4 +54,5 @@ function TabbedModal(props) {
                 })),
                 react_1.default.createElement("div", { className: "roomstay-tab-content" }, currentTab.content)))));
 }
+exports.default = TabbedModal;
 //# sourceMappingURL=TabbedModal.js.map