@homefile/components-v2 2.3.1 → 2.5.0

package/dist/components/forms/readOnly/fields/homeItem/ReadOnlyGuidelines.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, Stack, Grid } from '@chakra-ui/react';
+import { HiddenField } from '../../../..';
+import { fieldIcons } from '../../../../../helpers';
+export const ReadOnlyGuidelines = ({ name, children, onClick, }) => {
+    return (_jsxs(Stack, { spacing: "base", children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: name }), _jsx(Grid, { templateColumns: "repeat(2, minmax(80px, 1fr))", gap: "base", children: children === null || children === void 0 ? void 0 : children.map((child) => {
+                    const { id, icon, value } = child;
+                    const btnIcon = icon ? fieldIcons[icon] : '';
+                    return (_jsx(HiddenField, { id: id, icon: btnIcon, name: value, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(id) }, id));
+                }) })] }));
+};

package/dist/components/forms/readOnly/fields/homeItem/ReadOnlyGuidelines.tsx

@@ -0,0 +1,33 @@
+import { Text, Stack, Grid } from '@chakra-ui/react'
+import { HiddenField } from '@/components'
+import { ReadOnlyGuidelinesI } from '@/interfaces'
+import { fieldIcons } from '@/helpers'
+
+export const ReadOnlyGuidelines = ({
+  name,
+  children,
+  onClick,
+}: ReadOnlyGuidelinesI) => {
+  return (
+    <Stack spacing="base">
+      <Text fontSize="xs" textTransform="uppercase">
+        {name}
+      </Text>
+      <Grid templateColumns="repeat(2, minmax(80px, 1fr))" gap="base">
+        {children?.map((child) => {
+          const { id, icon, value } = child
+          const btnIcon = icon ? fieldIcons[icon] : ''
+          return (
+            <HiddenField
+              key={id}
+              id={id}
+              icon={btnIcon}
+              name={value as string}
+              onClick={() => onClick?.(id)}
+            />
+          )
+        })}
+      </Grid>
+    </Stack>
+  )
+}

package/dist/components/forms/readOnly/fields/homeItem/ReadOnlyHomeItemImages.js

@@ -6,5 +6,5 @@ export const ReadOnlyHomeItemImages = (props) => {
     const [mainImage, setMainImage] = useState(images === null || images === void 0 ? void 0 : images[0]);
     if (!images)
         return null;
-    return (_jsxs(Stack, { spacing: "base", children: [_jsx(Image, { src: mainImage, alt: "home item", boxSize: "174px" }), _jsx(SimpleGrid, { columns: 4, spacing: "base", children: images === null || images === void 0 ? void 0 : images.map((image) => (_jsx(Box, { as: "button", backgroundImage: image, backgroundSize: "cover", backgroundPosition: "center", boxSize: "34px", onClick: () => setMainImage(image) }))) })] }));
+    return (_jsxs(Stack, { spacing: "base", children: [_jsx(Image, { src: mainImage, alt: "home item", boxSize: "174px" }), _jsx(SimpleGrid, { columns: 4, spacing: "base", children: images === null || images === void 0 ? void 0 : images.map((image) => (_jsx(Box, { as: "button", backgroundImage: image, backgroundSize: "cover", backgroundPosition: "center", boxSize: "34px", onClick: () => setMainImage(image) }, image))) })] }));
 };

package/dist/components/forms/readOnly/fields/homeItem/ReadOnlyHomeItemImages.tsx

@@ -14,6 +14,7 @@ export const ReadOnlyHomeItemImages = (props: Partial<ReportI>) => {
       <SimpleGrid columns={4} spacing="base">
         {images?.map((image) => (
           <Box
+            key={image}
             as="button"
             backgroundImage={image}
             backgroundSize="cover"

package/dist/components/forms/readOnly/fields/homeItem/ReadOnlyItemRelated.d.ts

@@ -0,0 +1,2 @@
+import { ReadOnlyGuidelinesI } from '../../../../../interfaces';
+export declare const ReadOnlyItemRelated: ({ name, children, onClick, }: ReadOnlyGuidelinesI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/readOnly/fields/homeItem/ReadOnlyItemRelated.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, Stack, Grid, Box } from '@chakra-ui/react';
+import { HiddenField } from '../../../..';
+import { fieldIcons } from '../../../../../helpers';
+export const ReadOnlyItemRelated = ({ name, children, onClick, }) => {
+    return (_jsx(Box, { borderLeft: "1px solid", borderColor: "lightBlue.6", pl: "4", marginInlineStart: "auto", children: _jsxs(Stack, { spacing: "base", children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: name }), _jsx(Grid, { templateColumns: "repeat(2, minmax(80px, 1fr))", gap: "base", children: children === null || children === void 0 ? void 0 : children.map((child) => {
+                        const { id, icon, value } = child;
+                        const btnIcon = icon ? fieldIcons[icon] : '';
+                        return (_jsx(HiddenField, { id: id, icon: btnIcon, name: value, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(id) }, id));
+                    }) })] }) }));
+};

package/dist/components/forms/readOnly/fields/homeItem/ReadOnlyItemRelated.tsx

@@ -0,0 +1,40 @@
+import { Text, Stack, Grid, Box } from '@chakra-ui/react'
+import { HiddenField } from '@/components'
+import { ReadOnlyGuidelinesI } from '@/interfaces'
+import { fieldIcons } from '@/helpers'
+
+export const ReadOnlyItemRelated = ({
+  name,
+  children,
+  onClick,
+}: ReadOnlyGuidelinesI) => {
+  return (
+    <Box
+      borderLeft="1px solid"
+      borderColor="lightBlue.6"
+      pl="4"
+      marginInlineStart="auto"
+    >
+      <Stack spacing="base">
+        <Text fontSize="xs" textTransform="uppercase">
+          {name}
+        </Text>
+        <Grid templateColumns="repeat(2, minmax(80px, 1fr))" gap="base">
+          {children?.map((child) => {
+            const { id, icon, value } = child
+            const btnIcon = icon ? fieldIcons[icon] : ''
+            return (
+              <HiddenField
+                key={id}
+                id={id}
+                icon={btnIcon}
+                name={value as string}
+                onClick={() => onClick?.(id)}
+              />
+            )
+          })}
+        </Grid>
+      </Stack>
+    </Box>
+  )
+}

package/dist/components/forms/readOnly/fields/homeItem/index.d.ts

@@ -1,4 +1,6 @@
 export * from './ReadOnlyAppliances';
+export * from './ReadOnlyGuidelines';
 export * from './ReadOnlyHomeItemImages';
 export * from './ReadOnlyHomeItemRating';
 export * from './ReadOnlyHomeItemText';
+export * from './ReadOnlyItemRelated';

package/dist/components/forms/readOnly/fields/homeItem/index.js

@@ -1,4 +1,6 @@
 export * from './ReadOnlyAppliances';
+export * from './ReadOnlyGuidelines';
 export * from './ReadOnlyHomeItemImages';
 export * from './ReadOnlyHomeItemRating';
 export * from './ReadOnlyHomeItemText';
+export * from './ReadOnlyItemRelated';

package/dist/components/forms/readOnly/fields/homeItem/index.ts

@@ -1,4 +1,6 @@
 export * from './ReadOnlyAppliances'
+export * from './ReadOnlyGuidelines'
 export * from './ReadOnlyHomeItemImages'
 export * from './ReadOnlyHomeItemRating'
 export * from './ReadOnlyHomeItemText'
+export * from './ReadOnlyItemRelated'

package/dist/components/forms/readOnly/fields/index.d.ts

@@ -4,6 +4,7 @@ export * from './ReadOnlyImage';
 export * from './ReadOnlyGrid';
 export * from './ReadOnlyGroup';
 export * from './ReadOnlyInput';
+export * from './ReadOnlyNotes';
 export * from './ReadOnlyRating';
 export * from './ReadOnlyTextArea';
 export * from './ReadOnlyWrapper';

package/dist/components/forms/readOnly/fields/index.js

@@ -4,6 +4,7 @@ export * from './ReadOnlyImage';
 export * from './ReadOnlyGrid';
 export * from './ReadOnlyGroup';
 export * from './ReadOnlyInput';
+export * from './ReadOnlyNotes';
 export * from './ReadOnlyRating';
 export * from './ReadOnlyTextArea';
 export * from './ReadOnlyWrapper';

package/dist/components/homeAssistant/HomeAssistantWrapper.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-export declare const HomeAssistantWrapper: ({ children, showAirplane, title, zIndex }: PropsWithChildren<{
+export declare const HomeAssistantWrapper: ({ children, showAirplane, title, zIndex, }: PropsWithChildren<{
     showAirplane?: boolean;
     title: string;
     zIndex?: string;

package/dist/components/homeAssistant/HomeAssistantWrapper.js

@@ -1,10 +1,24 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { Box, GridItem, Image } from '@chakra-ui/react';
-import { ContainerHeader, TileTooltip, moveRightToLeftWithFade, moveRightToLeft, moveLeftToRightAirplane, } from '..';
-import { Airplane, Cloud1, Cloud2, Cloud3, IA, TreesCrop, } from '../../assets/images';
-import { getImageAltText } from '../../utils';
+import { ContainerHeader, TileTooltip, moveRightToLeftWithFade, moveRightToLeft, moveLeftToRightAirplane, WeatherTrees, } from '..';
+import { Airplane, Cloud1, Cloud2, Cloud3, IA } from '../../assets/images';
+import { getTimeOfDay, getTimeOfDaySeason, } from '../../utils';
 import { colors } from '../../theme/colors';
-export const HomeAssistantWrapper = ({ children, showAirplane, title, zIndex }) => {
-    const treesAlt = getImageAltText(TreesCrop);
-    return (_jsx(GridItem, { colSpan: [1, 2], zIndex: zIndex, children: _jsx(TileTooltip, { label: "homeAssistant", children: _jsxs(Box, { bgGradient: colors.skyGradient, boxShadow: "base", h: "full", position: "relative", overflow: "hidden", children: [_jsx(ContainerHeader, { title: title, titleIcon: IA }), _jsx(_Fragment, { children: children }), _jsx(Image, { src: Cloud1, position: "absolute", w: "auto", h: "80px", top: "80px", animation: `${moveRightToLeftWithFade} 400s linear infinite` }), _jsx(Image, { src: Cloud2, position: "absolute", w: "auto", h: "112px", top: "150px", animation: `${moveRightToLeft} 200s linear infinite` }), _jsx(Image, { src: Cloud3, position: "absolute", w: "auto", h: "160px", top: "200px", animation: `${moveRightToLeft} 130s linear infinite` }), showAirplane && (_jsx(Image, { src: Airplane, position: "absolute", w: "auto", h: "40px", top: "85px", animation: `${moveLeftToRightAirplane} 500s cubic-bezier(1, 1, 1, 500) infinite` })), _jsx(Image, { src: TreesCrop, alt: treesAlt, position: "absolute", bottom: "0", right: "2", w: "auto", h: "70px" })] }) }) }));
+export const HomeAssistantWrapper = ({ children, showAirplane, title, zIndex, }) => {
+    const [timeOfDay, setTimeOfDay] = useState(getTimeOfDay());
+    const timeOfDaySeason = getTimeOfDaySeason();
+    const gradients = {
+        day: colors.dayGradient,
+        evening: colors.eveningGradient,
+        morning: colors.morningGradient,
+        night: colors.nightGradient,
+    };
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setTimeOfDay(getTimeOfDay());
+        }, 60000);
+        return () => clearInterval(interval);
+    }, []);
+    return (_jsx(GridItem, { colSpan: [1, 2], zIndex: zIndex, children: _jsx(TileTooltip, { label: "homeAssistant", children: _jsxs(Box, { bgGradient: gradients[timeOfDay], boxShadow: "base", h: "full", position: "relative", overflow: "hidden", transition: "background 1s ease-in-out", children: [_jsx(ContainerHeader, { title: title, titleIcon: IA }), _jsx(_Fragment, { children: children }), _jsx(Image, { src: Cloud1, position: "absolute", w: "auto", h: "80px", top: "80px", animation: `${moveRightToLeftWithFade} 400s linear infinite` }), _jsx(Image, { src: Cloud2, position: "absolute", w: "auto", h: "112px", top: "150px", animation: `${moveRightToLeft} 200s linear infinite` }), _jsx(Image, { src: Cloud3, position: "absolute", w: "auto", h: "160px", top: "200px", animation: `${moveRightToLeft} 130s linear infinite` }), showAirplane && (_jsx(Image, { src: Airplane, position: "absolute", w: "auto", h: "40px", top: "85px", animation: `${moveLeftToRightAirplane} 500s cubic-bezier(1, 1, 1, 500) infinite` })), _jsx(WeatherTrees, { timeOfDaySeason: timeOfDaySeason, position: "absolute", bottom: "0", right: "2", w: "auto", h: "100px" })] }) }) }));
 };

package/dist/components/homeItems/ViewingHomeItemPanel.d.ts

@@ -1,2 +1,2 @@
 import { ViewingHomeItemPanelI } from '../../interfaces';
-export declare const ViewingHomeItemPanel: ({ form, onClose, onEdit, }: ViewingHomeItemPanelI) => import("react/jsx-runtime").JSX.Element;
+export declare const ViewingHomeItemPanel: ({ form, onClick, onClose, onEdit, }: ViewingHomeItemPanelI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeItems/ViewingHomeItemPanel.js

@@ -3,7 +3,7 @@ import { t } from 'i18next';
 import { Box, Divider, DrawerContent, DrawerHeader } from '@chakra-ui/react';
 import { PanelHeader, ReadOnlyDynamicForm, TabsHeader } from '..';
 import { Painting } from '../../assets/images';
-export const ViewingHomeItemPanel = ({ form, onClose, onEdit, }) => {
+export const ViewingHomeItemPanel = ({ form, onClick, onClose, onEdit, }) => {
     const tabs = [
         {
             label: t('contacts.details'),
@@ -20,5 +20,5 @@ export const ViewingHomeItemPanel = ({ form, onClose, onEdit, }) => {
             component: _jsx("div", {}),
         },
     ];
-    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: onClose, title: t('homeItems.title'), icon: Painting }), _jsx(Divider, {}), _jsx(Box, { pt: "1", bg: "neutral.white", children: _jsx(TabsHeader, { tabList: tabs, rightTabList: rightTabs }) })] }), _jsx(ReadOnlyDynamicForm, { form: form, onEdit: onEdit })] }));
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: onClose, title: t('homeItems.title'), icon: Painting }), _jsx(Divider, {}), _jsx(Box, { pt: "1", bg: "neutral.white", children: _jsx(TabsHeader, { tabList: tabs, rightTabList: rightTabs }) })] }), _jsx(ReadOnlyDynamicForm, { form: form, onClick: onClick, onEdit: onEdit })] }));
 };

package/dist/components/inboxTile/InboxForwardBanner.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { AspectRatio, Flex, Text, Image } from '@chakra-ui/react';
+import { AspectRatio, Flex, Text, Image, chakra } from '@chakra-ui/react';
 import { IA } from '../../assets/images';
 export const InboxForwardBanner = () => {
-    return (_jsxs(Flex, { p: "base", gap: "base", align: "center", bg: "lightBlue.2", children: [_jsx(AspectRatio, { ratio: 1, minW: "35px", h: "auto", children: _jsx(Image, { src: IA, alt: "IA" }) }), _jsxs(Text, { variant: "home", lineHeight: "1", children: [t('inbox.forwardTo'), _jsx(Text, { variant: "home", lineHeight: "1", color: "neutral.black", fontWeight: "bold", display: "inline", children: "homefileit@homefile.com." })] })] }));
+    return (_jsxs(Flex, { p: "base", gap: "base", align: "center", bg: "lightBlue.2", children: [_jsx(AspectRatio, { ratio: 1, minW: "35px", h: "auto", children: _jsx(Image, { src: IA, alt: "IA" }) }), _jsxs(Text, { variant: "home", lineHeight: "1", children: [t('inbox.forwardTo'), _jsx(chakra.span, { fontFamily: "secondary", fontSize: "sm", lineHeight: "1", color: "neutral.black", fontWeight: "bold", display: "inline", children: "homefileit@homefile.com." })] })] }));
 };

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

@@ -1,3 +1,4 @@
+export * from './panel';
 export * from './InboxCard';
 export * from './InboxForwardBanner';
 export * from './InboxTile';

package/dist/components/inboxTile/index.js

@@ -1,3 +1,4 @@
+export * from './panel';
 export * from './InboxCard';
 export * from './InboxForwardBanner';
 export * from './InboxTile';

package/dist/components/inboxTile/panel/MessageCard.d.ts

@@ -0,0 +1,2 @@
+import { MessageCardI } from '../../../interfaces';
+export declare const MessageCard: ({ message, onClick, variant, }: MessageCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inboxTile/panel/MessageCard.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Avatar, Box, Center, chakra, Container, Divider, Flex, Stack, Text, } from '@chakra-ui/react';
+import { ChatBubble } from '../../../assets/images';
+import { TextBadge } from '../..';
+import { formatDateWithAt } from '../../../utils';
+export const MessageCard = ({ message, onClick, variant = 'inbox', }) => {
+    const { currentUser, from, subject, date, isNew, chatReplies, description } = message;
+    const formattedDate = formatDateWithAt({ date });
+    const showChatBubble = Number(chatReplies === null || chatReplies === void 0 ? void 0 : chatReplies.length) > 0;
+    const isInbox = variant === 'inbox';
+    const isCurrentUser = (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userName) === from;
+    return (_jsxs(Flex, { gap: "base", children: [!isCurrentUser && !isInbox && (_jsx(Avatar, { size: "sm", name: from, bg: "blue.4", fontWeight: "bold", color: "neutral.white" })), _jsx(Container, { as: isInbox ? 'button' : 'div', bg: isCurrentUser ? 'yellow.6' : 'neutral.white', transition: "background-color 0.3s", textAlign: "left", _hover: isInbox ? { bg: 'lightGreen.1' } : {}, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(message), children: _jsxs(Box, { children: [!isCurrentUser && (_jsxs(Flex, { justify: "space-between", align: "center", py: "1", pr: "base", pl: isNew ? '' : 'base', children: [_jsxs(Flex, { gap: "base", align: "center", position: "relative", left: isNew ? '-13px' : '', children: [isNew && isInbox && (_jsx(TextBadge, { text: "New", showAnimation: false, bgColor: "violet.1" })), _jsxs(Text, { variant: "home", color: "gray.1", children: [t('inbox.from'), _jsx(chakra.span, { color: "gray.4", children: from })] })] }), _jsx(Text, { variant: "home", fontSize: "xs", children: formattedDate })] })), isInbox && _jsx(Divider, {}), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsx(Text, { variant: "home", fontWeight: "bold", children: subject }), showChatBubble && isInbox && (_jsx(Center, { backgroundImage: `url(${ChatBubble})`, backgroundRepeat: "no-repeat", backgroundSize: "contain", backgroundPosition: "bottom", w: "20px", h: "24px", children: _jsx(Text, { fontSize: "10px", color: "blue.2", fontWeight: "bold", children: chatReplies === null || chatReplies === void 0 ? void 0 : chatReplies.length }) }))] }), isInbox && (_jsx(Text, { variant: "home", noOfLines: 3, textOverflow: "ellipsis", children: description })), !isInbox && _jsx(Text, { variant: "home", children: description })] })] }) })] }));
+};

package/dist/components/inboxTile/panel/MessageChatPanel.d.ts

@@ -0,0 +1,4 @@
+import { MessageChatPanelI } from '../../../interfaces';
+import 'react-quill/dist/quill.snow.css';
+import '../../../styles/quill.css';
+export declare const MessageChatPanel: ({ message, onBack, onClose, onReply, }: MessageChatPanelI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inboxTile/panel/MessageChatPanel.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { t } from 'i18next';
+import { Box, DrawerBody, DrawerContent, DrawerFooter, DrawerHeader, Stack, Text, } from '@chakra-ui/react';
+import QuillEditor from 'react-quill';
+import { Document2 } from '../../../assets/images';
+import { BackCircleButton, FooterButtons, MessageCard, PanelHeader, up, WrapperWithShadow, } from '../..';
+import 'react-quill/dist/quill.snow.css';
+import '../../../styles/quill.css';
+export const MessageChatPanel = ({ message, onBack, onClose, onReply, }) => {
+    var _a, _b;
+    const [value, setValue] = useState('');
+    const onChange = (content) => {
+        setValue(content);
+    };
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, title: (_a = message === null || message === void 0 ? void 0 : message.from) !== null && _a !== void 0 ? _a : '', icon: Document2 }) }), _jsxs(DrawerBody, { p: "0", children: [_jsx(Box, { bg: "lightBlue.2", py: "2", px: "base", children: _jsx(BackCircleButton, { onClick: onBack }) }), _jsx(Stack, { spacing: "base", p: "base", pb: "4", children: (_b = message === null || message === void 0 ? void 0 : message.chatReplies) === null || _b === void 0 ? void 0 : _b.map((reply) => (_jsx(MessageCard, { message: Object.assign(Object.assign({}, reply), { currentUser: message.currentUser }), variant: "chat" }, reply._id))) })] }), _jsx(DrawerFooter, { p: "0", maxH: "400px", children: _jsx(WrapperWithShadow, { animation: up, fadeDelay: 0.2, children: _jsxs(Stack, { spacing: "base", children: [_jsx(Text, { children: t('inbox.createReply') }), _jsx(QuillEditor, { theme: "snow", value: value, modules: { toolbar }, onChange: onChange, placeholder: t('inbox.enterContent') }), _jsx(FooterButtons, { px: "0", button1: {
+                                    buttonStyle: 'secondaryFooter',
+                                    label: t('buttons.send'),
+                                    isDisabled: Number(value.length) === 0,
+                                    onClick: () => {
+                                        var _a;
+                                        return onReply({
+                                            id: (_a = message === null || message === void 0 ? void 0 : message._id) !== null && _a !== void 0 ? _a : '',
+                                            message: value,
+                                        });
+                                    },
+                                } })] }) }) })] }));
+};
+const toolbar = [
+    ['bold', 'italic', 'underline', 'strike'],
+    ['blockquote', 'link', 'image'],
+    [{ list: 'ordered' }, { list: 'bullet' }, { list: 'check' }],
+    [{ script: 'sub' }, { script: 'super' }],
+    [{ indent: '-1' }, { indent: '+1' }],
+    [{ header: [1, 2, 3, 4, 5, 6, false] }],
+    [{ color: [] }, { background: [] }],
+    ['clean'],
+];

package/dist/components/inboxTile/panel/MessagePanel.d.ts

@@ -0,0 +1,2 @@
+import { MessagePanelI } from '../../../interfaces';
+export declare const MessagePanel: ({ messages, onClick, onClose }: MessagePanelI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inboxTile/panel/MessagePanel.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, DrawerBody, DrawerContent, DrawerHeader, Stack, } from '@chakra-ui/react';
+import { Inbox } from '../../../assets/images';
+import { BaseCounter, MessageCard, PanelHeader, SelectInput, } from '../..';
+import { useMessagePanel } from '../../../hooks';
+import { pluralize } from '../../../utils';
+export const MessagePanel = ({ messages, onClick, onClose }) => {
+    const { currentSort, sortedMessages, handleSelectItem, items } = useMessagePanel(messages);
+    const baseCounterText = `${t('counter.showing')} ${sortedMessages.length} ${t('counter.of')} ${messages.length} ${pluralize(sortedMessages.length, t('inbox.message').toLowerCase())} `;
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, title: t('inbox.message'), icon: Inbox }) }), _jsx(DrawerBody, { p: "0", children: _jsxs(Stack, { spacing: "base", pb: "4", children: [_jsx(Box, { p: "base", bg: "lightBlue.2", children: _jsx(SelectInput, { handleClick: handleSelectItem, initialValue: currentSort, items: items }) }), _jsx(Box, { px: "base", children: _jsx(BaseCounter, { text: baseCounterText }) }), _jsx(Stack, { spacing: "1", pl: "26px", pr: "base", children: sortedMessages.map((message) => (_jsx(MessageCard, { message: message, onClick: onClick }, message._id))) })] }) })] }));
+};

package/dist/components/inboxTile/panel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MessageCard';
+export * from './MessageChatPanel';
+export * from './MessagePanel';

package/dist/components/inboxTile/panel/index.js

@@ -0,0 +1,3 @@
+export * from './MessageCard';
+export * from './MessageChatPanel';
+export * from './MessagePanel';

package/dist/components/myHomes/WrapperWithShadow.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Stack, Fade } from '@chakra-ui/react';
 export const WrapperWithShadow = ({ animation, children, fadeDelay = 0.3, }) => {
-    return (_jsx(Stack, { spacing: "base", p: "base", borderTopRadius: "xl", bg: "neutral.white", animation: animation, h: "full", overflowY: "scroll", pb: "3rem", children: _jsx(Fade, { delay: fadeDelay, in: true, children: children }) }));
+    return (_jsx(Stack, { w: "full", spacing: "base", p: "base", borderTopRadius: "xl", bg: "neutral.white", animation: animation, h: "full", overflowY: "scroll", pb: "3rem", children: _jsx(Fade, { delay: fadeDelay, in: true, children: children }) }));
 };

package/dist/components/myHomes/steps/MyHomeDetails.d.ts

@@ -1,2 +1,3 @@
 import { AddHomeContentI } from '../../../interfaces';
+export declare const up: string;
 export declare const MyHomeDetails: ({ handleCreateHomeClick, handleSkipClick, isFirstHome, showExternalLink, userFirstName, values, isLoading, }: AddHomeContentI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/myHomes/steps/MyHomeDetails.js

@@ -12,7 +12,7 @@ const upAnimation = keyframes `
  from { transform: translateY(50%) }
  to { transform: translateY(0); box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.07)}
 `;
-const up = `${upAnimation} 200ms ease forwards`;
+export const up = `${upAnimation} 200ms ease forwards`;
 export const MyHomeDetails = ({ handleCreateHomeClick, handleSkipClick, isFirstHome = false, showExternalLink, userFirstName = '', values, isLoading, }) => {
     const { handleErrorMessage, handleLinkChange, handleNameChange, handleNameValidation, handleSelectRecords, handleSubmit, isOwner, group, ownRadio, rentRadio, } = useAddHouseContent(values, handleCreateHomeClick);
     const { externalLink, name, isNameValid, searchRecords } = useSnapshot(firstHomeProxy, { sync: true });

package/dist/components/notifications/NotificationCard.d.ts

@@ -1,2 +1,2 @@
 import { NotificationCardI, NotificationsPanelI } from '../../interfaces';
-export declare const NotificationCard: ({ _id, createdAt, message, onDismiss, status, type, }: NotificationCardI & Pick<NotificationsPanelI, "onDismiss">) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationCard: ({ _id, createdAt, label, message, onDismiss, status, }: NotificationCardI & Pick<NotificationsPanelI, "onDismiss">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/notifications/NotificationCard.js

@@ -1,53 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { t } from 'i18next';
 import { Container, Flex, IconButton, Stack, Text } from '@chakra-ui/react';
 import { Close } from '..';
 import { formatDateWithAt } from '../../utils';
-export const NotificationCard = ({ _id, createdAt, message, onDismiss, status, type, }) => {
-    const actionLabels = {
-        contact: {
-            added: `${t('notifications.types.contact')} ${t('notifications.status.added')}`,
-            removed: `${t('notifications.types.contact')} ${t('notifications.status.removed')}`,
-            shared: `${t('notifications.status.shared')} ${t('notifications.types.contact')}`,
-            updated: `${t('notifications.types.contact')} ${t('notifications.status.updated')}`,
-        },
-        file: {
-            added: `${t('notifications.types.file')} ${t('notifications.status.added')}`,
-            removed: `${t('notifications.types.file')} ${t('notifications.status.removed')}`,
-            shared: `${t('notifications.status.shared')} ${t('notifications.types.file')}`,
-            updated: `${t('notifications.types.file')} ${t('notifications.status.updated')}`,
-        },
-        folder: {
-            added: `${t('notifications.types.folder')} ${t('notifications.status.added')}`,
-            removed: `${t('notifications.types.folder')} ${t('notifications.status.removed')}`,
-            shared: `${t('notifications.status.shared')} ${t('notifications.types.folder')}`,
-            updated: `${t('notifications.types.folder')} ${t('notifications.status.updated')}`,
-        },
-        payment: {
-            added: `${t('notifications.types.payment')} ${t('notifications.status.added')}`,
-            removed: `${t('notifications.types.payment')} ${t('notifications.status.removed')}`,
-            shared: `${t('notifications.status.shared')} ${t('notifications.types.payment')}`,
-            updated: `${t('notifications.types.payment')} ${t('notifications.status.updated')}`,
-        },
-        receipt: {
-            added: `${t('notifications.types.receipt')} ${t('notifications.status.added')}`,
-            removed: `${t('notifications.types.receipt')} ${t('notifications.status.removed')}`,
-            shared: `${t('notifications.status.shared')} ${t('notifications.types.receipt')}`,
-            updated: `${t('notifications.types.receipt')} ${t('notifications.status.updated')}`,
-        },
-        tile: {
-            added: `${t('notifications.types.tile')} ${t('notifications.status.added')}`,
-            removed: `${t('notifications.types.tile')} ${t('notifications.status.removed')}`,
-            shared: `${t('notifications.status.shared')} ${t('notifications.types.tile')}`,
-            updated: `${t('notifications.types.tile')} ${t('notifications.status.updated')}`,
-        },
-        user: {
-            added: `${t('notifications.types.user')} ${t('notifications.status.added')}`,
-            removed: `${t('notifications.types.user')} ${t('notifications.status.removed')}`,
-            shared: `${t('notifications.status.shared')} ${t('notifications.types.user')}`,
-            updated: `${t('notifications.types.user')} ${t('notifications.status.updated')}`,
-        },
-    };
+export const NotificationCard = ({ _id, createdAt, label, message, onDismiss, status, }) => {
     const bgColors = {
         added: 'lightGreen.3',
         removed: 'error.1',
@@ -60,5 +15,5 @@ export const NotificationCard = ({ _id, createdAt, message, onDismiss, status, t
         shared: 'yellow.1',
         updated: 'lightBlue.9',
     };
-    return (_jsx(Container, { p: "2", bg: bgColors[status], children: _jsxs(Stack, { spacing: "3", children: [_jsxs(Flex, { justify: "space-between", align: "center", children: [_jsx(Text, { fontSize: "10px", fontWeight: "semibold", textTransform: "uppercase", color: colors[status], children: actionLabels[type][status] }), _jsxs(Flex, { gap: "1", align: "center", children: [_jsx(Text, { variant: "date", children: formatDateWithAt({ date: createdAt }) }), _jsx(IconButton, { variant: "ghost", "aria-label": "close", maxW: "fit-content", onClick: () => onDismiss(_id), icon: _jsx(Close, { size: 11 }) })] })] }), _jsx(Text, { fontSize: "sm", fontFamily: "secondary", children: message })] }) }));
+    return (_jsx(Container, { p: "2", bg: bgColors[status], children: _jsxs(Stack, { spacing: "3", children: [_jsxs(Flex, { justify: "space-between", align: "center", children: [_jsx(Text, { fontSize: "10px", fontWeight: "semibold", textTransform: "uppercase", color: colors[status], children: label }), _jsxs(Flex, { gap: "1", align: "center", children: [_jsx(Text, { variant: "date", children: formatDateWithAt({ date: createdAt }) }), _jsx(IconButton, { variant: "ghost", "aria-label": "close", maxW: "fit-content", onClick: () => onDismiss(_id), icon: _jsx(Close, { size: 11 }) })] })] }), _jsx(Text, { fontSize: "sm", fontFamily: "secondary", children: message })] }) }));
 };

package/dist/components/rooms/VideosCounter.js

@@ -1,11 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { Box, Flex, Text, chakra } from '@chakra-ui/react';
-import { BeatLoader } from 'react-spinners';
-import { colors } from '../../theme/colors';
 import { pluralize } from '../../utils';
+import { BaseCounter } from '..';
 export const VideosCounter = ({ totalVideos, uploading }) => {
     const videos = pluralize(totalVideos, t('roomVideo.more'));
     const text = `${t('roomVideo.youCan')} ${totalVideos} ${videos}`;
-    return (_jsx(Box, { w: "100%", children: _jsxs(Flex, { justify: "space-between", align: "center", children: [!uploading && _jsx(Text, { variant: "home", children: text }), uploading && (_jsxs(Text, { variant: "home", children: [_jsx(chakra.span, { fontWeight: "bold", children: t('folderSharing.uploading') }), _jsx(chakra.span, { ml: "2", children: _jsx(BeatLoader, { size: "4px", color: colors.blue[6] }) })] }))] }) }));
+    return (_jsx(BaseCounter, { text: text, uploading: uploading, uploadingText: videos }));
 };

package/dist/helpers/forms/dynamicForm.helper.js

@@ -1,8 +1,9 @@
-import { Paint, Receipt, Barcode, GoldenBars, Heart, Rating, Notes, Book, ImgIcon, Registry, ShareWith, Calendar, Contacts, Tools2, Billing, Calc, CheckPen, GenericField, Price, Battery2, Co2, Detector, Electricity, Sprinkler, SixtyEight, DropCalendar, MobileDrop, SolarPanel, Calendar2, Drop, Wind, Foundation, Heater, Light, Plate, Pool2, Closet, Structure, GlassWater, Roof2, Target, CircleFace, Company, Pressure, WindowCleaning, RoofCleaning, HolidayLights, GutterCleaning, HomeCleaning, HouseWashing, PressureWasher, } from '../../assets/images';
+import { Paint, Receipt, Barcode, GoldenBars, Heart, Rating, Notes, Book, ImgIcon, Registry, ShareWith, Calendar, Contacts, Tools2, Billing, Calc, CheckPen, GenericField, Price, Battery2, Co2, Detector, Electricity, Sprinkler, SixtyEight, DropCalendar, MobileDrop, SolarPanel, Calendar2, Drop, Wind, Foundation, Heater, Light, Plate, Pool2, Closet, Structure, GlassWater, Roof2, Target, CircleFace, Company, Pressure, WindowCleaning, RoofCleaning, HolidayLights, GutterCleaning, HomeCleaning, HouseWashing, PressureWasher, BookOpened, } from '../../assets/images';
 export const fieldIcons = {
     barcode: Barcode,
     billing: Billing,
     book: Book,
+    'book-opened': BookOpened,
     calc: Calc,
     check: CheckPen,
     contact: Contacts,

package/dist/hooks/inbox/index.d.ts

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

package/dist/hooks/inbox/index.js

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

package/dist/hooks/inbox/useMessagePanel.d.ts

@@ -0,0 +1,7 @@
+import { InboxMessageI, SelectItemI } from '../../interfaces';
+export declare const useMessagePanel: (messages: InboxMessageI[]) => {
+    currentSort: string;
+    sortedMessages: InboxMessageI[];
+    handleSelectItem: (item: string | SelectItemI<string>) => void;
+    items: string[];
+};

package/dist/hooks/inbox/useMessagePanel.js

@@ -0,0 +1,17 @@
+import { t } from 'i18next';
+import { useState } from 'react';
+export const useMessagePanel = (messages) => {
+    const [sortedMessages, setSortedMessages] = useState(messages);
+    const [currentSort, setCurrentSort] = useState(t('forms.sortBy'));
+    const handleSelectItem = (item) => {
+        if (typeof item !== 'string')
+            return;
+        setCurrentSort(item);
+        if (item === t('forms.sortBy')) {
+            return setSortedMessages(messages);
+        }
+        setSortedMessages(messages.filter((message) => message.isNew));
+    };
+    const items = [t('forms.sortBy'), t('forms.new')];
+    return { currentSort, sortedMessages, handleSelectItem, items };
+};

package/dist/hooks/index.d.ts

@@ -9,6 +9,7 @@ export * from './folderPanel';
 export * from './forms';
 export * from './help';
 export * from './homeBoard';
+export * from './inbox';
 export * from './inputs';
 export * from './launchpad';
 export * from './myHomes';

package/dist/hooks/index.js

@@ -9,6 +9,7 @@ export * from './folderPanel';
 export * from './forms';
 export * from './help';
 export * from './homeBoard';
+export * from './inbox';
 export * from './inputs';
 export * from './launchpad';
 export * from './myHomes';

package/dist/hooks/notifications/useNotificationsPanel.js

@@ -18,11 +18,6 @@ export const useNotificationsPanel = ({ notifications, }) => {
     };
     const items = [
         t('forms.sortBy'),
-        t('notifications.types.contact'),
-        t('notifications.types.file'),
-        t('notifications.types.folder'),
-        t('notifications.types.payment'),
-        t('notifications.types.receipt'),
         t('notifications.status.added'),
         t('notifications.status.removed'),
         t('notifications.status.shared'),

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MonitorAlerts, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileContent, MyProfileFooter, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WellDone, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MessagePanel, MessageChatPanel, MonitorAlerts, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileContent, MyProfileFooter, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WellDone, YtdTile, } from './components';
 export { useCustomToast } from './hooks';
 export { randomColor } from './utils';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, } from './proxies';

package/dist/index.js

@@ -1,4 +1,4 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MonitorAlerts, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileContent, MyProfileFooter, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WellDone, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MessagePanel, MessageChatPanel, MonitorAlerts, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileContent, MyProfileFooter, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WellDone, YtdTile, } from './components';
 export { useCustomToast } from './hooks';
 export { randomColor } from './utils';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, } from './proxies';

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

@@ -1,8 +1,8 @@
-import { MenuItemI } from "..";
+import { MenuItemI } from '..';
 export interface UserProfileI {
     avatarUrl: string;
     firstName: string;
     userName: string;
-    menuItems: MenuItemI[];
+    menuItems?: MenuItemI[];
     bg: string;
 }