@homefile/components-v2 2.40.22 → 2.40.23

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

@@ -686,6 +686,7 @@
     "title": "Notifications"
   },
   "partner": {
+    "admin": "Partner Admin",
     "aphw": {
       "description": "APHW’s home warranty plans and cost cover your major home appliances and systems.",
       "getQuote": "Get a Quote",
@@ -965,15 +966,18 @@
     "title": "Please Log in",
     "signinBt": "Log in",
     "signupBt": "Sign up",
-    "signup": "Don’t have a Homefile account?"
+    "signup": "Don’t have a Homefile account?",
+    "signupPartner": "Don’t have a Homefile Partner account?"
   },
   "signup": {
     "signin": "Already have a Homefile account?",
+    "signinPartner": "Already have a Homefile Partner account?",
     "signinBt": "Log in",
     "signupBt": "Create Account",
     "subtitle": "Create a strong password",
     "terms": "By creating an account you agree to the Homefile ",
-    "title": "Create your Homefile Account"
+    "title": "Create your Homefile Account",
+    "titlePartner": "Create your Homefile Partner Account"
   },
   "subscription": {
     "active": "Active subscription",

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

@@ -0,0 +1,3 @@
+export declare const AuthHeader: ({ isPartner }: {
+    isPartner?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Flex, Text, Box, Image } from '@chakra-ui/react';
+import { Logo } from '../../../components';
+import { Homefile } from '../../../assets/images';
+export const AuthHeader = ({ isPartner = false }) => {
+    if (!isPartner)
+        return _jsx(Logo, {});
+    return (_jsxs(Flex, { align: "center", justify: "space-between", w: "full", h: "container.xxs", px: ['container.sm', 'container.md', 'container.lg'], children: [_jsx(Image, { src: Homefile, alt: "Homefile", h: "image.logo" }), _jsx(Box, { pl: "base", borderLeft: "1px solid", borderColor: "gray.200", children: _jsx(Text, { fontSize: "lg", fontWeight: "medium", children: t('partner.admin') }) })] }));
+};

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

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

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

@@ -10,12 +10,12 @@ 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, Text } from '@chakra-ui/react';
-import { Logo, Footer, PageTitle, CardFooter, PasswordInput, TextInput, ButtonLoader, BasePageWrapper, } from '../../../components';
+import { Footer, PageTitle, CardFooter, PasswordInput, TextInput, ButtonLoader, BasePageWrapper, AuthHeader, } from '../../../components';
 import { isEmptyField } from '../../../utils';
 import { useSignIn } from '../../../hooks';
-export const SignIn = ({ isLoading, handleForgotPassword, handleSignIn, handleSignUp, loginErrorMessage, values = { email: '', password: '' }, }) => {
+export const SignIn = ({ isPartner, 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: [Boolean(loginErrorMessage) && (_jsx(Text, { variant: "error", children: loginErrorMessage })), _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) => {
+    return (_jsxs(BasePageWrapper, { children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(AuthHeader, { isPartner: isPartner }), _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: [Boolean(loginErrorMessage) && (_jsx(Text, { variant: "error", children: loginErrorMessage })), _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: t('forms.password') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.password), id: "password", placeholder: t('forms.password'), value: values.password || inputs.password, handleChange: (event) => {
@@ -27,5 +27,5 @@ export const SignIn = ({ isLoading, handleForgotPassword, handleSignIn, handleSi
                                                     !isEmptyField(inputs.password)) {
                                                     handleSignIn(inputs);
                                                 }
-                                            }), children: t('signin.signinBt') }), _jsx(Center, { children: _jsx(Button, { onClick: handleForgotPassword, variant: "text", children: t('signin.forgotBt') }) })] })] }) }), _jsx(CardFooter, { title: t('signin.signup'), buttonLabel: t('signin.signupBt'), handleButtonClick: handleSignUp })] }), _jsx(Footer, {})] }));
+                                            }), children: t('signin.signinBt') }), _jsx(Center, { children: _jsx(Button, { onClick: handleForgotPassword, variant: "text", children: t('signin.forgotBt') }) })] })] }) }), _jsx(CardFooter, { title: isPartner ? t('signin.signupPartner') : t('signin.signup'), buttonLabel: t('signin.signupBt'), handleButtonClick: handleSignUp })] }), _jsx(Footer, {})] }));
 };

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

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

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Button, Center, Container, Stack, Text } from '@chakra-ui/react';
-import { Logo, Footer, CardFooter, PageTitle, PasswordInput, TextInput, ButtonLoader, BasePageWrapper, } from '../../../components';
+import { Footer, CardFooter, PageTitle, PasswordInput, TextInput, ButtonLoader, BasePageWrapper, AuthHeader, } from '../../../components';
 import { isEmptyField, isValidEmail, isValidPassword, passwordMatch, } from '../../../utils';
 import { useSignUp } from '../../../hooks';
-export const SignUp = ({ isLoading, handleCreateAccount, handleSignIn, showPromoCode, signupErrorMessage, values = {
+export const SignUp = ({ isLoading, isPartner, handleCreateAccount, handleSignIn, showPromoCode, signupErrorMessage, values = {
     email: '',
     firstName: '',
     lastName: '',
@@ -17,10 +17,10 @@ export const SignUp = ({ isLoading, handleCreateAccount, handleSignIn, showPromo
         handleCreateAccount,
         values,
     });
-    return (_jsxs(BasePageWrapper, { children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('signup.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: "base", as: "form", children: [Boolean(signupErrorMessage) && (_jsx(Text, { variant: "error", children: signupErrorMessage })), _jsx(TextInput, { errorMessage: t('forms.firstName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.firstName), id: "firstName", placeholder: t('forms.firstName'), value: inputs.firstName, handleChange: handleInputChange, autoComplete: "given-name" }), _jsx(TextInput, { errorMessage: t('forms.lastName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.lastName), id: "lastName", placeholder: t('forms.lastName'), value: inputs.lastName, handleChange: handleInputChange, autoComplete: "family-name" }), _jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: t('forms.email') + ' ' + t('forms.required'), hasError: isValidated &&
+    return (_jsxs(BasePageWrapper, { children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(AuthHeader, { isPartner: isPartner }), _jsx(PageTitle, { title: isPartner ? t('signup.titlePartner') : t('signup.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: "base", as: "form", children: [Boolean(signupErrorMessage) && (_jsx(Text, { variant: "error", children: signupErrorMessage })), _jsx(TextInput, { errorMessage: t('forms.firstName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.firstName), id: "firstName", placeholder: t('forms.firstName'), value: inputs.firstName, handleChange: handleInputChange, autoComplete: "given-name" }), _jsx(TextInput, { errorMessage: t('forms.lastName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.lastName), id: "lastName", placeholder: t('forms.lastName'), value: inputs.lastName, handleChange: handleInputChange, autoComplete: "family-name" }), _jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: t('forms.email') + ' ' + t('forms.required'), hasError: isValidated &&
                                         (isEmptyField(inputs.email) || !isValidEmail(inputs.email)), id: "email", placeholder: t('forms.email'), value: inputs.email, handleChange: handleInputChange, autoComplete: "email" }), showPromoCode && (_jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", id: "partnerCode", placeholder: t('forms.promoCode'), value: (_a = inputs.partnerCode) !== null && _a !== void 0 ? _a : '', handleChange: handleInputChange, autoComplete: "off" })), _jsx(Text, { textAlign: "center", variant: "caption", children: t('signup.subtitle') }), _jsx(PasswordInput, { errorMessage: passwordErrorMessage(values.password), hasError: isValidated &&
                                         (!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') })] }) }), _jsx(CardFooter, { title: isPartner ? t('signup.signinPartner') : t('signup.signin'), buttonLabel: t('signup.signinBt'), handleButtonClick: handleSignIn })] }), _jsx(Footer, {})] }));
 };

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

@@ -1,2 +1,2 @@
 import { TwoFactorI } from '../../../interfaces';
-export declare const TwoFactor: ({ onReset, onResend, isDialog, isLoading, twoFactorMethod, }: TwoFactorI) => import("react/jsx-runtime").JSX.Element;
+export declare const TwoFactor: ({ onReset, onResend, isDialog, isLoading, isPartner, twoFactorMethod, }: TwoFactorI) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Button, Text, Container, Stack, Center } from '@chakra-ui/react';
-import { Logo, Footer, ButtonLoader, TextInput, BasePageWrapper, } from '../../../components';
+import { Footer, ButtonLoader, TextInput, BasePageWrapper, AuthHeader, } from '../../../components';
 import { isEmptyField } from '../../../utils';
 import { useTwoFactor } from '../../../hooks';
-export const TwoFactor = ({ onReset, onResend, isDialog, isLoading, twoFactorMethod, }) => {
+export const TwoFactor = ({ onReset, onResend, isDialog, isLoading, isPartner, twoFactorMethod, }) => {
     const { code, handleInputChange, handleSubmit, isValidated } = useTwoFactor(onReset);
-    return (_jsxs(BasePageWrapper, { children: [_jsxs(Container, { size: "onboarding", boxShadow: !isDialog ? 'lg' : 'none', children: [_jsx(Logo, {}), _jsxs(Stack, { my: "6", children: [_jsx(Text, { variant: "title", textAlign: "center", px: "10", children: t('reset.2FA.title') }), _jsxs(Text, { fontFamily: "secondary", textAlign: "center", px: ['10', '20'], children: [twoFactorMethod === 'email' && t('reset.2FA.subtitleEmail'), twoFactorMethod === 'sms' && t('reset.2FA.subtitleSms')] })] }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], pb: "container.md", mb: "6", children: _jsxs(Stack, { spacing: "4", children: [_jsx(TextInput, { errorMessage: t('forms.code') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(code), id: "code", placeholder: t('reset.2FA.placeholder'), value: code, handleChange: handleInputChange }), _jsx(Button, { isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), onClick: handleSubmit, children: t('forms.submit') }), onResend && (_jsx(Center, { children: _jsx(Button, { onClick: onResend, variant: "text", children: t('reset.2FA.resend') }) }))] }) })] }), !isDialog && _jsx(Footer, {})] }));
+    return (_jsxs(BasePageWrapper, { children: [_jsxs(Container, { size: "onboarding", boxShadow: !isDialog ? 'lg' : 'none', children: [_jsx(AuthHeader, { isPartner: isPartner }), _jsxs(Stack, { my: "6", children: [_jsx(Text, { variant: "title", textAlign: "center", px: "10", children: t('reset.2FA.title') }), _jsxs(Text, { fontFamily: "secondary", textAlign: "center", px: ['10', '20'], children: [twoFactorMethod === 'email' && t('reset.2FA.subtitleEmail'), twoFactorMethod === 'sms' && t('reset.2FA.subtitleSms')] })] }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], pb: "container.md", mb: "6", children: _jsxs(Stack, { spacing: "4", children: [_jsx(TextInput, { errorMessage: t('forms.code') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(code), id: "code", placeholder: t('reset.2FA.placeholder'), value: code, handleChange: handleInputChange }), _jsx(Button, { isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), onClick: handleSubmit, children: t('forms.submit') }), onResend && (_jsx(Center, { children: _jsx(Button, { onClick: onResend, variant: "text", children: t('reset.2FA.resend') }) }))] }) })] }), !isDialog && _jsx(Footer, {})] }));
 };

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

@@ -1,4 +1,5 @@
 export * from './ActivateAccount';
+export * from './AuthHeader';
 export * from './BasePageWrapper';
 export * from './EmailValidation';
 export * from './ResetPassword';

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

@@ -1,4 +1,5 @@
 export * from './ActivateAccount';
+export * from './AuthHeader';
 export * from './BasePageWrapper';
 export * from './EmailValidation';
 export * from './ResetPassword';

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

@@ -4,6 +4,7 @@ export interface SignInFormI {
 }
 export interface SignInI {
     isLoading: boolean;
+    isPartner?: boolean;
     handleForgotPassword: () => void;
     handleSignIn: (form: SignInFormI) => void;
     handleSignUp: () => void;

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

@@ -8,6 +8,7 @@ export interface SignUpFormI {
 }
 export interface SignUpI {
     isLoading: boolean;
+    isPartner?: boolean;
     handleCreateAccount: (form: SignUpFormI) => void;
     handleSignIn: () => void;
     showPromoCode?: boolean;

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

@@ -3,5 +3,6 @@ export interface TwoFactorI {
     onReset: (code: string) => void;
     isDialog?: boolean;
     isLoading: boolean;
-    twoFactorMethod: 'sms' | 'email' | "";
+    isPartner?: boolean;
+    twoFactorMethod: 'sms' | 'email' | '';
 }

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

@@ -3,9 +3,12 @@ import { CloudsAnimation, SignUp } from '../../../components';
 export default {
     title: 'Pages/Onboarding',
     component: SignUp,
+    decorators: [
+        (Story) => (_jsx(CloudsAnimation, { children: _jsx(Story, {}) })),
+    ],
 };
 export const SignUpPage = (args) => {
-    return (_jsx(CloudsAnimation, { children: _jsx(SignUp, Object.assign({}, args)) }));
+    return _jsx(SignUp, Object.assign({}, args));
 };
 const valuesFilled = {
     email: 'user@user.com',

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

@@ -2,10 +2,4 @@ import { Meta } from '@storybook/react';
 import { TwoFactorI } from '../../../interfaces';
 declare const _default: Meta<TwoFactorI>;
 export default _default;
-export declare const TwoFactorPage: {
-    (args: TwoFactorI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        isLoading: boolean;
-        twoFactorMethod: string;
-    };
-};
+export declare const TwoFactorPage: (args: TwoFactorI) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,11 +4,18 @@ import { TwoFactor } from '../../../components';
 export default {
     title: 'Pages/Onboarding',
     component: TwoFactor,
+    args: {
+        isDialog: false,
+        isLoading: false,
+        isPartner: false,
+        twoFactorMethod: 'sms',
+        onReset: (code) => alert(`Code submitted: ${code}`),
+        onResend: () => alert('Resend code clicked'),
+    },
+    decorators: [
+        (Story) => (_jsx(Box, { p: "base", children: _jsx(Story, {}) })),
+    ],
 };
 export const TwoFactorPage = (args) => {
-    return (_jsx(Box, { p: "base", children: _jsx(TwoFactor, Object.assign({}, args)) }));
-};
-TwoFactorPage.args = {
-    isLoading: false,
-    twoFactorMethod: 'sms',
+    return _jsx(TwoFactor, Object.assign({}, args));
 };

package/package.json

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