create.config.ts 3.86 KB
import { MailBodyTypeEnum, MailBodyTypeNameEnum } from '../../../enum/form';
import { useRuleChainI18n } from '../../../hook/useRuleChainI18n';
import { FormSchema } from '/@/components/Form';

const { tLabel, tPlaceholder } = useRuleChainI18n('transformation', 'toEmail');

export enum ToEmailFieldsEnum {
  FROM_TEMPLATE = 'fromTemplate',
  TO_TEMPLATE = 'toTemplate',
  CC_TEMPLATE = 'ccTemplate',
  BCC_TEMPLATE = 'bccTemplate',
  SUBJECT_TEMPLATE = 'subjectTemplate',
  MAIL_BODY_TYPE = 'mailBodyType',
  IS_HTML_TEMPLATE = 'isHtmlTemplate',
  BODY_TEMPLATE = 'bodyTemplate',
}

export const formSchemas: FormSchema[] = [
  {
    field: ToEmailFieldsEnum.FROM_TEMPLATE,
    component: 'Input',
    label: tLabel(ToEmailFieldsEnum.FROM_TEMPLATE),
    helpMessage: [
      'Hint: use ${metadataKey} for value from metadata, $[messageKey] for value from message body',
    ],
    componentProps: {
      placeholder: tPlaceholder(ToEmailFieldsEnum.FROM_TEMPLATE),
    },
  },
  {
    field: ToEmailFieldsEnum.TO_TEMPLATE,
    component: 'Input',
    label: tLabel(ToEmailFieldsEnum.TO_TEMPLATE),
    helpMessage: [
      'Comma separated address list, use ${metadataKey} for value from metadata, $[messageKey] for value from message body',
    ],
    componentProps: {
      placeholder: tPlaceholder(ToEmailFieldsEnum.FROM_TEMPLATE),
    },
  },
  {
    field: ToEmailFieldsEnum.CC_TEMPLATE,
    component: 'Input',
    label: tLabel(ToEmailFieldsEnum.CC_TEMPLATE),
    helpMessage: [
      'Comma separated address list, use ${metadataKey} for value from metadata, $[messageKey] for value from message body',
    ],
    componentProps: {
      placeholder: tPlaceholder(ToEmailFieldsEnum.FROM_TEMPLATE),
    },
  },
  {
    field: ToEmailFieldsEnum.BCC_TEMPLATE,
    component: 'Input',
    label: tLabel(ToEmailFieldsEnum.BCC_TEMPLATE),
    helpMessage: [
      'Comma separated address list, use ${metadataKey} for value from metadata, $[messageKey] for value from message body',
    ],
    componentProps: {
      placeholder: tPlaceholder(ToEmailFieldsEnum.FROM_TEMPLATE),
    },
  },
  {
    field: ToEmailFieldsEnum.SUBJECT_TEMPLATE,
    component: 'Input',
    label: tLabel(ToEmailFieldsEnum.SUBJECT_TEMPLATE),
    helpMessage: [
      'Hint: use ${metadataKey} for value from metadata, $[messageKey] for value from message body',
    ],
    componentProps: {
      placeholder: tPlaceholder(ToEmailFieldsEnum.FROM_TEMPLATE),
    },
  },
  {
    field: ToEmailFieldsEnum.MAIL_BODY_TYPE,
    component: 'Select',
    label: tLabel(ToEmailFieldsEnum.MAIL_BODY_TYPE),
    componentProps: ({ formActionType }) => {
      const { setFieldsValue } = formActionType;
      return {
        options: [
          { label: MailBodyTypeNameEnum.PLAIN_TEXT, value: MailBodyTypeEnum.PLAIN_TEXT },
          { label: MailBodyTypeNameEnum.HTML, value: MailBodyTypeEnum.HTML },
          { label: MailBodyTypeNameEnum.DYNAMIC, value: MailBodyTypeEnum.DYNAMIC },
        ],
        placeholder: tPlaceholder(ToEmailFieldsEnum.MAIL_BODY_TYPE, 'choose'),
        getPopupContainer: () => document.body,
        onChange: () => {
          setFieldsValue({ [ToEmailFieldsEnum.IS_HTML_TEMPLATE]: null });
        },
      };
    },
  },
  {
    field: ToEmailFieldsEnum.IS_HTML_TEMPLATE,
    component: 'Input',
    label: tLabel(ToEmailFieldsEnum.IS_HTML_TEMPLATE),
    show: ({ model }) => model[ToEmailFieldsEnum.MAIL_BODY_TYPE] === MailBodyTypeEnum.DYNAMIC,
    helpMessage: [
      'Hint: use ${metadataKey} for value from metadata, $[messageKey] for value from message body',
    ],
    componentProps: {
      placeholder: tPlaceholder(ToEmailFieldsEnum.IS_HTML_TEMPLATE),
    },
  },
  {
    field: ToEmailFieldsEnum.BODY_TEMPLATE,
    component: 'InputTextArea',
    label: tLabel(ToEmailFieldsEnum.BODY_TEMPLATE),
    componentProps: {
      placeholder: tPlaceholder(ToEmailFieldsEnum.BODY_TEMPLATE),
      autoSize: { minRows: 3 },
    },
  },
];