@homefile/components-v2 1.0.2 → 1.0.4

package/dist/components/homeBoard/HomeBoard.js

@@ -1,15 +1,3 @@
-"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) {
@@ -19,50 +7,21 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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("..");
-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 (_) {
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, DrawerBody, DrawerContent, DrawerHeader, Flex, Stack, } from '@chakra-ui/react';
+import { HomeHeader, HomeCardWithRecipent, AddFolder, EditAccountType, FolderSharing, RightPanel, HomeBoardTour, RoomsMenu, ContactsContent, AppBar, BarDivider, ContactList, PeopleConnected, StorageUsed, TourButton, Trash, TutorialsButton, FolderTypeSelection, DisplayFiles, DisplayOptions, FilesUploader, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, SharedAccounts, ReceiptAutofiler, HomeBoardGrid, ShortPartnerTile, ValueMonitor, TrendingValue, ReceiptsFiled, PropertyTaxes, AddHomeItem, SendCommunication, PartnerCatalogPanel, DynamicForm, PanelHeader, EditHomePanel, HomeCard, EditHomeFooter, HomeAssistant, } from '..';
+import { HomeCards, recipientsDb, FoldersDB, selectOptions, RoomsList, RoomsToAdd, } from '../../helpers';
+import { ContactsMock, DisplayFilesMock, formFieldsMock, homeBoardRecorsMock, lineChartData, menuMock, partnerCatalogMock, sharedAccountsMock, socialLinksMock2, taxesMock, userMock, videoMock, } from '../../mocks';
+import { useHomeBoard, useWindowDimensions } from '../../hooks';
+import { Painting } from '../../assets/images';
+export const HomeBoard = () => {
+    const { currentStep, activeTour, currentComponent, form, handleClose, handleEditHomeClick, handleFolderClick, handleNewFolder, handleStep, homeName, isRightOpen, onRightClose, setActiveTour, setShowFooter, showFooter, showOverlay, } = useHomeBoard();
+    const rightPanelComponents = {
+        AddFolder: (_jsx(AddFolder, { handleClose: onRightClose, handleSubmit: (_) => {
                 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: {
+            }, headerTitle: "Add Folder", icon: "folder", children: _jsx(FolderTypeSelection, { onChange: () => null }) })),
+        FolderDetail: (_jsxs(FolderDetailContent, { children: [_jsx(FolderDetailHeader, { folderName: "Folder Name", folterType: "project", onClose: () => { }, children: _jsx(FolderInfo, { folderName: "Folder Name", folderType: "project", onSave: () => { } }) }), _jsx(FolderDetailBody, { contents: _jsxs(Box, { bg: "neutral.white", h: "100vh", children: [_jsx(DisplayOptions, { dateFilters: ['Today', 'Yesterday', 'Last 7 days'], initialDisplay: "grid", onDisplayClick: () => null, onDateFilter: () => null, onTypeFilter: () => null, typeFilters: ['All', 'Images', 'Videos', 'Documents'] }), _jsx(FilesUploader, { displayType: "grid", onUpload: () => null, totalFiles: DisplayFilesMock.length, totalShowing: DisplayFilesMock.length, uploading: false }), _jsx(DisplayFiles, { files: DisplayFilesMock, menu: [], onClick: () => null, onMove: () => null, type: "grid" })] }), sharedWith: _jsx(Box, { bg: "lightBlue.2", h: "100vh", children: _jsx(SharedAccounts, { accounts: sharedAccountsMock, totalAccounts: 6, totalShowing: "6", onClick: () => null, label: "Add person" }) }) }), _jsx(FolderDetailFooter, { onDelete: () => null })] })),
+        EditAccountType: (_jsx(EditAccountType, { associateAccount: {
                 accountTypes: ['Member', 'Contributor'],
                 user: {
                     firstName: 'Adam',
@@ -70,30 +29,25 @@ var HomeBoard = function () {
                     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: [
+            }, handleClose: () => null, handleDelete: () => null, handleSubmit: () => null })),
+        EditHome: (_jsxs(EditHomePanel, { children: [_jsx(HomeCard, Object.assign({ setIsDirty: setShowFooter, isEditMode: true, imageUrl: { bucketName: '', extension: ' ', fileName: '' } }, form)), _jsx(EditHomeFooter, { isOpen: showFooter, onSave: () => null, onCancel: onRightClose })] })),
+        Contacts: (_jsx(ContactsContent, { contacts: ContactsMock, handleClose: onRightClose, handleAdd: () => { }, menuItems: [
                 {
                     label: 'Edit Contact',
-                    handleClick: function () { return null; },
+                    handleClick: () => 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 }) })] })),
+        PartnerCatalog: (_jsx(PartnerCatalogPanel, { onClose: () => null, onPartnerAdd: () => null, partners: partnerCatalogMock })),
+        AddHouseholdItem: (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: handleClose, icon: Painting, title: "Add Household Item" }) }), _jsx(DrawerBody, { children: _jsx(DynamicForm, { form: 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 })] }));
+    const panelSize = currentComponent === 'PartnerCatalog' ? 'lg' : 'md';
+    return (_jsxs(Box, { overflowX: "hidden", children: [_jsx(RightPanel, { overlay: showOverlay, isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: rightPanelComponents[currentComponent] }), _jsxs(Flex, { w: "full", minH: "100dvh", children: [_jsx(RoomsMenu, { activeRoom: "homeboard", handleAddRoom: (id) => __awaiter(void 0, void 0, void 0, function* () { return console.log(id); }), handleClick: () => null, handleHomeClick: () => null, rooms: RoomsList, roomsToAdd: RoomsToAdd }), _jsxs(Box, { w: "full", children: [_jsx(AppBarComponent, { setActiveTour: setActiveTour }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsx(HomeHeader, { buttonLabel: "Partner catalog", onBack: () => null, homeName: homeName, onAdd: () => null }), _jsxs(HomeBoardGrid, { children: [_jsx(HomeCardWithRecipent, { address: HomeCards[0].address, handleEdit: handleEditHomeClick, handleDeleteAccountType: (email) => email, handleSubmitAccountType: (form) => form, _id: HomeCards[0]._id, image: HomeCards[0].image, loading: false, name: HomeCards[0].name, menu: menuMock, addImage: () => null, recipients: recipientsDb, records: homeBoardRecorsMock }), _jsx(HomeAssistant, { currentStep: 6, onStepClick: () => null }), _jsx(PropertyTaxes, { estimatedTaxValue: 1000, menuItems: menuMock, taxes: taxesMock, title: "Travis County Property Taxes" }), _jsxs(Stack, { spacing: "base", children: [_jsx(ReceiptAutofiler, { onClick: () => null, totalReceipts: 36, totalTitle: "Receipts Received", forwardTo: "reciepts@homefile.cloud", onFilter: () => null, children: _jsx(ReceiptsFiled, { incidentalItemsNumber: 0, incidentalSpent: 0, inventoryItemsNumber: 0, inventorySpent: 0, total: 0 }) }), _jsx(ValueMonitor, { menuItems: menuMock, balance: "+3%", totalValue: 323421, year: "2023", yearValue: 5684 })] }), _jsx(ShortPartnerTile, { _id: "1", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" }), _jsx(TrendingValue, { chartData: lineChartData, marketValue: 894000, menuItems: menuMock, mortgageBalance: 220532, purchasePrice: 220532, roi: "+234%" }), _jsx(ShortPartnerTile, { _id: "2", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" }), _jsx(FolderSharing, { folders: FoldersDB, handleAddNewFolder: handleNewFolder, handleFolderClick: handleFolderClick, handleSelect: () => null, initialSelectItem: selectOptions[0], menuItems: menuMock, selectItems: selectOptions }), _jsxs(Stack, { spacing: "base", children: [_jsx(AddHomeItem, { handleClick: () => null }), _jsx(SendCommunication, { documentList: [] })] }), _jsx(ShortPartnerTile, { _id: "3", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" })] })] })] })] }), _jsx(HomeBoardTour, { currentStep: currentStep, handleClose: handleClose, handleStep: handleStep, meetStepUrl: videoMock, isActive: activeTour })] }));
 };
-exports.HomeBoard = HomeBoard;
-var AppBarComponent = function (_a) {
-    var _b = _a.setActiveTour, setActiveTour = _b === void 0 ? function (value) { } : _b;
-    var handleTour = function () {
+export const AppBarComponent = ({ setActiveTour = (value) => { } }) => {
+    const handleTour = () => {
         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 })] })] }))] }));
+    const { windowDimensions: { width }, } = useWindowDimensions();
+    const isMobile = width <= 768;
+    return (_jsxs(AppBar, { onLogoClick: () => null, user: userMock, children: [!isMobile && (_jsxs(_Fragment, { children: [_jsx(TourButton, { onClick: handleTour, label: "Show tour" }), _jsx(BarDivider, {})] })), _jsx(PeopleConnected, { onClick: () => null, total: 12 }), _jsx(BarDivider, {}), _jsx(ContactList, { onClick: () => null, total: 2 }), _jsx(BarDivider, {}), _jsx(TutorialsButton, { onClick: () => null }), !isMobile && (_jsxs(_Fragment, { children: [_jsx(BarDivider, {}), _jsxs(Flex, { align: "center", gap: "1", children: [_jsx(StorageUsed, { totalUsed: 2, totalStorage: 10, state: "trial", onClick: () => null }), _jsx(Trash, { onClick: () => null, total: 2 })] })] }))] }));
 };
-exports.AppBarComponent = AppBarComponent;

package/dist/components/homeBoard/HomeBoardGrid.js

@@ -1,10 +1,5 @@
-"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 }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SimpleGrid } from '@chakra-ui/react';
+export const HomeBoardGrid = ({ children }) => {
+    return (_jsx(SimpleGrid, { minChildWidth: ['full', '340px'], spacingX: "base", spacingY: "base", w: "full", h: "full", children: children }));
 };
-exports.HomeBoardGrid = HomeBoardGrid;

package/dist/components/homeBoard/HomeCard.js

@@ -1,15 +1,3 @@
-"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)
@@ -21,28 +9,25 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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("..");
-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,
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Center, Image } from '@chakra-ui/react';
+import { BeatLoader } from 'react-spinners';
+import { EditFileUploader, HomeCardReadOnly, TileTooltip, EditHomeDetails, } from '..';
+import { useHomeCard } from '../../hooks';
+import { randomImages } from '../../utils';
+export const HomeCard = (_a) => {
+    var { addImage = () => null, apartmentNumber, city, edit = true, externalLink, imageUrl: image, isEditMode, loading, name, number, obs, setIsDirty, state, street, zip } = _a, props = __rest(_a, ["addImage", "apartmentNumber", "city", "edit", "externalLink", "imageUrl", "isEditMode", "loading", "name", "number", "obs", "setIsDirty", "state", "street", "zip"]);
+    const address = {
+        apartmentNumber,
+        city,
+        number,
+        obs,
+        street,
+        state,
+        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 }))] }) }));
+    const { imageUrl } = useHomeCard(image);
+    const hasImage = Boolean(imageUrl);
+    return (_jsx(TileTooltip, { label: "homeCard", children: _jsxs(Box, { children: [_jsxs(Center, { pos: "relative", h: "12rem", bg: "lightBlue.2", overflow: "hidden", children: [loading && (_jsx(Center, { h: "8rem", children: _jsx(BeatLoader, { color: "gray", size: 8 }) })), !loading && (_jsxs(_Fragment, { children: [edit && (_jsx(EditFileUploader, { handleInputChange: addImage, "aria-label": t('ariaLabels.edit'), position: "absolute", right: "2", top: "1" })), _jsx(Image, { src: (hasImage && imageUrl) || randomImages(0), alt: `${name} ${t('images.altImage')}`, w: "full", objectFit: "cover" })] }))] }), !isEditMode && (_jsx(HomeCardReadOnly, Object.assign({ addImage: addImage, name: name, externalLink: externalLink }, props, address))), isEditMode && (_jsx(EditHomeDetails, { address: address, externalLink: externalLink, name: name, setIsDirty: setIsDirty }))] }) }));
 };
-exports.HomeCard = HomeCard;

package/dist/components/homeBoard/HomeCardReadOnly.js

@@ -1,12 +1,7 @@
-"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("..");
-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 }))] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Stack, Flex, IconButton, Tooltip, Text } from '@chakra-ui/react';
+import { Edit } from '..';
+export const HomeCardReadOnly = ({ city, edit = true, externalLink, handleEditClick, maxW, mail, name, number, phone, street, state, zip, }) => {
+    return (_jsx(Box, { w: maxW, children: _jsxs(Stack, { px: "base", pb: "base", pt: "2", bg: "neutral.white", spacing: "1", children: [_jsxs(Flex, { justify: "space-between", align: "center", children: [_jsx(Text, { variant: "heading6", noOfLines: 1, textOverflow: "ellipsis", children: name }), edit && (_jsx(Tooltip, { label: t('tooltips.editDetails'), children: _jsx(IconButton, { variant: "menuIconWithShadow", maxW: "fit-content", "aria-label": t('ariaLabels.edit'), p: "1", icon: _jsx(Edit, {}), onClick: handleEditClick, id: "editHomeIcon" }) }))] }), _jsxs(Box, { children: [_jsxs(Flex, { justify: "space-between", align: "center", children: [_jsx(Text, { variant: "info", children: `${number} ${street}` }), mail && _jsx(Text, { variant: "email", children: mail })] }), _jsx(Text, { variant: "info", lineHeight: "14px", children: `${city} ${state} ${zip}` }), phone && (_jsx(Text, { variant: "info", mt: "-1.5", children: phone }))] }), externalLink && (_jsx(Text, { fontSize: "xs", fontFamily: "secondary", color: "blue.3", textOverflow: "ellipsis", noOfLines: 1, children: externalLink }))] }) }));
 };
-exports.HomeCardReadOnly = HomeCardReadOnly;

package/dist/components/homeBoard/HomeCardRecipients.js

@@ -1,32 +1,15 @@
-"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("..");
-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: {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Stack, Container, Flex, IconButton, Box, Tooltip, } from '@chakra-ui/react';
+import { isHomeowner } from '../../utils';
+import { Edit, MoreHorizontal, IconMenu, RecipientHeader, RecipientContent, } from '..';
+export const HomeCardRecipients = ({ recipients, menu, onEditClick, }) => {
+    return (_jsx(Stack, { p: "base", spacing: "1", children: recipients === null || recipients === void 0 ? void 0 : recipients.map(({ accountTypes, user }, index) => {
+            const hasAccountType = accountTypes.length > 0;
+            const oneAccountType = accountTypes.length === 1;
+            return (_jsxs(Container, { p: "base", position: "relative", children: [_jsxs(Flex, { mb: hasAccountType ? 'base' : '0', children: [hasAccountType && (_jsx(RecipientHeader, { accountType: oneAccountType ? accountTypes[0] : accountTypes.join(', ') })), _jsxs(Flex, { position: "absolute", top: "3px", right: "2", children: [!isHomeowner(accountTypes) && (_jsx(Tooltip, { label: t('tooltips.editContact'), children: _jsx(IconButton, { variant: "menuIconWithShadow", maxW: "fit-content", "aria-label": t('ariaLabels.edit'), p: "1", icon: _jsx(Edit, {}), onClick: () => onEditClick({ user, accountTypes }) }) })), menu && (_jsx(Box, { children: _jsx(IconMenu, { icon: _jsx(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));
+                                            } }) }))] })] }), _jsx(RecipientContent, Object.assign({}, user, { index: index }))] }, user.email));
         }) }));
 };
-exports.HomeCardRecipients = HomeCardRecipients;

package/dist/components/homeBoard/HomeCardRecords.js

@@ -1,15 +1,11 @@
-"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("..");
-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 = {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Button, Center, Container, Flex, Grid, GridItem, Stack, Text, } from '@chakra-ui/react';
+import { Plus } from '..';
+import { colors } from '../../theme/colors';
+export const HomeCardRecords = ({ records = {}, onAddRecords, onViewDetails, }) => {
+    const hasRecords = Object.keys(records).length > 0;
+    const 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,
@@ -20,16 +16,11 @@ var HomeCardRecords = function (_a) {
         'Total Sqft': records === null || records === void 0 ? void 0 : records.livingSquareFeet,
     };
     if (!hasRecords) {
-        return (0, jsx_runtime_1.jsx)(AddHomeRecords, { onAddRecords: onAddRecords });
+        return _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') }) })] }) }));
+    return (_jsx(Box, { p: "base", children: _jsxs(Container, { children: [_jsx(Box, { children: _jsx(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(([label, value = '']) => (_jsx(GridItem, { children: _jsxs(Flex, { children: [_jsx(Text, { fontFamily: "secondary", color: "gray.2", fontSize: "xs", noOfLines: 1, minW: "fit-content", lineHeight: "1", children: label }), _jsx(Text, { fontFamily: "secondary", fontWeight: "semibold", textAlign: "right", fontSize: "xs", noOfLines: 1, flex: "auto", lineHeight: "1", textTransform: "capitalize", children: value })] }) }, label + value))) }) }), _jsx(Center, { py: "base", children: _jsx(Button, { variant: "text", onClick: onViewDetails, children: 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')] })] }));
+const AddHomeRecords = ({ onAddRecords, }) => {
+    return (_jsxs(Stack, { px: "base", py: "6", spacing: "base", children: [_jsx(Text, { variant: "home", textAlign: "center", children: t('homeBoard.publicRecords') }), _jsxs(Button, { variant: "secondary", textTransform: "capitalize", onClick: onAddRecords, gap: "base", bg: "neutral.white", children: [_jsx(Plus, { stroke: colors.blue['2'] }), t('homeBoard.addRecords')] })] }));
 };

package/dist/components/homeBoard/HomeCardWithRecipent.js

@@ -1,24 +1,19 @@
-"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("..");
-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 = [
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Container } from '@chakra-ui/react';
+import { HomeCard, EditAccountType, RightPanel, HomeCardRecipients, TabsHeader, HomeCardRecords, } from '..';
+import { useHomeCardWithRecipent } from '../../hooks';
+export const HomeCardWithRecipent = ({ address: { city, state, street, number = '', zip }, addImage, externalLink, handleEdit, handleDeleteAccountType, handleSubmitAccountType, image, _id, loading = false, menu, name, onAddRecords, onViewDetails, panelSize = 'md', recipients, records = {}, disabled, }) => {
+    const { isRightOpen, onRightClose, editingAccountType, handleEditAccountType, } = useHomeCardWithRecipent();
+    const 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: t('homeBoard.tabs.tab1'),
+            component: (_jsx(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 })),
+            label: t('homeBoard.tabs.tab2'),
+            component: (_jsx(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 }) })] }));
+    return (_jsxs(Container, { variant: "launchpad", children: [_jsx(HomeCard, { city: city, externalLink: externalLink, imageUrl: image, name: name, number: number, street: street, state: state, zip: zip, handleEditClick: () => handleEdit(_id), addImage: addImage, loading: loading, edit: !disabled }), _jsx(TabsHeader, { tabList: tabs }), _jsx(RightPanel, { isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: _jsx(EditAccountType, { associateAccount: editingAccountType, handleClose: onRightClose, handleDelete: handleDeleteAccountType, handleSubmit: handleSubmitAccountType, isLoading: loading }) })] }));
 };
-exports.HomeCardWithRecipent = HomeCardWithRecipent;

package/dist/components/homeBoard/HomeHeader.js

@@ -1,12 +1,7 @@
-"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("..");
-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 }) }))] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Text, Flex, Box, Show, Tooltip } from '@chakra-ui/react';
+import { BackCircleButton, LeftButton } from '..';
+export const HomeHeader = ({ buttonLabel, onAdd, onBack, homeName, disabled, }) => {
+    return (_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Flex, { align: "center", gap: "2", children: [_jsx(Tooltip, { hasArrow: true, isDisabled: false, label: t('homeHeader.backBtn'), placement: "right", children: _jsx(Box, { id: "backToLaunchpad", children: _jsx(BackCircleButton, { onClick: onBack }) }) }), _jsx(Show, { breakpoint: "(min-width: 400px)", children: _jsx(Box, { borderLeft: "solid", borderWidth: "1px", borderColor: "lightGray.2", h: "1.75rem", mx: "2" }) }), _jsx(Text, { variant: "titleBolder", children: homeName })] }), buttonLabel && (_jsx(Flex, { position: "absolute", right: "0", id: "addCatalog", children: _jsx(LeftButton, { onClick: onAdd, height: "2rem", label: buttonLabel, disabled: disabled }) }))] }));
 };
-exports.HomeHeader = HomeHeader;

package/dist/components/homeBoard/SharedFilter.js

@@ -1,17 +1,12 @@
-"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] }) })] }))] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Flex, Text, chakra } from '@chakra-ui/react';
+import { BeatLoader } from 'react-spinners';
+import { colors } from '../../theme/colors';
+import { pluralize } from '../../utils';
+export const SharedFilter = ({ showingFiles, totalFiles, uploading, uploadingFiles, }) => {
+    const files = pluralize(totalFiles, t('folderSharing.showing.part4'));
+    const moreThanOne = `${t('folderSharing.showing.part1')} 1-${showingFiles} ${t('folderSharing.showing.part2')} ${totalFiles} ${t('folderSharing.showing.part3')}`;
+    const one = `${t('folderSharing.showing.part1')} ${showingFiles} ${t('folderSharing.showing.part2')} ${totalFiles} ${files}`;
+    return (_jsx(Box, { bg: "lightBlue.1", w: "100%", px: "4", py: "base", children: _jsxs(Flex, { justify: "space-between", align: "center", children: [!uploading && (_jsx(Text, { variant: "home", children: totalFiles > 1 ? moreThanOne : one })), uploading && (_jsxs(Text, { variant: "home", children: [_jsx(chakra.span, { fontWeight: "bold", children: t('folderSharing.uploading') }), ` ${uploadingFiles} ${files}`, _jsx(chakra.span, { ml: "2", children: _jsx(BeatLoader, { size: "4", color: colors.blue[6] }) })] }))] }) }));
 };
-exports.SharedFilter = SharedFilter;

package/dist/components/homeBoard/SortHeader.js

@@ -1,15 +1,10 @@
-"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("..");
-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' }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { SelectInput } from '..';
+import { useWindowDimensions } from '../../hooks';
+import { MOBILE_WIDTH } from '../../utils';
+export const SortHeader = ({ handleSelect, initialSelectTypeValue = 'All', selectTypeItems = [], }) => {
+    const { windowDimensions: { width }, } = useWindowDimensions();
+    const isMobile = width < MOBILE_WIDTH;
+    return (_jsx(Box, { bg: "lightBlue.2", py: "2", pl: "base", w: "100%", children: _jsx(SelectInput, { handleClick: handleSelect, initialValue: initialSelectTypeValue, items: selectTypeItems, width: isMobile ? '8rem' : '10rem' }) }));
 };
-exports.SortHeader = SortHeader;

package/dist/components/homeBoard/index.js

@@ -1,36 +1,20 @@
-"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);
+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';