@homefile/components-v2 2.34.0 → 2.34.1

package/dist/components/propertyTiles/propertyRecords/RecordsRow.d.ts

@@ -1,2 +1,4 @@
 import { RecordsSessionI } from '../../../interfaces';
-export declare const RecordsRow: ({ label, value }: RecordsSessionI["details"]) => import("react/jsx-runtime").JSX.Element;
+export declare const RecordsRow: ({ label, value, textAlign, }: RecordsSessionI["details"] & {
+    textAlign?: "left" | "right";
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/propertyTiles/propertyRecords/RecordsRow.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { GridItem, Text } from '@chakra-ui/react';
-export const RecordsRow = ({ label, value }) => {
-    return (_jsxs(_Fragment, { children: [_jsx(GridItem, { children: _jsx(Text, { fontFamily: "secondary", color: "gray.2", textTransform: "capitalize", children: label }) }), _jsx(GridItem, { children: _jsx(Text, { fontFamily: "secondary", textTransform: "capitalize", children: value }) })] }));
+export const RecordsRow = ({ label, value, textAlign = 'left', }) => {
+    return (_jsxs(_Fragment, { children: [_jsx(GridItem, { children: _jsx(Text, { fontFamily: "secondary", color: "gray.2", textTransform: "capitalize", children: label }) }), _jsx(GridItem, { children: _jsx(Text, { fontFamily: "secondary", textTransform: "capitalize", textAlign: textAlign, children: value }) })] }));
 };

package/dist/components/propertyTiles/propertyRecords/RecordsSession.d.ts

@@ -1,2 +1,2 @@
 import { RecordsSessionI } from '../../../interfaces';
-export declare const RecordsSession: ({ details, showLine, }: RecordsSessionI) => import("react/jsx-runtime").JSX.Element;
+export declare const RecordsSession: ({ details, showLine, gap, textAlign, p, }: RecordsSessionI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/propertyTiles/propertyRecords/RecordsSession.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Grid } from '@chakra-ui/react';
 import { RecordsRow } from '../..';
-export const RecordsSession = ({ details, showLine = false, }) => {
-    const rows = Object.entries(details).map(([label, value = '']) => (_jsx(RecordsRow, { label: label, value: value }, label)));
-    return (_jsx(Grid, { templateColumns: "repeat(2, 1fr)", gridGap: "base", p: "base", borderBottom: "1px solid", borderColor: showLine ? 'lightBlue.2' : 'transparent', children: rows }));
+export const RecordsSession = ({ details, showLine = false, gap = 'base', textAlign = 'left', p = 'base', }) => {
+    const rows = Object.entries(details !== null && details !== void 0 ? details : {}).map(([label, value = '']) => (_jsx(RecordsRow, { label: label, value: value, textAlign: textAlign }, label)));
+    return (_jsx(Grid, { templateColumns: "repeat(2, 1fr)", gridGap: gap, p: p, borderBottom: "1px solid", borderColor: showLine ? 'lightBlue.2' : 'transparent', children: rows }));
 };

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

@@ -1,5 +1,6 @@
 export * from './ControlledWizard';
 export * from './WizardInitialOptions';
 export * from './WizardStepOptions';
+export * from './WizardSuccessHeader';
 export * from './WizardTextHeader';
 export * from './WizardTextBody';

package/dist/components/wizard/index.js

@@ -1,5 +1,6 @@
 export * from './ControlledWizard';
 export * from './WizardInitialOptions';
 export * from './WizardStepOptions';
+export * from './WizardSuccessHeader';
 export * from './WizardTextHeader';
 export * from './WizardTextBody';

package/dist/helpers/propertyTiles/PropertyRecords.helper.d.ts

@@ -1,5 +1,6 @@
 import { PropertyDetails } from '../../interfaces';
 export declare const propertyRecordsToDB: Record<string, Record<string, string | Record<string, string>>>;
-export declare const propertyRecordsSessions: (data: Partial<PropertyDetails>) => Record<string, Array<Record<string, string | undefined> | null>>;
+export declare const propertyRecordsSessions: (data: Partial<PropertyDetails>) => Record<string, Array<Record<string, string | undefined>>>;
+export declare const propertyRecordsWizardSessions: (data: Partial<PropertyDetails>) => Record<string, Record<string, string | undefined>>;
 export declare const propertyRecordIcons: Record<string, string>;
 export declare const dbDataParser: (key: string, value: string) => boolean | number | string;

package/dist/helpers/propertyTiles/PropertyRecords.helper.js

@@ -61,14 +61,14 @@ export const propertyRecordsToDB = {
     },
 };
 export const propertyRecordsSessions = (data) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const flookRisk = (data === null || data === void 0 ? void 0 : data.floodZone)
         ? {
             'Flood Zone': (data === null || data === void 0 ? void 0 : data.floodZone) ? 'Yes' : 'No',
             Description: 'floodZoneDescription',
             'Flood Type': capitalize(data === null || data === void 0 ? void 0 : data.floodZoneType),
         }
-        : null;
+        : {};
     return {
         summary: [
             {
@@ -100,10 +100,10 @@ export const propertyRecordsSessions = (data) => {
             },
             {
                 Basement: capitalize(data === null || data === void 0 ? void 0 : data.basementType),
-                '% Finished': capitalize(data === null || data === void 0 ? void 0 : data.basementFinishedPercent),
+                '% Finished': capitalize((_a = data === null || data === void 0 ? void 0 : data.basementFinishedPercent) !== null && _a !== void 0 ? _a : ''),
                 'Finished Sqft': capitalize(data === null || data === void 0 ? void 0 : data.basementSquareFeet),
-                '% Unfinished': (100 - Number((_a = data === null || data === void 0 ? void 0 : data.basementFinishedPercent) !== null && _a !== void 0 ? _a : 100)).toString(),
-                'Unfinished Sqft': capitalize(data === null || data === void 0 ? void 0 : data.basementSquareFeetUnFinished),
+                '% Unfinished': (100 - Number((_b = data === null || data === void 0 ? void 0 : data.basementFinishedPercent) !== null && _b !== void 0 ? _b : 100)).toString(),
+                'Unfinished Sqft': capitalize((_c = data === null || data === void 0 ? void 0 : data.basementSquareFeetUnFinished) !== null && _c !== void 0 ? _c : ''),
             },
         ],
         structure: [
@@ -119,8 +119,8 @@ export const propertyRecordsSessions = (data) => {
                 Garage: capitalize(data === null || data === void 0 ? void 0 : data.garageType),
                 'Garage Sqft': capitalize(data === null || data === void 0 ? void 0 : data.garageSquareFeet),
                 '% Finished': capitalize(data === null || data === void 0 ? void 0 : data.garageSquareFeet),
-                'Finished Sqft': capitalize(data === null || data === void 0 ? void 0 : data.garageSquareFeetFinished),
-                '% Unfinished': capitalize(data === null || data === void 0 ? void 0 : data.garageSquareFeetUnfinished),
+                'Finished Sqft': capitalize((_d = data === null || data === void 0 ? void 0 : data.garageSquareFeetFinished) !== null && _d !== void 0 ? _d : ''),
+                '% Unfinished': capitalize((_e = data === null || data === void 0 ? void 0 : data.garageSquareFeetUnfinished) !== null && _e !== void 0 ? _e : ''),
                 'Parking Spaces': capitalize(data === null || data === void 0 ? void 0 : data.parkingSpaces),
                 'RV Parking': (data === null || data === void 0 ? void 0 : data.rvParking) ? 'Yes' : 'No',
             },
@@ -133,19 +133,36 @@ export const propertyRecordsSessions = (data) => {
                 Pool: `${(data === null || data === void 0 ? void 0 : data.pool) ? 'Yes' : 'No'} - ${data === null || data === void 0 ? void 0 : data.poolArea} sqft`,
             },
             {
-                Sewage: capitalize(data === null || data === void 0 ? void 0 : data.utilitiesSewageUsage),
-                Water: capitalize(data === null || data === void 0 ? void 0 : data.utilitiesWaterSource),
+                Sewage: capitalize((_f = data === null || data === void 0 ? void 0 : data.utilitiesSewageUsage) !== null && _f !== void 0 ? _f : ''),
+                Water: capitalize((_g = data === null || data === void 0 ? void 0 : data.utilitiesWaterSource) !== null && _g !== void 0 ? _g : ''),
             },
         ],
         community: [
             {
-                Name: capitalize((_b = data === null || data === void 0 ? void 0 : data.neighborhood) === null || _b === void 0 ? void 0 : _b.name),
-                Type: capitalize((_c = data === null || data === void 0 ? void 0 : data.neighborhood) === null || _c === void 0 ? void 0 : _c.type),
-                Location: capitalize((_d = data === null || data === void 0 ? void 0 : data.neighborhood) === null || _d === void 0 ? void 0 : _d.center),
+                Name: capitalize((_h = data === null || data === void 0 ? void 0 : data.neighborhood) === null || _h === void 0 ? void 0 : _h.name),
+                Type: capitalize((_j = data === null || data === void 0 ? void 0 : data.neighborhood) === null || _j === void 0 ? void 0 : _j.type),
+                Location: capitalize((_k = data === null || data === void 0 ? void 0 : data.neighborhood) === null || _k === void 0 ? void 0 : _k.center),
             },
         ],
     };
 };
+export const propertyRecordsWizardSessions = (data) => {
+    var _a, _b;
+    return {
+        purchasePrice: {
+            Type: capitalize(data === null || data === void 0 ? void 0 : data.propertyUse),
+            'Year Built': capitalize(data === null || data === void 0 ? void 0 : data.yearBuilt),
+            Lot: capitalize(data === null || data === void 0 ? void 0 : data.lotSquareFeet),
+            Subdivision: `${capitalize((_a = data === null || data === void 0 ? void 0 : data.neighborhood) === null || _a === void 0 ? void 0 : _a.name) || ''} - ${capitalize((_b = data === null || data === void 0 ? void 0 : data.neighborhood) === null || _b === void 0 ? void 0 : _b.type) || ''}`,
+        },
+        assessedValue: {
+            Bedrooms: capitalize(data === null || data === void 0 ? void 0 : data.bedrooms),
+            Bathrooms: capitalize(data === null || data === void 0 ? void 0 : data.bathrooms),
+            'Half Bath': capitalize(data === null || data === void 0 ? void 0 : data.partialBathrooms),
+            'Total Sqft': String(data === null || data === void 0 ? void 0 : data.buildingSquareFeet),
+        },
+    };
+};
 export const propertyRecordIcons = {
     summary: House,
     interior: Building,

package/dist/interfaces/propertyTiles/RecordsSession.interface.d.ts

@@ -1,4 +1,7 @@
 export interface RecordsSessionI {
     details: Record<string, string | undefined>;
     showLine?: boolean;
+    textAlign?: 'left' | 'right';
+    gap?: string | number;
+    p?: string | number;
 }

package/dist/mocks/propertyTiles/details.d.ts

@@ -1,4 +1,6 @@
 import { HomeCardRecordsI, PropertyDetails } from '../../interfaces';
 export declare const propertyDetailsMock: PropertyDetails;
-export declare const propertyDetailsMockSmall: Record<string, string | undefined> | null;
+export declare const propertyDetailsMockSmall: Record<string, string | undefined>;
+export declare const purchasePriceMock: Record<string, string | undefined>;
+export declare const assessedValueMock: Record<string, string | undefined>;
 export declare const homeBoardRecorsMock: HomeCardRecordsI;

package/dist/mocks/propertyTiles/details.js

@@ -1,4 +1,4 @@
-import { propertyRecordsSessions } from '../../helpers';
+import { propertyRecordsSessions, propertyRecordsWizardSessions, } from '../../helpers';
 export const propertyDetailsMock = {
     airConditioningType: 'central',
     basementFinishedPercent: '100',
@@ -57,6 +57,8 @@ export const propertyDetailsMock = {
     yearBuilt: 2020,
 };
 export const propertyDetailsMockSmall = propertyRecordsSessions(propertyDetailsMock).summary[0];
+export const purchasePriceMock = propertyRecordsWizardSessions(propertyDetailsMock).purchasePrice;
+export const assessedValueMock = propertyRecordsWizardSessions(propertyDetailsMock).assessedValue;
 export const homeBoardRecorsMock = {
     propertyUse: propertyDetailsMock.propertyUse,
     yearBuilt: propertyDetailsMock.yearBuilt,

package/package.json

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

package/src/components/propertyTiles/propertyRecords/RecordsRow.tsx

@@ -1,7 +1,11 @@
 import { GridItem, Text } from '@chakra-ui/react'
 import { RecordsSessionI } from '@/interfaces'
 
-export const RecordsRow = ({ label, value }: RecordsSessionI['details']) => {
+export const RecordsRow = ({
+  label,
+  value,
+  textAlign = 'left',
+}: RecordsSessionI['details'] & { textAlign?: 'left' | 'right' }) => {
   return (
     <>
       <GridItem>
@@ -10,7 +14,11 @@ export const RecordsRow = ({ label, value }: RecordsSessionI['details']) => {
         </Text>
       </GridItem>
       <GridItem>
-        <Text fontFamily="secondary" textTransform="capitalize">
+        <Text
+          fontFamily="secondary"
+          textTransform="capitalize"
+          textAlign={textAlign}
+        >
           {value}
         </Text>
       </GridItem>

package/src/components/propertyTiles/propertyRecords/RecordsSession.tsx

@@ -5,15 +5,18 @@ import { RecordsSessionI } from '@/interfaces'
 export const RecordsSession = ({
   details,
   showLine = false,
+  gap = 'base',
+  textAlign = 'left',
+  p = 'base',
 }: RecordsSessionI) => {
-  const rows = Object.entries(details).map(([label, value = '']) => (
-    <RecordsRow key={label} label={label} value={value} />
+  const rows = Object.entries(details ?? {}).map(([label, value = '']) => (
+    <RecordsRow key={label} label={label} value={value} textAlign={textAlign} />
   ))
   return (
     <Grid
       templateColumns="repeat(2, 1fr)"
-      gridGap="base"
-      p="base"
+      gridGap={gap}
+      p={p}
       borderBottom="1px solid"
       borderColor={showLine ? 'lightBlue.2' : 'transparent'}
     >

package/src/components/wizard/index.ts

@@ -1,5 +1,6 @@
 export * from './ControlledWizard'
 export * from './WizardInitialOptions'
 export * from './WizardStepOptions'
+export * from './WizardSuccessHeader'
 export * from './WizardTextHeader'
 export * from './WizardTextBody'

package/src/helpers/propertyTiles/PropertyRecords.helper.ts

@@ -1,7 +1,7 @@
 import { Building, House, HouseHands, Patio } from '@/assets/images'
 import { PropertyDetails } from '@/interfaces'
 
-const capitalize = (str?: string | number | null) => {
+const capitalize = (str?: string | number) => {
   if (!str) return ''
   return str.toString().charAt(0).toUpperCase() + str.toString().slice(1)
 }
@@ -68,14 +68,14 @@ export const propertyRecordsToDB: Record<
 
 export const propertyRecordsSessions = (
   data: Partial<PropertyDetails>
-): Record<string, Array<Record<string, string | undefined> | null>> => {
+): Record<string, Array<Record<string, string | undefined>>> => {
   const flookRisk = data?.floodZone
     ? {
         'Flood Zone': data?.floodZone ? 'Yes' : 'No',
         Description: 'floodZoneDescription',
         'Flood Type': capitalize(data?.floodZoneType),
       }
-    : null
+    : {}
   return {
     summary: [
       {
@@ -107,12 +107,12 @@ export const propertyRecordsSessions = (
       },
       {
         Basement: capitalize(data?.basementType),
-        '% Finished': capitalize(data?.basementFinishedPercent),
+        '% Finished': capitalize(data?.basementFinishedPercent ?? ''),
         'Finished Sqft': capitalize(data?.basementSquareFeet),
         '% Unfinished': (
           100 - Number(data?.basementFinishedPercent ?? 100)
         ).toString(),
-        'Unfinished Sqft': capitalize(data?.basementSquareFeetUnFinished),
+        'Unfinished Sqft': capitalize(data?.basementSquareFeetUnFinished ?? ''),
       },
     ],
     structure: [
@@ -128,8 +128,8 @@ export const propertyRecordsSessions = (
         Garage: capitalize(data?.garageType),
         'Garage Sqft': capitalize(data?.garageSquareFeet),
         '% Finished': capitalize(data?.garageSquareFeet),
-        'Finished Sqft': capitalize(data?.garageSquareFeetFinished),
-        '% Unfinished': capitalize(data?.garageSquareFeetUnfinished),
+        'Finished Sqft': capitalize(data?.garageSquareFeetFinished ?? ''),
+        '% Unfinished': capitalize(data?.garageSquareFeetUnfinished ?? ''),
         'Parking Spaces': capitalize(data?.parkingSpaces),
         'RV Parking': data?.rvParking ? 'Yes' : 'No',
       },
@@ -144,8 +144,8 @@ export const propertyRecordsSessions = (
         Pool: `${data?.pool ? 'Yes' : 'No'} - ${data?.poolArea} sqft`,
       },
       {
-        Sewage: capitalize(data?.utilitiesSewageUsage),
-        Water: capitalize(data?.utilitiesWaterSource),
+        Sewage: capitalize(data?.utilitiesSewageUsage ?? ''),
+        Water: capitalize(data?.utilitiesWaterSource ?? ''),
       },
     ],
     community: [
@@ -158,6 +158,27 @@ export const propertyRecordsSessions = (
   }
 }
 
+export const propertyRecordsWizardSessions = (
+  data: Partial<PropertyDetails>
+): Record<string, Record<string, string | undefined>> => {
+  return {
+    purchasePrice: {
+      Type: capitalize(data?.propertyUse),
+      'Year Built': capitalize(data?.yearBuilt),
+      Lot: capitalize(data?.lotSquareFeet),
+      Subdivision: `${capitalize(data?.neighborhood?.name) || ''} - ${
+        capitalize(data?.neighborhood?.type) || ''
+      }`,
+    },
+    assessedValue: {
+      Bedrooms: capitalize(data?.bedrooms),
+      Bathrooms: capitalize(data?.bathrooms),
+      'Half Bath': capitalize(data?.partialBathrooms),
+      'Total Sqft': String(data?.buildingSquareFeet),
+    },
+  }
+}
+
 export const propertyRecordIcons: Record<string, string> = {
   summary: House,
   interior: Building,

package/src/interfaces/propertyTiles/RecordsSession.interface.ts

@@ -1,4 +1,7 @@
 export interface RecordsSessionI {
   details: Record<string, string | undefined>
   showLine?: boolean
+  textAlign?: 'left' | 'right'
+  gap?: string | number
+  p?: string | number
 }

package/src/mocks/propertyTiles/details.ts

@@ -1,4 +1,7 @@
-import { propertyRecordsSessions } from '@/helpers'
+import {
+  propertyRecordsSessions,
+  propertyRecordsWizardSessions,
+} from '@/helpers'
 import { HomeCardRecordsI, PropertyDetails } from '@/interfaces'
 
 export const propertyDetailsMock: PropertyDetails = {
@@ -62,6 +65,12 @@ export const propertyDetailsMock: PropertyDetails = {
 export const propertyDetailsMockSmall =
   propertyRecordsSessions(propertyDetailsMock).summary[0]
 
+export const purchasePriceMock =
+  propertyRecordsWizardSessions(propertyDetailsMock).purchasePrice
+
+export const assessedValueMock =
+  propertyRecordsWizardSessions(propertyDetailsMock).assessedValue
+
 export const homeBoardRecorsMock: HomeCardRecordsI = {
   propertyUse: propertyDetailsMock.propertyUse,
   yearBuilt: propertyDetailsMock.yearBuilt,