import sdk from '../../../dist/index'
// import sdk from '@efox/pay'

const publicKey = {
  //   key: '250405304072',
  // key: 'AVLRNG',
  key: 'test_pk_jzJwjuWU2x-i1bgbPr2w_g',
}

const initialData = {
  env: 'dev',
  domId: '',
  sdkName: 'ebanx',
  country: 'BR',
  btnText: '提交',
  isDebitCard: true,
  fieldData: {
    userName: 'José Silva',
    orderAmount: '10.04', //【交易金额】应为小数点后2位小数。  对应下单币种
    orderCurrency: 'BRL', //【交易币种】
    shipAddress: 'Rua Estanislau Szarek', //【收件人的地址】  对用用户表单address
    shipCountry: 'BR', //【收件人的国家】
    shipState: 'PR', //【收件人的州】  对用用户表单state
    shipCity: 'Curitiba', //【收件人的城市】  对用用户表单city
    shipZip: '81315380', //【收件人的邮编】  对用用户表单zipcode
    email: '1584023172@exemplo.com.br', //【客人的邮件】  对用用户表单email
    shipPhone: '41999999999', //【收件人的联系电话】  对用用户表单phoneNumber
    homePhone: '41999999999', //【家庭电话】
    CPF: '97370192024', // 【CPF，巴西身份证】  对用用户表单document
  },
  fieldOnChange: fieldValidtion => {
    console.log('改变', fieldValidtion)
  },
  fieldOnBlur: fieldValidtion => {
    console.log('失焦', fieldValidtion)
  },
  createToken: response => {
    console.log('token回调', response)
  },
  fieldComplete: fieldCompleteParams => {
    console.log('表单填写完成', fieldCompleteParams)
  },
  styleOption: {
    commonStyle: {},
    componentStyle: {
      formStyle: {
        padding: '20px',
      },
      nameInputStyle: {},
      cardInputStyle: {
        labelStyle: {
          // backgroundColor: 'red',
        },
      },
      expirationInputStyle: {},
      cvvInputStyle: {},
      btnStyle: {},
    },
  },
  label: {
    userNameLabel: 'User Name',
    cardNumberLabel: 'Card Number',
    expirationLabel: 'Card Due Date',
    cvvLabel: 'Card Cvv',
  },

  /**
   * 2checkout 语言码，需写进 SDK 文档（非规范国家码）
   * https://knowledgecenter.2checkout.com/Documentation/07Commerce/Checkout-links-and-options/2Checkout-supported-languages
   */
  language: 'zh',
}

const pay = new sdk(publicKey, initialData)

// setTimeout(async () => {
//   const res = await pay.getToken()
//   console.log('啊啊啊', res)
// }, 1000)

const holderName = '持卡人姓名'
// setTimeout(async () => {
//   const token = await pay.getToken(holderName)
//   console.log(token)
// }, 15000)
