react-native-bootpay-api 1.5.2 → 4.0.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bootpay-api",
-  "version": "1.5.2",
+  "version": "4.0.0-beta.2",
   "description": "React Native를 위한 bootpay 라이브러리 입니다.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/BootpayWebView.js

@@ -6,6 +6,8 @@ import WebView  from 'react-native-webview-bootpay';
 import UserInfo from './UserInfo'
 
 export class BootpayWebView extends Component {
+ 
+
     webView = useRef<WebView>(null); 
 
     
@@ -79,7 +81,7 @@ export class BootpayWebView extends Component {
                     useWebKit={true}
                     originWhitelist={['*']}
                     source={{
-                        uri: 'https://inapp.bootpay.co.kr/3.3.3/production.html'
+                        uri: 'https://webview.bootpay.co.kr/4.0.0/'
                     }}
                     onRequestClose={()=> {
                         console.log('onRequestClose');
@@ -97,39 +99,42 @@ export class BootpayWebView extends Component {
         </Modal>
     }
 
-    request = async (payload, items, user, extra) => {        
+    requestPayment = async (payload, items, user, extra) => {        
+        this.bootpayRequest(payload, items, user, extra, "requestPayment");
+    }
+
+    requestSubscription = async (payload, items, user, extra) => {        
+        this.bootpayRequest(payload, items, user, extra, "requestSubscription");
+    }
+
+    requestAuthentication = async (payload, items, user, extra) => {        
+        this.bootpayRequest(payload, items, user, extra, "requestAuthentication");
+    }
 
+    bootpayRequest = async (payload, items, user, extra, requestMethod) => {              
         payload.application_id =  Platform.OS == 'ios' ? this.props.ios_application_id : this.props.android_application_id;
         payload.items = items;
         payload.user_info = user;
         payload.extra = extra; 
- 
-
-        var quickPopup = '';
-
-        if(extra != undefined && extra.quick_popup != undefined) {
-            if(extra.quick_popup == 1) {
-                quickPopup = 'BootPay.startQuickPopup();';
-            }
-        } 
-        
+  
 
         //visibility가 true가 되면 webview onLoaded가 실행됨
         this.setState(
             {
                 visibility: true,
                 script: `
-                ${await this.getMountJavascript()}
-                ${quickPopup}
-                ${this.generateScript(payload)}
+                ${await this.getMountJavascript()} 
+                ${this.generateScript(payload, requestMethod)}
                 `,
                 firstLoad: false,
                 showCloseButton: extra.show_close_button || false  
             }
         ) 
 
-        UserInfo.updateInfo();
+        UserInfo.updateInfo();  
     }
+ 
+
 
     dismiss = () => {
         this.setState(
@@ -149,15 +154,19 @@ export class BootpayWebView extends Component {
     }
 
 
-    generateScript= (payload) => { 
-        const onError = '.error(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';
-        const onCancel = '.cancel(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';
-        const onReady = '.ready(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';
-        const onConfirm = '.confirm(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';
-        const onClose = '.close(function(data){ window.BootpayRNWebView.postMessage("close"); })';
-        const onDone = '.done(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';
+    generateScript= (payload, requestMethod) => {    
+        const script = "Bootpay." + requestMethod + 
+        `(${JSON.stringify(payload)})` +
+        ".then( function (res) {" + 
+        this.confirm() + 
+        this.issued() + 
+        this.done() + 
+        "}, function (res) {" +
+        this.error() + 
+        this.cancel() + 
+        "})";
 
-        return `BootPay.request(${JSON.stringify(payload)})` + onError + onCancel + onReady + onConfirm + onClose + onDone + '; void(0);';
+        this.callJavaScript(script);
     }
 
     onMessage = ({ nativeEvent }) => { 
@@ -169,42 +178,47 @@ export class BootpayWebView extends Component {
                 action: 'BootpayClose',
                 message: '결제창이 닫혔습니다'
             }
+            this.setState(
+                {
+                    visibility: false
+                }
+            )
             this.props.onClose(json);
             this.dismiss();
             return;
         }
 
         const data = JSON.parse(nativeEvent.data);
-        switch (data.action) {
-            case 'BootpayCancel':
+        switch (data.event) {
+            case 'cancel':
                 if(this.props.onCancel != undefined) this.props.onCancel(data);
-                this.setState(
-                    {
-                        visibility: false
-                    }
-                )
+                // this.setState(
+                //     {
+                //         visibility: false
+                //     }
+                // )
                 break;
-            case 'BootpayError':
+            case 'error':
                 if(this.props.onError != undefined) this.props.onError(data);
-                this.setState(
-                    {
-                        visibility: false
-                    }
-                )
+                // this.setState(
+                //     {
+                //         visibility: false
+                //     }
+                // )
                 break;
-            case 'BootpayBankReady':
+            case 'issued':
                 if(this.props.onReady != undefined) this.props.onReady(data);
                 break;
-            case 'BootpayConfirm':
+            case 'confirm':
                 if(this.props.onConfirm != undefined) this.props.onConfirm(data);
                 break;
-            case 'BootpayDone':
+            case 'done':
                 if(this.props.onDone != undefined) this.props.onDone(data);
-                this.setState(
-                    {
-                        visibility: false
-                    }
-                )
+                // this.setState(
+                //     {
+                //         visibility: false
+                //     }
+                // )
                 break;
         }
     }
@@ -215,9 +229,9 @@ export class BootpayWebView extends Component {
 
     getBootpayPlatform = () => { 
         if(Platform.OS == 'ios') {
-            return "BootPay.setDevice('IOS');";
+            return "Bootpay.setDevice('IOS');";
         } else if(Platform.OS == 'android'){
-            return "BootPay.setDevice('ANDROID');"; 
+            return "Bootpay.setDevice('ANDROID');"; 
         }
     }
 
@@ -230,18 +244,23 @@ export class BootpayWebView extends Component {
         // }
     // } 
 
-    transactionConfirm = (data) => {
-        // console.log('transactionConfirm: ' + data);
-
-        var json = JSON.stringify(data)
-        this.callJavaScript(`
-        BootPay.transactionConfirm(${json});
-          `);
+    transactionConfirm = () => { 
+        const script = "Bootpay.confirm()" + 
+        ".then( function (res) {" + 
+        this.confirm() + 
+        this.issued() + 
+        this.done() + 
+        "}, function (res) {" +
+        this.error() + 
+        this.cancel() + 
+        "})";
+
+        this.callJavaScript(script);
     }
 
     removePaymentWindow = () => {
         this.callJavaScript(`
-        BootPay.removePaymentWindow();
+        Bootpay.removePaymentWindow();
           `);
     } 
 
@@ -258,14 +277,38 @@ export class BootpayWebView extends Component {
 
     getAnalyticsData = async () => { 
         const uuid = await UserInfo.getBootpayUUID(); 
-        const bootpaySK = await UserInfo.getBootpaySK();
+        // const bootpaySK = await UserInfo.getBootpaySK();
         const bootLastTime = await UserInfo.getBootpayLastTime();      
 
 
         const elaspedTime = Date.now() - bootLastTime;  
-        return `window.BootPay.setAnalyticsData({uuid:'${uuid}',sk:'${bootpaySK}',sk_time:${bootLastTime},time:${elaspedTime}});`;
+        return `window.Bootpay.$analytics.setAnalyticsData({uuid:'${uuid}', time:${elaspedTime}});`;
         // this.callJavaScript(`window.BootPay.setAnalyticsData({uuid:'${uuid}',sk:'${bootpaySK}',sk_time:${bootLastTime},time:${elaspedTime}});`); 
     }
+
+    confirm = () => {
+        return "if (res.event === 'confirm') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";
+    }
+
+    done = () => {
+        return "else if (res.event === 'done') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";
+    }
+
+    issued = () => {
+        return "else if (res.event === 'issued') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";
+    }
+
+    error = () => {
+        return "if (res.event === 'error') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";
+    }
+
+    cancel = () => {
+        return "else if (res.event === 'cancel') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";
+    }
+
+    close = () => {
+        return "document.addEventListener('bootpayclose', function (e) {  window.BootpayRNWebView.postMessage('close'); });";
+    }
 } 
 
 

package/CHANGELOG.md

@@ -1,29 +0,0 @@
-### 1.5.2
-- webview version update 
-
-### 1.5.1
-- 안드로이드 팝업 일 경우 백버튼 클릭시 닫히도록 수정 
-
-### 1.5.0
-- webview update, android manifest 외부앱 패키지명 update 
-
-### 1.4.4
-- 사용하지 않은 패키지 제거 
-
-### 1.4.3
-- bootpay anlaytics api 추가 
-
-### 1.0.4
-- typescript declare 적용 
-
-### 1.0.3
-- close button 클릭시 onCancel, onClose 이벤트 호출 
-
-### 1.0.2
-- callJavascript 버그 수정 
-
-### 1.0.1
-- close.png 못찾는 버그 수정 
-
-### 1.0.0
-- first release  

package/lib/commonjs/BootpayAnalytics.js

@@ -1,131 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.pageTrace = exports.userTrace = void 0;
-
-var _reactNativeBase = _interopRequireDefault(require("react-native-base64"));
-
-var _reactNativeDeviceInfo = _interopRequireDefault(require("react-native-device-info"));
-
-var _reactNative = require("react-native");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// import CryptoJS from 'crypto-js'; 
-var Aes = _reactNative.NativeModules.Aes;
-
-const userTrace = async (applicationId, userId, phone, email, gender, birth, area) => {
-  try {
-    const payload = {
-      "id": userId,
-      "ver": _reactNativeDeviceInfo.default.getVersion(),
-      "application_id": applicationId,
-      "phone": phone,
-      "email": email,
-      "gender": gender,
-      "birth": birth,
-      "area": area
-    };
-    var key = getRandomKey(32);
-    var iv = getRandomKey(16);
-
-    try {
-      const data = await Aes.encrypt(JSON.stringify(payload), stringToHex(key), stringToHex(iv)).then(cipher => cipher);
-      const response = await fetch('https://analytics.bootpay.co.kr/login', {
-        method: 'POST',
-        headers: {
-          Accept: 'application/json',
-          'Content-Type': 'application/json'
-        },
-        body: JSON.stringify({
-          data: data,
-          session_key: await getSessionKey(key, iv)
-        })
-      });
-      const json = await response.json();
-      return json;
-    } catch (e) {
-      console.log(e);
-    }
-  } catch (error) {
-    console.error(error);
-  }
-};
-
-exports.userTrace = userTrace;
-
-const pageTrace = async (applicationId, url, pageType, items) => {
-  try {
-    const payload = {
-      "application_id": applicationId,
-      "url": url,
-      "page_type": pageType,
-      "items": items,
-      "referer": ''
-    };
-    var key = getRandomKey(32);
-    var iv = getRandomKey(16);
-
-    try {
-      const data = await Aes.encrypt(JSON.stringify(payload), stringToHex(key), stringToHex(iv)).then(cipher => cipher);
-      const response = await fetch('https://analytics.bootpay.co.kr/call', {
-        method: 'POST',
-        headers: {
-          Accept: 'application/json',
-          'Content-Type': 'application/json'
-        },
-        body: JSON.stringify({
-          data: data,
-          session_key: await getSessionKey(key, iv)
-        })
-      });
-      const json = await response.json();
-      return json;
-    } catch (e) {
-      console.log(e);
-    }
-  } catch (error) {
-    console.error(error);
-  }
-};
-
-exports.pageTrace = pageTrace;
-
-const stringToHex = str => {
-  var hex = '';
-
-  for (var i = 0, l = str.length; i < l; i++) {
-    hex += str.charCodeAt(i).toString(16);
-  }
-
-  return hex;
-};
-
-const getRandomKey = length => {
-  var text = '';
-  var keys = 'abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ';
-
-  for (var i = 0; i < length; i++) text += keys.charAt(Math.floor(Math.random() * keys.length));
-
-  return text;
-};
-
-const getSessionKey = async (key, iv) => {
-  const keyValue = _reactNativeBase.default.encode(key);
-
-  const ivValue = _reactNativeBase.default.encode(iv);
-
-  return `${keyValue}##${ivValue}`;
-};
-
-const strEncode = async (str, key, iv) => {
-  return await Aes.encrypt(str, key, iv).then(cipher => {
-    Aes.hmac256(cipher, key).then(hash => {
-      console.log('HMAC', hash);
-      return hash;
-    });
-  });
-};
-//# sourceMappingURL=BootpayAnalytics.js.map

package/lib/commonjs/BootpayAnalytics.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["BootpayAnalytics.js"],"names":["Aes","NativeModules","userTrace","applicationId","userId","phone","email","gender","birth","area","payload","DeviceInfo","getVersion","key","getRandomKey","iv","data","encrypt","JSON","stringify","stringToHex","then","cipher","response","fetch","method","headers","Accept","body","session_key","getSessionKey","json","e","console","log","error","pageTrace","url","pageType","items","str","hex","i","l","length","charCodeAt","toString","text","keys","charAt","Math","floor","random","keyValue","base64","encode","ivValue","strEncode","hmac256","hash"],"mappings":"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","sourcesContent":["\n \nimport base64 from 'react-native-base64'\nimport DeviceInfo from 'react-native-device-info';\n\n// import CryptoJS from 'crypto-js'; \nimport { NativeModules } from 'react-native'\nvar Aes = NativeModules.Aes\n\n\nconst userTrace = async (applicationId, userId, phone, email, gender, birth, area) => { \n    try {        \n        const payload = {\n            \"id\": userId,            \n            \"ver\": DeviceInfo.getVersion(),\n            \"application_id\": applicationId, \n            \"phone\": phone,\n            \"email\": email,\n            \"gender\": gender,\n            \"birth\": birth,\n            \"area\": area\n        };\n\n        var key = getRandomKey(32);\n        var iv = getRandomKey(16);\n  \n        try { \n            const data = await Aes.encrypt(JSON.stringify(payload), stringToHex(key), stringToHex(iv)).then(cipher => cipher);\n\n            const response = await fetch(\n                'https://analytics.bootpay.co.kr/login',\n                {\n                    method: 'POST',\n                    headers: {\n                        Accept: 'application/json',\n                        'Content-Type': 'application/json'\n                    },\n                    body: JSON.stringify({\n                        data: data,\n                        session_key: await getSessionKey(key, iv)\n                    })\n                }\n              );\n              const json = await response.json();\n              return json;\n        } catch (e) {\n            console.log(e);\n        } \n    } catch (error) {\n        console.error(error);\n    }\n}\n\nconst pageTrace = async (applicationId, url, pageType, items) => {    \n    try {        \n        const payload = {\n            \"application_id\": applicationId, \n            \"url\": url,            \n            \"page_type\": pageType,\n            \"items\": items,\n            \"referer\": ''\n        };        \n\n        var key = getRandomKey(32);\n        var iv = getRandomKey(16);\n  \n        try { \n            const data = await Aes.encrypt(JSON.stringify(payload), stringToHex(key), stringToHex(iv)).then(cipher => cipher);\n\n            const response = await fetch(\n                'https://analytics.bootpay.co.kr/call',\n                {\n                    method: 'POST',\n                    headers: {\n                        Accept: 'application/json',\n                        'Content-Type': 'application/json'\n                    },\n                    body: JSON.stringify({\n                        data: data,\n                        session_key: await getSessionKey(key, iv)\n                    })\n                }\n              );\n              const json = await response.json();\n              return json;\n        } catch (e) {\n            console.log(e);\n        } \n    } catch (error) {\n        console.error(error);\n    }\n}\n\nconst stringToHex = (str) => {\n    var hex = ''\n    for (var i = 0, l = str.length; i < l; i++) {\n        hex += str.charCodeAt(i).toString(16)\n    }\n    return hex\n}\n\nconst getRandomKey = (length) => {\n    var text = '';\n    var keys = 'abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ';\n\n    for (var i = 0; i < length; i++)\n        text += keys.charAt(Math.floor(Math.random() * keys.length));\n\n    return text;\n}\n\n\nconst getSessionKey = async (key, iv) => {\n    const keyValue = base64.encode(key);\n    const ivValue = base64.encode(iv);\n\n    return `${keyValue}##${ivValue}`;\n}\n\nconst strEncode = async (str, key, iv) => {\n    return await Aes.encrypt(str, key, iv).then(cipher => {\n        Aes.hmac256(cipher, key).then(hash => {\n            console.log('HMAC', hash)\n            return hash;\n        })\n    })\n\n}\n\nexport { userTrace, pageTrace }\n"]}