react-native-bootpay-api 1.3.0 → 1.4.3

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
+//         },
+//       ];
+// }