@homefile/components-v2 2.8.52 → 2.8.54

package/dist/components/inboxTile/InboxCard.js

@@ -3,8 +3,8 @@ import { t } from 'i18next';
 import { AspectRatio, Flex, Image, Text } from '@chakra-ui/react';
 import { TextBadge } from '..';
 export const InboxCard = ({ box, onClick }) => {
-    const { image, name, newMessages = 0, totalMessages } = box;
+    const { image, name, newMessages = 0, totalMessages, id } = box;
     const hasNewMessages = newMessages > 0;
     const message = `${newMessages} ${t('badges.new')}`;
-    return (_jsxs(Flex, { as: "button", align: "center", justify: "space-between", px: "base", py: "6", bg: "neutral.white", transition: "background-color 0.2s", _hover: { bg: 'lightGreen.1' }, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(name), children: [_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(AspectRatio, { ratio: 1, w: "34px", h: "auto", children: _jsx(Image, { src: image, alt: name }) }), _jsx(Text, { children: name })] }), _jsxs(Flex, { align: "center", gap: "6", children: [hasNewMessages && (_jsx(TextBadge, { text: message, showAnimation: false, bgColor: "violet.1" })), _jsx(Text, { fontSize: "30px", fontWeight: "medium", color: "blue.2", children: totalMessages })] })] }));
+    return (_jsxs(Flex, { as: "button", align: "center", justify: "space-between", px: "base", py: "6", bg: "neutral.white", transition: "background-color 0.2s", _hover: { bg: 'lightGreen.1' }, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(name), id: id, children: [_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(AspectRatio, { ratio: 1, w: "34px", h: "auto", children: _jsx(Image, { src: image, alt: name }) }), _jsx(Text, { children: name })] }), _jsxs(Flex, { align: "center", gap: "6", children: [hasNewMessages && (_jsx(TextBadge, { text: message, showAnimation: false, bgColor: "violet.1" })), _jsx(Text, { fontSize: "30px", fontWeight: "medium", color: "blue.2", children: totalMessages })] })] }));
 };

package/dist/components/inboxTile/InboxForwardBanner.js

@@ -3,5 +3,5 @@ import { t } from 'i18next';
 import { AspectRatio, Flex, Text, Image, chakra } from '@chakra-ui/react';
 import { IA } from '../../assets/images';
 export const InboxForwardBanner = () => {
-    return (_jsxs(Flex, { p: "base", gap: "base", align: "center", bg: "lightBlue.2", children: [_jsx(AspectRatio, { ratio: 1, minW: "35px", h: "auto", children: _jsx(Image, { src: IA, alt: "IA" }) }), _jsxs(Text, { variant: "home", lineHeight: "1", children: [t('inbox.forwardTo'), _jsx(chakra.span, { fontFamily: "secondary", fontSize: "sm", lineHeight: "1", color: "neutral.black", fontWeight: "bold", display: "inline", children: "homefileit@homefile.com." })] })] }));
+    return (_jsxs(Flex, { p: "base", gap: "base", align: "center", bg: "lightBlue.2", id: 'forwardReceipts', children: [_jsx(AspectRatio, { ratio: 1, minW: "35px", h: "auto", children: _jsx(Image, { src: IA, alt: "IA" }) }), _jsxs(Text, { variant: "home", lineHeight: "1", children: [t('inbox.forwardTo'), _jsx(chakra.span, { fontFamily: "secondary", fontSize: "sm", lineHeight: "1", color: "neutral.black", fontWeight: "bold", display: "inline", children: "homefileit@homefile.com." })] })] }));
 };

package/dist/components/tour/HomeBoardTour.js

@@ -76,7 +76,7 @@ export const HomeBoardTour = ({ currentStep = 'homeboard', bubbleWidth = '300px'
         editFile: {
             arrowRight: 'right-top',
             leftRef: getXPosition(width, panelBubbleArrowSize - 80),
-            topRef: getYPosition(height, height - 360),
+            topRef: getYPosition(height, height - 214),
             component: (_jsx(BubbleText, { title: t('tour.steps.editFile.title'), description: t('tour.steps.editFile.description') })),
         },
         // Reference component id -> appBar/PeopleConnected

package/dist/interfaces/inboxTile/InboxCard.interface.d.ts

@@ -3,6 +3,7 @@ export interface BoxI {
     name: string;
     newMessages?: number;
     totalMessages: number;
+    id?: string;
 }
 export interface InboxCardI {
     box: BoxI;

package/package.json

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

package/src/components/inboxTile/InboxCard.tsx

@@ -4,7 +4,7 @@ import { TextBadge } from '@/components'
 import { InboxCardI } from '@/interfaces'
 
 export const InboxCard = ({ box, onClick }: InboxCardI) => {
-  const { image, name, newMessages = 0, totalMessages } = box
+  const { image, name, newMessages = 0, totalMessages, id } = box
   const hasNewMessages = newMessages > 0
   const message = `${newMessages} ${t('badges.new')}`
   return (
@@ -18,6 +18,7 @@ export const InboxCard = ({ box, onClick }: InboxCardI) => {
       transition="background-color 0.2s"
       _hover={{ bg: 'lightGreen.1' }}
       onClick={() => onClick?.(name)}
+      id={id}
     >
       <Flex align="center" gap="base">
         <AspectRatio ratio={1} w="34px" h="auto">

package/src/components/inboxTile/InboxForwardBanner.tsx

@@ -4,7 +4,7 @@ import { IA } from '@/assets/images'
 
 export const InboxForwardBanner = () => {
   return (
-    <Flex p="base" gap="base" align="center" bg="lightBlue.2">
+    <Flex p="base" gap="base" align="center" bg="lightBlue.2" id='forwardReceipts'>
       <AspectRatio ratio={1} minW="35px" h="auto">
         <Image src={IA} alt="IA" />
       </AspectRatio>

package/src/components/tour/HomeBoardTour.tsx

@@ -145,7 +145,7 @@ export const HomeBoardTour = ({
     editFile: {
       arrowRight: 'right-top',
       leftRef: getXPosition(width, panelBubbleArrowSize - 80),
-      topRef: getYPosition(height, height - 360),
+      topRef: getYPosition(height, height - 214),
       component: (
         <BubbleText
           title={t('tour.steps.editFile.title')}

package/src/interfaces/inboxTile/InboxCard.interface.ts

@@ -3,6 +3,7 @@ export interface BoxI {
   name: string
   newMessages?: number
   totalMessages: number
+  id?: string
 }
 
 export interface InboxCardI {