@bootpay/client-js 5.0.3-beta.1 → 5.0.3-rc.2

package/dist/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "@bootpay/client-js",
-  "version": "5.0.3-beta.1",
+  "version": "5.0.3-rc.2",
   "main": "dist/index.es.js",
   "types": "dist/src/index.d.ts",
   "styles": "dist/index.css",

package/dist/src/bootpay-wallet.d.ts

@@ -0,0 +1,15 @@
+import { RequestPaymentWalletModel } from './models/bootpay-wallet-interface';
+declare global {
+    interface Window {
+        BootpayWallet: BootpayWalletInterface;
+    }
+}
+export interface BootpayWalletInterface {
+    render(el: string, data: RequestPaymentWalletModel): void;
+    rerender(): void;
+    setEnvironmentMode(env: 'development' | 'stage' | 'production', hostname: string | undefined | null): void;
+    isRendered(): boolean;
+    synchronizedFromBootpay(data: any): void;
+}
+declare const BootpayWallet: BootpayWalletInterface;
+export default BootpayWallet;

package/dist/src/index.d.ts

@@ -33,6 +33,6 @@ declare global {
         CustomEvent: any;
     }
 }
-export * from './models/bootpay-interface';
-export * from './models/bootpay-widget-interface';
-export * from './models/bootpay-sdk-interface';
+export * from './models/bootpay-interface.d';
+export * from './models/bootpay-widget-interface.d';
+export * from './models/bootpay-sdk-interface.d';

package/dist/src/lib/bootpay-wallet.d.ts

@@ -0,0 +1,7 @@
+import { BootpayManager } from '../support/bootpay-manager';
+import { RequestPaymentWalletModel } from '../models/bootpay-wallet-interface';
+export declare class BootpayWalletWindowManger extends BootpayManager {
+    constructor();
+    render(el: string, data: RequestPaymentWalletModel): void;
+}
+export declare const BootpayWalletWindow: BootpayWalletWindowManger;

package/dist/src/lib/event/ex.d.ts

@@ -1,38 +1,6 @@
 import { BootpayWindowEvent } from '../../support/event';
 declare class BootpayExEventManager extends BootpayWindowEvent {
-    $eventPrefix: string;
-    $messageEventName: string;
-    $routerEventName: string;
-    $exStore: ExStoreModel;
     constructor();
-    bind(): void;
-    hookFunction(hook: string): {
-        parameterPrefix: string;
-        updateParameters({ parameters, replace }: {
-            parameters: any;
-            replace: any;
-        }): void;
-    } | {
-        resize: (data: ExResizeData) => void;
-        showAlert({ message, title, options }: {
-            message: any;
-            title: any;
-            options: any;
-        }): void;
-        hideAlert(): void;
-        showOverlayiFrame({ url, options }: {
-            url: any;
-            options: any;
-        }): void;
-        hideOverlayiFrame(): void;
-        responseOverlayiFrame({ event, data }: {
-            event: any;
-            data: any;
-        }): void;
-        addFavicon({ url }: {
-            url: any;
-        }): void;
-    };
 }
 export declare const BootpayExWindowEvent: BootpayExEventManager;
 export {};

package/dist/src/lib/event/hooks/wallet/message.d.ts

@@ -0,0 +1,22 @@
+export declare const WalletWindowMessage: {
+    resize: (data: ExResizeData) => void;
+    showModal: (data: {
+        url: string;
+    }) => void;
+    resizeModal: (data: ExResizeData) => void;
+    closeModal: () => void;
+    confirmModal: (data: {
+        message: string;
+        title: string;
+        confirmButtonText: string;
+        cancelButtonText: string;
+        confirm: boolean;
+    }) => void;
+    /**
+     * 결제수단정보 추가가 완료된 경우
+     * Comment by GOSOMI
+     * @date: 2025-01-17
+     */
+    addedSuccess: (data: any) => void;
+    synchronize: (data: any) => void;
+};

package/dist/src/lib/event/hooks/widget/message.d.ts

@@ -0,0 +1,46 @@
+import { ResponseBootpayWidgetTermsModel } from '../../../../models/bootpay-widget-interface';
+import { ExtraModel } from '../../../../models/bootpay-interface';
+import { BootpayWindowEvent } from '../../../../support/event';
+export declare const WidgetWindowMessage: {
+    $eventPrefix: string;
+    bootpayWidgetSelectMethod(data: SelectPaymentEventData): void;
+    bootpayWidgetResponseGetEnvironmentWidget(data: any): void;
+    bootpayWidgetResponseCurrentStores(data: any): void;
+    bootpayWidgetError(data: any, event: BootpayWindowEvent): void;
+    bootpayWidgetOOpayReload(data: any): void;
+    bootpayWidgetResize(data: any): void;
+    bootpayWidgetShowInterestInformation(data: any): void;
+    bootpayWidgetAddWallet(data: any): void;
+    bootpayWidgetRemoveWallet(data: any): void;
+    bootpayWidgetPaymentWindowResize(data: any): void;
+    bootpayWidgetOOpayWindowClose(): void;
+    bootpayWidgetModalOpen(data: any): void;
+    bootpayWidgetModalClose(): void;
+    bootpayRequestModalCurrentStores(data: any): void;
+    bootpayRequestGetEnvironmentModalWidget(data: any): void;
+    bootpayWidgetResponseGetEnvironmentModalWidget(data: any): void;
+    bootpayWidgetModalResize(data: any): void;
+    bootpayWidgetPaymentGetStoreData(): void;
+    bootpayWidgetTermAllAgree(data: any): void;
+    bootpayWidgetSelectPayment(data: any): void;
+    bootpayWidgetReady(data: any): void;
+    bootpayWidgetUpdateStore(data: any): void;
+    bootpayWidgetToUrl(data: any): void;
+    bootpayWidgetShowModal(data: any): void;
+    /**
+     * 결제 선택시 global 이벤트를 분리하여 호출한다
+     * Comment by GOSOMI
+     * @date: 2024-04-24
+     */
+    triggerGlobalChangeEvent(data: SelectPaymentEventData): void;
+    callBootpayDOMEvent(eventName: string, data?: any): void;
+};
+export interface SelectPaymentEventData {
+    pg?: string;
+    method?: string;
+    wallet_id?: string;
+    term_passed?: boolean;
+    select_terms?: ResponseBootpayWidgetTermsModel[];
+    extra?: ExtraModel;
+    completed?: boolean;
+}

package/dist/src/lib/event/wallet.d.ts

@@ -0,0 +1,6 @@
+import { BootpayWindowEvent } from '../../support/event';
+declare class BootpayWalletEventManager extends BootpayWindowEvent {
+    constructor();
+}
+export declare const BootpayWalletEvent: BootpayWalletEventManager;
+export {};

package/dist/src/lib/event/widget.d.ts

@@ -1,38 +1,6 @@
 import { BootpayWindowEvent } from '../../support/event';
-import { ResponseBootpayWidgetTermsModel } from '../../models/bootpay-widget-interface';
-import { ExtraModel } from '../../models/bootpay-interface';
-export interface SelectPaymentEventData {
-    pg?: string;
-    method?: string;
-    wallet_id?: string;
-    term_passed?: boolean;
-    select_terms?: ResponseBootpayWidgetTermsModel[];
-    extra?: ExtraModel;
-    completed?: boolean;
-}
 declare class BootpayWidgetEventManager extends BootpayWindowEvent {
-    $messageEventName: string;
-    $eventPrefix: string;
     constructor();
-    /**
-     * Widget 창과 통신하기 위한 이벤트 처리
-     * Comment by GOSOMI
-     * @date: 2023-06-15
-     */
-    bind(): void;
-    callBootpayDOMEvent(eventName: string, data?: any): void;
-    /**
-     * 관련된 모든 이벤트를 삭제
-     * Comment by GOSOMI
-     * @date: 2023-06-15
-     */
-    destroyAllEvent(): void;
-    /**
-     * 결제 선택시 global 이벤트를 분리하여 호출한다
-     * Comment by GOSOMI
-     * @date: 2024-04-24
-     */
-    triggerGlobalChangeEvent(data: SelectPaymentEventData): void;
 }
 export declare const BootpayWidgetEvent: BootpayWidgetEventManager;
 export {};

package/dist/src/lib/template/confirm-modal.d.ts

@@ -6,11 +6,14 @@ declare class ConfirmModalManager extends TemplateManager {
     $additionalClass: string;
     $title: string;
     $message: string;
+    $hookConfirmButtonId: string;
+    $hookCancelButtonId: string;
+    $hookCloseButtonId: string;
     $confirmButtonText: string;
     $cancelButtonText: string;
     constructor();
     template(): string;
-    show(message: string, title?: string, confirmButton?: string, cancelButton?: string): void;
+    show(message: string, title: string, confirmButton: string, cancelButton: string, confirmHook: Function, cancelHook: Function, confirm?: boolean): void;
     destroy(): void;
 }
 export declare const ConfirmModal: ConfirmModalManager;

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

@@ -0,0 +1,15 @@
+import { TemplateManager } from '../../support/template-manager';
+import { WalletStoreManager } from '../../support/stores/wallet-store';
+declare class TemplateWalletManager extends TemplateManager {
+    el: string;
+    $template: string;
+    $walletStore: WalletStoreManager;
+    $iFrameId: string;
+    constructor();
+    render(el: string): void;
+    templateRender(): void;
+    destroy(): void;
+    resize(resizeData: any): void;
+}
+export declare const BootpayWalletTemplate: TemplateWalletManager;
+export {};

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

@@ -1,8 +1,8 @@
 import { TemplateManager } from '../../support/template-manager';
 import { WidgetStoreModel } from '../../support/widget-store';
 declare class TemplateWidgetManager extends TemplateManager {
-    $template: string;
     $iFrameId: string;
+    $template: string;
     $widgetStore: WidgetStoreModel;
     constructor();
     /**
@@ -30,18 +30,6 @@ declare class TemplateWidgetManager extends TemplateManager {
      * @date: 2023-06-15
      */
     destroy(): void;
-    /**
-     * child iframe에 PostMessage를 보낸다
-     * Comment by GOSOMI
-     * @date: 2023-06-15
-     */
-    postMessage(event: string, data?: any): void;
-    /**
-     * render가 되었는지 체크한다
-     * Comment by GOSOMI
-     * @date: 2024-02-22
-     */
-    isRendered(): boolean;
 }
 export declare const TemplateWidget: TemplateWidgetManager;
 export {};

package/dist/src/support/event.d.ts

@@ -37,7 +37,20 @@ export declare const EventListener: BootpayEventListener;
 export declare class BootpayWindowEvent extends BootpayManager {
     $resolve: Function | null;
     $reject: Function | null;
-    constructor();
+    afterBind: Function | undefined;
+    $messageEventName: string;
+    $eventHooks: {
+        [hookName: string]: any;
+    };
+    constructor(options?: {
+        messageEventName: string;
+        messageEventHooks: {
+            [hookName: string]: any;
+        };
+        afterBind?: Function;
+    });
+    bind(resolve?: Function, reject?: Function): void;
+    hookFunction(hook: string): any;
     reject(data: any): void;
     resolve(data: any): void;
     /**

package/dist/src/support/ex-store.d.ts

@@ -1 +1,12 @@
-export declare const ExStore: ExStoreModel;
+import { BootpayStoreManager } from './stores/bootpay-store';
+export declare class ExStoreManager extends BootpayStoreManager {
+    el: string | undefined;
+    data: any | undefined;
+    path: string | undefined;
+    constructor();
+    setExData(el: string, data: RequestExModel): void;
+    encryptParameters(): string;
+    encryptKey(): string;
+    currentBootpayExtraParameters(): string;
+}
+export declare const ExStore: ExStoreManager;

package/dist/src/support/stores/bootpay-store.d.ts

@@ -0,0 +1,7 @@
+export declare class BootpayStoreManager {
+    data: any;
+    constructor();
+    encryptKey(): string;
+    encrypt(data: object | string): string;
+    decrypt(data: string): any | string;
+}

package/dist/src/support/stores/ex-store.d.ts

@@ -0,0 +1 @@
+export declare const ExStore: ExStoreModel;

package/dist/src/support/stores/wallet-store.d.ts

@@ -0,0 +1,10 @@
+import { BootpayStoreManager } from './bootpay-store';
+import { RequestPaymentWalletModel } from '../../models/bootpay-wallet-interface';
+export declare class WalletStoreManager extends BootpayStoreManager {
+    data: RequestPaymentWalletModel;
+    constructor();
+    encryptKey(): string;
+    set(data: RequestPaymentWalletModel): void;
+    encryptParameters(): string;
+}
+export declare const WalletStore: WalletStoreManager;

package/dist/src/support/stores/widget-store.d.ts

@@ -0,0 +1,23 @@
+import { RequestBootpayWidgetModel, ResponseBootpayWidgetTermsModel, WidgetStoreData } from '../../models/bootpay-widget-interface';
+import { ExtraModel, RequestPaymentModel, RequestSubscriptionModel } from '../../models/bootpay-interface';
+import { BootpayStoreManager } from './bootpay-store';
+export declare class WidgetStoreManager extends BootpayStoreManager {
+    el: string | undefined;
+    data: any;
+    termsPassed: boolean;
+    widgetExtra: ExtraModel | undefined;
+    widgetType: number;
+    setWidgetData(element: string, data: RequestBootpayWidgetModel): void;
+    setPayment(pg: string | undefined, method: string | undefined, wallet_id: string | undefined, terms: boolean, select_terms: ResponseBootpayWidgetTermsModel[], extra: ExtraModel): void;
+    updateOnProcessing(data: WidgetStoreData): void;
+    encryptParameters(): string;
+    encryptKey(): string;
+    /**
+     * 결제 요청시 가져올 extra 값
+     * Comment by GOSOMI
+     * @date: 2024-08-19
+     */
+    getExtra(externalExtra?: ExtraModel | undefined): ExtraModel;
+    getRequestPaymentData(data?: RequestPaymentModel | RequestSubscriptionModel): RequestPaymentModel | RequestSubscriptionModel;
+}
+export declare const WidgetStore: WidgetStoreManager;

package/dist/src/support/template-manager.d.ts

@@ -2,7 +2,9 @@ import { BootpayManager } from "./bootpay-manager";
 export declare class TemplateManager extends BootpayManager {
     $windowId: string;
     $template: string;
+    $iFrameId: string;
     constructor();
+    defaultIframeHtml(): string;
     byId(id: string): HTMLElement | null;
     /**
      * Template body append
@@ -13,4 +15,16 @@ export declare class TemplateManager extends BootpayManager {
     bodyOpen(addClass?: string | undefined): void;
     bodyClose(): void;
     templateResize(el: string, resizeData: any): void;
+    /**
+     * render가 되었는지 체크한다
+     * Comment by GOSOMI
+     * @date: 2024-02-22
+     */
+    isRendered(): boolean;
+    /**
+     * child iframe에 PostMessage를 보낸다
+     * Comment by GOSOMI
+     * @date: 2023-06-15
+     */
+    postMessage(event: string, data?: any): void;
 }

package/dist/src/support/widget-store.d.ts

@@ -1,4 +1,4 @@
-import { ExternalBootpayWidgetTermsModel, RequestBootpayWidgetModel, ResponseBootpayWidgetTermsModel } from '../models/bootpay-widget-interface';
+import { RequestBootpayWidgetModel, ResponseBootpayWidgetTermsModel, WidgetStoreData } from '../models/bootpay-widget-interface';
 import { ExtraModel, RequestSubscriptionModel, WidgetExtraModel } from '../models/bootpay-interface';
 export interface WidgetStoreModel {
     el: string | undefined;
@@ -15,25 +15,4 @@ export interface WidgetStoreModel {
     getExtra(externalExtra: ExtraModel | undefined): ExtraModel;
     getRequestPaymentData(data: RequestBootpayWidgetModel | RequestSubscriptionModel): RequestBootpayWidgetModel | RequestSubscriptionModel;
 }
-export interface WidgetStoreData {
-    el?: string;
-    application_id?: string;
-    order_name?: string;
-    price?: number;
-    tax_free?: number;
-    deposit_price?: number;
-    currency?: string;
-    user_token?: string;
-    pg?: string;
-    method?: string;
-    wallet_id?: string;
-    use_only_oopay?: boolean;
-    use_bootpay_inapp_sdk?: boolean;
-    use_terms?: boolean;
-    sandbox?: boolean;
-    widget_key?: string;
-    widget_type?: number;
-    external_terms?: ExternalBootpayWidgetTermsModel[];
-    extra?: ExtraModel;
-}
 export declare const WidgetStore: WidgetStoreModel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bootpay/client-js",
-  "version": "5.0.3-beta.1",
+  "version": "5.0.3-rc.2",
   "main": "dist/index.es.js",
   "types": "dist/src/index.d.ts",
   "styles": "dist/index.css",

package/vite.config.ts

@@ -6,9 +6,8 @@ const path = require('path')
 
 export default defineConfig({
     build:     {
-        target: 'es6',
-        minify: 'terser',
-        lib:    {
+        minify:        'esbuild',
+        lib:           {
             entry:    path.resolve(__dirname, 'src/index.ts'),
             name:     'Bootpay',
             fileName: (format) => `index.${ format }.js`

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

@@ -1,246 +0,0 @@
-import { ResponseBootpayWidgetTermsModel } from './bootpay-widget-interface';
-interface RequestPaymentBaseModel {
-    ver?: string;
-    sdk?: boolean;
-    sdk_version?: string;
-    sdk_type?: number;
-    application_id?: string;
-    pg?: string;
-    method?: string | string[];
-    order_name: string;
-    price: number;
-    tax_free?: number;
-    deposit_price?: number;
-    platform_type?: number;
-    currency?: string;
-    uuid?: string;
-    sk?: string;
-    ti?: number;
-    tk?: string;
-    user_token?: string;
-    wallet_id?: string;
-    widget_key?: string;
-    commission_keys?: CommissionKeyModel;
-    redirect_url?: string;
-    metadata?: any;
-    user?: UserModel;
-    items?: ItemModel[];
-    extra?: ExtraModel;
-    env?: EnvironmentModel;
-    terms?: ResponseBootpayWidgetTermsModel[];
-    widget_sandbox?: boolean;
-    widget?: 1 | 0;
-    locale?: string;
-}
-/**
- * 결제 요청 모델
- * Comment by GOSOMI
- * @date: 2021-04-13
- */
-export interface RequestPaymentModel extends RequestPaymentBaseModel {
-    order_id: string;
-}
-export interface RequestPaymentUrlModel {
-    application_id?: string;
-    url?: string;
-}
-export interface RequestSubscriptionModel extends RequestPaymentBaseModel {
-    subscription_id: string;
-}
-export interface RequestAuthenticationModel {
-    ver?: string;
-    sdk?: boolean;
-    application_id: string;
-    authentication_id: string;
-    metadata?: any;
-    pg: string;
-    method?: string;
-    order_name: string;
-    redirect_url?: string;
-    platform_type?: number;
-    uuid?: string;
-    sk?: string;
-    ti?: number;
-    tk?: string;
-    user: UserModel;
-    extra: ExtraModel;
-}
-/**
- * User Model
- * Comment by GOSOMI
- * @date: 2021-04-13
- */
-export interface UserModel {
-    id?: string | undefined;
-    username?: string;
-    email?: string;
-    addr?: string;
-    phone?: string;
-}
-/**
- * Item Model
- * Comment by GOSOMI
- * @date: 2021-04-13
- */
-export interface ItemModel {
-    id: string;
-    code?: string;
-    name: string;
-    price: number;
-    img?: string;
-    qty: number;
-    cat1?: string;
-    cat2?: string;
-    cat3?: string;
-}
-export interface ItemAnalyticsModel {
-    cat1?: string;
-    cat2?: string;
-    cat3?: string;
-    img?: string;
-    name?: string;
-    id: string;
-    price: number;
-}
-export interface ItemAnalyticsLegacyModel {
-    cat1?: string;
-    cat2?: string;
-    cat3?: string;
-    item_img?: string;
-    item_name?: string;
-    unique: string;
-    price: number;
-}
-/**
- * 통계 일반 common model
- * Comment by GOSOMI
- * @date: 2022-03-02
- */
-export interface BootpayAnalyticsModel {
-    application_id?: string;
-    uuid?: string;
-    time?: number;
-    url?: string;
-    referer?: string;
-    sk?: string;
-    user_id?: string;
-    page_type?: string;
-    items?: Array<ItemAnalyticsModel> | Array<ItemAnalyticsLegacyModel>;
-}
-export interface BootpayAnalyticsBaseModel {
-    uuid: string;
-    time: number;
-}
-/**
- * 통계 User Model
- * Comment by GOSOMI
- * @date: 2022-03-02
- */
-export interface BootpayAnalyticsUserModel {
-    application_id?: string;
-    id: string;
-    username?: string;
-    birth?: string;
-    phone?: string;
-    email?: string;
-    gender?: string;
-    area?: string;
-}
-interface OpenTypeFilterModel {
-    browser: string;
-    open_type: 'iframe' | 'popup' | 'redirect';
-}
-/**
- * Extra Model
- * Comment by GOSOMI
- * @date: 2021-04-13
- */
-export interface ExtraModel {
-    open_type?: string;
-    browser_open_type?: Array<OpenTypeFilterModel>;
-    escrow?: boolean;
-    redirect_url?: string;
-    card_quota?: string | string[] | number[];
-    seller_name?: string;
-    delivery_day?: number;
-    locale?: string;
-    offer_period?: string;
-    display_cash_receipt?: boolean;
-    deposit_expiration?: string;
-    app_scheme?: string;
-    use_card_point?: boolean;
-    direct_card?: string;
-    use_order_id?: boolean;
-    separately_confirmed?: boolean;
-    confirm_message?: string;
-    display_success_result?: boolean;
-    display_error_result?: boolean;
-    test_deposit?: boolean;
-    ad_id?: string;
-    sim_operator?: string;
-    installer_package_name?: string;
-    timeout?: number;
-    common_event_webhook?: boolean;
-    first_subscription_comment?: string;
-    subscription_comment?: string;
-    subscribe_test_payment?: boolean;
-    enable_easy_payments?: Array<string>;
-    except_card_companies?: Array<string>;
-    enable_card_companies?: Array<string>;
-    direct_card_company?: string;
-    direct_card_quota?: string;
-    minimum_price_limit?: boolean;
-    confirm_grace_seconds?: number;
-    automatic_tax?: boolean;
-    dynamic_tax_rates?: number;
-    tax_rates?: number;
-    show_close_button?: boolean;
-    select_phone_carrier?: string;
-    phone_editable?: boolean;
-    age_limit?: number;
-    easy_payment_method?: 'card' | '카드' | 'point' | '포인트';
-    cash_receipt_type?: '소득공제' | '지출증빙';
-    identity_no?: string;
-    override_global_event?: boolean;
-    cash_receipt_not_published?: boolean;
-}
-export interface WidgetExtraModel extends Partial<ExtraModel> {
-    card_quota?: string | string[] | number[];
-    direct_card_company?: string;
-    direct_card_quota?: string;
-    hide_title?: boolean;
-    hide_divider_line?: boolean;
-}
-export interface ConfirmModel {
-    event: string;
-    receipt_id: string;
-    gateway_url: string;
-    data?: any;
-}
-export interface ErrorModel {
-    event: string;
-    pg_error_code?: string;
-    error_code: string;
-    message: string;
-}
-/**
- * 사용자 환경 설정 관련 environment
- * Comment by GOSOMI
- * @date: 2021-12-09
- */
-export interface EnvironmentModel {
-    width: number;
-    height: number;
-}
-export interface PopupDisplayResponseModel {
-    gatewayUrl: string;
-    receiptId: string;
-    name: string;
-    message?: string;
-    price: number;
-}
-export interface CommissionKeyModel {
-    commerce?: string;
-    marketer?: string;
-}
-export {};