fix: perfexCRM custom tagify field issue fixed issue fixed

Author: RishadAlam

frontend-dev/src/components/AllIntegrations/PerfexCRM/EditPerfexCRM.jsx

@@ -91,7 +91,7 @@ function EditPerfexCRM({ allIntegURL }) {
         <b className="wdt-200 d-in-b">{__('Integration Name:', 'bit-integrations')}</b>
         <input
           className="btcd-paper-inp w-5"
-          onChange={(e) => handleInput(e, perfexCRMConf, setPerfexCRMConf)}
+          onChange={e => handleInput(e, perfexCRMConf, setPerfexCRMConf)}
           name="name"
           value={perfexCRMConf.name}
           type="text"
@@ -104,9 +104,7 @@ function EditPerfexCRM({ allIntegURL }) {
       <PerfexCRMIntegLayout
         formID={flow.triggered_entity_id}
         formFields={formField}
-        handleInput={(e) =>
-          handleInput(e, perfexCRMConf, setPerfexCRMConf, setLoading, setSnackbar)
-        }
+        handleInput={e => handleInput(e, perfexCRMConf, setPerfexCRMConf, setLoading, setSnackbar)}
         perfexCRMConf={perfexCRMConf}
         setPerfexCRMConf={setPerfexCRMConf}
         loading={loading}

frontend-dev/src/components/AllIntegrations/PerfexCRM/IntegrationHelpers.js

@@ -27,7 +27,7 @@ export const handleFieldMapping = (event, index, conftTmp, setConf) => {
 
 export const handleCustomValue = (event, index, conftTmp, setConf) => {
   const newConf = { ...conftTmp }
-  newConf.field_map[index].customValue = event.target.value
+  newConf.field_map[index].customValue = event?.target?.value || event
   setConf({ ...newConf })
 }
 

frontend-dev/src/components/AllIntegrations/PerfexCRM/PerfexCRMCommonFunc.js

@@ -26,10 +26,10 @@ export const refreshCustomFields = (perfexCRMConf, setPerfexCRMConf, setIsLoadin
   }
 
   bitsFetch(requestParams, 'perfexcrm_custom_fields')
-    .then((result) => {
+    .then(result => {
       if (result && result.success) {
-        setPerfexCRMConf((prevPerfexCRMConf) =>
-          create(prevPerfexCRMConf, (draftConf) => {
+        setPerfexCRMConf(prevPerfexCRMConf =>
+          create(prevPerfexCRMConf, draftConf => {
             draftConf.perfexCRMFields = ''
             draftConf.field_map = [{ formField: '', perfexCRMFormField: '' }]
 
@@ -67,30 +67,31 @@ export const refreshCustomFields = (perfexCRMConf, setPerfexCRMConf, setIsLoadin
     .catch(() => setIsLoading(false))
 }
 
-export const generateMappedField = (perfexCRMConf) => {
+export const generateMappedField = perfexCRMConf => {
   const requiredFlds =
     perfexCRMConf?.perfexCRMFields &&
     perfexCRMConf?.perfexCRMFields.filter(
-      (fld) => fld.required === true && fld.key !== 'owner' && fld.key !== 'pipeline'
+      fld => fld.required === true && fld.key !== 'owner' && fld.key !== 'pipeline'
     )
   return requiredFlds.length > 0
-    ? requiredFlds.map((field) => ({
+    ? requiredFlds.map(field => ({
         formField: '',
         perfexCRMFormField: field.key
       }))
     : [{ formField: '', perfexCRMFormField: '' }]
 }
 
-export const checkMappedFields = (perfexCRMConf) => {
+export const checkMappedFields = perfexCRMConf => {
   const mappedFields = perfexCRMConf?.field_map
     ? perfexCRMConf.field_map.filter(
-        (mappedField) =>
+        mappedField =>
           !mappedField.formField ||
           !mappedField.perfexCRMFormField ||
           (mappedField.formField === 'custom' && !mappedField.customValue) ||
           (mappedField.perfexCRMFormField === 'customFieldKey' && !mappedField.customFieldKey)
       )
     : []
+
   if (mappedFields.length > 0) {
     return false
   }
@@ -121,7 +122,7 @@ export const perfexCRMAuthentication = (
     domain: confTmp.domain
   }
 
-  bitsFetch(requestParams, 'perfexcrm_authentication').then((result) => {
+  bitsFetch(requestParams, 'perfexcrm_authentication').then(result => {
     if (result && result.success) {
       setIsAuthorized(true)
       setLoading({ ...loading, auth: false })
@@ -132,10 +133,7 @@ export const perfexCRMAuthentication = (
     toast.error(
       String(result?.data)
         ? result?.data
-        : __(
-            'Authorized failed, Please enter valid API Token or Access API URL',
-            'bit-integrations'
-          )
+        : __('Authorized failed, Please enter valid API Token or Access API URL', 'bit-integrations')
     )
   })
 }
@@ -148,10 +146,10 @@ export const getAllCustomer = (confTmp, setConf, loading, setLoading) => {
     domain: confTmp.domain
   }
 
-  bitsFetch(requestParams, 'perfexcrm_fetch_all_customers').then((result) => {
+  bitsFetch(requestParams, 'perfexcrm_fetch_all_customers').then(result => {
     if (result && result.success) {
-      setConf((prevConf) =>
-        create(prevConf, (draftConf) => {
+      setConf(prevConf =>
+        create(prevConf, draftConf => {
           if (result.data) {
             draftConf.customers = result.data
           }
@@ -174,10 +172,10 @@ export const getAllLeads = (confTmp, setConf, loading, setLoading) => {
     domain: confTmp.domain
   }
 
-  bitsFetch(requestParams, 'perfexcrm_fetch_all_leads').then((result) => {
+  bitsFetch(requestParams, 'perfexcrm_fetch_all_leads').then(result => {
     if (result && result.success) {
-      setConf((prevConf) =>
-        create(prevConf, (draftConf) => {
+      setConf(prevConf =>
+        create(prevConf, draftConf => {
           if (result.data) {
             draftConf.leads = result.data
           }
@@ -200,10 +198,10 @@ export const getAllStaffs = (confTmp, setConf, loading, setLoading) => {
     domain: confTmp.domain
   }
 
-  bitsFetch(requestParams, 'perfexcrm_fetch_all_staffs').then((result) => {
+  bitsFetch(requestParams, 'perfexcrm_fetch_all_staffs').then(result => {
     if (result && result.success) {
-      setConf((prevConf) =>
-        create(prevConf, (draftConf) => {
+      setConf(prevConf =>
+        create(prevConf, draftConf => {
           if (result.data) {
             draftConf.staffs = result.data
           }

frontend-dev/src/components/AllIntegrations/PerfexCRM/PerfexCRMFieldMap.jsx

@@ -58,7 +58,7 @@ export default function PerfexCRMFieldMap({ i, formFields, field, perfexCRMConf,
               label={__('Custom Value', 'bit-integrations')}
               className="mr-2"
               type="text"
-              value={field.customValue}
+              value={field?.customValue || ''}
               placeholder={__('Custom Value', 'bit-integrations')}
               formFields={formFields}
             />