@@ -4,16 +4,14 @@ 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
910export default function FlowluFieldMap ( { i, formFields, field, flowluConf, setFlowluConf } ) {
1011 const requiredFields =
11- ( flowluConf ?. flowluFields && flowluConf ?. flowluFields . filter ( ( fld ) => fld . required === true ) ) ||
12- [ ]
12+ ( flowluConf ?. flowluFields && flowluConf ?. flowluFields . filter ( fld => fld . required === true ) ) || [ ]
1313 const allNonRequiredFields =
14- ( flowluConf ?. flowluFields &&
15- flowluConf ?. flowluFields . filter ( ( fld ) => fld . required === false ) ) ||
16- [ ]
14+ ( flowluConf ?. flowluFields && flowluConf ?. flowluFields . filter ( fld => fld . required === false ) ) || [ ]
1715
1816 const btcbi = useRecoilValue ( $btcbi )
1917 const { isPro } = btcbi
@@ -26,10 +24,10 @@ export default function FlowluFieldMap({ i, formFields, field, flowluConf, setFl
2624 className = "btcd-paper-inp mr-2"
2725 name = "formField"
2826 value = { field . formField || '' }
29- onChange = { ( ev ) => handleFieldMapping ( ev , i , flowluConf , setFlowluConf ) } >
27+ onChange = { ev => handleFieldMapping ( ev , i , flowluConf , setFlowluConf ) } >
3028 < option value = "" > { __ ( 'Select Field' , 'bit-integrations' ) } </ option >
3129 < optgroup label = { __ ( 'Form Fields' , 'bit-integrations' ) } >
32- { formFields ?. map ( ( f ) => (
30+ { formFields ?. map ( f => (
3331 < option key = { `ff-rm-${ f . name } ` } value = { f . name } >
3432 { f . label }
3533 </ option >
@@ -42,7 +40,7 @@ export default function FlowluFieldMap({ i, formFields, field, flowluConf, setFl
4240 isPro ? '' : `(${ __ ( 'Pro' , 'bit-integrations' ) } )`
4341 ) } >
4442 { isPro &&
45- SmartTagField ?. map ( ( f ) => (
43+ SmartTagField ?. map ( f => (
4644 < option key = { `ff-rm-${ f . name } ` } value = { f . name } >
4745 { f . label }
4846 </ option >
@@ -51,25 +49,23 @@ export default function FlowluFieldMap({ i, formFields, field, flowluConf, setFl
5149 </ select >
5250
5351 { field . formField === 'custom' && (
54- < CustomField
55- field = { field }
56- index = { i }
57- conf = { flowluConf }
58- setConf = { setFlowluConf }
59- fieldValue = "customValue"
60- fieldLabel = "Custom Value"
52+ < TagifyInput
53+ onChange = { e => handleCustomValue ( e , i , flowluConf , setFlowluConf ) }
54+ label = { __ ( 'Custom Value' , 'bit-integrations' ) }
6155 className = "mr-2"
56+ type = "text"
57+ value = { field . customValue }
58+ placeholder = { __ ( 'Custom Value' , 'bit-integrations' ) }
59+ formFields = { formFields }
6260 />
6361 ) }
6462
6563 < select
6664 className = "btcd-paper-inp"
6765 disabled = { i < requiredFields . length }
6866 name = "flowluFormField"
69- value = {
70- i < requiredFields . length ? requiredFields [ i ] . key || '' : field . flowluFormField || ''
71- }
72- onChange = { ( ev ) => handleFieldMapping ( ev , i , flowluConf , setFlowluConf ) } >
67+ value = { i < requiredFields . length ? requiredFields [ i ] . key || '' : field . flowluFormField || '' }
68+ onChange = { ev => handleFieldMapping ( ev , i , flowluConf , setFlowluConf ) } >
7369 < option value = "" > { __ ( 'Select Field' , 'bit-integrations' ) } </ option >
7470 { i < requiredFields . length ? (
7571 < option key = { requiredFields [ i ] . key } value = { requiredFields [ i ] . key } >
0 commit comments