@homefile/components-v2 2.12.0 → 2.13.0

package/dist/components/forms/dynamicForm/ItemFormPanel/ItemFormTabs.d.ts

@@ -1,2 +1,2 @@
 import { ItemFormTabsI } from '../../../../interfaces';
-export declare const ItemFormTabs: ({ form, onAISend, ...props }: ItemFormTabsI) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemFormTabs: ({ form, onAISend, searching, ...props }: ItemFormTabsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/ItemFormPanel/ItemFormTabs.js

@@ -14,12 +14,12 @@ import { t } from 'i18next';
 import { DynamicForm, TabsHeader, ItemFormTabImage } from '../../..';
 import { v4 as uuidv4 } from 'uuid';
 export const ItemFormTabs = (_a) => {
-    var { form = [], onAISend } = _a, props = __rest(_a, ["form", "onAISend"]);
+    var { form = [], onAISend, searching } = _a, props = __rest(_a, ["form", "onAISend", "searching"]);
     const formWithIds = form.map((item) => (Object.assign(Object.assign({}, item), { id: item.id || uuidv4() })));
     const tabList = [
         {
             label: t('createDocument.tabs.tab1'),
-            component: _jsx(DynamicForm, { onAISend: onAISend, form: formWithIds }),
+            component: _jsx(DynamicForm, { searching: searching, onAISend: onAISend, form: formWithIds }),
         },
         {
             label: t('createDocument.tabs.tab2'),

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel, MonitorAlerts, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WellDone, YtdTile, } from './components';
 export { useCustomToast } from './hooks';
-export { randomColor } from './utils';
+export { randomColor, mapApiObjectToFormFields } from './utils';
 export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, } from './assets/images';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, } from './proxies';
 import theme from './theme';

package/dist/index.js

@@ -1,6 +1,6 @@
 export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel, MonitorAlerts, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WellDone, YtdTile, } from './components';
 export { useCustomToast } from './hooks';
-export { randomColor } from './utils';
+export { randomColor, mapApiObjectToFormFields } from './utils';
 export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, } from './assets/images';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, } from './proxies';
 import theme from './theme';

package/dist/interfaces/forms/ItemFormPanel/ItemFormTabs.interface.d.ts

@@ -2,4 +2,5 @@ import { ItemFormTabImageI, ReportI, AIGridFieldI } from '../..';
 export interface ItemFormTabsI extends ItemFormTabImageI {
     form?: ReportI[];
     onAISend?: AIGridFieldI['onAISend'];
+    searching?: boolean;
 }

package/dist/mocks/forms/dynamicForm.mock.d.ts

@@ -3,3 +3,4 @@ export declare const formFieldsMock: ReportI[];
 export declare const contactFieldsMock: ReportI[];
 export declare const tileUIMock: ReportI[];
 export declare const viewingHomeItemMock: ReportI[];
+export declare const unknownFormMock: Record<string, any>;

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

@@ -744,3 +744,73 @@ export const viewingHomeItemMock = [
         options: [],
     },
 ];
+export const unknownFormMock = {
+    _id: '680155efb02260ca2e10c1d0',
+    name: 'LG Electronics GBB71PZDMN',
+    brand: 'LG Electronics',
+    model: 'GBB71PZDMN',
+    upc: '',
+    type: 'Bottom Freezer Refrigerator',
+    productClass: '',
+    misc: {
+        information: {
+            description: 'The LG GBB71PZDMN is a premium refrigerator that offers fresh storage solutions with advanced features.',
+            features: [
+                'Inverter Linear Compressor for energy efficiency',
+                'Multi-Air Flow cooling system',
+                'Frost-free design',
+                'Smart Diagnosis technology',
+                'LED interior lighting',
+            ],
+        },
+        warranty: {
+            generalWarranty: '2 years',
+            compressorWarranty: '10 years',
+        },
+        estimatedYearOfManufacture: '2020',
+        specifications: {
+            dimensions: {
+                width: '595 mm',
+                height: '2010 mm',
+                depth: '682 mm',
+            },
+            capacity: {
+                totalNetCapacity: '341 liters',
+                fridgeNetCapacity: '229 liters',
+                freezerNetCapacity: '112 liters',
+            },
+            energyRating: 'A++',
+            color: 'Silver',
+            weight: '70 kg',
+            installationType: 'Freestanding',
+        },
+        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',
+        },
+    },
+    createdAt: '2025-04-17T19:26:39.435Z',
+    updatedAt: '2025-04-17T19:26:39.435Z',
+    __v: 0,
+};

package/dist/utils/DynamicForm.utils.d.ts

@@ -0,0 +1,8 @@
+import { ReportI } from '../interfaces';
+interface MapApiObjectToFormFieldsI {
+    obj?: Record<string, any>;
+    depth?: number;
+    labelPrefix?: string;
+}
+export declare const mapApiObjectToFormFields: ({ obj, depth, labelPrefix, }?: MapApiObjectToFormFieldsI) => ReportI[];
+export {};

package/dist/utils/DynamicForm.utils.js

@@ -0,0 +1,119 @@
+import { v4 as uuidv4 } from 'uuid';
+const MAX_DEPTH = 10;
+const FIELDS_TO_IGNORE = ['_id', '__v', 'createdAt', 'updatedAt'];
+export const mapApiObjectToFormFields = ({ obj = {}, depth = 0, labelPrefix = '', } = {}) => {
+    if (depth > MAX_DEPTH)
+        return [];
+    const misc = 'misc' in obj && typeof obj.misc === 'object' && obj.misc !== null
+        ? obj.misc
+        : {};
+    const rest = Object.assign({}, obj);
+    delete rest.misc;
+    const miscEntries = Object.entries(misc);
+    const rootEntries = Object.entries(rest);
+    const allEntries = [
+        ...rootEntries.map(([key, value]) => [key, value]),
+        ...miscEntries.map(([key, value]) => [key, value]),
+    ];
+    return allEntries
+        .filter(([key]) => !FIELDS_TO_IGNORE.includes(key))
+        .flatMap(([key, value]) => {
+        const currentLabel = `${labelPrefix ? `${labelPrefix} - ` : ''}${capitalize(key)}`;
+        if (typeof value === 'string') {
+            return [
+                {
+                    id: uuidv4(),
+                    name: currentLabel,
+                    description: '',
+                    comments: '',
+                    value,
+                    type: 'text',
+                    visible: true,
+                },
+            ];
+        }
+        if (typeof value === 'number') {
+            return [
+                {
+                    id: uuidv4(),
+                    name: currentLabel,
+                    description: '',
+                    comments: '',
+                    value,
+                    type: 'number',
+                    visible: true,
+                },
+            ];
+        }
+        if (typeof value === 'boolean') {
+            return [
+                {
+                    id: uuidv4(),
+                    name: currentLabel,
+                    description: '',
+                    comments: '',
+                    value,
+                    type: 'switch',
+                    visible: true,
+                },
+            ];
+        }
+        if (Array.isArray(value) && value.every((v) => typeof v === 'string')) {
+            const htmlValue = `<ul>${value
+                .map((v) => `<li>${v}</li>`)
+                .join('')}</ul>`;
+            return [
+                {
+                    id: uuidv4(),
+                    name: currentLabel,
+                    description: '',
+                    comments: '',
+                    value: htmlValue,
+                    type: 'textarea',
+                    visible: true,
+                },
+            ];
+        }
+        if (Array.isArray(value) &&
+            value.every((v) => Object.prototype.toString.call(v) === '[object Object]')) {
+            return value.flatMap((item, index) => {
+                const itemLabel = `${currentLabel} [${index + 1}]`;
+                return [
+                    {
+                        id: uuidv4(),
+                        name: itemLabel,
+                        description: '',
+                        comments: '',
+                        value: '',
+                        type: 'group',
+                        visible: true,
+                        children: mapApiObjectToFormFields({
+                            obj: item,
+                            depth: depth + 1,
+                            labelPrefix: itemLabel,
+                        }),
+                    },
+                ];
+            });
+        }
+        if (Object.prototype.toString.call(value) === '[object Object]') {
+            return mapApiObjectToFormFields({
+                obj: value,
+                depth: depth + 1,
+                labelPrefix: currentLabel,
+            });
+        }
+        return [
+            {
+                id: uuidv4(),
+                name: currentLabel,
+                description: '',
+                comments: '',
+                value: String(value),
+                type: 'default',
+                visible: false,
+            },
+        ];
+    });
+};
+const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);

package/dist/utils/index.d.ts

@@ -3,6 +3,7 @@ export * from './Animations.utils';
 export * from './Avatars.utils';
 export * from './BrowserDetectors.utils';
 export * from './BubblesTour.utils';
+export * from './DynamicForm.utils';
 export * from './Formaters.utils';
 export * from './IconAlt.utils';
 export * from './ImageAlt.utils';

package/dist/utils/index.js

@@ -3,6 +3,7 @@ export * from './Animations.utils';
 export * from './Avatars.utils';
 export * from './BrowserDetectors.utils';
 export * from './BubblesTour.utils';
+export * from './DynamicForm.utils';
 export * from './Formaters.utils';
 export * from './IconAlt.utils';
 export * from './ImageAlt.utils';

package/package.json

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

package/src/components/forms/dynamicForm/ItemFormPanel/ItemFormTabs.tsx

@@ -3,7 +3,7 @@ import { DynamicForm, TabsHeader, ItemFormTabImage } from '@/components'
 import { ItemFormTabsI } from '@/interfaces'
 import { v4 as uuidv4 } from 'uuid'
 
-export const ItemFormTabs = ({ form = [], onAISend, ...props }: ItemFormTabsI) => {
+export const ItemFormTabs = ({ form = [], onAISend, searching, ...props }: ItemFormTabsI) => {
   const formWithIds = form.map((item) => ({
     ...item,
     id: item.id || uuidv4(),
@@ -12,7 +12,7 @@ export const ItemFormTabs = ({ form = [], onAISend, ...props }: ItemFormTabsI) =
   const tabList = [
     {
       label: t('createDocument.tabs.tab1'),
-      component: <DynamicForm onAISend={onAISend} form={formWithIds} />,
+      component: <DynamicForm searching={searching} onAISend={onAISend} form={formWithIds} />,
     },
     {
       label: t('createDocument.tabs.tab2'),

package/src/index.ts

@@ -212,7 +212,7 @@ export {
 
 export { useCustomToast } from './hooks'
 
-export { randomColor } from './utils'
+export { randomColor, mapApiObjectToFormFields } from './utils'
 
 export {
   Contacts,

package/src/interfaces/forms/ItemFormPanel/ItemFormTabs.interface.ts

@@ -3,4 +3,5 @@ import { ItemFormTabImageI, ReportI, AIGridFieldI } from '@/interfaces'
 export interface ItemFormTabsI extends ItemFormTabImageI {
   form?: ReportI[]
   onAISend?: AIGridFieldI['onAISend']
+  searching?: boolean
 }

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

@@ -753,3 +753,75 @@ export const viewingHomeItemMock: ReportI[] = [
     options: [],
   },
 ]
+
+export const unknownFormMock: Record<string, any> = {
+  _id: '680155efb02260ca2e10c1d0',
+  name: 'LG Electronics GBB71PZDMN',
+  brand: 'LG Electronics',
+  model: 'GBB71PZDMN',
+  upc: '',
+  type: 'Bottom Freezer Refrigerator',
+  productClass: '',
+  misc: {
+    information: {
+      description:
+        'The LG GBB71PZDMN is a premium refrigerator that offers fresh storage solutions with advanced features.',
+      features: [
+        'Inverter Linear Compressor for energy efficiency',
+        'Multi-Air Flow cooling system',
+        'Frost-free design',
+        'Smart Diagnosis technology',
+        'LED interior lighting',
+      ],
+    },
+    warranty: {
+      generalWarranty: '2 years',
+      compressorWarranty: '10 years',
+    },
+    estimatedYearOfManufacture: '2020',
+    specifications: {
+      dimensions: {
+        width: '595 mm',
+        height: '2010 mm',
+        depth: '682 mm',
+      },
+      capacity: {
+        totalNetCapacity: '341 liters',
+        fridgeNetCapacity: '229 liters',
+        freezerNetCapacity: '112 liters',
+      },
+      energyRating: 'A++',
+      color: 'Silver',
+      weight: '70 kg',
+      installationType: 'Freestanding',
+    },
+    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',
+    },
+  },
+  createdAt: '2025-04-17T19:26:39.435Z',
+  updatedAt: '2025-04-17T19:26:39.435Z',
+  __v: 0,
+}

package/src/utils/DynamicForm.utils.ts

@@ -0,0 +1,150 @@
+import { ReportI } from '@/interfaces'
+import { v4 as uuidv4 } from 'uuid'
+
+interface MapApiObjectToFormFieldsI {
+  obj?: Record<string, any>
+  depth?: number
+  labelPrefix?: string
+}
+
+const MAX_DEPTH = 10
+const FIELDS_TO_IGNORE = ['_id', '__v', 'createdAt', 'updatedAt']
+
+export const mapApiObjectToFormFields = ({
+  obj = {},
+  depth = 0,
+  labelPrefix = '',
+}: MapApiObjectToFormFieldsI = {}): ReportI[] => {
+  if (depth > MAX_DEPTH) return []
+
+  const misc =
+    'misc' in obj && typeof obj.misc === 'object' && obj.misc !== null
+      ? obj.misc
+      : {}
+  const rest = { ...obj }
+  delete rest.misc
+
+  const miscEntries = Object.entries(misc)
+  const rootEntries = Object.entries(rest)
+
+  const allEntries = [
+    ...rootEntries.map(([key, value]) => [key, value] as const),
+    ...miscEntries.map(([key, value]) => [key, value] as const),
+  ]
+
+  return allEntries
+    .filter(([key]) => !FIELDS_TO_IGNORE.includes(key))
+    .flatMap(([key, value]) => {
+      const currentLabel = `${
+        labelPrefix ? `${labelPrefix} - ` : ''
+      }${capitalize(key)}`
+
+      if (typeof value === 'string') {
+        return [
+          {
+            id: uuidv4(),
+            name: currentLabel,
+            description: '',
+            comments: '',
+            value,
+            type: 'text',
+            visible: true,
+          },
+        ]
+      }
+
+      if (typeof value === 'number') {
+        return [
+          {
+            id: uuidv4(),
+            name: currentLabel,
+            description: '',
+            comments: '',
+            value,
+            type: 'number',
+            visible: true,
+          },
+        ]
+      }
+
+      if (typeof value === 'boolean') {
+        return [
+          {
+            id: uuidv4(),
+            name: currentLabel,
+            description: '',
+            comments: '',
+            value,
+            type: 'switch',
+            visible: true,
+          },
+        ]
+      }
+
+      if (Array.isArray(value) && value.every((v) => typeof v === 'string')) {
+        const htmlValue = `<ul>${value
+          .map((v) => `<li>${v}</li>`)
+          .join('')}</ul>`
+        return [
+          {
+            id: uuidv4(),
+            name: currentLabel,
+            description: '',
+            comments: '',
+            value: htmlValue,
+            type: 'textarea',
+            visible: true,
+          },
+        ]
+      }
+
+      if (
+        Array.isArray(value) &&
+        value.every(
+          (v) => Object.prototype.toString.call(v) === '[object Object]'
+        )
+      ) {
+        return value.flatMap((item, index) => {
+          const itemLabel = `${currentLabel} [${index + 1}]`
+          return [
+            {
+              id: uuidv4(),
+              name: itemLabel,
+              description: '',
+              comments: '',
+              value: '',
+              type: 'group',
+              visible: true,
+              children: mapApiObjectToFormFields({
+                obj: item,
+                depth: depth + 1,
+                labelPrefix: itemLabel,
+              }),
+            },
+          ]
+        })
+      }
+
+      if (Object.prototype.toString.call(value) === '[object Object]') {
+        return mapApiObjectToFormFields({
+          obj: value,
+          depth: depth + 1,
+          labelPrefix: currentLabel,
+        })
+      }
+
+      return [
+        {
+          id: uuidv4(),
+          name: currentLabel,
+          description: '',
+          comments: '',
+          value: String(value),
+          type: 'default',
+          visible: false,
+        },
+      ]
+    })
+}
+
+const capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1)

package/src/utils/index.ts

@@ -3,6 +3,7 @@ export * from './Animations.utils'
 export * from './Avatars.utils'
 export * from './BrowserDetectors.utils'
 export * from './BubblesTour.utils'
+export * from './DynamicForm.utils'
 export * from './Formaters.utils'
 export * from './IconAlt.utils'
 export * from './ImageAlt.utils'