@homefile/components-v2 2.7.4 → 2.7.6

package/dist/components/folderPanel/displayFiles/IconMenuWithMove.js

@@ -3,8 +3,9 @@ import { t } from 'i18next';
 import { MenuButton, IconButton, Menu, MenuItem, MenuList, MenuDivider, } from '@chakra-ui/react';
 import { ChevronRight, Overlay } from '../..';
 import { colors } from '../../../theme/colors';
+import { Fragment } from 'react/jsx-runtime';
 export const IconMenuWithMove = ({ disabled = false, icon, itemForm, menuItems, onMove, }) => {
-    return (_jsx(Menu, { isLazy: true, children: ({ isOpen }) => (_jsxs(_Fragment, { children: [_jsx(Overlay, { bg: "overlay", showOverlay: isOpen, position: "fixed", zIndex: "4" }), _jsx(MenuButton, { as: IconButton, "aria-label": "Options", icon: icon, variant: "menuIcon", w: "fit-content", disabled: disabled }), _jsxs(MenuList, { zIndex: "5", children: [menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(({ handleClick, label }) => (_jsx(MenuItem, { onClick: () => handleClick(itemForm), _hover: {
+    return (_jsx(Menu, { isLazy: true, children: ({ isOpen }) => (_jsxs(_Fragment, { children: [_jsx(Overlay, { bg: "overlay", showOverlay: isOpen, position: "fixed", zIndex: "4" }), _jsx(MenuButton, { as: IconButton, "aria-label": "Options", icon: _jsx(Fragment, { children: icon }), variant: "menuIcon", w: "fit-content", disabled: disabled }), _jsxs(MenuList, { zIndex: "5", children: [menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(({ handleClick, label }) => (_jsx(MenuItem, { onClick: () => handleClick(itemForm), _hover: {
                                 bg: 'lightGreen.1',
                             }, _focus: {
                                 bg: 'lightGreen.1',

package/dist/components/launchpad/IconMenu.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { MenuButton, IconButton, Menu, MenuItem, MenuList, Box, } from '@chakra-ui/react';
 import { Overlay } from '..';
+import { Fragment } from 'react/jsx-runtime';
 export const IconMenu = ({ disabled = false, icon, itemForm, menuItems, onClick, variant = 'menuIcon', width = 'fit-content', zIndex = '999', }) => {
-    return (_jsx(Box, { zIndex: zIndex, children: _jsx(Menu, { isLazy: true, children: ({ isOpen }) => (_jsxs(_Fragment, { children: [_jsx(Overlay, { bg: "overlay", showOverlay: isOpen, position: "fixed" }), _jsx(MenuButton, { as: IconButton, "aria-label": "Options", icon: icon, variant: variant, w: width, disabled: disabled, marginTop: "0 !important", onClick: onClick }), _jsx(MenuList, { zIndex: "5", children: menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(({ handleClick, label }) => (_jsx(MenuItem, { onClick: () => handleClick(itemForm), _hover: {
+    return (_jsx(Box, { zIndex: zIndex, children: _jsx(Menu, { isLazy: true, children: ({ isOpen }) => (_jsxs(_Fragment, { children: [_jsx(Overlay, { bg: "overlay", showOverlay: isOpen, position: "fixed" }), _jsx(MenuButton, { as: IconButton, "aria-label": "Options", icon: _jsx(Fragment, { children: icon }), variant: variant, w: width, disabled: disabled, marginTop: "0 !important", onClick: onClick }), _jsx(MenuList, { zIndex: "5", children: menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(({ handleClick, label }) => (_jsx(MenuItem, { onClick: () => handleClick(itemForm), _hover: {
                                 bg: 'lightGreen.1',
                             }, _focus: {
                                 bg: 'lightGreen.1',

package/dist/components/receipts/LaunchpadReceiptPanel.d.ts

@@ -0,0 +1,2 @@
+import { LaunchpadReceiptPanelI } from '../../interfaces';
+export declare const LaunchpadReceiptPanel: ({ ...props }: LaunchpadReceiptPanelI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/receipts/LaunchpadReceiptPanel.js

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { DrawerContent, DrawerHeader, DrawerBody, DrawerFooter } from '@chakra-ui/react';
+import { Receipts } from '../../assets/images';
+import { PanelHeader, Loading, AssignableReceipts, FooterDrawer } from '..';
+export const LaunchpadReceiptPanel = (_a) => {
+    var props = __rest(_a, []);
+    const { receipts, rightOptions, onRightSelectChange, leftOptions, onLeftSelectChange, onItemSelectedChange, isLoading, handleClose, footerButtons } = props;
+    return (_jsxs(DrawerContent, { bg: "lightBlue.2", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: handleClose, title: t('receipts.title'), icon: Receipts }) }), _jsx(DrawerBody, { p: "0", children: isLoading ? (_jsx(Loading, {})) : (_jsx(AssignableReceipts, { receipts: receipts, rightOptions: rightOptions, onRightSelectChange: onRightSelectChange, leftOptions: leftOptions, onLeftSelectChange: onLeftSelectChange, onItemSelectedChange: onItemSelectedChange, isSelectDisabled: false })) }), _jsx(DrawerFooter, { children: _jsx(FooterDrawer, { isOpen: true, children: footerButtons }) })] }));
+};

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

@@ -13,3 +13,4 @@ export * from './ReceiptsReceivedContent';
 export * from './SalesTax';
 export * from './Summary';
 export * from './TotalHeader';
+export * from './LaunchpadReceiptPanel';

package/dist/components/receipts/index.js

@@ -13,3 +13,4 @@ export * from './ReceiptsReceivedContent';
 export * from './SalesTax';
 export * from './Summary';
 export * from './TotalHeader';
+export * from './LaunchpadReceiptPanel';

package/dist/components/rooms/GroupsContainer.d.ts

@@ -1,3 +1,4 @@
-export declare const GroupsContainer: ({ children, }: {
-    children?: JSX.Element | JSX.Element[];
+import { ReactNode } from 'react';
+export declare const GroupsContainer: ({ children }: {
+    children?: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/rooms/GroupsContainer.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Stack } from '@chakra-ui/react';
-export const GroupsContainer = ({ children, }) => {
+export const GroupsContainer = ({ children }) => {
     return (_jsx(Stack, { spacing: "10", bgGradient: "linear(to-b, lightBlue.6, transparent)", py: "2", px: "base", children: children }));
 };

package/dist/hooks/sendDocument/useDocumentPreview.d.ts

@@ -10,6 +10,6 @@ export declare const useDocumentPreview: ({ handleClose, handleSend, }: Document
     columnsDesktop: number;
     columnsMobile: number;
     columnWidth: number;
-    contentRef: import("react").RefObject<HTMLDivElement>;
+    contentRef: import("react").RefObject<HTMLDivElement | null>;
 };
 export {};

package/dist/hooks/useCustomToast.js

@@ -4,7 +4,7 @@ import { useToast } from '@chakra-ui/react';
 import { CustomToast } from '../components';
 export const useCustomToast = () => {
     const chakraToast = useToast();
-    const toastIdRef = useRef();
+    const toastIdRef = useRef(null);
     const close = () => {
         if (toastIdRef.current) {
             chakraToast.close(toastIdRef.current);

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, Dialog, 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, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MessagePanel, MessageChatPanel, MonitorAlerts, 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, 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, Dialog, 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, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, MediaDetailsStep, MessagePanel, MessageChatPanel, MonitorAlerts, 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, 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, Dialog, 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, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MessagePanel, MessageChatPanel, MonitorAlerts, 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, 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, Dialog, 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, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, MediaDetailsStep, MessagePanel, MessageChatPanel, MonitorAlerts, 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, 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/launchpad/IconMenu.interface.d.ts

@@ -1,10 +1,11 @@
+import { ReactNode } from 'react';
 export interface MenuItemI {
     handleClick: (form: any) => void;
     label: string;
 }
 export interface IconMenuI<T> {
     disabled?: boolean;
-    icon?: JSX.Element;
+    icon?: ReactNode;
     itemForm?: T;
     menuItems?: MenuItemI[];
     onClick?: () => void;

package/dist/interfaces/receipts/LaunchpadReceiptPanel.interface.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from "react";
+import { AssignableReceiptsI } from "./AssignableReceipts.interface";
+export interface LaunchpadReceiptPanelI extends AssignableReceiptsI {
+    handleClose: () => void;
+    footerButtons: ReactElement;
+    isLoading: boolean;
+}

package/dist/interfaces/receipts/LaunchpadReceiptPanel.interface.js

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

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

@@ -14,3 +14,4 @@ export * from './AssignableReceiptCard.interface';
 export * from './autofiler';
 export * from './displayReceipts';
 export * from './receipt';
+export * from './LaunchpadReceiptPanel.interface';

package/dist/interfaces/receipts/index.js

@@ -14,3 +14,4 @@ export * from './AssignableReceiptCard.interface';
 export * from './autofiler';
 export * from './displayReceipts';
 export * from './receipt';
+export * from './LaunchpadReceiptPanel.interface';

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

@@ -1,10 +1,11 @@
+import { ReactNode } from 'react';
 export interface StepI {
     [key: string]: {
         arrowBottom?: 'bottom' | 'bottom-left' | 'bottom-right';
         arrowLeft?: 'left' | 'left-top' | 'left-bottom';
         arrowRight?: 'right' | 'right-top' | 'right-bottom';
         arrowTop?: 'top' | 'top-left' | 'top-right';
-        component: JSX.Element;
+        component: ReactNode;
         leftRef?: string | number;
         topRef?: string | number;
         bottomRef?: string | number;

package/dist/stories/receipts/LaunchpadReceiptPanel.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta } from '@storybook/react';
+import { LaunchpadReceiptPanelI } from '../../interfaces';
+declare const _default: Meta<LaunchpadReceiptPanelI>;
+export default _default;
+export declare const LaunchpadReceiptPanelComponent: {
+    (args: LaunchpadReceiptPanelI): import("react/jsx-runtime").JSX.Element;
+    args: {
+        isSelectDisabled: boolean;
+        receipts: import("../../interfaces").ReceiptDetailsDBI[];
+        leftOptions: string[];
+        rightOptions: string[];
+        onItemSelectedChange: import("@storybook/addon-actions").HandlerFunction;
+        handleClose: () => null;
+        isLoading: boolean;
+        footerButtons: import("react/jsx-runtime").JSX.Element;
+    };
+};

package/dist/stories/receipts/LaunchpadReceiptPanel.stories.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LaunchpadReceiptPanel, FooterButtons, RightPanel } from '../../components';
+import { receiptsReceivedMock } from '../../mocks';
+import { action } from '@storybook/addon-actions';
+import { ButtonsFooter } from '../../helpers';
+export default {
+    title: 'Components/Receipts',
+    component: LaunchpadReceiptPanel,
+};
+export const LaunchpadReceiptPanelComponent = (args) => {
+    return (_jsx(RightPanel, { onClose: () => null, isOpen: true, size: "md", children: _jsx(LaunchpadReceiptPanel, Object.assign({}, args)) }));
+};
+LaunchpadReceiptPanelComponent.args = {
+    isSelectDisabled: false,
+    receipts: receiptsReceivedMock,
+    leftOptions: ['Project', 'Room', 'Folder'],
+    rightOptions: ['Kitchen', 'Landscape', 'Bedroom'],
+    onItemSelectedChange: action('onItemSelectedChange'),
+    handleClose: () => null,
+    isLoading: false,
+    footerButtons: _jsx(FooterButtons, { button1: ButtonsFooter.button1 })
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.7.4",
+  "version": "2.7.6",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",
@@ -22,66 +22,65 @@
     "src"
   ],
   "devDependencies": {
-    "@chakra-ui/storybook-addon": "^5.2.5",
-    "@chromatic-com/storybook": "^3.2.2",
-    "@faker-js/faker": "^9.0.3",
-    "@storybook/addon-a11y": "^8.4.7",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/addon-viewport": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@types/node": "^22.7.6",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.2",
+    "@chromatic-com/storybook": "^3.2.4",
+    "@faker-js/faker": "^9.4.0",
+    "@storybook/addon-a11y": "^8.5.0",
+    "@storybook/addon-essentials": "^8.5.0",
+    "@storybook/addon-interactions": "^8.5.0",
+    "@storybook/addon-links": "^8.5.0",
+    "@storybook/addon-viewport": "^8.5.0",
+    "@storybook/blocks": "^8.5.0",
+    "@storybook/react": "^8.5.0",
+    "@storybook/react-vite": "^8.5.0",
+    "@storybook/test": "^8.5.0",
+    "@types/node": "^22.10.7",
+    "@types/react": "^19.0.7",
+    "@types/react-dom": "^19.0.3",
+    "@vitejs/plugin-react": "^4.3.4",
     "axe-playwright": "^2.0.3",
     "copyfiles": "^2.4.1",
     "git-commit-msg-linter": "^5.0.4",
-    "husky": "^9.1.6",
+    "husky": "^9.1.7",
     "jest": "^29.7.0",
     "json-loader": "^0.5.7",
     "rimraf": "^6.0.1",
-    "semantic-release": "^24.1.2",
-    "storybook": "^8.4.7",
-    "storybook-react-i18next": "^3.1.8",
+    "semantic-release": "^24.2.1",
+    "storybook": "^8.5.0",
+    "storybook-react-i18next": "^3.2.1",
     "tsconfig-replace-paths": "^0.0.14",
     "tscpaths": "^0.0.9",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.9"
+    "typescript": "^5.7.3",
+    "vite": "^6.0.9"
   },
   "dependencies": {
     "@chakra-ui/icons": "^2.2.4",
     "@chakra-ui/react": "^2.10.3",
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
-    "@fontsource/assistant": "^5.1.0",
-    "@fontsource/poppins": "^5.1.0",
+    "@fontsource/assistant": "^5.1.1",
+    "@fontsource/poppins": "^5.1.1",
     "@hassanmojab/react-modern-calendar-datepicker": "^3.1.7",
-    "@hookform/resolvers": "^3.3.1",
-    "@rive-app/react-canvas": "^4.14.5",
-    "axios": "^1.7.7",
+    "@hookform/resolvers": "^3.10.0",
+    "@rive-app/react-canvas": "^4.17.6",
+    "@storybook/addon-themes": "^8.5.0",
+    "axios": "^1.7.9",
     "date-fns": "^4.1.0",
     "framer-motion": "^11.11.9",
-    "i18next": "^23.16.0",
-    "i18next-browser-languagedetector": "^8.0.0",
-    "i18next-http-backend": "^2.6.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-dropzone": "^14.2.9",
-    "react-hook-form": "^7.53.0",
-    "react-i18next": "^15.0.3",
-    "react-icons": "^5.3.0",
+    "i18next": "^24.2.1",
+    "i18next-browser-languagedetector": "^8.0.2",
+    "i18next-http-backend": "^3.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-dropzone": "^14.3.5",
+    "react-hook-form": "^7.54.2",
+    "react-i18next": "^15.4.0",
+    "react-icons": "^5.4.0",
     "react-modern-calendar-datepicker": "^3.1.6",
     "react-quill": "^2.0.0",
-    "react-spinners": "^0.14.1",
-    "recharts": "^2.13.0",
-    "valtio": "^2.1.0",
-    "yup": "^1.2.0"
+    "react-spinners": "^0.15.0",
+    "recharts": "^2.15.0",
+    "valtio": "^2.1.2",
+    "yup": "^1.6.1"
   },
   "scripts": {
     "start": "storybook dev -p 6007",

package/src/components/folderPanel/displayFiles/IconMenuWithMove.tsx

@@ -10,6 +10,7 @@ import {
 import { IconMenuWithMoveI } from '@/interfaces'
 import { ChevronRight, Overlay } from '@/components'
 import { colors } from '@/theme/colors'
+import { Fragment } from 'react/jsx-runtime'
 
 export const IconMenuWithMove = <T extends unknown>({
   disabled = false,
@@ -31,7 +32,7 @@ export const IconMenuWithMove = <T extends unknown>({
           <MenuButton
             as={IconButton}
             aria-label="Options"
-            icon={icon}
+            icon={<Fragment>{icon}</Fragment>}
             variant="menuIcon"
             w="fit-content"
             disabled={disabled}

package/src/components/homeBoard/HomeBoard.tsx

@@ -94,6 +94,7 @@ import { useHomeBoard, useWindowDimensions } from '@/hooks'
 import { Painting } from '@/assets/images'
 
 import { ReportI } from '@/interfaces'
+import { ReactNode } from 'react'
 
 const forms: Record<number, ReportI[]> = {
   1: homeAssitantStep1FormMock,
@@ -131,7 +132,7 @@ export const HomeBoard = () => {
 
   const currentHomeAssistantForm = forms[homeAssistantCurrentStep]
 
-  const rightPanelComponents: { [key: string]: JSX.Element } = {
+  const rightPanelComponents: { [key: string]: ReactNode } = {
     AddFolder: (
       <AddFolder
         handleClose={onRightClose}

package/src/components/launchpad/IconMenu.tsx

@@ -8,6 +8,7 @@ import {
 } from '@chakra-ui/react'
 import { IconMenuI } from '@/interfaces'
 import { Overlay } from '@/components'
+import { Fragment } from 'react/jsx-runtime'
 
 export const IconMenu = <T extends unknown>({
   disabled = false,
@@ -28,7 +29,7 @@ export const IconMenu = <T extends unknown>({
             <MenuButton
               as={IconButton}
               aria-label="Options"
-              icon={icon}
+              icon={<Fragment>{icon}</Fragment>}
               variant={variant}
               w={width}
               disabled={disabled}

package/src/components/receipts/LaunchpadReceiptPanel.tsx

@@ -0,0 +1,49 @@
+import { t } from 'i18next'
+import { DrawerContent, DrawerHeader, DrawerBody, DrawerFooter } from '@chakra-ui/react'
+import { Receipts } from '@/assets/images'
+import {
+  PanelHeader,
+  Loading,
+  AssignableReceipts,
+  FooterDrawer
+} from '@/components'
+import { LaunchpadReceiptPanelI } from '@/interfaces'
+
+export const LaunchpadReceiptPanel = ({...props}: LaunchpadReceiptPanelI) => {
+    const {receipts, rightOptions, onRightSelectChange, leftOptions, onLeftSelectChange, onItemSelectedChange, isLoading, handleClose, footerButtons} = props
+
+    return (
+        <DrawerContent bg="lightBlue.2">
+            <DrawerHeader p="0">
+                <PanelHeader
+                    handleCloseButton={handleClose}
+                    title={t('receipts.title')}
+                    icon={Receipts}
+                />
+            </DrawerHeader>
+            <DrawerBody p="0">
+                {
+                    isLoading ? (
+                        <Loading />
+                    ) : (
+                        
+                        <AssignableReceipts 
+                            receipts={receipts}
+                            rightOptions={rightOptions}
+                            onRightSelectChange={onRightSelectChange}
+                            leftOptions={leftOptions}
+                            onLeftSelectChange={onLeftSelectChange}
+                            onItemSelectedChange={onItemSelectedChange}
+                            isSelectDisabled={false}
+                        />
+                    )
+                }
+            </DrawerBody>
+            <DrawerFooter>
+                <FooterDrawer isOpen={true}>
+                {footerButtons}
+                </FooterDrawer>
+            </DrawerFooter>
+        </DrawerContent>
+    )
+}

package/src/components/receipts/index.ts

@@ -12,4 +12,5 @@ export * from './ReceiptsInfo'
 export * from './ReceiptsReceivedContent'
 export * from './SalesTax'
 export * from './Summary'
-export * from './TotalHeader'
+export * from './TotalHeader'
+export * from './LaunchpadReceiptPanel'

package/src/components/rooms/GroupsContainer.tsx

@@ -1,10 +1,7 @@
 import { Stack } from '@chakra-ui/react'
+import { ReactNode } from 'react'
 
-export const GroupsContainer = ({
-  children,
-}: {
-  children?: JSX.Element | JSX.Element[]
-}) => {
+export const GroupsContainer = ({ children }: { children?: ReactNode }) => {
   return (
     <Stack
       spacing="10"

package/src/components/sendDocument/RecipientCard.tsx

@@ -66,7 +66,7 @@ const Header = ({
   recipient: { accountTypes },
   isDocument,
 }: Pick<RecipientCardI, 'header' | 'recipient' | 'isDocument'>) => {
-  if (header) return header as JSX.Element
+  if (header) return header
   return (
     <RecipientHeader
       accountType={accountTypes.join(', ')}

package/src/hooks/useCustomToast.tsx

@@ -4,7 +4,7 @@ import { CustomToast } from '@/components'
 
 export const useCustomToast = () => {
   const chakraToast = useToast()
-  const toastIdRef = useRef<ToastId | undefined>()
+  const toastIdRef = useRef<ToastId | undefined>(null)
 
   const close = () => {
     if (toastIdRef.current) {

package/src/index.ts

@@ -86,6 +86,7 @@ export {
   Launchpad,
   LaunchpadAutofilerBanner,
   LaunchpadReceiptAutofiler,
+  LaunchpadReceiptPanel,
   LaunchpadTour,
   LeftPanel,
   MediaDetailsStep,

package/src/interfaces/launchpad/IconMenu.interface.ts

@@ -1,3 +1,5 @@
+import { ReactNode } from 'react'
+
 export interface MenuItemI {
   handleClick: (form: any) => void
   label: string
@@ -5,7 +7,7 @@ export interface MenuItemI {
 
 export interface IconMenuI<T> {
   disabled?: boolean
-  icon?: JSX.Element
+  icon?: ReactNode
   itemForm?: T
   menuItems?: MenuItemI[]
   onClick?: () => void

package/src/interfaces/receipts/LaunchpadReceiptPanel.interface.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from "react";
+import { AssignableReceiptsI } from "./AssignableReceipts.interface";
+
+export interface LaunchpadReceiptPanelI extends AssignableReceiptsI {
+    handleClose: () => void
+    footerButtons: ReactElement
+    isLoading: boolean
+}

package/src/interfaces/receipts/index.ts

@@ -13,4 +13,5 @@ export * from  './TotalHeader.interface'
 export * from './AssignableReceiptCard.interface'
 export * from './autofiler'
 export * from './displayReceipts'
-export * from './receipt'
+export * from './receipt'
+export * from './LaunchpadReceiptPanel.interface'

package/src/interfaces/tour/Step.interface.ts

@@ -1,10 +1,12 @@
+import { ReactNode } from 'react'
+
 export interface StepI {
   [key: string]: {
     arrowBottom?: 'bottom' | 'bottom-left' | 'bottom-right'
     arrowLeft?: 'left' | 'left-top' | 'left-bottom'
     arrowRight?: 'right' | 'right-top' | 'right-bottom'
     arrowTop?: 'top' | 'top-left' | 'top-right'
-    component: JSX.Element
+    component: ReactNode
     leftRef?: string | number
     topRef?: string | number
     bottomRef?: string | number

package/src/stories/myHomes/HomeDetailsContent.stories.tsx

@@ -1,5 +1,4 @@
 import { Meta } from '@storybook/react'
-import { Drawer } from '@chakra-ui/react'
 import { HomeDetailsContent, FooterButtons, RightPanel } from '@/components'
 import { HomeCards, ButtonsFooter } from '@/helpers'
 import { HomeDetailsContentI } from '@/interfaces'

package/src/stories/receipts/LaunchpadReceiptPanel.stories.tsx

@@ -0,0 +1,30 @@
+import { Meta } from '@storybook/react'
+import { LaunchpadReceiptPanel, FooterButtons, RightPanel } from '@/components'
+import { LaunchpadReceiptPanelI } from '@/interfaces'
+import { receiptsReceivedMock } from '@/mocks'
+import { action } from '@storybook/addon-actions'
+import { ButtonsFooter } from '@/helpers'
+
+export default {
+    title: 'Components/Receipts',
+    component: LaunchpadReceiptPanel,
+} as Meta<LaunchpadReceiptPanelI>
+
+export const LaunchpadReceiptPanelComponent = (args: LaunchpadReceiptPanelI) => {
+    return (
+        <RightPanel onClose={() => null} isOpen size="md">
+            <LaunchpadReceiptPanel {...args} />
+        </RightPanel>
+    )
+}
+
+LaunchpadReceiptPanelComponent.args = {
+    isSelectDisabled: false,
+    receipts: receiptsReceivedMock,
+    leftOptions: ['Project', 'Room', 'Folder'],
+    rightOptions: ['Kitchen', 'Landscape', 'Bedroom'],
+    onItemSelectedChange: action('onItemSelectedChange'),
+    handleClose: () => null,
+    isLoading: false,
+    footerButtons: <FooterButtons button1={ButtonsFooter.button1}/>
+}