@homefile/components-v2 2.43.1 → 2.44.0

package/dist/components/appliances/AppliancesReceived.d.ts

@@ -0,0 +1,2 @@
+import { AppliancesReceivedI } from '../../interfaces';
+export declare const AppliancesReceived: ({ appliances, displayType, onApplianceClick, onClose, onDisplayChange, onSearchChange, onSortChange, searchValue, sortInitialValue, sortOptions, title, totalShowing, }: AppliancesReceivedI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appliances/AppliancesReceived.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DrawerBody, DrawerContent, DrawerHeader, Stack, } from '@chakra-ui/react';
+import { CookTop } from '../../assets/images/appliances';
+import { PanelHeader } from '../../components';
+import { AppliancesDisplay } from './received/AppliancesDisplay';
+import { AppliancesReceivedFilters } from './received/AppliancesReceivedFilters';
+import { DEFAULT_SORT_LABEL, resolveTitle, } from '../../utils';
+export const AppliancesReceived = ({ appliances, displayType = 'grid', onApplianceClick, onClose, onDisplayChange, onSearchChange, onSortChange, searchValue, sortInitialValue = DEFAULT_SORT_LABEL, sortOptions, title, totalShowing, }) => {
+    const resolvedTitle = resolveTitle(title, appliances.length);
+    const showingCount = totalShowing !== null && totalShowing !== void 0 ? totalShowing : appliances.length;
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, title: resolvedTitle, icon: CookTop }) }), _jsx(DrawerBody, { p: "0", children: _jsxs(Stack, { spacing: "base", children: [_jsx(AppliancesReceivedFilters, { displayType: displayType, onDisplayChange: onDisplayChange, onSearchChange: onSearchChange, onSortChange: onSortChange, searchValue: searchValue, sortInitialValue: sortInitialValue, sortOptions: sortOptions }), _jsx(AppliancesDisplay, { appliances: appliances, displayType: displayType, totalShowing: showingCount, onApplianceClick: onApplianceClick })] }) })] }));
+};

package/dist/components/appliances/AssignableApplianceCard.js

@@ -1,26 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Checkbox, Flex, Image, Stack, Text } from '@chakra-ui/react';
-import { CookTop, Dishwasher, Dryer, Freezer, Fridge, Hood, Microwave, Oven, Range, Washer, tankWater, tanklessWater, } from '../../assets/images/appliances';
-const applianceIcons = {
-    'cook-top': CookTop,
-    dishwasher: Dishwasher,
-    'dish-washer': Dishwasher,
-    dryer: Dryer,
-    freezer: Freezer,
-    fridge: Fridge,
-    hood: Hood,
-    microwave: Microwave,
-    oven: Oven,
-    range: Range,
-    washer: Washer,
-    'tank-water': tankWater,
-    'tankless-water': tanklessWater,
-};
-const normalizeApplianceType = (type) => type.trim().toLowerCase().replace(/\s+/g, '-');
+import { getApplianceIcon } from '../../helpers';
 export const AssignableApplianceCard = ({ isChecked, onChange, serialNumber, name, type, brand, }) => {
-    var _a;
-    const normalizedType = normalizeApplianceType(type);
-    const applianceIcon = (_a = applianceIcons[normalizedType]) !== null && _a !== void 0 ? _a : Fridge;
+    const applianceIcon = getApplianceIcon(type);
     const displayName = name || type;
     return (_jsxs(Flex, { bg: "lightBlue.2", gap: "4", borderTop: "1px solid", borderColor: "lightBlue.2", children: [_jsx(Checkbox, { isChecked: isChecked, onChange: onChange }), _jsx(Stack, { w: "100%", p: "base", bg: isChecked ? 'lightBlue.1' : 'neutral.white', spacing: "1", children: _jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Box, { bg: "lightBlue.1", w: "14", h: "14", display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(Image, { src: applianceIcon, w: "10", h: "10", fit: "contain" }) }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "xxs", children: serialNumber }), _jsx(Text, { children: brand }), _jsx(Text, { children: displayName })] })] }) })] }));
 };

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

@@ -2,3 +2,4 @@ export * from './LaunchpadApplianceAutofiler';
 export * from './AssignableApplianceCard';
 export * from './AssignableAppliances';
 export * from './LaunchpadAppliancePanel';
+export * from './AppliancesReceived';

package/dist/components/appliances/index.js

@@ -2,3 +2,4 @@ export * from './LaunchpadApplianceAutofiler';
 export * from './AssignableApplianceCard';
 export * from './AssignableAppliances';
 export * from './LaunchpadAppliancePanel';
+export * from './AppliancesReceived';

package/dist/components/appliances/received/ApplianceCards.d.ts

@@ -0,0 +1,3 @@
+import { ApplianceCardI } from '../../../interfaces';
+export declare const GridApplianceCard: ({ appliance, onClick }: ApplianceCardI) => import("react/jsx-runtime").JSX.Element;
+export declare const ListApplianceCard: ({ appliance, onClick }: ApplianceCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appliances/received/ApplianceCards.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Flex, Image, Stack, Text } from '@chakra-ui/react';
+import { getApplianceIcon } from '../../../helpers';
+export const GridApplianceCard = ({ appliance, onClick }) => {
+    const { brand, name, type } = appliance;
+    const displayName = (name === null || name === void 0 ? void 0 : name.trim()) ? name : type;
+    const applianceIcon = getApplianceIcon(type);
+    const handleClick = () => onClick === null || onClick === void 0 ? void 0 : onClick(appliance);
+    return (_jsxs(Flex, { align: "center", direction: "column", gap: "1", bg: "neutral.white", border: "1px solid", borderColor: "lightBlue.1", boxShadow: "sm", borderRadius: "0", p: "base", w: "100%", onClick: handleClick, cursor: onClick ? 'pointer' : 'default', children: [_jsx(Text, { fontSize: "xxs", color: "gray.3", textAlign: "center", children: brand }), _jsx(Box, { bg: "lightBlue.1", w: "14", h: "14", display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(Image, { src: applianceIcon, w: "10", h: "10", fit: "contain" }) }), _jsx(Text, { fontSize: "xxs", textTransform: "uppercase", textAlign: "center", children: displayName })] }));
+};
+export const ListApplianceCard = ({ appliance, onClick }) => {
+    const { brand, name, type } = appliance;
+    const displayName = (name === null || name === void 0 ? void 0 : name.trim()) ? name : type;
+    const applianceIcon = getApplianceIcon(type);
+    const handleClick = () => onClick === null || onClick === void 0 ? void 0 : onClick(appliance);
+    return (_jsxs(Flex, { align: "center", direction: "row", gap: "base", bg: "neutral.white", border: "1px solid", borderColor: "lightBlue.1", boxShadow: "sm", p: "base", w: "100%", onClick: handleClick, cursor: onClick ? 'pointer' : 'default', children: [_jsx(Box, { bg: "lightBlue.1", w: "14", h: "14", display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(Image, { src: applianceIcon, w: "10", h: "10", fit: "contain" }) }), _jsxs(Stack, { spacing: "1", align: "flex-start", children: [_jsx(Text, { fontSize: "xxs", color: "gray.3", children: brand }), _jsx(Text, { fontSize: "xxs", textTransform: "uppercase", children: displayName })] })] }));
+};

package/dist/components/appliances/received/AppliancesDisplay.d.ts

@@ -0,0 +1,2 @@
+import { AppliancesDisplayI } from '../../../interfaces';
+export declare const AppliancesDisplay: ({ appliances, displayType, totalShowing, onApplianceClick, }: AppliancesDisplayI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appliances/received/AppliancesDisplay.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SimpleGrid, Stack } from '@chakra-ui/react';
+import { AppliancesWrapper } from './AppliancesWrapper';
+import { GridApplianceCard, ListApplianceCard } from './ApplianceCards';
+export const AppliancesDisplay = ({ appliances, displayType, totalShowing, onApplianceClick, }) => {
+    const totalItems = appliances.length;
+    return (_jsx(AppliancesWrapper, { totalItems: totalItems, totalShowing: totalShowing, children: displayType === 'list' ? (_jsx(Stack, { spacing: "1", children: appliances.map((appliance) => (_jsx(ListApplianceCard, { appliance: appliance, onClick: onApplianceClick }, appliance._id))) })) : (_jsx(SimpleGrid, { columns: { base: 2, sm: 3, md: 4 }, spacing: "base", children: appliances.map((appliance) => (_jsx(GridApplianceCard, { appliance: appliance, onClick: onApplianceClick }, appliance._id))) })) }));
+};

package/dist/components/appliances/received/AppliancesReceivedFilters.d.ts

@@ -0,0 +1,2 @@
+import { AppliancesReceivedFiltersI } from '../../../interfaces';
+export declare const AppliancesReceivedFilters: ({ displayType, onDisplayChange, onSearchChange, onSortChange, searchValue, sortInitialValue, sortOptions, }: AppliancesReceivedFiltersI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appliances/received/AppliancesReceivedFilters.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from '@chakra-ui/react';
+import { DisplayOptionsButtons, SearchInput, SelectInput } from '../../../components';
+export const AppliancesReceivedFilters = ({ displayType, onDisplayChange, onSearchChange, onSortChange, searchValue, sortInitialValue, sortOptions, }) => {
+    return (_jsxs(Flex, { align: "center", justify: "space-between", gap: "base", p: "base", w: "100%", bg: "lightBlue.2", children: [_jsxs(Flex, { gap: "base", children: [_jsx(SelectInput, { handleClick: onSortChange, height: "sm", initialValue: sortInitialValue, items: sortOptions, width: "10rem" }), _jsx(SearchInput, { size: "sm", onChange: onSearchChange, value: searchValue, bg: "lightBlue.1", w: "12rem" })] }), _jsx(DisplayOptionsButtons, { displays: ['grid', 'list'], initialDisplay: displayType, onDisplayClick: onDisplayChange })] }));
+};

package/dist/components/appliances/received/AppliancesWrapper.d.ts

@@ -0,0 +1,2 @@
+import { AppliancesWrapperI } from '../../../interfaces';
+export declare const AppliancesWrapper: ({ children, totalItems, totalShowing, }: AppliancesWrapperI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appliances/received/AppliancesWrapper.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack, Text } from '@chakra-ui/react';
+import { getShowingLabel } from '../../../utils';
+export const AppliancesWrapper = ({ children, totalItems, totalShowing, }) => {
+    const showingLabel = getShowingLabel(totalShowing, totalItems);
+    return (_jsxs(Stack, { px: "base", spacing: "base", pb: "base", children: [_jsx(Text, { variant: "home", children: showingLabel }), children] }));
+};

package/dist/helpers/appliances/applianceIcons.d.ts

@@ -0,0 +1,2 @@
+export declare const normalizeApplianceType: (type: string) => string;
+export declare const getApplianceIcon: (type: string) => string;

package/dist/helpers/appliances/applianceIcons.js

@@ -0,0 +1,22 @@
+import { CookTop, Dishwasher, Dryer, Freezer, Fridge, Hood, Microwave, Oven, Range, Washer, tankWater, tanklessWater, } from '../../assets/images/appliances';
+const applianceIcons = {
+    'cook-top': CookTop,
+    dishwasher: Dishwasher,
+    'dish-washer': Dishwasher,
+    dryer: Dryer,
+    freezer: Freezer,
+    fridge: Fridge,
+    hood: Hood,
+    microwave: Microwave,
+    oven: Oven,
+    range: Range,
+    washer: Washer,
+    'tank-water': tankWater,
+    'tankless-water': tanklessWater,
+};
+export const normalizeApplianceType = (type) => type.trim().toLowerCase().replace(/\s+/g, '-');
+export const getApplianceIcon = (type) => {
+    var _a;
+    const normalizedType = normalizeApplianceType(type);
+    return (_a = applianceIcons[normalizedType]) !== null && _a !== void 0 ? _a : Fridge;
+};

package/dist/helpers/appliances/index.d.ts

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

package/dist/helpers/appliances/index.js

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

package/dist/helpers/index.d.ts

@@ -23,3 +23,4 @@ export * from './SignUp.helper';
 export * from './tour';
 export * from './HomeRoles.helper';
 export * from './wizard/optionsStyles';
+export * from './appliances';

package/dist/helpers/index.js

@@ -23,3 +23,4 @@ export * from './SignUp.helper';
 export * from './tour';
 export * from './HomeRoles.helper';
 export * from './wizard/optionsStyles';
+export * from './appliances';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, 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, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, 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, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AppliancesReceived, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, 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, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, 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, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
 export { useCustomToast, useConfirmPropertyModel } from './hooks';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
 export { CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, } from './assets/images';

package/dist/index.js

@@ -1,4 +1,4 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, 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, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, 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, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AppliancesReceived, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, 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, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, 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, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
 export { useCustomToast, useConfirmPropertyModel } from './hooks';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
 export { CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, } from './assets/images';

package/dist/interfaces/appliances/AppliancesReceived.interface.d.ts

@@ -0,0 +1,16 @@
+import { ChangeEvent } from 'react';
+import { ApplianceDetailsI, DisplayOptionsType, SelectItemI } from '../../interfaces';
+export interface AppliancesReceivedI {
+    appliances: ApplianceDetailsI[];
+    displayType?: DisplayOptionsType;
+    onApplianceClick?: (appliance: ApplianceDetailsI) => void;
+    onClose: () => void;
+    onDisplayChange: (type: DisplayOptionsType) => void;
+    onSearchChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onSortChange: (value: SelectItemI | string) => void;
+    searchValue: string;
+    sortInitialValue?: string;
+    sortOptions: SelectItemI[] | string[];
+    title?: string;
+    totalShowing?: number;
+}

package/dist/interfaces/appliances/AppliancesReceived.interface.js

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

package/dist/interfaces/appliances/AssignableAppliances.interface.d.ts

@@ -1,5 +1,4 @@
-import { SelectItemI } from '../../interfaces';
-import { ApplianceDetailsI } from './AssignableApplianceCard.interface';
+import { SelectItemI, ApplianceDetailsI } from '../../interfaces';
 export interface AssignableAppliancesI {
     isSelectDisabled?: boolean;
     onItemSelectedChange: (_ids: string[]) => void;

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

@@ -2,3 +2,5 @@ export * from './LaunchpadApplianceAutofiler.interface';
 export * from './AssignableApplianceCard.interface';
 export * from './AssignableAppliances.interface';
 export * from './LaunchpadAppliancePanel.interface';
+export * from './AppliancesReceived.interface';
+export * from './received';

package/dist/interfaces/appliances/index.js

@@ -2,3 +2,5 @@ export * from './LaunchpadApplianceAutofiler.interface';
 export * from './AssignableApplianceCard.interface';
 export * from './AssignableAppliances.interface';
 export * from './LaunchpadAppliancePanel.interface';
+export * from './AppliancesReceived.interface';
+export * from './received';

package/dist/interfaces/appliances/received/ApplianceCards.interface.d.ts

@@ -0,0 +1,5 @@
+import { ApplianceDetailsI } from '../../../interfaces';
+export interface ApplianceCardI {
+    appliance: ApplianceDetailsI;
+    onClick?: (appliance: ApplianceDetailsI) => void;
+}

package/dist/interfaces/appliances/received/ApplianceCards.interface.js

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

package/dist/interfaces/appliances/received/AppliancesDisplay.interface.d.ts

@@ -0,0 +1,7 @@
+import { ApplianceDetailsI, DisplayOptionsType } from '../../../interfaces';
+export interface AppliancesDisplayI {
+    appliances: ApplianceDetailsI[];
+    displayType: DisplayOptionsType;
+    totalShowing: number;
+    onApplianceClick?: (appliance: ApplianceDetailsI) => void;
+}

package/dist/interfaces/appliances/received/AppliancesDisplay.interface.js

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

package/dist/interfaces/appliances/received/AppliancesReceivedFilters.interface.d.ts

@@ -0,0 +1,11 @@
+import { ChangeEvent } from 'react';
+import { DisplayOptionsType, SelectItemI } from '../../../interfaces';
+export interface AppliancesReceivedFiltersI {
+    displayType: DisplayOptionsType;
+    onDisplayChange: (type: DisplayOptionsType) => void;
+    onSearchChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onSortChange: (value: SelectItemI | string) => void;
+    searchValue: string;
+    sortInitialValue: string;
+    sortOptions: SelectItemI[] | string[];
+}

package/dist/interfaces/appliances/received/AppliancesReceivedFilters.interface.js

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

package/dist/interfaces/appliances/received/AppliancesWrapper.interface.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface AppliancesWrapperI {
+    children: ReactNode;
+    totalItems: number;
+    totalShowing: number;
+}

package/dist/interfaces/appliances/received/AppliancesWrapper.interface.js

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

package/dist/interfaces/appliances/received/index.d.ts

@@ -0,0 +1,4 @@
+export * from './AppliancesReceivedFilters.interface';
+export * from './AppliancesWrapper.interface';
+export * from './ApplianceCards.interface';
+export * from './AppliancesDisplay.interface';

package/dist/interfaces/appliances/received/index.js

@@ -0,0 +1,4 @@
+export * from './AppliancesReceivedFilters.interface';
+export * from './AppliancesWrapper.interface';
+export * from './ApplianceCards.interface';
+export * from './AppliancesDisplay.interface';

package/dist/mocks/appliances/appliancesReceived.mock.d.ts

@@ -0,0 +1,7 @@
+export declare const appliancesReceivedMock: {
+    _id: string;
+    serialNumber: string;
+    name: string;
+    type: string;
+    brand: string;
+}[];

package/dist/mocks/appliances/appliancesReceived.mock.js

@@ -0,0 +1,58 @@
+export const appliancesReceivedMock = [
+    {
+        _id: 'appliance-1',
+        serialNumber: 'SN-49201-XY',
+        name: 'Fridge',
+        type: 'fridge',
+        brand: 'Kenmore',
+    },
+    {
+        _id: 'appliance-2',
+        serialNumber: 'SN-88310-ZZ',
+        name: 'Cook Top',
+        type: 'cook-top',
+        brand: 'Kitchen Aid',
+    },
+    {
+        _id: 'appliance-3',
+        serialNumber: 'SN-22490-AA',
+        name: 'Washer',
+        type: 'washer',
+        brand: 'Kenmore',
+    },
+    {
+        _id: 'appliance-4',
+        serialNumber: 'SN-77102-BB',
+        name: 'Dryer',
+        type: 'dryer',
+        brand: 'Kenmore',
+    },
+    {
+        _id: 'appliance-5',
+        serialNumber: 'SN-19021-CC',
+        name: 'Fridge',
+        type: 'fridge',
+        brand: 'Kenmore',
+    },
+    {
+        _id: 'appliance-6',
+        serialNumber: 'SN-18233-DD',
+        name: 'Cook Top',
+        type: 'cook-top',
+        brand: 'Kitchen Aid',
+    },
+    {
+        _id: 'appliance-7',
+        serialNumber: 'SN-55421-EE',
+        name: 'Washer',
+        type: 'washer',
+        brand: 'Kenmore',
+    },
+    {
+        _id: 'appliance-8',
+        serialNumber: 'SN-33221-FF',
+        name: 'Dryer',
+        type: 'dryer',
+        brand: 'Kenmore',
+    },
+];

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

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

package/dist/mocks/appliances/index.js

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

package/dist/mocks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './appBar/user.mock';
+export * from './appliances';
 export * from './contacts';
 export * from './folderPanel';
 export * from './forms';

package/dist/mocks/index.js

@@ -1,4 +1,5 @@
 export * from './appBar/user.mock';
+export * from './appliances';
 export * from './contacts';
 export * from './folderPanel';
 export * from './forms';

package/dist/stories/appliances/AppliancesReceived.stories.d.ts

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

package/dist/stories/appliances/AppliancesReceived.stories.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { RightPanel, AppliancesReceived } from '../../components';
+import { action } from '@storybook/addon-actions';
+import { appliancesReceivedMock } from '../../mocks';
+export default {
+    title: 'Components/Appliances',
+    component: AppliancesReceived,
+};
+const sortOptions = ['By Date', 'By Brand', 'By Type'];
+export const AppliancesReceivedPanel = () => {
+    const [searchValue, setSearchValue] = useState('');
+    const [displayType, setDisplayType] = useState('grid');
+    const handleSearchChange = (e) => setSearchValue(e.target.value);
+    const handleDisplayChange = (type) => setDisplayType(type);
+    return (_jsx(RightPanel, { isOpen: true, onClose: () => null, children: _jsx(AppliancesReceived, { appliances: appliancesReceivedMock, displayType: displayType, onApplianceClick: action('onApplianceClick'), onClose: action('onClose'), onDisplayChange: handleDisplayChange, onSearchChange: handleSearchChange, onSortChange: action('onSortChange'), searchValue: searchValue, sortOptions: sortOptions, totalShowing: 37 }) }));
+};

package/dist/stories/appliances/AssignableAppliances.stories.js

@@ -1,47 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
 import { AssignableAppliances } from '../../components';
+import { appliancesReceivedMock } from '../../mocks';
 import { action } from '@storybook/addon-actions';
 export default {
     title: 'Components/Appliances',
     component: AssignableAppliances,
 };
-const appliancesMock = [
-    {
-        _id: 'appliance-1',
-        serialNumber: 'SN-49201-XY',
-        name: 'Washer',
-        type: 'washer',
-        brand: 'Kenmore',
-    },
-    {
-        _id: 'appliance-2',
-        serialNumber: 'SN-88310-ZZ',
-        name: 'Dryer',
-        type: 'dryer',
-        brand: 'Kenmore',
-    },
-    {
-        _id: 'appliance-3',
-        serialNumber: 'SN-22490-AA',
-        name: 'Dishwasher',
-        type: 'dish-washer',
-        brand: 'Whirlpool',
-    },
-    {
-        _id: 'appliance-4',
-        serialNumber: 'SN-77102-BB',
-        name: 'Fridge',
-        type: 'fridge',
-        brand: 'GE',
-    },
-];
 export const AssignableAppliancesComponent = (args) => {
     return (_jsx(Box, { width: ['full', '500px'], p: "base", children: _jsx(AssignableAppliances, Object.assign({}, args)) }));
 };
 AssignableAppliancesComponent.args = {
     isSelectDisabled: false,
-    appliances: appliancesMock,
+    appliances: appliancesReceivedMock,
     homes: ['Matts Home', 'Austin Rental', 'Beach House'],
     onItemSelectedChange: action('onItemSelectedChange'),
     onHomeChange: action('onHomeChange'),

package/dist/utils/appliances/appliancesReceived.utils.d.ts

@@ -0,0 +1,4 @@
+export declare const DEFAULT_SORT_LABEL = "By Date";
+export declare const DEFAULT_TITLE = "Appliances Received";
+export declare const resolveTitle: (title: string | undefined, total: number) => string;
+export declare const getShowingLabel: (totalShowing: number, totalItems: number) => string;

package/dist/utils/appliances/appliancesReceived.utils.js

@@ -0,0 +1,11 @@
+import { pluralize } from '../../utils';
+export const DEFAULT_SORT_LABEL = 'By Date';
+export const DEFAULT_TITLE = 'Appliances Received';
+export const resolveTitle = (title, total) => title !== null && title !== void 0 ? title : `${DEFAULT_TITLE} (${total})`;
+export const getShowingLabel = (totalShowing, totalItems) => {
+    const safeShowing = Math.min(totalShowing, totalItems);
+    const rangeStart = totalItems === 0 ? 0 : 1;
+    const rangeText = `${rangeStart}-${safeShowing}`;
+    const itemLabel = pluralize(totalItems, 'Appliance');
+    return `Showing ${rangeText} of ${totalItems} ${itemLabel}`;
+};

package/dist/utils/appliances/index.d.ts

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

package/dist/utils/appliances/index.js

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

package/dist/utils/index.d.ts

@@ -16,3 +16,4 @@ export * from './Styles.utils';
 export * from './Validations.utils';
 export * from './ViewPort.utils';
 export * from './Weather.utils';
+export * from './appliances';

package/dist/utils/index.js

@@ -16,3 +16,4 @@ export * from './Styles.utils';
 export * from './Validations.utils';
 export * from './ViewPort.utils';
 export * from './Weather.utils';
+export * from './appliances';

package/package.json

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