@homefile/components-v2 2.40.8 → 2.40.9

package/dist/components/folderSharing/FolderSharing.d.ts

@@ -1,2 +1,2 @@
 import { FolderSharingI } from '../../interfaces';
-export declare const FolderSharing: ({ currentSort, folders, handleAddNewFolder, handleFolderClick, handleSelect, menuItems, disabled, }: FolderSharingI) => import("react/jsx-runtime").JSX.Element;
+export declare const FolderSharing: ({ currentSort, folders, handleAddNewFolder, handleFolderClick, handleSelect, menuItems, disabled, showHelp }: FolderSharingI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/folderSharing/FolderSharing.js

@@ -4,11 +4,11 @@ import { Box, Flex, Wrap, WrapItem, Image, Text, GridItem, } from '@chakra-ui/re
 import { ContainerHeader, FolderLegends, LeftButtonAnimated, MoreHorizontal, SelectInput, TileTooltip, } from '../../components';
 import { GreenFolder, YellowFolder } from '../../assets/images';
 import { useFolderSharing, useFolderValues } from '../../hooks';
-export const FolderSharing = ({ currentSort, folders = [], handleAddNewFolder, handleFolderClick, handleSelect, menuItems, disabled, }) => {
+export const FolderSharing = ({ currentSort, folders = [], handleAddNewFolder, handleFolderClick, handleSelect, menuItems, disabled, showHelp }) => {
     const { currentSelection, handleSelectItem, hideLabels, items, sortedFolders, } = useFolderSharing({ folders, currentSort, handleSelect });
     const { folderVariants } = useFolderValues();
     const hasMenuItems = !!menuItems && menuItems.length > 0;
-    return (_jsx(GridItem, { colSpan: [1, 2], children: _jsx(TileTooltip, { label: "folders", children: _jsxs(Box, { backgroundColor: "lightBlue.1", boxShadow: "base", h: "full", children: [_jsx(ContainerHeader, { disabled: !hasMenuItems, title: t('folderSharing.title'), titleIcon: YellowFolder, menuItems: menuItems, icon: _jsx(MoreHorizontal, { size: 38 }), fontWeight: "normal" }), _jsx(Box, { bg: "lightBlue.2", py: "2", pl: "base", children: _jsxs(Flex, { justify: "space-between", align: "center", gap: "base", children: [_jsx(SelectInput, { handleClick: handleSelectItem, initialValue: currentSelection, items: items }), _jsxs(Flex, { alignSelf: "flex-end", gap: "6", children: [!hideLabels && _jsx(FolderLegends, {}), _jsx(LeftButtonAnimated, { id: "addFolders", onClick: handleAddNewFolder, label: t('folderSharing.addFolder.label'), disabled: disabled })] })] }) }), _jsx(Wrap, { py: "8", px: "base", spacing: "2", id: "folder", children: sortedFolders === null || sortedFolders === void 0 ? void 0 : sortedFolders.map((folder) => {
+    return (_jsx(GridItem, { colSpan: [1, 2], children: _jsx(TileTooltip, { label: "folders", children: _jsxs(Box, { backgroundColor: "lightBlue.1", boxShadow: "base", h: "full", children: [_jsx(ContainerHeader, { disabled: !hasMenuItems, title: t('folderSharing.title'), titleIcon: YellowFolder, menuItems: menuItems, icon: _jsx(MoreHorizontal, { size: 38 }), fontWeight: "normal", showHelp: showHelp }), _jsx(Box, { bg: "lightBlue.2", py: "2", pl: "base", children: _jsxs(Flex, { justify: "space-between", align: "center", gap: "base", children: [_jsx(SelectInput, { handleClick: handleSelectItem, initialValue: currentSelection, items: items }), _jsxs(Flex, { alignSelf: "flex-end", gap: "6", children: [!hideLabels && _jsx(FolderLegends, {}), _jsx(LeftButtonAnimated, { id: "addFolders", onClick: handleAddNewFolder, label: t('folderSharing.addFolder.label'), disabled: disabled })] })] }) }), _jsx(Wrap, { py: "8", px: "base", spacing: "2", id: "folder", children: sortedFolders === null || sortedFolders === void 0 ? void 0 : sortedFolders.map((folder) => {
                             var _a;
                             const { _id, name, icon } = folder;
                             const folderIcon = icon

package/dist/components/homeAssistant/HomeAssistant.d.ts

@@ -1,2 +1,2 @@
 import { HomeAssistantStepsI } from '../../interfaces';
-export declare const HomeAssistant: ({ showTutorial, tutorialUrl, onStart, zIndex, ...props }: HomeAssistantStepsI) => import("react/jsx-runtime").JSX.Element;
+export declare const HomeAssistant: ({ showTutorial, tutorialUrl, onStart, zIndex, showHelp, ...props }: HomeAssistantStepsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/HomeAssistant.js

@@ -15,8 +15,8 @@ import { t } from 'i18next';
 import { HomeAssistantSteps, HomeAssistantTutorial, HomeAssistantWrapper, } from '../../components';
 import { Center } from '@chakra-ui/react';
 export const HomeAssistant = (_a) => {
-    var { showTutorial = false, tutorialUrl = '', onStart, zIndex } = _a, props = __rest(_a, ["showTutorial", "tutorialUrl", "onStart", "zIndex"]);
+    var { showTutorial = false, tutorialUrl = '', onStart, zIndex, showHelp } = _a, props = __rest(_a, ["showTutorial", "tutorialUrl", "onStart", "zIndex", "showHelp"]);
     const [startSetup, setStartSetup] = useState(false);
     const showAirplane = props.currentStep === 6 && (!showTutorial || startSetup);
-    return (_jsx(HomeAssistantWrapper, { showAirplane: showAirplane, title: t('homeAssistant.title'), zIndex: zIndex, children: _jsxs(Center, { minH: "477px", children: [!startSetup && showTutorial && (_jsx(HomeAssistantTutorial, { onStart: onStart !== null && onStart !== void 0 ? onStart : (() => setStartSetup(true)), videoUrl: tutorialUrl })), (startSetup || !showTutorial) && _jsx(HomeAssistantSteps, Object.assign({}, props))] }) }));
+    return (_jsx(HomeAssistantWrapper, { showAirplane: showAirplane, title: t('homeAssistant.title'), zIndex: zIndex, showHelp: showHelp, children: _jsxs(Center, { minH: "477px", children: [!startSetup && showTutorial && (_jsx(HomeAssistantTutorial, { onStart: onStart !== null && onStart !== void 0 ? onStart : (() => setStartSetup(true)), videoUrl: tutorialUrl })), (startSetup || !showTutorial) && _jsx(HomeAssistantSteps, Object.assign({}, props))] }) }));
 };

package/dist/components/homeAssistant/HomeAssistantWrapper.d.ts

@@ -1,6 +1,7 @@
 import { PropsWithChildren } from 'react';
-export declare const HomeAssistantWrapper: ({ children, showAirplane, title, zIndex, }: PropsWithChildren<{
+export declare const HomeAssistantWrapper: ({ children, showAirplane, title, zIndex, showHelp }: PropsWithChildren<{
     showAirplane?: boolean;
     title: string;
     zIndex?: string;
+    showHelp?: boolean;
 }>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/HomeAssistantWrapper.js

@@ -4,7 +4,7 @@ import { Box, GridItem, Image } from '@chakra-ui/react';
 import { ContainerHeader, TileTooltip, moveRightToLeftWithFade, moveRightToLeft, moveLeftToRightAirplane, } from '../../components';
 import { Airplane, Cloud1, Cloud2, Cloud3, IA } from '../../assets/images';
 import { colors } from '../../theme/colors';
-export const HomeAssistantWrapper = ({ children, showAirplane, title, zIndex, }) => {
+export const HomeAssistantWrapper = ({ children, showAirplane, title, zIndex, showHelp }) => {
     const [timeOfDay, setTimeOfDay] = useState('day');
     const timeOfDaySeason = 'day-summer';
     const gradients = {
@@ -19,5 +19,5 @@ export const HomeAssistantWrapper = ({ children, showAirplane, title, zIndex, })
     //   }, 60000)
     //   return () => clearInterval(interval)
     // }, [])
-    return (_jsx(GridItem, { colSpan: [1, 2], zIndex: zIndex, children: _jsx(TileTooltip, { label: "homeAssistant", children: _jsxs(Box, { bgGradient: gradients[timeOfDay], boxShadow: "base", position: "relative", overflow: "hidden", transition: "background 1s ease-in-out", h: "full", children: [_jsx(ContainerHeader, { title: title, titleIcon: IA, fontWeight: 'normal' }), _jsx(Box, { h: "calc(100% - 60px)", children: children }), _jsx(Image, { src: Cloud1 || null, position: "absolute", w: "auto", h: "80px", top: "80px", animation: `${moveRightToLeftWithFade} 400s linear infinite` }), _jsx(Image, { src: Cloud2 || null, position: "absolute", w: "auto", h: "112px", top: "150px", animation: `${moveRightToLeft} 200s linear infinite` }), _jsx(Image, { src: Cloud3 || null, position: "absolute", w: "auto", h: "160px", top: "200px", animation: `${moveRightToLeft} 130s linear infinite` }), showAirplane && (_jsx(Image, { src: Airplane || null, position: "absolute", w: "auto", h: "40px", top: "85px", animation: `${moveLeftToRightAirplane} 500s cubic-bezier(1, 1, 1, 500) infinite` }))] }) }) }));
+    return (_jsx(GridItem, { colSpan: [1, 2], zIndex: zIndex, children: _jsx(TileTooltip, { label: "homeAssistant", children: _jsxs(Box, { bgGradient: gradients[timeOfDay], boxShadow: "base", position: "relative", overflow: "hidden", transition: "background 1s ease-in-out", h: "full", children: [_jsx(ContainerHeader, { showHelp: showHelp, title: title, titleIcon: IA, fontWeight: 'normal' }), _jsx(Box, { h: "calc(100% - 60px)", children: children }), _jsx(Image, { src: Cloud1 || null, position: "absolute", w: "auto", h: "80px", top: "80px", animation: `${moveRightToLeftWithFade} 400s linear infinite` }), _jsx(Image, { src: Cloud2 || null, position: "absolute", w: "auto", h: "112px", top: "150px", animation: `${moveRightToLeft} 200s linear infinite` }), _jsx(Image, { src: Cloud3 || null, position: "absolute", w: "auto", h: "160px", top: "200px", animation: `${moveRightToLeft} 130s linear infinite` }), showAirplane && (_jsx(Image, { src: Airplane || null, position: "absolute", w: "auto", h: "40px", top: "85px", animation: `${moveLeftToRightAirplane} 500s cubic-bezier(1, 1, 1, 500) infinite` }))] }) }) }));
 };

package/dist/components/homeAssistant/HomeMonitor.d.ts

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from 'react';
-export declare const HomeMonitor: ({ children, zIndex, }: PropsWithChildren<{
+export declare const HomeMonitor: ({ children, zIndex, showHelp }: PropsWithChildren<{
     zIndex?: string;
+    showHelp?: boolean;
 }>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/HomeMonitor.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { HomeAssistantWrapper } from '../../components';
-export const HomeMonitor = ({ children, zIndex, }) => {
-    return (_jsx(HomeAssistantWrapper, { zIndex: zIndex, showAirplane: true, title: t('homeAssistant.homeMonitor'), children: children }));
+export const HomeMonitor = ({ children, zIndex, showHelp }) => {
+    return (_jsx(HomeAssistantWrapper, { zIndex: zIndex, showAirplane: true, title: t('homeAssistant.homeMonitor'), showHelp: showHelp, children: children }));
 };

package/dist/components/homeBoard/AddToHomefile.d.ts

@@ -1,2 +1,2 @@
 import { AddToHomefileI } from '../../interfaces';
-export declare const AddToHomefile: ({ documentList, headerList, isDisabled, }: AddToHomefileI) => import("react/jsx-runtime").JSX.Element;
+export declare const AddToHomefile: ({ documentList, headerList, isDisabled, showHelp }: AddToHomefileI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeBoard/AddToHomefile.js

@@ -3,8 +3,8 @@ import { t } from 'i18next';
 import { Container, Grid } from '@chakra-ui/react';
 import { ContainerHeader, HiddenField, TileTooltip } from '../../components';
 import { BlueCirclePlus } from '../../assets/images';
-export const AddToHomefile = ({ documentList, headerList, isDisabled = false, }) => {
-    return (_jsx(TileTooltip, { label: "addToHomefile", children: _jsxs(Container, { variant: "launchpad", h: "full", minW: ['full', '20rem'], bg: "lightViolet.1", children: [_jsx(ContainerHeader, { title: t('addToHomefile.title'), titleIcon: BlueCirclePlus, menuItems: headerList, fontWeight: 'normal' }), _jsx(Grid, { templateColumns: "repeat(auto-fill, minmax(70px, 1fr))", gap: "base", p: "base", children: documentList.map((item) => {
+export const AddToHomefile = ({ documentList, headerList, isDisabled = false, showHelp }) => {
+    return (_jsx(TileTooltip, { label: "addToHomefile", children: _jsxs(Container, { variant: "launchpad", h: "full", minW: ['full', '20rem'], bg: "lightViolet.1", children: [_jsx(ContainerHeader, { title: t('addToHomefile.title'), titleIcon: BlueCirclePlus, menuItems: headerList, fontWeight: 'normal', showHelp: showHelp }), _jsx(Grid, { templateColumns: "repeat(auto-fill, minmax(70px, 1fr))", gap: "base", p: "base", children: documentList.map((item) => {
                         return (_jsx(HiddenField, { h: "58px", id: item.label, name: item.label, icon: item.icon, disabled: isDisabled, onClick: item.onClick, showPlusIcon: true }, item.label));
                     }) })] }) }));
 };

package/dist/components/inboxTile/InboxTile.d.ts

@@ -1,2 +1,2 @@
 import { InboxTileI } from '../../interfaces';
-export declare const InboxTile: ({ banner, boxes, menuItems, onClick, }: InboxTileI) => import("react/jsx-runtime").JSX.Element;
+export declare const InboxTile: ({ banner, boxes, menuItems, onClick, showHelp }: InboxTileI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inboxTile/InboxTile.js

@@ -3,7 +3,7 @@ import { t } from 'i18next';
 import { Container, Stack } from '@chakra-ui/react';
 import { ContainerHeader, InboxCard, MoreHorizontal, TileTooltip, } from '../../components';
 import { Inbox } from '../../assets/images';
-export const InboxTile = ({ banner, boxes, menuItems, onClick, }) => {
+export const InboxTile = ({ banner, boxes, menuItems, onClick, showHelp }) => {
     var _a;
-    return (_jsx(TileTooltip, { label: "inbox", children: _jsx(Container, { variant: "launchpad", h: "full", position: "relative", m: "0", children: _jsxs(Stack, { spacing: "2px", children: [_jsx(ContainerHeader, { menuItems: menuItems, title: (_a = t('partner.tiles.inbox')) !== null && _a !== void 0 ? _a : '', icon: _jsx(MoreHorizontal, { size: 38 }), titleIcon: Inbox, fontWeight: "normal" }), banner, boxes.map((box) => (_jsx(InboxCard, { box: box, onClick: onClick }, box.name)))] }) }) }));
+    return (_jsx(TileTooltip, { label: "inbox", children: _jsx(Container, { variant: "launchpad", h: "full", position: "relative", m: "0", children: _jsxs(Stack, { spacing: "2px", children: [_jsx(ContainerHeader, { menuItems: menuItems, title: (_a = t('partner.tiles.inbox')) !== null && _a !== void 0 ? _a : '', icon: _jsx(MoreHorizontal, { size: 38 }), titleIcon: Inbox, fontWeight: "normal", showHelp: showHelp }), banner, boxes.map((box) => (_jsx(InboxCard, { box: box, onClick: onClick }, box.name)))] }) }) }));
 };

package/dist/components/propertyTiles/TileCard.d.ts

@@ -7,5 +7,6 @@ export interface TileCardI {
     menuItems?: MenuItemI[];
     title: string;
     fontWeight?: TypographyProps['fontWeight'];
+    showHelp?: boolean;
 }
-export declare const TileCard: ({ bg, children, icon, menuItems, title, fontWeight, }: PropsWithChildren<TileCardI>) => import("react/jsx-runtime").JSX.Element;
+export declare const TileCard: ({ bg, children, icon, menuItems, title, fontWeight, showHelp }: PropsWithChildren<TileCardI>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/propertyTiles/TileCard.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Container } from '@chakra-ui/react';
 import { MoreHorizontal, ContainerHeader } from '../../components';
-export const TileCard = ({ bg = 'lightBlue.1', children, icon, menuItems, title, fontWeight, }) => {
-    return (_jsxs(Container, { variant: "launchpad", bg: bg, h: "full", children: [_jsx(ContainerHeader, { icon: _jsx(MoreHorizontal, { size: 38 }), menuItems: menuItems, title: title, titleIcon: icon, fontWeight: fontWeight }), children] }));
+export const TileCard = ({ bg = 'lightBlue.1', children, icon, menuItems, title, fontWeight, showHelp }) => {
+    return (_jsxs(Container, { variant: "launchpad", bg: bg, h: "full", children: [_jsx(ContainerHeader, { icon: _jsx(MoreHorizontal, { size: 38 }), menuItems: menuItems, title: title, titleIcon: icon, fontWeight: fontWeight, showHelp: showHelp }), children] }));
 };

package/dist/components/propertyTiles/propertyTaxes/PropertyTaxes.d.ts

@@ -1,2 +1,2 @@
 import { PropertyTaxesI } from '../../../interfaces';
-export declare const PropertyTaxes: ({ estimatedTaxValue, estimatedMonthlyAverage, menuItems, taxes, title, }: PropertyTaxesI) => import("react/jsx-runtime").JSX.Element;
+export declare const PropertyTaxes: ({ estimatedTaxValue, estimatedMonthlyAverage, menuItems, taxes, title, showHelp }: PropertyTaxesI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/propertyTiles/propertyTaxes/PropertyTaxes.js

@@ -6,7 +6,7 @@ import { TileCard, TileTooltip, TotalHeader } from '../../../components';
 import { formatNumber, getColorBasedOnPercentage } from '../../../utils';
 import { AssessedValue } from './AssessedValue';
 import { TaxesTable } from './TaxesTable';
-export const PropertyTaxes = ({ estimatedTaxValue, estimatedMonthlyAverage, menuItems, taxes, title, }) => {
+export const PropertyTaxes = ({ estimatedTaxValue, estimatedMonthlyAverage, menuItems, taxes, title, showHelp }) => {
     const lastYear = taxes[0];
     const formattedLastYearValue = formatNumber(lastYear === null || lastYear === void 0 ? void 0 : lastYear.value);
     const bgColor = getColorBasedOnPercentage({
@@ -15,5 +15,5 @@ export const PropertyTaxes = ({ estimatedTaxValue, estimatedMonthlyAverage, menu
         colorPositive: 'orange.1',
     });
     const currentYear = new Date().getFullYear();
-    return (_jsx(TileTooltip, { label: "propertyTaxes", children: _jsx(Box, { children: _jsxs(TileCard, { menuItems: menuItems, title: t('propertyTiles.taxes.title'), icon: Money, fontWeight: "regular", children: [title && (_jsx(Box, { bg: "lightBlue.2", px: "base", py: "4", children: _jsx(Text, { variant: "home", children: title }) })), _jsxs(Box, { px: "base", bg: "neutral.white", children: [_jsx(AssessedValue, Object.assign({}, lastYear, { value: formattedLastYearValue })), _jsxs(Stack, { spacing: "1", py: "base", children: [_jsx(Text, { textTransform: "uppercase", children: `${currentYear} ${t('propertyTiles.taxes.estimated')}` }), _jsxs(Flex, { gap: "2", w: "full", children: [_jsx(Box, { flex: "3", children: _jsx(TotalHeader, { bg: bgColor, value: estimatedTaxValue, fontSize: "3xl", title: t('propertyTiles.taxes.annually') }) }), estimatedMonthlyAverage && (_jsx(Box, { flex: "2", children: _jsx(TotalHeader, { bg: "lightBlue.4", value: estimatedMonthlyAverage, fontSize: "3xl", title: t('propertyTiles.taxes.monthly') }) }))] })] })] }), _jsx(Box, { px: "base", children: _jsx(TaxesTable, { taxes: taxes }) })] }) }) }));
+    return (_jsx(TileTooltip, { label: "propertyTaxes", children: _jsx(Box, { children: _jsxs(TileCard, { menuItems: menuItems, title: t('propertyTiles.taxes.title'), icon: Money, fontWeight: "regular", showHelp: showHelp, children: [title && (_jsx(Box, { bg: "lightBlue.2", px: "base", py: "4", children: _jsx(Text, { variant: "home", children: title }) })), _jsxs(Box, { px: "base", bg: "neutral.white", children: [_jsx(AssessedValue, Object.assign({}, lastYear, { value: formattedLastYearValue })), _jsxs(Stack, { spacing: "1", py: "base", children: [_jsx(Text, { textTransform: "uppercase", children: `${currentYear} ${t('propertyTiles.taxes.estimated')}` }), _jsxs(Flex, { gap: "2", w: "full", children: [_jsx(Box, { flex: "3", children: _jsx(TotalHeader, { bg: bgColor, value: estimatedTaxValue, fontSize: "3xl", title: t('propertyTiles.taxes.annually') }) }), estimatedMonthlyAverage && (_jsx(Box, { flex: "2", children: _jsx(TotalHeader, { bg: "lightBlue.4", value: estimatedMonthlyAverage, fontSize: "3xl", title: t('propertyTiles.taxes.monthly') }) }))] })] })] }), _jsx(Box, { px: "base", children: _jsx(TaxesTable, { taxes: taxes }) })] }) }) }));
 };

package/dist/components/propertyTiles/trendingValue/TrendingValue.d.ts

@@ -1,2 +1,2 @@
 import { TrendingValueI } from '../../../interfaces';
-export declare const TrendingValue: ({ chartData, marketValue, menuItems, mortgageBalance, onMortgageClick, purchasePrice, roi, }: TrendingValueI) => import("react/jsx-runtime").JSX.Element;
+export declare const TrendingValue: ({ chartData, marketValue, menuItems, mortgageBalance, onMortgageClick, purchasePrice, roi, showHelp }: TrendingValueI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/propertyTiles/trendingValue/TrendingValue.js

@@ -4,6 +4,6 @@ import { Box, Button, Flex, IconButton, Stack, Text, Tooltip, } from '@chakra-ui
 import { Edit, EstRoi, Plus, TileCard, TileTooltip, TrendingLineChart, TrendingValueCard, } from '../../../components';
 import { ComputerReport } from '../../../assets/images';
 import { colors } from '../../../theme/colors';
-export const TrendingValue = ({ chartData, marketValue = 0, menuItems, mortgageBalance = 0, onMortgageClick, purchasePrice = 0, roi, }) => {
-    return (_jsx(TileTooltip, { label: "trendingValue", children: _jsx(Box, { children: _jsxs(TileCard, { bg: "lightGreen.8", menuItems: menuItems, title: t('propertyTiles.trending.title'), icon: ComputerReport, fontWeight: "normal", children: [_jsxs(Flex, { gap: "base", p: "base", bg: "lightBlue.1", children: [_jsx(TrendingValueCard, { bg: "lightBlue.2", label: t('propertyTiles.trending.purchase'), value: purchasePrice }), (mortgageBalance > 0) ? (_jsx(TrendingValueCard, { bg: "lightBlue.4", editButton: Boolean(mortgageBalance) && (_jsx(Tooltip, { label: t('tooltips.editValue'), children: _jsx(IconButton, { variant: "menuIconWithShadow", maxW: "fit-content", "aria-label": t('ariaLabels.edit'), p: "1", icon: _jsx(Edit, { size: 16 }), onClick: onMortgageClick }) })), label: t('propertyTiles.trending.mortgage'), value: mortgageBalance })) : (_jsxs(Stack, { spacing: "1", flex: "auto", children: [_jsx(Flex, { align: "center", justify: "space-between", h: "20px", children: _jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: t('propertyTiles.trending.mortgage') }) }), _jsxs(Button, { variant: "tertiary", h: "full", onClick: onMortgageClick, w: "full", px: "1", children: [_jsx(Plus, { stroke: colors.blue[3], size: 20 }), _jsx(Text, { color: colors.blue[3], as: "span", pl: '.25rem', children: t('propertyTiles.trending.addMortgage') })] })] }))] }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsxs(Flex, { children: [_jsx(TrendingValueCard, { bg: "lightGreen.6", fontSize: "3xl", label: t('propertyTiles.trending.estimated'), value: marketValue }), roi && _jsx(EstRoi, { value: roi })] }), chartData && _jsx(TrendingLineChart, { data: chartData }), !chartData && (_jsx(Box, { h: "220px", border: "1px solid", borderColor: "lightGreen.6" })), _jsx(Text, { fontFamily: "secondary", fontSize: "xs", children: t('propertyTiles.trending.public') })] })] }) }) }));
+export const TrendingValue = ({ chartData, marketValue = 0, menuItems, mortgageBalance = 0, onMortgageClick, purchasePrice = 0, roi, showHelp }) => {
+    return (_jsx(TileTooltip, { label: "trendingValue", children: _jsx(Box, { children: _jsxs(TileCard, { bg: "lightGreen.8", menuItems: menuItems, title: t('propertyTiles.trending.title'), icon: ComputerReport, fontWeight: "normal", showHelp: showHelp, children: [_jsxs(Flex, { gap: "base", p: "base", bg: "lightBlue.1", children: [_jsx(TrendingValueCard, { bg: "lightBlue.2", label: t('propertyTiles.trending.purchase'), value: purchasePrice }), (mortgageBalance > 0) ? (_jsx(TrendingValueCard, { bg: "lightBlue.4", editButton: Boolean(mortgageBalance) && (_jsx(Tooltip, { label: t('tooltips.editValue'), children: _jsx(IconButton, { variant: "menuIconWithShadow", maxW: "fit-content", "aria-label": t('ariaLabels.edit'), p: "1", icon: _jsx(Edit, { size: 16 }), onClick: onMortgageClick }) })), label: t('propertyTiles.trending.mortgage'), value: mortgageBalance })) : (_jsxs(Stack, { spacing: "1", flex: "auto", children: [_jsx(Flex, { align: "center", justify: "space-between", h: "20px", children: _jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: t('propertyTiles.trending.mortgage') }) }), _jsxs(Button, { variant: "tertiary", h: "full", onClick: onMortgageClick, w: "full", px: "1", children: [_jsx(Plus, { stroke: colors.blue[3], size: 20 }), _jsx(Text, { color: colors.blue[3], as: "span", pl: '.25rem', children: t('propertyTiles.trending.addMortgage') })] })] }))] }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsxs(Flex, { children: [_jsx(TrendingValueCard, { bg: "lightGreen.6", fontSize: "3xl", label: t('propertyTiles.trending.estimated'), value: marketValue }), roi && _jsx(EstRoi, { value: roi })] }), chartData && _jsx(TrendingLineChart, { data: chartData }), !chartData && (_jsx(Box, { h: "220px", border: "1px solid", borderColor: "lightGreen.6" })), _jsx(Text, { fontFamily: "secondary", fontSize: "xs", children: t('propertyTiles.trending.public') })] })] }) }) }));
 };

package/dist/interfaces/homeAssistant/HomeAssistantSteps.interface.d.ts

@@ -8,4 +8,5 @@ export interface HomeAssistantStepsI {
     tutorialUrl?: string;
     onStart?: () => void;
     zIndex?: string;
+    showHelp?: boolean;
 }

package/dist/interfaces/homeBoard/FolderSharing.interface.d.ts

@@ -25,6 +25,7 @@ export interface FolderSharingI {
     menuItems?: MenuItemI[];
     selectItems: SelectItemI[];
     disabled?: boolean;
+    showHelp?: boolean;
 }
 export interface IconTypeI {
     project: ReactElement;

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

@@ -5,4 +5,5 @@ export interface InboxTileI {
     boxes: BoxI[];
     menuItems?: MenuItemI[];
     onClick?: (box: string) => void;
+    showHelp?: boolean;
 }

package/dist/interfaces/propertyTiles/PropertyTaxes.interface.d.ts

@@ -13,4 +13,5 @@ export interface PropertyTaxesI {
     menuItems?: MenuItemI[];
     taxes: TaxI[];
     title?: string;
+    showHelp?: boolean;
 }

package/dist/interfaces/propertyTiles/TrendingValue.interface.d.ts

@@ -7,4 +7,5 @@ export interface TrendingValueI {
     onMortgageClick?: () => void;
     purchasePrice?: number;
     roi?: string;
+    showHelp?: boolean;
 }

package/dist/interfaces/sendDocument/AddToHomefile.interface.d.ts

@@ -1,3 +1,4 @@
 import { SendCommunicationI } from '../../interfaces';
 export interface AddToHomefileI extends SendCommunicationI {
+    showHelp?: boolean;
 }

package/package.json

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