@roomstay/frontend 2.6.61 → 2.6.63

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

@@ -1 +1 @@
-{"version":3,"file":"ForgotPasswordFormContent.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/FormContent/ForgotPasswordFormContent.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAElC,mFAAgF;AAOzE,MAAM,yBAAyB,GAAuC,CAAC,KAAK,EAAE,EAAE;IACnF,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEtC,OAAO,8BAAC,uCAAkB,IAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC5E,CAAC,CAAC;AAJW,QAAA,yBAAyB,6BAIpC","sourcesContent":["import React, { FC } from 'react';\n\nimport { ForgotPasswordForm } from '@/components/User/Forms/ForgotPasswordForm';\n\ninterface ForgotPasswordFormContentProps {\n    onCancelled?: () => void;\n    onDone?: () => void;\n}\n\nexport const ForgotPasswordFormContent: FC<ForgotPasswordFormContentProps> = (props) => {\n    const { onCancelled, onDone } = props;\n\n    return <ForgotPasswordForm onCancelled={onCancelled} onDone={onDone} />;\n};\n"]}
+{"version":3,"file":"ForgotPasswordFormContent.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/FormContent/ForgotPasswordFormContent.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAElC,mFAAgF;AAQzE,MAAM,yBAAyB,GAAuC,CAAC,KAAK,EAAE,EAAE;IACnF,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAErD,OAAO,8BAAC,uCAAkB,IAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,CAAC;AAC1G,CAAC,CAAC;AAJW,QAAA,yBAAyB,6BAIpC","sourcesContent":["import React, { FC } from 'react';\n\nimport { ForgotPasswordForm } from '@/components/User/Forms/ForgotPasswordForm';\n\ninterface ForgotPasswordFormContentProps {\n    onCancelled?: () => void;\n    onDone?: () => void;\n    onNotVerified?: () => void;\n}\n\nexport const ForgotPasswordFormContent: FC<ForgotPasswordFormContentProps> = (props) => {\n    const { onCancelled, onDone, onNotVerified } = props;\n\n    return <ForgotPasswordForm onCancelled={onCancelled} onDone={onDone} onNotVerified={onNotVerified} />;\n};\n"]}

package/dist/src/components/generic/modal/SigninModal/FormContent/SignInFormContent.d.ts

@@ -2,6 +2,7 @@ import { FC } from 'react';
 interface SignInFormContentProps {
     onForgotPasswordClick?: () => void;
     onSignUpClick?: () => void;
+    onNotVerified?: () => void;
     onDone?: () => void;
 }
 export declare const SignInFormContent: FC<SignInFormContentProps>;

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

@@ -12,10 +12,10 @@ const SignInForm_1 = require("../../../../User/Forms/SignInForm");
 const Translation_1 = require("../../../../../translations/Translation");
 const Color_1 = require("../../../../../util/Color");
 const SignInFormContent = (props) => {
-    const { onForgotPasswordClick, onSignUpClick, onDone } = props;
+    const { onForgotPasswordClick, onSignUpClick, onDone, onNotVerified } = props;
     const { t } = (0, react_i18next_1.useTranslation)();
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(SignInForm_1.SignInForm, { onForgotPassword: onForgotPasswordClick, onDone: onDone }),
+        react_1.default.createElement(SignInForm_1.SignInForm, { onForgotPassword: onForgotPasswordClick, onDone: onDone, onNotVerified: onNotVerified }),
         react_1.default.createElement(LineBreak_1.default, null),
         react_1.default.createElement("div", { className: "u-marg-bottom--light" },
             react_1.default.createElement(BEButton_1.default, { isText: true, wide: true, size: "small", textColor: Color_1.Color.Navy, onClick: onSignUpClick }, t(Translation_1.Translation.Navigation.SignIn.DontHaveAnAccount))),

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

@@ -1 +1 @@
-{"version":3,"file":"SignInFormContent.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/FormContent/SignInFormContent.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAClC,iDAA+C;AAE/C,6EAAqD;AACrD,+EAAuD;AACvD,mEAAgE;AAChE,4DAAyD;AACzD,wCAAqC;AAQ9B,MAAM,iBAAiB,GAA+B,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH;QACI,8BAAC,uBAAU,IAAC,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,GAAI;QACvE,8BAAC,mBAAS,OAAG;QACb,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,kBAAQ,IAAC,MAAM,QAAC,IAAI,QAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,aAAK,CAAC,IAAI,EAAE,OAAO,EAAE,aAAa,IAC3E,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAC5C,CACT;QACN,8BAAC,kBAAQ,IAAC,OAAO,EAAE,aAAa,EAAE,IAAI,QAAC,OAAO,UACzC,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CACjC,CACZ,CACN,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,iBAAiB,qBAkB5B","sourcesContent":["import React, { FC } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { SignInForm } from '@/components/User/Forms/SignInForm';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\ninterface SignInFormContentProps {\n    onForgotPasswordClick?: () => void;\n    onSignUpClick?: () => void;\n    onDone?: () => void;\n}\n\nexport const SignInFormContent: FC<SignInFormContentProps> = (props) => {\n    const { onForgotPasswordClick, onSignUpClick, onDone } = props;\n    const { t } = useTranslation();\n\n    return (\n        <>\n            <SignInForm onForgotPassword={onForgotPasswordClick} onDone={onDone} />\n            <LineBreak />\n            <div className=\"u-marg-bottom--light\">\n                <BEButton isText wide size=\"small\" textColor={Color.Navy} onClick={onSignUpClick}>\n                    {t(Translation.Navigation.SignIn.DontHaveAnAccount)}\n                </BEButton>\n            </div>\n            <BEButton onClick={onSignUpClick} wide primary>\n                {t(Translation.Navigation.SignIn.SignUp)}\n            </BEButton>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"SignInFormContent.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/FormContent/SignInFormContent.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAClC,iDAA+C;AAE/C,6EAAqD;AACrD,+EAAuD;AACvD,mEAAgE;AAChE,4DAAyD;AACzD,wCAAqC;AAS9B,MAAM,iBAAiB,GAA+B,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAC9E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH;QACI,8BAAC,uBAAU,IAAC,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI;QACrG,8BAAC,mBAAS,OAAG;QACb,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,kBAAQ,IAAC,MAAM,QAAC,IAAI,QAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,aAAK,CAAC,IAAI,EAAE,OAAO,EAAE,aAAa,IAC3E,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAC5C,CACT;QACN,8BAAC,kBAAQ,IAAC,OAAO,EAAE,aAAa,EAAE,IAAI,QAAC,OAAO,UACzC,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CACjC,CACZ,CACN,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,iBAAiB,qBAkB5B","sourcesContent":["import React, { FC } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { SignInForm } from '@/components/User/Forms/SignInForm';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\ninterface SignInFormContentProps {\n    onForgotPasswordClick?: () => void;\n    onSignUpClick?: () => void;\n    onNotVerified?: () => void;\n    onDone?: () => void;\n}\n\nexport const SignInFormContent: FC<SignInFormContentProps> = (props) => {\n    const { onForgotPasswordClick, onSignUpClick, onDone, onNotVerified } = props;\n    const { t } = useTranslation();\n\n    return (\n        <>\n            <SignInForm onForgotPassword={onForgotPasswordClick} onDone={onDone} onNotVerified={onNotVerified} />\n            <LineBreak />\n            <div className=\"u-marg-bottom--light\">\n                <BEButton isText wide size=\"small\" textColor={Color.Navy} onClick={onSignUpClick}>\n                    {t(Translation.Navigation.SignIn.DontHaveAnAccount)}\n                </BEButton>\n            </div>\n            <BEButton onClick={onSignUpClick} wide primary>\n                {t(Translation.Navigation.SignIn.SignUp)}\n            </BEButton>\n        </>\n    );\n};\n"]}

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

@@ -46,7 +46,7 @@ var EViewingScreen;
 })(EViewingScreen = exports.EViewingScreen || (exports.EViewingScreen = {}));
 const UnauthenticatedUserModal = (props) => {
     const { open, anchorEl, placement, fallbackPlacements, containerEl, onClose, onOpenOnMobile, onConfirm } = props;
-    const { reset: cognitoReset } = (0, react_1.useContext)(contexts_1.AuthenticationContext);
+    const { cognitoLoginState, reset: cognitoReset } = (0, react_1.useContext)(contexts_1.AuthenticationContext);
     const [viewingScreen, setViewingScreen] = (0, react_1.useState)(EViewingScreen.SignIn);
     const nextViewingScreen = (0, react_1.useRef)(null);
     const { screenSize } = (0, react_1.useContext)(contexts_1.BookingEngineContext);
@@ -60,7 +60,12 @@ const UnauthenticatedUserModal = (props) => {
         onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
     };
     (0, react_1.useEffect)(() => {
-        if (open) {
+        if (!open)
+            return;
+        if (cognitoLoginState === contexts_1.CognitoLoginState.RequiresConfirmation) {
+            setViewingScreen(EViewingScreen.SignUp);
+        }
+        else {
             setViewingScreen(EViewingScreen.SignIn);
         }
     }, [open]);
@@ -87,10 +92,13 @@ const UnauthenticatedUserModal = (props) => {
         react_1.default.createElement(AutoAutoHeight_1.default, { open: true, startOpen: true }, [
             [
                 EViewingScreen.SignIn,
-                react_1.default.createElement(SignInFormContent_1.SignInFormContent, { key: EViewingScreen.SignIn, onForgotPasswordClick: showForgotPassword, onSignUpClick: showSignUpFormContent, onDone: onDone }),
+                react_1.default.createElement(SignInFormContent_1.SignInFormContent, { key: EViewingScreen.SignIn, onForgotPasswordClick: showForgotPassword, onSignUpClick: showSignUpFormContent, onDone: onDone, onNotVerified: showSignUpFormContent }),
             ],
             [EViewingScreen.SignUp, react_1.default.createElement(SignUpFormContent_1.SignUpFormContent, { key: EViewingScreen.SignUp, onSignInClick: showSignInFormContent, onDone: onDone })],
-            [EViewingScreen.ForgotPassword, react_1.default.createElement(ForgotPasswordFormContent_1.ForgotPasswordFormContent, { key: EViewingScreen.ForgotPassword, onCancelled: showSignInFormContent, onDone: onDone })],
+            [
+                EViewingScreen.ForgotPassword,
+                react_1.default.createElement(ForgotPasswordFormContent_1.ForgotPasswordFormContent, { key: EViewingScreen.ForgotPassword, onCancelled: showSignInFormContent, onDone: onDone, onNotVerified: showSignUpFormContent }),
+            ],
         ].map(([forScreen, content], index) => (react_1.default.createElement(Fade_1.default, { open: viewingScreen === forScreen, onExitCompletely: onAnimationExit, key: index }, content))))));
     if (shouldBreakpoint) {
         return (react_1.default.createElement(SimpleModal_1.default, { open: open, onClose: onClose, size: SimpleModal_1.SimpleModalSize.Small }, innerContent));

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 } 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 { 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) {\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 key={EViewingScreen.SignIn} onForgotPasswordClick={showForgotPassword} onSignUpClick={showSignUpFormContent} onDone={onDone} />,\n                    ],\n                    [EViewingScreen.SignUp, <SignUpFormContent key={EViewingScreen.SignUp} onSignInClick={showSignInFormContent} onDone={onDone} />],\n                    [EViewingScreen.ForgotPassword, <ForgotPasswordFormContent key={EViewingScreen.ForgotPassword} onCancelled={showSignInFormContent} onDone={onDone} />],\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/members/InlineSignUpSection.d.ts

@@ -0,0 +1,7 @@
+import { ReservationDTO } from '../../models/Api/ReservationsDTO';
+interface InlineSignUpSectionProps {
+    reservation: ReservationDTO;
+    hotelId: string;
+}
+export declare const InlineSignUpSection: (props: InlineSignUpSectionProps) => JSX.Element | null;
+export {};

package/dist/src/components/members/InlineSignUpSection.js

@@ -0,0 +1,122 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineSignUpSection = void 0;
+const contexts_1 = require("../../contexts/index.js");
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Translation_1 = require("translations/Translation");
+const AutoAutoHeight_1 = __importDefault(require("../../animations/AutoAutoHeight"));
+const BookingAPI_1 = __importDefault(require("../../api/BookingAPI"));
+const BEButton_1 = __importDefault(require("../generic/BEButton"));
+const Headline_1 = __importDefault(require("../generic/Headline"));
+const Text_1 = __importStar(require("../generic/Text"));
+const ForgotPasswordForm_1 = require("../User/Forms/ForgotPasswordForm");
+const SignInForm_1 = require("../User/Forms/SignInForm");
+const SignUpForm_1 = require("../User/Forms/SignUpForm");
+const MemberPortalFeature_1 = __importDefault(require("../../providers/feature/MemberPortalFeature"));
+const Color_1 = require("../../util/Color");
+var EViewingScreen;
+(function (EViewingScreen) {
+    EViewingScreen["Initial"] = "Initial";
+    EViewingScreen["SignUp"] = "SignUp";
+    EViewingScreen["SignIn"] = "SignIn";
+    EViewingScreen["ForgotPassword"] = "ForgotPassword";
+})(EViewingScreen || (EViewingScreen = {}));
+const InlineSignUpSection = (props) => {
+    const { reservation, hotelId } = props;
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { reset: cognitoReset } = (0, react_1.useContext)(contexts_1.AuthenticationContext);
+    const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
+    const { roomstayMember } = (0, react_1.useContext)(contexts_1.RoomstayMemberContext);
+    const [viewState, setViewState] = (0, react_1.useState)(EViewingScreen.Initial);
+    if (!MemberPortalFeature_1.default.isActive() || roomstayMember) {
+        return null;
+    }
+    // If the user registered an internal account during signup, use those details, otherwise, use details from the reservation
+    const userDetailsForSignUp = ccx.signedInUser || (reservation === null || reservation === void 0 ? void 0 : reservation.guest);
+    if (!(userDetailsForSignUp === null || userDetailsForSignUp === void 0 ? void 0 : userDetailsForSignUp.firstName) || !(userDetailsForSignUp === null || userDetailsForSignUp === void 0 ? void 0 : userDetailsForSignUp.lastName) || !(userDetailsForSignUp === null || userDetailsForSignUp === void 0 ? void 0 : userDetailsForSignUp.email)) {
+        return null;
+    }
+    const linkBookingToMember = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield BookingAPI_1.default.Reservation.linkBookingToMember(hotelId, reservation.reservationNumber, reservation.guest.email);
+        }
+        catch (error) {
+            console.error('Failed to link reservation:', error);
+        }
+    });
+    const onSuccess = () => __awaiter(void 0, void 0, void 0, function* () {
+        yield linkBookingToMember();
+    });
+    const onCreateAccountClick = () => {
+        setViewState(EViewingScreen.SignUp);
+        cognitoReset();
+    };
+    const showSignIn = () => {
+        setViewState(EViewingScreen.SignIn);
+        cognitoReset();
+    };
+    const showForgotPassword = () => {
+        setViewState(EViewingScreen.ForgotPassword);
+        cognitoReset();
+    };
+    return (react_1.default.createElement("div", { className: "u-marg-bottom--massive w-100" },
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: viewState === EViewingScreen.Initial, startOpen: true },
+            react_1.default.createElement("div", { className: "u-align-center" },
+                react_1.default.createElement("div", { className: "u-marg-bottom" },
+                    react_1.default.createElement(Headline_1.default, { size: "large", color: Color_1.Color.Navy }, t(Translation_1.Translation.Navigation.SignUp.Title))),
+                react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Body, color: Color_1.Color.DarkGrey }, t(Translation_1.Translation.Navigation.SignIn.GetLowerPrices))),
+                react_1.default.createElement("div", { className: "u-marg-bottom d-flex justify-content-center" },
+                    react_1.default.createElement(BEButton_1.default, { primary: true, filled: true, center: true, onClick: onCreateAccountClick }, t(Translation_1.Translation.Navigation.SignIn.SignUp))))),
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: viewState === EViewingScreen.SignUp },
+            react_1.default.createElement("div", { className: "u-fill-white u-pad--heavy w-100" },
+                react_1.default.createElement(SignUpForm_1.SignUpForm, { onDone: onSuccess, onSignIn: showSignIn, defaultValues: {
+                        email: userDetailsForSignUp.email,
+                        firstName: userDetailsForSignUp.firstName,
+                        lastName: userDetailsForSignUp.lastName,
+                    } }))),
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: viewState === EViewingScreen.SignIn },
+            react_1.default.createElement("div", { className: "u-fill-white u-pad--heavy w-100" },
+                react_1.default.createElement(SignInForm_1.SignInForm, { onForgotPassword: showForgotPassword, onSignedIn: onSuccess }))),
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: viewState === EViewingScreen.ForgotPassword },
+            react_1.default.createElement("div", { className: "u-fill-white u-pad--heavy w-100" },
+                react_1.default.createElement(ForgotPasswordForm_1.ForgotPasswordForm, { onCancelled: showSignIn, onPasswordReset: onSuccess })))));
+};
+exports.InlineSignUpSection = InlineSignUpSection;
+//# sourceMappingURL=InlineSignUpSection.js.map

package/dist/src/components/members/InlineSignUpSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineSignUpSection.js","sourceRoot":"/","sources":["src/components/members/InlineSignUpSection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, CompanyContext, RoomstayMemberContext } from '@frontend/contexts';\nimport React, { useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport API from '@/api/BookingAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ForgotPasswordForm } from '@/components/User/Forms/ForgotPasswordForm';\nimport { SignInForm } from '@/components/User/Forms/SignInForm';\nimport { SignUpForm } from '@/components/User/Forms/SignUpForm';\nimport { ReservationDTO } from '@/models/Api/ReservationsDTO';\nimport MemberPortalFeature from '@/providers/feature/MemberPortalFeature';\nimport { Color } from '@/util/Color';\n\nenum EViewingScreen {\n    Initial = 'Initial',\n    SignUp = 'SignUp',\n    SignIn = 'SignIn',\n    ForgotPassword = 'ForgotPassword',\n}\n\ninterface InlineSignUpSectionProps {\n    reservation: ReservationDTO;\n    hotelId: string;\n}\n\nexport const InlineSignUpSection = (props: InlineSignUpSectionProps) => {\n    const { reservation, hotelId } = props;\n    const { t } = useTranslation();\n    const { reset: cognitoReset } = useContext(AuthenticationContext);\n    const ccx = useContext(CompanyContext);\n    const { roomstayMember } = useContext(RoomstayMemberContext);\n\n    const [viewState, setViewState] = useState<EViewingScreen>(EViewingScreen.Initial);\n\n    if (!MemberPortalFeature.isActive() || roomstayMember) {\n        return null;\n    }\n\n    // If the user registered an internal account during signup, use those details, otherwise, use details from the reservation\n    const userDetailsForSignUp = ccx.signedInUser || reservation?.guest;\n    if (!userDetailsForSignUp?.firstName || !userDetailsForSignUp?.lastName || !userDetailsForSignUp?.email) {\n        return null;\n    }\n\n    const linkBookingToMember = async () => {\n        try {\n            await API.Reservation.linkBookingToMember(hotelId, reservation.reservationNumber, reservation.guest.email);\n        } catch (error) {\n            console.error('Failed to link reservation:', error);\n        }\n    };\n\n    const onSuccess = async () => {\n        await linkBookingToMember();\n    };\n\n    const onCreateAccountClick = () => {\n        setViewState(EViewingScreen.SignUp);\n        cognitoReset();\n    };\n\n    const showSignIn = () => {\n        setViewState(EViewingScreen.SignIn);\n        cognitoReset();\n    };\n\n    const showForgotPassword = () => {\n        setViewState(EViewingScreen.ForgotPassword);\n        cognitoReset();\n    };\n\n    return (\n        <div className=\"u-marg-bottom--massive w-100\">\n            <AutoAutoHeight open={viewState === EViewingScreen.Initial} startOpen>\n                <div className=\"u-align-center\">\n                    <div className=\"u-marg-bottom\">\n                        <Headline size=\"large\" color={Color.Navy}>\n                            {t(Translation.Navigation.SignUp.Title)}\n                        </Headline>\n                    </div>\n                    <div className=\"u-marg-bottom--heavy\">\n                        <Text type={TextType.Body} color={Color.DarkGrey}>\n                            {t(Translation.Navigation.SignIn.GetLowerPrices)}\n                        </Text>\n                    </div>\n                    <div className=\"u-marg-bottom d-flex justify-content-center\">\n                        <BEButton primary filled center onClick={onCreateAccountClick}>\n                            {t(Translation.Navigation.SignIn.SignUp)}\n                        </BEButton>\n                    </div>\n                </div>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={viewState === EViewingScreen.SignUp}>\n                <div className=\"u-fill-white u-pad--heavy w-100\">\n                    <SignUpForm\n                        onDone={onSuccess}\n                        onSignIn={showSignIn}\n                        defaultValues={{\n                            email: userDetailsForSignUp.email,\n                            firstName: userDetailsForSignUp.firstName,\n                            lastName: userDetailsForSignUp.lastName,\n                        }}\n                    />\n                </div>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={viewState === EViewingScreen.SignIn}>\n                <div className=\"u-fill-white u-pad--heavy w-100\">\n                    <SignInForm onForgotPassword={showForgotPassword} onSignedIn={onSuccess} />\n                </div>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={viewState === EViewingScreen.ForgotPassword}>\n                <div className=\"u-fill-white u-pad--heavy w-100\">\n                    <ForgotPasswordForm onCancelled={showSignIn} onPasswordReset={onSuccess} />\n                </div>\n            </AutoAutoHeight>\n        </div>\n    );\n};\n"]}

package/dist/src/components/members/SignInModal/ExternalMemberModal.js

@@ -57,7 +57,7 @@ const ExternalMemberModal_module_scss_1 = __importDefault(require("./ExternalMem
 const ExternalMemberModal = (props) => {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
-    const { signUserIn, closeMemberSignupModal, memberOnlyModalPromotion } = (0, react_1.useContext)(contexts_1.CompanyContext);
+    const { signUserIn, closeMemberSignupModal } = (0, react_1.useContext)(contexts_1.CompanyContext);
     const { t } = (0, react_i18next_1.useTranslation)();
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
@@ -91,9 +91,9 @@ const ExternalMemberModal = (props) => {
                 });
                 // Preset checkout defaults
                 (_a = basketContext.currentBasketRows) === null || _a === void 0 ? void 0 : _a.forEach((row) => (row.checkoutDefaults = {
-                    FirstName: fields.firstName,
-                    LastName: fields.lastName,
-                    Email: fields.email,
+                    firstName: fields.firstName,
+                    lastName: fields.lastName,
+                    email: fields.email,
                 }));
             }
             else {

package/dist/src/components/members/SignInModal/ExternalMemberModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalMemberModal.js","sourceRoot":"/","sources":["src/components/members/SignInModal/ExternalMemberModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IMemberVerification, IMessage, nameof } from '@roomstay/core';\nimport { Property } from 'csstype';\nimport React, { useContext, useState } from 'react';\nimport { FieldValues, Path, SubmitHandler, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport API from '@/api/BookingAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport { PasswordBox } from '@/components/generic/PasswordBox/PasswordBox';\nimport Text from '@/components/generic/Text';\nimport TextBox, { TextBoxProps } from '@/components/generic/TextBox';\nimport { BasketContext, CompanyContext } from '@/contexts';\nimport { useCurrentHotel } from '@/hooks';\nimport UserProfile from '@/models/UserProfile';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport styles from './ExternalMemberModal.module.scss';\n\nexport type CommonMemberModalProps = {\n    title: string;\n    image: string;\n    isOpen: boolean;\n    imageSize: Property.ObjectFit;\n};\n\ntype ExternalMemberModalProps<T extends FieldValues> = CommonMemberModalProps & {\n    fields: ExternalMemberModelField<T>[];\n};\n\ntype ExternalMemberModelField<T extends FieldValues> = {\n    name: keyof T & string;\n    icon: IconType;\n    label: string;\n    profileMapping?: keyof UserProfile;\n    isMasked: boolean;\n};\n\nconst ExternalMemberModal = <T extends FieldValues & IMemberVerification>(props: ExternalMemberModalProps<T>) => {\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const { signUserIn, closeMemberSignupModal, memberOnlyModalPromotion } = useContext(CompanyContext);\n    const { t } = useTranslation();\n    const [isLoading, setIsLoading] = useState(false);\n    const [errorMessage, setErrorMessage] = useState('');\n    const formMethods = useForm<T>();\n    const modalPrimaryColor = hotel?.memberOnlyModalUsePrimaryColor ? Color.Accent : Color.Success;\n\n    const getValidationClass = (name: keyof T) => {\n        if (formMethods.formState.errors) {\n            if (formMethods.formState.errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit: SubmitHandler<T> = async (fields) => {\n        setIsLoading(true);\n        setErrorMessage('');\n\n        try {\n            const hotelId = hotel?.hotelID as string;\n            const member = await API.Member.verifyMember(hotelId, fields);\n\n            if (member && member.memberId) {\n                await signUserIn({\n                    saveState: false,\n                    memberNumber: member.memberId,\n                    firstName: fields.firstName,\n                    lastName: fields.lastName,\n                    email: fields.email,\n                    promoCode: member.promoCode,\n                });\n\n                // Preset checkout defaults\n                basketContext.currentBasketRows?.forEach(\n                    (row) =>\n                        (row.checkoutDefaults = {\n                            FirstName: fields.firstName,\n                            LastName: fields.lastName,\n                            Email: fields.email,\n                        })\n                );\n            } else {\n                setErrorMessage(t(Translation.ExternalMemberPopup.InvalidMember));\n            }\n        } catch (e: any) {\n            if (e[nameof<IMessage>('Message')]) {\n                setErrorMessage(e.Message);\n            } else {\n                throw e;\n            }\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    return (\n        <SimpleModal open={props.isOpen} onClose={closeMemberSignupModal} size={SimpleModalSize.Normal} alignCenter>\n            <div className={`${styles['external-member-modal']} row`}>\n                <div className=\"col-md-6\">\n                    <img\n                        src={ImageProvider.resizeImage(props.image, ImageSize.Original)}\n                        alt={props.title}\n                        className={styles['external-member-image']}\n                        style={{ objectFit: props.imageSize }}\n                    />\n                </div>\n\n                <div className=\"col-md-6 u-pad--heavy\">\n                    <div className=\"u-pad\">\n                        <Headline bold color={modalPrimaryColor}>\n                            {props.title}\n                        </Headline>\n\n                        <form onSubmit={formMethods.handleSubmit(onSubmit)}>\n                            {props.fields.map((field) => {\n                                const inputProps: TextBoxProps = {\n                                    iconProps: { color: Color.DarkGrey },\n                                    icon: field.icon,\n                                    inputProps: { disabled: isLoading },\n                                    placeholder: field.label,\n                                    wide: true,\n                                    required: true,\n                                    validationStatus: getValidationClass(field.name),\n                                    ...formMethods.register(field.name as Path<T>, { required: true }),\n                                };\n\n                                return (\n                                    <div className=\"u-marg-top u-marg-bottom\" key={field.name}>\n                                        <InputGroup dimensions=\"1\">{field.isMasked ? <PasswordBox {...inputProps} /> : <TextBox {...inputProps} />}</InputGroup>\n                                    </div>\n                                );\n                            })}\n\n                            <BEButton\n                                isLoading={isLoading}\n                                htmlType=\"submit\"\n                                className=\"u-marg-top\"\n                                size=\"normal\"\n                                filled\n                                primary={hotel?.memberOnlyModalUsePrimaryColor}\n                                success={!hotel?.memberOnlyModalUsePrimaryColor}\n                                stopIconAnimation\n                                icon={IconType.ArrowRight}\n                                iconPosition=\"right\"\n                            >\n                                {t(Translation.ExternalMemberPopup.Submit)}\n                            </BEButton>\n                            <div className=\"u-marg-top\">\n                                <Text bold color={Color.Danger}>\n                                    {errorMessage}\n                                </Text>\n                            </div>\n                        </form>\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n};\n\nexport default ExternalMemberModal;\n"]}
+{"version":3,"file":"ExternalMemberModal.js","sourceRoot":"/","sources":["src/components/members/SignInModal/ExternalMemberModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IMemberVerification, IMessage, nameof } from '@roomstay/core';\nimport { Property } from 'csstype';\nimport React, { useContext, useState } from 'react';\nimport { FieldValues, Path, SubmitHandler, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport API from '@/api/BookingAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport { PasswordBox } from '@/components/generic/PasswordBox/PasswordBox';\nimport Text from '@/components/generic/Text';\nimport TextBox, { TextBoxProps } from '@/components/generic/TextBox';\nimport { BasketContext, CompanyContext } from '@/contexts';\nimport { useCurrentHotel } from '@/hooks';\nimport UserProfile from '@/models/UserProfile';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport styles from './ExternalMemberModal.module.scss';\n\nexport type CommonMemberModalProps = {\n    title: string;\n    image: string;\n    isOpen: boolean;\n    imageSize: Property.ObjectFit;\n};\n\ntype ExternalMemberModalProps<T extends FieldValues> = CommonMemberModalProps & {\n    fields: ExternalMemberModelField<T>[];\n};\n\ntype ExternalMemberModelField<T extends FieldValues> = {\n    name: keyof T & string;\n    icon: IconType;\n    label: string;\n    profileMapping?: keyof UserProfile;\n    isMasked: boolean;\n};\n\nconst ExternalMemberModal = <T extends FieldValues & IMemberVerification>(props: ExternalMemberModalProps<T>) => {\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const { signUserIn, closeMemberSignupModal } = useContext(CompanyContext);\n    const { t } = useTranslation();\n    const [isLoading, setIsLoading] = useState(false);\n    const [errorMessage, setErrorMessage] = useState('');\n    const formMethods = useForm<T>();\n    const modalPrimaryColor = hotel?.memberOnlyModalUsePrimaryColor ? Color.Accent : Color.Success;\n\n    const getValidationClass = (name: keyof T) => {\n        if (formMethods.formState.errors) {\n            if (formMethods.formState.errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit: SubmitHandler<T> = async (fields) => {\n        setIsLoading(true);\n        setErrorMessage('');\n\n        try {\n            const hotelId = hotel?.hotelID as string;\n            const member = await API.Member.verifyMember(hotelId, fields);\n\n            if (member && member.memberId) {\n                await signUserIn({\n                    saveState: false,\n                    memberNumber: member.memberId,\n                    firstName: fields.firstName,\n                    lastName: fields.lastName,\n                    email: fields.email,\n                    promoCode: member.promoCode,\n                });\n\n                // Preset checkout defaults\n                basketContext.currentBasketRows?.forEach(\n                    (row) =>\n                        (row.checkoutDefaults = {\n                            firstName: fields.firstName,\n                            lastName: fields.lastName,\n                            email: fields.email,\n                        })\n                );\n            } else {\n                setErrorMessage(t(Translation.ExternalMemberPopup.InvalidMember));\n            }\n        } catch (e: any) {\n            if (e[nameof<IMessage>('Message')]) {\n                setErrorMessage(e.Message);\n            } else {\n                throw e;\n            }\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    return (\n        <SimpleModal open={props.isOpen} onClose={closeMemberSignupModal} size={SimpleModalSize.Normal} alignCenter>\n            <div className={`${styles['external-member-modal']} row`}>\n                <div className=\"col-md-6\">\n                    <img\n                        src={ImageProvider.resizeImage(props.image, ImageSize.Original)}\n                        alt={props.title}\n                        className={styles['external-member-image']}\n                        style={{ objectFit: props.imageSize }}\n                    />\n                </div>\n\n                <div className=\"col-md-6 u-pad--heavy\">\n                    <div className=\"u-pad\">\n                        <Headline bold color={modalPrimaryColor}>\n                            {props.title}\n                        </Headline>\n\n                        <form onSubmit={formMethods.handleSubmit(onSubmit)}>\n                            {props.fields.map((field) => {\n                                const inputProps: TextBoxProps = {\n                                    iconProps: { color: Color.DarkGrey },\n                                    icon: field.icon,\n                                    inputProps: { disabled: isLoading },\n                                    placeholder: field.label,\n                                    wide: true,\n                                    required: true,\n                                    validationStatus: getValidationClass(field.name),\n                                    ...formMethods.register(field.name as Path<T>, { required: true }),\n                                };\n\n                                return (\n                                    <div className=\"u-marg-top u-marg-bottom\" key={field.name}>\n                                        <InputGroup dimensions=\"1\">{field.isMasked ? <PasswordBox {...inputProps} /> : <TextBox {...inputProps} />}</InputGroup>\n                                    </div>\n                                );\n                            })}\n\n                            <BEButton\n                                isLoading={isLoading}\n                                htmlType=\"submit\"\n                                className=\"u-marg-top\"\n                                size=\"normal\"\n                                filled\n                                primary={hotel?.memberOnlyModalUsePrimaryColor}\n                                success={!hotel?.memberOnlyModalUsePrimaryColor}\n                                stopIconAnimation\n                                icon={IconType.ArrowRight}\n                                iconPosition=\"right\"\n                            >\n                                {t(Translation.ExternalMemberPopup.Submit)}\n                            </BEButton>\n                            <div className=\"u-marg-top\">\n                                <Text bold color={Color.Danger}>\n                                    {errorMessage}\n                                </Text>\n                            </div>\n                        </form>\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n};\n\nexport default ExternalMemberModal;\n"]}

package/dist/src/components/members/SignInModal/InternalMemberSignInModal.js

@@ -63,11 +63,20 @@ const InputGroup_1 = __importDefault(require("../../generic/InputGroup/InputGrou
 const SimpleModal_1 = __importStar(require("../../generic/modal/SimpleModal"));
 const Text_1 = __importStar(require("../../generic/Text"));
 const TextBox_1 = __importDefault(require("../../generic/TextBox"));
+const ForgotPasswordForm_1 = require("../../User/Forms/ForgotPasswordForm");
+const SignInForm_1 = require("../../User/Forms/SignInForm");
+const MemberPortalFeature_1 = __importDefault(require("../../../providers/feature/MemberPortalFeature"));
 const ImageProvider_1 = __importStar(require("../../../providers/ImageProvider"));
 const RoomstayThemeEngine_1 = __importDefault(require("../../../providers/RoomstayThemeEngine"));
 const Color_1 = require("../../../util/Color");
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const Validation_1 = require("../../../util/Validation");
+var EViewingScreen;
+(function (EViewingScreen) {
+    EViewingScreen["SignUp"] = "SignUp";
+    EViewingScreen["SignIn"] = "SignIn";
+    EViewingScreen["ForgotPassword"] = "ForgotPassword";
+})(EViewingScreen || (EViewingScreen = {}));
 function InternalMemberSignInModal(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const { t } = (0, react_i18next_1.useTranslation)();
@@ -76,6 +85,7 @@ function InternalMemberSignInModal(props) {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const [showErrors, setShowErrors] = (0, react_1.useState)(false);
+    const [viewingScreen, setViewingScreen] = (0, react_1.useState)(EViewingScreen.SignUp);
     const [captchaScriptLoaded, setCaptchaScriptLoaded] = (0, react_1.useState)(false);
     const [captchaRendered, setCaptchaRendered] = (0, react_1.useState)(false);
     const [reCaptchaSecret, setReCaptchaSecret] = (0, react_1.useState)(null);
@@ -244,10 +254,31 @@ function InternalMemberSignInModal(props) {
     const modalInputs = (_c = hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlySignupInputs) !== null && _c !== void 0 ? _c : MemberOnlyModalDefaultInputs;
     const loadingOnClose = () => {
         setIsLoading(false);
+        setViewingScreen(EViewingScreen.SignUp);
         if (props.onClose) {
             props.onClose();
         }
     };
+    const handleSignInClick = () => {
+        setViewingScreen(EViewingScreen.SignIn);
+    };
+    const handleBackToSignUp = () => {
+        setViewingScreen(EViewingScreen.SignUp);
+    };
+    const handleSignInSuccess = () => {
+        var _a;
+        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    };
+    const handleForgotPasswordClick = () => {
+        setViewingScreen(EViewingScreen.ForgotPassword);
+    };
+    const handleBackToSignIn = () => {
+        setViewingScreen(EViewingScreen.SignIn);
+    };
+    const handlePasswordResetSuccess = () => {
+        var _a;
+        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    };
     const buttonOnClickHandler = () => __awaiter(this, void 0, void 0, function* () {
         yield methods.handleSubmit(onSubmit)();
         setShowErrors(true);
@@ -269,39 +300,53 @@ function InternalMemberSignInModal(props) {
                 } }),
             react_1.default.createElement("div", { className: "col-md-6" },
                 react_1.default.createElement("div", { className: "u-pad u-pad-heavy" },
-                    react_1.default.createElement("div", { className: "u-marg-bottom-half" },
-                        react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Money, size: "24px", color: modalPrimaryColor, useColorAsBackground: hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor, backgroundColor: Color_1.Color.SuccessTint })),
-                    react_1.default.createElement("div", { className: "u-marg-bottom-half" },
-                        react_1.default.createElement(Headline_1.default, { bold: true, color: modalPrimaryColor },
-                            react_1.default.createElement("div", { style: { color: modalPrimaryColor }, dangerouslySetInnerHTML: {
-                                    __html: modalTitle,
-                                } }))),
-                    react_1.default.createElement("div", { className: "u-marg-bottom" },
-                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
-                            react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: modalSubtitle } }))),
-                    react_1.default.createElement(react_hook_form_1.FormProvider, Object.assign({}, methods),
-                        react_1.default.createElement("div", null, modalInputs.Lines.map((inputLine, lineIndex) => {
-                            return (react_1.default.createElement("div", { className: "u-marg-bottom-xxx", key: lineIndex },
-                                react_1.default.createElement(InputGroup_1.default, { dimensions: inputLine.Dimension }, inputLine.Inputs.map((input, inputIndex) => {
-                                    switch (input.type) {
-                                        case 'TextBox':
-                                            return (react_1.default.createElement(TextBox_1.default, Object.assign({ key: inputIndex, wide: true, placeholder: input.placeholder, required: input.isRequired, validationStatus: getValidationClass(input.name) }, register(input.name, {
-                                                required: input.isRequired,
-                                                validate: input.validate,
-                                            }))));
-                                    }
-                                }))));
-                        })),
-                        react_1.default.createElement("div", { className: "u-marg-top--light", style: { marginBottom: '45px' } },
-                            captchaScriptLoaded && (react_1.default.createElement(react_1.default.Fragment, null,
-                                captchaError && (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Alert }, captchaError)),
-                                react_1.default.createElement("div", { ref: captchaRef, className: "u-marg-bottom" }))),
-                            react_1.default.createElement(BEButton_1.default, { size: "normal", filled: true, primary: hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor, success: !(hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor), isLoading: isLoading, stopIconAnimation: true, icon: context.screenSize > ScreenSize_1.default.Mobile ? Icon_1.IconType.ArrowRight : undefined, onClick: buttonOnClickHandler }, modalButtonText))),
-                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
-                        react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.MemberOnlyPopup.AgreeToReceiveDeals, { companyShort: ccx === null || ccx === void 0 ? void 0 : ccx.companyShort }) } })),
-                    ' ',
-                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
-                        react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.MemberOnlyPopup.UnsubscribeAnytime) } })))))));
+                    viewingScreen === EViewingScreen.SignUp && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: "u-marg-bottom-half" },
+                            react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Money, size: "24px", color: modalPrimaryColor, useColorAsBackground: hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor, backgroundColor: Color_1.Color.SuccessTint })),
+                        react_1.default.createElement("div", { className: "u-marg-bottom-half" },
+                            react_1.default.createElement(Headline_1.default, { bold: true, color: modalPrimaryColor },
+                                react_1.default.createElement("div", { style: { color: modalPrimaryColor }, dangerouslySetInnerHTML: {
+                                        __html: modalTitle,
+                                    } }))),
+                        react_1.default.createElement("div", { className: "u-marg-bottom" },
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
+                                react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: modalSubtitle } }))),
+                        react_1.default.createElement(react_hook_form_1.FormProvider, Object.assign({}, methods),
+                            react_1.default.createElement("div", null, modalInputs.Lines.map((inputLine, lineIndex) => {
+                                return (react_1.default.createElement("div", { className: "u-marg-bottom-xxx", key: lineIndex },
+                                    react_1.default.createElement(InputGroup_1.default, { dimensions: inputLine.Dimension }, inputLine.Inputs.map((input, inputIndex) => {
+                                        switch (input.type) {
+                                            case 'TextBox':
+                                                return (react_1.default.createElement(TextBox_1.default, Object.assign({ key: inputIndex, wide: true, placeholder: input.placeholder, required: input.isRequired, validationStatus: getValidationClass(input.name) }, register(input.name, {
+                                                    required: input.isRequired,
+                                                    validate: input.validate,
+                                                }))));
+                                        }
+                                    }))));
+                            })),
+                            react_1.default.createElement("div", { className: "u-marg-top--light", style: { marginBottom: '45px' } },
+                                captchaScriptLoaded && (react_1.default.createElement(react_1.default.Fragment, null,
+                                    captchaError && (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Alert }, captchaError)),
+                                    react_1.default.createElement("div", { ref: captchaRef, className: "u-marg-bottom" }))),
+                                react_1.default.createElement(BEButton_1.default, { size: "normal", filled: true, primary: hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor, success: !(hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor), isLoading: isLoading, stopIconAnimation: true, icon: context.screenSize > ScreenSize_1.default.Mobile ? Icon_1.IconType.ArrowRight : undefined, onClick: buttonOnClickHandler }, modalButtonText))),
+                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
+                            react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.MemberOnlyPopup.AgreeToReceiveDeals, { companyShort: ccx === null || ccx === void 0 ? void 0 : ccx.companyShort }) } })),
+                        ' ',
+                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
+                            react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.MemberOnlyPopup.UnsubscribeAnytime) } })),
+                        MemberPortalFeature_1.default.isActive() && (react_1.default.createElement("div", { className: "u-marg-top--light" },
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey }, t(Translation_1.Translation.Step.Confirmation.AlreadyHaveAccount)),
+                            ' ',
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
+                                react_1.default.createElement(BEButton_1.default, { isText: true, size: "tiny", textColor: modalPrimaryColor, onClick: handleSignInClick }, t(Translation_1.Translation.Navigation.SignIn.SignIn))))))),
+                    viewingScreen === EViewingScreen.SignIn && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: "u-marg-bottom" },
+                            react_1.default.createElement(BEButton_1.default, { isText: true, size: "small", icon: Icon_1.IconType.ArrowLeft, iconPosition: "left", onClick: handleBackToSignUp }, "Back to sign up")),
+                        react_1.default.createElement(SignInForm_1.SignInForm, { onSignedIn: handleSignInSuccess, onForgotPassword: handleForgotPasswordClick }))),
+                    viewingScreen === EViewingScreen.ForgotPassword && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: "u-marg-bottom" },
+                            react_1.default.createElement(BEButton_1.default, { isText: true, size: "small", icon: Icon_1.IconType.ArrowLeft, iconPosition: "left", onClick: handleBackToSignIn }, "Back to sign in")),
+                        react_1.default.createElement(ForgotPasswordForm_1.ForgotPasswordForm, { onPasswordReset: handlePasswordResetSuccess, onCancelled: handleBackToSignIn, onDone: handlePasswordResetSuccess }))))))));
 }
 exports.default = InternalMemberSignInModal;
 //# sourceMappingURL=InternalMemberSignInModal.js.map