react-native-bootpay-api 4.3.3 → 5.0.25

package/index.tsx

@@ -0,0 +1,4 @@
+import { Bootpay } from './src/Bootpay';
+import { Payload, Extra, Item, User } from './src/BootpayTypes';
+export { Bootpay, Payload, Extra, Item, User };
+export default Bootpay;

package/lib/Bootpay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Bootpay.d.ts","sourceRoot":"","sources":["../src/Bootpay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,OAAO,EAAE,EAAC,mBAAmB,EAAC,MAAO,8BAA8B,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAQ/E,qBAAa,OAAQ,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAGrD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;gBAEtB,KAAK,EAAE,iBAAiB;IAMpC,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,KAAK;;;;;;MAMJ;IAED,QAAQ,SAAU;IAClB,MAAM,UAAS;IAGf,OAAO,aAMN;IAGD,eAAe,WAAY,OAAO,UAMjC;IAGD,YAAY,aAGX;IAGD,SAAS,gDAoGR;IAED,4BAA4B,MAAQ,MAAM,aAEzC;IAED,aAAa,eAUZ;IAED,kBAAkB,0DAMjB;IAED,kBAAkB,2EAQjB;IAWD,kBAAkB,aAajB;IAED,mBAAmB,aAKlB;IAED,cAAc,WAAY,MAAM,UAM/B;IAED,gBAAgB,wBASf;IAED,OAAO,eAEN;IAED,IAAI,eAEH;IAED,MAAM,eAEL;IAED,KAAK,eAEJ;IAED,MAAM,eAEL;IAED,KAAK,eAEJ;IAIK,oBAAoB;IAY1B,iBAAiB;IAIjB,MAAM;IA+DN,cAAc,YAAmB,OAAO,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,mBAGhF;IAED,mBAAmB,YAAmB,OAAO,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,mBAErF;IAED,qBAAqB,YAAmB,OAAO,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,mBAEvF;IAED,cAAc,YAAmB,OAAO,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,iBAAiB,MAAM,mBA4BvG;IAGD,kBAAkB,wBAQjB;IAGD,cAAc,YAAY,OAAO,iBAAiB,MAAM,YAavD;CAEJ"}
+{"version":3,"file":"Bootpay.d.ts","sourceRoot":"","sources":["../src/Bootpay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,OAAO,EAAE,EAAC,mBAAmB,EAAC,MAAO,8BAA8B,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAQ/E,qBAAa,OAAQ,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAGrD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;gBAEtB,KAAK,EAAE,iBAAiB;IAMpC,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,KAAK;;;;;;MAMJ;IAED,QAAQ,SAAU;IAClB,MAAM,UAAS;IAGf,OAAO,aAMN;IAGD,eAAe,WAAY,OAAO,UAMjC;IAGD,YAAY,aAGX;IAGD,SAAS,gDA6GR;IAED,4BAA4B,MAAQ,MAAM,aAEzC;IAED,aAAa,eAUZ;IAED,kBAAkB,0DAMjB;IAED,kBAAkB,2EAQjB;IAWD,kBAAkB,aAajB;IAED,mBAAmB,aAKlB;IAED,cAAc,WAAY,MAAM,UAM/B;IAED,gBAAgB,wBASf;IAED,OAAO,eAEN;IAED,IAAI,eAEH;IAED,MAAM,eAEL;IAED,KAAK,eAEJ;IAED,MAAM,eAEL;IAED,KAAK,eAEJ;IAIK,oBAAoB;IAY1B,iBAAiB;IAIjB,MAAM;IAyDN,cAAc,YAAmB,OAAO,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,mBAGhF;IAED,mBAAmB,YAAmB,OAAO,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,mBAErF;IAED,qBAAqB,YAAmB,OAAO,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,mBAEvF;IAED,cAAc,YAAmB,OAAO,SAAS,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,iBAAiB,MAAM,mBA4BvG;IAGD,kBAAkB,wBAQjB;IAGD,cAAc,YAAY,OAAO,iBAAiB,MAAM,YAavD;CAEJ"}

package/lib/Bootpay.js

@@ -142,8 +142,12 @@ var Bootpay = /** @class */ (function (_super) {
                             break;
                         case 'confirm':
                             this.showProgressBar(true);
-                            if (this.props.onConfirm != undefined)
-                                this.props.onConfirm(data);
+                            // if(this.props.onConfirm != undefined) this.props.onConfirm(data);
+                            if (this.props.onConfirm != undefined) {
+                                if (this.props.onConfirm(data)) {
+                                    this.transactionConfirm();
+                                }
+                            }
                             break;
                         case 'done':
                             this.showProgressBar(false);
@@ -178,8 +182,11 @@ var Bootpay = /** @class */ (function (_super) {
                             break;
                         case 'confirm':
                             this.showProgressBar(true);
-                            if (this.props.onConfirm != undefined)
-                                this.props.onConfirm(data);
+                            if (this.props.onConfirm != undefined) {
+                                if (this.props.onConfirm(data)) {
+                                    this.transactionConfirm();
+                                }
+                            }
                             break;
                         case 'done':
                             this.showProgressBar(false);
@@ -407,15 +414,9 @@ var Bootpay = /** @class */ (function (_super) {
                     }}> 
                             <Image style={[styles.overlay]} source={require('../images/close.png')}/>
                         </TouchableOpacity>}
-                    
-              
- 
-              
-                    
-
-
+                     
                     <WebView ref={this.webView} originWhitelist={['*']} source={{
-                uri: 'https://webview.bootpay.co.kr/4.2.7'
+                uri: 'https://webview.bootpay.co.kr/4.3.3'
             }} injectedJavaScript={this.state.script} javaScriptEnabled={true} javaScriptCanOpenWindowsAutomatically={true} 
         // scalesPageToFit={true} 
         onMessage={this.onMessage}/>

package/lib/BootpayTypes.d.ts

@@ -1,5 +1,6 @@
 import { ViewProps } from 'react-native';
 export interface BootpayTypesProps extends ViewProps {
+    ref?: any;
     ios_application_id?: string;
     android_application_id?: string;
     onCancel?: (data: Object) => void;

package/lib/BootpayTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BootpayTypes.d.ts","sourceRoot":"","sources":["../src/BootpayTypes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BootpayTypes.d.ts","sourceRoot":"","sources":["../src/BootpayTypes.ts"],"names":[],"mappings":"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"}

package/lib/bootpayAnalytics.d.ts

@@ -0,0 +1,12 @@
+declare module 'react-native' {
+    interface NativeModulesStatic {
+        Aes: {
+            encrypt: (data: string, key: string, iv: string) => Promise<string>;
+            hmac256: (data: string, key: string) => Promise<string>;
+        };
+    }
+}
+declare const userTrace: (applicationId: string, userId: string, phone: string, email: string, gender: string, birth: string, area: string) => Promise<any>;
+declare const pageTrace: (applicationId: string, url: string, pageType: string, items: any) => Promise<any>;
+export { userTrace, pageTrace };
+//# sourceMappingURL=bootpayAnalytics.d.ts.map

package/lib/bootpayAnalytics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootpayAnalytics.d.ts","sourceRoot":"","sources":["../src/bootpayAnalytics.ts"],"names":[],"mappings":"AAKA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,mBAAmB;QAC3B,GAAG,EAAE;YACH,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;YACpE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;SACzD,CAAC;KACH;CACF;AA+BD,QAAA,MAAM,SAAS,kBAAyB,MAAM,UAAU,MAAM,SAAS,MAAM,SAAS,MAAM,UAAU,MAAM,SAAS,MAAM,QAAQ,MAAM,KAAG,QAAQ,GAAG,CAwCtJ,CAAC;AAGF,QAAA,MAAM,SAAS,kBAAyB,MAAM,OAAO,MAAM,YAAY,MAAM,SAAS,GAAG,KAAG,QAAQ,GAAG,CAqCtG,CAAC;AAYF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC"}

package/lib/bootpayAnalytics.js

@@ -0,0 +1,195 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import base64 from 'react-native-base64';
+import DeviceInfo from 'react-native-device-info';
+import { NativeModules } from 'react-native';
+// getRandomKey 함수의 반환 타입을 명시
+var getRandomKey = function (length) {
+    var text = '';
+    var keys = 'abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+    for (var i = 0; i < length; i++)
+        text += keys.charAt(Math.floor(Math.random() * keys.length));
+    return text;
+};
+// getSessionKey 함수의 반환 타입을 명시
+var getSessionKey = function (key, iv) { return __awaiter(void 0, void 0, void 0, function () {
+    var keyValue, ivValue;
+    return __generator(this, function (_a) {
+        keyValue = base64.encode(key);
+        ivValue = base64.encode(iv);
+        return [2 /*return*/, "".concat(keyValue, "##").concat(ivValue)];
+    });
+}); };
+// stringToHex 함수의 반환 타입을 명시
+var stringToHex = function (str) {
+    var hex = '';
+    for (var i = 0, l = str.length; i < l; i++) {
+        hex += str.charCodeAt(i).toString(16);
+    }
+    return hex;
+};
+// userTrace 함수의 반환 타입을 명시
+var userTrace = function (applicationId, userId, phone, email, gender, birth, area) { return __awaiter(void 0, void 0, void 0, function () {
+    var payload, key, iv, data, response, _a, _b, _c, _d, json, e_1, error_1;
+    var _e, _f;
+    return __generator(this, function (_g) {
+        switch (_g.label) {
+            case 0:
+                _g.trys.push([0, 8, , 9]);
+                payload = {
+                    "id": userId,
+                    "ver": DeviceInfo.getVersion(),
+                    "application_id": applicationId,
+                    "phone": phone,
+                    "email": email,
+                    "gender": gender,
+                    "birth": birth,
+                    "area": area
+                };
+                key = getRandomKey(32);
+                iv = getRandomKey(16);
+                _g.label = 1;
+            case 1:
+                _g.trys.push([1, 6, , 7]);
+                return [4 /*yield*/, NativeModules.Aes.encrypt(JSON.stringify(payload), stringToHex(key), stringToHex(iv))];
+            case 2:
+                data = _g.sent();
+                _a = fetch;
+                _b = ['https://analytics.bootpay.co.kr/login'];
+                _e = {
+                    method: 'POST',
+                    headers: {
+                        Accept: 'application/json',
+                        'Content-Type': 'application/json'
+                    }
+                };
+                _d = (_c = JSON).stringify;
+                _f = {
+                    data: data
+                };
+                return [4 /*yield*/, getSessionKey(key, iv)];
+            case 3: return [4 /*yield*/, _a.apply(void 0, _b.concat([(_e.body = _d.apply(_c, [(_f.session_key = _g.sent(),
+                            _f)]),
+                        _e)]))];
+            case 4:
+                response = _g.sent();
+                return [4 /*yield*/, response.json()];
+            case 5:
+                json = _g.sent();
+                return [2 /*return*/, json];
+            case 6:
+                e_1 = _g.sent();
+                console.log(e_1);
+                return [3 /*break*/, 7];
+            case 7: return [3 /*break*/, 9];
+            case 8:
+                error_1 = _g.sent();
+                console.error(error_1);
+                return [3 /*break*/, 9];
+            case 9: return [2 /*return*/];
+        }
+    });
+}); };
+// pageTrace 함수의 반환 타입을 명시
+var pageTrace = function (applicationId, url, pageType, items) { return __awaiter(void 0, void 0, void 0, function () {
+    var payload, key, iv, data, response, _a, _b, _c, _d, json, e_2, error_2;
+    var _e, _f;
+    return __generator(this, function (_g) {
+        switch (_g.label) {
+            case 0:
+                _g.trys.push([0, 8, , 9]);
+                payload = {
+                    "application_id": applicationId,
+                    "url": url,
+                    "page_type": pageType,
+                    "items": items,
+                    "referer": ''
+                };
+                key = getRandomKey(32);
+                iv = getRandomKey(16);
+                _g.label = 1;
+            case 1:
+                _g.trys.push([1, 6, , 7]);
+                return [4 /*yield*/, NativeModules.Aes.encrypt(JSON.stringify(payload), stringToHex(key), stringToHex(iv))];
+            case 2:
+                data = _g.sent();
+                _a = fetch;
+                _b = ['https://analytics.bootpay.co.kr/call'];
+                _e = {
+                    method: 'POST',
+                    headers: {
+                        Accept: 'application/json',
+                        'Content-Type': 'application/json'
+                    }
+                };
+                _d = (_c = JSON).stringify;
+                _f = {
+                    data: data
+                };
+                return [4 /*yield*/, getSessionKey(key, iv)];
+            case 3: return [4 /*yield*/, _a.apply(void 0, _b.concat([(_e.body = _d.apply(_c, [(_f.session_key = _g.sent(),
+                            _f)]),
+                        _e)]))];
+            case 4:
+                response = _g.sent();
+                return [4 /*yield*/, response.json()];
+            case 5:
+                json = _g.sent();
+                return [2 /*return*/, json];
+            case 6:
+                e_2 = _g.sent();
+                console.log(e_2);
+                return [3 /*break*/, 7];
+            case 7: return [3 /*break*/, 9];
+            case 8:
+                error_2 = _g.sent();
+                console.error(error_2);
+                return [3 /*break*/, 9];
+            case 9: return [2 /*return*/];
+        }
+    });
+}); };
+// strEncode 함수의 반환 타입을 명시
+// const strEncode = async (str: string, key: string, iv: string): Promise<string> => {
+//   return await NativeModules.Aes.encrypt(str, key, iv).then(cipher => {
+//     return NativeModules.Aes.hmac256(cipher, key).then(hash => {
+//       console.log('HMAC', hash);
+//       return hash;
+//     });
+//   });
+// };
+export { userTrace, pageTrace };

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAK3D,OAAO,EAAG,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAK3D,OAAO,EAAG,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC"}

package/package.json

@@ -1,10 +1,8 @@
 {
   "name": "react-native-bootpay-api",
-  "version": "4.3.3",
+  "version": "5.0.25",
   "description": "React Native를 위한 bootpay 라이브러리 입니다.",
-  "main": "index.js",
-  "main-internal": "src/index.ts",
-  "typings": "src/index.d.ts",
+  "main": "index.tsx", 
   "author": "bootpay <bootpay.co.kr@gmail.com>",
   "license": "MIT",
   "homepage": "https://www.bootpay.co.kr",
@@ -13,8 +11,10 @@
   ],
   "scripts": {
     "android": "react-native run-android",
-    "ios": "react-native run-ios --project-path example/ios",
-    "macos": "react-native run-macos --scheme example --project-path example/macos",
+    "ios": "react-native run-ios",
+    "build:ios": "react-native bundle --entry-file='./index.js' --bundle-output='./example/ios/main.jsbundle' --dev=false --platform='ios'",  
+    
+    "macos": "react-native run-macos --scheme WebviewExample --project-path example/macos",
     "start": "cd example && react-native start",
     "windows": "install-windows-test-app --project-directory example/windows && react-native run-windows --root example --arch x64",
     "ci": "CI=true && yarn lint",
@@ -23,7 +23,8 @@
     "build": "yarn tsc",
     "prepare": "yarn build",
     "appium": "appium",
-    "test:windows": "yarn jest --setupFiles=./jest-setups/jest.setup.js"
+    "test:windows": "yarn jest --setupFiles=./jest-setups/jest.setup.js",
+    "add:macos": "yarn add react-native-macos@0.71.33"
   },
   "rn-docs": {
     "title": "bootpay",
@@ -31,21 +32,20 @@
   }, 
   "peerDependencies": {
     "react": "*",
-    "react-native": "*",
-    "react-native-webview-bootpay": "11.x"
+    "react-native": "*"
   }, 
   "dependencies": {
     "escape-string-regexp": "2.0.0",
-    "invariant": "2.2.4"
+    "invariant": "2.2.4",
+    "react-native-webview-bootpay": "13.6.0"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
     "@babel/runtime": "^7.0.0",
     "@semantic-release/git": "7.0.16",
     "@types/invariant": "^2.2.30",
-    "@types/jest": "^26.0.0",
-    "@types/react": "^17.0.0",
-    "@types/react-native": "^0.67.3",
+    "@types/jest": "^29.4.0",
+    "@types/react": "18.0.27",
     "@types/selenium-webdriver": "4.0.9",
     "@typescript-eslint/eslint-plugin": "2.1.0",
     "@typescript-eslint/parser": "2.1.0",
@@ -58,26 +58,29 @@
     "eslint-plugin-react": "7.14.3",
     "eslint-plugin-react-hooks": "^4.5.0",
     "eslint-plugin-react-native": "3.7.0",
-    "jest": "^26.6.3",
-    "metro-react-native-babel-preset": "^0.67.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-native": "0.68.5",
-    "react-native-macos": "0.66.57",
-    "react-native-test-app": "1.3.8",
-    "react-native-windows": "0.68.4",
+    "jest": "^29.4.1",
+    "metro-react-native-babel-preset": "0.73.7",
+    "react": "18.2.0",
+    "react-native": "0.71.12",
+    "react-native-macos": "0.71.33",
+    "react-native-test-app": "2.5.15",
+    "react-native-windows": "0.71.30",
     "selenium-appium": "1.0.2",
     "selenium-webdriver": "4.0.0-alpha.7",
     "semantic-release": "15.13.24",
     "typescript": "^4.0.0",
-    "winappdriver": "^0.0.7",
-    "react-native-webview-bootpay": "11.26.20",
+    "winappdriver": "^0.0.7", 
     "react-native-device-info": "^8.7.0",
     "react-native-sensitive-info": "^5.5.8",
-    "react-native-base64": "^0.2.1",  
+    "@types/react-native-base64": "^0.2.2",  
     "react-native-aes-crypto": "^2.1.0",
     "@types/lodash": "^4.14.182"
   },  
+  "resolutions": {
+    "@react-native-community/cli": "10.2.4",
+    "@react-native-community/cli-platform-android": "10.2.0",
+    "@react-native-community/cli-platform-ios": "10.2.4"
+  },
   "repository": {
     "type": "git",
     "url":  "https://github.com/bootpay/react-native-bootpay-api.git"
@@ -90,7 +93,9 @@
     "windows",
     "lib",
     "images",
-    "src/index.js",
+    "src",
+    "index.js",
+    "index.d.ts",
     "react-native-bootpay-api.podspec",
     "react-native.config.js"
   ]

package/react-native.config.js

@@ -4,7 +4,7 @@ const project = (() => {
   try {
     const {
       androidManifestPath,
-      iosProjectPath,
+      // iosProjectPath,
       windowsProjectPath,
     } = require('react-native-test-app');
     return {
@@ -15,8 +15,11 @@ const project = (() => {
         ),
       },
       ios: {
-        project: iosProjectPath('example/ios'),
-      }, 
+        sourceDir: 'example/ios',
+      },
+      // ios: {
+      //   project: iosProjectPath('example/ios'),
+      // }, 
     };
   } catch (_) {
     return undefined;

package/src/Bootpay.tsx

@@ -0,0 +1,453 @@
+
+
+import React, { Component } from 'react';
+import { SafeAreaView, Modal, TouchableOpacity, Image, StyleSheet, Platform } from 'react-native';
+// import {  StyleSheet, Platform } from 'react-native';
+// import {  Platform, StyleSheet, Dimensions } from 'react-native';
+import WebView, {WebViewMessageEvent}  from 'react-native-webview-bootpay';
+import { BootpayTypesProps, Payload, Extra, Item, User } from './BootpayTypes';
+import {debounce} from 'lodash';
+import UserInfo from './UserInfo'     
+// import  Loader from './Loader'
+// import ClipLoader  from "react-spinners/ClipLoader";
+// import Spinner from 'react-native-loading-spinner-overlay';
+
+
+export class Bootpay extends Component<BootpayTypesProps> {
+    // webView = useRef<WebView>(null); 
+
+    webView: React.RefObject<WebView>;
+    
+    constructor(props: BootpayTypesProps) {
+        super(props);
+
+        this.webView = React.createRef();
+    }
+
+    payload?: Payload
+
+    state = {
+        visibility: false, 
+        script: '',
+        firstLoad: false,
+        showCloseButton: false,
+        isShowProgress: false 
+    }   
+    // _payload = {}
+    _VERSION = "4.3.1"
+    _DEBUG = false;
+
+
+    dismiss = () => { 
+        this.setState(
+            { 
+                visibility: false
+            }
+        ) 
+    }
+ 
+
+    showProgressBar = (isShow: boolean) => {
+        this.setState(
+            {
+                isShowProgress: isShow
+            }
+        )
+    }
+
+
+    closeDismiss = () => { 
+        if(this.props.onClose != undefined) this.props.onClose();
+        this.dismiss();
+    }
+
+
+    onMessage = async (event: WebViewMessageEvent) => {  
+
+        if (event == undefined) return;
+
+        const res = JSON.parse(JSON.stringify(event.nativeEvent.data));
+  
+    
+        if(res == 'close') {
+            this.showProgressBar(false);
+            this.closeDismiss(); 
+            return;
+        }
+
+ 
+        const data = JSON.parse(res);
+        // console.log(`redirect: ${JSON.stringify(data)}`);
+
+        var redirect = false
+        let show_success = false
+        let show_error = false
+ 
+
+        if(this.payload?.extra != undefined) { 
+            if(this.payload.extra?.open_type == 'redirect') {
+                redirect = true; 
+            }
+            if(this.payload.extra?.display_error_result == true) {
+                show_error = true; 
+            }
+            if(this.payload.extra?.display_success_result == true) {
+                show_success = true; 
+            }
+            
+        }
+
+        if(redirect === true) {
+            switch (data.event) {
+                case 'cancel':
+                    this.showProgressBar(false);
+                    if(this.props.onCancel != undefined) this.props.onCancel(data); 
+                    this.closeDismiss(); 
+                    break;
+                case 'error':
+                    this.showProgressBar(false);
+                    if(this.props.onError != undefined) this.props.onError(data); 
+                    if(show_error == false) {
+                        this.closeDismiss(); 
+                    }
+                    break;
+                case 'issued':
+                    this.showProgressBar(false);
+                    if(this.props.onIssued != undefined) this.props.onIssued(data);
+                    if(show_success == false) {
+                        this.closeDismiss(); 
+                    }
+                    break;
+                case 'confirm':
+                    this.showProgressBar(true);
+                    // if(this.props.onConfirm != undefined) this.props.onConfirm(data);
+                    if(this.props.onConfirm != undefined) {
+                        if(this.props.onConfirm(data)) {
+                            this.transactionConfirm(); 
+                        }
+                    }
+                    break;
+                case 'done':
+                    this.showProgressBar(false);
+                    if(this.props.onDone != undefined) this.props.onDone(data); 
+                    if(show_success == false) {
+                        this.closeDismiss(); 
+                    }
+                    break;
+                case 'close':
+                    this.showProgressBar(false);
+                    this.closeDismiss(); 
+                    break; 
+            }
+        } else {
+            switch (data.event) {
+                case 'cancel':
+                    this.showProgressBar(false);
+                    if(this.props.onCancel != undefined) this.props.onCancel(data); 
+                    break;
+                case 'error':
+                    this.showProgressBar(false);
+                    if(this.props.onError != undefined) this.props.onError(data); 
+                    break;
+                case 'issued':
+                    this.showProgressBar(false);
+                    if(this.props.onIssued != undefined) this.props.onIssued(data);
+                    break;
+                case 'confirm':
+                    this.showProgressBar(true);
+                    if(this.props.onConfirm != undefined) {
+                        if(this.props.onConfirm(data)) {
+                            this.transactionConfirm(); 
+                        }
+                    }
+                    break;
+                case 'done':
+                    this.showProgressBar(false);
+                    if(this.props.onDone != undefined) this.props.onDone(data); 
+                    break;
+                case 'close':
+                    this.showProgressBar(false);
+                    this.closeDismiss(); 
+                    break; 
+            }
+        }  
+    }
+
+    onShouldStartLoadWithRequest = (_ : string) => { 
+        return true;
+    }
+
+    getSDKVersion = () => {
+        if(Platform.OS == 'ios') {
+            return "Bootpay.setVersion('" + this._VERSION + "', 'ios_react_native')"
+            // return "Bootpay.setDevice('IOS');";
+        } else if(Platform.OS == 'android'){
+            return "Bootpay.setVersion('" + this._VERSION + "', 'android_react_native')"
+            // return "Bootpay.setDevice('ANDROID');"; 
+        } else {
+            return ""
+        }
+    }
+
+    getEnvironmentMode = () => {
+        if(this._DEBUG) {
+            return "Bootpay.setEnvironmentMode('development');";
+
+        }
+        return "";
+    }
+
+    getBootpayPlatform = () => { 
+        if(Platform.OS == 'ios') {
+            return "Bootpay.setDevice('IOS');";
+        } else if(Platform.OS == 'android'){
+            return "Bootpay.setDevice('ANDROID');"; 
+        } else {
+            return ""
+        }
+    }
+
+    // setPayScript = () => {
+        // const fullScript = this.generateScript(this.state.script);
+        // this.injectJavaScript(fullScript);
+        // if(this.state.showCloseButton == true) {
+        //     if(this.webView == null || this.webView == undefined) return; 
+        //     this.webView.showCloseButton( );
+        // }
+    //  } 
+
+    transactionConfirm = () => { 
+        const script = "Bootpay.confirm()"
+         + 
+        ".then( function (res) {" + 
+        this.confirm() + 
+        this.issued() + 
+        this.done() + 
+        "}, function (res) {" +
+        this.error() + 
+        this.cancel() + 
+        "})";
+
+        this.callJavaScript(script);
+    }
+
+    removePaymentWindow = () => {
+        this.dismiss();
+        // this.callJavaScript(`
+        // Bootpay.removePaymentWindow();
+        //   `);
+    } 
+
+    callJavaScript = (script: string) => {  
+        if(this.webView == null || this.webView == undefined) return
+ 
+        this.webView.current?.injectJavaScript(`
+        setTimeout(function() { ${script} }, 30);
+        `) 
+    }  
+
+    getAnalyticsData = async () => { 
+        const uuid = await UserInfo.getBootpayUUID(); 
+        // const bootpaySK = await UserInfo.getBootpaySK();
+        const bootLastTime = await UserInfo.getBootpayLastTime();      
+
+
+        const elaspedTime = Date.now() - bootLastTime;  
+        return `window.Bootpay.$analytics.setAnalyticsData({uuid:'${uuid}', time:${elaspedTime}});`;
+        // this.callJavaScript(`window.BootPay.setAnalyticsData({uuid:'${uuid}',sk:'${bootpaySK}',sk_time:${bootLastTime},time:${elaspedTime}});`); 
+    }
+
+    confirm = () => {
+        return "if (res.event === 'confirm') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";
+    }
+
+    done = () => {
+        return "else if (res.event === 'done') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";
+    }
+
+    issued = () => {
+        return "else if (res.event === 'issued') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";
+    }
+
+    error = () => {
+        return "if (res.event === 'error') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";
+    }
+
+    cancel = () => {
+        return "else if (res.event === 'cancel') { window.BootpayRNWebView.postMessage( JSON.stringify(res) ); }";
+    }
+
+    close = () => {
+        return "document.addEventListener('bootpayclose', function (e) {  window.BootpayRNWebView.postMessage('close'); });";
+    }
+
+  
+
+    async componentWillUnmount() {
+        this.setState(
+            {
+                visibility: false, 
+                firstLoad: false,
+                showCloseButton: false
+            }
+         )
+        UserInfo.setBootpayLastTime(Date.now());
+    } 
+
+
+    componentDidMount() {
+        this.closeDismiss = debounce(this.closeDismiss, 30); 
+    } 
+ 
+    render() {
+        return (  
+            <Modal
+                animationType={'slide'}
+                transparent={false} 
+                onRequestClose={()=> { 
+                    this.closeDismiss();
+                    // console.log(1234);
+                    // this.dismiss();
+                }}
+                
+                visible={this.state.visibility}> 
+                <SafeAreaView style={{ flex: 1 }}>
+                    {
+                        this.state.showCloseButton &&
+                        <TouchableOpacity
+                            onPress={() =>  {
+                                var cancelData = {
+                                    action: 'BootpayCancel',
+                                    message: '사용자에 의해 취소되었습니다'
+                                } 
+                                
+                                if(this.props.onCancel != undefined) this.props.onCancel(cancelData);
+                                if(this.props.onClose != undefined) this.props.onClose(); 
+
+                                this.setState({visibility: false})
+
+                                // this.showProgressBar(true);
+ 
+                            } }> 
+                            <Image 
+                                style={[styles.overlay]}
+                                source={require('../images/close.png')} />
+                        </TouchableOpacity>
+                    }
+                     
+                    <WebView
+                        ref={this.webView}  
+                        originWhitelist={['*']}
+                        source={{
+                            uri: 'https://webview.bootpay.co.kr/4.3.3'
+                        }} 
+                        injectedJavaScript={this.state.script}
+                        javaScriptEnabled={true}
+                        javaScriptCanOpenWindowsAutomatically={true}
+                        // scalesPageToFit={true} 
+                        onMessage={this.onMessage}
+                    />
+                </SafeAreaView> 
+                
+
+            </Modal>  
+        )
+    }
+
+ 
+
+    requestPayment = async (payload: Payload, items: [Item], user: User, extra: Extra) => {     
+        
+        this.bootpayRequest(payload, items, user, extra, "requestPayment");
+    }
+
+    requestSubscription = async (payload: Payload, items: [Item], user: User, extra: Extra) => {        
+        this.bootpayRequest(payload, items, user, extra, "requestSubscription");
+    }
+
+    requestAuthentication = async (payload: Payload, items: [Item], user: User, extra: Extra) => {        
+        this.bootpayRequest(payload, items, user, extra, "requestAuthentication");
+    }
+
+    bootpayRequest = async (payload: Payload, items: [Item], user: User, extra: Extra, requestMethod: string) => {    
+
+        payload.application_id =  Platform.OS == 'ios' ? this.props.ios_application_id : this.props.android_application_id;
+        payload.items = items;
+        payload.user = user;
+         
+
+        payload.user = Object.assign(new User(), user); //set default value from class optional parameter value
+        payload.extra = Object.assign(new Extra(), extra); //set default value from class optional parameter value
+
+ 
+        this.payload = payload 
+ 
+        this.setState(
+            {
+                visibility: true,
+                script: `
+                ${await this.getMountJavascript()} 
+                ${this.generateScript(payload, requestMethod)}
+                `,
+                firstLoad: false,
+                showCloseButton: extra.show_close_button || false,
+                spinner: false 
+             }
+        ) 
+ 
+
+        UserInfo.updateInfo();  
+    }
+
+
+    getMountJavascript = async () => { 
+        return `
+        ${this.getSDKVersion()}
+        ${this.getEnvironmentMode()}
+        ${this.getBootpayPlatform()}
+        ${this.close()}
+        ${await this.getAnalyticsData()}
+        `; 
+    }
+
+
+    generateScript= (payload: Payload, requestMethod: string) => {    
+        const script = "Bootpay." + requestMethod + 
+        `(${JSON.stringify(payload)})` +
+        ".then( function (res) {" + 
+        this.confirm() + 
+        this.issued() + 
+        this.done() + 
+        "}, function (res) {" +
+        this.error() + 
+        this.cancel() + 
+        "}); void(0);";
+        
+        return script; 
+    }
+
+}
+
+
+var styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: '#F5FCFF',
+    },
+    welcome: {
+      fontSize: 20,
+      textAlign: 'center',
+      margin: 10,
+    },
+    // Flex to fill, position absolute, 
+    // Fixed left/top, and the width set to the window width
+    overlay: { 
+      width: 25,
+      height: 25, 
+      right: 5,
+      alignSelf: 'flex-end'
+    }  
+});
+ 

package/src/BootpayTypes.ts

@@ -0,0 +1,136 @@
+
+import {
+  ViewProps,
+} from 'react-native'
+
+export interface BootpayTypesProps extends ViewProps {
+    ref?: any
+    ios_application_id?: string
+    android_application_id?: string
+    onCancel?: (data: Object) => void
+    onError?: (data: Object) => void
+    onIssued?: (data: Object) => void
+    onConfirm?: (data: Object) => boolean
+    onDone?: (data: Object) => void
+    onClose?: () => void 
+}
+
+export interface LoadingTypesProps extends ViewProps {
+    loading?: boolean 
+}
+
+
+
+
+export class User {
+    constructor() {}
+
+    id?: string
+    username?: string
+    email?: string
+    gender?: number
+    birth?: string
+    phone?: string
+    area?: string
+    addr?: string
+}
+
+export class Item {
+    constructor() {}
+
+    name?: string
+    qty?: number
+    id?: string
+    price?: number
+    cat1?: string
+    cat2?: string
+    cat3?: string
+}
+
+export class StatItem {
+    constructor() {}
+
+    item_name?: string
+    item_img?: string
+    unique?: string
+    price?: number
+    cat1?: string
+    cat2?: string
+    cat3?: string
+}
+
+export class Onestore { 
+    constructor() {}
+
+    ad_id?: string = "UNKNOWN_ADID"
+    sim_operator?: string = "UNKNOWN_SIM_OPERATOR"
+    installer_package_name?: string = "UNKNOWN_INSTALLER"
+}
+
+ 
+
+// export interface Extra {
+//     card_quota?: string;
+//     seller_name?: string;
+//     delivery_day?: number;
+
+// }
+
+export class Extra {
+    constructor() {}
+
+    card_quota?: string // 할부허용 범위 (5만원 이상 구매시)
+    seller_name?: string  //노출되는 판매자명 설정
+    delivery_day?: number = 1  // 배송일자
+    locale?: string = 'ko' //결제창 언어지원
+    offer_period?: string //결제창 제공기간에 해당하는 string 값, 지원하는 PG만 적용됨
+    display_cash_receipt?: boolean = true // 현금영수증 보일지 말지.. 가상계좌 KCP 옵션
+    deposit_expiration?: string //가상계좌 입금 만료일자 설정
+    app_scheme?: string // 모바일 앱에서 결제 완료 후 돌아오는 옵션 ( 아이폰만 적용 )
+    use_card_point?: boolean = true //카드 포인트 사용 여부 (토스만 가능)
+    direct_card?: string //해당 카드로 바로 결제창 (토스만 가능)
+    use_order_id?: boolean = false //가맹점 order_id로 PG로 전송
+    international_card_only?: boolean = false // 해외 결제카드 선택 여부 (토스만 가능)
+    phone_carrier?: string = "" //본인인증 시 고정할 통신사명, SKT,KT,LGT 중 1개만 가능
+    direct_app_card?: boolean = false // 카드사앱으로 direct 호출
+    direct_samsungpay?: boolean = false  // 삼성페이 바로 띄우기
+    test_deposit?: boolean = false  // 가상계좌 모의 입금
+    enable_error_webhook?: boolean = false //결제 오류시 Feedback URL로 webhook
+    separately_confirmed?: boolean = true // confirm 이벤트를 호출할지 말지, false일 경우 자동승인
+    confirmOnlyRestApi?: boolean = false  // REST API로만 승인 처리
+    open_type?: string = 'redirect' // 페이지 오픈 type, [iframe, popup, redirect] 중 택 1
+    use_bootpay_inapp_sdk?: boolean = true  // native app에서는 redirect를 완성도있게 지원하기 위한 옵션
+    redirect_url?: string = 'https://api.bootpay.co.kr/v2' //open_type이 redirect일 경우 페이지 이동할 URL (  오류 및 결제 완료 모두 수신 가능 )
+    display_success_result?: boolean = false // 결제 완료되면 부트페이가 제공하는 완료창으로 보여주기 ( open_type이 iframe, popup 일때만 가능 )
+    display_error_result?: boolean = true // 결제 실패되면 부트페이가 제공하는 실패창으로 보여주기 ( open_type이 iframe, popup 일때만 가능 )
+    disposable_cup_deposit?: number = 0 // 배달대행 플랫폼을 위한 컵 보증급 가격
+    // ExtraCardEasyOption cardEasyOption = ExtraCardEasyOption();
+    // List<BrowserOpenType>? browserOpenType = [];
+    use_welcomepayment?: number = 0 //웰컴 재판모듈 진행시 1
+    first_subscription_comment?: string = '' // 자동결제 price > 0 조건일 때 첫 결제 관련 메세지
+    except_card_companies?: [string] // 제외할 카드사 리스트 ( enable_card_companies가 우선순위를 갖는다 )
+    enable_easy_payments?: [string] // 노출될 간편결제 리스트
+    confirm_grace_seconds?: number = 0  // 결제승인 유예시간 ( 승인 요청을 여러번하더라도 승인 이후 특정 시간동안 계속해서 결제 response_data 를 리턴한다 )
+    show_close_button: boolean = false // x 닫기 버튼을 보여줄지 말지
+}
+
+export class Payload { 
+
+    application_id?: string
+    android_application_id?: string
+    ios_application_id?: string
+    pg?: string
+    method?: string
+    methods?: [string]
+    order_name?: string
+    price?: number
+    tax_free?: number
+    order_id?: string
+    subscription_id?: string
+    authentication_id?: string
+    metadata?: Object
+    user_token?: string
+    extra?: Extra
+    user?: User 
+    items?: [Item]
+}

package/src/Loader.tsx

@@ -0,0 +1,41 @@
+// import React from 'react'
+// import ClipLoader  from "react-spinners/ClipLoader";
+// import { LoadingTypesProps } from './BootpayTypes';
+
+
+// const override: React.CSSProperties = {
+//     display: "block",
+//     margin: "0 auto",
+//     borderColor: "red",
+//   };
+
+  
+// class Loader extends React.Component<LoadingTypesProps> {
+//     constructor(props: LoadingTypesProps) {
+//       super(props); 
+//     }
+  
+
+//     state = {
+//         loading: true,  
+//     }   
+
+//     render() {
+//       return (
+//         <div className="sweet-loading">
+//           <ClipLoader 
+//             cssOverride={override}
+//             size={150}
+//             color={"#123abc"}
+//             loading={this.state.loading}
+//             speedMultiplier={1.5}
+//           />
+//           <span>
+//             ddd
+//           </span>
+//         </div>
+//       );
+//     }
+//   }
+
+// export default Loader;

package/src/UserInfo.ts

@@ -0,0 +1,79 @@
+// import { Component } from 'react';
+import DeviceInfo from 'react-native-device-info';
+import SInfo from 'react-native-sensitive-info'; 
+
+// export default class UserInfo extends Component { 
+export default class UserInfo { 
+    static getBootpayInfo = (key: string, defaultVal: any) => {
+        return new Promise((resolve, reject) => {
+            SInfo.getItem(key, {
+                sharedPreferencesName: 'bootpaySharedPrefs',
+                keychainService: 'bootpayKeychain'
+            }).then((res: any) => { 
+                res == undefined ? resolve(defaultVal) : resolve(res); 
+                resolve(res);
+            }).catch((error: any) => { 
+                reject(error);
+            }); 
+        })
+    }
+
+    static setBootpayInfo = (key: string, val: any) => {
+        return new Promise((resolve, reject) => {
+            SInfo.setItem(String(key), String(val), {
+                sharedPreferencesName: 'bootpaySharedPrefs',
+                keychainService: 'bootpayKeychain'
+            }).then((res: any) => { 
+                resolve(res);
+            }).catch((error: any) => { 
+                reject(error);
+            }); 
+        })
+    }
+
+    static getBootpayUUID = () => {
+        let uuid = DeviceInfo.getUniqueId();  
+        return UserInfo.setBootpayInfo('uuid', uuid);  
+    }
+
+    static getBootpaySK = () => {
+        return UserInfo.getBootpayInfo('bootpay_sk', '')
+    }
+
+    static setBootpaySK = (val: string) => {
+        return UserInfo.setBootpayInfo('bootpay_sk', val) 
+    }
+
+    static newBootpaySK = (uuid: string, time: number) => { 
+        return UserInfo.setBootpaySK(`${uuid}_${time}`); 
+    }
+
+    static getBootpayLastTime = async () => { 
+        return await UserInfo.getBootpayInfo('bootpay_last_time', 0) as number
+    }
+
+    static setBootpayLastTime(val: number){
+        return UserInfo.setBootpayInfo('bootpay_last_time', val); 
+    } 
+
+    static getBootpayUserId() {
+        return UserInfo.getBootpayInfo('bootpay_user_id', ''); 
+    }
+
+    static setBootpayUserId = (val: string) => {
+        return UserInfo.setBootpayInfo('bootpay_user_id', val); 
+    }
+
+    static updateInfo = async () => {
+        const uuid = await UserInfo.getBootpayUUID() as string;  
+        const bootpaySK = await UserInfo.getBootpaySK() as string;
+        const lastTime = await UserInfo.getBootpayLastTime();
+
+        let current = Date.now();
+
+        if(bootpaySK == '') await UserInfo.newBootpaySK(uuid, current);
+        const isExpired = current - lastTime > 30 * 60 * 1000;
+        if(isExpired) await UserInfo.newBootpaySK(uuid, current);
+        await UserInfo.setBootpayLastTime(current);
+    }
+}

package/src/__tests__/index.test.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.test.d.ts.map

package/src/__tests__/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["index.test.tsx"],"names":[],"mappings":""}

package/src/__tests__/index.test.js

@@ -0,0 +1,2 @@
+"use strict";
+it.todo('write a test');

package/src/__tests__/index.test.tsx

@@ -0,0 +1 @@
+it.todo('write a test');

package/src/bootpayAnalytics.ts

@@ -0,0 +1,136 @@
+import base64 from 'react-native-base64';
+import DeviceInfo from 'react-native-device-info';
+import { NativeModules } from 'react-native';
+
+// TypeScript에서 NativeModules.Aes를 사용하려면 해당 모듈에 대한 타입을 선언해야 합니다.
+declare module 'react-native' {
+  interface NativeModulesStatic {
+    Aes: {
+      encrypt: (data: string, key: string, iv: string) => Promise<string>;
+      hmac256: (data: string, key: string) => Promise<string>;
+    };
+  }
+}
+
+// getRandomKey 함수의 반환 타입을 명시
+const getRandomKey = (length: number): string => {
+  var text = '';
+  var keys = 'abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+
+  for (var i = 0; i < length; i++)
+    text += keys.charAt(Math.floor(Math.random() * keys.length));
+
+  return text;
+};
+
+// getSessionKey 함수의 반환 타입을 명시
+const getSessionKey = async (key: string, iv: string): Promise<string> => {
+  const keyValue = base64.encode(key);
+  const ivValue = base64.encode(iv);
+
+  return `${keyValue}##${ivValue}`;
+};
+
+// stringToHex 함수의 반환 타입을 명시
+const stringToHex = (str: string): string => {
+  var hex = '';
+  for (var i = 0, l = str.length; i < l; i++) {
+    hex += str.charCodeAt(i).toString(16);
+  }
+  return hex;
+};
+
+// userTrace 함수의 반환 타입을 명시
+const userTrace = async (applicationId: string, userId: string, phone: string, email: string, gender: string, birth: string, area: string): Promise<any> => {
+  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 NativeModules.Aes.encrypt(JSON.stringify(payload), stringToHex(key), stringToHex(iv));
+      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);
+  }
+};
+
+// pageTrace 함수의 반환 타입을 명시
+const pageTrace = async (applicationId: string, url: string, pageType: string, items: any): Promise<any> => {
+  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 NativeModules.Aes.encrypt(JSON.stringify(payload), stringToHex(key), stringToHex(iv));
+      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);
+  }
+};
+
+// strEncode 함수의 반환 타입을 명시
+// const strEncode = async (str: string, key: string, iv: string): Promise<string> => {
+//   return await NativeModules.Aes.encrypt(str, key, iv).then(cipher => {
+//     return NativeModules.Aes.hmac256(cipher, key).then(hash => {
+//       console.log('HMAC', hash);
+//       return hash;
+//     });
+//   });
+// };
+
+export { userTrace, pageTrace };

package/src/index.tsx

@@ -0,0 +1,9 @@
+import { Bootpay } from './Bootpay'
+import { Payload, Extra, Item, User } from './BootpayTypes'
+// import { userTrace, pageTrace } from './BootpayAnalytics'
+
+// import { WebView } from 'react-native-bootpay-api';
+
+export {  Bootpay, Payload, Extra, Item, User }; 
+
+// export {  BootpayModal, userTrace, pageTrace }; 

package/index.js

@@ -1,4 +0,0 @@
- 
-import { Bootpay } from './lib/Bootpay' 
-
-export {  Bootpay };