@tosspayments/tosspayments-sdk 2.7.1 → 2.8.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tosspayments/tosspayments-sdk",
   "description": "TossPayments.js Tosspayments SDK.",
-  "version": "2.7.1",
+  "version": "2.8.1",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "types/index.d.ts",
@@ -19,12 +19,6 @@
     "url": "git+https://github.com/tosspayments/browser-sdk.git",
     "directory": "packages/tosspayments-sdk"
   },
-  "scripts": {
-    "build": "rm -rf dist && rollup -c",
-    "prepack": "yarn build",
-    "test": "vitest",
-    "typecheck": "tsc --noEmit"
-  },
   "license": "MIT",
   "devDependencies": {
     "@babel/core": "^7.11.6",
@@ -33,8 +27,6 @@
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-typescript": "^8.3.0",
-    "@tosspayments/sdk-loader": "workspace:^",
-    "@tosspayments/standard-public-interfaces": "2.9.0",
     "happy-dom": "^14.12.3",
     "prettier": "^2.0.2",
     "rollup": "^2.60.0",
@@ -42,7 +34,8 @@
     "rollup-plugin-dts": "^6.1.1",
     "tslib": "^1.11.1",
     "typescript": "5.2.2",
-    "vitest": "^1.6.0"
+    "vitest": "^1.6.0",
+    "@tosspayments/sdk-loader": "^2.1.0"
   },
   "files": [
     "dist",
@@ -50,5 +43,10 @@
   ],
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build": "rm -rf dist && rollup -c",
+    "test": "vitest",
+    "typecheck": "tsc --noEmit"
   }
-}
+}

package/types/index.d.ts

@@ -1,5 +1,7 @@
 declare function clearTossPayments(): void;
 
+// standard-public-interfaces 2.17.4 — 자동 생성 파일입니다. 직접 수정하지 마세요.
+
 type WidgetSelectedPaymentMethod = {
     /**
      * 구매자가 결제 UI에서 선택한 결제수단입니다. 예를 들어, 신용・체크카드를 선택하면 `CARD` 코드가 응답됩니다. [ENUM 코드](/codes/enum-codes) 및 [기관 코드](/codes/org-codes)를 참고하세요.
@@ -25,13 +27,13 @@ interface WidgetPaymentMethodWidget {
             // 카드 안내사항 노출
           }
           if (selectedPaymentMethod.code === '문화바우처') {
-            // 커스텀 결제수단 (결제위젯 Pro 플랜 기능)
+            // 커스텀 결제수단 (결제 Pro 플랜 기능)
             // 문화바우처 안내사항 노출
           }
         });
      * ```
      *
-     * @param {'paymentMethodSelect'} eventName 구독할 이벤트입니다. `paymentMethodSelect` 이벤트로 구매자가 선택한 결제수단 코드를 확인하세요. 일반결제는 [결제수단 ENUM 코드](/codes/enum-codes#결제수단-타입)가 응답돼요. 결제위젯 Pro 플랜으로 [커스텀 결제수단](/guides/v2/payment-widget/pro/integration-custom)을 연동했다면 결제위젯 어드민에서 설정한 `key` 값이 응답돼요.
+     * @param {'paymentMethodSelect'} eventName 구독할 이벤트입니다. `paymentMethodSelect` 이벤트로 구매자가 선택한 결제수단 코드를 확인하세요. 일반결제는 [결제수단 ENUM 코드](/codes/enum-codes#결제수단-타입)가 응답돼요. 결제 Pro 플랜으로 [커스텀 결제수단](/guides/v2/payment-widget/pro/integration-custom)을 연동했다면 결제 어드민에서 설정한 `key` 값이 응답돼요.
      * @param {function} callback 이벤트가 일어나면 호출되는 콜백 함수입니다.
      *
      * @throws {@link PublicError.Widgets.InvalidEventParameterError} eventName이 유효하지 않은 경우
@@ -76,7 +78,7 @@ interface WidgetAgreementStatus {
 
 interface WidgetAgreementWidget {
     /**
-     * 약관 UI의 이벤트를 구독합니다. [자세히](#widgetagreementwidgeton)
+     * 약관 UI의 이벤트를 구독합니다. [자세히 >](#agreementwidgeton)
      *
      * @param {'agreementStatusChange'} eventName 구독할 이벤트입니다. `agreementStatusChange` 이벤트로 구매자가 약관에 동의했는지 확인하세요.
      * @param {function} callback 이벤트가 일어나면 호출되는 콜백 함수입니다.
@@ -173,6 +175,15 @@ interface WidgetPaymentRequest {
          * 페이북/ISP 앱에서 상점 앱으로 돌아올 때 사용됩니다. 상점의 앱 스킴을 지정하면 됩니다. 예를 들면 testapp://같은 형태입니다.
          */
         appScheme?: string | null;
+        /**
+         * @ignore
+         */
+        threeDS?: {
+            /**
+             * @ignore
+             */
+            challengeMode?: 'CHALLENGE_REQUIRED' | null;
+        } | null;
     } | null;
     /**
      * 구매자가 계좌이체를 선택하면 결제에 적용되는 옵션입니다.
@@ -429,7 +440,7 @@ interface WidgetPaymentRequestWindow extends WidgetPaymentRequest {
 }
 interface WidgetPaymentRequestWindowOptions {
     /**
-     * 결제위젯 UI의 variantKey 정보입니다. [결제위젯 어드민](https://dashboard.tosspayments.com/payment-widget-service/)에서 확인할 수 있어요.
+     * 결제 UI의 variantKey 정보입니다. [결제 어드민](https://dashboard.tosspayments.com/payment-widget-service/)에서 확인할 수 있어요.
      */
     variantKey?: {
         /**
@@ -445,27 +456,18 @@ interface WidgetPaymentRequestWindowOptions {
 
 interface WidgetPaymentWindow {
     /**
-     * 결제창의 이벤트를 구독합니다.
+     * 결제창 이벤트를 구독합니다. [자세히 >](#paymentwindowon)
      *
-     * @param {'paymentRequest'} eventName 구독할 이벤트입니다. `paymentRequest` 이벤트로 구매자의 결제 요청을 수신하세요.
+     * @param {'paymentRequest' | 'cancel'} eventName 구독할 이벤트입니다.
      * @param {function} callback 이벤트가 일어나면 호출되는 콜백 함수입니다.
      *
-     * @example
-     *  ```javascript
-     *  paymentWindow.on('paymentRequest', ({ paymentMethod }) => {
-     *    // 결제 요청 처리
-     *  });
-     * ```
-     *
      * @throws {@link PublicError.Widgets.InvalidEventParameterError} eventName이 유효하지 않은 경우
      * @throws {@link PublicError.Widgets.InvalidCallbackParameterError} callback이 유효하지 않은 경우
      * @throws {@link PublicError.Widgets.UnknownError} 알 수 없는 오류가 발생한 경우
      */
-    on: (eventName: 'paymentRequest', callback: (params: {
-        paymentMethod: WidgetSelectedPaymentMethod;
-    }) => Promise<void>) => void;
+    on: WidgetPaymentWindowOnPaymentRequest & WidgetPaymentWindowOnCancel;
     /**
-     * 결제창을 제거합니다.
+     * 결제창을 제거합니다. [자세히 >](#paymentwindowdestroy)
      *
      * @example
      *  ```javascript
@@ -476,6 +478,36 @@ interface WidgetPaymentWindow {
      */
     destroy: () => Promise<void>;
 }
+/**
+ * @docsAlias paymentRequest 이벤트
+ *
+ * @param {'paymentRequest'} eventName 구독할 이벤트입니다. `paymentRequest` 이벤트로 구매자의 결제 요청을 수신하세요.
+ * @param {function} callback 이벤트가 일어나면 호출되는 콜백 함수입니다. `paymentRequest`는 콜백 파라미터로 `paymentMethod` 객체가 전달돼요. 일반 결제수단은 `{ code }`, 브랜드페이는 `{ code: 'BRANDPAY', methodId }` 형태예요. `cancel`은 콜백 파라미터가 없어요.
+ *
+ * @example
+ *  ```javascript
+ *  paymentWindow.on('paymentRequest', ({ paymentMethod }) => {
+ *    // 결제 요청 처리
+ *  });
+ * ```
+ */
+type WidgetPaymentWindowOnPaymentRequest = (eventName: 'paymentRequest', callback: (params: {
+    paymentMethod: WidgetSelectedPaymentMethod;
+}) => Promise<void>) => void;
+/**
+ * @docsAlias cancel 이벤트
+ *
+ * @param {'cancel'} eventName 구독할 이벤트입니다. `cancel` 이벤트로 구매자가 결제를 포기했는지 확인하세요. 구매자가 결제창을 닫으면 결제창이 사라진 뒤에 콜백이 호출돼요. `paymentWindow.destroy()`로 결제창을 닫은 경우에는 호출되지 않아요.
+ * @param {function} callback 이벤트가 일어나면 호출되는 콜백 함수입니다. `paymentRequest`는 콜백 파라미터로 `paymentMethod` 객체가 전달돼요. 일반 결제수단은 `{ code }`, 브랜드페이는 `{ code: 'BRANDPAY', methodId }` 형태예요. `cancel`은 콜백 파라미터가 없어요.
+ *
+ * @example
+ *  ```javascript
+ *  paymentWindow.on('cancel', async () => {
+ *    // 구매자가 결제를 포기했을 때 처리
+ *  });
+ * ```
+ */
+type WidgetPaymentWindowOnCancel = (eventName: 'cancel', callback: () => Promise<void>) => void;
 
 /**
  * 결제 UI 위젯을 렌더링합니다
@@ -506,7 +538,7 @@ type RenderPaymentMethods = (params: {
      */
     selector: string;
     /**
-     * 렌더링하고 싶은 결제 UI의 `variantKey`입니다. 2개 이상의 결제 UI를 사용하고 있다면 설정해주세요. `variantKey`는 [상점관리자의 결제위젯 어드민](/guides/v2/payment-widget#2-결제-ui의-variantkey-확인)에서 확인할 수 있어요. 기본 값은 `DEFAULT`입니다.
+     * 렌더링하고 싶은 결제 UI의 `variantKey`입니다. 2개 이상의 결제 UI를 사용하고 있다면 설정해주세요. `variantKey`는 [상점관리자의 결제 어드민](/guides/v2/payment-widget#2-결제-ui의-variantkey-확인)에서 확인할 수 있어요. 기본 값은 `DEFAULT`입니다.
      */
     variantKey?: string;
 }) => Promise<WidgetPaymentMethodWidget>;
@@ -539,7 +571,7 @@ type RenderAgreement = (params: {
      */
     selector: string;
     /**
-     * 렌더링하고 싶은 약관 UI의 `variantKey`입니다. 상점관리자의 결제위젯 어드민에서 확인할 수 있어요.
+     * 렌더링하고 싶은 약관 UI의 `variantKey`입니다. 상점관리자의 결제 어드민에서 확인할 수 있어요.
      */
     variantKey?: string;
 }) => Promise<WidgetAgreementWidget>;
@@ -731,9 +763,9 @@ type RequestPaymentWindowWithRedirection = (paymentRequest: WithRedirection<Widg
 
 /**
  * 결제창을 렌더링합니다
- * @param {object} params 결제창 렌더링 정보입니다.
+ * @param {object} params 결제창 렌더링 정보입니다. 생략할 수 있어요.
  *
- * @returns 반환되는 결제창 객체로 아래 메서드를 호출할 수 있어요.
+ * @returns 아래 메서드를 호출할 수 있는 결제창 객체를 Promise로 반환해요.
  *
  * @example
  *  ```javascript
@@ -755,7 +787,7 @@ type RequestPaymentWindowWithRedirection = (paymentRequest: WithRedirection<Widg
  */
 type RenderPaymentWindow = (params?: {
     /**
-     * 결제위젯 UI의 variantKey 정보입니다. [결제위젯 어드민](https://dashboard.tosspayments.com/payment-widget-service/)에서 확인할 수 있어요.
+     * 결제 UI의 variantKey 정보입니다. [결제 어드민](https://dashboard.tosspayments.com/payment-widget-service/)에서 확인할 수 있어요.
      */
     variantKey?: {
         /**
@@ -839,6 +871,10 @@ interface BrandpayPaymentRequest {
      * 결제 관련 정보를 추가할 수 있는 객체입니다. 최대 5개의 키-값(key-value) 쌍을 자유롭게 추가해주세요. 키는 `[` , `]` 를 사용하지 않는 최대 40자의 문자열, 값은 최대 2000자의 문자열입니다.
      */
     metadata?: Record<string | symbol | number, unknown> | null;
+    /**
+     * @ignore
+     */
+    shippingAddress?: string | null;
     /**
      * 구매자가 카드를 선택하면 결제에 적용되는 옵션입니다.
      */
@@ -861,6 +897,26 @@ interface BrandpayPaymentRequest {
          * [카드 프로모션 조회 API](https://docs.tosspayments.com/reference/brandpay#%EC%B9%B4%EB%93%9C-%ED%94%84%EB%A1%9C%EB%AA%A8%EC%85%98-%EC%A1%B0%ED%9A%8C)로 적용할 수 있는 할인 코드의 목록을 조회할 수 있습니다.
          */
         discountCode?: string | null;
+        /**
+         * @ignore
+         */
+        affiliateCards?: Array<{
+            issuerCode: string;
+            cardProductCode: string;
+        }> | null;
+        /**
+         * @ignore
+         */
+        orderProductCode?: string | null;
+        /**
+         * @ignore
+         */
+        dividedSettlements?: Array<{
+            subMid: string;
+            amount: number;
+            taxFreeAmount: number;
+            productInfo: string;
+        }> | null;
     } | null;
     /**
      * 구매자가 계좌를 선택하면 결제에 적용되는 옵션입니다.
@@ -879,6 +935,19 @@ interface BrandpayPaymentRequest {
          * [계좌 프로모션 조회 API](https://docs.tosspayments.com/reference/brandpay#%EA%B3%84%EC%A2%8C-%ED%94%84%EB%A1%9C%EB%AA%A8%EC%85%98-%EC%A1%B0%ED%9A%8C)로 적용할 수 있는 할인 코드의 목록을 조회할 수 있습니다.
          */
         discountCode?: string | null;
+        /**
+         * @ignore
+         */
+        orderProductCode?: string | null;
+        /**
+         * @ignore
+         */
+        dividedSettlements?: Array<{
+            subMid: string;
+            amount: number;
+            taxFreeAmount: number;
+            productInfo: string;
+        }> | null;
     } | null;
 }
 interface BasicCashReceipt {
@@ -1140,6 +1209,21 @@ interface TossPaymentsBrandpay {
     requestBillingAuth: RequestBillingAuth$1;
 }
 
+/**
+ * 열려있는 결제창을 닫습니다.
+ *
+ * 진행 중인 `requestPayment()` Promise 가 `PaymentRequestAbortedError` 로 reject 됩니다.
+ *
+ * @throws {@link PublicError.Payment.NoActivePaymentRequestError} 진행 중인 결제 요청이 없는 경우
+ * @throws {@link PublicError.Payment.UnknownError} 알 수 없는 오류가 발생한 경우
+ *
+ * @example
+ * ```javascript
+ * await payment.destroy();
+ * ```
+ */
+type Destroy = () => Promise<void>;
+
 interface PaymentRequest {
     /**
      * 결제 금액 정보입니다.
@@ -1185,6 +1269,10 @@ interface PaymentRequest {
      * 결제 관련 정보를 추가할 수 있는 객체입니다. 최대 5개의 키-값(key-value) 쌍을 자유롭게 추가해주세요. 키는 `[` , `]` 를 사용하지 않는 최대 40자의 문자열, 값은 최대 2000자의 문자열입니다.
      */
     metadata?: Record<string | symbol | number, unknown> | null;
+    /**
+     * @ignore
+     */
+    orderProductCode?: string | null;
     /**
      * @ignore
      */
@@ -1224,41 +1312,31 @@ interface CardPaymentRequest extends PaymentRequest {
          */
         useEscrow?: boolean | null;
         /**
-         * 과세를 제외한 결제 금액(컵 보증금 등)입니다.
-         * 과세 제외 금액이 있는 카드 결제는 부분 취소가 안 됩니다.
+         * 과세를 제외한 결제 금액(컵 보증금 등)입니다. 과세 제외 금액이 있는 카드 결제는 부분 취소가 안 됩니다.
          */
         taxExemptionAmount?: number | null;
         /**
-         * 결제창을 여는 방법입니다. `DEFAULT`는 카드/간편결제 통합결제창을 열고, `DIRECT`는 카드 또는 간편결제의 자체창을 열어요.
-         * 기본 값은 `DEFAULT`입니다.
+         * 결제창을 여는 방법입니다. `DEFAULT`는 카드/간편결제 통합결제창을 열고, `DIRECT`는 카드 또는 간편결제의 자체창을 열어요. 기본 값은 `DEFAULT`입니다.
          */
         flowMode?: 'DIRECT' | 'DEFAULT' | null;
         /**
-         * [카드사 코드](/codes/org-codes#카드사-코드)입니다. `flowMode` 값에 따라 아래와 같이 다르게 동작해요.
-         * `flowMode`가 `DIRECT`일 때는 입력한 코드의 카드사 앱이 열려요.
-         * `flowMode`가 `DEFAULT`일 때는 통합결제창에 입력한 코드의 카드사만 보여요.
+         * [카드사 코드](/codes/org-codes#카드사-코드)입니다. `flowMode` 값에 따라 아래와 같이 다르게 동작해요. `flowMode`가 `DIRECT`일 때는 입력한 코드의 카드사 앱이 열려요. `flowMode`가 `DEFAULT`일 때는 통합결제창에 입력한 코드의 카드사만 보여요.
          */
         cardCompany?: string | null;
         /**
-         * [간편결제 코드](/codes/org-codes#간편결제사-코드)입니다. `flowMode` 값에 따라 아래와 같이 다르게 동작해요.
-         * `flowMode`가 `DIRECT`일 때는 입력한 코드의 간편결제 앱이 열려요.
-         * `flowMode`가 `DEFAULT`일 때는 해당 파라미터와 상관 없이 기본 통합결제창이 열려요.
+         * [간편결제 코드](/codes/org-codes#간편결제사-코드)입니다. `flowMode` 값에 따라 아래와 같이 다르게 동작해요. `flowMode`가 `DIRECT`일 때는 입력한 코드의 간편결제 앱이 열려요. `flowMode`가 `DEFAULT`일 때는 해당 파라미터와 상관 없이 기본 통합결제창이 열려요.
          */
         easyPay?: string | null;
         /**
-         * 신용카드 결제에 적용되는 할부 개월 수입니다.
-         * 예를 들어, `6`으로 설정하면 할부 개월 수가 6개월로 고정돼요. 자체창에서는 구매자가 할부 개월 수를 볼 수 없으니 사전에 충분히 안내를 해주세요.
-         * 0(일시불), 2~12 값으로 설정할 수 있고 `maxCardInstallmentPlan` 파라미터와 함께 사용할 수 없어요. 카드사 별로 할부결제가 가능한 [최소 금액](https://consumer.tosspayments.com/notice/free-installment)을 확인하세요.
+         * 신용카드 결제에 적용되는 할부 개월 수입니다. 예를 들어, `6`으로 설정하면 할부 개월 수가 6개월로 고정돼요. 자체창에서는 구매자가 할부 개월 수를 볼 수 없으니 사전에 충분히 안내를 해주세요. 0(일시불), 2~12 값으로 설정할 수 있고 `maxCardInstallmentPlan` 파라미터와 함께 사용할 수 없어요. 카드사 별로 할부결제가 가능한 [최소 금액](https://consumer.tosspayments.com/notice/free-installment)을 확인하세요.
          */
         cardInstallmentPlan?: number | null;
         /**
-         * 신용카드 결제에 적용할 수 있는 최대 할부 개월 수입니다.
-         * 예를 들어, `6`으로 설정하면 구매자는 일시불부터 6개월 할부를 선택할 수 있어요. 0(일시불), 2~12 값으로 설정할 수 있고 `cardInstallmentPlan` 파라미터와 함께 사용할 수 없어요. 카드사 별로 할부결제가 가능한 [최소 금액](https://consumer.tosspayments.com/notice/free-installment)을 확인하세요.
+         * 신용카드 결제에 적용할 수 있는 최대 할부 개월 수입니다. 예를 들어, `6`으로 설정하면 구매자는 일시불부터 6개월 할부를 선택할 수 있어요. 0(일시불), 2~12 값으로 설정할 수 있고 `cardInstallmentPlan` 파라미터와 함께 사용할 수 없어요. 카드사 별로 할부결제가 가능한 [최소 금액](https://consumer.tosspayments.com/notice/free-installment)을 확인하세요.
          */
         maxCardInstallmentPlan?: number | null;
         /**
-         * 신용카드 결제에 적용할 수 있는 **상점 부담 무이자** 할부 정보입니다.
-         * 구매자가 선택한 카드, 할부 개월 수가 배열에 등록한 정보와 같다면 무이자가 할부가 자동으로 적용돼요. 카드사 별로 할부결제가 가능한 [최소 금액](https://consumer.tosspayments.com/notice/free-installment)을 확인하세요.
+         * 신용카드 결제에 적용할 수 있는 **상점 부담 무이자** 할부 정보입니다. 구매자가 선택한 카드, 할부 개월 수가 배열에 등록한 정보와 같다면 무이자 할부가 자동으로 적용돼요. 카드사 별로 할부결제가 가능한 [최소 금액](https://consumer.tosspayments.com/notice/free-installment)을 확인하세요.
          */
         freeInstallmentPlans?: Array<{
             /**
@@ -1285,13 +1363,11 @@ interface CardPaymentRequest extends PaymentRequest {
          */
         discountCode?: string | null;
         /**
-         * 시간으로 설정하는 결제 기한입니다. 설정할 수 있는 최대 값은 2160시간(90일)입니다.
-         * 기한이 지나고 시도하는 결제는 실패해요. 예를 들어 `24`로 설정하면, 결제 요청 시점으로부터 24시간 동안 결제할 수 있어요.
+         * 시간으로 설정하는 결제 기한입니다. 설정할 수 있는 최대 값은 2160시간(90일)입니다. 기한이 지나고 시도하는 결제는 실패해요. 예를 들어 `24`로 설정하면, 결제 요청 시점으로부터 24시간 동안 결제할 수 있어요.
          */
         validHours?: number | null;
         /**
-         * 특정 날짜로 설정하는 결제 기한입니다. `yyyy-MM-dd'T'HH:mm:ss` ISO 8601 형식입니다.
-         * 기한이 지나고 시도하는 결제는 실패해요. 예를 들어 `2025-01-01T00:00:00`으로 설정하면, 2024년 12월 31일 23:59까지 결제할 수 있어요.
+         * 특정 날짜로 설정하는 결제 기한입니다. `yyyy-MM-dd'T'HH:mm:ss` ISO 8601 형식입니다. 기한이 지나고 시도하는 결제는 실패해요. 예를 들어 `2025-01-01T00:00:00`으로 설정하면, 2024년 12월 31일 23:59까지 결제할 수 있어요.
          */
         dueDate?: string | null;
         escrowProducts?: Array<{
@@ -1320,6 +1396,23 @@ interface CardPaymentRequest extends PaymentRequest {
          * 해외카드(Visa, MasterCard, JCB, UnionPay 등) 결제 여부입니다. `true`로 설정하면 해외카드 결제가 가능한 [다국어 결제창](/resources/glossary/payment-window#다국어-결제창)이 열립니다.
          */
         useInternationalCardOnly?: boolean | null;
+        /**
+         * 결제창 초기 언어입니다. `KO`(한국어), `EN`(영어), `JA`(일본어), `ZH`(중국어) 중 하나로 설정할 수 있어요. 값을 설정하지 않으면 결제 통화에 따라 자동으로 결정됩니다.
+         */
+        language?: 'KO' | 'EN' | 'JA' | 'ZH' | null;
+        /**
+         * 다국어 결제창에서 예상 결제 금액(USD 환산값) 노출 여부입니다. 기본값은 `true`이고, `false`로 설정하면 예상 결제 금액이 숨겨집니다. `useInternationalCardOnly`가 `true`이고 결제 통화가 `KRW`일 때만 적용됩니다.
+         */
+        showEstimatedAmount?: boolean | null;
+        /**
+         * @ignore
+         */
+        threeDS?: {
+            /**
+             * @ignore
+             */
+            challengeMode?: 'CHALLENGE_REQUIRED' | null;
+        } | null;
         /**
          * 페이북/ISP 앱에서 상점 앱으로 돌아올 때 사용됩니다. 상점의 앱 스킴을 지정하면 됩니다. 예를 들면 testapp://같은 형태입니다.
          */
@@ -1333,6 +1426,26 @@ interface CardPaymentRequest extends PaymentRequest {
              */
             selectableCardTypes?: Array<'PERSONAL' | 'CORPORATE' | 'FOREIGN'> | null;
         } | null;
+        /**
+         * 모바일 결제창 상단 헤더의 노출 여부입니다. `false`로 설정하면 헤더가 표시되지 않아요. 값을 설정하지 않으면 `true`로 동작합니다.
+         */
+        showMobileAppHeader?: boolean | null;
+        /**
+         * @ignore
+         */
+        affiliateCards?: Array<{
+            issuerCode: string;
+            cardProductCode: string;
+        }> | null;
+        /**
+         * @ignore
+         */
+        dividedSettlements?: Array<{
+            subMid: string;
+            amount: number;
+            taxFreeAmount: number;
+            productInfo: string;
+        }> | null;
     } | null;
 }
 
@@ -1402,6 +1515,27 @@ interface VirtualAccountPaymentRequest extends PaymentRequest {
          * 문화비(도서, 공연 티켓, 박물관·미술관 입장권 등) 지출 여부입니다.
          */
         isCulturalExpenses?: boolean | null;
+        /**
+         * 결제창에 구매자 휴대폰 번호 입력란을 노출할지 여부입니다.
+         */
+        showCustomerMobilePhone?: boolean | null;
+        /**
+         * @ignore
+         */
+        refundReceiveAccount?: {
+            /**
+             * @ignore
+             */
+            bankCode: string;
+            /**
+             * @ignore
+             */
+            accountNumber: string;
+            /**
+             * @ignore
+             */
+            holderName: string;
+        } | null;
     } | null;
 }
 
@@ -1476,6 +1610,23 @@ interface TransferPaymentRequest extends PaymentRequest {
          * @ignore
          */
         encryptedCustomerCi?: string | null;
+        /**
+         * @ignore
+         */
+        showSecuritiesAccount?: boolean | null;
+        /**
+         * @ignore
+         */
+        provider?: 'OPENBANKING' | 'BANKPAY' | null;
+        /**
+         * @ignore
+         */
+        dividedSettlements?: Array<{
+            subMid: string;
+            amount: number;
+            taxFreeAmount: number;
+            productInfo: string;
+        }> | null;
     } | null;
 }
 
@@ -1484,6 +1635,15 @@ interface MobilePhonePaymentRequest extends PaymentRequest {
      * 결제수단입니다. `MOBILE_PHONE`으로 설정하면 휴대폰 결제창이 열려요.
      */
     method: 'MOBILE_PHONE';
+    /**
+     * 휴대폰 결제 정보입니다.
+     */
+    mobilePhone?: {
+        /**
+         * 휴대폰 결제창에서 선택할 수 있는 통신사를 제한합니다. `SKT`(SK텔레콤), `KT`(KT), `LGU`(LG유플러스), `HELLO`(LG헬로모바일), `KCT`(티플러스), `SK7`(SK세븐모바일) 값을 배열 형태로 전달할 수 있습니다. 예를 들어 `['KT', 'SKT']`로 설정하면 두 통신사만 선택할 수 있어요. 값을 설정하지 않으면 모든 통신사가 노출됩니다. 전체 목록은 [통신사 코드](https://docs.tosspayments.com/codes/org-codes#통신사-코드)에서 확인하세요.
+         */
+        mobileCarriers?: Array<'KT' | 'LGU' | 'SKT' | 'HELLO' | 'KCT' | 'SK7'> | null;
+    } | null;
 }
 
 interface GiftCertificatePaymentRequest extends PaymentRequest {
@@ -1699,6 +1859,7 @@ type BillingAuthRequest = CardBillingAuthRequest | TransferBillingAuthRequest;
 /**
  *
  * @throws {@link PublicError.Payment.UserCancelError} 사용자가 결제창을 닫은 경우
+ * @throws {@link PublicError.Payment.PaymentRequestAbortedError} `payment.destroy()` 호출로 결제 요청이 중단된 경우
  * @throws {@link PublicError.Payment.InvalidAmountValueError} 결제 금액이 유효하지 않은 경우
  * @throws {@link PublicError.Payment.InvalidAmountCurrencyError} 결제 금액의 통화가 유효하지 않은 경우
  * @throws {@link PublicError.Payment.BelowZeroAmountError} 결제 금액이 0원 미만인 경우
@@ -2073,6 +2234,7 @@ type RequestForeignEasyPayPaymentWithRedirection = (paymentRequest: WithRedirect
  * ```
  *
  * @throws {@link PublicError.Payment.UserCancelError} 사용자가 자동결제 인증창을 닫은 경우
+ * @throws {@link PublicError.Payment.PaymentRequestAbortedError} `payment.destroy()` 호출로 자동결제 인증 요청이 중단된 경우
  * @throws {@link PublicError.Payment.NotSupportedMethodError} 가맹점에서 정의되지 않은 method를 넘겨준 경우
  * @throws {@link PublicError.Payment.IncorrectSuccessUrlFormatError} 가맹점에서 유효하지 않은 successUrl을 넘겨준 경우
  * @throws {@link PublicError.Payment.IncorrectFailUrlFormatError} 가맹점에서 유효하지 않은 failUrl을 넘겨준 경우
@@ -2091,18 +2253,23 @@ interface TossPaymentsPayment {
      * 자동결제(빌링) 카드 등록창을 띄웁니다. [자세히 >](#paymentrequestbillingauth)
      */
     requestBillingAuth: RequestBillingAuth;
+    /**
+     * 현재 열려있는 결제창/인증창을 닫고 launcher 자원을 해제합니다.
+     * 열려있는 창이 없을 때 호출해도 안전합니다.
+     */
+    destroy: Destroy;
 }
 interface TossPaymentsSDK {
     /**
      *
-     * 결제위젯을 초기화합니다. [자세히 >](#결제위젯)
+     * 주문서형, 결제창형 결제를 초기화합니다. [자세히 >](/sdk/v2/js/payment-widget#주문서형-결제)
      *
      * @throw {@link PublicError.Widgets.InvalidClientKeyError} clientKey가 올바르지 않은 경우
      * @throw {@link PublicError.Widgets.InvalidCustomerKeyError} customerKey가 올바르지 않은 경우
      * @throw {@link PublicError.Widgets.InsecureKeyUsageError} customerKey에 시크릿키를 사용한 경우
      * @throw {@link PublicError.Widgets.NotSupportedAPIIndividualKeyError} API 개별 연동 키를 clientKey로 사용한 경우
      * @throw {@link PublicError.Widgets.UnknownError} 알 수 없는 오류가 발생한 경우
-     * @returns 아래 메서드를 호출할 수 있는 결제위젯 객체를 반환합니다.
+     * @returns 아래 메서드를 호출할 수 있는 결제 객체를 반환합니다.
      * @example
      * ```javascript
      * // 회원 결제
@@ -2115,17 +2282,17 @@ interface TossPaymentsSDK {
      * import { ANONYMOUS } from "@tosspayments/tosspayments-sdk";
      * const widgets = tossPayments.widgets({ customerKey: ANONYMOUS });
      * ```
-     * @param {WidgetInitParams} params 결제위젯 초기화 정보입니다.
+     * @param {WidgetInitParams} params 결제 초기화 정보입니다.
      *
      */
     widgets: (params: WidgetInitParams) => TossPaymentsWidgets;
     /**
-     * 브랜드페이를 초기화합니다. [자세히 >](#브랜드페이)
+     * 브랜드페이를 초기화합니다. [자세히 >](/sdk/v2/js/brandpay#브랜드페이)
      *
      * @throw {@link PublicError.Brandpay.InvalidClientKeyError} clientKey가 올바르지 않은 경우
      * @throw {@link PublicError.Brandpay.InvalidCustomerKeyError} customerKey가 올바르지 않은 경우
      * @throw {@link PublicError.Brandpay.InsecureKeyUsageError} customerKey에 시크릿키를 사용한 경우
-     * @throw {@link PublicError.Brandpay.NotSupportedWidgetKeyError} 결제위젯 연동 키를 clientKey로 사용한 경우
+     * @throw {@link PublicError.Brandpay.NotSupportedWidgetKeyError} 주문서형, 결제창형 연동 키를 clientKey로 사용한 경우
      * @throw {@link PublicError.Brandpay.UnknownError} 알 수 없는 오류가 발생한 경우
      * @example
      * ```javascript
@@ -2140,12 +2307,12 @@ interface TossPaymentsSDK {
      */
     brandpay: (params: BrandpayInitParams) => TossPaymentsBrandpay;
     /**
-     * 결제창을 초기화합니다. [자세히 >](#결제창)
+     * 결제창(구버전)을 초기화합니다. [자세히 >](/sdk/v2/js/payment#결제창구버전)
      *
      * @throw {@link PublicError.Payment.InvalidClientKeyError} clientKey가 올바르지 않은 경우
      * @throw {@link PublicError.Payment.InvalidCustomerKeyError} customerKey가 올바르지 않은 경우
      * @throw {@link PublicError.Payment.InsecureKeyUsageError} customerKey에 시크릿키를 사용한 경우
-     * @throw {@link PublicError.Payment.NotSupportedWidgetKeyError} 결제위젯 연동 키를 clientKey로 사용한 경우
+     * @throw {@link PublicError.Payment.NotSupportedWidgetKeyError} 주문서형, 결제창형 연동 키를 clientKey로 사용한 경우
      * @throw {@link PublicError.Payment.UnknownError} 알 수 없는 오류가 발생한 경우
      * @example
      * ```javascript
@@ -2161,7 +2328,7 @@ interface TossPaymentsSDK {
  * @example
  * ```javascript
  * // 스크립트 태그 연동방식
- * const tossPayments = TossPayments("<WidgetClientKey />"); // 결제위젯 연동 키
+ * const tossPayments = TossPayments("<WidgetClientKey />"); // 주문서형, 결제창형 연동 키
  * const tossPayments = TossPayments("<ClientKey />");  // API 개별 연동 키
  *
  * // 모듈 임포트 연동방식
@@ -2171,7 +2338,7 @@ interface TossPaymentsSDK {
  *
  * @param {string} clientKey 토스페이먼츠 발급하는 클라이언트 키입니다. 개발자센터의 [API 키 메뉴](https://developers.tosspayments.com/my/api-keys)에서 확인할 수 있어요.
  *
- * 결제위젯을 연동한다면 [결제위젯 연동 키](/reference/using-api/api-keys#결제위젯-연동-키)를 사용하세요. 브랜드페이, 결제창, 자동결제(빌링)를 연동한다면 [API 개별 연동 키](/reference/using-api/api-keys#api-개별-연동-키)를 사용하세요.
+ * 결제를 연동한다면 [주문서형, 결제창형 연동 키](/reference/using-api/api-keys#주문서형-결제창형-연동-키)를 사용하세요. 브랜드페이, 결제창(구버전), 자동결제(빌링)를 연동한다면 [API 개별 연동 키](/reference/using-api/api-keys#api-개별-연동-키)를 사용하세요.
  *
  * @returns
  * 아래 메서드를 호출할 수 있는 토스페이먼츠 객체를 반환합니다.
@@ -2190,6 +2357,15 @@ interface BrandpayInitParams {
      * \* 브랜드페이 메뉴에 두 개 이상의 리다이렉트 URL을 등록한 상점은 각 도메인에 맞는 `redirectUrl` 값을 필수로 추가하세요.
      */
     redirectUrl?: string;
+    /**
+     * @ignore
+     */
+    features?: {
+        cardOCR?: {
+            active: boolean;
+            autoStart?: boolean;
+        };
+    };
 }
 /**
  * @returns 아래 메서드를 호출할 수 있는 토스페이먼츠 객체를 반환합니다.
@@ -2202,7 +2378,7 @@ interface WidgetInitParams {
      */
     customerKey: string;
     /**
-     * 결제위젯으로 브랜드페이로 연동할 때 필요한 정보입니다.
+     * 주문서형, 결제창형으로 브랜드페이를 연동할 때 필요한 정보입니다.
      */
     brandpay?: {
         /**
@@ -2211,6 +2387,15 @@ interface WidgetInitParams {
          * \* 브랜드페이 메뉴에 두 개 이상의 리다이렉트 URL을 등록한 상점은 각 도메인에 맞는 `redirectUrl` 값을 필수로 추가하세요.
          */
         redirectUrl?: string;
+        /**
+         * @ignore
+         */
+        features?: {
+            cardOCR?: {
+                active: boolean;
+                autoStart?: boolean;
+            };
+        };
     };
 }
 interface PaymentInitParams {