iamport-react-native 2.0.15 → 3.0.1-alpha.0

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# iamport-react-native
+
+## 3.0.1-alpha.0
+
+### Patch Changes
+
+- 003cf51: react-native-webview 오류 화면 회피
+
+## 3.0.0
+
+### Major Changes
+
+- 7cb1737: Fabric 지원, 구 아키첵쳐 지원 드랍

package/README.md

@@ -1,42 +1,52 @@
 # iamport-react-native
+
 [![alt text](https://img.shields.io/npm/v/iamport-react-native)](https://www.npmjs.com/package/iamport-react-native)
 
 아임포트 리액트 네이티브 모듈입니다.
 
 ## 버전 정보
-최신버전은 [v2.0.14](https://github.com/iamport/iamport-react-native/tree/main)입니다.
-버전 히스토리는 [버전 정보](./manuals/VERSION.md)를 참고하세요.
+
+버전 히스토리는 [버전 정보](./CHANGELOG.md)를 참고하세요.
 
 ## 지원 정보
+
 아임포트 리액트 네이티브 모듈은 결제 및 휴대폰 본인인증 기능을 제공합니다.
 결제시 지원하는 PG사와 결제수단에 따른 자세한 정보는 [지원 정보](./manuals/SUPPORT.md)를 참고하세요.
 
 ## 설치하기
+
 아래 명령어를 통해 아임포트 모듈을 귀하의 리액트 네이티브 프로젝트에 추가할 수 있습니다.
 `react-native-webview` 모듈은 아임포트 모듈에 dependent하기 때문에 반드시 함께 설치해야 하며 **10.8.3 이상의 버전이 요구**됩니다.
 보다 자세한 안내는 [설치하기](./manuals/INSTALL.md)를 참고하세요.
 
 ## 설정하기
+
 ### 안드로이드 및 iOS 설정하기
+
 아임포트 모듈을 사용하기 위해서는 추가적인 설정이 필요합니다.
 보다 자세한 설명은 [안드로이드 및 iOS 설정하기](./manuals/SETTING.md)를 참고하세요.
 
 ### Expo 설정하기
+
 Expo 프로젝트에서 아임포트 모듈을 사용하기 위해서는 추가적인 설정이 필요합니다.
 보다 자세한 설명은 [Expo에서 아임포트 연동하기](./manuals/EXPO.md)를 참고하세요.
 
 ### 실시간 계좌이체 설정하기
+
 웹 표준 이니시스와 나이스 정보통신은 뱅크페이 앱을 통해 실시간 계좌이체를 진행합니다.
 뱅크페이에서 결제 인증 후 본래의 앱으로 복귀 해 다음단계로 진행을 하려면 별도 설정이 요구됩니다.
 자세한 내용은 [실시간 계좌이체 설정하기](./manuals/TRANS.md)를 참고하세요.
 
 ## 예제
+
 아임포트 결제연동 모듈을 사용해 아래와 같이 일반/정기결제 및 휴대폰 본인인증 기능을 구현할 수 있습니다.
 현재 구현된 예제들에 대한 설명 및 라이브러리 사용에 필요한 파라미터는 [예제](./manuals/EXAMPLE.md)를 참고하세요.
 
 ## 콜백 함수 설정하기
+
 콜백 함수는 필수입력 필드로, 결제/본인인증 완료 후 routing을 통한 이동을 위해 아래와 같이 로직을 작성할 수 있습니다.
 콜백 함수에 대한 자세한 설명은 [콜백 설정하기](./manuals/CALLBACK.md)를 참고하세요.
+
 ```js
 function callback(response) {
   navigation.replace('Result', response);

package/lib/module/components/Certification/index.js

@@ -1,12 +1,15 @@
-import React, { createRef, useState } from 'react';
+"use strict";
+
+import { createRef, useState } from 'react';
 import { View } from 'react-native';
 import { WebView } from 'react-native-webview';
-import Loading from '../Loading';
-import ErrorOnParams from '../ErrorOnParams';
-import { Validation } from '../../utils/Validation';
-import { IMPConst } from '../../constants';
-import viewStyles from '../../styles';
-import IamportUrl from '../../utils/IamportUrl';
+import ErrorOnParams from "../ErrorOnParams/index.js";
+import Loading from "../Loading/index.js";
+import { IMPConst } from "../../constants/index.js";
+import { Validation } from "../../utils/Validation.js";
+import viewStyles from "../../styles.js";
+import IamportUrl from "../../utils/IamportUrl.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 function Certification({
   userCode,
   tierCode,
@@ -28,84 +31,84 @@ function Certification({
       loadingContainer,
       webViewContainer
     } = viewStyles;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WebView, {
-      containerStyle: webViewContainer,
-      ref: webview,
-      source: {
-        html: IMPConst.WEBVIEW_SOURCE_HTML
-      },
-      mixedContentMode: 'always',
-      onLoadEnd: () => {
-        if (!isWebViewLoaded) {
-          var _webview$current3;
-          // html이 load되고 최초 한번만 inject javascript
-          if (tierCode) {
-            var _webview$current;
-            (_webview$current = webview.current) === null || _webview$current === void 0 || _webview$current.injectJavaScript(`
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx(WebView, {
+        containerStyle: webViewContainer,
+        ref: webview,
+        source: {
+          html: IMPConst.WEBVIEW_SOURCE_HTML
+        },
+        mixedContentMode: 'always',
+        onLoadEnd: () => {
+          if (!isWebViewLoaded) {
+            // html이 load되고 최초 한번만 inject javascript
+            if (tierCode) {
+              webview.current?.injectJavaScript(`
           setTimeout(function() { IMP.agency("${userCode}", "${tierCode}"); });
         `);
-          } else {
-            var _webview$current2;
-            (_webview$current2 = webview.current) === null || _webview$current2 === void 0 || _webview$current2.injectJavaScript(`
+            } else {
+              webview.current?.injectJavaScript(`
           setTimeout(function() { IMP.init("${userCode}"); });
         `);
-          }
-          (_webview$current3 = webview.current) === null || _webview$current3 === void 0 || _webview$current3.injectJavaScript(`
+            }
+            webview.current?.injectJavaScript(`
           setTimeout(function() {
             IMP.certification(${JSON.stringify(data)}, function(response) {
               window.ReactNativeWebView.postMessage(JSON.stringify(response));
             });
           });
         `);
-          setIsWebViewLoaded(true);
-        }
-      },
-      onMessage: e => {
-        let data = e.nativeEvent.data;
-        if (decodeURIComponent(data) !== data) {
-          data = decodeURIComponent(data);
-        }
-        let response = JSON.parse(data);
-        if (typeof callback === 'function') {
-          callback(response);
-        }
-      },
-      startInLoadingState: true,
-      renderLoading: () => /*#__PURE__*/React.createElement(View, {
-        style: loadingContainer
-      }, loading || /*#__PURE__*/React.createElement(Loading, null)),
-      originWhitelist: ['*'] // https://github.com/facebook/react-native/issues/19986
-      ,
-      onShouldStartLoadWithRequest: request => {
-        const {
-          url
-        } = request;
-        // console.log('url: ' + url);
-        const iamportUrl = new IamportUrl(url);
-        if (iamportUrl.isAppUrl()) {
-          /* 3rd-party 앱 오픈 */
-          iamportUrl.launchApp().catch(e => {
-            const {
-              code,
-              message
-            } = e;
-            callback({
-              imp_success: false,
-              error_code: code,
-              error_msg: message
+            setIsWebViewLoaded(true);
+          }
+        },
+        onMessage: e => {
+          let messageData = e.nativeEvent.data;
+          if (decodeURIComponent(messageData) !== messageData) {
+            messageData = decodeURIComponent(messageData);
+          }
+          let response = JSON.parse(messageData);
+          if (typeof callback === 'function') {
+            callback(response);
+          }
+        },
+        startInLoadingState: true,
+        renderLoading: () => /*#__PURE__*/_jsx(View, {
+          style: loadingContainer,
+          children: loading || /*#__PURE__*/_jsx(Loading, {})
+        }),
+        originWhitelist: ['*'] // https://github.com/facebook/react-native/issues/19986
+        ,
+        onShouldStartLoadWithRequest: request => {
+          const {
+            url
+          } = request;
+          // console.log('url: ' + url);
+          const iamportUrl = new IamportUrl(url);
+          if (iamportUrl.isAppUrl()) {
+            /* 3rd-party 앱 오픈 */
+            iamportUrl.launchApp().catch(e => {
+              const {
+                code,
+                message
+              } = e;
+              callback({
+                imp_success: false,
+                error_code: code,
+                error_msg: message
+              });
             });
-          });
-          return false;
-        }
-        if (iamportUrl.isPaymentOver(redirectUrl)) {
-          callback(iamportUrl.getQuery());
-          return false;
+            return false;
+          }
+          if (iamportUrl.isPaymentOver(redirectUrl)) {
+            callback(iamportUrl.getQuery());
+            return false;
+          }
+          return true;
         }
-        return true;
-      }
-    }));
+      })
+    });
   }
-  return /*#__PURE__*/React.createElement(ErrorOnParams, {
+  return /*#__PURE__*/_jsx(ErrorOnParams, {
     message: validation.getMessage()
   });
 }

package/lib/module/components/Certification/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createRef","useState","View","WebView","Loading","ErrorOnParams","Validation","IMPConst","viewStyles","IamportUrl","Certification","userCode","tierCode","data","loading","callback","isWebViewLoaded","setIsWebViewLoaded","webview","validation","redirectUrl","M_REDIRECT_URL","m_redirect_url","undefined","trim","getIsValid","loadingContainer","webViewContainer","createElement","Fragment","containerStyle","ref","source","html","WEBVIEW_SOURCE_HTML","mixedContentMode","onLoadEnd","_webview$current3","_webview$current","current","injectJavaScript","_webview$current2","JSON","stringify","onMessage","e","nativeEvent","decodeURIComponent","response","parse","startInLoadingState","renderLoading","style","originWhitelist","onShouldStartLoadWithRequest","request","url","iamportUrl","isAppUrl","launchApp","catch","code","message","imp_success","error_code","error_msg","isPaymentOver","getQuery","getMessage"],"sourceRoot":"../../../../src","sources":["components/Certification/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createRef","useState","View","WebView","ErrorOnParams","Loading","IMPConst","Validation","viewStyles","IamportUrl","jsx","_jsx","Fragment","_Fragment","Certification","userCode","tierCode","data","loading","callback","isWebViewLoaded","setIsWebViewLoaded","webview","validation","redirectUrl","M_REDIRECT_URL","m_redirect_url","undefined","trim","getIsValid","loadingContainer","webViewContainer","children","containerStyle","ref","source","html","WEBVIEW_SOURCE_HTML","mixedContentMode","onLoadEnd","current","injectJavaScript","JSON","stringify","onMessage","e","messageData","nativeEvent","decodeURIComponent","response","parse","startInLoadingState","renderLoading","style","originWhitelist","onShouldStartLoadWithRequest","request","url","iamportUrl","isAppUrl","launchApp","catch","code","message","imp_success","error_code","error_msg","isPaymentOver","getQuery","getMessage"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Certification/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ErrorOnParams/index.js

@@ -1,16 +1,20 @@
-import React from 'react';
-import { View, Image, Text, StyleSheet } from 'react-native';
+"use strict";
+
+import { Image, StyleSheet, Text, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const logo = require('../../img/iamport-logo.png');
 function ErrorOnParams({
   message
 }) {
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(Image, {
-    source: logo
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: styles.text
-  }, message));
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Image, {
+      source: logo
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.text,
+      children: message
+    })]
+  });
 }
 const styles = StyleSheet.create({
   container: {

package/lib/module/components/ErrorOnParams/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Image","Text","StyleSheet","logo","require","ErrorOnParams","message","createElement","style","styles","container","source","text","create","flex","alignItems","justifyContent","textAlign","fontSize","marginTop","lineHeight","button","backgroundColor","color","borderColor","borderWidth","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","fontWeight"],"sourceRoot":"../../../../src","sources":["components/ErrorOnParams/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAE5D,MAAMC,IAAI,GAAGC,OAAO,CAAC,4BAA4B,CAAC;AAIlD,SAASC,aAAaA,CAAC;EAAEC;AAAoB,CAAC,EAAE;EAC9C,oBACER,KAAA,CAAAS,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BZ,KAAA,CAAAS,aAAA,CAACP,KAAK;IAACW,MAAM,EAAER;EAAK,CAAE,CAAC,eACvBL,KAAA,CAAAS,aAAA,CAACN,IAAI;IAACO,KAAK,EAAEC,MAAM,CAACG;EAAK,GAAEN,OAAc,CACrC,CAAC;AAEX;AAEA,MAAMG,MAAM,GAAGP,UAAU,CAACW,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDJ,IAAI,EAAE;IACJK,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE;EACd,CAAC;EACDC,MAAM,EAAE;IACNC,eAAe,EAAE,MAAM;IACvBC,KAAK,EAAE,SAAS;IAChBC,WAAW,EAAE,MAAM;IACnBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,EAAE;IACjBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBZ,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,EAAE;IACbY,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAe1B,aAAa","ignoreList":[]}
+{"version":3,"names":["Image","StyleSheet","Text","View","jsx","_jsx","jsxs","_jsxs","logo","require","ErrorOnParams","message","style","styles","container","children","source","text","create","flex","alignItems","justifyContent","textAlign","fontSize","marginTop","lineHeight","button","backgroundColor","color","borderColor","borderWidth","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","fontWeight"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ErrorOnParams/index.tsx"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7D,MAAMC,IAAI,GAAGC,OAAO,CAAC,4BAA4B,CAAC;AAIlD,SAASC,aAAaA,CAAC;EAAEC;AAAoB,CAAC,EAAE;EAC9C,oBACEJ,KAAA,CAACJ,IAAI;IAACS,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BV,IAAA,CAACL,KAAK;MAACgB,MAAM,EAAER;IAAK,CAAE,CAAC,eACvBH,IAAA,CAACH,IAAI;MAACU,KAAK,EAAEC,MAAM,CAACI,IAAK;MAAAF,QAAA,EAAEJ;IAAO,CAAO,CAAC;EAAA,CACtC,CAAC;AAEX;AAEA,MAAME,MAAM,GAAGZ,UAAU,CAACiB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDJ,IAAI,EAAE;IACJK,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE;EACd,CAAC;EACDC,MAAM,EAAE;IACNC,eAAe,EAAE,MAAM;IACvBC,KAAK,EAAE,SAAS;IAChBC,WAAW,EAAE,MAAM;IACnBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,EAAE;IACjBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBZ,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,EAAE;IACbY,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAe1B,aAAa","ignoreList":[]}

package/lib/module/components/Loading/index.js

@@ -1,14 +1,18 @@
-import React from 'react';
-import { View, Image, Text, StyleSheet } from 'react-native';
+"use strict";
+
+import { Image, StyleSheet, Text, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const logo = require('../../img/iamport-logo.png');
 function Loading() {
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(Image, {
-    source: logo
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: styles.text
-  }, "\uC7A0\uC2DC\uB9CC \uAE30\uB2E4\uB824\uC8FC\uC138\uC694..."));
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Image, {
+      source: logo
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.text,
+      children: "\uC7A0\uC2DC\uB9CC \uAE30\uB2E4\uB824\uC8FC\uC138\uC694..."
+    })]
+  });
 }
 const styles = StyleSheet.create({
   container: {

package/lib/module/components/Loading/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Image","Text","StyleSheet","logo","require","Loading","createElement","style","styles","container","source","text","create","flex","alignItems","flexDirection","justifyContent","fontSize","marginTop","lineHeight"],"sourceRoot":"../../../../src","sources":["components/Loading/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAE5D,MAAMC,IAAI,GAAGC,OAAO,CAAC,4BAA4B,CAAC;AAElD,SAASC,OAAOA,CAAA,EAAG;EACjB,oBACEP,KAAA,CAAAQ,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BX,KAAA,CAAAQ,aAAA,CAACN,KAAK;IAACU,MAAM,EAAEP;EAAK,CAAE,CAAC,eACvBL,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACG;EAAK,GAAC,4DAAmB,CACzC,CAAC;AAEX;AAEA,MAAMH,MAAM,GAAGN,UAAU,CAACU,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,QAAQ;IACvBC,cAAc,EAAE;EAClB,CAAC;EACDL,IAAI,EAAE;IACJM,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAed,OAAO","ignoreList":[]}
+{"version":3,"names":["Image","StyleSheet","Text","View","jsx","_jsx","jsxs","_jsxs","logo","require","Loading","style","styles","container","children","source","text","create","flex","alignItems","flexDirection","justifyContent","fontSize","marginTop","lineHeight"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Loading/index.tsx"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7D,MAAMC,IAAI,GAAGC,OAAO,CAAC,4BAA4B,CAAC;AAElD,SAASC,OAAOA,CAAA,EAAG;EACjB,oBACEH,KAAA,CAACJ,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BT,IAAA,CAACL,KAAK;MAACe,MAAM,EAAEP;IAAK,CAAE,CAAC,eACvBH,IAAA,CAACH,IAAI;MAACS,KAAK,EAAEC,MAAM,CAACI,IAAK;MAAAF,QAAA,EAAC;IAAa,CAAM,CAAC;EAAA,CAC1C,CAAC;AAEX;AAEA,MAAMF,MAAM,GAAGX,UAAU,CAACgB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,QAAQ;IACvBC,cAAc,EAAE;EAClB,CAAC;EACDL,IAAI,EAAE;IACJM,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAed,OAAO","ignoreList":[]}

package/lib/module/components/Payment/index.js

@@ -1,12 +1,15 @@
-import React, { createRef, useEffect, useRef, useState } from 'react';
-import ValidationForPayment from '../../utils/ValidationForPayment';
-import ErrorOnParams from '../ErrorOnParams';
-import { Linking, Platform, View } from 'react-native';
-import { IMPConst } from '../../constants';
-import IamportUrl from '../../utils/IamportUrl';
+"use strict";
+
+import { createRef, useEffect, useRef, useState } from 'react';
+import { Alert, Linking, Platform, View } from 'react-native';
 import WebView from 'react-native-webview';
-import viewStyles from '../../styles';
-import Loading from '../Loading';
+import { IMPConst } from "../../constants/index.js";
+import viewStyles from "../../styles.js";
+import IamportUrl from "../../utils/IamportUrl.js";
+import ValidationForPayment from "../../utils/ValidationForPayment.js";
+import ErrorOnParams from "../ErrorOnParams/index.js";
+import Loading from "../Loading/index.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function Payment({
   userCode,
   tierCode,
@@ -55,16 +58,15 @@ function Payment({
 
         /* 나이스 - 실시간 계좌이체 대비 */
         if (pg.startsWith('nice')) {
-          var _data$app_scheme, _webview$current;
           const queryParameters = iamportUrl.getQuery();
           const scheme = iamportUrl.scheme;
           let niceTransRedirectionUrl;
-          if (scheme === ((_data$app_scheme = data.app_scheme) === null || _data$app_scheme === void 0 ? void 0 : _data$app_scheme.toLowerCase())) {
+          if (scheme === data.app_scheme?.toLowerCase()) {
             if (queryParameters.callbackparam1 != null) {
               niceTransRedirectionUrl = queryParameters.callbackparam1;
             }
           }
-          (_webview$current = webview.current) === null || _webview$current === void 0 || _webview$current.injectJavaScript(`
+          webview.current?.injectJavaScript(`
             window.location.href = "${niceTransRedirectionUrl}?${iamportUrl.getStringifiedQuery()}";
           `);
         }
@@ -109,107 +111,123 @@ function Payment({
       loadingContainer,
       webViewContainer
     } = viewStyles;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WebView, {
-      containerStyle: webViewContainer,
-      ref: webview,
-      source: webviewSource,
-      mixedContentMode: 'always',
-      onLoadEnd: () => {
-        if (!isWebViewLoaded) {
-          var _webview$current4;
-          if (data.pg.startsWith('eximbay')) {
-            data.popup = false;
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(WebView, {
+        containerStyle: webViewContainer,
+        ref: webview,
+        source: webviewSource,
+        mixedContentMode: 'always',
+        onError: event => {
+          console.warn('Encountered an error loading page', event.nativeEvent);
+          // 탐색이 실패하면 react-native-webview는 바로 오류 화면을 표시하려 한다
+          // 한편 별도 설정 안 한 WKWebView는 오류를 무시하여 결제를 계속 진행할 수 있는 경우가 있다
+          // 오류 화면 표시를 막는다
+          event.preventDefault();
+          // Domain=NSURLErrorDomain Code=-1005 Description="The network connection was lost."
+          // 지속적으로 폴링하는 카드사(현대카드)의 경우 카드사 앱에서 돌아올 때 HTTP 요청이 강제 중단되어 -1005 오류 발생
+          // 별도 설정 안 한 WKWebView에서 간헐적으로 자동 리다이렉트가 안 되고 버튼을 누르라고 하는 경우 이 경우이다
+          // 무시한다
+          if (Platform.OS === 'ios' || Platform.OS === 'macos' && event.nativeEvent.code === -1005) {
+            return;
           }
-          if (tierCode) {
-            var _webview$current2;
-            (_webview$current2 = webview.current) === null || _webview$current2 === void 0 || _webview$current2.injectJavaScript(`
+          // 이외의 경우에는 어떻게 처리해야 할지 확실하지 않지만 우선 알림을 보여 주도록 구현
+          Alert.alert(`탐색 오류가 발생했습니다\n도메인: ${event.nativeEvent.domain}\n오류 코드: ${event.nativeEvent.code}\n설명: ${event.nativeEvent.description}`);
+        },
+        onLoadEnd: () => {
+          if (!isWebViewLoaded) {
+            if (data.pg.startsWith('eximbay')) {
+              data.popup = false;
+            }
+            if (tierCode) {
+              webview.current?.injectJavaScript(`
                     setTimeout(function() { IMP.agency("${userCode}", "${tierCode}"); });
                   `);
-          } else {
-            var _webview$current3;
-            (_webview$current3 = webview.current) === null || _webview$current3 === void 0 || _webview$current3.injectJavaScript(`
+            } else {
+              webview.current?.injectJavaScript(`
                     setTimeout(function() { IMP.init("${userCode}"); });
                   `);
-          }
-          (_webview$current4 = webview.current) === null || _webview$current4 === void 0 || _webview$current4.injectJavaScript(`
+            }
+            webview.current?.injectJavaScript(`
                   setTimeout(function() {
                     IMP.request_pay(${JSON.stringify(data)}, function(response) {
                       window.ReactNativeWebView.postMessage(JSON.stringify(response));
                     });
                   });
                 `);
-          setIsWebViewLoaded(true);
-        }
+            setIsWebViewLoaded(true);
+          }
 
-        // only for Android
-        if (removeLoadingNeeded()) {
-          setShowLoading(false);
-        }
-      }
-      /* PG사가 callback을 지원하는 경우, 결제결과를 받아 callback을 실행한다 */,
-      onMessage: e => {
-        /**
-         * [v1.6.0] 다날의 경우 response에 주문명(name)이 포함되어 있는데
-         * 주문명에 %가 들어갈 경우, decodeURIComponent시 URI malformed 에러가 발생하는 것 대비해
-         * 우선 encodeURIComponent를 한 후, decodeURIComponent가 끝나면
-         * 최종적으로 decodeURIComponent를 한 번 더 한다
-         */
-        const encoded = encodeURIComponent(e.nativeEvent.data);
-        const decoded = decodeURIComponent(encoded);
-        const response = JSON.parse(decoded);
-        if (typeof callback === 'function') {
-          callback(response);
+          // only for Android
+          if (removeLoadingNeeded()) {
+            setShowLoading(false);
+          }
         }
-      },
-      originWhitelist: ['*'] // https://github.com/facebook/react-native/issues/19986
-      ,
-      sharedCookiesEnabled: true,
-      onShouldStartLoadWithRequest: request => {
-        const {
-          url
-        } = request;
-        // console.log(`url: ${url}`);
-        const iamportUrl = new IamportUrl(url);
-        if (iamportUrl.isPaymentOver(redirectUrl, data)) {
+        /* PG사가 callback을 지원하는 경우, 결제결과를 받아 callback을 실행한다 */,
+        onMessage: e => {
+          /**
+           * [v1.6.0] 다날의 경우 response에 주문명(name)이 포함되어 있는데
+           * 주문명에 %가 들어갈 경우, decodeURIComponent시 URI malformed 에러가 발생하는 것 대비해
+           * 우선 encodeURIComponent를 한 후, decodeURIComponent가 끝나면
+           * 최종적으로 decodeURIComponent를 한 번 더 한다
+           */
+          const encoded = encodeURIComponent(e.nativeEvent.data);
+          const decoded = decodeURIComponent(encoded);
+          const response = JSON.parse(decoded);
           if (typeof callback === 'function') {
-            if (data.pg.startsWith('html5_inicis') && data.pay_method === 'trans' && Platform.OS === 'ios') {
-              callback(iamportUrl.getInicisTransQuery(redirectUrl));
-            } else {
-              callback(iamportUrl.getQuery());
+            callback(response);
+          }
+        },
+        originWhitelist: ['*'] // https://github.com/facebook/react-native/issues/19986
+        ,
+        sharedCookiesEnabled: true,
+        onShouldStartLoadWithRequest: request => {
+          const {
+            url
+          } = request;
+          // console.log(`url: ${url}`);
+          const iamportUrl = new IamportUrl(url);
+          if (iamportUrl.isPaymentOver(redirectUrl, data)) {
+            if (typeof callback === 'function') {
+              if (data.pg.startsWith('html5_inicis') && data.pay_method === 'trans' && Platform.OS === 'ios') {
+                callback(iamportUrl.getInicisTransQuery(redirectUrl));
+              } else {
+                callback(iamportUrl.getQuery());
+              }
             }
+            return false;
           }
-          return false;
-        }
-        if (iamportUrl.isAppUrl()) {
-          /* 3rd-party 앱 오픈 */
-          iamportUrl.launchApp().catch(e => {
-            const {
-              code,
-              message
-            } = e;
-            callback({
-              imp_success: false,
-              error_code: code,
-              error_msg: message
+          if (iamportUrl.isAppUrl()) {
+            /* 3rd-party 앱 오픈 */
+            iamportUrl.launchApp().catch(e => {
+              const {
+                code,
+                message
+              } = e;
+              callback({
+                imp_success: false,
+                error_code: code,
+                error_msg: message
+              });
             });
-          });
-          return false;
-        }
-        if (isWebViewLoaded && showLoading && iamportUrl.isIframeLoaded()) {
-          /**
-           * only for IOS
-           * iframe이 load되면(url이 about:blank 또는 https://service.iamport.kr이 아니면)
-           * webview의 loading 상태를 해제한다
-           */
-          setShowLoading(false);
+            return false;
+          }
+          if (isWebViewLoaded && showLoading && iamportUrl.isIframeLoaded()) {
+            /**
+             * only for IOS
+             * iframe이 load되면(url이 about:blank 또는 https://service.iamport.kr이 아니면)
+             * webview의 loading 상태를 해제한다
+             */
+            setShowLoading(false);
+          }
+          return true;
         }
-        return true;
-      }
-    }), showLoading && /*#__PURE__*/React.createElement(View, {
-      style: loadingContainer
-    }, loading || /*#__PURE__*/React.createElement(Loading, null)));
+      }), showLoading && /*#__PURE__*/_jsx(View, {
+        style: loadingContainer,
+        children: loading || /*#__PURE__*/_jsx(Loading, {})
+      })]
+    });
   }
-  return /*#__PURE__*/React.createElement(ErrorOnParams, {
+  return /*#__PURE__*/_jsx(ErrorOnParams, {
     message: validation.getMessage()
   });
 }