@homefile/components-v2 1.2.2 → 1.4.0

package/dist/components/contacts/viewPanel/RoleTag.d.ts

@@ -0,0 +1,2 @@
+import { ViewContactPanelI } from '../../../interfaces';
+export declare const RoleTag: ({ roleType }: Pick<ViewContactPanelI, "roleType">) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/contacts/viewPanel/RoleTag.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { homeRoles } from '../../../helpers';
+import { Box, Text } from '@chakra-ui/react';
+export const RoleTag = ({ roleType }) => {
+    if (!roleType)
+        return null;
+    const { bg, name } = homeRoles[roleType];
+    return (_jsx(Box, { bg: bg, px: "base", pt: "2", pb: "6", position: "absolute", top: "0", left: "0", right: "0", zIndex: "-1", children: _jsx(Text, { color: "neutral.white", fontSize: "sm", fontWeight: "bold", textTransform: "uppercase", children: name }) }));
+};

package/dist/components/contacts/viewPanel/ViewContactHeader.d.ts

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

package/dist/components/contacts/viewPanel/ViewContactHeader.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Contacts } from '../../../assets/images';
+import { ContactHeaderMenu } from '../..';
+import { partnerCategoriesIcons } from '../../../helpers';
+import { Flex, Image, Text, Stack } from '@chakra-ui/react';
+export const ViewContactHeader = (props) => {
+    var _a;
+    const { category } = props.contact;
+    const icon = (_a = partnerCategoriesIcons[category.toLowerCase()]) !== null && _a !== void 0 ? _a : Contacts;
+    return (_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Flex, { align: "center", gap: "2", children: [_jsx(Image, { src: icon, boxSize: "22px" }), _jsx(Stack, { spacing: "-1", children: _jsx(Text, { fontSize: "xs", noOfLines: 1, textTransform: "uppercase", children: category }) })] }), _jsx(ContactHeaderMenu, Object.assign({}, props))] }));
+};

package/dist/components/contacts/viewPanel/ViewContactPanel.d.ts

@@ -0,0 +1,2 @@
+import { ViewContactPanelI } from '../../../interfaces';
+export declare const ViewContactPanel: ({ contact, menuItems, handleClose, onShare, roleType, }: ViewContactPanelI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/viewPanel/ViewContactPanel.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { DrawerContent, DrawerHeader, DrawerBody, Stack, Container, Divider, } from '@chakra-ui/react';
+import { Contacts } from '../../../assets/images';
+import { CompanyInfoCard, ContactAddressCard, ContactNotes, PanelHeader, RoleTag, PersonalInfoCard, ViewContactHeader, } from '../..';
+export const ViewContactPanel = ({ contact, menuItems, handleClose, onShare, roleType, }) => {
+    const isHomeowner = roleType === 'homeowner';
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: handleClose, icon: Contacts, title: t('contacts.contactView') }) }), _jsxs(DrawerBody, { p: "0", overflowX: "hidden", position: "relative", children: [_jsx(RoleTag, { roleType: roleType }), _jsx(Stack, { px: "base", spacing: "base", children: _jsx(Container, { mt: "36px", p: "base", borderRadius: "lg", children: _jsxs(Stack, { spacing: "base", children: [_jsx(ViewContactHeader, { contact: contact, menuItems: menuItems, onShare: onShare }), _jsx(PersonalInfoCard, Object.assign({}, contact, { index: 0 })), isHomeowner && (_jsxs(_Fragment, { children: [_jsx(Divider, { borderStyle: "dashed", borderColor: "lightBlue.6" }), _jsx(ContactAddressCard, { contact: contact })] })), !isHomeowner && (_jsxs(_Fragment, { children: [_jsx(Divider, { borderStyle: "dashed", borderColor: "lightBlue.6" }), _jsx(CompanyInfoCard, { contact: contact }), _jsx(Divider, { borderStyle: "dashed", borderColor: "lightBlue.6" }), _jsx(ContactNotes, { notes: contact.notes })] }))] }) }) })] })] }));
+};

package/dist/components/contacts/viewPanel/index.d.ts

@@ -0,0 +1,8 @@
+export * from './CompanyInfoCard';
+export * from './CompanyRating';
+export * from './ContactAddressCard';
+export * from './ContactNotes';
+export * from './PersonalInfoCard';
+export * from './RoleTag';
+export * from './ViewContactHeader';
+export * from './ViewContactPanel';

package/dist/components/contacts/viewPanel/index.js

@@ -0,0 +1,8 @@
+export * from './CompanyInfoCard';
+export * from './CompanyRating';
+export * from './ContactAddressCard';
+export * from './ContactNotes';
+export * from './PersonalInfoCard';
+export * from './RoleTag';
+export * from './ViewContactHeader';
+export * from './ViewContactPanel';

package/dist/components/forms/dynamicForm/DynamicForm.d.ts

@@ -1,2 +1,2 @@
 import { DynamicFormI } from '../../../interfaces';
-export declare const DynamicForm: ({ form: fields, onUpload, uploadingFieldId, }: DynamicFormI) => import("react/jsx-runtime").JSX.Element;
+export declare const DynamicForm: ({ form: fields, onUpload, showTitle, uploadingFieldId, }: DynamicFormI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/DynamicForm.js

@@ -5,10 +5,10 @@ import { Stack, Text } from '@chakra-ui/react';
 import { HiddenFieldSection, GroupField, TextField, TextAreaField, SelectField, RatingField, GridField, FieldWithDelete, FileField, SwitchField, DateField, NumberField, CurrencyField, } from '../..';
 import { useDynamicForm } from '../../../hooks';
 import { fieldIcons } from '../../../helpers';
-export const DynamicForm = ({ form: fields, onUpload, uploadingFieldId, }) => {
+export const DynamicForm = ({ form: fields, onUpload, showTitle = true, uploadingFieldId, }) => {
     const { form, visibleFields, hiddenFields, handleAddAll, handleAdd, handleFilesUpload, handleRemove, } = useDynamicForm({ fields, onUpload });
-    return (_jsxs(Stack, { bg: "lightBlue.1", spacing: "0", h: "full", children: [_jsx(Text, { fontFamily: "secondary", px: "base", pt: "4", pb: "2", children: t('forms.itemDetails') }), _jsx(FormProvider, Object.assign({}, form, { children: _jsx(_Fragment, { children: visibleFields === null || visibleFields === void 0 ? void 0 : visibleFields.map((field) => {
-                        const { children, description, icon, id, name, options, type, value, visible, } = field;
+    return (_jsxs(Stack, { bg: "lightBlue.1", spacing: "0", h: "full", children: [showTitle && (_jsx(Text, { fontFamily: "secondary", px: "base", pt: "4", pb: "2", children: t('forms.itemDetails') })), _jsx(FormProvider, Object.assign({}, form, { children: _jsx(_Fragment, { children: visibleFields === null || visibleFields === void 0 ? void 0 : visibleFields.map((field) => {
+                        const { canBeHidden, children, description, icon, id, name, options, type, value, } = field;
                         const baseProps = {
                             id,
                             value,
@@ -19,7 +19,7 @@ export const DynamicForm = ({ form: fields, onUpload, uploadingFieldId, }) => {
                             key: id,
                             id,
                             onRemove: handleRemove,
-                            isAlwaysVisible: visible,
+                            canBeHidden,
                         };
                         switch (type) {
                             case 'date':
@@ -48,7 +48,7 @@ export const DynamicForm = ({ form: fields, onUpload, uploadingFieldId, }) => {
                             case 'file':
                                 return (_jsx(FieldWithDelete, Object.assign({}, fieldWithDeleteBaseProps, { children: _jsx(FileField, { icon: baseProps.icon, description: description, onUpload: (files) => handleFilesUpload({ id, files }), uploading: uploadingFieldId === id }) })));
                             case 'group':
-                                return (_jsx(GroupField, { id: id, fields: children, onRemove: handleRemove, visible: visible }, id));
+                                return (_jsx(GroupField, { id: id, fields: children, onRemove: handleRemove, canBeHidden: canBeHidden }, id));
                             default:
                                 return null;
                         }

package/dist/components/forms/dynamicForm/SimpleDynamicForm.d.ts

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

package/dist/components/forms/dynamicForm/SimpleDynamicForm.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Stack } from '@chakra-ui/react';
+import { TextField, SelectField, SwitchField, NumberField, FieldDivider, } from '../..';
+import { fieldIcons } from '../../../helpers';
+export const SimpleDynamicForm = ({ fields }) => {
+    return (_jsx(Stack, { bg: "neutral.white", spacing: "0", h: "full", boxShadow: "md", children: fields === null || fields === void 0 ? void 0 : fields.map((field) => {
+            const { description, icon, id, name, options, type, value } = field;
+            const baseProps = {
+                description,
+                id,
+                value,
+                icon: icon ? fieldIcons[icon] : undefined,
+                placeholder: name !== null && name !== void 0 ? name : description,
+            };
+            switch (type) {
+                case 'number':
+                    return (_jsx(FieldDivider, { children: _jsx(NumberField, Object.assign({}, baseProps)) }, id));
+                case 'text':
+                case 'string':
+                    return (_jsx(FieldDivider, { children: _jsx(TextField, Object.assign({}, baseProps)) }, id));
+                case 'select':
+                    return (_jsx(FieldDivider, { children: _jsx(SelectField, Object.assign({}, baseProps, { options: options })) }, id));
+                case 'switch':
+                    return (_jsx(FieldDivider, { children: _jsx(SwitchField, Object.assign({}, baseProps)) }, id));
+                default:
+                    return null;
+            }
+        }) }));
+};

package/dist/components/forms/dynamicForm/fields/FieldWithDelete.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { FieldWithDeleteI } from '../../../../interfaces';
-export declare const FieldWithDelete: ({ children, id, isAlwaysVisible, onRemove, }: PropsWithChildren<FieldWithDeleteI>) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldWithDelete: ({ children, id, canBeHidden, onRemove, }: PropsWithChildren<FieldWithDeleteI>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/FieldWithDelete.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, IconButton } from '@chakra-ui/react';
 import { TrashIcon } from '../../..';
-export const FieldWithDelete = ({ children, id, isAlwaysVisible, onRemove = () => { }, }) => {
-    const isUndefined = isAlwaysVisible === undefined;
-    return (_jsxs(Flex, { align: "center", borderBottom: "1px dashed", borderColor: "lightBlue.6", p: "base", children: [children, !isUndefined && (_jsx(IconButton, { "aria-label": "Remove field", variant: "unstyled", icon: _jsx(TrashIcon, {}), size: "md", position: "relative", right: "-16px", transition: "all 0.2s ease-in-out", _hover: {
+export const FieldWithDelete = ({ children, id, canBeHidden = true, onRemove = () => { }, }) => {
+    return (_jsxs(Flex, { align: "center", borderBottom: "1px dashed", borderColor: "lightBlue.6", p: "base", children: [children, canBeHidden && (_jsx(IconButton, { "aria-label": "Remove field", variant: "unstyled", icon: _jsx(TrashIcon, {}), size: "md", position: "relative", right: "-16px", transition: "all 0.2s ease-in-out", _hover: {
                     filter: 'brightness(0.7)',
                 }, onClick: () => onRemove(id) }))] }));
 };

package/dist/components/forms/dynamicForm/fields/GroupField.d.ts

@@ -1,2 +1,2 @@
 import { GroupFieldI } from '../../../../interfaces';
-export declare const GroupField: ({ id, fields, onRemove, visible }: GroupFieldI) => import("react/jsx-runtime").JSX.Element;
+export declare const GroupField: ({ id, fields, onRemove, canBeHidden, }: GroupFieldI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/GroupField.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Stack } from '@chakra-ui/react';
 import { FieldWithDelete } from '../../..';
 import { SingleFields } from './SingleFields';
-export const GroupField = ({ id, fields, onRemove, visible }) => {
-    return (_jsx(FieldWithDelete, { id: id, onRemove: onRemove, isAlwaysVisible: visible, children: _jsx(Stack, { spacing: "base", flex: "1", children: _jsx(SingleFields, { fields: fields }) }) }));
+export const GroupField = ({ id, fields, onRemove, canBeHidden, }) => {
+    return (_jsx(FieldWithDelete, { id: id, onRemove: onRemove, canBeHidden: canBeHidden, children: _jsx(Stack, { spacing: "base", flex: "1", children: _jsx(SingleFields, { fields: fields }) }) }));
 };

package/dist/components/forms/dynamicForm/index.d.ts

@@ -1,5 +1,5 @@
 export * from './fields';
 export * from './DynamicForm';
-export * from './DynamicFormSimple';
+export * from './SimpleDynamicForm';
 export * from './HiddenField';
 export * from './HiddenFieldSection';

package/dist/components/forms/dynamicForm/index.js

@@ -1,5 +1,5 @@
 export * from './fields';
 export * from './DynamicForm';
-export * from './DynamicFormSimple';
+export * from './SimpleDynamicForm';
 export * from './HiddenField';
 export * from './HiddenFieldSection';

package/dist/components/homeAssistant/panel/ApplianceSteps.d.ts

@@ -1,3 +1,3 @@
 import { ApplianceStepI, ApplianceStepsI } from '../../../interfaces';
-export declare const ApplianceSteps: ({ onClick }: ApplianceStepsI) => import("react/jsx-runtime").JSX.Element;
+export declare const ApplianceSteps: ({ addedAppliances, onClick, }: ApplianceStepsI) => import("react/jsx-runtime").JSX.Element;
 export declare const steps: ApplianceStepI[];

package/dist/components/homeAssistant/panel/ApplianceSteps.js

@@ -4,8 +4,8 @@ import { Center, SimpleGrid, Stack, Text } from '@chakra-ui/react';
 import { ApplianceButton } from '../..';
 import { Fridge, Freezer, Washer, Dryer, Dishwasher, CookTop, Oven, Hood, Microwave, Range, } from '../../../assets/images';
 import { useState } from 'react';
-export const ApplianceSteps = ({ onClick }) => {
-    const [appliances, setAppliances] = useState([]);
+export const ApplianceSteps = ({ addedAppliances = [], onClick, }) => {
+    const [appliances, setAppliances] = useState(addedAppliances);
     const handleClick = (id) => {
         if (appliances.includes(id)) {
             const newAppliances = appliances.filter((appliance) => appliance !== id);

package/dist/components/homeAssistant/panel/HomeAssistantPanel.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { HomeAssistantPanelI } from '../../../interfaces';
-export declare const HomeAssistantPanel: ({ children, currentForm, currentStep, onApplianceClick, onBack, onClose, onNext, }: PropsWithChildren<HomeAssistantPanelI>) => import("react/jsx-runtime").JSX.Element;
+export declare const HomeAssistantPanel: ({ children, currentForm, currentStep, onApplianceClick, onBack, onClose, onNext, onSave, backDisabled, nextDisabled, }: PropsWithChildren<HomeAssistantPanelI>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/panel/HomeAssistantPanel.js

@@ -1,24 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormProvider } from 'react-hook-form';
 import { t } from 'i18next';
 import { DrawerContent, DrawerHeader, DrawerBody, Stack, Text, DrawerFooter, } from '@chakra-ui/react';
 import { IA } from '../../../assets/images';
-import { ApplianceSteps, DynamicFormSimple, FooterButtons, HomeAssistantPanelStep, PanelHeader, } from '../..';
+import { ApplianceSteps, SimpleDynamicForm, FooterButtons, HomeAssistantPanelStep, PanelHeader, } from '../..';
 import { homeAssistantSteps } from '../../../helpers';
-export const HomeAssistantPanel = ({ children, currentForm, currentStep, onApplianceClick, onBack, onClose, onNext, }) => {
+import { useSimpleDynamicForm } from '../../../hooks';
+export const HomeAssistantPanel = ({ children, currentForm, currentStep, onApplianceClick, onBack, onClose, onNext, onSave, backDisabled, nextDisabled, }) => {
     const { title } = homeAssistantSteps[currentStep - 1];
     const text = `${t('homeAssistant.details')} ${title.toLowerCase()}:`;
     const isAppliances = currentStep === 3;
-    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, title: t('homeAssistant.title'), icon: IA }) }), _jsxs(DrawerBody, { p: "0", children: [_jsx(HomeAssistantPanelStep, { currentStep: currentStep }), children, isAppliances && _jsx(ApplianceSteps, { onClick: onApplianceClick }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsx(Text, { fontFamily: "secondary", fontSize: "sm", children: text }), _jsx(DynamicFormSimple, { form: currentForm })] })] }), _jsx(DrawerFooter, { px: "0", py: "6", bg: "neutral.white", children: _jsx(FooterButtons, { button1: {
+    const { form, updatedFields } = useSimpleDynamicForm({
+        fields: currentForm,
+    });
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, title: t('homeAssistant.title'), icon: IA }) }), _jsxs(DrawerBody, { p: "0", children: [_jsx(HomeAssistantPanelStep, { currentStep: currentStep }), children, isAppliances && _jsx(ApplianceSteps, { onClick: onApplianceClick }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsx(Text, { fontFamily: "secondary", fontSize: "sm", children: text }), _jsx(FormProvider, Object.assign({}, form, { children: _jsx(SimpleDynamicForm, { fields: currentForm }) }))] })] }), _jsx(DrawerFooter, { px: "0", py: "6", bg: "neutral.white", children: _jsx(FooterButtons, { button1: {
                         buttonStyle: 'secondaryFooter',
                         label: t('buttons.back'),
                         onClick: onBack,
+                        isDisabled: backDisabled,
                     }, button2: {
+                        buttonStyle: 'primaryFooter',
+                        label: t('buttons.saveStep'),
+                        onClick: () => onSave(updatedFields),
+                    }, button3: {
                         buttonStyle: 'primaryFooter',
                         label: t('buttons.next'),
                         onClick: onNext,
-                    }, button3: {
-                        buttonStyle: 'secondaryFooter',
-                        label: t('buttons.cancel'),
-                        onClick: onClose,
+                        isDisabled: nextDisabled,
                     } }) })] }));
 };

package/dist/components/homeBoard/HomeBoard.js

@@ -48,7 +48,7 @@ export const HomeBoard = () => {
             ], onShare: () => null })),
         PartnerCatalog: (_jsx(PartnerCatalogPanel, { onClose: onRightClose, onPartnerAdd: () => null, partners: partnerCatalogMock })),
         AddHouseholdItem: (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: handleClose, icon: Painting, title: "Add Household Item" }) }), _jsx(DrawerBody, { children: _jsx(DynamicForm, { form: formFieldsMock }) })] })),
-        HomeAssistant: (_jsx(HomeAssistantPanel, { currentStep: homeAssistantCurrentStep, currentForm: currentHomeAssistantForm, onNext: handleHomeAssistantFormChange, onBack: handleHomeAssistantBack, onApplianceClick: () => null, onClose: onRightClose })),
+        HomeAssistant: (_jsx(HomeAssistantPanel, { currentStep: homeAssistantCurrentStep, currentForm: currentHomeAssistantForm, onNext: handleHomeAssistantFormChange, onBack: handleHomeAssistantBack, onApplianceClick: () => null, onClose: onRightClose, onSave: () => { }, backDisabled: false, nextDisabled: false })),
     };
     const panelSize = currentComponent === 'PartnerCatalog' ? 'lg' : 'md';
     return (_jsxs(Box, { overflowX: "hidden", children: [_jsx(RightPanel, { overlay: showOverlay, isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: rightPanelComponents[currentComponent] }), _jsxs(Flex, { w: "full", minH: "100dvh", children: [_jsx(RoomsMenu, { activeRoom: "homeboard", handleAddRoom: (id) => __awaiter(void 0, void 0, void 0, function* () { return console.log(id); }), handleClick: () => null, handleHomeClick: () => null, rooms: RoomsList, roomsToAdd: RoomsToAdd }), _jsxs(Box, { w: "full", children: [_jsx(AppBarComponent, { setActiveTour: setActiveTour }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsx(HomeHeader, { buttonLabel: "Partner catalog", onBack: () => null, homeName: homeName, onAdd: () => null }), _jsxs(HomeBoardGrid, { children: [_jsx(HomeCardWithRecipent, { address: HomeCards[0].address, handleEdit: handleEditHomeClick, handleDeleteAccountType: (email) => email, handleSubmitAccountType: (form) => form, _id: HomeCards[0]._id, image: HomeCards[0].image, loading: false, name: HomeCards[0].name, menu: menuMock, addImage: () => null, recipients: recipientsDb, records: homeBoardRecorsMock }), _jsx(HomeAssistant, { currentPanel: homeAssistantCurrentStep, currentStep: 6, onStepClick: handleHomeAssistantClick }), _jsx(PropertyTaxes, { estimatedTaxValue: 1000, menuItems: menuMock, taxes: taxesMock, title: "Travis County Property Taxes" }), _jsxs(Stack, { spacing: "base", children: [_jsx(ReceiptAutofiler, { onClick: () => null, totalReceipts: 36, totalTitle: "Receipts Received", forwardTo: "reciepts@homefile.cloud", onFilter: () => null, children: _jsx(ReceiptsFiled, { incidentalItemsNumber: 0, incidentalSpent: 0, inventoryItemsNumber: 0, inventorySpent: 0, total: 0 }) }), _jsx(ValueMonitor, { menuItems: menuMock, balance: "+3%", totalValue: 323421, year: "2023", yearValue: 5684 })] }), _jsx(ShortPartnerTile, { _id: "1", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" }), _jsx(TrendingValue, { chartData: lineChartData, marketValue: 894000, menuItems: menuMock, mortgageBalance: 220532, purchasePrice: 220532, roi: "+234%" }), _jsx(ShortPartnerTile, { _id: "2", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" }), _jsx(FolderSharing, { folders: FoldersDB, handleAddNewFolder: handleNewFolder, handleFolderClick: handleFolderClick, handleSelect: () => null, initialSelectItem: selectOptions[0], menuItems: menuMock, selectItems: selectOptions }), _jsxs(Stack, { spacing: "base", children: [_jsx(AddHomeItem, { handleClick: () => null }), _jsx(SendCommunication, { documentList: [] })] }), _jsx(ShortPartnerTile, { _id: "3", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" })] })] })] })] }), _jsx(HomeBoardTour, { currentStep: currentStep, handleClose: handleClose, handleStep: handleStep, meetStepUrl: videoMock, isActive: activeTour })] }));

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

@@ -1,2 +1,2 @@
 import { HomeCardWithRecipentI } from '../../interfaces';
-export declare const HomeCardWithRecipent: ({ address: { city, state, street, number, zip }, addImage, externalLink, handleEdit, handleDeleteAccountType, handleSubmitAccountType, image, _id, loading, menu, name, onAddRecords, onViewDetails, panelSize, recipients, records, disabled, }: HomeCardWithRecipentI) => import("react/jsx-runtime").JSX.Element;
+export declare const HomeCardWithRecipent: ({ address: { city, state, street, number, zip }, addImage, externalLink, handleEdit, handleDeleteAccountType, handleSubmitAccountType, image, _id, loading, menu, name, onAddRecords, onViewDetails, panelSize, recipients, records, disabled, propertyDisabled }: HomeCardWithRecipentI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeBoard/HomeCardWithRecipent.js

@@ -3,7 +3,7 @@ import { t } from 'i18next';
 import { Container } from '@chakra-ui/react';
 import { HomeCard, EditAccountType, RightPanel, HomeCardRecipients, TabsHeader, HomeCardRecords, } from '..';
 import { useHomeCardWithRecipent } from '../../hooks';
-export const HomeCardWithRecipent = ({ address: { city, state, street, number = '', zip }, addImage, externalLink, handleEdit, handleDeleteAccountType, handleSubmitAccountType, image, _id, loading = false, menu, name, onAddRecords, onViewDetails, panelSize = 'md', recipients, records = {}, disabled, }) => {
+export const HomeCardWithRecipent = ({ address: { city, state, street, number = '', zip }, addImage, externalLink, handleEdit, handleDeleteAccountType, handleSubmitAccountType, image, _id, loading = false, menu, name, onAddRecords, onViewDetails, panelSize = 'md', recipients, records = {}, disabled, propertyDisabled }) => {
     const { isRightOpen, onRightClose, editingAccountType, handleEditAccountType, } = useHomeCardWithRecipent();
     const tabs = [
         {
@@ -15,5 +15,11 @@ export const HomeCardWithRecipent = ({ address: { city, state, street, number =
             component: (_jsx(HomeCardRecipients, { recipients: recipients, menu: menu, onEditClick: handleEditAccountType })),
         },
     ];
-    return (_jsxs(Container, { variant: "launchpad", children: [_jsx(HomeCard, { city: city, externalLink: externalLink, imageUrl: image, name: name, number: number, street: street, state: state, zip: zip, handleEditClick: () => handleEdit(_id), addImage: addImage, loading: loading, edit: !disabled }), _jsx(TabsHeader, { tabList: tabs }), _jsx(RightPanel, { isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: _jsx(EditAccountType, { associateAccount: editingAccountType, handleClose: onRightClose, handleDelete: handleDeleteAccountType, handleSubmit: handleSubmitAccountType, isLoading: loading }) })] }));
+    const noPropertyTabs = [
+        {
+            label: t('homeBoard.tabs.tab2'),
+            component: (_jsx(HomeCardRecipients, { recipients: recipients, menu: menu, onEditClick: handleEditAccountType })),
+        }
+    ];
+    return (_jsxs(Container, { variant: "launchpad", children: [_jsx(HomeCard, { city: city, externalLink: externalLink, imageUrl: image, name: name, number: number, street: street, state: state, zip: zip, handleEditClick: () => handleEdit(_id), addImage: addImage, loading: loading, edit: !disabled }), _jsx(TabsHeader, { tabList: propertyDisabled ? noPropertyTabs : tabs }), _jsx(RightPanel, { isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: _jsx(EditAccountType, { associateAccount: editingAccountType, handleClose: onRightClose, handleDelete: handleDeleteAccountType, handleSubmit: handleSubmitAccountType, isLoading: loading }) })] }));
 };

package/dist/components/onboarding/pages/ActivateAccount.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Container, Text, Center, Button } from '@chakra-ui/react';
-import { Logo, WelcomeHeader, ButtonLoader } from '../..';
+import { Logo, WelcomeHeader, ButtonLoader, BasePageWrapper, } from '../..';
 import { useWindowDimensions } from '../../../hooks';
 export const ActivateAccount = ({ name, isLoading = false, handleActivateBt, }) => {
     const { windowDimensions: { width }, } = useWindowDimensions();
-    return (_jsx(Box, { w: "container.full", zIndex: "2", position: "relative", children: _jsxs(Container, { size: "validation", boxShadow: "lg", children: [_jsx(Container, { variant: "secondary", children: _jsx(Logo, {}) }), _jsxs(Box, { px: ['container.sm', 'container.lg'], children: [_jsx(WelcomeHeader, { description: t('registration.instruction'), greeting: t('welcome.greeting'), name: name }), _jsx(Center, { children: _jsx(Button, { onClick: handleActivateBt, isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), size: "onboarding", children: width < 400
+    return (_jsx(BasePageWrapper, { children: _jsxs(Container, { size: "validation", boxShadow: "lg", children: [_jsx(Container, { variant: "secondary", children: _jsx(Logo, {}) }), _jsxs(Box, { px: ['container.sm', 'container.lg'], children: [_jsx(WelcomeHeader, { description: t('registration.instruction'), greeting: t('welcome.greeting'), name: name }), _jsx(Center, { children: _jsx(Button, { onClick: handleActivateBt, isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), size: "onboarding", children: width < 400
                                     ? t('registration.activateBtShort')
                                     : t('registration.activateBt') }) }), _jsx(Text, { variant: "info", mt: "8", children: t('welcome.signature') })] }), _jsx(Container, { variant: "tertiary", mt: "8", children: _jsx(Center, { h: "12", px: "4", children: _jsx(Text, { variant: "label", children: t('registration.notReply') }) }) })] }) }));
 };

package/dist/components/onboarding/pages/BasePageWrapper.d.ts

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

package/dist/components/onboarding/pages/BasePageWrapper.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+export const BasePageWrapper = ({ children }) => {
+    return (_jsx(Box, { w: "container.full", zIndex: "2", position: "relative", mt: "onboarding.top", children: children }));
+};

package/dist/components/onboarding/pages/EmailValidation.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { Box, chakra, Container, Text, Image, Center, Button, } from '@chakra-ui/react';
-import { Logo, ButtonLoader } from '../..';
+import { chakra, Container, Text, Image, Center, Button, } from '@chakra-ui/react';
+import { Logo, ButtonLoader, BasePageWrapper } from '../..';
 import { Confirmation } from '../../../assets/images';
 export const EmailValidation = ({ email, isLoading = false, handleResendBt, }) => {
-    return (_jsx(Box, { w: "container.full", zIndex: "2", position: "relative", children: _jsxs(Container, { size: "validation", boxShadow: "lg", children: [_jsxs(Container, { variant: "secondary", children: [_jsx(Logo, {}), _jsxs(Text, { variant: "title", textAlign: "center", px: ['container.sm', 'container.xl'], pb: 6, minH: "6rem", children: [_jsx(chakra.span, { color: "gray.3", children: t('validation.title1') }), _jsx(chakra.span, { color: "blue.2", children: email }), _jsx(chakra.span, { color: "gray.3", children: t('validation.title2') })] }), _jsx(Center, { children: _jsx(Image, { src: Confirmation, alt: "Activate account", h: ['100px', '145px'], w: "auto" }) })] }), _jsx(Text, { variant: "info", px: ['container.md', 'container.lg'], py: "2rem", textAlign: "center", children: t('validation.alert1') }), _jsx(Center, { children: _jsx(Button, { mb: 10, mx: 4, variant: "secondary", onClick: handleResendBt, isLoading: isLoading, spinner: _jsx(ButtonLoader, { isOutlined: true }), size: "onboarding", children: t('validation.resendBt') }) })] }) }));
+    return (_jsx(BasePageWrapper, { children: _jsxs(Container, { size: "validation", boxShadow: "lg", children: [_jsxs(Container, { variant: "secondary", children: [_jsx(Logo, {}), _jsxs(Text, { variant: "title", textAlign: "center", px: ['container.sm', 'container.xl'], pb: 6, minH: "6rem", children: [_jsx(chakra.span, { color: "gray.3", children: t('validation.title1') }), _jsx(chakra.span, { color: "blue.2", children: email }), _jsx(chakra.span, { color: "gray.3", children: t('validation.title2') })] }), _jsx(Center, { children: _jsx(Image, { src: Confirmation, alt: "Activate account", h: ['100px', '145px'], w: "auto" }) })] }), _jsx(Text, { variant: "info", px: ['container.md', 'container.lg'], py: "2rem", textAlign: "center", children: t('validation.alert1') }), _jsx(Center, { children: _jsx(Button, { mb: 10, mx: 4, variant: "secondary", onClick: handleResendBt, isLoading: isLoading, spinner: _jsx(ButtonLoader, { isOutlined: true }), size: "onboarding", children: t('validation.resendBt') }) })] }) }));
 };

package/dist/components/onboarding/pages/NewPassword.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Button, Text, Container, Stack, chakra } from '@chakra-ui/react';
-import { Logo, Footer, ButtonLoader, PasswordInput } from '../..';
+import { Logo, Footer, ButtonLoader, PasswordInput, BasePageWrapper, } from '../..';
 import { isValidPassword, passwordMatch } from '../../../utils';
 import { useNewPassword } from '../../../hooks';
 export const NewPassword = ({ isLoading, handleReset, userEmail, }) => {
     const { inputs, handleInputChange, handleSubmit, isValidated } = useNewPassword(handleReset);
-    return (_jsxs(Box, { w: "container.full", zIndex: "2", position: "relative", children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(Container, { variant: "ghost", mt: 4, mb: 6, children: _jsxs(Text, { variant: "title", textAlign: "center", px: [10, 0], noOfLines: [2, 1], children: [_jsx(chakra.span, { color: "gray.3", children: t('welcome.greeting2') }), _jsx(chakra.span, { color: "blue.2", children: userEmail }), _jsx(chakra.span, { color: "gray.3", children: "," })] }) }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], pb: "container.lg", mb: 6, children: _jsxs(Stack, { spacing: 8, children: [_jsx(Text, { textAlign: "center", variant: "info", children: t('newPassword.title') }), _jsxs(Stack, { spacing: 3, children: [_jsx(PasswordInput, { errorMessage: !isValidPassword(inputs.password)
+    return (_jsxs(BasePageWrapper, { children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(Container, { variant: "ghost", mt: 4, mb: 6, children: _jsxs(Text, { variant: "title", textAlign: "center", px: [10, 0], noOfLines: [2, 1], children: [_jsx(chakra.span, { color: "gray.3", children: t('welcome.greeting2') }), _jsx(chakra.span, { color: "blue.2", children: userEmail }), _jsx(chakra.span, { color: "gray.3", children: "," })] }) }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], pb: "container.lg", mb: 6, children: _jsxs(Stack, { spacing: 8, children: [_jsx(Text, { textAlign: "center", variant: "info", children: t('newPassword.title') }), _jsxs(Stack, { spacing: 3, children: [_jsx(PasswordInput, { errorMessage: !isValidPassword(inputs.password)
                                                 ? t('forms.errorPasswordLength')
                                                 : t('forms.errorPasswordMatch'), hasError: isValidated &&
                                                 (!isValidPassword(inputs.password) ||

package/dist/components/onboarding/pages/ResendResetPassword.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { Box, chakra, Container, Text, Image, Center, Button, } from '@chakra-ui/react';
-import { ButtonLoader, Logo } from '../..';
+import { chakra, Container, Text, Image, Center, Button, } from '@chakra-ui/react';
+import { BasePageWrapper, ButtonLoader, Logo } from '../..';
 import { ResendPassword } from '../../../assets/images';
 export const ResendResetPassword = ({ email, isLoading = false, handleResendBt, }) => {
-    return (_jsx(Box, { w: "container.full", zIndex: "2", position: "relative", children: _jsxs(Container, { size: "validation", boxShadow: "lg", children: [_jsxs(Container, { variant: "secondary", children: [_jsx(Logo, {}), _jsxs(Text, { variant: "title", textAlign: "center", px: ['container.sm', 'container.xl'], pb: 6, minH: "6rem", children: [_jsx(chakra.span, { color: "gray.3", children: t('validation.title1') }), _jsx(chakra.span, { color: "blue.2", children: email }), _jsx(Text, { variant: "title", children: t('validation.title3') })] }), _jsx(Center, { children: _jsx(Image, { src: ResendPassword, alt: "Activate account", h: ['100px', '145px'], w: "auto" }) })] }), _jsx(Text, { variant: "info", px: ['container.md', 'container.lg'], py: "2rem", textAlign: "center", children: t('validation.alert1') }), _jsx(Center, { children: _jsx(Button, { mb: 10, mx: 4, variant: "secondary", onClick: handleResendBt, isLoading: isLoading, spinner: _jsx(ButtonLoader, { isOutlined: true }), size: "onboarding", children: t('validation.resendResetBt') }) })] }) }));
+    return (_jsx(BasePageWrapper, { children: _jsxs(Container, { size: "validation", boxShadow: "lg", children: [_jsxs(Container, { variant: "secondary", children: [_jsx(Logo, {}), _jsxs(Text, { variant: "title", textAlign: "center", px: ['container.sm', 'container.xl'], pb: 6, minH: "6rem", children: [_jsx(chakra.span, { color: "gray.3", children: t('validation.title1') }), _jsx(chakra.span, { color: "blue.2", children: email }), _jsx(Text, { variant: "title", children: t('validation.title3') })] }), _jsx(Center, { children: _jsx(Image, { src: ResendPassword, alt: "Activate account", h: ['100px', '145px'], w: "auto" }) })] }), _jsx(Text, { variant: "info", px: ['container.md', 'container.lg'], py: "2rem", textAlign: "center", children: t('validation.alert1') }), _jsx(Center, { children: _jsx(Button, { mb: 10, mx: 4, variant: "secondary", onClick: handleResendBt, isLoading: isLoading, spinner: _jsx(ButtonLoader, { isOutlined: true }), size: "onboarding", children: t('validation.resendResetBt') }) })] }) }));
 };

package/dist/components/onboarding/pages/ResetPassword.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Button, Text, Container, Stack } from '@chakra-ui/react';
-import { Logo, Footer, PageTitle, CardFooter, TextInput, ButtonLoader, } from '../..';
+import { Logo, Footer, PageTitle, CardFooter, TextInput, ButtonLoader, BasePageWrapper, } from '../..';
 import { isEmptyField, isValidEmail } from '../../../utils';
 import { useResetPassword } from '../../../hooks';
 export const ResetPassword = ({ isLoading, handleReset, handleSignIn, resetError, }) => {
@@ -9,7 +9,7 @@ export const ResetPassword = ({ isLoading, handleReset, handleSignIn, resetError
     const resetErrorType = resetError
         ? t('forms.errorEmailNotActivated')
         : t('forms.errorEmail');
-    return (_jsxs(Box, { w: "container.full", zIndex: "2", position: "relative", children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('reset.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: 8, children: [_jsx(Text, { textAlign: "center", variant: "info", children: t('reset.instruction') }), _jsx(Stack, { spacing: 3, children: _jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: isEmptyField(inputs.email)
+    return (_jsxs(BasePageWrapper, { children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('reset.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: 8, children: [_jsx(Text, { textAlign: "center", variant: "info", children: t('reset.instruction') }), _jsx(Stack, { spacing: 3, children: _jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: isEmptyField(inputs.email)
                                             ? t('forms.email') + ' ' + t('forms.required')
                                             : resetErrorType, hasError: isValidated &&
                                             (resetError ||

package/dist/components/onboarding/pages/SignIn.js

@@ -10,12 +10,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Button, Center, Container, Stack } from '@chakra-ui/react';
-import { Logo, Footer, PageTitle, CardFooter, PasswordInput, TextInput, ButtonLoader, } from '../..';
+import { Logo, Footer, PageTitle, CardFooter, PasswordInput, TextInput, ButtonLoader, BasePageWrapper, } from '../..';
 import { isEmptyField } from '../../../utils';
 import { useSignIn } from '../../../hooks';
 export const SignIn = ({ isLoading, handleForgotPassword, handleSignIn, handleSignUp, loginError, values = { email: '', password: '' }, }) => {
     const { inputs, handleInputChange, isValidated, setIsValidated } = useSignIn(values);
-    return (_jsxs(Box, { w: "container.full", mt: "onboarding.top", zIndex: "2", position: "relative", children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('signin.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: 8, children: [_jsxs(Stack, { spacing: "base", as: "form", children: [_jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", autoComplete: "username", errorMessage: loginError
+    return (_jsxs(BasePageWrapper, { children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('signin.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: 8, children: [_jsxs(Stack, { spacing: "base", as: "form", children: [_jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", autoComplete: "username", errorMessage: loginError
                                                 ? t('forms.errorLogin')
                                                 : t('forms.email') + ' ' + t('forms.required'), hasError: isValidated && (loginError || isEmptyField(inputs.email)), id: "email", placeholder: t('forms.email'), value: values.email || inputs.email, handleChange: (event) => {
                                                 values.email = event.target.value;

package/dist/components/onboarding/pages/SignUp.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Button, Center, Container, Stack, Text } from '@chakra-ui/react';
-import { Logo, Footer, CardFooter, PageTitle, PasswordInput, TextInput, ButtonLoader, } from '../..';
+import { Logo, Footer, CardFooter, PageTitle, PasswordInput, TextInput, ButtonLoader, BasePageWrapper, } from '../..';
 import { isEmptyField, isValidEmail, isValidPassword, passwordMatch, } from '../../../utils';
 import { useSignUp } from '../../../hooks';
 export const SignUp = ({ isLoading, handleCreateAccount, handleSignIn, showPromoCode, signupError, values = {
@@ -17,10 +17,10 @@ export const SignUp = ({ isLoading, handleCreateAccount, handleSignIn, showPromo
         handleCreateAccount,
         values,
     });
-    return (_jsxs(Box, { w: "container.full", mt: "onboarding.top", zIndex: "2", position: "relative", children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('signup.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: "base", as: "form", children: [_jsx(TextInput, { errorMessage: t('forms.firstName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.firstName), id: "firstName", placeholder: t('forms.firstName'), value: inputs.firstName, handleChange: handleInputChange, autoComplete: 'given-name' }), _jsx(TextInput, { errorMessage: t('forms.lastName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.lastName), id: "lastName", placeholder: t('forms.lastName'), value: inputs.lastName, handleChange: handleInputChange, autoComplete: 'family-name' }), _jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: t('forms.email') + ' ' + t('forms.required'), hasError: isValidated &&
-                                        (isEmptyField(inputs.email) || !isValidEmail(inputs.email)), id: "email", placeholder: t('forms.email'), value: inputs.email, handleChange: handleInputChange, autoComplete: 'email' }), showPromoCode && (_jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", id: "promoCode", placeholder: t('forms.promoCode'), value: (_a = inputs.promoCode) !== null && _a !== void 0 ? _a : '', handleChange: handleInputChange, autoComplete: 'off' })), _jsx(Text, { textAlign: "center", variant: "caption", children: t('signup.subtitle') }), _jsx(PasswordInput, { errorMessage: passwordErrorMessage(values.password), hasError: isValidated &&
+    return (_jsxs(BasePageWrapper, { children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('signup.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: "base", as: "form", children: [_jsx(TextInput, { errorMessage: t('forms.firstName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.firstName), id: "firstName", placeholder: t('forms.firstName'), value: inputs.firstName, handleChange: handleInputChange, autoComplete: "given-name" }), _jsx(TextInput, { errorMessage: t('forms.lastName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.lastName), id: "lastName", placeholder: t('forms.lastName'), value: inputs.lastName, handleChange: handleInputChange, autoComplete: "family-name" }), _jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: t('forms.email') + ' ' + t('forms.required'), hasError: isValidated &&
+                                        (isEmptyField(inputs.email) || !isValidEmail(inputs.email)), id: "email", placeholder: t('forms.email'), value: inputs.email, handleChange: handleInputChange, autoComplete: "email" }), showPromoCode && (_jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", id: "promoCode", placeholder: t('forms.promoCode'), value: (_a = inputs.promoCode) !== null && _a !== void 0 ? _a : '', handleChange: handleInputChange, autoComplete: "off" })), _jsx(Text, { textAlign: "center", variant: "caption", children: t('signup.subtitle') }), _jsx(PasswordInput, { errorMessage: passwordErrorMessage(values.password), hasError: isValidated &&
                                         (!isValidPassword(inputs.password) ||
-                                            !passwordMatch(inputs.password, inputs.confirmPassword)), id: "password", placeholder: t('forms.password'), value: (_b = inputs.password) !== null && _b !== void 0 ? _b : '', handleChange: (event) => handleInputChange(event), autoComplete: 'new-password' }), _jsx(PasswordInput, { errorMessage: passwordErrorMessage(inputs.confirmPassword), hasError: isValidated &&
+                                            !passwordMatch(inputs.password, inputs.confirmPassword)), id: "password", placeholder: t('forms.password'), value: (_b = inputs.password) !== null && _b !== void 0 ? _b : '', handleChange: (event) => handleInputChange(event), autoComplete: "new-password" }), _jsx(PasswordInput, { errorMessage: passwordErrorMessage(inputs.confirmPassword), hasError: isValidated &&
                                         (!isValidPassword(inputs.confirmPassword) ||
-                                            !passwordMatch(inputs.password, inputs.confirmPassword)), id: "confirmPassword", placeholder: t('forms.passwordConfirm'), value: (_c = inputs.confirmPassword) !== null && _c !== void 0 ? _c : '', handleChange: (event) => handleInputChange(event), autoComplete: 'new-password' }), _jsx(Center, { px: ['container.sm', 'container.md', 'container.lg'], h: "4rem", children: _jsxs(Text, { textAlign: "center", variant: "info", w: "100%", children: [t('signup.terms'), _jsx("a", { target: "_blank", href: t('footer.termsUrl'), children: t('footer.termsLink') })] }) }), _jsx(Button, { isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), onClick: handleSubmit, children: t('signup.signupBt') })] }) }), _jsx(CardFooter, { title: t('signup.signin'), buttonLabel: t('signup.signinBt'), handleButtonClick: handleSignIn })] }), _jsx(Footer, {})] }));
+                                            !passwordMatch(inputs.password, inputs.confirmPassword)), id: "confirmPassword", placeholder: t('forms.passwordConfirm'), value: (_c = inputs.confirmPassword) !== null && _c !== void 0 ? _c : '', handleChange: (event) => handleInputChange(event), autoComplete: "new-password" }), _jsx(Center, { px: ['container.sm', 'container.md', 'container.lg'], h: "4rem", children: _jsxs(Text, { textAlign: "center", variant: "info", w: "100%", children: [t('signup.terms'), _jsx("a", { target: "_blank", href: t('footer.termsUrl'), children: t('footer.termsLink') })] }) }), _jsx(Button, { isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), onClick: handleSubmit, children: t('signup.signupBt') })] }) }), _jsx(CardFooter, { title: t('signup.signin'), buttonLabel: t('signup.signinBt'), handleButtonClick: handleSignIn })] }), _jsx(Footer, {})] }));
 };

package/dist/components/onboarding/pages/TwoFactor.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Button, Text, Container, Stack, Center } from '@chakra-ui/react';
-import { Logo, Footer, ButtonLoader, TextInput } from '../..';
+import { Logo, Footer, ButtonLoader, TextInput, BasePageWrapper, } from '../..';
 import { isEmptyField } from '../../../utils';
 import { useTwoFactor } from '../../../hooks';
 export const TwoFactor = ({ handleReset, handleResend, isLoading, twoFactorMethod, }) => {
     const { code, handleInputChange, handleSubmit, isValidated } = useTwoFactor(handleReset);
-    return (_jsxs(Box, { w: "container.full", zIndex: "2", position: "relative", children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsxs(Stack, { my: "6", children: [_jsx(Text, { variant: "title", textAlign: "center", px: "10", children: t('reset.2FA.title') }), _jsxs(Text, { fontFamily: "secondary", textAlign: "center", px: ['10', '20'], children: [twoFactorMethod === 'email' && t('reset.2FA.subtitleEmail'), twoFactorMethod === 'sms' && t('reset.2FA.subtitleSms')] })] }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], pb: "container.md", mb: "6", children: _jsxs(Stack, { spacing: "4", children: [_jsx(TextInput, { errorMessage: t('forms.code') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(code), id: "code", placeholder: t('reset.2FA.placeholder'), value: code, handleChange: handleInputChange }), _jsx(Button, { isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), onClick: handleSubmit, children: t('forms.submit') }), _jsx(Center, { children: _jsx(Button, { onClick: handleResend, variant: "text", children: t('reset.2FA.resend') }) })] }) })] }), _jsx(Footer, {})] }));
+    return (_jsxs(BasePageWrapper, { children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsxs(Stack, { my: "6", children: [_jsx(Text, { variant: "title", textAlign: "center", px: "10", children: t('reset.2FA.title') }), _jsxs(Text, { fontFamily: "secondary", textAlign: "center", px: ['10', '20'], children: [twoFactorMethod === 'email' && t('reset.2FA.subtitleEmail'), twoFactorMethod === 'sms' && t('reset.2FA.subtitleSms')] })] }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], pb: "container.md", mb: "6", children: _jsxs(Stack, { spacing: "4", children: [_jsx(TextInput, { errorMessage: t('forms.code') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(code), id: "code", placeholder: t('reset.2FA.placeholder'), value: code, handleChange: handleInputChange }), _jsx(Button, { isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), onClick: handleSubmit, children: t('forms.submit') }), _jsx(Center, { children: _jsx(Button, { onClick: handleResend, variant: "text", children: t('reset.2FA.resend') }) })] }) })] }), _jsx(Footer, {})] }));
 };

package/dist/components/onboarding/pages/index.d.ts

@@ -1,9 +1,10 @@
-export * from "./ActivateAccount";
-export * from "./EmailValidation";
-export * from "./ResetPassword";
-export * from "./SignIn";
-export * from "./SignUp";
-export * from "./Welcome";
-export * from "./NewPassword";
-export * from "./ResendResetPassword";
-export * from "./TwoFactor";
+export * from './ActivateAccount';
+export * from './BasePageWrapper';
+export * from './EmailValidation';
+export * from './ResetPassword';
+export * from './SignIn';
+export * from './SignUp';
+export * from './Welcome';
+export * from './NewPassword';
+export * from './ResendResetPassword';
+export * from './TwoFactor';

package/dist/components/onboarding/pages/index.js

@@ -1,9 +1,10 @@
-export * from "./ActivateAccount";
-export * from "./EmailValidation";
-export * from "./ResetPassword";
-export * from "./SignIn";
-export * from "./SignUp";
-export * from "./Welcome";
-export * from "./NewPassword";
-export * from "./ResendResetPassword";
-export * from "./TwoFactor";
+export * from './ActivateAccount';
+export * from './BasePageWrapper';
+export * from './EmailValidation';
+export * from './ResetPassword';
+export * from './SignIn';
+export * from './SignUp';
+export * from './Welcome';
+export * from './NewPassword';
+export * from './ResendResetPassword';
+export * from './TwoFactor';

package/dist/components/partner/customPartnerTiles/ShineTile.d.ts

@@ -0,0 +1,2 @@
+import { ShortPartnerTileI } from '../../../interfaces';
+export declare const ShineTile: ({ menuItems, }: Pick<ShortPartnerTileI, "menuItems">) => import("react/jsx-runtime").JSX.Element;