npm - @roomstay/frontend - Versions diffs - 2.6.35 → 2.6.37 - Mend

@roomstay/frontend 2.6.35 → 2.6.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/dist/src/components/User/Forms/SignUpForm.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 type SignUpFormProps = {
     onForgotPassword?: () => void;
-    onSignedIn?: () => void;
+    onSignIn?: () => void;
     onDone?: () => void;
 };
 export declare const SignUpForm: (props: SignUpFormProps) => JSX.Element;

package/dist/src/components/User/Forms/SignUpForm.js CHANGED Viewed

@@ -99,7 +99,7 @@ const SignUpForm = (props) => {
     const onSignInClicked = () => {
         var _a;
         cognitoReset();
-        (_a = props.onSignedIn) === null || _a === void 0 ? void 0 : _a.call(props);
+        (_a = props.onSignIn) === null || _a === void 0 ? void 0 : _a.call(props);
     };
     const onErrorContent = () => {
         switch (cognitoLoginState) {

package/dist/src/components/User/Forms/SignUpForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SignUpForm.js","sourceRoot":"/","sources":["src/components/User/Forms/SignUpForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BEButton from '@/components/generic/BEButton';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { Color } from '@/util/Color';\nimport { makePasswordPatternRule, makeRequiredRule } from '@/util/Validation';\n\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype SignUpFormProps = {\n onForgotPassword?: () => void;\n onSignedIn?: () => void;\n onDone?: () => void;\n};\n\nexport const SignUpForm = (props: SignUpFormProps) => {\n const { t } = useTranslation();\n const { hotel } = useCurrentHotel();\n\n const { loading, error, cognitoLoginState, register: cognitoRegister, reset: cognitoReset, confirmAccount } = useContext(AuthenticationContext);\n\n const [isLoading, setIsLoading] = useState(false);\n const [, setApiErrorMessages] = useState('');\n const [isVerifyingEmail, setIsVerifyingEmail] = useState(false);\n\n const { register, formState, handleSubmit } = useForm({\n mode: 'onSubmit',\n });\n\n const signUpStates: CognitoLoginState[] = [CognitoLoginState.UsernameExists];\n\n const errors = formState.errors;\n const accountExists = signUpStates.includes(cognitoLoginState as CognitoLoginState);\n\n const getValidationClass = (name: string) => {\n if (errors && formState.touchedFields[name]) {\n if (errors[name]) {\n return 'error';\n } else {\n return 'success';\n }\n }\n };\n\n const onSubmit = (values: any) => {\n setIsLoading(true);\n setApiErrorMessages('');\n\n if (!isVerifyingEmail) {\n cognitoRegister(\n values.email,\n values.password,\n {\n ['custom:forename']: values.forename,\n ['custom:surname']: values.surname,\n },\n { hotel }\n )\n .then((state) => {\n if (state === CognitoLoginState.RequiresConfirmation) {\n setIsVerifyingEmail(true);\n }\n })\n .finally(() => {\n setIsLoading(false);\n });\n } else {\n confirmAccount(values.email, values.code, values.password, { hotel })\n .then(() => {\n props.onDone?.();\n })\n .finally(() => {\n setIsLoading(false);\n });\n }\n };\n\n const onSignInClicked = (): void => {\n cognitoReset();\n props.onSignedIn?.();\n };\n\n const onErrorContent = () => {\n switch (cognitoLoginState) {\n case CognitoLoginState.UsernameExists: {\n return (\n <>\n <Text type={TextType.Small}>\n <Trans i18nKey={Translation.Navigation.SignUp.EmailIsInUse} components={[<BEButton key={0} isText size=\"small\" primary onClick={onSignInClicked} />]} />\n </Text>\n </>\n );\n }\n }\n };\n\n return (\n <div>\n <div className=\"u-marg-bottom--heavy\">\n <Headline color={Color.Navy} bold className=\"u-marg-bottom--light\">\n {t(Translation.Navigation.SignUp.Title)}\n </Headline>\n </div>\n <AutoAutoHeight open={!!accountExists}>\n <div className=\"u-flex\">\n <Alert type={AlertType.Danger} icon={IconType.Error}>\n {onErrorContent()}\n </Alert>\n </div>\n </AutoAutoHeight>\n <AutoAutoHeight open={!!error}>\n <div className=\"u-flex\">\n <Alert type={AlertType.Danger} icon={IconType.Error}>\n <Text type={TextType.Small}>{error?.message}</Text>\n </Alert>\n </div>\n </AutoAutoHeight>\n <AutoAutoHeight open={!!formState.errors}>\n <div className=\"u-flex flex-column\">\n {Object.keys(formState.errors).map((errorName, index) => {\n return (\n <Alert type={AlertType.Danger} icon={IconType.Error} key={index}>\n <Text type={TextType.Small}>{formState.errors[errorName]?.message}</Text>\n </Alert>\n );\n })}\n </div>\n </AutoAutoHeight>\n <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\n <AutoAutoHeight open={!isVerifyingEmail} startOpen>\n <>\n <div className=\"u-marg-bottom\">\n <InputGroup dimensions=\"2/2\">\n <>\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignUp.Inputs.FirstName)}\n </Text>\n </div>\n <TextBox\n inputProps={{ disabled: loading \|\| isLoading }}\n placeholder=\"Sam\"\n validationStatus={getValidationClass('forename')}\n {...register('forename', {\n required: makeRequiredRule(t)(true, t(Translation.Navigation.SignUp.Inputs.FirstName)),\n })}\n />\n </>\n <>\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignUp.Inputs.LastName)}\n </Text>\n </div>\n <TextBox\n inputProps={{ disabled: loading \|\| isLoading }}\n placeholder=\"Smith\"\n validationStatus={getValidationClass('surname')}\n {...register('surname', {\n required: makeRequiredRule(t)(true, t(Translation.Navigation.SignUp.Inputs.LastName)),\n })}\n />\n </>\n </InputGroup>\n </div>\n <div className=\"u-marg-bottom\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignIn.EmailAddress)}\n </Text>\n </div>\n <TextBox\n inputProps={{ disabled: loading \|\| isLoading }}\n placeholder=\"example@mail.com\"\n validationStatus={getValidationClass('email')}\n {...register('email', {\n required: makeRequiredRule(t)(true, t(Translation.Navigation.SignIn.EmailAddress)),\n pattern: {\n value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i,\n message: t(Translation.FindReservation.InvalidEmailAddress),\n },\n })}\n />\n </div>\n <div className=\"u-marg-bottom\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignUp.Inputs.Password.Label)}\n </Text>\n </div>\n <div className=\"u-marg-bottom--light\">\n <PasswordBox\n inputProps={{ disabled: loading \|\| isLoading }}\n placeholder={t(Translation.Navigation.SignUp.Inputs.Password.Label)}\n validationStatus={getValidationClass('password')}\n {...register('password', {\n required: makeRequiredRule(t)(true, t(Translation.Navigation.SignUp.Inputs.Password.Label)),\n pattern: makePasswordPatternRule(t),\n })}\n />\n </div>\n <Text type={TextType.Label} color={Color.Navy} className=\"u-marg-bottom\">\n {t(Translation.Navigation.SignUp.Inputs.Password.Hint)}\n </Text>\n\n <Checkbox\n label={\n <div>\n {t(Translation.Navigation.SignUp.Inputs.Terms.BaseText)}{' '}\n <a href={hotel?.privacyPolicyUrl} target=\"_blank\" style={{ color: Color.Accent }} rel=\"noreferrer\">\n {t(Translation.Navigation.SignUp.Inputs.Terms.LinkText)}\n </a>\n </div>\n }\n {...register('termsAndConditions', {\n required: {\n value: true,\n message: t(Translation.Navigation.SignUp.Inputs.Terms.Error),\n },\n })}\n />\n </div>\n <BEButton\n wide\n icon={IconType.ArrowRight}\n iconPosition=\"right\"\n filled\n primary\n name=\"SignUpButton\"\n htmlType=\"submit\"\n isLoading={loading \|\| isLoading}\n disabled={isLoading \|\| loading}\n >\n {t(Translation.Navigation.SignUp.Inputs.SignUpButton)}\n </BEButton>\n </>\n </AutoAutoHeight>\n <AutoAutoHeight open={isVerifyingEmail}>\n <div className=\"u-marg-bottom\">\n <Text color={Color.Success} className=\"u-marg-bottom--light\" bold>\n {t(Translation.Navigation.SignUp.VerifyingEmail.Title)}\n </Text>\n <Text type={TextType.Small}>{t(Translation.Navigation.SignUp.VerifyingEmail.Detail)}</Text>\n </div>\n <div className=\"u-marg-bottom--heavy\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)}\n </Text>\n </div>\n <TextBox\n placeholder=\"12345\"\n validationStatus={getValidationClass('code')}\n {...register('code', {\n required: makeRequiredRule(t)(isVerifyingEmail, 'Code'),\n })}\n />\n </div>\n\n <BEButton\n wide\n icon={IconType.ArrowRight}\n iconPosition=\"right\"\n filled\n primary\n name=\"SignUpButton\"\n htmlType=\"submit\"\n isLoading={loading \|\| isLoading}\n disabled={isLoading \|\| loading}\n >\n {t(Translation.Navigation.SignUp.Inputs.SignUpButton)}\n </BEButton>\n </AutoAutoHeight>\n </form>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"SignUpForm.js","sourceRoot":"/","sources":["src/components/User/Forms/SignUpForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport BEButton from '@/components/generic/BEButton';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { Color } from '@/util/Color';\nimport { makePasswordPatternRule, makeRequiredRule } from '@/util/Validation';\n\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype SignUpFormProps = {\n onForgotPassword?: () => void;\n onSignIn?: () => void;\n onDone?: () => void;\n};\n\nexport const SignUpForm = (props: SignUpFormProps) => {\n const { t } = useTranslation();\n const { hotel } = useCurrentHotel();\n\n const { loading, error, cognitoLoginState, register: cognitoRegister, reset: cognitoReset, confirmAccount } = useContext(AuthenticationContext);\n\n const [isLoading, setIsLoading] = useState(false);\n const [, setApiErrorMessages] = useState('');\n const [isVerifyingEmail, setIsVerifyingEmail] = useState(false);\n\n const { register, formState, handleSubmit } = useForm({\n mode: 'onSubmit',\n });\n\n const signUpStates: CognitoLoginState[] = [CognitoLoginState.UsernameExists];\n\n const errors = formState.errors;\n const accountExists = signUpStates.includes(cognitoLoginState as CognitoLoginState);\n\n const getValidationClass = (name: string) => {\n if (errors && formState.touchedFields[name]) {\n if (errors[name]) {\n return 'error';\n } else {\n return 'success';\n }\n }\n };\n\n const onSubmit = (values: any) => {\n setIsLoading(true);\n setApiErrorMessages('');\n\n if (!isVerifyingEmail) {\n cognitoRegister(\n values.email,\n values.password,\n {\n ['custom:forename']: values.forename,\n ['custom:surname']: values.surname,\n },\n { hotel }\n )\n .then((state) => {\n if (state === CognitoLoginState.RequiresConfirmation) {\n setIsVerifyingEmail(true);\n }\n })\n .finally(() => {\n setIsLoading(false);\n });\n } else {\n confirmAccount(values.email, values.code, values.password, { hotel })\n .then(() => {\n props.onDone?.();\n })\n .finally(() => {\n setIsLoading(false);\n });\n }\n };\n\n const onSignInClicked = (): void => {\n cognitoReset();\n props.onSignIn?.();\n };\n\n const onErrorContent = () => {\n switch (cognitoLoginState) {\n case CognitoLoginState.UsernameExists: {\n return (\n <>\n <Text type={TextType.Small}>\n <Trans i18nKey={Translation.Navigation.SignUp.EmailIsInUse} components={[<BEButton key={0} isText size=\"small\" primary onClick={onSignInClicked} />]} />\n </Text>\n </>\n );\n }\n }\n };\n\n return (\n <div>\n <div className=\"u-marg-bottom--heavy\">\n <Headline color={Color.Navy} bold className=\"u-marg-bottom--light\">\n {t(Translation.Navigation.SignUp.Title)}\n </Headline>\n </div>\n <AutoAutoHeight open={!!accountExists}>\n <div className=\"u-flex\">\n <Alert type={AlertType.Danger} icon={IconType.Error}>\n {onErrorContent()}\n </Alert>\n </div>\n </AutoAutoHeight>\n <AutoAutoHeight open={!!error}>\n <div className=\"u-flex\">\n <Alert type={AlertType.Danger} icon={IconType.Error}>\n <Text type={TextType.Small}>{error?.message}</Text>\n </Alert>\n </div>\n </AutoAutoHeight>\n <AutoAutoHeight open={!!formState.errors}>\n <div className=\"u-flex flex-column\">\n {Object.keys(formState.errors).map((errorName, index) => {\n return (\n <Alert type={AlertType.Danger} icon={IconType.Error} key={index}>\n <Text type={TextType.Small}>{formState.errors[errorName]?.message}</Text>\n </Alert>\n );\n })}\n </div>\n </AutoAutoHeight>\n <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\n <AutoAutoHeight open={!isVerifyingEmail} startOpen>\n <>\n <div className=\"u-marg-bottom\">\n <InputGroup dimensions=\"2/2\">\n <>\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignUp.Inputs.FirstName)}\n </Text>\n </div>\n <TextBox\n inputProps={{ disabled: loading \|\| isLoading }}\n placeholder=\"Sam\"\n validationStatus={getValidationClass('forename')}\n {...register('forename', {\n required: makeRequiredRule(t)(true, t(Translation.Navigation.SignUp.Inputs.FirstName)),\n })}\n />\n </>\n <>\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignUp.Inputs.LastName)}\n </Text>\n </div>\n <TextBox\n inputProps={{ disabled: loading \|\| isLoading }}\n placeholder=\"Smith\"\n validationStatus={getValidationClass('surname')}\n {...register('surname', {\n required: makeRequiredRule(t)(true, t(Translation.Navigation.SignUp.Inputs.LastName)),\n })}\n />\n </>\n </InputGroup>\n </div>\n <div className=\"u-marg-bottom\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignIn.EmailAddress)}\n </Text>\n </div>\n <TextBox\n inputProps={{ disabled: loading \|\| isLoading }}\n placeholder=\"example@mail.com\"\n validationStatus={getValidationClass('email')}\n {...register('email', {\n required: makeRequiredRule(t)(true, t(Translation.Navigation.SignIn.EmailAddress)),\n pattern: {\n value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i,\n message: t(Translation.FindReservation.InvalidEmailAddress),\n },\n })}\n />\n </div>\n <div className=\"u-marg-bottom\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.SignUp.Inputs.Password.Label)}\n </Text>\n </div>\n <div className=\"u-marg-bottom--light\">\n <PasswordBox\n inputProps={{ disabled: loading \|\| isLoading }}\n placeholder={t(Translation.Navigation.SignUp.Inputs.Password.Label)}\n validationStatus={getValidationClass('password')}\n {...register('password', {\n required: makeRequiredRule(t)(true, t(Translation.Navigation.SignUp.Inputs.Password.Label)),\n pattern: makePasswordPatternRule(t),\n })}\n />\n </div>\n <Text type={TextType.Label} color={Color.Navy} className=\"u-marg-bottom\">\n {t(Translation.Navigation.SignUp.Inputs.Password.Hint)}\n </Text>\n\n <Checkbox\n label={\n <div>\n {t(Translation.Navigation.SignUp.Inputs.Terms.BaseText)}{' '}\n <a href={hotel?.privacyPolicyUrl} target=\"_blank\" style={{ color: Color.Accent }} rel=\"noreferrer\">\n {t(Translation.Navigation.SignUp.Inputs.Terms.LinkText)}\n </a>\n </div>\n }\n {...register('termsAndConditions', {\n required: {\n value: true,\n message: t(Translation.Navigation.SignUp.Inputs.Terms.Error),\n },\n })}\n />\n </div>\n <BEButton\n wide\n icon={IconType.ArrowRight}\n iconPosition=\"right\"\n filled\n primary\n name=\"SignUpButton\"\n htmlType=\"submit\"\n isLoading={loading \|\| isLoading}\n disabled={isLoading \|\| loading}\n >\n {t(Translation.Navigation.SignUp.Inputs.SignUpButton)}\n </BEButton>\n </>\n </AutoAutoHeight>\n <AutoAutoHeight open={isVerifyingEmail}>\n <div className=\"u-marg-bottom\">\n <Text color={Color.Success} className=\"u-marg-bottom--light\" bold>\n {t(Translation.Navigation.SignUp.VerifyingEmail.Title)}\n </Text>\n <Text type={TextType.Small}>{t(Translation.Navigation.SignUp.VerifyingEmail.Detail)}</Text>\n </div>\n <div className=\"u-marg-bottom--heavy\">\n <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} color={Color.Navy} bold>\n {t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)}\n </Text>\n </div>\n <TextBox\n placeholder=\"12345\"\n validationStatus={getValidationClass('code')}\n {...register('code', {\n required: makeRequiredRule(t)(isVerifyingEmail, 'Code'),\n })}\n />\n </div>\n\n <BEButton\n wide\n icon={IconType.ArrowRight}\n iconPosition=\"right\"\n filled\n primary\n name=\"SignUpButton\"\n htmlType=\"submit\"\n isLoading={loading \|\| isLoading}\n disabled={isLoading \|\| loading}\n >\n {t(Translation.Navigation.SignUp.Inputs.SignUpButton)}\n </BEButton>\n </AutoAutoHeight>\n </form>\n </div>\n );\n};\n"]}

package/dist/src/components/generic/ScrollToTop.js CHANGED Viewed

@@ -4,24 +4,15 @@ const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
 function ScrollToTop() {
     const location = (0, react_router_dom_1.useLocation)();
-    const [lastPathname, setLastPathname] = (0, react_1.useState)('');
     (0, react_1.useEffect)(() => {
-        var _a, _b;
-        let cancelled = false;
-        const pathName = location.pathname;
-        if (location.state && ((_b = (_a = location.state) === null || _a === void 0 ? void 0 : _a.preventScrollTop) === null || _b === void 0 ? void 0 : _b[pathName]))
+        var _a, _b, _c;
+        const preventScroll = ((_a = location.state) === null || _a === void 0 ? void 0 : _a.preventScrollTop) === true || // Handle state passed down via Tabs
+            ((_c = (_b = location.state) === null || _b === void 0 ? void 0 : _b.preventScrollTop) === null || _c === void 0 ? void 0 : _c[location.pathname]); // Handle state passed down via HistoryConsistentPush hook
+        if (preventScroll) {
             return;
-        // We don't want to scroll to top if we're still on the same page.
-        if (lastPathname == pathName)
-            return;
-        if (!cancelled) {
-            setLastPathname(pathName);
         }
         window.scrollTo(0, 0);
-        return () => {
-            cancelled = true;
-        };
-    }, [lastPathname]);
+    }, [location.pathname]);
     return null;
 }
 exports.default = ScrollToTop;

package/dist/src/components/generic/ScrollToTop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollToTop.js","sourceRoot":"/","sources":["src/components/generic/ScrollToTop.tsx"],"names":[],"mappings":";;AAAA,~~iCAA4C~~;~~AAC5C~~,uDAA+C;AAE/C,SAAS,WAAW;IAChB,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;~~IAC~~/B,~~MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,~~IAAA,~~gBAAQ,EAAC,EAAE,CAAC,CAAC;IAErD,IAAA,~~iBAAS,EAAC,GAAG,EAAE;;QACX,~~IAAI~~,~~SAAS~~,~~GAAG~~,~~KAAK~~,~~CAAC;QACtB~~,~~MAAM,~~QAAQ,~~GAAG~~,~~QAAQ~~,~~CAAC~~,~~QAAQ~~,~~CAAC;QACnC~~,IAAI,~~QAAQ~~,~~CAAC~~,~~KAAK~~,~~KAAI,~~MAAA,~~MAAC,~~QAAQ,CAAC,~~KAAa~~,0CAAE,gBAAgB,0CAAG,QAAQ,CAAC,~~CAAA;YAAE~~,~~OAAO;QACpF~~,~~kEAAkE;QAClE~~,~~IAAI~~,~~YAAY~~,~~IAAI,QAAQ~~;~~YAAE~~,~~OAAO;QACrC,~~IAAI,~~CAAC~~,~~SAAS,~~EAAE;~~YACZ~~,~~eAAe,CAAC,QAAQ,CAAC,CAAC~~;~~SAC7B~~;~~QACD~~,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;~~QAEtB~~,~~OAAO~~,~~GAAG,~~EAAE~~;YACR~~,~~SAAS,GAAG,IAAI,~~CAAC~~;QACrB~~,~~CAAC~~,CAAC~~;IACN~~,~~CAAC~~,~~EAAE,~~CAAC,~~YAAY,~~CAAC,CAAC~~,CAAC~~;~~IAEnB~~,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,kBAAe,WAAW,CAAC","sourcesContent":["import { useEffect, ~~useState~~ } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nfunction ScrollToTop(): null {\n const location = useLocation();\n ~~const [lastPathname, setLastPathname] = useState('');\n~~\n useEffect(() => {\n ~~let~~ ~~cancelled~~ ~~= false;\~~n ~~const~~ ~~pathName~~ = ~~location.pathname;\n if~~ ~~(location.~~state && (location.state ~~as any)~~?.preventScrollTop?.[~~pathName~~]) ~~return;\n~~ // We ~~don't~~ ~~want~~ to ~~scroll~~ to ~~top if we're still on the same page.\~~n ~~if (lastPathname == pathName) return;\~~n if (~~!cancelled~~) {\n ~~setLastPathname(pathName)~~;\n }\n window.scrollTo(0, 0);\n~~\n return () => {\n cancelled = true;\n };\n~~ }, [~~lastPathname~~]);\n\n return null;\n}\n\nexport default ScrollToTop;\n"]}
1	+ {"version":3,"file":"ScrollToTop.js","sourceRoot":"/","sources":["src/components/generic/ScrollToTop.tsx"],"names":[],"mappings":";;AAAA,iCAAkC;AAClC,uDAA+C;AAE/C,SAAS,WAAW;IAChB,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAE/B,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,MAAM,aAAa,GACf,CAAA,MAAA,QAAQ,CAAC,KAAK,0CAAE,gBAAgB,MAAK,IAAI,IAAI,oCAAoC;aACjF,MAAA,MAAA,QAAQ,CAAC,KAAK,0CAAE,gBAAgB,0CAAG,QAAQ,CAAC,QAAQ,CAAC,CAAA,CAAC,CAAC,0DAA0D;QAErH,IAAI,aAAa,EAAE;YACf,OAAO;SACV;QAED,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,kBAAe,WAAW,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nfunction ScrollToTop(): null {\n const location = useLocation();\n\n useEffect(() => {\n const preventScroll =\n location.state?.preventScrollTop === true \|\| // Handle state passed down via Tabs\n location.state?.preventScrollTop?.[location.pathname]; // Handle state passed down via HistoryConsistentPush hook\n\n if (preventScroll) {\n return;\n }\n\n window.scrollTo(0, 0);\n }, [location.pathname]);\n\n return null;\n}\n\nexport default ScrollToTop;\n"]}

package/dist/src/components/generic/Tabs/TabLink.d.ts CHANGED Viewed

@@ -1 +1,10 @@
-export declare const TabLink: (props: any) => JSX.Element | null;
+import React from 'react';
+interface TabLinkProps {
+    index: number;
+    title: React.ReactNode;
+    navPath: string;
+    disabled?: boolean;
+    preventScrollTop?: boolean;
+}
+export declare const TabLink: React.FC<TabLinkProps>;
+export {};

package/dist/src/components/generic/Tabs/TabLink.js CHANGED Viewed

@@ -1,23 +1,59 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabLink = void 0;
-const react_1 = __importDefault(require("react"));
-const react_router_dom_1 = require("react-router-dom");
 const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
 const Text_1 = __importDefault(require("../Text"));
 const Color_1 = require("../../../util/Color");
-const TabLink = (props) => {
-    const { title, navPath, disabled } = props;
+const TabContext_1 = __importDefault(require("./TabContext"));
+const TabLink = ({ index, title, navPath, disabled, preventScrollTop }) => {
     if (!title) {
         return null;
     }
     const location = (0, react_router_dom_1.useLocation)();
-    const navPathWithQueryParams = `${navPath}${location.search}`;
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const tabContext = (0, react_1.useContext)(TabContext_1.default);
+    const navPathWithQueryParams = {
+        pathname: navPath,
+        search: location.search,
+    };
     return (react_1.default.createElement("li", null,
-        react_1.default.createElement(react_router_dom_1.NavLink, { to: navPathWithQueryParams, className: ({ isActive }) => (0, classnames_1.default)('c-nav-item', { active: isActive, disabled }), end: true },
+        react_1.default.createElement(react_router_dom_1.NavLink, { to: navPathWithQueryParams, state: { preventScrollTop }, className: ({ isActive }) => (0, classnames_1.default)('c-nav-item', { active: isActive, disabled }), end: true, onClick: (e) => {
+                e.preventDefault();
+                if (!disabled) {
+                    // Due to this link being contained within a Swiper, sometimes the clicks don't work when the mouse is moving.
+                    // So we override the default behaviour and use the navigate function instead.
+                    navigate(navPathWithQueryParams, { state: { preventScrollTop } });
+                    tabContext.onChange(navPath, index);
+                }
+            } },
             react_1.default.createElement("span", { className: (0, classnames_1.default)('c-nav-link') },
                 react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, bold: true }, title)))));
 };

package/dist/src/components/generic/Tabs/TabLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabLink.js","sourceRoot":"/","sources":["src/components/generic/Tabs/TabLink.tsx"],"names":[],"mappings":"~~;;;;;;~~AAAA,~~kDAA0B~~;~~AAC1B,uDAAwD~~;~~AACxD~~,~~4DAA4B~~;~~AAC5B~~,qEAA6C;AAC7C,wCAAqC;~~AAE9B~~,MAAM,OAAO,~~GAAG~~,CAAC,~~KAAU,~~EAAE,~~EAAE;IAClC~~,~~MAAM,~~EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,~~GAAG~~,~~KAAK~~,~~CAAC~~;~~IAE3C~~,IAAI,CAAC,KAAK,EAAE;QACR,OAAO,IAAI,CAAC;KACf;IAED,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,~~sBAAsB~~,GAAG,GAAG,~~OAAO~~,GAAG,QAAQ,~~CAAC~~,MAAM,EAAE,CAAC;~~IAE9D~~,OAAO,CACH;QACI,8BAAC,0BAAO,~~IAAC~~,EAAE,EAAE,sBAAsB,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAA,oBAAE,EAAC,YAAY,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,~~GAAG~~;~~YACnH~~,wCAAM,SAAS,EAAE,IAAA,oBAAE,EAAC,YAAY,CAAC;gBAC7B,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,UAC5B,KAAK,CACH,CACJ,CACD,CACT,CACR,CAAC;AACN,CAAC,CAAC;~~AArBW~~,QAAA,OAAO,~~WAqBlB~~","sourcesContent":["import React from 'react';\nimport { NavLink, useLocation } from 'react-router-dom';\nimport ~~cx from 'classnames';\nimport~~ Text from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\~~nexport~~ ~~const~~ ~~TabLink~~ = ~~(props~~: ~~any)~~ => {\n const { title, navPath, disabled } = ~~props;\n~~\n if (!title) {\n return null;\n }\n\n const location = useLocation();\n const navPathWithQueryParams = `${navPath~~}${~~location.search}~~`;\~~n\n return (\n <li>\n <NavLink to={navPathWithQueryParams} className={({ isActive }) => cx('c-nav-item', { active: isActive, disabled })} ~~end~~>\n <span className={cx('c-nav-link')}>\n <Text color={Color.DarkGrey} bold>\n {title}\n </Text>\n </span>\n </NavLink>\n </li>\n );\n};\n"]}
1	+ {"version":3,"file":"TabLink.js","sourceRoot":"/","sources":["src/components/generic/Tabs/TabLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA4B;AAC5B,+CAA0C;AAC1C,uDAAqE;AAErE,qEAA6C;AAC7C,wCAAqC;AAErC,8DAAsC;AAU/B,MAAM,OAAO,GAA2B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,EAAE,EAAE;IACrG,IAAI,CAAC,KAAK,EAAE;QACR,OAAO,IAAI,CAAC;KACf;IAED,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,oBAAU,CAAC,CAAC;IAE1C,MAAM,sBAAsB,GAAG;QAC3B,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,QAAQ,CAAC,MAAM;KAC1B,CAAC;IAEF,OAAO,CACH;QACI,8BAAC,0BAAO,IACJ,EAAE,EAAE,sBAAsB,EAC1B,KAAK,EAAE,EAAE,gBAAgB,EAAE,EAC3B,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAA,oBAAE,EAAC,YAAY,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAC7E,GAAG,QACH,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBAEnB,IAAI,CAAC,QAAQ,EAAE;oBACX,8GAA8G;oBAC9G,8EAA8E;oBAC9E,QAAQ,CAAC,sBAAsB,EAAE,EAAE,KAAK,EAAE,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC;oBAClE,UAAU,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;iBACvC;YACL,CAAC;YAED,wCAAM,SAAS,EAAE,IAAA,oBAAE,EAAC,YAAY,CAAC;gBAC7B,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,UAC5B,KAAK,CACH,CACJ,CACD,CACT,CACR,CAAC;AACN,CAAC,CAAC;AAzCW,QAAA,OAAO,WAyClB","sourcesContent":["import cx from 'classnames';\nimport React, { useContext } from 'react';\nimport { NavLink, useLocation, useNavigate } from 'react-router-dom';\n\nimport Text from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\nimport TabContext from './TabContext';\n\ninterface TabLinkProps {\n index: number;\n title: React.ReactNode;\n navPath: string;\n disabled?: boolean;\n preventScrollTop?: boolean;\n}\n\nexport const TabLink: React.FC<TabLinkProps> = ({ index, title, navPath, disabled, preventScrollTop }) => {\n if (!title) {\n return null;\n }\n\n const location = useLocation();\n const navigate = useNavigate();\n\n const tabContext = useContext(TabContext);\n\n const navPathWithQueryParams = {\n pathname: navPath,\n search: location.search,\n };\n\n return (\n <li>\n <NavLink\n to={navPathWithQueryParams}\n state={{ preventScrollTop }}\n className={({ isActive }) => cx('c-nav-item', { active: isActive, disabled })}\n end\n onClick={(e) => {\n e.preventDefault();\n\n if (!disabled) {\n // Due to this link being contained within a Swiper, sometimes the clicks don't work when the mouse is moving.\n // So we override the default behaviour and use the navigate function instead.\n navigate(navPathWithQueryParams, { state: { preventScrollTop } });\n tabContext.onChange(navPath, index);\n }\n }}\n >\n <span className={cx('c-nav-link')}>\n <Text color={Color.DarkGrey} bold>\n {title}\n </Text>\n </span>\n </NavLink>\n </li>\n );\n};\n"]}

package/dist/src/components/generic/modal/SigninModal/FormContent/SignUpFormContent.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 interface SignUpFormContentProps {
-    onSignedInClick?: () => void;
+    onSignInClick?: () => void;
     onDone?: () => void;
 }
 export declare const SignUpFormContent: FC<SignUpFormContentProps>;

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

@@ -35,15 +35,15 @@ const Text_1 = __importStar(require("../../../Text"));
 const SignUpForm_1 = require("../../../../User/Forms/SignUpForm");
 const Translation_1 = require("../../../../../translations/Translation");
 const SignUpFormContent = (props) => {
-    const { onSignedInClick, onDone } = props;
+    const { onSignInClick, onDone } = props;
     const { t } = (0, react_i18next_1.useTranslation)();
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(SignUpForm_1.SignUpForm, { onSignedIn: onSignedInClick, onDone: onDone }),
+        react_1.default.createElement(SignUpForm_1.SignUpForm, { onSignIn: onSignInClick, onDone: onDone }),
         react_1.default.createElement(LineBreak_1.default, null),
         react_1.default.createElement("div", { className: "u-marg-bottom--light" },
             react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, bold: true }, t(Translation_1.Translation.Step.Confirmation.AlreadyHaveAccount))),
         react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
-            react_1.default.createElement(react_i18next_1.Trans, { i18nKey: Translation_1.Translation.Navigation.SignUp.SignIn, components: [react_1.default.createElement(BEButton_1.default, { key: 0, isText: true, size: "small", primary: true, onClick: onSignedInClick })] }))));
+            react_1.default.createElement(react_i18next_1.Trans, { i18nKey: Translation_1.Translation.Navigation.SignUp.SignIn, components: [react_1.default.createElement(BEButton_1.default, { key: 0, isText: true, size: "small", primary: true, onClick: onSignInClick })] }))));
 };
 exports.SignUpFormContent = SignUpFormContent;
 //# sourceMappingURL=SignUpFormContent.js.map

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

	@@ -1 +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,~~eAAe~~,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;~~IAC1C~~,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH;QACI,8BAAC,uBAAU,IAAC,~~UAAU~~,EAAE,~~eAAe~~,EAAE,MAAM,EAAE,MAAM,GAAI;~~QAC3D~~,8BAAC,mBAAS,OAAG;QACb,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,~~eAAe~~,GAAI,CAAC,GAAI,~~CAC/I~~,CACR,CACN,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,iBAAiB,qBAkB5B","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 ~~onSignedInClick~~?: () => void;\n onDone?: () => void;\n}\n\nexport const SignUpFormContent: FC<SignUpFormContentProps> = (props) => {\n const { ~~onSignedInClick~~, onDone } = props;\n const { t } = useTranslation();\n\n return (\n <>\n <SignUpForm ~~onSignedIn~~={~~onSignedInClick~~} onDone={onDone} />\n <LineBreak />\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={~~onSignedInClick~~} />]} />\n </Text>\n </>\n );\n};\n"]}
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;QACb,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;AAlBW,QAAA,iBAAiB,qBAkB5B","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 <div className=\"u-marg-bottom--light\">\n <Text type={TextType.Label} bold>\n {t(Translation.Step.Confirmation.AlreadyHaveAccount)}\n </Text>\n </div>\n <Text type={TextType.Small}>\n <Trans i18nKey={Translation.Navigation.SignUp.SignIn} components={[<BEButton key={0} isText size=\"small\" primary onClick={onSignInClick} />]} />\n </Text>\n </>\n );\n};\n"]}

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

@@ -33,7 +33,7 @@ const AutoAutoHeight_1 = __importDefault(require("../../../../animations/AutoAut
 const Fade_1 = __importDefault(require("../../../../animations/Fade"));
 const Overlay_1 = require("../../Overlay/Overlay");
 const ScreenSize_1 = __importDefault(require("../../../../util/ScreenSize"));
-const SimpleModal_1 = __importDefault(require("../SimpleModal"));
+const SimpleModal_1 = __importStar(require("../SimpleModal"));
 const ForgotPasswordFormContent_1 = require("./FormContent/ForgotPasswordFormContent");
 const SignInFormContent_1 = require("./FormContent/SignInFormContent");
 const SignUpFormContent_1 = require("./FormContent/SignUpFormContent");
@@ -45,16 +45,20 @@ var EViewingScreen;
     EViewingScreen["ForgotPassword"] = "ForgotPassword";
 })(EViewingScreen = exports.EViewingScreen || (exports.EViewingScreen = {}));
 const UnauthenticatedUserModal = (props) => {
-    const { open, anchorEl, containerEl, placement, onClose, onOpenOnMobile } = props;
+    const { open, anchorEl, placement, fallbackPlacements, containerEl, onClose, onOpenOnMobile, onConfirm } = props;
     const { 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);
-    const shouldBreakpoint = screenSize <= ScreenSize_1.default.Large;
+    const shouldBreakpoint = screenSize <= ScreenSize_1.default.Large || !anchorEl;
     const _onOpen = () => {
         if (shouldBreakpoint)
             onOpenOnMobile === null || onOpenOnMobile === void 0 ? void 0 : onOpenOnMobile();
     };
+    const onDone = () => {
+        _onOpen(); // It is unclear why onOpen is being called, but it is kept to avoid introducing regressions.
+        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+    };
     (0, react_1.useEffect)(() => {
         if (open) {
             setViewingScreen(EViewingScreen.SignIn);
@@ -83,16 +87,16 @@ 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: _onOpen }),
+                react_1.default.createElement(SignInFormContent_1.SignInFormContent, { key: EViewingScreen.SignIn, onForgotPasswordClick: showForgotPassword, onSignUpClick: showSignUpFormContent, onDone: onDone }),
             ],
-            [EViewingScreen.SignUp, react_1.default.createElement(SignUpFormContent_1.SignUpFormContent, { key: EViewingScreen.SignUp, onSignedInClick: showSignInFormContent, onDone: _onOpen })],
-            [EViewingScreen.ForgotPassword, react_1.default.createElement(ForgotPasswordFormContent_1.ForgotPasswordFormContent, { key: EViewingScreen.ForgotPassword, onCancelled: showSignInFormContent, onDone: _onOpen })],
+            [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 })],
         ].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 }, innerContent));
+        return (react_1.default.createElement(SimpleModal_1.default, { open: open, onClose: onClose, size: SimpleModal_1.SimpleModalSize.Small }, innerContent));
     }
     else {
-        return (react_1.default.createElement(Overlay_1.Overlay, { usePortal: true, followElement: shouldBreakpoint ? null : anchorEl, placement: placement || 'auto-end', container: containerEl, open: open, onClose: onClose, strategy: "fixed", className: "c-login-overlay" }, innerContent));
+        return (react_1.default.createElement(Overlay_1.Overlay, { usePortal: true, followElement: shouldBreakpoint ? null : anchorEl, placement: placement || 'auto-end', fallbackPlacements: fallbackPlacements, container: containerEl, open: open, onClose: onClose, strategy: "fixed", className: "c-login-overlay" }, innerContent));
     }
 };
 exports.UnauthenticatedUserModal = UnauthenticatedUserModal;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UnauthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/UnauthenticatedUserModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAiF;AAEjF,+CAAuE;AAEvE,iFAAyD;AACzD,6DAA8C;AAC9C,kEAA+D;AAC/D,mEAA2C;AAE3C,~~iEAAyC~~;~~AACzC~~,uFAAoF;AACpF,uEAAoE;AACpE,uEAAoE;AAepE,IAAY,cAKX;AALD,WAAY,cAAc;IACtB,qCAAmB,CAAA;IACnB,mCAAiB,CAAA;IACjB,mCAAiB,CAAA;IACjB,mDAAiC,CAAA;AACrC,CAAC,EALW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAKzB;AAEM,MAAM,wBAAwB,GAAG,CAAC,KAAoC,EAAE,EAAE;IAC7E,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,~~WAAW~~,EAAE,~~SAAS~~,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;~~IAClF~~,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAElE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAwB,cAAc,CAAC,MAAM,CAAC,CAAC;IAEjG,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAE9D,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,UAAU,IAAI,oBAAU,CAAC,KAAK,CAAC;~~IAExD~~,MAAM,OAAO,GAAG,GAAG,EAAE;QACjB,IAAI,gBAAgB;YAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,EAAI,CAAC;IAC7C,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,IAAI,EAAE;YACN,gBAAgB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;SAC3C;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,KAAK,GAAG,GAAG,EAAE;QACf,YAAY,EAAE,CAAC;QACf,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,KAAK,EAAE,CAAC;QACR,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC,cAAc,CAAC;IAC9D,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QAC/B,KAAK,EAAE,CAAC;QACR,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC,MAAM,CAAC;IACtD,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QAC/B,KAAK,EAAE,CAAC;QACR,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC,MAAM,CAAC;IACtD,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,gBAAgB,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CACjB,uCAAK,SAAS,EAAC,iCAAiC;QAC5C,8BAAC,wBAAc,IAAC,IAAI,QAAC,SAAS,UACzB;YACG;gBACI,cAAc,CAAC,MAAM;gBACrB,8BAAC,qCAAiB,IAAC,GAAG,EAAE,cAAc,CAAC,MAAM,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,EAAE,~~OAAO~~,GAAI;~~aACtJ~~;YACD,CAAC,cAAc,CAAC,MAAM,EAAE,8BAAC,qCAAiB,IAAC,GAAG,EAAE,cAAc,CAAC,MAAM,EAAE,~~eAAe~~,EAAE,qBAAqB,EAAE,MAAM,EAAE,~~OAAO~~,GAAI,CAAC;~~YACnI~~,CAAC,cAAc,CAAC,cAAc,EAAE,8BAAC,qDAAyB,IAAC,GAAG,EAAE,cAAc,CAAC,cAAc,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,EAAE,~~OAAO~~,GAAI,CAAC;~~SAC1J~~,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,8BAAC,cAAa,IAAC,IAAI,EAAE,aAAa,KAAK,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,IAC1F,OAA6B,CAClB,CACnB,CAAC,CACW,CACf,CACT,CAAC;IAEF,IAAI,gBAAgB,EAAE;QAClB,OAAO,CACH,8BAAC,qBAAW,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,~~IACpC~~,YAAY,CACH,CACjB,CAAC;KACL;SAAM;QACH,OAAO,CACH,8BAAC,iBAAO,IACJ,SAAS,QACT,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,EACjD,SAAS,EAAE,SAAS,IAAI,UAAU,EAClC,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,iBAAiB,IAE1B,YAAY,CACP,CACb,CAAC;KACL;AACL,CAAC,CAAC;~~AAtFW~~,QAAA,wBAAwB,~~4BAsFnC~~","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 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, ~~containerEl~~, ~~placement~~, onClose, onOpenOnMobile } = 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;\n\n const _onOpen = () => {\n if (shouldBreakpoint) onOpenOnMobile?.();\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={~~_onOpen~~} />,\n ],\n [EViewingScreen.SignUp, <SignUpFormContent key={EViewingScreen.SignUp} ~~onSignedInClick~~={showSignInFormContent} onDone={~~_onOpen~~} />],\n [EViewingScreen.ForgotPassword, <ForgotPasswordFormContent key={EViewingScreen.ForgotPassword} onCancelled={showSignInFormContent} onDone={~~_onOpen~~} />],\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}>\n {innerContent}\n </SimpleModal>\n );\n } else {\n return (\n <Overlay\n usePortal\n followElement={shouldBreakpoint ? null : anchorEl}\n placement={placement \|\| 'auto-end'}\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"]}
1	+ {"version":3,"file":"UnauthenticatedUserModal.js","sourceRoot":"/","sources":["src/components/generic/modal/SigninModal/UnauthenticatedUserModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAiF;AAEjF,+CAAuE;AAEvE,iFAAyD;AACzD,6DAA8C;AAC9C,kEAA+D;AAC/D,mEAA2C;AAE3C,8DAA8D;AAC9D,uFAAoF;AACpF,uEAAoE;AACpE,uEAAoE;AAepE,IAAY,cAKX;AALD,WAAY,cAAc;IACtB,qCAAmB,CAAA;IACnB,mCAAiB,CAAA;IACjB,mCAAiB,CAAA;IACjB,mDAAiC,CAAA;AACrC,CAAC,EALW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAKzB;AAEM,MAAM,wBAAwB,GAAG,CAAC,KAAoC,EAAE,EAAE;IAC7E,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACjH,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAElE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAwB,cAAc,CAAC,MAAM,CAAC,CAAC;IAEjG,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAE9D,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,UAAU,IAAI,oBAAU,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC;IAErE,MAAM,OAAO,GAAG,GAAG,EAAE;QACjB,IAAI,gBAAgB;YAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,EAAI,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,OAAO,EAAE,CAAC,CAAC,6FAA6F;QACxG,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAC;IAClB,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,IAAI,EAAE;YACN,gBAAgB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;SAC3C;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,KAAK,GAAG,GAAG,EAAE;QACf,YAAY,EAAE,CAAC;QACf,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,KAAK,EAAE,CAAC;QACR,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC,cAAc,CAAC;IAC9D,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QAC/B,KAAK,EAAE,CAAC;QACR,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC,MAAM,CAAC;IACtD,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QAC/B,KAAK,EAAE,CAAC;QACR,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC,MAAM,CAAC;IACtD,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,gBAAgB,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CACjB,uCAAK,SAAS,EAAC,iCAAiC;QAC5C,8BAAC,wBAAc,IAAC,IAAI,QAAC,SAAS,UACzB;YACG;gBACI,cAAc,CAAC,MAAM;gBACrB,8BAAC,qCAAiB,IAAC,GAAG,EAAE,cAAc,CAAC,MAAM,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,GAAI;aACrJ;YACD,CAAC,cAAc,CAAC,MAAM,EAAE,8BAAC,qCAAiB,IAAC,GAAG,EAAE,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;YAChI,CAAC,cAAc,CAAC,cAAc,EAAE,8BAAC,qDAAyB,IAAC,GAAG,EAAE,cAAc,CAAC,cAAc,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;SACzJ,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,8BAAC,cAAa,IAAC,IAAI,EAAE,aAAa,KAAK,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,IAC1F,OAA6B,CAClB,CACnB,CAAC,CACW,CACf,CACT,CAAC;IAEF,IAAI,gBAAgB,EAAE;QAClB,OAAO,CACH,8BAAC,qBAAW,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,6BAAe,CAAC,KAAK,IACjE,YAAY,CACH,CACjB,CAAC;KACL;SAAM;QACH,OAAO,CACH,8BAAC,iBAAO,IACJ,SAAS,QACT,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,EACjD,SAAS,EAAE,SAAS,IAAI,UAAU,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAC,iBAAiB,IAE1B,YAAY,CACP,CACb,CAAC;KACL;AACL,CAAC,CAAC;AA5FW,QAAA,wBAAwB,4BA4FnC","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"]}

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

@@ -74,30 +74,23 @@ const ExternalMemberModal = (props) => {
         }
     };
     const onSubmit = (fields) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
+        var _a;
         setIsLoading(true);
         setErrorMessage('');
         try {
             const hotelId = hotel === null || hotel === void 0 ? void 0 : hotel.hotelID;
             const member = yield BookingAPI_1.default.Member.verifyMember(hotelId, fields);
             if (member && member.memberId) {
-                signUserIn({
+                yield signUserIn({
                     saveState: false,
                     memberNumber: member.memberId,
                     firstName: fields.firstName,
                     lastName: fields.lastName,
                     email: fields.email,
-                }, true);
-                const promoCode = member.promoCode || (hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyPromoCode);
-                // Apply promo code
-                if (promoCode && !(memberOnlyModalPromotion === null || memberOnlyModalPromotion === void 0 ? void 0 : memberOnlyModalPromotion.memberOnlyDisableDefaultPromo)) {
-                    (_a = basketContext.currentBasketRows) === null || _a === void 0 ? void 0 : _a.forEach((row) => {
-                        row.setPromoCode(promoCode);
-                        basketContext.updateBasketRow(row);
-                    });
-                }
+                    promoCode: member.promoCode,
+                });
                 // Preset checkout defaults
-                (_b = basketContext.currentBasketRows) === null || _b === void 0 ? void 0 : _b.forEach((row) => (row.checkoutDefaults = {
+                (_a = basketContext.currentBasketRows) === null || _a === void 0 ? void 0 : _a.forEach((row) => (row.checkoutDefaults = {
                     FirstName: fields.firstName,
                     LastName: fields.lastName,
                     Email: fields.email,

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

	@@ -1 +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 signUserIn(\n {\n saveState: false,\n memberNumber: member.memberId,\n firstName: fields.firstName,\n lastName: fields.lastName,\n email: fields.email,\n },\n true\n );\n\n const promoCode = member.promoCode \|\| (hotel?.memberOnlyPromoCode as string);\n\n // Apply promo code\n if (promoCode && !memberOnlyModalPromotion?.memberOnlyDisableDefaultPromo) {\n basketContext.currentBasketRows?.forEach((row) => {\n row.setPromoCode(promoCode);\n basketContext.updateBasketRow(row);\n });\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"]}
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"]}

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

@@ -72,7 +72,6 @@ function InternalMemberSignInModal(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const { t } = (0, react_i18next_1.useTranslation)();
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
-    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
     const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
@@ -229,7 +228,7 @@ function InternalMemberSignInModal(props) {
                 setCaptchaError(t(Translation_1.Translation.MemberOnlyPopup.Errors.ReCaptcha.ValidationError));
             }
             else {
-                ccx.signUserIn({ saveState: true, memberNumber: Email, firstName: FirstName, lastName: LastName, email: Email });
+                yield ccx.signUserIn({ saveState: true, memberNumber: Email, firstName: FirstName, lastName: LastName, email: Email });
             }
         }
         catch (e) {