'use client'
|
import type { FC } from 'react'
|
import React, { useCallback } from 'react'
|
import { useTranslation } from 'react-i18next'
|
import type { Topic } from '../types'
|
import Editor from '@/app/components/workflow/nodes/_base/components/prompt/editor'
|
import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
|
import type { ValueSelector, Var } from '@/app/components/workflow/types'
|
|
const i18nPrefix = 'workflow.nodes.questionClassifiers'
|
|
type Props = {
|
nodeId: string
|
payload: Topic
|
onChange: (payload: Topic) => void
|
onRemove: () => void
|
index: number
|
readonly?: boolean
|
filterVar: (payload: Var, valueSelector: ValueSelector) => boolean
|
}
|
|
const ClassItem: FC<Props> = ({
|
nodeId,
|
payload,
|
onChange,
|
onRemove,
|
index,
|
readonly,
|
filterVar,
|
}) => {
|
const { t } = useTranslation()
|
|
const handleNameChange = useCallback((value: string) => {
|
onChange({ ...payload, name: value })
|
}, [onChange, payload])
|
|
const { availableVars, availableNodesWithParent } = useAvailableVarList(nodeId, {
|
onlyLeafNodeVar: false,
|
hideChatVar: false,
|
hideEnv: false,
|
filterVar,
|
})
|
|
return (
|
<Editor
|
title={`${t(`${i18nPrefix}.class`)} ${index}`}
|
placeholder={t(`${i18nPrefix}.topicPlaceholder`)!}
|
value={payload.name}
|
onChange={handleNameChange}
|
showRemove
|
onRemove={onRemove}
|
nodesOutputVars={availableVars}
|
availableNodes={availableNodesWithParent}
|
readOnly={readonly} // ?
|
justVar // ?
|
isSupportFileVar // ?
|
/>
|
)
|
}
|
export default React.memo(ClassItem)
|
