@homefile/components-v2 2.14.10 → 2.14.12

package/dist/components/partner/panel/PartnerCategorySelect.js

@@ -3,9 +3,59 @@ import { useState } from 'react';
 import { t } from 'i18next';
 import { Image, Flex, Menu, Text } from '@chakra-ui/react';
 import { SelectButton, SelectList, SelectItem } from '../..';
-import { categoryItems, partnerCategoriesIcons, textOptionVariants, } from '../../../helpers';
+import { partnerCategoriesIcons, textOptionVariants, } from '../../../helpers';
 export const PartnerCategorySelect = ({ onClick, width = '10rem', }) => {
     const [category, setCategory] = useState(t('partner.categories.all'));
+    const categoryItems = [
+        {
+            name: t('partner.categories.all'),
+            _id: 'all',
+        },
+        {
+            name: t('partner.categories.insurance'),
+            _id: 'insurance',
+        },
+        {
+            name: t('partner.categories.maintenance'),
+            _id: 'maintenance',
+        },
+        {
+            name: t('partner.categories.warranty'),
+            _id: 'warranty',
+        },
+        {
+            name: t('partner.categories.construction'),
+            _id: 'construction',
+        },
+        {
+            name: t('partner.categories.finance'),
+            _id: 'finance',
+        },
+        {
+            name: t('partner.categories.plumbing'),
+            _id: 'plumbing',
+        },
+        {
+            name: t('partner.categories.electrical'),
+            _id: 'electrical',
+        },
+        {
+            name: t('partner.categories.design'),
+            _id: 'design',
+        },
+        {
+            name: t('partner.categories.organization'),
+            _id: 'organization',
+        },
+        {
+            name: t('partner.categories.misc'),
+            _id: 'misc',
+        },
+        {
+            name: t('partner.categories.other'),
+            _id: 'other',
+        },
+    ];
     return (_jsxs(Menu, { children: [_jsx(SelectButton, { variant: "primary", selectedValue: category, width: width }), _jsx(SelectList, { children: categoryItems.map(({ _id, name }) => {
                     const handleClick = () => {
                         setCategory(name);

package/dist/mocks/forms/dynamicForm.mock.js

@@ -770,78 +770,70 @@ export const unknownFormMock = {
     productClass: '',
     misc: {
         information: {
-            description: 'The LG GBB71PZDMN is a premium refrigerator that offers fresh storage solutions with advanced features.',
+            description: 'The KitchenAid KRSC503ESS01 is a side-by-side refrigerator that features a sleek, stainless steel design and a variety of advanced features for food preservation.',
             features: [
-                'Inverter Linear Compressor for energy efficiency',
-                'Multi-Air Flow cooling system',
-                'Frost-free design',
-                'Smart Diagnosis technology',
-                'LED interior lighting',
+                'External ice and water dispenser',
+                'Humidity-controlled crisper drawers',
+                'Adaptive cooling technology',
+                'LED lighting',
+                'Adjustable shelves',
             ],
         },
         warranty: {
-            generalWarranty: '2 years',
-            compressorWarranty: '10 years',
+            duration: '1 Year',
+            coverage: 'Parts and labor for the entire unit.',
         },
-        estimatedYearOfManufacture: '2020',
+        estimatedYearOfManufacture: 2018,
         specifications: {
             dimensions: {
-                width: '595 mm',
-                height: '2010 mm',
-                depth: '682 mm',
+                height: '69.75 inches',
+                width: '36 inches',
+                depth: '33.375 inches',
             },
             capacity: {
-                totalNetCapacity: '341 liters',
-                fridgeNetCapacity: '229 liters',
-                freezerNetCapacity: '112 liters',
-            },
-            energyRating: 'A++',
-            color: 'Silver',
-            weight: '70 kg',
-            installationType: 'Freestanding',
+                totalCapacity: '25.8 cubic feet',
+                refrigeratorCapacity: '16.69 cubic feet',
+                freezerCapacity: '9.11 cubic feet',
+            },
+            energyEfficiency: 'Energy Star certified',
+            color: 'Stainless Steel',
+            finish: 'Fingerprint resistant',
+            iceMaker: 'Yes',
+            waterDispenser: 'Yes',
         },
         troubleshootingTips: [
             {
                 issue: 'Refrigerator not cooling',
-                tips: [
-                    'Check if the refrigerator is plugged in and receiving power.',
-                    'Ensure the temperature settings are correct.',
-                    'Make sure the vents are not blocked.',
-                    'Check for a faulty compressor or other internal components.',
-                ],
-            },
-            {
-                issue: 'Water pooling inside the fridge',
-                tips: [
-                    'Check the drainage hole for blockages.',
-                    'Inspect the door seals for proper sealing.',
-                    'Ensure that food items do not block airflow.',
-                ],
-            },
-        ],
-        replacementParts: {
-            compressor: 'LG part number 4924JA0211A',
-            doorSeal: 'LG part number 4986JJ3001A',
-            fanMotor: 'LG part number 4681JB1028C',
-            lighting: 'LG part number 6912JB2004E',
-        },
-        recommendedParts: [
-            {
-                partName: 'Water Filter',
-                partNumber: 'EDR1RXD1',
-                description: 'Refrigerator water filter for cleaner, fresher water.',
+                solution: 'Check if the thermostat is set to the recommended temperature and ensure that doors are sealing properly.',
             },
             {
-                partName: 'Ice Maker Kit',
-                partNumber: 'W10190948A',
-                description: 'Replacement ice maker assembly for the freezer.',
+                issue: 'Water dispenser not working',
+                solution: 'Ensure the water supply is connected and the water filter is not clogged.',
             },
             {
-                partName: 'Shelves',
-                partNumber: 'W10720274',
-                description: 'Adjustable shelves for refrigerator compartment.',
+                issue: 'Ice maker not producing ice',
+                solution: 'Make sure the ice maker is turned on and that the water line is not frozen.',
             },
         ],
+        replacementParts: {
+            recommendedParts: [
+                {
+                    partName: 'Water Filter',
+                    partNumber: 'EDR1RXD1',
+                    description: 'Refrigerator water filter for cleaner, fresher water.',
+                },
+                {
+                    partName: 'Ice Maker Kit',
+                    partNumber: 'W10190948A',
+                    description: 'Replacement ice maker assembly for the freezer.',
+                },
+                {
+                    partName: 'Shelves',
+                    partNumber: 'W10720274',
+                    description: 'Adjustable shelves for refrigerator compartment.',
+                },
+            ],
+        },
     },
     createdAt: '2025-04-17T19:26:39.435Z',
     updatedAt: '2025-04-17T19:26:39.435Z',

package/dist/utils/DynamicForm.utils.js

@@ -1,9 +1,11 @@
 import { v4 as uuidv4 } from 'uuid';
 const MAX_DEPTH = 10;
 const FIELDS_TO_IGNORE = ['_id', '__v', 'createdAt', 'updatedAt'];
+const NESTED_RECURSION_DEPTH = 1;
 export const mapApiObjectToFormFields = ({ obj = {}, depth = 0, labelPrefix = '', } = {}) => {
     if (depth > MAX_DEPTH)
         return [];
+    // merge misc into root
     const misc = 'misc' in obj && typeof obj.misc === 'object' && obj.misc !== null
         ? obj.misc
         : {};
@@ -14,160 +16,101 @@ export const mapApiObjectToFormFields = ({ obj = {}, depth = 0, labelPrefix = ''
         .filter(([key]) => !FIELDS_TO_IGNORE.includes(key))
         .flatMap(([key, value]) => {
         const currentLabel = `${labelPrefix ? `${labelPrefix} - ` : ''}${capitalize(key)}`;
+        // primitives
         if (typeof value === 'string') {
-            return [
-                {
-                    id: uuidv4(),
-                    name: currentLabel,
-                    label: currentLabel,
-                    description: '',
-                    comments: '',
-                    value,
-                    type: 'text',
-                    visible: true,
-                },
-            ];
+            return [buildField(currentLabel, 'text', value)];
         }
         if (typeof value === 'number') {
-            return [
-                {
-                    id: uuidv4(),
-                    name: currentLabel,
-                    label: currentLabel,
-                    description: '',
-                    comments: '',
-                    value: String(value),
-                    type: 'number',
-                    visible: true,
-                },
-            ];
+            return [buildField(currentLabel, 'number', String(value))];
         }
         if (typeof value === 'boolean') {
-            return [
-                {
-                    id: uuidv4(),
-                    name: currentLabel,
-                    label: currentLabel,
-                    description: '',
-                    comments: '',
-                    value: String(value),
-                    type: 'switch',
-                    visible: true,
-                },
-            ];
+            return [buildField(currentLabel, 'switch', String(value))];
         }
+        // string array
         if (Array.isArray(value) && value.every((v) => typeof v === 'string')) {
-            const htmlValue = value.map((v) => `${v}`).join('<br/>');
-            return [
-                {
-                    id: uuidv4(),
-                    name: currentLabel,
-                    label: currentLabel,
-                    description: '',
-                    comments: '',
-                    value: htmlValue,
-                    type: 'textarea',
-                    visible: true,
-                },
-            ];
+            return [buildField(currentLabel, 'textarea', value.join('<br/>'))];
         }
+        // object array directly
         if (Array.isArray(value) &&
             value.every((v) => Object.prototype.toString.call(v) === '[object Object]')) {
-            const htmlList = value
-                .map((item) => {
-                const flat = flattenObject(item);
-                return Object.entries(flat)
-                    .map(([k, v]) => {
-                    const label = capitalize(k);
-                    return Array.isArray(v) &&
-                        v.every((el) => typeof el === 'string')
-                        ? `<span><strong>${label}:</strong><ul>${v
-                            .map((el) => `<li>${el}</li>`)
-                            .join('')}</ul></span><br/>`
-                        : `<span><strong>${label}:</strong> ${formatHtmlValue(v)}</span><br/>`;
-                })
-                    .join('');
-            })
-                .join('<br/>');
-            return [
-                {
-                    id: uuidv4(),
-                    name: currentLabel,
-                    label: currentLabel,
-                    description: '',
-                    comments: '',
-                    value: `<span>${htmlList}</span>`,
-                    type: 'textarea',
-                    visible: true,
-                },
-            ];
+            return [buildField(currentLabel, 'textarea', renderObjectArray(value))];
         }
+        // object with single array field
         if (isRecord(value)) {
-            const flat = flattenObject(value);
-            const lines = Object.entries(flat)
-                .map(([k, v]) => {
-                const label = capitalize(k);
-                return Array.isArray(v) && v.every((el) => typeof el === 'string')
-                    ? `<span><strong>${label}:</strong><ul>${v
-                        .map((el) => `<li>${el}</li>`)
-                        .join('')}</ul></span></br/>`
-                    : `<span><strong>${label}:</strong> ${formatHtmlValue(v)}</span></br/>`;
-            })
-                .join('');
-            const htmlValue = `<span>${lines}</span>`;
-            return [
-                {
-                    id: uuidv4(),
-                    name: currentLabel,
-                    label: currentLabel,
-                    description: '',
-                    comments: '',
-                    value: htmlValue,
-                    type: 'textarea',
-                    visible: true,
-                },
-            ];
+            const entries = Object.entries(value);
+            if (entries.length === 1 &&
+                Array.isArray(entries[0][1]) &&
+                entries[0][1].every(isRecord)) {
+                const [subKey, subArr] = entries[0];
+                const label = `${currentLabel} - ${capitalize(subKey)}`;
+                return [
+                    Object.assign(Object.assign({}, buildField(label, 'textarea', renderObjectArray(subArr))), { name: label, label }),
+                ];
+            }
         }
-        return [
-            {
-                id: uuidv4(),
-                name: currentLabel,
-                label: currentLabel,
-                description: '',
-                comments: '',
-                value: String(value),
-                type: 'default',
-                visible: false,
-            },
-        ];
+        // nested object
+        if (isRecord(value)) {
+            if (depth >= NESTED_RECURSION_DEPTH) {
+                return mapApiObjectToFormFields({
+                    obj: value,
+                    depth: depth + 1,
+                    labelPrefix: currentLabel,
+                });
+            }
+            // shallow object -> flatten
+            return [buildField(currentLabel, 'textarea', renderObject(value))];
+        }
+        // fallback
+        return [buildField(currentLabel, 'default', String(value), false)];
     });
 };
-const capitalize = (str) => {
-    return str
-        .replace(/([a-z])([A-Z])/g, '$1 $2')
-        .replace(/_/g, ' ')
-        .replace(/\b\w/g, (c) => c.toUpperCase());
+// helpers
+const buildField = (name, type, value, visible = true) => ({
+    id: uuidv4(),
+    name,
+    label: name,
+    description: '',
+    comments: '',
+    value,
+    type: type,
+    visible,
+});
+const renderObjectArray = (arr) => arr
+    .map((item) => `<div>${renderObject(item).replace(/<br\/\>/g, '')}</div>`)
+    .join('<br/>');
+const renderObject = (obj) => {
+    const flat = flattenObject(obj);
+    return ('<div>' +
+        Object.entries(flat)
+            .map(([k, v]) => {
+            const label = capitalize(k);
+            if (Array.isArray(v) && v.every((el) => typeof el === 'string')) {
+                return `<div><strong>${label}:</strong><ul>${v
+                    .map((el) => `<li>${el}</li>`)
+                    .join('')}</ul></div>`;
+            }
+            return `<div><strong>${label}:</strong> ${formatHtmlValue(v)}</div>`;
+        })
+            .join('<br/>') +
+        '</div>');
 };
-const isRecord = (val) => {
-    return typeof val === 'object' && val !== null && !Array.isArray(val);
-};
-const formatHtmlValue = (val) => {
-    if (Array.isArray(val) && val.every((v) => typeof v === 'string')) {
-        return val.map((v) => `${v}`).join('<br/>');
+const capitalize = (str) => str
+    .replace(/([a-z])([A-Z])/g, '$1 $2')
+    .replace(/_/g, ' ')
+    .replace(/\b\w/g, (c) => c.toUpperCase());
+const isRecord = (val) => typeof val === 'object' && val !== null && !Array.isArray(val);
+const formatHtmlValue = (val) => Array.isArray(val) && val.every((v) => typeof v === 'string')
+    ? val.join('<br/>')
+    : String(val);
+const flattenObject = (obj, parentKey = '') => Object.entries(obj).reduce((acc, [key, value]) => {
+    const fullKey = parentKey
+        ? `${parentKey} - ${capitalize(key)}`
+        : capitalize(key);
+    if (value && typeof value === 'object' && !Array.isArray(value)) {
+        Object.assign(acc, flattenObject(value, fullKey));
     }
-    return String(val);
-};
-const flattenObject = (obj, parentKey = '') => {
-    return Object.entries(obj).reduce((acc, [key, value]) => {
-        const fullKey = parentKey
-            ? `${parentKey} - ${capitalize(key)}`
-            : capitalize(key);
-        if (value && typeof value === 'object' && !Array.isArray(value)) {
-            Object.assign(acc, flattenObject(value, fullKey));
-        }
-        else {
-            acc[fullKey] = value;
-        }
-        return acc;
-    }, {});
-};
+    else {
+        acc[fullKey] = value;
+    }
+    return acc;
+}, {});

package/package.json

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

package/src/components/partner/panel/PartnerCategorySelect.tsx

@@ -3,17 +3,68 @@ import { t } from 'i18next'
 import { Image, Flex, Menu, Text } from '@chakra-ui/react'
 import { SelectButton, SelectList, SelectItem } from '@/components'
 import {
-  categoryItems,
   partnerCategoriesIcons,
   textOptionVariants,
 } from '@/helpers'
-import { PartnerCategorySelectI } from '@/interfaces'
+import { PartnerCategorySelectI, SelectItemI, PartnerCategoryTypes } from '@/interfaces'
 
 export const PartnerCategorySelect = ({
   onClick,
   width = '10rem',
 }: PartnerCategorySelectI) => {
   const [category, setCategory] = useState<string>(t('partner.categories.all'))
+
+  const categoryItems: SelectItemI<PartnerCategoryTypes>[] = [
+    {
+      name: t('partner.categories.all'),
+      _id: 'all',
+    },
+    {
+      name: t('partner.categories.insurance'),
+      _id: 'insurance',
+    },
+    {
+      name: t('partner.categories.maintenance'),
+      _id: 'maintenance',
+    },
+    {
+      name: t('partner.categories.warranty'),
+      _id: 'warranty',
+    },
+    {
+      name: t('partner.categories.construction'),
+      _id: 'construction',
+    },
+    {
+      name: t('partner.categories.finance'),
+      _id: 'finance',
+    },
+    {
+      name: t('partner.categories.plumbing'),
+      _id: 'plumbing',
+    },
+    {
+      name: t('partner.categories.electrical'),
+      _id: 'electrical',
+    },
+    {
+      name: t('partner.categories.design'),
+      _id: 'design',
+    },
+    {
+      name: t('partner.categories.organization'),
+      _id: 'organization',
+    },
+    {
+      name: t('partner.categories.misc'),
+      _id: 'misc',
+    },
+    {
+      name: t('partner.categories.other'),
+      _id: 'other',
+    },
+  ]
+
   return (
     <Menu>
       <SelectButton variant="primary" selectedValue={category} width={width} />

package/src/mocks/forms/dynamicForm.mock.ts

@@ -781,78 +781,73 @@ export const unknownFormMock: Record<string, any> = {
   misc: {
     information: {
       description:
-        'The LG GBB71PZDMN is a premium refrigerator that offers fresh storage solutions with advanced features.',
+        'The KitchenAid KRSC503ESS01 is a side-by-side refrigerator that features a sleek, stainless steel design and a variety of advanced features for food preservation.',
       features: [
-        'Inverter Linear Compressor for energy efficiency',
-        'Multi-Air Flow cooling system',
-        'Frost-free design',
-        'Smart Diagnosis technology',
-        'LED interior lighting',
+        'External ice and water dispenser',
+        'Humidity-controlled crisper drawers',
+        'Adaptive cooling technology',
+        'LED lighting',
+        'Adjustable shelves',
       ],
     },
     warranty: {
-      generalWarranty: '2 years',
-      compressorWarranty: '10 years',
+      duration: '1 Year',
+      coverage: 'Parts and labor for the entire unit.',
     },
-    estimatedYearOfManufacture: '2020',
+    estimatedYearOfManufacture: 2018,
     specifications: {
       dimensions: {
-        width: '595 mm',
-        height: '2010 mm',
-        depth: '682 mm',
+        height: '69.75 inches',
+        width: '36 inches',
+        depth: '33.375 inches',
       },
       capacity: {
-        totalNetCapacity: '341 liters',
-        fridgeNetCapacity: '229 liters',
-        freezerNetCapacity: '112 liters',
-      },
-      energyRating: 'A++',
-      color: 'Silver',
-      weight: '70 kg',
-      installationType: 'Freestanding',
+        totalCapacity: '25.8 cubic feet',
+        refrigeratorCapacity: '16.69 cubic feet',
+        freezerCapacity: '9.11 cubic feet',
+      },
+      energyEfficiency: 'Energy Star certified',
+      color: 'Stainless Steel',
+      finish: 'Fingerprint resistant',
+      iceMaker: 'Yes',
+      waterDispenser: 'Yes',
     },
     troubleshootingTips: [
       {
         issue: 'Refrigerator not cooling',
-        tips: [
-          'Check if the refrigerator is plugged in and receiving power.',
-          'Ensure the temperature settings are correct.',
-          'Make sure the vents are not blocked.',
-          'Check for a faulty compressor or other internal components.',
-        ],
-      },
-      {
-        issue: 'Water pooling inside the fridge',
-        tips: [
-          'Check the drainage hole for blockages.',
-          'Inspect the door seals for proper sealing.',
-          'Ensure that food items do not block airflow.',
-        ],
-      },
-    ],
-    replacementParts: {
-      compressor: 'LG part number 4924JA0211A',
-      doorSeal: 'LG part number 4986JJ3001A',
-      fanMotor: 'LG part number 4681JB1028C',
-      lighting: 'LG part number 6912JB2004E',
-    },
-    recommendedParts: [
-      {
-        partName: 'Water Filter',
-        partNumber: 'EDR1RXD1',
-        description: 'Refrigerator water filter for cleaner, fresher water.',
+        solution:
+          'Check if the thermostat is set to the recommended temperature and ensure that doors are sealing properly.',
       },
       {
-        partName: 'Ice Maker Kit',
-        partNumber: 'W10190948A',
-        description: 'Replacement ice maker assembly for the freezer.',
+        issue: 'Water dispenser not working',
+        solution:
+          'Ensure the water supply is connected and the water filter is not clogged.',
       },
       {
-        partName: 'Shelves',
-        partNumber: 'W10720274',
-        description: 'Adjustable shelves for refrigerator compartment.',
+        issue: 'Ice maker not producing ice',
+        solution:
+          'Make sure the ice maker is turned on and that the water line is not frozen.',
       },
     ],
+    replacementParts: {
+      recommendedParts: [
+        {
+          partName: 'Water Filter',
+          partNumber: 'EDR1RXD1',
+          description: 'Refrigerator water filter for cleaner, fresher water.',
+        },
+        {
+          partName: 'Ice Maker Kit',
+          partNumber: 'W10190948A',
+          description: 'Replacement ice maker assembly for the freezer.',
+        },
+        {
+          partName: 'Shelves',
+          partNumber: 'W10720274',
+          description: 'Adjustable shelves for refrigerator compartment.',
+        },
+      ],
+    },
   },
   createdAt: '2025-04-17T19:26:39.435Z',
   updatedAt: '2025-04-17T19:26:39.435Z',

package/src/utils/DynamicForm.utils.ts

@@ -9,6 +9,7 @@ interface MapApiObjectToFormFieldsI {
 
 const MAX_DEPTH = 10
 const FIELDS_TO_IGNORE = ['_id', '__v', 'createdAt', 'updatedAt']
+const NESTED_RECURSION_DEPTH = 1
 
 export const mapApiObjectToFormFields = ({
   obj = {},
@@ -17,191 +18,146 @@ export const mapApiObjectToFormFields = ({
 }: MapApiObjectToFormFieldsI = {}): ReportI[] => {
   if (depth > MAX_DEPTH) return []
 
+  // merge misc into root
   const misc =
     'misc' in obj && typeof obj.misc === 'object' && obj.misc !== null
       ? obj.misc
       : {}
   const rest = { ...obj }
   delete rest.misc
-
   const merged = { ...rest, ...misc }
 
   return Object.entries(merged)
     .filter(([key]) => !FIELDS_TO_IGNORE.includes(key))
-    .flatMap(([key, value]): any => {
+    .flatMap(([key, value]): ReportI[] => {
       const currentLabel = `${
         labelPrefix ? `${labelPrefix} - ` : ''
       }${capitalize(key)}`
 
+      // primitives
       if (typeof value === 'string') {
-        return [
-          {
-            id: uuidv4(),
-            name: currentLabel,
-            label: currentLabel,
-            description: '',
-            comments: '',
-            value,
-            type: 'text',
-            visible: true,
-          },
-        ]
+        return [buildField(currentLabel, 'text', value)]
       }
-
       if (typeof value === 'number') {
-        return [
-          {
-            id: uuidv4(),
-            name: currentLabel,
-            label: currentLabel,
-            description: '',
-            comments: '',
-            value: String(value),
-            type: 'number',
-            visible: true,
-          },
-        ]
+        return [buildField(currentLabel, 'number', String(value))]
       }
-
       if (typeof value === 'boolean') {
-        return [
-          {
-            id: uuidv4(),
-            name: currentLabel,
-            label: currentLabel,
-            description: '',
-            comments: '',
-            value: String(value),
-            type: 'switch',
-            visible: true,
-          },
-        ]
+        return [buildField(currentLabel, 'switch', String(value))]
       }
 
+      // string array
       if (Array.isArray(value) && value.every((v) => typeof v === 'string')) {
-        const htmlValue = value.map((v) => `${v}`).join('<br/>')
-        return [
-          {
-            id: uuidv4(),
-            name: currentLabel,
-            label: currentLabel,
-            description: '',
-            comments: '',
-            value: htmlValue,
-            type: 'textarea',
-            visible: true,
-          },
-        ]
+        return [buildField(currentLabel, 'textarea', value.join('<br/>'))]
       }
 
+      // object array directly
       if (
         Array.isArray(value) &&
         value.every(
           (v) => Object.prototype.toString.call(v) === '[object Object]'
         )
       ) {
-        const htmlList = value
-          .map((item) => {
-            const flat = flattenObject(item)
-            return Object.entries(flat)
-              .map(([k, v]) => {
-                const label = capitalize(k)
-                return Array.isArray(v) &&
-                  v.every((el) => typeof el === 'string')
-                  ? `<span><strong>${label}:</strong><ul>${v
-                      .map((el) => `<li>${el}</li>`)
-                      .join('')}</ul></span><br/>`
-                  : `<span><strong>${label}:</strong> ${formatHtmlValue(
-                      v
-                    )}</span><br/>`
-              })
-              .join('')
-          })
-          .join('<br/>')
-
-        return [
-          {
-            id: uuidv4(),
-            name: currentLabel,
-            label: currentLabel,
-            description: '',
-            comments: '',
-            value: `<span>${htmlList}</span>`,
-            type: 'textarea',
-            visible: true,
-          },
-        ]
+        return [buildField(currentLabel, 'textarea', renderObjectArray(value))]
+      }
+
+      // object with single array field
+      if (isRecord(value)) {
+        const entries = Object.entries(value) as [string, any][]
+        if (
+          entries.length === 1 &&
+          Array.isArray(entries[0][1]) &&
+          entries[0][1].every(isRecord)
+        ) {
+          const [subKey, subArr] = entries[0]
+          const label = `${currentLabel} - ${capitalize(subKey)}`
+          return [
+            {
+              ...buildField(label, 'textarea', renderObjectArray(subArr)),
+              name: label,
+              label,
+            },
+          ]
+        }
       }
 
+      // nested object
       if (isRecord(value)) {
-        const flat = flattenObject(value)
-
-        const lines = Object.entries(flat)
-          .map(([k, v]) => {
-            const label = capitalize(k)
-            return Array.isArray(v) && v.every((el) => typeof el === 'string')
-              ? `<span><strong>${label}:</strong><ul>${v
-                  .map((el) => `<li>${el}</li>`)
-                  .join('')}</ul></span></br/>`
-              : `<span><strong>${label}:</strong> ${formatHtmlValue(
-                  v
-                )}</span></br/>`
+        if (depth >= NESTED_RECURSION_DEPTH) {
+          return mapApiObjectToFormFields({
+            obj: value,
+            depth: depth + 1,
+            labelPrefix: currentLabel,
           })
-          .join('')
-        const htmlValue = `<span>${lines}</span>`
-
-        return [
-          {
-            id: uuidv4(),
-            name: currentLabel,
-            label: currentLabel,
-            description: '',
-            comments: '',
-            value: htmlValue,
-            type: 'textarea',
-            visible: true,
-          },
-        ]
+        }
+        // shallow object -> flatten
+        return [buildField(currentLabel, 'textarea', renderObject(value))]
       }
 
-      return [
-        {
-          id: uuidv4(),
-          name: currentLabel,
-          label: currentLabel,
-          description: '',
-          comments: '',
-          value: String(value),
-          type: 'default',
-          visible: false,
-        },
-      ]
+      // fallback
+      return [buildField(currentLabel, 'default', String(value), false)]
     })
 }
 
-const capitalize = (str: string) => {
-  return str
+// helpers
+const buildField = (
+  name: string,
+  type: string,
+  value: string,
+  visible = true
+): ReportI => ({
+  id: uuidv4(),
+  name,
+  label: name,
+  description: '',
+  comments: '',
+  value,
+  type: type as any,
+  visible,
+})
+
+const renderObjectArray = (arr: Record<string, any>[]): string =>
+  arr
+    .map((item) => `<div>${renderObject(item).replace(/<br\/\>/g, '')}</div>`)
+    .join('<br/>')
+
+const renderObject = (obj: Record<string, any>): string => {
+  const flat = flattenObject(obj)
+  return (
+    '<div>' +
+    Object.entries(flat)
+      .map(([k, v]) => {
+        const label = capitalize(k)
+        if (Array.isArray(v) && v.every((el) => typeof el === 'string')) {
+          return `<div><strong>${label}:</strong><ul>${v
+            .map((el) => `<li>${el}</li>`)
+            .join('')}</ul></div>`
+        }
+        return `<div><strong>${label}:</strong> ${formatHtmlValue(v)}</div>`
+      })
+      .join('<br/>') +
+    '</div>'
+  )
+}
+
+const capitalize = (str: string): string =>
+  str
     .replace(/([a-z])([A-Z])/g, '$1 $2')
     .replace(/_/g, ' ')
     .replace(/\b\w/g, (c) => c.toUpperCase())
-}
 
-const isRecord = (val: unknown): val is Record<string, any> => {
-  return typeof val === 'object' && val !== null && !Array.isArray(val)
-}
+const isRecord = (val: unknown): val is Record<string, any> =>
+  typeof val === 'object' && val !== null && !Array.isArray(val)
 
-const formatHtmlValue = (val: unknown): string => {
-  if (Array.isArray(val) && val.every((v) => typeof v === 'string')) {
-    return val.map((v) => `${v}`).join('<br/>')
-  }
-  return String(val)
-}
+const formatHtmlValue = (val: unknown): string =>
+  Array.isArray(val) && val.every((v) => typeof v === 'string')
+    ? val.join('<br/>')
+    : String(val)
 
 const flattenObject = (
   obj: Record<string, any>,
   parentKey = ''
-): Record<string, any> => {
-  return Object.entries(obj).reduce((acc, [key, value]) => {
+): Record<string, any> =>
+  Object.entries(obj).reduce((acc, [key, value]) => {
     const fullKey = parentKey
       ? `${parentKey} - ${capitalize(key)}`
       : capitalize(key)
@@ -212,4 +168,3 @@ const flattenObject = (
     }
     return acc
   }, {} as Record<string, any>)
-}