@bootpay/client-js 4.3.0 → 4.3.2

package/bootpay.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

package/index.d.ts

@@ -1,5 +1,6 @@
 export default Bootpay;
-import Bootpay from "./bootpay";
-import BootpaySDK from "./bootpay-sdk";
+import Bootpay from './bootpay';
+import BootpaySDK from './bootpay-sdk';
 import BootpayEnvironment from "./bootpay-environment";
-export { Bootpay, BootpaySDK, BootpayEnvironment };
+import BootpayWidget from './bootpay-widget';
+export { Bootpay, BootpaySDK, BootpayEnvironment, BootpayWidget };

package/index.js

@@ -1,7 +1,8 @@
 import Bootpay from './bootpay'
 import BootpaySDK from './bootpay-sdk'
 import BootpayEnvironment from "./bootpay-environment"
+import BootpayWidget from './bootpay-widget'
 
-export { Bootpay, BootpaySDK, BootpayEnvironment }
+export { Bootpay, BootpaySDK, BootpayEnvironment, BootpayWidget }
 
 export default Bootpay

package/lib/bootpay-widget.d.ts

@@ -0,0 +1,112 @@
+import { BootpayManager } from '../support/bootpay-manager';
+import { RequestBootpayWidgetModel } from '../models/bootpay-widget-interface';
+import { RequestPaymentModel } from '../models/bootpay-interface';
+export declare class BootpayWidgetWindowManager extends BootpayManager {
+    message: {
+        startProgress: {
+            PAYMENT: {
+                ko: string;
+                en: string;
+            };
+            CARD_SUBSCRIPTION: {
+                ko: string;
+                en: string;
+            };
+            AUTH: {
+                ko: string;
+                en: string;
+            };
+        };
+        popupLocaleMessage: {
+            message: {
+                ko: string;
+                en: string;
+            };
+            button: {
+                ko: string;
+                en: string;
+            };
+        };
+        popupMessage: {
+            message: {
+                PAYMENT: {
+                    ko: string;
+                    en: string;
+                };
+                CARD_SUBSCRIPTION: {
+                    ko: string;
+                    en: string;
+                };
+                AUTH: {
+                    ko: string;
+                    en: string;
+                };
+            };
+            button: {
+                PAYMENT: {
+                    ko: string;
+                    en: string;
+                };
+                CARD_SUBSCRIPTION: {
+                    ko: string;
+                    en: string;
+                };
+                AUTH: {
+                    ko: string;
+                    en: string;
+                };
+            };
+        };
+        closeMessage: {
+            PAYMENT: {
+                ko: string;
+                en: string;
+            };
+            CARD_SUBSCRIPTION: {
+                ko: string;
+                en: string;
+            };
+            AUTH: {
+                ko: string;
+                en: string;
+            };
+        };
+        confirmNotYet: {
+            PAYMENT: {
+                ko: string;
+                en: string;
+            };
+            CARD_SUBSCRIPTION: {
+                ko: string;
+                en: string;
+            };
+            AUTH: {
+                ko: string;
+                en: string;
+            };
+        };
+        notSelectPayment: {
+            ko: string;
+            en: string;
+        };
+        termsNotAgree: {
+            ko: string;
+            en: string;
+        };
+        getLocaleMessage: (key: string, locale: string) => any;
+    };
+    constructor();
+    initialize(): void;
+    render(el: string, data: RequestBootpayWidgetModel): void;
+    update(data: RequestBootpayWidgetModel): void;
+    rerender(): void;
+    destroy(): void;
+    selectPayment(pg: string | undefined, method: string | undefined, wallet_id: string | undefined, terms?: boolean): void;
+    /**
+     * 부트페이 결제 요청을 한다
+     * Comment by GOSOMI
+     * @date: 2023-06-21
+     */
+    requestPayment(data: RequestPaymentModel): Promise<any>;
+}
+export declare const BootpayWidgetWindow: BootpayWidgetWindowManager;

package/lib/event/payment.d.ts

@@ -51,6 +51,12 @@ declare class BootpayPaymentEventManager extends BootpayWindowEvent {
      * @date: 2021-12-29
      */
     clearPollingEvent(): void;
+    /**
+     * PostMessage bind 이벤트 모두 삭제하기
+     * Comment by GOSOMI
+     * @date: 2023-04-18
+     */
+    allClearEvent(): void;
 }
 export declare const BootpayPaymentEvent: BootpayPaymentEventManager;
 export {};

package/lib/event/widget.d.ts

@@ -0,0 +1,19 @@
+import { BootpayWindowEvent } from '../../support/event';
+declare class BootpayWidgetEventManager extends BootpayWindowEvent {
+    $messageEventName: string;
+    constructor();
+    /**
+     * Widget 창과 통신하기 위한 이벤트 처리
+     * Comment by GOSOMI
+     * @date: 2023-06-15
+     */
+    bind(): void;
+    /**
+     * 관련된 모든 이벤트를 삭제
+     * Comment by GOSOMI
+     * @date: 2023-06-15
+     */
+    destroyAllEvent(): void;
+}
+export declare const BootpayWidgetEvent: BootpayWidgetEventManager;
+export {};

package/lib/locale/message.d.ts

@@ -81,5 +81,13 @@ export declare const BootpayMessage: {
             en: string;
         };
     };
+    notSelectPayment: {
+        ko: string;
+        en: string;
+    };
+    termsNotAgree: {
+        ko: string;
+        en: string;
+    };
     getLocaleMessage: (key: string, locale: string) => any;
 };

package/lib/template/card-easy.d.ts

@@ -0,0 +1,18 @@
+import { TemplateManager } from '../../support/template-manager';
+import { WidgetStoreModel } from '../../support/widget-store';
+import '../../stylesheets/common.sass';
+declare class CardEasyTemplateManager extends TemplateManager {
+    $cardEasyWindowId: string;
+    $iFrameId: string;
+    $template: string;
+    $windowId: string;
+    $widgetStore: WidgetStoreModel;
+    $additionalClass: string;
+    constructor();
+    template(): string;
+    addCardWallet(): void;
+    destroy(): void;
+    resize(resizeData: any): void;
+}
+export declare const CardEasyTemplate: CardEasyTemplateManager;
+export {};

package/lib/template/payment.d.ts

@@ -132,6 +132,12 @@ declare class TemplatePaymentManager extends TemplateManager {
      * @date: 2022-09-30
      */
     iFrameSetStyle(styles: any): void;
+    /**
+     * Window Style 정리
+     * Comment by GOSOMI
+     * @date: 2023-07-17
+     */
+    windowStyle(styles: any): void;
     /**
      * 결제 iFrame창을 감춘다
      * Comment by GOSOMI

package/lib/template/widget.d.ts

@@ -0,0 +1,41 @@
+import { TemplateManager } from '../../support/template-manager';
+import { WidgetStoreModel } from '../../support/widget-store';
+declare class TemplateWidgetManager extends TemplateManager {
+    $template: string;
+    $iFrameId: string;
+    $widgetStore: WidgetStoreModel;
+    constructor();
+    /**
+     * 첫 Rendering을 진행한다
+     * Comment by GOSOMI
+     * @date: 2023-06-15
+     */
+    render(): void;
+    /**
+     * 렌더링 공통 함수
+     * Comment by GOSOMI
+     * @date: 2023-06-15
+     */
+    templateRender(): void;
+    resize(resizeData: any): void;
+    /**
+     * widget을 재 렌더링한다
+     * Comment by GOSOMI
+     * @date: 2023-06-15
+     */
+    rerender(): void;
+    /**
+     * 창을 삭제한다
+     * Comment by GOSOMI
+     * @date: 2023-06-15
+     */
+    destroy(): void;
+    /**
+     * child iframe에 PostMessage를 보낸다
+     * Comment by GOSOMI
+     * @date: 2023-06-15
+     */
+    postMessage(event: string, data?: any): void;
+}
+export declare const TemplateWidget: TemplateWidgetManager;
+export {};

package/models/bootpay-interface.d.ts

@@ -15,12 +15,14 @@ export interface RequestPaymentModel {
     price: number;
     tax_free?: number;
     platform_type?: number;
+    currency?: string;
     order_id: string;
     uuid?: string;
     sk?: string;
     ti?: number;
     tk?: string;
     user_token?: string;
+    wallet_id?: string;
     metadata?: any;
     user?: UserModel;
     items?: Array<ItemModel>;

package/models/bootpay-widget-interface.d.ts

@@ -0,0 +1,8 @@
+export interface RequestBootpayWidgetModel {
+    application_id?: string;
+    price: number;
+    tax_free?: number;
+    currency?: string;
+    user_token?: string;
+    use_only_oopay?: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bootpay/client-js",
-  "version": "4.3.0",
+  "version": "4.3.2",
   "main": "index.js",
   "types": "index.d.ts",
   "scripts": {
@@ -9,31 +9,33 @@
     "deploy": "NODE_ENV=production ./node_modules/.bin/webpack --output-path=./dist --mode=production && gzip -kf dist/*.min.js && ./webview.sh $npm_package_version"
   },
   "dependencies": {
-    "typescript": "^4.9.4"
+    "typescript": "^5.1.6"
   },
   "devDependencies": {
-    "@webpack-cli/serve": "^1.6.1",
-    "webpack-dev-server": "^4.7.4",
-    "webpack": "^5.69.1",
-    "webpack-cli": "^4.9.2",
+    "@types/ws": "^8.5.5",
+    "@types/node": "^18.15.3",
+    "@webpack-cli/serve": "^2.0.5",
+    "webpack-dev-server": "^4.15.1",
+    "webpack": "^5.87.0",
+    "webpack-cli": "^5.1.4",
     "axios": "^0.27.2",
-    "crypto-js": "^3.3.0",
-    "@types/crypto-js": "^4.0.1",
-    "@types/axios": "^0.14.0",
-    "@babel/core": "^7.13.15",
-    "@babel/plugin-transform-regenerator": "^7.18.6",
-    "@babel/plugin-transform-runtime": "^7.18.10",
-    "@babel/plugin-transform-object-assign": "^7.18.6",
-    "@babel/preset-env": "^7.18.10",
-    "@babel/preset-typescript": "^7.18.6",
-    "@babel/runtime-corejs3": "^7.18.9",
-    "@babel/plugin-transform-classes": "^7.18.9",
-    "core-js": "^3.10.0",
-    "babel-loader": "^8.2.3",
-    "css-loader": "^6.6.0",
-    "sass": "^1.49.9",
-    "sass-loader": "^12.6.0",
-    "style-loader": "^3.3.1"
+    "crypto-js": "^4.1.1",
+    "@types/crypto-js": "^4.1.1",
+    "@babel/core": "^7.22.5",
+    "@babel/plugin-transform-regenerator": "^7.22.5",
+    "@babel/plugin-transform-runtime": "^7.22.5",
+    "@babel/plugin-transform-object-assign": "^7.22.5",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/preset-env": "^7.22.5",
+    "@babel/preset-typescript": "^7.22.5",
+    "@babel/runtime-corejs3": "^7.22.5",
+    "@babel/plugin-transform-classes": "^7.22.5",
+    "core-js": "^3.31.0",
+    "babel-loader": "^9.1.2",
+    "css-loader": "^6.8.1",
+    "sass": "^1.63.4",
+    "sass-loader": "^13.3.2",
+    "style-loader": "^3.3.3"
   },
   "resolutions": {
     "@webpack-cli/serve": "^1.3.1"

package/support/environment.d.ts

@@ -25,6 +25,7 @@ export interface EnvironmentInterface {
     API_URL: EnvironmentMode;
     ANALYTICS_URL: EnvironmentMode;
     DOOR_URL: EnvironmentMode;
+    WIDGET_URL: EnvironmentMode;
     sdkNames: SdkNameInterface;
     sdkVersion: string;
     sdkName: number;
@@ -36,6 +37,7 @@ export interface EnvironmentInterface {
     setVersion(version: string, name: SdkKeyType): void;
     toApi(uri: string): string;
     toDoor(uri: string): string;
+    toWidget(uri: string): string;
     isMobile(): boolean;
     isMobileSafari(): any;
     toAnalytics(uri: string): string;

package/support/template-manager.d.ts

@@ -10,4 +10,5 @@ export declare class TemplateManager extends BootpayManager {
      * @date: 2022-02-16
      */
     createTemplateHtml(): void;
+    templateResize(el: string, resizeData: any): void;
 }

package/support/widget-store.d.ts

@@ -0,0 +1,29 @@
+export interface WidgetStoreModel {
+    el: string | undefined;
+    applicationId: string | undefined;
+    price: number;
+    taxFree: number | undefined;
+    currency: string | undefined;
+    userToken: string | undefined;
+    pg: string | undefined;
+    method: string | undefined;
+    walletId?: string;
+    useOnlyOOpay: boolean;
+    termsPassed: boolean;
+    setWidgetData(data: WidgetStoreData): void;
+    setPayment(pg: string | undefined, method: string | undefined, wallet_id: string | undefined, terms: boolean): void;
+    updateOnProcessing(data: WidgetStoreData): void;
+}
+export interface WidgetStoreData {
+    el?: string;
+    application_id?: string;
+    price?: number;
+    tax_free?: number;
+    currency?: string;
+    user_token?: string;
+    pg?: string;
+    method?: string;
+    wallet_id?: string;
+    use_only_oopay?: boolean;
+}
+export declare const WidgetStore: WidgetStoreModel;