フロントエンドコンポーネント - コンポーネントの使い方

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/2028',        // 有効期限 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({
  // Customize theme color, logo, Apple Pay, etc.
});