@homefile/components-v2 2.39.6 → 2.39.8

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

@@ -620,16 +620,18 @@
       "unsubscribe": "Unsubscribe from all Homefile email"
     },
     "payment": {
-      "activePayment": "Active Payment Method",
+      "activePayment": "Payment Method",
       "addCard": "Please add a card for future purchases.",
       "addCrediCard": "Payment Method",
       "addNew": "Add New Payment Type",
       "billingTitle": "Billing address",
       "creditCardErrorMessage": "There is a problem with your payment. Please check all fields are filled out properly.",
       "expiration": "Expiration",
+      "makePayment": "Make Payment",
       "methodTitle": "Add payment method",
       "newCard": "New Card",
       "notBeCharged": "You will not be charged anything today.",
+      "onFile": "Below is the payment method we have on file.",
       "receiptName": "Homefile Reciept",
       "receiptsTitle": "Receipts",
       "toDelete": "To delete a card, you must first add a new card."
@@ -987,10 +989,11 @@
     "day": "day",
     "delete": "Delete now",
     "monthly": "Monthly Charge",
-    "nextCharge": "Next charge would be on",
+    "nextCharge": "Next charge won't be until",
     "of": "of",
     "panelTitle": "Subscription",
     "partnerTitle": "has provided you a year of Homefile Free. This includes",
+    "paymentBanner": "Please make a payment to access your Homefile.",
     "plan": "Storage Plan",
     "renew": "Account will automatically renew on",
     "runOut": "Your storage level is about to increase.",
@@ -999,7 +1002,7 @@
     "storage": "of storage",
     "subscribe": "Subscribe",
     "table": {
-      "subscription": "Annual Homefile Subscription",
+      "subscription": "Annual Homefile Cloud Subscription",
       "subtotal": "Subtotal",
       "tax": "Sales Tax",
       "total": "Total Charged Today"

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

@@ -1,2 +1,2 @@
 import { ProfilePaymentTabI } from '../../interfaces';
-export declare const ProfilePaymentTab: ({ paymentMethod, receipts, handleDelete, handleNewCard, }: ProfilePaymentTabI) => import("react/jsx-runtime").JSX.Element;
+export declare const ProfilePaymentTab: ({ paymentMethod, receipts, handleDelete, handleNewCard, handleSubmitPayment }: ProfilePaymentTabI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/myProfile/ProfilePaymentTab.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { MyProfileReceipts, CreditCardContainer } from '../../components';
-export const ProfilePaymentTab = ({ paymentMethod, receipts, handleDelete, handleNewCard, }) => {
+export const ProfilePaymentTab = ({ paymentMethod, receipts, handleDelete, handleNewCard, handleSubmitPayment }) => {
     var _a, _b;
     const hasReceipts = receipts.length > 0;
-    return (_jsxs(_Fragment, { children: [_jsx(CreditCardContainer, { brand: (_a = paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand) !== null && _a !== void 0 ? _a : '', cardNumber: (_b = paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.number) !== null && _b !== void 0 ? _b : '', hasError: !(paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.isPaymentMethodValid), onAddCard: handleNewCard, onDeleteCard: handleDelete, onSubmit: () => null, cardHolder: '', cvv: '', expirationMonth: '', expirationYear: '' }), hasReceipts && _jsx(MyProfileReceipts, { receipts })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(CreditCardContainer, { brand: (_a = paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand) !== null && _a !== void 0 ? _a : '', cardNumber: (_b = paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.number) !== null && _b !== void 0 ? _b : '', hasError: !(paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.isPaymentMethodValid), onAddCard: handleNewCard, onDeleteCard: handleDelete, onSubmit: () => null, cardHolder: '', cvv: '', expirationMonth: '', expirationYear: '', handleSubmitPayment: handleSubmitPayment }), hasReceipts && _jsx(MyProfileReceipts, { receipts })] }));
 };

package/dist/components/myProfile/payment/CreditCardContainer.d.ts

@@ -1,2 +1,2 @@
 import { CreditCardContainerI } from '../../../interfaces';
-export declare const CreditCardContainer: ({ brand, hasError, onAddCard, onDeleteCard, onSubmit, cardNumber, showEdition, ...props }: CreditCardContainerI) => import("react/jsx-runtime").JSX.Element;
+export declare const CreditCardContainer: ({ brand, hasError, onAddCard, onDeleteCard, onSubmit, cardNumber, showEdition, handleSubmitPayment, ...props }: CreditCardContainerI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/myProfile/payment/CreditCardContainer.js

@@ -11,11 +11,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { Box, Flex, Text } from '@chakra-ui/react';
-import { CreditCard, CreditCardError, LeftButtonAnimated, PaymentFormProvider, } from '../../../components';
+import { Box, Flex, Text, Button, Circle } from '@chakra-ui/react';
+import { CreditCard, CreditCardError, LeftButtonAnimated, PaymentFormProvider, ChevronRight } from '../../../components';
+import { colors } from '../../../theme/colors';
 export const CreditCardContainer = (_a) => {
-    var { brand, hasError = false, onAddCard, onDeleteCard, onSubmit = () => null, cardNumber, showEdition = false } = _a, props = __rest(_a, ["brand", "hasError", "onAddCard", "onDeleteCard", "onSubmit", "cardNumber", "showEdition"]);
+    var { brand, hasError = false, onAddCard, onDeleteCard, onSubmit = () => null, cardNumber, showEdition = false, handleSubmitPayment } = _a, props = __rest(_a, ["brand", "hasError", "onAddCard", "onDeleteCard", "onSubmit", "cardNumber", "showEdition", "handleSubmitPayment"]);
     const formAttributes = Object.assign({ cardNumber }, props);
     const error = hasError && cardNumber;
-    return (_jsxs(_Fragment, { children: [error && _jsx(CreditCardError, {}), _jsxs(Box, { bg: error ? 'error.1' : 'lightGreen.1', w: "100%", children: [_jsxs(Flex, { justify: "space-between", w: "full", pt: "base", align: "center", children: [_jsx(Text, { variant: "home", textTransform: "uppercase", pl: "base", children: t('myProfile.payment.activePayment') }), _jsx(LeftButtonAnimated, { onClick: onAddCard, label: t('myProfile.payment.addCrediCard'), marginLeft: "auto", fontSize: "sm", width: "11" })] }), _jsx(Box, { py: "6", px: "base", children: cardNumber && (_jsx(CreditCard, { brand, cardNumber, hasError, showEdition, onClick: onDeleteCard, children: showEdition && (_jsx(PaymentFormProvider, Object.assign({}, formAttributes, { onSubmit: onSubmit }))) })) })] })] }));
+    return (_jsxs(_Fragment, { children: [error && _jsx(CreditCardError, {}), _jsxs(Box, { bg: error ? 'error.1' : 'lightBlue.2', w: "100%", children: [_jsxs(Flex, { justify: "space-between", w: "full", pt: "base", align: "center", children: [_jsxs(Flex, { flexDir: 'column', children: [_jsx(Text, { variant: "home", textTransform: "uppercase", pl: "base", fontSize: "1rem", children: t('myProfile.payment.activePayment') }), _jsx(Text, { variant: "home", pl: "base", pt: "base", children: t('myProfile.payment.onFile') })] }), _jsx(LeftButtonAnimated, { onClick: onAddCard, label: t('myProfile.payment.addCrediCard'), marginLeft: "auto", fontSize: "sm", width: "11" })] }), _jsx(Box, { py: "6", px: "base", children: cardNumber && (_jsx(CreditCard, { brand, cardNumber, hasError, showEdition, onClick: onDeleteCard, children: showEdition && (_jsx(PaymentFormProvider, Object.assign({}, formAttributes, { onSubmit: onSubmit }))) })) }), handleSubmitPayment && (_jsx(Flex, { justifyContent: 'flex-end', px: "base", pb: "6", children: _jsx(Button, { w: 'auto', minW: "300px", onClick: handleSubmitPayment, children: _jsxs(Flex, { w: "full", alignItems: "center", justifyContent: "space-between", px: "4", children: [_jsx(Text, { mr: "2rem", textTransform: 'none', color: "white", children: t('myProfile.payment.makePayment') }), _jsx(Circle, { size: "40px", bg: "blue.1", color: "neutral.white", transition: "all 0.2s ease-in-out", children: _jsx(ChevronRight, { size: 26, stroke: colors.neutral.white }) })] }) }) }))] })] }));
 };

package/dist/components/subscription/PaymentBanner.d.ts

@@ -0,0 +1 @@
+export declare const PaymentBanner: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/PaymentBanner.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Flex, Text } from '@chakra-ui/react';
+export const PaymentBanner = () => {
+    return (_jsx(Flex, { bg: "violet.1", py: "1.5rem", px: "4", justify: "center", align: "center", width: '100%', children: _jsx(Text, { fontSize: "1.5rem", variant: "title", color: "neutral.white", children: `${t('subscription.paymentBanner')}` }) }));
+};

package/dist/components/subscription/SubscriptionTable.js

@@ -6,5 +6,5 @@ import { formatCurrency, shortFormatDate } from '../../utils';
 export const SubscriptionTable = ({ nextCharge, subscriptionLabel = t('subscription.table.subscription') || '', subscriptionPrice, subtotal, taxPercentage, taxValue = 0, totalLabel = t('subscription.table.total') || '', totalCharged, }) => {
     const hasTax = Boolean(taxPercentage);
     const dateFormatted = shortFormatDate({ date: nextCharge });
-    return (_jsxs(Box, { bg: "lightBlue.1", w: "100%", children: [_jsx(SubscriptionRow, { labelAlign: "left", label: subscriptionLabel, value: formatCurrency({ value: subscriptionPrice }) }), hasTax && (_jsxs(_Fragment, { children: [_jsx(SubscriptionRow, { label: t('subscription.table.subtotal'), value: formatCurrency({ value: subtotal }) }), _jsx(SubscriptionRow, { label: `${t('subscription.table.tax')} ${taxPercentage}%`, value: formatCurrency({ value: taxValue }) })] })), _jsx(SubscriptionRow, { label: totalLabel, labelWeight: "bold", value: formatCurrency({ value: totalCharged }) }), _jsx(Text, { my: "base", textAlign: "right", fontFamily: "secondary", children: `${t('subscription.nextCharge')} ${dateFormatted}` })] }));
+    return (_jsxs(Box, { bg: "lightGreen.1", w: "100%", children: [_jsx(SubscriptionRow, { labelAlign: "left", label: subscriptionLabel, value: formatCurrency({ value: subscriptionPrice }) }), hasTax && (_jsxs(_Fragment, { children: [_jsx(SubscriptionRow, { label: t('subscription.table.subtotal'), value: formatCurrency({ value: subtotal }) }), _jsx(SubscriptionRow, { label: `${t('subscription.table.tax')} ${taxPercentage}%`, value: formatCurrency({ value: taxValue }) })] })), _jsx(SubscriptionRow, { label: totalLabel, labelWeight: "bold", value: formatCurrency({ value: totalCharged }) }), _jsx(Text, { p: ".5rem", textAlign: "right", fontFamily: "secondary", children: `${t('subscription.nextCharge')} ${dateFormatted}` })] }));
 };

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

@@ -6,6 +6,7 @@ export * from './toBeDeleted';
 export * from './HomeStorage';
 export * from './MonthlyCharge';
 export * from './PartnerActiveSubscription';
+export * from './PaymentBanner';
 export * from './StorageCard';
 export * from './Subscription';
 export * from './SubscriptionContent';

package/dist/components/subscription/index.js

@@ -6,6 +6,7 @@ export * from './toBeDeleted';
 export * from './HomeStorage';
 export * from './MonthlyCharge';
 export * from './PartnerActiveSubscription';
+export * from './PaymentBanner';
 export * from './StorageCard';
 export * from './Subscription';
 export * from './SubscriptionContent';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BackendAlert, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, 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, HomeAssistantWizardPanel, 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, MessagePanel, MessageChatPanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, SearchItemLoader, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WeatherWidget, WellDone, YtdTile, WizardStepGoal, WizardTextHeader, WizardValueSummary, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BackendAlert, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, 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, HomeAssistantWizardPanel, 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, MessagePanel, MessageChatPanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, 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, SectionHeader, SendCommunication, SearchItemLoader, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WeatherWidget, WellDone, YtdTile, WizardStepGoal, WizardTextHeader, WizardValueSummary, } from './components';
 export { useCustomToast } 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, AddPropertyRecords, Address, AddPopup, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BackendAlert, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, 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, HomeAssistantWizardPanel, 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, MessagePanel, MessageChatPanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, SearchItemLoader, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WeatherWidget, WellDone, YtdTile, WizardStepGoal, WizardTextHeader, WizardValueSummary, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BackendAlert, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, 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, HomeAssistantWizardPanel, 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, MessagePanel, MessageChatPanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, 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, SectionHeader, SendCommunication, SearchItemLoader, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WeatherWidget, WellDone, YtdTile, WizardStepGoal, WizardTextHeader, WizardValueSummary, } from './components';
 export { useCustomToast } 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/myProfile/ProfilePaymentTab.interface.d.ts

@@ -12,4 +12,5 @@ export interface ProfilePaymentTabI {
     receipts: MyProfileReceiptsI[];
     handleDelete: () => void;
     handleNewCard: () => void;
+    handleSubmitPayment?: () => void;
 }

package/dist/interfaces/myProfile/payment/CreditCardContainer.interface.d.ts

@@ -13,4 +13,5 @@ export interface CreditCardContainerI extends CreditCardFormI {
     onDeleteCard: () => void;
     onSubmit?: (data: PostCreditCardFormI) => void;
     showEdition?: boolean;
+    handleSubmitPayment?: () => void;
 }

package/dist/stories/myProfile/ProfilePaymentTab.stories.d.ts

@@ -8,6 +8,7 @@ export declare const ProfilePaymentTabComponent: {
         receipts: never[];
         handleNewCard: import("@storybook/addon-actions").HandlerFunction;
         handleDelete: import("@storybook/addon-actions").HandlerFunction;
+        handleSubmitPayment: import("@storybook/addon-actions").HandlerFunction;
         paymentMethod: {
             brand: string;
             number: string;

package/dist/stories/myProfile/ProfilePaymentTab.stories.js

@@ -13,6 +13,7 @@ ProfilePaymentTabComponent.args = {
     receipts: [],
     handleNewCard: action('handleAddCard'),
     handleDelete: action('handleDeleteCard'),
+    handleSubmitPayment: action('submitPayment'),
     paymentMethod: {
         brand: 'visa',
         number: '1234',

package/dist/stories/subscription/PaymentBanner.stories.d.ts

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

package/dist/stories/subscription/PaymentBanner.stories.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PaymentBanner } from '../../components';
+export default {
+    title: 'Components/Subscription',
+    component: PaymentBanner,
+};
+export const PaymentBannerComponent = () => {
+    return (_jsx(PaymentBanner, {}));
+};

package/dist/stories/subscription/SubscriptionTable.stories.js

@@ -6,7 +6,6 @@ export default {
     component: SubscriptionTable,
     args: {
         nextCharge: '01/12/2024',
-        subscriptionLabel: 'Annual Homefile Subscription',
         subscriptionPrice: 36,
         subtotal: 36.0,
         taxPercentage: 8.5,

package/package.json

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