@homefile/components-v2 2.27.7 → 2.28.1

package/dist/components/homeBoard/HomeBoard.js

@@ -9,9 +9,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, DrawerBody, DrawerContent, DrawerHeader, Flex, Stack, } from '@chakra-ui/react';
-import { HomeHeader, HomeCardWithRecipent, AddFolder, EditAccountType, FolderSharing, RightPanel, HomeBoardTour, RoomsMenu, ContactsContent, AppBar, BarDivider, ContactList, PeopleConnected, StorageUsed, TourButton, Trash, TutorialsButton, FolderTypeSelection, DisplayFiles, DisplayOptions, FilesUploader, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, SharedAccounts, ReceiptAutofiler, HomeBoardGrid, ShortPartnerTile, ValueMonitor, TrendingValue, ReceiptsFiled, PropertyTaxes, PartnerCatalogPanel, DynamicForm, PanelHeader, EditHomePanel, HomeCard, EditHomeFooter, HomeAssistant, HomeAssistantPanel, HomeMonitor, HomefileMonitoring, HomeMonitorSteps, NotificationsReminder, NotificationsPanel, AddToHomefile, WeatherWidget, } from '..';
+import { HomeHeader, HomeCardWithRecipent, AddFolder, EditAccountType, FolderSharing, RightPanel, HomeBoardTour, RoomsMenu, ContactsContent, AppBar, BarDivider, ContactList, PeopleConnected, StorageUsed, TourButton, Trash, TutorialsButton, FolderTypeSelection, DisplayFiles, DisplayOptions, FilesUploader, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, SharedAccounts, ReceiptAutofiler, HomeBoardGrid, ShortPartnerTile, ValueMonitor, TrendingValue, ReceiptsFiled, PropertyTaxes, PartnerCatalogPanel, DynamicForm, PanelHeader, EditHomePanel, HomeCard, EditHomeFooter, HomeAssistant, HomeAssistantPanel, HomeMonitor, HomefileMonitoring, HomeMonitorSteps, NotificationsReminder, NotificationsPanel, AddToHomefile, WeatherWidget, MinimizedTiles, } from '..';
 import { HomeCards, recipientsDb, FoldersDB, selectOptions, RoomsList, RoomsToAdd, } from '../../helpers';
-import { ContactsMock, DisplayFilesMock, formFieldsMock, homeBoardRecorsMock, lineChartData, menuMock, partnerCatalogMock, sharedAccountsMock, socialLinksMock2, taxesMock, userMock, videoMock, homeAssitantStep1FormMock, homeAssitantStep2FormMock, homeAssitantStep3FormMock, homeAssitantStep4FormMock, homeAssitantStep5FormMock, homeAssitantStep6FormMock, tileUIMock, socialLinksMock, notificationsMock, weatherDataMock, documentListMock, } from '../../mocks';
+import { ContactsMock, DisplayFilesMock, formFieldsMock, homeBoardRecorsMock, lineChartData, menuMock, partnerCatalogMock, sharedAccountsMock, socialLinksMock2, taxesMock, userMock, videoMock, homeAssitantStep1FormMock, homeAssitantStep2FormMock, homeAssitantStep3FormMock, homeAssitantStep4FormMock, homeAssitantStep5FormMock, homeAssitantStep6FormMock, tileUIMock, socialLinksMock, notificationsMock, weatherDataMock, documentListMock, minimizedTilesMock, } from '../../mocks';
 import { useHomeBoard, useWindowDimensions } from '../../hooks';
 import { Painting } from '../../assets/images';
 import { mapForecastToWidget } from '../../utils';
@@ -53,7 +53,7 @@ export const HomeBoard = () => {
         Notifications: (_jsx(NotificationsPanel, { notifications: notificationsMock, onClose: onRightClose, onDismiss: () => null })),
     };
     const panelSize = currentComponent === 'PartnerCatalog' ? 'lg' : 'md';
-    return (_jsxs(Box, { overflowX: "hidden", children: [_jsx(RightPanel, { overlay: showOverlay, isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: rightPanelComponents[currentComponent] }), _jsxs(Flex, { w: "full", minH: "100dvh", children: [_jsx(RoomsMenu, { activeRoom: "homeboard", onAddRoom: (id) => __awaiter(void 0, void 0, void 0, function* () { return console.log(id); }), onClick: () => null, onHomeClick: () => null, rooms: RoomsList, roomsToAdd: RoomsToAdd }), _jsxs(Box, { w: "full", children: [_jsx(AppBarComponent, { setActiveTour: setActiveTour, onClick: handleAppBarClick }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsx(HomeHeader, { buttonLabel: "Partner catalog", onBack: () => null, homeName: homeName, onAdd: () => null }), _jsxs(HomeBoardGrid, { children: [_jsx(HomeCardWithRecipent, { address: HomeCards[0].address, handleEdit: handleEditHomeClick, handleDeleteAccountType: (email) => email, handleSubmitAccountType: (form) => form, _id: HomeCards[0]._id, image: HomeCards[0].image, loading: false, name: HomeCards[0].name, menu: menuMock, addImage: () => null, recipients: recipientsDb, records: homeBoardRecorsMock }), _jsx(HomeAssistant, { currentPanel: homeAssistantCurrentStep, currentStep: 6, onStepClick: handleHomeAssistantClick }), _jsx(PropertyTaxes, { estimatedTaxValue: 1000, menuItems: menuMock, taxes: taxesMock, title: "Travis County Property Taxes" }), _jsx(HomeMonitor, { children: _jsxs(Stack, { spacing: "base", w: "full", p: "base", h: "full", justify: "space-between", children: [_jsxs(Flex, { gap: "base", children: [_jsx(HomefileMonitoring, {}), _jsx(WeatherWidget, Object.assign({}, mapForecastToWidget(weatherDataMock, 'TX, Houston')))] }), _jsx(HomeMonitorSteps, { menuItems: [
+    return (_jsxs(Box, { overflowX: "hidden", children: [_jsx(RightPanel, { overlay: showOverlay, isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: rightPanelComponents[currentComponent] }), _jsxs(Flex, { w: "full", minH: "100dvh", children: [_jsx(RoomsMenu, { activeRoom: "homeboard", onAddRoom: (id) => __awaiter(void 0, void 0, void 0, function* () { return console.log(id); }), onClick: () => null, onHomeClick: () => null, rooms: RoomsList, roomsToAdd: RoomsToAdd }), _jsxs(Box, { w: "full", children: [_jsx(AppBarComponent, { setActiveTour: setActiveTour, onClick: handleAppBarClick }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsx(HomeHeader, { buttonLabel: "Partner catalog", onBack: () => null, homeName: homeName, onAdd: () => null }), _jsxs(HomeBoardGrid, { children: [_jsx(HomeCardWithRecipent, { address: HomeCards[0].address, handleEdit: handleEditHomeClick, handleDeleteAccountType: (email) => email, handleSubmitAccountType: (form) => form, _id: HomeCards[0]._id, image: HomeCards[0].image, loading: false, name: HomeCards[0].name, menu: menuMock, addImage: () => null, recipients: recipientsDb, records: homeBoardRecorsMock }), _jsx(HomeAssistant, { currentPanel: homeAssistantCurrentStep, currentStep: 6, onStepClick: handleHomeAssistantClick }), _jsx(MinimizedTiles, { tiles: minimizedTilesMock, menu: menuMock, onMaximize: (id) => console.log(id) }), _jsx(PropertyTaxes, { estimatedTaxValue: 1000, menuItems: menuMock, taxes: taxesMock, title: "Travis County Property Taxes" }), _jsx(HomeMonitor, { children: _jsxs(Stack, { spacing: "base", w: "full", p: "base", h: "full", justify: "space-between", children: [_jsxs(Flex, { gap: "base", children: [_jsx(HomefileMonitoring, {}), _jsx(WeatherWidget, Object.assign({}, mapForecastToWidget(weatherDataMock, 'TX, Houston')))] }), _jsx(HomeMonitorSteps, { menuItems: [
                                                                 {
                                                                     label: 'Details',
                                                                     handleClick: handleHomeAssistantClick,

package/dist/components/index.d.ts

@@ -39,7 +39,7 @@ export * from './sharedHomePanel';
 export * from './shareHome';
 export * from './span';
 export * from './subscription';
-export * from './tileTooltip/TileToolitp';
+export * from './tile';
 export * from './tour';
 export * from './householdItems';
 export * from './valueMonitor';

package/dist/components/index.js

@@ -39,7 +39,7 @@ export * from './sharedHomePanel';
 export * from './shareHome';
 export * from './span';
 export * from './subscription';
-export * from './tileTooltip/TileToolitp';
+export * from './tile';
 export * from './tour';
 export * from './householdItems';
 export * from './valueMonitor';

package/dist/components/tile/MinimizedTile.d.ts

@@ -0,0 +1,2 @@
+import { MinimizedTileI } from '../../interfaces';
+export declare const MinimizedTile: ({ _id, menu, title, icon, isNew, onMaximize, }: MinimizedTileI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tile/MinimizedTile.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Stack, Image, Text } from '@chakra-ui/react';
+import { MoreHorizontal, IconMenu, NewBadge } from '..';
+export const MinimizedTile = ({ _id, menu, title, icon, isNew, onMaximize, }) => {
+    return (_jsxs(Box, { bg: "neutral.white", boxShadow: "md", boxSize: "100px", position: "relative", transition: "background 0.2s", _hover: {
+            bg: 'lightGreen.7',
+        }, children: [isNew && (_jsx(Box, { position: "absolute", top: "-5px", left: "-2px", children: _jsx(NewBadge, { bg: "violet.1", color: "neutral.white" }) })), _jsx(Box, { textAlign: "right", w: "full", pr: "2", children: _jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 26 }), itemForm: _id, menuItems: menu, disabled: menu.length === 0 }) }), _jsxs(Stack, { px: "base", align: "center", cursor: "pointer", pos: "relative", children: [_jsx(Box, { onClick: () => onMaximize(_id), pos: "absolute", top: "0", right: "0", bottom: "0", left: "0" }), icon && (_jsx(Image, { src: icon, alt: "not-found", boxSize: "34px", objectFit: "contain" })), title && (_jsx(Text, { textAlign: "center", noOfLines: 1, textOverflow: "ellipsis", fontSize: "xs", children: title }))] })] }));
+};

package/dist/components/tile/MinimizedTiles.d.ts

@@ -0,0 +1,2 @@
+import { MinimizedTilesI } from '../../interfaces';
+export declare const MinimizedTiles: ({ tiles, menu, onMaximize, }: MinimizedTilesI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tile/MinimizedTiles.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { Center, SimpleGrid } from '@chakra-ui/react';
+import { MinimizedTile } from './MinimizedTile';
+import { Billing, Calendar, EstValue, GuestBedroom, IA, Inbox, Lighting, Warranty, YellowFolder, } from '../../assets/images';
+export const MinimizedTiles = ({ tiles, menu, onMaximize, }) => {
+    const onlyMinimizedTiles = tiles.filter((tile) => !tile.isMaximized);
+    return (_jsx(Center, { h: "full", children: _jsx(SimpleGrid, { columns: 3, spacing: "base", children: onlyMinimizedTiles.map((tile) => (_createElement(MinimizedTile, Object.assign({}, tile, { key: tile._id, menu: menu, icon: IconById[tile._id], onMaximize: onMaximize })))) }) }));
+};
+const IconById = {
+    folders: YellowFolder,
+    estValue: EstValue,
+    propTax: Billing,
+    inbox: Inbox,
+    addStuff: GuestBedroom,
+    homie: IA,
+    utilities: Lighting,
+    maintenance: Calendar,
+    insurance: Warranty,
+};

package/dist/components/tile/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MinimizedTile';
+export * from './MinimizedTiles';
+export * from './TileTooltip';

package/dist/components/tile/index.js

@@ -0,0 +1,3 @@
+export * from './MinimizedTile';
+export * from './MinimizedTiles';
+export * from './TileTooltip';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BackendAlert, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, SearchItemLoader, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WeatherWidget, WellDone, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BackendAlert, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, SearchItemLoader, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WeatherWidget, WellDone, YtdTile, } from './components';
 export { useCustomToast } from './hooks';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
 export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, } from './assets/images';

package/dist/index.js

@@ -1,4 +1,4 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BackendAlert, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, SearchItemLoader, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WeatherWidget, WellDone, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BackendAlert, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, SearchItemLoader, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WeatherWidget, WellDone, YtdTile, } from './components';
 export { useCustomToast } from './hooks';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
 export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, } from './assets/images';

package/dist/interfaces/index.d.ts

@@ -36,6 +36,7 @@ export * from './sendDocument';
 export * from './sharedHomePanel';
 export * from './shareHome';
 export * from './subscription';
+export * from './tiles';
 export * from './tour';
 export * from './householdItems';
 export * from './valueMonitor';

package/dist/interfaces/index.js

@@ -36,6 +36,7 @@ export * from './sendDocument';
 export * from './sharedHomePanel';
 export * from './shareHome';
 export * from './subscription';
+export * from './tiles';
 export * from './tour';
 export * from './householdItems';
 export * from './valueMonitor';

package/dist/interfaces/tiles/MinimizedTiles.interface.d.ts

@@ -0,0 +1,17 @@
+import { MenuItemI } from '..';
+export interface MinimizedTileCardI {
+    _id: string;
+    title: string;
+    isNew?: boolean;
+    isMaximized?: boolean;
+}
+export interface MinimizedTileI extends MinimizedTileCardI {
+    icon: string;
+    menu: MenuItemI[];
+    onMaximize: (_id: string) => void;
+}
+export interface MinimizedTilesI {
+    menu: MenuItemI[];
+    tiles: MinimizedTileCardI[];
+    onMaximize: (_id: string) => void;
+}

package/dist/interfaces/tiles/MinimizedTiles.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/tiles/index.d.ts

@@ -0,0 +1 @@
+export * from './MinimizedTiles.interface';

package/dist/interfaces/tiles/index.js

@@ -0,0 +1 @@
+export * from './MinimizedTiles.interface';

package/dist/mocks/index.d.ts

@@ -11,6 +11,7 @@ export * from './partner';
 export * from './propertyTiles';
 export * from './receipts';
 export * from './sharedHomePanel';
+export * from './tiles/minimizedTiles.mock';
 export * from './Menu.mock';
 export * from './images';
 export * from './homeboard/documentList.mock';

package/dist/mocks/index.js

@@ -11,6 +11,7 @@ export * from './partner';
 export * from './propertyTiles';
 export * from './receipts';
 export * from './sharedHomePanel';
+export * from './tiles/minimizedTiles.mock';
 export * from './Menu.mock';
 export * from './images';
 export * from './homeboard/documentList.mock';

package/dist/mocks/tiles/minimizedTiles.mock.d.ts

@@ -0,0 +1,2 @@
+import { MinimizedTileCardI } from '../../interfaces';
+export declare const minimizedTilesMock: MinimizedTileCardI[];

package/dist/mocks/tiles/minimizedTiles.mock.js

@@ -0,0 +1,40 @@
+export const minimizedTilesMock = [
+    {
+        _id: 'folders',
+        title: 'Folders',
+    },
+    {
+        _id: 'estValue',
+        title: 'Estimated Value',
+    },
+    {
+        _id: 'propTax',
+        title: 'Property Tax',
+    },
+    {
+        _id: 'inbox',
+        title: 'Inbox',
+        isNew: true,
+    },
+    {
+        _id: 'addStuff',
+        title: 'Add Stuff',
+    },
+    {
+        _id: 'homie',
+        title: 'Homie',
+    },
+    {
+        _id: 'utilities',
+        title: 'Utilities',
+    },
+    {
+        _id: 'maintenance',
+        title: 'Maintenance',
+        isNew: true,
+    },
+    {
+        _id: 'insurance',
+        title: 'Insurance',
+    },
+];

package/dist/stories/tiles/MinimizedTiles.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react/*';
+import { MinimizedTilesI } from '../../interfaces';
+declare const _default: Meta<MinimizedTilesI>;
+export default _default;
+export declare const MinimizedTilesComponent: (args: MinimizedTilesI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/tiles/MinimizedTiles.stories.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { action } from '@storybook/addon-actions';
+import { MinimizedTiles } from '../../components';
+import { menuMock, minimizedTilesMock } from '../../mocks';
+export default {
+    title: 'Components/Tiles',
+    component: MinimizedTiles,
+    args: {
+        tiles: minimizedTilesMock,
+        menu: menuMock,
+        onMaximize: action('onMaximize'),
+    },
+};
+export const MinimizedTilesComponent = (args) => {
+    return _jsx(MinimizedTiles, Object.assign({}, args));
+};

package/package.json

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

package/src/components/homeBoard/HomeBoard.tsx

@@ -59,6 +59,7 @@ import {
   NotificationsPanel,
   AddToHomefile,
   WeatherWidget,
+  MinimizedTiles,
 } from '@/components'
 import {
   HomeCards,
@@ -93,6 +94,7 @@ import {
   notificationsMock,
   weatherDataMock,
   documentListMock,
+  minimizedTilesMock,
 } from '@/mocks'
 import { useHomeBoard, useWindowDimensions } from '@/hooks'
 import { Painting } from '@/assets/images'
@@ -355,6 +357,11 @@ export const HomeBoard = () => {
                 currentStep={6}
                 onStepClick={handleHomeAssistantClick}
               />
+              <MinimizedTiles
+                tiles={minimizedTilesMock}
+                menu={menuMock}
+                onMaximize={(id) => console.log(id)}
+              />
               <PropertyTaxes
                 estimatedTaxValue={1000}
                 menuItems={menuMock}

package/src/components/index.ts

@@ -39,7 +39,7 @@ export * from './sharedHomePanel'
 export * from './shareHome'
 export * from './span'
 export * from './subscription'
-export * from './tileTooltip/TileToolitp'
+export * from './tile'
 export * from './tour'
 export * from './householdItems'
 export * from './valueMonitor'

package/src/components/propertyTiles/TileCard.tsx

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react'
-import { Box, Container } from '@chakra-ui/react'
+import { Container } from '@chakra-ui/react'
 import { MoreHorizontal, ContainerHeader } from '@/components'
 import { MenuItemI } from '@/interfaces'
 

package/src/components/tile/MinimizedTile.tsx

@@ -0,0 +1,67 @@
+import { Box, Stack, Image, Text } from '@chakra-ui/react'
+import { MoreHorizontal, IconMenu, NewBadge } from '@/components'
+import { MinimizedTileI } from '@/interfaces'
+
+export const MinimizedTile = ({
+  _id,
+  menu,
+  title,
+  icon,
+  isNew,
+  onMaximize,
+}: MinimizedTileI) => {
+  return (
+    <Box
+      bg="neutral.white"
+      boxShadow="md"
+      boxSize="100px"
+      position="relative"
+      transition="background 0.2s"
+      _hover={{
+        bg: 'lightGreen.7',
+      }}
+    >
+      {isNew && (
+        <Box position="absolute" top="-5px" left="-2px">
+          <NewBadge bg="violet.1" color="neutral.white" />
+        </Box>
+      )}
+      <Box textAlign="right" w="full" pr="2">
+        <IconMenu
+          icon={<MoreHorizontal size={26} />}
+          itemForm={_id}
+          menuItems={menu}
+          disabled={menu.length === 0}
+        />
+      </Box>
+      <Stack px="base" align="center" cursor="pointer" pos="relative">
+        <Box
+          onClick={() => onMaximize(_id)}
+          pos="absolute"
+          top="0"
+          right="0"
+          bottom="0"
+          left="0"
+        />
+        {icon && (
+          <Image
+            src={icon}
+            alt="not-found"
+            boxSize="34px"
+            objectFit="contain"
+          />
+        )}
+        {title && (
+          <Text
+            textAlign="center"
+            noOfLines={1}
+            textOverflow="ellipsis"
+            fontSize="xs"
+          >
+            {title}
+          </Text>
+        )}
+      </Stack>
+    </Box>
+  )
+}

package/src/components/tile/MinimizedTiles.tsx

@@ -0,0 +1,49 @@
+import { Box, Center, SimpleGrid } from '@chakra-ui/react'
+import { MinimizedTile } from './MinimizedTile'
+import {
+  Billing,
+  Calendar,
+  EstValue,
+  GuestBedroom,
+  IA,
+  Inbox,
+  Lighting,
+  Warranty,
+  YellowFolder,
+} from '@/assets/images'
+import { MinimizedTilesI } from '@/interfaces'
+
+export const MinimizedTiles = ({
+  tiles,
+  menu,
+  onMaximize,
+}: MinimizedTilesI) => {
+  const onlyMinimizedTiles = tiles.filter((tile) => !tile.isMaximized)
+  return (
+    <Center h="full">
+      <SimpleGrid columns={3} spacing="base">
+        {onlyMinimizedTiles.map((tile) => (
+          <MinimizedTile
+            {...tile}
+            key={tile._id}
+            menu={menu}
+            icon={IconById[tile._id]}
+            onMaximize={onMaximize}
+          />
+        ))}
+      </SimpleGrid>
+    </Center>
+  )
+}
+
+const IconById: Record<string, string> = {
+  folders: YellowFolder,
+  estValue: EstValue,
+  propTax: Billing,
+  inbox: Inbox,
+  addStuff: GuestBedroom,
+  homie: IA,
+  utilities: Lighting,
+  maintenance: Calendar,
+  insurance: Warranty,
+}

package/src/components/tile/index.ts

@@ -0,0 +1,3 @@
+export * from './MinimizedTile'
+export * from './MinimizedTiles'
+export * from './TileTooltip'

package/src/index.ts

@@ -101,6 +101,7 @@ export {
   MediaDetailsStep,
   MessagePanel,
   MessageChatPanel,
+  MinimizedTiles,
   MonthlyCharge,
   MortgageInfo,
   MoveModal,

package/src/interfaces/index.ts

@@ -36,6 +36,7 @@ export * from './sendDocument'
 export * from './sharedHomePanel'
 export * from './shareHome'
 export * from './subscription'
+export * from './tiles'
 export * from './tour'
 export * from './householdItems'
 export * from './valueMonitor'

package/src/interfaces/tiles/MinimizedTiles.interface.ts

@@ -0,0 +1,20 @@
+import { MenuItemI } from '@/interfaces'
+
+export interface MinimizedTileCardI {
+  _id: string
+  title: string
+  isNew?: boolean
+  isMaximized?: boolean
+}
+
+export interface MinimizedTileI extends MinimizedTileCardI {
+  icon: string
+  menu: MenuItemI[]
+  onMaximize: (_id: string) => void
+}
+
+export interface MinimizedTilesI {
+  menu: MenuItemI[]
+  tiles: MinimizedTileCardI[]
+  onMaximize: (_id: string) => void
+}

package/src/interfaces/tiles/index.ts

@@ -0,0 +1 @@
+export * from './MinimizedTiles.interface'

package/src/mocks/index.ts

@@ -11,6 +11,7 @@ export * from './partner'
 export * from './propertyTiles'
 export * from './receipts'
 export * from './sharedHomePanel'
+export * from './tiles/minimizedTiles.mock'
 export * from './Menu.mock'
 export * from './images'
 export * from './homeboard/documentList.mock'

package/src/mocks/tiles/minimizedTiles.mock.ts

@@ -0,0 +1,42 @@
+import { MinimizedTileCardI } from '@/interfaces'
+
+export const minimizedTilesMock: MinimizedTileCardI[] = [
+  {
+    _id: 'folders',
+    title: 'Folders',
+  },
+  {
+    _id: 'estValue',
+    title: 'Estimated Value',
+  },
+  {
+    _id: 'propTax',
+    title: 'Property Tax',
+  },
+  {
+    _id: 'inbox',
+    title: 'Inbox',
+    isNew: true,
+  },
+  {
+    _id: 'addStuff',
+    title: 'Add Stuff',
+  },
+  {
+    _id: 'homie',
+    title: 'Homie',
+  },
+  {
+    _id: 'utilities',
+    title: 'Utilities',
+  },
+  {
+    _id: 'maintenance',
+    title: 'Maintenance',
+    isNew: true,
+  },
+  {
+    _id: 'insurance',
+    title: 'Insurance',
+  },
+]

package/src/stories/tiles/MinimizedTiles.stories.tsx

@@ -0,0 +1,19 @@
+import { Meta } from '@storybook/react/*'
+import { action } from '@storybook/addon-actions'
+import { MinimizedTiles } from '@/components'
+import { menuMock, minimizedTilesMock } from '@/mocks'
+import { MinimizedTilesI } from '@/interfaces'
+
+export default {
+  title: 'Components/Tiles',
+  component: MinimizedTiles,
+  args: {
+    tiles: minimizedTilesMock,
+    menu: menuMock,
+    onMaximize: action('onMaximize'),
+  },
+} as Meta<MinimizedTilesI>
+
+export const MinimizedTilesComponent = (args: MinimizedTilesI) => {
+  return <MinimizedTiles {...args} />
+}