@roomstay/frontend 2.1.0 → 2.1.1

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

@@ -39,13 +39,13 @@ exports.ForgotPasswordForm = void 0;
 const React = __importStar(require("react"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const Color_1 = require("util/Color");
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Color_1 = require("@/util/Color");
 const Translation_1 = require("translations/Translation");
-const Text_1 = __importStar(require("components/generic/Text"));
-const TextBox_1 = __importDefault(require("components/generic/TextBox"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const TextBox_1 = __importDefault(require("@/components/generic/TextBox"));
 const react_hook_form_1 = require("react-hook-form");
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
 const contexts_1 = require("@frontend/contexts");
 const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
 const Validation_1 = require("../../../util/Validation");

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

@@ -1 +1 @@
-{"version":3,"file":"ForgotPasswordForm.js","sourceRoot":"/","sources":["src/components/User/Forms/ForgotPasswordForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Headline from 'components/generic/Headline';\nimport { Color } from 'util/Color';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from 'components/generic/Text';\nimport TextBox from 'components/generic/TextBox';\nimport { FieldError, useForm } from 'react-hook-form';\nimport BEButton from 'components/generic/BEButton';\nimport { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { emailPatternRule, isPassWordMatch, makeRequiredRule, passwordPatternRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype ForgotPasswordFormProps = {\n    onPasswordReset?: () => void;\n    onCancelled?: () => void;\n};\n\ntype ForgotPasswordFormValues = {\n    email: string;\n    code: number;\n    password: string;\n    confirmPassword: string;\n};\n\ntype LabelAndInputGroupProps = {\n    component: React.ReactNode;\n    label: string;\n\n    error?: FieldError;\n};\n\nconst LabelAndInputGroup = (props: LabelAndInputGroupProps) => {\n    const { label, component, error } = props;\n\n    return (\n        <div className=\"u-marg-bottom--light\">\n            <div className=\"u-marg-bottom--light\">\n                <Text type={TextType.Label} color={Color.Navy} bold>\n                    {label}\n                </Text>\n            </div>\n            {component}\n            {!!error && (\n                <p className=\"text-small\" style={{ color: '#ED4362' }}>\n                    {error.message}\n                </p>\n            )}\n        </div>\n    );\n};\n\nexport const ForgotPasswordForm = (props: ForgotPasswordFormProps) => {\n    const { t } = useTranslation();\n\n    const { cognitoLoginState, loading: cognitoLoading, error, login, confirmAccount, forgotPassword, resetPassword, reset } = useContext(AuthenticationContext);\n\n    const { register, formState, handleSubmit, watch, setError } = useForm<ForgotPasswordFormValues>({\n        mode: 'onSubmit',\n    });\n\n    const [isLoading, setIsLoading] = useState(false);\n\n    const getValidationClass = (name: keyof ForgotPasswordFormValues) => {\n        if (formState.errors) {\n            if (formState.errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        } else {\n            return null;\n        }\n    };\n\n    const forgotPasswordStates: CognitoLoginState[] = [CognitoLoginState.ForgotPassword, CognitoLoginState.CodeMismatch];\n\n    const areResettingPassword = forgotPasswordStates.includes(cognitoLoginState);\n\n    const onSubmit = async (values: any) => {\n        setIsLoading(true);\n\n        if (areResettingPassword) {\n            const state = await resetPassword(values.email, values.code, values.password);\n            if (state === CognitoLoginState.CodeMismatch)\n                setError('code', {\n                    message: 'Invalid verification code provided, please try again.',\n                });\n        } else {\n            const state = await forgotPassword(values.email);\n            if (state === CognitoLoginState.UserNotFound)\n                setError('email', {\n                    message: 'User could not be found',\n                });\n        }\n    };\n\n    const onCancelPressed = () => {\n        reset();\n        props.onCancelled?.();\n    };\n\n    return (\n        <div>\n            <div className=\"u-marg-bottom--heavy\">\n                <Headline color={Color.Navy} bold={true} className=\"u-marg-bottom--light\">\n                    {t(Translation.Navigation.ForgotPassword.Title)}\n                </Headline>\n                {areResettingPassword && (\n                    <Text type={TextType.Small} color={Color.Success}>\n                        {t(Translation.Navigation.ForgotPassword.CodeSent)}\n                    </Text>\n                )}\n            </div>\n\n            <form onSubmit={handleSubmit(onSubmit)}>\n                <LabelAndInputGroup\n                    label={t(Translation.Navigation.ForgotPassword.Inputs.Email.Label)}\n                    error={formState.errors.email}\n                    component={\n                        <TextBox\n                            placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Email.Placeholder)}\n                            required={true}\n                            validationStatus={getValidationClass('email')}\n                            inputProps={{ disabled: areResettingPassword }}\n                            {...register('email', {\n                                required: true,\n                                pattern: emailPatternRule,\n                            })}\n                        />\n                    }\n                />\n\n                <AutoAutoHeight open={areResettingPassword}>\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)}\n                        error={formState.errors.code}\n                        component={\n                            <TextBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Code.Placeholder)}\n                                validationStatus={getValidationClass('code')}\n                                {...register('code', {\n                                    required: makeRequiredRule(areResettingPassword),\n                                })}\n                            />\n                        }\n                    />\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.Password.Label)}\n                        error={formState.errors.password}\n                        component={\n                            <PasswordBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Password.Placeholder)}\n                                validationStatus={getValidationClass('password')}\n                                {...register('password', {\n                                    required: makeRequiredRule(areResettingPassword),\n                                    pattern: passwordPatternRule,\n                                })}\n                            />\n                        }\n                    />\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label)}\n                        error={formState.errors.confirmPassword}\n                        component={\n                            <PasswordBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Placeholder)}\n                                validationStatus={getValidationClass('confirmPassword')}\n                                {...register('confirmPassword', {\n                                    required: makeRequiredRule(areResettingPassword),\n                                    validate: {\n                                        isSame: isPassWordMatch(watch('password')),\n                                    },\n                                })}\n                            />\n                        }\n                    />\n                </AutoAutoHeight>\n                <div className=\"u-marg-top\">\n                    <BEButton primary={true} filled={true} wide={true} htmlType=\"submit\" isLoading={cognitoLoading}>\n                        {t(Translation.Navigation.ForgotPassword.Inputs.SubmitButton.Label)}\n                    </BEButton>\n                </div>\n                <div className=\"u-marg-top u-align-center\">\n                    <BEButton isText={true} onClick={onCancelPressed} size={'small'}>\n                        {t(Translation.Navigation.ForgotPassword.Inputs.CancelButton.Label)}\n                    </BEButton>\n                </div>\n            </form>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"ForgotPasswordForm.js","sourceRoot":"/","sources":["src/components/User/Forms/ForgotPasswordForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Headline from '@/components/generic/Headline';\nimport { Color } from '@/util/Color';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { FieldError, useForm } from 'react-hook-form';\nimport BEButton from '@/components/generic/BEButton';\nimport { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { emailPatternRule, isPassWordMatch, makeRequiredRule, passwordPatternRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype ForgotPasswordFormProps = {\n    onPasswordReset?: () => void;\n    onCancelled?: () => void;\n};\n\ntype ForgotPasswordFormValues = {\n    email: string;\n    code: number;\n    password: string;\n    confirmPassword: string;\n};\n\ntype LabelAndInputGroupProps = {\n    component: React.ReactNode;\n    label: string;\n\n    error?: FieldError;\n};\n\nconst LabelAndInputGroup = (props: LabelAndInputGroupProps) => {\n    const { label, component, error } = props;\n\n    return (\n        <div className=\"u-marg-bottom--light\">\n            <div className=\"u-marg-bottom--light\">\n                <Text type={TextType.Label} color={Color.Navy} bold>\n                    {label}\n                </Text>\n            </div>\n            {component}\n            {!!error && (\n                <p className=\"text-small\" style={{ color: '#ED4362' }}>\n                    {error.message}\n                </p>\n            )}\n        </div>\n    );\n};\n\nexport const ForgotPasswordForm = (props: ForgotPasswordFormProps) => {\n    const { t } = useTranslation();\n\n    const { cognitoLoginState, loading: cognitoLoading, error, login, confirmAccount, forgotPassword, resetPassword, reset } = useContext(AuthenticationContext);\n\n    const { register, formState, handleSubmit, watch, setError } = useForm<ForgotPasswordFormValues>({\n        mode: 'onSubmit',\n    });\n\n    const [isLoading, setIsLoading] = useState(false);\n\n    const getValidationClass = (name: keyof ForgotPasswordFormValues) => {\n        if (formState.errors) {\n            if (formState.errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        } else {\n            return null;\n        }\n    };\n\n    const forgotPasswordStates: CognitoLoginState[] = [CognitoLoginState.ForgotPassword, CognitoLoginState.CodeMismatch];\n\n    const areResettingPassword = forgotPasswordStates.includes(cognitoLoginState);\n\n    const onSubmit = async (values: any) => {\n        setIsLoading(true);\n\n        if (areResettingPassword) {\n            const state = await resetPassword(values.email, values.code, values.password);\n            if (state === CognitoLoginState.CodeMismatch)\n                setError('code', {\n                    message: 'Invalid verification code provided, please try again.',\n                });\n        } else {\n            const state = await forgotPassword(values.email);\n            if (state === CognitoLoginState.UserNotFound)\n                setError('email', {\n                    message: 'User could not be found',\n                });\n        }\n    };\n\n    const onCancelPressed = () => {\n        reset();\n        props.onCancelled?.();\n    };\n\n    return (\n        <div>\n            <div className=\"u-marg-bottom--heavy\">\n                <Headline color={Color.Navy} bold={true} className=\"u-marg-bottom--light\">\n                    {t(Translation.Navigation.ForgotPassword.Title)}\n                </Headline>\n                {areResettingPassword && (\n                    <Text type={TextType.Small} color={Color.Success}>\n                        {t(Translation.Navigation.ForgotPassword.CodeSent)}\n                    </Text>\n                )}\n            </div>\n\n            <form onSubmit={handleSubmit(onSubmit)}>\n                <LabelAndInputGroup\n                    label={t(Translation.Navigation.ForgotPassword.Inputs.Email.Label)}\n                    error={formState.errors.email}\n                    component={\n                        <TextBox\n                            placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Email.Placeholder)}\n                            required={true}\n                            validationStatus={getValidationClass('email')}\n                            inputProps={{ disabled: areResettingPassword }}\n                            {...register('email', {\n                                required: true,\n                                pattern: emailPatternRule,\n                            })}\n                        />\n                    }\n                />\n\n                <AutoAutoHeight open={areResettingPassword}>\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)}\n                        error={formState.errors.code}\n                        component={\n                            <TextBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Code.Placeholder)}\n                                validationStatus={getValidationClass('code')}\n                                {...register('code', {\n                                    required: makeRequiredRule(areResettingPassword),\n                                })}\n                            />\n                        }\n                    />\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.Password.Label)}\n                        error={formState.errors.password}\n                        component={\n                            <PasswordBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Password.Placeholder)}\n                                validationStatus={getValidationClass('password')}\n                                {...register('password', {\n                                    required: makeRequiredRule(areResettingPassword),\n                                    pattern: passwordPatternRule,\n                                })}\n                            />\n                        }\n                    />\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label)}\n                        error={formState.errors.confirmPassword}\n                        component={\n                            <PasswordBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Placeholder)}\n                                validationStatus={getValidationClass('confirmPassword')}\n                                {...register('confirmPassword', {\n                                    required: makeRequiredRule(areResettingPassword),\n                                    validate: {\n                                        isSame: isPassWordMatch(watch('password')),\n                                    },\n                                })}\n                            />\n                        }\n                    />\n                </AutoAutoHeight>\n                <div className=\"u-marg-top\">\n                    <BEButton primary={true} filled={true} wide={true} htmlType=\"submit\" isLoading={cognitoLoading}>\n                        {t(Translation.Navigation.ForgotPassword.Inputs.SubmitButton.Label)}\n                    </BEButton>\n                </div>\n                <div className=\"u-marg-top u-align-center\">\n                    <BEButton isText={true} onClick={onCancelPressed} size={'small'}>\n                        {t(Translation.Navigation.ForgotPassword.Inputs.CancelButton.Label)}\n                    </BEButton>\n                </div>\n            </form>\n        </div>\n    );\n};\n"]}

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

@@ -34,14 +34,14 @@ const react_1 = require("react");
 const Translation_1 = require("translations/Translation");
 const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
 const contexts_1 = require("@frontend/contexts");
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const Text_1 = __importStar(require("components/generic/Text"));
-const Color_1 = require("util/Color");
-const Alert_1 = __importStar(require("components/generic/Alert"));
-const Icon_1 = require("components/generic/Icon/Icon");
-const TextBox_1 = __importDefault(require("components/generic/TextBox"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
-const PasswordBox_1 = require("components/generic/PasswordBox/PasswordBox");
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const Color_1 = require("@/util/Color");
+const Alert_1 = __importStar(require("@/components/generic/Alert"));
+const Icon_1 = require("@/components/generic/Icon/Icon");
+const TextBox_1 = __importDefault(require("@/components/generic/TextBox"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
+const PasswordBox_1 = require("@/components/generic/PasswordBox/PasswordBox");
 const SignInForm = (props) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { cognitoLoginState, loading, error, login, confirmAccount, forgotPassword, reset } = (0, react_1.useContext)(contexts_1.AuthenticationContext);

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 * as React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport { useState, useContext, useEffect } from 'react';\nimport { Translation } from 'translations/Translation';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { AuthenticationContext } from '@frontend/contexts';\nimport Headline from 'components/generic/Headline';\nimport Text, { TextType } from 'components/generic/Text';\nimport { Color } from 'util/Color';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport TextBox from 'components/generic/TextBox';\nimport BEButton from 'components/generic/BEButton';\nimport { PasswordBox } from 'components/generic/PasswordBox/PasswordBox';\n\ntype SignInFormProps = {\n    onForgotPassword?: () => void;\n    onSignedIn?: () => void;\n};\nexport const SignInForm = (props: SignInFormProps) => {\n    const { t } = useTranslation();\n\n    const { cognitoLoginState, loading, error, login, confirmAccount, forgotPassword, reset } = useContext(AuthenticationContext);\n    // TODO: Handle outlying cases\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [apiErrorMessages, setApiErrorMessages] = useState('');\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        } else {\n            return null;\n        }\n    };\n\n    const onSubmit = (values: any) => {\n        clearErrors();\n        reset();\n        setIsLoading(true);\n        setApiErrorMessages('');\n\n        login(values.email, values.password);\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={true}\n                        validationStatus={getValidationClass('email')}\n                        {...register('email', {\n                            required: { message: `${t(Translation.Navigation.SignIn.EmailAddress)} is required`, value: true },\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                        placeholder=\"•••••••••••••••\"\n                        required={true}\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={true} 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 * as React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport { useState, useContext, useEffect } from 'react';\nimport { Translation } from 'translations/Translation';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { AuthenticationContext } from '@frontend/contexts';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport TextBox from '@/components/generic/TextBox';\nimport BEButton from '@/components/generic/BEButton';\nimport { PasswordBox } from '@/components/generic/PasswordBox/PasswordBox';\n\ntype SignInFormProps = {\n    onForgotPassword?: () => void;\n    onSignedIn?: () => void;\n};\nexport const SignInForm = (props: SignInFormProps) => {\n    const { t } = useTranslation();\n\n    const { cognitoLoginState, loading, error, login, confirmAccount, forgotPassword, reset } = useContext(AuthenticationContext);\n    // TODO: Handle outlying cases\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [apiErrorMessages, setApiErrorMessages] = useState('');\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        } else {\n            return null;\n        }\n    };\n\n    const onSubmit = (values: any) => {\n        clearErrors();\n        reset();\n        setIsLoading(true);\n        setApiErrorMessages('');\n\n        login(values.email, values.password);\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={true}\n                        validationStatus={getValidationClass('email')}\n                        {...register('email', {\n                            required: { message: `${t(Translation.Navigation.SignIn.EmailAddress)} is required`, value: true },\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                        placeholder=\"•••••••••••••••\"\n                        required={true}\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={true} 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

@@ -34,16 +34,16 @@ const react_1 = require("react");
 const Translation_1 = require("translations/Translation");
 const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
 const contexts_1 = require("@frontend/contexts");
-const InputGroup_1 = __importDefault(require("components/generic/InputGroup/InputGroup"));
-const Checkbox_1 = __importDefault(require("components/generic/Checkbox/Checkbox"));
+const InputGroup_1 = __importDefault(require("@/components/generic/InputGroup/InputGroup"));
+const Checkbox_1 = __importDefault(require("@/components/generic/Checkbox/Checkbox"));
 const hooks_1 = require("@frontend/hooks");
-const Headline_1 = __importDefault(require("components/generic/Headline"));
-const Color_1 = require("util/Color");
-const Alert_1 = __importStar(require("components/generic/Alert"));
-const Text_1 = __importStar(require("components/generic/Text"));
-const Icon_1 = require("components/generic/Icon/Icon");
-const TextBox_1 = __importDefault(require("components/generic/TextBox"));
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const Headline_1 = __importDefault(require("@/components/generic/Headline"));
+const Color_1 = require("@/util/Color");
+const Alert_1 = __importStar(require("@/components/generic/Alert"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
+const Icon_1 = require("@/components/generic/Icon/Icon");
+const TextBox_1 = __importDefault(require("@/components/generic/TextBox"));
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
 const Validation_1 = require("../../../util/Validation");
 const PasswordBox_1 = require("../../generic/PasswordBox/PasswordBox");
 const SignUpForm = (props) => {

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 * as React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useState, useContext, useEffect } from 'react';\nimport { Translation } from 'translations/Translation';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport InputGroup from 'components/generic/InputGroup/InputGroup';\nimport Checkbox from 'components/generic/Checkbox/Checkbox';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport Headline from 'components/generic/Headline';\nimport { Color } from 'util/Color';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport Text, { TextType } from 'components/generic/Text';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport TextBox from 'components/generic/TextBox';\nimport BEButton from 'components/generic/BEButton';\nimport { makeRequiredRule, passwordPatternRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype SignUpFormProps = {\n    onForgotPassword?: () => void;\n    onSignedIn?: () => void;\n};\n\nexport const SignUpForm = (props: SignUpFormProps) => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const { loading, error, cognitoLoginState, register: cognitoRegister, reset: cognitoReset, confirmAccount } = useContext(AuthenticationContext);\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [apiErrorMessages, setApiErrorMessages] = useState('');\n    const [isVerifyingEmail, setIsVerifyingEmail] = useState(false);\n\n    const { register, formState, handleSubmit } = useForm({\n        mode: 'onSubmit',\n    });\n\n    const signUpStates: CognitoLoginState[] = [CognitoLoginState.UsernameExists];\n\n    const errors = formState.errors;\n    const accountExists = signUpStates.includes(cognitoLoginState);\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        } else {\n            return null;\n        }\n    };\n\n    const onSubmit = (values: any) => {\n        setIsLoading(true);\n        setApiErrorMessages('');\n\n        if (!isVerifyingEmail) {\n            cognitoRegister(values.email, values.password, {\n                ['custom:forename']: values.forename,\n                ['custom:surname']: values.surname,\n            })\n                .then((state: CognitoLoginState) => {\n                    if (state === CognitoLoginState.RequiresConfirmation) {\n                        setIsVerifyingEmail(true);\n                    }\n                })\n                .finally(() => {\n                    setIsLoading(false);\n                });\n        } else {\n            confirmAccount(values.email, values.code, values.password).finally(() => {\n                setIsLoading(false);\n            });\n        }\n    };\n\n    const onSignInClicked = (): void => {\n        cognitoReset();\n        props.onSignedIn();\n    };\n\n    const onErrorContent = () => {\n        switch (cognitoLoginState) {\n            case CognitoLoginState.UsernameExists: {\n                return (\n                    <>\n                        <Text type={TextType.Small}>\n                            Email is in use already, try{' '}\n                            <BEButton isText={true} size={'small'} primary={true} onClick={onSignInClicked}>\n                                logging in\n                            </BEButton>\n                            ?\n                        </Text>\n                    </>\n                );\n            }\n        }\n    };\n\n    return (\n        <div>\n            <div className=\"u-marg-bottom--heavy\">\n                <Headline color={Color.Navy} bold={true} className=\"u-marg-bottom--light\">\n                    {t(Translation.Navigation.SignUp.Title)}\n                </Headline>\n            </div>\n            <AutoAutoHeight open={!!accountExists}>\n                <div className=\"u-flex\">\n                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                        {onErrorContent()}\n                    </Alert>\n                </div>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={!!error}>\n                <div className=\"u-flex\">\n                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                        <Text type={TextType.Small}>{error?.message}</Text>\n                    </Alert>\n                </div>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={!!formState.errors}>\n                <div className=\"u-flex flex-column\">\n                    {Object.keys(formState.errors).map((errorName, index) => {\n                        return (\n                            <Alert type={AlertType.Danger} icon={IconType.Error} key={index}>\n                                <Text type={TextType.Small}>{formState.errors[errorName].message}</Text>\n                            </Alert>\n                        );\n                    })}\n                </div>\n            </AutoAutoHeight>\n            <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\n                <AutoAutoHeight open={!isVerifyingEmail} startOpen={true}>\n                    <>\n                        <div className=\"u-marg-bottom\">\n                            <InputGroup dimensions=\"2/2\">\n                                <>\n                                    <div className=\"u-marg-bottom--light\">\n                                        <Text type={TextType.Label} color={Color.Navy} bold>\n                                            {t(Translation.Navigation.SignUp.Inputs.FirstName)}\n                                        </Text>\n                                    </div>\n                                    <TextBox\n                                        placeholder=\"Sam\"\n                                        validationStatus={getValidationClass('forename')}\n                                        {...register('forename', {\n                                            required: makeRequiredRule(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                                        placeholder=\"Smith\"\n                                        validationStatus={getValidationClass('surname')}\n                                        {...register('surname', {\n                                            required: makeRequiredRule(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                                placeholder=\"example@mail.com\"\n                                validationStatus={getValidationClass('email')}\n                                {...register('email', {\n                                    required: makeRequiredRule(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                                    placeholder={t(Translation.Navigation.SignUp.Inputs.Password.Label)}\n                                    validationStatus={getValidationClass('password')}\n                                    {...register('password', {\n                                        required: makeRequiredRule(true, t(Translation.Navigation.SignUp.Inputs.Password.Label)),\n                                        pattern: passwordPatternRule,\n                                    })}\n                                />\n                            </div>\n                            <Text type={TextType.Label} color={Color.Navy} className=\"u-marg-bottom\">\n                                {t(Translation.Navigation.SignUp.Inputs.Password.Hint)}\n                            </Text>\n\n                            <Checkbox\n                                label={\n                                    <Text type={TextType.Small}>\n                                        {t(Translation.Navigation.SignUp.Inputs.Terms.BaseText)}{' '}\n                                        <a href={hotel?.privacyPolicyUrl} target=\"_blank\" style={{ color: Color.Accent }} rel=\"noreferrer\">\n                                            {t(Translation.Navigation.SignUp.Inputs.Terms.LinkText)}\n                                        </a>\n                                    </Text>\n                                }\n                                {...register('termsAndConditions', {\n                                    required: { value: true, message: t(Translation.Navigation.SignUp.Inputs.Terms.Error) },\n                                })}\n                            />\n                        </div>\n                        <BEButton\n                            wide={true}\n                            icon={IconType.ArrowRight}\n                            iconPosition=\"right\"\n                            filled\n                            primary\n                            name=\"SignUpButton\"\n                            htmlType=\"submit\"\n                            isLoading={loading || isLoading}\n                            disabled={isLoading || loading}\n                        >\n                            {t(Translation.Navigation.SignUp.Inputs.SignUpButton)}\n                        </BEButton>\n                    </>\n                </AutoAutoHeight>\n                <AutoAutoHeight open={isVerifyingEmail}>\n                    <div className=\"u-marg-bottom\">\n                        <Text color={Color.Success} className=\"u-marg-bottom--light\" bold={true}>\n                            Almost there!\n                        </Text>\n                        <Text type={TextType.Small}>We've sent a unique code to your email address, please confirm the code to finish signing up.</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                                Code\n                            </Text>\n                        </div>\n                        <TextBox\n                            placeholder=\"12345\"\n                            validationStatus={getValidationClass('code')}\n                            {...register('code', {\n                                required: makeRequiredRule(isVerifyingEmail, 'Code'),\n                            })}\n                        />\n                    </div>\n\n                    <BEButton\n                        wide={true}\n                        icon={IconType.ArrowRight}\n                        iconPosition=\"right\"\n                        filled\n                        primary\n                        name=\"SignUpButton\"\n                        htmlType=\"submit\"\n                        isLoading={loading || isLoading}\n                        disabled={isLoading || loading}\n                    >\n                        {t(Translation.Navigation.SignUp.Inputs.SignUpButton)}\n                    </BEButton>\n                </AutoAutoHeight>\n            </form>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SignUpForm.js","sourceRoot":"/","sources":["src/components/User/Forms/SignUpForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useState, useContext, useEffect } from 'react';\nimport { Translation } from 'translations/Translation';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport Headline from '@/components/generic/Headline';\nimport { Color } from '@/util/Color';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport TextBox from '@/components/generic/TextBox';\nimport BEButton from '@/components/generic/BEButton';\nimport { makeRequiredRule, passwordPatternRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype SignUpFormProps = {\n    onForgotPassword?: () => void;\n    onSignedIn?: () => void;\n};\n\nexport const SignUpForm = (props: SignUpFormProps) => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const { loading, error, cognitoLoginState, register: cognitoRegister, reset: cognitoReset, confirmAccount } = useContext(AuthenticationContext);\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [apiErrorMessages, setApiErrorMessages] = useState('');\n    const [isVerifyingEmail, setIsVerifyingEmail] = useState(false);\n\n    const { register, formState, handleSubmit } = useForm({\n        mode: 'onSubmit',\n    });\n\n    const signUpStates: CognitoLoginState[] = [CognitoLoginState.UsernameExists];\n\n    const errors = formState.errors;\n    const accountExists = signUpStates.includes(cognitoLoginState);\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        } else {\n            return null;\n        }\n    };\n\n    const onSubmit = (values: any) => {\n        setIsLoading(true);\n        setApiErrorMessages('');\n\n        if (!isVerifyingEmail) {\n            cognitoRegister(values.email, values.password, {\n                ['custom:forename']: values.forename,\n                ['custom:surname']: values.surname,\n            })\n                .then((state: CognitoLoginState) => {\n                    if (state === CognitoLoginState.RequiresConfirmation) {\n                        setIsVerifyingEmail(true);\n                    }\n                })\n                .finally(() => {\n                    setIsLoading(false);\n                });\n        } else {\n            confirmAccount(values.email, values.code, values.password).finally(() => {\n                setIsLoading(false);\n            });\n        }\n    };\n\n    const onSignInClicked = (): void => {\n        cognitoReset();\n        props.onSignedIn();\n    };\n\n    const onErrorContent = () => {\n        switch (cognitoLoginState) {\n            case CognitoLoginState.UsernameExists: {\n                return (\n                    <>\n                        <Text type={TextType.Small}>\n                            Email is in use already, try{' '}\n                            <BEButton isText={true} size={'small'} primary={true} onClick={onSignInClicked}>\n                                logging in\n                            </BEButton>\n                            ?\n                        </Text>\n                    </>\n                );\n            }\n        }\n    };\n\n    return (\n        <div>\n            <div className=\"u-marg-bottom--heavy\">\n                <Headline color={Color.Navy} bold={true} className=\"u-marg-bottom--light\">\n                    {t(Translation.Navigation.SignUp.Title)}\n                </Headline>\n            </div>\n            <AutoAutoHeight open={!!accountExists}>\n                <div className=\"u-flex\">\n                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                        {onErrorContent()}\n                    </Alert>\n                </div>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={!!error}>\n                <div className=\"u-flex\">\n                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                        <Text type={TextType.Small}>{error?.message}</Text>\n                    </Alert>\n                </div>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={!!formState.errors}>\n                <div className=\"u-flex flex-column\">\n                    {Object.keys(formState.errors).map((errorName, index) => {\n                        return (\n                            <Alert type={AlertType.Danger} icon={IconType.Error} key={index}>\n                                <Text type={TextType.Small}>{formState.errors[errorName].message}</Text>\n                            </Alert>\n                        );\n                    })}\n                </div>\n            </AutoAutoHeight>\n            <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\n                <AutoAutoHeight open={!isVerifyingEmail} startOpen={true}>\n                    <>\n                        <div className=\"u-marg-bottom\">\n                            <InputGroup dimensions=\"2/2\">\n                                <>\n                                    <div className=\"u-marg-bottom--light\">\n                                        <Text type={TextType.Label} color={Color.Navy} bold>\n                                            {t(Translation.Navigation.SignUp.Inputs.FirstName)}\n                                        </Text>\n                                    </div>\n                                    <TextBox\n                                        placeholder=\"Sam\"\n                                        validationStatus={getValidationClass('forename')}\n                                        {...register('forename', {\n                                            required: makeRequiredRule(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                                        placeholder=\"Smith\"\n                                        validationStatus={getValidationClass('surname')}\n                                        {...register('surname', {\n                                            required: makeRequiredRule(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                                placeholder=\"example@mail.com\"\n                                validationStatus={getValidationClass('email')}\n                                {...register('email', {\n                                    required: makeRequiredRule(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                                    placeholder={t(Translation.Navigation.SignUp.Inputs.Password.Label)}\n                                    validationStatus={getValidationClass('password')}\n                                    {...register('password', {\n                                        required: makeRequiredRule(true, t(Translation.Navigation.SignUp.Inputs.Password.Label)),\n                                        pattern: passwordPatternRule,\n                                    })}\n                                />\n                            </div>\n                            <Text type={TextType.Label} color={Color.Navy} className=\"u-marg-bottom\">\n                                {t(Translation.Navigation.SignUp.Inputs.Password.Hint)}\n                            </Text>\n\n                            <Checkbox\n                                label={\n                                    <Text type={TextType.Small}>\n                                        {t(Translation.Navigation.SignUp.Inputs.Terms.BaseText)}{' '}\n                                        <a href={hotel?.privacyPolicyUrl} target=\"_blank\" style={{ color: Color.Accent }} rel=\"noreferrer\">\n                                            {t(Translation.Navigation.SignUp.Inputs.Terms.LinkText)}\n                                        </a>\n                                    </Text>\n                                }\n                                {...register('termsAndConditions', {\n                                    required: { value: true, message: t(Translation.Navigation.SignUp.Inputs.Terms.Error) },\n                                })}\n                            />\n                        </div>\n                        <BEButton\n                            wide={true}\n                            icon={IconType.ArrowRight}\n                            iconPosition=\"right\"\n                            filled\n                            primary\n                            name=\"SignUpButton\"\n                            htmlType=\"submit\"\n                            isLoading={loading || isLoading}\n                            disabled={isLoading || loading}\n                        >\n                            {t(Translation.Navigation.SignUp.Inputs.SignUpButton)}\n                        </BEButton>\n                    </>\n                </AutoAutoHeight>\n                <AutoAutoHeight open={isVerifyingEmail}>\n                    <div className=\"u-marg-bottom\">\n                        <Text color={Color.Success} className=\"u-marg-bottom--light\" bold={true}>\n                            Almost there!\n                        </Text>\n                        <Text type={TextType.Small}>We've sent a unique code to your email address, please confirm the code to finish signing up.</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                                Code\n                            </Text>\n                        </div>\n                        <TextBox\n                            placeholder=\"12345\"\n                            validationStatus={getValidationClass('code')}\n                            {...register('code', {\n                                required: makeRequiredRule(isVerifyingEmail, 'Code'),\n                            })}\n                        />\n                    </div>\n\n                    <BEButton\n                        wide={true}\n                        icon={IconType.ArrowRight}\n                        iconPosition=\"right\"\n                        filled\n                        primary\n                        name=\"SignUpButton\"\n                        htmlType=\"submit\"\n                        isLoading={loading || isLoading}\n                        disabled={isLoading || loading}\n                    >\n                        {t(Translation.Navigation.SignUp.Inputs.SignUpButton)}\n                    </BEButton>\n                </AutoAutoHeight>\n            </form>\n        </div>\n    );\n};\n"]}

package/dist/src/components/generic/Alert.d.ts

@@ -1,4 +1,4 @@
-import { IconType } from 'components/generic/Icon/Icon';
+import { IconType } from '@/components/generic/Icon/Icon';
 import { PropsWithChildren, ReactNode } from 'react';
 export declare enum AlertType {
     Alert = "--alert",

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

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertVariant = exports.AlertType = void 0;
 const React = __importStar(require("react"));
-const Icon_1 = __importDefault(require("components/generic/Icon/Icon"));
+const Icon_1 = __importDefault(require("@/components/generic/Icon/Icon"));
 const classnames_1 = __importDefault(require("classnames"));
 var AlertType;
 (function (AlertType) {

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,6CAA+B;AAC/B,wEAA8D;AAE9D,4DAAoC;AAEpC,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;AAmBD,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,6BAAK,SAAS,EAAE,OAAO;QAClB,KAAK,CAAC,IAAI,IAAI,oBAAC,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 * as React from 'react';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\nimport { PropsWithChildren, ReactNode } from 'react';\nimport classNames from 'classnames';\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    [x: string]: ReactNode;\n    type?: AlertType;\n    icon?: IconType;\n\n    heavyPadding?: boolean;\n    noMargin?: boolean;\n    noIconMargin?: boolean;\n\n    iconAlignCenter?: boolean;\n    variant?: AlertVariant;\n    iconSize?: string;\n    noBorder?: boolean;\n    className?: string;\n    iconClassName?: string;\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,0EAAgE;AAEhE,4DAAoC;AAEpC,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;AAmBD,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,6BAAK,SAAS,EAAE,OAAO;QAClB,KAAK,CAAC,IAAI,IAAI,oBAAC,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 * as React from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { PropsWithChildren, ReactNode } from 'react';\nimport classNames from 'classnames';\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    [x: string]: ReactNode;\n    type?: AlertType;\n    icon?: IconType;\n\n    heavyPadding?: boolean;\n    noMargin?: boolean;\n    noIconMargin?: boolean;\n\n    iconAlignCenter?: boolean;\n    variant?: AlertVariant;\n    iconSize?: string;\n    noBorder?: boolean;\n    className?: string;\n    iconClassName?: string;\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.d.ts

@@ -1,7 +1,7 @@
-import { IconType } from 'components/generic/Icon/Icon';
+import { IconType } from '@/components/generic/Icon/Icon';
 import * as React from 'react';
 import { PropsWithChildren } from 'react';
-import { Color } from 'util/Color';
+import { Color } from '@/util/Color';
 export interface BEButtonProps extends PropsWithChildren<any> {
     [x: string]: React.ReactNode;
     icon?: IconType;

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

@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
+const Icon_1 = __importStar(require("@/components/generic/Icon/Icon"));
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Color_1 = require("util/Color");
+const Color_1 = require("@/util/Color");
 function BEButton(props) {
     const defaultProps = Object.assign({ size: 'normal', disabled: false, iconPosition: 'left', htmlType: 'button' }, props);
     const classes = (0, classnames_1.default)({

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 Icon, { IconType } from 'components/generic/Icon/Icon';\nimport * as React from 'react';\nimport { CSSProperties, PropsWithChildren, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Color } from 'util/Color';\n\nexport interface BEButtonProps extends PropsWithChildren<any> {\n    [x: string]: React.ReactNode;\n\n    icon?: IconType;\n    iconPosition?: 'left' | 'right';\n    rounded?: boolean;\n    size?: 'large' | 'normal' | 'small' | 'tiny';\n    outline?: boolean;\n    className?: string;\n\n    name?: string;\n\n    wide?: boolean;\n    filled?: boolean;\n    isText?: boolean;\n    isLoading?: boolean;\n    textColor?: Color;\n\n    disabled?: boolean;\n    primary?: boolean;\n    primaryActive?: boolean;\n\n    success?: boolean;\n    danger?: boolean;\n    mobileWidth?: boolean;\n    stopIconAnimation?: boolean; // Rename this it's bad\n    htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n\n    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\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=\"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 Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport * as React from 'react';\nimport { CSSProperties, PropsWithChildren, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Color } from '@/util/Color';\n\nexport interface BEButtonProps extends PropsWithChildren<any> {\n    [x: string]: React.ReactNode;\n\n    icon?: IconType;\n    iconPosition?: 'left' | 'right';\n    rounded?: boolean;\n    size?: 'large' | 'normal' | 'small' | 'tiny';\n    outline?: boolean;\n    className?: string;\n\n    name?: string;\n\n    wide?: boolean;\n    filled?: boolean;\n    isText?: boolean;\n    isLoading?: boolean;\n    textColor?: Color;\n\n    disabled?: boolean;\n    primary?: boolean;\n    primaryActive?: boolean;\n\n    success?: boolean;\n    danger?: boolean;\n    mobileWidth?: boolean;\n    stopIconAnimation?: boolean; // Rename this it's bad\n    htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n\n    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\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=\"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

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const Icon_1 = require("components/generic/Icon/Icon");
-const BEButton_1 = __importDefault(require("components/generic/BEButton"));
+const Icon_1 = require("@/components/generic/Icon/Icon");
+const BEButton_1 = __importDefault(require("@/components/generic/BEButton"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 function BackButton(props) {

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,6CAA+B;AAC/B,uDAAwD;AACxD,2EAAmD;AACnD,iDAA+C;AAC/C,0DAAuD;AAMvD,SAAwB,UAAU,CAAC,KAAsB;;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,oBAAC,kBAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,IACvF,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CACtC,CACd,CAAC;AACN,CAAC;AARD,6BAQC","sourcesContent":["import * as React from 'react';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport BEButton from 'components/generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\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={true} onClick={props.onClick ?? null} 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yDAA0D;AAC1D,6EAAqD;AACrD,iDAA+C;AAC/C,0DAAuD;AAMvD,SAAwB,UAAU,CAAC,KAAsB;;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,oBAAC,kBAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,IACvF,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CACtC,CACd,CAAC;AACN,CAAC;AARD,6BAQC","sourcesContent":["import * as React from 'react';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport BEButton from '@/components/generic/BEButton';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\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={true} onClick={props.onClick ?? null} icon={IconType.ArrowLeft}>\n            {t(Translation.Navigation.Back).toUpperCase()}\n        </BEButton>\n    );\n}\n"]}

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

@@ -31,9 +31,9 @@ const React = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const hooks_1 = require("@frontend/hooks");
 const Translation_1 = require("translations/Translation");
-const Color_1 = require("util/Color");
-const BookNowPayLaterIcon_1 = __importDefault(require("components/iconComponents/BookNowPayLaterIcon"));
-const Text_1 = __importStar(require("components/generic/Text"));
+const Color_1 = require("@/util/Color");
+const BookNowPayLaterIcon_1 = __importDefault(require("@/components/iconComponents/BookNowPayLaterIcon"));
+const Text_1 = __importStar(require("@/components/generic/Text"));
 function BookNowPayLaterInfoBlock() {
     var _a, _b;
     const { t } = (0, react_i18next_1.useTranslation)();

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

@@ -1 +1 @@
-{"version":3,"file":"BookNowPayLaterInfoBlock.js","sourceRoot":"/","sources":["src/components/generic/BookNowPayLaterInfoBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iDAA+C;AAC/C,2CAAkD;AAClD,0DAAuD;AACvD,sCAAmC;AACnC,wGAAgF;AAChF,gEAAyD;AAEzD,SAAgB,wBAAwB;;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,IAAI,KAAK,EAAE;QACP,GAAG,GAAG,MAAA,MAAA,KAAK,CAAC,eAAe,mCAAI,KAAK,CAAC,kBAAkB,mCAAI,KAAK,CAAC,gBAAgB,CAAC;KACrF;IAED,MAAM,gBAAgB,GAAG,CAAC,CAAC,yBAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,eAAe,CAAC,CAAC;IAExF,OAAO,CACH,gBAAgB,IAAI,CAChB,6BAAK,SAAS,EAAC,gCAAgC,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,aAAK,CAAC,OAAO,EAAE;QAC3G,6BAAK,SAAS,EAAC,8CAA8C;YACzD,oBAAC,6BAAmB,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;YAC9C,6BAAK,SAAS,EAAC,kBAAkB;gBAC7B,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IACjC,gBAAgB,CACd;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,kBAAkB,CAAC;oBAAE,GAAG;oBACvE,2BAAG,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,IACzE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAClC;wBAED,CACL,CACJ,CACJ,CACT,CACJ,CAAC;AACN,CAAC;AAhCD,4DAgCC","sourcesContent":["import * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport BookNowPayLaterIcon from 'components/iconComponents/BookNowPayLaterIcon';\nimport Text, { TextType } from 'components/generic/Text';\n\nexport function BookNowPayLaterInfoBlock() {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    let url = '';\n    if (hotel) {\n        url = hotel.bestRateNoBSUrl ?? hotel.bookNowPayLaterUrl ?? hotel.privacyPolicyUrl;\n    }\n\n    const titleTranslation = t(Translation.Custom.BookNowPayLaterInfoBlock.BookNowPayLater);\n\n    return (\n        titleTranslation && (\n            <div className=\"u-marg-bottom u-border-rounded\" style={{ padding: '16px 30px', backgroundColor: Color.Accent2 }}>\n                <div className=\"u-flex u-flex-flex-start u-flex-align-center\">\n                    <BookNowPayLaterIcon width={40} height={40} />\n                    <div className=\"u-marg-left--med\">\n                        <Text bold={true} type={TextType.Small}>\n                            {titleTranslation}\n                        </Text>\n                        <Text type={TextType.Small}>\n                            {t(Translation.Custom.BookNowPayLaterInfoBlock.IfYourDreamsChange)}{' '}\n                            <a style={{ color: Color.Accent }} href={url} target=\"_blank\" rel=\"noreferrer\">\n                                {t(Translation.Step.Room.ReadMore)}\n                            </a>\n                            .\n                        </Text>\n                    </div>\n                </div>\n            </div>\n        )\n    );\n}\n"]}
+{"version":3,"file":"BookNowPayLaterInfoBlock.js","sourceRoot":"/","sources":["src/components/generic/BookNowPayLaterInfoBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iDAA+C;AAC/C,2CAAkD;AAClD,0DAAuD;AACvD,wCAAqC;AACrC,0GAAkF;AAClF,kEAA2D;AAE3D,SAAgB,wBAAwB;;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,IAAI,KAAK,EAAE;QACP,GAAG,GAAG,MAAA,MAAA,KAAK,CAAC,eAAe,mCAAI,KAAK,CAAC,kBAAkB,mCAAI,KAAK,CAAC,gBAAgB,CAAC;KACrF;IAED,MAAM,gBAAgB,GAAG,CAAC,CAAC,yBAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,eAAe,CAAC,CAAC;IAExF,OAAO,CACH,gBAAgB,IAAI,CAChB,6BAAK,SAAS,EAAC,gCAAgC,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,aAAK,CAAC,OAAO,EAAE;QAC3G,6BAAK,SAAS,EAAC,8CAA8C;YACzD,oBAAC,6BAAmB,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;YAC9C,6BAAK,SAAS,EAAC,kBAAkB;gBAC7B,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IACjC,gBAAgB,CACd;gBACP,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,kBAAkB,CAAC;oBAAE,GAAG;oBACvE,2BAAG,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,IACzE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAClC;wBAED,CACL,CACJ,CACJ,CACT,CACJ,CAAC;AACN,CAAC;AAhCD,4DAgCC","sourcesContent":["import * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { Translation } from 'translations/Translation';\nimport { Color } from '@/util/Color';\nimport BookNowPayLaterIcon from '@/components/iconComponents/BookNowPayLaterIcon';\nimport Text, { TextType } from '@/components/generic/Text';\n\nexport function BookNowPayLaterInfoBlock() {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    let url = '';\n    if (hotel) {\n        url = hotel.bestRateNoBSUrl ?? hotel.bookNowPayLaterUrl ?? hotel.privacyPolicyUrl;\n    }\n\n    const titleTranslation = t(Translation.Custom.BookNowPayLaterInfoBlock.BookNowPayLater);\n\n    return (\n        titleTranslation && (\n            <div className=\"u-marg-bottom u-border-rounded\" style={{ padding: '16px 30px', backgroundColor: Color.Accent2 }}>\n                <div className=\"u-flex u-flex-flex-start u-flex-align-center\">\n                    <BookNowPayLaterIcon width={40} height={40} />\n                    <div className=\"u-marg-left--med\">\n                        <Text bold={true} type={TextType.Small}>\n                            {titleTranslation}\n                        </Text>\n                        <Text type={TextType.Small}>\n                            {t(Translation.Custom.BookNowPayLaterInfoBlock.IfYourDreamsChange)}{' '}\n                            <a style={{ color: Color.Accent }} href={url} target=\"_blank\" rel=\"noreferrer\">\n                                {t(Translation.Step.Room.ReadMore)}\n                            </a>\n                            .\n                        </Text>\n                    </div>\n                </div>\n            </div>\n        )\n    );\n}\n"]}

package/dist/src/components/generic/BookingWizard/BookingWizard.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { BookingWizardContentProps } from './BookingWizardContent';
 import { BookingWizardContextType, BookingWizardLayout, BookingWizardTheme } from './BookingWizardContext';
-import { TBookingWizardProperties } from 'models/BookingWizard/BookingWizardTypes';
-import { BookingWizardProperty } from 'models/BookingWizard/BookingWizardProperty';
+import { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';
+import { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';
 export declare enum EBookingWizardTheme {
     Default = "default",
     Specific = "specific"

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

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EBookingWizardTheme = void 0;
 const classnames_1 = __importDefault(require("classnames"));
-const WindowSize_1 = require("hooks/WindowSize");
+const WindowSize_1 = require("@/hooks/WindowSize");
 const react_1 = __importStar(require("react"));
 const BEButton_1 = __importDefault(require("../BEButton"));
 const Icon_1 = __importStar(require("../Icon/Icon"));

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

@@ -1 +1 @@
-{"version":3,"file":"BookingWizard.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\nimport { useWindowSize } from 'hooks/WindowSize';\nimport React, { useEffect, useState } from 'react';\n\nimport BEButton from '../BEButton';\nimport Icon, { IconType } from '../Icon/Icon';\nimport SimpleModal, { SimpleModalSize } from '../modal/SimpleModal';\nimport styles from './BookingWizard.module.scss';\nimport { BookingWizardContent, BookingWizardContentProps } from './BookingWizardContent';\nimport { BookingWizardContext, BookingWizardContextType, BookingWizardLayout, BookingWizardOnBooking, BookingWizardOverlayType, BookingWizardTheme } from './BookingWizardContext';\nimport { TBookingWizardProperties } from 'models/BookingWizard/BookingWizardTypes';\nimport { BookingWizardProperty } from 'models/BookingWizard/BookingWizardProperty';\n\nexport enum EBookingWizardTheme {\n    Default = 'default',\n    Specific = 'specific',\n}\n\nexport interface BookingWizardProps extends BookingWizardContentProps {\n    layout?: BookingWizardLayout;\n    theme?: BookingWizardTheme;\n\n    properties: TBookingWizardProperties;\n    selectedProperty: BookingWizardProperty;\n    defaultColors: BookingWizardProperty['colors'];\n    onSubmit: BookingWizardContextType['onSubmit'];\n}\n\nconst BookingWizard: React.FC<BookingWizardProps> = (props) => {\n    const { layout = 'horizontal', theme = EBookingWizardTheme.Default, onSubmit, selectedProperty, properties, defaultColors } = props;\n    const [isOpen, setIsOpen] = React.useState(false);\n\n    const { isMobile } = useWindowSize();\n\n    const [compOverlayType, setCompOverlayType] = useState<BookingWizardOverlayType>('popup');\n    const [overlayOffset, setOverlayOffset] = useState<[number, number]>();\n    const [dateSelectorOverlayOffset, setDateSelectorOverlayOffset] = useState<[number, number]>();\n    const [overlayPlacement, setOverlayPlacement] = useState<Placement>();\n\n    useEffect(() => {\n        if (layout === 'horizontal' && !isMobile) {\n            setOverlayOffset([0, 21]);\n            setDateSelectorOverlayOffset([0, 6]);\n            setCompOverlayType('popup');\n        } else {\n            setOverlayOffset([0, 10]);\n            setDateSelectorOverlayOffset([0, -8]);\n            setCompOverlayType('bottom-sheet');\n        }\n    }, [layout, isMobile]);\n\n    useEffect(() => {\n        if (!isMobile) {\n            setOverlayPlacement('bottom-start');\n        } else {\n            setOverlayPlacement('bottom');\n        }\n    }, [isMobile]);\n\n    const classes = classNames(styles.container, {\n        [styles['--theme-specific']]: theme === EBookingWizardTheme.Specific,\n        [styles['--theme-default']]: theme === EBookingWizardTheme.Default,\n    });\n\n    const bookingWizardContext: BookingWizardContextType = {\n        layout,\n        theme,\n        type: compOverlayType,\n        className: classes,\n\n        onSubmit,\n\n        overlay: {\n            offset: overlayOffset,\n            placement: overlayPlacement,\n            fallbackPlacements: overlayPlacement,\n            dateOffset: dateSelectorOverlayOffset,\n        },\n    };\n\n    if (layout === 'button') {\n        return (\n            <div className={classes}>\n                <BEButton className={styles.bookNowBtn} onClick={() => setIsOpen(true)}>\n                    Book Now\n                </BEButton>\n\n                <SimpleModal className={styles.container} size={SimpleModalSize.ExtraSmall} open={isOpen} onClose={() => setIsOpen(false)} alignCenter overflowVisible>\n                    <div>\n                        <div className={styles.title}>\n                            <span>Book a hotel</span>\n                            <Icon className={styles.closeBtn} icon={IconType.Close} size=\"24px\" onClick={() => setIsOpen(false)} />\n                        </div>\n                        <BookingWizardContext.Provider value={bookingWizardContext}>\n                            <div className={classes}>\n                                <BookingWizardContent properties={properties} selectedProperty={selectedProperty} defaultColors={defaultColors} />\n                            </div>\n                        </BookingWizardContext.Provider>\n                    </div>\n                </SimpleModal>\n            </div>\n        );\n    }\n\n    return (\n        <div className={classes}>\n            <BookingWizardContext.Provider value={bookingWizardContext}>\n                <BookingWizardContent {...props} />\n            </BookingWizardContext.Provider>\n        </div>\n    );\n};\n\nexport default BookingWizard;\n"]}
+{"version":3,"file":"BookingWizard.js","sourceRoot":"/","sources":["src/components/generic/BookingWizard/BookingWizard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\nimport { useWindowSize } from '@/hooks/WindowSize';\nimport React, { useEffect, useState } from 'react';\n\nimport BEButton from '../BEButton';\nimport Icon, { IconType } from '../Icon/Icon';\nimport SimpleModal, { SimpleModalSize } from '../modal/SimpleModal';\nimport styles from './BookingWizard.module.scss';\nimport { BookingWizardContent, BookingWizardContentProps } from './BookingWizardContent';\nimport { BookingWizardContext, BookingWizardContextType, BookingWizardLayout, BookingWizardOnBooking, BookingWizardOverlayType, BookingWizardTheme } from './BookingWizardContext';\nimport { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';\nimport { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';\n\nexport enum EBookingWizardTheme {\n    Default = 'default',\n    Specific = 'specific',\n}\n\nexport interface BookingWizardProps extends BookingWizardContentProps {\n    layout?: BookingWizardLayout;\n    theme?: BookingWizardTheme;\n\n    properties: TBookingWizardProperties;\n    selectedProperty: BookingWizardProperty;\n    defaultColors: BookingWizardProperty['colors'];\n    onSubmit: BookingWizardContextType['onSubmit'];\n}\n\nconst BookingWizard: React.FC<BookingWizardProps> = (props) => {\n    const { layout = 'horizontal', theme = EBookingWizardTheme.Default, onSubmit, selectedProperty, properties, defaultColors } = props;\n    const [isOpen, setIsOpen] = React.useState(false);\n\n    const { isMobile } = useWindowSize();\n\n    const [compOverlayType, setCompOverlayType] = useState<BookingWizardOverlayType>('popup');\n    const [overlayOffset, setOverlayOffset] = useState<[number, number]>();\n    const [dateSelectorOverlayOffset, setDateSelectorOverlayOffset] = useState<[number, number]>();\n    const [overlayPlacement, setOverlayPlacement] = useState<Placement>();\n\n    useEffect(() => {\n        if (layout === 'horizontal' && !isMobile) {\n            setOverlayOffset([0, 21]);\n            setDateSelectorOverlayOffset([0, 6]);\n            setCompOverlayType('popup');\n        } else {\n            setOverlayOffset([0, 10]);\n            setDateSelectorOverlayOffset([0, -8]);\n            setCompOverlayType('bottom-sheet');\n        }\n    }, [layout, isMobile]);\n\n    useEffect(() => {\n        if (!isMobile) {\n            setOverlayPlacement('bottom-start');\n        } else {\n            setOverlayPlacement('bottom');\n        }\n    }, [isMobile]);\n\n    const classes = classNames(styles.container, {\n        [styles['--theme-specific']]: theme === EBookingWizardTheme.Specific,\n        [styles['--theme-default']]: theme === EBookingWizardTheme.Default,\n    });\n\n    const bookingWizardContext: BookingWizardContextType = {\n        layout,\n        theme,\n        type: compOverlayType,\n        className: classes,\n\n        onSubmit,\n\n        overlay: {\n            offset: overlayOffset,\n            placement: overlayPlacement,\n            fallbackPlacements: overlayPlacement,\n            dateOffset: dateSelectorOverlayOffset,\n        },\n    };\n\n    if (layout === 'button') {\n        return (\n            <div className={classes}>\n                <BEButton className={styles.bookNowBtn} onClick={() => setIsOpen(true)}>\n                    Book Now\n                </BEButton>\n\n                <SimpleModal className={styles.container} size={SimpleModalSize.ExtraSmall} open={isOpen} onClose={() => setIsOpen(false)} alignCenter overflowVisible>\n                    <div>\n                        <div className={styles.title}>\n                            <span>Book a hotel</span>\n                            <Icon className={styles.closeBtn} icon={IconType.Close} size=\"24px\" onClick={() => setIsOpen(false)} />\n                        </div>\n                        <BookingWizardContext.Provider value={bookingWizardContext}>\n                            <div className={classes}>\n                                <BookingWizardContent properties={properties} selectedProperty={selectedProperty} defaultColors={defaultColors} />\n                            </div>\n                        </BookingWizardContext.Provider>\n                    </div>\n                </SimpleModal>\n            </div>\n        );\n    }\n\n    return (\n        <div className={classes}>\n            <BookingWizardContext.Provider value={bookingWizardContext}>\n                <BookingWizardContent {...props} />\n            </BookingWizardContext.Provider>\n        </div>\n    );\n};\n\nexport default BookingWizard;\n"]}

package/dist/src/components/generic/BookingWizard/BookingWizardContent.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import 'react-spring-bottom-sheet/dist/style.css';
-import { BookingWizardProperty } from 'models/BookingWizard/BookingWizardProperty';
-import { TBookingWizardProperties } from 'models/BookingWizard/BookingWizardTypes';
+import { BookingWizardProperty } from '@/models/BookingWizard/BookingWizardProperty';
+import { TBookingWizardProperties } from '@/models/BookingWizard/BookingWizardTypes';
 export interface BookingWizardContentProps {
     defaultColors: BookingWizardProperty['colors'];
     properties: TBookingWizardProperties;

package/dist/src/components/generic/BookingWizard/BookingWizardContent.js

@@ -37,7 +37,7 @@ const BookingWizardDateSelector_1 = require("./BookingWizardDateSelector/Booking
 const BookingWizardGuestSelector_1 = require("./BookingWizardGuestSelector/BookingWizardGuestSelector");
 const BookingWizardHotelSelector_1 = require("./BookingWizardHotelSelector/BookingWizardHotelSelector");
 require("react-spring-bottom-sheet/dist/style.css");
-const RoomstayThemeEngine_1 = __importDefault(require("providers/RoomstayThemeEngine"));
+const RoomstayThemeEngine_1 = __importDefault(require("@/providers/RoomstayThemeEngine"));
 const BookingWizardContent = ({ properties, selectedProperty: defaultProperty, defaultColors }) => {
     const bwContext = (0, react_1.useContext)(BookingWizardContext_1.BookingWizardContext);
     const [checkInDate, setCheckInDate] = (0, react_1.useState)((0, dayjs_1.default)());