Function updateComponentData

packages/ui/src/views/agentflowsv2/ConfigInput.jsx:183–243

()

        // Update selectedComponentNodeData with new input values
        const updateComponentData = () => {
            const updatedComponentData = cloneDeep(selectedComponentNodeData)

            // Helper functions (same as in initial load)
            const hasArrayConfig = () => {
                return (
                    parentParamForArray &&
                    data.inputs[parentParamForArray.name] &&
                    Array.isArray(data.inputs[parentParamForArray.name]) &&
                    data.inputs[parentParamForArray.name][arrayIndex] &&
                    data.inputs[parentParamForArray.name][arrayIndex][`${inputParam.name}Config`]
                )
            }

            const getCurrentInputValue = () => {
                return hasArrayConfig() ? data.inputs[parentParamForArray.name][arrayIndex][inputParam.name] : data.inputs[inputParam.name]
            }

            const getConfigData = () => {
                return hasArrayConfig()
                    ? data.inputs[parentParamForArray.name][arrayIndex][`${inputParam.name}Config`]
                    : data.inputs[`${inputParam.name}Config`]
            }

            // Update the main input value in component data
            const currentValue = getCurrentInputValue()
            if (currentValue !== undefined) {
                updatedComponentData.inputs[inputParam.name] = currentValue
            }

            // If there's config data and it matches the current value, use it
            if (hasArrayConfig() || data.inputs[`${inputParam.name}Config`]) {
                const configData = getConfigData()
                if (configData && configData[inputParam.name] === currentValue) {
                    // Config is still valid, merge it with current value
                    updatedComponentData.inputs = { ...configData, [inputParam.name]: currentValue }
                } else if (hasMainValueChanged) {
                    // Main value changed but config doesn't match, reset to defaults with new value
                    const defaultInput = initializeDefaultNodeData(updatedComponentData.inputParams)
                    updatedComponentData.inputs = { ...defaultInput, [inputParam.name]: currentValue }
                }
            }

            // Update input parameters visibility
            updatedComponentData.inputParams = showHideInputParams({
                ...updatedComponentData,
                inputs: updatedComponentData.inputs
            })

            const credential = updatedComponentData.inputs.credential || updatedComponentData.inputs[FLOWISE_CREDENTIAL_ID]
            updatedComponentData.credential = credential ? credential : undefined

            setSelectedComponentNodeData(updatedComponentData)

            // Update the tracked values
            setLastProcessedInputs({
                mainValue: currentInputValues.mainValue,
                configValue: currentInputValues.configValue,