@homefile/components-v2 2.6.2 → 2.6.4

package/dist/components/appBar/TourButton.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
 import { Box, Flex, Image } from '@chakra-ui/react';
 import { Flag } from '../../assets/images';
 export const TourButton = ({ label, onClick }) => {
-    return (_jsx(Box, { as: "button", boxShadow: "none", borderRadius: "full", bg: "lightGreen.5", fontFamily: "secondary", transition: "all 0.2s ease-in-out", _hover: { bg: 'lightGreen.4' }, onClick: onClick, flexShrink: 0, overflow: "hidden", children: _jsxs(Flex, { align: "center", pr: "base", py: "1", children: [_jsx(Image, { src: Flag, w: "40px", h: "auto", alt: "tour", position: "relative", bottom: "-4px" }), label] }) }));
+    return (_jsx(Box, { as: "button", boxShadow: "none", borderRadius: "full", bg: "lightGreen.5", fontFamily: "secondary", transition: "all 0.2s ease-in-out", _hover: { bg: 'lightGreen.4' }, onClick: onClick, flexShrink: 0, overflow: "hidden", children: _jsxs(Flex, { align: "center", pr: "base", py: "1", children: [_jsx(Image, { src: Flag, w: "40px", h: "auto", alt: "tour", position: "relative", bottom: "-4px" }), label !== null && label !== void 0 ? label : t('help.buttonTour')] }) }));
 };

package/dist/components/help/HelpContent.js

@@ -6,10 +6,11 @@ import { useHelpContent } from '../../hooks';
 export const HelpContent = ({ categories, formSent, onClose, onFeedback, isLoading, tutorials, }) => {
     var _a;
     const { handlePlay, handleSearchChange, isModalOpen, onModalClose, search, filteredTutorials, videoToPlay, } = useHelpContent(tutorials);
+    const categoriesDefault = t('feedback.categories').split(',');
     const tabs = [
         {
             label: t('help.tabs.tab1'),
-            component: (_jsx(HelpFeedback, { categories: categories, formSent: formSent, isLoading: isLoading, onClick: onFeedback })),
+            component: (_jsx(HelpFeedback, { categories: categories !== null && categories !== void 0 ? categories : categoriesDefault, formSent: formSent, isLoading: isLoading, onClick: onFeedback })),
         },
         {
             label: t('help.tabs.tab2'),

package/dist/components/homeBoard/HomeBoard.js

@@ -65,5 +65,5 @@ export const AppBarComponent = ({ setActiveTour = (value) => { }, onClick = (pan
     };
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isMobile = width <= 768;
-    return (_jsxs(AppBar, { onLogoClick: () => null, user: userMock, children: [!isMobile && (_jsxs(_Fragment, { children: [_jsx(TourButton, { onClick: handleTour, label: "Show tour" }), _jsx(BarDivider, {})] })), _jsx(NotificationsReminder, { onClick: () => onClick('Notifications'), total: 2 }), _jsx(BarDivider, {}), _jsx(PeopleConnected, { onClick: () => null, total: 12 }), _jsx(BarDivider, {}), _jsx(ContactList, { onClick: () => null, total: 2 }), _jsx(BarDivider, {}), _jsx(TutorialsButton, { onClick: () => null }), !isMobile && (_jsxs(_Fragment, { children: [_jsx(BarDivider, {}), _jsxs(Flex, { align: "center", gap: "1", children: [_jsx(StorageUsed, { totalUsed: 2, totalStorage: 10, state: "trial", onClick: () => null }), _jsx(Trash, { onClick: () => null, total: 2 })] })] }))] }));
+    return (_jsxs(AppBar, { onLogoClick: () => null, user: userMock, children: [!isMobile && (_jsxs(_Fragment, { children: [_jsx(TourButton, { onClick: handleTour }), _jsx(BarDivider, {})] })), _jsx(NotificationsReminder, { onClick: () => onClick('Notifications'), total: 2 }), _jsx(BarDivider, {}), _jsx(PeopleConnected, { onClick: () => null, total: 12 }), _jsx(BarDivider, {}), _jsx(ContactList, { onClick: () => null, total: 2 }), _jsx(BarDivider, {}), _jsx(TutorialsButton, { onClick: () => null }), !isMobile && (_jsxs(_Fragment, { children: [_jsx(BarDivider, {}), _jsxs(Flex, { align: "center", gap: "1", children: [_jsx(StorageUsed, { totalUsed: 2, totalStorage: 10, state: "trial", onClick: () => null }), _jsx(Trash, { onClick: () => null, total: 2 })] })] }))] }));
 };

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

@@ -10,7 +10,7 @@ export const SignUp = ({ isLoading, handleCreateAccount, handleSignIn, showPromo
     lastName: '',
     confirmPassword: '',
     password: '',
-    promoCode: '',
+    partnerCode: '',
 }, }) => {
     var _a, _b, _c;
     const { inputs, handleInputChange, handleSubmit, isValidated, passwordErrorMessage, } = useSignUp({
@@ -18,7 +18,7 @@ export const SignUp = ({ isLoading, handleCreateAccount, handleSignIn, showPromo
         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: [_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: "promoCode", placeholder: t('forms.promoCode'), value: (_a = inputs.promoCode) !== 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 &&
+                                        (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) ||

package/dist/interfaces/appBar/TourButton.interface.d.ts

@@ -1,4 +1,4 @@
 export interface TourButtonI {
-    label: string;
+    label?: string;
     onClick: () => void;
 }

package/dist/interfaces/feedback/ContactForm.interface.d.ts

@@ -3,7 +3,7 @@ export type FeedbackFormProps = {
     message: string;
 };
 export interface ContactFormI {
-    categories: string[];
+    categories?: string[];
     isLoading: boolean;
     onClick: (form: FeedbackFormProps) => void;
 }

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

@@ -4,7 +4,7 @@ export interface SignUpFormI {
     firstName: string;
     lastName: string;
     password?: string;
-    promoCode?: string;
+    partnerCode?: string;
 }
 export interface SignUpI {
     isLoading: boolean;

package/package.json

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

package/src/components/appBar/TourButton.tsx

@@ -1,3 +1,4 @@
+import { t } from 'i18next'
 import { Box, Flex, Image } from '@chakra-ui/react'
 import { TourButtonI } from '@/interfaces'
 import { Flag } from '@/assets/images'
@@ -25,7 +26,7 @@ export const TourButton = ({ label, onClick }: TourButtonI) => {
           position="relative"
           bottom="-4px"
         />
-        {label}
+        {label ?? t('help.buttonTour')}
       </Flex>
     </Box>
   )

package/src/components/help/HelpContent.tsx

@@ -35,12 +35,14 @@ export const HelpContent = ({
     videoToPlay,
   } = useHelpContent(tutorials)
 
+  const categoriesDefault = t('feedback.categories').split(',')
+
   const tabs = [
     {
       label: t('help.tabs.tab1'),
       component: (
         <HelpFeedback
-          categories={categories}
+          categories={categories ?? categoriesDefault}
           formSent={formSent}
           isLoading={isLoading}
           onClick={onFeedback}

package/src/components/homeBoard/HomeBoard.tsx

@@ -492,7 +492,7 @@ export const AppBarComponent = ({
     <AppBar onLogoClick={() => null} user={userMock}>
       {!isMobile && (
         <>
-          <TourButton onClick={handleTour} label="Show tour" />
+          <TourButton onClick={handleTour} />
           <BarDivider />
         </>
       )}

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

@@ -31,7 +31,7 @@ export const SignUp = ({
     lastName: '',
     confirmPassword: '',
     password: '',
-    promoCode: '',
+    partnerCode: '',
   },
 }: SignUpI) => {
   const {
@@ -88,9 +88,9 @@ export const SignUp = ({
               <TextInput
                 autoCapitalize="none"
                 autoCorrect="off"
-                id="promoCode"
+                id="partnerCode"
                 placeholder={t('forms.promoCode')}
-                value={inputs.promoCode ?? ''}
+                value={inputs.partnerCode ?? ''}
                 handleChange={handleInputChange}
                 autoComplete="off"
               />

package/src/interfaces/appBar/TourButton.interface.ts

@@ -1,4 +1,4 @@
 export interface TourButtonI {
-  label: string
+  label?: string
   onClick: () => void
 }

package/src/interfaces/feedback/ContactForm.interface.ts

@@ -3,7 +3,7 @@ export type FeedbackFormProps = {
   message: string
 }
 export interface ContactFormI {
-  categories: string[]
+  categories?: string[]
   isLoading: boolean
   onClick: (form: FeedbackFormProps) => void
 }

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

@@ -4,7 +4,7 @@ export interface SignUpFormI {
   firstName: string
   lastName: string
   password?: string
-  promoCode?: string
+  partnerCode?: string
 }
 
 export interface SignUpI {