@@ -4,22 +4,17 @@ import { $btcbi } from '../../../GlobalStates'
44import { SmartTagField } from '../../../Utils/StaticData/SmartTagField'
55import { __ } from '../../../Utils/i18nwrap'
66import CustomField from './CustomField'
7- import { addFieldMap , delFieldMap , handleFieldMapping } from './IntegrationHelpers'
7+ import { addFieldMap , delFieldMap , handleCustomValue , handleFieldMapping } from './IntegrationHelpers'
8+ import TagifyInput from '../../Utilities/TagifyInput'
89
9- export default function PerfexCRMFieldMap ( {
10- i,
11- formFields,
12- field,
13- perfexCRMConf,
14- setPerfexCRMConf
15- } ) {
10+ export default function PerfexCRMFieldMap ( { i, formFields, field, perfexCRMConf, setPerfexCRMConf } ) {
1611 const requiredFields =
1712 ( perfexCRMConf ?. perfexCRMFields &&
18- perfexCRMConf ?. perfexCRMFields . filter ( ( fld ) => fld . required === true ) ) ||
13+ perfexCRMConf ?. perfexCRMFields . filter ( fld => fld . required === true ) ) ||
1914 [ ]
2015 const allNonRequiredFields =
2116 ( perfexCRMConf ?. perfexCRMFields &&
22- perfexCRMConf ?. perfexCRMFields . filter ( ( fld ) => fld . required === false ) ) ||
17+ perfexCRMConf ?. perfexCRMFields . filter ( fld => fld . required === false ) ) ||
2318 [ ]
2419
2520 const btcbi = useRecoilValue ( $btcbi )
@@ -33,10 +28,10 @@ export default function PerfexCRMFieldMap({
3328 className = "btcd-paper-inp mr-2"
3429 name = "formField"
3530 value = { field . formField || '' }
36- onChange = { ( ev ) => handleFieldMapping ( ev , i , perfexCRMConf , setPerfexCRMConf ) } >
31+ onChange = { ev => handleFieldMapping ( ev , i , perfexCRMConf , setPerfexCRMConf ) } >
3732 < option value = "" > { __ ( 'Select Field' , 'bit-integrations' ) } </ option >
3833 < optgroup label = { __ ( 'Form Fields' , 'bit-integrations' ) } >
39- { formFields ?. map ( ( f ) => (
34+ { formFields ?. map ( f => (
4035 < option key = { `ff-rm-${ f . name } ` } value = { f . name } >
4136 { f . label }
4237 </ option >
@@ -49,7 +44,7 @@ export default function PerfexCRMFieldMap({
4944 isPro ? '' : `(${ __ ( 'Pro' , 'bit-integrations' ) } )`
5045 ) } >
5146 { isPro &&
52- SmartTagField ?. map ( ( f ) => (
47+ SmartTagField ?. map ( f => (
5348 < option key = { `ff-rm-${ f . name } ` } value = { f . name } >
5449 { f . label }
5550 </ option >
@@ -58,14 +53,14 @@ export default function PerfexCRMFieldMap({
5853 </ select >
5954
6055 { field . formField === 'custom' && (
61- < CustomField
62- field = { field }
63- index = { i }
64- conf = { perfexCRMConf }
65- setConf = { setPerfexCRMConf }
66- fieldValue = "customValue"
67- fieldLabel = "Custom Value"
56+ < TagifyInput
57+ onChange = { e => handleCustomValue ( e , i , perfexCRMConf , setPerfexCRMConf ) }
58+ label = { __ ( 'Custom Value' , 'bit-integrations' ) }
6859 className = "mr-2"
60+ type = "text"
61+ value = { field . customValue }
62+ placeholder = { __ ( 'Custom Value' , 'bit-integrations' ) }
63+ formFields = { formFields }
6964 />
7065 ) }
7166
@@ -74,11 +69,9 @@ export default function PerfexCRMFieldMap({
7469 disabled = { i < requiredFields . length }
7570 name = "perfexCRMFormField"
7671 value = {
77- i < requiredFields . length
78- ? requiredFields [ i ] . key || ''
79- : field . perfexCRMFormField || ''
72+ i < requiredFields . length ? requiredFields [ i ] . key || '' : field . perfexCRMFormField || ''
8073 }
81- onChange = { ( ev ) => handleFieldMapping ( ev , i , perfexCRMConf , setPerfexCRMConf ) } >
74+ onChange = { ev => handleFieldMapping ( ev , i , perfexCRMConf , setPerfexCRMConf ) } >
8275 < option value = "" > { __ ( 'Select Field' , 'bit-integrations' ) } </ option >
8376 { i < requiredFields . length ? (
8477 < option key = { requiredFields [ i ] . key } value = { requiredFields [ i ] . key } >
0 commit comments