@homefile/components-v2 2.44.1 → 2.46.0

package/dist/assets/images/gear.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Retângulo_18156" data-name="Retângulo 18156" width="20" height="20" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Grupo_23306" data-name="Grupo 23306" transform="translate(0 -0.001)">
+    <g id="Grupo_15736" data-name="Grupo 15736" transform="translate(0 0.001)" clip-path="url(#clip-path)">
+      <path id="Caminho_11966" data-name="Caminho 11966" d="M20,8.542v2.917a.716.716,0,0,1-.714.714H18.067a8.3,8.3,0,0,1-.793,2.028l.828.828a.72.72,0,0,1,0,1.012L16.038,18.1a.714.714,0,0,1-1.01,0l-.781-.782a8.121,8.121,0,0,1-2.075.879v1.086a.716.716,0,0,1-.714.714H8.541a.716.716,0,0,1-.714-.714V18.2a8.121,8.121,0,0,1-2.075-.879l-.782.782a.714.714,0,0,1-1.01,0L1.9,16.041a.72.72,0,0,1,0-1.012l.828-.828a8.286,8.286,0,0,1-.793-2.028H.714A.717.717,0,0,1,0,11.458V8.542a.717.717,0,0,1,.714-.714H2.028a8.37,8.37,0,0,1,.831-1.9L1.9,4.971a.717.717,0,0,1,0-1.01L3.961,1.9a.717.717,0,0,1,1.01,0l1.007,1.01a8.285,8.285,0,0,1,1.849-.749V.716A.718.718,0,0,1,8.541,0h2.917a.718.718,0,0,1,.714.716V2.159a8.234,8.234,0,0,1,1.849.749L15.029,1.9a.717.717,0,0,1,1.01,0L18.1,3.961a.717.717,0,0,1,0,1.01l-.961.961a8.279,8.279,0,0,1,.831,1.9h1.314A.717.717,0,0,1,20,8.542M15.224,10A5.224,5.224,0,1,0,10,15.224,5.224,5.224,0,0,0,15.224,10" transform="translate(0 0)" fill="#00c0b7"/>
+      <path id="Caminho_11967" data-name="Caminho 11967" d="M25.753,20.54a5.223,5.223,0,1,1-5.224,5.222,5.224,5.224,0,0,1,5.224-5.222m3.482,5.222a3.482,3.482,0,1,0-3.482,3.482,3.482,3.482,0,0,0,3.482-3.482" transform="translate(-15.754 -15.762)" fill="#40566b"/>
+    </g>
+  </g>
+</svg>

package/dist/assets/images/index.d.ts

@@ -68,6 +68,7 @@ import Foundation from './foundation.svg';
 import Garage from './garage.svg';
 import GearPencil from './gear-pencil.svg';
 import GearTime from './gear-time.svg';
+import Gear from './gear.svg';
 import GenericField from './generic-field.svg';
 import GlassWater from './glass-water.svg';
 import GreenCirclePlus from './green-circle-plus.svg';
@@ -175,7 +176,7 @@ import WizardDetailed from './wizard-detailed.svg';
 import WizardQuick from './wizard-quick.svg';
 import YellowFolder from './yellow-folder.svg';
 import YellowFolderUnshared from './yellow-folder-unshared.svg';
-export { AlertDelete, AlertDeletePurple, Arrow, ApplianceToHome, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Brain, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenCirclePlus, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
+export { AlertDelete, AlertDeletePurple, Arrow, ApplianceToHome, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Brain, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, Gear, GenericField, GlassWater, GreenCirclePlus, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
 export * from './alerts';
 export * from './animations';
 export * from './appliances';

package/dist/assets/images/index.js

@@ -68,6 +68,7 @@ import Foundation from './foundation.svg';
 import Garage from './garage.svg';
 import GearPencil from './gear-pencil.svg';
 import GearTime from './gear-time.svg';
+import Gear from './gear.svg';
 import GenericField from './generic-field.svg';
 import GlassWater from './glass-water.svg';
 import GreenCirclePlus from './green-circle-plus.svg';
@@ -175,7 +176,7 @@ import WizardDetailed from './wizard-detailed.svg';
 import WizardQuick from './wizard-quick.svg';
 import YellowFolder from './yellow-folder.svg';
 import YellowFolderUnshared from './yellow-folder-unshared.svg';
-export { AlertDelete, AlertDeletePurple, Arrow, ApplianceToHome, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Brain, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenCirclePlus, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
+export { AlertDelete, AlertDeletePurple, Arrow, ApplianceToHome, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Brain, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, Gear, GenericField, GlassWater, GreenCirclePlus, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
 export * from './alerts';
 export * from './animations';
 export * from './appliances';

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/appBar/AppBar.d.ts

@@ -1,2 +1,2 @@
 import { AppBarI } from '../../interfaces';
-export declare const AppBar: ({ children, onLogoClick, user }: AppBarI) => import("react/jsx-runtime").JSX.Element;
+export declare const AppBar: ({ children, onLogoClick, user, isPartner }: AppBarI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appBar/AppBar.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Flex } from '@chakra-ui/react';
 import { BarDivider, HomefileLogo, UserProfile } from '../../components';
-export const AppBar = ({ children, onLogoClick, user }) => {
-    return (_jsxs(Box, { bg: "neutral.white", px: "base", boxShadow: "md", children: [_jsx(Box, { position: "absolute", top: "30%", left: "40%", h: "10" }), _jsxs(Flex, { h: "container.masthead", justify: "space-between", alignItems: "center", children: [_jsx(HomefileLogo, { onClick: onLogoClick }), _jsxs(Flex, { alignItems: "center", gap: ["2", "base"], children: [children && (_jsxs(_Fragment, { children: [children, _jsx(BarDivider, {})] })), _jsx(UserProfile, Object.assign({}, user))] })] })] }));
+export const AppBar = ({ children, onLogoClick, user, isPartner }) => {
+    return (_jsxs(Box, { bg: "neutral.white", px: "base", boxShadow: "md", children: [_jsx(Box, { position: "absolute", top: "30%", left: "40%", h: "10" }), _jsxs(Flex, { h: "container.masthead", justify: "space-between", alignItems: "center", children: [_jsx(HomefileLogo, { onClick: onLogoClick, isPartner: isPartner }), _jsxs(Flex, { alignItems: "center", gap: ["2", "base"], children: [children && (_jsxs(_Fragment, { children: [children, _jsx(BarDivider, {})] })), _jsx(UserProfile, Object.assign({}, user))] })] })] }));
 };

package/dist/components/appBar/HomefileLogo.d.ts

@@ -1,2 +1,2 @@
 import { HomefileLogoI } from '../../interfaces';
-export declare const HomefileLogo: ({ onClick }: HomefileLogoI) => import("react/jsx-runtime").JSX.Element;
+export declare const HomefileLogo: ({ onClick, isPartner }: HomefileLogoI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appBar/HomefileLogo.js

@@ -1,10 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button, Image } from '@chakra-ui/react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, Flex, Image, Text } from '@chakra-ui/react';
 import { LogoSmall, HomefileUpdate } from '../../assets/images';
 import { useWindowDimensions } from '../../hooks';
 import { MOBILE_WIDTH } from '../../utils';
-export const HomefileLogo = ({ onClick }) => {
+import { t } from 'i18next';
+export const HomefileLogo = ({ onClick, isPartner = false }) => {
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isMobile = width < MOBILE_WIDTH;
-    return (_jsx(Button, { variant: "menuIcon", maxW: "fit-content", onClick: onClick, "data-testid": "homefile-logo", children: _jsx(Image, { src: isMobile ? LogoSmall : HomefileUpdate, alt: "Homefile", h: "image.logo" }) }));
+    if (!isPartner) {
+        return (_jsx(Button, { variant: "menuIcon", maxW: "fit-content", onClick: onClick, "data-testid": "homefile-logo", children: _jsx(Image, { src: isMobile ? LogoSmall : HomefileUpdate, alt: "Homefile", h: "image.logo" }) }));
+    }
+    return (_jsxs(Flex, { align: "center", gap: ['2', 'base'], children: [_jsx(Button, { variant: "menuIcon", maxW: "fit-content", onClick: onClick, "data-testid": "homefile-logo", children: _jsx(Image, { src: isMobile ? LogoSmall : HomefileUpdate, alt: "Homefile", h: "image.logo" }) }), !isMobile && (_jsx(Box, { pl: "base", borderLeft: "1px solid", borderColor: "gray.200", children: _jsx(Text, { fontSize: "18px", fontWeight: "medium", children: t('partner.admin') }) }))] }));
 };

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/rooms/RoomsMenu.d.ts

@@ -1,2 +1,2 @@
 import { RoomsMenuI } from '../../interfaces';
-export declare const RoomsMenu: ({ activeRoom, rooms, roomsToAdd, onClick, onHomeClick, onAddRoom, disabled, }: RoomsMenuI) => import("react/jsx-runtime").JSX.Element;
+export declare const RoomsMenu: ({ activeRoom, rooms, roomsToAdd, onClick, onHomeClick, onAddRoom, disabled, showAddButton, showHomeButton, }: RoomsMenuI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/rooms/RoomsMenu.js

@@ -4,13 +4,13 @@ import { Box, Center, Tooltip, Image, useDisclosure, Show, } from '@chakra-ui/re
 import { RoomCard, NewRoomPanel, LeftPanel, Plus } from '../../components';
 import { useRoomList } from '../../hooks';
 import { House } from '../../assets/images';
-export const RoomsMenu = ({ activeRoom, rooms, roomsToAdd, onClick, onHomeClick, onAddRoom, disabled, }) => {
+export const RoomsMenu = ({ activeRoom, rooms, roomsToAdd, onClick, onHomeClick, onAddRoom, disabled, showAddButton = true, showHomeButton = true, }) => {
     const { handleDragStart, handleDrop, newRooms } = useRoomList(rooms);
     const { isOpen, onOpen, onClose } = useDisclosure();
-    return (_jsx(Show, { breakpoint: "(min-width: 591px)", children: _jsxs(Box, { bg: "neutral.white", minW: "fit-content", "data-testid": "rooms-menu", children: [_jsxs(Box, { w: "container.roomIcon", minW: "container.roomIcon", transition: "all 0.2s ease-in-out", bg: "lightBlue.4", children: [_jsx(Box, { overflow: "hidden", children: _jsx(Tooltip, { hasArrow: true, isDisabled: false, label: t('addRoom.addBtn'), placement: "right", children: _jsx(Box, { as: "button", w: "full", h: "container.masthead", onClick: onOpen, transition: "all 0.2s ease-in-out", bg: "blue.2", disabled: disabled, overflow: "hidden", _hover: { backgroundColor: 'blue.3' }, _disabled: {
+    return (_jsx(Show, { breakpoint: "(min-width: 591px)", children: _jsxs(Box, { bg: "neutral.white", minW: "fit-content", "data-testid": "rooms-menu", children: [_jsxs(Box, { w: "container.roomIcon", minW: "container.roomIcon", transition: "all 0.2s ease-in-out", bg: "lightBlue.4", children: [showAddButton && (_jsx(Box, { overflow: "hidden", children: _jsx(Tooltip, { hasArrow: true, isDisabled: false, label: t('addRoom.addBtn'), placement: "right", children: _jsx(Box, { as: "button", w: "full", h: "container.masthead", onClick: onOpen, transition: "all 0.2s ease-in-out", bg: "blue.2", disabled: disabled, overflow: "hidden", _hover: { backgroundColor: 'blue.3' }, _disabled: {
                                         filter: 'grayscale(100%)',
                                         pointerEvents: 'none',
-                                    }, children: _jsx(Center, { minW: "container.roomIcon", children: _jsx(Plus, {}) }) }) }) }), _jsx(Tooltip, { hasArrow: true, isDisabled: activeRoom === 'homeboard', label: t('rooms.homeboard'), placement: "right", children: _jsx(Box, { w: "full", as: "button", h: "3.2rem", bg: activeRoom === 'homeboard' ? 'lightGreen.3' : 'neutral.white', onClick: onHomeClick, children: _jsx(Center, { minW: "container.roomIcon", children: _jsx(Image, { src: House, alt: t('ariaLabels.returnHomeBoard'), w: "1.5rem", h: "auto" }) }) }) }), _jsx(Box, { children: newRooms.map((room, i) => {
+                                    }, children: _jsx(Center, { minW: "container.roomIcon", children: _jsx(Plus, {}) }) }) }) })), showHomeButton && (_jsx(Tooltip, { hasArrow: true, isDisabled: activeRoom === 'homeboard', label: t('rooms.homeboard'), placement: "right", children: _jsx(Box, { w: "full", as: "button", h: "3.2rem", bg: activeRoom === 'homeboard' ? 'lightGreen.3' : 'neutral.white', onClick: onHomeClick, children: _jsx(Center, { minW: "container.roomIcon", children: _jsx(Image, { src: House, alt: t('ariaLabels.returnHomeBoard'), w: "1.5rem", h: "auto" }) }) }) })), _jsx(Box, { children: newRooms.map((room, i) => {
                                 return (_jsxs(Box, { children: [_jsx(Box, { bg: "neutral.white", children: _jsx(Box, { h: "1px", bg: "lightBlue.4" }) }), _jsx(RoomCard, { activeRoom: activeRoom, handleClick: onClick, handleDragStart: handleDragStart, handleDrop: handleDrop, index: i, room: room }), i === newRooms.length - 1 && (_jsx(Box, { bg: "neutral.white", children: _jsx(Box, { h: "1px", bg: "lightBlue.4" }) }))] }, room._id));
-                            }) })] }), _jsx(LeftPanel, { size: "xs", isOpen: isOpen, onClose: onClose, children: _jsx(NewRoomPanel, { rooms: roomsToAdd, handleClick: onAddRoom, handleClose: onClose }) })] }) }));
+                            }) })] }), showAddButton && (_jsx(LeftPanel, { size: "xs", isOpen: isOpen, onClose: onClose, children: _jsx(NewRoomPanel, { rooms: roomsToAdd, handleClick: onAddRoom, handleClose: onClose }) }))] }) }));
 };

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/rooms/RoomIcon.js

@@ -1,16 +1,21 @@
-import { Bathroom, Bedroom, Closet, DiningRoom, Entryway, Garage, Hallway, House, Kitchen, Laundry, LivingRoom, Mudroom, Office, Patio, Structure, Theatre, } from '../../assets/images';
+import { BillingAddress, Bathroom, Bedroom, Closet, Company, DiningRoom, Entryway, Garage, Gear, Group, Hallway, House, Kitchen, Laundry, LivingRoom, Manager, Mudroom, Office, Patio, Structure, Theatre, } from '../../assets/images';
 export const roomIcons = {
     bathroom: Bathroom,
+    billing_address: BillingAddress,
     bedroom: Bedroom,
     closet: Closet,
+    company: Company,
     dining_room: DiningRoom,
     entryway: Entryway,
     garage: Garage,
+    gear: Gear,
+    group: Group,
     hallway: Hallway,
     house: House,
     kitchen: Kitchen,
     laundry: Laundry,
     living_room: LivingRoom,
+    manager: Manager,
     mudroom: Mudroom,
     office: Office,
     patio: Patio,
@@ -19,16 +24,21 @@ export const roomIcons = {
 };
 export const roomNames = {
     bathroom: "Bathroom",
+    billing_address: "Billing Address",
     bedroom: "Bedroom",
     closet: "Closet",
+    company: "Company",
     dining_room: "Dining Room",
     entryway: "Entryway",
     garage: "Garage",
+    gear: "Gear",
+    group: "Group",
     hallway: "Hallway",
     house: "House",
     kitchen: "Kitchen",
     laundry: "Laundry",
     living_room: "Living Room",
+    manager: "Manager",
     mudroom: "Mudroom",
     office: "Office",
     patio: "Patio",

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/appBar/AppBar.interface.d.ts

@@ -4,6 +4,7 @@ export interface AppBarI {
     children: ReactNode;
     onLogoClick: () => void;
     user: UserProfileI;
+    isPartner?: boolean;
 }
 export interface AppBarIconI {
     onClick: () => void;

package/dist/interfaces/appBar/HomefileLogo.interface.d.ts

@@ -1,3 +1,4 @@
 export interface HomefileLogoI {
     onClick: () => void;
+    isPartner?: boolean;
 }

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/interfaces/rooms/RoomsMenu.interface.d.ts

@@ -44,4 +44,6 @@ export interface RoomsMenuI {
     onClick: (room: RoomItemI) => void;
     onHomeClick: () => void;
     disabled?: boolean;
+    showAddButton?: boolean;
+    showHomeButton?: boolean;
 }

package/dist/stories/appBar/AppBar.stories.d.ts

@@ -2,4 +2,4 @@ import { Meta } from '@storybook/react';
 import { AppBarI } from '../../interfaces';
 declare const _default: Meta<AppBarI>;
 export default _default;
-export declare const AppBarComponent: () => import("react/jsx-runtime").JSX.Element;
+export declare const AppBarComponent: (args: AppBarI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/appBar/AppBar.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { action } from '@storybook/addon-actions';
-import { AppBar, BarDivider, ContactList, HelpContent, NotificationsReminder, PeopleConnected, RightPanel, StorageUsed, TourButton, Trash, TutorialsButton, } from '../../components';
+import { AppBar, BarDivider, ContactList, HelpContent, NotificationsReminder, PeopleConnected, RightPanel, StorageUsed, Trash, TutorialsButton, } from '../../components';
 import { useState } from 'react';
 import { Tutorials } from '../../helpers';
 import { useWindowDimensions } from '../../hooks';
@@ -8,17 +8,36 @@ import { MOBILE_WIDTH } from '../../utils';
 export default {
     title: 'Components/AppBar',
     component: AppBar,
+    args: {
+        isPartner: true,
+        user: {
+            avatarUrl: 'https://bit.ly/dan-abramov',
+            firstName: 'Adam',
+            userName: 'Adam Lee',
+            bg: '#4CC35A',
+            menuItems: [
+                {
+                    label: 'Profile',
+                    handleClick: action('onProfileClick'),
+                },
+                {
+                    label: 'Logout',
+                    handleClick: action('onLogoutClick'),
+                },
+            ],
+        },
+    },
 };
-export const AppBarComponent = () => {
+export const AppBarComponent = (args) => {
     const [open, setOpen] = useState(false);
     const handleClose = () => setOpen(false);
     const handleOpen = () => setOpen(true);
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isMobile = width < MOBILE_WIDTH;
-    return (_jsxs(_Fragment, { children: [_jsxs(AppBar, { onLogoClick: action('onLogoClick'), user: {
+    return (_jsxs(_Fragment, { children: [_jsxs(AppBar, Object.assign({}, args, { onLogoClick: action('onLogoClick'), user: {
                     avatarUrl: 'https://bit.ly/dan-abramov',
-                    firstName: 'John',
-                    userName: 'John Doe',
+                    firstName: 'Adam',
+                    userName: 'Adam Lee',
                     bg: '#4CC35A',
                     menuItems: [
                         {
@@ -30,5 +49,5 @@ export const AppBarComponent = () => {
                             handleClick: action('onLogoutClick'),
                         },
                     ],
-                }, children: [!isMobile && (_jsx(TourButton, { onClick: action('onShowTourClick'), label: "Show tour" })), _jsx(NotificationsReminder, { onClick: action('onNotificationsReminderClick'), total: 0 }), _jsx(BarDivider, {}), _jsx(PeopleConnected, { onClick: action('onPeopleConnectedClick'), total: 12 }), !isMobile && _jsx(BarDivider, {}), _jsx(ContactList, { onClick: action('onContactListClick'), total: 2 }), _jsx(BarDivider, {}), !isMobile && (_jsx(StorageUsed, { totalUsed: 2, totalStorage: 10, state: "trial", onClick: action('onStorageUsedClick') })), _jsx(Trash, { onClick: action('onTrashClick'), total: 2 }), _jsx(BarDivider, {}), _jsx(TutorialsButton, { onClick: handleOpen })] }), _jsx(RightPanel, { isOpen: open, onClose: handleClose, children: _jsx(HelpContent, { categories: ['Getting Started', 'How to', 'FAQs'], formSent: false, onClose: handleClose, onFeedback: action('onTutorialsButtonClick'), onShowTour: action('onTutorialsButtonClick'), isLoading: false, tutorials: Tutorials }) })] }));
+                }, children: [_jsx(NotificationsReminder, { onClick: action('onNotificationsReminderClick'), total: 0 }), _jsx(BarDivider, {}), _jsx(PeopleConnected, { onClick: action('onPeopleConnectedClick'), total: 12 }), !isMobile && _jsx(BarDivider, {}), _jsx(ContactList, { onClick: action('onContactListClick'), total: 2 }), _jsx(BarDivider, {}), !isMobile && (_jsx(StorageUsed, { totalUsed: 2, totalStorage: 10, state: "trial", onClick: action('onStorageUsedClick') })), _jsx(Trash, { onClick: action('onTrashClick'), total: 2 }), _jsx(BarDivider, {}), _jsx(TutorialsButton, { onClick: handleOpen })] })), _jsx(RightPanel, { isOpen: open, onClose: handleClose, children: _jsx(HelpContent, { categories: ['Getting Started', 'How to', 'FAQs'], formSent: false, onClose: handleClose, onFeedback: action('onTutorialsButtonClick'), onShowTour: action('onTutorialsButtonClick'), isLoading: false, tutorials: Tutorials }) })] }));
 };

package/dist/stories/assets/Illustrations.stories.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Center, Grid, Image, Text } from '@chakra-ui/react';
-import { AlertDelete, AlertDeletePurple, Arrow, Balustrades, Barcode, Batery, Bathroom, Battery, Battery2, Bedding, Bedroom, BillingAddress, Billing, BlueCirclePlus, BlueFolder, BlueFolderShared, Book, Box as BoxIcon, Brain, Building, Calc, Calendar, Calendar2, Catalog, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Co2, Company, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Cookware, Countertops, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Doors, Drop, DropCalendar, Electricity, Electronics, Entryway, EstValue, Equipment, Exclamation, Exterior, Face, Feedback, FileUploading, Finance, Fire, Flag, Flag2, Flower, Flooring, FormSent, Foundation, Furniture, Garage, GearPencil, GearTime, GenericField, GlassWater, GoldenBars, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Hardware, Heart, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, LargeAppliances, Laundry, Light, Lighting, LivingRoom, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Mattress, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Notes, Office, Paint, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plants, Plate, Play, Plus, Pool, Pool2, PressureWasher, Porch, Price, Profile, ProgressReport, Proposal, Rating, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, Registry, RelationshipHome, ResendPassword, Rocket, Roof, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SmallAppliances, SolarPanel, Speaker, Sprinkler, Steps, Structure, Structures, Subscription, Supplies, Table, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Tile, Tools, Tools2, Trash, Utensils, VideoIcon, VideoPlay, VioletFolder, WallDecor, Wallet, Warning, Warranty, Water, WellDone, WholeHome, Wind, Window, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, BookOpened, Company2, } from '../../assets/images';
+import { AlertDelete, AlertDeletePurple, Arrow, Balustrades, Barcode, Batery, Bathroom, Battery, Battery2, Bedding, Bedroom, BillingAddress, Billing, BlueCirclePlus, BlueFolder, BlueFolderShared, Book, Box as BoxIcon, Brain, Building, Calc, Calendar, Calendar2, Catalog, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Co2, Company, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Cookware, Countertops, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Doors, Drop, DropCalendar, Electricity, Electronics, Entryway, EstValue, Equipment, Exclamation, Exterior, Face, Feedback, FileUploading, Finance, Fire, Flag, Flag2, Flower, Flooring, FormSent, Foundation, Furniture, Garage, GearPencil, GearTime, Gear, GenericField, GlassWater, GoldenBars, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Hardware, Heart, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, LargeAppliances, Laundry, Light, Lighting, LivingRoom, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Mattress, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Notes, Office, Paint, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plants, Plate, Play, Plus, Pool, Pool2, PressureWasher, Porch, Price, Profile, ProgressReport, Proposal, Rating, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, Registry, RelationshipHome, ResendPassword, Rocket, Roof, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SmallAppliances, SolarPanel, Speaker, Sprinkler, Steps, Structure, Structures, Subscription, Supplies, Table, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Tile, Tools, Tools2, Trash, Utensils, VideoIcon, VideoPlay, VioletFolder, WallDecor, Wallet, Warning, Warranty, Water, WellDone, WholeHome, Wind, Window, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, BookOpened, Company2, } from '../../assets/images';
 import { CookTop, Dishwasher, Dryer, Freezer, Fridge, Microwave, Oven, Range, Washer, tankWater, tanklessWater, } from '../../assets/images/appliances';
 import { BatterySmokeDetector, Co2Detector, FireExtinguisher, Furnace, HeatPump, InWall, LandscapeLights, Other, SprinklerSystem, SprinklerSystem2, WiredSmokeDetector, } from '../../assets/images/home-assistant';
 export default {
     title: 'Assets/Illustrations',
 };
 export const Illustrations = () => {
-    return (_jsxs(Grid, { maxW: "600px", templateColumns: "repeat(auto-fill, minmax(75px, 1fr))", p: "base", gap: "8", children: [_jsx(IconWrapper, { icon: CookTop, name: "CookTop" }), _jsx(IconWrapper, { icon: Dishwasher, name: "Dishwasher" }), _jsx(IconWrapper, { icon: Dryer, name: "Dryer" }), _jsx(IconWrapper, { icon: Freezer, name: "Freezer" }), _jsx(IconWrapper, { icon: Fridge, name: "Fridge" }), _jsx(IconWrapper, { icon: Microwave, name: "Microwave" }), _jsx(IconWrapper, { icon: Oven, name: "Oven" }), _jsx(IconWrapper, { icon: Range, name: "Range" }), _jsx(IconWrapper, { icon: Washer, name: "Washer" }), _jsx(IconWrapper, { icon: tankWater, name: "TankWater" }), _jsx(IconWrapper, { icon: tanklessWater, name: "TanklessWater" }), _jsx(IconWrapper, { icon: BatterySmokeDetector, name: "BatterySmokeDetector" }), _jsx(IconWrapper, { icon: Co2Detector, name: "Co2Detector" }), _jsx(IconWrapper, { icon: FireExtinguisher, name: "FireExtinguisher" }), _jsx(IconWrapper, { icon: Furnace, name: "Furnace" }), _jsx(IconWrapper, { icon: HeatPump, name: "HeatPump" }), _jsx(IconWrapper, { icon: InWall, name: "InWall" }), _jsx(IconWrapper, { icon: Jacuzzi, name: "Jacuzzi" }), _jsx(IconWrapper, { icon: LandscapeLights, name: "LandscapeLights" }), _jsx(IconWrapper, { icon: Other, name: "Other" }), _jsx(IconWrapper, { icon: SprinklerSystem, name: "SprinklerSystem" }), _jsx(IconWrapper, { icon: SprinklerSystem2, name: "SprinklerSystem2" }), _jsx(IconWrapper, { icon: WiredSmokeDetector, name: "WiredSmokeDetector" }), _jsx(IconWrapper, { icon: Barcode, name: "Barcode" }), _jsx(IconWrapper, { icon: Book, name: "Book" }), _jsx(IconWrapper, { icon: Calendar, name: "Calendar" }), _jsx(IconWrapper, { icon: GoldenBars, name: "GoldenBars" }), _jsx(IconWrapper, { icon: Heart, name: "Heart" }), _jsx(IconWrapper, { icon: Notes, name: "Notes" }), _jsx(IconWrapper, { icon: Rating, name: "Rating" }), _jsx(IconWrapper, { icon: Registry, name: "Registry" }), _jsx(IconWrapper, { icon: Tools2, name: "Tools2" }), _jsx(IconWrapper, { icon: Balustrades, name: "Balustrades" }), _jsx(IconWrapper, { icon: Bedding, name: "Bedding" }), _jsx(IconWrapper, { icon: Cookware, name: "Cookware" }), _jsx(IconWrapper, { icon: Countertops, name: "Countertops" }), _jsx(IconWrapper, { icon: Doors, name: "Doors" }), _jsx(IconWrapper, { icon: Electronics, name: "Electronics" }), _jsx(IconWrapper, { icon: Equipment, name: "Equipment" }), _jsx(IconWrapper, { icon: Exterior, name: "Exterior" }), _jsx(IconWrapper, { icon: Fire, name: "Fire" }), _jsx(IconWrapper, { icon: Flooring, name: "Flooring" }), _jsx(IconWrapper, { icon: Furniture, name: "Furniture" }), _jsx(IconWrapper, { icon: Hardware, name: "Hardware" }), _jsx(IconWrapper, { icon: LargeAppliances, name: "LargeAppliances" }), _jsx(IconWrapper, { icon: Lighting, name: "Lighting" }), _jsx(IconWrapper, { icon: Mattress, name: "Mattress" }), _jsx(IconWrapper, { icon: Paint, name: "Paint" }), _jsx(IconWrapper, { icon: Plants, name: "Plants" }), _jsx(IconWrapper, { icon: Porch, name: "Porch" }), _jsx(IconWrapper, { icon: Roof, name: "Roof" }), _jsx(IconWrapper, { icon: SmallAppliances, name: "SmallAppliances" }), _jsx(IconWrapper, { icon: Steps, name: "Steps" }), _jsx(IconWrapper, { icon: Structures, name: "Structures" }), _jsx(IconWrapper, { icon: Supplies, name: "Supplies" }), _jsx(IconWrapper, { icon: Table, name: "Table" }), _jsx(IconWrapper, { icon: Temperature, name: "Temperature" }), _jsx(IconWrapper, { icon: Tile, name: "Tile" }), _jsx(IconWrapper, { icon: Tools, name: "Tools" }), _jsx(IconWrapper, { icon: Utensils, name: "Utensils" }), _jsx(IconWrapper, { icon: WallDecor, name: "WallDecor" }), _jsx(IconWrapper, { icon: Water, name: "Water" }), _jsx(IconWrapper, { icon: Window, name: "Window" }), _jsx(IconWrapper, { icon: AlertDelete, name: "AlertDelete" }), _jsx(IconWrapper, { icon: AlertDeletePurple, name: "AlertDeletePurple" }), _jsx(IconWrapper, { icon: Arrow, name: "Arrow" }), _jsx(IconWrapper, { icon: Batery, name: "Batery" }), _jsx(IconWrapper, { icon: Bathroom, name: "Bathroom" }), _jsx(IconWrapper, { icon: Battery, name: "Battery" }), _jsx(IconWrapper, { icon: Battery2, name: "Battery2" }), _jsx(IconWrapper, { icon: Bedroom, name: "Bedroom" }), _jsx(IconWrapper, { icon: BillingAddress, name: "BillingAddress" }), _jsx(IconWrapper, { icon: Billing, name: "Billing" }), _jsx(IconWrapper, { icon: BlueCirclePlus, name: "BlueCirclePlus" }), _jsx(IconWrapper, { icon: BlueFolder, name: "BlueFolder" }), _jsx(IconWrapper, { icon: BlueFolderShared, name: "BlueFolderShared" }), _jsx(IconWrapper, { icon: BookOpened, name: "BookOpened" }), _jsx(IconWrapper, { icon: BoxIcon, name: "Box" }), _jsx(IconWrapper, { icon: Brain, name: "Brain" }), _jsx(IconWrapper, { icon: Building, name: "Building" }), _jsx(IconWrapper, { icon: Calc, name: "Calc" }), _jsx(IconWrapper, { icon: Calendar2, name: "Calendar2" }), _jsx(IconWrapper, { icon: Catalog, name: "Catalog" }), _jsx(IconWrapper, { icon: Check, name: "Check" }), _jsx(IconWrapper, { icon: CheckInCircle, name: "CheckInCircle" }), _jsx(IconWrapper, { icon: CheckPen, name: "CheckPen" }), _jsx(IconWrapper, { icon: Chemistry, name: "Chemistry" }), _jsx(IconWrapper, { icon: CircleFace, name: "CircleFace" }), _jsx(IconWrapper, { icon: Cleaning, name: "Cleaning" }), _jsx(IconWrapper, { icon: Closet, name: "Closet" }), _jsx(IconWrapper, { icon: Co2, name: "Co2" }), _jsx(IconWrapper, { icon: Company, name: "Company" }), _jsx(IconWrapper, { icon: Company2, name: "Company2" }), _jsx(IconWrapper, { icon: ComputerReport, name: "ComputerReport" }), _jsx(IconWrapper, { icon: Confirmation, name: "Confirmation" }), _jsx(IconWrapper, { icon: Construction, name: "Construction" }), _jsx(IconWrapper, { icon: Contacts, name: "Contacts" }), _jsx(IconWrapper, { icon: Contacts2, name: "Contacts2" }), _jsx(IconWrapper, { icon: Contributor, name: "Contributor" }), _jsx(IconWrapper, { icon: CreditCard, name: "CreditCard" }), _jsx(IconWrapper, { icon: Detector, name: "Detector" }), _jsx(IconWrapper, { icon: Diamond, name: "Diamond" }), _jsx(IconWrapper, { icon: DiningRoom, name: "DiningRoom" }), _jsx(IconWrapper, { icon: DocIcon, name: "DocIcon" }), _jsx(IconWrapper, { icon: Document, name: "Document" }), _jsx(IconWrapper, { icon: Document2, name: "Document2" }), _jsx(IconWrapper, { icon: Drop, name: "Drop" }), _jsx(IconWrapper, { icon: DropCalendar, name: "DropCalendar" }), _jsx(IconWrapper, { icon: Electricity, name: "Electricity" }), _jsx(IconWrapper, { icon: Entryway, name: "Entryway" }), _jsx(IconWrapper, { icon: EstValue, name: "EstValue" }), _jsx(IconWrapper, { icon: Exclamation, name: "Exclamation" }), _jsx(IconWrapper, { icon: Face, name: "Face" }), _jsx(IconWrapper, { icon: Feedback, name: "Feedback" }), _jsx(IconWrapper, { icon: FileUploading, name: "FileUploading" }), _jsx(IconWrapper, { icon: Finance, name: "Finance" }), _jsx(IconWrapper, { icon: Flag, name: "Flag" }), _jsx(IconWrapper, { icon: Flag2, name: "Flag2" }), _jsx(IconWrapper, { icon: Flower, name: "Flower" }), _jsx(IconWrapper, { icon: FormSent, name: "FormSent" }), _jsx(IconWrapper, { icon: Foundation, name: "Foundation" }), _jsx(IconWrapper, { icon: Garage, name: "Garage" }), _jsx(IconWrapper, { icon: GearPencil, name: "GearPencil" }), _jsx(IconWrapper, { icon: GearTime, name: "GearTime" }), _jsx(IconWrapper, { icon: GenericField, name: "GenericField" }), _jsx(IconWrapper, { icon: GlassWater, name: "GlassWater" }), _jsx(IconWrapper, { icon: GreenFolder, name: "GreenFolder" }), _jsx(IconWrapper, { icon: Group, name: "Group" }), _jsx(IconWrapper, { icon: Groups, name: "Groups" }), _jsx(IconWrapper, { icon: GuestBedroom, name: "GuestBedroom" }), _jsx(IconWrapper, { icon: Hallway, name: "Hallway" }), _jsx(IconWrapper, { icon: HandPencil, name: "HandPencil" }), _jsx(IconWrapper, { icon: Heater, name: "Heater" }), _jsx(IconWrapper, { icon: Help, name: "Help" }), _jsx(IconWrapper, { icon: HomeAddress, name: "HomeAddress" }), _jsx(IconWrapper, { icon: Homeowner, name: "Homeowner" }), _jsx(IconWrapper, { icon: House, name: "House" }), _jsx(IconWrapper, { icon: HouseHands, name: "HouseHands" }), _jsx(IconWrapper, { icon: IA, name: "IA" }), _jsx(IconWrapper, { icon: ImageDefault, name: "ImageDefault" }), _jsx(IconWrapper, { icon: ImgIcon, name: "ImgIcon" }), _jsx(IconWrapper, { icon: Inbox, name: "Inbox" }), _jsx(IconWrapper, { icon: Insect, name: "Insect" }), _jsx(IconWrapper, { icon: Kitchen, name: "Kitchen" }), _jsx(IconWrapper, { icon: Laundry, name: "Laundry" }), _jsx(IconWrapper, { icon: Light, name: "Light" }), _jsx(IconWrapper, { icon: LivingRoom, name: "LivingRoom" }), _jsx(IconWrapper, { icon: LogoSmall, name: "LogoSmall" }), _jsx(IconWrapper, { icon: MagnifyingGlassReport, name: "MagnifyingGlassReport" }), _jsx(IconWrapper, { icon: MagnifyingGlassPerson, name: "MagnifyingGlassPerson" }), _jsx(IconWrapper, { icon: Manager, name: "Manager" }), _jsx(IconWrapper, { icon: MasterBedroom, name: "MasterBedroom" }), _jsx(IconWrapper, { icon: Member, name: "Member" }), _jsx(IconWrapper, { icon: Message, name: "Message" }), _jsx(IconWrapper, { icon: MobileDrop, name: "MobileDrop" }), _jsx(IconWrapper, { icon: Money, name: "Money" }), _jsx(IconWrapper, { icon: Mudroom, name: "Mudroom" }), _jsx(IconWrapper, { icon: NeedHelp, name: "NeedHelp" }), _jsx(IconWrapper, { icon: Office, name: "Office" }), _jsx(IconWrapper, { icon: Painting, name: "Painting" }), _jsx(IconWrapper, { icon: PartnerGeneric, name: "PartnerGeneric" }), _jsx(IconWrapper, { icon: Patio, name: "Patio" }), _jsx(IconWrapper, { icon: PdfIcon, name: "PdfIcon" }), _jsx(IconWrapper, { icon: PersonMail, name: "PersonMail" }), _jsx(IconWrapper, { icon: Plate, name: "Plate" }), _jsx(IconWrapper, { icon: Play, name: "Play" }), _jsx(IconWrapper, { icon: Plus, name: "Plus" }), _jsx(IconWrapper, { icon: Pool, name: "Pool" }), _jsx(IconWrapper, { icon: Pool2, name: "Pool2" }), _jsx(IconWrapper, { icon: PressureWasher, name: "PressureWasher" }), _jsx(IconWrapper, { icon: Price, name: "Price" }), _jsx(IconWrapper, { icon: Profile, name: "Profile" }), _jsx(IconWrapper, { icon: ProgressReport, name: "ProgressReport" }), _jsx(IconWrapper, { icon: Proposal, name: "Proposal" }), _jsx(IconWrapper, { icon: RealEstate, name: "RealEstate" }), _jsx(IconWrapper, { icon: Receipt, name: "Receipt" }), _jsx(IconWrapper, { icon: ReceiptBg, name: "ReceiptBg" }), _jsx(IconWrapper, { icon: ReceiptHouse, name: "ReceiptHouse" }), _jsx(IconWrapper, { icon: Receipts, name: "Receipts" }), _jsx(IconWrapper, { icon: Recipient, name: "Recipient" }), _jsx(IconWrapper, { icon: Records, name: "Records" }), _jsx(IconWrapper, { icon: Register, name: "Register" }), _jsx(IconWrapper, { icon: RelationshipHome, name: "RelationshipHome" }), _jsx(IconWrapper, { icon: ResendPassword, name: "ResendPassword" }), _jsx(IconWrapper, { icon: Rocket, name: "Rocket" }), _jsx(IconWrapper, { icon: Roof2, name: "Roof2" }), _jsx(IconWrapper, { icon: Security, name: "Security" }), _jsx(IconWrapper, { icon: Send, name: "Send" }), _jsx(IconWrapper, { icon: ShareHome, name: "ShareHome" }), _jsx(IconWrapper, { icon: SharePeople, name: "SharePeople" }), _jsx(IconWrapper, { icon: ShareWith, name: "ShareWith" }), _jsx(IconWrapper, { icon: SixtyEight, name: "SixtyEight" }), _jsx(IconWrapper, { icon: SMS, name: "SMS" }), _jsx(IconWrapper, { icon: Social, name: "Social" }), _jsx(IconWrapper, { icon: SolarPanel, name: "SolarPanel" }), _jsx(IconWrapper, { icon: Speaker, name: "Speaker" }), _jsx(IconWrapper, { icon: Sprinkler, name: "Sprinkler" }), _jsx(IconWrapper, { icon: Structure, name: "Structure" }), _jsx(IconWrapper, { icon: Subscription, name: "Subscription" }), _jsx(IconWrapper, { icon: Target, name: "Target" }), _jsx(IconWrapper, { icon: Theatre, name: "Theatre" }), _jsx(IconWrapper, { icon: Thumbnail, name: "Thumbnail" }), _jsx(IconWrapper, { icon: ThumbnailSmall, name: "ThumbnailSmall" }), _jsx(IconWrapper, { icon: ThumbUp, name: "ThumbUp" }), _jsx(IconWrapper, { icon: Trash, name: "Trash" }), _jsx(IconWrapper, { icon: VideoIcon, name: "VideoIcon" }), _jsx(IconWrapper, { icon: VideoPlay, name: "VideoPlay" }), _jsx(IconWrapper, { icon: VioletFolder, name: "VioletFolder" }), _jsx(IconWrapper, { icon: Wallet, name: "Wallet" }), _jsx(IconWrapper, { icon: Warning, name: "Warning" }), _jsx(IconWrapper, { icon: Warranty, name: "Warranty" }), _jsx(IconWrapper, { icon: WellDone, name: "WellDone" }), _jsx(IconWrapper, { icon: WholeHome, name: "WholeHome" }), _jsx(IconWrapper, { icon: Wind, name: "Wind" }), _jsx(IconWrapper, { icon: Wizard, name: "Wizard" }), _jsx(IconWrapper, { icon: WizardDetailed, name: "WizardDetailed" }), _jsx(IconWrapper, { icon: WizardQuick, name: "WizardQuick" }), _jsx(IconWrapper, { icon: YellowFolder, name: "YellowFolder" }), _jsx(IconWrapper, { icon: YellowFolderUnshared, name: "YellowFolderUnshared" })] }));
+    return (_jsxs(Grid, { maxW: "600px", templateColumns: "repeat(auto-fill, minmax(75px, 1fr))", p: "base", gap: "8", children: [_jsx(IconWrapper, { icon: CookTop, name: "CookTop" }), _jsx(IconWrapper, { icon: Dishwasher, name: "Dishwasher" }), _jsx(IconWrapper, { icon: Dryer, name: "Dryer" }), _jsx(IconWrapper, { icon: Freezer, name: "Freezer" }), _jsx(IconWrapper, { icon: Fridge, name: "Fridge" }), _jsx(IconWrapper, { icon: Microwave, name: "Microwave" }), _jsx(IconWrapper, { icon: Oven, name: "Oven" }), _jsx(IconWrapper, { icon: Range, name: "Range" }), _jsx(IconWrapper, { icon: Washer, name: "Washer" }), _jsx(IconWrapper, { icon: tankWater, name: "TankWater" }), _jsx(IconWrapper, { icon: tanklessWater, name: "TanklessWater" }), _jsx(IconWrapper, { icon: BatterySmokeDetector, name: "BatterySmokeDetector" }), _jsx(IconWrapper, { icon: Co2Detector, name: "Co2Detector" }), _jsx(IconWrapper, { icon: FireExtinguisher, name: "FireExtinguisher" }), _jsx(IconWrapper, { icon: Furnace, name: "Furnace" }), _jsx(IconWrapper, { icon: HeatPump, name: "HeatPump" }), _jsx(IconWrapper, { icon: InWall, name: "InWall" }), _jsx(IconWrapper, { icon: Jacuzzi, name: "Jacuzzi" }), _jsx(IconWrapper, { icon: LandscapeLights, name: "LandscapeLights" }), _jsx(IconWrapper, { icon: Other, name: "Other" }), _jsx(IconWrapper, { icon: SprinklerSystem, name: "SprinklerSystem" }), _jsx(IconWrapper, { icon: SprinklerSystem2, name: "SprinklerSystem2" }), _jsx(IconWrapper, { icon: WiredSmokeDetector, name: "WiredSmokeDetector" }), _jsx(IconWrapper, { icon: Barcode, name: "Barcode" }), _jsx(IconWrapper, { icon: Book, name: "Book" }), _jsx(IconWrapper, { icon: Calendar, name: "Calendar" }), _jsx(IconWrapper, { icon: GoldenBars, name: "GoldenBars" }), _jsx(IconWrapper, { icon: Heart, name: "Heart" }), _jsx(IconWrapper, { icon: Notes, name: "Notes" }), _jsx(IconWrapper, { icon: Rating, name: "Rating" }), _jsx(IconWrapper, { icon: Registry, name: "Registry" }), _jsx(IconWrapper, { icon: Tools2, name: "Tools2" }), _jsx(IconWrapper, { icon: Balustrades, name: "Balustrades" }), _jsx(IconWrapper, { icon: Bedding, name: "Bedding" }), _jsx(IconWrapper, { icon: Cookware, name: "Cookware" }), _jsx(IconWrapper, { icon: Countertops, name: "Countertops" }), _jsx(IconWrapper, { icon: Doors, name: "Doors" }), _jsx(IconWrapper, { icon: Electronics, name: "Electronics" }), _jsx(IconWrapper, { icon: Equipment, name: "Equipment" }), _jsx(IconWrapper, { icon: Exterior, name: "Exterior" }), _jsx(IconWrapper, { icon: Fire, name: "Fire" }), _jsx(IconWrapper, { icon: Flooring, name: "Flooring" }), _jsx(IconWrapper, { icon: Furniture, name: "Furniture" }), _jsx(IconWrapper, { icon: Hardware, name: "Hardware" }), _jsx(IconWrapper, { icon: LargeAppliances, name: "LargeAppliances" }), _jsx(IconWrapper, { icon: Lighting, name: "Lighting" }), _jsx(IconWrapper, { icon: Mattress, name: "Mattress" }), _jsx(IconWrapper, { icon: Paint, name: "Paint" }), _jsx(IconWrapper, { icon: Plants, name: "Plants" }), _jsx(IconWrapper, { icon: Porch, name: "Porch" }), _jsx(IconWrapper, { icon: Roof, name: "Roof" }), _jsx(IconWrapper, { icon: SmallAppliances, name: "SmallAppliances" }), _jsx(IconWrapper, { icon: Steps, name: "Steps" }), _jsx(IconWrapper, { icon: Structures, name: "Structures" }), _jsx(IconWrapper, { icon: Supplies, name: "Supplies" }), _jsx(IconWrapper, { icon: Table, name: "Table" }), _jsx(IconWrapper, { icon: Temperature, name: "Temperature" }), _jsx(IconWrapper, { icon: Tile, name: "Tile" }), _jsx(IconWrapper, { icon: Tools, name: "Tools" }), _jsx(IconWrapper, { icon: Utensils, name: "Utensils" }), _jsx(IconWrapper, { icon: WallDecor, name: "WallDecor" }), _jsx(IconWrapper, { icon: Water, name: "Water" }), _jsx(IconWrapper, { icon: Window, name: "Window" }), _jsx(IconWrapper, { icon: AlertDelete, name: "AlertDelete" }), _jsx(IconWrapper, { icon: AlertDeletePurple, name: "AlertDeletePurple" }), _jsx(IconWrapper, { icon: Arrow, name: "Arrow" }), _jsx(IconWrapper, { icon: Batery, name: "Batery" }), _jsx(IconWrapper, { icon: Bathroom, name: "Bathroom" }), _jsx(IconWrapper, { icon: Battery, name: "Battery" }), _jsx(IconWrapper, { icon: Battery2, name: "Battery2" }), _jsx(IconWrapper, { icon: Bedroom, name: "Bedroom" }), _jsx(IconWrapper, { icon: BillingAddress, name: "BillingAddress" }), _jsx(IconWrapper, { icon: Billing, name: "Billing" }), _jsx(IconWrapper, { icon: BlueCirclePlus, name: "BlueCirclePlus" }), _jsx(IconWrapper, { icon: BlueFolder, name: "BlueFolder" }), _jsx(IconWrapper, { icon: BlueFolderShared, name: "BlueFolderShared" }), _jsx(IconWrapper, { icon: BookOpened, name: "BookOpened" }), _jsx(IconWrapper, { icon: BoxIcon, name: "Box" }), _jsx(IconWrapper, { icon: Brain, name: "Brain" }), _jsx(IconWrapper, { icon: Building, name: "Building" }), _jsx(IconWrapper, { icon: Calc, name: "Calc" }), _jsx(IconWrapper, { icon: Calendar2, name: "Calendar2" }), _jsx(IconWrapper, { icon: Catalog, name: "Catalog" }), _jsx(IconWrapper, { icon: Check, name: "Check" }), _jsx(IconWrapper, { icon: CheckInCircle, name: "CheckInCircle" }), _jsx(IconWrapper, { icon: CheckPen, name: "CheckPen" }), _jsx(IconWrapper, { icon: Chemistry, name: "Chemistry" }), _jsx(IconWrapper, { icon: CircleFace, name: "CircleFace" }), _jsx(IconWrapper, { icon: Cleaning, name: "Cleaning" }), _jsx(IconWrapper, { icon: Closet, name: "Closet" }), _jsx(IconWrapper, { icon: Co2, name: "Co2" }), _jsx(IconWrapper, { icon: Company, name: "Company" }), _jsx(IconWrapper, { icon: Company2, name: "Company2" }), _jsx(IconWrapper, { icon: ComputerReport, name: "ComputerReport" }), _jsx(IconWrapper, { icon: Confirmation, name: "Confirmation" }), _jsx(IconWrapper, { icon: Construction, name: "Construction" }), _jsx(IconWrapper, { icon: Contacts, name: "Contacts" }), _jsx(IconWrapper, { icon: Contacts2, name: "Contacts2" }), _jsx(IconWrapper, { icon: Contributor, name: "Contributor" }), _jsx(IconWrapper, { icon: CreditCard, name: "CreditCard" }), _jsx(IconWrapper, { icon: Detector, name: "Detector" }), _jsx(IconWrapper, { icon: Diamond, name: "Diamond" }), _jsx(IconWrapper, { icon: DiningRoom, name: "DiningRoom" }), _jsx(IconWrapper, { icon: DocIcon, name: "DocIcon" }), _jsx(IconWrapper, { icon: Document, name: "Document" }), _jsx(IconWrapper, { icon: Document2, name: "Document2" }), _jsx(IconWrapper, { icon: Drop, name: "Drop" }), _jsx(IconWrapper, { icon: DropCalendar, name: "DropCalendar" }), _jsx(IconWrapper, { icon: Electricity, name: "Electricity" }), _jsx(IconWrapper, { icon: Entryway, name: "Entryway" }), _jsx(IconWrapper, { icon: EstValue, name: "EstValue" }), _jsx(IconWrapper, { icon: Exclamation, name: "Exclamation" }), _jsx(IconWrapper, { icon: Face, name: "Face" }), _jsx(IconWrapper, { icon: Feedback, name: "Feedback" }), _jsx(IconWrapper, { icon: FileUploading, name: "FileUploading" }), _jsx(IconWrapper, { icon: Finance, name: "Finance" }), _jsx(IconWrapper, { icon: Flag, name: "Flag" }), _jsx(IconWrapper, { icon: Flag2, name: "Flag2" }), _jsx(IconWrapper, { icon: Flower, name: "Flower" }), _jsx(IconWrapper, { icon: FormSent, name: "FormSent" }), _jsx(IconWrapper, { icon: Foundation, name: "Foundation" }), _jsx(IconWrapper, { icon: Garage, name: "Garage" }), _jsx(IconWrapper, { icon: GearPencil, name: "GearPencil" }), _jsx(IconWrapper, { icon: GearTime, name: "GearTime" }), _jsx(IconWrapper, { icon: Gear, name: "Gear" }), _jsx(IconWrapper, { icon: GenericField, name: "GenericField" }), _jsx(IconWrapper, { icon: GlassWater, name: "GlassWater" }), _jsx(IconWrapper, { icon: GreenFolder, name: "GreenFolder" }), _jsx(IconWrapper, { icon: Group, name: "Group" }), _jsx(IconWrapper, { icon: Groups, name: "Groups" }), _jsx(IconWrapper, { icon: GuestBedroom, name: "GuestBedroom" }), _jsx(IconWrapper, { icon: Hallway, name: "Hallway" }), _jsx(IconWrapper, { icon: HandPencil, name: "HandPencil" }), _jsx(IconWrapper, { icon: Heater, name: "Heater" }), _jsx(IconWrapper, { icon: Help, name: "Help" }), _jsx(IconWrapper, { icon: HomeAddress, name: "HomeAddress" }), _jsx(IconWrapper, { icon: Homeowner, name: "Homeowner" }), _jsx(IconWrapper, { icon: House, name: "House" }), _jsx(IconWrapper, { icon: HouseHands, name: "HouseHands" }), _jsx(IconWrapper, { icon: IA, name: "IA" }), _jsx(IconWrapper, { icon: ImageDefault, name: "ImageDefault" }), _jsx(IconWrapper, { icon: ImgIcon, name: "ImgIcon" }), _jsx(IconWrapper, { icon: Inbox, name: "Inbox" }), _jsx(IconWrapper, { icon: Insect, name: "Insect" }), _jsx(IconWrapper, { icon: Kitchen, name: "Kitchen" }), _jsx(IconWrapper, { icon: Laundry, name: "Laundry" }), _jsx(IconWrapper, { icon: Light, name: "Light" }), _jsx(IconWrapper, { icon: LivingRoom, name: "LivingRoom" }), _jsx(IconWrapper, { icon: LogoSmall, name: "LogoSmall" }), _jsx(IconWrapper, { icon: MagnifyingGlassReport, name: "MagnifyingGlassReport" }), _jsx(IconWrapper, { icon: MagnifyingGlassPerson, name: "MagnifyingGlassPerson" }), _jsx(IconWrapper, { icon: Manager, name: "Manager" }), _jsx(IconWrapper, { icon: MasterBedroom, name: "MasterBedroom" }), _jsx(IconWrapper, { icon: Member, name: "Member" }), _jsx(IconWrapper, { icon: Message, name: "Message" }), _jsx(IconWrapper, { icon: MobileDrop, name: "MobileDrop" }), _jsx(IconWrapper, { icon: Money, name: "Money" }), _jsx(IconWrapper, { icon: Mudroom, name: "Mudroom" }), _jsx(IconWrapper, { icon: NeedHelp, name: "NeedHelp" }), _jsx(IconWrapper, { icon: Office, name: "Office" }), _jsx(IconWrapper, { icon: Painting, name: "Painting" }), _jsx(IconWrapper, { icon: PartnerGeneric, name: "PartnerGeneric" }), _jsx(IconWrapper, { icon: Patio, name: "Patio" }), _jsx(IconWrapper, { icon: PdfIcon, name: "PdfIcon" }), _jsx(IconWrapper, { icon: PersonMail, name: "PersonMail" }), _jsx(IconWrapper, { icon: Plate, name: "Plate" }), _jsx(IconWrapper, { icon: Play, name: "Play" }), _jsx(IconWrapper, { icon: Plus, name: "Plus" }), _jsx(IconWrapper, { icon: Pool, name: "Pool" }), _jsx(IconWrapper, { icon: Pool2, name: "Pool2" }), _jsx(IconWrapper, { icon: PressureWasher, name: "PressureWasher" }), _jsx(IconWrapper, { icon: Price, name: "Price" }), _jsx(IconWrapper, { icon: Profile, name: "Profile" }), _jsx(IconWrapper, { icon: ProgressReport, name: "ProgressReport" }), _jsx(IconWrapper, { icon: Proposal, name: "Proposal" }), _jsx(IconWrapper, { icon: RealEstate, name: "RealEstate" }), _jsx(IconWrapper, { icon: Receipt, name: "Receipt" }), _jsx(IconWrapper, { icon: ReceiptBg, name: "ReceiptBg" }), _jsx(IconWrapper, { icon: ReceiptHouse, name: "ReceiptHouse" }), _jsx(IconWrapper, { icon: Receipts, name: "Receipts" }), _jsx(IconWrapper, { icon: Recipient, name: "Recipient" }), _jsx(IconWrapper, { icon: Records, name: "Records" }), _jsx(IconWrapper, { icon: Register, name: "Register" }), _jsx(IconWrapper, { icon: RelationshipHome, name: "RelationshipHome" }), _jsx(IconWrapper, { icon: ResendPassword, name: "ResendPassword" }), _jsx(IconWrapper, { icon: Rocket, name: "Rocket" }), _jsx(IconWrapper, { icon: Roof2, name: "Roof2" }), _jsx(IconWrapper, { icon: Security, name: "Security" }), _jsx(IconWrapper, { icon: Send, name: "Send" }), _jsx(IconWrapper, { icon: ShareHome, name: "ShareHome" }), _jsx(IconWrapper, { icon: SharePeople, name: "SharePeople" }), _jsx(IconWrapper, { icon: ShareWith, name: "ShareWith" }), _jsx(IconWrapper, { icon: SixtyEight, name: "SixtyEight" }), _jsx(IconWrapper, { icon: SMS, name: "SMS" }), _jsx(IconWrapper, { icon: Social, name: "Social" }), _jsx(IconWrapper, { icon: SolarPanel, name: "SolarPanel" }), _jsx(IconWrapper, { icon: Speaker, name: "Speaker" }), _jsx(IconWrapper, { icon: Sprinkler, name: "Sprinkler" }), _jsx(IconWrapper, { icon: Structure, name: "Structure" }), _jsx(IconWrapper, { icon: Subscription, name: "Subscription" }), _jsx(IconWrapper, { icon: Target, name: "Target" }), _jsx(IconWrapper, { icon: Theatre, name: "Theatre" }), _jsx(IconWrapper, { icon: Thumbnail, name: "Thumbnail" }), _jsx(IconWrapper, { icon: ThumbnailSmall, name: "ThumbnailSmall" }), _jsx(IconWrapper, { icon: ThumbUp, name: "ThumbUp" }), _jsx(IconWrapper, { icon: Trash, name: "Trash" }), _jsx(IconWrapper, { icon: VideoIcon, name: "VideoIcon" }), _jsx(IconWrapper, { icon: VideoPlay, name: "VideoPlay" }), _jsx(IconWrapper, { icon: VioletFolder, name: "VioletFolder" }), _jsx(IconWrapper, { icon: Wallet, name: "Wallet" }), _jsx(IconWrapper, { icon: Warning, name: "Warning" }), _jsx(IconWrapper, { icon: Warranty, name: "Warranty" }), _jsx(IconWrapper, { icon: WellDone, name: "WellDone" }), _jsx(IconWrapper, { icon: WholeHome, name: "WholeHome" }), _jsx(IconWrapper, { icon: Wind, name: "Wind" }), _jsx(IconWrapper, { icon: Wizard, name: "Wizard" }), _jsx(IconWrapper, { icon: WizardDetailed, name: "WizardDetailed" }), _jsx(IconWrapper, { icon: WizardQuick, name: "WizardQuick" }), _jsx(IconWrapper, { icon: YellowFolder, name: "YellowFolder" }), _jsx(IconWrapper, { icon: YellowFolderUnshared, name: "YellowFolderUnshared" })] }));
 };
 const IconWrapper = ({ icon, name }) => {
     return (_jsxs(Center, { flexDirection: "column", children: [_jsx(Image, { src: icon, boxSize: "30px", mb: "2" }), _jsx(Text, { variant: "home", children: name })] }));

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/rooms/RoomsMenu.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { RoomsMenuI } from '../../interfaces';
+import { RoomItemI, RoomsMenuI } from '../../interfaces';
 declare const _default: Meta<RoomsMenuI>;
 export default _default;
 export declare const RoomsMenuComponent: {
@@ -20,5 +20,27 @@ export declare const RoomsMenuComponent: {
             home: string;
             active: boolean;
         }[];
+        onAddRoom: () => Promise<void>;
+        onClick: import("@storybook/addon-actions").HandlerFunction;
+        onHomeClick: import("@storybook/addon-actions").HandlerFunction;
+    };
+};
+export declare const PartnerAdminRoomsMenu: {
+    (args: RoomsMenuI): import("react/jsx-runtime").JSX.Element;
+    args: {
+        activeRoom: string;
+        rooms: RoomItemI[];
+        roomsToAdd: {
+            _id: string;
+            name: string;
+            type: string;
+            home: string;
+            active: boolean;
+        }[];
+        onAddRoom: () => Promise<void>;
+        onClick: import("@storybook/addon-actions").HandlerFunction;
+        onHomeClick: import("@storybook/addon-actions").HandlerFunction;
+        showAddButton: boolean;
+        showHomeButton: boolean;
     };
 };

package/dist/stories/rooms/RoomsMenu.stories.js

@@ -1,4 +1,14 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { jsx as _jsx } from "react/jsx-runtime";
+import { action } from '@storybook/addon-actions';
 import { RoomsMenu } from '../../components';
 import { RoomsList, RoomsToAdd } from '../../helpers';
 export default {
@@ -9,7 +19,60 @@ export const RoomsMenuComponent = (args) => {
     return _jsx(RoomsMenu, Object.assign({}, args));
 };
 RoomsMenuComponent.args = {
-    activeRoom: RoomsList[0].name,
+    activeRoom: RoomsList[0]._id,
     rooms: RoomsList,
     roomsToAdd: RoomsToAdd,
+    onAddRoom: () => __awaiter(void 0, void 0, void 0, function* () { return Promise.resolve(); }),
+    onClick: action('onClickRoom'),
+    onHomeClick: action('onHomeClick'),
+};
+export const PartnerAdminRoomsMenu = (args) => {
+    return _jsx(RoomsMenu, Object.assign({}, args));
+};
+const PartnerAdminItems = [
+    {
+        _id: 'partner-admin-home',
+        name: 'HOME',
+        type: 'company',
+        home: 'partner-admin',
+        active: true,
+    },
+    {
+        _id: 'partner-admin-tickets',
+        name: 'TICKETS',
+        type: 'manager',
+        home: 'partner-admin',
+        active: true,
+    },
+    {
+        _id: 'partner-admin-customers',
+        name: 'CUSTOMERS',
+        type: 'billing_address',
+        home: 'partner-admin',
+        active: true,
+    },
+    {
+        _id: 'partner-admin-tiles',
+        name: 'TILES',
+        type: 'group',
+        home: 'partner-admin',
+        active: true,
+    },
+    {
+        _id: 'partner-admin-settings',
+        name: 'SETTINGS',
+        type: 'gear',
+        home: 'partner-admin',
+        active: true,
+    },
+];
+PartnerAdminRoomsMenu.args = {
+    activeRoom: PartnerAdminItems[0]._id,
+    rooms: PartnerAdminItems,
+    roomsToAdd: RoomsToAdd,
+    onAddRoom: () => __awaiter(void 0, void 0, void 0, function* () { return Promise.resolve(); }),
+    onClick: action('onClickRoom'),
+    onHomeClick: action('onHomeClick'),
+    showAddButton: false,
+    showHomeButton: false,
 };

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.44.1",
+  "version": "2.46.0",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",