@bootpay/client-js 5.3.0 → 5.4.0

package/dist/src/lib/template/payment.d.ts

@@ -17,6 +17,7 @@ declare class TemplatePaymentManager extends TemplateManager {
     $env: any;
     $popup?: any;
     $popupWatcher?: any;
+    $themeColor?: string;
     mode: string;
     modeApiUrl: any;
     constructor();
@@ -169,6 +170,11 @@ declare class TemplatePaymentManager extends TemplateManager {
      */
     moveToUrl(url: string): void;
     apiUrl(): any;
+    /**
+     * Progress 창을 보여준다 — 결제 요청 extra.theme_color 가 있으면 로딩 점 색을 그 색으로 바꾼다
+     * 값이 없거나 CSS 색상이 아니면 alfred-progress 기본색(--bootpay-progress-accent)을 쓴다
+     */
+    showProgress(message: string): void;
     /**
      * Form 설정 공통 메서드
      * Comment by GOSOMI

package/dist/src/types/bootpay-interface.d.ts

@@ -232,12 +232,19 @@ export interface ExtraModel {
     webhook_delay_duration?: number // webhook delay duration ( sec )
 
     force_browser_mode?: 'pc' | 'mobile' // 강제로 브라우저 모드 지정 옵션 ( 현재 미구현 PG사마다 정책이 달라서 확인 이후에 업데이트 될 예정 )
+    card_interest_merchant_share?: boolean // 가맹점 분담 무이자 사용 여부
+
+    theme_color?: string // 부트페이 결제창(카드 등록 등) 강조색 — 버튼 배경 · 입력 focus, CSS 색상값 ( 비우면 기본색 #3182F6, 이니시스는 결제창 SKIN 으로도 쓴다 )
+    theme_text_color?: string // theme_color 배경 위 글자색, CSS 색상값 ( 비우면 기본색 #FFFFFF )
 }
 
 export interface WidgetExtraModel extends Partial<ExtraModel> {
     card_quota?: string | string[] | number[] // 카드 할부 개월수 노출 설정
     direct_card_company?: string
     direct_card_quota?: string
+    // true 면 카드사 바로 호출을 지원하는 PG(나이스페이 · KCP 등)라도 위젯이 카드사 목록을 그리지 않고
+    // PG 결제창(카드사 선택 화면)을 띄운다 — PG 심사처럼 PG 전용 창이 필요한 경우에 쓴다. 기본 false
+    use_pg_card_window?: boolean
 
     hide_title?: boolean
     hide_divider_line?: boolean

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bootpay/client-js",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "main": "dist/index.mjs",
   "exports": {
     ".": {