@roomstay/frontend 2.1.6 → 2.1.7

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

@@ -27,10 +27,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SignUpForm = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
-const react_1 = require("react");
+const react_2 = require("react");
 const Translation_1 = require("translations/Translation");
 const AutoAutoHeight_1 = __importDefault(require("../../../animations/AutoAutoHeight"));
 const contexts_1 = require("../../../contexts/index.js");
@@ -49,10 +49,10 @@ const PasswordBox_1 = require("../../generic/PasswordBox/PasswordBox");
 const SignUpForm = (props) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const { loading, error, cognitoLoginState, register: cognitoRegister, reset: cognitoReset, confirmAccount } = (0, react_1.useContext)(contexts_1.AuthenticationContext);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const [apiErrorMessages, setApiErrorMessages] = (0, react_1.useState)('');
-    const [isVerifyingEmail, setIsVerifyingEmail] = (0, react_1.useState)(false);
+    const { loading, error, cognitoLoginState, register: cognitoRegister, reset: cognitoReset, confirmAccount } = (0, react_2.useContext)(contexts_1.AuthenticationContext);
+    const [isLoading, setIsLoading] = (0, react_2.useState)(false);
+    const [apiErrorMessages, setApiErrorMessages] = (0, react_2.useState)('');
+    const [isVerifyingEmail, setIsVerifyingEmail] = (0, react_2.useState)(false);
     const { register, formState, handleSubmit } = (0, react_hook_form_1.useForm)({
         mode: 'onSubmit',
     });
@@ -68,9 +68,6 @@ const SignUpForm = (props) => {
                 return 'success';
             }
         }
-        else {
-            return null;
-        }
     };
     const onSubmit = (values) => {
         setIsLoading(true);
@@ -96,90 +93,92 @@ const SignUpForm = (props) => {
         }
     };
     const onSignInClicked = () => {
+        var _a;
         cognitoReset();
-        props.onSignedIn();
+        (_a = props.onSignedIn) === null || _a === void 0 ? void 0 : _a.call(props);
     };
     const onErrorContent = () => {
         switch (cognitoLoginState) {
             case contexts_1.CognitoLoginState.UsernameExists: {
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
                         "Email is in use already, try",
                         ' ',
-                        React.createElement(BEButton_1.default, { isText: true, size: 'small', primary: true, onClick: onSignInClicked }, "logging in"),
+                        react_1.default.createElement(BEButton_1.default, { isText: true, size: "small", primary: true, onClick: onSignInClicked }, "logging in"),
                         "?")));
             }
         }
     };
-    return (React.createElement("div", null,
-        React.createElement("div", { className: "u-marg-bottom--heavy" },
-            React.createElement(Headline_1.default, { color: Color_1.Color.Navy, bold: true, className: "u-marg-bottom--light" }, t(Translation_1.Translation.Navigation.SignUp.Title))),
-        React.createElement(AutoAutoHeight_1.default, { open: !!accountExists },
-            React.createElement("div", { className: "u-flex" },
-                React.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error }, onErrorContent()))),
-        React.createElement(AutoAutoHeight_1.default, { open: !!error },
-            React.createElement("div", { className: "u-flex" },
-                React.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Small }, error === null || error === void 0 ? void 0 : error.message)))),
-        React.createElement(AutoAutoHeight_1.default, { open: !!formState.errors },
-            React.createElement("div", { className: "u-flex flex-column" }, Object.keys(formState.errors).map((errorName, index) => {
-                return (React.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error, key: index },
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Small }, formState.errors[errorName].message)));
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+            react_1.default.createElement(Headline_1.default, { color: Color_1.Color.Navy, bold: true, className: "u-marg-bottom--light" }, t(Translation_1.Translation.Navigation.SignUp.Title))),
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: !!accountExists },
+            react_1.default.createElement("div", { className: "u-flex" },
+                react_1.default.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error }, onErrorContent()))),
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: !!error },
+            react_1.default.createElement("div", { className: "u-flex" },
+                react_1.default.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, error === null || error === void 0 ? void 0 : error.message)))),
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: !!formState.errors },
+            react_1.default.createElement("div", { className: "u-flex flex-column" }, Object.keys(formState.errors).map((errorName, index) => {
+                var _a;
+                return (react_1.default.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error, key: index },
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, (_a = formState.errors[errorName]) === null || _a === void 0 ? void 0 : _a.message)));
             }))),
-        React.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "u-marg-bottom" },
-            React.createElement(AutoAutoHeight_1.default, { open: !isVerifyingEmail, startOpen: true },
-                React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: "u-marg-bottom" },
-                        React.createElement(InputGroup_1.default, { dimensions: "2/2" },
-                            React.createElement(React.Fragment, null,
-                                React.createElement("div", { className: "u-marg-bottom--light" },
-                                    React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, t(Translation_1.Translation.Navigation.SignUp.Inputs.FirstName))),
-                                React.createElement(TextBox_1.default, Object.assign({ placeholder: "Sam", validationStatus: getValidationClass('forename') }, register('forename', {
+        react_1.default.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "u-marg-bottom" },
+            react_1.default.createElement(AutoAutoHeight_1.default, { open: !isVerifyingEmail, startOpen: true },
+                react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("div", { className: "u-marg-bottom" },
+                        react_1.default.createElement(InputGroup_1.default, { dimensions: "2/2" },
+                            react_1.default.createElement(react_1.default.Fragment, null,
+                                react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, t(Translation_1.Translation.Navigation.SignUp.Inputs.FirstName))),
+                                react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: "Sam", validationStatus: getValidationClass('forename') }, register('forename', {
                                     required: (0, Validation_1.makeRequiredRule)(true, t(Translation_1.Translation.Navigation.SignUp.Inputs.FirstName)),
                                 })))),
-                            React.createElement(React.Fragment, null,
-                                React.createElement("div", { className: "u-marg-bottom--light" },
-                                    React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, t(Translation_1.Translation.Navigation.SignUp.Inputs.LastName))),
-                                React.createElement(TextBox_1.default, Object.assign({ placeholder: "Smith", validationStatus: getValidationClass('surname') }, register('surname', {
+                            react_1.default.createElement(react_1.default.Fragment, null,
+                                react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, t(Translation_1.Translation.Navigation.SignUp.Inputs.LastName))),
+                                react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: "Smith", validationStatus: getValidationClass('surname') }, register('surname', {
                                     required: (0, Validation_1.makeRequiredRule)(true, t(Translation_1.Translation.Navigation.SignUp.Inputs.LastName)),
                                 })))))),
-                    React.createElement("div", { className: "u-marg-bottom" },
-                        React.createElement("div", { className: "u-marg-bottom--light" },
-                            React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, t(Translation_1.Translation.Navigation.SignIn.EmailAddress))),
-                        React.createElement(TextBox_1.default, Object.assign({ placeholder: "example@mail.com", validationStatus: getValidationClass('email') }, register('email', {
+                    react_1.default.createElement("div", { className: "u-marg-bottom" },
+                        react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, t(Translation_1.Translation.Navigation.SignIn.EmailAddress))),
+                        react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: "example@mail.com", validationStatus: getValidationClass('email') }, register('email', {
                             required: (0, Validation_1.makeRequiredRule)(true, t(Translation_1.Translation.Navigation.SignIn.EmailAddress)),
                             pattern: {
                                 value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i,
                                 message: t(Translation_1.Translation.FindReservation.InvalidEmailAddress),
                             },
                         })))),
-                    React.createElement("div", { className: "u-marg-bottom" },
-                        React.createElement("div", { className: "u-marg-bottom--light" },
-                            React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, t(Translation_1.Translation.Navigation.SignUp.Inputs.Password.Label))),
-                        React.createElement("div", { className: "u-marg-bottom--light" },
-                            React.createElement(PasswordBox_1.PasswordBox, Object.assign({ placeholder: t(Translation_1.Translation.Navigation.SignUp.Inputs.Password.Label), validationStatus: getValidationClass('password') }, register('password', {
+                    react_1.default.createElement("div", { className: "u-marg-bottom" },
+                        react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, t(Translation_1.Translation.Navigation.SignUp.Inputs.Password.Label))),
+                        react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                            react_1.default.createElement(PasswordBox_1.PasswordBox, Object.assign({ placeholder: t(Translation_1.Translation.Navigation.SignUp.Inputs.Password.Label), validationStatus: getValidationClass('password') }, register('password', {
                                 required: (0, Validation_1.makeRequiredRule)(true, t(Translation_1.Translation.Navigation.SignUp.Inputs.Password.Label)),
                                 pattern: Validation_1.passwordPatternRule,
                             })))),
-                        React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, className: "u-marg-bottom" }, t(Translation_1.Translation.Navigation.SignUp.Inputs.Password.Hint)),
-                        React.createElement(Checkbox_1.default, Object.assign({ label: React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, className: "u-marg-bottom" }, t(Translation_1.Translation.Navigation.SignUp.Inputs.Password.Hint)),
+                        react_1.default.createElement(Checkbox_1.default, Object.assign({ label: react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
                                 t(Translation_1.Translation.Navigation.SignUp.Inputs.Terms.BaseText),
                                 ' ',
-                                React.createElement("a", { href: hotel === null || hotel === void 0 ? void 0 : hotel.privacyPolicyUrl, target: "_blank", style: { color: Color_1.Color.Accent }, rel: "noreferrer" }, t(Translation_1.Translation.Navigation.SignUp.Inputs.Terms.LinkText))) }, register('termsAndConditions', {
+                                react_1.default.createElement("a", { href: hotel === null || hotel === void 0 ? void 0 : hotel.privacyPolicyUrl, target: "_blank", style: { color: Color_1.Color.Accent }, rel: "noreferrer" }, t(Translation_1.Translation.Navigation.SignUp.Inputs.Terms.LinkText))) }, register('termsAndConditions', {
                             required: { value: true, message: t(Translation_1.Translation.Navigation.SignUp.Inputs.Terms.Error) },
                         })))),
-                    React.createElement(BEButton_1.default, { wide: true, icon: Icon_1.IconType.ArrowRight, iconPosition: "right", filled: true, primary: true, name: "SignUpButton", htmlType: "submit", isLoading: loading || isLoading, disabled: isLoading || loading }, t(Translation_1.Translation.Navigation.SignUp.Inputs.SignUpButton)))),
-            React.createElement(AutoAutoHeight_1.default, { open: isVerifyingEmail },
-                React.createElement("div", { className: "u-marg-bottom" },
-                    React.createElement(Text_1.default, { color: Color_1.Color.Success, className: "u-marg-bottom--light", bold: true }, "Almost there!"),
-                    React.createElement(Text_1.default, { type: Text_1.TextType.Small }, "We've sent a unique code to your email address, please confirm the code to finish signing up.")),
-                React.createElement("div", { className: "u-marg-bottom--heavy" },
-                    React.createElement("div", { className: "u-marg-bottom--light" },
-                        React.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, "Code")),
-                    React.createElement(TextBox_1.default, Object.assign({ placeholder: "12345", validationStatus: getValidationClass('code') }, register('code', {
+                    react_1.default.createElement(BEButton_1.default, { wide: true, icon: Icon_1.IconType.ArrowRight, iconPosition: "right", filled: true, primary: true, name: "SignUpButton", htmlType: "submit", isLoading: loading || isLoading, disabled: isLoading || loading }, t(Translation_1.Translation.Navigation.SignUp.Inputs.SignUpButton)))),
+            react_1.default.createElement(AutoAutoHeight_1.default, { open: isVerifyingEmail },
+                react_1.default.createElement("div", { className: "u-marg-bottom" },
+                    react_1.default.createElement(Text_1.default, { color: Color_1.Color.Success, className: "u-marg-bottom--light", bold: true }, "Almost there!"),
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, "We've sent a unique code to your email address, please confirm the code to finish signing up.")),
+                react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
+                    react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Navy, bold: true }, "Code")),
+                    react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: "12345", validationStatus: getValidationClass('code') }, register('code', {
                         required: (0, Validation_1.makeRequiredRule)(isVerifyingEmail, 'Code'),
                     })))),
-                React.createElement(BEButton_1.default, { wide: true, icon: Icon_1.IconType.ArrowRight, iconPosition: "right", filled: true, primary: true, name: "SignUpButton", htmlType: "submit", isLoading: loading || isLoading, disabled: isLoading || loading }, t(Translation_1.Translation.Navigation.SignUp.Inputs.SignUpButton))))));
+                react_1.default.createElement(BEButton_1.default, { wide: true, icon: Icon_1.IconType.ArrowRight, iconPosition: "right", filled: true, primary: true, name: "SignUpButton", htmlType: "submit", isLoading: loading || isLoading, disabled: isLoading || loading }, t(Translation_1.Translation.Navigation.SignUp.Inputs.SignUpButton))))));
 };
 exports.SignUpForm = SignUpForm;
 //# sourceMappingURL=SignUpForm.js.map

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 React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useState, useContext } 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 as CognitoLoginState);\n\n    const getValidationClass = (name: string) => {\n        if (errors && formState.touchedFields[name]) {\n            if (errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit = (values: any) => {\n        setIsLoading(true);\n        setApiErrorMessages('');\n\n        if (!isVerifyingEmail) {\n            cognitoRegister(values.email, values.password, {\n                ['custom:forename']: values.forename,\n                ['custom:surname']: values.surname,\n            })\n                .then((state) => {\n                    if (state === CognitoLoginState.RequiresConfirmation) {\n                        setIsVerifyingEmail(true);\n                    }\n                })\n                .finally(() => {\n                    setIsLoading(false);\n                });\n        } else {\n            confirmAccount(values.email, values.code, values.password).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 size=\"small\" primary 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 className=\"u-marg-bottom--light\">\n                    {t(Translation.Navigation.SignUp.Title)}\n                </Headline>\n            </div>\n            <AutoAutoHeight open={!!accountExists}>\n                <div className=\"u-flex\">\n                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                        {onErrorContent()}\n                    </Alert>\n                </div>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={!!error}>\n                <div className=\"u-flex\">\n                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                        <Text type={TextType.Small}>{error?.message}</Text>\n                    </Alert>\n                </div>\n            </AutoAutoHeight>\n            <AutoAutoHeight open={!!formState.errors}>\n                <div className=\"u-flex flex-column\">\n                    {Object.keys(formState.errors).map((errorName, index) => {\n                        return (\n                            <Alert type={AlertType.Danger} icon={IconType.Error} key={index}>\n                                <Text type={TextType.Small}>{formState.errors[errorName]?.message}</Text>\n                            </Alert>\n                        );\n                    })}\n                </div>\n            </AutoAutoHeight>\n            <form onSubmit={handleSubmit(onSubmit)} className=\"u-marg-bottom\">\n                <AutoAutoHeight open={!isVerifyingEmail} startOpen>\n                    <>\n                        <div className=\"u-marg-bottom\">\n                            <InputGroup dimensions=\"2/2\">\n                                <>\n                                    <div className=\"u-marg-bottom--light\">\n                                        <Text type={TextType.Label} color={Color.Navy} bold>\n                                            {t(Translation.Navigation.SignUp.Inputs.FirstName)}\n                                        </Text>\n                                    </div>\n                                    <TextBox\n                                        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\n                            icon={IconType.ArrowRight}\n                            iconPosition=\"right\"\n                            filled\n                            primary\n                            name=\"SignUpButton\"\n                            htmlType=\"submit\"\n                            isLoading={loading || isLoading}\n                            disabled={isLoading || loading}\n                        >\n                            {t(Translation.Navigation.SignUp.Inputs.SignUpButton)}\n                        </BEButton>\n                    </>\n                </AutoAutoHeight>\n                <AutoAutoHeight open={isVerifyingEmail}>\n                    <div className=\"u-marg-bottom\">\n                        <Text color={Color.Success} className=\"u-marg-bottom--light\" bold>\n                            Almost there!\n                        </Text>\n                        <Text type={TextType.Small}>We&apos;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\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.js

@@ -1,33 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertVariant = exports.AlertType = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon/Icon"));
 const classnames_1 = __importDefault(require("classnames"));
 var AlertType;
@@ -53,8 +30,8 @@ function Alert(props) {
         'u-marg-bottom--none': props.noMargin,
         '--no-border': props.noBorder,
     });
-    return (React.createElement("div", { className: classes },
-        props.icon && React.createElement(Icon_1.default, { className: props.iconClassName, icon: props.icon, size: props.iconSize || '16px' }),
+    return (react_1.default.createElement("div", { className: classes },
+        props.icon && react_1.default.createElement(Icon_1.default, { className: props.iconClassName, icon: props.icon, size: props.iconSize || '16px' }),
         props.children));
 }
 exports.default = Alert;

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,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"]}
+{"version":3,"file":"Alert.js","sourceRoot":"/","sources":["src/components/generic/Alert.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,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,uCAAK,SAAS,EAAE,OAAO;QAClB,KAAK,CAAC,IAAI,IAAI,8BAAC,cAAI,IAAC,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,GAAI;QACxG,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAjBD,wBAiBC","sourcesContent":["import 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,5 +1,5 @@
 import { IconType } from './Icon/Icon';
-import * as React from 'react';
+import React from 'react';
 import { PropsWithChildren } from 'react';
 import { Color } from '../../util/Color';
 export interface BEButtonProps extends PropsWithChildren<any> {

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

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const Icon_1 = __importStar(require("./Icon/Icon"));
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Color_1 = require("../../util/Color");
 function BEButton(props) {
@@ -50,7 +50,7 @@ function BEButton(props) {
     }, props.className);
     let icon = '';
     if (defaultProps.icon) {
-        icon = React.createElement(Icon_1.default, { icon: defaultProps.icon, size: "1em" });
+        icon = react_1.default.createElement(Icon_1.default, { icon: defaultProps.icon, size: "1em" });
     }
     const extraProperties = {};
     const styles = {};
@@ -62,8 +62,9 @@ function BEButton(props) {
     }
     if (props.onClick) {
         extraProperties.onClick = (e) => {
+            var _a;
             if (!props.isLoading) {
-                props.onClick(e);
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
             }
         };
     }
@@ -74,10 +75,10 @@ function BEButton(props) {
     if (defaultProps.backgroundColor) {
         bgColor = { backgroundColor: defaultProps.backgroundColor, borderColor: defaultProps.backgroundColor };
     }
-    return (React.createElement("button", Object.assign({ className: classes }, extraProperties, { style: Object.assign(Object.assign({}, styles), bgColor), type: defaultProps.htmlType }),
-        defaultProps.isLoading && (React.createElement("span", { className: "c-spin" },
-            React.createElement(Icon_1.default, { icon: Icon_1.IconType.Spinner, color: props.primary ? Color_1.Color.White : Color_1.Color.Accent }))),
-        React.createElement("span", null,
+    return (react_1.default.createElement("button", Object.assign({ className: classes }, extraProperties, { style: Object.assign(Object.assign({}, styles), bgColor), type: defaultProps.htmlType }),
+        defaultProps.isLoading && (react_1.default.createElement("span", { className: "c-spin" },
+            react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Spinner, color: props.primary ? Color_1.Color.White : Color_1.Color.Accent }))),
+        react_1.default.createElement("span", null,
             defaultProps.iconPosition === 'left' && icon,
             props.children,
             defaultProps.iconPosition === 'right' && icon)));

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 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/BESelect.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=BESelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BESelect.js","sourceRoot":"/","sources":["src/components/generic/BESelect.tsx"],"names":[],"mappings":"","sourcesContent":[""]}

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

@@ -1,40 +1,16 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Icon_1 = require("./Icon/Icon");
 const BEButton_1 = __importDefault(require("./BEButton"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 function BackButton(props) {
-    var _a;
     const { t } = (0, react_i18next_1.useTranslation)();
-    return (React.createElement(BEButton_1.default, { size: "tiny", isText: true, onClick: (_a = props.onClick) !== null && _a !== void 0 ? _a : null, icon: Icon_1.IconType.ArrowLeft }, t(Translation_1.Translation.Navigation.Back).toUpperCase()));
+    return (react_1.default.createElement(BEButton_1.default, { size: "tiny", isText: true, onClick: props.onClick, icon: Icon_1.IconType.ArrowLeft }, t(Translation_1.Translation.Navigation.Back).toUpperCase()));
 }
 exports.default = BackButton;
 //# sourceMappingURL=BackButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BackButton.js","sourceRoot":"/","sources":["src/components/generic/BackButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,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"]}
+{"version":3,"file":"BackButton.js","sourceRoot":"/","sources":["src/components/generic/BackButton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,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,8BAAC,kBAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,QAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,SAAS,IACxE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CACtC,CACd,CAAC;AACN,CAAC;AARD,6BAQC","sourcesContent":["import React from 'react';\nimport { 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 onClick={props.onClick} icon={IconType.ArrowLeft}>\n            {t(Translation.Navigation.Back).toUpperCase()}\n        </BEButton>\n    );\n}\n"]}

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

@@ -1 +1,2 @@
-export declare function BookNowPayLaterInfoBlock(): JSX.Element;
+import { ReactElement } from 'react';
+export declare function BookNowPayLaterInfoBlock(): ReactElement | null;

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

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BookNowPayLaterInfoBlock = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
 const hooks_1 = require("../../hooks/index.js");
 const Translation_1 = require("translations/Translation");
@@ -43,16 +43,16 @@ function BookNowPayLaterInfoBlock() {
         url = (_b = (_a = hotel.bestRateNoBSUrl) !== null && _a !== void 0 ? _a : hotel.bookNowPayLaterUrl) !== null && _b !== void 0 ? _b : hotel.privacyPolicyUrl;
     }
     const titleTranslation = t(Translation_1.Translation.Custom.BookNowPayLaterInfoBlock.BookNowPayLater);
-    return (titleTranslation && (React.createElement("div", { className: "u-marg-bottom u-border-rounded", style: { padding: '16px 30px', backgroundColor: Color_1.Color.Accent2 } },
-        React.createElement("div", { className: "u-flex u-flex-flex-start u-flex-align-center" },
-            React.createElement(BookNowPayLaterIcon_1.default, { width: 40, height: 40 }),
-            React.createElement("div", { className: "u-marg-left--med" },
-                React.createElement(Text_1.default, { bold: true, type: Text_1.TextType.Small }, titleTranslation),
-                React.createElement(Text_1.default, { type: Text_1.TextType.Small },
+    return titleTranslation ? (react_1.default.createElement("div", { className: "u-marg-bottom u-border-rounded", style: { padding: '16px 30px', backgroundColor: Color_1.Color.Accent2 } },
+        react_1.default.createElement("div", { className: "u-flex u-flex-flex-start u-flex-align-center" },
+            react_1.default.createElement(BookNowPayLaterIcon_1.default, { width: 40, height: 40 }),
+            react_1.default.createElement("div", { className: "u-marg-left--med" },
+                react_1.default.createElement(Text_1.default, { bold: true, type: Text_1.TextType.Small }, titleTranslation),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
                     t(Translation_1.Translation.Custom.BookNowPayLaterInfoBlock.IfYourDreamsChange),
                     ' ',
-                    React.createElement("a", { style: { color: Color_1.Color.Accent }, href: url, target: "_blank", rel: "noreferrer" }, t(Translation_1.Translation.Step.Room.ReadMore)),
-                    "."))))));
+                    react_1.default.createElement("a", { style: { color: Color_1.Color.Accent }, href: url, target: "_blank", rel: "noreferrer" }, t(Translation_1.Translation.Step.Room.ReadMore)),
+                    "."))))) : null;
 }
 exports.BookNowPayLaterInfoBlock = BookNowPayLaterInfoBlock;
 //# sourceMappingURL=BookNowPayLaterInfoBlock.js.map

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,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"]}
+{"version":3,"file":"BookNowPayLaterInfoBlock.js","sourceRoot":"/","sources":["src/components/generic/BookNowPayLaterInfoBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA4C;AAC5C,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,gBAAgB,CAAC,CAAC,CAAC,CACtB,uCAAK,SAAS,EAAC,gCAAgC,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,aAAK,CAAC,OAAO,EAAE;QAC3G,uCAAK,SAAS,EAAC,8CAA8C;YACzD,8BAAC,6BAAmB,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;YAC9C,uCAAK,SAAS,EAAC,kBAAkB;gBAC7B,8BAAC,cAAI,IAAC,IAAI,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAC1B,gBAAgB,CACd;gBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;oBACrB,CAAC,CAAC,yBAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,kBAAkB,CAAC;oBAAE,GAAG;oBACvE,qCAAG,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,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC;AA9BD,4DA8BC","sourcesContent":["import React, { ReactElement } 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(): ReactElement | null {\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 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 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    ) : null;\n}\n"]}

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

@@ -1,6 +1,4 @@
 import React from 'react';
 import { BottomSheetProps } from 'react-spring-bottom-sheet';
-interface BookingWizardBottomSheetProps extends BottomSheetProps {
-}
-declare const BookingWizardBottomSheet: React.FC<BookingWizardBottomSheetProps>;
+declare const BookingWizardBottomSheet: React.FC<BottomSheetProps>;
 export default BookingWizardBottomSheet;