@homefile/components-v2 1.4.0 → 1.4.2

package/dist/components/onboarding/pages/SignIn.d.ts

@@ -1,2 +1,2 @@
 import { SignInI } from '../../../interfaces';
-export declare const SignIn: ({ isLoading, handleForgotPassword, handleSignIn, handleSignUp, loginError, values, }: SignInI) => import("react/jsx-runtime").JSX.Element;
+export declare const SignIn: ({ isLoading, handleForgotPassword, handleSignIn, handleSignUp, loginErrorMessage, values, }: SignInI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/onboarding/pages/SignIn.js

@@ -9,23 +9,19 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { Box, Button, Center, Container, Stack } from '@chakra-ui/react';
+import { Box, Button, Center, Container, Stack, Text } from '@chakra-ui/react';
 import { Logo, Footer, PageTitle, CardFooter, PasswordInput, TextInput, ButtonLoader, BasePageWrapper, } from '../..';
 import { isEmptyField } from '../../../utils';
 import { useSignIn } from '../../../hooks';
-export const SignIn = ({ isLoading, handleForgotPassword, handleSignIn, handleSignUp, loginError, values = { email: '', password: '' }, }) => {
+export const SignIn = ({ isLoading, handleForgotPassword, handleSignIn, handleSignUp, loginErrorMessage, values = { email: '', password: '' }, }) => {
     const { inputs, handleInputChange, isValidated, setIsValidated } = useSignIn(values);
-    return (_jsxs(BasePageWrapper, { children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('signin.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: 8, children: [_jsxs(Stack, { spacing: "base", as: "form", children: [_jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", autoComplete: "username", errorMessage: loginError
-                                                ? t('forms.errorLogin')
-                                                : t('forms.email') + ' ' + t('forms.required'), hasError: isValidated && (loginError || isEmptyField(inputs.email)), id: "email", placeholder: t('forms.email'), value: values.email || inputs.email, handleChange: (event) => {
+    return (_jsxs(BasePageWrapper, { children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('signin.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: 8, children: [_jsxs(Stack, { spacing: "base", as: "form", children: [_jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", autoComplete: "username", errorMessage: t('forms.email') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.email), id: "email", placeholder: t('forms.email'), value: values.email || inputs.email, handleChange: (event) => {
                                                 values.email = event.target.value;
                                                 handleInputChange(event);
-                                            } }), _jsx(PasswordInput, { autoComplete: "current-password", errorMessage: loginError
-                                                ? t('forms.errorLogin')
-                                                : t('forms.password') + ' ' + t('forms.required'), hasError: isValidated && (loginError || isEmptyField(inputs.password)), id: "password", placeholder: t('forms.password'), value: values.password || inputs.password, handleChange: (event) => {
+                                            } }), _jsx(PasswordInput, { autoComplete: "current-password", errorMessage: t('forms.password') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.password), id: "password", placeholder: t('forms.password'), value: values.password || inputs.password, handleChange: (event) => {
                                                 values.password = event.target.value;
                                                 handleInputChange(event);
-                                            } })] }), _jsxs(Stack, { spacing: 4, children: [_jsx(Button, { isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), onClick: () => __awaiter(void 0, void 0, void 0, function* () {
+                                            } }), Boolean(loginErrorMessage) && (_jsx(Text, { variant: "error", children: loginErrorMessage }))] }), _jsxs(Stack, { spacing: 4, children: [_jsx(Button, { isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), onClick: () => __awaiter(void 0, void 0, void 0, function* () {
                                                 setIsValidated(true);
                                                 if (!isEmptyField(inputs.email) &&
                                                     !isEmptyField(inputs.password)) {

package/dist/components/onboarding/pages/SignUp.d.ts

@@ -1,2 +1,2 @@
 import { SignUpI } from '../../../interfaces';
-export declare const SignUp: ({ isLoading, handleCreateAccount, handleSignIn, showPromoCode, signupError, values, }: SignUpI) => import("react/jsx-runtime").JSX.Element;
+export declare const SignUp: ({ isLoading, handleCreateAccount, handleSignIn, showPromoCode, signupErrorMessage, values, }: SignUpI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/onboarding/pages/SignUp.js

@@ -4,7 +4,7 @@ import { Box, Button, Center, Container, Stack, Text } from '@chakra-ui/react';
 import { Logo, Footer, CardFooter, PageTitle, PasswordInput, TextInput, ButtonLoader, BasePageWrapper, } from '../..';
 import { isEmptyField, isValidEmail, isValidPassword, passwordMatch, } from '../../../utils';
 import { useSignUp } from '../../../hooks';
-export const SignUp = ({ isLoading, handleCreateAccount, handleSignIn, showPromoCode, signupError, values = {
+export const SignUp = ({ isLoading, handleCreateAccount, handleSignIn, showPromoCode, signupErrorMessage, values = {
     email: '',
     firstName: '',
     lastName: '',
@@ -22,5 +22,5 @@ export const SignUp = ({ isLoading, handleCreateAccount, handleSignIn, showPromo
                                         (!isValidPassword(inputs.password) ||
                                             !passwordMatch(inputs.password, inputs.confirmPassword)), id: "password", placeholder: t('forms.password'), value: (_b = inputs.password) !== null && _b !== void 0 ? _b : '', handleChange: (event) => handleInputChange(event), autoComplete: "new-password" }), _jsx(PasswordInput, { errorMessage: passwordErrorMessage(inputs.confirmPassword), hasError: isValidated &&
                                         (!isValidPassword(inputs.confirmPassword) ||
-                                            !passwordMatch(inputs.password, inputs.confirmPassword)), id: "confirmPassword", placeholder: t('forms.passwordConfirm'), value: (_c = inputs.confirmPassword) !== null && _c !== void 0 ? _c : '', handleChange: (event) => handleInputChange(event), autoComplete: "new-password" }), _jsx(Center, { px: ['container.sm', 'container.md', 'container.lg'], h: "4rem", children: _jsxs(Text, { textAlign: "center", variant: "info", w: "100%", children: [t('signup.terms'), _jsx("a", { target: "_blank", href: t('footer.termsUrl'), children: t('footer.termsLink') })] }) }), _jsx(Button, { isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), onClick: handleSubmit, children: t('signup.signupBt') })] }) }), _jsx(CardFooter, { title: t('signup.signin'), buttonLabel: t('signup.signinBt'), handleButtonClick: handleSignIn })] }), _jsx(Footer, {})] }));
+                                            !passwordMatch(inputs.password, inputs.confirmPassword)), id: "confirmPassword", placeholder: t('forms.passwordConfirm'), value: (_c = inputs.confirmPassword) !== null && _c !== void 0 ? _c : '', handleChange: (event) => handleInputChange(event), autoComplete: "new-password" }), _jsx(Center, { px: ['container.sm', 'container.md', 'container.lg'], h: "4rem", children: _jsxs(Text, { textAlign: "center", variant: "info", w: "100%", children: [t('signup.terms'), _jsx("a", { target: "_blank", href: t('footer.termsUrl'), children: t('footer.termsLink') })] }) }), _jsx(Button, { isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), onClick: handleSubmit, children: t('signup.signupBt') }), Boolean(signupErrorMessage) && (_jsx(Text, { variant: "error", children: signupErrorMessage }))] }) }), _jsx(CardFooter, { title: t('signup.signin'), buttonLabel: t('signup.signinBt'), handleButtonClick: handleSignIn })] }), _jsx(Footer, {})] }));
 };

package/dist/interfaces/pages/SignIn.interface.d.ts

@@ -7,6 +7,6 @@ export interface SignInI {
     handleForgotPassword: () => void;
     handleSignIn: (form: SignInFormI) => void;
     handleSignUp: () => void;
-    loginError: boolean;
+    loginErrorMessage?: string;
     values?: SignInFormI;
 }

package/dist/interfaces/pages/SignUp.interface.d.ts

@@ -11,6 +11,6 @@ export interface SignUpI {
     handleCreateAccount: (form: SignUpFormI) => void;
     handleSignIn: () => void;
     showPromoCode?: boolean;
-    signupError: boolean;
+    signupErrorMessage?: string;
     values?: SignUpFormI;
 }

package/dist/stories/onboarding/pages/SignIn.stories.d.ts

@@ -6,7 +6,6 @@ export declare const SignInPage: {
     (args: SignInI): import("react/jsx-runtime").JSX.Element;
     args: {
         isLoading: boolean;
-        loginError: boolean;
         values: {
             email: string;
             password: string;

package/dist/stories/onboarding/pages/SignIn.stories.js

@@ -12,6 +12,5 @@ export const SignInPage = (args) => {
 };
 SignInPage.args = {
     isLoading: false,
-    loginError: false,
     values: { email: 'damaprodutora@gmail.com', password: '123456' },
 };

package/dist/stories/onboarding/pages/SignUp.stories.d.ts

@@ -6,7 +6,6 @@ export declare const SignUpPage: {
     (args: SignUpI): import("react/jsx-runtime").JSX.Element;
     args: {
         isLoading: boolean;
-        signupError: boolean;
         showPromoCode: boolean;
         values: {
             email: string;

package/dist/stories/onboarding/pages/SignUp.stories.js

@@ -14,7 +14,6 @@ const valuesFilled = {
 };
 SignUpPage.args = {
     isLoading: false,
-    signupError: false,
     showPromoCode: true,
     values: valuesFilled,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",

package/src/components/onboarding/pages/SignIn.tsx

@@ -1,5 +1,5 @@
 import { t } from 'i18next'
-import { Box, Button, Center, Container, Stack } from '@chakra-ui/react'
+import { Box, Button, Center, Container, Stack, Text } from '@chakra-ui/react'
 import {
   Logo,
   Footer,
@@ -19,7 +19,7 @@ export const SignIn = ({
   handleForgotPassword,
   handleSignIn,
   handleSignUp,
-  loginError,
+  loginErrorMessage,
   values = { email: '', password: '' },
 }: SignInI) => {
   const { inputs, handleInputChange, isValidated, setIsValidated } =
@@ -37,14 +37,8 @@ export const SignIn = ({
                 autoCapitalize="none"
                 autoCorrect="off"
                 autoComplete="username"
-                errorMessage={
-                  loginError
-                    ? t('forms.errorLogin')
-                    : t('forms.email') + ' ' + t('forms.required')
-                }
-                hasError={
-                  isValidated && (loginError || isEmptyField(inputs.email))
-                }
+                errorMessage={t('forms.email') + ' ' + t('forms.required')}
+                hasError={isValidated && isEmptyField(inputs.email)}
                 id="email"
                 placeholder={t('forms.email')}
                 value={values.email || inputs.email}
@@ -55,14 +49,8 @@ export const SignIn = ({
               />
               <PasswordInput
                 autoComplete="current-password"
-                errorMessage={
-                  loginError
-                    ? t('forms.errorLogin')
-                    : t('forms.password') + ' ' + t('forms.required')
-                }
-                hasError={
-                  isValidated && (loginError || isEmptyField(inputs.password))
-                }
+                errorMessage={t('forms.password') + ' ' + t('forms.required')}
+                hasError={isValidated && isEmptyField(inputs.password)}
                 id="password"
                 placeholder={t('forms.password')}
                 value={values.password || inputs.password}
@@ -71,6 +59,9 @@ export const SignIn = ({
                   handleInputChange(event)
                 }}
               />
+              {Boolean(loginErrorMessage) && (
+                <Text variant="error">{loginErrorMessage}</Text>
+              )}
             </Stack>
             <Stack spacing={4}>
               <Button

package/src/components/onboarding/pages/SignUp.tsx

@@ -24,7 +24,7 @@ export const SignUp = ({
   handleCreateAccount,
   handleSignIn,
   showPromoCode,
-  signupError,
+  signupErrorMessage,
   values = {
     email: '',
     firstName: '',
@@ -142,6 +142,9 @@ export const SignUp = ({
             >
               {t('signup.signupBt')}
             </Button>
+            {Boolean(signupErrorMessage) && (
+              <Text variant="error">{signupErrorMessage}</Text>
+            )}
           </Stack>
         </Box>
         <CardFooter

package/src/interfaces/pages/SignIn.interface.ts

@@ -8,6 +8,6 @@ export interface SignInI {
   handleForgotPassword: () => void
   handleSignIn: (form: SignInFormI) => void
   handleSignUp: () => void
-  loginError: boolean
+  loginErrorMessage?: string
   values?: SignInFormI
-}
+}

package/src/interfaces/pages/SignUp.interface.ts

@@ -12,6 +12,6 @@ export interface SignUpI {
   handleCreateAccount: (form: SignUpFormI) => void
   handleSignIn: () => void
   showPromoCode?: boolean
-  signupError: boolean
+  signupErrorMessage?: string
   values?: SignUpFormI
-}
+}

package/src/stories/onboarding/pages/SignIn.stories.tsx

@@ -20,6 +20,5 @@ export const SignInPage = (args: SignInI) => {
 
 SignInPage.args = {
   isLoading: false,
-  loginError: false,
   values: { email: 'damaprodutora@gmail.com', password: '123456' },
 }

package/src/stories/onboarding/pages/SignUp.stories.tsx

@@ -23,7 +23,6 @@ const valuesFilled = {
 
 SignUpPage.args = {
   isLoading: false,
-  signupError: false,
   showPromoCode: true,
   values: valuesFilled,
 }