npm - @roomstay/frontend - Versions diffs - 2.0.12 → 2.1.1 - Mend

@roomstay/frontend 2.0.12 → 2.1.1

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

Files changed (1037) hide show

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

	@@ -1 +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"]}
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"]}

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

@@ -1,26 +1,51 @@
 "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.SignUpForm = void 0;
-const React = require("react");
+const React = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
 const react_1 = require("react");
 const Translation_1 = require("translations/Translation");
-const AutoAutoHeight_1 = require("animations/AutoAutoHeight");
+const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
 const contexts_1 = require("@frontend/contexts");
-const InputGroup_1 = require("components/generic/InputGroup/InputGroup");
-const Checkbox_1 = 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 = require("components/generic/Headline");
-const Color_1 = require("util/Color");
-const Alert_1 = require("components/generic/Alert");
-const Text_1 = require("components/generic/Text");
-const Icon_1 = require("components/generic/Icon/Icon");
-const TextBox_1 = require("components/generic/TextBox");
-const BEButton_1 = 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 signUpStates = [contexts_1.CognitoLoginState.UsernameExists];
 const SignUpForm = (props) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();
@@ -31,6 +56,7 @@ const SignUpForm = (props) => {
     const { register, formState, handleSubmit } = (0, react_hook_form_1.useForm)({
         mode: 'onSubmit',
     });
+    const signUpStates = [contexts_1.CognitoLoginState.UsernameExists];
     const errors = formState.errors;
     const accountExists = signUpStates.includes(cognitoLoginState);
     const getValidationClass = (name) => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SignUpForm.js","sourceRoot":"/","sources":["src/components/User/Forms/SignUpForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import * 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\nconst signUpStates: CognitoLoginState[] = [CognitoLoginState.UsernameExists];\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 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"]}
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"]}

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

@@ -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 CHANGED Viewed

@@ -1,9 +1,35 @@
 "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 = require("react");
-const Icon_1 = require("components/generic/Icon/Icon");
-const classNames = require("classnames");
+const React = __importStar(require("react"));
+const Icon_1 = __importDefault(require("@/components/generic/Icon/Icon"));
+const classnames_1 = __importDefault(require("classnames"));
 var AlertType;
 (function (AlertType) {
     AlertType["Alert"] = "--alert";
@@ -20,7 +46,7 @@ var AlertVariant;
 })(AlertVariant = exports.AlertVariant || (exports.AlertVariant = {}));
 function Alert(props) {
     const type = props.type ? props.type : AlertType.Success;
-    const classes = classNames('c-alert', props.className, type, props.variant, {
+    const classes = (0, classnames_1.default)('c-alert', props.className, type, props.variant, {
         '--heavy-padding': props.heavyPadding,
         '--icon-center': props.iconAlignCenter,
         '--no-icon-margin': props.noIconMargin,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.js","sourceRoot":"/","sources":["src/components/generic/Alert.tsx"],"names":[],"mappings":"~~;;;~~AAAA~~,+BAA~~+B;AAC/B,~~uDAA8D~~;~~AAE9D~~,~~yCAAyC~~;~~AAEzC~~,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,~~UAAU~~,~~CAAC~~,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 * as 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"]}
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"]}

package/dist/src/components/generic/BEButton.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,12 +1,38 @@
 "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 Icon_1 = require("components/generic/Icon/Icon");
-const React = require("react");
-const classNames = require("classnames");
-const Color_1 = require("util/Color");
+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");
 function BEButton(props) {
     const defaultProps = Object.assign({ size: 'normal', disabled: false, iconPosition: 'left', htmlType: 'button' }, props);
-    const classes = classNames({
+    const classes = (0, classnames_1.default)({
         '--wide': defaultProps.wide,
         '--primary': defaultProps.primary,
         '--primary-active': defaultProps.primaryActive,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BEButton.js","sourceRoot":"/","sources":["src/components/generic/BEButton.tsx"],"names":[],"mappings":";;AAAA,~~uDAA8D~~;~~AAC9D,+BAA~~+B;AAG/B,~~yCAAyC~~;~~AAEzC~~,~~sCAAmC~~;~~AAiCnC~~,SAAwB,QAAQ,CAAC,KAAoB;IACjD,MAAM,YAAY,mBACd,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,MAAM,EACpB,QAAQ,EAAE,QAAQ,IACf,KAAK,CACX,CAAC;IAEF,MAAM,OAAO,GAAG,~~UAAU~~,~~CACtB~~;QACI,QAAQ,EAAE,YAAY,CAAC,IAAI;QAC3B,WAAW,EAAE,YAAY,CAAC,OAAO;QACjC,kBAAkB,EAAE,YAAY,CAAC,aAAa;QAC9C,WAAW,EAAE,YAAY,CAAC,OAAO;QACjC,UAAU,EAAE,YAAY,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe;QAChE,WAAW,EAAE,YAAY,CAAC,MAAM;QAChC,UAAU,EAAE,YAAY,CAAC,MAAM;QAC/B,WAAW,EAAE,YAAY,CAAC,SAAS;QACnC,WAAW,EAAE,YAAY,CAAC,WAAW;QACrC,mBAAmB,EAAE,YAAY,CAAC,iBAAiB;QACnD,cAAc,EAAE,YAAY,CAAC,YAAY,KAAK,OAAO;QACrD,CAAC,KAAK,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI;QAC7C,QAAQ,EAAE,YAAY,CAAC,MAAM;QAC7B,WAAW,EAAE,YAAY,CAAC,OAAO;KACpC,EACD,KAAK,CAAC,SAAS,CAClB,CAAC;IAEF,IAAI,IAAI,GAAc,EAAE,CAAC;IACzB,IAAI,YAAY,CAAC,IAAI,EAAE;QACnB,IAAI,GAAG,oBAAC,cAAI,IAAC,IAAI,EAAE,YAAY,CAAC,IAAI,EAAE,IAAI,EAAC,KAAK,GAAG,CAAC;KACvD;IAED,MAAM,eAAe,GAAoC,EAAE,CAAC;IAC5D,MAAM,MAAM,GAAkB,EAAE,CAAC;IAEjC,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,EAAE;QACnC,eAAe,CAAC,QAAQ,GAAG,IAAI,CAAC;KACnC;IAED,IAAI,KAAK,CAAC,SAAS,EAAE;QACjB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC;KAClC;IAED,IAAI,KAAK,CAAC,OAAO,EAAE;QACf,eAAe,CAAC,OAAO,GAAG,CAAC,CAAkD,EAAE,EAAE;YAC7E,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;gBAClB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aACpB;QACL,CAAC,CAAC;KACL;IAED,IAAI,KAAK,CAAC,IAAI,EAAE;QACZ,eAAe,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;KACrC;IACD,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,YAAY,CAAC,eAAe,EAAE;QAC9B,OAAO,GAAG,EAAE,eAAe,EAAE,YAAY,CAAC,eAAe,EAAE,WAAW,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC;KAC1G;IACD,OAAO,CACH,8CAAQ,SAAS,EAAE,OAAO,IAAM,eAAe,IAAE,KAAK,kCAAO,MAAM,GAAK,OAAO,GAAI,IAAI,EAAE,YAAY,CAAC,QAAQ;QACzG,YAAY,CAAC,SAAS,IAAI,CACvB,8BAAM,SAAS,EAAC,QAAQ;YACpB,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,aAAK,CAAC,MAAM,GAAI,CAChF,CACV;QACD;YACK,YAAY,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI;YAC5C,KAAK,CAAC,QAAQ;YACd,YAAY,CAAC,YAAY,KAAK,OAAO,IAAI,IAAI,CAC3C,CACF,CACZ,CAAC;AACN,CAAC;AA1ED,2BA0EC","sourcesContent":["import Icon, { IconType } from 'components/generic/Icon/Icon';\nimport * as React from 'react';\nimport { CSSProperties, PropsWithChildren, ReactNode } from 'react';\n\nimport * as 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"]}
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"]}

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

@@ -1,8 +1,34 @@
 "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 = require("react");
-const Icon_1 = require("components/generic/Icon/Icon");
-const BEButton_1 = require("components/generic/BEButton");
+const React = __importStar(require("react"));
+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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BackButton.js","sourceRoot":"/","sources":["src/components/generic/BackButton.tsx"],"names":[],"mappings":";;AAAA~~,+BAA~~+B;AAC/B,~~uDAAwD~~;~~AACxD~~,~~0DAAmD~~;~~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"]}
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"]}

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

@@ -1,13 +1,39 @@
 "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.BookNowPayLaterInfoBlock = void 0;
-const React = require("react");
+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 = require("components/iconComponents/BookNowPayLaterIcon");
-const Text_1 = 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BookNowPayLaterInfoBlock.js","sourceRoot":"/","sources":["src/components/generic/BookNowPayLaterInfoBlock.tsx"],"names":[],"mappings":"~~;;;~~AAAA~~,+BAA~~+B;AAC/B,iDAA+C;AAC/C,2CAAkD;AAClD,0DAAuD;AACvD,~~sCAAmC~~;~~AACnC~~,~~uFAAgF~~;~~AAChF~~,~~kDAAyD~~;~~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"]}
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"]}

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

@@ -0,0 +1,19 @@
+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';
+export declare enum EBookingWizardTheme {
+    Default = "default",
+    Specific = "specific"
+}
+export interface BookingWizardProps extends BookingWizardContentProps {
+    layout?: BookingWizardLayout;
+    theme?: BookingWizardTheme;
+    properties: TBookingWizardProperties;
+    selectedProperty: BookingWizardProperty;
+    defaultColors: BookingWizardProperty['colors'];
+    onSubmit: BookingWizardContextType['onSubmit'];
+}
+declare const BookingWizard: React.FC<BookingWizardProps>;
+export default BookingWizard;