@homefile/components-v2 2.40.38 → 2.42.0

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

@@ -617,7 +617,10 @@
     },
     "details": {
       "2FactorSubtitle": "Select how you would like to receive your 2FA codes. These codes keep your account secure.",
-      "2FactorTitle": "2 Factor Authentication (2FA)"
+      "2FactorTitle": "2 Factor Authentication (2FA)",
+      "homiSmsAlt": "Homi SMS",
+      "homiSmsSubtitle": "Enable SMS messaging to interact with Homi without a mobile app. Text images, documents, and information directly into Homefile so Homi can capture and organize it for you automatically.",
+      "homiSmsTitle": "Enable Homi SMS Messaging"
     },
     "email": {
       "emailPermissions": "Email Permissions",
@@ -812,6 +815,18 @@
       "payment": "Payment Amount",
       "purchasePrice": "Purchase Price"
     },
+    "mortgageReadOnly": {
+      "account": "Account",
+      "term": "Term",
+      "rate": "Rate",
+      "originalLoanAmount": "Original Loan Amount",
+      "monthsPaid": "Months Paid",
+      "currentBalance": "Current Balance",
+      "principalPaid": "Principal Paid",
+      "interestPaid": "Interest Paid",
+      "paymentDue": "Payment Due",
+      "currentTaxEscrow": "Current Tax Escrow"
+    },
     "records": {
       "community": "Community",
       "facts": "Facts & features",

package/dist/components/myProfile/details/HomiSms.d.ts

@@ -0,0 +1,2 @@
+import { HomiSmsI } from '../../../interfaces';
+export declare const HomiSms: ({ defaultEnabled, defaultSmsEnabled, sms, loading, onChange, onSave, }: HomiSmsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/myProfile/details/HomiSms.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Controller, useForm, useWatch } from 'react-hook-form';
+import { useEffect } from 'react';
+import * as yup from 'yup';
+import { Stack, Flex, Img, Text, Box, FormControl, FormLabel, Switch, Checkbox, Button, } from '@chakra-ui/react';
+import { SMS } from '../../../assets/images';
+import { ControlledInput, Loading } from '../../../components';
+export const HomiSms = ({ defaultEnabled = false, defaultSmsEnabled = true, sms = '', loading, onChange, onSave, }) => {
+    var _a, _b, _c;
+    const { control, handleSubmit } = useForm({
+        defaultValues: {
+            enabled: defaultEnabled,
+            smsEnabled: defaultSmsEnabled,
+            sms,
+        },
+    });
+    const values = useWatch({ control });
+    const isEnabled = (_a = values === null || values === void 0 ? void 0 : values.enabled) !== null && _a !== void 0 ? _a : false;
+    const isSmsEnabled = (_b = values === null || values === void 0 ? void 0 : values.smsEnabled) !== null && _b !== void 0 ? _b : false;
+    const smsValue = (_c = values === null || values === void 0 ? void 0 : values.sms) !== null && _c !== void 0 ? _c : '';
+    const isEnabledChanged = isEnabled !== defaultEnabled;
+    const isSmsEnabledChanged = isSmsEnabled !== defaultSmsEnabled;
+    const isSmsChanged = smsValue !== sms;
+    const showButtons = isEnabledChanged || isSmsEnabledChanged || isSmsChanged;
+    const handlePhoneValidation = (value) => {
+        if (isEnabled && isSmsEnabled)
+            return yup.string().required().min(10).max(10).isValidSync(value);
+        return true;
+    };
+    useEffect(() => {
+        if (onChange && values) {
+            onChange(values);
+        }
+    }, [onChange, values]);
+    return (_jsxs(Box, { position: "relative", children: [loading && _jsx(Loading, {}), _jsxs(Stack, { bg: "lightBlue.2", px: "base", py: "4", spacing: "4", children: [_jsxs(Stack, { spacing: "3", children: [_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Flex, { gap: "base", align: "center", children: [_jsx(Img, { src: SMS, alt: t('myProfile.details.homiSmsAlt') }), _jsx(Text, { fontSize: "sm", textTransform: "uppercase", children: t('myProfile.details.homiSmsTitle') })] }), _jsx(Controller, { name: "enabled", control: control, render: ({ field: { value, onChange, onBlur } }) => {
+                                            const label = value ? 'ON' : 'OFF';
+                                            return (_jsxs(FormControl, { display: "flex", alignItems: "center", w: "fit-content", children: [_jsx(FormLabel, { htmlFor: "homi-sms", mb: "0", fontSize: "sm", children: label }), _jsx(Switch, { id: "homi-sms", size: "lg", isChecked: value, onChange: onChange, onBlur: onBlur })] }));
+                                        } })] }), _jsx(Text, { fontFamily: "secondary", lineHeight: "1.2", children: t('myProfile.details.homiSmsSubtitle') })] }), _jsxs(Flex, { gap: "base", align: "center", justify: "space-between", children: [_jsx(Controller, { name: "smsEnabled", control: control, render: ({ field: { value, onChange } }) => (_jsx(Checkbox, { size: "md", isChecked: value, onChange: (event) => onChange(event.target.checked), isDisabled: !isEnabled, children: _jsx(Text, { variant: "info", fontWeight: "normal", children: "SMS" }) })) }), _jsx(Box, { w: "75%", children: _jsx(Controller, { name: "sms", control: control, rules: { validate: handlePhoneValidation }, render: ({ field: { value, onBlur, onChange }, fieldState: { invalid }, }) => (_jsx(ControlledInput, { placeholder: t('myProfile.placeholders.sms'), onChange: onChange, onBlur: onBlur, value: value !== null && value !== void 0 ? value : '', type: "tel", hasError: invalid, errorMessage: `${t('forms.invalid')} ${t('forms.phone')}`, isDisabled: !isEnabled || !isSmsEnabled })) }) })] }), showButtons && onSave && (_jsx(Box, { w: "75%", alignSelf: "end", children: _jsx(Button, { variant: "secondaryFooter", type: "submit", bg: "neutral.white", fontWeight: "medium", onClick: handleSubmit(onSave), children: t('buttons.save').toUpperCase() }) }))] })] }));
+};

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

@@ -1,3 +1,4 @@
 export * from './TwoFactorDialog';
 export * from './TwoFactorSetting';
 export * from './UserDetails';
+export * from './HomiSms';

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

@@ -1,3 +1,4 @@
 export * from './TwoFactorDialog';
 export * from './TwoFactorSetting';
 export * from './UserDetails';
+export * from './HomiSms';

package/dist/components/propertyTiles/edit/MortgageInfoReadOnly.d.ts

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

package/dist/components/propertyTiles/edit/MortgageInfoReadOnly.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Divider, Flex, IconButton, Image, Stack, Text, Tooltip, } from '@chakra-ui/react';
+import { Edit } from '../../../components';
+import { creditCardNumberMask, formatCurrency, formatNumber } from '../../../utils';
+export const MortgageInfoReadOnly = ({ form, onEdit }) => {
+    var _a;
+    const { accountNumber, amount, contactEmails, contactPhone, currentBalance, currentTaxEscrow, estimatedMortgageBalance, estimatedMortgagePayment, interestPaid, interestRate, interestRateType, lenderAddresses, lenderLogoAlt, lenderLogoUrl, lenderName, monthsPaid, originalLoanAmount, paymentDue, principalPaid, rate, term, } = form;
+    const termValue = term !== null && term !== void 0 ? term : interestRateType;
+    const rateValue = rate !== null && rate !== void 0 ? rate : interestRate;
+    const originalLoanAmountValue = originalLoanAmount !== null && originalLoanAmount !== void 0 ? originalLoanAmount : amount;
+    const currentBalanceValue = currentBalance !== null && currentBalance !== void 0 ? currentBalance : estimatedMortgageBalance;
+    const paymentDueValue = paymentDue !== null && paymentDue !== void 0 ? paymentDue : estimatedMortgagePayment;
+    const contactEmailList = (contactEmails !== null && contactEmails !== void 0 ? contactEmails : []).filter(Boolean);
+    const lenderAddressList = (lenderAddresses !== null && lenderAddresses !== void 0 ? lenderAddresses : []).filter((address) => hasValue(address));
+    const hasContacts = hasValue(contactPhone) || contactEmailList.length > 0;
+    const accountFields = [
+        {
+            label: t('propertyTiles.mortgageReadOnly.term'),
+            value: termValue,
+        },
+        {
+            label: t('propertyTiles.mortgageReadOnly.rate'),
+            value: rateValue,
+            formatter: formatRateValue,
+        },
+        {
+            label: t('propertyTiles.mortgageReadOnly.originalLoanAmount'),
+            value: originalLoanAmountValue,
+            formatter: formatCurrencyValue,
+        },
+        {
+            label: t('propertyTiles.mortgageReadOnly.monthsPaid'),
+            value: monthsPaid,
+            formatter: (value) => typeof value === 'number' ? formatNumber(value) : value,
+        },
+        {
+            label: t('propertyTiles.mortgageReadOnly.currentBalance'),
+            value: currentBalanceValue,
+            formatter: formatCurrencyValue,
+        },
+        {
+            label: t('propertyTiles.mortgageReadOnly.principalPaid'),
+            value: principalPaid,
+            formatter: formatCurrencyValue,
+        },
+        {
+            label: t('propertyTiles.mortgageReadOnly.interestPaid'),
+            value: interestPaid,
+            formatter: formatCurrencyValue,
+        },
+        {
+            label: t('propertyTiles.mortgageReadOnly.paymentDue'),
+            value: paymentDueValue,
+            formatter: formatCurrencyValue,
+        },
+        {
+            label: t('propertyTiles.mortgageReadOnly.currentTaxEscrow'),
+            value: currentTaxEscrow,
+            formatter: formatCurrencyValue,
+        },
+    ].filter(({ value }) => hasValue(value));
+    return (_jsxs(Stack, { bg: "lightBlue.1", spacing: "4", p: "base", children: [_jsxs(Flex, { align: "center", gap: "6", flex: "1", children: [hasValue(lenderLogoUrl) && (_jsx(Box, { bg: "neutral.white", boxShadow: "md", p: "2", children: _jsx(Image, { src: lenderLogoUrl, alt: (_a = lenderLogoAlt !== null && lenderLogoAlt !== void 0 ? lenderLogoAlt : lenderName) !== null && _a !== void 0 ? _a : 'Mortgage Lender', boxSize: "130px", objectFit: "contain" }) })), _jsxs(Stack, { spacing: "2", flex: "1", children: [_jsxs(Flex, { align: "center", gap: "base", justify: "space-between", children: [hasValue(lenderName) && (_jsx(Text, { fontSize: "22px", fontWeight: "semibold", noOfLines: 1, textOverflow: "ellipsis", lineHeight: "28px", children: lenderName })), onEdit && (_jsx(Tooltip, { label: t('tooltips.editDetails'), children: _jsx(IconButton, { variant: "menuIconWithShadow", maxW: "fit-content", "aria-label": t('ariaLabels.edit'), p: "1", icon: _jsx(Edit, {}), onClick: onEdit }) }))] }), lenderAddressList.map((address) => (_jsx(Text, { fontFamily: "secondary", fontSize: "sm", children: address }, address)))] })] }), accountFields.length > 0 && (_jsxs(Stack, { spacing: "0", bg: "neutral.white", boxShadow: "md", children: [_jsxs(Flex, { justify: "space-between", align: "center", bg: "lightBlue.2", p: "base", children: [_jsx(Text, { fontWeight: "medium", textTransform: "uppercase", children: t('propertyTiles.mortgageReadOnly.account') }), hasValue(accountNumber) && (_jsx(Text, { children: creditCardNumberMask(String(accountNumber)) }))] }), accountFields.length > 0 && (_jsx(Stack, { spacing: "base", p: "base", children: accountFields.map((field) => (_jsx(InfoRow, { label: field.label, value: field.value, formatter: field.formatter }, field.label))) })), _jsx(Divider, { borderColor: "lightBlue.6", borderStyle: "dashed", mb: "4" }), hasContacts && (_jsx(Stack, { spacing: "0", p: "base", children: _jsxs(Stack, { spacing: "0", children: [hasValue(contactPhone) && (_jsx(Text, { fontFamily: "secondary", fontSize: "sm", children: contactPhone })), contactEmailList.map((email) => (_jsx(ContactLine, { value: email }, email)))] }) }))] }))] }));
+};
+const hasValue = (value) => {
+    if (value === null || value === undefined)
+        return false;
+    if (Array.isArray(value))
+        return value.length > 0;
+    if (typeof value === 'string')
+        return value.trim().length > 0;
+    if (typeof value === 'number')
+        return Number.isFinite(value) && value !== 0;
+    return true;
+};
+const formatCurrencyValue = (value) => {
+    if (typeof value === 'string') {
+        const numericValue = Number(value);
+        if (Number.isNaN(numericValue))
+            return value;
+        return formatCurrency({ value: numericValue });
+    }
+    return formatCurrency({ value });
+};
+const formatRateValue = (value) => {
+    if (typeof value === 'number')
+        return `${formatNumber(value)}%`;
+    const trimmedValue = value.toString().trim();
+    if (!trimmedValue)
+        return '';
+    return trimmedValue.endsWith('%') ? trimmedValue : `${trimmedValue}%`;
+};
+const InfoRow = ({ label, value, formatter, }) => {
+    if (!hasValue(value))
+        return null;
+    const displayValue = formatter ? formatter(value) : value;
+    return (_jsxs(Flex, { justify: "space-between", align: "center", children: [_jsx(Text, { fontFamily: "secondary", children: label }), _jsx(Text, { fontFamily: "secondary", fontWeight: "semibold", children: displayValue })] }));
+};
+const ContactLine = ({ value }) => {
+    if (!hasValue(value))
+        return null;
+    return (_jsx(Text, { variant: "email", fontSize: "sm", children: value }));
+};

package/dist/components/propertyTiles/edit/index.d.ts

@@ -1,2 +1,3 @@
 export * from './MortgageInfo';
+export * from './MortgageInfoReadOnly';
 export * from './RecordsInputs';

package/dist/components/propertyTiles/edit/index.js

@@ -1,2 +1,3 @@
 export * from './MortgageInfo';
+export * from './MortgageInfoReadOnly';
 export * from './RecordsInputs';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, 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, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, 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, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
 export { useCustomToast, useConfirmPropertyModel } from './hooks';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
 export { CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, } from './assets/images';

package/dist/index.js

@@ -1,4 +1,4 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, 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, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, 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, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
 export { useCustomToast, useConfirmPropertyModel } from './hooks';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
 export { CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, } from './assets/images';

package/dist/interfaces/forms/dynamicForm/edit/MortgageInfo.interface.d.ts

@@ -8,7 +8,23 @@ export interface MortgageFormI {
     interestRateType?: string;
     lenderName?: string;
     purchasePrice?: number;
+    accountNumber?: string;
+    contactEmails?: string[];
+    contactPhone?: string;
+    currentBalance?: number;
+    currentTaxEscrow?: number;
+    interestPaid?: number;
+    lenderAddresses?: string[];
+    lenderLogoAlt?: string;
+    lenderLogoUrl?: string;
+    monthsPaid?: number;
+    originalLoanAmount?: number;
+    paymentDue?: number;
+    principalPaid?: number;
+    rate?: number | string;
+    term?: string;
 }
 export interface MortgageInfoI {
     form: MortgageFormI;
+    onEdit?: () => void;
 }

package/dist/interfaces/myProfile/details/HomiSms.interface.d.ts

@@ -0,0 +1,13 @@
+export interface HomiSmsFormI {
+    enabled: boolean;
+    smsEnabled: boolean;
+    sms?: string;
+}
+export interface HomiSmsI {
+    defaultEnabled?: boolean;
+    defaultSmsEnabled?: boolean;
+    sms?: string;
+    loading?: boolean;
+    onChange?: (value: HomiSmsFormI) => void;
+    onSave?: (value: HomiSmsFormI) => void;
+}

package/dist/interfaces/myProfile/details/HomiSms.interface.js

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

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

@@ -1,3 +1,4 @@
 export * from './TwoFactorDialog.interface';
 export * from './TwoFactorSetting.interface';
 export * from './UserDetails.interface';
+export * from './HomiSms.interface';

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

@@ -1,3 +1,4 @@
 export * from './TwoFactorDialog.interface';
 export * from './TwoFactorSetting.interface';
 export * from './UserDetails.interface';
+export * from './HomiSms.interface';

package/dist/stories/myProfile/MyProfilePanel.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Divider, DrawerBody } from '@chakra-ui/react';
-import { ActiveSubscription, CancelAccount, CreditCardContainer, CreditCardError, MonthlyCharge, MyProfileBody, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, PaymentReceipts, RightPanel, RolePermissionsTab, TwoFactorSetting, UserDetails, } from '../../components';
+import { ActiveSubscription, CancelAccount, CreditCardContainer, CreditCardError, HomiSms, MonthlyCharge, MyProfileBody, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, PaymentReceipts, RightPanel, RolePermissionsTab, TwoFactorSetting, UserDetails, } from '../../components';
 import { action } from '@storybook/addon-actions';
 import { featuresSelectedMock, menuMock, receiptsMock } from '../../mocks';
 import { useState } from 'react';
@@ -14,5 +14,5 @@ export const MyProfilePanelComponent = () => {
     const handleCloseNewCreditCardPanel = () => setIsNewCreditCardPanelOpen(false);
     const handleOpenNewCreditCardPanel = () => setIsNewCreditCardPanelOpen(true);
     const handleError = () => setHasError(true);
-    return (_jsxs(_Fragment, { children: [_jsx(RightPanel, { isOpen: true, onClose: action('onCloseClick'), children: _jsxs(MyProfilePanel, { children: [_jsx(MyProfileHeader, { onClose: action('onCloseClick') }), _jsx(MyProfileBody, { isLoading: false, account: _jsxs(_Fragment, { children: [_jsx(ActiveSubscription, { nextCharge: "2024-12-01", subscriptionPrice: 36, totalStorage: 2, totalUsed: 1, availableStorage: 200, state: 'trial' }), _jsx(Divider, { width: "calc(100% - 26px)", mx: "auto" }), _jsx(MonthlyCharge, { additionalPrice: 36, monthlyCharge: 36, monthDate: "03/01/2023", nextCharge: "01/12/2024", taxPercentage: 8.5, taxValue: 3.06, subtotal: 36.0 }), _jsx(CancelAccount, { label: "Contact Homefile", onClick: action('onCancelAccountClick') })] }), details: _jsxs(_Fragment, { children: [_jsx(UserDetails, { email: "gary.edmunds@gmail.com", firstName: "Gary", lastName: "Edmunds", onSave: action('onSaveClick'), bg: "#4CC35A" }), _jsx(TwoFactorSetting, { email: "gary.edmunds@gmail.com", sms: "2032409108", onChange: action('on2FAChangeClick'), onSave: action('onSaveClick'), defaultValue: "email", twoFactor: 'active' })] }), payment: _jsxs(Box, { bg: "lightBlue.2", h: "inherit", children: [_jsx(CreditCardContainer, { cardNumber: "1234 5678 9012 3456", brand: "visa", onAddCard: action('onAddCard'), onDeleteCard: handleOpenNewCreditCardPanel, onSubmit: (data) => action('onDeleteCard')(data), cardHolder: "Gary Edmunds", cvv: "123", expirationMonth: "12", expirationYear: "2024" }), _jsx(PaymentReceipts, { receipts: receiptsMock, menuItems: menuMock })] }), rolePermissions: _jsx(RolePermissionsTab, { selected: featuresSelectedMock, onSelect: action('onSelect') }) })] }) }), _jsx(RightPanel, { isOpen: isNewCreditCardPanelOpen, onClose: handleCloseNewCreditCardPanel, children: _jsxs(MyProfilePanel, { children: [_jsx(MyProfileHeader, { onClose: handleCloseNewCreditCardPanel }), _jsxs(DrawerBody, { p: "0", children: [_jsx(NewCreditCardHeader, { onClick: handleCloseNewCreditCardPanel }), hasError && _jsx(CreditCardError, {}), _jsx(NewCreditCard, { hasError: hasError, onSubmit: handleError })] })] }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(RightPanel, { isOpen: true, onClose: action('onCloseClick'), children: _jsxs(MyProfilePanel, { children: [_jsx(MyProfileHeader, { onClose: action('onCloseClick') }), _jsx(MyProfileBody, { isLoading: false, account: _jsxs(_Fragment, { children: [_jsx(ActiveSubscription, { nextCharge: "2024-12-01", subscriptionPrice: 36, totalStorage: 2, totalUsed: 1, availableStorage: 200, state: 'trial' }), _jsx(Divider, { width: "calc(100% - 26px)", mx: "auto" }), _jsx(MonthlyCharge, { additionalPrice: 36, monthlyCharge: 36, monthDate: "03/01/2023", nextCharge: "01/12/2024", taxPercentage: 8.5, taxValue: 3.06, subtotal: 36.0 }), _jsx(CancelAccount, { label: "Contact Homefile", onClick: action('onCancelAccountClick') })] }), details: _jsxs(_Fragment, { children: [_jsx(UserDetails, { email: "gary.edmunds@gmail.com", firstName: "Gary", lastName: "Edmunds", onSave: action('onSaveClick'), bg: "#4CC35A" }), _jsx(TwoFactorSetting, { email: "gary.edmunds@gmail.com", sms: "2032409108", onChange: action('on2FAChangeClick'), onSave: action('onSaveClick'), defaultValue: "email", twoFactor: 'active' }), _jsx(HomiSms, { defaultEnabled: true, defaultSmsEnabled: true, sms: "2032409108", onChange: action('onHomiSmsChange'), onSave: action('onHomiSmsSave') })] }), payment: _jsxs(Box, { bg: "lightBlue.2", h: "inherit", children: [_jsx(CreditCardContainer, { cardNumber: "1234 5678 9012 3456", brand: "visa", onAddCard: action('onAddCard'), onDeleteCard: handleOpenNewCreditCardPanel, onSubmit: (data) => action('onDeleteCard')(data), cardHolder: "Gary Edmunds", cvv: "123", expirationMonth: "12", expirationYear: "2024" }), _jsx(PaymentReceipts, { receipts: receiptsMock, menuItems: menuMock })] }), rolePermissions: _jsx(RolePermissionsTab, { selected: featuresSelectedMock, onSelect: action('onSelect') }) })] }) }), _jsx(RightPanel, { isOpen: isNewCreditCardPanelOpen, onClose: handleCloseNewCreditCardPanel, children: _jsxs(MyProfilePanel, { children: [_jsx(MyProfileHeader, { onClose: handleCloseNewCreditCardPanel }), _jsxs(DrawerBody, { p: "0", children: [_jsx(NewCreditCardHeader, { onClick: handleCloseNewCreditCardPanel }), hasError && _jsx(CreditCardError, {}), _jsx(NewCreditCard, { hasError: hasError, onSubmit: handleError })] })] }) })] }));
 };

package/dist/stories/myProfile/details/HomiSms.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta } from '@storybook/react';
+import { HomiSmsI } from '../../../interfaces';
+declare const _default: Meta<HomiSmsI>;
+export default _default;
+export declare const HomiSmsEnabledComponent: {
+    (args: HomiSmsI): import("react/jsx-runtime").JSX.Element;
+    args: {
+        defaultEnabled: boolean;
+        sms: string;
+    };
+};
+export declare const HomiSmsDisabledComponent: {
+    (args: HomiSmsI): import("react/jsx-runtime").JSX.Element;
+    args: {
+        defaultEnabled: boolean;
+        sms: string;
+    };
+};

package/dist/stories/myProfile/details/HomiSms.stories.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { action } from '@storybook/addon-actions';
+import { HomiSms } from '../../../components';
+export default {
+    title: 'Components/MyProfile/Details',
+    component: HomiSms,
+    args: {
+        onChange: (form) => action('onChange')(form),
+        onSave: (form) => action('onSave')(form),
+    },
+};
+export const HomiSmsEnabledComponent = (args) => (_jsx(Box, { w: ['full', 'md'], p: "base", children: _jsx(HomiSms, Object.assign({}, args)) }));
+HomiSmsEnabledComponent.args = {
+    defaultEnabled: true,
+    sms: '512.806.5011',
+};
+export const HomiSmsDisabledComponent = (args) => (_jsx(HomiSmsEnabledComponent, Object.assign({}, args)));
+HomiSmsDisabledComponent.args = {
+    defaultEnabled: false,
+    sms: '512.806.5011',
+};

package/dist/stories/myProfile/details/TwoFactorSetting.stories.d.ts

@@ -2,12 +2,7 @@ import { Meta } from '@storybook/react';
 import { TwoFactorSettingI } from '../../../interfaces';
 declare const _default: Meta<TwoFactorSettingI>;
 export default _default;
-export declare const TwoFactorActiveComponent: {
-    (args: TwoFactorSettingI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        twoFactor: string;
-    };
-};
+export declare const TwoFactorActiveComponent: (args: TwoFactorSettingI) => import("react/jsx-runtime").JSX.Element;
 export declare const TwoFactorInactiveComponent: {
     (args: TwoFactorSettingI): import("react/jsx-runtime").JSX.Element;
     args: {

package/dist/stories/myProfile/details/TwoFactorSetting.stories.js

@@ -6,15 +6,13 @@ export default {
     title: 'Components/MyProfile/Details',
     component: TwoFactorSetting,
     args: {
+        twoFactor: 'active',
         onSave: (form) => action('onSave')(form),
     },
 };
 export const TwoFactorActiveComponent = (args) => {
     return (_jsx(Box, { w: ['full', 'md'], p: "base", children: _jsx(TwoFactorSetting, Object.assign({}, args)) }));
 };
-TwoFactorActiveComponent.args = {
-    twoFactor: 'active',
-};
 export const TwoFactorInactiveComponent = (args) => (_jsx(TwoFactorActiveComponent, Object.assign({}, args)));
 TwoFactorInactiveComponent.args = {
     twoFactor: undefined,

package/dist/stories/propertyTiles/MortgageInfoReadOnly.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { MortgageInfoI } from '../../interfaces';
+declare const _default: Meta<MortgageInfoI>;
+export default _default;
+export declare const MortgageInfoReadOnlyComponent: (args: MortgageInfoI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/propertyTiles/MortgageInfoReadOnly.stories.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { MortgageInfoReadOnly } from '../../components';
+import { action } from '@storybook/addon-actions';
+export default {
+    title: 'Components/PropertyTiles',
+    component: MortgageInfoReadOnly,
+    args: {
+        onEdit: action('onEdit'),
+        form: {
+            amount: 0,
+            maturityDate: '2025-04-17T00:00:00.000Z',
+            documentDate: '2017-04-17T00:00:00.000Z',
+            estimatedMortgageBalance: 295847.12,
+            estimatedMortgagePayment: 0,
+            interestRate: 0,
+            interestRateType: '',
+            accountNumber: '123456789',
+            contactEmails: [
+                'mortgage@citimortgage.com',
+                'myaccount@citimortgage.com',
+            ],
+            contactPhone: '1.800.555.1212',
+            currentBalance: 250000,
+            currentTaxEscrow: 1500,
+            interestPaid: 5000,
+            lenderAddresses: [
+                'P.O. Box 6728, Sioux Falls, SD 57117-6728.',
+                'For general claims/inquiries: P.O. Box 30509, Tampa, FL 33630.',
+            ],
+            lenderLogoAlt: 'Lender Logo',
+            lenderLogoUrl: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT4YLYDeoi_0pojWfhpCsGA2CRGQ5DffOyy6A&s',
+            lenderName: 'Citi Mortgage',
+            monthsPaid: 126,
+            originalLoanAmount: 300000,
+            paymentDue: 1500,
+            principalPaid: 20000,
+            rate: 2.1,
+            term: '30 Year Fixed',
+        },
+    },
+};
+export const MortgageInfoReadOnlyComponent = (args) => {
+    return (_jsx(Box, { w: ['full', '460px'], p: "base", children: _jsx(MortgageInfoReadOnly, Object.assign({}, args)) }));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.40.38",
+  "version": "2.42.0",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",