@homefile/components-v2 1.4.1 → 1.4.2

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/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.1",
+  "version": "1.4.2",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",

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/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,
 }