@portone/browser-sdk 0.0.3 → 0.0.4

package/dist/utils.d.ts

@@ -15,4 +15,7 @@ type OneOfByKey<Obj> = {
     [key in keyof Obj]: OneOnly<Obj, key>;
 };
 type OneOfType<Obj> = ValueOf<OneOfByKey<Obj>>;
-export { CapsToCamel, OneOfType };
+type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+export { CapsToCamel, OneOfType, Prettify };

package/dist/v2/entity/BillingKeyAndPayMethod.d.ts

@@ -0,0 +1,4 @@
+export declare const BillingKeyAndPayMethod: {
+    readonly MOBILE: "MOBILE";
+};
+export type BillingKeyAndPayMethod = typeof BillingKeyAndPayMethod[keyof typeof BillingKeyAndPayMethod];

package/dist/v2/entity/Currency.d.ts

@@ -104,7 +104,6 @@ export declare const Currency: {
     readonly MWK: "CURRENCY_MWK";
     readonly MXN: "CURRENCY_MXN";
     readonly MXV: "CURRENCY_MXV";
-    readonly MYR: "CURRENCY_MYR";
     readonly MZN: "CURRENCY_MZN";
     readonly NAD: "CURRENCY_NAD";
     readonly NGN: "CURRENCY_NGN";

package/dist/v2/entity/EasyPayPaymentMethod.d.ts

@@ -0,0 +1,7 @@
+export declare const EasyPayPaymentMethod: {
+    readonly CARD: "CARD";
+    readonly CHARGE: "CHARGE";
+    readonly TRANSFER: "TRANSFER";
+    readonly MONEY: "MONEY";
+};
+export type EasyPayPaymentMethod = typeof EasyPayPaymentMethod[keyof typeof EasyPayPaymentMethod];

package/dist/v2/entity/EasyPayProvider.d.ts

@@ -12,10 +12,6 @@ export declare const EasyPayProvider: {
     readonly APPLEPAY: "EASY_PAY_PROVIDER_APPLEPAY";
     readonly PINPAY: "EASY_PAY_PROVIDER_PINPAY";
     readonly SKPAY: "EASY_PAY_PROVIDER_SKPAY";
-    readonly NAVERPAY_CARD: "EASY_PAY_PROVIDER_NAVERPAY_CARD";
-    readonly NAVERPAY_POINT: "EASY_PAY_PROVIDER_NAVERPAY_POINT";
-    readonly SSGPAY_POINT: "EASY_PAY_PROVIDER_SSGPAY_POINT";
-    readonly SSGPAY_BANK: "EASY_PAY_PROVIDER_SSGPAY_BANK";
     readonly TOSS_BRANDPAY: "EASY_PAY_PROVIDER_TOSS_BRANDPAY";
 };
 export type EasyPayProvider = typeof EasyPayProvider[keyof typeof EasyPayProvider];

package/dist/v2/entity/GiftCertificateType.d.ts

@@ -3,5 +3,6 @@ export declare const GiftCertificateType: {
     readonly SMART_MUNSANG: "GIFT_CERTIFICATE_TYPE_SMART_MUNSANG";
     readonly CULTURELAND: "GIFT_CERTIFICATE_TYPE_CULTURELAND";
     readonly HAPPYMONEY: "GIFT_CERTIFICATE_TYPE_HAPPYMONEY";
+    readonly CULTURE_GIFT: "GIFT_CERTIFICATE_TYPE_CULTURE_GIFT";
 };
 export type GiftCertificateType = typeof GiftCertificateType[keyof typeof GiftCertificateType];

package/dist/v2/entity/IssueBillingKeyUIType.d.ts

@@ -0,0 +1,4 @@
+export declare const IssueBillingKeyUIType: {
+    readonly PAYPAL_RT: "PAYPAL_RT";
+};
+export type IssueBillingKeyUIType = typeof IssueBillingKeyUIType[keyof typeof IssueBillingKeyUIType];

package/dist/v2/entity/LoadableUIType.d.ts

@@ -0,0 +1,3 @@
+import { PaymentUIType } from './PaymentUIType.js';
+import { IssueBillingKeyUIType } from './IssueBillingKeyUIType.js';
+export type LoadableUIType = PaymentUIType | IssueBillingKeyUIType;

package/dist/v2/entity/OfferPeriod.d.ts

@@ -1,6 +1,7 @@
 /**
  * 제공 기간
  * - range: 제공 기간 범위
+ * - interval: 제공 기간 주기
  *
  * 예1) 2023년 1월 1일 00시 00분 00초(KST) ~
  * range: {
@@ -17,6 +18,15 @@
  *  from: '2023-12-31T23:59:59+09:00'
  *  to: '2023-01-01T00:00:00+09:00'
  * }
+ *
+ * 예4) 30일 주기
+ * interval: '30d'
+ *
+ * 예5) 6개월 주기
+ * interval: '6m'
+ *
+ * 예6) 1년 주기
+ * interval: '1y'
  */
 export type OfferPeriod = {
     range?: {
@@ -24,4 +34,5 @@ export type OfferPeriod = {
     } | {
         to: string;
     };
+    interval?: `${number}d` | `${number}m` | `${number}y`;
 };

package/dist/v2/entity/PayMethod.d.ts

@@ -1 +1 @@
-export type PayMethod = 'CARD' | 'VIRTUAL_ACCOUNT' | 'TRANSFER' | 'MOBILE' | 'GIFT_CERTIFICATE' | 'EASY_PAY' | 'PAYPAL';
+export type PayMethod = 'CARD' | 'VIRTUAL_ACCOUNT' | 'TRANSFER' | 'MOBILE' | 'GIFT_CERTIFICATE' | 'EASY_PAY' | 'PAYPAL' | 'ALIPAY';

package/dist/v2/entity/PaymentUIType.d.ts

@@ -0,0 +1,4 @@
+export declare const PaymentUIType: {
+    readonly PAYPAL_SPB: "PAYPAL_SPB";
+};
+export type PaymentUIType = typeof PaymentUIType[keyof typeof PaymentUIType];

package/dist/v2/entity/PgProvider.d.ts

@@ -40,5 +40,7 @@ export declare const PgProvider: {
     readonly SMARTRO_V2: "PG_PROVIDER_SMARTRO_V2";
     readonly NICE_V2: "PG_PROVIDER_NICE_V2";
     readonly TOSS_BRANDPAY: "PG_PROVIDER_TOSS_BRANDPAY";
+    readonly WELCOME: "PG_PROVIDER_WELCOME";
+    readonly TOSSPAY_V2: "PG_PROVIDER_TOSSPAY_V2";
 };
 export type PgProvider = typeof PgProvider[keyof typeof PgProvider];

package/dist/v2/entity/TransactionType.d.ts

@@ -3,10 +3,12 @@
  * - PAYMENT: 결제
  * - ISSUE_BILLING_KEY: 빌링키 발급
  * - IDENTITY_VERIFICATION: 본인 인증
+ * - ISSUE_BILLING_KEY_AND_PAY: 빌링키 발급과 동시에 결제
  */
 export declare const TransactionType: {
     readonly PAYMENT: "PAYMENT";
     readonly ISSUE_BILLING_KEY: "ISSUE_BILLING_KEY";
     readonly IDENTITY_VERIFICATION: "IDENTITY_VERIFICATION";
+    readonly ISSUE_BILLING_KEY_AND_PAY: "ISSUE_BILLING_KEY_AND_PAY";
 };
 export type TransactionType = typeof TransactionType[keyof typeof TransactionType];

package/dist/v2/entity/bypass/issueBillingKey/TosspayV2.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 정규화가 어려운 토스페이 V2 bypass 파라미터
+ * 가맹점으로부터 전달 된 값을 PG사로 그대로 전달
+ */
+export type TosspayV2IssueBillingKeyBypass = {
+    encryptedUserCi?: string;
+};

package/dist/v2/entity/bypass/issueBillingKey/Welcome.d.ts

@@ -0,0 +1,6 @@
+export type WelcomeIssueBillingKeyBypass = WelcomeIssueBillingKeyBypassOnPc;
+type WelcomeIssueBillingKeyBypassOnPc = {
+    logo_url?: string;
+    logo_2nd?: string;
+};
+export {};

package/dist/v2/entity/bypass/issueBillingKey/index.d.ts

@@ -1,10 +1,12 @@
 import { KakaopayPaymentBypass } from '../payment/Kakaopay.js';
 import { SmartroV2IssueBillingKeyBypass } from './SmartroV2.js';
 import { NaverpayIssueBillingKeyBypass } from './Naverpay.js';
-import { PaypalV2IssueBillingKeyBypass } from './PaypalV2.js';
+import { WelcomeIssueBillingKeyBypass } from './Welcome.js';
+import { TosspayV2IssueBillingKeyBypass } from './TosspayV2.js';
 export type IssueBillingKeyBypass = {
     kakaopay?: KakaopayPaymentBypass;
     smartro_v2?: SmartroV2IssueBillingKeyBypass;
     naverpay?: NaverpayIssueBillingKeyBypass;
-    paypal_v2?: PaypalV2IssueBillingKeyBypass;
+    welcome?: WelcomeIssueBillingKeyBypass;
+    tosspay_v2?: TosspayV2IssueBillingKeyBypass;
 };

package/dist/v2/entity/bypass/issueBillingKeyAndPay/Welcome.d.ts

@@ -0,0 +1,55 @@
+type WelcomeCarrier = 'SKT' | 'KTF' | 'LGT' | 'MVNO' | 'CJH' | 'KCT' | 'SKL';
+export type WelcomeIssueBillingKeyAndPayBypass = WelcomeIssueBillingKeyAndPayBypassOnPc & WelcomeIssueBillingKeyAndPayBypassOnMobile;
+type WelcomeIssueBillingKeyAndPayBypassOnPc = {
+    acceptmethod?: AcceptMethodKey[];
+};
+type AcceptMethodKey = 
+/**
+ * 휴대폰 소액결제시 기본 선택 되어있는 통신사
+ * 기본) 기본 선택되어있는 통신사 없음
+ * 예시) KT 기본 선택 → hppdefaultcorp(KT) 전달
+ *
+ * - SKT: SKT
+ * - KT: KTF
+ * - LG 유플러스: LGT
+ * - 알뜰폰 전체: MVNO
+ * - 알뜰폰 CJ 헬로 모바일: CJH
+ * - 알뜰폰 티플러스: KCT
+ * - 알뜰폰 SK 세븐 모바일: SKL
+ */
+`hppdefaultcorp(${WelcomeCarrier})`
+/**
+ * 휴대폰 소액결제창에 자동 입력되는 buyer_tel값을 수정할 수 있는지 여부
+ * 기본) 수정 가능
+ *
+ * - Y: 수정 불가능
+ * - N: 수정 가능
+ */
+ | `hppnofix(${'Y' | 'N'})`;
+type WelcomeIssueBillingKeyAndPayBypassOnMobile = {
+    P_RESERVED?: PReservedKey[];
+};
+type PReservedKey = 
+/**
+ * 휴대폰 소액결제시 기본 선택 되어있는 통신사
+ * 기본) 기본 선택 되어있는 통신사 없음
+ * 예시) KT 기본 선택 → hpp_default_corp=KT 전달
+ *
+ * - SKT: SKT
+ * - KT: KTF
+ * - LG 유플러스: LGT
+ * - 알뜰폰 전체: MVNO
+ * - 알뜰폰 CJ 헬로 모바일: CJH
+ * - 알뜰폰 티플러스: KCT
+ * - 알뜰폰 SK 세븐 모바일: SKL
+ */
+`hpp_default_corp=${WelcomeCarrier}`
+/**
+ * 휴대폰 소액결제창에 자동 입력되는 buyer_tel값을 수정할 수 있는지 여부
+ * 기본) 수정 가능
+ *
+ * - Y: 수정 불가능
+ * - N: 수정 가능
+ */
+ | `hpp_nofix=${'Y' | 'N'}`;
+export {};

package/dist/v2/entity/bypass/issueBillingKeyAndPay/index.d.ts

@@ -0,0 +1,4 @@
+import { WelcomeIssueBillingKeyAndPayBypass } from './Welcome.js';
+export type IssueBillingKeyAndPayBypass = {
+    welcome?: WelcomeIssueBillingKeyAndPayBypass;
+};

package/dist/v2/entity/bypass/{issueBillingKey → loadIssueBillingKeyUI}/PaypalV2.d.ts

@@ -1,5 +1,5 @@
 import { Entity } from '../../../index.js';
-export type PaypalV2IssueBillingKeyBypass = {
+export type PaypalV2LoadIssueBillingKeyUIBypass = {
     style?: {
         color?: 'gold' | 'blue' | 'silver' | 'white' | 'black';
         height?: number;

package/dist/v2/entity/bypass/loadIssueBillingKeyUI/index.d.ts

@@ -0,0 +1,4 @@
+import { PaypalV2LoadIssueBillingKeyUIBypass } from './PaypalV2.js';
+export type LoadIssueBillingKeyUIBypass = {
+    paypal_v2?: PaypalV2LoadIssueBillingKeyUIBypass;
+};

package/dist/v2/entity/bypass/{payment → loadPaymentUI}/PaypalV2.d.ts

@@ -1,5 +1,5 @@
 import { Entity } from '../../../index.js';
-export type PaypalV2PaymentBypass = {
+export type PaypalV2LoadPaymentUIBypass = {
     style?: {
         color?: 'gold' | 'blue' | 'silver' | 'white' | 'black';
         height?: number;

package/dist/v2/entity/bypass/loadPaymentUI/index.d.ts

@@ -0,0 +1,4 @@
+import { PaypalV2LoadPaymentUIBypass } from './PaypalV2.js';
+export type LoadPaymentUIBypass = {
+    paypal_v2?: PaypalV2LoadPaymentUIBypass;
+};

package/dist/v2/entity/bypass/payment/TosspayV2.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 정규화가 어려운 토스페이 bypass 파라미터
+ * 가맹점으로부터 전달 된 값을 PG사로 그대로 전달
+ */
+export type TosspayV2PaymentBypass = {
+    /**
+     * 결제 만료 기한 (yyyy-MM-dd HH:mm:ss)
+     */
+    expiredTime?: string;
+    /**
+     * 현금영수증 발급타입
+     * CULTURE : 문화비
+     * GENERAL : 일반 (default)
+     * PUBLIC_TP 교통비
+     */
+    cashReceiptTradeOption?: 'CULTURE' | 'GENERAL' | 'PUBLIC_TP';
+};

package/dist/v2/entity/bypass/payment/Welcome.d.ts

@@ -0,0 +1,108 @@
+type WelcomeCarrier = 'SKT' | 'KTF' | 'LGT' | 'MVNO' | 'CJH' | 'KCT' | 'SKL';
+/**
+ * 정규화가 어려운 웰컴페이먼츠 bypass 파라미터
+ * 가맹점으로부터 전달 된 값을 PG사로 그대로 전달
+ */
+export type WelcomePaymentBypass = WelcomePaymentBypassOnPc & WelcomePaymentBypassOnMobile;
+type WelcomePaymentBypassOnPc = {
+    logo_url?: string;
+    logo_2nd?: string;
+    acceptmethod?: AcceptMethodKey[];
+};
+type AcceptMethodKey = 
+/**
+ * 결제 창의 배경 색상
+ * 기본) #c1272c
+ * 예시) SKIN(#fc6b2d)
+ */
+`SKIN(${string})` | 'below1000'
+/**
+ * 카드 결제창 내 렌더링 될 간편 결제 리스트
+ * 예시) 카카오페이, 엘페이, 페이코만 렌더링 → onlyeasypaycode(kakaopay:lpay:payco) 전달
+ *
+ * - 카카오페이: kakaopay
+ * - 엘페이: lpay
+ * - 페이코: payco
+ * - 토스페이: tosspay
+ */
+ | `onlyeasypaycode(${string})`
+/**
+ * 부분 무이자 할부 옵션
+ * 형식) SLIMQUOTA(코드-개월:개월^코드-개월:개월)
+ */
+ | `SLIMQUOTA(${string})` | 'paypopup'
+/**
+ * 휴대폰 소액결제시 기본 선택 되어있는 통신사
+ * 기본) 기본 선택되어있는 통신사 없음
+ * 예시) KT 기본 선택 → hppdefaultcorp(KT) 전달
+ *
+ * - SKT: SKT
+ * - KT: KTF
+ * - LG 유플러스: LGT
+ * - 알뜰폰 전체: MVNO
+ * - 알뜰폰 CJ 헬로 모바일: CJH
+ * - 알뜰폰 티플러스: KCT
+ * - 알뜰폰 SK 세븐 모바일: SKL
+ */
+ | `hppdefaultcorp(${WelcomeCarrier})`
+/**
+ * 휴대폰 소액결제창에 자동 입력되는 buyer_tel값을 수정할 수 있는지 여부
+ * 기본) 수정 가능
+ *
+ * - Y: 수정 불가능
+ * - N: 수정 가능
+ */
+ | `hppnofix(${'Y' | 'N'})` | 'va_ckprice';
+type WelcomePaymentBypassOnMobile = {
+    /**
+     * 1. 신용카드 우선 선택 옵션
+     * 예) selcode=14
+     *
+     * - 해당 카드 코드에 해당하는 카드가 선택된 채로 Display
+     * - 간편결제는 불가능 (타 카드 선택 가능)
+     *
+     * 2. 선택적 표시 옵션
+     * 예1) onlycard=visa3d
+     * 예2) selcode=14:onlycard=visa3d
+     *
+     * - 안심결제(visa3d)
+     * - ISP(isp)
+     * - 간편결제(easypay) 중 선택 적 표시
+     */
+    P_CARD_OPTION?: string;
+    /**
+     * 카드 결제창 내 렌더링 될 간편 결제 리스트
+     * 예시) 카카오페이, 엘페이, 페이코만 렌더링 → KAKAOPAY:LPAY:PAYCO 전달
+     *
+     * - 카카오페이: KAKAOPAY
+     * - 엘페이: LPAY
+     * - 페이코: PAYCO
+     * - 토스페이: TOSSPAY
+     */
+    P_ONLY_EASYPAYCODE?: string;
+    P_RESERVED?: PReservedKey[];
+};
+type PReservedKey = 'below1000=Y'
+/**
+ * 휴대폰 소액결제시 기본 선택 되어있는 통신사
+ * 기본) 기본 선택 되어있는 통신사 없음
+ * 예시) KT 기본 선택 → hpp_default_corp=KT 전달
+ *
+ * - SKT: SKT
+ * - KT: KTF
+ * - LG 유플러스: LGT
+ * - 알뜰폰 전체: MVNO
+ * - 알뜰폰 CJ 헬로 모바일: CJH
+ * - 알뜰폰 티플러스: KCT
+ * - 알뜰폰 SK 세븐 모바일: SKL
+ */
+ | `hpp_default_corp=${WelcomeCarrier}`
+/**
+ * 휴대폰 소액결제창에 자동 입력되는 buyer_tel값을 수정할 수 있는지 여부
+ * 기본) 수정 가능
+ *
+ * - Y: 수정 불가능
+ * - N: 수정 가능
+ */
+ | `hpp_nofix=${'Y' | 'N'}`;
+export {};

package/dist/v2/entity/bypass/payment/index.d.ts

@@ -1,18 +1,20 @@
 import { TosspaymentsPaymentBypass } from './Tosspayments.js';
 import { KsnetPaymentBypass } from './Ksnet.js';
-import { PaypalV2PaymentBypass } from './PaypalV2.js';
 import { KakaopayPaymentBypass } from './Kakaopay.js';
 import { SmartroV2PaymentBypass } from './SmartroV2.js';
 import { NaverpayPaymentBypass } from './Naverpay.js';
 import { NiceV2PaymentBypass } from './NiceV2.js';
 import { TossBrandpayPaymentBypass } from './TossBrandpay.js';
+import { WelcomePaymentBypass } from './Welcome.js';
+import { TosspayV2PaymentBypass } from './TosspayV2.js';
 export type PaymentBypass = {
     tosspayments?: TosspaymentsPaymentBypass;
     ksnet?: KsnetPaymentBypass;
-    paypal_v2?: PaypalV2PaymentBypass;
     kakaopay?: KakaopayPaymentBypass;
     smartro_v2?: SmartroV2PaymentBypass;
     naverpay?: NaverpayPaymentBypass;
     nice_v2?: NiceV2PaymentBypass;
     toss_brandpay?: TossBrandpayPaymentBypass;
+    welcome?: WelcomePaymentBypass;
+    tosspay_v2?: TosspayV2PaymentBypass;
 };

package/dist/v2/entity/index.d.ts

@@ -1,4 +1,5 @@
 export { Bank } from './Bank.js';
+export { BillingKeyAndPayMethod } from './BillingKeyAndPayMethod.js';
 export { BillingKeyMethod } from './BillingKeyMethod.js';
 export { CardCompany } from './CardCompany.js';
 export { Carrier } from './Carrier.js';
@@ -11,9 +12,13 @@ export { Locale } from './Locale.js';
 export { PgProvider } from './PgProvider.js';
 export { TransactionType } from './TransactionType.js';
 export { WindowType } from './WindowType.js';
+export { LoadableUIType } from './LoadableUIType.js';
+export { PaymentUIType } from './PaymentUIType.js';
+export { IssueBillingKeyUIType } from './IssueBillingKeyUIType.js';
 export type { Address } from './Address.js';
 export type { CashReceiptType } from './CashReceiptType.js';
 export type { Customer } from './Customer.js';
+export type { EasyPayPaymentMethod } from './EasyPayPaymentMethod.js';
 export type { FreeInstallmentPlan } from './FreeInstallmentPlan.js';
 export type { Installment } from './Installment.js';
 export type { OfferPeriod } from './OfferPeriod.js';
@@ -23,5 +28,8 @@ export type { ProductType } from './ProductType.js';
 export type { StoreDetails } from './StoreDetails.js';
 export type { WindowTypes } from './WindowType.js';
 export type { IdentityVerificationBypass } from './bypass/identityVerification/index.js';
+export type { IssueBillingKeyAndPayBypass } from './bypass/issueBillingKeyAndPay/index.js';
 export type { IssueBillingKeyBypass } from './bypass/issueBillingKey/index.js';
 export type { PaymentBypass } from './bypass/payment/index.js';
+export type { LoadPaymentUIBypass } from './bypass/loadPaymentUI/index.js';
+export type { LoadIssueBillingKeyUIBypass } from './bypass/loadIssueBillingKeyUI/index.js';

package/dist/v2/exception/IssueBillingKeyAndPayError.d.ts

@@ -0,0 +1,24 @@
+import { CheckoutServiceErrorCode } from './CheckoutServiceErrorCode.js';
+import { GrpcErrorCode } from './GrpcErrorCode.js';
+import { PortOneError } from './index.js';
+import { TxServiceIssueErrorCode } from './TxServiceIssueErrorCode.js';
+import { TxServicePayErrorCode } from './TxServicePayErrorCode.js';
+export type IssueBillingKeyAndPayErrorCode = CheckoutServiceErrorCode | GrpcErrorCode | TxServiceIssueErrorCode | TxServicePayErrorCode;
+export declare function isIssueBillingKeyAndPayError(error: unknown): error is IssueBillingKeyAndPayError;
+export declare class IssueBillingKeyAndPayError extends Error implements PortOneError {
+    __portOneErrorType: string;
+    transactionType: "ISSUE_BILLING_KEY_AND_PAY";
+    txId?: string;
+    paymentId?: string;
+    billingKey?: string;
+    code: IssueBillingKeyAndPayErrorCode;
+    message: string;
+    constructor({ txId, paymentId, billingKey, code, message, }: {
+        txId?: string;
+        paymentId?: string;
+        billingKey?: string;
+        code: IssueBillingKeyAndPayErrorCode;
+        message: string;
+    });
+}
+export default IssueBillingKeyAndPayError;

package/dist/v2/exception/LoadIssueBillingKeyUIError.d.ts

@@ -0,0 +1,16 @@
+import { PortOneError } from './index.js';
+import { CheckoutServiceErrorCode } from './CheckoutServiceErrorCode.js';
+import { GrpcErrorCode } from './GrpcErrorCode.js';
+import { TxServiceIssueErrorCode } from './TxServiceIssueErrorCode.js';
+export type LoadIssueBillingKeyUIErrorCode = CheckoutServiceErrorCode | GrpcErrorCode | TxServiceIssueErrorCode;
+export declare function isLoadIssueBillingKeyUIError(error: unknown): error is LoadIssueBillingKeyUIError;
+export declare class LoadIssueBillingKeyUIError extends Error implements PortOneError {
+    __portOneErrorType: string;
+    transactionType: "ISSUE_BILLING_KEY";
+    code: LoadIssueBillingKeyUIErrorCode;
+    message: string;
+    constructor({ code, message, }: {
+        code: LoadIssueBillingKeyUIErrorCode;
+        message: string;
+    });
+}

package/dist/v2/exception/LoadPaymentUIError.d.ts

@@ -0,0 +1,16 @@
+import { PortOneError } from './index.js';
+import { CheckoutServiceErrorCode } from './CheckoutServiceErrorCode.js';
+import { GrpcErrorCode } from './GrpcErrorCode.js';
+import { TxServicePayErrorCode } from './TxServicePayErrorCode.js';
+export type LoadPaymentUIErrorCode = CheckoutServiceErrorCode | GrpcErrorCode | TxServicePayErrorCode;
+export declare function isLoadPaymentUIError(error: unknown): error is LoadPaymentUIError;
+export declare class LoadPaymentUIError extends Error implements PortOneError {
+    __portOneErrorType: string;
+    transactionType: "PAYMENT";
+    code: LoadPaymentUIErrorCode;
+    message: string;
+    constructor({ code, message, }: {
+        code: LoadPaymentUIErrorCode;
+        message: string;
+    });
+}

package/dist/v2/exception/index.d.ts

@@ -3,6 +3,9 @@ export interface PortOneError extends Error {
 }
 export declare function isPortOneError(error: unknown): error is PortOneError;
 export * from './IdentityVerificationError.js';
+export * from './IssueBillingKeyAndPayError.js';
 export * from './IssueBillingKeyError.js';
 export * from './ModuleError.js';
 export * from './PaymentError.js';
+export * from './LoadIssueBillingKeyUIError.js';
+export * from './LoadPaymentUIError.js';

package/dist/v2/index.d.ts

@@ -1,15 +1,30 @@
-import { requestPayment } from './requestPayment.js';
-import { requestIssueBillingKey } from './requestIssueBillingKey.js';
 import { requestIdentityVerification } from './requestIdentityVerification.js';
+import { requestIssueBillingKeyAndPay } from './requestIssueBillingKeyAndPay.js';
+import { requestIssueBillingKey } from './requestIssueBillingKey.js';
+import { requestPayment } from './requestPayment.js';
+import { loadPaymentUI } from './loadPaymentUI.js';
+import { loadIssueBillingKeyUI } from './loadIssueBillingKeyUI.js';
+import { updateLoadPaymentUIRequest } from './updateLoadPaymentUIRequest.js';
+import { updateLoadIssueBillingKeyUIRequest } from './updateLoadIssueBillingKeyUIRequest.js';
 declare const PortOne: {
-    requestPayment: typeof requestPayment;
-    requestIssueBillingKey: typeof requestIssueBillingKey;
     requestIdentityVerification: typeof requestIdentityVerification;
+    requestIssueBillingKeyAndPay: typeof requestIssueBillingKeyAndPay;
+    requestIssueBillingKey: typeof requestIssueBillingKey;
+    requestPayment: typeof requestPayment;
+    loadPaymentUI: typeof loadPaymentUI;
+    loadIssueBillingKeyUI: typeof loadIssueBillingKeyUI;
+    updateLoadPaymentUIRequest: typeof updateLoadPaymentUIRequest;
+    updateLoadIssueBillingKeyUIRequest: typeof updateLoadIssueBillingKeyUIRequest;
 };
 export { setPortOneJsSdkUrl as __INTERNAL__setPortOneSdkUrl } from './loader.js';
-export { requestPayment, type PaymentRequest, type PaymentResponse, } from './requestPayment.js';
-export { requestIssueBillingKey, type IssueBillingKeyRequest, type IssueBillingKeyResponse, } from './requestIssueBillingKey.js';
 export { requestIdentityVerification, type IdentityVerificationRequest, type IdentityVerificationResponse, } from './requestIdentityVerification.js';
+export { requestIssueBillingKeyAndPay, type IssueBillingKeyAndPayRequest, type IssueBillingKeyAndPayResponse, } from './requestIssueBillingKeyAndPay.js';
+export { requestIssueBillingKey, type IssueBillingKeyRequest, type IssueBillingKeyResponse, } from './requestIssueBillingKey.js';
+export { requestPayment, type PaymentRequest, type PaymentResponse, } from './requestPayment.js';
+export { loadPaymentUI, type LoadPaymentUIRequest } from './loadPaymentUI.js';
+export { loadIssueBillingKeyUI, type LoadIssueBillingKeyUIRequest, } from './loadIssueBillingKeyUI.js';
+export { updateLoadPaymentUIRequest } from './updateLoadPaymentUIRequest.js';
+export { updateLoadIssueBillingKeyUIRequest } from './updateLoadIssueBillingKeyUIRequest.js';
 export * as Entity from './entity/index.js';
 export * from './exception/index.js';
 export default PortOne;

package/dist/v2/loadIssueBillingKeyUI.d.ts

@@ -0,0 +1,27 @@
+import { Entity, IssueBillingKeyError, IssueBillingKeyResponse } from './index.js';
+import { IssueBillingKeyUIType } from './entity/index.js';
+export declare function loadIssueBillingKeyUI(request: LoadIssueBillingKeyUIRequest, callbacks: {
+    onIssueBillingKeySuccess: (response: IssueBillingKeyResponse) => void;
+    onIssueBillingKeyFail: (error: IssueBillingKeyError) => void;
+}): Promise<void>;
+export type LoadIssueBillingKeyUIRequest = {
+    uiType: IssueBillingKeyUIType;
+    displayAmount?: number;
+    currency?: Entity.Currency;
+    storeId: string;
+    channelKey: string;
+    pgProvider?: Entity.PgProvider;
+    isTestChannel?: boolean;
+    billingKeyMethod: Entity.BillingKeyMethod;
+    issueName?: string;
+    issueId?: string;
+    billingKey?: string;
+    customer?: Entity.Customer;
+    redirectUrl?: string;
+    locale?: Entity.Locale;
+    customData?: Record<string, any>;
+    appScheme?: string;
+    noticeUrls?: string[];
+    productType?: Entity.ProductType;
+    bypass?: Entity.LoadIssueBillingKeyUIBypass;
+};

package/dist/v2/loadPaymentUI.d.ts

@@ -0,0 +1,36 @@
+import { Entity, PaymentError, PaymentResponse } from './index.js';
+import { PaymentUIType } from './entity/index.js';
+import { Prettify } from '../utils.js';
+export declare function loadPaymentUI(request: LoadPaymentUIRequest, callbacks: {
+    onPaymentSuccess: (response: PaymentResponse) => void;
+    onPaymentFail: (error: PaymentError) => void;
+}): Promise<void>;
+export type LoadPaymentUIRequest = Prettify<{
+    uiType: PaymentUIType;
+    storeId: string;
+    paymentId: string;
+    orderName: string;
+    totalAmount: number;
+    channelKey: string;
+    pgProvider?: Entity.PgProvider;
+    isTestChannel?: boolean;
+    taxFreeAmount?: number;
+    vatAmount?: number;
+    customer?: Entity.Customer;
+    redirectUrl?: string;
+    noticeUrls?: string[];
+    confirmUrl?: string;
+    appScheme?: string;
+    isEscrow?: boolean;
+    products?: Entity.Product[];
+    isCulturalExpense?: boolean;
+    currency: Entity.Currency;
+    locale?: Entity.Locale;
+    customData?: Record<string, any>;
+    offerPeriod?: Entity.OfferPeriod;
+    productType?: Entity.ProductType;
+    storeDetails?: Entity.StoreDetails;
+    bypass?: Entity.LoadPaymentUIBypass;
+    country?: Entity.Country;
+    shippingAddress?: Entity.Address;
+}>;

package/dist/v2/loader.d.ts

@@ -1,6 +1,10 @@
-import type { PaymentRequest, PaymentResponse } from './requestPayment.js';
-import type { IssueBillingKeyRequest, IssueBillingKeyResponse } from './requestIssueBillingKey.js';
 import type { IdentityVerificationRequest, IdentityVerificationResponse } from './requestIdentityVerification.js';
+import type { IssueBillingKeyAndPayRequest, IssueBillingKeyAndPayResponse } from './requestIssueBillingKeyAndPay.js';
+import type { IssueBillingKeyRequest, IssueBillingKeyResponse } from './requestIssueBillingKey.js';
+import type { PaymentRequest, PaymentResponse } from './requestPayment.js';
+import { LoadPaymentUIRequest } from './loadPaymentUI.js';
+import { LoadIssueBillingKeyUIRequest } from './loadIssueBillingKeyUI.js';
+import { IssueBillingKeyError, PaymentError } from './exception/index.js';
 declare global {
     interface Window {
         PortOne: PortOne | undefined;
@@ -8,8 +12,19 @@ declare global {
 }
 interface PortOne {
     requestPayment(request: PaymentRequest): Promise<PaymentResponse>;
+    requestIssueBillingKeyAndPay(request: IssueBillingKeyAndPayRequest): Promise<IssueBillingKeyAndPayResponse>;
     requestIssueBillingKey(request: IssueBillingKeyRequest): Promise<IssueBillingKeyResponse>;
     requestIdentityVerification(request: IdentityVerificationRequest): Promise<IdentityVerificationResponse>;
+    loadPaymentUI(request: LoadPaymentUIRequest, callbacks: {
+        onPaymentSuccess: (response: PaymentResponse) => void;
+        onPaymentFail: (error: PaymentError) => void;
+    }): Promise<void>;
+    loadIssueBillingKeyUI(request: LoadIssueBillingKeyUIRequest, callbacks: {
+        onIssueBillingKeySuccess: (response: IssueBillingKeyResponse) => void;
+        onIssueBillingKeyFail: (error: IssueBillingKeyError) => void;
+    }): Promise<void>;
+    updateLoadPaymentUIRequest(request: LoadPaymentUIRequest): Promise<void>;
+    updateLoadIssueBillingKeyUIRequest(request: LoadIssueBillingKeyUIRequest): Promise<void>;
 }
 export declare function loadScript(): Promise<PortOne>;
 export declare function setPortOneJsSdkUrl(url: string): string;

package/dist/v2/requestIssueBillingKey.d.ts

@@ -19,6 +19,7 @@ export type IssueBillingKeyRequest = {
     customData?: Record<string, any>;
     appScheme?: string;
     noticeUrls?: string[];
+    productType?: Entity.ProductType;
     bypass?: Entity.IssueBillingKeyBypass;
 } & (BillingKeyMethodOptions<'CARD', Card> | BillingKeyMethodOptions<'MOBILE', Mobile> | BillingKeyMethodOptions<'EASY_PAY', EasyPay> | BillingKeyMethodOptions<'PAYPAL', Paypal>);
 /**
@@ -27,7 +28,7 @@ export type IssueBillingKeyRequest = {
  */
 export type IssueBillingKeyResponse = {
     transactionType: typeof Entity.TransactionType.ISSUE_BILLING_KEY;
-    billingKey?: string;
+    billingKey: string;
     code?: string;
     message?: string;
 };
@@ -44,6 +45,7 @@ type EasyPay = {
 };
 type Mobile = {
     carrier?: Entity.Carrier;
+    availableCarriers?: Entity.Carrier[];
 };
 type Paypal = Record<string, never>;
 export {};

package/dist/v2/requestIssueBillingKeyAndPay.d.ts

@@ -0,0 +1,51 @@
+import { CapsToCamel } from '../utils.js';
+import { Entity } from './index.js';
+export declare function requestIssueBillingKeyAndPay(request: IssueBillingKeyAndPayRequest): Promise<IssueBillingKeyAndPayResponse>;
+export type IssueBillingKeyAndPayRequest = {
+    storeId: string;
+    paymentId: string;
+    orderName: string;
+    totalAmount: number;
+    channelKey?: string;
+    pgProvider?: Entity.PgProvider;
+    isTestChannel?: boolean;
+    taxFreeAmount?: number;
+    vatAmount?: number;
+    customer?: Entity.Customer;
+    billingKeyAndPayMethod: Entity.BillingKeyAndPayMethod;
+    windowType?: Entity.WindowTypes;
+    redirectUrl?: string;
+    noticeUrls?: string[];
+    confirmUrl?: string;
+    locale?: Entity.Locale;
+    isCulturalExpense?: boolean;
+    customData?: Record<string, any>;
+    offerPeriod?: Entity.OfferPeriod;
+    appScheme?: string;
+    productType?: Entity.ProductType;
+    storeDetails?: Entity.StoreDetails;
+    country?: Entity.Country;
+    bypass?: Entity.IssueBillingKeyAndPayBypass;
+} & BillingKeyAndPayMethodOptions<'MOBILE', Mobile>;
+/**
+ * iframe/popup 방식으로 PG사 창이 렌더링 된 경우
+ * 프로세스 종료 후, 콜백 함수로 전달 될 빌링키 발급 및 결제 정보 데이터
+ */
+export type IssueBillingKeyAndPayResponse = {
+    transactionType: typeof Entity.TransactionType.ISSUE_BILLING_KEY_AND_PAY;
+    txId: string;
+    paymentId: string;
+    billingKey: string;
+    code?: string;
+    message?: string;
+};
+type BillingKeyAndPayMethodOptions<Method extends Entity.BillingKeyAndPayMethod, T> = {
+    billingKeyAndPayMethod: Method;
+} & {
+    [K in Method as CapsToCamel<K>]?: T;
+};
+type Mobile = {
+    carrier?: Entity.Carrier;
+    availableCarriers?: Entity.Carrier[];
+};
+export {};

package/dist/v2/requestPayment.d.ts

@@ -9,6 +9,7 @@ export type PaymentRequest = {
     channelKey?: string;
     pgProvider?: Entity.PgProvider;
     isTestChannel?: boolean;
+    channelGroupId?: string;
     taxFreeAmount?: number;
     vatAmount?: number;
     customer?: Entity.Customer;
@@ -29,7 +30,7 @@ export type PaymentRequest = {
     bypass?: Entity.PaymentBypass;
     country?: Entity.Country;
     shippingAddress?: Entity.Address;
-} & (PayMethodOptions<'CARD', Card> | PayMethodOptions<'VIRTUAL_ACCOUNT', VirtualAccount> | PayMethodOptions<'TRANSFER', Transfer> | PayMethodOptions<'MOBILE', Mobile> | PayMethodOptions<'GIFT_CERTIFICATE', GiftCertificate> | PayMethodOptions<'EASY_PAY', EasyPay> | PayMethodOptions<'PAYPAL', Paypal>);
+} & (PayMethodOptions<'CARD', Card> | PayMethodOptions<'VIRTUAL_ACCOUNT', VirtualAccount> | PayMethodOptions<'TRANSFER', Transfer> | PayMethodOptions<'MOBILE', Mobile> | PayMethodOptions<'GIFT_CERTIFICATE', GiftCertificate> | PayMethodOptions<'EASY_PAY', EasyPay> | PayMethodOptions<'PAYPAL', Paypal> | PayMethodOptions<'ALIPAY', Alipay>);
 /**
  * iframe/popup 방식으로 PG사 창이 렌더링 된 경우
  * 프로세스 종료 후, 콜백 함수로 전달 될 결제 정보 데이터
@@ -53,6 +54,7 @@ type Card = {
     useAppCardOnly?: boolean;
     availableCards?: Entity.CardCompany[];
     useFreeInterestFromMall?: boolean;
+    useInstallment?: boolean;
 };
 type VirtualAccount = {
     cashReceiptType?: Entity.CashReceiptType;
@@ -74,6 +76,7 @@ type Transfer = {
 };
 type Mobile = {
     carrier?: Entity.Carrier;
+    availableCarriers?: Entity.Carrier[];
 };
 type GiftCertificate = {
     giftCertificateType?: Entity.GiftCertificateType;
@@ -86,6 +89,9 @@ type EasyPay = {
     cashReceiptType?: Entity.CashReceiptType;
     customerIdentifier?: string;
     useCardPoint?: boolean;
+    availablePayMethods?: Entity.EasyPayPaymentMethod[];
+    useInstallment?: boolean;
 };
 type Paypal = Record<string, never>;
+type Alipay = Record<string, never>;
 export {};

package/dist/v2/updateLoadIssueBillingKeyUIRequest.d.ts

@@ -0,0 +1,2 @@
+import { LoadIssueBillingKeyUIRequest } from './index.js';
+export declare function updateLoadIssueBillingKeyUIRequest(request: LoadIssueBillingKeyUIRequest): Promise<void>;

package/dist/v2/updateLoadPaymentUIRequest.d.ts

@@ -0,0 +1,2 @@
+import { LoadPaymentUIRequest } from './index.js';
+export declare function updateLoadPaymentUIRequest(request: LoadPaymentUIRequest): Promise<void>;

package/dist/v2.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _a;
 let promise = null;
 const portone = {
-    jsSdkUrl: (_a = undefined) !== null && _a !== void 0 ? _a : 'https://cdn.portone.io/v2/browser-sdk.js',
+    jsSdkUrl: (_a = '/v2/browser-sdk.js') !== null && _a !== void 0 ? _a : 'https://cdn.portone.io/v2/browser-sdk.js',
 };
 function findScript() {
     return document.querySelector(`script[src="${portone.jsSdkUrl}"]`);
@@ -52,16 +52,36 @@ function setPortOneJsSdkUrl(url) {
     return (portone.jsSdkUrl = url);
 }
 
-function requestPayment(request) {
-    return loadScript().then((sdk) => sdk.requestPayment(request));
+function requestIdentityVerification(request) {
+    return loadScript().then((sdk) => sdk.requestIdentityVerification(request));
+}
+
+function requestIssueBillingKeyAndPay(request) {
+    return loadScript().then((sdk) => sdk.requestIssueBillingKeyAndPay(request));
 }
 
 function requestIssueBillingKey(request) {
     return loadScript().then((sdk) => sdk.requestIssueBillingKey(request));
 }
 
-function requestIdentityVerification(request) {
-    return loadScript().then((sdk) => sdk.requestIdentityVerification(request));
+function requestPayment(request) {
+    return loadScript().then((sdk) => sdk.requestPayment(request));
+}
+
+function loadPaymentUI(request, callbacks) {
+    return loadScript().then((sdk) => sdk.loadPaymentUI(request, callbacks));
+}
+
+function loadIssueBillingKeyUI(request, callbacks) {
+    return loadScript().then((sdk) => sdk.loadIssueBillingKeyUI(request, callbacks));
+}
+
+function updateLoadPaymentUIRequest(request) {
+    return loadScript().then((sdk) => sdk.updateLoadPaymentUIRequest(request));
+}
+
+function updateLoadIssueBillingKeyUIRequest(request) {
+    return loadScript().then((sdk) => sdk.updateLoadIssueBillingKeyUIRequest(request));
 }
 
 // 계좌이체, 가상계좌 발급시 사용되는 은행 코드
@@ -144,6 +164,11 @@ const Bank = {
     CAPE_INVESTMENT_CERTIFICATE: 'BANK_CAPE_INVESTMENT_CERTIFICATE', // 케이프투자증권
 };
 
+// 빌링키 발급 및 결제 수단
+const BillingKeyAndPayMethod = {
+    MOBILE: 'MOBILE', // 휴대폰
+};
+
 // 빌링키 발급 수단
 const BillingKeyMethod = {
     CARD: 'CARD',
@@ -557,7 +582,6 @@ const Currency = {
     MWK: 'CURRENCY_MWK',
     MXN: 'CURRENCY_MXN',
     MXV: 'CURRENCY_MXV',
-    MYR: 'CURRENCY_MYR',
     MZN: 'CURRENCY_MZN',
     NAD: 'CURRENCY_NAD',
     NGN: 'CURRENCY_NGN',
@@ -650,10 +674,6 @@ const EasyPayProvider = {
     APPLEPAY: 'EASY_PAY_PROVIDER_APPLEPAY',
     PINPAY: 'EASY_PAY_PROVIDER_PINPAY',
     SKPAY: 'EASY_PAY_PROVIDER_SKPAY',
-    NAVERPAY_CARD: 'EASY_PAY_PROVIDER_NAVERPAY_CARD',
-    NAVERPAY_POINT: 'EASY_PAY_PROVIDER_NAVERPAY_POINT',
-    SSGPAY_POINT: 'EASY_PAY_PROVIDER_SSGPAY_POINT',
-    SSGPAY_BANK: 'EASY_PAY_PROVIDER_SSGPAY_BANK',
     TOSS_BRANDPAY: 'EASY_PAY_PROVIDER_TOSS_BRANDPAY',
 };
 
@@ -670,6 +690,7 @@ const GiftCertificateType = {
     SMART_MUNSANG: 'GIFT_CERTIFICATE_TYPE_SMART_MUNSANG',
     CULTURELAND: 'GIFT_CERTIFICATE_TYPE_CULTURELAND',
     HAPPYMONEY: 'GIFT_CERTIFICATE_TYPE_HAPPYMONEY',
+    CULTURE_GIFT: 'GIFT_CERTIFICATE_TYPE_CULTURE_GIFT',
 };
 
 // PG사 창 언어 설정
@@ -722,6 +743,8 @@ const PgProvider = {
     SMARTRO_V2: 'PG_PROVIDER_SMARTRO_V2',
     NICE_V2: 'PG_PROVIDER_NICE_V2',
     TOSS_BRANDPAY: 'PG_PROVIDER_TOSS_BRANDPAY',
+    WELCOME: 'PG_PROVIDER_WELCOME',
+    TOSSPAY_V2: 'PG_PROVIDER_TOSSPAY_V2',
 };
 
 /**
@@ -729,11 +752,13 @@ const PgProvider = {
  * - PAYMENT: 결제
  * - ISSUE_BILLING_KEY: 빌링키 발급
  * - IDENTITY_VERIFICATION: 본인 인증
+ * - ISSUE_BILLING_KEY_AND_PAY: 빌링키 발급과 동시에 결제
  */
 const TransactionType = {
     PAYMENT: 'PAYMENT',
     ISSUE_BILLING_KEY: 'ISSUE_BILLING_KEY',
     IDENTITY_VERIFICATION: 'IDENTITY_VERIFICATION',
+    ISSUE_BILLING_KEY_AND_PAY: 'ISSUE_BILLING_KEY_AND_PAY',
 };
 
 /**
@@ -747,9 +772,18 @@ const WindowType = {
     UI: 'UI',
 };
 
+const PaymentUIType = {
+    PAYPAL_SPB: 'PAYPAL_SPB',
+};
+
+const IssueBillingKeyUIType = {
+    PAYPAL_RT: 'PAYPAL_RT',
+};
+
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     Bank: Bank,
+    BillingKeyAndPayMethod: BillingKeyAndPayMethod,
     BillingKeyMethod: BillingKeyMethod,
     CardCompany: CardCompany,
     Carrier: Carrier,
@@ -758,7 +792,9 @@ var index = /*#__PURE__*/Object.freeze({
     EasyPayProvider: EasyPayProvider,
     Gender: Gender,
     GiftCertificateType: GiftCertificateType,
+    IssueBillingKeyUIType: IssueBillingKeyUIType,
     Locale: Locale,
+    PaymentUIType: PaymentUIType,
     PgProvider: PgProvider,
     TransactionType: TransactionType,
     WindowType: WindowType
@@ -780,6 +816,23 @@ class IdentityVerificationError extends Error {
     }
 }
 
+function isIssueBillingKeyAndPayError(error) {
+    return (isPortOneError(error) &&
+        error.__portOneErrorType === 'IssueBillingKeyAndPayError');
+}
+class IssueBillingKeyAndPayError extends Error {
+    constructor({ txId, paymentId, billingKey, code, message, }) {
+        super(message);
+        this.__portOneErrorType = 'IssueBillingKeyAndPayError';
+        this.transactionType = TransactionType.ISSUE_BILLING_KEY_AND_PAY;
+        this.txId = txId;
+        this.paymentId = paymentId;
+        this.billingKey = billingKey;
+        this.code = code;
+        this.message = message;
+    }
+}
+
 function isIssueBillingKeyError(error) {
     return (isPortOneError(error) && error.__portOneErrorType === 'IssueBillingKeyError');
 }
@@ -821,6 +874,33 @@ class PaymentError extends Error {
     }
 }
 
+function isLoadIssueBillingKeyUIError(error) {
+    return (isPortOneError(error) &&
+        error.__portOneErrorType === 'LoadIssueBillingKeyUIError');
+}
+class LoadIssueBillingKeyUIError extends Error {
+    constructor({ code, message, }) {
+        super(message);
+        this.__portOneErrorType = 'LoadIssueBillingKeyUIError';
+        this.transactionType = TransactionType.ISSUE_BILLING_KEY;
+        this.code = code;
+        this.message = message;
+    }
+}
+
+function isLoadPaymentUIError(error) {
+    return (isPortOneError(error) && error.__portOneErrorType === 'LoadPaymentUIError');
+}
+class LoadPaymentUIError extends Error {
+    constructor({ code, message, }) {
+        super(message);
+        this.__portOneErrorType = 'LoadPaymentUIError';
+        this.transactionType = TransactionType.PAYMENT;
+        this.code = code;
+        this.message = message;
+    }
+}
+
 function isPortOneError(error) {
     return (error != null &&
         typeof error === 'object' &&
@@ -829,23 +909,39 @@ function isPortOneError(error) {
 }
 
 const PortOne = {
-    requestPayment,
-    requestIssueBillingKey,
     requestIdentityVerification,
+    requestIssueBillingKeyAndPay,
+    requestIssueBillingKey,
+    requestPayment,
+    loadPaymentUI,
+    loadIssueBillingKeyUI,
+    updateLoadPaymentUIRequest,
+    updateLoadIssueBillingKeyUIRequest,
 };
 
 exports.Entity = index;
 exports.IdentityVerificationError = IdentityVerificationError;
+exports.IssueBillingKeyAndPayError = IssueBillingKeyAndPayError;
 exports.IssueBillingKeyError = IssueBillingKeyError;
+exports.LoadIssueBillingKeyUIError = LoadIssueBillingKeyUIError;
+exports.LoadPaymentUIError = LoadPaymentUIError;
 exports.ModuleError = ModuleError;
 exports.PaymentError = PaymentError;
 exports.__INTERNAL__setPortOneSdkUrl = setPortOneJsSdkUrl;
 exports.default = PortOne;
 exports.isIdentityVerificationError = isIdentityVerificationError;
+exports.isIssueBillingKeyAndPayError = isIssueBillingKeyAndPayError;
 exports.isIssueBillingKeyError = isIssueBillingKeyError;
+exports.isLoadIssueBillingKeyUIError = isLoadIssueBillingKeyUIError;
+exports.isLoadPaymentUIError = isLoadPaymentUIError;
 exports.isModuleError = isModuleError;
 exports.isPaymentError = isPaymentError;
 exports.isPortOneError = isPortOneError;
+exports.loadIssueBillingKeyUI = loadIssueBillingKeyUI;
+exports.loadPaymentUI = loadPaymentUI;
 exports.requestIdentityVerification = requestIdentityVerification;
 exports.requestIssueBillingKey = requestIssueBillingKey;
+exports.requestIssueBillingKeyAndPay = requestIssueBillingKeyAndPay;
 exports.requestPayment = requestPayment;
+exports.updateLoadIssueBillingKeyUIRequest = updateLoadIssueBillingKeyUIRequest;
+exports.updateLoadPaymentUIRequest = updateLoadPaymentUIRequest;

package/dist/v2.js

@@ -1,7 +1,7 @@
 var _a;
 let promise = null;
 const portone = {
-    jsSdkUrl: (_a = undefined) !== null && _a !== void 0 ? _a : 'https://cdn.portone.io/v2/browser-sdk.js',
+    jsSdkUrl: (_a = '/v2/browser-sdk.js') !== null && _a !== void 0 ? _a : 'https://cdn.portone.io/v2/browser-sdk.js',
 };
 function findScript() {
     return document.querySelector(`script[src="${portone.jsSdkUrl}"]`);
@@ -48,16 +48,36 @@ function setPortOneJsSdkUrl(url) {
     return (portone.jsSdkUrl = url);
 }
 
-function requestPayment(request) {
-    return loadScript().then((sdk) => sdk.requestPayment(request));
+function requestIdentityVerification(request) {
+    return loadScript().then((sdk) => sdk.requestIdentityVerification(request));
+}
+
+function requestIssueBillingKeyAndPay(request) {
+    return loadScript().then((sdk) => sdk.requestIssueBillingKeyAndPay(request));
 }
 
 function requestIssueBillingKey(request) {
     return loadScript().then((sdk) => sdk.requestIssueBillingKey(request));
 }
 
-function requestIdentityVerification(request) {
-    return loadScript().then((sdk) => sdk.requestIdentityVerification(request));
+function requestPayment(request) {
+    return loadScript().then((sdk) => sdk.requestPayment(request));
+}
+
+function loadPaymentUI(request, callbacks) {
+    return loadScript().then((sdk) => sdk.loadPaymentUI(request, callbacks));
+}
+
+function loadIssueBillingKeyUI(request, callbacks) {
+    return loadScript().then((sdk) => sdk.loadIssueBillingKeyUI(request, callbacks));
+}
+
+function updateLoadPaymentUIRequest(request) {
+    return loadScript().then((sdk) => sdk.updateLoadPaymentUIRequest(request));
+}
+
+function updateLoadIssueBillingKeyUIRequest(request) {
+    return loadScript().then((sdk) => sdk.updateLoadIssueBillingKeyUIRequest(request));
 }
 
 // 계좌이체, 가상계좌 발급시 사용되는 은행 코드
@@ -140,6 +160,11 @@ const Bank = {
     CAPE_INVESTMENT_CERTIFICATE: 'BANK_CAPE_INVESTMENT_CERTIFICATE', // 케이프투자증권
 };
 
+// 빌링키 발급 및 결제 수단
+const BillingKeyAndPayMethod = {
+    MOBILE: 'MOBILE', // 휴대폰
+};
+
 // 빌링키 발급 수단
 const BillingKeyMethod = {
     CARD: 'CARD',
@@ -553,7 +578,6 @@ const Currency = {
     MWK: 'CURRENCY_MWK',
     MXN: 'CURRENCY_MXN',
     MXV: 'CURRENCY_MXV',
-    MYR: 'CURRENCY_MYR',
     MZN: 'CURRENCY_MZN',
     NAD: 'CURRENCY_NAD',
     NGN: 'CURRENCY_NGN',
@@ -646,10 +670,6 @@ const EasyPayProvider = {
     APPLEPAY: 'EASY_PAY_PROVIDER_APPLEPAY',
     PINPAY: 'EASY_PAY_PROVIDER_PINPAY',
     SKPAY: 'EASY_PAY_PROVIDER_SKPAY',
-    NAVERPAY_CARD: 'EASY_PAY_PROVIDER_NAVERPAY_CARD',
-    NAVERPAY_POINT: 'EASY_PAY_PROVIDER_NAVERPAY_POINT',
-    SSGPAY_POINT: 'EASY_PAY_PROVIDER_SSGPAY_POINT',
-    SSGPAY_BANK: 'EASY_PAY_PROVIDER_SSGPAY_BANK',
     TOSS_BRANDPAY: 'EASY_PAY_PROVIDER_TOSS_BRANDPAY',
 };
 
@@ -666,6 +686,7 @@ const GiftCertificateType = {
     SMART_MUNSANG: 'GIFT_CERTIFICATE_TYPE_SMART_MUNSANG',
     CULTURELAND: 'GIFT_CERTIFICATE_TYPE_CULTURELAND',
     HAPPYMONEY: 'GIFT_CERTIFICATE_TYPE_HAPPYMONEY',
+    CULTURE_GIFT: 'GIFT_CERTIFICATE_TYPE_CULTURE_GIFT',
 };
 
 // PG사 창 언어 설정
@@ -718,6 +739,8 @@ const PgProvider = {
     SMARTRO_V2: 'PG_PROVIDER_SMARTRO_V2',
     NICE_V2: 'PG_PROVIDER_NICE_V2',
     TOSS_BRANDPAY: 'PG_PROVIDER_TOSS_BRANDPAY',
+    WELCOME: 'PG_PROVIDER_WELCOME',
+    TOSSPAY_V2: 'PG_PROVIDER_TOSSPAY_V2',
 };
 
 /**
@@ -725,11 +748,13 @@ const PgProvider = {
  * - PAYMENT: 결제
  * - ISSUE_BILLING_KEY: 빌링키 발급
  * - IDENTITY_VERIFICATION: 본인 인증
+ * - ISSUE_BILLING_KEY_AND_PAY: 빌링키 발급과 동시에 결제
  */
 const TransactionType = {
     PAYMENT: 'PAYMENT',
     ISSUE_BILLING_KEY: 'ISSUE_BILLING_KEY',
     IDENTITY_VERIFICATION: 'IDENTITY_VERIFICATION',
+    ISSUE_BILLING_KEY_AND_PAY: 'ISSUE_BILLING_KEY_AND_PAY',
 };
 
 /**
@@ -743,9 +768,18 @@ const WindowType = {
     UI: 'UI',
 };
 
+const PaymentUIType = {
+    PAYPAL_SPB: 'PAYPAL_SPB',
+};
+
+const IssueBillingKeyUIType = {
+    PAYPAL_RT: 'PAYPAL_RT',
+};
+
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     Bank: Bank,
+    BillingKeyAndPayMethod: BillingKeyAndPayMethod,
     BillingKeyMethod: BillingKeyMethod,
     CardCompany: CardCompany,
     Carrier: Carrier,
@@ -754,7 +788,9 @@ var index = /*#__PURE__*/Object.freeze({
     EasyPayProvider: EasyPayProvider,
     Gender: Gender,
     GiftCertificateType: GiftCertificateType,
+    IssueBillingKeyUIType: IssueBillingKeyUIType,
     Locale: Locale,
+    PaymentUIType: PaymentUIType,
     PgProvider: PgProvider,
     TransactionType: TransactionType,
     WindowType: WindowType
@@ -776,6 +812,23 @@ class IdentityVerificationError extends Error {
     }
 }
 
+function isIssueBillingKeyAndPayError(error) {
+    return (isPortOneError(error) &&
+        error.__portOneErrorType === 'IssueBillingKeyAndPayError');
+}
+class IssueBillingKeyAndPayError extends Error {
+    constructor({ txId, paymentId, billingKey, code, message, }) {
+        super(message);
+        this.__portOneErrorType = 'IssueBillingKeyAndPayError';
+        this.transactionType = TransactionType.ISSUE_BILLING_KEY_AND_PAY;
+        this.txId = txId;
+        this.paymentId = paymentId;
+        this.billingKey = billingKey;
+        this.code = code;
+        this.message = message;
+    }
+}
+
 function isIssueBillingKeyError(error) {
     return (isPortOneError(error) && error.__portOneErrorType === 'IssueBillingKeyError');
 }
@@ -817,6 +870,33 @@ class PaymentError extends Error {
     }
 }
 
+function isLoadIssueBillingKeyUIError(error) {
+    return (isPortOneError(error) &&
+        error.__portOneErrorType === 'LoadIssueBillingKeyUIError');
+}
+class LoadIssueBillingKeyUIError extends Error {
+    constructor({ code, message, }) {
+        super(message);
+        this.__portOneErrorType = 'LoadIssueBillingKeyUIError';
+        this.transactionType = TransactionType.ISSUE_BILLING_KEY;
+        this.code = code;
+        this.message = message;
+    }
+}
+
+function isLoadPaymentUIError(error) {
+    return (isPortOneError(error) && error.__portOneErrorType === 'LoadPaymentUIError');
+}
+class LoadPaymentUIError extends Error {
+    constructor({ code, message, }) {
+        super(message);
+        this.__portOneErrorType = 'LoadPaymentUIError';
+        this.transactionType = TransactionType.PAYMENT;
+        this.code = code;
+        this.message = message;
+    }
+}
+
 function isPortOneError(error) {
     return (error != null &&
         typeof error === 'object' &&
@@ -825,9 +905,14 @@ function isPortOneError(error) {
 }
 
 const PortOne = {
-    requestPayment,
-    requestIssueBillingKey,
     requestIdentityVerification,
+    requestIssueBillingKeyAndPay,
+    requestIssueBillingKey,
+    requestPayment,
+    loadPaymentUI,
+    loadIssueBillingKeyUI,
+    updateLoadPaymentUIRequest,
+    updateLoadIssueBillingKeyUIRequest,
 };
 
-export { index as Entity, IdentityVerificationError, IssueBillingKeyError, ModuleError, PaymentError, setPortOneJsSdkUrl as __INTERNAL__setPortOneSdkUrl, PortOne as default, isIdentityVerificationError, isIssueBillingKeyError, isModuleError, isPaymentError, isPortOneError, requestIdentityVerification, requestIssueBillingKey, requestPayment };
+export { index as Entity, IdentityVerificationError, IssueBillingKeyAndPayError, IssueBillingKeyError, LoadIssueBillingKeyUIError, LoadPaymentUIError, ModuleError, PaymentError, setPortOneJsSdkUrl as __INTERNAL__setPortOneSdkUrl, PortOne as default, isIdentityVerificationError, isIssueBillingKeyAndPayError, isIssueBillingKeyError, isLoadIssueBillingKeyUIError, isLoadPaymentUIError, isModuleError, isPaymentError, isPortOneError, loadIssueBillingKeyUI, loadPaymentUI, requestIdentityVerification, requestIssueBillingKey, requestIssueBillingKeyAndPay, requestPayment, updateLoadIssueBillingKeyUIRequest, updateLoadPaymentUIRequest };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@portone/browser-sdk",
   "type": "module",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "PortOne SDK for browser",
   "keywords": [
     "PortOne",