@homefile/components-v2 2.24.9 → 2.24.11

package/dist/assets/locales/en/index.json

@@ -1270,7 +1270,8 @@
     "resendResetBt": "Resend Reset Password Link",
     "title1": "We just sent a message to ",
     "title2": " with a link to activate your account.",
-    "title3": "to reset your password."
+    "title3": "to reset your password.",
+    "backToLogin": "Back to Log In"
   },
   "valueMonitor": {
     "description": "Est Value of Property Added to Homefile",

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

@@ -1,2 +1,2 @@
 import { EmailValidationI } from '../../../interfaces';
-export declare const ResendResetPassword: ({ email, isLoading, handleResendBt, }: EmailValidationI) => import("react/jsx-runtime").JSX.Element;
+export declare const ResendResetPassword: ({ email, isLoading, handleResendBt, handleBack }: EmailValidationI) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,6 +3,6 @@ import { t } from 'i18next';
 import { chakra, Container, Text, Image, Center, Button, } from '@chakra-ui/react';
 import { BasePageWrapper, ButtonLoader, Logo } from '../..';
 import { ResendPassword } from '../../../assets/images';
-export const ResendResetPassword = ({ email, isLoading = false, handleResendBt, }) => {
-    return (_jsx(BasePageWrapper, { children: _jsxs(Container, { size: "validation", boxShadow: "lg", children: [_jsxs(Container, { variant: "secondary", children: [_jsx(Logo, {}), _jsxs(Text, { variant: "title", textAlign: "center", px: ['container.sm', 'container.xl'], pb: 6, minH: "6rem", children: [_jsx(chakra.span, { color: "gray.3", children: t('validation.title1') }), _jsx(chakra.span, { color: "blue.2", children: email }), _jsx(Text, { variant: "title", children: t('validation.title3') })] }), _jsx(Center, { children: _jsx(Image, { src: ResendPassword, alt: "Activate account", h: ['100px', '145px'], w: "auto" }) })] }), _jsx(Text, { variant: "info", px: ['container.md', 'container.lg'], py: "2rem", textAlign: "center", children: t('validation.alert1') }), _jsx(Center, { children: _jsx(Button, { mb: 10, mx: 4, variant: "secondary", onClick: handleResendBt, isLoading: isLoading, spinner: _jsx(ButtonLoader, { isOutlined: true }), size: "onboarding", children: t('validation.resendResetBt') }) })] }) }));
+export const ResendResetPassword = ({ email, isLoading = false, handleResendBt, handleBack }) => {
+    return (_jsx(BasePageWrapper, { children: _jsxs(Container, { size: "validation", boxShadow: "lg", children: [_jsxs(Container, { variant: "secondary", children: [_jsx(Logo, {}), _jsxs(Text, { variant: "title", textAlign: "center", px: ['container.sm', 'container.xl'], pb: 6, minH: "6rem", children: [_jsx(chakra.span, { color: "gray.3", children: t('validation.title1') }), _jsx(chakra.span, { color: "blue.2", children: email }), _jsx(Text, { variant: "title", children: t('validation.title3') })] }), _jsx(Center, { children: _jsx(Image, { src: ResendPassword, alt: "Activate account", h: ['100px', '145px'], w: "auto" }) })] }), _jsx(Text, { variant: "info", px: ['container.md', 'container.lg'], py: "2rem", textAlign: "center", children: t('validation.alert1') }), _jsx(Center, { children: _jsx(Button, { mb: handleBack ? 5 : 10, mx: 4, variant: "secondary", onClick: handleResendBt, isLoading: isLoading, spinner: _jsx(ButtonLoader, { isOutlined: true }), size: "onboarding", children: t('validation.resendResetBt') }) }), handleBack && (_jsx(Center, { children: _jsx(Button, { mb: 10, mx: 4, variant: "primary", onClick: handleBack, isLoading: isLoading, spinner: _jsx(ButtonLoader, { isOutlined: true }), size: "onboarding", children: t('validation.backToLogin') }) }))] }) }));
 };

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

@@ -2,4 +2,5 @@ export interface EmailValidationI {
     email: string;
     isLoading?: boolean;
     handleResendBt: () => void;
+    handleBack?: () => void;
 }

package/package.json

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

package/src/assets/locales/en/index.json

@@ -1270,7 +1270,8 @@
     "resendResetBt": "Resend Reset Password Link",
     "title1": "We just sent a message to ",
     "title2": " with a link to activate your account.",
-    "title3": "to reset your password."
+    "title3": "to reset your password.",
+    "backToLogin": "Back to Log In"
   },
   "valueMonitor": {
     "description": "Est Value of Property Added to Homefile",

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

@@ -16,6 +16,7 @@ export const ResendResetPassword = ({
   email,
   isLoading = false,
   handleResendBt,
+  handleBack
 }: EmailValidationI) => {
   return (
     <BasePageWrapper>
@@ -53,7 +54,7 @@ export const ResendResetPassword = ({
         </Text>
         <Center>
           <Button
-            mb={10}
+            mb={handleBack ? 5 : 10}
             mx={4}
             variant="secondary"
             onClick={handleResendBt}
@@ -64,6 +65,23 @@ export const ResendResetPassword = ({
             {t('validation.resendResetBt')}
           </Button>
         </Center>
+        {
+          handleBack && (
+            <Center>
+            <Button
+              mb={10}
+              mx={4}
+              variant="primary"
+              onClick={handleBack}
+              isLoading={isLoading}
+              spinner={<ButtonLoader isOutlined />}
+              size="onboarding"
+            >
+              {t('validation.backToLogin')}
+            </Button>
+          </Center>
+          )
+        }
       </Container>
     </BasePageWrapper>
   )

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

@@ -2,4 +2,5 @@ export interface EmailValidationI {
   email: string
   isLoading?: boolean
   handleResendBt: () => void
+  handleBack?: () => void
 }