react-native-bootpay-api 1.4.2 → 1.4.3

package/CHANGELOG.md

@@ -1,3 +1,6 @@
+### 1.4.3
+- bootpay anlaytics api 추가 
+
 ### 1.0.4
 - typescript declare 적용 
 

package/lib/commonjs/BootpayAnalytics.js

@@ -0,0 +1,133 @@
+"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 _reactNativeCryptoAesCbc = _interopRequireDefault(require("react-native-crypto-aes-cbc"));
+
+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

@@ -0,0 +1 @@
+{"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 CryptoAesCbc from 'react-native-crypto-aes-cbc';\nimport { NativeModules, Platform } 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"]}

package/lib/commonjs/BootpayWebView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["BootpayWebView.js"],"names":["BootpayWebView","Component","useRef","WebView","visibility","script","firstLoad","payload","items","user","extra","application_id","Platform","OS","props","ios_application_id","android_application_id","user_info","quickPopup","undefined","quick_popup","setState","getMountJavascript","generateScript","showCloseButton","show_close_button","UserInfo","updateInfo","removePaymentWindow","getBootpayPlatform","getAnalyticsData","onError","onCancel","onReady","onConfirm","onClose","onDone","JSON","stringify","nativeEvent","data","json","action","message","dismiss","parse","url","callJavaScript","webView","injectJavaScript","uuid","getBootpayUUID","bootpaySK","getBootpaySK","bootLastTime","getBootpayLastTime","elaspedTime","Date","now","componentWillUnmount","setBootpayLastTime","render","state","flex","cancelData","closeData","styles","overlay","require","wv","uri","onMessage","onShouldStartLoadWithRequest","StyleSheet","create","container","justifyContent","alignItems","backgroundColor","welcome","fontSize","textAlign","margin","width","height","right","alignSelf"],"mappings":";;;;;;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,cAAN,SAA6BC,gBAA7B,CAAuC;AAAA;AAAA;;AAAA,qCAChCC,gBAAOC,kCAAP,GAAgB,IADgB;;AAAA,mCAGlC;AACJC,MAAAA,UAAU,EAAE,KADR;AAEJC,MAAAA,MAAM,EAAE,EAFJ;AAGJC,MAAAA,SAAS,EAAE;AAHP,KAHkC;;AAAA;;AAAA,qCAsEhC,OAAOC,OAAP,EAAgBC,KAAhB,EAAuBC,IAAvB,EAA6BC,KAA7B,KAAuC;AAE7CH,MAAAA,OAAO,CAACI,cAAR,GAA0BC,sBAASC,EAAT,IAAe,KAAf,GAAuB,KAAKC,KAAL,CAAWC,kBAAlC,GAAuD,KAAKD,KAAL,CAAWE,sBAA5F;AACAT,MAAAA,OAAO,CAACC,KAAR,GAAgBA,KAAhB;AACAD,MAAAA,OAAO,CAACU,SAAR,GAAoBR,IAApB;AACAF,MAAAA,OAAO,CAACG,KAAR,GAAgBA,KAAhB;AAGA,UAAIQ,UAAU,GAAG,EAAjB;;AAEA,UAAGR,KAAK,IAAIS,SAAT,IAAsBT,KAAK,CAACU,WAAN,IAAqBD,SAA9C,EAAyD;AACrD,YAAGT,KAAK,CAACU,WAAN,IAAqB,CAAxB,EAA2B;AACvBF,UAAAA,UAAU,GAAG,4BAAb;AACH;AACJ,OAd4C,CAiB7C;;;AACA,WAAKG,QAAL,CACI;AACIjB,QAAAA,UAAU,EAAE,IADhB;AAEIC,QAAAA,MAAM,EAAG;AACzB,kBAAkB,MAAM,KAAKiB,kBAAL,EAA0B;AAClD,kBAAkBJ,UAAW;AAC7B,kBAAkB,KAAKK,cAAL,CAAoBhB,OAApB,CAA6B;AAC/C,iBANY;AAOID,QAAAA,SAAS,EAAE,KAPf;AAQIkB,QAAAA,eAAe,EAAEd,KAAK,CAACe,iBAAN,IAA2B;AARhD,OADJ;;AAaAC,wBAASC,UAAT;AACH,KAtGyC;;AAAA,qCAwGhC,MAAM;AACZ,WAAKN,QAAL,CACI,CAAC;AAAEjB,QAAAA;AAAF,OAAD,MAAqB;AACjBA,QAAAA,UAAU,EAAE;AADK,OAArB,CADJ;AAKA,WAAKwB,mBAAL;AACH,KA/GyC;;AAAA,gDAkHrB,YAAY;AAC7B,aAAQ;AAChB,UAAU,KAAKC,kBAAL,EAA0B;AACpC,UAAU,MAAM,KAAKC,gBAAL,EAAwB;AACxC,SAHQ;AAIH,KAvHyC;;AAAA,4CA0HzBvB,OAAD,IAAa;AACzB,YAAMwB,OAAO,GAAG,wFAAhB;AACA,YAAMC,QAAQ,GAAG,yFAAjB;AACA,YAAMC,OAAO,GAAG,wFAAhB;AACA,YAAMC,SAAS,GAAG,0FAAlB;AACA,YAAMC,OAAO,GAAG,yEAAhB;AACA,YAAMC,MAAM,GAAG,uFAAf;AAEA,aAAQ,mBAAkBC,IAAI,CAACC,SAAL,CAAe/B,OAAf,CAAwB,GAA3C,GAAgDwB,OAAhD,GAA0DC,QAA1D,GAAqEC,OAArE,GAA+EC,SAA/E,GAA2FC,OAA3F,GAAqGC,MAArG,GAA8G,YAArH;AACH,KAnIyC;;AAAA,uCAqI9B,CAAC;AAAEG,MAAAA;AAAF,KAAD,KAAqB;AAC7B,UAAIA,WAAW,IAAIpB,SAAf,IAA4BoB,WAAW,CAACC,IAAZ,IAAoBrB,SAApD,EAA+D;;AAE/D,UAAGoB,WAAW,CAACC,IAAZ,IAAoB,OAAvB,EAAgC;AAC5B,YAAG,KAAK1B,KAAL,CAAWqB,OAAX,IAAsBhB,SAAzB,EAAoC;AACpC,YAAIsB,IAAI,GAAG;AACPC,UAAAA,MAAM,EAAE,cADD;AAEPC,UAAAA,OAAO,EAAE;AAFF,SAAX;AAIA,aAAK7B,KAAL,CAAWqB,OAAX,CAAmBM,IAAnB;AACA,aAAKG,OAAL;AACA;AACH;;AAED,YAAMJ,IAAI,GAAGH,IAAI,CAACQ,KAAL,CAAWN,WAAW,CAACC,IAAvB,CAAb;;AACA,cAAQA,IAAI,CAACE,MAAb;AACI,aAAK,eAAL;AACI,cAAG,KAAK5B,KAAL,CAAWkB,QAAX,IAAuBb,SAA1B,EAAqC,KAAKL,KAAL,CAAWkB,QAAX,CAAoBQ,IAApB;AACrC,eAAKnB,QAAL,CACI;AACIjB,YAAAA,UAAU,EAAE;AADhB,WADJ;AAKA;;AACJ,aAAK,cAAL;AACI,cAAG,KAAKU,KAAL,CAAWiB,OAAX,IAAsBZ,SAAzB,EAAoC,KAAKL,KAAL,CAAWiB,OAAX,CAAmBS,IAAnB;AACpC,eAAKnB,QAAL,CACI;AACIjB,YAAAA,UAAU,EAAE;AADhB,WADJ;AAKA;;AACJ,aAAK,kBAAL;AACI,cAAG,KAAKU,KAAL,CAAWmB,OAAX,IAAsBd,SAAzB,EAAoC,KAAKL,KAAL,CAAWmB,OAAX,CAAmBO,IAAnB;AACpC;;AACJ,aAAK,gBAAL;AACI,cAAG,KAAK1B,KAAL,CAAWoB,SAAX,IAAwBf,SAA3B,EAAsC,KAAKL,KAAL,CAAWoB,SAAX,CAAqBM,IAArB;AACtC;;AACJ,aAAK,aAAL;AACI,cAAG,KAAK1B,KAAL,CAAWsB,MAAX,IAAqBjB,SAAxB,EAAmC,KAAKL,KAAL,CAAWsB,MAAX,CAAkBI,IAAlB;AACnC,eAAKnB,QAAL,CACI;AACIjB,YAAAA,UAAU,EAAE;AADhB,WADJ;AAKA;AA9BR;AAgCH,KApLyC;;AAAA,0DAsLV0C,GAAD,IAAS;AACpC,aAAO,IAAP;AACH,KAxLyC;;AAAA,gDA0LrB,MAAM;AACvB,UAAGlC,sBAASC,EAAT,IAAe,KAAlB,EAAyB;AACrB,eAAO,2BAAP;AACH,OAFD,MAEO,IAAGD,sBAASC,EAAT,IAAe,SAAlB,EAA4B;AAC/B,eAAO,+BAAP;AACH;AACJ,KAhMyC;;AAAA,gDA2MpB2B,IAAD,IAAU;AAC3B;AAEA,UAAIC,IAAI,GAAGJ,IAAI,CAACC,SAAL,CAAeE,IAAf,CAAX;AACA,WAAKO,cAAL,CAAqB;AAC7B,qCAAqCN,IAAK;AAC1C,WAFQ;AAGH,KAlNyC;;AAAA,iDAoNpB,MAAM;AACxB,WAAKM,cAAL,CAAqB;AAC7B;AACA,WAFQ;AAGH,KAxNyC;;AAAA,4CA0NxB1C,MAAD,IAAY;AACzB,UAAG,KAAK2C,OAAL,IAAgB,IAAhB,IAAwB,KAAKA,OAAL,IAAgB7B,SAA3C,EAAsD,OAD7B,CAGzB;;AAEA,WAAK6B,OAAL,CAAaC,gBAAb,CAA+B;AACvC,iCAAiC5C,MAAO;AACxC,SAFQ,EALyB,CAQzB;AACH,KAnOyC;;AAAA,8CAqOvB,YAAY;AAC3B,YAAM6C,IAAI,GAAG,MAAMxB,kBAASyB,cAAT,EAAnB;AACA,YAAMC,SAAS,GAAG,MAAM1B,kBAAS2B,YAAT,EAAxB;AACA,YAAMC,YAAY,GAAG,MAAM5B,kBAAS6B,kBAAT,EAA3B;AAGA,YAAMC,WAAW,GAAGC,IAAI,CAACC,GAAL,KAAaJ,YAAjC;AACA,aAAQ,0CAAyCJ,IAAK,SAAQE,SAAU,aAAYE,YAAa,SAAQE,WAAY,KAArH,CAP2B,CAQ3B;AACH,KA9OyC;AAAA;;AAShB,QAApBG,oBAAoB,GAAG;AACzB,SAAKtC,QAAL,CACI;AACIjB,MAAAA,UAAU,EAAE,KADhB;AAEIE,MAAAA,SAAS,EAAE,KAFf;AAGIkB,MAAAA,eAAe,EAAE;AAHrB,KADJ;;AAOAE,sBAASkC,kBAAT,CAA4BH,IAAI,CAACC,GAAL,EAA5B;AACH;;AAEDG,EAAAA,MAAM,GAAG;AAGL,wBAAO,6BAAC,kBAAD;AACH,MAAA,aAAa,EAAE,OADZ;AAEH,MAAA,WAAW,EAAE,KAFV;AAGH,MAAA,OAAO,EAAE,KAAKC,KAAL,CAAW1D;AAHjB,oBAIH,6BAAC,yBAAD;AAAc,MAAA,KAAK,EAAE;AAAE2D,QAAAA,IAAI,EAAE;AAAR;AAArB,OAEQ,KAAKD,KAAL,CAAWtC,eAAX,iBACA,6BAAC,6BAAD;AACI,MAAA,OAAO,EAAE,MAAM;AACX,YAAIwC,UAAU,GAAG;AACbtB,UAAAA,MAAM,EAAE,eADK;AAEbC,UAAAA,OAAO,EAAE;AAFI,SAAjB;AAIA,YAAIsB,SAAS,GAAG;AACZvB,UAAAA,MAAM,EAAE,cADI;AAEZC,UAAAA,OAAO,EAAE;AAFG,SAAhB;AAKA,YAAG,KAAK7B,KAAL,CAAWkB,QAAX,IAAuBb,SAA1B,EAAqC,KAAKL,KAAL,CAAWkB,QAAX,CAAoBgC,UAApB;AACrC,YAAG,KAAKlD,KAAL,CAAWqB,OAAX,IAAsBhB,SAAzB,EAAoC,KAAKL,KAAL,CAAWqB,OAAX,CAAmB8B,SAAnB;AAEpC,aAAK5C,QAAL,CAAc;AAACjB,UAAAA,UAAU,EAAE;AAAb,SAAd;AACH;AAfL,oBAgBI,6BAAC,kBAAD;AACI,MAAA,KAAK,EAAE,CAAC8D,MAAM,CAACC,OAAR,CADX;AAEI,MAAA,MAAM,EAAEC,OAAO,CAAC,qBAAD;AAFnB,MAhBJ,CAHR,eAwBI,6BAAC,kCAAD;AACI,MAAA,GAAG,EAAGC,EAAD,IAAQ,KAAKrB,OAAL,GAAeqB,EADhC;AAEI,MAAA,SAAS,EAAE,IAFf;AAGI,MAAA,eAAe,EAAE,CAAC,GAAD,CAHrB;AAII,MAAA,MAAM,EAAE;AACJC,QAAAA,GAAG,EAAE;AADD,OAJZ;AAOI,MAAA,kBAAkB,EAAE,KAAKR,KAAL,CAAWzD,MAPnC;AAQI,MAAA,iBAAiB,EAAE,IARvB;AASI,MAAA,qCAAqC,EAAE,IAT3C;AAUI,MAAA,eAAe,EAAE,IAVrB;AAWI,MAAA,SAAS,EAAE,KAAKkE,SAXpB;AAYI,MAAA,4BAA4B,EAAE,KAAKC;AAZvC,MAxBJ,CAJG,CAAP;AA6CH;;AApEyC;;;;AAkP9C,IAAIN,MAAM,GAAGO,wBAAWC,MAAX,CAAkB;AAC3BC,EAAAA,SAAS,EAAE;AACTZ,IAAAA,IAAI,EAAE,CADG;AAETa,IAAAA,cAAc,EAAE,QAFP;AAGTC,IAAAA,UAAU,EAAE,QAHH;AAITC,IAAAA,eAAe,EAAE;AAJR,GADgB;AAO3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,QAAQ,EAAE,EADH;AAEPC,IAAAA,SAAS,EAAE,QAFJ;AAGPC,IAAAA,MAAM,EAAE;AAHD,GAPkB;AAY3B;AACA;AACAf,EAAAA,OAAO,EAAE;AACPgB,IAAAA,KAAK,EAAE,EADA;AAEPC,IAAAA,MAAM,EAAE,EAFD;AAGPC,IAAAA,KAAK,EAAE,CAHA;AAIPC,IAAAA,SAAS,EAAE;AAJJ;AAdkB,CAAlB,CAAb","sourcesContent":["\n\nimport React, { Component, useRef } from 'react';\nimport { SafeAreaView, Modal, Platform, TouchableOpacity, Image, StyleSheet } from 'react-native';\nimport WebView  from 'react-native-webview-bootpay';\nimport UserInfo from './UserInfo'\n\nexport class BootpayWebView extends Component {\n    webView = useRef<WebView>(null); \n\n    state = {\n        visibility: false, \n        script: '',\n        firstLoad: false\n    } \ns\n    async componentWillUnmount() {\n        this.setState(\n            {\n                visibility: false, \n                firstLoad: false,\n                showCloseButton: false\n            }\n        )\n        UserInfo.setBootpayLastTime(Date.now());\n    }\n\n    render() {\n\n\n        return <Modal\n            animationType={'slide'}\n            transparent={false}\n            visible={this.state.visibility}>\n            <SafeAreaView style={{ flex: 1 }}>\n                {\n                    this.state.showCloseButton &&\n                    <TouchableOpacity\n                        onPress={() => {\n                            var cancelData = {\n                                action: 'BootpayCancel',\n                                message: '사용자에 의해 취소되었습니다'\n                            }\n                            var closeData = {\n                                action: 'BootpayClose',\n                                message: '결제창이 닫혔습니다'\n                            }\n                            \n                            if(this.props.onCancel != undefined) this.props.onCancel(cancelData);\n                            if(this.props.onClose != undefined) this.props.onClose(closeData); \n\n                            this.setState({visibility: false})\n                        } }>\n                        <Image \n                            style={[styles.overlay]}\n                            source={require('../images/close.png')} />\n                    </TouchableOpacity>\n                }\n                <WebView\n                    ref={(wv) => this.webView = wv}\n                    useWebKit={true}\n                    originWhitelist={['*']}\n                    source={{\n                        uri: 'https://inapp.bootpay.co.kr/3.3.3/production.html'\n                    }}\n                    injectedJavaScript={this.state.script}\n                    javaScriptEnabled={true}\n                    javaScriptCanOpenWindowsAutomatically={true}\n                    scalesPageToFit={true} \n                    onMessage={this.onMessage}\n                    onShouldStartLoadWithRequest={this.onShouldStartLoadWithRequest}\n                />\n            </SafeAreaView>\n\n        </Modal>\n    }\n\n    request = async (payload, items, user, extra) => {        \n\n        payload.application_id =  Platform.OS == 'ios' ? this.props.ios_application_id : this.props.android_application_id;\n        payload.items = items;\n        payload.user_info = user;\n        payload.extra = extra; \n \n\n        var quickPopup = '';\n\n        if(extra != undefined && extra.quick_popup != undefined) {\n            if(extra.quick_popup == 1) {\n                quickPopup = 'BootPay.startQuickPopup();';\n            }\n        } \n        \n\n        //visibility가 true가 되면 webview onLoaded가 실행됨\n        this.setState(\n            {\n                visibility: true,\n                script: `\n                ${await this.getMountJavascript()}\n                ${quickPopup}\n                ${this.generateScript(payload)}\n                `,\n                firstLoad: false,\n                showCloseButton: extra.show_close_button || false  \n            }\n        ) \n\n        UserInfo.updateInfo();\n    }\n\n    dismiss = () => {\n        this.setState(\n            ({ visibility }) => ({\n                visibility: false\n            })\n        )\n        this.removePaymentWindow();\n    }\n \n\n    getMountJavascript = async () => { \n        return `\n        ${this.getBootpayPlatform()}\n        ${await this.getAnalyticsData()}\n        `; \n    }\n\n\n    generateScript= (payload) => { \n        const onError = '.error(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onCancel = '.cancel(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onReady = '.ready(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onConfirm = '.confirm(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onClose = '.close(function(data){ window.BootpayRNWebView.postMessage(\"close\"); })';\n        const onDone = '.done(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n\n        return `BootPay.request(${JSON.stringify(payload)})` + onError + onCancel + onReady + onConfirm + onClose + onDone + '; void(0);';\n    }\n\n    onMessage = ({ nativeEvent }) => { \n        if (nativeEvent == undefined || nativeEvent.data == undefined) return;\n    \n        if(nativeEvent.data == 'close') {\n            if(this.props.onClose == undefined) return;\n            var json = {\n                action: 'BootpayClose',\n                message: '결제창이 닫혔습니다'\n            }\n            this.props.onClose(json);\n            this.dismiss();\n            return;\n        }\n\n        const data = JSON.parse(nativeEvent.data);\n        switch (data.action) {\n            case 'BootpayCancel':\n                if(this.props.onCancel != undefined) this.props.onCancel(data);\n                this.setState(\n                    {\n                        visibility: false\n                    }\n                )\n                break;\n            case 'BootpayError':\n                if(this.props.onError != undefined) this.props.onError(data);\n                this.setState(\n                    {\n                        visibility: false\n                    }\n                )\n                break;\n            case 'BootpayBankReady':\n                if(this.props.onReady != undefined) this.props.onReady(data);\n                break;\n            case 'BootpayConfirm':\n                if(this.props.onConfirm != undefined) this.props.onConfirm(data);\n                break;\n            case 'BootpayDone':\n                if(this.props.onDone != undefined) this.props.onDone(data);\n                this.setState(\n                    {\n                        visibility: false\n                    }\n                )\n                break;\n        }\n    }\n\n    onShouldStartLoadWithRequest = (url) => { \n        return true;\n    }\n\n    getBootpayPlatform = () => { \n        if(Platform.OS == 'ios') {\n            return \"BootPay.setDevice('IOS');\";\n        } else if(Platform.OS == 'android'){\n            return \"BootPay.setDevice('ANDROID');\"; \n        }\n    }\n\n    // setPayScript = () => {\n        // const fullScript = this.generateScript(this.state.script);\n        // this.injectJavaScript(fullScript);\n        // if(this.state.showCloseButton == true) {\n        //     if(this.webView == null || this.webView == undefined) return; \n        //     this.webView.showCloseButton();\n        // }\n    // } \n\n    transactionConfirm = (data) => {\n        // console.log('transactionConfirm: ' + data);\n\n        var json = JSON.stringify(data)\n        this.callJavaScript(`\n        BootPay.transactionConfirm(${json});\n          `);\n    }\n\n    removePaymentWindow = () => {\n        this.callJavaScript(`\n        BootPay.removePaymentWindow();\n          `);\n    } \n\n    callJavaScript = (script) => {\n        if(this.webView == null || this.webView == undefined) return;\n\n        // console.log('callJavascript: ' + script);\n\n        this.webView.injectJavaScript(`\n        javascript:(function(){${script} })()\n        `);\n        //   this.webView.evalu\n    }  \n\n    getAnalyticsData = async () => { \n        const uuid = await UserInfo.getBootpayUUID(); \n        const bootpaySK = await UserInfo.getBootpaySK();\n        const bootLastTime = await UserInfo.getBootpayLastTime();      \n\n\n        const elaspedTime = Date.now() - bootLastTime;  \n        return `window.BootPay.setAnalyticsData({uuid:'${uuid}',sk:'${bootpaySK}',sk_time:${bootLastTime},time:${elaspedTime}});`;\n        // this.callJavaScript(`window.BootPay.setAnalyticsData({uuid:'${uuid}',sk:'${bootpaySK}',sk_time:${bootLastTime},time:${elaspedTime}});`); \n    }\n} \n\n\nvar styles = StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      backgroundColor: '#F5FCFF',\n    },\n    welcome: {\n      fontSize: 20,\n      textAlign: 'center',\n      margin: 10,\n    },\n    // Flex to fill, position absolute, \n    // Fixed left/top, and the width set to the window width\n    overlay: { \n      width: 25,\n      height: 25, \n      right: 5,\n      alignSelf: 'flex-end'\n    }  \n  });"]}
+{"version":3,"sources":["BootpayWebView.js"],"names":["BootpayWebView","Component","useRef","WebView","visibility","script","firstLoad","payload","items","user","extra","application_id","Platform","OS","props","ios_application_id","android_application_id","user_info","quickPopup","undefined","quick_popup","setState","getMountJavascript","generateScript","showCloseButton","show_close_button","UserInfo","updateInfo","removePaymentWindow","getBootpayPlatform","getAnalyticsData","onError","onCancel","onReady","onConfirm","onClose","onDone","JSON","stringify","nativeEvent","data","json","action","message","dismiss","parse","url","callJavaScript","webView","injectJavaScript","uuid","getBootpayUUID","bootpaySK","getBootpaySK","bootLastTime","getBootpayLastTime","elaspedTime","Date","now","componentWillUnmount","setBootpayLastTime","render","state","flex","cancelData","closeData","styles","overlay","require","wv","uri","onMessage","onShouldStartLoadWithRequest","StyleSheet","create","container","justifyContent","alignItems","backgroundColor","welcome","fontSize","textAlign","margin","width","height","right","alignSelf"],"mappings":"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","sourcesContent":["\n\nimport React, { Component, useRef } from 'react';\nimport { SafeAreaView, Modal, Platform, TouchableOpacity, Image, StyleSheet } from 'react-native';\nimport WebView  from 'react-native-webview-bootpay';\nimport UserInfo from './UserInfo'\n\nexport class BootpayWebView extends Component {\n    webView = useRef<WebView>(null); \n\n    state = {\n        visibility: false, \n        script: '',\n        firstLoad: false\n    } \ns\n    async componentWillUnmount() {\n        this.setState(\n            {\n                visibility: false, \n                firstLoad: false,\n                showCloseButton: false\n            }\n        )\n        UserInfo.setBootpayLastTime(Date.now());\n    }\n \n    render() {\n\n\n        return <Modal\n            animationType={'slide'}\n            transparent={false}\n            visible={this.state.visibility}>\n            <SafeAreaView style={{ flex: 1 }}>\n                {\n                    this.state.showCloseButton &&\n                    <TouchableOpacity\n                        onPress={() => {\n                            var cancelData = {\n                                action: 'BootpayCancel',\n                                message: '사용자에 의해 취소되었습니다'\n                            }\n                            var closeData = {\n                                action: 'BootpayClose',\n                                message: '결제창이 닫혔습니다'\n                            }\n                            \n                            if(this.props.onCancel != undefined) this.props.onCancel(cancelData);\n                            if(this.props.onClose != undefined) this.props.onClose(closeData); \n\n                            this.setState({visibility: false})\n                        } }>\n                        <Image \n                            style={[styles.overlay]}\n                            source={require('../images/close.png')} />\n                    </TouchableOpacity>\n                }\n                <WebView\n                    ref={(wv) => this.webView = wv}\n                    useWebKit={true}\n                    originWhitelist={['*']}\n                    source={{\n                        uri: 'https://inapp.bootpay.co.kr/3.3.3/production.html'\n                    }}\n                    injectedJavaScript={this.state.script}\n                    javaScriptEnabled={true}\n                    javaScriptCanOpenWindowsAutomatically={true}\n                    scalesPageToFit={true} \n                    onMessage={this.onMessage}\n                    onShouldStartLoadWithRequest={this.onShouldStartLoadWithRequest}\n                />\n            </SafeAreaView>\n\n        </Modal>\n    }\n\n    request = async (payload, items, user, extra) => {        \n\n        payload.application_id =  Platform.OS == 'ios' ? this.props.ios_application_id : this.props.android_application_id;\n        payload.items = items;\n        payload.user_info = user;\n        payload.extra = extra; \n \n\n        var quickPopup = '';\n\n        if(extra != undefined && extra.quick_popup != undefined) {\n            if(extra.quick_popup == 1) {\n                quickPopup = 'BootPay.startQuickPopup();';\n            }\n        } \n        \n\n        //visibility가 true가 되면 webview onLoaded가 실행됨\n        this.setState(\n            {\n                visibility: true,\n                script: `\n                ${await this.getMountJavascript()}\n                ${quickPopup}\n                ${this.generateScript(payload)}\n                `,\n                firstLoad: false,\n                showCloseButton: extra.show_close_button || false  \n            }\n        ) \n\n        UserInfo.updateInfo();\n    }\n\n    dismiss = () => {\n        this.setState(\n            ({ visibility }) => ({\n                visibility: false\n            })\n        )\n        this.removePaymentWindow();\n    }\n \n\n    getMountJavascript = async () => { \n        return `\n        ${this.getBootpayPlatform()}\n        ${await this.getAnalyticsData()}\n        `; \n    }\n\n\n    generateScript= (payload) => { \n        const onError = '.error(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onCancel = '.cancel(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onReady = '.ready(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onConfirm = '.confirm(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onClose = '.close(function(data){ window.BootpayRNWebView.postMessage(\"close\"); })';\n        const onDone = '.done(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n\n        return `BootPay.request(${JSON.stringify(payload)})` + onError + onCancel + onReady + onConfirm + onClose + onDone + '; void(0);';\n    }\n\n    onMessage = ({ nativeEvent }) => { \n        if (nativeEvent == undefined || nativeEvent.data == undefined) return;\n    \n        if(nativeEvent.data == 'close') {\n            if(this.props.onClose == undefined) return;\n            var json = {\n                action: 'BootpayClose',\n                message: '결제창이 닫혔습니다'\n            }\n            this.props.onClose(json);\n            this.dismiss();\n            return;\n        }\n\n        const data = JSON.parse(nativeEvent.data);\n        switch (data.action) {\n            case 'BootpayCancel':\n                if(this.props.onCancel != undefined) this.props.onCancel(data);\n                this.setState(\n                    {\n                        visibility: false\n                    }\n                )\n                break;\n            case 'BootpayError':\n                if(this.props.onError != undefined) this.props.onError(data);\n                this.setState(\n                    {\n                        visibility: false\n                    }\n                )\n                break;\n            case 'BootpayBankReady':\n                if(this.props.onReady != undefined) this.props.onReady(data);\n                break;\n            case 'BootpayConfirm':\n                if(this.props.onConfirm != undefined) this.props.onConfirm(data);\n                break;\n            case 'BootpayDone':\n                if(this.props.onDone != undefined) this.props.onDone(data);\n                this.setState(\n                    {\n                        visibility: false\n                    }\n                )\n                break;\n        }\n    }\n\n    onShouldStartLoadWithRequest = (url) => { \n        return true;\n    }\n\n    getBootpayPlatform = () => { \n        if(Platform.OS == 'ios') {\n            return \"BootPay.setDevice('IOS');\";\n        } else if(Platform.OS == 'android'){\n            return \"BootPay.setDevice('ANDROID');\"; \n        }\n    }\n\n    // setPayScript = () => {\n        // const fullScript = this.generateScript(this.state.script);\n        // this.injectJavaScript(fullScript);\n        // if(this.state.showCloseButton == true) {\n        //     if(this.webView == null || this.webView == undefined) return; \n        //     this.webView.showCloseButton();\n        // }\n    // } \n\n    transactionConfirm = (data) => {\n        // console.log('transactionConfirm: ' + data);\n\n        var json = JSON.stringify(data)\n        this.callJavaScript(`\n        BootPay.transactionConfirm(${json});\n          `);\n    }\n\n    removePaymentWindow = () => {\n        this.callJavaScript(`\n        BootPay.removePaymentWindow();\n          `);\n    } \n\n    callJavaScript = (script) => {\n        if(this.webView == null || this.webView == undefined) return;\n\n        // console.log('callJavascript: ' + script);\n\n        this.webView.injectJavaScript(`\n        javascript:(function(){${script} })()\n        `);\n        //   this.webView.evalu\n    }  \n\n    getAnalyticsData = async () => { \n        const uuid = await UserInfo.getBootpayUUID(); \n        const bootpaySK = await UserInfo.getBootpaySK();\n        const bootLastTime = await UserInfo.getBootpayLastTime();      \n\n\n        const elaspedTime = Date.now() - bootLastTime;  \n        return `window.BootPay.setAnalyticsData({uuid:'${uuid}',sk:'${bootpaySK}',sk_time:${bootLastTime},time:${elaspedTime}});`;\n        // this.callJavaScript(`window.BootPay.setAnalyticsData({uuid:'${uuid}',sk:'${bootpaySK}',sk_time:${bootLastTime},time:${elaspedTime}});`); \n    }\n} \n\n\nvar styles = StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      backgroundColor: '#F5FCFF',\n    },\n    welcome: {\n      fontSize: 20,\n      textAlign: 'center',\n      margin: 10,\n    },\n    // Flex to fill, position absolute, \n    // Fixed left/top, and the width set to the window width\n    overlay: { \n      width: 25,\n      height: 25, \n      right: 5,\n      alignSelf: 'flex-end'\n    }  \n  });"]}

package/lib/commonjs/index.d.js

@@ -3,24 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BootpayWebView = exports.BootpayWebView = void 0;
-
-var _react = require("react");
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-class BootpayWebView extends _react.Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "request", void 0);
-
-    _defineProperty(this, "dismiss", void 0);
-
-    _defineProperty(this, "transactionConfirm", void 0);
+Object.defineProperty(exports, "BootpayWebView", {
+  enumerable: true,
+  get: function () {
+    return _BootpayWebView.BootpayWebView;
   }
+});
+Object.defineProperty(exports, "userTrace", {
+  enumerable: true,
+  get: function () {
+    return _BootpayAnalytics.userTrace;
+  }
+});
+Object.defineProperty(exports, "pageTrace", {
+  enumerable: true,
+  get: function () {
+    return _BootpayAnalytics.pageTrace;
+  }
+});
 
-}
+var _BootpayWebView = require("./BootpayWebView");
 
-exports.BootpayWebView = exports.BootpayWebView = BootpayWebView;
+var _BootpayAnalytics = require("./BootpayAnalytics");
 //# sourceMappingURL=index.d.js.map

package/lib/commonjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.d.ts"],"names":["BootpayWebView","Component"],"mappings":";;;;;;;AAAA;;;;AAiBO,MAAMA,cAAN,SAA6BC,gBAA7B,CAA4D;AAAA;AAAA;;AAAA;;AAAA;;AAAA;AAAA;;AAAA","sourcesContent":["import { Component, ReactNode } from 'react';\nimport { ViewProperties, EmitterSubscription } from 'react-native';\nimport { EventEmitter } from 'events';\n\n\ninterface BootpayWebViewProps {\n    ios_application_id: string;\n    android_application_id: string;\n\n    onCancel: (data: string) => void;\n    onError: (data: string) => void;\n    onReady: (data: string) => void;\n    onConfirm: (data: string) => void;\n    onDone: (data: string) => void;\n    onClose: () => void;\n  }\n\nexport class BootpayWebView extends Component<BootpayWebViewProps> { \n    request: (payload: Object, items: Object, user: Object, extra: Object) => Promise<string>;\n    dismiss: () => Promise<string>;\n    transactionConfirm: (data: string) => Promise<string>;\n}\n\n \nexport { BootpayWebView }"]}
+{"version":3,"sources":["index.d.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKA;;AACA","sourcesContent":["import { Component, ReactNode } from 'react';\nimport { ViewProperties, EmitterSubscription } from 'react-native';\nimport { EventEmitter } from 'events';\n\n\nimport { BootpayWebView } from './BootpayWebView'\nimport { userTrace, pageTrace } from './BootpayAnalytics'\n\n\nexport { BootpayWebView, userTrace, pageTrace }\n\n// interface BootpayWebViewProps {\n//     ios_application_id: string;\n//     android_application_id: string;\n\n//     onCancel: (data: string) => void;\n//     onError: (data: string) => void;\n//     onReady: (data: string) => void;\n//     onConfirm: (data: string) => void;\n//     onDone: (data: string) => void;\n//     onClose: () => void;\n//   }\n\n// export class BootpayWebView extends Component<BootpayWebViewProps> { \n//     request: (payload: Object, items: Object, user: Object, extra: Object) => Promise<string>;\n//     dismiss: () => Promise<string>;\n//     transactionConfirm: (data: string) => Promise<string>;\n// }\n\n// export class BootpayAnalytics {\n//   static userTrace: () => void;\n//   static pageTrace: () => void;\n// }\n\n// export const userTrace: () => void;\n// export default function pageTrace(): void;\n// export const userTrace: () => void;\n\n// export default function PageTrace() : void;\n\n// const Bootpay = \n \n// export { BootpayWebView, userTrace, pageTrace }"]}

package/lib/commonjs/index.js

@@ -3,20 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "useBootpay", {
+Object.defineProperty(exports, "BootpayWebView", {
   enumerable: true,
   get: function () {
-    return _useBootpay.useBootpay;
+    return _BootpayWebView.BootpayWebView;
   }
 });
-Object.defineProperty(exports, "BootpayWebView", {
+Object.defineProperty(exports, "userTrace", {
   enumerable: true,
   get: function () {
-    return _BootpayWebView.BootpayWebView;
+    return _BootpayAnalytics.userTrace;
+  }
+});
+Object.defineProperty(exports, "pageTrace", {
+  enumerable: true,
+  get: function () {
+    return _BootpayAnalytics.pageTrace;
   }
 });
-
-var _useBootpay = require("./useBootpay");
 
 var _BootpayWebView = require("./BootpayWebView");
+
+var _BootpayAnalytics = require("./BootpayAnalytics");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA;;AACA","sourcesContent":[" \nimport { useBootpay } from './useBootpay';\nimport { BootpayWebView } from './BootpayWebView'\n\nexport { useBootpay, BootpayWebView };\n\n// import React, { Component } from 'react';\n// import WebView  from 'react-native-webview-bootpay';\n\n// export class BootpayWebView extends Component {\n//     render() {\n//         return <WebView \n//             useWebKit={true}\n//             originWhitelist={['*']}\n//             source={{\n//                 uri: 'https://www.google.com'\n//             }}\n//             javaScriptEnabled={true}\n//             javaScriptCanOpenWindowsAutomatically={true}\n//             scalesPageToFit={true}  \n//         />\n//     }\n// } "]}
+{"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAEA;;AACA","sourcesContent":[" \n// import { useBootpay } from './useBootpay';\nimport { BootpayWebView } from './BootpayWebView'\nimport { userTrace, pageTrace } from './BootpayAnalytics'\n\nexport {  BootpayWebView, userTrace, pageTrace };\n// export { useBootpay };\n\n// import React, { Component } from 'react';\n// import WebView  from 'react-native-webview-bootpay';\n\n// export class BootpayWebView extends Component {\n//     render() {\n//         return <WebView \n//             useWebKit={true}\n//             originWhitelist={['*']}\n//             source={{\n//                 uri: 'https://www.google.com'\n//             }}\n//             javaScriptEnabled={true}\n//             javaScriptCanOpenWindowsAutomatically={true}\n//             scalesPageToFit={true}  \n//         />\n//     }\n// } "]}

package/lib/commonjs/useBootpay.js

@@ -1,36 +1,44 @@
+// import { useCallback } from 'react';
+// import BootpayAnalytics  from './BootpayAnalytics';
+// import BootpayWebView from './BootpayWebView'; 
+// export const useBootpay = () => {
+//     const bootpay = useRef(new BootpayWebView());
+//     // const anlaytics = useRef(new BootpayAnalytics());
+//     const [bootpayEvents, setBootpayEvents] = useState([]);
+//     const request = useCallback((payload, items, user, extra) => {
+//         console.log('use call reqeust');
+//         return bootpay.current.request(payload, items, user, extra);
+//     }, []);
+//     const dismiss = useCallback(() => {
+//         console.log('use call dismiss');
+//         return bootpay.current.dismiss();
+//     }, []);
+//     const transactionConfirm = useCallback((data) => {
+//         console.log('use call transactionConfirm');
+//         return bootpay.current.transactionConfirm(data);
+//     }, []);
+//     const userTrace = useCallback(() => {
+//         console.log('user trace click');
+//         BootpayAnalytics.userTrace();
+//         // return anlaytics.current.userTrace();
+//     }, []);
+//     const pageTrace = useCallback(() => {
+//         BootpayAnalytics.pageTrace();
+//         // return anlaytics.current.pageTrace();
+//     }, []);
+//     return [
+//         {
+//           bootpayEvents,
+//         },
+//         {
+//             request,
+//             transactionConfirm,
+//             dismiss,
+//             text,
+//             userTrace,
+//             pageTrace
+//         },
+//       ];
+// }
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useBootpay = void 0;
-
-var _react = require("react");
-
-var _BootpayWebView = _interopRequireDefault(require("./BootpayWebView"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const useBootpay = () => {
-  const bootpay = useRef(new _BootpayWebView.default());
-  const [bootpayEvents, setBootpayEvents] = useState([]);
-  const request = (0, _react.useCallback)((payload, items, user, extra) => {
-    return bootpay.current.request(payload, items, user, extra);
-  }, []);
-  const dismiss = (0, _react.useCallback)(() => {
-    return bootpay.current.dismiss();
-  }, []);
-  const transactionConfirm = (0, _react.useCallback)(data => {
-    return bootpay.current.transactionConfirm(data);
-  }, []);
-  return [{
-    bootpayEvents
-  }, {
-    request,
-    transactionConfirm,
-    dismiss
-  }];
-};
-
-exports.useBootpay = useBootpay;
 //# sourceMappingURL=useBootpay.js.map

package/lib/commonjs/useBootpay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBootpay.js"],"names":["useBootpay","bootpay","useRef","BootpayWebView","bootpayEvents","setBootpayEvents","useState","request","payload","items","user","extra","current","dismiss","transactionConfirm","data"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,UAAU,GAAG,MAAM;AAC5B,QAAMC,OAAO,GAAGC,MAAM,CAAC,IAAIC,uBAAJ,EAAD,CAAtB;AACA,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,QAAQ,CAAC,EAAD,CAAlD;AAEA,QAAMC,OAAO,GAAG,wBAAY,CAACC,OAAD,EAAUC,KAAV,EAAiBC,IAAjB,EAAuBC,KAAvB,KAAiC;AACzD,WAAOV,OAAO,CAACW,OAAR,CAAgBL,OAAhB,CAAwBC,OAAxB,EAAiCC,KAAjC,EAAwCC,IAAxC,EAA8CC,KAA9C,CAAP;AACH,GAFe,EAEb,EAFa,CAAhB;AAIA,QAAME,OAAO,GAAG,wBAAY,MAAM;AAC9B,WAAOZ,OAAO,CAACW,OAAR,CAAgBC,OAAhB,EAAP;AACH,GAFe,EAEb,EAFa,CAAhB;AAIA,QAAMC,kBAAkB,GAAG,wBAAaC,IAAD,IAAU;AAC7C,WAAOd,OAAO,CAACW,OAAR,CAAgBE,kBAAhB,CAAmCC,IAAnC,CAAP;AACH,GAF0B,EAExB,EAFwB,CAA3B;AAIA,SAAO,CACH;AACEX,IAAAA;AADF,GADG,EAIH;AACIG,IAAAA,OADJ;AAEIO,IAAAA,kBAFJ;AAGID,IAAAA;AAHJ,GAJG,CAAP;AAUH,CA1BM","sourcesContent":["import { useCallback } from 'react';\nimport BootpayWebView from './BootpayWebView';\n\nexport const useBootpay = () => {\n    const bootpay = useRef(new BootpayWebView());\n    const [bootpayEvents, setBootpayEvents] = useState([]);\n\n    const request = useCallback((payload, items, user, extra) => {\n        return bootpay.current.request(payload, items, user, extra);\n    }, []);\n\n    const dismiss = useCallback(() => {\n        return bootpay.current.dismiss();\n    }, []);\n\n    const transactionConfirm = useCallback((data) => {\n        return bootpay.current.transactionConfirm(data);\n    }, []);\n\n    return [\n        {\n          bootpayEvents,\n        },\n        {\n            request,\n            transactionConfirm,\n            dismiss\n        },\n      ];\n}\n"]}
+{"version":3,"sources":["useBootpay.js"],"names":[],"mappings":"AAAA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["// import { useCallback } from 'react';\n// import BootpayAnalytics  from './BootpayAnalytics';\n// import BootpayWebView from './BootpayWebView'; \n\n// export const useBootpay = () => {\n//     const bootpay = useRef(new BootpayWebView());\n//     // const anlaytics = useRef(new BootpayAnalytics());\n\n//     const [bootpayEvents, setBootpayEvents] = useState([]);\n\n//     const request = useCallback((payload, items, user, extra) => {\n//         console.log('use call reqeust');\n//         return bootpay.current.request(payload, items, user, extra);\n//     }, []);\n\n//     const dismiss = useCallback(() => {\n//         console.log('use call dismiss');\n//         return bootpay.current.dismiss();\n//     }, []);\n\n//     const transactionConfirm = useCallback((data) => {\n//         console.log('use call transactionConfirm');\n//         return bootpay.current.transactionConfirm(data);\n//     }, []);\n\n//     const userTrace = useCallback(() => {\n\n//         console.log('user trace click');\n//         BootpayAnalytics.userTrace();\n//         // return anlaytics.current.userTrace();\n//     }, []);\n\n//     const pageTrace = useCallback(() => {\n//         BootpayAnalytics.pageTrace();\n//         // return anlaytics.current.pageTrace();\n//     }, []);\n\n//     return [\n//         {\n//           bootpayEvents,\n//         },\n//         {\n//             request,\n//             transactionConfirm,\n//             dismiss,\n//             text,\n//             userTrace,\n//             pageTrace\n//         },\n//       ];\n// }\n"]}

package/lib/module/BootpayAnalytics.js

@@ -0,0 +1,116 @@
+import base64 from 'react-native-base64';
+import DeviceInfo from 'react-native-device-info'; // import CryptoJS from 'crypto-js';
+
+import CryptoAesCbc from 'react-native-crypto-aes-cbc';
+import { NativeModules, Platform } from 'react-native';
+var Aes = NativeModules.Aes;
+
+const userTrace = async (applicationId, userId, phone, email, gender, birth, area) => {
+  try {
+    const payload = {
+      "id": userId,
+      "ver": DeviceInfo.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);
+  }
+};
+
+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);
+  }
+};
+
+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 = base64.encode(key);
+  const ivValue = base64.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;
+    });
+  });
+};
+
+export { userTrace, pageTrace };
+//# sourceMappingURL=BootpayAnalytics.js.map

package/lib/module/BootpayAnalytics.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["BootpayAnalytics.js"],"names":["base64","DeviceInfo","CryptoAesCbc","NativeModules","Platform","Aes","userTrace","applicationId","userId","phone","email","gender","birth","area","payload","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","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 CryptoAesCbc from 'react-native-crypto-aes-cbc';\nimport { NativeModules, Platform } 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"]}

package/lib/module/BootpayWebView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["BootpayWebView.js"],"names":["React","Component","useRef","SafeAreaView","Modal","Platform","TouchableOpacity","Image","StyleSheet","WebView","UserInfo","BootpayWebView","visibility","script","firstLoad","payload","items","user","extra","application_id","OS","props","ios_application_id","android_application_id","user_info","quickPopup","undefined","quick_popup","setState","getMountJavascript","generateScript","showCloseButton","show_close_button","updateInfo","removePaymentWindow","getBootpayPlatform","getAnalyticsData","onError","onCancel","onReady","onConfirm","onClose","onDone","JSON","stringify","nativeEvent","data","json","action","message","dismiss","parse","url","callJavaScript","webView","injectJavaScript","uuid","getBootpayUUID","bootpaySK","getBootpaySK","bootLastTime","getBootpayLastTime","elaspedTime","Date","now","componentWillUnmount","setBootpayLastTime","render","state","flex","cancelData","closeData","styles","overlay","require","wv","uri","onMessage","onShouldStartLoadWithRequest","create","container","justifyContent","alignItems","backgroundColor","welcome","fontSize","textAlign","margin","width","height","right","alignSelf"],"mappings":"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","sourcesContent":["\n\nimport React, { Component, useRef } from 'react';\nimport { SafeAreaView, Modal, Platform, TouchableOpacity, Image, StyleSheet } from 'react-native';\nimport WebView  from 'react-native-webview-bootpay';\nimport UserInfo from './UserInfo'\n\nexport class BootpayWebView extends Component {\n    webView = useRef<WebView>(null); \n\n    state = {\n        visibility: false, \n        script: '',\n        firstLoad: false\n    } \ns\n    async componentWillUnmount() {\n        this.setState(\n            {\n                visibility: false, \n                firstLoad: false,\n                showCloseButton: false\n            }\n        )\n        UserInfo.setBootpayLastTime(Date.now());\n    }\n\n    render() {\n\n\n        return <Modal\n            animationType={'slide'}\n            transparent={false}\n            visible={this.state.visibility}>\n            <SafeAreaView style={{ flex: 1 }}>\n                {\n                    this.state.showCloseButton &&\n                    <TouchableOpacity\n                        onPress={() => {\n                            var cancelData = {\n                                action: 'BootpayCancel',\n                                message: '사용자에 의해 취소되었습니다'\n                            }\n                            var closeData = {\n                                action: 'BootpayClose',\n                                message: '결제창이 닫혔습니다'\n                            }\n                            \n                            if(this.props.onCancel != undefined) this.props.onCancel(cancelData);\n                            if(this.props.onClose != undefined) this.props.onClose(closeData); \n\n                            this.setState({visibility: false})\n                        } }>\n                        <Image \n                            style={[styles.overlay]}\n                            source={require('../images/close.png')} />\n                    </TouchableOpacity>\n                }\n                <WebView\n                    ref={(wv) => this.webView = wv}\n                    useWebKit={true}\n                    originWhitelist={['*']}\n                    source={{\n                        uri: 'https://inapp.bootpay.co.kr/3.3.3/production.html'\n                    }}\n                    injectedJavaScript={this.state.script}\n                    javaScriptEnabled={true}\n                    javaScriptCanOpenWindowsAutomatically={true}\n                    scalesPageToFit={true} \n                    onMessage={this.onMessage}\n                    onShouldStartLoadWithRequest={this.onShouldStartLoadWithRequest}\n                />\n            </SafeAreaView>\n\n        </Modal>\n    }\n\n    request = async (payload, items, user, extra) => {        \n\n        payload.application_id =  Platform.OS == 'ios' ? this.props.ios_application_id : this.props.android_application_id;\n        payload.items = items;\n        payload.user_info = user;\n        payload.extra = extra; \n \n\n        var quickPopup = '';\n\n        if(extra != undefined && extra.quick_popup != undefined) {\n            if(extra.quick_popup == 1) {\n                quickPopup = 'BootPay.startQuickPopup();';\n            }\n        } \n        \n\n        //visibility가 true가 되면 webview onLoaded가 실행됨\n        this.setState(\n            {\n                visibility: true,\n                script: `\n                ${await this.getMountJavascript()}\n                ${quickPopup}\n                ${this.generateScript(payload)}\n                `,\n                firstLoad: false,\n                showCloseButton: extra.show_close_button || false  \n            }\n        ) \n\n        UserInfo.updateInfo();\n    }\n\n    dismiss = () => {\n        this.setState(\n            ({ visibility }) => ({\n                visibility: false\n            })\n        )\n        this.removePaymentWindow();\n    }\n \n\n    getMountJavascript = async () => { \n        return `\n        ${this.getBootpayPlatform()}\n        ${await this.getAnalyticsData()}\n        `; \n    }\n\n\n    generateScript= (payload) => { \n        const onError = '.error(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onCancel = '.cancel(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onReady = '.ready(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onConfirm = '.confirm(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onClose = '.close(function(data){ window.BootpayRNWebView.postMessage(\"close\"); })';\n        const onDone = '.done(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n\n        return `BootPay.request(${JSON.stringify(payload)})` + onError + onCancel + onReady + onConfirm + onClose + onDone + '; void(0);';\n    }\n\n    onMessage = ({ nativeEvent }) => { \n        if (nativeEvent == undefined || nativeEvent.data == undefined) return;\n    \n        if(nativeEvent.data == 'close') {\n            if(this.props.onClose == undefined) return;\n            var json = {\n                action: 'BootpayClose',\n                message: '결제창이 닫혔습니다'\n            }\n            this.props.onClose(json);\n            this.dismiss();\n            return;\n        }\n\n        const data = JSON.parse(nativeEvent.data);\n        switch (data.action) {\n            case 'BootpayCancel':\n                if(this.props.onCancel != undefined) this.props.onCancel(data);\n                this.setState(\n                    {\n                        visibility: false\n                    }\n                )\n                break;\n            case 'BootpayError':\n                if(this.props.onError != undefined) this.props.onError(data);\n                this.setState(\n                    {\n                        visibility: false\n                    }\n                )\n                break;\n            case 'BootpayBankReady':\n                if(this.props.onReady != undefined) this.props.onReady(data);\n                break;\n            case 'BootpayConfirm':\n                if(this.props.onConfirm != undefined) this.props.onConfirm(data);\n                break;\n            case 'BootpayDone':\n                if(this.props.onDone != undefined) this.props.onDone(data);\n                this.setState(\n                    {\n                        visibility: false\n                    }\n                )\n                break;\n        }\n    }\n\n    onShouldStartLoadWithRequest = (url) => { \n        return true;\n    }\n\n    getBootpayPlatform = () => { \n        if(Platform.OS == 'ios') {\n            return \"BootPay.setDevice('IOS');\";\n        } else if(Platform.OS == 'android'){\n            return \"BootPay.setDevice('ANDROID');\"; \n        }\n    }\n\n    // setPayScript = () => {\n        // const fullScript = this.generateScript(this.state.script);\n        // this.injectJavaScript(fullScript);\n        // if(this.state.showCloseButton == true) {\n        //     if(this.webView == null || this.webView == undefined) return; \n        //     this.webView.showCloseButton();\n        // }\n    // } \n\n    transactionConfirm = (data) => {\n        // console.log('transactionConfirm: ' + data);\n\n        var json = JSON.stringify(data)\n        this.callJavaScript(`\n        BootPay.transactionConfirm(${json});\n          `);\n    }\n\n    removePaymentWindow = () => {\n        this.callJavaScript(`\n        BootPay.removePaymentWindow();\n          `);\n    } \n\n    callJavaScript = (script) => {\n        if(this.webView == null || this.webView == undefined) return;\n\n        // console.log('callJavascript: ' + script);\n\n        this.webView.injectJavaScript(`\n        javascript:(function(){${script} })()\n        `);\n        //   this.webView.evalu\n    }  \n\n    getAnalyticsData = async () => { \n        const uuid = await UserInfo.getBootpayUUID(); \n        const bootpaySK = await UserInfo.getBootpaySK();\n        const bootLastTime = await UserInfo.getBootpayLastTime();      \n\n\n        const elaspedTime = Date.now() - bootLastTime;  \n        return `window.BootPay.setAnalyticsData({uuid:'${uuid}',sk:'${bootpaySK}',sk_time:${bootLastTime},time:${elaspedTime}});`;\n        // this.callJavaScript(`window.BootPay.setAnalyticsData({uuid:'${uuid}',sk:'${bootpaySK}',sk_time:${bootLastTime},time:${elaspedTime}});`); \n    }\n} \n\n\nvar styles = StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      backgroundColor: '#F5FCFF',\n    },\n    welcome: {\n      fontSize: 20,\n      textAlign: 'center',\n      margin: 10,\n    },\n    // Flex to fill, position absolute, \n    // Fixed left/top, and the width set to the window width\n    overlay: { \n      width: 25,\n      height: 25, \n      right: 5,\n      alignSelf: 'flex-end'\n    }  \n  });"]}
+{"version":3,"sources":["BootpayWebView.js"],"names":["React","Component","useRef","SafeAreaView","Modal","Platform","TouchableOpacity","Image","StyleSheet","WebView","UserInfo","BootpayWebView","visibility","script","firstLoad","payload","items","user","extra","application_id","OS","props","ios_application_id","android_application_id","user_info","quickPopup","undefined","quick_popup","setState","getMountJavascript","generateScript","showCloseButton","show_close_button","updateInfo","removePaymentWindow","getBootpayPlatform","getAnalyticsData","onError","onCancel","onReady","onConfirm","onClose","onDone","JSON","stringify","nativeEvent","data","json","action","message","dismiss","parse","url","callJavaScript","webView","injectJavaScript","uuid","getBootpayUUID","bootpaySK","getBootpaySK","bootLastTime","getBootpayLastTime","elaspedTime","Date","now","componentWillUnmount","setBootpayLastTime","render","state","flex","cancelData","closeData","styles","overlay","require","wv","uri","onMessage","onShouldStartLoadWithRequest","create","container","justifyContent","alignItems","backgroundColor","welcome","fontSize","textAlign","margin","width","height","right","alignSelf"],"mappings":"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","sourcesContent":["\n\nimport React, { Component, useRef } from 'react';\nimport { SafeAreaView, Modal, Platform, TouchableOpacity, Image, StyleSheet } from 'react-native';\nimport WebView  from 'react-native-webview-bootpay';\nimport UserInfo from './UserInfo'\n\nexport class BootpayWebView extends Component {\n    webView = useRef<WebView>(null); \n\n    state = {\n        visibility: false, \n        script: '',\n        firstLoad: false\n    } \ns\n    async componentWillUnmount() {\n        this.setState(\n            {\n                visibility: false, \n                firstLoad: false,\n                showCloseButton: false\n            }\n        )\n        UserInfo.setBootpayLastTime(Date.now());\n    }\n \n    render() {\n\n\n        return <Modal\n            animationType={'slide'}\n            transparent={false}\n            visible={this.state.visibility}>\n            <SafeAreaView style={{ flex: 1 }}>\n                {\n                    this.state.showCloseButton &&\n                    <TouchableOpacity\n                        onPress={() => {\n                            var cancelData = {\n                                action: 'BootpayCancel',\n                                message: '사용자에 의해 취소되었습니다'\n                            }\n                            var closeData = {\n                                action: 'BootpayClose',\n                                message: '결제창이 닫혔습니다'\n                            }\n                            \n                            if(this.props.onCancel != undefined) this.props.onCancel(cancelData);\n                            if(this.props.onClose != undefined) this.props.onClose(closeData); \n\n                            this.setState({visibility: false})\n                        } }>\n                        <Image \n                            style={[styles.overlay]}\n                            source={require('../images/close.png')} />\n                    </TouchableOpacity>\n                }\n                <WebView\n                    ref={(wv) => this.webView = wv}\n                    useWebKit={true}\n                    originWhitelist={['*']}\n                    source={{\n                        uri: 'https://inapp.bootpay.co.kr/3.3.3/production.html'\n                    }}\n                    injectedJavaScript={this.state.script}\n                    javaScriptEnabled={true}\n                    javaScriptCanOpenWindowsAutomatically={true}\n                    scalesPageToFit={true} \n                    onMessage={this.onMessage}\n                    onShouldStartLoadWithRequest={this.onShouldStartLoadWithRequest}\n                />\n            </SafeAreaView>\n\n        </Modal>\n    }\n\n    request = async (payload, items, user, extra) => {        \n\n        payload.application_id =  Platform.OS == 'ios' ? this.props.ios_application_id : this.props.android_application_id;\n        payload.items = items;\n        payload.user_info = user;\n        payload.extra = extra; \n \n\n        var quickPopup = '';\n\n        if(extra != undefined && extra.quick_popup != undefined) {\n            if(extra.quick_popup == 1) {\n                quickPopup = 'BootPay.startQuickPopup();';\n            }\n        } \n        \n\n        //visibility가 true가 되면 webview onLoaded가 실행됨\n        this.setState(\n            {\n                visibility: true,\n                script: `\n                ${await this.getMountJavascript()}\n                ${quickPopup}\n                ${this.generateScript(payload)}\n                `,\n                firstLoad: false,\n                showCloseButton: extra.show_close_button || false  \n            }\n        ) \n\n        UserInfo.updateInfo();\n    }\n\n    dismiss = () => {\n        this.setState(\n            ({ visibility }) => ({\n                visibility: false\n            })\n        )\n        this.removePaymentWindow();\n    }\n \n\n    getMountJavascript = async () => { \n        return `\n        ${this.getBootpayPlatform()}\n        ${await this.getAnalyticsData()}\n        `; \n    }\n\n\n    generateScript= (payload) => { \n        const onError = '.error(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onCancel = '.cancel(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onReady = '.ready(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onConfirm = '.confirm(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n        const onClose = '.close(function(data){ window.BootpayRNWebView.postMessage(\"close\"); })';\n        const onDone = '.done(function(data){ window.BootpayRNWebView.postMessage( JSON.stringify(data) ); })';\n\n        return `BootPay.request(${JSON.stringify(payload)})` + onError + onCancel + onReady + onConfirm + onClose + onDone + '; void(0);';\n    }\n\n    onMessage = ({ nativeEvent }) => { \n        if (nativeEvent == undefined || nativeEvent.data == undefined) return;\n    \n        if(nativeEvent.data == 'close') {\n            if(this.props.onClose == undefined) return;\n            var json = {\n                action: 'BootpayClose',\n                message: '결제창이 닫혔습니다'\n            }\n            this.props.onClose(json);\n            this.dismiss();\n            return;\n        }\n\n        const data = JSON.parse(nativeEvent.data);\n        switch (data.action) {\n            case 'BootpayCancel':\n                if(this.props.onCancel != undefined) this.props.onCancel(data);\n                this.setState(\n                    {\n                        visibility: false\n                    }\n                )\n                break;\n            case 'BootpayError':\n                if(this.props.onError != undefined) this.props.onError(data);\n                this.setState(\n                    {\n                        visibility: false\n                    }\n                )\n                break;\n            case 'BootpayBankReady':\n                if(this.props.onReady != undefined) this.props.onReady(data);\n                break;\n            case 'BootpayConfirm':\n                if(this.props.onConfirm != undefined) this.props.onConfirm(data);\n                break;\n            case 'BootpayDone':\n                if(this.props.onDone != undefined) this.props.onDone(data);\n                this.setState(\n                    {\n                        visibility: false\n                    }\n                )\n                break;\n        }\n    }\n\n    onShouldStartLoadWithRequest = (url) => { \n        return true;\n    }\n\n    getBootpayPlatform = () => { \n        if(Platform.OS == 'ios') {\n            return \"BootPay.setDevice('IOS');\";\n        } else if(Platform.OS == 'android'){\n            return \"BootPay.setDevice('ANDROID');\"; \n        }\n    }\n\n    // setPayScript = () => {\n        // const fullScript = this.generateScript(this.state.script);\n        // this.injectJavaScript(fullScript);\n        // if(this.state.showCloseButton == true) {\n        //     if(this.webView == null || this.webView == undefined) return; \n        //     this.webView.showCloseButton();\n        // }\n    // } \n\n    transactionConfirm = (data) => {\n        // console.log('transactionConfirm: ' + data);\n\n        var json = JSON.stringify(data)\n        this.callJavaScript(`\n        BootPay.transactionConfirm(${json});\n          `);\n    }\n\n    removePaymentWindow = () => {\n        this.callJavaScript(`\n        BootPay.removePaymentWindow();\n          `);\n    } \n\n    callJavaScript = (script) => {\n        if(this.webView == null || this.webView == undefined) return;\n\n        // console.log('callJavascript: ' + script);\n\n        this.webView.injectJavaScript(`\n        javascript:(function(){${script} })()\n        `);\n        //   this.webView.evalu\n    }  \n\n    getAnalyticsData = async () => { \n        const uuid = await UserInfo.getBootpayUUID(); \n        const bootpaySK = await UserInfo.getBootpaySK();\n        const bootLastTime = await UserInfo.getBootpayLastTime();      \n\n\n        const elaspedTime = Date.now() - bootLastTime;  \n        return `window.BootPay.setAnalyticsData({uuid:'${uuid}',sk:'${bootpaySK}',sk_time:${bootLastTime},time:${elaspedTime}});`;\n        // this.callJavaScript(`window.BootPay.setAnalyticsData({uuid:'${uuid}',sk:'${bootpaySK}',sk_time:${bootLastTime},time:${elaspedTime}});`); \n    }\n} \n\n\nvar styles = StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      backgroundColor: '#F5FCFF',\n    },\n    welcome: {\n      fontSize: 20,\n      textAlign: 'center',\n      margin: 10,\n    },\n    // Flex to fill, position absolute, \n    // Fixed left/top, and the width set to the window width\n    overlay: { \n      width: 25,\n      height: 25, \n      right: 5,\n      alignSelf: 'flex-end'\n    }  \n  });"]}

package/lib/module/index.d.js

@@ -1,17 +1,28 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import { Component } from 'react';
-export class BootpayWebView extends Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "request", void 0);
-
-    _defineProperty(this, "dismiss", void 0);
-
-    _defineProperty(this, "transactionConfirm", void 0);
-  }
-
-}
-export { BootpayWebView };
+import { BootpayWebView } from './BootpayWebView';
+import { userTrace, pageTrace } from './BootpayAnalytics';
+export { BootpayWebView, userTrace, pageTrace }; // interface BootpayWebViewProps {
+//     ios_application_id: string;
+//     android_application_id: string;
+//     onCancel: (data: string) => void;
+//     onError: (data: string) => void;
+//     onReady: (data: string) => void;
+//     onConfirm: (data: string) => void;
+//     onDone: (data: string) => void;
+//     onClose: () => void;
+//   }
+// export class BootpayWebView extends Component<BootpayWebViewProps> { 
+//     request: (payload: Object, items: Object, user: Object, extra: Object) => Promise<string>;
+//     dismiss: () => Promise<string>;
+//     transactionConfirm: (data: string) => Promise<string>;
+// }
+// export class BootpayAnalytics {
+//   static userTrace: () => void;
+//   static pageTrace: () => void;
+// }
+// export const userTrace: () => void;
+// export default function pageTrace(): void;
+// export const userTrace: () => void;
+// export default function PageTrace() : void;
+// const Bootpay = 
+// export { BootpayWebView, userTrace, pageTrace }
 //# sourceMappingURL=index.d.js.map

package/lib/module/index.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.d.ts"],"names":["Component","BootpayWebView"],"mappings":";;AAAA,SAASA,SAAT,QAAqC,OAArC;AAiBA,OAAO,MAAMC,cAAN,SAA6BD,SAA7B,CAA4D;AAAA;AAAA;;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAOnE,SAASC,cAAT","sourcesContent":["import { Component, ReactNode } from 'react';\nimport { ViewProperties, EmitterSubscription } from 'react-native';\nimport { EventEmitter } from 'events';\n\n\ninterface BootpayWebViewProps {\n    ios_application_id: string;\n    android_application_id: string;\n\n    onCancel: (data: string) => void;\n    onError: (data: string) => void;\n    onReady: (data: string) => void;\n    onConfirm: (data: string) => void;\n    onDone: (data: string) => void;\n    onClose: () => void;\n  }\n\nexport class BootpayWebView extends Component<BootpayWebViewProps> { \n    request: (payload: Object, items: Object, user: Object, extra: Object) => Promise<string>;\n    dismiss: () => Promise<string>;\n    transactionConfirm: (data: string) => Promise<string>;\n}\n\n \nexport { BootpayWebView }"]}
+{"version":3,"sources":["index.d.ts"],"names":["BootpayWebView","userTrace","pageTrace"],"mappings":"AAKA,SAASA,cAAT,QAA+B,kBAA/B;AACA,SAASC,SAAT,EAAoBC,SAApB,QAAqC,oBAArC;AAGA,SAASF,cAAT,EAAyBC,SAAzB,EAAoCC,SAApC,G,CAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA","sourcesContent":["import { Component, ReactNode } from 'react';\nimport { ViewProperties, EmitterSubscription } from 'react-native';\nimport { EventEmitter } from 'events';\n\n\nimport { BootpayWebView } from './BootpayWebView'\nimport { userTrace, pageTrace } from './BootpayAnalytics'\n\n\nexport { BootpayWebView, userTrace, pageTrace }\n\n// interface BootpayWebViewProps {\n//     ios_application_id: string;\n//     android_application_id: string;\n\n//     onCancel: (data: string) => void;\n//     onError: (data: string) => void;\n//     onReady: (data: string) => void;\n//     onConfirm: (data: string) => void;\n//     onDone: (data: string) => void;\n//     onClose: () => void;\n//   }\n\n// export class BootpayWebView extends Component<BootpayWebViewProps> { \n//     request: (payload: Object, items: Object, user: Object, extra: Object) => Promise<string>;\n//     dismiss: () => Promise<string>;\n//     transactionConfirm: (data: string) => Promise<string>;\n// }\n\n// export class BootpayAnalytics {\n//   static userTrace: () => void;\n//   static pageTrace: () => void;\n// }\n\n// export const userTrace: () => void;\n// export default function pageTrace(): void;\n// export const userTrace: () => void;\n\n// export default function PageTrace() : void;\n\n// const Bootpay = \n \n// export { BootpayWebView, userTrace, pageTrace }"]}

package/lib/module/index.js

@@ -1,6 +1,8 @@
-import { useBootpay } from './useBootpay';
+// import { useBootpay } from './useBootpay';
 import { BootpayWebView } from './BootpayWebView';
-export { useBootpay, BootpayWebView }; // import React, { Component } from 'react';
+import { userTrace, pageTrace } from './BootpayAnalytics';
+export { BootpayWebView, userTrace, pageTrace }; // export { useBootpay };
+// import React, { Component } from 'react';
 // import WebView  from 'react-native-webview-bootpay';
 // export class BootpayWebView extends Component {
 //     render() {

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"names":["useBootpay","BootpayWebView"],"mappings":"AACA,SAASA,UAAT,QAA2B,cAA3B;AACA,SAASC,cAAT,QAA+B,kBAA/B;AAEA,SAASD,UAAT,EAAqBC,cAArB,G,CAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":[" \nimport { useBootpay } from './useBootpay';\nimport { BootpayWebView } from './BootpayWebView'\n\nexport { useBootpay, BootpayWebView };\n\n// import React, { Component } from 'react';\n// import WebView  from 'react-native-webview-bootpay';\n\n// export class BootpayWebView extends Component {\n//     render() {\n//         return <WebView \n//             useWebKit={true}\n//             originWhitelist={['*']}\n//             source={{\n//                 uri: 'https://www.google.com'\n//             }}\n//             javaScriptEnabled={true}\n//             javaScriptCanOpenWindowsAutomatically={true}\n//             scalesPageToFit={true}  \n//         />\n//     }\n// } "]}
+{"version":3,"sources":["index.js"],"names":["BootpayWebView","userTrace","pageTrace"],"mappings":"AACA;AACA,SAASA,cAAT,QAA+B,kBAA/B;AACA,SAASC,SAAT,EAAoBC,SAApB,QAAqC,oBAArC;AAEA,SAAUF,cAAV,EAA0BC,SAA1B,EAAqCC,SAArC,G,CACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":[" \n// import { useBootpay } from './useBootpay';\nimport { BootpayWebView } from './BootpayWebView'\nimport { userTrace, pageTrace } from './BootpayAnalytics'\n\nexport {  BootpayWebView, userTrace, pageTrace };\n// export { useBootpay };\n\n// import React, { Component } from 'react';\n// import WebView  from 'react-native-webview-bootpay';\n\n// export class BootpayWebView extends Component {\n//     render() {\n//         return <WebView \n//             useWebKit={true}\n//             originWhitelist={['*']}\n//             source={{\n//                 uri: 'https://www.google.com'\n//             }}\n//             javaScriptEnabled={true}\n//             javaScriptCanOpenWindowsAutomatically={true}\n//             scalesPageToFit={true}  \n//         />\n//     }\n// } "]}

package/lib/module/useBootpay.js

@@ -1,23 +1,43 @@
-import { useCallback } from 'react';
-import BootpayWebView from './BootpayWebView';
-export const useBootpay = () => {
-  const bootpay = useRef(new BootpayWebView());
-  const [bootpayEvents, setBootpayEvents] = useState([]);
-  const request = useCallback((payload, items, user, extra) => {
-    return bootpay.current.request(payload, items, user, extra);
-  }, []);
-  const dismiss = useCallback(() => {
-    return bootpay.current.dismiss();
-  }, []);
-  const transactionConfirm = useCallback(data => {
-    return bootpay.current.transactionConfirm(data);
-  }, []);
-  return [{
-    bootpayEvents
-  }, {
-    request,
-    transactionConfirm,
-    dismiss
-  }];
-};
+// import { useCallback } from 'react';
+// import BootpayAnalytics  from './BootpayAnalytics';
+// import BootpayWebView from './BootpayWebView'; 
+// export const useBootpay = () => {
+//     const bootpay = useRef(new BootpayWebView());
+//     // const anlaytics = useRef(new BootpayAnalytics());
+//     const [bootpayEvents, setBootpayEvents] = useState([]);
+//     const request = useCallback((payload, items, user, extra) => {
+//         console.log('use call reqeust');
+//         return bootpay.current.request(payload, items, user, extra);
+//     }, []);
+//     const dismiss = useCallback(() => {
+//         console.log('use call dismiss');
+//         return bootpay.current.dismiss();
+//     }, []);
+//     const transactionConfirm = useCallback((data) => {
+//         console.log('use call transactionConfirm');
+//         return bootpay.current.transactionConfirm(data);
+//     }, []);
+//     const userTrace = useCallback(() => {
+//         console.log('user trace click');
+//         BootpayAnalytics.userTrace();
+//         // return anlaytics.current.userTrace();
+//     }, []);
+//     const pageTrace = useCallback(() => {
+//         BootpayAnalytics.pageTrace();
+//         // return anlaytics.current.pageTrace();
+//     }, []);
+//     return [
+//         {
+//           bootpayEvents,
+//         },
+//         {
+//             request,
+//             transactionConfirm,
+//             dismiss,
+//             text,
+//             userTrace,
+//             pageTrace
+//         },
+//       ];
+// }
 //# sourceMappingURL=useBootpay.js.map

package/lib/module/useBootpay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBootpay.js"],"names":["useCallback","BootpayWebView","useBootpay","bootpay","useRef","bootpayEvents","setBootpayEvents","useState","request","payload","items","user","extra","current","dismiss","transactionConfirm","data"],"mappings":"AAAA,SAASA,WAAT,QAA4B,OAA5B;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AAEA,OAAO,MAAMC,UAAU,GAAG,MAAM;AAC5B,QAAMC,OAAO,GAAGC,MAAM,CAAC,IAAIH,cAAJ,EAAD,CAAtB;AACA,QAAM,CAACI,aAAD,EAAgBC,gBAAhB,IAAoCC,QAAQ,CAAC,EAAD,CAAlD;AAEA,QAAMC,OAAO,GAAGR,WAAW,CAAC,CAACS,OAAD,EAAUC,KAAV,EAAiBC,IAAjB,EAAuBC,KAAvB,KAAiC;AACzD,WAAOT,OAAO,CAACU,OAAR,CAAgBL,OAAhB,CAAwBC,OAAxB,EAAiCC,KAAjC,EAAwCC,IAAxC,EAA8CC,KAA9C,CAAP;AACH,GAF0B,EAExB,EAFwB,CAA3B;AAIA,QAAME,OAAO,GAAGd,WAAW,CAAC,MAAM;AAC9B,WAAOG,OAAO,CAACU,OAAR,CAAgBC,OAAhB,EAAP;AACH,GAF0B,EAExB,EAFwB,CAA3B;AAIA,QAAMC,kBAAkB,GAAGf,WAAW,CAAEgB,IAAD,IAAU;AAC7C,WAAOb,OAAO,CAACU,OAAR,CAAgBE,kBAAhB,CAAmCC,IAAnC,CAAP;AACH,GAFqC,EAEnC,EAFmC,CAAtC;AAIA,SAAO,CACH;AACEX,IAAAA;AADF,GADG,EAIH;AACIG,IAAAA,OADJ;AAEIO,IAAAA,kBAFJ;AAGID,IAAAA;AAHJ,GAJG,CAAP;AAUH,CA1BM","sourcesContent":["import { useCallback } from 'react';\nimport BootpayWebView from './BootpayWebView';\n\nexport const useBootpay = () => {\n    const bootpay = useRef(new BootpayWebView());\n    const [bootpayEvents, setBootpayEvents] = useState([]);\n\n    const request = useCallback((payload, items, user, extra) => {\n        return bootpay.current.request(payload, items, user, extra);\n    }, []);\n\n    const dismiss = useCallback(() => {\n        return bootpay.current.dismiss();\n    }, []);\n\n    const transactionConfirm = useCallback((data) => {\n        return bootpay.current.transactionConfirm(data);\n    }, []);\n\n    return [\n        {\n          bootpayEvents,\n        },\n        {\n            request,\n            transactionConfirm,\n            dismiss\n        },\n      ];\n}\n"]}
+{"version":3,"sources":["useBootpay.js"],"names":[],"mappings":"AAAA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["// import { useCallback } from 'react';\n// import BootpayAnalytics  from './BootpayAnalytics';\n// import BootpayWebView from './BootpayWebView'; \n\n// export const useBootpay = () => {\n//     const bootpay = useRef(new BootpayWebView());\n//     // const anlaytics = useRef(new BootpayAnalytics());\n\n//     const [bootpayEvents, setBootpayEvents] = useState([]);\n\n//     const request = useCallback((payload, items, user, extra) => {\n//         console.log('use call reqeust');\n//         return bootpay.current.request(payload, items, user, extra);\n//     }, []);\n\n//     const dismiss = useCallback(() => {\n//         console.log('use call dismiss');\n//         return bootpay.current.dismiss();\n//     }, []);\n\n//     const transactionConfirm = useCallback((data) => {\n//         console.log('use call transactionConfirm');\n//         return bootpay.current.transactionConfirm(data);\n//     }, []);\n\n//     const userTrace = useCallback(() => {\n\n//         console.log('user trace click');\n//         BootpayAnalytics.userTrace();\n//         // return anlaytics.current.userTrace();\n//     }, []);\n\n//     const pageTrace = useCallback(() => {\n//         BootpayAnalytics.pageTrace();\n//         // return anlaytics.current.pageTrace();\n//     }, []);\n\n//     return [\n//         {\n//           bootpayEvents,\n//         },\n//         {\n//             request,\n//             transactionConfirm,\n//             dismiss,\n//             text,\n//             userTrace,\n//             pageTrace\n//         },\n//       ];\n// }\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bootpay-api",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "test",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -66,7 +66,10 @@
     "typescript": "^4.1.3",
     "react-native-webview-bootpay": "^11.6.45",
     "react-native-device-info": "^8.4.0",
-    "react-native-sensitive-info": "^5.5.8"
+    "react-native-sensitive-info": "^5.5.8",
+    "react-native-base64": "^0.2.1",
+    "react-native-crypto-aes-cbc": "^1.0.8",
+    "react-native-aes-crypto": "^1.3.10"
   }, 
   "peerDependencies": {
     "react": "*",

package/src/BootpayAnalytics.js

@@ -0,0 +1,131 @@
+
+ 
+import base64 from 'react-native-base64'
+import DeviceInfo from 'react-native-device-info';
+
+// import CryptoJS from 'crypto-js';
+import CryptoAesCbc from 'react-native-crypto-aes-cbc';
+import { NativeModules, Platform } from 'react-native'
+var Aes = NativeModules.Aes
+
+
+const userTrace = async (applicationId, userId, phone, email, gender, birth, area) => { 
+    try {        
+        const payload = {
+            "id": userId,            
+            "ver": DeviceInfo.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);
+    }
+}
+
+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);
+    }
+}
+
+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 = base64.encode(key);
+    const ivValue = base64.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;
+        })
+    })
+
+}
+
+export { userTrace, pageTrace }

package/src/BootpayWebView.js

@@ -24,7 +24,7 @@ s
         )
         UserInfo.setBootpayLastTime(Date.now());
     }
-
+ 
     render() {
 
 

package/src/index.d.ts

@@ -3,23 +3,41 @@ import { ViewProperties, EmitterSubscription } from 'react-native';
 import { EventEmitter } from 'events';
 
 
-interface BootpayWebViewProps {
-    ios_application_id: string;
-    android_application_id: string;
-
-    onCancel: (data: string) => void;
-    onError: (data: string) => void;
-    onReady: (data: string) => void;
-    onConfirm: (data: string) => void;
-    onDone: (data: string) => void;
-    onClose: () => void;
-  }
-
-export class BootpayWebView extends Component<BootpayWebViewProps> { 
-    request: (payload: Object, items: Object, user: Object, extra: Object) => Promise<string>;
-    dismiss: () => Promise<string>;
-    transactionConfirm: (data: string) => Promise<string>;
-}
+import { BootpayWebView } from './BootpayWebView'
+import { userTrace, pageTrace } from './BootpayAnalytics'
 
+
+export { BootpayWebView, userTrace, pageTrace }
+
+// interface BootpayWebViewProps {
+//     ios_application_id: string;
+//     android_application_id: string;
+
+//     onCancel: (data: string) => void;
+//     onError: (data: string) => void;
+//     onReady: (data: string) => void;
+//     onConfirm: (data: string) => void;
+//     onDone: (data: string) => void;
+//     onClose: () => void;
+//   }
+
+// export class BootpayWebView extends Component<BootpayWebViewProps> { 
+//     request: (payload: Object, items: Object, user: Object, extra: Object) => Promise<string>;
+//     dismiss: () => Promise<string>;
+//     transactionConfirm: (data: string) => Promise<string>;
+// }
+
+// export class BootpayAnalytics {
+//   static userTrace: () => void;
+//   static pageTrace: () => void;
+// }
+
+// export const userTrace: () => void;
+// export default function pageTrace(): void;
+// export const userTrace: () => void;
+
+// export default function PageTrace() : void;
+
+// const Bootpay = 
  
-export { BootpayWebView }
+// export { BootpayWebView, userTrace, pageTrace }

package/src/index.js

@@ -1,8 +1,10 @@
  
-import { useBootpay } from './useBootpay';
+// import { useBootpay } from './useBootpay';
 import { BootpayWebView } from './BootpayWebView'
+import { userTrace, pageTrace } from './BootpayAnalytics'
 
-export { useBootpay, BootpayWebView };
+export {  BootpayWebView, userTrace, pageTrace };
+// export { useBootpay };
 
 // import React, { Component } from 'react';
 // import WebView  from 'react-native-webview-bootpay';

package/src/useBootpay.js

@@ -1,30 +1,51 @@
-import { useCallback } from 'react';
-import BootpayWebView from './BootpayWebView';
-
-export const useBootpay = () => {
-    const bootpay = useRef(new BootpayWebView());
-    const [bootpayEvents, setBootpayEvents] = useState([]);
-
-    const request = useCallback((payload, items, user, extra) => {
-        return bootpay.current.request(payload, items, user, extra);
-    }, []);
-
-    const dismiss = useCallback(() => {
-        return bootpay.current.dismiss();
-    }, []);
-
-    const transactionConfirm = useCallback((data) => {
-        return bootpay.current.transactionConfirm(data);
-    }, []);
-
-    return [
-        {
-          bootpayEvents,
-        },
-        {
-            request,
-            transactionConfirm,
-            dismiss
-        },
-      ];
-}
+// import { useCallback } from 'react';
+// import BootpayAnalytics  from './BootpayAnalytics';
+// import BootpayWebView from './BootpayWebView'; 
+
+// export const useBootpay = () => {
+//     const bootpay = useRef(new BootpayWebView());
+//     // const anlaytics = useRef(new BootpayAnalytics());
+
+//     const [bootpayEvents, setBootpayEvents] = useState([]);
+
+//     const request = useCallback((payload, items, user, extra) => {
+//         console.log('use call reqeust');
+//         return bootpay.current.request(payload, items, user, extra);
+//     }, []);
+
+//     const dismiss = useCallback(() => {
+//         console.log('use call dismiss');
+//         return bootpay.current.dismiss();
+//     }, []);
+
+//     const transactionConfirm = useCallback((data) => {
+//         console.log('use call transactionConfirm');
+//         return bootpay.current.transactionConfirm(data);
+//     }, []);
+
+//     const userTrace = useCallback(() => {
+
+//         console.log('user trace click');
+//         BootpayAnalytics.userTrace();
+//         // return anlaytics.current.userTrace();
+//     }, []);
+
+//     const pageTrace = useCallback(() => {
+//         BootpayAnalytics.pageTrace();
+//         // return anlaytics.current.pageTrace();
+//     }, []);
+
+//     return [
+//         {
+//           bootpayEvents,
+//         },
+//         {
+//             request,
+//             transactionConfirm,
+//             dismiss,
+//             text,
+//             userTrace,
+//             pageTrace
+//         },
+//       ];
+// }