import * as Yup from 'yup'

import SecretInputFormik from 'src/components/inputs/formik/SecretInput'
import TextInputFormik from 'src/components/inputs/formik/TextInput'

import { secretTest } from './helper'

export default {
  code: 'twilio',
  name: 'Twilio',
  title: 'Twilio (SMS)',
  elements: [
    {
      code: 'accountSid',
      display: 'Account SID',
      component: TextInputFormik
    },
    {
      code: 'authToken',
      display: 'Auth token',
      component: SecretInputFormik
    },
    {
      code: 'fromNumber',
      display: 'Twilio number (international format)',
      component: TextInputFormik,
      face: true
    },
    {
      code: 'toNumber',
      display: 'Notifications number (international format)',
      component: TextInputFormik,
      face: true
    }
  ],
  getValidationSchema: account => {
    return Yup.object().shape({
      accountSid: Yup.string('The account SID must be a string')
        .max(100, 'The account SID is too long')
        .required('The account SID is required'),
      authToken: Yup.string('The auth token must be a string')
        .max(100, 'The auth token is too long')
        .test(secretTest(account?.authToken, 'auth token')),
      fromNumber: Yup.string('The Twilio number must be a string')
        .max(100, 'The Twilio number is too long')
        .required('The Twilio number is required'),
      toNumber: Yup.string('The notifications number must be a string')
        .max(100, 'The notifications number is too long')
        .required('The notifications number is required')
    })
  }
}