@homefile/components-v2 2.6.3 → 2.6.5

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/hooks/feedback/useContactForm.js

@@ -15,7 +15,7 @@ export const useContactForm = ({ initialType = 'General Feedback', onClick, }) =
             return;
         }
         onClick({
-            type: formType,
+            category: formType,
             message: formMessage,
         });
         setFormMessage('');

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

@@ -1,9 +1,9 @@
 export type FeedbackFormProps = {
-    type: 'General Feedback' | 'Bug' | 'Account Related' | 'Feature Request';
+    category: 'General Feedback' | 'Bug' | 'Account Related' | 'Feature Request';
     message: string;
 };
 export interface ContactFormI {
-    categories: string[];
+    categories?: string[];
     isLoading: boolean;
     onClick: (form: FeedbackFormProps) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.6.3",
+  "version": "2.6.5",
   "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/hooks/feedback/useContactForm.ts

@@ -15,7 +15,8 @@ export const useContactForm = ({
   const [formMessage, setFormMessage] = useState('')
   const [errorMessage, setErrorMessage] = useState('')
 
-  const handleTypeChange = (form: string | SelectItemI) => setFormType(form as string)
+  const handleTypeChange = (form: string | SelectItemI) =>
+    setFormType(form as string)
 
   const handleMessageChange = (event: ChangeEvent<{ value: string }>) => {
     setFormMessage(event.target.value)
@@ -28,7 +29,7 @@ export const useContactForm = ({
       return
     }
     onClick({
-      type: formType as FeedbackFormProps['type'],
+      category: formType as FeedbackFormProps['category'],
       message: formMessage,
     })
     setFormMessage('')

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

@@ -1,9 +1,9 @@
 export type FeedbackFormProps = {
-  type: 'General Feedback' | 'Bug' | 'Account Related' | 'Feature Request'
+  category: 'General Feedback' | 'Bug' | 'Account Related' | 'Feature Request'
   message: string
 }
 export interface ContactFormI {
-  categories: string[]
+  categories?: string[]
   isLoading: boolean
   onClick: (form: FeedbackFormProps) => void
 }