@homefile/components-v2 1.0.15 → 1.2.0

package/dist/components/myProfile/permissions/ActionLabel.js

@@ -0,0 +1,17 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from '@chakra-ui/react';
+export const ActionLabel = (_a) => {
+    var { label } = _a, props = __rest(_a, ["label"]);
+    return (_jsx(Text, Object.assign({ fontSize: "10px", fontWeight: "semibold", textTransform: "uppercase" }, props, { children: label })));
+};

package/dist/components/myProfile/permissions/PermissionsBanner.d.ts

@@ -0,0 +1,5 @@
+import { RoleType } from '../../../helpers';
+export interface PermissionsBannerI {
+    role: RoleType;
+}
+export declare const PermissionsBanner: ({ role }: PermissionsBannerI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/myProfile/permissions/PermissionsBanner.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { homeRoles } from '../../../helpers';
+import { Stack, Text } from '@chakra-ui/react';
+export const PermissionsBanner = ({ role }) => {
+    const bgColor = homeRoles[role].bg;
+    const { title, description } = textsByRole[role];
+    return (_jsxs(Stack, { spacing: "1", bg: bgColor, px: "base", py: "6", children: [_jsx(Text, { fontWeight: "semibold", color: "neutral.white", children: title }), _jsx(Text, { color: "neutral.white", children: description })] }));
+};
+const textsByRole = {
+    member: {
+        title: t('myProfile.permissions.member.title'),
+        description: t('myProfile.permissions.member.description'),
+    },
+    contributor: {
+        title: t('myProfile.permissions.contributor.title'),
+        description: t('myProfile.permissions.contributor.description'),
+    },
+    manager: {
+        title: t('myProfile.permissions.manager.title'),
+        description: t('myProfile.permissions.manager.description'),
+    },
+};

package/dist/components/myProfile/permissions/RoleButton.d.ts

@@ -0,0 +1,2 @@
+import { RoleButtonI } from '../../../interfaces';
+export declare const RoleButton: ({ role, onClick, isSelected, showBorder, }: RoleButtonI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/myProfile/permissions/RoleButton.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { homeRoles } from '../../../helpers';
+import { Center, Text } from '@chakra-ui/react';
+export const RoleButton = ({ role, onClick, isSelected, showBorder, }) => {
+    const bgColor = homeRoles[role].bg;
+    const borderColor = showBorder ? 'lightBlue.2' : 'transparent';
+    return (_jsx(Center, { as: "button", w: "62px", bg: isSelected ? 'lightGreen.1' : 'neutral.white', transition: "all 0.4s", _hover: {
+            bg: 'lightGreen.1',
+            cursor: 'pointer',
+        }, onClick: onClick, children: _jsx(Center, { py: "base", w: "40px", borderY: "1px solid", borderColor: borderColor, children: _jsx(Center, { bg: bgColor, borderRadius: "4px", h: "26px", w: "26px", children: _jsx(Text, { fontWeight: "semibold", color: 'neutral.white', fontSize: "md", textTransform: "uppercase", children: role.charAt(0).toUpperCase() }) }) }) }));
+};

package/dist/components/myProfile/permissions/RolePermissionsTab.d.ts

@@ -0,0 +1,2 @@
+import { RolePermissionsTabI } from '../../../interfaces';
+export declare const RolePermissionsTab: ({ selected, onSelect, }: RolePermissionsTabI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/myProfile/permissions/RolePermissionsTab.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Center, Flex, Stack, Text } from '@chakra-ui/react';
+import { RoleButton, PermissionsBanner, ActionLabel, ActionCheckbox, } from '../..';
+import { rolePermissions } from '../../../helpers';
+import { useRolePermissionsTab } from '../../../hooks';
+export const RolePermissionsTab = ({ selected, onSelect, }) => {
+    const { actions, callback, selectedRole, selectedActions, handleRoleChange, handleFeatureChange, handleActionChange, } = useRolePermissionsTab({ selected, onSelect });
+    return (_jsxs(Flex, { h: "100%", children: [_jsxs(Box, { bg: "neutral.white", children: [_jsx(RoleButton, { role: "member", isSelected: selectedRole === 'member', onClick: () => handleRoleChange('member'), showBorder: true }), _jsx(RoleButton, { role: "contributor", isSelected: selectedRole === 'contributor', onClick: () => handleRoleChange('contributor') }), _jsx(RoleButton, { role: "manager", isSelected: selectedRole === 'manager', onClick: () => handleRoleChange('manager'), showBorder: true })] }), _jsxs(Box, { width: "100%", children: [_jsx(PermissionsBanner, { role: selectedRole }), _jsx(Center, { bg: "lightBlue.6", py: "base", children: _jsxs(Flex, { w: "100%", children: [_jsxs(Flex, { flex: "1", gap: "base", justify: "flex-end", align: "start", children: [_jsx(ActionLabel, { label: t('myProfile.actions.can'), color: "neutral.white" }), _jsx(Box, { w: "1px", bg: "neutral.white", h: "100%" })] }), _jsx(Flex, { flex: "1", justify: "space-evenly", children: actions.map((action) => {
+                                        const disabledAllCheckbox = selectedRole === 'member' && action !== 'view';
+                                        return (_jsx(ActionCheckbox, { label: action, action: action, isChecked: selectedActions.includes(action), isDisabled: disabledAllCheckbox, onChange: handleActionChange }, action));
+                                    }) })] }) }), _jsx(Stack, { spacing: "base", py: "base", children: rolePermissions.map(({ id, label, permissions }) => {
+                            return (_jsxs(Flex, { w: "100%", children: [_jsx(Flex, { flex: "1", children: _jsx(Text, { fontFamily: "secondary", ml: "base", children: label }) }), _jsx(Flex, { flex: "1", justify: "space-evenly", children: actions.map((action) => {
+                                            const isDisabled = !permissions[action].includes(selectedRole);
+                                            const isChecked = callback[selectedRole][action].includes(id);
+                                            return (_jsx(ActionCheckbox, { action: action, isChecked: isChecked, isDisabled: isDisabled, onChange: () => handleFeatureChange(action, id) }, action));
+                                        }) })] }, id));
+                        }) })] })] }));
+};

package/dist/components/myProfile/permissions/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ActionLabel';
+export * from './ActionCheckbox';
+export * from './PermissionsBanner';
+export * from './RoleButton';
+export * from './RolePermissionsTab';

package/dist/components/myProfile/permissions/index.js

@@ -0,0 +1,5 @@
+export * from './ActionLabel';
+export * from './ActionCheckbox';
+export * from './PermissionsBanner';
+export * from './RoleButton';
+export * from './RolePermissionsTab';

package/dist/components/overlay/Overlay.d.ts

@@ -1,2 +1,2 @@
 import { OverlayI } from '../../interfaces';
-export declare const Overlay: ({ bg, showOverlay, ...props }: OverlayI) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Overlay: ({ bg, showOverlay, onClick, ...props }: OverlayI) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/overlay/Overlay.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, keyframes } from '@chakra-ui/react';
 export const Overlay = (_a) => {
-    var { bg = '#fdfdfdca', showOverlay = true } = _a, props = __rest(_a, ["bg", "showOverlay"]);
+    var { bg = '#fdfdfdca', showOverlay = true, onClick } = _a, props = __rest(_a, ["bg", "showOverlay", "onClick"]);
     if (!showOverlay)
         return null;
     const fadeIn = keyframes({
@@ -20,5 +20,5 @@ export const Overlay = (_a) => {
         '100%': { opacity: 1 },
     });
     const animation = showOverlay && `${fadeIn} 0.2s ease-in-out`;
-    return (_jsx(Box, Object.assign({ bg: bg, top: "0", left: "0", right: "0", bottom: "0", animation: animation }, props)));
+    return (_jsx(Box, Object.assign({ onClick: onClick, bg: bg, top: "0", left: "0", right: "0", bottom: "0", animation: animation }, props)));
 };

package/dist/components/rooms/GroupCard.d.ts

@@ -1,2 +1,2 @@
 import { GroupCardI } from '../../interfaces';
-export declare const GroupCard: ({ items, menuItems, onAddItem, onAddImage, onClickDelete, onClickDetails, title, totalAmount, disabled, ...props }: GroupCardI) => import("react/jsx-runtime").JSX.Element;
+export declare const GroupCard: ({ items, menuItems, onAddItem, onAddImage, onClickDelete, onClickDetails, title, totalAmount, disabled, itemsDisabled, ...props }: GroupCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/rooms/GroupCard.js

@@ -18,9 +18,9 @@ import { useGroupCard } from '../../hooks';
 import { receiptOrigins } from '../../helpers';
 const storageUrl = import.meta.env.VITE_STORAGE_URL;
 export const GroupCard = (_a) => {
-    var { items, menuItems, onAddItem, onAddImage, onClickDelete, onClickDetails, title, totalAmount, disabled } = _a, props = __rest(_a, ["items", "menuItems", "onAddItem", "onAddImage", "onClickDelete", "onClickDetails", "title", "totalAmount", "disabled"]);
+    var { items, menuItems, onAddItem, onAddImage, onClickDelete, onClickDetails, title, totalAmount, disabled, itemsDisabled } = _a, props = __rest(_a, ["items", "menuItems", "onAddItem", "onAddImage", "onClickDelete", "onClickDetails", "title", "totalAmount", "disabled", "itemsDisabled"]);
     const { filteredResults, handleAddItem, handleChange, isItemsEmpty, searchValue, totalAmountFormatted, } = useGroupCard({ items, onAddItem, title, totalAmount });
-    return (_jsx(TileTooltip, { label: title, children: _jsxs(Box, { backgroundColor: "lightBlue.1", boxShadow: "base", w: "100%", children: [_jsx(GroupCardHeader, { menuItems: menuItems, title: title, totalAmount: totalAmountFormatted }), _jsxs(Flex, { justify: items.length >= 10 ? 'space-between' : 'flex-end', pl: "base", my: "base", align: "center", gap: "base", children: [items.length >= 10 && (_jsx(SearchInput, { value: searchValue, onChange: handleChange })), _jsx(LeftButtonAnimated, { onClick: handleAddItem, label: t('addHomeItem.btnLabel'), disabled: disabled, id: "addingItems" })] }), _jsxs(Box, { pb: "10", px: "base", children: [isItemsEmpty && _jsx(AddItemCard, { onClick: handleAddItem }), !isItemsEmpty && (_jsx(Wrap, { spacing: "base", children: filteredResults.map(({ _id, title, report, images, receipt, metadata, type, subType, room, }) => {
+    return (_jsx(TileTooltip, { label: title, children: _jsxs(Box, { backgroundColor: "lightBlue.1", boxShadow: "base", w: "100%", children: [_jsx(GroupCardHeader, { menuItems: menuItems, title: title, totalAmount: totalAmountFormatted }), _jsxs(Flex, { justify: items.length >= 10 ? 'space-between' : 'flex-end', pl: "base", my: "base", align: "center", gap: "base", children: [items.length >= 10 && (_jsx(SearchInput, { value: searchValue, onChange: handleChange })), _jsx(LeftButtonAnimated, { onClick: handleAddItem, label: t('addHomeItem.btnLabel'), disabled: disabled, id: "addingItems" })] }), _jsxs(Box, { pb: "10", px: "base", children: [isItemsEmpty && _jsx(AddItemCard, { disabled: itemsDisabled, onClick: handleAddItem }), !isItemsEmpty && (_jsx(Wrap, { spacing: "base", children: filteredResults.map(({ _id, title, report, images, receipt, metadata, type, subType, room, }) => {
                                 var _a, _b, _c, _d;
                                 const reportData = {
                                     _id,
@@ -47,6 +47,6 @@ export const GroupCard = (_a) => {
                                         onAddImage(fileMapped);
                                     }
                                 };
-                                return (_jsx(ItemCard, Object.assign({ brandLabel: brand, imageUrl: hasImage ? imageUrl : storeImage, onAddImage: handleImage, onClickDelete: onClickDelete, onClickDetails: onClickDetails }, props, reportData), _id));
+                                return (_jsx(ItemCard, Object.assign({ brandLabel: brand, imageUrl: hasImage ? imageUrl : storeImage, onAddImage: handleImage, onClickDelete: onClickDelete, onClickDetails: onClickDetails, disabled: itemsDisabled }, props, reportData), _id));
                             }) }))] })] }) }));
 };

package/dist/components/rooms/ItemCard.d.ts

@@ -1,2 +1,2 @@
 import { ItemCardI } from '../../interfaces';
-export declare const ItemCard: ({ brandLabel, imageUrl, onAddImage, onClickDelete, onClickDetails, onMove, _id, title, subType, room, report, type, onSave, ...props }: ItemCardI) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemCard: ({ brandLabel, imageUrl, onAddImage, onClickDelete, onClickDetails, onMove, _id, title, subType, room, report, type, disabled, onSave, ...props }: ItemCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/rooms/ItemCard.js

@@ -16,7 +16,7 @@ import { AddItemImage, MoreHorizontal, MoveModal, IconMenuWithMove, } from '..';
 import { getImageAltText } from '../../utils';
 import { useState } from 'react';
 export const ItemCard = (_a) => {
-    var { brandLabel, imageUrl, onAddImage, onClickDelete, onClickDetails, onMove, _id = '', title, subType, room, report, type, onSave } = _a, props = __rest(_a, ["brandLabel", "imageUrl", "onAddImage", "onClickDelete", "onClickDetails", "onMove", "_id", "title", "subType", "room", "report", "type", "onSave"]);
+    var { brandLabel, imageUrl, onAddImage, onClickDelete, onClickDetails, onMove, _id = '', title, subType, room, report, type, disabled, onSave } = _a, props = __rest(_a, ["brandLabel", "imageUrl", "onAddImage", "onClickDelete", "onClickDetails", "onMove", "_id", "title", "subType", "room", "report", "type", "disabled", "onSave"]);
     const alt = getImageAltText(imageUrl);
     const handleAddImage = (event) => {
         const files = event.target.files;
@@ -44,5 +44,5 @@ export const ItemCard = (_a) => {
         }, children: [_jsx(Box, { textAlign: "right", w: "full", pr: "2", children: _jsx(IconMenuWithMove, { icon: _jsx(MoreHorizontal, { size: 26 }), itemForm: _id, menuItems: [
                         { label: t('groups.menu.details'), handleClick: onClickDetails },
                         { label: t('groups.menu.delete'), handleClick: onClickDelete },
-                    ], onMove: () => handleMove(reportData) }) }), _jsxs(Stack, { px: "base", align: "center", w: "8.75rem", h: "8.75rem", cursor: "pointer", pos: "relative", children: [_jsx(Box, { onClick: () => onClickDetails(_id), pos: "absolute", top: "0", right: "0", bottom: "0", left: "0" }), _jsx(Text, { fontSize: "xs", fontWeight: "medium", noOfLines: 1, textOverflow: "ellipsis", children: title === null || title === void 0 ? void 0 : title.toUpperCase() }), imageUrl ? (_jsx(Image, { src: imageUrl, alt: alt, boxSize: "4.2rem", objectFit: "cover" })) : (_jsx(AddItemImage, { onClick: handleAddImage })), brandLabel && (_jsx(Text, { textAlign: "center", noOfLines: 1, textOverflow: "ellipsis", fontSize: "xs", children: brandLabel }))] }), showMoveModal && (_jsx(MoveModal, Object.assign({}, props, { onSave: handleSave, onClose: () => setShowMoveModal(false), top: "100", left: "260" })))] }));
+                    ], onMove: () => handleMove(reportData), disabled: disabled }) }), _jsxs(Stack, { px: "base", align: "center", w: "8.75rem", h: "8.75rem", cursor: "pointer", pos: "relative", children: [_jsx(Box, { onClick: () => onClickDetails(_id), pos: "absolute", top: "0", right: "0", bottom: "0", left: "0" }), _jsx(Text, { fontSize: "xs", fontWeight: "medium", noOfLines: 1, textOverflow: "ellipsis", children: title === null || title === void 0 ? void 0 : title.toUpperCase() }), imageUrl ? (_jsx(Image, { src: imageUrl, alt: alt, boxSize: "4.2rem", objectFit: "cover" })) : (_jsx(AddItemImage, { onClick: handleAddImage })), brandLabel && (_jsx(Text, { textAlign: "center", noOfLines: 1, textOverflow: "ellipsis", fontSize: "xs", children: brandLabel }))] }), showMoveModal && (_jsx(MoveModal, Object.assign({}, props, { onSave: handleSave, onClose: () => setShowMoveModal(false), top: "100", left: "260" })))] }));
 };

package/dist/components/sendDocument/RecipientCard.js

@@ -5,7 +5,7 @@ import { RecipientContent, RecipientHeader, IconMenu, MoreHorizontal, SelectInpu
 export const RecipientCard = ({ hasTitle = true, header, index, isDocument = false, isEditDisabled, menu, onEdit, recipient: { accountTypes, user }, }) => {
     var _a;
     const types = t('shareHome.accountTypes').split(',');
-    return (_jsx(Container, { p: "2", position: "relative", children: _jsxs(Stack, { spacing: "4", children: [_jsxs(Flex, { justify: "space-between", align: "center", children: [hasTitle && (_jsx(Header, { header: header, recipient: { accountTypes, user }, isDocument: isDocument })), _jsxs(Flex, { gap: "1", align: "center", children: [!isEditDisabled && (_jsx(SelectInput, { handleClick: (accountType) => onEdit === null || onEdit === void 0 ? void 0 : onEdit({ accountType: accountType, user }), initialValue: accountTypes[0], variant: "accountType", items: types })), !!menu && (_jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 32 }), menuItems: menu, itemForm: {
+    return (_jsx(Container, { p: "2", position: "relative", children: _jsxs(Stack, { spacing: "4", children: [_jsxs(Flex, { justify: "space-between", align: "center", children: [hasTitle && (_jsx(Header, { header: header, recipient: { accountTypes, user }, isDocument: isDocument })), _jsxs(Flex, { gap: "1", align: "center", children: [!isEditDisabled && (_jsx(SelectInput, { handleClick: (accountType) => onEdit === null || onEdit === void 0 ? void 0 : onEdit({ accountType: accountType, user }), initialValue: accountTypes[0], variant: "accountType", items: types })), !!menu && (_jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 32 }), menuItems: menu, disabled: menu.length < 1, itemForm: {
                                         _id: user.email,
                                         name: (_a = user.firstName) !== null && _a !== void 0 ? _a : '',
                                     } }))] })] }), user && _jsx(RecipientContent, Object.assign({ index: index }, user))] }) }));

package/dist/components/sharedHomePanel/ShareHomeContactList.js

@@ -11,7 +11,7 @@ export const ShareHomeContactList = ({ contacts, onChange, onClick, onDone, onSa
         ? listButton1(onDone)
         : addEmailButton1(() => onSave(selectedContact), selectedContact.email === '');
     const button2 = isAddListSlide ? null : addEmailButton2(onDone);
-    return (_jsxs(_Fragment, { children: [_jsxs(Container, { position: "absolute", top: "60px", left: "0", overflow: "hidden", zIndex: "6", w: ['full', '300px'], children: [_jsx(Box, { p: "base", children: _jsx(Text, { children: t('shareHome.contactList') }) }), _jsxs(Flex, { transition: "all 400ms", transform: `translateX(${isAddListSlide ? '0' : '-100%'})`, children: [_jsx(Box, { minW: ['full', '300px'], children: _jsx(ShareHomeAddedContacts, { contacts: filteredContacts, onClick: onClick, showingText: text, search: search, onAddEmail: handleAddEmail, onChange: handleSearch, onSelect: handleFilterByCategory, items: categories }) }), _jsx(Box, { minW: ['full', '300px'], children: _jsx(ShareHomeAddEmail, { contact: selectedContact, onBack: handleBack, onChange: onChange }) })] }), _jsx(Box, { boxShadow: `0 0 10px ${colors.gray['1']}`, py: "base", children: _jsx(FooterButtons, { button1: button1, button2: button2 }) })] }), _jsx(Overlay, { bg: "#00000040", showOverlay: true, position: "fixed", zIndex: "4" })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Container, { position: "absolute", top: "60px", left: "0", overflow: "hidden", zIndex: "6", w: ['full', '300px'], children: [_jsx(Box, { p: "base", children: _jsx(Text, { children: t('shareHome.contactList') }) }), _jsxs(Flex, { transition: "all 400ms", transform: `translateX(${isAddListSlide ? '0' : '-100%'})`, children: [_jsx(Box, { minW: ['full', '300px'], children: _jsx(ShareHomeAddedContacts, { contacts: filteredContacts, onClick: onClick, showingText: text, search: search, onAddEmail: handleAddEmail, onChange: handleSearch, onSelect: handleFilterByCategory, items: categories }) }), _jsx(Box, { minW: ['full', '300px'], children: _jsx(ShareHomeAddEmail, { contact: selectedContact, onBack: handleBack, onChange: onChange }) })] }), _jsx(Box, { boxShadow: `0 0 10px ${colors.gray['1']}`, py: "base", children: _jsx(FooterButtons, { button1: button1, button2: button2 }) })] }), _jsx(Overlay, { bg: "overlay", showOverlay: true, position: "fixed", zIndex: "4" })] }));
 };
 const listButton1 = (onClick) => ({
     buttonStyle: 'secondaryFooter',

package/dist/helpers/HomeRoles.helper.d.ts

@@ -1,4 +1,6 @@
-export declare const homeRoleTypes: string[];
+export type RoleType = 'guest' | 'member' | 'partner' | 'contributor' | 'manager' | 'homeowner';
+export type ReducedRoleType = 'member' | 'contributor' | 'manager';
+export declare const homeRoleTypes: RoleType[];
 export declare const homeRoles: {
     [key: string]: {
         [key: string]: string;

package/dist/helpers/HomeRoles.helper.js

@@ -1,4 +1,9 @@
-export const homeRoleTypes = ['member', 'contributor', 'manager', 'homeowner'];
+export const homeRoleTypes = [
+    'member',
+    'contributor',
+    'manager',
+    'homeowner',
+];
 export const homeRoles = {
     guest: {
         bg: 'teal.4',

package/dist/helpers/homeAssistant/HomeAssistant.helper.js

@@ -1,28 +1,27 @@
-import { t } from 'i18next';
 import { Fire, House, LargeAppliances, Target, Temperature, Water, } from '../../assets/images';
 export const homeAssistantSteps = [
     {
-        title: t('homeAssistant.steps.smoke'),
+        title: 'Smoke & CO2 detectors',
         icon: Fire,
     },
     {
-        title: t('homeAssistant.steps.heating'),
+        title: 'Heating & Cooling',
         icon: Temperature,
     },
     {
-        title: t('homeAssistant.steps.appliances'),
+        title: 'Appliances',
         icon: LargeAppliances,
     },
     {
-        title: t('homeAssistant.steps.structure'),
+        title: 'Structure',
         icon: House,
     },
     {
-        title: t('homeAssistant.steps.landscape'),
+        title: 'Landscape',
         icon: Water,
     },
     {
-        title: t('homeAssistant.steps.goals'),
+        title: 'Goals',
         icon: Target,
     },
 ];

package/dist/helpers/myProfile/RolePermissions.helper.d.ts

@@ -0,0 +1,2 @@
+import { RolePermissionI } from '../../interfaces';
+export declare const rolePermissions: RolePermissionI[];

package/dist/helpers/myProfile/RolePermissions.helper.js

@@ -0,0 +1,72 @@
+export const rolePermissions = [
+    {
+        id: 'property-data',
+        label: 'Property Data',
+        permissions: {
+            view: ['member', 'contributor', 'manager'],
+            add: ['manager'],
+            edit: ['manager'],
+            delete: [],
+        },
+    },
+    // {
+    //   id: 'financial-data',
+    //   label: 'Financial Data',
+    //   permissions: {
+    //     view: ['member', 'contributor', 'manager'],
+    //     add: ['contributor', 'manager'],
+    //     edit: ['manager'],
+    //     delete: ['manager'],
+    //   },
+    // },
+    {
+        id: 'partners',
+        label: 'Partners',
+        permissions: {
+            view: ['member', 'contributor', 'manager'],
+            add: ['contributor', 'manager'],
+            edit: [],
+            delete: ['manager'],
+        },
+    },
+    // {
+    //   id: 'folders',
+    //   label: 'Folders',
+    //   permissions: {
+    //     view: ['member', 'contributor', 'manager'],
+    //     add: ['manager'],
+    //     edit: ['contributor', 'manager'],
+    //     delete: ['manager'],
+    //   },
+    // },
+    {
+        id: 'home-items',
+        label: 'Home items',
+        permissions: {
+            view: ['member', 'contributor', 'manager'],
+            add: ['contributor', 'manager'],
+            edit: ['manager'],
+            delete: ['manager'],
+        },
+    },
+    {
+        id: 'rooms',
+        label: 'Rooms',
+        permissions: {
+            view: ['member', 'contributor', 'manager'],
+            add: ['contributor', 'manager'],
+            edit: ['contributor', 'manager'],
+            delete: ['manager'],
+        },
+    },
+    {
+        id: 'rooms-categories',
+        label: 'Room Categories',
+        permissions: {
+            view: [],
+            add: ['contributor', 'manager'],
+            edit: ['contributor', 'manager'],
+            delete: ['contributor', 'manager'],
+        },
+    },
+];

package/dist/helpers/myProfile/index.d.ts

@@ -1,2 +1,3 @@
 export * from './CreditCardBrands.helper';
 export * from './PlanOptions.helper';
+export * from './RolePermissions.helper';

package/dist/helpers/myProfile/index.js

@@ -1,2 +1,3 @@
 export * from './CreditCardBrands.helper';
 export * from './PlanOptions.helper';
+export * from './RolePermissions.helper';

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

@@ -3,4 +3,5 @@ export * from './usePaymentFormProvider';
 export * from './useMyProfileContent';
 export * from './usePaymentMethod';
 export * from './useProfileDetail';
+export * from './useRolePermissionsTab';
 export * from './useTwoFactorSetting';

package/dist/hooks/myProfile/index.js

@@ -3,4 +3,5 @@ export * from './usePaymentFormProvider';
 export * from './useMyProfileContent';
 export * from './usePaymentMethod';
 export * from './useProfileDetail';
+export * from './useRolePermissionsTab';
 export * from './useTwoFactorSetting';

package/dist/hooks/myProfile/useRolePermissionsTab.d.ts

@@ -0,0 +1,11 @@
+import { ReducedRoleType } from '../../helpers';
+import { ActionsPermitted, RolePermissionObject, RolePermissionsTabI } from '../../interfaces';
+export declare const useRolePermissionsTab: ({ selected, onSelect, }: RolePermissionsTabI) => {
+    actions: ActionsPermitted[];
+    callback: RolePermissionObject;
+    selectedRole: ReducedRoleType;
+    selectedActions: ActionsPermitted[];
+    handleRoleChange: (role: ReducedRoleType) => void;
+    handleFeatureChange: (action: ActionsPermitted, feature: string) => void;
+    handleActionChange: (action: ActionsPermitted) => void;
+};

package/dist/hooks/myProfile/useRolePermissionsTab.js

@@ -0,0 +1,68 @@
+import { useState, useEffect } from 'react';
+import { rolePermissions } from '../../helpers';
+export const useRolePermissionsTab = ({ selected, onSelect, }) => {
+    const actions = ['view', 'add', 'edit', 'delete'];
+    const selectedActionsFromSelected = () => {
+        const selectedActions = [];
+        actions.forEach((action) => {
+            const featuresByRoleByAction = selected[selectedRole][action];
+            if (featuresByRoleByAction.length === rolePermissions.length) {
+                selectedActions.push(action);
+            }
+        });
+        return selectedActions;
+    };
+    const [callback, setCallback] = useState(selected);
+    const [selectedRole, setSelectedRole] = useState('member');
+    const [selectedActions, setSelectedActions] = useState(selectedActionsFromSelected);
+    const handleRoleChange = (role) => setSelectedRole(role);
+    const checkIfHasFeature = (action, feature) => {
+        const features = callback[selectedRole][action];
+        const hasFeature = features.includes(feature);
+        if (hasFeature) {
+            return features.filter((f) => f !== feature);
+        }
+        return [...features, feature];
+    };
+    const handleFeatureChange = (action, feature) => {
+        const newCallback = Object.assign(Object.assign({}, callback), { [selectedRole]: Object.assign(Object.assign({}, callback[selectedRole]), { [action]: checkIfHasFeature(action, feature) }) });
+        setCallback(newCallback);
+        onSelect(newCallback);
+    };
+    const handleActionChange = (action) => {
+        if (selectedActions.includes(action)) {
+            const newCallback = Object.assign(Object.assign({}, callback), { [selectedRole]: Object.assign(Object.assign({}, callback[selectedRole]), { [action]: [] }) });
+            setCallback(newCallback);
+            onSelect(newCallback);
+            const filteredActions = selectedActions.filter((a) => a !== action);
+            return setSelectedActions(filteredActions);
+        }
+        const newCallback = Object.assign(Object.assign({}, callback), { [selectedRole]: Object.assign(Object.assign({}, callback[selectedRole]), { [action]: rolePermissions
+                    .map(({ id, permissions }) => {
+                    if (permissions[action].includes(selectedRole)) {
+                        return id;
+                    }
+                    return '';
+                })
+                    .filter((id) => id) }) });
+        setCallback(newCallback);
+        onSelect(newCallback);
+        setSelectedActions([...selectedActions, action]);
+    };
+    useEffect(() => {
+        setSelectedActions(selectedActionsFromSelected);
+    }, [selectedRole]);
+    useEffect(() => {
+        setSelectedActions(selectedActionsFromSelected);
+        setCallback(selected);
+    }, [selected]);
+    return {
+        actions,
+        callback,
+        selectedRole,
+        selectedActions,
+        handleRoleChange,
+        handleFeatureChange,
+        handleActionChange,
+    };
+};

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, 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, HomeHeader, HomeSharedWith, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileContent, MyProfileFooter, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, 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, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, 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, VideoPlayer, VideoPlayerModal, WellDone, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, 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, HomeHeader, HomeSharedWith, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileContent, MyProfileFooter, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, 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, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, 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, VideoPlayer, VideoPlayerModal, WellDone, YtdTile, } from './components';
 export { useCustomToast } from './hooks';
-export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy } from './proxies';
+export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, } from './proxies';
 import theme from './theme';
 export { theme };

package/dist/index.js

@@ -1,5 +1,5 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, 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, HomeHeader, HomeSharedWith, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileContent, MyProfileFooter, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, 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, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, 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, VideoPlayer, VideoPlayerModal, WellDone, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, 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, HomeHeader, HomeSharedWith, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileContent, MyProfileFooter, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, 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, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, 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, VideoPlayer, VideoPlayerModal, WellDone, YtdTile, } from './components';
 export { useCustomToast } from './hooks';
-export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy } from './proxies';
+export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, } from './proxies';
 import theme from './theme';
 export { theme };

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

@@ -1,4 +1,4 @@
-import { MenuItemI } from "..";
+import { MenuItemI, ShareContactPopoverI } from '..';
 export interface InfoContactCardI {
     address: string;
     category: string;
@@ -14,7 +14,9 @@ export interface InfoContactCardI {
     zip: string;
 }
 export interface ContactCardI {
+    apiError?: boolean;
     contact: InfoContactCardI;
     index: number;
     menuItems: MenuItemI[];
+    onShare: ShareContactPopoverI['onShare'];
 }

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

@@ -1,5 +1,7 @@
-import { InfoContactCardI, MenuItemI } from "..";
+import { InfoContactCardI, MenuItemI, ShareContactPopoverI } from '..';
 export interface ContactCardHeaderI {
+    apiError?: boolean;
     contact: InfoContactCardI;
     menuItems: MenuItemI[];
+    onShare: ShareContactPopoverI['onShare'];
 }

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

@@ -1,10 +1,12 @@
-import { InfoContactCardI, MenuItemI } from '..';
-import { ReactNode } from "react";
+import { InfoContactCardI, MenuItemI, ShareContactPopoverI } from '..';
+import { ReactNode } from 'react';
 export interface ContactsContentI {
+    apiError?: boolean;
     contacts: InfoContactCardI[];
     handleClose: () => void;
     handleAdd: () => void;
     menuItems: MenuItemI[];
     children?: ReactNode;
     disabled?: boolean;
+    onShare: ShareContactPopoverI['onShare'];
 }

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

@@ -0,0 +1,11 @@
+import { InfoContactCardI } from '..';
+interface ShareFormI {
+    contact: InfoContactCardI;
+    emailTo: string;
+}
+export interface ShareContactByEmailI {
+    apiError?: boolean;
+    contact: InfoContactCardI;
+    onShare: (form: ShareFormI) => void;
+}
+export {};

package/dist/interfaces/contacts/ShareContactByEmail.interface.js

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

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

@@ -0,0 +1,8 @@
+import { InfoContactCardI } from '..';
+export interface ShareContactPopoverI {
+    apiError?: boolean;
+    contact: InfoContactCardI;
+    isOpen: boolean;
+    onClose: () => void;
+    onShare: (form: unknown) => void;
+}

package/dist/interfaces/contacts/ShareContactPopover.interface.js

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

package/dist/interfaces/contacts/index.d.ts

@@ -3,3 +3,5 @@ export * from './ContactCardAddress.interface';
 export * from './ContactCardHeader.interface';
 export * from './ContactCardInfo.interface';
 export * from './ContactsContent.interface';
+export * from './ShareContactByEmail.interface';
+export * from './ShareContactPopover.interface';

package/dist/interfaces/contacts/index.js

@@ -3,3 +3,5 @@ export * from './ContactCardAddress.interface';
 export * from './ContactCardHeader.interface';
 export * from './ContactCardInfo.interface';
 export * from './ContactsContent.interface';
+export * from './ShareContactByEmail.interface';
+export * from './ShareContactPopover.interface';

package/dist/interfaces/forms/dynamicForm/HiddenField.interface.d.ts

@@ -1,6 +1,8 @@
 export interface HiddenFieldI {
+    disabled?: boolean;
     name: string;
     icon: string;
     id: string;
+    isActive?: boolean;
     onClick: (id: string) => void;
 }

package/dist/interfaces/myProfile/MyProfileBody.interface.d.ts

@@ -1,8 +1,9 @@
 import { ReactNode } from 'react';
 export interface MyProfileBodyI {
-    account: ReactNode;
-    details: ReactNode;
-    email: ReactNode;
+    account?: ReactNode;
+    details?: ReactNode;
+    email?: ReactNode;
     isLoading: boolean;
-    payment: ReactNode;
+    payment?: ReactNode;
+    rolePermissions?: ReactNode;
 }

package/dist/interfaces/myProfile/index.d.ts

@@ -1,6 +1,7 @@
 export * from './email';
 export * from './details';
 export * from './payment';
+export * from './permissions';
 export * from './CancelAccount.interface';
 export * from './ContextButtons.interface';
 export * from './MyProfileBody.interface';