@homefile/components-v2 2.8.55 → 2.9.1

package/dist/components/loaders/SkeletonBox.d.ts

@@ -0,0 +1,5 @@
+export declare const SkeletonBox: ({ height, width, borderRadius, }: {
+    height?: string | undefined;
+    width?: string | undefined;
+    borderRadius?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/loaders/SkeletonBox.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { keyframes } from '@emotion/react';
+const shine = keyframes `
+  0% {
+    background-position: -200% 0;
+  }
+  100% {
+    background-position: 200% 0;
+  }
+`;
+export const SkeletonBox = ({ height = '20px', width = '100%', borderRadius = 'md', }) => (_jsx(Box, { bg: "#F4F7F8", w: width, h: height, borderRadius: borderRadius, backgroundImage: "linear-gradient(90deg, #F4F7F8 0%, #e6ecee 50%, #F4F7F8 100%)", backgroundSize: "200% 100%", animation: `${shine} 1.5s infinite linear` }));

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

@@ -1,3 +1,4 @@
 export * from './ButtonLoader';
 export * from './Loader';
 export * from './Loading';
+export * from './SkeletonBox';

package/dist/components/loaders/index.js

@@ -1,3 +1,4 @@
 export * from './ButtonLoader';
 export * from './Loader';
 export * from './Loading';
+export * from './SkeletonBox';

package/dist/components/tour/HomeBoardTour.js

@@ -40,24 +40,17 @@ export const HomeBoardTour = ({ currentStep = 'homeboard', bubbleWidth = '300px'
             hideHeader: true,
             component: (_jsx(MeetStep, { description: t('tour.steps.meet.homeboardDescription'), nextButtonLabel: t('tour.steps.meet.homeboardLabel'), onClick: () => setCounter(counter + 1), onSkip: handleClose, title: t('tour.steps.meet.homeboardTitle'), tutorialUrl: meetStepUrl })),
         },
-        // Reference component id -> HomeBoard/HomeHeader
-        backToLaunchpad: {
-            arrowLeft: 'left-top',
-            leftRef: ((_a = coordinates.backToLaunchpad) === null || _a === void 0 ? void 0 : _a.x) + getDistanceFromArrow(36),
-            topRef: getYPosition((_b = coordinates.backToLaunchpad) === null || _b === void 0 ? void 0 : _b.y, distanceFromEdgeArrowToBorder),
-            component: (_jsx(BubbleText, { title: t('tour.steps.backToLaunchpad.title'), description: t('tour.steps.backToLaunchpad.description') })),
-        },
         // Reference component id -> HomeBoard/HomeCard
         editHomeIcon: {
             arrowLeft: 'left-top',
-            leftRef: ((_c = coordinates.editHomeIcon) === null || _c === void 0 ? void 0 : _c.x) + getDistanceFromArrow(30),
-            topRef: getYPosition((_d = coordinates.editHomeIcon) === null || _d === void 0 ? void 0 : _d.y, distanceFromEdgeArrowToBorder),
+            leftRef: ((_a = coordinates.editHomeIcon) === null || _a === void 0 ? void 0 : _a.x) + getDistanceFromArrow(30),
+            topRef: getYPosition((_b = coordinates.editHomeIcon) === null || _b === void 0 ? void 0 : _b.y, distanceFromEdgeArrowToBorder),
             component: (_jsx(BubbleText, { title: t('tour.steps.editHomeIcon.title'), description: t('tour.steps.editHomeIcon.description') })),
         },
         // Reference component id -> FolderSharing/FolderSharing
         addFolders: {
             arrowRight: 'right-bottom',
-            leftRef: ((_e = coordinates.addFolders) === null || _e === void 0 ? void 0 : _e.x) - bubbleArrowWidth,
+            leftRef: ((_c = coordinates.addFolders) === null || _c === void 0 ? void 0 : _c.x) - bubbleArrowWidth,
             bottomRef: 3,
             component: (_jsx(BubbleText, { title: t('tour.steps.addFolders.title'), description: t('tour.steps.addFolders.description') })),
         },
@@ -94,43 +87,43 @@ export const HomeBoardTour = ({ currentStep = 'homeboard', bubbleWidth = '300px'
         // Reference component id -> appBar/PeopleConnected
         shareWithOthers: {
             arrowTop: 'top',
-            leftRef: getXPosition(((_f = coordinates.shareWithOthers) === null || _f === void 0 ? void 0 : _f.x) + 25, halfBubbleWidth),
-            topRef: ((_g = coordinates.shareWithOthers) === null || _g === void 0 ? void 0 : _g.y) + appBarHeight,
+            leftRef: getXPosition(((_d = coordinates.shareWithOthers) === null || _d === void 0 ? void 0 : _d.x) + 25, halfBubbleWidth),
+            topRef: ((_e = coordinates.shareWithOthers) === null || _e === void 0 ? void 0 : _e.y) + appBarHeight,
             component: (_jsx(BubbleText, { title: t('tour.steps.shareWithOthers.title'), description: t('tour.steps.shareWithOthers.description') })),
         },
         // Reference component id -> appBar/ContactList
         viewContacts: {
             arrowTop: 'top',
-            leftRef: getXPosition(((_h = coordinates.viewContacts) === null || _h === void 0 ? void 0 : _h.x) + 28, halfBubbleWidth),
-            topRef: ((_j = coordinates.shareWithOthers) === null || _j === void 0 ? void 0 : _j.y) + appBarHeight,
+            leftRef: getXPosition(((_f = coordinates.viewContacts) === null || _f === void 0 ? void 0 : _f.x) + 28, halfBubbleWidth),
+            topRef: ((_g = coordinates.shareWithOthers) === null || _g === void 0 ? void 0 : _g.y) + appBarHeight,
             component: (_jsx(BubbleText, { title: t('tour.steps.viewContacts.title'), description: t('tour.steps.viewContacts.description') })),
         },
         // Reference component id -> appBar/TutorialsButton
         feedback: {
             arrowTop: 'top',
-            leftRef: getXPosition(((_k = coordinates.feedback) === null || _k === void 0 ? void 0 : _k.x) + 14, halfBubbleWidth),
-            topRef: ((_l = coordinates.feedback) === null || _l === void 0 ? void 0 : _l.y) + appBarHeight,
+            leftRef: getXPosition(((_h = coordinates.feedback) === null || _h === void 0 ? void 0 : _h.x) + 14, halfBubbleWidth),
+            topRef: ((_j = coordinates.feedback) === null || _j === void 0 ? void 0 : _j.y) + appBarHeight,
             component: (_jsx(BubbleText, { title: t('tour.steps.feedback.title'), description: t('tour.steps.feedback.description') })),
         },
         // Reference component id -> appBar/StorageUsed
         storageUsed: {
             arrowTop: 'top',
-            leftRef: getXPosition(((_m = coordinates.storageUsed) === null || _m === void 0 ? void 0 : _m.x) + 30, halfBubbleWidth),
-            topRef: ((_o = coordinates.shareWithOthers) === null || _o === void 0 ? void 0 : _o.y) + appBarHeight,
+            leftRef: getXPosition(((_k = coordinates.storageUsed) === null || _k === void 0 ? void 0 : _k.x) + 30, halfBubbleWidth),
+            topRef: ((_l = coordinates.shareWithOthers) === null || _l === void 0 ? void 0 : _l.y) + appBarHeight,
             component: (_jsx(BubbleText, { title: t('tour.steps.storageUsed.title'), description: t('tour.steps.storageUsed.description') })),
         },
         // Reference component id -> appBar/UserProfile
         profile: {
             arrowTop: 'top-right',
-            leftRef: getXPosition(((_p = coordinates.profile) === null || _p === void 0 ? void 0 : _p.x) + 20, parsedBubbleWidth),
-            topRef: ((_q = coordinates.shareWithOthers) === null || _q === void 0 ? void 0 : _q.y) + appBarHeight,
+            leftRef: getXPosition(((_m = coordinates.profile) === null || _m === void 0 ? void 0 : _m.x) + 20, parsedBubbleWidth),
+            topRef: ((_o = coordinates.shareWithOthers) === null || _o === void 0 ? void 0 : _o.y) + appBarHeight,
             component: (_jsx(BubbleText, { title: t('tour.steps.profile.title'), description: t('tour.steps.profile.description') })),
         },
         // Reference component id -> appBar/ContactList
         addCatalog: {
             arrowRight: 'right-top',
-            leftRef: getXPosition(((_r = coordinates.viewContacts) === null || _r === void 0 ? void 0 : _r.x) + 28, halfBubbleWidth),
-            topRef: ((_s = coordinates.viewContacts) === null || _s === void 0 ? void 0 : _s.y) + 40,
+            leftRef: getXPosition(((_p = coordinates.viewContacts) === null || _p === void 0 ? void 0 : _p.x) + 28, halfBubbleWidth),
+            topRef: ((_q = coordinates.viewContacts) === null || _q === void 0 ? void 0 : _q.y) + 40,
             component: (_jsx(BubbleText, { title: t('tour.steps.addCatalog.title'), description: t('tour.steps.addCatalog.description') })),
         },
         partnerCatalog: {
@@ -151,6 +144,13 @@ export const HomeBoardTour = ({ currentStep = 'homeboard', bubbleWidth = '300px'
             topRef: getYPosition(height, height - 400),
             component: (_jsx(BubbleText, { title: t('tour.steps.customizeItems.title'), description: t('tour.steps.customizeItems.description') })),
         },
+        // Reference component id -> HomeBoard/HomeHeader
+        backToLaunchpad: {
+            arrowLeft: 'left-top',
+            leftRef: ((_r = coordinates.backToLaunchpad) === null || _r === void 0 ? void 0 : _r.x) + getDistanceFromArrow(36),
+            topRef: getYPosition((_s = coordinates.backToLaunchpad) === null || _s === void 0 ? void 0 : _s.y, distanceFromEdgeArrowToBorder),
+            component: (_jsx(BubbleText, { title: t('tour.steps.backToLaunchpad.title'), description: t('tour.steps.backToLaunchpad.description') })),
+        },
     };
     if (!isActive)
         return null;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel, MonitorAlerts, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, 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, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WellDone, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel, MonitorAlerts, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, 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, 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, WellDone, YtdTile, } from './components';
 export { useCustomToast } from './hooks';
 export { randomColor } from './utils';
-export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes } from './assets/images';
+export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, } from './assets/images';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, } from './proxies';
 import theme from './theme';
 export { theme };

package/dist/index.js

@@ -1,7 +1,7 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel, MonitorAlerts, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, 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, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WellDone, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel, MonitorAlerts, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, 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, 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, WellDone, YtdTile, } from './components';
 export { useCustomToast } from './hooks';
 export { randomColor } from './utils';
-export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes } from './assets/images';
+export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, } from './assets/images';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, } from './proxies';
 import theme from './theme';
 export { theme };

package/package.json

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

package/src/components/loaders/SkeletonBox.tsx

@@ -0,0 +1,27 @@
+import { Box } from '@chakra-ui/react'
+import { keyframes } from '@emotion/react'
+
+const shine = keyframes`
+  0% {
+    background-position: -200% 0;
+  }
+  100% {
+    background-position: 200% 0;
+  }
+`
+
+export const SkeletonBox = ({
+  height = '20px',
+  width = '100%',
+  borderRadius = 'md',
+}) => (
+  <Box
+    bg="#F4F7F8"
+    w={width}
+    h={height}
+    borderRadius={borderRadius}
+    backgroundImage="linear-gradient(90deg, #F4F7F8 0%, #e6ecee 50%, #F4F7F8 100%)"
+    backgroundSize="200% 100%"
+    animation={`${shine} 1.5s infinite linear`}
+  />
+)

package/src/components/loaders/index.ts

@@ -1,3 +1,4 @@
 export * from './ButtonLoader'
-export * from  './Loader'
-export * from './Loading'
+export * from './Loader'
+export * from './Loading'
+export * from './SkeletonBox'

package/src/components/tour/HomeBoardTour.tsx

@@ -78,21 +78,6 @@ export const HomeBoardTour = ({
         />
       ),
     },
-    // Reference component id -> HomeBoard/HomeHeader
-    backToLaunchpad: {
-      arrowLeft: 'left-top',
-      leftRef: coordinates.backToLaunchpad?.x + getDistanceFromArrow(36),
-      topRef: getYPosition(
-        coordinates.backToLaunchpad?.y,
-        distanceFromEdgeArrowToBorder
-      ),
-      component: (
-        <BubbleText
-          title={t('tour.steps.backToLaunchpad.title')}
-          description={t('tour.steps.backToLaunchpad.description')}
-        />
-      ),
-    },
     // Reference component id -> HomeBoard/HomeCard
     editHomeIcon: {
       arrowLeft: 'left-top',
@@ -284,6 +269,21 @@ export const HomeBoardTour = ({
         />
       ),
     },
+    // Reference component id -> HomeBoard/HomeHeader
+    backToLaunchpad: {
+      arrowLeft: 'left-top',
+      leftRef: coordinates.backToLaunchpad?.x + getDistanceFromArrow(36),
+      topRef: getYPosition(
+        coordinates.backToLaunchpad?.y,
+        distanceFromEdgeArrowToBorder
+      ),
+      component: (
+        <BubbleText
+          title={t('tour.steps.backToLaunchpad.title')}
+          description={t('tour.steps.backToLaunchpad.description')}
+        />
+      ),
+    },
   }
 
   if (!isActive) return null

package/src/index.ts

@@ -180,6 +180,7 @@ export {
   ShortPartnerTile,
   SignIn,
   SignUp,
+  SkeletonBox,
   StepHeader,
   StorageUsed,
   Subscription,
@@ -223,7 +224,7 @@ export {
   BlueFolderShared,
   Calendar,
   Create,
-  Notes
+  Notes,
 } from './assets/images'
 
 export {