payjp-react-native 0.6.3 → 0.8.0

package/android/build.gradle

@@ -5,11 +5,11 @@ buildscript {
 
     repositories {
         google()
-        jcenter()
+        mavenCentral()
     }
 
     dependencies {
-        classpath 'com.android.tools.build:gradle:4.1.1'
+        classpath 'com.android.tools.build:gradle:4.1.3'
         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
     }
 }
@@ -27,22 +27,15 @@ apply plugin: 'kotlin-android'
 
 android {
     compileSdkVersion rootProject.properties.get('compileSdkVersion', 29)
-    compileOptions {
-        sourceCompatibility 1.8
-        targetCompatibility 1.8
-    }
 
     defaultConfig {
-        minSdkVersion 16
+        minSdkVersion rootProject.properties.get('minSdkVersion', 16)
         targetSdkVersion rootProject.properties.get('targetSdkVersion', 29)
         buildConfigField "String", "VERSION_NAME", "\"$pluginVersion\""
     }
     lintOptions {
         warning 'InvalidPackage'
     }
-    kotlinOptions {
-        jvmTarget = "1.8"
-    }
 }
 
 repositories {
@@ -51,7 +44,7 @@ repositories {
         // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
         url("$rootDir/../node_modules/react-native/android")
     }
-    jcenter()
+    mavenCentral()
 }
 
 dependencies {

package/android/src/main/java/jp/pay/reactnative/PayjpCardFormModule.kt

@@ -38,6 +38,7 @@ import jp.pay.android.Payjp
 import jp.pay.android.PayjpCardForm
 import jp.pay.android.PayjpTokenBackgroundHandler
 import jp.pay.android.PayjpTokenBackgroundHandler.CardFormStatus
+import jp.pay.android.model.ExtraAttribute
 import jp.pay.android.model.TenantId
 import jp.pay.android.model.Token
 import jp.pay.android.model.toJsonValue
@@ -71,16 +72,38 @@ class PayjpCardFormModule(
   @ReactMethod fun startCardForm(
     tenantIdString: String?,
     cardFormType: String?,
+    extraAttributeEmailEnabled: Boolean,
+    extraAttributePhoneEnabled: Boolean,
+    extraAttributeEmailPreset: String?,
+    extraAttributePhoneRegion: String?,
+    extraAttributePhoneNumber: String?,
+    useThreeDSecure: Boolean,
     promise: Promise
   ) {
     val face = when (cardFormType) {
       "cardDisplay" -> PayjpCardForm.FACE_CARD_DISPLAY
       else -> PayjpCardForm.FACE_MULTI_LINE
     }
+    val extraAttributes: Array<ExtraAttribute<*>> = listOfNotNull(
+      ExtraAttribute.Email(preset = extraAttributeEmailPreset)
+        .takeIf { extraAttributeEmailEnabled },
+      ExtraAttribute.Phone(
+        region = extraAttributePhoneRegion ?: "JP",
+        number = extraAttributePhoneNumber
+      ).takeIf { extraAttributePhoneEnabled },
+    ).toTypedArray()
+
     mainThreadHandler.post {
       reactContext.currentActivity?.let { activity ->
         val tenantId = tenantIdString?.let { TenantId(it) }
-        Payjp.cardForm().start(activity, CODE_START_CARD_FORM, tenantId, face)
+        Payjp.cardForm().start(
+          activity = activity,
+          requestCode = CODE_START_CARD_FORM,
+          tenant = tenantId,
+          face = face,
+          extraAttributes = extraAttributes,
+          useThreeDSecure = useThreeDSecure,
+        )
       }
       promise.resolve(null)
     }

package/ios/Classes/RNPAY.m

@@ -23,4 +23,4 @@
 #import "RNPAY.h"
 
 NSString *const RNPAYErrorDomain = @"RNPAYErrorDomain";
-NSString *const RNPAYPluginVersion = @"0.6.3";
+NSString *const RNPAYPluginVersion = @"0.8.0";

package/ios/Classes/RNPAYCardForm.m

@@ -47,7 +47,13 @@ RCT_EXPORT_MODULE()
 
 RCT_EXPORT_METHOD(startCardForm
                   : (NSString *)tenantId cardFormType
-                  : (NSString *)cardFormType resolve
+                  : (NSString *)cardFormType extraAttributeEmailEnabled
+                  : (BOOL)extraAttributeEmailEnabled extraAttributePhoneEnabled
+                  : (BOOL)extraAttributePhoneEnabled extraAttributeEmail
+                  : (NSString *)extraAttributeEmail extraAttributePhoneRegion
+                  : (NSString *)extraAttributePhoneRegion extraAttributePhoneNumber
+                  : (NSString *)extraAttributePhoneNumber useThreeDSecure
+                  : (BOOL)useThreeDSecure resolve
                   : (RCTPromiseResolveBlock)resolve reject
                   : (__unused RCTPromiseRejectBlock)reject) {
   NSString *description =
@@ -60,13 +66,26 @@ RCT_EXPORT_METHOD(startCardForm
   if ([cardFormType isEqual:@"cardDisplay"]) {
     viewType = CardFormViewTypeDisplayStyled;
   }
-
+  NSMutableArray<id<PAYExtraAttribute>> *extraAttributes = [NSMutableArray array];
+  if (extraAttributeEmailEnabled) {
+    PAYExtraAttributeEmail *email =
+        [[PAYExtraAttributeEmail alloc] initWithPreset:extraAttributeEmail];
+    [extraAttributes addObject:email];
+  }
+  if (extraAttributePhoneEnabled) {
+    PAYExtraAttributePhone *phone =
+        [[PAYExtraAttributePhone alloc] initWithPresetNumber:extraAttributePhoneNumber
+                                                presetRegion:extraAttributePhoneRegion];
+    [extraAttributes addObject:phone];
+  }
   dispatch_async([self methodQueue], ^{
     PAYCardFormViewController *cardForm = [PAYCardFormViewController
         createCardFormViewControllerWithStyle:wself.style ?: PAYCardFormStyle.defaultStyle
                                      tenantId:tenantId
                                      delegate:wself
-                                     viewType:viewType];
+                                     viewType:viewType
+                              extraAttributes:extraAttributes
+                              useThreeDSecure:useThreeDSecure];
     UIViewController *hostViewController =
         UIApplication.sharedApplication.keyWindow.rootViewController;
     if ([hostViewController isKindOfClass:[UINavigationController class]]) {

package/lib/{src/ApplePay.d.ts → ApplePay.d.ts}

@@ -1,8 +1,8 @@
-import { Token } from "./models";
+import { Token } from './models';
 /**
  * エラー情報
  */
-export declare type ErrorInfo = {
+export type ErrorInfo = {
     errorType: string;
     errorCode: number;
     errorMessage: string;
@@ -11,21 +11,21 @@ export declare type ErrorInfo = {
  * PAY.JPトークンが生成されたときのリスナー
  * @param token PAY.JPトークン
  */
-export declare type OnApplePayProducedToken = (token: Token) => void;
+export type OnApplePayProducedToken = (token: Token) => void;
 /**
  * トークンのリクエストに失敗したときのリスナー
  * @param errorInfo エラー情報
  */
-export declare type OnApplePayFailedRequestToken = (errorInfo: ErrorInfo) => void;
+export type OnApplePayFailedRequestToken = (errorInfo: ErrorInfo) => void;
 /**
  * Apple Payが完了したときのリスナー
  */
-export declare type OnApplePayCompleted = () => void;
+export type OnApplePayCompleted = () => void;
 /**
  * Apple Payで支払いをリクエストするときに必要な情報
  * @see {@link https://developer.apple.com/documentation/passkit/pkpaymentrequest}
  */
-export declare type ApplePayAuthorizationOption = {
+export type ApplePayAuthorizationOption = {
     /**
      * AppleのMerchantId
      * 例: `merchant.com.example.www`

package/lib/{src/ApplePay.js → ApplePay.js}

@@ -1,19 +1,7 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.onApplePayUpdate = exports.completeApplePay = exports.makeApplePayToken = exports.isApplePayAvailable = void 0;
 // LICENSE : MIT
-const react_native_1 = require("react-native");
-const { RNPAYApplePay } = react_native_1.NativeModules;
-const applePayEventEmitter = new react_native_1.NativeEventEmitter(RNPAYApplePay);
+import { NativeModules, NativeEventEmitter } from 'react-native';
+const { RNPAYApplePay } = NativeModules;
+const applePayEventEmitter = new NativeEventEmitter(RNPAYApplePay);
 const onApplePayProducedTokenSet = new Set();
 const onApplePayFailedRequestTokenSet = new Set();
 const onApplePayCompletedSet = new Set();
@@ -22,9 +10,9 @@ const onApplePayCompletedSet = new Set();
  *
  * cf. [canMakePayments](https://developer.apple.com/documentation/passkit/pkpaymentauthorizationviewcontroller/1616192-canmakepayments)
  */
-exports.isApplePayAvailable = () => __awaiter(void 0, void 0, void 0, function* () {
+export const isApplePayAvailable = async () => {
     return RNPAYApplePay.isApplePayAvailable();
-});
+};
 /**
  * Apple Payの支払い認証フローを開始します。
  * AppleのMerchant IDが必要です。
@@ -33,10 +21,13 @@ exports.isApplePayAvailable = () => __awaiter(void 0, void 0, void 0, function*
  *
  * @param option Apple PayのPaymentRequestに必要な情報
  */
-exports.makeApplePayToken = (option) => __awaiter(void 0, void 0, void 0, function* () {
-    const filledOption = Object.assign(Object.assign({}, option), { requiredBillingAddress: option.requiredBillingAddress || false });
-    yield RNPAYApplePay.makeApplePayToken(filledOption);
-});
+export const makeApplePayToken = async (option) => {
+    const filledOption = {
+        ...option,
+        requiredBillingAddress: option.requiredBillingAddress || false,
+    };
+    await RNPAYApplePay.makeApplePayToken(filledOption);
+};
 /**
  * Apple Payによる支払いの成功可否を伝え、支払いフローを完了させます。
  * `isSuccess` がtrueの場合は成功の、falseの場合はエラーのUIを表示します。
@@ -44,9 +35,9 @@ exports.makeApplePayToken = (option) => __awaiter(void 0, void 0, void 0, functi
  * @param isSuccess Apple Payによるオーソリゼーションに成功したか（trueなら成功）
  * @param errorMessage エラーメッセージ
  */
-exports.completeApplePay = (isSuccess, errorMessage = null) => __awaiter(void 0, void 0, void 0, function* () {
-    yield RNPAYApplePay.completeApplePay(isSuccess, errorMessage);
-});
+export const completeApplePay = async (isSuccess, errorMessage = null) => {
+    await RNPAYApplePay.completeApplePay(isSuccess, errorMessage);
+};
 /**
  * Apple Payの支払いフローの更新を受け取ります。
  * 登録したリスナーを解除するには、返却される関数を実行します。
@@ -54,7 +45,7 @@ exports.completeApplePay = (isSuccess, errorMessage = null) => __awaiter(void 0,
  * @param observer Apple Payによる支払いフローの更新を受け取るリスナー
  * @returns unsubscribe function リスナーを解除する関数
  */
-exports.onApplePayUpdate = (observer) => {
+export const onApplePayUpdate = (observer) => {
     const { onApplePayProducedToken, onApplePayFailedRequestToken, onApplePayCompleted } = observer;
     const disconnect = connectApplePayEvent();
     onApplePayProducedToken && onApplePayProducedTokenSet.add(onApplePayProducedToken);
@@ -68,14 +59,14 @@ exports.onApplePayUpdate = (observer) => {
     };
 };
 const connectApplePayEvent = () => {
-    const onApplePayProducedToken = applePayEventEmitter.addListener("onApplePayProducedToken", (token) => {
-        onApplePayProducedTokenSet.forEach((observer) => observer(token));
+    const onApplePayProducedToken = applePayEventEmitter.addListener('onApplePayProducedToken', token => {
+        onApplePayProducedTokenSet.forEach(observer => observer(token));
     });
-    const onApplePayFailedRequestToken = applePayEventEmitter.addListener("onApplePayFailedRequestToken", (error) => {
-        onApplePayFailedRequestTokenSet.forEach((observer) => observer(error));
+    const onApplePayFailedRequestToken = applePayEventEmitter.addListener('onApplePayFailedRequestToken', error => {
+        onApplePayFailedRequestTokenSet.forEach(observer => observer(error));
     });
-    const onApplePayCompleted = applePayEventEmitter.addListener("onApplePayCompleted", () => {
-        onApplePayCompletedSet.forEach((observer) => observer());
+    const onApplePayCompleted = applePayEventEmitter.addListener('onApplePayCompleted', () => {
+        onApplePayCompletedSet.forEach(observer => observer());
     });
     return () => {
         onApplePayProducedToken.remove();
@@ -83,4 +74,3 @@ const connectApplePayEvent = () => {
         onApplePayCompleted.remove();
     };
 };
-//# sourceMappingURL=ApplePay.js.map

package/lib/{src/CardForm.d.ts → CardForm.d.ts}

@@ -1,23 +1,23 @@
-import { ColorValue } from "react-native";
-import { Token } from "./models";
+import { ColorValue } from 'react-native';
+import { Token } from './models';
 /**
  * カードフォームがキャンセルされたときに実行されるリスナー
  */
-export declare type OnCardFormCanceled = () => void;
+export type OnCardFormCanceled = () => void;
 /**
  * カードフォームが完了したときに実行されるリスナー
  */
-export declare type OnCardFormCompleted = () => void;
+export type OnCardFormCompleted = () => void;
 /**
  * カードフォームでトークンが生成されたときに実行されるリスナー
  *
  * @param token PAY.JPトークン
  */
-export declare type OnCardFormProducedToken = (token: Token) => void;
+export type OnCardFormProducedToken = (token: Token) => void;
 /**
  * カードフォームスタイル（iOS用）
  */
-export declare type IOSCardFormStyle = {
+export type IOSCardFormStyle = {
     labelTextColor?: ColorValue;
     inputTextColor?: ColorValue;
     errorTextColor?: ColorValue;
@@ -29,11 +29,24 @@ export declare type IOSCardFormStyle = {
 /**
  * カードフォームの表示タイプ
  */
-export declare type CardFormType = "multiLine" | "cardDisplay";
+export type CardFormType = 'multiLine' | 'cardDisplay';
+type ExtraAttributeEmail = {
+    type: 'email';
+    preset?: string;
+};
+type ExtraAttributePhone = {
+    type: 'phone';
+    presetRegion?: string;
+    presetNumber?: string;
+};
+/**
+ * カードフォームの追加属性
+ */
+export type ExtraAttribute = ExtraAttributeEmail | ExtraAttributePhone;
 /**
  * カードフォームのオプション
  */
-declare type CardFormOption = {
+type CardFormOption = {
     /**
      * PAY.JP Platform Marketplace 利用の場合のみ必要です (cf. {@link https://pay.jp/docs/platform-tenant-checkout} ).
      */
@@ -42,6 +55,18 @@ declare type CardFormOption = {
      * カードフォームの表示タイプ（デフォルトはmultiLine）
      */
     cardFormType?: CardFormType;
+    /**
+     * カードフォームに追加の属性項目を設定できます。デフォルトはメールアドレスと電話番号が表示されます。
+     * 入力した内容はカードオブジェクトにセットされ、 3Dセキュア認証実施時に送信されます。
+     *
+     * 3Dセキュア認証実施時の連携項目追加については以下のドキュメントを参照してください。
+     * https://help.pay.jp/ja/articles/9556161
+     */
+    extraAttributes?: ExtraAttribute[];
+    /**
+     * 3-D セキュア認証の実施可否を設定します。デフォルトはfalseです。
+     */
+    useThreeDSecure?: boolean;
 };
 /**
  * カードフォームを開始します。
@@ -49,7 +74,7 @@ declare type CardFormOption = {
  *
  * @param options カードフォームのオプション
  */
-export declare const startCardForm: (options?: CardFormOption | undefined) => Promise<void>;
+export declare const startCardForm: (options?: CardFormOption) => Promise<void>;
 /**
  * カードフォーム画面を閉じます。
  */

package/lib/{src/CardForm.js → CardForm.js}

@@ -1,19 +1,7 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.onCardFormUpdate = exports.setIOSCardFormStyle = exports.showTokenProcessingError = exports.completeCardForm = exports.startCardForm = void 0;
 // LICENSE : MIT
-const react_native_1 = require("react-native");
-const { RNPAYCardForm } = react_native_1.NativeModules;
-const cardFormEventEmitter = new react_native_1.NativeEventEmitter(RNPAYCardForm);
+import { NativeModules, NativeEventEmitter, processColor } from 'react-native';
+const { RNPAYCardForm } = NativeModules;
+const cardFormEventEmitter = new NativeEventEmitter(RNPAYCardForm);
 const onCardFormCanceledSet = new Set();
 const onCardFormCompletedSet = new Set();
 const onCardFormProducedTokenSet = new Set();
@@ -23,40 +11,43 @@ const onCardFormProducedTokenSet = new Set();
  *
  * @param options カードフォームのオプション
  */
-exports.startCardForm = (options) => __awaiter(void 0, void 0, void 0, function* () {
-    yield RNPAYCardForm.startCardForm(options === null || options === void 0 ? void 0 : options.tenantId, options === null || options === void 0 ? void 0 : options.cardFormType);
-});
+export const startCardForm = async (options) => {
+    const extraAttributes = options?.extraAttributes ?? [{ type: 'email' }, { type: 'phone' }];
+    const extraAttributeEmail = extraAttributes.find(attribute => attribute.type === 'email');
+    const extraAttributePhone = extraAttributes.find(attribute => attribute.type === 'phone');
+    await RNPAYCardForm.startCardForm(options?.tenantId, options?.cardFormType, !!extraAttributeEmail, !!extraAttributePhone, extraAttributeEmail?.preset, extraAttributePhone?.presetRegion, extraAttributePhone?.presetNumber, options?.useThreeDSecure ?? false);
+};
 /**
  * カードフォーム画面を閉じます。
  */
-exports.completeCardForm = () => __awaiter(void 0, void 0, void 0, function* () {
-    yield RNPAYCardForm.completeCardForm();
-});
+export const completeCardForm = async () => {
+    await RNPAYCardForm.completeCardForm();
+};
 /**
  * カードフォーム画面を終了せずにエラーメッセージを表示します。
  *
  * @param message エラーメッセージ
  */
-exports.showTokenProcessingError = (message) => __awaiter(void 0, void 0, void 0, function* () {
-    yield RNPAYCardForm.showTokenProcessingError(message);
-});
+export const showTokenProcessingError = async (message) => {
+    await RNPAYCardForm.showTokenProcessingError(message);
+};
 /**
  * カードフォームのスタイルをセットします。（iOS用）
  *
  * @param style スタイル情報
  */
-exports.setIOSCardFormStyle = (style) => __awaiter(void 0, void 0, void 0, function* () {
+export const setIOSCardFormStyle = async (style) => {
     const styleConverted = {};
     for (const key in style) {
         const styleKey = key;
         const styleValue = style[styleKey];
-        const processedValue = react_native_1.processColor(styleValue);
+        const processedValue = processColor(styleValue);
         if (processedValue !== null && processedValue !== undefined) {
             styleConverted[styleKey] = processedValue;
         }
     }
-    yield RNPAYCardForm.setFormStyle(styleConverted);
-});
+    await RNPAYCardForm.setFormStyle(styleConverted);
+};
 /**
  * カードフォームの更新を受け取ります。
  * 登録したリスナーを解除するには、返却される関数を実行します。
@@ -74,7 +65,7 @@ exports.setIOSCardFormStyle = (style) => __awaiter(void 0, void 0, void 0, funct
  * @param observer カードフォームの更新を受け取るリスナー
  * @returns unsubscribe function リスナーを解除する（多くの場合アンマウント時にコールする）関数
  */
-exports.onCardFormUpdate = (observer) => {
+export const onCardFormUpdate = (observer) => {
     const { onCardFormCanceled, onCardFormCompleted, onCardFormProducedToken } = observer;
     const unsubscribeNative = connectCardForm();
     onCardFormCanceled && onCardFormCanceledSet.add(onCardFormCanceled);
@@ -88,14 +79,14 @@ exports.onCardFormUpdate = (observer) => {
     };
 };
 const connectCardForm = () => {
-    const onCardFormCanceled = cardFormEventEmitter.addListener("onCardFormCanceled", () => {
-        onCardFormCanceledSet.forEach((observer) => observer());
+    const onCardFormCanceled = cardFormEventEmitter.addListener('onCardFormCanceled', () => {
+        onCardFormCanceledSet.forEach(observer => observer());
     });
-    const onCardFormCompleted = cardFormEventEmitter.addListener("onCardFormCompleted", () => {
-        onCardFormCompletedSet.forEach((observer) => observer());
+    const onCardFormCompleted = cardFormEventEmitter.addListener('onCardFormCompleted', () => {
+        onCardFormCompletedSet.forEach(observer => observer());
     });
-    const onCardFormProducedToken = cardFormEventEmitter.addListener("onCardFormProducedToken", (token) => {
-        onCardFormProducedTokenSet.forEach((observer) => observer(token));
+    const onCardFormProducedToken = cardFormEventEmitter.addListener('onCardFormProducedToken', token => {
+        onCardFormProducedTokenSet.forEach(observer => observer(token));
     });
     return () => {
         onCardFormCanceled.remove();
@@ -103,4 +94,3 @@ const connectCardForm = () => {
         onCardFormProducedToken.remove();
     };
 };
-//# sourceMappingURL=CardForm.js.map

package/lib/{src/Core.d.ts → Core.d.ts}

@@ -1,4 +1,4 @@
-declare type InitOption = {
+type InitOption = {
     /**
      * PAY.JPのパブリックキー
      * PAY.JP管理画面で取得します

package/lib/Core.js

@@ -0,0 +1,18 @@
+// LICENSE : MIT
+import { NativeModules } from 'react-native';
+const { RNPAYCore } = NativeModules;
+/**
+ * PAY.JPのSDKの初期設定
+ * カードフォームなどを利用する前にコールする必要があります。
+ *
+ * @param options オプション
+ */
+export const init = async (options) => {
+    await RNPAYCore.initialize({
+        publicKey: options.publicKey,
+        locale: options.locale ?? null,
+        debugEnabled: options.debugEnabled ?? false,
+        threeDSecureRedirectUrl: options.threeDSecureRedirect?.url ?? null,
+        threeDSecureRedirectKey: options.threeDSecureRedirect?.key ?? null,
+    });
+};

package/lib/index.d.ts

@@ -0,0 +1,5 @@
+import * as PayjpApplePay from './ApplePay';
+import * as PayjpCardForm from './CardForm';
+import * as PayjpCore from './Core';
+export { PayjpCore, PayjpCardForm, PayjpApplePay };
+export * from './models';

package/lib/index.js

@@ -0,0 +1,6 @@
+// LICENSE : MIT
+import * as PayjpApplePay from './ApplePay';
+import * as PayjpCardForm from './CardForm';
+import * as PayjpCore from './Core';
+export { PayjpCore, PayjpCardForm, PayjpApplePay };
+export * from './models';

package/lib/{src/models → models}/Card.d.ts

@@ -9,7 +9,7 @@
  * https://openapi-generator.tech
  * Do not edit the class manually.
  */
-import { CardBrand } from "./";
+import { CardBrand } from './';
 /**
  *
  * @export
@@ -82,6 +82,18 @@ export interface Card {
      * @memberof Card
      */
     fingerprint?: string;
+    /**
+     * メールアドレス 2024年8月以降、3Dセキュア認証の際にphoneまたはemailのデータ入力が求められます。
+     * @type {string}
+     * @memberof Card
+     */
+    email?: string | null;
+    /**
+     * E.164形式の電話番号 (e.g. 090-0123-4567（日本） => \"+819001234567\") 2024年8月以降、3Dセキュア認証の際にphoneまたはemailのデータ入力が求められます。
+     * @type {string}
+     * @memberof Card
+     */
+    phone?: string | null;
     /**
      * 都道府県
      * @type {string}

package/lib/models/Card.js

@@ -0,0 +1,86 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * PAY.JP Token API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 0.1.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+// import { exists, mapValues } from '../runtime';
+function exists(json, key) {
+    const value = json[key];
+    return value !== null && value !== undefined;
+}
+function mapValues(data, fn) {
+    return Object.keys(data).reduce((acc, key) => ({ ...acc, [key]: fn(data[key]) }), {});
+}
+import { CardBrandFromJSON, CardBrandToJSON } from './';
+export function CardFromJSON(json) {
+    return CardFromJSONTyped(json, false);
+}
+export function CardFromJSONTyped(json, ignoreDiscriminator) {
+    if (json === undefined || json === null) {
+        return json;
+    }
+    return {
+        id: json['id'],
+        object: !exists(json, 'object') ? undefined : json['object'],
+        created: !exists(json, 'created') ? undefined : json['created'],
+        name: !exists(json, 'name') ? undefined : json['name'],
+        last4: !exists(json, 'last4') ? undefined : json['last4'],
+        expMonth: !exists(json, 'exp_month') ? undefined : json['exp_month'],
+        expYear: !exists(json, 'exp_year') ? undefined : json['exp_year'],
+        brand: !exists(json, 'brand') ? undefined : CardBrandFromJSON(json['brand']),
+        cvcCheck: !exists(json, 'cvc_check') ? undefined : json['cvc_check'],
+        threeDSecureStatus: !exists(json, 'three_d_secure_status') ? undefined : json['three_d_secure_status'],
+        fingerprint: !exists(json, 'fingerprint') ? undefined : json['fingerprint'],
+        email: !exists(json, 'email') ? undefined : json['email'],
+        phone: !exists(json, 'phone') ? undefined : json['phone'],
+        addressState: !exists(json, 'address_state') ? undefined : json['address_state'],
+        addressCity: !exists(json, 'address_city') ? undefined : json['address_city'],
+        addressLine1: !exists(json, 'address_line1') ? undefined : json['address_line1'],
+        addressLine2: !exists(json, 'address_line2') ? undefined : json['address_line2'],
+        country: !exists(json, 'country') ? undefined : json['country'],
+        addressZip: !exists(json, 'address_zip') ? undefined : json['address_zip'],
+        addressZipCheck: !exists(json, 'address_zip_check') ? undefined : json['address_zip_check'],
+        customer: !exists(json, 'customer') ? undefined : json['customer'],
+        metadata: !exists(json, 'metadata') ? undefined : json['metadata'],
+    };
+}
+export function CardToJSON(value) {
+    if (value === undefined) {
+        return undefined;
+    }
+    if (value === null) {
+        return null;
+    }
+    return {
+        id: value.id,
+        object: value.object,
+        created: value.created,
+        name: value.name,
+        last4: value.last4,
+        exp_month: value.expMonth,
+        exp_year: value.expYear,
+        brand: CardBrandToJSON(value.brand),
+        cvc_check: value.cvcCheck,
+        three_d_secure_status: value.threeDSecureStatus,
+        fingerprint: value.fingerprint,
+        email: value.email,
+        phone: value.phone,
+        address_state: value.addressState,
+        address_city: value.addressCity,
+        address_line1: value.addressLine1,
+        address_line2: value.addressLine2,
+        country: value.country,
+        address_zip: value.addressZip,
+        address_zip_check: value.addressZipCheck,
+        customer: value.customer,
+        metadata: value.metadata,
+    };
+}