refactor:the logic and object of mapping field types with existing CT in CS

Author: AishDani

api/src/services/contentMapper.service.ts

@@ -57,7 +57,7 @@ const putTestData = async (req: Request) => {
     });
 
     FieldMapperModel.update((data: any) => {
-      data.field_mapper = [...(data?.field_mapper ?? []), ...fields];
+      data.field_mapper = [...(data?.field_mapper ?? []), ...(fields ?? [])];
     });
     contentTypes[index].fieldMapping = fieldIds;
   });

ui/src/components/ContentMapper/contentMapper.interface.ts

@@ -173,6 +173,7 @@ export interface MappingFields {
 export interface MappingObj {
   label: string;
   options: Mapping;
+  type: string
 }
 
 export interface FieldHistoryObj {

ui/src/components/ContentMapper/index.tsx

@@ -80,101 +80,126 @@ const Fields: MappingFields = {
       'Single Line Textbox':'single_line_text',
       'Multi Line Textbox':'multi_line_text',
       'HTML Rich text Editor':'html',
-      'JSON Rich Text Editor':'json'}
+      'JSON Rich Text Editor':'json'},
+    type : 'text'
   },
   'multi_line_text':{
     label : 'Multi Line Textbox',
     options : {
       'Multi Line Textbox': 'multi_line_text',
       'HTML Rich text Editor': 'html',
-      'JSON Rich Text Editor':'json'}
+      'JSON Rich Text Editor':'json'},
+    type: 'multiline'
   },
   'json':{
     label:'JSON Rich Text Editor',
     options : {
       'JSON Rich Text Editor':'json',
       'HTML Rich text Editor': 'html'
-    }
+    },
+    type: 'json',
   },
   'html':{
     label : 'HTML Rich text Editor',
     options : {
       'HTML Rich text Editor': 'html',
-      'JSON Rich Text Editor':'json'}
+      'JSON Rich Text Editor':'json'
+    },
+    type:'allow_rich_text'
 
   },
   'markdown':{
     label : 'Markdown',
     options : {
       'Markdown':'markdown',
       'HTML Rich text Editor':'html',
-      'JSON Rich Text Editor':'json'}
+      'JSON Rich Text Editor':'json'
+    },
+    type: 'markdown'
   },
   'text':{
     label : 'Single Line Textbox',
-    options: {'Single Line Textbox':'single_line_text'}
+    options: {
+      'Single Line Textbox':'single_line_text'
+    },
+    type:''
   },
   'url': {
     label: 'URL',
-    options:{'URL':'url'}
+    options:{'URL':'url'},
+    type: ''
   },
   'file': {
     label:'File',
     options: {
       'File':'file'
-    }
+    },
+    type: 'file',
   },
   'number': { 
     label:'Number',
     options: {
       'Number':'number'
-    }
+    },
+    type: 'number'
   },
   'isodate': { label :'Date',
     options: {
       'Date':'isodate'
-    }
+    },
+    type: 'isodate'
   },
   'boolean': {
     label: 'Boolean',
     options: {
       'Boolean':'boolean'
-    }
+    },
+    type: 'boolean',
   },
   'link': {
     label:'Link',
     options: {
       'Link':'link'
-    }
+    },
+    type: 'link',
   },
   'reference':{
     label: 'Reference',
     options: {
       'Reference':'reference'
-    }
+    },
+    type: 'reference',
   },
   'dropdown': {
     label:'Dropdown',
     options: {
       'Dropdown':'dropdown'
-    }
+    },
+    type: 'enum',
   },
   'radio': {
     label :'Select',
     options: {
       'Select':'select'
-    }
+    },
+    type: 'enum',
   },
   'checkbox': {
     label:'Select',
-    options: {'Select':'checkbox'}
+    options: {
+      'Select':'checkbox'
+    },
+    type:'boolean'
   },
   'global_field':{
     label : 'Global',
-    options: {'Global':'global_field'}},
+    options: {'Global':'global_field'},
+    type: ""
+  },
   'group': {
     label: 'Group',
-    options: {'Group':'group'}
+    options: {'Group':'group'},
+    type:'Group'
   }
 
 }
@@ -1251,7 +1276,7 @@ const ContentMapper = forwardRef(({handleStepChange}: contentMapperProps, ref: R
       {
           // Process nested schemas within the current group
           for (const item of array) {
-            const fieldTypeToMatch = fieldsOfContentstack[item?.otherCmsType as keyof Mapping];
+            const fieldTypeToMatch = Fields[item?.backupFieldType as keyof Mapping]?.type;
             if (item.id === data?.id) {
               for (const key of existingField[groupArray[0]?.uid]?.value?.schema || []) {
 
@@ -1278,7 +1303,7 @@ const ContentMapper = forwardRef(({handleStepChange}: contentMapperProps, ref: R
     } 
    else {
 
-      const fieldTypeToMatch = fieldsOfContentstack[data?.otherCmsType as keyof Mapping];
+      const fieldTypeToMatch = Fields[data?.backupFieldType as keyof Mapping]?.type;
       if (!array.some((item : FieldMapType) => item?.id === data?.id) && checkConditions(fieldTypeToMatch, value, data)) {
         OptionsForRow.push(getMatchingOption(value, true, updatedDisplayName || '',uid ?? ''));
       }
@@ -1349,8 +1374,8 @@ const ContentMapper = forwardRef(({handleStepChange}: contentMapperProps, ref: R
     }
 
     if (contentTypeSchema && validateArray(contentTypeSchema)) {
-      const fieldTypeToMatch = fieldsOfContentstack[data?.otherCmsType as keyof Mapping];
-       
+      const fieldTypeToMatch = Fields[data?.backupFieldType as keyof Mapping]?.type;
+       console.log("field type to match -----> ", fieldTypeToMatch, data?.backupFieldType)
       //check if UID of souce field is matching to exsting content type field UID
       for (const value of contentTypeSchema) {
         if (data?.uid === value?.uid || (data?.uid === value?.uid && data?.otherCmsType === value?.data_type)) {
@@ -1452,7 +1477,6 @@ const ContentMapper = forwardRef(({handleStepChange}: contentMapperProps, ref: R
       option = [{ label: OptionsForEachRow, value: OptionsForEachRow }];
     }
 
-    console.log("data====", data, OptionsForRow);
 
 
     const OptionValue: FieldTypes =