@homefile/components-v2 2.39.5 → 2.39.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,14 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="41.992" height="36" viewBox="0 0 41.992 36">
2
+ <g id="Group_26292" data-name="Group 26292" transform="translate(-2221.546 -5641.267)">
3
+ <circle id="Ellipse_1539" data-name="Ellipse 1539" cx="18" cy="18" r="18" transform="translate(2227.538 5641.267)" fill="#fff4d5"/>
4
+ <g id="Group_24303" data-name="Group 24303" transform="translate(2221.546 5651.736)">
5
+ <path id="Path_18832" data-name="Path 18832" d="M90.966,0,81.88,7.1l9.085,7.964Z" transform="translate(-53.366)" fill="#fea856"/>
6
+ <path id="Path_18833" data-name="Path 18833" d="M38.27,0V15.061L47.355,7.1Z" transform="translate(-24.943)" fill="#fea856"/>
7
+ <path id="Path_18834" data-name="Path 18834" d="M38.27,0l9.085,7.1,3.051,2.382L53.457,7.1,62.542,0Z" transform="translate(-24.943)" fill="#daf1f3"/>
8
+ <path id="Path_18835" data-name="Path 18835" d="M50.406,22.762,47.355,20.38,38.27,28.344H62.542L53.457,20.38Z" transform="translate(-24.943 -13.283)" fill="#f6cf76"/>
9
+ <rect id="Rectangle_27526" data-name="Rectangle 27526" width="4.733" height="1.045" transform="translate(5.39 4.795)" fill="#00c0b7"/>
10
+ <rect id="Rectangle_27527" data-name="Rectangle 27527" width="7.428" height="1.045" transform="translate(2.695 7.584)" fill="#00c0b7"/>
11
+ <rect id="Rectangle_27528" data-name="Rectangle 27528" width="10.123" height="1.045" transform="translate(0 10.377)" fill="#00c0b7"/>
12
+ </g>
13
+ </g>
14
+ </svg>
@@ -53,6 +53,7 @@ import EstValue from './est-value.svg';
53
53
  import Exclamation from './exclamation.svg';
54
54
  import Face from './face.svg';
55
55
  import Feedback from './feedback.svg';
56
+ import FileIt from './fileit.svg';
56
57
  import FileUploading from './file-uploading.svg';
57
58
  import FilterSize from './filter-size.png';
58
59
  import Finance from './finance.svg';
@@ -171,7 +172,7 @@ import WizardDetailed from './wizard-detailed.svg';
171
172
  import WizardQuick from './wizard-quick.svg';
172
173
  import YellowFolder from './yellow-folder.svg';
173
174
  import YellowFolderUnshared from './yellow-folder-unshared.svg';
174
- export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
175
+ export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
175
176
  export * from './alerts';
176
177
  export * from './animations';
177
178
  export * from './appliances';
@@ -53,6 +53,7 @@ import EstValue from './est-value.svg';
53
53
  import Exclamation from './exclamation.svg';
54
54
  import Face from './face.svg';
55
55
  import Feedback from './feedback.svg';
56
+ import FileIt from './fileit.svg';
56
57
  import FileUploading from './file-uploading.svg';
57
58
  import FilterSize from './filter-size.png';
58
59
  import Finance from './finance.svg';
@@ -171,7 +172,7 @@ import WizardDetailed from './wizard-detailed.svg';
171
172
  import WizardQuick from './wizard-quick.svg';
172
173
  import YellowFolder from './yellow-folder.svg';
173
174
  import YellowFolderUnshared from './yellow-folder-unshared.svg';
174
- export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
175
+ export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
175
176
  export * from './alerts';
176
177
  export * from './animations';
177
178
  export * from './appliances';
@@ -218,20 +218,20 @@
218
218
  "subtitle1": "A private folder’s contents",
219
219
  "subtitle2": "can not be viewed by anyone",
220
220
  "subtitle3": "other than you.",
221
- "title": "Private"
221
+ "title": "Private Folder"
222
222
  },
223
223
  "project": {
224
224
  "subtitle1": "A project folder",
225
225
  "subtitle2": "is always a shared folder,",
226
226
  "subtitle3": "and all contents will be shared with others.",
227
- "title": "Project"
227
+ "title": "Project Folder"
228
228
  },
229
229
  "selectTitle": "Select the type of folder to add:",
230
230
  "shared": {
231
231
  "subtitle1": "A shared folder",
232
232
  "subtitle2": "allows you to share contents",
233
233
  "subtitle3": "within the folder with others.",
234
- "title": "Shared"
234
+ "title": "Shared Folder"
235
235
  },
236
236
  "system": {
237
237
  "title": "System"
@@ -256,7 +256,7 @@
256
256
  "name": "Name",
257
257
  "notDelete": "Homefile uses this folder, it cannot be changed or deleted.",
258
258
  "placeholder": "Enter a name",
259
- "folderPlaceholder": "Enter folder name",
259
+ "folderPlaceholder": "New Folder",
260
260
  "placeholderDescription": "Enter a description",
261
261
  "title": "Files",
262
262
  "errorSize": "Please select a file less than 25MB",
@@ -512,7 +512,7 @@
512
512
  "inbox": {
513
513
  "createReply": "Create Reply",
514
514
  "enterContent": "Enter content",
515
- "forwardTo": "You can forward a receipt to ",
515
+ "forwardTo": "Simply forward images & paperwork to ",
516
516
  "forwardTo2": " or add a receipt image below.",
517
517
  "from": "From: ",
518
518
  "message": "Message"
@@ -987,10 +987,11 @@
987
987
  "day": "day",
988
988
  "delete": "Delete now",
989
989
  "monthly": "Monthly Charge",
990
- "nextCharge": "Next charge would be on",
990
+ "nextCharge": "Next charge won't be until",
991
991
  "of": "of",
992
992
  "panelTitle": "Subscription",
993
993
  "partnerTitle": "has provided you a year of Homefile Free. This includes",
994
+ "paymentBanner": "Please make a payment to access your Homefile.",
994
995
  "plan": "Storage Plan",
995
996
  "renew": "Account will automatically renew on",
996
997
  "runOut": "Your storage level is about to increase.",
@@ -4,5 +4,5 @@ import { useFolderValues } from '../../../hooks';
4
4
  export const FolderRadioContent = ({ variant = 'private', }) => {
5
5
  const { folderVariants } = useFolderValues();
6
6
  const { folder, substring1, substring2, substring3, title } = folderVariants[variant];
7
- return (_jsxs(Stack, { spacing: "base", w: "100%", children: [_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Img, { src: folder, w: "40px" }), _jsx(Text, { fontSize: "lg", fontWeight: "medium", children: title })] }), _jsx(Box, { w: "90%", children: _jsxs(Text, { fontSize: "sm", fontFamily: "secondary", lineHeight: "1.4", children: [`${substring1} `, _jsx(chakra.span, { fontWeight: "bold", textTransform: "uppercase", children: `${substring2} ` }), substring3] }) })] }));
7
+ return (_jsxs(Stack, { spacing: "base", w: "100%", children: [_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Img, { src: folder, w: "40px" }), _jsx(Text, { fontSize: "lg", fontWeight: "medium", children: title })] }), _jsx(Box, { w: "90%", children: _jsxs(Text, { fontSize: "1rem", fontFamily: "secondary", lineHeight: "1.4", children: [`${substring1} `, _jsx(chakra.span, { fontWeight: "bold", textTransform: "uppercase", children: `${substring2} ` }), substring3] }) })] }));
8
8
  };
@@ -6,5 +6,5 @@ import { YellowFolder, GreenFolder } from '../../assets/images';
6
6
  import { useAddFolder } from '../../hooks';
7
7
  export const AddFolder = ({ children, handleClose, handleSubmit, loading, headerTitle = t('folderSharing.addFolder.title'), icon, }) => {
8
8
  const { folderName, handleChange, handleEditFolderName } = useAddFolder(handleSubmit);
9
- return (_jsxs(DrawerContent, { bg: "lightBlue.2", children: [_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: handleClose, icon: icon === 'project' ? GreenFolder : YellowFolder, title: headerTitle }), _jsx(Box, { px: "base", pt: "base", children: _jsx(EditItemName, { errorMessage: `${t('folderSharing.details.name')} ${t('forms.required')}`, placeholder: t('folderSharing.details.folderPlaceholder'), onChange: handleChange, onSave: handleEditFolderName, showSaveButton: !!folderName, loading: loading, value: folderName }) })] }), _jsx(DrawerBody, { p: "base", children: children })] }));
9
+ return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: handleClose, icon: icon === 'project' ? GreenFolder : YellowFolder, title: headerTitle }), _jsx(Box, { px: "base", pt: "base", children: _jsx(EditItemName, { errorMessage: `${t('folderSharing.details.name')} ${t('forms.required')}`, placeholder: t('folderSharing.details.folderPlaceholder'), onChange: handleChange, onSave: handleEditFolderName, showSaveButton: !!folderName, loading: loading, value: folderName }) })] }), _jsx(DrawerBody, { p: "base", children: children })] }));
10
10
  };
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { t } from 'i18next';
3
3
  import { AspectRatio, Flex, Text, Image, chakra } from '@chakra-ui/react';
4
- import { IA } from '../../assets/images';
4
+ import { FileIt } from '../../assets/images';
5
5
  export const InboxForwardBanner = () => {
6
- return (_jsxs(Flex, { p: "base", gap: "base", align: "center", bg: "lightBlue.2", id: "forwardReceipts", children: [_jsx(AspectRatio, { ratio: 1, minW: "35px", h: "auto", children: _jsx(Image, { src: IA, alt: "IA" }) }), _jsxs(Text, { variant: "home", lineHeight: "1.2", children: [t('inbox.forwardTo'), _jsx(chakra.span, { fontFamily: "secondary", fontSize: "sm", lineHeight: "1", color: "neutral.black", fontWeight: "bold", display: "inline", children: "homefileit@homefile.com" }), t('inbox.forwardTo2')] })] }));
6
+ return (_jsxs(Flex, { p: "base", gap: "base", align: "center", bg: "#FAE6AF", id: "forwardReceipts", children: [_jsx(AspectRatio, { ratio: 1, minW: "35px", h: "auto", children: _jsx(Image, { src: FileIt, alt: "IA" }) }), _jsxs(Text, { variant: "home", lineHeight: "1.2", children: [t('inbox.forwardTo'), _jsx(chakra.span, { fontFamily: "secondary", fontSize: "sm", lineHeight: "1", color: "neutral.black", fontWeight: "bold", display: "inline", children: "fileit@homefile.com." })] })] }));
7
7
  };
@@ -0,0 +1 @@
1
+ export declare const PaymentBanner: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { t } from 'i18next';
3
+ import { Flex, Text } from '@chakra-ui/react';
4
+ export const PaymentBanner = () => {
5
+ return (_jsx(Flex, { bg: "violet.1", py: "1.5rem", px: "4", justify: "center", align: "center", children: _jsx(Text, { fontSize: "1.5rem", variant: "title", color: "neutral.white", children: `${t('subscription.paymentBanner')}` }) }));
6
+ };
@@ -6,5 +6,5 @@ import { formatCurrency, shortFormatDate } from '../../utils';
6
6
  export const SubscriptionTable = ({ nextCharge, subscriptionLabel = t('subscription.table.subscription') || '', subscriptionPrice, subtotal, taxPercentage, taxValue = 0, totalLabel = t('subscription.table.total') || '', totalCharged, }) => {
7
7
  const hasTax = Boolean(taxPercentage);
8
8
  const dateFormatted = shortFormatDate({ date: nextCharge });
9
- 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}` })] }));
9
+ 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}` })] }));
10
10
  };
@@ -6,6 +6,7 @@ export * from './toBeDeleted';
6
6
  export * from './HomeStorage';
7
7
  export * from './MonthlyCharge';
8
8
  export * from './PartnerActiveSubscription';
9
+ export * from './PaymentBanner';
9
10
  export * from './StorageCard';
10
11
  export * from './Subscription';
11
12
  export * from './SubscriptionContent';
@@ -6,6 +6,7 @@ export * from './toBeDeleted';
6
6
  export * from './HomeStorage';
7
7
  export * from './MonthlyCharge';
8
8
  export * from './PartnerActiveSubscription';
9
+ export * from './PaymentBanner';
9
10
  export * from './StorageCard';
10
11
  export * from './Subscription';
11
12
  export * from './SubscriptionContent';
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- 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';
1
+ 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';
2
2
  export { useCustomToast } from './hooks';
3
3
  export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
4
4
  export { CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, } from './assets/images';
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- 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';
1
+ 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';
2
2
  export { useCustomToast } from './hooks';
3
3
  export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
4
4
  export { CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, } from './assets/images';
@@ -2,8 +2,8 @@ export const weatherDataMock = [
2
2
  {
3
3
  number: 1,
4
4
  name: 'This Afternoon',
5
- startTime: '2025-05-09T14:00:00-04:00',
6
- endTime: '2025-05-09T18:00:00-04:00',
5
+ startTime: '2025-12-09T14:00:00-04:00',
6
+ endTime: '2025-12-09T18:00:00-04:00',
7
7
  isDaytime: true,
8
8
  temperature: 78,
9
9
  temperatureUnit: 'F',
@@ -0,0 +1,4 @@
1
+ import { Meta } from '@storybook/react';
2
+ declare const _default: Meta;
3
+ export default _default;
4
+ export declare const PaymentBannerComponent: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { PaymentBanner } from '../../components';
3
+ export default {
4
+ title: 'Components/Subscription',
5
+ component: PaymentBanner,
6
+ };
7
+ export const PaymentBannerComponent = () => {
8
+ return (_jsx(PaymentBanner, {}));
9
+ };
@@ -5,7 +5,7 @@ export function mapForecastToWidget(periods, location) {
5
5
  return {};
6
6
  // --- HEADER DATE ---
7
7
  const todayDate = parseISO(periods[0].startTime);
8
- const headerDate = format(todayDate, 'EEE MMMM do');
8
+ const headerDate = format(todayDate, 'EEE MMM do');
9
9
  // --- CURRENT CONDITIONS ---
10
10
  const day0 = (_a = periods.find((p) => p.isDaytime)) !== null && _a !== void 0 ? _a : periods[0];
11
11
  const night0 = (_c = (_b = periods.find((p) => !p.isDaytime &&
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@homefile/components-v2",
3
- "version": "2.39.5",
3
+ "version": "2.39.7",
4
4
  "author": "Homefile",
5
5
  "license": "UNLICENSED",
6
6
  "typings": "dist/index.d.ts",