@roomstay/frontend 2.6.82 → 2.6.83

package/dist/src/components/User/Forms/SignInForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignInForm.js","sourceRoot":"/","sources":["src/components/User/Forms/SignInForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, CognitoLoginState, useMemberContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { FC, useContext } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { 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 Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { PasswordBox } from '@/components/generic/PasswordBox/PasswordBox';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { Color } from '@/util/Color';\n\nexport type SignInFormProps = {\n    onForgotPassword?: () => void;\n    onSignedIn?: () => void;\n    onNotVerified?: () => void;\n    onDone?: () => void;\n};\nexport const SignInForm: FC<SignInFormProps> = (props) => {\n    const { t } = useTranslation();\n\n    const { error, login, reset, setPendingCredentials } = useContext(AuthenticationContext);\n    const { loading } = useMemberContext();\n    const { hotel } = useCurrentHotel();\n\n    const { register, formState, handleSubmit, clearErrors } = useForm({\n        mode: 'onSubmit',\n    });\n\n    const errors = formState.errors;\n\n    const getValidationClass = (name: string) => {\n        if (errors) {\n            if (errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit = async (values: any) => {\n        if (loading) return;\n\n        clearErrors();\n        reset();\n\n        try {\n            const loginState = await login(values.email, values.password, { hotel });\n            if (loginState === CognitoLoginState.RequiresConfirmation) {\n                setPendingCredentials({ email: values.email, password: values.password });\n                props.onNotVerified?.();\n            } else {\n                if (loginState === CognitoLoginState.Success) {\n                    props.onSignedIn?.();\n                }\n\n                props.onDone?.();\n            }\n        } catch (ex) {\n            console.error(ex);\n        }\n    };\n\n    const onInvalid = () => {\n        reset();\n    };\n\n    const onForgotPasswordClicked = () => {\n        props.onForgotPassword?.();\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.SignIn.SignIn)}\n                </Headline>\n                <Text color={Color.Navy} bold={false} type={TextType.Body}>\n                    {t(Translation.Navigation.SignIn.GetLowerPrices)}\n                </Text>\n            </div>\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, onInvalid)} className=\"u-marg-bottom\">\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                        placeholder=\"example@mail.com\"\n                        required\n                        validationStatus={getValidationClass('email')}\n                        inputProps={{ disabled: loading }}\n                        {...register('email', {\n                            required: {\n                                message: `${t(Translation.Navigation.SignIn.EmailAddress)} is required`,\n                                value: true,\n                            },\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.SignIn.Password)}\n                        </Text>\n                    </div>\n                    <PasswordBox\n                        inputProps={{ disabled: loading }}\n                        placeholder=\"•••••••••••••••\"\n                        required\n                        validationStatus={getValidationClass('password')}\n                        {...register('password', {\n                            required: { message: 'Password is required', value: true },\n                            minLength: { message: 'Password must be at least 8 characters long', value: 8 },\n                        })}\n                    />\n                    <div className=\"u-marg-top--light\">\n                        <BEButton isText size=\"tiny\" textColor={Color.Navy} onClick={onForgotPasswordClicked}>\n                            {t(Translation.Navigation.SignIn.ForgotPassword)}\n                        </BEButton>\n                    </div>\n                </div>\n                <BEButton wide icon={IconType.ArrowRight} iconPosition=\"right\" filled primary name=\"SignInButton\" htmlType=\"submit\" isLoading={loading}>\n                    {t(Translation.Navigation.SignIn.SignIn)}\n                </BEButton>\n            </form>\n            {false && ( // TODO: We do not currently support social singin\n                <>\n                    <div className=\"u-align-center\">{t(Translation.Navigation.SignIn.Or)}</div>\n                    <div className=\"u-flex u-flex-column u-marg-top u-flex-justify-center u-marg-bottom--heavy\">\n                        <BEButton isText className=\"u-marg-right\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path\n                                    d=\"M8.63085 24C5.00185 23.9799 2 16.8743 2 13.2555C2 7.34428 6.62311 6.05016 8.40483 6.05016C9.20777 6.05016 10.0652 6.35261 10.8214 6.62025C11.3502 6.80694 11.8971 6.99967 12.2013 6.99967C12.3834 6.99967 12.8124 6.83572 13.1912 6.69188C13.999 6.3834 15.0043 6 16.1749 6C16.177 6 16.1798 6 16.1819 6C17.0559 6 19.7062 6.184 21.2996 8.47917L21.6728 9.01715L21.1357 9.40593C20.3683 9.96131 18.9682 10.9744 18.9682 12.9812C18.9682 15.358 20.5538 16.2721 21.3156 16.7117C21.6519 16.9057 22 17.1058 22 17.5434C22 17.8292 19.6225 23.9646 16.17 23.9646C15.3252 23.9646 14.728 23.721 14.2013 23.5062C13.6683 23.2887 13.2086 23.1014 12.4489 23.1014C12.0638 23.1014 11.5768 23.276 11.0613 23.4614C10.3568 23.7136 9.55938 24 8.65457 24H8.63085Z\"\n                                    fill=\"#1D1D1D\"\n                                />\n                                <path d=\"M15.9978 0C16.0763 3.0263 14.0528 5.12581 12.0317 4.99414C11.6987 2.57904 14.0526 0 15.9978 0Z\" fill=\"#1D1D1D\" />\n                            </svg>\n                        </BEButton>\n                        <BEButton isText className=\"u-marg-right\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path\n                                    d=\"M8.59895 4.63149C8.59895 4.48188 8.61961 4.15878 8.66093 3.66426C8.70535 3.16869 8.89128 2.65027 9.22493 2.10588C9.55548 1.56357 10.0916 1.07632 10.8374 0.645167C11.5801 0.216095 12.6534 0 14.0541 0H18V4.32501H15.1108C14.8247 4.32501 14.5581 4.43306 14.3175 4.64603C14.0789 4.85901 13.9559 5.0616 13.9559 5.24964V7.94044H17.999C17.9566 8.46717 17.9101 8.97935 17.8564 9.47388L17.6963 10.7808C17.6323 11.2224 17.5672 11.6317 17.5031 12.0088H13.927V24H8.59895V12.0078H6V7.94044H8.59895V4.63149Z\"\n                                    fill=\"#1877F2\"\n                                />\n                            </svg>\n                        </BEButton>\n                        <BEButton isText>\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <g clipPath=\"url(#clip0_13480_12531)\">\n                                    <path\n                                        d=\"M5.31891 14.5034L4.4835 17.6221L1.43011 17.6867C0.517594 15.9942 0 14.0578 0 11.9999C0 10.0101 0.483938 8.13355 1.34175 6.48125H1.34241L4.06078 6.97963L5.25159 9.68169C5.00236 10.4083 4.86652 11.1883 4.86652 11.9999C4.86661 12.8808 5.02617 13.7248 5.31891 14.5034Z\"\n                                        fill=\"#FBBB00\"\n                                    />\n                                    <path\n                                        d=\"M23.7902 9.75822C23.928 10.4841 23.9999 11.2338 23.9999 12C23.9999 12.8591 23.9095 13.6971 23.7375 14.5055C23.1533 17.2563 21.6269 19.6582 19.5124 21.358L19.5118 21.3573L16.0878 21.1826L15.6032 18.1576C17.0063 17.3347 18.1028 16.047 18.6804 14.5055H12.2637V9.75822H18.774H23.7902Z\"\n                                        fill=\"#518EF8\"\n                                    />\n                                    <path\n                                        d=\"M19.5114 21.3574L19.5121 21.3581C17.4556 23.011 14.8433 24.0001 11.9996 24.0001C7.42969 24.0001 3.45652 21.4458 1.42969 17.6869L5.31848 14.5036C6.33187 17.2082 8.94089 19.1335 11.9996 19.1335C13.3143 19.1335 14.546 18.7781 15.6029 18.1577L19.5114 21.3574Z\"\n                                        fill=\"#28B446\"\n                                    />\n                                    <path\n                                        d=\"M19.6596 2.76262L15.7721 5.94525C14.6783 5.26153 13.3853 4.86656 12 4.86656C8.87213 4.86656 6.21431 6.88017 5.25169 9.68175L1.34245 6.48131H1.3418C3.33895 2.63077 7.36223 0 12 0C14.9117 0 17.5814 1.03716 19.6596 2.76262Z\"\n                                        fill=\"#F14336\"\n                                    />\n                                </g>\n                                <defs>\n                                    <clipPath id=\"clip0_13480_12531\">\n                                        <rect width=\"24\" height=\"24\" fill=\"white\" />\n                                    </clipPath>\n                                </defs>\n                            </svg>\n                        </BEButton>\n                    </div>\n                </>\n            )}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SignInForm.js","sourceRoot":"/","sources":["src/components/User/Forms/SignInForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, CognitoLoginState, useMemberContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { FC, useContext } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { 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 Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { PasswordBox } from '@/components/generic/PasswordBox/PasswordBox';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { Color } from '@/util/Color';\n\nexport type SignInFormProps = {\n    onForgotPassword?: () => void;\n    onSignedIn?: () => void;\n    onNotVerified?: () => void;\n    onDone?: () => void;\n};\nexport const SignInForm: FC<SignInFormProps> = (props) => {\n    const { t } = useTranslation();\n\n    const { error, login, reset, setPendingCredentials } = useContext(AuthenticationContext);\n    const { loading } = useMemberContext();\n    const { hotel } = useCurrentHotel();\n\n    const { register, formState, handleSubmit, clearErrors } = useForm({\n        mode: 'onSubmit',\n    });\n\n    const errors = formState.errors;\n\n    const getValidationClass = (name: string) => {\n        if (errors) {\n            if (errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit = async (values: any) => {\n        if (loading) return;\n\n        clearErrors();\n        reset();\n\n        try {\n            const loginState = await login(values.email, values.password, { hotel });\n            if (loginState === CognitoLoginState.RequiresConfirmation) {\n                setPendingCredentials({ email: values.email, password: values.password });\n                props.onNotVerified?.();\n            } else {\n                if (loginState === CognitoLoginState.Success) {\n                    props.onSignedIn?.();\n                }\n\n                props.onDone?.();\n            }\n        } catch (ex) {\n            console.error(ex);\n        }\n    };\n\n    const onInvalid = () => {\n        reset();\n    };\n\n    const onForgotPasswordClicked = () => {\n        props.onForgotPassword?.();\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.SignIn.SignIn)}\n                </Headline>\n                <Text color={Color.Navy} bold={false} type={TextType.Body}>\n                    {t(Translation.Navigation.SignIn.GetLowerPrices)}\n                </Text>\n            </div>\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, onInvalid)} className=\"u-marg-bottom\">\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                        placeholder=\"example@mail.com\"\n                        required\n                        validationStatus={getValidationClass('email')}\n                        inputProps={{ disabled: loading }}\n                        {...register('email', {\n                            required: {\n                                message: `${t(Translation.Navigation.SignIn.EmailAddress)} is required`,\n                                value: true,\n                            },\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.SignIn.Password)}\n                        </Text>\n                    </div>\n                    <PasswordBox\n                        inputProps={{ disabled: loading }}\n                        placeholder=\"•••••••••••••••\"\n                        required\n                        validationStatus={getValidationClass('password')}\n                        {...register('password', {\n                            required: { message: 'Password is required', value: true },\n                            minLength: { message: 'Password must be at least 8 characters long', value: 8 },\n                        })}\n                    />\n                    <div className=\"u-marg-top--light\">\n                        <BEButton isText size=\"tiny\" textColor={Color.Navy} onClick={onForgotPasswordClicked}>\n                            {t(Translation.Navigation.SignIn.ForgotPassword)}\n                        </BEButton>\n                    </div>\n                </div>\n                <BEButton wide icon={IconType.ArrowRight} iconPosition=\"right\" filled primary name=\"SignInButton\" htmlType=\"submit\" isLoading={loading}>\n                    {t(Translation.Navigation.SignIn.SignIn)}\n                </BEButton>\n            </form>\n            {false && ( // TODO: We do not currently support social singin\n                <>\n                    <div className=\"u-align-center\">{t(Translation.Navigation.SignIn.Or)}</div>\n                    <div className=\"u-flex u-flex-column u-marg-top u-flex-justify-center u-marg-bottom--heavy\">\n                        <BEButton isText className=\"u-marg-right\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path\n                                    d=\"M8.63085 24C5.00185 23.9799 2 16.8743 2 13.2555C2 7.34428 6.62311 6.05016 8.40483 6.05016C9.20777 6.05016 10.0652 6.35261 10.8214 6.62025C11.3502 6.80694 11.8971 6.99967 12.2013 6.99967C12.3834 6.99967 12.8124 6.83572 13.1912 6.69188C13.999 6.3834 15.0043 6 16.1749 6C16.177 6 16.1798 6 16.1819 6C17.0559 6 19.7062 6.184 21.2996 8.47917L21.6728 9.01715L21.1357 9.40593C20.3683 9.96131 18.9682 10.9744 18.9682 12.9812C18.9682 15.358 20.5538 16.2721 21.3156 16.7117C21.6519 16.9057 22 17.1058 22 17.5434C22 17.8292 19.6225 23.9646 16.17 23.9646C15.3252 23.9646 14.728 23.721 14.2013 23.5062C13.6683 23.2887 13.2086 23.1014 12.4489 23.1014C12.0638 23.1014 11.5768 23.276 11.0613 23.4614C10.3568 23.7136 9.55938 24 8.65457 24H8.63085Z\"\n                                    fill=\"#1D1D1D\"\n                                />\n                                <path d=\"M15.9978 0C16.0763 3.0263 14.0528 5.12581 12.0317 4.99414C11.6987 2.57904 14.0526 0 15.9978 0Z\" fill=\"#1D1D1D\" />\n                            </svg>\n                        </BEButton>\n                        <BEButton isText className=\"u-marg-right\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path\n                                    d=\"M8.59895 4.63149C8.59895 4.48188 8.61961 4.15878 8.66093 3.66426C8.70535 3.16869 8.89128 2.65027 9.22493 2.10588C9.55548 1.56357 10.0916 1.07632 10.8374 0.645167C11.5801 0.216095 12.6534 0 14.0541 0H18V4.32501H15.1108C14.8247 4.32501 14.5581 4.43306 14.3175 4.64603C14.0789 4.85901 13.9559 5.0616 13.9559 5.24964V7.94044H17.999C17.9566 8.46717 17.9101 8.97935 17.8564 9.47388L17.6963 10.7808C17.6323 11.2224 17.5672 11.6317 17.5031 12.0088H13.927V24H8.59895V12.0078H6V7.94044H8.59895V4.63149Z\"\n                                    fill=\"#1877F2\"\n                                />\n                            </svg>\n                        </BEButton>\n                        <BEButton isText>\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <g clipPath=\"url(#clip0_13480_12531)\">\n                                    <path\n                                        d=\"M5.31891 14.5034L4.4835 17.6221L1.43011 17.6867C0.517594 15.9942 0 14.0578 0 11.9999C0 10.0101 0.483938 8.13355 1.34175 6.48125H1.34241L4.06078 6.97963L5.25159 9.68169C5.00236 10.4083 4.86652 11.1883 4.86652 11.9999C4.86661 12.8808 5.02617 13.7248 5.31891 14.5034Z\"\n                                        fill=\"#FBBB00\"\n                                    />\n                                    <path\n                                        d=\"M23.7902 9.75822C23.928 10.4841 23.9999 11.2338 23.9999 12C23.9999 12.8591 23.9095 13.6971 23.7375 14.5055C23.1533 17.2563 21.6269 19.6582 19.5124 21.358L19.5118 21.3573L16.0878 21.1826L15.6032 18.1576C17.0063 17.3347 18.1028 16.047 18.6804 14.5055H12.2637V9.75822H18.774H23.7902Z\"\n                                        fill=\"#518EF8\"\n                                    />\n                                    <path\n                                        d=\"M19.5114 21.3574L19.5121 21.3581C17.4556 23.011 14.8433 24.0001 11.9996 24.0001C7.42969 24.0001 3.45652 21.4458 1.42969 17.6869L5.31848 14.5036C6.33187 17.2082 8.94089 19.1335 11.9996 19.1335C13.3143 19.1335 14.546 18.7781 15.6029 18.1577L19.5114 21.3574Z\"\n                                        fill=\"#28B446\"\n                                    />\n                                    <path\n                                        d=\"M19.6596 2.76262L15.7721 5.94525C14.6783 5.26153 13.3853 4.86656 12 4.86656C8.87213 4.86656 6.21431 6.88017 5.25169 9.68175L1.34245 6.48131H1.3418C3.33895 2.63077 7.36223 0 12 0C14.9117 0 17.5814 1.03716 19.6596 2.76262Z\"\n                                        fill=\"#F14336\"\n                                    />\n                                </g>\n                                <defs>\n                                    <clipPath id=\"clip0_13480_12531\">\n                                        <rect width=\"24\" height=\"24\" fill=\"white\" />\n                                    </clipPath>\n                                </defs>\n                            </svg>\n                        </BEButton>\n                    </div>\n                </>\n            )}\n        </div>\n    );\n};\n"]}

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

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

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

@@ -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, CompanyContext } 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 { VerifyEmailForm } from '@/components/User/Forms/VerifyEmailForm';\nimport { Color } from '@/util/Color';\nimport { makePasswordPatternRule, makeRequiredRule } from '@/util/Validation';\n\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\nimport styles from './SignUpForm.module.scss';\n\ntype SignUpFormProps = {\n    onForgotPassword?: () => void;\n    onSignIn?: () => void;\n    onDone?: () => void;\n    defaultValues?: {\n        email?: string;\n        firstName?: string;\n        lastName?: string;\n    };\n    hideTitle?: boolean;\n    reduceMargins?: boolean;\n};\n\nexport const SignUpForm = (props: SignUpFormProps) => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n\n    const { loading, error, cognitoLoginState, register: cognitoRegister, reset: cognitoReset, setPendingCredentials } = useContext(AuthenticationContext);\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [, setApiErrorMessages] = useState('');\n    const [isVerifyingEmail, setIsVerifyingEmail] = useState(cognitoLoginState === CognitoLoginState.RequiresConfirmation);\n\n    const { register, formState, handleSubmit } = useForm({\n        mode: 'onSubmit',\n        defaultValues: {\n            email: props.defaultValues?.email || '',\n            forename: props.defaultValues?.firstName || '',\n            surname: props.defaultValues?.lastName || '',\n            password: '',\n            termsAndConditions: false,\n        },\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 as keyof typeof formState.touchedFields]) {\n            if (errors[name as keyof typeof errors]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit = async (values: any) => {\n        setIsLoading(true);\n        setApiErrorMessages('');\n\n        try {\n            const state = await cognitoRegister(\n                values.email,\n                values.password,\n                {\n                    ['custom:forename']: values.forename,\n                    ['custom:surname']: values.surname,\n                },\n                { hotel }\n            );\n\n            if (state === CognitoLoginState.RequiresConfirmation) {\n                setPendingCredentials({ email: values.email, password: values.password });\n                setIsVerifyingEmail(true);\n            }\n        } finally {\n            setIsLoading(false);\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 className={`${props.reduceMargins ? styles['signup-form--reduced-margins'] : ''}`}>\n            {!props.hideTitle && (\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            )}\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 as keyof typeof formState.errors]?.message}</Text>\n                            </Alert>\n                        );\n                    })}\n                </div>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={!isVerifyingEmail} startOpen>\n                <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom\">\n                        <InputGroup dimensions=\"2/2\" noMargin={props.reduceMargins}>\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 password-hint\">\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 || ccx?.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                </form>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={isVerifyingEmail}>\n                <VerifyEmailForm onDone={props.onDone} onSignIn={props.onSignIn}></VerifyEmailForm>\n            </AutoAutoHeight>\n\n            <div className=\"u-marg-top--light\">\n                <Text type={TextType.Label} color={Color.DarkGrey}>\n                    <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.AgreeToReceiveDeals, { companyShort: ccx?.companyShort }) }}></span>\n                </Text>{' '}\n                <Text type={TextType.Label} color={Color.DarkGrey}>\n                    <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.UnsubscribeAnytime) }}></span>\n                </Text>\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SignUpForm.js","sourceRoot":"/","sources":["src/components/User/Forms/SignUpForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, CognitoLoginState, CompanyContext } 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 { VerifyEmailForm } from '@/components/User/Forms/VerifyEmailForm';\nimport { Color } from '@/util/Color';\nimport { makePasswordPatternRule, makeRequiredRule } from '@/util/Validation';\n\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\nimport styles from './SignUpForm.module.scss';\n\ntype SignUpFormProps = {\n    onForgotPassword?: () => void;\n    onSignIn?: () => void;\n    onDone?: () => void;\n    defaultValues?: {\n        email?: string;\n        firstName?: string;\n        lastName?: string;\n    };\n    hideTitle?: boolean;\n    reduceMargins?: boolean;\n};\n\nexport const SignUpForm = (props: SignUpFormProps) => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n\n    const { loading, error, cognitoLoginState, register: cognitoRegister, reset: cognitoReset, setPendingCredentials } = useContext(AuthenticationContext);\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [, setApiErrorMessages] = useState('');\n    const [isVerifyingEmail, setIsVerifyingEmail] = useState(cognitoLoginState === CognitoLoginState.RequiresConfirmation);\n\n    const { register, formState, handleSubmit } = useForm({\n        mode: 'onSubmit',\n        defaultValues: {\n            email: props.defaultValues?.email || '',\n            forename: props.defaultValues?.firstName || '',\n            surname: props.defaultValues?.lastName || '',\n            password: '',\n            termsAndConditions: false,\n        },\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 as keyof typeof formState.touchedFields]) {\n            if (errors[name as keyof typeof errors]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit = async (values: any) => {\n        setIsLoading(true);\n        setApiErrorMessages('');\n\n        try {\n            const state = await cognitoRegister(\n                values.email,\n                values.password,\n                {\n                    ['custom:forename']: values.forename,\n                    ['custom:surname']: values.surname,\n                },\n                { hotel }\n            );\n\n            if (state === CognitoLoginState.RequiresConfirmation) {\n                setPendingCredentials({ email: values.email, password: values.password });\n                setIsVerifyingEmail(true);\n            }\n        } finally {\n            setIsLoading(false);\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 className={`${props.reduceMargins ? styles['signup-form--reduced-margins'] : ''}`}>\n            {!props.hideTitle && (\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            )}\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 as keyof typeof formState.errors]?.message}</Text>\n                            </Alert>\n                        );\n                    })}\n                </div>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={!isVerifyingEmail} startOpen>\n                <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\n                    <div className=\"u-marg-bottom\">\n                        <InputGroup dimensions=\"2/2\" noMargin={props.reduceMargins}>\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 password-hint\">\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 || ccx?.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                </form>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={isVerifyingEmail}>\n                <VerifyEmailForm onDone={props.onDone} onSignIn={props.onSignIn}></VerifyEmailForm>\n            </AutoAutoHeight>\n\n            <div className=\"u-marg-top--light\">\n                <Text type={TextType.Label} color={Color.DarkGrey}>\n                    <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.AgreeToReceiveDeals, { companyShort: ccx?.companyShort }) }}></span>\n                </Text>{' '}\n                <Text type={TextType.Label} color={Color.DarkGrey}>\n                    <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.UnsubscribeAnytime) }}></span>\n                </Text>\n            </div>\n        </div>\n    );\n};\n"]}

package/dist/src/components/User/Forms/VerifyEmailForm.js

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

package/dist/src/components/User/Forms/VerifyEmailForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerifyEmailForm.js","sourceRoot":"/","sources":["src/components/User/Forms/VerifyEmailForm.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 { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { Color } from '@/util/Color';\nimport { makeRequiredRule } from '@/util/Validation';\n\ntype VerifyEmailFormProps = {\n    onForgotPassword?: () => void;\n    onSignIn?: () => void;\n    onDone?: () => void;\n};\n\nexport const VerifyEmailForm = (props: VerifyEmailFormProps) => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const { loading, confirmAccount } = useContext(AuthenticationContext);\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [, setApiErrorMessages] = useState('');\n\n    const { register, formState, handleSubmit } = useForm({\n        mode: 'onSubmit',\n    });\n\n    const errors = formState.errors;\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        confirmAccount(values.code, { hotel })\n            .then((state) => {\n                if (state === CognitoLoginState.Login) {\n                    props.onSignIn?.();\n                } else {\n                    props.onDone?.();\n                }\n            })\n            .finally(() => {\n                setIsLoading(false);\n            });\n    };\n\n    return (\n        <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\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)(true, '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        </form>\n    );\n};\n"]}
+{"version":3,"file":"VerifyEmailForm.js","sourceRoot":"/","sources":["src/components/User/Forms/VerifyEmailForm.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 { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { Color } from '@/util/Color';\nimport { makeRequiredRule } from '@/util/Validation';\n\ntype VerifyEmailFormProps = {\n    onForgotPassword?: () => void;\n    onSignIn?: () => void;\n    onDone?: () => void;\n};\n\nexport const VerifyEmailForm = (props: VerifyEmailFormProps) => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const { loading, confirmAccount } = useContext(AuthenticationContext);\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [, setApiErrorMessages] = useState('');\n\n    const { register, formState, handleSubmit } = useForm({\n        mode: 'onSubmit',\n    });\n\n    const errors = formState.errors;\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        confirmAccount(values.code, { hotel })\n            .then((state) => {\n                if (state === CognitoLoginState.Login) {\n                    props.onSignIn?.();\n                } else {\n                    props.onDone?.();\n                }\n            })\n            .finally(() => {\n                setIsLoading(false);\n            });\n    };\n\n    return (\n        <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\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)(true, '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        </form>\n    );\n};\n"]}

package/dist/src/components/generic/AfterpayButton/AfterpayPaymentOption.js

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

package/dist/src/components/generic/AfterpayButton/AfterpayPaymentOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"AfterpayPaymentOption.js","sourceRoot":"/","sources":["src/components/generic/AfterpayButton/AfterpayPaymentOption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,kDAAkC;AAElC,kEAA2D;AAC3D,yCAAuC;AACvC,gEAA2C;AAC3C,0FAAkE;AAClE,wCAAqC;AAErC,8FAAkD;AAElD,MAAM,qBAAqB,GAAO,GAAG,EAAE;IACnC,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAS,GAAE,CAAC;IACvC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAW,EAAC;QACxC,QAAQ,EAAE,WAAW;KACxB,CAAC,CAAC;IAEH,OAAO,CACH,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,oCAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,qBAAqB,CAAC;QACpE;YACI,uCAAK,GAAG,EAAE,6BAAmB,CAAC,WAAW,EAAE,GAAG,yBAAyB,EAAE,GAAG,EAAC,UAAU,EAAC,MAAM,EAAE,EAAE,GAAI,CACpG;QACN,8BAAC,cAAI,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;YAChE,MAAM;YACN,WAAW,CACT,CACL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC","sourcesContent":["import classNames from 'classnames';\nimport React, { FC } from 'react';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useBasket } from '@/contexts';\nimport useCurrency from '@/hooks/Currency';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Color } from '@/util/Color';\n\nimport styles from './AfterpayButton.module.scss';\n\nconst AfterpayPaymentOption: FC = () => {\n    const { getTotalPayNow } = useBasket();\n    const totalPayNow = getTotalPayNow();\n\n    const { symbol, prettyValue } = useCurrency({\n        children: totalPayNow,\n    });\n\n    return (\n        <div className={classNames(styles.root, 'u-flex', 'u-flex-align-center')}>\n            <div>\n                <img src={RoomstayThemeEngine.getAssetUrl() + 'assets/img/afterpay.svg'} alt=\"Afterpay\" height={33} />\n            </div>\n            <Text bold className=\"u-flex\" color={Color.Navy} type={TextType.Small}>\n                {symbol}\n                {prettyValue}\n            </Text>\n        </div>\n    );\n};\n\nexport default AfterpayPaymentOption;\n"]}
+{"version":3,"file":"AfterpayPaymentOption.js","sourceRoot":"/","sources":["src/components/generic/AfterpayButton/AfterpayPaymentOption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,kDAAkC;AAElC,kEAA2D;AAC3D,yCAAuC;AACvC,gEAA2C;AAC3C,0FAAkE;AAClE,wCAAqC;AAErC,8FAAkD;AAElD,MAAM,qBAAqB,GAAO,GAAG,EAAE;IACnC,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAS,GAAE,CAAC;IACvC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAW,EAAC;QACxC,QAAQ,EAAE,WAAW;KACxB,CAAC,CAAC;IAEH,OAAO,CACH,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,oCAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,qBAAqB,CAAC;QACpE;YACI,uCAAK,GAAG,EAAE,6BAAmB,CAAC,WAAW,EAAE,GAAG,yBAAyB,EAAE,GAAG,EAAC,UAAU,EAAC,MAAM,EAAE,EAAE,GAAI,CACpG;QACN,8BAAC,cAAI,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;YAChE,MAAM;YACN,WAAW,CACT,CACL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC","sourcesContent":["import classNames from 'classnames';\nimport React, { FC } from 'react';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useBasket } from '@/contexts';\nimport useCurrency from '@/hooks/Currency';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Color } from '@/util/Color';\n\nimport styles from './AfterpayButton.module.scss';\n\nconst AfterpayPaymentOption: FC = () => {\n    const { getTotalPayNow } = useBasket();\n    const totalPayNow = getTotalPayNow();\n\n    const { symbol, prettyValue } = useCurrency({\n        children: totalPayNow,\n    });\n\n    return (\n        <div className={classNames(styles.root, 'u-flex', 'u-flex-align-center')}>\n            <div>\n                <img src={RoomstayThemeEngine.getAssetUrl() + 'assets/img/afterpay.svg'} alt=\"Afterpay\" height={33} />\n            </div>\n            <Text bold className=\"u-flex\" color={Color.Navy} type={TextType.Small}>\n                {symbol}\n                {prettyValue}\n            </Text>\n        </div>\n    );\n};\n\nexport default AfterpayPaymentOption;\n"]}

package/dist/src/components/generic/AgedBetweenLabel/AgedBetweenLabel.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"AgedBetweenLabel.js","sourceRoot":"/","sources":["src/components/generic/AgedBetweenLabel/AgedBetweenLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAE/C,kEAA2D;AAC3D,wCAAqC;AAOrC,oEAAoE;AACpE,MAAM,QAAQ,GAAG,CAAC,GAAY,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAE7E,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAyB,EAAE,EAAE;IACpE,yBAAyB;IACzB,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAEhC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,wCAAwC;IACxC,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,EAAE;QAC1C,OAAO,IAAI,CAAC;KACf;IAED,iDAAiD;IACjD,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,EAAE;QAC1C,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,uBAAuB,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAC5C,CACV,CAAC;KACL;IACD,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,EAAE;QAC1C,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,oBAAoB,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CACzC,CACV,CAAC;KACL;IAED,kDAAkD;IAClD,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,uBAAuB,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAC5D,CACV,CAAC;AACN,CAAC,CAAC;AAlCW,QAAA,gBAAgB,oBAkC3B","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\ntype AgedBetweenLabelProps = {\n    min?: number;\n    max?: number;\n};\n\n// Normalize values: If null/undefined, convert to `null` explicitly\nconst parseAge = (val?: number) => (val === null || val === undefined ? null : val);\n\nexport const AgedBetweenLabel = ({ min, max }: AgedBetweenLabelProps) => {\n    // Parse the input values\n    const parsedMin = parseAge(min);\n    const parsedMax = parseAge(max);\n\n    const { t } = useTranslation();\n\n    // Return null if no values are provided\n    if (parsedMin === null && parsedMax === null) {\n        return null;\n    }\n\n    // Handle cases where only min or max is provided\n    if (parsedMin !== null && parsedMax === null) {\n        return (\n            <Text type={TextType.Label} color={Color.DarkGrey}>\n                {t('Step.Date.AgedAtLeast', { min: parsedMin })}\n            </Text>\n        );\n    }\n    if (parsedMax !== null && parsedMin === null) {\n        return (\n            <Text type={TextType.Label} color={Color.DarkGrey}>\n                {t('Step.Date.AgedUpTo', { max: parsedMax })}\n            </Text>\n        );\n    }\n\n    // Handle case where both min and max are provided\n    return (\n        <Text type={TextType.Label} color={Color.DarkGrey}>\n            {t('Step.Date.AgedBetween', { min: parsedMin, max: parsedMax })}\n        </Text>\n    );\n};\n"]}
+{"version":3,"file":"AgedBetweenLabel.js","sourceRoot":"/","sources":["src/components/generic/AgedBetweenLabel/AgedBetweenLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAE/C,kEAA2D;AAC3D,wCAAqC;AAOrC,oEAAoE;AACpE,MAAM,QAAQ,GAAG,CAAC,GAAY,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAE7E,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAyB,EAAE,EAAE;IACpE,yBAAyB;IACzB,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAEhC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,wCAAwC;IACxC,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QAC3C,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,iDAAiD;IACjD,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QAC3C,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,uBAAuB,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAC5C,CACV,CAAC;IACN,CAAC;IACD,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QAC3C,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,oBAAoB,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CACzC,CACV,CAAC;IACN,CAAC;IAED,kDAAkD;IAClD,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,IAC5C,CAAC,CAAC,uBAAuB,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAC5D,CACV,CAAC;AACN,CAAC,CAAC;AAlCW,QAAA,gBAAgB,oBAkC3B","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\ntype AgedBetweenLabelProps = {\n    min?: number;\n    max?: number;\n};\n\n// Normalize values: If null/undefined, convert to `null` explicitly\nconst parseAge = (val?: number) => (val === null || val === undefined ? null : val);\n\nexport const AgedBetweenLabel = ({ min, max }: AgedBetweenLabelProps) => {\n    // Parse the input values\n    const parsedMin = parseAge(min);\n    const parsedMax = parseAge(max);\n\n    const { t } = useTranslation();\n\n    // Return null if no values are provided\n    if (parsedMin === null && parsedMax === null) {\n        return null;\n    }\n\n    // Handle cases where only min or max is provided\n    if (parsedMin !== null && parsedMax === null) {\n        return (\n            <Text type={TextType.Label} color={Color.DarkGrey}>\n                {t('Step.Date.AgedAtLeast', { min: parsedMin })}\n            </Text>\n        );\n    }\n    if (parsedMax !== null && parsedMin === null) {\n        return (\n            <Text type={TextType.Label} color={Color.DarkGrey}>\n                {t('Step.Date.AgedUpTo', { max: parsedMax })}\n            </Text>\n        );\n    }\n\n    // Handle case where both min and max are provided\n    return (\n        <Text type={TextType.Label} color={Color.DarkGrey}>\n            {t('Step.Date.AgedBetween', { min: parsedMin, max: parsedMax })}\n        </Text>\n    );\n};\n"]}

package/dist/src/components/generic/Alert.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertVariant = exports.AlertType = void 0;
+exports.default = Alert;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon/Icon"));
@@ -16,11 +17,11 @@ var AlertType;
     AlertType["Success"] = "--success";
     AlertType["Danger"] = "--danger";
     AlertType["LightGray"] = "--light-gray";
-})(AlertType = exports.AlertType || (exports.AlertType = {}));
+})(AlertType || (exports.AlertType = AlertType = {}));
 var AlertVariant;
 (function (AlertVariant) {
     AlertVariant["Filled"] = "--filled";
-})(AlertVariant = exports.AlertVariant || (exports.AlertVariant = {}));
+})(AlertVariant || (exports.AlertVariant = AlertVariant = {}));
 function Alert(props) {
     const type = props.type ? props.type : AlertType.Success;
     const classes = (0, classnames_1.default)('c-alert', props.className, type, props.variant, {
@@ -34,5 +35,4 @@ function Alert(props) {
         props.icon && react_1.default.createElement(Icon_1.default, { className: props.iconClassName, icon: props.icon, size: props.iconSize || '16px' }),
         props.children));
 }
-exports.default = Alert;
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"/","sources":["src/components/generic/Alert.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAoC;AACpC,kDAA4D;AAE5D,0EAAgE;AAEhE,IAAY,SAQX;AARD,WAAY,SAAS;IACjB,8BAAiB,CAAA;IACjB,mCAAsB,CAAA;IACtB,mCAAsB,CAAA;IACtB,mCAAsB,CAAA;IACtB,kCAAqB,CAAA;IACrB,gCAAmB,CAAA;IACnB,uCAA0B,CAAA;AAC9B,CAAC,EARW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAQpB;AAED,IAAY,YAEX;AAFD,WAAY,YAAY;IACpB,mCAAmB,CAAA;AACvB,CAAC,EAFW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAEvB;AAkBD,SAAwB,KAAK,CAAC,KAAiB;IAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC;IAEzD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE;QACxE,iBAAiB,EAAE,KAAK,CAAC,YAAY;QACrC,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,kBAAkB,EAAE,KAAK,CAAC,YAAY;QACtC,qBAAqB,EAAE,KAAK,CAAC,QAAQ;QACrC,aAAa,EAAE,KAAK,CAAC,QAAQ;KAChC,CAAC,CAAC;IAEH,OAAO,CACH,uCAAK,SAAS,EAAE,OAAO;QAClB,KAAK,CAAC,IAAI,IAAI,8BAAC,cAAI,IAAC,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,GAAI;QACxG,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAjBD,wBAiBC","sourcesContent":["import classNames from 'classnames';\nimport React, { PropsWithChildren, ReactNode } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nexport enum AlertType {\n    Alert = '--alert',\n    Accent1 = '--accent-1',\n    Accent2 = '--accent-2',\n    Accent3 = '--accent-3',\n    Success = '--success',\n    Danger = '--danger',\n    LightGray = '--light-gray',\n}\n\nexport enum AlertVariant {\n    Filled = '--filled',\n}\n\nexport interface AlertProps extends PropsWithChildren<any> {\n    type?: AlertType;\n    icon?: IconType;\n    heavyPadding?: boolean;\n    noMargin?: boolean;\n    noIconMargin?: boolean;\n    iconAlignCenter?: boolean;\n    variant?: AlertVariant;\n    iconSize?: string;\n    noBorder?: boolean;\n    className?: string;\n    iconClassName?: string;\n\n    [x: string]: ReactNode;\n}\n\nexport default function Alert(props: AlertProps) {\n    const type = props.type ? props.type : AlertType.Success;\n\n    const classes = classNames('c-alert', props.className, type, props.variant, {\n        '--heavy-padding': props.heavyPadding,\n        '--icon-center': props.iconAlignCenter,\n        '--no-icon-margin': props.noIconMargin,\n        'u-marg-bottom--none': props.noMargin,\n        '--no-border': props.noBorder,\n    });\n\n    return (\n        <div className={classes}>\n            {props.icon && <Icon className={props.iconClassName} icon={props.icon} size={props.iconSize || '16px'} />}\n            {props.children}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"Alert.js","sourceRoot":"/","sources":["src/components/generic/Alert.tsx"],"names":[],"mappings":";;;;;;AAmCA,wBAiBC;AApDD,4DAAoC;AACpC,kDAA4D;AAE5D,0EAAgE;AAEhE,IAAY,SAQX;AARD,WAAY,SAAS;IACjB,8BAAiB,CAAA;IACjB,mCAAsB,CAAA;IACtB,mCAAsB,CAAA;IACtB,mCAAsB,CAAA;IACtB,kCAAqB,CAAA;IACrB,gCAAmB,CAAA;IACnB,uCAA0B,CAAA;AAC9B,CAAC,EARW,SAAS,yBAAT,SAAS,QAQpB;AAED,IAAY,YAEX;AAFD,WAAY,YAAY;IACpB,mCAAmB,CAAA;AACvB,CAAC,EAFW,YAAY,4BAAZ,YAAY,QAEvB;AAkBD,SAAwB,KAAK,CAAC,KAAiB;IAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC;IAEzD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE;QACxE,iBAAiB,EAAE,KAAK,CAAC,YAAY;QACrC,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,kBAAkB,EAAE,KAAK,CAAC,YAAY;QACtC,qBAAqB,EAAE,KAAK,CAAC,QAAQ;QACrC,aAAa,EAAE,KAAK,CAAC,QAAQ;KAChC,CAAC,CAAC;IAEH,OAAO,CACH,uCAAK,SAAS,EAAE,OAAO;QAClB,KAAK,CAAC,IAAI,IAAI,8BAAC,cAAI,IAAC,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,GAAI;QACxG,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC","sourcesContent":["import classNames from 'classnames';\nimport React, { PropsWithChildren, ReactNode } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nexport enum AlertType {\n    Alert = '--alert',\n    Accent1 = '--accent-1',\n    Accent2 = '--accent-2',\n    Accent3 = '--accent-3',\n    Success = '--success',\n    Danger = '--danger',\n    LightGray = '--light-gray',\n}\n\nexport enum AlertVariant {\n    Filled = '--filled',\n}\n\nexport interface AlertProps extends PropsWithChildren<any> {\n    type?: AlertType;\n    icon?: IconType;\n    heavyPadding?: boolean;\n    noMargin?: boolean;\n    noIconMargin?: boolean;\n    iconAlignCenter?: boolean;\n    variant?: AlertVariant;\n    iconSize?: string;\n    noBorder?: boolean;\n    className?: string;\n    iconClassName?: string;\n\n    [x: string]: ReactNode;\n}\n\nexport default function Alert(props: AlertProps) {\n    const type = props.type ? props.type : AlertType.Success;\n\n    const classes = classNames('c-alert', props.className, type, props.variant, {\n        '--heavy-padding': props.heavyPadding,\n        '--icon-center': props.iconAlignCenter,\n        '--no-icon-margin': props.noIconMargin,\n        'u-marg-bottom--none': props.noMargin,\n        '--no-border': props.noBorder,\n    });\n\n    return (\n        <div className={classes}>\n            {props.icon && <Icon className={props.iconClassName} icon={props.icon} size={props.iconSize || '16px'} />}\n            {props.children}\n        </div>\n    );\n}\n"]}

package/dist/src/components/generic/BEButton.js

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = BEButton;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importStar(require("./Icon/Icon"));
@@ -84,5 +95,4 @@ function BEButton(props) {
             props.children,
             defaultProps.iconPosition === 'right' && icon)));
 }
-exports.default = BEButton;
 //# sourceMappingURL=BEButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BEButton.js","sourceRoot":"/","sources":["src/components/generic/BEButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React, { CSSProperties, PropsWithChildren, ReactNode } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\n\nexport interface BEButtonProps extends PropsWithChildren<any> {\n    icon?: IconType;\n    iconPosition?: 'left' | 'right';\n    rounded?: boolean;\n    size?: 'large' | 'normal' | 'small' | 'tiny';\n    outline?: boolean;\n    className?: string;\n    name?: string;\n    wide?: boolean;\n    filled?: boolean;\n    isText?: boolean;\n    isLoading?: boolean;\n    textColor?: Color;\n    disabled?: boolean;\n    primary?: boolean;\n    primaryActive?: boolean;\n    success?: boolean;\n    danger?: boolean;\n    mobileWidth?: boolean;\n    stopIconAnimation?: boolean; // Rename this it's bad\n    htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n    iconSize?: string;\n\n    [x: string]: React.ReactNode;\n}\n\nexport default function BEButton(props: BEButtonProps) {\n    const defaultProps: BEButtonProps = {\n        size: 'normal',\n        disabled: false,\n        iconPosition: 'left',\n        htmlType: 'button',\n        ...props,\n    };\n\n    const classes = classNames(\n        {\n            '--wide': defaultProps.wide,\n            '--primary': defaultProps.primary,\n            '--primary-active': defaultProps.primaryActive,\n            '--rounded': defaultProps.rounded,\n            '--filled': defaultProps.filled && !defaultProps.backgroundColor,\n            '--success': defaultProps.filled,\n            '--danger': defaultProps.danger,\n            '--loading': defaultProps.isLoading,\n            '--fill@m-': defaultProps.mobileWidth,\n            '--no-icon-animate': defaultProps.stopIconAnimation,\n            '--icon-right': defaultProps.iconPosition === 'right',\n            [`--${defaultProps.size}`]: defaultProps.size,\n            '--text': defaultProps.isText,\n            '--outline': defaultProps.outline,\n        },\n        props.className\n    );\n\n    let icon: ReactNode = '';\n    if (defaultProps.icon) {\n        icon = <Icon icon={defaultProps.icon} size={defaultProps.iconSize ?? '1em'} />;\n    }\n\n    const extraProperties: JSX.IntrinsicElements['button'] = {};\n    const styles: CSSProperties = {};\n\n    if (props.disabled || props.isLoading) {\n        extraProperties.disabled = true;\n    }\n\n    if (props.textColor) {\n        styles.color = props.textColor;\n    }\n\n    if (props.onClick) {\n        extraProperties.onClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n            if (!props.isLoading) {\n                props.onClick?.(e);\n            }\n        };\n    }\n\n    if (props.name) {\n        extraProperties.name = props.name;\n    }\n    let bgColor = {};\n    if (defaultProps.backgroundColor) {\n        bgColor = { backgroundColor: defaultProps.backgroundColor, borderColor: defaultProps.backgroundColor };\n    }\n    return (\n        <button className={classes} {...extraProperties} style={{ ...styles, ...bgColor }} type={defaultProps.htmlType}>\n            {defaultProps.isLoading && (\n                <span className=\"c-spin\">\n                    <Icon icon={IconType.Spinner} color={props.primary ? Color.White : Color.Accent} />\n                </span>\n            )}\n            <span>\n                {defaultProps.iconPosition === 'left' && icon}\n                {props.children}\n                {defaultProps.iconPosition === 'right' && icon}\n            </span>\n        </button>\n    );\n}\n"]}
+{"version":3,"file":"BEButton.js","sourceRoot":"/","sources":["src/components/generic/BEButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React, { CSSProperties, PropsWithChildren, ReactNode } from 'react';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\n\nexport interface BEButtonProps extends PropsWithChildren<any> {\n    icon?: IconType;\n    iconPosition?: 'left' | 'right';\n    rounded?: boolean;\n    size?: 'large' | 'normal' | 'small' | 'tiny';\n    outline?: boolean;\n    className?: string;\n    name?: string;\n    wide?: boolean;\n    filled?: boolean;\n    isText?: boolean;\n    isLoading?: boolean;\n    textColor?: Color;\n    disabled?: boolean;\n    primary?: boolean;\n    primaryActive?: boolean;\n    success?: boolean;\n    danger?: boolean;\n    mobileWidth?: boolean;\n    stopIconAnimation?: boolean; // Rename this it's bad\n    htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n    iconSize?: string;\n\n    [x: string]: React.ReactNode;\n}\n\nexport default function BEButton(props: BEButtonProps) {\n    const defaultProps: BEButtonProps = {\n        size: 'normal',\n        disabled: false,\n        iconPosition: 'left',\n        htmlType: 'button',\n        ...props,\n    };\n\n    const classes = classNames(\n        {\n            '--wide': defaultProps.wide,\n            '--primary': defaultProps.primary,\n            '--primary-active': defaultProps.primaryActive,\n            '--rounded': defaultProps.rounded,\n            '--filled': defaultProps.filled && !defaultProps.backgroundColor,\n            '--success': defaultProps.filled,\n            '--danger': defaultProps.danger,\n            '--loading': defaultProps.isLoading,\n            '--fill@m-': defaultProps.mobileWidth,\n            '--no-icon-animate': defaultProps.stopIconAnimation,\n            '--icon-right': defaultProps.iconPosition === 'right',\n            [`--${defaultProps.size}`]: defaultProps.size,\n            '--text': defaultProps.isText,\n            '--outline': defaultProps.outline,\n        },\n        props.className\n    );\n\n    let icon: ReactNode = '';\n    if (defaultProps.icon) {\n        icon = <Icon icon={defaultProps.icon} size={defaultProps.iconSize ?? '1em'} />;\n    }\n\n    const extraProperties: JSX.IntrinsicElements['button'] = {};\n    const styles: CSSProperties = {};\n\n    if (props.disabled || props.isLoading) {\n        extraProperties.disabled = true;\n    }\n\n    if (props.textColor) {\n        styles.color = props.textColor;\n    }\n\n    if (props.onClick) {\n        extraProperties.onClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n            if (!props.isLoading) {\n                props.onClick?.(e);\n            }\n        };\n    }\n\n    if (props.name) {\n        extraProperties.name = props.name;\n    }\n    let bgColor = {};\n    if (defaultProps.backgroundColor) {\n        bgColor = { backgroundColor: defaultProps.backgroundColor, borderColor: defaultProps.backgroundColor };\n    }\n    return (\n        <button className={classes} {...extraProperties} style={{ ...styles, ...bgColor }} type={defaultProps.htmlType}>\n            {defaultProps.isLoading && (\n                <span className=\"c-spin\">\n                    <Icon icon={IconType.Spinner} color={props.primary ? Color.White : Color.Accent} />\n                </span>\n            )}\n            <span>\n                {defaultProps.iconPosition === 'left' && icon}\n                {props.children}\n                {defaultProps.iconPosition === 'right' && icon}\n            </span>\n        </button>\n    );\n}\n"]}

package/dist/src/components/generic/BackButton.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = BackButton;
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
@@ -12,5 +13,4 @@ function BackButton(props) {
     const { t } = (0, react_i18next_1.useTranslation)();
     return (react_1.default.createElement(BEButton_1.default, { size: "tiny", isText: true, onClick: props.onClick, icon: Icon_1.IconType.ArrowLeft }, t(Translation_1.Translation.Navigation.Back).toUpperCase()));
 }
-exports.default = BackButton;
 //# sourceMappingURL=BackButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BackButton.js","sourceRoot":"/","sources":["src/components/generic/BackButton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,yDAA0D;AAM1D,SAAwB,UAAU,CAAC,KAAsB;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,8BAAC,kBAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,QAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,IACxE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CACtC,CACd,CAAC;AACN,CAAC;AARD,6BAQC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\n\ninterface BackButtonProps {\n    onClick?: () => void;\n}\n\nexport default function BackButton(props: BackButtonProps) {\n    const { t } = useTranslation();\n\n    return (\n        <BEButton size=\"tiny\" isText onClick={props.onClick} icon={IconType.ArrowLeft}>\n            {t(Translation.Navigation.Back).toUpperCase()}\n        </BEButton>\n    );\n}\n"]}
+{"version":3,"file":"BackButton.js","sourceRoot":"/","sources":["src/components/generic/BackButton.tsx"],"names":[],"mappings":";;;;;AAWA,6BAQC;AAnBD,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,yDAA0D;AAM1D,SAAwB,UAAU,CAAC,KAAsB;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,8BAAC,kBAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,QAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,IACxE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CACtC,CACd,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\n\ninterface BackButtonProps {\n    onClick?: () => void;\n}\n\nexport default function BackButton(props: BackButtonProps) {\n    const { t } = useTranslation();\n\n    return (\n        <BEButton size=\"tiny\" isText onClick={props.onClick} icon={IconType.ArrowLeft}>\n            {t(Translation.Navigation.Back).toUpperCase()}\n        </BEButton>\n    );\n}\n"]}

package/dist/src/components/generic/BookNowPayLaterInfoBlock.js

@@ -15,18 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BookNowPayLaterInfoBlock = void 0;
+exports.BookNowPayLaterInfoBlock = BookNowPayLaterInfoBlock;
 const hooks_1 = require("../../hooks/index.js");
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
@@ -54,5 +64,4 @@ function BookNowPayLaterInfoBlock() {
                     react_1.default.createElement("a", { style: { color: Color_1.Color.Accent }, href: url, target: "_blank", rel: "noreferrer" }, t(Translation_1.Translation.Step.Room.ReadMore)),
                     "."))))) : null;
 }
-exports.BookNowPayLaterInfoBlock = BookNowPayLaterInfoBlock;
 //# sourceMappingURL=BookNowPayLaterInfoBlock.js.map