@homefile/components-v2 2.45.0 → 2.46.0

package/dist/assets/locales/en/index.json

@@ -790,6 +790,29 @@
       "images": "Images",
       "preview": "Preview"
     },
+    "adminTiles": {
+      "serviceCard": {
+        "accessibility": {
+          "logoAlt": "{{name}} logo"
+        },
+        "code": {
+          "title": "Homefile Partner Code",
+          "description": "Your partner share code is a unique referral or access code that a business partner gives to a customer to unlock a specific benefit inside of Homefile."
+        },
+        "contact": {
+          "address": "Address",
+          "companyName": "Company Name",
+          "customerServicePoc": "Customer Service POC",
+          "insuranceNumber": "Insurance #",
+          "licenseNumber": "License #",
+          "phoneNumber": "Phone Number"
+        },
+        "tabs": {
+          "contact": "Contact",
+          "owner": "Owner"
+        }
+      }
+    },
     "tiles": {
       "customer": "Customer",
       "inbox": "Inbox",

package/dist/components/homeBoard/HomeCardRecipients.js

@@ -7,7 +7,7 @@ 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: {
+            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) && onEditClick && (_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 === null || onEditClick === void 0 ? void 0 : onEditClick({ user, accountTypes }) }) })), menu && (_jsx(Box, { children: _jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 26 }), menuItems: menu, itemForm: {
                                                 _id: user.email,
                                                 name: user.firstName,
                                             } }) }))] })] }), _jsx(RecipientContent, Object.assign({}, user, { index: index }))] }, user.email));

package/dist/components/partner/adminTiles/index.d.ts

@@ -1,3 +1,4 @@
 export * from './customersTile';
+export * from './partnerServiceCard';
 export * from './satisfactionTile';
 export * from './ytdTile';

package/dist/components/partner/adminTiles/index.js

@@ -1,3 +1,4 @@
 export * from './customersTile';
+export * from './partnerServiceCard';
 export * from './satisfactionTile';
 export * from './ytdTile';

package/dist/components/partner/adminTiles/partnerServiceCard/CodeTab.d.ts

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

package/dist/components/partner/adminTiles/partnerServiceCard/CodeTab.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Stack, Text } from '@chakra-ui/react';
+export const CodeTab = ({ code, description }) => (_jsx(Box, { p: "base", bg: "lightBlue.1", children: _jsxs(Stack, { spacing: "base", bg: "neutral.white", p: "base", boxShadow: "md", children: [_jsx(Text, { fontSize: "sm", children: t('partner.adminTiles.serviceCard.code.title') }), _jsx(Box, { bg: "lightGreen.1", py: "3", px: "base", children: _jsx(Text, { fontSize: "27px", lineHeight: "1", textAlign: "center", textTransform: "lowercase", children: code }) }), _jsx(Text, { fontSize: "xs", fontFamily: "secondary", lineHeight: "13px", color: "gray.2", children: description || t('partner.adminTiles.serviceCard.code.description') })] }) }));

package/dist/components/partner/adminTiles/partnerServiceCard/ContactTab.d.ts

@@ -0,0 +1,2 @@
+import { PartnerServiceContactI } from '../../../../interfaces';
+export declare const ContactTab: ({ addressLineOne, addressLineTwo, companyName, customerServicePoc, email, insuranceNumber, licenseNumber, phoneNumber, }: PartnerServiceContactI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/partner/adminTiles/partnerServiceCard/ContactTab.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Divider, Stack } from '@chakra-ui/react';
+import { DetailsRow, ValueText } from './DetailsRow';
+export const ContactTab = ({ addressLineOne, addressLineTwo, companyName, customerServicePoc, email, insuranceNumber, licenseNumber, phoneNumber, }) => (_jsx(Box, { p: "base", bg: "lightBlue.1", children: _jsxs(Stack, { bg: "neutral.white", p: "base", boxShadow: "md", spacing: "base", children: [_jsxs(Box, { children: [_jsx(DetailsRow, { label: t('partner.adminTiles.serviceCard.contact.companyName'), value: companyName }), (addressLineOne || addressLineTwo) && (_jsx(DetailsRow, { label: t('partner.adminTiles.serviceCard.contact.address'), value: _jsxs(Box, { children: [addressLineOne && _jsx(ValueText, { children: addressLineOne }), addressLineTwo && _jsx(ValueText, { children: addressLineTwo })] }) }))] }), _jsx(Divider, {}), _jsxs(Box, { children: [_jsx(DetailsRow, { label: t('partner.adminTiles.serviceCard.contact.customerServicePoc'), value: customerServicePoc }), _jsx(DetailsRow, { label: t('partner.adminTiles.serviceCard.contact.phoneNumber'), value: phoneNumber }), _jsx(DetailsRow, { label: t('forms.email'), value: email }), _jsx(DetailsRow, { label: t('partner.adminTiles.serviceCard.contact.licenseNumber'), value: licenseNumber }), _jsx(DetailsRow, { label: t('partner.adminTiles.serviceCard.contact.insuranceNumber'), value: insuranceNumber })] })] }) }));

package/dist/components/partner/adminTiles/partnerServiceCard/DetailsRow.d.ts

@@ -0,0 +1,5 @@
+import { PartnerServiceDetailsRowI } from '../../../../interfaces';
+export declare const DetailsRow: ({ label, mb, value, }: PartnerServiceDetailsRowI) => import("react/jsx-runtime").JSX.Element;
+export declare const ValueText: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/partner/adminTiles/partnerServiceCard/DetailsRow.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Grid, GridItem, Text } from '@chakra-ui/react';
+export const DetailsRow = ({ label, mb = '0', value, }) => (_jsxs(Grid, { mb: mb, templateColumns: "10rem minmax(0, 1fr)", columnGap: "2", alignItems: "start", children: [_jsx(GridItem, { minW: "0", children: _jsx(Text, { fontSize: "xs", fontFamily: "secondary", color: "gray.2", lineHeight: "1.35", whiteSpace: "nowrap", children: label }) }), _jsx(GridItem, { minW: "0", children: _jsx(ValueText, { children: value }) })] }));
+export const ValueText = ({ children }) => (_jsx(Text, { fontSize: "xs", fontFamily: "secondary", fontWeight: "medium", lineHeight: "1.35", whiteSpace: "nowrap", children: children }));

package/dist/components/partner/adminTiles/partnerServiceCard/OwnerTab.d.ts

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

package/dist/components/partner/adminTiles/partnerServiceCard/OwnerTab.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { HomeCardRecipients } from '../../../../components';
+export const OwnerTab = ({ accountTypes, user }) => (_jsx(Box, { bg: "lightBlue.1", children: _jsx(HomeCardRecipients, { recipients: [{ accountTypes, user }] }) }));

package/dist/components/partner/adminTiles/partnerServiceCard/PartnerServiceCard.d.ts

@@ -0,0 +1,2 @@
+import { PartnerServiceCardI } from '../../../../interfaces';
+export declare const PartnerServiceCard: ({ address: { city, number, state, street, zip }, codeDescription, contact, defaultIndex, logo, name, onEdit, owner, partnerCode, website, }: PartnerServiceCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/partner/adminTiles/partnerServiceCard/PartnerServiceCard.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Container, Flex, IconButton, Image, Stack, Text, Tooltip, } from '@chakra-ui/react';
+import { Edit, TabsHeader } from '../../../../components';
+import { PartnerGeneric } from '../../../../assets/images';
+import { CodeTab } from './CodeTab';
+import { ContactTab } from './ContactTab';
+import { OwnerTab } from './OwnerTab';
+export const PartnerServiceCard = ({ address: { city, number = '', state, street, zip }, codeDescription, contact, defaultIndex = 0, logo, name, onEdit, owner, partnerCode, website, }) => {
+    const tabs = [
+        partnerCode && {
+            label: t('forms.code').toUpperCase(),
+            component: _jsx(CodeTab, { code: partnerCode, description: codeDescription }),
+        },
+        contact && {
+            label: t('partner.adminTiles.serviceCard.tabs.contact').toUpperCase(),
+            component: _jsx(ContactTab, Object.assign({}, contact)),
+        },
+        owner && {
+            label: t('partner.adminTiles.serviceCard.tabs.owner').toUpperCase(),
+            component: _jsx(OwnerTab, Object.assign({}, owner)),
+        },
+    ].filter((tab) => Boolean(tab));
+    return (_jsxs(Container, { variant: "launchpad", overflow: "hidden", p: "0", children: [_jsxs(Box, { bg: "neutral.white", children: [_jsx(Flex, { align: "center", justify: "center", h: "9.5rem", bg: "neutral.white", borderBottom: "1px solid", borderColor: "lightBlue.2", children: _jsx(Image, { src: logo || PartnerGeneric, alt: t('partner.adminTiles.serviceCard.accessibility.logoAlt', {
+                                name,
+                            }), maxW: "156px", maxH: "72px", w: "auto", h: "auto", objectFit: "contain" }) }), _jsxs(Stack, { px: "base", pb: "base", pt: "base", spacing: "1", children: [_jsxs(Flex, { justify: "space-between", align: "center", children: [_jsx(Text, { noOfLines: 1, textOverflow: "ellipsis", fontFamily: "primary", fontSize: "24px", fontWeight: "normal", lineHeight: "1.2", children: name }), onEdit && (_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: onEdit }) }))] }), _jsxs(Box, { children: [_jsx(PartnerServiceInfoText, { children: `${number} ${street}`.trim() }), _jsx(PartnerServiceInfoText, { children: `${city}, ${state} ${zip}`.trim() }), website && (_jsx(PartnerServiceInfoText, { children: website }))] })] })] }), tabs.length > 0 && (_jsx(TabsHeader, { defaultIndex: defaultIndex, tabList: tabs }))] }));
+};
+const PartnerServiceInfoText = (props) => (_jsx(Text, Object.assign({ fontFamily: "secondary", fontSize: "14px", fontWeight: "normal", lineHeight: "20px" }, props)));

package/dist/components/partner/adminTiles/partnerServiceCard/index.d.ts

@@ -0,0 +1 @@
+export * from './PartnerServiceCard';

package/dist/components/partner/adminTiles/partnerServiceCard/index.js

@@ -0,0 +1 @@
+export * from './PartnerServiceCard';

package/dist/components/sendDocument/RecipientContent.js

@@ -4,5 +4,5 @@ import { randomColor } from '../../utils';
 import MoonLoader from 'react-spinners/MoonLoader';
 export const RecipientContent = ({ bgColor, firstName = '', index = 0, lastName = '', phone = '', email = '', }) => {
     const isPending = firstName === 'Account' && lastName === 'Pending';
-    return (_jsxs(Flex, { gap: "2", align: firstName ? 'start' : 'center', children: [isPending && (_jsx(MoonLoader, { color: "#2d2d2d", size: 20, speedMultiplier: 0.5 })), !isPending && (_jsx(Avatar, { size: "sm", bg: bgColor !== null && bgColor !== void 0 ? bgColor : randomColor(index), fontWeight: "bold", color: "neutral.white", name: firstName ? `${firstName} ${lastName}` : '' })), _jsxs(Stack, { w: "full", spacing: "-2", minH: "3rem", justify: "space-between", children: [_jsxs(Box, { children: [firstName && (_jsx(Text, { textTransform: "capitalize", children: `${firstName} ${lastName}` })), _jsx(Text, { fontSize: "xxs", children: phone })] }), _jsx(Text, { variant: "email", alignSelf: "flex-end", children: email })] })] }));
+    return (_jsxs(Stack, { justify: "space-between", spacing: "0", children: [_jsxs(Flex, { gap: "2", h: "fit-content", w: "full", align: phone ? 'start' : 'center', children: [isPending && (_jsx(MoonLoader, { color: "#2d2d2d", size: 20, speedMultiplier: 0.5 })), !isPending && (_jsx(Avatar, { size: "sm", bg: bgColor !== null && bgColor !== void 0 ? bgColor : randomColor(index), fontWeight: "bold", color: "neutral.white", name: firstName ? `${firstName} ${lastName}` : '' })), _jsx(Stack, { w: "full", h: "fit-content", children: _jsxs(Box, { children: [firstName && (_jsx(Text, { textTransform: "capitalize", children: `${firstName} ${lastName}` })), _jsx(Text, { fontSize: "xxs", children: phone })] }) })] }), email && (_jsx(Text, { variant: "email", alignSelf: "flex-end", children: email }))] }));
 };

package/dist/helpers/HomeRoles.helper.js

@@ -35,4 +35,9 @@ export const homeRoles = {
         width: '6rem',
         name: 'Homeowner',
     },
+    owner: {
+        bg: '#535C51',
+        width: '6rem',
+        name: 'Owner',
+    },
 };

package/dist/helpers/sendDocument/AddRecipient.helper.d.ts

@@ -1,4 +1,12 @@
-export declare const recipientsDb: {
+export declare const recipientsDb: ({
+    accountTypes: string[];
+    user: {
+        email: string;
+        firstName: string;
+        lastName: string;
+        phone?: undefined;
+    };
+} | {
     accountTypes: string[];
     user: {
         email: string;
@@ -6,4 +14,4 @@ export declare const recipientsDb: {
         lastName: string;
         phone: string;
     };
-}[];
+})[];

package/dist/helpers/sendDocument/AddRecipient.helper.js

@@ -1,4 +1,12 @@
 export const recipientsDb = [
+    {
+        accountTypes: ['Owner'],
+        user: {
+            email: 'gedmunds12@gmail.com',
+            firstName: 'Gary',
+            lastName: 'Edmunds',
+        },
+    },
     {
         accountTypes: ['Member', 'Contributor', 'Homeowner'],
         user: {

package/dist/interfaces/homeBoard/HomeCardRecipients.interface.d.ts

@@ -1,4 +1,4 @@
 import { AssociatedAccountI, HomeCardWithRecipentI } from '../../interfaces';
 export interface HomeCardRecipientsI extends Pick<HomeCardWithRecipentI, 'menu' | 'recipients'> {
-    onEditClick: (values: AssociatedAccountI) => void;
+    onEditClick?: (values: AssociatedAccountI) => void;
 }

package/dist/interfaces/partner/adminTiles/index.d.ts

@@ -1,3 +1,4 @@
 export * from './customerTile';
+export * from './partnerServiceCard';
 export * from './satisfactionTile';
 export * from './ytdTile';

package/dist/interfaces/partner/adminTiles/index.js

@@ -1,3 +1,4 @@
 export * from './customerTile';
+export * from './partnerServiceCard';
 export * from './satisfactionTile';
 export * from './ytdTile';

package/dist/interfaces/partner/adminTiles/partnerServiceCard/PartnerServiceCard.interface.d.ts

@@ -0,0 +1,33 @@
+import { HomeAddressI, AssociatedAccountI } from '../../../../interfaces';
+import { ReactNode } from 'react';
+export interface PartnerServiceContactI {
+    companyName: string;
+    addressLineOne?: string;
+    addressLineTwo?: string;
+    customerServicePoc?: string;
+    email?: string;
+    insuranceNumber?: string;
+    licenseNumber?: string;
+    phoneNumber?: string;
+}
+export interface PartnerServiceCodeTabI {
+    code: string;
+    description?: string;
+}
+export interface PartnerServiceDetailsRowI {
+    label: string;
+    value?: ReactNode;
+    mb?: string;
+}
+export interface PartnerServiceCardI {
+    address: HomeAddressI;
+    codeDescription?: string;
+    contact?: PartnerServiceContactI;
+    defaultIndex?: number;
+    logo?: string;
+    name: string;
+    onEdit?: () => void;
+    owner?: AssociatedAccountI;
+    partnerCode?: string;
+    website?: string;
+}

package/dist/interfaces/partner/adminTiles/partnerServiceCard/PartnerServiceCard.interface.js

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

package/dist/interfaces/partner/adminTiles/partnerServiceCard/index.d.ts

@@ -0,0 +1 @@
+export * from './PartnerServiceCard.interface';

package/dist/interfaces/partner/adminTiles/partnerServiceCard/index.js

@@ -0,0 +1 @@
+export * from './PartnerServiceCard.interface';

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

@@ -5,7 +5,15 @@ export default _default;
 export declare const FolderDetailComponent: {
     (args: FolderDetailI): import("react/jsx-runtime").JSX.Element;
     args: {
-        recipients: {
+        recipients: ({
+            accountTypes: string[];
+            user: {
+                email: string;
+                firstName: string;
+                lastName: string;
+                phone?: undefined;
+            };
+        } | {
             accountTypes: string[];
             user: {
                 email: string;
@@ -13,7 +21,7 @@ export declare const FolderDetailComponent: {
                 lastName: string;
                 phone: string;
             };
-        }[];
+        })[];
         addedBy: string;
         files: import("../../interfaces").ReportsI[];
         folder: import("../../interfaces").FolderI;

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

@@ -29,7 +29,15 @@ export declare const HomeCardWithRecipentComponent: {
             label: string;
             handleClick: import("@storybook/addon-actions").HandlerFunction;
         }[];
-        recipients: {
+        recipients: ({
+            accountTypes: string[];
+            user: {
+                email: string;
+                firstName: string;
+                lastName: string;
+                phone?: undefined;
+            };
+        } | {
             accountTypes: string[];
             user: {
                 email: string;
@@ -37,7 +45,7 @@ export declare const HomeCardWithRecipentComponent: {
                 lastName: string;
                 phone: string;
             };
-        }[];
+        })[];
         records: import("../../interfaces").HomeCardRecordsI;
     };
 };

package/dist/stories/partner/adminTiles/PartnerServiceCard.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { PartnerServiceCardI } from '../../../interfaces';
+declare const _default: Meta<PartnerServiceCardI>;
+export default _default;
+export declare const PartnerServiceCardComponent: (args: PartnerServiceCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/partner/adminTiles/PartnerServiceCard.stories.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { action } from '@storybook/addon-actions';
+import { Box } from '@chakra-ui/react';
+import { PartnerServiceCard } from '../../../components';
+import { LogoCompany } from '../../../assets/images';
+import { recipientsDb } from '../../../helpers';
+export default {
+    title: 'Components/Partner/Admin Tiles',
+    component: PartnerServiceCard,
+    args: {
+        logo: LogoCompany,
+        name: 'Poolie Pool Service',
+        address: {
+            city: 'Blue Box',
+            number: '3603',
+            state: 'TX',
+            street: 'Acme Drive',
+            zip: '78777',
+        },
+        website: 'www.poolie.com',
+        partnerCode: 'poolie',
+        contact: {
+            companyName: 'Poolie Pool Service',
+            addressLineOne: '3603 Acme Drive',
+            addressLineTwo: 'Blue Box TX 78777',
+            customerServicePoc: 'John Smith',
+            phoneNumber: '512.555.1212',
+            email: 'support@poolie.com',
+            licenseNumber: 'TX 9842234-098',
+            insuranceNumber: '422345-14322',
+        },
+        owner: {
+            user: recipientsDb[0].user,
+            accountTypes: recipientsDb[0].accountTypes,
+        },
+        onEdit: action('onEdit'),
+    },
+};
+export const PartnerServiceCardComponent = (args) => {
+    return (_jsx(Box, { w: ['full', '326px'], children: _jsx(PartnerServiceCard, Object.assign({}, args)) }));
+};

package/dist/stories/sendDocument/RecipientCard.stories.d.ts

@@ -9,6 +9,14 @@ export declare const RecipientCardComponent: {
         index: number;
         isDocument: boolean;
         recipient: {
+            accountTypes: string[];
+            user: {
+                email: string;
+                firstName: string;
+                lastName: string;
+                phone?: undefined;
+            };
+        } | {
             accountTypes: string[];
             user: {
                 email: string;

package/dist/stories/sendDocument/RecipientContent.stories.d.ts

@@ -8,6 +8,6 @@ export declare const RecipientContentComponent: {
         email: string;
         firstName: string;
         lastName: string;
-        phone: string;
+        phone: string | undefined;
     };
 };

package/dist/stories/sendDocument/RecipientDocForm.stories.d.ts

@@ -5,7 +5,15 @@ export default _default;
 export declare const RecipientDocFormComponent: {
     (args: RecipientDocFormI): import("react/jsx-runtime").JSX.Element;
     args: {
-        recipients: {
+        recipients: ({
+            accountTypes: string[];
+            user: {
+                email: string;
+                firstName: string;
+                lastName: string;
+                phone?: undefined;
+            };
+        } | {
             accountTypes: string[];
             user: {
                 email: string;
@@ -13,6 +21,6 @@ export declare const RecipientDocFormComponent: {
                 lastName: string;
                 phone: string;
             };
-        }[];
+        })[];
     };
 };

package/dist/stories/sendDocument/RecipientTab.stories.d.ts

@@ -5,7 +5,15 @@ export default _default;
 export declare const RecipientTabComponent: {
     (args: RecipientTabI): import("react/jsx-runtime").JSX.Element;
     args: {
-        recipients: {
+        recipients: ({
+            accountTypes: string[];
+            user: {
+                email: string;
+                firstName: string;
+                lastName: string;
+                phone?: undefined;
+            };
+        } | {
             accountTypes: string[];
             user: {
                 email: string;
@@ -13,7 +21,7 @@ export declare const RecipientTabComponent: {
                 lastName: string;
                 phone: string;
             };
-        }[];
+        })[];
         loading: boolean;
     };
 };

package/package.json

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