@homefile/components-v2 2.40.8 → 2.40.10

package/dist/assets/images/green-circle-plus.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <g id="Group_26337" data-name="Group 26337" transform="translate(-1109.864 -408.046)">
+    <circle id="Ellipse_1182" data-name="Ellipse 1182" cx="12" cy="12" r="12" transform="translate(1109.864 408.046)" fill="#6ab529"/>
+    <g id="Group_21871" data-name="Group 21871" transform="translate(1114.609 412.396)">
+      <g id="App_Icon_Atom" transform="translate(0.179 0.179)">
+        <path id="Path_8841" data-name="Path 8841" d="M0,0H13.784V13.784H0Z" fill="none"/>
+      </g>
+      <g id="Add_Icon_Atom" transform="translate(1.258 1.258)">
+        <line id="Line_2001" data-name="Line 2001" y2="12.784" transform="translate(5.997)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/>
+        <line id="Line_2002" data-name="Line 2002" x2="11.993" transform="translate(0 6.392)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/dist/assets/images/index.d.ts

@@ -69,6 +69,7 @@ import GearPencil from './gear-pencil.svg';
 import GearTime from './gear-time.svg';
 import GenericField from './generic-field.svg';
 import GlassWater from './glass-water.svg';
+import GreenCirclePlus from './green-circle-plus.svg';
 import GreenFolder from './green-folder.svg';
 import Group from './group.svg';
 import Groups from './groups.svg';
@@ -173,7 +174,7 @@ import WizardDetailed from './wizard-detailed.svg';
 import WizardQuick from './wizard-quick.svg';
 import YellowFolder from './yellow-folder.svg';
 import YellowFolderUnshared from './yellow-folder-unshared.svg';
-export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Brain, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
+export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Brain, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenCirclePlus, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
 export * from './alerts';
 export * from './animations';
 export * from './appliances';

package/dist/assets/images/index.js

@@ -69,6 +69,7 @@ import GearPencil from './gear-pencil.svg';
 import GearTime from './gear-time.svg';
 import GenericField from './generic-field.svg';
 import GlassWater from './glass-water.svg';
+import GreenCirclePlus from './green-circle-plus.svg';
 import GreenFolder from './green-folder.svg';
 import Group from './group.svg';
 import Groups from './groups.svg';
@@ -173,7 +174,7 @@ import WizardDetailed from './wizard-detailed.svg';
 import WizardQuick from './wizard-quick.svg';
 import YellowFolder from './yellow-folder.svg';
 import YellowFolderUnshared from './yellow-folder-unshared.svg';
-export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Brain, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
+export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Brain, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenCirclePlus, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
 export * from './alerts';
 export * from './animations';
 export * from './appliances';

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

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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) => {
+import { GreenCirclePlus } from '../../assets/images';
+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: GreenCirclePlus, 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/homeBoard/HomeHeader.js

@@ -3,5 +3,5 @@ import { t } from 'i18next';
 import { Text, Flex, Box, Show, Tooltip } from '@chakra-ui/react';
 import { BackCircleButton, LeftButton } from '../../components';
 export const HomeHeader = ({ buttonLabel, onAdd, onBack, homeName, disabled, }) => {
-    return (_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Flex, { align: "center", gap: "2", children: [_jsx(Tooltip, { hasArrow: true, isDisabled: false, label: t('homeHeader.backBtn'), placement: "right", children: _jsx(Box, { id: "backToLaunchpad", children: _jsx(BackCircleButton, { onClick: onBack }) }) }), _jsx(Show, { breakpoint: "(min-width: 400px)", children: _jsx(Box, { borderLeft: "solid", borderWidth: "1px", borderColor: "lightGray.2", h: "1.75rem", mx: "2" }) }), _jsx(Text, { fontSize: "1.25rem", fontWeight: 'medium', children: homeName })] }), buttonLabel && (_jsx(Flex, { position: "absolute", right: "0", id: "addCatalog", children: _jsx(LeftButton, { onClick: onAdd, height: "2rem", label: buttonLabel, disabled: disabled }) }))] }));
+    return (_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Flex, { align: "center", gap: "2", children: [_jsx(Tooltip, { hasArrow: true, isDisabled: false, label: t('homeHeader.backBtn'), placement: "right", children: _jsx(Box, { id: "backToLaunchpad", children: _jsx(BackCircleButton, { onClick: onBack }) }) }), _jsx(Show, { breakpoint: "(min-width: 400px)", children: _jsx(Box, { borderLeft: "solid", borderWidth: "1px", borderColor: "lightGray.2", h: "1.75rem", mx: "2" }) }), _jsx(Text, { fontSize: "1.25rem", fontWeight: 'medium', children: homeName })] }), buttonLabel && (_jsx(Flex, { position: "absolute", right: "0", id: "addCatalog", children: _jsx(LeftButton, { onClick: onAdd, height: "2rem", label: buttonLabel, disabled: disabled, bgColor: 'blue.2' }) }))] }));
 };

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/dist/stories/homeBoard/HomeHeader.stories.d.ts

@@ -6,5 +6,6 @@ export declare const HomeHeaderComponent: {
     (args: HomeHeaderI): import("react/jsx-runtime").JSX.Element;
     args: {
         homeName: string;
+        buttonLabel: string;
     };
 };

package/dist/stories/homeBoard/HomeHeader.stories.js

@@ -9,4 +9,5 @@ export const HomeHeaderComponent = (args) => {
 };
 HomeHeaderComponent.args = {
     homeName: 'The Edmunds',
+    buttonLabel: "Service Partners"
 };

package/package.json

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