@bootpay/client-js 5.2.0-beta.15 → 5.2.0-beta.17

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

@@ -1,4 +1,4 @@
-import { ExternalBootpaySelectModel, PaymentParametersModel, RequestBootpayWidgetModel, ResponseBootpayWidgetTermsModel } from './types/bootpay-widget-interface';
+import { ExternalBootpaySelectModel, PaymentParametersModel, RequestBootpayBrandpayLaunchManager, RequestBootpayWidgetModel, ResponseBootpayWidgetTermsModel } from './types/bootpay-widget-interface';
 import { RequestPaymentModel, RequestSubscriptionModel } from './types/bootpay-interface';
 
 export interface BootpayWidgetInterface {
@@ -7,6 +7,7 @@ export interface BootpayWidgetInterface {
     setEnvironmentMode(env: 'development' | 'stage' | 'production', hostname: string | undefined | null): void;
     requestPayment(data: RequestPaymentModel): Promise<any>;
     requestSubscription(data: RequestSubscriptionModel): Promise<any>;
+    launchBrandpayManager(data: RequestBootpayBrandpayLaunchManager): void;
     update(data: RequestBootpayWidgetModel, rendering?: boolean): void;
     errorHandler(e: any): any;
     currentTermsCondition(): ResponseBootpayWidgetTermsModel[];

package/dist/src/lib/event/hooks/slider/event.d.ts

@@ -0,0 +1,6 @@
+import { BootpaySliderOption } from '../../../../types/bootpay-interface';
+
+export declare const StoreSliderEvent: {
+    showSliderSelect(sliderOptions: BootpaySliderOption): void;
+    selectSliderSelect(sliderKey: string, eventName?: string): void;
+};

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

@@ -39,6 +39,12 @@ export declare const WidgetWindowMessage: {
     bootpayWidgetPreferenceWindow(data: {
         popup: boolean;
     }): void;
+    brandpayManagerWindowReady: (data: any) => void;
+    brandpayExternalPassword: (data: {
+        popup: boolean;
+        url: string;
+    }) => void;
+    externalPasswordResponse: (data: any) => void;
 };
 export interface SelectPaymentEventData {
     pg?: string;

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

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

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

@@ -1,22 +1,31 @@
 import { TemplateManager } from '../../support/template-manager';
-import { WidgetStoreModel } from '../../support/widget-store';
+import { WidgetStoreManager } from '../../support/stores/widget-store';
 
 declare class BrandpayTemplateManager extends TemplateManager {
     $brandpayWindowId: string;
     $iFrameId: string;
     $template: string;
     $windowId: string;
-    $widgetStore: WidgetStoreModel;
+    $widgetStore: WidgetStoreManager;
     $additionalClass: string;
-    constructor();
-    template(): string;
+    constructor(options?: {
+        isBackground: boolean;
+    });
+    template({ isBackground }: {
+        isBackground: any;
+    }): string;
     createIFrame(url: string): void;
+    templateRender(url: string): void;
     addWallet(url: string): void;
     removeWallet(walletId: string): void;
     showCardInterestInformation(data: any): void;
     brandpayPreference(data: {
         popup: boolean;
     }): void;
+    externalPassword({ popup, url }: {
+        popup: boolean;
+        url: string;
+    }): void;
     destroy(): void;
     resize(resizeData: any): void;
     postMessage(event: string, data?: any): void;

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

@@ -0,0 +1,21 @@
+import { TemplateManager } from '../../support/template-manager';
+import { BootpaySliderOption, BootpaySliderSelectOption } from '../../types/bootpay-interface';
+
+declare class SliderTemplateManager extends TemplateManager {
+    $windowId: string;
+    $template: string;
+    $modalWindowId: string;
+    $additionalClass: string;
+    $title: string;
+    $options: BootpaySliderOption | undefined;
+    constructor();
+    template(sliders: BootpaySliderSelectOption[]): string;
+    sliderButtonTemplate(sliders: BootpaySliderSelectOption[]): string;
+    sliderButtonId(key: string): string;
+    show(event: any, options: BootpaySliderOption): void;
+    sliderButtonClickHook(event: any): void;
+    sliderButtonClickHookDestroy(): void;
+    destroy(): void;
+}
+export declare const SliderTemplate: SliderTemplateManager;
+export {};

package/dist/src/lib/template/user-token.d.ts

@@ -2,6 +2,7 @@ import { TemplateManager } from '../../support/template-manager';
 import { BootpayUserTokenEventManager } from '../event/user-token';
 import { SessionStorageManager } from '../../support/storage';
 import { BiometricDataModel, RequestPaymentWalletModel } from '../../types/bootpay-sdk-interface';
+import { RequestBootpayBrandpayLaunchManager } from '../../types/bootpay-widget-interface';
 
 export declare class UserTokenTemplateManager extends TemplateManager {
     $session: SessionStorageManager;
@@ -11,6 +12,8 @@ export declare class UserTokenTemplateManager extends TemplateManager {
     $userWindowId: string;
     $bootpaySdkFormId: string;
     $event: BootpayUserTokenEventManager;
+    $popupInstance: Window | null;
+    $popupInstanceWatcher: number;
     deviceType: number;
     constructor();
     /**
@@ -68,6 +71,12 @@ export declare class UserTokenTemplateManager extends TemplateManager {
      * @date: 2022-02-25
      */
     requestWalletPayment(data: RequestPaymentWalletModel): Promise<unknown>;
+    /**
+     * Brandpay Manager를 실행한다
+     * Comment by GOSOMI
+     * @date: 2022-02-16
+     */
+    launchBrandpayManager(data: RequestBootpayBrandpayLaunchManager): void;
     /**
      * iFrame src로 이동
      * Comment by GOSOMI

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

@@ -1,10 +1,10 @@
 import { TemplateManager } from '../../support/template-manager';
-import { WidgetStoreModel } from '../../support/widget-store';
+import { WidgetStoreManager } from '../../support/stores/widget-store';
 
-declare class TemplateWidgetManager extends TemplateManager {
+export declare class TemplateWidgetManager extends TemplateManager {
     $iFrameId: string;
     $template: string;
-    $widgetStore: WidgetStoreModel;
+    $widgetStore: WidgetStoreManager;
     constructor();
     /**
      * 첫 Rendering을 진행한다
@@ -17,7 +17,7 @@ declare class TemplateWidgetManager extends TemplateManager {
      * Comment by GOSOMI
      * @date: 2023-06-15
      */
-    templateRender(): void;
+    templateRender(url: string): void;
     resize(resizeData: any): void;
     /**
      * widget을 재 렌더링한다
@@ -33,4 +33,3 @@ declare class TemplateWidgetManager extends TemplateManager {
     destroy(): void;
 }
 export declare const TemplateWidget: TemplateWidgetManager;
-export {};

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

@@ -43,6 +43,7 @@ export declare class BootpayWindowEvent extends BootpayManager {
     $eventHooks: {
         [hookName: string]: any;
     };
+    $childInstance: any;
     constructor(options?: {
         messageEventName: string;
         messageEventHooks: {
@@ -50,6 +51,7 @@ export declare class BootpayWindowEvent extends BootpayManager {
         };
         afterBind?: Function;
     });
+    setChildInstance(childInstance: any): void;
     bind(resolve?: Function, reject?: Function): void;
     hookFunction(hook: string): any;
     reject(data: any): void;

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

@@ -0,0 +1,12 @@
+export declare class BootpayEventHook {
+    hooks: {
+        [key: string]: Function;
+    };
+    constructor(hooks?: {
+        [key: string]: any;
+    });
+    setHooks(hooks: {
+        [key: string]: any;
+    }): void;
+    callHook(event: string, ...args: any[]): void;
+}

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

@@ -0,0 +1,9 @@
+import { BootpayEventHook } from '../hook';
+
+declare class BootpayWidgetHook extends BootpayEventHook {
+    constructor(hooks?: {
+        [key: string]: Function;
+    });
+}
+export declare const WidgetHooks: BootpayWidgetHook;
+export {};

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

@@ -1,7 +1,11 @@
 export declare class BootpayStoreManager {
     data: any;
+    hooks: {
+        [key: string]: Function;
+    };
     constructor();
     encryptKey(): string;
     encrypt(data: object | string): string;
     decrypt(data: string): any | string;
+    callHook(name: string, ...args: any[]): any;
 }

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

@@ -4,7 +4,7 @@ import { BootpayStoreManager } from './bootpay-store';
 
 export declare class WidgetStoreManager extends BootpayStoreManager {
     el: string | undefined;
-    data: any;
+    data: RequestBootpayWidgetModel;
     termsPassed: boolean;
     widgetExtra: ExtraModel | undefined;
     widgetType: number;

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

@@ -296,4 +296,17 @@ export interface PopupDisplayResponseModel {
 export interface CommissionKeyModel {
     commerce?: string
     marketer?: string
+}
+
+export interface BootpaySliderOption {
+    title?: string
+    responseEvent: string
+    sliders: BootpaySliderSelectOption[]
+}
+
+export interface BootpaySliderSelectOption {
+    key: string
+    name: string
+    hook?: Function
+    class?: string
 }

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

@@ -10,6 +10,7 @@ export interface RequestBootpayWidgetModel extends Partial<RequestPaymentModel>
     sandbox?: boolean
     use_bootpay_inapp_sdk?: boolean
     external_terms?: ExternalBootpayWidgetTermsModel[]
+    use_popup?: boolean
     extra?: WidgetExtraModel
     hooks?: WidgetHookFunction
 }
@@ -73,6 +74,8 @@ export interface WidgetHookFunction {
     paymentMethodUpdated?: (data: any) => void
     termsConsentUpdated?: (data: any) => void
     brandpayWalletUpdated?: (data: WidgetBrandpayWalletModel[]) => void
+    brandpayManagerWindowClosed?: () => void
+    brandpayManagerWindowReady?: (data: any) => void
 }
 
 export interface WidgetBrandpayUpdateModel {
@@ -104,4 +107,15 @@ export interface WidgetBrandpayWalletModel {
         card_no?: string
         card_type?: number
     }
+}
+
+export interface RequestBootpayBrandpayLaunchManager {
+    application_id: string
+    widget_key: string
+    user_token: string
+    el?: string
+    sandbox?: boolean
+    use_popup?: boolean
+    subscribe_brandpay_type?: 'select' | 'sequential' | null | undefined
+    hooks?: WidgetHookFunction
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bootpay/client-js",
-  "version": "5.2.0-beta.15",
+  "version": "5.2.0-beta.17",
   "main": "dist/index.mjs",
   "exports": {
     ".": {

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

@@ -1,21 +0,0 @@
-import { RequestBootpayWidgetModel, ResponseBootpayWidgetTermsModel, WidgetHookFunction, WidgetStoreData } from '../types/bootpay-widget-interface';
-import { ExtraModel, RequestSubscriptionModel, WidgetExtraModel } from '../types/bootpay-interface';
-
-export interface WidgetStoreModel {
-    el: string | undefined;
-    data?: RequestBootpayWidgetModel;
-    termsPassed: boolean;
-    widgetType: number;
-    widgetExtra: WidgetExtraModel | undefined;
-    hooks: WidgetHookFunction;
-    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;
-    encrypt(data: object | string): string;
-    decrypt(data: string): any | string;
-    getExtra(externalExtra: ExtraModel | undefined): ExtraModel;
-    getRequestPaymentData(data: RequestBootpayWidgetModel | RequestSubscriptionModel): RequestBootpayWidgetModel | RequestSubscriptionModel;
-    callHook(name: string, data: any): void;
-}
-export declare const WidgetStore: WidgetStoreModel;