@homefile/components-v2 2.34.3 → 2.35.0

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

@@ -100,6 +100,7 @@
     "title": "One moment, we’re building your homefile."
   },
   "buttons": {
+    "accurate": "Accurate",
     "back": "Back",
     "cancel": "Cancel",
     "confirm": "Confirm",
@@ -111,6 +112,7 @@
     "edit": "Edit",
     "forward": "Forward",
     "next": "Next",
+    "notAccurate": "Not Accurate",
     "previous": "Previous",
     "save": "Save",
     "send": "Send",
@@ -1293,5 +1295,11 @@
     "description": "Est Value of Property Added to Homefile",
     "label": "Value added in",
     "title": "Value Monitor"
+  },
+  "wizardValueSummary": {
+    "assessedValue": "[Year] Assessed Value",
+    "estimatedValue": "Estimated Value",
+    "info": "You can edit this record within your Homefile. Your information remains private and is never shared or sold.",
+    "purchasePrice": "Purchase Price"
   }
 }

package/dist/components/wizard/WizardValueSummary.d.ts

@@ -0,0 +1,2 @@
+import { WizardValueSummaryProps } from '@/interfaces';
+export declare const WizardValueSummary: ({ title, subtitle, address, estimatedValue, purchasePrice, assessedValue, purchasePriceDetails, assessedValueDetails, onAccurate, onNotAccurate, }: WizardValueSummaryProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/wizard/WizardValueSummary.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Stack, Text, Flex, Divider, Button } from '@chakra-ui/react';
+import { TrendingValueCard, RecordsSession } from '@/components';
+export const WizardValueSummary = ({ title, subtitle, address, estimatedValue, purchasePrice, assessedValue, purchasePriceDetails, assessedValueDetails, onAccurate, onNotAccurate, }) => {
+    const estimatedValueFormatted = `$${estimatedValue.toLocaleString('en-US')}.`;
+    return (_jsxs(Stack, { w: { base: 'full', md: '70%' }, m: "auto", spacing: "6", children: [_jsxs(Stack, { spacing: "1", align: "center", children: [_jsx(Text, { fontSize: "2xl", textTransform: "capitalize", children: title }), _jsx(Text, { fontFamily: "secondary", children: address }), subtitle && _jsx(Text, { fontFamily: "secondary", children: subtitle })] }), _jsxs(Stack, { bg: "lightGreen.3", spacing: "base", pt: "base", pb: "6", align: "center", children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: t('wizardValueSummary.estimatedValue') }), _jsx(Text, { fontSize: "3xl", children: estimatedValueFormatted })] }), _jsxs(Flex, { gap: "base", direction: { base: 'column', md: 'row' }, children: [_jsxs(Stack, { flex: "1", spacing: "6", children: [_jsx(TrendingValueCard, { bg: "lightBlue.1", label: t('wizardValueSummary.purchasePrice'), value: purchasePrice }), _jsx(RecordsSession, { details: purchasePriceDetails, showLine: false, gap: "1", textAlign: "right", p: "0" })] }), _jsxs(Stack, { flex: "1", spacing: "6", children: [_jsx(TrendingValueCard, { bg: "lightBlue.1", label: t('wizardValueSummary.assessedValue'), value: assessedValue }), _jsx(RecordsSession, { details: assessedValueDetails, showLine: false, gap: "1", textAlign: "right", p: "0" })] })] }), _jsx(Divider, { borderStyle: "dotted", borderColor: "lightBlue.11" }), _jsxs(Flex, { gap: "base", children: [_jsx(Button, { onClick: onNotAccurate, children: t('buttons.notAccurate') }), _jsx(Button, { onClick: onAccurate, children: t('buttons.accurate') })] }), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", textAlign: "center", color: "gray.2", lineHeight: "shorter", children: t('wizardValueSummary.info') })] }));
+};

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

@@ -4,3 +4,4 @@ export * from './WizardStepOptions';
 export * from './WizardSuccessHeader';
 export * from './WizardTextHeader';
 export * from './WizardTextBody';
+export * from './WizardValueSummary';

package/dist/components/wizard/index.js

@@ -4,3 +4,4 @@ export * from './WizardStepOptions';
 export * from './WizardSuccessHeader';
 export * from './WizardTextHeader';
 export * from './WizardTextBody';
+export * from './WizardValueSummary';

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, 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, 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, WizardTextHeader, } 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, 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, 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, WizardTextHeader, WizardValueSummary, } from './components';
 export { useCustomToast } from './hooks';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
 export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, } 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, 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, 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, WizardTextHeader, } 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, 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, 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, WizardTextHeader, WizardValueSummary, } from './components';
 export { useCustomToast } from './hooks';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
 export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, } from './assets/images';

package/dist/interfaces/wizard/WizardValueSummary.interface.d.ts

@@ -0,0 +1,12 @@
+export interface WizardValueSummaryProps {
+    title: string;
+    subtitle?: string;
+    address: string;
+    estimatedValue: number;
+    purchasePrice: number;
+    assessedValue: number;
+    purchasePriceDetails: Record<string, string | undefined>;
+    assessedValueDetails: Record<string, string | undefined>;
+    onAccurate: () => void;
+    onNotAccurate: () => void;
+}

package/dist/interfaces/wizard/WizardValueSummary.interface.js

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

package/dist/interfaces/wizard/index.d.ts

@@ -1,3 +1,4 @@
 export * from './ControlledWizard.interface';
 export * from './WizardTextHeader.interface';
 export * from './WizardSuccessHeader.interface';
+export * from './WizardValueSummary.interface';

package/dist/interfaces/wizard/index.js

@@ -1,3 +1,4 @@
 export * from './ControlledWizard.interface';
 export * from './WizardTextHeader.interface';
 export * from './WizardSuccessHeader.interface';
+export * from './WizardValueSummary.interface';

package/dist/stories/wizard/ControlledWizard.stories.js

@@ -9,12 +9,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { ConfirmProperty, ControlledWizard, DynamicForm, FooterButtons, HomeAssistantTutorial, HomeAssistantWizardSteps, MyHomeDetails, SearchRecords, WizardTextHeader, } from '@/components';
+import { ConfirmProperty, ControlledWizard, DynamicForm, FooterButtons, HomeAssistantTutorial, HomeAssistantWizardSteps, MyHomeDetails, SearchRecords, WizardTextHeader, WizardSuccessHeader, WizardValueSummary, } from '@/components';
 import { Box, Center, Stack } from '@chakra-ui/react';
 import { action } from '@storybook/addon-actions';
 import { formValues } from '@/helpers';
-import { homeWizardForm, propertiesMock } from '@/mocks';
-import { WizardSuccessHeader } from '@/components/wizard/WizardSuccessHeader';
+import { assessedValueMock, homeWizardForm, propertiesMock, purchasePriceMock, } from '@/mocks';
 export default {
     title: 'Components/Wizard/ControlledWizard',
     component: ControlledWizard,
@@ -40,7 +39,10 @@ export const ControlledWizardComponent = () => {
                         } }) })] })),
     }));
     return (_jsx(ControlledWizard, { minHeight: "700px", step: step, setStep: setStep, steps: [
-            ...homeAssistantSteps,
+            {
+                header: (_jsx(WizardTextHeader, { title: "This is the data we found in public records.", subtitle: "The details linked to your address come from public data sources and may not \nrepresent the most up-to-date information about your home." })),
+                body: ({ setStep }) => (_jsx(WizardValueSummary, { title: "The Edmunds", address: "113 South First Street, Austin TX 89853", estimatedValue: 894000, purchasePrice: 456432, assessedValue: 726678, purchasePriceDetails: purchasePriceMock, assessedValueDetails: assessedValueMock, onAccurate: () => setStep(step + 1), onNotAccurate: () => setStep(step + 1) })),
+            },
             {
                 header: (_jsx(WizardTextHeader, { title: "Hi John, let\u2019s get your Homefile set up.", subtitle: "Complete this quick setup and we\u2019ll handle the rest." })),
                 body: ({ setStep }) => (_jsx(MyHomeDetails, { isWizard: true, userFirstName: "Adam", values: formValues, properties: propertiesMock, handleCreateHomeClick: (values) => __awaiter(void 0, void 0, void 0, function* () {
@@ -69,5 +71,6 @@ export const ControlledWizardComponent = () => {
                     }, name: "your home" })),
                 body: () => (_jsx(Center, { w: "full", h: "full", children: _jsx(HomeAssistantTutorial, { onStart: () => setStep(4) }) })),
             },
+            ...homeAssistantSteps,
         ] }));
 };

package/package.json

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

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

@@ -100,6 +100,7 @@
     "title": "One moment, we’re building your homefile."
   },
   "buttons": {
+    "accurate": "Accurate",
     "back": "Back",
     "cancel": "Cancel",
     "confirm": "Confirm",
@@ -111,6 +112,7 @@
     "edit": "Edit",
     "forward": "Forward",
     "next": "Next",
+    "notAccurate": "Not Accurate",
     "previous": "Previous",
     "save": "Save",
     "send": "Send",
@@ -1293,5 +1295,11 @@
     "description": "Est Value of Property Added to Homefile",
     "label": "Value added in",
     "title": "Value Monitor"
+  },
+  "wizardValueSummary": {
+    "assessedValue": "[Year] Assessed Value",
+    "estimatedValue": "Estimated Value",
+    "info": "You can edit this record within your Homefile. Your information remains private and is never shared or sold.",
+    "purchasePrice": "Purchase Price"
   }
 }

package/src/components/wizard/WizardValueSummary.tsx

@@ -0,0 +1,80 @@
+import { t } from 'i18next'
+import { Stack, Text, Flex, Divider, Button } from '@chakra-ui/react'
+import { TrendingValueCard, RecordsSession } from '@/components'
+import { WizardValueSummaryProps } from '@/interfaces'
+
+export const WizardValueSummary = ({
+  title,
+  subtitle,
+  address,
+  estimatedValue,
+  purchasePrice,
+  assessedValue,
+  purchasePriceDetails,
+  assessedValueDetails,
+  onAccurate,
+  onNotAccurate,
+}: WizardValueSummaryProps) => {
+  const estimatedValueFormatted = `$${estimatedValue.toLocaleString('en-US')}.`
+  return (
+    <Stack w={{ base: 'full', md: '70%' }} m="auto" spacing="6">
+      <Stack spacing="1" align="center">
+        <Text fontSize="2xl" textTransform="capitalize">
+          {title}
+        </Text>
+        <Text fontFamily="secondary">{address}</Text>
+        {subtitle && <Text fontFamily="secondary">{subtitle}</Text>}
+      </Stack>
+      <Stack bg="lightGreen.3" spacing="base" pt="base" pb="6" align="center">
+        <Text fontSize="xs" textTransform="uppercase">
+          {t('wizardValueSummary.estimatedValue')}
+        </Text>
+        <Text fontSize="3xl">{estimatedValueFormatted}</Text>
+      </Stack>
+      <Flex gap="base" direction={{ base: 'column', md: 'row' }}>
+        <Stack flex="1" spacing="6">
+          <TrendingValueCard
+            bg="lightBlue.1"
+            label={t('wizardValueSummary.purchasePrice')}
+            value={purchasePrice}
+          />
+          <RecordsSession
+            details={purchasePriceDetails}
+            showLine={false}
+            gap="1"
+            textAlign="right"
+            p="0"
+          />
+        </Stack>
+        <Stack flex="1" spacing="6">
+          <TrendingValueCard
+            bg="lightBlue.1"
+            label={t('wizardValueSummary.assessedValue')}
+            value={assessedValue}
+          />
+          <RecordsSession
+            details={assessedValueDetails}
+            showLine={false}
+            gap="1"
+            textAlign="right"
+            p="0"
+          />
+        </Stack>
+      </Flex>
+      <Divider borderStyle="dotted" borderColor="lightBlue.11" />
+      <Flex gap="base">
+        <Button onClick={onNotAccurate}>{t('buttons.notAccurate')}</Button>
+        <Button onClick={onAccurate}>{t('buttons.accurate')}</Button>
+      </Flex>
+      <Text
+        fontFamily="secondary"
+        fontSize="sm"
+        textAlign="center"
+        color="gray.2"
+        lineHeight="shorter"
+      >
+        {t('wizardValueSummary.info')}
+      </Text>
+    </Stack>
+  )
+}

package/src/components/wizard/index.ts

@@ -4,3 +4,4 @@ export * from './WizardStepOptions'
 export * from './WizardSuccessHeader'
 export * from './WizardTextHeader'
 export * from './WizardTextBody'
+export * from './WizardValueSummary'

package/src/index.ts

@@ -219,6 +219,7 @@ export {
   WellDone,
   YtdTile,
   WizardTextHeader,
+  WizardValueSummary,
 } from './components'
 
 export { useCustomToast } from './hooks'

package/src/interfaces/wizard/WizardValueSummary.interface.ts

@@ -0,0 +1,12 @@
+export interface WizardValueSummaryProps {
+  title: string
+  subtitle?: string
+  address: string
+  estimatedValue: number
+  purchasePrice: number
+  assessedValue: number
+  purchasePriceDetails: Record<string, string | undefined>
+  assessedValueDetails: Record<string, string | undefined>
+  onAccurate: () => void
+  onNotAccurate: () => void
+}

package/src/interfaces/wizard/index.ts

@@ -1,3 +1,4 @@
 export * from './ControlledWizard.interface'
 export * from './WizardTextHeader.interface'
 export * from './WizardSuccessHeader.interface'
+export * from './WizardValueSummary.interface'

package/src/stories/wizard/ControlledWizard.stories.tsx

@@ -10,13 +10,19 @@ import {
   MyHomeDetails,
   SearchRecords,
   WizardTextHeader,
+  WizardSuccessHeader,
+  WizardValueSummary,
 } from '@/components'
 import { Box, Center, Stack } from '@chakra-ui/react'
 import { action } from '@storybook/addon-actions'
 import { formValues } from '@/helpers'
-import { homeWizardForm, propertiesMock } from '@/mocks'
+import {
+  assessedValueMock,
+  homeWizardForm,
+  propertiesMock,
+  purchasePriceMock,
+} from '@/mocks'
 import { ControlledWizardI, HomeFormI } from '@/interfaces'
-import { WizardSuccessHeader } from '@/components/wizard/WizardSuccessHeader'
 
 export default {
   title: 'Components/Wizard/ControlledWizard',
@@ -74,7 +80,28 @@ export const ControlledWizardComponent = () => {
       step={step}
       setStep={setStep}
       steps={[
-        ...homeAssistantSteps,
+        {
+          header: (
+            <WizardTextHeader
+              title="This is the data we found in public records."
+              subtitle="The details linked to your address come from public data sources and may not 
+represent the most up-to-date information about your home."
+            />
+          ),
+          body: ({ setStep }) => (
+            <WizardValueSummary
+              title="The Edmunds"
+              address="113 South First Street, Austin TX 89853"
+              estimatedValue={894000}
+              purchasePrice={456432}
+              assessedValue={726678}
+              purchasePriceDetails={purchasePriceMock}
+              assessedValueDetails={assessedValueMock}
+              onAccurate={() => setStep(step + 1)}
+              onNotAccurate={() => setStep(step + 1)}
+            />
+          ),
+        },
         {
           header: (
             <WizardTextHeader
@@ -140,6 +167,7 @@ export const ControlledWizardComponent = () => {
             </Center>
           ),
         },
+        ...homeAssistantSteps,
       ]}
     />
   )