@homefile/components-v2 1.0.2 → 1.0.3

package/dist/components/sendDocument/index.js

@@ -1,33 +1,17 @@
-"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("./AddMedia"), exports);
-__exportStar(require("./CreateDocumentContent"), exports);
-__exportStar(require("./CreateDocumentHeader"), exports);
-__exportStar(require("./DocumentDetailsTab"), exports);
-__exportStar(require("./DocumentNameHeader"), exports);
-__exportStar(require("./DocumentPreview"), exports);
-__exportStar(require("./InputOrText"), exports);
-__exportStar(require("./RecipientCard"), exports);
-__exportStar(require("./RecipientContent"), exports);
-__exportStar(require("./RecipientDocForm"), exports);
-__exportStar(require("./RecipientForm"), exports);
-__exportStar(require("./RecipientHeader"), exports);
-__exportStar(require("./RecipientHeaderShared"), exports);
-__exportStar(require("./RecipientTab"), exports);
-__exportStar(require("./SendCommunication"), exports);
-__exportStar(require("./Thumbs"), exports);
-__exportStar(require("./ThumbCard"), exports);
+export * from './AddMedia';
+export * from './CreateDocumentContent';
+export * from './CreateDocumentHeader';
+export * from './DocumentDetailsTab';
+export * from './DocumentNameHeader';
+export * from './DocumentPreview';
+export * from './InputOrText';
+export * from './RecipientCard';
+export * from './RecipientContent';
+export * from './RecipientDocForm';
+export * from './RecipientForm';
+export * from './RecipientHeader';
+export * from './RecipientHeaderShared';
+export * from './RecipientTab';
+export * from './SendCommunication';
+export * from './Thumbs';
+export * from './ThumbCard';

package/dist/components/shareHome/HomeSharedWith.js

@@ -1,15 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HomeSharedWith = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var images_1 = require("../../assets/images");
-var components_1 = require("..");
-var HomeSharedWith = function (_a) {
-    var associatedAccounts = _a.associatedAccounts, handleShowAccounts = _a.handleShowAccounts;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Container, { variant: "launchpad", h: "fit-content", minW: ['full', '20rem'], children: [(0, jsx_runtime_1.jsx)(components_1.ContainerHeader, { disabled: true, title: (0, i18next_1.t)('shareHome.subtitle'), titleIcon: images_1.ShareWith, menuItems: [], icon: (0, jsx_runtime_1.jsx)(components_1.MoreHorizontal, { size: 38 }) }), (0, jsx_runtime_1.jsx)(react_1.Box, { p: "base", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", as: "button", bg: "neutral.white", border: "1px", borderColor: "lightBlue.6", gap: "2", height: "input.md", _hover: {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Container, Flex, Text } from '@chakra-ui/react';
+import { ShareWith } from '../../assets/images';
+import { ContainerHeader, MoreHorizontal } from '..';
+export const HomeSharedWith = ({ associatedAccounts, handleShowAccounts, }) => {
+    return (_jsxs(Container, { variant: "launchpad", h: "fit-content", minW: ['full', '20rem'], children: [_jsx(ContainerHeader, { disabled: true, title: t('shareHome.subtitle'), titleIcon: ShareWith, menuItems: [], icon: _jsx(MoreHorizontal, { size: 38 }) }), _jsx(Box, { p: "base", children: _jsxs(Flex, { align: "center", as: "button", bg: "neutral.white", border: "1px", borderColor: "lightBlue.6", gap: "2", height: "input.md", _hover: {
                         bg: 'lightGreen.1',
-                    }, justify: "space-between", onClick: handleShowAccounts, px: "base", transition: "all 0.2s ease-in-out", w: "full", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "info", color: "gray.3", textTransform: "capitalize", children: (0, i18next_1.t)('shareHome.connected') }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "1.25rem", fontFamily: "primary", color: "blue.2", children: associatedAccounts.length || 0 })] }) })] }));
+                    }, justify: "space-between", onClick: handleShowAccounts, px: "base", transition: "all 0.2s ease-in-out", w: "full", children: [_jsx(Text, { variant: "info", color: "gray.3", textTransform: "capitalize", children: t('shareHome.connected') }), _jsx(Text, { fontSize: "1.25rem", fontFamily: "primary", color: "blue.2", children: associatedAccounts.length || 0 })] }) })] }));
 };
-exports.HomeSharedWith = HomeSharedWith;

package/dist/components/shareHome/RolesHelpModal.js

@@ -1,21 +1,6 @@
-"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);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { BaseStep, BubbleText, InviteRolesStep } from '..';
+export const RolesHelpModal = (props) => {
+    return (_jsxs(BaseStep, Object.assign({}, props, { children: [_jsx(BubbleText, { title: t('shareHome.bubbleTitle'), description: t('shareHome.bubbleSubtitle') }), _jsx(InviteRolesStep, {})] })));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RolesHelpModal = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var components_1 = require("..");
-var RolesHelpModal = function (props) {
-    return ((0, jsx_runtime_1.jsxs)(components_1.BaseStep, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)(components_1.BubbleText, { title: (0, i18next_1.t)('shareHome.bubbleTitle'), description: (0, i18next_1.t)('shareHome.bubbleSubtitle') }), (0, jsx_runtime_1.jsx)(components_1.InviteRolesStep, {})] })));
-};
-exports.RolesHelpModal = RolesHelpModal;

package/dist/components/shareHome/ShareHome.js

@@ -1,16 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareHome = 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 images_1 = require("../../assets/images");
-var hooks_1 = require("../../hooks");
-var ShareHome = function (_a) {
-    var contacts = _a.contacts, handleAdd = _a.handleAdd, _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.menuItems, menuItems = _c === void 0 ? [] : _c, onEmailSave = _a.onEmailSave;
-    var _d = (0, hooks_1.useShareHome)(), handleClose = _d.handleClose, handleHelpClick = _d.handleHelpClick, isHelpOpen = _d.isHelpOpen;
-    var hasMenuItems = (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) > 0;
-    return ((0, jsx_runtime_1.jsx)(react_1.Box, { minW: ['full', '20rem'], children: (0, jsx_runtime_1.jsxs)(react_1.Container, { variant: "launchpad", h: "fit-content", minW: ['full', '20rem'], position: "relative", children: [(0, jsx_runtime_1.jsx)(react_1.Box, { position: "absolute", top: "14px", right: "60px", children: (0, jsx_runtime_1.jsx)(components_1.HelpButton, { onClick: handleHelpClick, children: isHelpOpen && ((0, jsx_runtime_1.jsx)(components_1.RolesHelpModal, { arrowRight: "right", right: "70px", top: "-215px", onClose: handleClose })) }) }), (0, jsx_runtime_1.jsx)(components_1.ContainerHeader, { disabled: !hasMenuItems, title: (0, i18next_1.t)('shareHome.title'), titleIcon: images_1.ShareHome, menuItems: menuItems, icon: (0, jsx_runtime_1.jsx)(components_1.MoreHorizontal, { size: 38 }) }), (0, jsx_runtime_1.jsx)(components_1.ShareHomeForm, { contacts: contacts, onAdd: handleAdd, loading: loading, onEmailSave: onEmailSave })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Container, Box } from '@chakra-ui/react';
+import { ContainerHeader, RolesHelpModal, HelpButton, ShareHomeForm, MoreHorizontal, } from '..';
+import { ShareHome as ShareHomeIcon } from '../../assets/images';
+import { useShareHome } from '../../hooks';
+export const ShareHome = ({ contacts, handleAdd, loading = false, menuItems = [], onEmailSave, }) => {
+    const { handleClose, handleHelpClick, isHelpOpen } = useShareHome();
+    const hasMenuItems = (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) > 0;
+    return (_jsx(Box, { minW: ['full', '20rem'], children: _jsxs(Container, { variant: "launchpad", h: "fit-content", minW: ['full', '20rem'], position: "relative", children: [_jsx(Box, { position: "absolute", top: "14px", right: "60px", children: _jsx(HelpButton, { onClick: handleHelpClick, children: isHelpOpen && (_jsx(RolesHelpModal, { arrowRight: "right", right: "70px", top: "-215px", onClose: handleClose })) }) }), _jsx(ContainerHeader, { disabled: !hasMenuItems, title: t('shareHome.title'), titleIcon: ShareHomeIcon, menuItems: menuItems, icon: _jsx(MoreHorizontal, { size: 38 }) }), _jsx(ShareHomeForm, { contacts: contacts, onAdd: handleAdd, loading: loading, onEmailSave: onEmailSave })] }) }));
 };
-exports.ShareHome = ShareHome;

package/dist/components/shareHome/index.js

@@ -1,19 +1,3 @@
-"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("./HomeSharedWith"), exports);
-__exportStar(require("./RolesHelpModal"), exports);
-__exportStar(require("./ShareHome"), exports);
+export * from './HomeSharedWith';
+export * from './RolesHelpModal';
+export * from './ShareHome';

package/dist/components/sharedHomePanel/ShareHomeAddEmail.js

@@ -1,14 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareHomeAddEmail = 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 ShareHomeAddEmail = function (_a) {
-    var contact = _a.contact, onBack = _a.onBack, onChange = _a.onChange;
-    var email = contact.email, firstName = contact.firstName, lastName = contact.lastName;
-    var displayName = "".concat(firstName, " ").concat(lastName).trim();
-    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, { bg: "lightBlue.2", py: "2", px: "base", w: "100%", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", gap: "base", children: [(0, jsx_runtime_1.jsx)(components_1.BackCircleButton, { onClick: onBack }), (0, jsx_runtime_1.jsx)(react_1.Box, { bg: "lightBlue.9", w: "1px", h: "21px" }), (0, jsx_runtime_1.jsx)(react_1.Text, { children: displayName })] }) }), (0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "base", p: "base", h: "230px", bg: "lightBlue.1", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "home", children: (0, i18next_1.t)('shareHome.notEmail') }), (0, jsx_runtime_1.jsx)(components_1.TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: (0, i18next_1.t)('forms.errorEmail'), handleChange: onChange, id: "email", placeholder: (0, i18next_1.t)('shareHome.placeholder'), value: email, noOfLines: 1 })] })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Flex, Stack, Text } from '@chakra-ui/react';
+import { BackCircleButton, TextInput } from '..';
+export const ShareHomeAddEmail = ({ contact, onBack, onChange, }) => {
+    const { email, firstName, lastName } = contact;
+    const displayName = `${firstName} ${lastName}`.trim();
+    return (_jsxs(Box, { children: [_jsx(Box, { bg: "lightBlue.2", py: "2", px: "base", w: "100%", children: _jsxs(Flex, { align: "center", gap: "base", children: [_jsx(BackCircleButton, { onClick: onBack }), _jsx(Box, { bg: "lightBlue.9", w: "1px", h: "21px" }), _jsx(Text, { children: displayName })] }) }), _jsxs(Stack, { spacing: "base", p: "base", h: "230px", bg: "lightBlue.1", children: [_jsx(Text, { variant: "home", children: t('shareHome.notEmail') }), _jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: t('forms.errorEmail'), handleChange: onChange, id: "email", placeholder: t('shareHome.placeholder'), value: email, noOfLines: 1 })] })] }));
 };
-exports.ShareHomeAddEmail = ShareHomeAddEmail;

package/dist/components/sharedHomePanel/ShareHomeAddedContacts.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,15 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareHomeAddedContacts = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("..");
-var ShareHomeAddedContacts = function (_a) {
-    var contacts = _a.contacts, onAddEmail = _a.onAddEmail, onClick = _a.onClick, showingText = _a.showingText, props = __rest(_a, ["contacts", "onAddEmail", "onClick", "showingText"]);
-    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "base", px: "base", children: [(0, jsx_runtime_1.jsx)(components_1.ShareHomeFilters, __assign({}, props)), (0, jsx_runtime_1.jsx)(react_1.Text, { variant: "home", children: showingText }), (0, jsx_runtime_1.jsx)(react_1.Box, { overflowY: "scroll", h: "200px", children: contacts === null || contacts === void 0 ? void 0 : contacts.map(function (contact, index) {
-                    return ((0, jsx_runtime_1.jsx)(components_1.ShareHomeContactCard, { onAddEmail: onAddEmail, onClick: onClick, index: index, contact: contact }, contact._id));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack, Box, Text } from '@chakra-ui/react';
+import { ShareHomeContactCard, ShareHomeFilters } from '..';
+export const ShareHomeAddedContacts = (_a) => {
+    var { contacts, onAddEmail, onClick, showingText } = _a, props = __rest(_a, ["contacts", "onAddEmail", "onClick", "showingText"]);
+    return (_jsxs(Stack, { spacing: "base", px: "base", children: [_jsx(ShareHomeFilters, Object.assign({}, props)), _jsx(Text, { variant: "home", children: showingText }), _jsx(Box, { overflowY: "scroll", h: "200px", children: contacts === null || contacts === void 0 ? void 0 : contacts.map((contact, index) => {
+                    return (_jsx(ShareHomeContactCard, { onAddEmail: onAddEmail, onClick: onClick, index: index, contact: contact }, contact._id));
                 }) })] }));
 };
-exports.ShareHomeAddedContacts = ShareHomeAddedContacts;

package/dist/components/sharedHomePanel/ShareHomeConnections.js

@@ -1,20 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareHomeConnections = 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 ShareHomeConnections = function (_a) {
-    var menu = _a.menu, onEdit = _a.onEdit, _b = _a.recipients, recipients = _b === void 0 ? [] : _b;
-    var recipientsLength = recipients.length;
-    var hasRecipients = recipientsLength > 0;
-    var text = hasRecipients
-        ? "".concat((0, i18next_1.t)('shareHome.subtitle'), " ").concat(recipientsLength, " ").concat((0, i18next_1.t)('shareHome.connected'))
-        : (0, i18next_1.t)('shareHome.notShared');
-    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { p: "base", spacing: "base", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "home", children: text }), (0, jsx_runtime_1.jsx)(react_1.Box, { children: recipients === null || recipients === void 0 ? void 0 : recipients.map(function (recipient, index) {
-                    var showDivider = index < recipientsLength - 1;
-                    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_1.RecipientCard, { index: index, menu: menu, recipient: recipient, onEdit: onEdit, header: (0, jsx_runtime_1.jsx)(components_1.RecipientHeaderShared, {}) }), showDivider && (0, jsx_runtime_1.jsx)(react_1.Divider, { color: "lightBlue.1" })] }, recipient.user._id));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Divider, Stack, Text } from '@chakra-ui/react';
+import { RecipientCard, RecipientHeaderShared } from '..';
+export const ShareHomeConnections = ({ menu, onEdit, recipients = [], }) => {
+    const recipientsLength = recipients.length;
+    const hasRecipients = recipientsLength > 0;
+    const text = hasRecipients
+        ? `${t('shareHome.subtitle')} ${recipientsLength} ${t('shareHome.connected')}`
+        : t('shareHome.notShared');
+    return (_jsxs(Stack, { p: "base", spacing: "base", children: [_jsx(Text, { variant: "home", children: text }), _jsx(Box, { children: recipients === null || recipients === void 0 ? void 0 : recipients.map((recipient, index) => {
+                    const showDivider = index < recipientsLength - 1;
+                    return (_jsxs("div", { children: [_jsx(RecipientCard, { index: index, menu: menu, recipient: recipient, onEdit: onEdit, header: _jsx(RecipientHeaderShared, {}) }), showDivider && _jsx(Divider, { color: "lightBlue.1" })] }, recipient.user._id));
                 }) })] }));
 };
-exports.ShareHomeConnections = ShareHomeConnections;

package/dist/components/sharedHomePanel/ShareHomeContactCard.js

@@ -1,19 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareHomeContactCard = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("..");
-var utils_1 = require("../../utils");
-var colors_1 = require("../../theme/colors");
-var ShareHomeContactCard = function (_a) {
-    var contact = _a.contact, index = _a.index, onAddEmail = _a.onAddEmail, onClick = _a.onClick;
-    var firstName = contact.firstName, lastName = contact.lastName, email = contact.email;
-    var name = "".concat(firstName, " ").concat(lastName).trim();
-    var handleClick = email ? onClick : onAddEmail;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { justify: "space-between", as: "button", w: "100%", py: "base", align: "center", transition: "all 0.2s", onClick: function () { return handleClick(contact); }, _hover: {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, Flex, Text } from '@chakra-ui/react';
+import { Plus } from '..';
+import { randomColor } from '../../utils';
+import { colors } from '../../theme/colors';
+export const ShareHomeContactCard = ({ contact, index, onAddEmail, onClick, }) => {
+    const { firstName, lastName, email } = contact;
+    const name = `${firstName} ${lastName}`.trim();
+    const handleClick = email ? onClick : onAddEmail;
+    return (_jsxs(Flex, { justify: "space-between", as: "button", w: "100%", py: "base", align: "center", transition: "all 0.2s", onClick: () => handleClick(contact), _hover: {
             backgroundColor: 'lightGreen.3',
             px: 'base',
-        }, children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", gap: "2", children: [(0, jsx_runtime_1.jsx)(react_1.Avatar, { size: "sm", name: name, bg: (0, utils_1.randomColor)(index), fontWeight: "bold", color: "neutral.white", id: "profile" }), (0, jsx_runtime_1.jsx)(react_1.Text, { noOfLines: 1, textOverflow: "ellipsis", textAlign: "left", children: name })] }), (0, jsx_runtime_1.jsx)(components_1.Plus, { stroke: colors_1.colors.blue['3'] })] }));
+        }, children: [_jsxs(Flex, { align: "center", gap: "2", children: [_jsx(Avatar, { size: "sm", name: name, bg: randomColor(index), fontWeight: "bold", color: "neutral.white", id: "profile" }), _jsx(Text, { noOfLines: 1, textOverflow: "ellipsis", textAlign: "left", children: name })] }), _jsx(Plus, { stroke: colors.blue['3'] })] }));
 };
-exports.ShareHomeContactCard = ShareHomeContactCard;

package/dist/components/sharedHomePanel/ShareHomeContactList.js

@@ -1,36 +1,31 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareHomeContactList = 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 colors_1 = require("../../theme/colors");
-var ShareHomeContactList = function (_a) {
-    var contacts = _a.contacts, onChange = _a.onChange, onClick = _a.onClick, onDone = _a.onDone, onSave = _a.onSave, selectedContact = _a.selectedContact;
-    var _b = (0, hooks_1.useShareHomeContactList)({ contacts: contacts, onClick: onClick }), categories = _b.categories, filteredContacts = _b.filteredContacts, handleAddEmail = _b.handleAddEmail, handleBack = _b.handleBack, handleFilterByCategory = _b.handleFilterByCategory, handleSearch = _b.handleSearch, isAddListSlide = _b.isAddListSlide, search = _b.search;
-    var text = "".concat((0, i18next_1.t)('showingCounter.showing'), " ").concat(contacts === null || contacts === void 0 ? void 0 : contacts.length, " ").concat((0, i18next_1.t)('buttons.contacts'));
-    var button1 = isAddListSlide
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Container, Flex, Text } from '@chakra-ui/react';
+import { FooterButtons, Overlay, ShareHomeAddedContacts, ShareHomeAddEmail, } from '..';
+import { useShareHomeContactList } from '../../hooks';
+import { colors } from '../../theme/colors';
+export const ShareHomeContactList = ({ contacts, onChange, onClick, onDone, onSave, selectedContact, }) => {
+    const { categories, filteredContacts, handleAddEmail, handleBack, handleFilterByCategory, handleSearch, isAddListSlide, search, } = useShareHomeContactList({ contacts, onClick });
+    const text = `${t('showingCounter.showing')} ${contacts === null || contacts === void 0 ? void 0 : contacts.length} ${t('buttons.contacts')}`;
+    const button1 = isAddListSlide
         ? listButton1(onDone)
-        : addEmailButton1(function () { return onSave(selectedContact); }, selectedContact.email === '');
-    var button2 = isAddListSlide ? null : addEmailButton2(onDone);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_1.Container, { position: "absolute", top: "60px", left: "0", overflow: "hidden", zIndex: "6", w: ['full', '300px'], children: [(0, jsx_runtime_1.jsx)(react_1.Box, { p: "base", children: (0, jsx_runtime_1.jsx)(react_1.Text, { children: (0, i18next_1.t)('shareHome.contactList') }) }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { transition: "all 400ms", transform: "translateX(".concat(isAddListSlide ? '0' : '-100%', ")"), children: [(0, jsx_runtime_1.jsx)(react_1.Box, { minW: ['full', '300px'], children: (0, jsx_runtime_1.jsx)(components_1.ShareHomeAddedContacts, { contacts: filteredContacts, onClick: onClick, showingText: text, search: search, onAddEmail: handleAddEmail, onChange: handleSearch, onSelect: handleFilterByCategory, items: categories }) }), (0, jsx_runtime_1.jsx)(react_1.Box, { minW: ['full', '300px'], children: (0, jsx_runtime_1.jsx)(components_1.ShareHomeAddEmail, { contact: selectedContact, onBack: handleBack, onChange: onChange }) })] }), (0, jsx_runtime_1.jsx)(react_1.Box, { boxShadow: "0 0 10px ".concat(colors_1.colors.gray['1']), py: "base", children: (0, jsx_runtime_1.jsx)(components_1.FooterButtons, { button1: button1, button2: button2 }) })] }), (0, jsx_runtime_1.jsx)(components_1.Overlay, { bg: "#00000040", showOverlay: true, position: "fixed", zIndex: "4" })] }));
+        : addEmailButton1(() => onSave(selectedContact), selectedContact.email === '');
+    const button2 = isAddListSlide ? null : addEmailButton2(onDone);
+    return (_jsxs(_Fragment, { children: [_jsxs(Container, { position: "absolute", top: "60px", left: "0", overflow: "hidden", zIndex: "6", w: ['full', '300px'], children: [_jsx(Box, { p: "base", children: _jsx(Text, { children: t('shareHome.contactList') }) }), _jsxs(Flex, { transition: "all 400ms", transform: `translateX(${isAddListSlide ? '0' : '-100%'})`, children: [_jsx(Box, { minW: ['full', '300px'], children: _jsx(ShareHomeAddedContacts, { contacts: filteredContacts, onClick: onClick, showingText: text, search: search, onAddEmail: handleAddEmail, onChange: handleSearch, onSelect: handleFilterByCategory, items: categories }) }), _jsx(Box, { minW: ['full', '300px'], children: _jsx(ShareHomeAddEmail, { contact: selectedContact, onBack: handleBack, onChange: onChange }) })] }), _jsx(Box, { boxShadow: `0 0 10px ${colors.gray['1']}`, py: "base", children: _jsx(FooterButtons, { button1: button1, button2: button2 }) })] }), _jsx(Overlay, { bg: "#00000040", showOverlay: true, position: "fixed", zIndex: "4" })] }));
 };
-exports.ShareHomeContactList = ShareHomeContactList;
-var listButton1 = function (onClick) { return ({
+const listButton1 = (onClick) => ({
     buttonStyle: 'secondaryFooter',
-    label: (0, i18next_1.t)('buttons.done'),
-    onClick: onClick,
-}); };
-var addEmailButton1 = function (onClick, isDisabled) { return ({
+    label: t('buttons.done'),
+    onClick,
+});
+const addEmailButton1 = (onClick, isDisabled) => ({
     buttonStyle: 'primaryFooter',
-    label: (0, i18next_1.t)('buttons.save'),
-    isDisabled: isDisabled,
-    onClick: onClick,
-}); };
-var addEmailButton2 = function (onClick) { return ({
+    label: t('buttons.save'),
+    isDisabled,
+    onClick,
+});
+const addEmailButton2 = (onClick) => ({
     buttonStyle: 'secondaryFooter',
-    label: (0, i18next_1.t)('buttons.cancel'),
-    onClick: onClick,
-}); };
+    label: t('buttons.cancel'),
+    onClick,
+});

package/dist/components/sharedHomePanel/ShareHomeFilters.js

@@ -1,14 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareHomeFilters = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_2 = require("@chakra-ui/react");
-var components_1 = require("..");
-var ShareHomeFilters = function (_a) {
-    var initialValue = _a.initialValue, items = _a.items, search = _a.search, onChange = _a.onChange, onSelect = _a.onSelect;
-    var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
-    var handleClick = function () { return setOpen(!open); };
-    return ((0, jsx_runtime_1.jsxs)(react_2.Stack, { spacing: "base", children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { gap: "base", children: [(0, jsx_runtime_1.jsx)(components_1.SearchInput, { maxW: "220px", value: search, onChange: onChange }), (0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Filter contacts", variant: "iconOutlined", icon: open ? (0, jsx_runtime_1.jsx)(components_1.Close, {}) : (0, jsx_runtime_1.jsx)(components_1.Funnel, {}), onClick: handleClick, maxH: "input.md" })] }), open && ((0, jsx_runtime_1.jsx)(components_1.SelectInput, { width: "100%", handleClick: onSelect, initialValue: initialValue, items: items }))] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Flex, IconButton, Stack } from '@chakra-ui/react';
+import { Close, Funnel, SearchInput, SelectInput } from '..';
+export const ShareHomeFilters = ({ initialValue, items, search, onChange, onSelect, }) => {
+    const [open, setOpen] = useState(false);
+    const handleClick = () => setOpen(!open);
+    return (_jsxs(Stack, { spacing: "base", children: [_jsxs(Flex, { gap: "base", children: [_jsx(SearchInput, { maxW: "220px", value: search, onChange: onChange }), _jsx(IconButton, { "aria-label": "Filter contacts", variant: "iconOutlined", icon: open ? _jsx(Close, {}) : _jsx(Funnel, {}), onClick: handleClick, maxH: "input.md" })] }), open && (_jsx(SelectInput, { width: "100%", handleClick: onSelect, initialValue: initialValue, items: items }))] }));
 };
-exports.ShareHomeFilters = ShareHomeFilters;

package/dist/components/sharedHomePanel/ShareHomeForm.js

@@ -1,18 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareHomeForm = 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 ShareHomeContactList_1 = require("./ShareHomeContactList");
-var ShareHomeForm = function (_a) {
-    var contacts = _a.contacts, loading = _a.loading, onAdd = _a.onAdd, onEmailSave = _a.onEmailSave;
-    var _b = (0, hooks_1.useShareHomeForm)(onAdd), accountTypes = _b.accountTypes, contact = _b.contact, handleChange = _b.handleChange, handleInputSelect = _b.handleInputSelect, handleOpen = _b.handleOpen, handleSelectContact = _b.handleSelectContact, handleSubmit = _b.handleSubmit, hasError = _b.hasError, open = _b.open, types = _b.types;
-    return ((0, jsx_runtime_1.jsx)(react_1.Box, { p: "base", w: "100%", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { w: "100%", gap: "base", children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { position: "relative", flex: 1, children: [(0, jsx_runtime_1.jsx)(components_1.ShareWithButton, { marginRight: "-1px", onClick: handleOpen }), (0, jsx_runtime_1.jsx)(components_1.TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: (0, i18next_1.t)('forms.errorEmail'), handleChange: handleChange, hasError: hasError, id: "email", placeholder: (0, i18next_1.t)('shareHome.placeholder'), value: contact.email, noOfLines: 1 }), open && ((0, jsx_runtime_1.jsx)(ShareHomeContactList_1.ShareHomeContactList, { contacts: contacts, onClick: handleSelectContact, onDone: handleOpen, onChange: handleChange, onSave: function (contact) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Flex, Button } from '@chakra-ui/react';
+import { TextInput, SelectInputWithBadge, ShareWithButton } from '..';
+import { useShareHomeForm } from '../../hooks';
+import { ShareHomeContactList } from './ShareHomeContactList';
+export const ShareHomeForm = ({ contacts, loading, onAdd, onEmailSave, }) => {
+    const { accountTypes, contact, handleChange, handleInputSelect, handleOpen, handleSelectContact, handleSubmit, hasError, open, types, } = useShareHomeForm(onAdd);
+    return (_jsx(Box, { p: "base", w: "100%", children: _jsxs(Flex, { w: "100%", gap: "base", children: [_jsxs(Flex, { position: "relative", flex: 1, children: [_jsx(ShareWithButton, { marginRight: "-1px", onClick: handleOpen }), _jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: t('forms.errorEmail'), handleChange: handleChange, hasError: hasError, id: "email", placeholder: t('shareHome.placeholder'), value: contact.email, noOfLines: 1 }), open && (_jsx(ShareHomeContactList, { contacts: contacts, onClick: handleSelectContact, onDone: handleOpen, onChange: handleChange, onSave: (contact) => {
                                 onEmailSave(contact);
                                 handleOpen();
-                            }, selectedContact: contact }))] }), (0, jsx_runtime_1.jsx)(components_1.SelectInputWithBadge, { handleClick: handleInputSelect, initialValue: accountTypes[0], items: types, width: "70px", height: "md" }), (0, jsx_runtime_1.jsx)(react_1.Button, { variant: "tertiary", onClick: handleSubmit, disabled: !contact.email, isLoading: loading, h: "48px", children: (0, i18next_1.t)('shareHome.btInvite') })] }) }));
+                            }, selectedContact: contact }))] }), _jsx(SelectInputWithBadge, { handleClick: handleInputSelect, initialValue: accountTypes[0], items: types, width: "70px", height: "md" }), _jsx(Button, { variant: "tertiary", onClick: handleSubmit, disabled: !contact.email, isLoading: loading, h: "48px", children: t('shareHome.btInvite') })] }) }));
 };
-exports.ShareHomeForm = ShareHomeForm;

package/dist/components/sharedHomePanel/ShareWithButton.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,15 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareWithButton = 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 images_1 = require("../../assets/images");
-var ShareWithButton = function (_a) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Flex, Image } from '@chakra-ui/react';
+import { ChevronDown } from '..';
+import { Contacts2 } from '../../assets/images';
+export const ShareWithButton = (_a) => {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, __assign({}, props, { as: "button", align: "center", gap: "1", bg: "neutral.white", border: "1px solid", borderColor: "lightBlue.6", borderRadius: "sm", h: "input.md", pl: "2", pr: "1", "aria-label": (0, i18next_1.t)('buttons.contacts'), minW: "fit-content", transition: "border-color 0.2s", _hover: { borderColor: 'blue.1' }, children: [(0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.Contacts2, h: "auto", w: "32px" }), (0, jsx_runtime_1.jsx)(components_1.ChevronDown, { size: 22 })] })));
+    return (_jsxs(Flex, Object.assign({}, props, { as: "button", align: "center", gap: "1", bg: "neutral.white", border: "1px solid", borderColor: "lightBlue.6", borderRadius: "sm", h: "input.md", pl: "2", pr: "1", "aria-label": t('buttons.contacts'), minW: "fit-content", transition: "border-color 0.2s", _hover: { borderColor: 'blue.1' }, children: [_jsx(Image, { src: Contacts2, h: "auto", w: "32px" }), _jsx(ChevronDown, { size: 22 })] })));
 };
-exports.ShareWithButton = ShareWithButton;

package/dist/components/sharedHomePanel/SharedHomeContent.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SharedHomeContent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var SharedHomeContent = function (_a) {
-    var children = _a.children;
-    return (0, jsx_runtime_1.jsx)(react_1.DrawerContent, { bg: "lightBlue.2", children: children });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DrawerContent } from '@chakra-ui/react';
+export const SharedHomeContent = ({ children, }) => {
+    return _jsx(DrawerContent, { bg: "lightBlue.2", children: children });
 };
-exports.SharedHomeContent = SharedHomeContent;

package/dist/components/sharedHomePanel/SharedHomeHeader.js

@@ -1,16 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SharedHomeHeader = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var i18next_1 = require("i18next");
-var react_2 = require("@chakra-ui/react");
-var components_1 = require("..");
-var images_1 = require("../../assets/images");
-var SharedHomeHeader = function (_a) {
-    var children = _a.children, onClose = _a.onClose;
-    var _b = (0, react_1.useState)(false), showChildren = _b[0], setShowChildren = _b[1];
-    var handleHelpClick = function () { return setShowChildren(!showChildren); };
-    return ((0, jsx_runtime_1.jsxs)(react_2.DrawerHeader, { p: "0", children: [(0, jsx_runtime_1.jsx)(components_1.PanelHeader, { handleCloseButton: onClose, icon: images_1.PersonMail, title: (0, i18next_1.t)('shareHome.title'), children: (0, jsx_runtime_1.jsx)(react_2.Box, { mr: "base", position: "relative", children: (0, jsx_runtime_1.jsx)(components_1.HelpButton, { onClick: handleHelpClick, children: showChildren && ((0, jsx_runtime_1.jsx)(components_1.RolesHelpModal, { top: "40px", right: "0", onClose: handleHelpClick })) }) }) }), children] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { t } from 'i18next';
+import { Box, DrawerHeader } from '@chakra-ui/react';
+import { HelpButton, PanelHeader, RolesHelpModal } from '..';
+import { PersonMail } from '../../assets/images';
+export const SharedHomeHeader = ({ children, onClose }) => {
+    const [showChildren, setShowChildren] = useState(false);
+    const handleHelpClick = () => setShowChildren(!showChildren);
+    return (_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: onClose, icon: PersonMail, title: t('shareHome.title'), children: _jsx(Box, { mr: "base", position: "relative", children: _jsx(HelpButton, { onClick: handleHelpClick, children: showChildren && (_jsx(RolesHelpModal, { top: "40px", right: "0", onClose: handleHelpClick })) }) }) }), children] }));
 };
-exports.SharedHomeHeader = SharedHomeHeader;

package/dist/components/sharedHomePanel/index.js

@@ -1,25 +1,9 @@
-"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("./SharedHomeContent"), exports);
-__exportStar(require("./ShareHomeFilters"), exports);
-__exportStar(require("./SharedHomeHeader"), exports);
-__exportStar(require("./ShareHomeAddedContacts"), exports);
-__exportStar(require("./ShareHomeAddEmail"), exports);
-__exportStar(require("./ShareHomeConnections"), exports);
-__exportStar(require("./ShareHomeContactCard"), exports);
-__exportStar(require("./ShareHomeForm"), exports);
-__exportStar(require("./ShareWithButton"), exports);
+export * from './SharedHomeContent';
+export * from './ShareHomeFilters';
+export * from './SharedHomeHeader';
+export * from './ShareHomeAddedContacts';
+export * from './ShareHomeAddEmail';
+export * from './ShareHomeConnections';
+export * from './ShareHomeContactCard';
+export * from './ShareHomeForm';
+export * from './ShareWithButton';

package/dist/components/span/Span.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Span = void 0;
-var react_1 = require("@chakra-ui/react");
-exports.Span = (0, react_1.chakra)('span', {
+import { chakra } from '@chakra-ui/react';
+export const Span = chakra('span', {
     baseStyle: {
         fontWeight: 'bold',
     },

package/dist/components/span/index.js

@@ -1,17 +1 @@
-"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("./Span"), exports);
+export * from './Span';