@bootpay/client-js 5.2.0-beta.21 → 5.2.0-beta.22

package/dist/src/index.d.ts

@@ -1,12 +1,11 @@
 import { default as Bootpay, BootpayInterface } from './bootpay';
 import { default as BootpaySDK } from './bootpay-sdk';
 import { default as BootpayEnvironment } from './bootpay-environment';
-import { default as BootpayStore } from './bootpay-store';
 import { default as BootpayWidget, BootpayWidgetInterface } from './bootpay-widget';
 import { UserTokenTemplateManager } from './lib/template/user-token';
 import { BiometricDataModel, RequestPaymentWalletModel } from './types/bootpay-sdk-interface';
 
-export { Bootpay, BootpaySDK, BootpayEnvironment, BootpayWidget, BootpayStore };
+export { Bootpay, BootpaySDK, BootpayEnvironment, BootpayWidget };
 export default Bootpay;
 export * from './types/bootpay-interface';
 export * from './types/bootpay-widget-interface';
@@ -33,7 +32,6 @@ declare global {
         Bootpay: BootpayInterface;
         BootpayWidget: BootpayWidgetInterface;
         BootpaySDK: BootpaySdkInterface;
-        BootpayStore: BootpayStoreInterface;
         CustomEvent: any;
     }
 }

package/dist/src/lib/analytics.d.ts

@@ -1,5 +1,5 @@
-import { Resource } from '../support/resource';
-import { SessionStorageManager } from '../support/storage';
+import { Resource } from '../vendor/mixins/resource';
+import { SessionStorageManager } from '../vendor/mixins/storage';
 import { BootpayAnalyticsBaseModel, BootpayAnalyticsModel, BootpayAnalyticsUserModel, ItemAnalyticsLegacyModel, ItemAnalyticsModel } from '../types/bootpay-interface';
 
 export declare class BootpayAnalyticsManager extends Resource {

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

@@ -1,4 +1,4 @@
-import { BootpayManager } from '../support/bootpay-manager';
+import { BootpayManager } from '../vendor/mixins/bootpay-manager';
 import { ExternalBootpaySelectModel, PaymentParametersModel, RequestBootpayWidgetModel, ResponseBootpayWidgetTermsModel } from '../types/bootpay-widget-interface';
 import { ExtraModel, RequestPaymentModel, RequestSubscriptionModel } from '../types/bootpay-interface';
 

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

@@ -1,5 +1,5 @@
-import { BootpayManager } from '../support/bootpay-manager';
-import { SessionStorageManager } from '../support/storage';
+import { BootpayManager } from '../vendor/mixins/bootpay-manager';
+import { SessionStorageManager } from '../vendor/mixins/storage';
 import { ConfirmModel, EnvironmentModel, ErrorModel, ExtraModel, ItemModel, RequestAuthenticationModel, RequestPaymentModel, RequestPaymentUrlModel, RequestSubscriptionModel } from '../types/bootpay-interface';
 import { EventLoggerManager } from '../support/event-logger';
 

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

@@ -1,6 +1,6 @@
 import { ResponseBootpayWidgetTermsModel } from '../../../../types/bootpay-widget-interface';
 import { ExtraModel } from '../../../../types/bootpay-interface';
-import { BootpayWindowEvent } from '../../../../support/event';
+import { BootpayWindowEvent } from '../../../../vendor/mixins/event';
 
 export declare const WidgetWindowMessage: {
     $eventPrefix: string;

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

@@ -1,4 +1,4 @@
-import { BootpayWindowEvent } from '../../support/event';
+import { BootpayWindowEvent } from '../../vendor/mixins/event';
 import { BootpayPollingEvent } from './polling';
 
 interface PollingDataModel {
@@ -54,6 +54,42 @@ declare class BootpayPaymentEventManager extends BootpayWindowEvent {
      * @date: 2023-04-18
      */
     allClearEvent(): void;
+    /**
+     * 공통 에러/취소 처리 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private handleErrorOrCancel;
+    /**
+     * 공통 진행상태 업데이트 처리 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private handleProgressUpdate;
+    /**
+     * 공통 스타일 업데이트 처리 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private handleStyleUpdate;
+    /**
+     * 공통 표시상태 처리 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private handleVisibilityUpdate;
+    /**
+     * polling 응답 처리 헬퍼 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private handlePollingResponse;
+    /**
+     * polling 데이터 초기화 헬퍼 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private resetPollingData;
 }
 export declare const BootpayPaymentEvent: BootpayPaymentEventManager;
 export {};

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

@@ -1,4 +1,4 @@
-import { Resource } from '../../support/resource';
+import { Resource } from '../../vendor/mixins/resource';
 
 export declare class BootpayPollingEvent extends Resource {
     constructor();

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

@@ -1,7 +1,13 @@
-import { BootpayWindowEvent } from '../../support/event';
+import { BootpayWindowEvent } from '../../vendor/mixins/event';
 
 export declare class BootpayUserTokenEventManager extends BootpayWindowEvent {
     $messageEventName: string;
     constructor();
     bind(resolve: Function, reject: Function): void;
+    /**
+     * 공통 에러/취소 처리 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private handleErrorOrCancel;
 }

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

@@ -1,4 +1,4 @@
-import { BootpayWindowEvent } from '../../support/event';
+import { BootpayWindowEvent } from '../../vendor/mixins/event';
 
 declare class BootpayWidgetEventManager extends BootpayWindowEvent {
     constructor();

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

@@ -1,4 +1,4 @@
-import { TemplateManager } from '../../support/template-manager';
+import { TemplateManager } from '../../vendor/mixins/template-manager';
 import { WidgetStoreManager } from '../../support/stores/widget-store';
 
 declare class BrandpayTemplateManager extends TemplateManager {

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

@@ -1,5 +1,5 @@
-import { TemplateManager } from '../../support/template-manager';
-import { ConfirmModel, PopupDisplayResponseModel } from '../../types/bootpay-interface';
+import { TemplateManager } from '../../vendor/mixins/template-manager';
+import { ConfirmModel, PopupDisplayResponseModel, RequestPaymentUrlExtraModel } from '../../types/bootpay-interface';
 
 declare class TemplatePaymentManager extends TemplateManager {
     $template: string;
@@ -61,7 +61,7 @@ declare class TemplatePaymentManager extends TemplateManager {
      * Comment by GOSOMI
      * @date: 2023-04-13
      */
-    startPaymentUrl(url: string, mode?: string): Promise<ConfirmModel>;
+    startPaymentUrl(url: string, mode?: string, extra?: RequestPaymentUrlExtraModel): Promise<ConfirmModel>;
     /**
      * 팝업창을 띄우기 위한 준비
      * Comment by GOSOMI
@@ -141,6 +141,12 @@ declare class TemplatePaymentManager extends TemplateManager {
      * @date: 2023-07-17
      */
     windowStyle(styles: any): void;
+    /**
+     * 안전한 스타일 적용 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private safeApplyStyles;
     /**
      * 결제 iFrame창을 감춘다
      * Comment by GOSOMI
@@ -163,6 +169,24 @@ declare class TemplatePaymentManager extends TemplateManager {
      */
     moveToUrl(url: string): void;
     apiUrl(): any;
+    /**
+     * Form 설정 공통 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private setupForm;
+    /**
+     * URL용 Form 설정 공통 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private setupFormForUrl;
+    /**
+     * 공통 초기화 및 설정
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private initializePayment;
 }
 export declare const TemplatePayment: TemplatePaymentManager;
 export {};

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

@@ -1,6 +1,6 @@
-import { TemplateManager } from '../../support/template-manager';
+import { TemplateManager } from '../../vendor/mixins/template-manager';
 import { BootpayUserTokenEventManager } from '../event/user-token';
-import { SessionStorageManager } from '../../support/storage';
+import { SessionStorageManager } from '../../vendor/mixins/storage';
 import { BiometricDataModel, RequestPaymentWalletModel } from '../../types/bootpay-sdk-interface';
 import { RequestBootpayBrandpayLaunchManager } from '../../types/bootpay-widget-interface';
 
@@ -16,6 +16,12 @@ export declare class UserTokenTemplateManager extends TemplateManager {
     $popupInstanceWatcher: number;
     deviceType: number;
     constructor();
+    /**
+     * 공통 템플릿 초기화 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private initializeTemplate;
     /**
      * DeviceType을 지정한다
      * Comment by GOSOMI

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

@@ -1,4 +1,4 @@
-import { TemplateManager } from '../../support/template-manager';
+import { TemplateManager } from '../../vendor/mixins/template-manager';
 import { WidgetStoreManager } from '../../support/stores/widget-store';
 
 export declare class TemplateWidgetManager extends TemplateManager {

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

@@ -1,5 +1,5 @@
-import { Resource } from './resource';
-import { SessionStorageManager } from './storage';
+import { Resource } from '../vendor/mixins/resource';
+import { SessionStorageManager } from '../vendor/mixins/storage';
 
 interface EventDataModel {
     application_id?: string;

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

@@ -1,4 +1,4 @@
-import { BootpayEventHook } from '../hook';
+import { BootpayEventHook } from '../../vendor/mixins/hook';
 
 declare class BootpayWidgetHook extends BootpayEventHook {
     constructor(hooks?: {

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

@@ -1,8 +1,8 @@
 import { RequestBootpayWidgetModel, ResponseBootpayWidgetTermsModel, WidgetStoreData } from '../../types/bootpay-widget-interface';
 import { ExtraModel, RequestPaymentModel, RequestSubscriptionModel } from '../../types/bootpay-interface';
-import { BootpayStoreManager } from './bootpay-store';
+import { BootpayCommerceManager } from '../../vendor/mixins/bootpay-commerce';
 
-export declare class WidgetStoreManager extends BootpayStoreManager {
+export declare class WidgetStoreManager extends BootpayCommerceManager {
     el: string | undefined;
     data: any;
     termsPassed: boolean;
@@ -20,5 +20,23 @@ export declare class WidgetStoreManager extends BootpayStoreManager {
      */
     getExtra(externalExtra?: ExtraModel | undefined): ExtraModel;
     getRequestPaymentData(data?: RequestPaymentModel | RequestSubscriptionModel): RequestPaymentModel | RequestSubscriptionModel;
+    /**
+     * 숫자 타입 필드들을 업데이트하는 헬퍼 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private updateNumberFields;
+    /**
+     * 문자열 타입 필드들을 업데이트하는 헬퍼 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private updateStringFields;
+    /**
+     * undefined 체크가 필요한 필드들을 업데이트하는 헬퍼 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    private updateUndefinedCheckFields;
 }
 export declare const WidgetStore: WidgetStoreManager;

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

@@ -48,6 +48,11 @@ export interface RequestPaymentModel extends RequestPaymentBaseModel {
 export interface RequestPaymentUrlModel {
     application_id?: string
     url?: string
+    extra?: RequestPaymentUrlExtraModel
+}
+
+interface RequestPaymentUrlExtraModel {
+    popup_immediately?: boolean
 }
 
 export interface RequestSubscriptionModel extends RequestPaymentBaseModel {
@@ -296,17 +301,4 @@ 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/{support → vendor/components}/alfred-progress/index.d.ts

@@ -1,4 +1,4 @@
-import { TemplateManager } from '../template-manager';
+import { TemplateManager } from '../../mixins/template-manager';
 
 declare class AlfredProgressManager extends TemplateManager {
     $alfredId: string;

package/dist/src/{lib/template → vendor/components}/confirm-modal.d.ts

@@ -1,4 +1,4 @@
-import { TemplateManager } from '../../support/template-manager';
+import { TemplateManager } from '../mixins/template-manager';
 
 declare class ConfirmModalManager extends TemplateManager {
     $windowId: string;

package/dist/src/{lib/template → vendor/components}/modal.d.ts

@@ -1,4 +1,4 @@
-import { TemplateManager } from '../../support/template-manager';
+import { TemplateManager } from '../mixins/template-manager';
 
 declare class ModalTemplateManager extends TemplateManager {
     $windowId: string;

package/dist/src/{lib/event → vendor/components/slider}/hooks/slider/event.d.ts

@@ -1,5 +1,3 @@
-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/slider.d.ts → vendor/components/slider/index.d.ts}

@@ -1,4 +1,4 @@
-import { BootpayWindowEvent } from '../../support/event';
+import { BootpayWindowEvent } from '../../mixins/event';
 
 declare class BootpaySliderEventManager extends BootpayWindowEvent {
     constructor();

package/dist/src/{lib → vendor/components/slider}/template/slider.d.ts

@@ -1,5 +1,4 @@
-import { TemplateManager } from '../../support/template-manager';
-import { BootpaySliderOption, BootpaySliderSelectOption } from '../../types/bootpay-interface';
+import { TemplateManager } from '../../../mixins/template-manager';
 
 declare class SliderTemplateManager extends TemplateManager {
     $windowId: string;

package/dist/src/{support/stores/bootpay-store.d.ts → vendor/mixins/bootpay-commerce.d.ts}

@@ -1,4 +1,4 @@
-export declare class BootpayStoreManager {
+export declare class BootpayCommerceManager {
     data: any;
     hooks: {
         [key: string]: Function;

package/dist/src/vendor/mixins/ex-commerce.d.ts

@@ -0,0 +1,13 @@
+import { BootpayCommerceManager } from './bootpay-commerce';
+
+export declare class ExCommerceManager extends BootpayCommerceManager {
+    data: any | undefined;
+    el: string | undefined;
+    path: string | undefined;
+    constructor();
+    setExData(el: string, data: RequestExModel): void;
+    encryptParameters(): string;
+    encryptKey(): string;
+    currentBootpayCommerceParameters(): string;
+}
+export declare const ExCommerce: ExCommerceManager;

package/dist/src/{support → vendor/mixins}/session.d.ts

@@ -1,6 +1,6 @@
 import { default as CryptoJS } from 'crypto-js';
 
-export declare class BootpaySessionStoreManager {
+export declare class BootpaySessionCommerceManager {
     sessionStorage: any;
     constructor();
     get privateKey(): CryptoJS.lib.WordArray;
@@ -13,4 +13,4 @@ export declare class BootpaySessionStoreManager {
     setEncrypt(key: string, value: any): void;
     setItem(key: string, subKey: string, value: any): void;
 }
-export declare const BootpaySessionStorage: BootpaySessionStoreManager;
+export declare const BootpaySessionStorage: BootpaySessionCommerceManager;

package/dist/src/{support → vendor/mixins}/template-manager.d.ts

@@ -21,6 +21,12 @@ export declare class TemplateManager extends BootpayManager {
     bodyOpen(addClass?: string | undefined, openSkip?: boolean): void;
     bodyClose(): void;
     templateResize(el: string, resizeData: any): void;
+    /**
+     * 엘리먼트에 스타일을 적용하는 공통 메서드
+     * Comment by GOSOMI
+     * @date: 2024-01-01
+     */
+    protected applyStylesToElement(element: HTMLElement, styles: any): void;
     /**
      * render가 되었는지 체크한다
      * Comment by GOSOMI

package/dist/src/vendor/types/slider-interface.d.ts

@@ -0,0 +1,12 @@
+interface BootpaySliderSelectOption {
+    key: string
+    name: string
+    hook?: Function
+    class?: string
+}
+
+interface BootpaySliderOption {
+    title?: string
+    responseEvent: string
+    sliders: BootpaySliderSelectOption[]
+}

package/package.json

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

package/tsconfig.json

@@ -19,6 +19,14 @@
     "strict": false,
     "rootDir": "./",
     "baseUrl": "./src/",
+    "paths": {
+      "~/*": [
+        "./*"
+      ],
+      "~": [
+        "./"
+      ]
+    },
     "typeRoots": [
       "../node_modules/@types",
       "../src/types"

package/vite.config.ts

@@ -1,4 +1,5 @@
 import { defineConfig } from 'vite'
+import { resolve } from 'path'
 import dts from 'vite-plugin-dts'
 import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
 import path from 'path'
@@ -20,6 +21,11 @@ export default defineConfig({
     root:      './',
     publicDir: '_public',
     resolve:   {
-        extensions: ['.css', '.sass', '.scss', '.ts', '.js', '.d.ts']
+        extensions: ['.css', '.sass', '.scss', '.ts', '.js', '.d.ts'],
+        alias:      {
+            '~': resolve(__dirname, 'src'),
+            // 또는 프로젝트 루트를 원한다면
+            // '~': resolve(__dirname, '.'),
+        }
     }
 })

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

@@ -1,7 +0,0 @@
-declare global {
-    interface Window {
-        BootpayStore: BootpayStoreInterface;
-    }
-}
-declare const BootpayStore: BootpayStoreInterface;
-export default BootpayStore;

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

@@ -1,10 +0,0 @@
-import { BootpayManager } from '../support/bootpay-manager';
-
-export declare class BootpayStoreWindowManager extends BootpayManager {
-    constructor();
-    initialize(): void;
-    render(el: string, data: RequestExModel): void;
-    hideAlert(eventName?: string): void;
-    sendEvent(eventName: string, data: any): void;
-}
-export declare const BootpayStoreWindow: BootpayStoreWindowManager;

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

@@ -1,7 +0,0 @@
-export declare const StoreWindowRouter: {
-    parameterPrefix: string;
-    updateParameters({ parameters, replace }: {
-        parameters: any;
-        replace: any;
-    }): void;
-};

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

@@ -1,22 +0,0 @@
-export declare const StoreWindowEvent: {
-    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;
-    hookOnReady(data?: any): void;
-};

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

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

package/dist/src/lib/hooks/store.d.ts

@@ -1,5 +0,0 @@
-export declare const StoreHooks: {
-    hooks: {};
-    setHooks(hooks: any): void;
-    callHook(name: string, data: any): void;
-};

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

@@ -1,35 +0,0 @@
-import { TemplateManager } from '../../support/template-manager';
-import { ExStoreManager } from '../../support/ex-store';
-
-declare class TemplateStoreManager extends TemplateManager {
-    $template: string;
-    $iFrameId: string;
-    $iFrameContainerId: string;
-    $exOverlayId: string;
-    $exOverlayContainerId: string;
-    $exStore: ExStoreManager;
-    constructor();
-    render(): void;
-    templateRender(): void;
-    resize(resizeData: any): void;
-    postMessage(event: string, data: any): void;
-    showAlert(message: string, title?: string, options?: {
-        type: string;
-        confirmText: string;
-        cancelText: string;
-    }): void;
-    hideAlert(eventName?: string): void;
-    showOverlayiFrameToUrl(url: string, options?: {
-        width: string;
-        height: string;
-    }): void;
-    hideOverlayiFrame(): void;
-    alertTypeTemplate(options?: {
-        type: string;
-        confirmText: string;
-        cancelText: string;
-    }): string;
-    shopUrl(): string;
-}
-export declare const TemplateStore: TemplateStoreManager;
-export {};

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

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

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

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

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

@@ -1,53 +0,0 @@
-interface BootpayStoreInterface {
-    render(el: string, data: RequestExModel): void
-
-    setEnvironmentMode(env: 'development' | 'stage' | 'production'): void
-
-    hideAlert(eventName: string): void
-
-    sendEvent(eventName: string, data: any): void
-}
-
-interface RequestExModel {
-    client_key: string
-    categories?: string[]
-    extra?: RequestExExtraModel
-    hooks?: {
-        onReady?: () => void
-    }
-}
-
-interface ExStoreModel {
-    el: string | undefined
-    data: RequestExModel | undefined
-    path: string | undefined
-
-    encryptKey(): string
-
-    setExData(el: string, data: RequestExModel): void
-
-    encryptParameters(): string
-
-    encrypt(data: object | string): string
-
-    decrypt(data: string): any | string
-
-    currentBootpayStoreParameters(): string
-}
-
-interface ExResizeData {
-    width: string | number
-    height: string | number
-}
-
-interface RequestExExtraModel {
-    window?: {
-        width?: string | number
-        height?: string | number
-        resizable?: boolean
-        fullscreen?: boolean
-    }
-    frame_style?: {
-        background_color?: string
-    }
-}