@@ -4,16 +4,14 @@ import { $btcbi } from '../../../GlobalStates'
4
4
import { SmartTagField } from '../../../Utils/StaticData/SmartTagField'
5
5
import { __ } from '../../../Utils/i18nwrap'
6
6
import CustomField from './CustomField'
7
- import { addFieldMap , delFieldMap , handleFieldMapping } from './IntegrationHelpers'
7
+ import { addFieldMap , delFieldMap , handleCustomValue , handleFieldMapping } from './IntegrationHelpers'
8
+ import TagifyInput from '../../Utilities/TagifyInput'
8
9
9
10
export default function FlowluFieldMap ( { i, formFields, field, flowluConf, setFlowluConf } ) {
10
11
const requiredFields =
11
- ( flowluConf ?. flowluFields && flowluConf ?. flowluFields . filter ( ( fld ) => fld . required === true ) ) ||
12
- [ ]
12
+ ( flowluConf ?. flowluFields && flowluConf ?. flowluFields . filter ( fld => fld . required === true ) ) || [ ]
13
13
const allNonRequiredFields =
14
- ( flowluConf ?. flowluFields &&
15
- flowluConf ?. flowluFields . filter ( ( fld ) => fld . required === false ) ) ||
16
- [ ]
14
+ ( flowluConf ?. flowluFields && flowluConf ?. flowluFields . filter ( fld => fld . required === false ) ) || [ ]
17
15
18
16
const btcbi = useRecoilValue ( $btcbi )
19
17
const { isPro } = btcbi
@@ -26,10 +24,10 @@ export default function FlowluFieldMap({ i, formFields, field, flowluConf, setFl
26
24
className = "btcd-paper-inp mr-2"
27
25
name = "formField"
28
26
value = { field . formField || '' }
29
- onChange = { ( ev ) => handleFieldMapping ( ev , i , flowluConf , setFlowluConf ) } >
27
+ onChange = { ev => handleFieldMapping ( ev , i , flowluConf , setFlowluConf ) } >
30
28
< option value = "" > { __ ( 'Select Field' , 'bit-integrations' ) } </ option >
31
29
< optgroup label = { __ ( 'Form Fields' , 'bit-integrations' ) } >
32
- { formFields ?. map ( ( f ) => (
30
+ { formFields ?. map ( f => (
33
31
< option key = { `ff-rm-${ f . name } ` } value = { f . name } >
34
32
{ f . label }
35
33
</ option >
@@ -42,7 +40,7 @@ export default function FlowluFieldMap({ i, formFields, field, flowluConf, setFl
42
40
isPro ? '' : `(${ __ ( 'Pro' , 'bit-integrations' ) } )`
43
41
) } >
44
42
{ isPro &&
45
- SmartTagField ?. map ( ( f ) => (
43
+ SmartTagField ?. map ( f => (
46
44
< option key = { `ff-rm-${ f . name } ` } value = { f . name } >
47
45
{ f . label }
48
46
</ option >
@@ -51,25 +49,23 @@ export default function FlowluFieldMap({ i, formFields, field, flowluConf, setFl
51
49
</ select >
52
50
53
51
{ 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' ) }
61
55
className = "mr-2"
56
+ type = "text"
57
+ value = { field . customValue }
58
+ placeholder = { __ ( 'Custom Value' , 'bit-integrations' ) }
59
+ formFields = { formFields }
62
60
/>
63
61
) }
64
62
65
63
< select
66
64
className = "btcd-paper-inp"
67
65
disabled = { i < requiredFields . length }
68
66
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 ) } >
73
69
< option value = "" > { __ ( 'Select Field' , 'bit-integrations' ) } </ option >
74
70
{ i < requiredFields . length ? (
75
71
< option key = { requiredFields [ i ] . key } value = { requiredFields [ i ] . key } >
0 commit comments