@homefile/components-v2 1.0.14 → 1.1.0

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

@@ -448,6 +448,13 @@
     "title": "My Homes"
   },
   "myProfile": {
+    "actions": {
+      "add": "Add",
+      "can": "Can",
+      "edit": "Edit",
+      "delete": "Delete",
+      "view": "View"
+    },
     "account": {
       "cancel": "Cancel Account",
       "cancelInfo": "To cancel your Homefile account, please contact Homefile below.",
@@ -477,6 +484,20 @@
       "receiptsTitle": "Receipts",
       "toDelete": "To delete a card, you must first add a new card."
     },
+    "permissions": {
+      "contributor": {
+        "description": "Can view, add, and edit the information when you share a home.",
+        "title": "Contributor Permissions"
+      },
+      "manager": {
+        "description": "Can view, add, and edit all home information within a home.",
+        "title": "Manager Permissions"
+      },
+      "member": {
+        "description": "Can only view information when you share a home.",
+        "title": "Member Permissions"
+      }
+    },
     "placeholders": {
       "cardHolder": "Name on card",
       "cardNumber": "Card number",
@@ -491,7 +512,8 @@
       "tab2": "Subscription",
       "tab3": "Payment",
       "tab4": "Email",
-      "tab5": "Sharing"
+      "tab5": "Sharing",
+      "tab6": "Role Permissions"
     }
   },
   "newPassword": {

package/dist/components/headers/TabsHeader.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Flex, Tab, TabList, TabPanel, TabPanels, Tabs, } from '@chakra-ui/react';
 export const TabsHeader = ({ onChange, tabList, tabIndex, defaultIndex, rightButton, }) => {
-    return (_jsxs(Tabs, { zIndex: "base", variant: "unstyled", onChange: onChange, index: tabIndex, defaultIndex: defaultIndex, children: [_jsx(Box, { bg: "lightBlue.2", children: _jsxs(Flex, { justify: "space-between", children: [_jsx(TabList, { bg: "neutral.white", w: "full", children: tabList === null || tabList === void 0 ? void 0 : tabList.map(({ label }) => (_jsx(Tab, { minW: "1rem", px: "base", py: "0", lineHeight: "10", textTransform: "uppercase", fontWeight: "medium", fontSize: "sm", fontFamily: "primary", color: "blue.3", borderBottom: "3px solid transparent", _hover: { cursor: 'pointer' }, _focus: { outline: 'none' }, _selected: {
+    return (_jsxs(Tabs, { zIndex: "base", variant: "unstyled", onChange: onChange, index: tabIndex, defaultIndex: defaultIndex, h: "100%", children: [_jsx(Box, { bg: "lightBlue.2", children: _jsxs(Flex, { justify: "space-between", children: [_jsx(TabList, { bg: "neutral.white", w: "full", children: tabList === null || tabList === void 0 ? void 0 : tabList.map(({ label }) => (_jsx(Tab, { minW: "1rem", px: "base", py: "0", lineHeight: "10", textTransform: "uppercase", fontWeight: "medium", fontSize: "sm", fontFamily: "primary", color: "blue.3", borderBottom: "3px solid transparent", _hover: { cursor: 'pointer' }, _focus: { outline: 'none' }, _selected: {
                                     color: 'blue.8',
                                     fontWeight: 'bold',
                                     borderColor: 'blue.8',

package/dist/components/myProfile/MyProfileBody.d.ts

@@ -1,2 +1,2 @@
 import { MyProfileBodyI } from '../../interfaces';
-export declare const MyProfileBody: ({ account, details, email, isLoading, payment, }: MyProfileBodyI) => import("react/jsx-runtime").JSX.Element;
+export declare const MyProfileBody: ({ account, details, email, isLoading, payment, rolePermissions, }: MyProfileBodyI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/myProfile/MyProfileBody.js

@@ -3,7 +3,7 @@ import { t } from 'i18next';
 import { Center, DrawerBody } from '@chakra-ui/react';
 import { BeatLoader } from 'react-spinners';
 import { TabsHeader } from '../headers';
-export const MyProfileBody = ({ account, details, email, isLoading, payment, }) => {
+export const MyProfileBody = ({ account, details, email, isLoading, payment, rolePermissions, }) => {
     const tabs = [
         {
             label: t('myProfile.tabs.tab1'),
@@ -21,6 +21,10 @@ export const MyProfileBody = ({ account, details, email, isLoading, payment, })
             label: t('myProfile.tabs.tab4'),
             component: email,
         },
-    ];
+        {
+            label: t('myProfile.tabs.tab6'),
+            component: rolePermissions,
+        },
+    ].filter((tab) => tab.component);
     return (_jsx(DrawerBody, { p: "0", children: isLoading ? (_jsx(Center, { h: "4rem", bg: "neutral.white", children: _jsx(BeatLoader, { color: "gray", size: 8 }) })) : (_jsx(TabsHeader, { tabList: tabs })) }));
 };

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

@@ -1,6 +1,7 @@
 export * from './email';
 export * from './details';
 export * from './payment';
+export * from './permissions';
 export * from './AddCreditCard';
 export * from './BillingAddress';
 export * from './CancelAccount';

package/dist/components/myProfile/index.js

@@ -1,6 +1,7 @@
 export * from './email';
 export * from './details';
 export * from './payment';
+export * from './permissions';
 export * from './AddCreditCard';
 export * from './BillingAddress';
 export * from './CancelAccount';

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

@@ -0,0 +1,2 @@
+import { ActionCheckboxI } from '../../../interfaces';
+export declare const ActionCheckbox: ({ action, isChecked, isDisabled, label, onChange, }: ActionCheckboxI) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack, Checkbox } from '@chakra-ui/react';
+import { ActionLabel } from '../..';
+export const ActionCheckbox = ({ action, isChecked, isDisabled, label, onChange, }) => {
+    return (_jsxs(Stack, { spacing: "1", align: "center", w: "33px", children: [label && _jsx(ActionLabel, { label: label }), _jsx(Checkbox, { isChecked: isChecked, onChange: () => onChange(action), isDisabled: isDisabled })] }));
+};

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

@@ -0,0 +1,5 @@
+import { TextProps } from '@chakra-ui/react';
+export interface ActionLabelI extends TextProps {
+    label: string;
+}
+export declare const ActionLabel: ({ label, ...props }: ActionLabelI) => import("react/jsx-runtime").JSX.Element;

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, { 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/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/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: ['manager'],
+        },
+    },
+    {
+        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: ['manager'],
+            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-items',
+        label: 'Rooms items',
+        permissions: {
+            view: ['member', 'contributor', 'manager'],
+            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,64 @@
+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]);
+    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/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';

package/dist/interfaces/myProfile/index.js

@@ -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';

package/dist/interfaces/myProfile/permissions/ActionCheckbox.interface.d.ts

@@ -0,0 +1,8 @@
+import { ActionsPermitted } from '../..';
+export interface ActionCheckboxI {
+    action: ActionsPermitted;
+    label?: string;
+    isChecked: boolean;
+    isDisabled: boolean;
+    onChange: (action: ActionsPermitted) => void;
+}

package/dist/interfaces/myProfile/permissions/ActionCheckbox.interface.js

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

package/dist/interfaces/myProfile/permissions/RoleButton.interface.d.ts

@@ -0,0 +1,7 @@
+import { RoleType } from '../../../helpers';
+export interface RoleButtonI {
+    role: RoleType;
+    onClick: () => void;
+    isSelected: boolean;
+    showBorder?: boolean;
+}

package/dist/interfaces/myProfile/permissions/RoleButton.interface.js

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

package/dist/interfaces/myProfile/permissions/RolePermissionsTab.interface.d.ts

@@ -0,0 +1,12 @@
+import { ReducedRoleType } from '../../../helpers';
+export type ActionsPermitted = 'view' | 'add' | 'edit' | 'delete';
+export interface RolePermissionI {
+    id: string;
+    label: string;
+    permissions: Record<ActionsPermitted, string[]>;
+}
+export type RolePermissionObject = Record<ReducedRoleType, Record<ActionsPermitted, string[]>>;
+export interface RolePermissionsTabI {
+    selected: RolePermissionObject;
+    onSelect(object: RolePermissionObject): void;
+}

package/dist/interfaces/myProfile/permissions/RolePermissionsTab.interface.js

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

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

@@ -0,0 +1,3 @@
+export * from './ActionCheckbox.interface';
+export * from './RoleButton.interface';
+export * from './RolePermissionsTab.interface';

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

@@ -0,0 +1,3 @@
+export * from './ActionCheckbox.interface';
+export * from './RoleButton.interface';
+export * from './RolePermissionsTab.interface';

package/dist/mocks/myProfile/Permissions.mock.d.ts

@@ -0,0 +1,2 @@
+import { RolePermissionObject } from '../../interfaces';
+export declare const featuresSelectedMock: RolePermissionObject;

package/dist/mocks/myProfile/Permissions.mock.js

@@ -0,0 +1,68 @@
+export const featuresSelectedMock = {
+    member: {
+        view: [
+            'property-data',
+            'financial-data',
+            'partners',
+            'folders',
+            'home-items',
+            'rooms',
+            'rooms-items',
+        ],
+        add: [],
+        edit: [],
+        delete: [],
+    },
+    contributor: {
+        view: [
+            'property-data',
+            'financial-data',
+            'partners',
+            'folders',
+            'home-items',
+            'rooms',
+            'rooms-items',
+        ],
+        add: ['home-items', 'rooms', 'rooms-items'],
+        edit: ['folders', 'rooms', 'rooms-items'],
+        delete: ['rooms-items'],
+    },
+    manager: {
+        view: [
+            'property-data',
+            'financial-data',
+            'partners',
+            'folders',
+            'home-items',
+            'rooms',
+            'rooms-items',
+        ],
+        add: [
+            'property-data',
+            'financial-data',
+            'partners',
+            'folders',
+            'home-items',
+            'rooms',
+            'rooms-items',
+        ],
+        edit: [
+            'property-data',
+            'financial-data',
+            'partners',
+            'folders',
+            'home-items',
+            'rooms',
+            'rooms-items',
+        ],
+        delete: [
+            'property-data',
+            'financial-data',
+            'partners',
+            'folders',
+            'home-items',
+            'rooms',
+            'rooms-items',
+        ],
+    },
+};