@homefile/components-v2 2.33.0 → 2.34.1

package/src/helpers/forms/dynamicForm.helper.ts

@@ -34,7 +34,7 @@ import {
   Heater,
   Light,
   Plate,
-  Pool2,
+  Pool,
   Closet,
   Structure,
   GlassWater,
@@ -79,91 +79,145 @@ import {
   YellowFolder,
   Warranty,
   Flower,
+  Jacuzzi,
   MagnifyingGlassPerson,
 } from '@/assets/images'
+
+import {
+  CookTop,
+  Dishwasher,
+  Dryer,
+  Freezer,
+  Fridge,
+  Hood,
+  Microwave,
+  Oven,
+  Range,
+  Washer,
+  tankWater,
+  tanklessWater,
+} from '@/assets/images/appliances'
+
+import {
+  BatterySmokeDetector,
+  Co2Detector,
+  FireExtinguisher,
+  Furnace,
+  HeatPump,
+  InWall,
+  LandscapeLights,
+  Other,
+  SprinklerSystem,
+  SprinklerSystem2,
+  WiredSmokeDetector,
+} from '@/assets/images/home-assistant'
 import { IconTypes } from '@/interfaces'
 
 export const fieldIcons: Record<IconTypes, string> = {
+  '68': SixtyEight,
+  'aa-disease': AADisease,
+  'aa-dressing': AADressing,
+  'aa-fertilization': AALawn,
+  'aa-mowing': AAMowing,
+  'aa-pest': AApest,
+  'aa-weed': AAWeed,
+  'battery-smoke-detector': BatterySmokeDetector,
+  'boc-filter': BOCFilter,
+  'boc-green': BOCGreen,
+  'boc-renovation': BOCRenovation,
+  'boc-repair': BOCRepair,
+  'boc-service': BOCService,
+  'boc-warranty': BOCWarranty,
+  'book-opened': BookOpened,
+  'calendar-drop': DropCalendar,
+  'co2-detector': Co2Detector,
+  'dish-washer': Dishwasher,
+  'filter-size': FilterSize,
+  'fire-extinguisher': FireExtinguisher,
+  'heat-pump': HeatPump,
+  'in-wall': InWall,
+  'landscape-lights': LandscapeLights,
+  'life-preserver': LifePreserver,
+  'mobile-drop': MobileDrop,
+  'mr-boxes': MRBoxes,
+  'mr-clock': MRClock,
+  'mr-couch': MRCouch,
+  'mr-hand': MRHand,
+  'mr-make-ready': MRMakeReady,
+  'mr-rental': MRRental,
+  'pressure-washer': PressureWasher,
+  'search-person': MagnifyingGlassPerson,
+  'sh-gutter': GutterCleaning,
+  'sh-home': HomeCleaning,
+  'sh-house': HouseWashing,
+  'sh-lights': HolidayLights,
+  'sh-pressure': Pressure,
+  'sh-roof': RoofCleaning,
+  'sh-window': WindowCleaning,
+  'solar-panel': SolarPanel,
+  'sprinkler-system': SprinklerSystem,
+  'sprinkler-system2': SprinklerSystem2,
+  'tank-water': tankWater,
+  'tankless-water': tanklessWater,
+  'wired-smoke-detector': WiredSmokeDetector,
   barcode: Barcode,
+  battery: Battery2,
   billing: Billing,
   book: Book,
-  'book-opened': BookOpened,
   calc: Calc,
+  calendar: Calendar,
+  calendar2: Calendar2,
   check: CheckPen,
+  cleaning: Cleaning,
+  co2: Co2,
+  company: Company2,
   contact: Contacts,
+  'cook-top': CookTop,
   date: Calendar,
   default: GenericField,
+  detector: Detector,
+  drop: Drop,
+  dryer: Dryer,
+  electricity: Electricity,
+  fire: Fire,
+  flower: Flower,
+  folder: YellowFolder,
+  foundation: Foundation,
+  freezer: Freezer,
+  fridge: Fridge,
+  furnace: Furnace,
+  gear: GearTime,
   goldbars: GoldenBars,
   heart: Heart,
+  heater: Heater,
+  hood: Hood,
+  house: Structure,
   image: ImgIcon,
+  jacuzzi: Jacuzzi,
+  light: Light,
+  microwave: Microwave,
   notes: Notes,
+  other: Other,
+  oven: Oven,
   palette: Paint,
   people: ShareWith,
+  plant: Plant,
+  plate: Plate,
+  pool: Pool,
   price: Price,
+  range: Range,
   rating: Rating,
   receipt: Receipt,
   registry: Registry,
-  tools: Tools2,
-  battery: Battery2,
-  calendar: Calendar,
-  co2: Co2,
-  detector: Detector,
-  electricity: Electricity,
-  sprinkler: Sprinkler,
-  '68': SixtyEight,
-  'calendar-drop': DropCalendar,
-  'mobile-drop': MobileDrop,
-  'solar-panel': SolarPanel,
-  calendar2: Calendar2,
-  drop: Drop,
-  fire: Fire,
-  wind: Wind,
-  foundation: Foundation,
-  heater: Heater,
-  'life-preserver': LifePreserver,
-  light: Light,
-  plant: Plant,
-  plate: Plate,
-  'pressure-washer': PressureWasher,
-  pool: Pool2,
   roof: Roof2,
-  umbrella: Closet,
-  warranty: Warranty,
-  water: GlassWater,
-  house: Structure,
+  sprinkler: Sprinkler,
   target: Target,
   title: CircleFace,
-  company: Company2,
+  tools: Tools2,
+  umbrella: Closet,
   wallet: Wallet,
-  gear: GearTime,
-  folder: YellowFolder,
-  flower: Flower,
-  'search-person': MagnifyingGlassPerson,
-  'sh-gutter': GutterCleaning,
-  'sh-home': HomeCleaning,
-  'sh-house': HouseWashing,
-  'sh-lights': HolidayLights,
-  'sh-pressure': Pressure,
-  'sh-roof': RoofCleaning,
-  'sh-window': WindowCleaning,
-  'aa-mowing': AAMowing,
-  'aa-fertilization': AALawn,
-  'aa-disease': AADisease,
-  'aa-weed': AAWeed,
-  'aa-dressing': AADressing,
-  'aa-pest': AApest,
-  'filter-size': FilterSize,
-  'boc-service': BOCService,
-  'boc-filter': BOCFilter,
-  'boc-repair': BOCRepair,
-  'boc-renovation': BOCRenovation,
-  'boc-green': BOCGreen,
-  'boc-warranty': BOCWarranty,
-  'mr-boxes': MRBoxes,
-  'mr-clock': MRClock,
-  'mr-couch': MRCouch,
-  'mr-hand': MRHand,
-  'mr-make-ready': MRMakeReady,
-  'mr-rental': MRRental,
-  cleaning: Cleaning,
+  warranty: Warranty,
+  washer: Washer,
+  water: GlassWater,
+  wind: Wind,
 }

package/src/helpers/index.ts

@@ -22,3 +22,4 @@ export * from './SignIn.helper'
 export * from './SignUp.helper'
 export * from './tour'
 export * from './HomeRoles.helper'
+export * from './wizard/optionsStyles'

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/helpers/wizard/optionsStyles.ts

@@ -0,0 +1,20 @@
+export const setOptionButtonStyles = (completed = false) => {
+  switch (completed) {
+    case true:
+      return {
+        bg: 'lightGreen.7',
+        transition: 'all 0.3s',
+        _hover: {
+          bg: 'lightGreen.8',
+        },
+      }
+    case false:
+      return {
+        bg: 'neutral.white',
+        transition: 'all 0.3s',
+        _hover: {
+          bg: 'lightGreen.7',
+        },
+      }
+  }
+}

package/src/interfaces/forms/dynamicForm/DynamicForm.interface.ts

@@ -117,6 +117,35 @@ export type IconTypes =
   | 'warranty'
   | 'water'
   | 'wind'
+  | 'battery-smoke-detector'
+  | 'cooktop'
+  | 'dish-washer'
+  | 'dryer'
+  | 'filter-size'
+  | 'fire-extinguisher'
+  | 'freezer'
+  | 'fridge'
+  | 'furnace'
+  | 'hood'
+  | 'in-wall'
+  | 'jacuzzi'
+  | 'landscape-lights'
+  | 'microwave'
+  | 'mr-boxes'
+  | 'mr-clock'
+  | 'mr-couch'
+  | 'mr-hand'
+  | 'mr-make-ready'
+  | 'mr-rental'
+  | 'other'
+  | 'oven'
+  | 'range'
+  | 'sprinkler-system'
+  | 'sprinkler-system2'
+  | 'tank-water'
+  | 'tankless-water'
+  | 'washer'
+  | 'wired-smoke-detector'
   | UIIconTypes
 
 export type UIIconTypes =

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/forms/dynamicForm.mock.ts

@@ -1387,4 +1387,289 @@ export const homeWizardForm: ReportI[] = [
     ],
     value: true,
   },
+  {
+    type: 'home-wizard',
+    id: 'home-wizard-2',
+    children: [
+      {
+        type: 'home-wizard-header',
+        id: 'home-wizard-header-2',
+        label: '2. Tell Homi about your fire safety.',
+        description:
+          'Homi tracks your safety devices, reminds you to test or replace them, and helps you keep your home protected year-round.',
+        value: '',
+      },
+      {
+        type: 'home-wizard-step-options',
+        id: 'home-wizard-step-options-1',
+        value: 'Select what fire protection you have in your home?',
+        children: [
+          {
+            id: 'smoke-detectors',
+            type: 'text',
+            label: 'WIRED SMOKE DET',
+            value: false,
+            icon: 'wired-smoke-detector',
+          },
+          {
+            id: 'battery-smoke-detectors',
+            type: 'text',
+            label: 'BATTERY SMOKE DET',
+            value: false,
+            icon: 'battery-smoke-detector',
+          },
+          {
+            id: 'co2-detectors',
+            type: 'text',
+            label: 'CO2 DETECTORS',
+            value: false,
+            icon: 'co2-detector',
+          },
+          {
+            id: 'sprinkler-system',
+            type: 'text',
+            label: 'SPRINKLER SYSTEM',
+            value: false,
+            icon: 'sprinkler-system',
+          },
+          {
+            id: 'fire-extinguisher',
+            type: 'text',
+            label: 'FIRE EXTINGUISHER',
+            value: false,
+            icon: 'fire-extinguisher',
+          },
+
+          {
+            id: 'other-not-listed',
+            type: 'text',
+            label: 'OTHER/NOT LISTED',
+            value: false,
+            icon: 'other',
+          },
+        ],
+      },
+    ],
+    value: true,
+  },
+  {
+    type: 'home-wizard',
+    id: 'home-wizard-3',
+    children: [
+      {
+        type: 'home-wizard-header',
+        id: 'home-wizard-header-3',
+        label: '3. Tell Homi about your appliances.',
+        description:
+          'Homi monitors warranties, service schedules, and replacement timing to help you extend lifespan and avoid costly breakdowns.',
+        value: '',
+      },
+      {
+        type: 'home-wizard-step-options',
+        id: 'home-wizard-step-options-1',
+        value: 'Select the appliances you have in your home.',
+        children: [
+          {
+            id: 'oven',
+            type: 'text',
+            label: 'OVEN',
+            value: false,
+            icon: 'oven',
+          },
+          {
+            id: 'fridge',
+            type: 'text',
+            label: 'FRIDGE',
+            value: false,
+            icon: 'fridge',
+          },
+          {
+            id: 'freezer',
+            type: 'text',
+            label: 'FREEZER',
+            value: false,
+            icon: 'freezer',
+          },
+          {
+            id: 'washer',
+            type: 'text',
+            label: 'WASHER',
+            value: false,
+            icon: 'washer',
+          },
+          {
+            id: 'dryer',
+            type: 'text',
+            label: 'DRYER',
+            value: false,
+            icon: 'dryer',
+          },
+          {
+            id: 'dish-washer',
+            type: 'text',
+            label: 'DISH WASHER',
+            value: false,
+            icon: 'dish-washer',
+          },
+          {
+            id: 'range',
+            type: 'text',
+            label: 'RANGE',
+            value: false,
+            icon: 'range',
+          },
+          {
+            id: 'hood',
+            type: 'text',
+            label: 'HOOD',
+            value: false,
+            icon: 'hood',
+          },
+          {
+            id: 'microwave',
+            type: 'text',
+            label: 'MICROWAVE',
+            value: false,
+            icon: 'microwave',
+          },
+          {
+            id: 'cook-top',
+            type: 'text',
+            label: 'COOK TOP',
+            value: false,
+            icon: 'cook-top',
+          },
+          {
+            id: 'tankless-waterhtr',
+            type: 'text',
+            label: 'TANKLESS WATERHTR',
+            value: false,
+            icon: 'tankless-water',
+          },
+          {
+            id: 'tank-waterhtr',
+            type: 'text',
+            label: 'TANK WATERHTR',
+            value: false,
+            icon: 'tank-water',
+          },
+        ],
+      },
+    ],
+    value: true,
+  },
+  {
+    type: 'home-wizard',
+    id: 'home-wizard-4',
+    children: [
+      {
+        type: 'home-wizard-header',
+        id: 'home-wizard-header-4',
+        label: '4. Tell Homi about your climate control.',
+        description:
+          'Homi manages filter changes, tune-ups, and efficiency tips to keep your system running smoothly and lower energy costs.',
+        value: '',
+      },
+      {
+        type: 'home-wizard-step-options',
+        id: 'home-wizard-step-options-1',
+        value: 'What heating and cooling devices in your home:',
+        children: [
+          {
+            id: 'hvac-furnace',
+            type: 'text',
+            label: 'HVAC/ FURNACE',
+            value: false,
+            icon: 'furnace',
+          },
+          {
+            id: 'heat-pump',
+            type: 'text',
+            label: 'HEAT PUMP',
+            value: false,
+            icon: 'heat-pump',
+          },
+          {
+            id: 'in-wall',
+            type: 'text',
+            label: 'IN-WALL',
+            value: false,
+            icon: 'in-wall',
+          },
+          {
+            id: 'other-not-listed',
+            type: 'text',
+            label: 'OTHER/NOT LISTED',
+            value: false,
+            icon: 'other',
+          },
+        ],
+      },
+    ],
+    value: true,
+  },
+  {
+    type: 'home-wizard',
+    id: 'home-wizard-5',
+    children: [
+      {
+        type: 'home-wizard-header',
+        id: 'home-wizard-header-5',
+        label: '5. Tell Homi about your landscape.',
+        description:
+          'Homi tracks outdoor systems, plans seasonal care, and helps protect your home’s curb appeal and investment.',
+        value: '',
+      },
+      {
+        type: 'home-wizard-step-options',
+        id: 'home-wizard-step-options-1',
+        value: 'Select the types of structure elements of your home:',
+        children: [
+          {
+            id: 'pool',
+            type: 'text',
+            label: 'POOL',
+            value: false,
+            icon: 'pool',
+          },
+          {
+            id: 'jacuzzi',
+            type: 'text',
+            label: 'JACUZZI',
+            value: false,
+            icon: 'jacuzzi',
+          },
+          {
+            id: 'sprinkler-system',
+            type: 'text',
+            label: 'SPRINKLER SYSTEM',
+            value: false,
+            icon: 'sprinkler-system2',
+          },
+          {
+            id: 'landscape-lights',
+            type: 'text',
+            label: 'LANDSCAPE LIGHTS',
+            value: false,
+            icon: 'landscape-lights',
+          },
+          {
+            id: 'outdoor-kitchen',
+            type: 'text',
+            label: 'OUTDOOR KITCHEN',
+            value: false,
+            icon: 'cook-top',
+          },
+          {
+            id: 'other-not-listed',
+            type: 'text',
+            label: 'OTHER/NOT LISTED',
+            value: false,
+            icon: 'other',
+          },
+        ],
+      },
+    ],
+    value: true,
+  },
 ]

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,