@homefile/components-v2 2.39.10 → 2.39.12

package/dist/components/contacts/ContactCard.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Container, Flex, IconButton, Stack } from '@chakra-ui/react';
-import { ContactCardHeader, ContactCardInfo, ContactCardAddress, IconMenu, MoreHorizontal, Share, } from '../../components';
+import { ContactCardHeader, ContactCardInfo, ContactCardAddress, IconMenu, MoreHorizontal, ShareIcon, } from '../../components';
 import { colors } from '../../theme/colors';
 export const ContactCard = ({ apiError, contact, index, menuItems, onClick, onShare, showAvatar, showHeader = true, }) => {
     const hasOnClick = typeof onClick === 'function';
     return (_jsxs(Box, { position: "relative", w: "100%", children: [_jsx(Container, { maxW: "none", textAlign: "start", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(Object.assign(Object.assign({}, contact), { index })), transition: "background-color 0.3s", _hover: {
                     bg: hasOnClick ? 'lightGreen.1' : 'neutral.white',
-                }, cursor: hasOnClick ? 'pointer' : 'default', children: _jsxs(Stack, { pb: "base", pt: "1", px: "base", spacing: "base", children: [showHeader && (_jsx(ContactCardHeader, { apiError: apiError, contact: contact })), _jsx(CardBody, { contact, index, showAvatar })] }) }), Number(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) > 0 && (_jsx(Box, { position: "absolute", right: "1", top: "0", zIndex: "overlay", children: _jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 32 }), itemForm: contact, menuItems: menuItems, disabled: Number(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) < 1 }) })), onShare && (_jsx(Box, { position: "absolute", right: "2", bottom: "2", children: _jsx(IconButton, { variant: "icon", icon: _jsx(Share, { size: 14 }), onClick: () => onShare(contact), "aria-label": "share-contact" }) }))] }));
+                }, cursor: hasOnClick ? 'pointer' : 'default', children: _jsxs(Stack, { pb: "base", pt: "1", px: "base", spacing: "base", children: [showHeader && (_jsx(ContactCardHeader, { apiError: apiError, contact: contact })), _jsx(CardBody, { contact, index, showAvatar })] }) }), Number(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) > 0 && (_jsx(Box, { position: "absolute", right: "1", top: "0", zIndex: "overlay", children: _jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 32 }), itemForm: contact, menuItems: menuItems, disabled: Number(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) < 1 }) })), onShare && (_jsx(Box, { position: "absolute", right: "2", bottom: "2", children: _jsx(IconButton, { variant: "icon", icon: _jsx(ShareIcon, { size: 14 }), onClick: () => onShare(contact), "aria-label": "share-contact" }) }))] }));
 };
 const CardBody = ({ contact, index, showAvatar, }) => {
     return (_jsxs(Flex, { justify: "space-between", align: "end", gap: "base", children: [_jsx(ContactCardInfo, Object.assign({}, contact, { index, showAvatar })), _jsx(Box, { borderLeft: `1px solid ${colors.lightBlue[1]}`, w: "45%", pl: "base", children: _jsx(ContactCardAddress, Object.assign({}, contact)) })] }));

package/dist/components/contacts/ContactHeaderMenu.d.ts

@@ -1,2 +1,2 @@
 import { ContactCardHeaderI } from '../../interfaces';
-export declare const ContactHeaderMenu: ({ apiError, contact, menuItems, onShare, }: ContactCardHeaderI) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactHeaderMenu: ({ contact, menuItems, onShare, onEdit, onDuplicate, }: ContactCardHeaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/ContactHeaderMenu.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex, IconButton, useDisclosure } from '@chakra-ui/react';
-import { ShareIcon, MoreHorizontal, IconMenu } from '../../components';
-export const ContactHeaderMenu = ({ apiError, contact, menuItems, onShare = () => null, }) => {
-    const { isOpen, onOpen, onClose } = useDisclosure();
-    return (_jsxs(Flex, { align: "center", position: "relative", gap: "base", children: [_jsx(IconButton, { "aria-label": "share", variant: "menuIcon", icon: _jsx(ShareIcon, { size: 18 }), onClick: onOpen, w: "fit-content" }), _jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 32 }), itemForm: contact, menuItems: menuItems, disabled: Number(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) < 1 })] }));
+import { Flex, IconButton } from '@chakra-ui/react';
+import { ShareIcon, MoreHorizontal, IconMenu, Edit, DuplicateIcon, } from '../../components';
+export const ContactHeaderMenu = ({ contact, menuItems, onShare, onEdit, onDuplicate, }) => {
+    const hasMenuItems = Boolean(menuItems && menuItems.length > 0);
+    return (_jsxs(Flex, { align: "center", position: "relative", gap: "base", children: [_jsx(IconButton, { "aria-label": "share", variant: "menuIcon", icon: _jsx(ShareIcon, { size: 18 }), onClick: onShare, w: "fit-content" }), _jsx(IconButton, { "aria-label": "duplicate", variant: "menuIcon", icon: _jsx(DuplicateIcon, { size: 19 }), onClick: onDuplicate, w: "fit-content" }), _jsx(IconButton, { "aria-label": "edit", variant: "menuIcon", icon: _jsx(Edit, { size: 18, strokeWidth: 1.5 }), onClick: onEdit, w: "fit-content" }), hasMenuItems && (_jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 32 }), itemForm: contact, menuItems: menuItems, disabled: Number(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) < 1 }))] }));
 };

package/dist/components/contacts/viewPanel/AddressInfo.d.ts

@@ -0,0 +1,12 @@
+import { BoxProps, TextProps } from '@chakra-ui/react';
+type AddressInfoProps = {
+    address?: string | null;
+    city?: string | null;
+    state?: string | null;
+    zip?: string | null;
+    containerProps?: BoxProps;
+    lineProps?: TextProps;
+    secondaryLineProps?: TextProps;
+};
+export declare const AddressInfo: ({ address, city, state, zip, containerProps, lineProps, secondaryLineProps, }: AddressInfoProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/contacts/viewPanel/AddressInfo.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from '@chakra-ui/react';
+const defaultLineProps = {
+    fontSize: 'xs',
+    lineHeight: '16px',
+    fontFamily: 'secondary',
+};
+export const AddressInfo = ({ address, city, state, zip, containerProps, lineProps, secondaryLineProps, }) => {
+    if (!address && !city && !state && !zip)
+        return null;
+    const cityState = [city, state].filter(Boolean).join(', ');
+    const cityStateZip = [cityState, zip].filter(Boolean).join(' ').trim();
+    return (_jsxs(Box, Object.assign({}, containerProps, { children: [address && (_jsx(Text, Object.assign({}, defaultLineProps, lineProps, { children: address }))), cityStateZip && (_jsx(Text, Object.assign({}, defaultLineProps, lineProps, secondaryLineProps, { children: cityStateZip })))] })));
+};

package/dist/components/contacts/viewPanel/CompanyInfoCard.js

@@ -1,13 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Center, Flex, Stack, Text, Image } from '@chakra-ui/react';
-import { getImageAltText } from '../../../utils';
-import { Location } from '../../../assets/images';
 import { CompanyRating } from './CompanyRating';
+import { AddressInfo } from './AddressInfo';
 export const CompanyInfoCard = ({ contact, }) => {
-    if (!contact.companyInfo)
+    if (!(contact === null || contact === void 0 ? void 0 : contact.companyInfo))
         return null;
-    const { company, phone, url, address, city, state, zip, rating } = contact.companyInfo;
-    const alt = getImageAltText(Location);
-    return (_jsxs(Box, { position: "relative", children: [_jsx(CompanyRating, { contact: contact, position: "absolute", top: "0", right: "0", zIndex: "1" }), _jsxs(Stack, { spacing: "base", children: [_jsx(Text, { textTransform: "uppercase", fontSize: "xs", children: t('contacts.companyInfo') }), _jsxs(Flex, { gap: "base", minH: "50px", children: [_jsx(Center, { h: "78px", w: "78px", children: _jsx(Image, { src: Location, alt: alt }) }), _jsxs(Stack, { spacing: "6", children: [_jsxs(Stack, { spacing: "0.5", children: [_jsx(Text, { fontWeight: "bold", fontSize: "lg", children: company }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "sm", children: phone }), _jsx(Text, { variant: "email", lineHeight: "1", fontSize: "sm", children: url })] })] }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "xs", lineHeight: "16px", children: address }), _jsx(Text, { fontSize: "xs", lineHeight: "16px", children: `${city}, ${state} ${zip}` })] })] })] })] })] }));
+    const { company, phone, url, address, city, state, zip, logoUrl } = contact.companyInfo;
+    return (_jsxs(Box, { position: "relative", children: [_jsx(CompanyRating, { contact: contact, position: "absolute", top: "0", right: "0", zIndex: "1" }), _jsxs(Stack, { spacing: "base", children: [_jsx(Text, { textTransform: "uppercase", fontSize: "xs", children: t('contacts.companyInfo') }), _jsxs(Flex, { gap: "base", minH: "50px", children: [logoUrl && (_jsx(Center, { boxSize: "78px", overflow: "hidden", border: "1px", borderColor: "lightBlue.6", children: _jsx(Image, { src: logoUrl, alt: "company logo", objectFit: "cover", boxSize: "100%" }) })), _jsxs(Stack, { spacing: "6", children: [_jsxs(Box, { children: [_jsx(Text, { fontWeight: "bold", fontSize: "18px", lineHeight: "27px", children: company }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "sm", fontFamily: "secondary", lineHeight: "18px", children: phone }), _jsx(Text, { variant: "email", lineHeight: "18px", fontSize: "sm", children: url })] })] }), _jsx(AddressInfo, { address: address, city: city, state: state, zip: zip })] })] })] })] }));
 };

package/dist/components/contacts/viewPanel/CompanyRating.js

@@ -17,7 +17,7 @@ import { colors } from '../../../theme/colors';
 export const CompanyRating = (_a) => {
     var _b;
     var { contact } = _a, props = __rest(_a, ["contact"]);
-    if (!((_b = contact.companyInfo) === null || _b === void 0 ? void 0 : _b.rating))
+    if (!((_b = contact === null || contact === void 0 ? void 0 : contact.companyInfo) === null || _b === void 0 ? void 0 : _b.rating))
         return null;
     const { rating, _id } = contact.companyInfo;
     return (_jsxs(Stack, Object.assign({ spacing: "0", align: "end" }, props, { children: [_jsx(Text, { textTransform: "uppercase", fontSize: "10px", children: t('contacts.rating') }), _jsx(Flex, { align: "center", gap: "1", children: Array.from({ length: 5 }).map((_, index) => {

package/dist/components/contacts/viewPanel/ContactAddressCard.js

@@ -1,12 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { Box, Center, Flex, Stack, Text, Image } from '@chakra-ui/react';
-import { getImageAltText } from '../../../utils';
-import { Location } from '../../../assets/images';
+import { Stack, Text } from '@chakra-ui/react';
+import { AddressInfo } from './AddressInfo';
 export const ContactAddressCard = ({ contact, }) => {
     if (!contact)
         return null;
     const { address, city, state, zip, lastName } = contact;
-    const alt = getImageAltText(Location);
-    return (_jsxs(Stack, { spacing: "base", children: [_jsx(Text, { textTransform: "uppercase", fontSize: "xs", children: t('contacts.homeAddress') }), _jsxs(Flex, { gap: "base", minH: "50px", children: [_jsx(Center, { h: "78px", w: "78px", children: _jsx(Image, { src: Location, alt: alt }) }), _jsxs(Stack, { spacing: "base", children: [_jsx(Text, { fontWeight: "bold", fontSize: "lg", children: `${lastName}s Home` }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "xs", lineHeight: "16px", children: address }), _jsx(Text, { fontSize: "xs", lineHeight: "16px", children: `${city}, ${state} ${zip}` })] })] })] })] }));
+    return (_jsxs(Stack, { spacing: "base", children: [_jsx(Text, { textTransform: "uppercase", fontSize: "xs", children: t('contacts.homeAddress') }), _jsxs(Stack, { spacing: "base", children: [_jsx(Text, { fontWeight: "bold", fontSize: "lg", children: `${lastName}s Home` }), _jsx(AddressInfo, { address: address, city: city, state: state, zip: zip })] })] }));
 };

package/dist/components/contacts/viewPanel/PersonalInfoCard.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Center, Flex, Stack, Text } from '@chakra-ui/react';
+import { Box, Center, Flex, Text } from '@chakra-ui/react';
 import { randomColor } from '../../../utils';
 export const PersonalInfoCard = ({ email, firstName, index, lastName, phone, title, }) => {
     const name = `${firstName} ${lastName}`.trim();
     const initials = firstName.charAt(0) + lastName.charAt(0);
-    return (_jsxs(Flex, { gap: "base", minH: "50px", align: "center", children: [_jsx(Center, { h: "78px", w: "78px", bg: randomColor(index), children: _jsx(Text, { fontSize: "36px", fontWeight: "extrabold", fontFamily: "primary", color: "neutral.white", children: initials }) }), _jsxs(Stack, { spacing: "0.5", children: [_jsx(Text, { fontWeight: "bold", fontSize: "xl", children: name }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "sm", children: title }), _jsx(Text, { fontSize: "sm", children: phone }), _jsx(Text, { variant: "email", lineHeight: "1", fontSize: "sm", children: email })] })] })] }));
+    return (_jsxs(Flex, { gap: "base", minH: "50px", align: "center", children: [_jsx(Center, { h: "78px", w: "78px", bg: randomColor(index), children: _jsx(Text, { fontSize: "35px", fontWeight: "bold", color: "neutral.white", children: initials }) }), _jsxs(Box, { children: [_jsx(Text, { fontWeight: "semibold", fontSize: "22px", lineHeight: "24px", children: name }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "sm", lineHeight: "18px", fontFamily: "secondary", children: title }), _jsx(Text, { fontSize: "sm", lineHeight: "18px", fontFamily: "secondary", children: phone }), _jsx(Text, { variant: "email", lineHeight: "18px", fontSize: "sm", children: email })] })] })] }));
 };

package/dist/components/contacts/viewPanel/ViewContactPanel.d.ts

@@ -1,2 +1,2 @@
 import { ViewContactPanelI } from '../../../interfaces';
-export declare const ViewContactPanel: ({ contact, menuItems, handleClose, onShare, roleType, }: ViewContactPanelI) => import("react/jsx-runtime").JSX.Element;
+export declare const ViewContactPanel: ({ contact, menuItems, handleClose, onShare, onEdit, onDuplicate, roleType, }: ViewContactPanelI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/viewPanel/ViewContactPanel.js

@@ -3,7 +3,9 @@ import { t } from 'i18next';
 import { DrawerContent, DrawerHeader, DrawerBody, Stack, Container, Divider, } from '@chakra-ui/react';
 import { Contacts } from '../../../assets/images';
 import { CompanyInfoCard, ContactAddressCard, ContactNotes, PanelHeader, RoleTag, PersonalInfoCard, ViewContactHeader, } from '../../../components';
-export const ViewContactPanel = ({ contact, menuItems, handleClose, onShare, roleType, }) => {
+export const ViewContactPanel = ({ contact, menuItems, handleClose, onShare, onEdit, onDuplicate, roleType, }) => {
     const isHomeowner = roleType === 'homeowner';
-    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: handleClose, icon: Contacts, title: t('contacts.contactView') }) }), _jsxs(DrawerBody, { p: "0", overflowX: "hidden", position: "relative", children: [_jsx(RoleTag, { roleType: roleType }), _jsx(Stack, { px: "base", spacing: "base", children: _jsx(Container, { mt: "36px", p: "base", borderRadius: "lg", children: _jsxs(Stack, { spacing: "base", children: [_jsx(ViewContactHeader, { contact: contact, menuItems: menuItems, onShare: onShare }), _jsx(PersonalInfoCard, Object.assign({}, contact, { index: 0 })), isHomeowner && (_jsxs(_Fragment, { children: [_jsx(Divider, { borderStyle: "dashed", borderColor: "lightBlue.6" }), _jsx(ContactAddressCard, { contact: contact })] })), !isHomeowner && (_jsxs(_Fragment, { children: [_jsx(Divider, { borderStyle: "dashed", borderColor: "lightBlue.6" }), _jsx(CompanyInfoCard, { contact: contact }), _jsx(Divider, { borderStyle: "dashed", borderColor: "lightBlue.6" }), _jsx(ContactNotes, { notes: contact.notes })] }))] }) }) })] })] }));
+    if (!contact)
+        return (_jsx(DrawerContent, { bg: "lightBlue.1", children: _jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: handleClose, icon: Contacts, title: t('contacts.contactView') }) }) }));
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: handleClose, icon: Contacts, title: t('contacts.contactView') }) }), _jsxs(DrawerBody, { p: "0", overflowX: "hidden", position: "relative", children: [_jsx(RoleTag, { roleType: roleType }), _jsx(Stack, { px: "base", spacing: "base", children: _jsx(Container, { mt: "36px", p: "base", borderRadius: "lg", children: _jsxs(Stack, { spacing: "4", children: [_jsx(ViewContactHeader, { contact: contact, menuItems: menuItems, onShare: onShare, onEdit: onEdit, onDuplicate: onDuplicate }), _jsx(PersonalInfoCard, Object.assign({}, contact, { index: 0 })), isHomeowner && contact && (_jsxs(_Fragment, { children: [_jsx(Divider, { borderStyle: "dashed", borderColor: "lightBlue.6" }), _jsx(ContactAddressCard, { contact: contact })] })), !isHomeowner && (contact === null || contact === void 0 ? void 0 : contact.companyInfo) && (_jsxs(_Fragment, { children: [_jsx(Divider, { borderStyle: "dashed", borderColor: "lightBlue.6" }), _jsx(CompanyInfoCard, { contact: contact }), _jsx(Divider, { borderStyle: "dashed", borderColor: "lightBlue.6" }), _jsx(ContactNotes, { notes: contact.notes })] }))] }) }) })] })] }));
 };

package/dist/components/icons/{Share.d.ts → DuplicateIcon.d.ts}

@@ -1,4 +1,4 @@
-export declare const Share: ({ stroke, size }: {
+export declare const DuplicateIcon: ({ stroke, size }: {
     stroke?: string | undefined;
     size?: number | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/DuplicateIcon.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const DuplicateIcon = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21 21", children: _jsxs("g", { id: "Icon_feather-copy", "data-name": "Icon feather-copy", transform: "translate(0.75 0.75)", children: [_jsx("path", { id: "Caminho_14154", "data-name": "Caminho 14154", d: "M15.57,13.5h9.314a2.07,2.07,0,0,1,2.07,2.07v9.314a2.07,2.07,0,0,1-2.07,2.07H15.57a2.07,2.07,0,0,1-2.07-2.07V15.57A2.07,2.07,0,0,1,15.57,13.5Z", transform: "translate(-8.661 -8.661)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Caminho_14155", "data-name": "Caminho 14155", d: "M6.1,16.454H5.07A2.07,2.07,0,0,1,3,14.384V5.07A2.07,2.07,0,0,1,5.07,3h9.314a2.07,2.07,0,0,1,2.07,2.07V6.1", transform: "translate(-3 -3)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" })] }) }));
+};

package/dist/components/icons/Edit.d.ts

@@ -1,4 +1,5 @@
-export declare const Edit: ({ stroke, size }: {
+export declare const Edit: ({ stroke, size, strokeWidth, }: {
     stroke?: string | undefined;
     size?: number | undefined;
+    strokeWidth?: number | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/Edit.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { colors } from '../../theme/colors';
-export const Edit = ({ stroke = colors.blue[3], size = 18 }) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 18.199 18.199", children: _jsx("path", { d: "M13.1 1.868a2.283 2.283 0 0 1 3.228 3.228L5.438 15.989 1 17.199l1.21-4.438Z", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }));
+export const Edit = ({ stroke = colors.blue[3], size = 18, strokeWidth = 2, }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 18.199 18.199", children: _jsx("path", { d: "M13.1 1.868a2.283 2.283 0 0 1 3.228 3.228L5.438 15.989 1 17.199l1.21-4.438Z", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: strokeWidth }) }));
 };

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

@@ -9,6 +9,7 @@ export * from './DisplayGrid';
 export * from './ChevronLeft';
 export * from './DisplayItem';
 export * from './DisplayList';
+export * from './DuplicateIcon';
 export * from './Edit';
 export * from './Eye';
 export * from './EyeOff';
@@ -25,7 +26,6 @@ export * from './MoreHorizontal';
 export * from './OpenVideo';
 export * from './Plus';
 export * from './SearchIcon';
-export * from './Share';
 export * from './ShareIcon';
 export * from './Star';
 export * from './TikTok';

package/dist/components/icons/index.js

@@ -9,6 +9,7 @@ export * from './DisplayGrid';
 export * from './ChevronLeft';
 export * from './DisplayItem';
 export * from './DisplayList';
+export * from './DuplicateIcon';
 export * from './Edit';
 export * from './Eye';
 export * from './EyeOff';
@@ -25,7 +26,6 @@ export * from './MoreHorizontal';
 export * from './OpenVideo';
 export * from './Plus';
 export * from './SearchIcon';
-export * from './Share';
 export * from './ShareIcon';
 export * from './Star';
 export * from './TikTok';

package/dist/interfaces/contacts/ContactCard.interface.d.ts

@@ -9,6 +9,7 @@ export interface ContactCompanyInfoI {
     state: string;
     zip: string;
     rating?: number;
+    logoUrl?: string;
 }
 export interface InfoContactCardI {
     address: string;

package/dist/interfaces/contacts/ContactCardHeader.interface.d.ts

@@ -1,7 +1,9 @@
-import { InfoContactCardI, MenuItemI, ShareContactSectionI } from '../../interfaces';
+import { InfoContactCardI, MenuItemI } from '../../interfaces';
 export interface ContactCardHeaderI {
     apiError?: boolean;
     contact: InfoContactCardI;
     menuItems?: MenuItemI[];
-    onShare?: ShareContactSectionI['onShare'];
+    onDuplicate?: () => void;
+    onEdit?: () => void;
+    onShare?: () => void;
 }

package/dist/interfaces/contacts/ViewContactPanel.interface.d.ts

@@ -1,9 +1,11 @@
 import { RoleType } from '../../helpers';
-import { InfoContactCardI, MenuItemI, ShareContactSectionI } from '../../interfaces';
+import { InfoContactCardI, MenuItemI } from '../../interfaces';
 export interface ViewContactPanelI {
-    contact: InfoContactCardI;
+    contact: InfoContactCardI | null;
     handleClose: () => void;
-    menuItems: MenuItemI[];
-    onShare: ShareContactSectionI['onShare'];
-    roleType: RoleType;
+    menuItems?: MenuItemI[];
+    onShare?: () => void;
+    onEdit?: () => void;
+    onDuplicate?: () => void;
+    roleType?: RoleType;
 }

package/dist/mocks/contacts/contacts.mock.js

@@ -3,8 +3,8 @@ export const ContactsMock = [
     {
         title: 'Design',
         category: 'Design',
-        firstName: '',
-        lastName: '',
+        firstName: 'John',
+        lastName: 'Doe',
         email: faker.internet.email(),
         phone: faker.phone.number(),
         company: faker.company.name(),
@@ -24,6 +24,7 @@ export const ContactsMock = [
             state: faker.location.state(),
             zip: faker.location.zipCode(),
             rating: faker.number.int({ min: 1, max: 5 }),
+            logoUrl: faker.image.urlLoremFlickr({ category: 'business' }),
         },
     },
     {

package/dist/stories/contacts/ViewContactPanel.stories.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ViewContactPanel, RightPanel } from '../../components';
 import { ContactsMock } from '../../mocks';
-import { action } from '@storybook/addon-actions';
 import { homeRoleTypes } from '../../helpers';
 export default {
     title: 'Components/Contacts',
@@ -15,12 +14,6 @@ export default {
     args: {
         contact: ContactsMock[0],
         roleType: 'member',
-        menuItems: [
-            {
-                label: 'Edit',
-                handleClick: action('Edit'),
-            },
-        ],
     },
 };
 export const ViewContactPanelComponent = (args) => {

package/dist/stories/icons/ShareIcon.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { Share } from '../../components';
-declare const _default: Meta<typeof Share>;
+import { ShareIcon } from '../../components';
+declare const _default: Meta<typeof ShareIcon>;
 export default _default;
-export declare const ShareComponent: typeof Share;
+export declare const ShareIconComponent: typeof ShareIcon;

package/dist/stories/icons/ShareIcon.stories.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Center } from '@chakra-ui/react';
-import { Share } from '../../components';
+import { ShareIcon } from '../../components';
 import { colors } from '../../theme/colors';
 export default {
     title: 'Components/Icons',
-    component: Share,
+    component: ShareIcon,
 };
-export const ShareComponent = (args) => {
-    return (_jsx(Center, { width: "10rem", p: "base", bg: "white", children: _jsx(Share, Object.assign({}, args, { stroke: colors.blue[1] })) }));
+export const ShareIconComponent = (args) => {
+    return (_jsx(Center, { width: "10rem", p: "base", bg: "white", children: _jsx(ShareIcon, Object.assign({}, args, { stroke: colors.blue[1] })) }));
 };

package/package.json

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

package/dist/components/icons/Share.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '../../theme/colors';
-export const Share = ({ stroke = colors.blue[3], size = 24 }) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16.256 17.896", children: _jsxs("g", { id: "Icon_feather-share-2", "data-name": "Icon feather-share-2", transform: "translate(-3.75 -2.25)", children: [_jsx("path", { id: "Caminho_18690", "data-name": "Caminho 18690", d: "M27.419,5.459A2.459,2.459,0,1,1,24.959,3,2.459,2.459,0,0,1,27.419,5.459Z", transform: "translate(-8.163 0)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Caminho_18691", "data-name": "Caminho 18691", d: "M9.419,15.959A2.459,2.459,0,1,1,6.959,13.5,2.459,2.459,0,0,1,9.419,15.959Z", transform: "translate(0 -4.761)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Caminho_18692", "data-name": "Caminho 18692", d: "M27.419,26.459A2.459,2.459,0,1,1,24.959,24,2.459,2.459,0,0,1,27.419,26.459Z", transform: "translate(-8.163 -9.523)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Caminho_18693", "data-name": "Caminho 18693", d: "M12.885,20.265l5.6,3.263", transform: "translate(-3.802 -7.829)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Caminho_18694", "data-name": "Caminho 18694", d: "M18.476,9.765l-5.591,3.263", transform: "translate(-3.802 -3.068)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" })] }) }));
-};