import { useRuleChainI18n } from '../../../hook/useRuleChainI18n';
import {
  JavascriptEditorWithTestModal,
  ScriptEditorValueType,
} from '../../../src/components/JavaScriptFilterModal';
import { DefaultNodeConfig } from '../../../types/node';
import { FormSchema, useComponentRegister } from '/@/components/Form';

const { tLabel, t } = useRuleChainI18n('transformation', 'script');

export enum ScriptFieldsEnum {
  JS_SCRIPT = 'jsScript',
}

useComponentRegister('JavascriptEditorWithTestModal', JavascriptEditorWithTestModal);

export interface FormFieldsValue {
  [ScriptFieldsEnum.JS_SCRIPT]: ScriptEditorValueType;
}

export interface NodeConfigValue extends DefaultNodeConfig, ScriptEditorValueType {}

export const formSchemas: FormSchema[] = [
  {
    field: ScriptFieldsEnum.JS_SCRIPT,
    component: 'JavascriptEditorWithTestModal',
    label: tLabel(ScriptFieldsEnum.JS_SCRIPT),
    changeEvent: 'update:value',
    valueField: 'value',
    componentProps: {
      javaScriptEditorProps: {
        functionName: 'Transform',
        paramsName: ['msg', 'metadata', 'msgType'],
        scriptType: 'update',
      },
      buttonName: t('rule.chain.transformation.script.fields.jsScriptButtonName'),
    },
  },
];