@roomstay/frontend 2.6.89-2 → 2.6.90

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationModal.js","sourceRoot":"/","sources":["src/components/generic/modal/ConfirmationModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,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"]}
+{"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"]}

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

@@ -6,5 +6,5 @@ interface ErrorModalProps {
     title?: string;
     closeButtonText?: string;
 }
-export default function ErrorModal(props: ErrorModalProps): JSX.Element;
+export default function ErrorModal(props: ErrorModalProps): React.JSX.Element;
 export {};

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

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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 __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");
@@ -37,5 +48,4 @@ 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;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"]}
+{"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"]}

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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 __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,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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 __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.d.ts

@@ -1,4 +1,5 @@
 import { Placement } from '@popperjs/core';
+import React from 'react';
 export interface UnauthenticatedUserModalProps {
     open: boolean;
     anchorEl?: HTMLElement | null;
@@ -15,4 +16,4 @@ export declare enum EViewingScreen {
     SignUp = "SignUp",
     ForgotPassword = "ForgotPassword"
 }
-export declare const UnauthenticatedUserModal: (props: UnauthenticatedUserModalProps) => JSX.Element;
+export declare const UnauthenticatedUserModal: (props: UnauthenticatedUserModalProps) => React.JSX.Element;

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -43,7 +53,7 @@ var EViewingScreen;
     EViewingScreen["SignIn"] = "SignIn";
     EViewingScreen["SignUp"] = "SignUp";
     EViewingScreen["ForgotPassword"] = "ForgotPassword";
-})(EViewingScreen = exports.EViewingScreen || (exports.EViewingScreen = {}));
+})(EViewingScreen || (exports.EViewingScreen = 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.d.ts

@@ -19,4 +19,4 @@ export type SimpleModalProps = PropsWithChildren<{
     className?: string;
     bodyClassName?: string;
 }>;
-export default function SimpleModal(props: SimpleModalProps): JSX.Element;
+export default function SimpleModal(props: SimpleModalProps): React.JSX.Element;

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

@@ -15,18 +15,29 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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 __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"));
@@ -44,7 +55,7 @@ var SimpleModalSize;
     SimpleModalSize["Small"] = "--small";
     SimpleModalSize["Normal"] = "--normal";
     SimpleModalSize["Large"] = "--large";
-})(SimpleModalSize = exports.SimpleModalSize || (exports.SimpleModalSize = {}));
+})(SimpleModalSize || (exports.SimpleModalSize = SimpleModalSize = {}));
 function SimpleModal(props) {
     var _a;
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
@@ -94,5 +105,4 @@ 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":"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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"]}

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

@@ -12,5 +12,5 @@ interface TabModalProps {
     onClose: () => void;
     openTab?: string;
 }
-export default function TabbedModal(props: TabModalProps): JSX.Element;
+export default function TabbedModal(props: TabModalProps): React.JSX.Element;
 export {};

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

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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 __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"));
@@ -54,5 +65,4 @@ function TabbedModal(props) {
                 })),
                 react_1.default.createElement("div", { className: "roomstay-tab-content" }, currentTab.content)))));
 }
-exports.default = TabbedModal;
 //# sourceMappingURL=TabbedModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabbedModal.js","sourceRoot":"/","sources":["src/components/generic/modal/TabbedModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AAEnD,6EAAqD;AAErD,6DAA6D;AAiB7D,SAAwB,WAAW,CAAC,KAAoB;;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAA,KAAK,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAC;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,OAAO,EAAE;YACT,UAAU,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;SACnC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,KAAK,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC,CAAC;IACF,OAAO,CACH,8BAAC,qBAAW,IACR,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,IAAI,EAAE,6BAAe,CAAC,KAAK,EAC3B,aAAa,EAAE,uCAAK,SAAS,EAAC,wBAAwB,IAAE,UAAU,CAAC,MAAM,CAAO,EAChF,YAAY,EAAE,UAAU,CAAC,MAAM,EAC/B,OAAO,EAAE,YAAY;QAErB,uCAAK,SAAS,EAAC,wBAAwB;YACnC,uCAAK,SAAS,EAAC,uBAAuB;gBAClC,uCAAK,SAAS,EAAC,6BAA6B,IACvC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACjC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBAChC,MAAM,cAAc,GAAG,GAAG,EAAE;wBACxB,UAAU,CAAC,GAAG,CAAC,CAAC;oBACpB,CAAC,CAAC;oBACF,OAAO,CACH,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,4BAA4B;wBACjD,8BAAC,kBAAQ,IAAC,MAAM,EAAE,UAAU,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,EAAE,OAAO,QAAC,OAAO,EAAE,cAAc,IAChF,OAAO,CAAC,KAAK,CACP,CACT,CACT,CAAC;gBACN,CAAC,CAAC,CACA;gBACN,uCAAK,SAAS,EAAC,sBAAsB,IAAE,UAAU,CAAC,OAAO,CAAO,CAC9D,CACJ,CACI,CACjB,CAAC;AACN,CAAC;AA5CD,8BA4CC","sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport BEButton from '@/components/generic/BEButton';\n\nimport SimpleModal, { SimpleModalSize } from './SimpleModal';\n\nexport interface TabbedModalTab {\n    title: string;\n    content: React.ReactElement | any;\n    footer: React.ReactElement | any;\n}\n\ninterface TabModalProps {\n    isOpen: boolean;\n\n    tabs: { [name: string]: TabbedModalTab };\n    onClose: () => void;\n\n    openTab?: string;\n}\n\nexport default function TabbedModal(props: TabModalProps) {\n    const [openTab, setOpenTab] = useState(props.openTab ?? '');\n\n    useEffect(() => {\n        if (openTab) {\n            setOpenTab(props.openTab || '');\n        }\n    }, [props.openTab]);\n\n    const currentTab = props.tabs[openTab];\n    const onModalClose = () => {\n        return props.onClose();\n    };\n    return (\n        <SimpleModal\n            title={currentTab.title}\n            open={props.isOpen}\n            size={SimpleModalSize.Small}\n            desktopFooter={<div className=\"u-marg-heavy u-marg@m-\">{currentTab.footer}</div>}\n            mobileFooter={currentTab.footer}\n            onClose={onModalClose}\n        >\n            <div className=\"u-marg-heavy u-marg@m-\">\n                <div className=\"roomstay-tabbed-modal\">\n                    <div className=\"roomstay-tabbed-modal--tabs\">\n                        {Object.keys(props.tabs).map((key) => {\n                            const thisTab = props.tabs[key];\n                            const openTabOnClick = () => {\n                                setOpenTab(key);\n                            };\n                            return (\n                                <div key={key} className=\"roomstay-tabbed-modal--tab\">\n                                    <BEButton filled={currentTab.title === thisTab.title} primary onClick={openTabOnClick}>\n                                        {thisTab.title}\n                                    </BEButton>\n                                </div>\n                            );\n                        })}\n                    </div>\n                    <div className=\"roomstay-tab-content\">{currentTab.content}</div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"TabbedModal.js","sourceRoot":"/","sources":["src/components/generic/modal/TabbedModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,8BA4CC;AAjED,+CAAmD;AAEnD,6EAAqD;AAErD,6DAA6D;AAiB7D,SAAwB,WAAW,CAAC,KAAoB;;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAA,KAAK,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAC;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,OAAO,EAAE,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QACpC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,KAAK,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC,CAAC;IACF,OAAO,CACH,8BAAC,qBAAW,IACR,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,IAAI,EAAE,6BAAe,CAAC,KAAK,EAC3B,aAAa,EAAE,uCAAK,SAAS,EAAC,wBAAwB,IAAE,UAAU,CAAC,MAAM,CAAO,EAChF,YAAY,EAAE,UAAU,CAAC,MAAM,EAC/B,OAAO,EAAE,YAAY;QAErB,uCAAK,SAAS,EAAC,wBAAwB;YACnC,uCAAK,SAAS,EAAC,uBAAuB;gBAClC,uCAAK,SAAS,EAAC,6BAA6B,IACvC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACjC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBAChC,MAAM,cAAc,GAAG,GAAG,EAAE;wBACxB,UAAU,CAAC,GAAG,CAAC,CAAC;oBACpB,CAAC,CAAC;oBACF,OAAO,CACH,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,4BAA4B;wBACjD,8BAAC,kBAAQ,IAAC,MAAM,EAAE,UAAU,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,EAAE,OAAO,QAAC,OAAO,EAAE,cAAc,IAChF,OAAO,CAAC,KAAK,CACP,CACT,CACT,CAAC;gBACN,CAAC,CAAC,CACA;gBACN,uCAAK,SAAS,EAAC,sBAAsB,IAAE,UAAU,CAAC,OAAO,CAAO,CAC9D,CACJ,CACI,CACjB,CAAC;AACN,CAAC","sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport BEButton from '@/components/generic/BEButton';\n\nimport SimpleModal, { SimpleModalSize } from './SimpleModal';\n\nexport interface TabbedModalTab {\n    title: string;\n    content: React.ReactElement | any;\n    footer: React.ReactElement | any;\n}\n\ninterface TabModalProps {\n    isOpen: boolean;\n\n    tabs: { [name: string]: TabbedModalTab };\n    onClose: () => void;\n\n    openTab?: string;\n}\n\nexport default function TabbedModal(props: TabModalProps) {\n    const [openTab, setOpenTab] = useState(props.openTab ?? '');\n\n    useEffect(() => {\n        if (openTab) {\n            setOpenTab(props.openTab || '');\n        }\n    }, [props.openTab]);\n\n    const currentTab = props.tabs[openTab];\n    const onModalClose = () => {\n        return props.onClose();\n    };\n    return (\n        <SimpleModal\n            title={currentTab.title}\n            open={props.isOpen}\n            size={SimpleModalSize.Small}\n            desktopFooter={<div className=\"u-marg-heavy u-marg@m-\">{currentTab.footer}</div>}\n            mobileFooter={currentTab.footer}\n            onClose={onModalClose}\n        >\n            <div className=\"u-marg-heavy u-marg@m-\">\n                <div className=\"roomstay-tabbed-modal\">\n                    <div className=\"roomstay-tabbed-modal--tabs\">\n                        {Object.keys(props.tabs).map((key) => {\n                            const thisTab = props.tabs[key];\n                            const openTabOnClick = () => {\n                                setOpenTab(key);\n                            };\n                            return (\n                                <div key={key} className=\"roomstay-tabbed-modal--tab\">\n                                    <BEButton filled={currentTab.title === thisTab.title} primary onClick={openTabOnClick}>\n                                        {thisTab.title}\n                                    </BEButton>\n                                </div>\n                            );\n                        })}\n                    </div>\n                    <div className=\"roomstay-tab-content\">{currentTab.content}</div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/components/generic/radio/RadioFields.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface RadioFieldOption {
     label: string;
     value: string;
@@ -9,5 +10,5 @@ interface RadioFieldsProps {
     options: RadioFieldOption[];
     onChange: (selectedOption: RadioFieldOption) => void;
 }
-export default function RadioFields(props: RadioFieldsProps): JSX.Element;
+export default function RadioFields(props: RadioFieldsProps): React.JSX.Element;
 export {};

package/dist/src/components/generic/radio/RadioFields.js

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = RadioFields;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importStar(require("../Icon/Icon"));
@@ -56,5 +67,4 @@ function RadioFields(props) {
                 react_1.default.createElement(Text_1.default, { inline: true, type: Text_1.TextType.Small }, option.label)));
         })));
 }
-exports.default = RadioFields;
 //# sourceMappingURL=RadioFields.js.map

package/dist/src/components/generic/radio/RadioFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioFields.js","sourceRoot":"/","sources":["src/components/generic/radio/RadioFields.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,kDAA0B;AAE1B,uEAAgE;AAChE,kEAA2D;AAE3D,wFAA+C;AAE/C,MAAM,EAAE,GAAG,oBAAU,CAAC,IAAI,CAAC,iCAAa,CAAC,CAAC;AAkB1C,SAAwB,WAAW,CAAC,KAAuB;IACvD,MAAM,OAAO,GAAG,EAAE,CAAC;QACf,aAAa,EAAE,IAAI;KACtB,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,EAAE,CAAC;QAClB,YAAY,EAAE,IAAI;QAClB,sBAAsB,EAAE,IAAI;KAC/B,CAAC,CAAC;IAEH,OAAO,CACH,uCAAK,SAAS,EAAE,OAAO;QAClB,KAAK,CAAC,KAAK,IAAI,CACZ,uCAAK,SAAS,EAAC,0BAA0B;YACrC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,UAC3B,KAAK,CAAC,KAAK,CACT,CACL,CACT;QACA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACjC,MAAM,gBAAgB,GAAG,GAAG,EAAE;gBAC1B,IAAI,KAAK,CAAC,QAAQ,EAAE;oBAChB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;iBAC1B;YACL,CAAC,CAAC;YAEF,OAAO,CACH,yCAAO,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK;gBACpC,yCAAO,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,gBAAgB,GAAI;gBACzF,wCAAM,SAAS,EAAC,YAAY;oBACxB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,GAAI,CAC3B;gBACP,8BAAC,cAAI,IAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAC5B,MAAM,CAAC,KAAK,CACV,CACH,CACX,CAAC;QACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC;AAxCD,8BAwCC","sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\n\nimport styles from './RadioFields.module.scss';\n\nconst cx = classNames.bind(styles as any);\n\ninterface RadioFieldOption {\n    label: string;\n    value: string;\n    selected?: boolean;\n}\n\ninterface RadioFieldsProps {\n    label: string;\n\n    name: string;\n\n    options: RadioFieldOption[];\n\n    onChange: (selectedOption: RadioFieldOption) => void;\n}\n\nexport default function RadioFields(props: RadioFieldsProps) {\n    const classes = cx({\n        'radio-group': true,\n    });\n\n    const rowClasses = cx({\n        'radio-item': true,\n        'u-marg-bottom--light': true,\n    });\n\n    return (\n        <div className={classes}>\n            {props.label && (\n                <div className=\"u-marg-bottom u-marg-top\">\n                    <Text type={TextType.Small} bold>\n                        {props.label}\n                    </Text>\n                </div>\n            )}\n            {props.options.map((option, index) => {\n                const onChangeCallback = () => {\n                    if (props.onChange) {\n                        props.onChange(option);\n                    }\n                };\n\n                return (\n                    <label className={rowClasses} key={index}>\n                        <input name={props.name} type=\"radio\" value={option.value} onChange={onChangeCallback} />\n                        <span className=\"fake-radio\">\n                            <Icon icon={IconType.Check} />\n                        </span>\n                        <Text inline type={TextType.Small}>\n                            {option.label}\n                        </Text>\n                    </label>\n                );\n            })}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"RadioFields.js","sourceRoot":"/","sources":["src/components/generic/radio/RadioFields.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,8BAwCC;AAlED,4DAAoC;AACpC,kDAA0B;AAE1B,uEAAgE;AAChE,kEAA2D;AAE3D,wFAA+C;AAE/C,MAAM,EAAE,GAAG,oBAAU,CAAC,IAAI,CAAC,iCAAa,CAAC,CAAC;AAkB1C,SAAwB,WAAW,CAAC,KAAuB;IACvD,MAAM,OAAO,GAAG,EAAE,CAAC;QACf,aAAa,EAAE,IAAI;KACtB,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,EAAE,CAAC;QAClB,YAAY,EAAE,IAAI;QAClB,sBAAsB,EAAE,IAAI;KAC/B,CAAC,CAAC;IAEH,OAAO,CACH,uCAAK,SAAS,EAAE,OAAO;QAClB,KAAK,CAAC,KAAK,IAAI,CACZ,uCAAK,SAAS,EAAC,0BAA0B;YACrC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,UAC3B,KAAK,CAAC,KAAK,CACT,CACL,CACT;QACA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACjC,MAAM,gBAAgB,GAAG,GAAG,EAAE;gBAC1B,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;oBACjB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;gBAC3B,CAAC;YACL,CAAC,CAAC;YAEF,OAAO,CACH,yCAAO,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK;gBACpC,yCAAO,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,gBAAgB,GAAI;gBACzF,wCAAM,SAAS,EAAC,YAAY;oBACxB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,GAAI,CAC3B;gBACP,8BAAC,cAAI,IAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAC5B,MAAM,CAAC,KAAK,CACV,CACH,CACX,CAAC;QACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC","sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\n\nimport styles from './RadioFields.module.scss';\n\nconst cx = classNames.bind(styles as any);\n\ninterface RadioFieldOption {\n    label: string;\n    value: string;\n    selected?: boolean;\n}\n\ninterface RadioFieldsProps {\n    label: string;\n\n    name: string;\n\n    options: RadioFieldOption[];\n\n    onChange: (selectedOption: RadioFieldOption) => void;\n}\n\nexport default function RadioFields(props: RadioFieldsProps) {\n    const classes = cx({\n        'radio-group': true,\n    });\n\n    const rowClasses = cx({\n        'radio-item': true,\n        'u-marg-bottom--light': true,\n    });\n\n    return (\n        <div className={classes}>\n            {props.label && (\n                <div className=\"u-marg-bottom u-marg-top\">\n                    <Text type={TextType.Small} bold>\n                        {props.label}\n                    </Text>\n                </div>\n            )}\n            {props.options.map((option, index) => {\n                const onChangeCallback = () => {\n                    if (props.onChange) {\n                        props.onChange(option);\n                    }\n                };\n\n                return (\n                    <label className={rowClasses} key={index}>\n                        <input name={props.name} type=\"radio\" value={option.value} onChange={onChangeCallback} />\n                        <span className=\"fake-radio\">\n                            <Icon icon={IconType.Check} />\n                        </span>\n                        <Text inline type={TextType.Small}>\n                            {option.label}\n                        </Text>\n                    </label>\n                );\n            })}\n        </div>\n    );\n}\n"]}

package/dist/src/components/graphics/TravelerNotfound.d.ts

@@ -1 +1,2 @@
-export default function TravelerNotfound(): JSX.Element;
+import React from 'react';
+export default function TravelerNotfound(): React.JSX.Element;

package/dist/src/components/graphics/TravelerNotfound.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TravelerNotfound;
 const react_1 = __importDefault(require("react"));
 function TravelerNotfound() {
     return (react_1.default.createElement("svg", { className: "c-image-blank-traveler", width: "310", height: "225", viewBox: "0 0 410 325", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -38,5 +39,4 @@ function TravelerNotfound() {
             react_1.default.createElement("clipPath", { id: "clip1" },
                 react_1.default.createElement("rect", { width: "410", height: "325", fill: "white" })))));
 }
-exports.default = TravelerNotfound;
 //# sourceMappingURL=TravelerNotfound.js.map