前端组件 - 组件使用

npm install @waffo/payment-sdk

import WaffoSDK from '@waffo/payment-sdk';

const sdk = new WaffoSDK('your-client-api-key', {
  env: 'prod',    // 'prod' | 'testing' | 'sandbox'
  locale: 'en'    // 可选，默认 'en'
});

const result = await sdk.tokenizationSubmit('tokenSessionId', {
  tokenData: {
    pan: '4111111111111111',  // 卡号
    name: 'John Doe',         // 持卡人姓名
    expiry: '12/2025',        // 有效期 MM/YYYY
    cvv: '123'                // CVV（可选）
  },
  billingAddress: {            // 可选
    countryCode: 'USA',
    region: 'CA',
    city: 'San Francisco',
    postalCode: '94102',
    address: '123 Main St'
  }
});

if (result.success) {
  if (result.data.validateUrl) {
    // 需要 3DS 验证，重定向用户
    window.location.href = result.data.validateUrl;
  } else {
    // 绑卡成功，等待 Webhook 获取 tokenId
  }
}

WaffoSDK.renderIframe({
  // 自定义主题颜色、Logo、Apple Pay 等
});