@homefile/components-v2 1.0.0

package/dist/components/homeBoard/Files.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Files = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var proxies_1 = require("@/proxies");
+var Files = function (_a) {
+    var files = _a.files, handleAddRecipient = _a.handleAddRecipient, handleDeleteFile = _a.handleDeleteFile, handleDeleteRecipient = _a.handleDeleteRecipient, handleEditDescription = _a.handleEditDescription, handleEditFileName = _a.handleEditFileName, handleFileClick = _a.handleFileClick, handleOpenFile = _a.handleOpenFile, panelSize = _a.panelSize, uploading = _a.uploading;
+    var _b = (0, react_1.useDisclosure)(), isRightOpen = _b.isOpen, onRightOpen = _b.onOpen, onRightClose = _b.onClose;
+    proxies_1.folderHeaderProxy.handleCloseButton = onRightClose;
+    var fileMenu = [
+        {
+            label: (0, i18next_1.t)('folderSharing.menu.details'),
+            handleClick: function (form) {
+                onRightOpen();
+                proxies_1.fileDetailProxy.name = form.name;
+                proxies_1.fileDetailProxy.addedAt = form.updatedAt.replace(' ', ' @ ');
+                proxies_1.fileDetailProxy.icon = form.icon;
+                proxies_1.fileDetailProxy._id = form._id;
+                handleFileClick(proxies_1.fileDetailProxy._id);
+            },
+        },
+        {
+            label: (0, i18next_1.t)('folderSharing.menu.delete'),
+            handleClick: function (form) {
+                proxies_1.fileDetailProxy._id = form._id;
+                handleDeleteFile(proxies_1.fileDetailProxy._id);
+            },
+        },
+    ];
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Wrap, { children: files === null || files === void 0 ? void 0 : files.map(function (_a, index) {
+                    var description = _a.description, extension = _a.extension, _id = _a._id, isNew = _a.isNew, isShared = _a.isShared, title = _a.title, uploaded = _a.uploaded, updatedAt = _a.updatedAt;
+                    proxies_1.fileDetailProxy.description = description;
+                    return ((0, jsx_runtime_1.jsx)(components_1.File, { handleClick: function (id) {
+                            var file = files.find(function (item) { return item._id === id; });
+                            file && handleOpenFile(file);
+                        }, handleEditFileName: handleEditFileName, isNew: isNew, isShared: isShared, menu: fileMenu, title: title, type: extension || '', updatedAt: updatedAt, uploaded: uploaded, uploading: uploading, _id: _id }, _id + index));
+                }) }), (0, jsx_runtime_1.jsx)(components_1.RightPanel, { overlay: false, children: (0, jsx_runtime_1.jsx)(components_1.FileDetail, { handleAddRecipient: handleAddRecipient, handleEditDescription: handleEditDescription, handleEditFileName: handleEditFileName, handleDeleteRecipient: handleDeleteRecipient }), isOpen: isRightOpen, onClose: onRightClose, size: panelSize })] }));
+};
+exports.Files = Files;

package/dist/components/homeBoard/FolderDetail.d.ts

@@ -0,0 +1,2 @@
+import { FolderDetailI } from '@/interfaces';
+export declare const FolderDetail: ({ addedBy, children, editing, files, folder, handleClose, handleEditDescription, handleEditFileName, handleEditFolderName, handleAddRecipient, handleDeleteFile, handleDeleteFolder, handleDeleteRecipient, handleFileClick, handleFilter, handleOpenFile, handleSubmitAssociatedAccount, handleUpload, loading, panelSize, recipients, uploading, isDocument, sortMenu, }: FolderDetailI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeBoard/FolderDetail.js

@@ -0,0 +1,54 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FolderDetail = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var hooks_1 = require("@/hooks");
+var FolderDetail = function (_a) {
+    var addedBy = _a.addedBy, children = _a.children, editing = _a.editing, files = _a.files, folder = _a.folder, handleClose = _a.handleClose, handleEditDescription = _a.handleEditDescription, handleEditFileName = _a.handleEditFileName, handleEditFolderName = _a.handleEditFolderName, handleAddRecipient = _a.handleAddRecipient, handleDeleteFile = _a.handleDeleteFile, handleDeleteFolder = _a.handleDeleteFolder, handleDeleteRecipient = _a.handleDeleteRecipient, handleFileClick = _a.handleFileClick, handleFilter = _a.handleFilter, handleOpenFile = _a.handleOpenFile, handleSubmitAssociatedAccount = _a.handleSubmitAssociatedAccount, handleUpload = _a.handleUpload, loading = _a.loading, _b = _a.panelSize, panelSize = _b === void 0 ? 'md' : _b, recipients = _a.recipients, uploading = _a.uploading, isDocument = _a.isDocument, sortMenu = _a.sortMenu;
+    var _c = (0, hooks_1.useFolderDetail)({
+        addedBy: addedBy,
+        editing: editing,
+        files: files,
+        folder: folder,
+        handleSubmitAssociatedAccount: handleSubmitAssociatedAccount,
+        handleUpload: handleUpload,
+        isDocument: isDocument,
+        loading: loading,
+        panelSize: panelSize,
+        recipients: recipients,
+        uploading: uploading,
+    }), errorMessage = _c.errorMessage, getRootProps = _c.getRootProps, getInputProps = _c.getInputProps, handleChange = _c.handleChange, handleFileUpdate = _c.handleFileUpdate, folderName = _c.folderName, totalFiles = _c.totalFiles, icon = _c.icon;
+    var typesOptions = ['All'];
+    var handleSave = function () {
+        handleEditFolderName(__assign(__assign({}, folder), { name: folderName }));
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_1.DrawerContent, { bg: "lightBlue.1", children: [(0, jsx_runtime_1.jsx)(react_1.DrawerHeader, { p: "0", children: (0, jsx_runtime_1.jsx)(components_1.PanelHeader, { handleCloseButton: handleClose, icon: icon, title: folderName }) }), !folder.public && ((0, jsx_runtime_1.jsx)(components_1.EditItemName, { errorMessage: "".concat((0, i18next_1.t)('folderSharing.details.name'), " ").concat((0, i18next_1.t)('forms.required')), placeholder: (0, i18next_1.t)('folderSharing.details.folderPlaceholder'), onChange: handleChange, onSave: handleSave, showSaveButton: !!folderName, value: folderName })), sortMenu !== undefined && ((0, jsx_runtime_1.jsx)(components_1.SortHeader, { handleSelect: handleFilter, initialSelectValue: sortMenu[0].name, selectItems: sortMenu, selectTypeItems: typesOptions })), (0, jsx_runtime_1.jsx)(components_1.SharedFilter, { totalFiles: files.length, showingFiles: files.length }), (0, jsx_runtime_1.jsx)(react_1.DrawerBody, { p: "0", bg: "neutral.white", children: (0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "4", w: "full", p: "base", h: "100%", children: [(0, jsx_runtime_1.jsx)(components_1.DragDropArea, { errorMessage: errorMessage, getInputProps: getInputProps, getRootProps: getRootProps }), (0, jsx_runtime_1.jsx)(components_1.DragDropLoading, { isLoading: loading !== null && loading !== void 0 ? loading : uploading, children: (0, jsx_runtime_1.jsx)(components_1.Files, { files: totalFiles, handleAddRecipient: handleAddRecipient, handleDeleteFile: handleDeleteFile, handleDeleteRecipient: handleDeleteRecipient, handleEditDescription: function (id) {
+                                    var file = handleFileUpdate(id);
+                                    file && handleEditDescription(file);
+                                }, handleEditFileName: function (id) {
+                                    var file = handleFileUpdate(id);
+                                    file && handleEditFileName(file);
+                                }, handleFileClick: function (id) {
+                                    var file = handleFileUpdate(id);
+                                    file && handleFileClick(file);
+                                }, handleOpenFile: handleOpenFile, panelSize: panelSize, uploading: uploading }) })] }) }), (0, jsx_runtime_1.jsx)(react_1.DrawerFooter, { p: "0", zIndex: "dropdown", children: (0, jsx_runtime_1.jsx)(components_1.FooterDrawer, { isOpen: true, children: folder.public ? ((0, jsx_runtime_1.jsx)(react_1.Text, { variant: "home", w: "100%", px: "base", children: (0, i18next_1.t)('folderSharing.details.notDelete') })) : ((0, jsx_runtime_1.jsx)(components_1.FooterButtons, { button3: {
+                            buttonStyle: 'secondaryFooter',
+                            label: (0, i18next_1.t)('folderSharing.details.delete'),
+                            onClick: function () { return handleDeleteFolder(folder._id); },
+                        } })) }) }), children] }));
+};
+exports.FolderDetail = FolderDetail;

package/dist/components/homeBoard/HomeBoard.d.ts

@@ -0,0 +1,4 @@
+export declare const HomeBoard: () => import("react/jsx-runtime").JSX.Element;
+export declare const AppBarComponent: ({ setActiveTour }: {
+    setActiveTour?: ((value: boolean) => void) | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeBoard/HomeBoard.js

@@ -0,0 +1,99 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppBarComponent = exports.HomeBoard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var helpers_1 = require("@/helpers");
+var mocks_1 = require("@/mocks");
+var hooks_1 = require("@/hooks");
+var images_1 = require("@/assets/images");
+var HomeBoard = function () {
+    var _a = (0, hooks_1.useHomeBoard)(), currentStep = _a.currentStep, activeTour = _a.activeTour, currentComponent = _a.currentComponent, form = _a.form, handleClose = _a.handleClose, handleEditHomeClick = _a.handleEditHomeClick, handleFolderClick = _a.handleFolderClick, handleNewFolder = _a.handleNewFolder, handleStep = _a.handleStep, homeName = _a.homeName, isRightOpen = _a.isRightOpen, onRightClose = _a.onRightClose, setActiveTour = _a.setActiveTour, setShowFooter = _a.setShowFooter, showFooter = _a.showFooter, showOverlay = _a.showOverlay;
+    var rightPanelComponents = {
+        AddFolder: ((0, jsx_runtime_1.jsx)(components_1.AddFolder, { handleClose: onRightClose, handleSubmit: function (_) {
+                onRightClose();
+            }, headerTitle: "Add Folder", icon: "folder", children: (0, jsx_runtime_1.jsx)(components_1.FolderTypeSelection, { onChange: function () { return null; } }) })),
+        FolderDetail: ((0, jsx_runtime_1.jsxs)(components_1.FolderDetailContent, { children: [(0, jsx_runtime_1.jsx)(components_1.FolderDetailHeader, { folderName: "Folder Name", folterType: "project", onClose: function () { }, children: (0, jsx_runtime_1.jsx)(components_1.FolderInfo, { folderName: "Folder Name", folderType: "project", onSave: function () { } }) }), (0, jsx_runtime_1.jsx)(components_1.FolderDetailBody, { contents: (0, jsx_runtime_1.jsxs)(react_1.Box, { bg: "neutral.white", h: "100vh", children: [(0, jsx_runtime_1.jsx)(components_1.DisplayOptions, { dateFilters: ['Today', 'Yesterday', 'Last 7 days'], initialDisplay: "grid", onDisplayClick: function () { return null; }, onDateFilter: function () { return null; }, onTypeFilter: function () { return null; }, typeFilters: ['All', 'Images', 'Videos', 'Documents'] }), (0, jsx_runtime_1.jsx)(components_1.FilesUploader, { displayType: "grid", onUpload: function () { return null; }, totalFiles: mocks_1.DisplayFilesMock.length, totalShowing: mocks_1.DisplayFilesMock.length, uploading: false }), (0, jsx_runtime_1.jsx)(components_1.DisplayFiles, { files: mocks_1.DisplayFilesMock, menu: [], onClick: function () { return null; }, onMove: function () { return null; }, type: "grid" })] }), sharedWith: (0, jsx_runtime_1.jsx)(react_1.Box, { bg: "lightBlue.2", h: "100vh", children: (0, jsx_runtime_1.jsx)(components_1.SharedAccounts, { accounts: mocks_1.sharedAccountsMock, totalAccounts: 6, totalShowing: "6", onClick: function () { return null; }, label: "Add person" }) }) }), (0, jsx_runtime_1.jsx)(components_1.FolderDetailFooter, { onDelete: function () { return null; } })] })),
+        EditAccountType: ((0, jsx_runtime_1.jsx)(components_1.EditAccountType, { associateAccount: {
+                accountTypes: ['Member', 'Contributor'],
+                user: {
+                    firstName: 'Adam',
+                    lastName: 'Smith',
+                    phone: '3334456',
+                    email: 'user@user.com',
+                },
+            }, handleClose: function () { return null; }, handleDelete: function () { return null; }, handleSubmit: function () { return null; } })),
+        EditHome: ((0, jsx_runtime_1.jsxs)(components_1.EditHomePanel, { children: [(0, jsx_runtime_1.jsx)(components_1.HomeCard, __assign({ setIsDirty: setShowFooter, isEditMode: true, imageUrl: { bucketName: '', extension: ' ', fileName: '' } }, form)), (0, jsx_runtime_1.jsx)(components_1.EditHomeFooter, { isOpen: showFooter, onSave: function () { return null; }, onCancel: onRightClose })] })),
+        Contacts: ((0, jsx_runtime_1.jsx)(components_1.ContactsContent, { contacts: mocks_1.ContactsMock, handleClose: onRightClose, handleAdd: function () { }, menuItems: [
+                {
+                    label: 'Edit Contact',
+                    handleClick: function () { return null; },
+                },
+            ] })),
+        PartnerCatalog: ((0, jsx_runtime_1.jsx)(components_1.PartnerCatalogPanel, { onClose: function () { return null; }, onPartnerAdd: function () { return null; }, partners: mocks_1.partnerCatalogMock })),
+        AddHouseholdItem: ((0, jsx_runtime_1.jsxs)(react_1.DrawerContent, { bg: "lightBlue.1", children: [(0, jsx_runtime_1.jsx)(react_1.DrawerHeader, { p: "0", children: (0, jsx_runtime_1.jsx)(components_1.PanelHeader, { handleCloseButton: handleClose, icon: images_1.Painting, title: "Add Household Item" }) }), (0, jsx_runtime_1.jsx)(react_1.DrawerBody, { children: (0, jsx_runtime_1.jsx)(components_1.DynamicForm, { form: mocks_1.formFieldsMock }) })] })),
+    };
+    var panelSize = currentComponent === 'PartnerCatalog' ? 'lg' : 'md';
+    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { overflowX: "hidden", children: [(0, jsx_runtime_1.jsx)(components_1.RightPanel, { overlay: showOverlay, isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: rightPanelComponents[currentComponent] }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { w: "full", minH: "100dvh", children: [(0, jsx_runtime_1.jsx)(components_1.RoomsMenu, { activeRoom: "homeboard", handleAddRoom: function (id) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                            return [2 /*return*/, console.log(id)];
+                        }); }); }, handleClick: function () { return null; }, handleHomeClick: function () { return null; }, rooms: helpers_1.RoomsList, roomsToAdd: helpers_1.RoomsToAdd }), (0, jsx_runtime_1.jsxs)(react_1.Box, { w: "full", children: [(0, jsx_runtime_1.jsx)(exports.AppBarComponent, { setActiveTour: setActiveTour }), (0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "base", p: "base", children: [(0, jsx_runtime_1.jsx)(components_1.HomeHeader, { buttonLabel: "Partner catalog", onBack: function () { return null; }, homeName: homeName, onAdd: function () { return null; } }), (0, jsx_runtime_1.jsxs)(components_1.HomeBoardGrid, { children: [(0, jsx_runtime_1.jsx)(components_1.HomeCardWithRecipent, { address: helpers_1.HomeCards[0].address, handleEdit: handleEditHomeClick, handleDeleteAccountType: function (email) { return email; }, handleSubmitAccountType: function (form) { return form; }, _id: helpers_1.HomeCards[0]._id, image: helpers_1.HomeCards[0].image, loading: false, name: helpers_1.HomeCards[0].name, menu: mocks_1.menuMock, addImage: function () { return null; }, recipients: helpers_1.recipientsDb, records: mocks_1.homeBoardRecorsMock }), (0, jsx_runtime_1.jsx)(components_1.HomeAssistant, { currentStep: 6, onStepClick: function () { return null; } }), (0, jsx_runtime_1.jsx)(components_1.PropertyTaxes, { estimatedTaxValue: 1000, menuItems: mocks_1.menuMock, taxes: mocks_1.taxesMock, title: "Travis County Property Taxes" }), (0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "base", children: [(0, jsx_runtime_1.jsx)(components_1.ReceiptAutofiler, { onClick: function () { return null; }, totalReceipts: 36, totalTitle: "Receipts Received", forwardTo: "reciepts@homefile.cloud", onFilter: function () { return null; }, children: (0, jsx_runtime_1.jsx)(components_1.ReceiptsFiled, { incidentalItemsNumber: 0, incidentalSpent: 0, inventoryItemsNumber: 0, inventorySpent: 0, total: 0 }) }), (0, jsx_runtime_1.jsx)(components_1.ValueMonitor, { menuItems: mocks_1.menuMock, balance: "+3%", totalValue: 323421, year: "2023", yearValue: 5684 })] }), (0, jsx_runtime_1.jsx)(components_1.ShortPartnerTile, { _id: "1", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: function () { return null; }, socialLinks: mocks_1.socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" }), (0, jsx_runtime_1.jsx)(components_1.TrendingValue, { chartData: mocks_1.lineChartData, marketValue: 894000, menuItems: mocks_1.menuMock, mortgageBalance: 220532, purchasePrice: 220532, roi: "+234%" }), (0, jsx_runtime_1.jsx)(components_1.ShortPartnerTile, { _id: "2", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: function () { return null; }, socialLinks: mocks_1.socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" }), (0, jsx_runtime_1.jsx)(components_1.FolderSharing, { folders: helpers_1.FoldersDB, handleAddNewFolder: handleNewFolder, handleFolderClick: handleFolderClick, handleSelect: function () { return null; }, initialSelectItem: helpers_1.selectOptions[0], menuItems: mocks_1.menuMock, selectItems: helpers_1.selectOptions }), (0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "base", children: [(0, jsx_runtime_1.jsx)(components_1.AddHomeItem, { handleClick: function () { return null; } }), (0, jsx_runtime_1.jsx)(components_1.SendCommunication, { documentList: [] })] }), (0, jsx_runtime_1.jsx)(components_1.ShortPartnerTile, { _id: "3", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: function () { return null; }, socialLinks: mocks_1.socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" })] })] })] })] }), (0, jsx_runtime_1.jsx)(components_1.HomeBoardTour, { currentStep: currentStep, handleClose: handleClose, handleStep: handleStep, meetStepUrl: mocks_1.videoMock, isActive: activeTour })] }));
+};
+exports.HomeBoard = HomeBoard;
+var AppBarComponent = function (_a) {
+    var _b = _a.setActiveTour, setActiveTour = _b === void 0 ? function (value) { } : _b;
+    var handleTour = function () {
+        setActiveTour(true);
+    };
+    var width = (0, hooks_1.useWindowDimensions)().windowDimensions.width;
+    var isMobile = width <= 768;
+    return ((0, jsx_runtime_1.jsxs)(components_1.AppBar, { onLogoClick: function () { return null; }, user: mocks_1.userMock, children: [!isMobile && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.TourButton, { onClick: handleTour, label: "Show tour" }), (0, jsx_runtime_1.jsx)(components_1.BarDivider, {})] })), (0, jsx_runtime_1.jsx)(components_1.PeopleConnected, { onClick: function () { return null; }, total: 12 }), (0, jsx_runtime_1.jsx)(components_1.BarDivider, {}), (0, jsx_runtime_1.jsx)(components_1.ContactList, { onClick: function () { return null; }, total: 2 }), (0, jsx_runtime_1.jsx)(components_1.BarDivider, {}), (0, jsx_runtime_1.jsx)(components_1.TutorialsButton, { onClick: function () { return null; } }), !isMobile && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.BarDivider, {}), (0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", gap: "1", children: [(0, jsx_runtime_1.jsx)(components_1.StorageUsed, { totalUsed: 2, totalStorage: 10, state: "trial", onClick: function () { return null; } }), (0, jsx_runtime_1.jsx)(components_1.Trash, { onClick: function () { return null; }, total: 2 })] })] }))] }));
+};
+exports.AppBarComponent = AppBarComponent;

package/dist/components/homeBoard/HomeBoardGrid.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const HomeBoardGrid: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeBoard/HomeBoardGrid.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HomeBoardGrid = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@chakra-ui/react");
+var HomeBoardGrid = function (_a) {
+    var children = _a.children;
+    return ((0, jsx_runtime_1.jsx)(react_1.SimpleGrid, { minChildWidth: ['full', '340px'], spacingX: "base", spacingY: "base", w: "full", h: "full", children: children }));
+};
+exports.HomeBoardGrid = HomeBoardGrid;

package/dist/components/homeBoard/HomeCard.d.ts

@@ -0,0 +1,2 @@
+import { HomeCardI } from '@/interfaces';
+export declare const HomeCard: ({ addImage, apartmentNumber, city, edit, externalLink, imageUrl: image, isEditMode, loading, name, number, obs, setIsDirty, state, street, zip, ...props }: HomeCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeBoard/HomeCard.js

@@ -0,0 +1,48 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HomeCard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var react_spinners_1 = require("react-spinners");
+var components_1 = require("@/components");
+var hooks_1 = require("@/hooks");
+var utils_1 = require("@/utils");
+var HomeCard = function (_a) {
+    var _b = _a.addImage, addImage = _b === void 0 ? function () { return null; } : _b, apartmentNumber = _a.apartmentNumber, city = _a.city, _c = _a.edit, edit = _c === void 0 ? true : _c, externalLink = _a.externalLink, image = _a.imageUrl, isEditMode = _a.isEditMode, loading = _a.loading, name = _a.name, number = _a.number, obs = _a.obs, setIsDirty = _a.setIsDirty, state = _a.state, street = _a.street, zip = _a.zip, props = __rest(_a, ["addImage", "apartmentNumber", "city", "edit", "externalLink", "imageUrl", "isEditMode", "loading", "name", "number", "obs", "setIsDirty", "state", "street", "zip"]);
+    var address = {
+        apartmentNumber: apartmentNumber,
+        city: city,
+        number: number,
+        obs: obs,
+        street: street,
+        state: state,
+        zip: zip,
+    };
+    var imageUrl = (0, hooks_1.useHomeCard)(image).imageUrl;
+    var hasImage = Boolean(imageUrl);
+    return ((0, jsx_runtime_1.jsx)(components_1.TileTooltip, { label: "homeCard", children: (0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsxs)(react_1.Center, { pos: "relative", h: "12rem", bg: "lightBlue.2", overflow: "hidden", children: [loading && ((0, jsx_runtime_1.jsx)(react_1.Center, { h: "8rem", children: (0, jsx_runtime_1.jsx)(react_spinners_1.BeatLoader, { color: "gray", size: 8 }) })), !loading && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [edit && ((0, jsx_runtime_1.jsx)(components_1.EditFileUploader, { handleInputChange: addImage, "aria-label": (0, i18next_1.t)('ariaLabels.edit'), position: "absolute", right: "2", top: "1" })), (0, jsx_runtime_1.jsx)(react_1.Image, { src: (hasImage && imageUrl) || (0, utils_1.randomImages)(0), alt: "".concat(name, " ").concat((0, i18next_1.t)('images.altImage')), w: "full", objectFit: "cover" })] }))] }), !isEditMode && ((0, jsx_runtime_1.jsx)(components_1.HomeCardReadOnly, __assign({ addImage: addImage, name: name, externalLink: externalLink }, props, address))), isEditMode && ((0, jsx_runtime_1.jsx)(components_1.EditHomeDetails, { address: address, externalLink: externalLink, name: name, setIsDirty: setIsDirty }))] }) }));
+};
+exports.HomeCard = HomeCard;

package/dist/components/homeBoard/HomeCardReadOnly.d.ts

@@ -0,0 +1,2 @@
+import { HomeCardI } from '@/interfaces';
+export declare const HomeCardReadOnly: ({ city, edit, externalLink, handleEditClick, maxW, mail, name, number, phone, street, state, zip, }: HomeCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeBoard/HomeCardReadOnly.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HomeCardReadOnly = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var HomeCardReadOnly = function (_a) {
+    var city = _a.city, _b = _a.edit, edit = _b === void 0 ? true : _b, externalLink = _a.externalLink, handleEditClick = _a.handleEditClick, maxW = _a.maxW, mail = _a.mail, name = _a.name, number = _a.number, phone = _a.phone, street = _a.street, state = _a.state, zip = _a.zip;
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { w: maxW, children: (0, jsx_runtime_1.jsxs)(react_1.Stack, { px: "base", pb: "base", pt: "2", bg: "neutral.white", spacing: "1", children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { justify: "space-between", align: "center", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "heading6", noOfLines: 1, textOverflow: "ellipsis", children: name }), edit && ((0, jsx_runtime_1.jsx)(react_1.Tooltip, { label: (0, i18next_1.t)('tooltips.editDetails'), children: (0, jsx_runtime_1.jsx)(react_1.IconButton, { variant: "menuIconWithShadow", maxW: "fit-content", "aria-label": (0, i18next_1.t)('ariaLabels.edit'), p: "1", icon: (0, jsx_runtime_1.jsx)(components_1.Edit, {}), onClick: handleEditClick, id: "editHomeIcon" }) }))] }), (0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { justify: "space-between", align: "center", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "info", children: "".concat(number, " ").concat(street) }), mail && (0, jsx_runtime_1.jsx)(react_1.Text, { variant: "email", children: mail })] }), (0, jsx_runtime_1.jsx)(react_1.Text, { variant: "info", lineHeight: "14px", children: "".concat(city, " ").concat(state, " ").concat(zip) }), phone && ((0, jsx_runtime_1.jsx)(react_1.Text, { variant: "info", mt: "-1.5", children: phone }))] }), externalLink && ((0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "xs", fontFamily: "secondary", color: "blue.3", textOverflow: "ellipsis", noOfLines: 1, children: externalLink }))] }) }));
+};
+exports.HomeCardReadOnly = HomeCardReadOnly;

package/dist/components/homeBoard/HomeCardRecipients.d.ts

@@ -0,0 +1,2 @@
+import { HomeCardRecipientsI } from '@/interfaces';
+export declare const HomeCardRecipients: ({ recipients, menu, onEditClick, }: HomeCardRecipientsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeBoard/HomeCardRecipients.js

@@ -0,0 +1,32 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HomeCardRecipients = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var utils_1 = require("@/utils");
+var components_1 = require("@/components");
+var HomeCardRecipients = function (_a) {
+    var recipients = _a.recipients, menu = _a.menu, onEditClick = _a.onEditClick;
+    return ((0, jsx_runtime_1.jsx)(react_1.Stack, { p: "base", spacing: "1", children: recipients === null || recipients === void 0 ? void 0 : recipients.map(function (_a, index) {
+            var accountTypes = _a.accountTypes, user = _a.user;
+            var hasAccountType = accountTypes.length > 0;
+            var oneAccountType = accountTypes.length === 1;
+            return ((0, jsx_runtime_1.jsxs)(react_1.Container, { p: "base", position: "relative", children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { mb: hasAccountType ? 'base' : '0', children: [hasAccountType && ((0, jsx_runtime_1.jsx)(components_1.RecipientHeader, { accountType: oneAccountType ? accountTypes[0] : accountTypes.join(', ') })), (0, jsx_runtime_1.jsxs)(react_1.Flex, { position: "absolute", top: "3px", right: "2", children: [!(0, utils_1.isHomeowner)(accountTypes) && ((0, jsx_runtime_1.jsx)(react_1.Tooltip, { label: (0, i18next_1.t)('tooltips.editContact'), children: (0, jsx_runtime_1.jsx)(react_1.IconButton, { variant: "menuIconWithShadow", maxW: "fit-content", "aria-label": (0, i18next_1.t)('ariaLabels.edit'), p: "1", icon: (0, jsx_runtime_1.jsx)(components_1.Edit, {}), onClick: function () { return onEditClick({ user: user, accountTypes: accountTypes }); } }) })), menu && ((0, jsx_runtime_1.jsx)(react_1.Box, { children: (0, jsx_runtime_1.jsx)(components_1.IconMenu, { icon: (0, jsx_runtime_1.jsx)(components_1.MoreHorizontal, { size: 26 }), menuItems: menu, itemForm: {
+                                                _id: user.email,
+                                                name: user.firstName,
+                                            } }) }))] })] }), (0, jsx_runtime_1.jsx)(components_1.RecipientContent, __assign({}, user, { index: index }))] }, user.email));
+        }) }));
+};
+exports.HomeCardRecipients = HomeCardRecipients;

package/dist/components/homeBoard/HomeCardRecords.d.ts

@@ -0,0 +1,2 @@
+import { HomeCardWithRecipentI } from '@/interfaces';
+export declare const HomeCardRecords: ({ records, onAddRecords, onViewDetails, }: Pick<HomeCardWithRecipentI, "onViewDetails" | "records" | "onAddRecords">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeBoard/HomeCardRecords.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HomeCardRecords = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var colors_1 = require("@/theme/colors");
+var HomeCardRecords = function (_a) {
+    var _b = _a.records, records = _b === void 0 ? {} : _b, onAddRecords = _a.onAddRecords, onViewDetails = _a.onViewDetails;
+    var hasRecords = Object.keys(records).length > 0;
+    var recordsMapped = {
+        Type: records === null || records === void 0 ? void 0 : records.propertyUse,
+        'Year Built': records === null || records === void 0 ? void 0 : records.yearBuilt,
+        Lot: records === null || records === void 0 ? void 0 : records.lotSquareFeet,
+        Subdivision: records === null || records === void 0 ? void 0 : records.subdivision,
+        Bedrooms: records === null || records === void 0 ? void 0 : records.bedrooms,
+        Bathrooms: records === null || records === void 0 ? void 0 : records.bathrooms,
+        'Half Bath': records === null || records === void 0 ? void 0 : records.partialBathrooms,
+        'Total Sqft': records === null || records === void 0 ? void 0 : records.livingSquareFeet,
+    };
+    if (!hasRecords) {
+        return (0, jsx_runtime_1.jsx)(AddHomeRecords, { onAddRecords: onAddRecords });
+    }
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { p: "base", children: (0, jsx_runtime_1.jsxs)(react_1.Container, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, { children: (0, jsx_runtime_1.jsx)(react_1.Grid, { templateColumns: "repeat(2, 1fr)", templateRows: "repeat(4, 1fr)", gridGap: "base", rowGap: "1", p: "base", borderBottom: "1px solid", borderColor: "lightBlue.2", autoFlow: "column", children: recordsMapped &&
+                            Object.entries(recordsMapped).map(function (_a) {
+                                var label = _a[0], _b = _a[1], value = _b === void 0 ? '' : _b;
+                                return ((0, jsx_runtime_1.jsx)(react_1.GridItem, { children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontFamily: "secondary", color: "gray.2", fontSize: "xs", noOfLines: 1, minW: "fit-content", lineHeight: "1", children: label }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontFamily: "secondary", fontWeight: "semibold", textAlign: "right", fontSize: "xs", noOfLines: 1, flex: "auto", lineHeight: "1", textTransform: "capitalize", children: value })] }) }, label + value));
+                            }) }) }), (0, jsx_runtime_1.jsx)(react_1.Center, { py: "base", children: (0, jsx_runtime_1.jsx)(react_1.Button, { variant: "text", onClick: onViewDetails, children: (0, i18next_1.t)('homeBoard.viewDetails') }) })] }) }));
+};
+exports.HomeCardRecords = HomeCardRecords;
+var AddHomeRecords = function (_a) {
+    var onAddRecords = _a.onAddRecords;
+    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { px: "base", py: "6", spacing: "base", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "home", textAlign: "center", children: (0, i18next_1.t)('homeBoard.publicRecords') }), (0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "secondary", textTransform: "capitalize", onClick: onAddRecords, gap: "base", bg: "neutral.white", children: [(0, jsx_runtime_1.jsx)(components_1.Plus, { stroke: colors_1.colors.blue['2'] }), (0, i18next_1.t)('homeBoard.addRecords')] })] }));
+};

package/dist/components/homeBoard/HomeCardWithRecipent.d.ts

@@ -0,0 +1,2 @@
+import { HomeCardWithRecipentI } from '@/interfaces';
+export declare const HomeCardWithRecipent: ({ address: { city, state, street, number, zip }, addImage, externalLink, handleEdit, handleDeleteAccountType, handleSubmitAccountType, image, _id, loading, menu, name, onAddRecords, onViewDetails, panelSize, recipients, records, disabled, }: HomeCardWithRecipentI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeBoard/HomeCardWithRecipent.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HomeCardWithRecipent = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var hooks_1 = require("@/hooks");
+var HomeCardWithRecipent = function (_a) {
+    var _b = _a.address, city = _b.city, state = _b.state, street = _b.street, _c = _b.number, number = _c === void 0 ? '' : _c, zip = _b.zip, addImage = _a.addImage, externalLink = _a.externalLink, handleEdit = _a.handleEdit, handleDeleteAccountType = _a.handleDeleteAccountType, handleSubmitAccountType = _a.handleSubmitAccountType, image = _a.image, _id = _a._id, _d = _a.loading, loading = _d === void 0 ? false : _d, menu = _a.menu, name = _a.name, onAddRecords = _a.onAddRecords, onViewDetails = _a.onViewDetails, _e = _a.panelSize, panelSize = _e === void 0 ? 'md' : _e, recipients = _a.recipients, _f = _a.records, records = _f === void 0 ? {} : _f, disabled = _a.disabled;
+    var _g = (0, hooks_1.useHomeCardWithRecipent)(), isRightOpen = _g.isRightOpen, onRightClose = _g.onRightClose, editingAccountType = _g.editingAccountType, handleEditAccountType = _g.handleEditAccountType;
+    var tabs = [
+        {
+            label: (0, i18next_1.t)('homeBoard.tabs.tab1'),
+            component: ((0, jsx_runtime_1.jsx)(components_1.HomeCardRecords, { records: records, onAddRecords: onAddRecords, onViewDetails: onViewDetails })),
+        },
+        {
+            label: (0, i18next_1.t)('homeBoard.tabs.tab2'),
+            component: ((0, jsx_runtime_1.jsx)(components_1.HomeCardRecipients, { recipients: recipients, menu: menu, onEditClick: handleEditAccountType })),
+        },
+    ];
+    return ((0, jsx_runtime_1.jsxs)(react_1.Container, { variant: "launchpad", children: [(0, jsx_runtime_1.jsx)(components_1.HomeCard, { city: city, externalLink: externalLink, imageUrl: image, name: name, number: number, street: street, state: state, zip: zip, handleEditClick: function () { return handleEdit(_id); }, addImage: addImage, loading: loading, edit: !disabled }), (0, jsx_runtime_1.jsx)(components_1.TabsHeader, { tabList: tabs }), (0, jsx_runtime_1.jsx)(components_1.RightPanel, { isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: (0, jsx_runtime_1.jsx)(components_1.EditAccountType, { associateAccount: editingAccountType, handleClose: onRightClose, handleDelete: handleDeleteAccountType, handleSubmit: handleSubmitAccountType, isLoading: loading }) })] }));
+};
+exports.HomeCardWithRecipent = HomeCardWithRecipent;

package/dist/components/homeBoard/HomeHeader.d.ts

@@ -0,0 +1,2 @@
+import { HomeHeaderI } from '@/interfaces';
+export declare const HomeHeader: ({ buttonLabel, onAdd, onBack, homeName, disabled, }: HomeHeaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeBoard/HomeHeader.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HomeHeader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var HomeHeader = function (_a) {
+    var buttonLabel = _a.buttonLabel, onAdd = _a.onAdd, onBack = _a.onBack, homeName = _a.homeName, disabled = _a.disabled;
+    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", justify: "space-between", children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", gap: "2", children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip, { hasArrow: true, isDisabled: false, label: (0, i18next_1.t)('homeHeader.backBtn'), placement: "right", children: (0, jsx_runtime_1.jsx)(react_1.Box, { id: "backToLaunchpad", children: (0, jsx_runtime_1.jsx)(components_1.BackCircleButton, { onClick: onBack }) }) }), (0, jsx_runtime_1.jsx)(react_1.Show, { breakpoint: "(min-width: 400px)", children: (0, jsx_runtime_1.jsx)(react_1.Box, { borderLeft: "solid", borderWidth: "1px", borderColor: "lightGray.2", h: "1.75rem", mx: "2" }) }), (0, jsx_runtime_1.jsx)(react_1.Text, { variant: "titleBolder", children: homeName })] }), buttonLabel && ((0, jsx_runtime_1.jsx)(react_1.Flex, { position: "absolute", right: "0", id: "addCatalog", children: (0, jsx_runtime_1.jsx)(components_1.LeftButton, { onClick: onAdd, height: "2rem", label: buttonLabel, disabled: disabled }) }))] }));
+};
+exports.HomeHeader = HomeHeader;

package/dist/components/homeBoard/SharedFilter.d.ts

@@ -0,0 +1,2 @@
+import { SharedFilterI } from '@/interfaces';
+export declare const SharedFilter: ({ showingFiles, totalFiles, uploading, uploadingFiles, }: SharedFilterI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeBoard/SharedFilter.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SharedFilter = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var react_spinners_1 = require("react-spinners");
+var colors_1 = require("@/theme/colors");
+var utils_1 = require("@/utils");
+var SharedFilter = function (_a) {
+    var showingFiles = _a.showingFiles, totalFiles = _a.totalFiles, uploading = _a.uploading, uploadingFiles = _a.uploadingFiles;
+    var files = (0, utils_1.pluralize)(totalFiles, (0, i18next_1.t)('folderSharing.showing.part4'));
+    var moreThanOne = "".concat((0, i18next_1.t)('folderSharing.showing.part1'), " 1-").concat(showingFiles, " ").concat((0, i18next_1.t)('folderSharing.showing.part2'), " ").concat(totalFiles, " ").concat((0, i18next_1.t)('folderSharing.showing.part3'));
+    var one = "".concat((0, i18next_1.t)('folderSharing.showing.part1'), " ").concat(showingFiles, " ").concat((0, i18next_1.t)('folderSharing.showing.part2'), " ").concat(totalFiles, " ").concat(files);
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { bg: "lightBlue.1", w: "100%", px: "4", py: "base", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { justify: "space-between", align: "center", children: [!uploading && ((0, jsx_runtime_1.jsx)(react_1.Text, { variant: "home", children: totalFiles > 1 ? moreThanOne : one })), uploading && ((0, jsx_runtime_1.jsxs)(react_1.Text, { variant: "home", children: [(0, jsx_runtime_1.jsx)(react_1.chakra.span, { fontWeight: "bold", children: (0, i18next_1.t)('folderSharing.uploading') }), " ".concat(uploadingFiles, " ").concat(files), (0, jsx_runtime_1.jsx)(react_1.chakra.span, { ml: "2", children: (0, jsx_runtime_1.jsx)(react_spinners_1.BeatLoader, { size: "4", color: colors_1.colors.blue[6] }) })] }))] }) }));
+};
+exports.SharedFilter = SharedFilter;

package/dist/components/homeBoard/SortHeader.d.ts

@@ -0,0 +1,2 @@
+import { SortHeaderI } from '@/interfaces';
+export declare const SortHeader: ({ handleSelect, initialSelectTypeValue, selectTypeItems, }: SortHeaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeBoard/SortHeader.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SortHeader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var hooks_1 = require("@/hooks");
+var utils_1 = require("@/utils");
+var SortHeader = function (_a) {
+    var handleSelect = _a.handleSelect, _b = _a.initialSelectTypeValue, initialSelectTypeValue = _b === void 0 ? 'All' : _b, _c = _a.selectTypeItems, selectTypeItems = _c === void 0 ? [] : _c;
+    var width = (0, hooks_1.useWindowDimensions)().windowDimensions.width;
+    var isMobile = width < utils_1.MOBILE_WIDTH;
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { bg: "lightBlue.2", py: "2", pl: "base", w: "100%", children: (0, jsx_runtime_1.jsx)(components_1.SelectInput, { handleClick: handleSelect, initialValue: initialSelectTypeValue, items: selectTypeItems, width: isMobile ? '8rem' : '10rem' }) }));
+};
+exports.SortHeader = SortHeader;

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

@@ -0,0 +1,20 @@
+export * from './AddFolder';
+export * from './AddHomeItem';
+export * from './AddPropertyRecords';
+export * from './ConfirmHomeAddress';
+export * from './DetailsTab';
+export * from './EditAccountType';
+export * from './File';
+export * from './FileDetail';
+export * from './Files';
+export * from './FolderDetail';
+export * from './HomeBoard';
+export * from './HomeBoardGrid';
+export * from './HomeCard';
+export * from './HomeCardReadOnly';
+export * from './HomeCardRecipients';
+export * from './HomeCardRecords';
+export * from './HomeCardWithRecipent';
+export * from './HomeHeader';
+export * from './SharedFilter';
+export * from './SortHeader';

package/dist/components/homeBoard/index.js

@@ -0,0 +1,36 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AddFolder"), exports);
+__exportStar(require("./AddHomeItem"), exports);
+__exportStar(require("./AddPropertyRecords"), exports);
+__exportStar(require("./ConfirmHomeAddress"), exports);
+__exportStar(require("./DetailsTab"), exports);
+__exportStar(require("./EditAccountType"), exports);
+__exportStar(require("./File"), exports);
+__exportStar(require("./FileDetail"), exports);
+__exportStar(require("./Files"), exports);
+__exportStar(require("./FolderDetail"), exports);
+__exportStar(require("./HomeBoard"), exports);
+__exportStar(require("./HomeBoardGrid"), exports);
+__exportStar(require("./HomeCard"), exports);
+__exportStar(require("./HomeCardReadOnly"), exports);
+__exportStar(require("./HomeCardRecipients"), exports);
+__exportStar(require("./HomeCardRecords"), exports);
+__exportStar(require("./HomeCardWithRecipent"), exports);
+__exportStar(require("./HomeHeader"), exports);
+__exportStar(require("./SharedFilter"), exports);
+__exportStar(require("./SortHeader"), exports);

package/dist/components/homeSummary/DocumentMenu.d.ts

@@ -0,0 +1,2 @@
+import { DocumentListI } from '@/interfaces';
+export declare const DocumentMenu: ({ documents, isDisabled, title, }: DocumentListI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeSummary/DocumentMenu.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentMenu = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var colors_1 = require("@/theme/colors");
+var DocumentMenu = function (_a) {
+    var documents = _a.documents, isDisabled = _a.isDisabled, title = _a.title;
+    var filteredDocuments = documents.filter(function (document) { return document.active !== false; });
+    return ((0, jsx_runtime_1.jsx)(react_1.Menu, { gutter: 0, matchWidth: true, children: function (_a) {
+            var isOpen = _a.isOpen;
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Overlay, { bg: "#00000040", showOverlay: isOpen, zIndex: "2", position: "fixed" }), (0, jsx_runtime_1.jsx)(react_1.MenuButton, { as: react_1.Button, variant: "menu", disabled: isDisabled, zIndex: "3", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { alignItems: "center", justifyContent: "space-between", px: "4", children: [(0, jsx_runtime_1.jsx)(components_1.IconAndText, { title: title, icon: (0, jsx_runtime_1.jsx)(components_1.Plus, {}) }), (0, jsx_runtime_1.jsx)(react_1.Circle, { size: "40px", bg: "blue.1", color: "neutral.white", transform: isOpen ? 'rotate(90deg)' : 'rotate(0deg)', transition: "all 0.2s ease-in-out", children: (0, jsx_runtime_1.jsx)(components_1.ChevronRight, { size: 26, stroke: colors_1.colors.neutral.white }) })] }) }), (0, jsx_runtime_1.jsx)(react_1.MenuList, { borderTopRadius: "0", boxShadow: "lg", zIndex: "3", children: documents &&
+                            filteredDocuments.map(function (_a) {
+                                var onClick = _a.onClick, icon = _a.icon, _b = _a.active, active = _b === void 0 ? true : _b, label = _a.label;
+                                return ((0, jsx_runtime_1.jsxs)(react_1.MenuItem, { minH: "3rem", onClick: onClick, isDisabled: !active, _hover: {
+                                        bg: 'lightGreen.1',
+                                    }, _focus: {
+                                        bg: 'lightGreen.1',
+                                    }, children: [(0, jsx_runtime_1.jsx)(react_1.Image, { boxSize: "2rem", src: icon, alt: "".concat(label, " ").concat((0, i18next_1.t)('images.altIcon')), mr: "12px" }), (0, jsx_runtime_1.jsx)(react_1.Text, { children: label })] }, label));
+                            }) })] }));
+        } }));
+};
+exports.DocumentMenu = DocumentMenu;

package/dist/components/homeSummary/ProjectList.d.ts

@@ -0,0 +1,2 @@
+import { ProjectListI } from '@/interfaces';
+export declare const ProjectList: ({ handleProjectClick, menuItems, title, }: ProjectListI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeSummary/ProjectList.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProjectList = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var images_1 = require("@/assets/images");
+var ProjectList = function (_a) {
+    var handleProjectClick = _a.handleProjectClick, menuItems = _a.menuItems, title = _a.title;
+    return ((0, jsx_runtime_1.jsx)(react_1.Container, { variant: "list", p: "4", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { justify: "space-between", children: [(0, jsx_runtime_1.jsx)(react_1.Box, { as: "button", onClick: handleProjectClick, children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { alignItems: "center", gap: "3", children: [(0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.YellowFolder, alt: "".concat(title, " ").concat((0, i18next_1.t)('homeSummary.altFolderIcon')), h: "2rem", w: "auto" }), (0, jsx_runtime_1.jsx)(react_1.Text, { children: title })] }) }), (0, jsx_runtime_1.jsx)(components_1.IconMenu, { icon: (0, jsx_runtime_1.jsx)(components_1.MoreHorizontal, { size: 38 }), menuItems: menuItems })] }) }));
+};
+exports.ProjectList = ProjectList;