@homefile/components-v2 2.2.4 → 2.3.0

package/dist/hooks/folderPanel/useFilesUploader.js

@@ -2,8 +2,9 @@ import { handleMapFile } from '../../utils';
 import { t } from 'i18next';
 import { useEffect, useState } from 'react';
 import { useDropzone } from 'react-dropzone';
-export const useFilesUploader = ({ onUpload, uploading, }) => {
+export const useFilesUploader = ({ onUpload, uploading, displayImages = [], }) => {
     const [isUploading, setIsUploading] = useState(false);
+    const [thumbnails, setThumbnails] = useState(displayImages);
     const [acceptedFiles, setAcceptedFiles] = useState([]);
     const [errorMessage, setErrorMessage] = useState('');
     const hasError = errorMessage !== '';
@@ -40,5 +41,14 @@ export const useFilesUploader = ({ onUpload, uploading, }) => {
         setIsUploading(uploading);
         !uploading && setAcceptedFiles([]);
     }, [uploading]);
-    return { acceptedFiles, errorMessage, getRootProps, getInputProps };
+    useEffect(() => {
+        setThumbnails(displayImages);
+    }, [JSON.stringify(displayImages)]);
+    return {
+        acceptedFiles,
+        errorMessage,
+        getRootProps,
+        getInputProps,
+        thumbnails,
+    };
 };

package/dist/hooks/homeBoard/useHomeBoard.d.ts

@@ -3,6 +3,7 @@ export declare const useHomeBoard: () => {
     activeTour: boolean;
     currentComponent: string;
     form: EditHomeFormI;
+    handleAppBarClick: (current: string) => void;
     handleClose: () => void;
     handleEditHomeClick: () => void;
     handleFolderClick: (folder: FolderI) => void;

package/dist/hooks/homeBoard/useHomeBoard.js

@@ -45,6 +45,10 @@ export const useHomeBoard = () => {
         setHomeAssistantCurrentStep(step);
         onRightOpen();
     };
+    const handleAppBarClick = (current) => {
+        setCurrentComponent(current);
+        onRightOpen();
+    };
     const componentsByStep = {
         nameFolder: 'AddFolder',
         addFiles: 'FolderDetail',
@@ -115,6 +119,7 @@ export const useHomeBoard = () => {
         activeTour,
         currentComponent,
         form,
+        handleAppBarClick,
         handleClose,
         handleEditHomeClick,
         handleFolderClick,

package/dist/hooks/index.d.ts

@@ -13,6 +13,7 @@ export * from './inputs';
 export * from './launchpad';
 export * from './myHomes';
 export * from './myProfile';
+export * from './notifications';
 export * from './onboarding';
 export * from './partner';
 export * from './propertyTiles';

package/dist/hooks/index.js

@@ -13,6 +13,7 @@ export * from './inputs';
 export * from './launchpad';
 export * from './myHomes';
 export * from './myProfile';
+export * from './notifications';
 export * from './onboarding';
 export * from './partner';
 export * from './propertyTiles';

package/dist/hooks/notifications/index.d.ts

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

package/dist/hooks/notifications/index.js

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

package/dist/hooks/notifications/useNotificationsPanel.d.ts

@@ -0,0 +1,7 @@
+import { NotificationsPanelI, SelectItemI } from '../../interfaces';
+export declare const useNotificationsPanel: ({ notifications, }: Pick<NotificationsPanelI, "notifications">) => {
+    currentSort: string;
+    items: string[];
+    handleSelectItem: (item: string | SelectItemI<string>) => void;
+    sortedNotifications: import("../../interfaces").NotificationCardI[];
+};

package/dist/hooks/notifications/useNotificationsPanel.js

@@ -0,0 +1,32 @@
+import { useEffect, useState } from 'react';
+import { t } from 'i18next';
+export const useNotificationsPanel = ({ notifications, }) => {
+    const [sortedNotifications, setSortedNotifications] = useState(notifications);
+    const [currentSort, setCurrentSort] = useState(t('forms.sortBy'));
+    useEffect(() => {
+        setSortedNotifications(notifications);
+    }, [JSON.stringify(notifications)]);
+    const handleSelectItem = (item) => {
+        if (typeof item !== 'string')
+            return;
+        setCurrentSort(item);
+        if (item === t('forms.sortBy')) {
+            return setSortedNotifications(notifications);
+        }
+        setSortedNotifications(notifications.filter((notification) => notification.type === item.toLowerCase() ||
+            notification.status === item.toLowerCase()));
+    };
+    const items = [
+        t('forms.sortBy'),
+        t('notifications.types.contact'),
+        t('notifications.types.file'),
+        t('notifications.types.folder'),
+        t('notifications.types.payment'),
+        t('notifications.types.receipt'),
+        t('notifications.status.added'),
+        t('notifications.status.removed'),
+        t('notifications.status.shared'),
+        t('notifications.status.updated'),
+    ];
+    return { currentSort, items, handleSelectItem, sortedNotifications };
+};

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, 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, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MonitorAlerts, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileContent, MyProfileFooter, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, 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, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, 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, WellDone, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, 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, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MonitorAlerts, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileContent, MyProfileFooter, 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, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, 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, WellDone, YtdTile, } from './components';
 export { useCustomToast } from './hooks';
 export { randomColor } from './utils';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, } from './proxies';

package/dist/index.js

@@ -1,4 +1,4 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, 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, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MonitorAlerts, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileContent, MyProfileFooter, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, 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, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, 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, WellDone, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, 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, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MonitorAlerts, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileContent, MyProfileFooter, 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, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, 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, WellDone, YtdTile, } from './components';
 export { useCustomToast } from './hooks';
 export { randomColor } from './utils';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, } from './proxies';

package/dist/interfaces/appBar/AppBar.interface.d.ts

@@ -1,7 +1,11 @@
-import { UserProfileI } from "..";
-import { ReactNode } from "react";
+import { UserProfileI } from '..';
+import { ReactNode } from 'react';
 export interface AppBarI {
     children: ReactNode;
     onLogoClick: () => void;
     user: UserProfileI;
 }
+export interface AppBarIconI {
+    onClick: () => void;
+    total: number;
+}

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

@@ -1,6 +1,5 @@
 export * from './AppBar.interface';
 export * from './HomefileLogo.interface';
-export * from './PeopleConnected.interface';
 export * from './StorageUsed.interface';
 export * from './TourButton.interface';
 export * from './TutorialsButton.interface';

package/dist/interfaces/appBar/index.js

@@ -1,6 +1,5 @@
 export * from './AppBar.interface';
 export * from './HomefileLogo.interface';
-export * from './PeopleConnected.interface';
 export * from './StorageUsed.interface';
 export * from './TourButton.interface';
 export * from './TutorialsButton.interface';

package/dist/interfaces/badge/NumberBadge.interface.d.ts

@@ -1,6 +1,5 @@
-export interface NumberBadgeI {
-    color?: string;
-    bg?: string;
+import { CenterProps } from '@chakra-ui/react';
+export interface NumberBadgeI extends CenterProps {
     px?: string;
     py?: string;
     total: string | number;

package/dist/interfaces/forms/dynamicForm/DynamicForm.interface.d.ts

@@ -1,6 +1,7 @@
 import { FolderFileI, MenuItemI, PartnerFooterI, TileCtaI } from '../..';
-type KindTypes = 'checkbox' | 'checkbox-group' | 'currency' | 'date' | 'email' | 'file' | 'grid' | 'group' | 'hidden' | 'number' | 'radio' | 'rating' | 'select' | 'string' | 'switch' | 'telephone' | 'text' | 'textarea' | 'default' | UIKindTypes;
+type KindTypes = 'checkbox' | 'checkbox-group' | 'currency' | 'date' | 'email' | 'file' | 'grid' | 'group' | 'hidden' | 'number' | 'radio' | 'rating' | 'select' | 'string' | 'switch' | 'telephone' | 'text' | 'textarea' | 'default' | UIKindTypes | HomeItemTypes;
 type UIKindTypes = 'tile-body' | 'tile-body-logo' | 'tile-body-header' | 'tile-body-section' | 'tile-body-section-grid' | 'tile-form' | 'tile-body-action' | 'vertical-icon' | 'primary-cta' | 'secondary-cta';
+type HomeItemTypes = 'appliances' | 'images';
 export type IconTypes = 'barcode' | 'battery' | 'billing' | 'book' | 'calc' | 'calendar' | 'check' | 'co2' | 'contact' | 'date' | 'default' | 'detector' | 'electricity' | 'goldbars' | 'heart' | 'image' | 'notes' | 'palette' | 'people' | 'price' | 'rating' | 'receipt' | 'registry' | 'sprinkler' | 'tools' | 'wind' | '68' | 'calendar2' | 'water' | 'calendar-drop' | 'umbrella' | 'heater' | 'roof' | 'foundation' | 'solar-panel' | 'pool' | 'drop' | 'mobile-drop' | 'light' | 'plate' | 'pressure-washer' | 'house' | 'target' | 'title' | 'company' | UIIconTypes;
 export type UIIconTypes = 'sh-pressure' | 'sh-window' | 'sh-roof' | 'sh-lights' | 'sh-gutter' | 'sh-home' | 'sh-house';
 export type ValueTypes = string | string[] | number | boolean;
@@ -21,8 +22,10 @@ export interface ReportI {
 }
 export interface DynamicFormI extends Partial<PartnerFooterI> {
     callback?: TileCtaI['callback'];
+    displayImages?: string[];
     form: ReportI[];
     menuItems?: MenuItemI[];
+    onRemoveImage?: (file: string) => void;
     onUpload?: (filesByFieldId: Record<string, FolderFileI[]>) => void;
     showTitle?: boolean;
     title?: string;
@@ -32,4 +35,7 @@ export interface DynamicFormProxyI {
     fields: ReportI[];
     setFields(fields: ReportI[]): void;
 }
+export interface ReadOnlyDynamicFormI extends Pick<DynamicFormI, 'form'> {
+    onEdit?: (id: string) => void;
+}
 export {};

package/dist/interfaces/forms/dynamicForm/fields/FileField.interface.d.ts

@@ -1,5 +1,7 @@
 import { FolderFileI, ReportI } from '../../..';
 export interface FileFieldI extends Pick<ReportI, 'description' | 'icon'> {
+    onRemove?: (file: string) => void;
     onUpload: (files: FolderFileI[]) => void;
     uploading?: boolean;
+    displayImages?: string[];
 }

package/dist/interfaces/forms/readOnly/homeItem/ReadOnlyAppliances.interface.d.ts

@@ -0,0 +1,4 @@
+import { ReportI } from '../../..';
+export interface ReadOnlyAppliancesI extends ReportI {
+    onEdit: (id: string) => void;
+}

package/dist/interfaces/forms/readOnly/homeItem/index.d.ts

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

package/dist/interfaces/forms/readOnly/homeItem/index.js

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

package/dist/interfaces/forms/readOnly/index.d.ts

@@ -2,3 +2,4 @@ export * from './ReadOnlyDate.interface';
 export * from './ReadOnlyGrid.interface';
 export * from './ReadOnlyInput.interface';
 export * from './ReadOnlyToggle.interface';
+export * from './homeItem';

package/dist/interfaces/forms/readOnly/index.js

@@ -2,3 +2,4 @@ export * from './ReadOnlyDate.interface';
 export * from './ReadOnlyGrid.interface';
 export * from './ReadOnlyInput.interface';
 export * from './ReadOnlyToggle.interface';
+export * from './homeItem';

package/dist/interfaces/headers/TabsHeader.interface.d.ts

@@ -7,6 +7,7 @@ export interface TabsHeaderI {
     defaultIndex?: number;
     onChange?: (index: number) => void;
     rightButton?: ReactNode;
+    rightTabList?: Tab[];
     tabIndex?: number;
     tabList: Tab[];
 }

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

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

package/dist/interfaces/homeItems/ViewingHomeItemPanel.interface.d.ts

@@ -0,0 +1,6 @@
+import { ReportI } from '..';
+export interface ViewingHomeItemPanelI {
+    form: ReportI[];
+    onClose: () => void;
+    onEdit: (id: string) => void;
+}

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

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

package/dist/interfaces/homeItems/index.js

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

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

@@ -0,0 +1,10 @@
+export interface BoxI {
+    image: string;
+    name: string;
+    newMessages?: number;
+    totalMessages: number;
+}
+export interface InboxCardI {
+    box: BoxI;
+    onClick?: (box: string) => void;
+}

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

@@ -0,0 +1,8 @@
+import { BoxI, MenuItemI } from '..';
+import { ReactNode } from 'react';
+export interface InboxTileI {
+    banner?: ReactNode;
+    boxes: BoxI[];
+    menuItems?: MenuItemI[];
+    onClick?: (box: string) => void;
+}

package/dist/interfaces/inboxTile/InboxTile.interface.js

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

package/dist/interfaces/index.d.ts

@@ -15,12 +15,15 @@ export * from './headers';
 export * from './help';
 export * from './homeAssistant';
 export * from './homeBoard';
+export * from './homeItems';
 export * from './homeSummary';
 export * from './icons';
+export * from './inboxTile';
 export * from './inputs';
 export * from './launchpad';
 export * from './myHomes';
 export * from './myProfile';
+export * from './notifications';
 export * from './onboarding';
 export * from './overlay';
 export * from './pages';

package/dist/interfaces/index.js

@@ -15,12 +15,15 @@ export * from './headers';
 export * from './help';
 export * from './homeAssistant';
 export * from './homeBoard';
+export * from './homeItems';
 export * from './homeSummary';
 export * from './icons';
+export * from './inboxTile';
 export * from './inputs';
 export * from './launchpad';
 export * from './myHomes';
 export * from './myProfile';
+export * from './notifications';
 export * from './onboarding';
 export * from './overlay';
 export * from './pages';

package/dist/interfaces/notifications/NotificationsPanel.interface.d.ts

@@ -0,0 +1,16 @@
+type NotificationType = 'file' | 'folder' | 'contact' | 'receipt' | 'user' | 'tile' | 'payment';
+type NotificationStatus = 'added' | 'removed' | 'updated' | 'shared';
+export interface NotificationCardI {
+    active: boolean;
+    createdAt: Date;
+    _id: string;
+    message: string;
+    status: NotificationStatus;
+    type: NotificationType;
+}
+export interface NotificationsPanelI {
+    notifications: NotificationCardI[];
+    onClose: () => void;
+    onDismiss: (id: string) => void;
+}
+export {};

package/dist/interfaces/notifications/NotificationsPanel.interface.js

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

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

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

package/dist/interfaces/notifications/index.js

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

package/dist/interfaces/partner/adminTiles/index.d.ts

@@ -1,4 +1,3 @@
 export * from './customerTile';
-export * from './inboxTile';
 export * from './satisfactionTile';
 export * from './ytdTile';

package/dist/interfaces/partner/adminTiles/index.js

@@ -1,4 +1,3 @@
 export * from './customerTile';
-export * from './inboxTile';
 export * from './satisfactionTile';
 export * from './ytdTile';

package/dist/interfaces/tour/Step.interface.d.ts

@@ -7,6 +7,8 @@ export interface StepI {
         component: JSX.Element;
         leftRef?: string | number;
         topRef?: string | number;
+        bottomRef?: string | number;
+        rightRef?: string | number;
         hideFooter?: boolean;
         hideHeader?: boolean;
     };

package/dist/interfaces/valueMonitor/ValueCard.interface.d.ts

@@ -1,6 +1,6 @@
 export interface ValueCardI {
     balance: string;
     totalValue: number;
-    year: number | string;
+    year?: number | string;
     yearValue: number;
 }

package/dist/mocks/forms/dynamicForm.mock.d.ts

@@ -2,3 +2,4 @@ import { ReportI } from '../../interfaces';
 export declare const formFieldsMock: ReportI[];
 export declare const contactFieldsMock: ReportI[];
 export declare const tileUIMock: ReportI[];
+export declare const viewingHomeItemMock: ReportI[];

package/dist/mocks/forms/dynamicForm.mock.js

@@ -163,16 +163,7 @@ export const formFieldsMock = [
         name: 'Images',
         description: faker.lorem.sentence(),
         comments: faker.lorem.sentence(),
-        value: [
-            faker.image.urlPicsumPhotos(),
-            faker.image.urlPicsumPhotos(),
-            faker.image.urlPicsumPhotos(),
-            faker.image.urlPicsumPhotos(),
-            faker.image.urlPicsumPhotos(),
-            faker.image.urlPicsumPhotos(),
-            faker.image.urlPicsumPhotos(),
-            faker.image.urlPicsumPhotos(),
-        ],
+        value: '',
         type: 'file',
         icon: 'image',
     },
@@ -240,7 +231,16 @@ export const formFieldsMock = [
         id: faker.database.mongodbObjectId(),
         name: 'Image',
         comments: faker.lorem.sentence(),
-        value: faker.lorem.text(),
+        value: [
+            faker.image.urlPicsumPhotos(),
+            faker.image.urlPicsumPhotos(),
+            faker.image.urlPicsumPhotos(),
+            faker.image.urlPicsumPhotos(),
+            faker.image.urlPicsumPhotos(),
+            faker.image.urlPicsumPhotos(),
+            faker.image.urlPicsumPhotos(),
+            faker.image.urlPicsumPhotos(),
+        ],
         type: 'file',
         visible: false,
         icon: 'image',
@@ -406,7 +406,16 @@ export const contactFieldsMock = [
     {
         id: faker.database.mongodbObjectId(),
         name: 'Images',
-        value: [],
+        value: [
+            faker.image.urlPicsumPhotos(),
+            faker.image.urlPicsumPhotos(),
+            faker.image.urlPicsumPhotos(),
+            faker.image.urlPicsumPhotos(),
+            faker.image.urlPicsumPhotos(),
+            faker.image.urlPicsumPhotos(),
+            faker.image.urlPicsumPhotos(),
+            faker.image.urlPicsumPhotos(),
+        ],
         type: 'file',
         icon: 'image',
     },
@@ -578,3 +587,54 @@ export const tileUIMock = [
         ],
     },
 ];
+export const viewingHomeItemMock = [
+    {
+        id: faker.database.mongodbObjectId(),
+        name: 'Appliances',
+        description: 'KitchenAid Counter-depth 20-cu ft French Door Refrigerator with Ice Maker and Water dispenser (Stainless Steel) ENERGY STAR',
+        comments: faker.lorem.sentence(),
+        value: 'Refrigerator',
+        type: 'appliances',
+        visible: true,
+        options: [],
+        children: [
+            {
+                id: faker.database.mongodbObjectId(),
+                name: '',
+                description: '',
+                comments: '',
+                value: [
+                    faker.image.urlLoremFlickr(),
+                    faker.image.urlLoremFlickr(),
+                    faker.image.urlLoremFlickr(),
+                    faker.image.urlLoremFlickr(),
+                ],
+                type: 'images',
+            },
+            {
+                id: faker.database.mongodbObjectId(),
+                name: '',
+                description: '',
+                comments: '',
+                value: 4,
+                type: 'rating',
+            },
+            {
+                id: faker.database.mongodbObjectId(),
+                name: 'Brand',
+                description: '',
+                comments: '',
+                value: 'Kitchen Aid',
+                type: 'text',
+            },
+            {
+                id: faker.database.mongodbObjectId(),
+                name: 'Model#',
+                description: '',
+                comments: '',
+                value: 'KRFC300ESS',
+                type: 'text',
+            },
+        ],
+    },
+];

package/dist/mocks/index.d.ts

@@ -5,6 +5,7 @@ export * from './forms';
 export * from './homeAssistant';
 export * from './myHomes';
 export * from './myProfile';
+export * from './notifications';
 export * from './partner';
 export * from './propertyTiles';
 export * from './receipts';

package/dist/mocks/index.js

@@ -5,6 +5,7 @@ export * from './forms';
 export * from './homeAssistant';
 export * from './myHomes';
 export * from './myProfile';
+export * from './notifications';
 export * from './partner';
 export * from './propertyTiles';
 export * from './receipts';

package/dist/mocks/notifications/index.d.ts

@@ -0,0 +1 @@
+export * from './notifications.mock';

package/dist/mocks/notifications/index.js

@@ -0,0 +1 @@
+export * from './notifications.mock';

package/dist/mocks/notifications/notifications.mock.d.ts

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

package/dist/mocks/notifications/notifications.mock.js

@@ -0,0 +1,35 @@
+import { faker } from '@faker-js/faker';
+export const notificationsMock = [
+    {
+        active: true,
+        _id: '1',
+        createdAt: new Date(),
+        message: faker.lorem.sentence(),
+        status: 'added',
+        type: 'contact',
+    },
+    {
+        active: true,
+        _id: '2',
+        createdAt: new Date(),
+        message: faker.lorem.sentence(),
+        status: 'removed',
+        type: 'file',
+    },
+    {
+        active: true,
+        _id: '3',
+        createdAt: new Date(),
+        message: faker.lorem.sentence(),
+        status: 'shared',
+        type: 'folder',
+    },
+    {
+        active: true,
+        _id: '4',
+        createdAt: new Date(),
+        message: faker.lorem.sentence(),
+        status: 'updated',
+        type: 'payment',
+    },
+];

package/dist/stories/appBar/ContactList.stories.d.ts

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

package/dist/stories/appBar/PeopleConnected.stories.d.ts

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

package/dist/stories/appBar/Trash.stories.d.ts

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