iamport-react-native 1.6.4 → 2.0.0-rc.2

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

@@ -0,0 +1,132 @@
+import React, { useRef, 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';
+
+function Certification({
+  userCode,
+  tierCode,
+  data,
+  loading,
+  callback
+}) {
+  const [isWebViewLoaded, setIsWebViewLoaded] = useState(false);
+  const webview = useRef();
+  const validation = new Validation(userCode, loading);
+
+  if (validation.getIsValid()) {
+    const {
+      wrapper,
+      loadingContainer,
+      webViewContainer
+    } = viewStyles;
+    return /*#__PURE__*/React.createElement(View, {
+      style: wrapper
+    }, /*#__PURE__*/React.createElement(View, {
+      style: webViewContainer
+    }, /*#__PURE__*/React.createElement(WebView, {
+      ref: ref => {
+        if (ref !== null) {
+          webview.current = ref;
+        }
+      },
+      useWebKit: true,
+      source: {
+        html: IMPConst.WEBVIEW_SOURCE_HTML
+      },
+      onLoadEnd: () => {
+        if (!isWebViewLoaded) {
+          var _webview$current3;
+
+          // html이 load되고 최초 한번만 inject javascript
+          if (tierCode) {
+            var _webview$current;
+
+            (_webview$current = webview.current) === null || _webview$current === void 0 ? void 0 : _webview$current.injectJavaScript(`
+          setTimeout(function() { IMP.agency("${userCode}", "${tierCode}"); });
+        `);
+          } else {
+            var _webview$current2;
+
+            (_webview$current2 = webview.current) === null || _webview$current2 === void 0 ? void 0 : _webview$current2.injectJavaScript(`
+          setTimeout(function() { IMP.init("${userCode}"); });
+        `);
+          }
+
+          (_webview$current3 = webview.current) === null || _webview$current3 === void 0 ? void 0 : _webview$current3.injectJavaScript(`
+          setTimeout(function() {
+            IMP.certification(${JSON.stringify(data)}, function(response) {
+              window.ReactNativeWebView.postMessage(JSON.stringify(response));
+            });
+          });
+        `);
+          setIsWebViewLoaded(true);
+        }
+      },
+      onMessage: e => {
+        const {
+          data
+        } = e.nativeEvent;
+        let response = data;
+
+        while (decodeURIComponent(response) !== response) {
+          response = decodeURIComponent(response);
+        }
+
+        response = JSON.parse(response);
+
+        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
+            });
+          });
+          return false;
+        }
+
+        if (iamportUrl.isPaymentOver()) {
+          callback(iamportUrl.getQuery());
+          return false;
+        }
+
+        return true;
+      }
+    })));
+  }
+
+  return /*#__PURE__*/React.createElement(ErrorOnParams, {
+    message: validation.getMessage()
+  });
+}
+
+export default Certification;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","useRef","useState","View","WebView","Loading","ErrorOnParams","Validation","IMPConst","viewStyles","IamportUrl","Certification","userCode","tierCode","data","loading","callback","isWebViewLoaded","setIsWebViewLoaded","webview","validation","getIsValid","wrapper","loadingContainer","webViewContainer","ref","current","html","WEBVIEW_SOURCE_HTML","injectJavaScript","JSON","stringify","e","nativeEvent","response","decodeURIComponent","parse","request","url","iamportUrl","isAppUrl","launchApp","catch","code","message","imp_success","error_code","error_msg","isPaymentOver","getQuery","getMessage"],"mappings":"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","sourcesContent":["import React, { useRef, useState } from 'react';\nimport { View } from 'react-native';\nimport { WebView } from 'react-native-webview';\n\nimport Loading from '../Loading';\nimport ErrorOnParams from '../ErrorOnParams';\n\nimport { IMPData, Validation } from '../../utils/Validation';\nimport { IMPConst } from '../../constants';\n\nimport viewStyles from '../../styles';\nimport IamportUrl from '../../utils/IamportUrl';\n\ntype Props = {\n  userCode: string;\n  tierCode?: string;\n  data: IMPData.CertificationData;\n  loading: any;\n  callback: (response: any) => any;\n};\n\nfunction Certification({ userCode, tierCode, data, loading, callback }: Props) {\n  const [isWebViewLoaded, setIsWebViewLoaded] = useState(false);\n  const webview = useRef<WebView>();\n\n  const validation = new Validation(userCode, loading);\n  if (validation.getIsValid()) {\n    const { wrapper, loadingContainer, webViewContainer } = viewStyles;\n    return (\n      <View style={wrapper}>\n        <View style={webViewContainer}>\n          <WebView\n            ref={(ref) => {\n              if (ref !== null) {\n                webview.current = ref;\n              }\n            }}\n            useWebKit\n            source={{ html: IMPConst.WEBVIEW_SOURCE_HTML }}\n            onLoadEnd={() => {\n              if (!isWebViewLoaded) {\n                // html이 load되고 최초 한번만 inject javascript\n                if (tierCode) {\n                  webview.current?.injectJavaScript(`\n          setTimeout(function() { IMP.agency(\"${userCode}\", \"${tierCode}\"); });\n        `);\n                } else {\n                  webview.current?.injectJavaScript(`\n          setTimeout(function() { IMP.init(\"${userCode}\"); });\n        `);\n                }\n                webview.current?.injectJavaScript(`\n          setTimeout(function() {\n            IMP.certification(${JSON.stringify(data)}, function(response) {\n              window.ReactNativeWebView.postMessage(JSON.stringify(response));\n            });\n          });\n        `);\n                setIsWebViewLoaded(true);\n              }\n            }}\n            onMessage={(e) => {\n              const { data } = e.nativeEvent;\n              let response = data;\n              while (decodeURIComponent(response) !== response) {\n                response = decodeURIComponent(response);\n              }\n              response = JSON.parse(response);\n\n              if (typeof callback === 'function') {\n                callback(response);\n              }\n            }}\n            startInLoadingState\n            renderLoading={() => (\n              <View style={loadingContainer}>{loading || <Loading />}</View>\n            )}\n            originWhitelist={['*']} // https://github.com/facebook/react-native/issues/19986\n            onShouldStartLoadWithRequest={(request) => {\n              const { url } = request;\n              // console.log('url: ' + url);\n              const iamportUrl = new IamportUrl(url);\n              if (iamportUrl.isAppUrl()) {\n                /* 3rd-party 앱 오픈 */\n                iamportUrl.launchApp().catch((e) => {\n                  const { code, message } = e;\n                  callback({\n                    imp_success: false,\n                    error_code: code,\n                    error_msg: message,\n                  });\n                });\n\n                return false;\n              }\n              if (iamportUrl.isPaymentOver()) {\n                callback(iamportUrl.getQuery());\n                return false;\n              }\n\n              return true;\n            }}\n          />\n        </View>\n      </View>\n    );\n  }\n\n  return <ErrorOnParams message={validation.getMessage()} />;\n}\n\nexport default Certification;\n"]}

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

@@ -0,0 +1,55 @@
+import React from 'react';
+import { View, Image, Text, // TouchableOpacity,
+StyleSheet } from 'react-native';
+
+const logo = require('../../img/iamport-logo.png');
+
+function ErrorOnParams({
+  message
+}) {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.contents
+  }, /*#__PURE__*/React.createElement(Image, {
+    style: styles.contents,
+    source: logo
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, message)));
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'center'
+  },
+  contents: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  text: {
+    fontSize: 16,
+    marginTop: 20,
+    lineHeight: 25
+  },
+  button: {
+    backgroundColor: '#fff',
+    color: '#ff0000',
+    borderColor: '#333',
+    borderWidth: 1,
+    borderRadius: 3,
+    paddingTop: 10,
+    paddingBottom: 10,
+    paddingLeft: 20,
+    paddingRight: 20,
+    fontSize: 14,
+    marginTop: 20,
+    fontWeight: 'bold'
+  }
+});
+export default ErrorOnParams;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","View","Image","Text","StyleSheet","logo","require","ErrorOnParams","message","styles","container","contents","text","create","flex","alignItems","flexDirection","justifyContent","fontSize","marginTop","lineHeight","button","backgroundColor","color","borderColor","borderWidth","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","fontWeight"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,IADF,EAEEC,KAFF,EAGEC,IAHF,EAIE;AACAC,UALF,QAMO,cANP;;AAQA,MAAMC,IAAI,GAAGC,OAAO,CAAC,4BAAD,CAApB;;AAIA,SAASC,aAAT,CAAuB;AAAEC,EAAAA;AAAF,CAAvB,EAAgD;AAC9C,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB,kBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAED,MAAM,CAACE;AAApB,kBACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAEF,MAAM,CAACE,QAArB;AAA+B,IAAA,MAAM,EAAEN;AAAvC,IADF,eAEE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEI,MAAM,CAACG;AAApB,KAA2BJ,OAA3B,CAFF,CADF,CADF;AAcD;;AAED,MAAMC,MAAM,GAAGL,UAAU,CAACS,MAAX,CAAkB;AAC/BH,EAAAA,SAAS,EAAE;AACTI,IAAAA,IAAI,EAAE,CADG;AAETC,IAAAA,UAAU,EAAE,QAFH;AAGTC,IAAAA,aAAa,EAAE,KAHN;AAITC,IAAAA,cAAc,EAAE;AAJP,GADoB;AAO/BN,EAAAA,QAAQ,EAAE;AACRG,IAAAA,IAAI,EAAE,CADE;AAERC,IAAAA,UAAU,EAAE,QAFJ;AAGRE,IAAAA,cAAc,EAAE;AAHR,GAPqB;AAY/BL,EAAAA,IAAI,EAAE;AACJM,IAAAA,QAAQ,EAAE,EADN;AAEJC,IAAAA,SAAS,EAAE,EAFP;AAGJC,IAAAA,UAAU,EAAE;AAHR,GAZyB;AAiB/BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,eAAe,EAAE,MADX;AAENC,IAAAA,KAAK,EAAE,SAFD;AAGNC,IAAAA,WAAW,EAAE,MAHP;AAINC,IAAAA,WAAW,EAAE,CAJP;AAKNC,IAAAA,YAAY,EAAE,CALR;AAMNC,IAAAA,UAAU,EAAE,EANN;AAONC,IAAAA,aAAa,EAAE,EAPT;AAQNC,IAAAA,WAAW,EAAE,EARP;AASNC,IAAAA,YAAY,EAAE,EATR;AAUNZ,IAAAA,QAAQ,EAAE,EAVJ;AAWNC,IAAAA,SAAS,EAAE,EAXL;AAYNY,IAAAA,UAAU,EAAE;AAZN;AAjBuB,CAAlB,CAAf;AAiCA,eAAexB,aAAf","sourcesContent":["import React from 'react';\nimport {\n  View,\n  Image,\n  Text,\n  // TouchableOpacity,\n  StyleSheet,\n} from 'react-native';\n\nconst logo = require('../../img/iamport-logo.png');\n\ntype ErrorProps = { message: string };\n\nfunction ErrorOnParams({ message }: ErrorProps) {\n  return (\n    <View style={styles.container}>\n      <View style={styles.contents}>\n        <Image style={styles.contents} source={logo} />\n        <Text style={styles.text}>{message}</Text>\n        {/*<TouchableOpacity\n          style={button}\n          onPress={}\n        >\n          <Text>돌아가기</Text>\n        </TouchableOpacity>*/}\n      </View>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'center',\n  },\n  contents: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  text: {\n    fontSize: 16,\n    marginTop: 20,\n    lineHeight: 25,\n  },\n  button: {\n    backgroundColor: '#fff',\n    color: '#ff0000',\n    borderColor: '#333',\n    borderWidth: 1,\n    borderRadius: 3,\n    paddingTop: 10,\n    paddingBottom: 10,\n    paddingLeft: 20,\n    paddingRight: 20,\n    fontSize: 14,\n    marginTop: 20,\n    fontWeight: 'bold',\n  },\n});\n\nexport default ErrorOnParams;\n"]}

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

@@ -0,0 +1,38 @@
+import React from 'react';
+import { View, Image, Text, StyleSheet } from 'react-native';
+
+const logo = require('../../img/iamport-logo.png');
+
+function Loading() {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.contents
+  }, /*#__PURE__*/React.createElement(Image, {
+    style: styles.contents,
+    source: logo
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "\uC7A0\uC2DC\uB9CC \uAE30\uB2E4\uB824\uC8FC\uC138\uC694...")));
+}
+
+const styles = StyleSheet.create({
+  container: { ...StyleSheet.absoluteFillObject,
+    flex: 1,
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'center'
+  },
+  contents: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  text: {
+    fontSize: 20,
+    marginTop: 20,
+    lineHeight: 25
+  }
+});
+export default Loading;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","View","Image","Text","StyleSheet","logo","require","Loading","styles","container","contents","text","create","absoluteFillObject","flex","alignItems","flexDirection","justifyContent","fontSize","marginTop","lineHeight"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,KAAf,EAAsBC,IAAtB,EAA4BC,UAA5B,QAA8C,cAA9C;;AAEA,MAAMC,IAAI,GAAGC,OAAO,CAAC,4BAAD,CAApB;;AAEA,SAASC,OAAT,GAAmB;AACjB,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB,kBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAED,MAAM,CAACE;AAApB,kBACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAEF,MAAM,CAACE,QAArB;AAA+B,IAAA,MAAM,EAAEL;AAAvC,IADF,eAEE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEG,MAAM,CAACG;AAApB,kEAFF,CADF,CADF;AAQD;;AAED,MAAMH,MAAM,GAAGJ,UAAU,CAACQ,MAAX,CAAkB;AAC/BH,EAAAA,SAAS,EAAE,EACT,GAAGL,UAAU,CAACS,kBADL;AAETC,IAAAA,IAAI,EAAE,CAFG;AAGTC,IAAAA,UAAU,EAAE,QAHH;AAITC,IAAAA,aAAa,EAAE,KAJN;AAKTC,IAAAA,cAAc,EAAE;AALP,GADoB;AAQ/BP,EAAAA,QAAQ,EAAE;AACRI,IAAAA,IAAI,EAAE,CADE;AAERC,IAAAA,UAAU,EAAE,QAFJ;AAGRE,IAAAA,cAAc,EAAE;AAHR,GARqB;AAa/BN,EAAAA,IAAI,EAAE;AACJO,IAAAA,QAAQ,EAAE,EADN;AAEJC,IAAAA,SAAS,EAAE,EAFP;AAGJC,IAAAA,UAAU,EAAE;AAHR;AAbyB,CAAlB,CAAf;AAoBA,eAAeb,OAAf","sourcesContent":["import React from 'react';\nimport { View, Image, Text, StyleSheet } from 'react-native';\n\nconst logo = require('../../img/iamport-logo.png');\n\nfunction Loading() {\n  return (\n    <View style={styles.container}>\n      <View style={styles.contents}>\n        <Image style={styles.contents} source={logo} />\n        <Text style={styles.text}>잠시만 기다려주세요...</Text>\n      </View>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    ...StyleSheet.absoluteFillObject,\n    flex: 1,\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'center',\n  },\n  contents: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  text: {\n    fontSize: 20,\n    marginTop: 20,\n    lineHeight: 25,\n  },\n});\n\nexport default Loading;\n"]}

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

@@ -0,0 +1,266 @@
+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';
+import WebView from 'react-native-webview';
+import viewStyles from '../../styles';
+import Loading from '../Loading';
+
+function Payment({
+  userCode,
+  tierCode,
+  data,
+  loading,
+  callback
+}) {
+  const [webviewSource, setWebviewSource] = useState({
+    html: IMPConst.WEBVIEW_SOURCE_HTML
+  });
+  const [isWebViewLoaded, setIsWebViewLoaded] = useState(false);
+  const [showLoading, setShowLoading] = useState(true);
+  const [isInicisTransPaid, setIsInicisTransPaid] = useState(false);
+  const webview = /*#__PURE__*/createRef();
+  const smilepayRef = useRef(false);
+  useEffect(() => {
+    const {
+      pg
+    } = data;
+
+    if (pg.startsWith('smilepay') && Platform.OS === 'ios' && !smilepayRef.current) {
+      /**
+       * [feature/smilepay] IOS - 스마일페이 대비 코드 작성
+       * 스마일페이 결제창을 iframe 방식으로 띄우기 때문에 WKWebView에서 서드 파티 쿠키가 허용되지 않아
+       * WKWebView의 baseUrl을 강제로 스마일페이 URL로 적용
+       */
+      setWebviewSource({ ...webviewSource,
+        baseUrl: IMPConst.SMILEPAY_BASE_URL
+      });
+      smilepayRef.current = true;
+    }
+  }, [data, webviewSource]);
+  useEffect(() => {
+    const handleOpenURL = event => {
+      const {
+        pg,
+        pay_method
+      } = data;
+
+      if (pay_method === 'trans') {
+        const iamportUrl = new IamportUrl(event.url);
+        /**
+         * [IOS] 웹 표준 이니시스 - 실시간 계좌이체 대비
+         * 아래 로직대로 동작해야 최종적으로 결제가 승인된 후 콜백 함수가 호출됨
+         * 1. 사파리 앱에서 복귀(app_scheme://imp_uid=%26merchant_uid=%26m_redirect_url=)
+         * 2. 최종 결제 승인을 위해 이니시스가 HTTP 리퀘스트 호출
+         * 3. "다음" 버튼이 있는 최종 화면으로 이동
+         * 4. "다음" 버튼을 클릭
+         * 5. 1번과 마찬가지로 app_scheme://imp_uid=%26merchant_uid=%26m_redirect_url=로 HTTP 리퀘스트 호출
+         * 6. 콜백 함수 호출
+         * 따라서 현재 handleOpenURL이 트리거 되는 사유가 1번 때문인지 5번 때문인지 구분이 필요하여
+         * 이를 위한 isInicisTransPaid 플래그 추가
+         */
+
+        if (pg.startsWith('html5_inicis') && Platform.OS === 'ios') {
+          if (isInicisTransPaid) {
+            var _webview$current;
+
+            (_webview$current = webview.current) === null || _webview$current === void 0 ? void 0 : _webview$current.injectJavaScript(`
+              window.location.href = "${IMPConst.M_REDIRECT_URL}?${iamportUrl.getInicisTransQuery()}";
+            `);
+          } else {
+            setIsInicisTransPaid(true);
+          }
+        }
+        /* 나이스 - 실시간 계좌이체 대비 */
+
+
+        if (pg.startsWith('nice')) {
+          var _data$app_scheme, _webview$current2;
+
+          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 (queryParameters.callbackparam1 != null) {
+              niceTransRedirectionUrl = queryParameters.callbackparam1;
+            }
+          }
+
+          (_webview$current2 = webview.current) === null || _webview$current2 === void 0 ? void 0 : _webview$current2.injectJavaScript(`
+            window.location.href = "${niceTransRedirectionUrl}?${iamportUrl.getStringifiedQuery()}";
+          `);
+        }
+      }
+    };
+
+    Linking.addEventListener('url', handleOpenURL);
+  }, [data, isInicisTransPaid, webview]);
+
+  const removeLoadingNeeded = () => {
+    if (showLoading && Platform.OS === 'android') {
+      // 로딩상태. 안드로이드 플랫폼
+      if (isWebViewLoaded) {
+        // 웹뷰 로드 끝. 리디렉션 방식
+        return true;
+      }
+
+      return isIframeWayPayment();
+    } // IOS
+
+
+    return false;
+  };
+
+  const isIframeWayPayment = () => {
+    const {
+      pg,
+      pay_method,
+      customer_uid
+    } = data;
+
+    if (pg.startsWith('html5_inicis') && customer_uid) {
+      // 이니시스 빌링결제
+      return true;
+    }
+
+    if (pg.startsWith('mobilians') && pay_method === 'phone') {
+      // 모빌리언스 휴대폰 소액결제
+      return true;
+    }
+
+    return pg.startsWith('danal') || pg.startsWith('danal_tpay') || pg.startsWith('smilepay') || pg.startsWith('payco') || pg.startsWith('bluewalnut');
+  };
+
+  const validation = new ValidationForPayment(userCode, loading, callback, data);
+
+  if (validation.getIsValid()) {
+    const {
+      wrapper,
+      loadingContainer,
+      webViewContainer
+    } = viewStyles;
+    return /*#__PURE__*/React.createElement(View, {
+      style: wrapper
+    }, /*#__PURE__*/React.createElement(View, {
+      style: webViewContainer
+    }, /*#__PURE__*/React.createElement(WebView, {
+      ref: webview,
+      source: webviewSource,
+      onLoadEnd: () => {
+        if (!isWebViewLoaded) {
+          var _webview$current5;
+
+          data.m_redirect_url = IMPConst.M_REDIRECT_URL;
+
+          if (data.pg.startsWith('eximbay')) {
+            data.popup = false;
+          }
+
+          if (tierCode) {
+            var _webview$current3;
+
+            (_webview$current3 = webview.current) === null || _webview$current3 === void 0 ? void 0 : _webview$current3.injectJavaScript(`
+                    setTimeout(function() { IMP.agency("${userCode}", "${tierCode}"); });
+                  `);
+          } else {
+            var _webview$current4;
+
+            (_webview$current4 = webview.current) === null || _webview$current4 === void 0 ? void 0 : _webview$current4.injectJavaScript(`
+                    setTimeout(function() { IMP.init("${userCode}"); });
+                  `);
+          }
+
+          (_webview$current5 = webview.current) === null || _webview$current5 === void 0 ? void 0 : _webview$current5.injectJavaScript(`
+                  setTimeout(function() {
+                    IMP.request_pay(${JSON.stringify(data)}, function(response) {
+                      window.ReactNativeWebView.postMessage(JSON.stringify(response));
+                    });
+                  });
+                `);
+          setIsWebViewLoaded(true);
+        } // only for Android
+
+
+        if (removeLoadingNeeded()) {
+          setShowLoading(false);
+        }
+      }
+      /* PG사가 callback을 지원하는 경우, 결제결과를 받아 callback을 실행한다 */
+      ,
+      onMessage: e => {
+        const {
+          data
+        } = e.nativeEvent;
+        /**
+         * [v1.6.0] 다날의 경우 response에 주문명(name)이 포함되어 있는데
+         * 주문명에 %가 들어갈 경우, decodeURIComponent시 URI malformed 에러가 발생하는 것 대비해
+         * 우선 encodeURIComponent를 한 후, decodeURIComponent가 끝나면
+         * 최종적으로 decodeURIComponent를 한 번 더 한다
+         */
+
+        let response = encodeURIComponent(data);
+
+        while (decodeURIComponent(response) !== data) {
+          response = decodeURIComponent(response);
+        }
+
+        response = decodeURIComponent(response);
+        response = JSON.parse(response);
+        callback(response);
+      },
+      originWhitelist: ['*'] // https://github.com/facebook/react-native/issues/19986
+      ,
+      sharedCookiesEnabled: true,
+      onShouldStartLoadWithRequest: request => {
+        const {
+          url
+        } = request;
+        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()) {
+          callback(iamportUrl.getQuery());
+          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;
+      }
+    })), showLoading && /*#__PURE__*/React.createElement(View, {
+      style: loadingContainer
+    }, loading || /*#__PURE__*/React.createElement(Loading, null)));
+  }
+
+  return /*#__PURE__*/React.createElement(ErrorOnParams, {
+    message: validation.getMessage()
+  });
+}
+
+export default Payment;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","createRef","useEffect","useRef","useState","ValidationForPayment","ErrorOnParams","Linking","Platform","View","IMPConst","IamportUrl","WebView","viewStyles","Loading","Payment","userCode","tierCode","data","loading","callback","webviewSource","setWebviewSource","html","WEBVIEW_SOURCE_HTML","isWebViewLoaded","setIsWebViewLoaded","showLoading","setShowLoading","isInicisTransPaid","setIsInicisTransPaid","webview","smilepayRef","pg","startsWith","OS","current","baseUrl","SMILEPAY_BASE_URL","handleOpenURL","event","pay_method","iamportUrl","url","injectJavaScript","M_REDIRECT_URL","getInicisTransQuery","queryParameters","getQuery","scheme","niceTransRedirectionUrl","app_scheme","toLowerCase","callbackparam1","getStringifiedQuery","addEventListener","removeLoadingNeeded","isIframeWayPayment","customer_uid","validation","getIsValid","wrapper","loadingContainer","webViewContainer","m_redirect_url","popup","JSON","stringify","e","nativeEvent","response","encodeURIComponent","decodeURIComponent","parse","request","isAppUrl","launchApp","catch","code","message","imp_success","error_code","error_msg","isPaymentOver","isIframeLoaded","getMessage"],"mappings":"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","sourcesContent":["import React, { createRef, useEffect, useRef, useState } from 'react';\nimport type { IMPData } from '../../utils/Validation';\nimport ValidationForPayment from '../../utils/ValidationForPayment';\nimport ErrorOnParams from '../ErrorOnParams';\nimport { Linking, Platform, View } from 'react-native';\nimport { IMPConst } from '../../constants';\nimport IamportUrl from '../../utils/IamportUrl';\nimport WebView from 'react-native-webview';\nimport viewStyles from '../../styles';\nimport Loading from '../Loading';\nimport type { WebViewSource } from 'react-native-webview/lib/WebViewTypes';\n\ntype Props = {\n  userCode: string;\n  tierCode?: string;\n  data: IMPData.PaymentData;\n  loading: any;\n  callback: (response: any) => any;\n};\n\nfunction Payment({ userCode, tierCode, data, loading, callback }: Props) {\n  const [webviewSource, setWebviewSource] = useState<WebViewSource>({\n    html: IMPConst.WEBVIEW_SOURCE_HTML,\n  });\n  const [isWebViewLoaded, setIsWebViewLoaded] = useState(false);\n  const [showLoading, setShowLoading] = useState(true);\n  const [isInicisTransPaid, setIsInicisTransPaid] = useState(false);\n  const webview = createRef<WebView>();\n  const smilepayRef = useRef(false);\n\n  useEffect(() => {\n    const { pg } = data;\n    if (\n      pg.startsWith('smilepay') &&\n      Platform.OS === 'ios' &&\n      !smilepayRef.current\n    ) {\n      /**\n       * [feature/smilepay] IOS - 스마일페이 대비 코드 작성\n       * 스마일페이 결제창을 iframe 방식으로 띄우기 때문에 WKWebView에서 서드 파티 쿠키가 허용되지 않아\n       * WKWebView의 baseUrl을 강제로 스마일페이 URL로 적용\n       */\n      setWebviewSource({\n        ...webviewSource,\n        baseUrl: IMPConst.SMILEPAY_BASE_URL,\n      });\n      smilepayRef.current = true;\n    }\n  }, [data, webviewSource]);\n\n  useEffect(() => {\n    const handleOpenURL = (event: { url: string }) => {\n      const { pg, pay_method } = data;\n      if (pay_method === 'trans') {\n        const iamportUrl = new IamportUrl(event.url);\n        /**\n         * [IOS] 웹 표준 이니시스 - 실시간 계좌이체 대비\n         * 아래 로직대로 동작해야 최종적으로 결제가 승인된 후 콜백 함수가 호출됨\n         * 1. 사파리 앱에서 복귀(app_scheme://imp_uid=%26merchant_uid=%26m_redirect_url=)\n         * 2. 최종 결제 승인을 위해 이니시스가 HTTP 리퀘스트 호출\n         * 3. \"다음\" 버튼이 있는 최종 화면으로 이동\n         * 4. \"다음\" 버튼을 클릭\n         * 5. 1번과 마찬가지로 app_scheme://imp_uid=%26merchant_uid=%26m_redirect_url=로 HTTP 리퀘스트 호출\n         * 6. 콜백 함수 호출\n         * 따라서 현재 handleOpenURL이 트리거 되는 사유가 1번 때문인지 5번 때문인지 구분이 필요하여\n         * 이를 위한 isInicisTransPaid 플래그 추가\n         */\n        if (pg.startsWith('html5_inicis') && Platform.OS === 'ios') {\n          if (isInicisTransPaid) {\n            webview.current?.injectJavaScript(`\n              window.location.href = \"${\n                IMPConst.M_REDIRECT_URL\n              }?${iamportUrl.getInicisTransQuery()}\";\n            `);\n          } else {\n            setIsInicisTransPaid(true);\n          }\n        }\n\n        /* 나이스 - 실시간 계좌이체 대비 */\n        if (pg.startsWith('nice')) {\n          const queryParameters = iamportUrl.getQuery();\n          const scheme = iamportUrl.scheme;\n          let niceTransRedirectionUrl;\n          if (scheme === data.app_scheme?.toLowerCase()) {\n            if (queryParameters.callbackparam1 != null) {\n              niceTransRedirectionUrl = queryParameters.callbackparam1;\n            }\n          }\n          webview.current?.injectJavaScript(`\n            window.location.href = \"${niceTransRedirectionUrl}?${iamportUrl.getStringifiedQuery()}\";\n          `);\n        }\n      }\n    };\n    Linking.addEventListener('url', handleOpenURL);\n  }, [data, isInicisTransPaid, webview]);\n\n  const removeLoadingNeeded = () => {\n    if (showLoading && Platform.OS === 'android') {\n      // 로딩상태. 안드로이드 플랫폼\n      if (isWebViewLoaded) {\n        // 웹뷰 로드 끝. 리디렉션 방식\n        return true;\n      }\n      return isIframeWayPayment();\n    }\n    // IOS\n    return false;\n  };\n\n  const isIframeWayPayment = () => {\n    const { pg, pay_method, customer_uid } = data;\n    if (pg.startsWith('html5_inicis') && customer_uid) {\n      // 이니시스 빌링결제\n      return true;\n    }\n    if (pg.startsWith('mobilians') && pay_method === 'phone') {\n      // 모빌리언스 휴대폰 소액결제\n      return true;\n    }\n    return (\n      pg.startsWith('danal') ||\n      pg.startsWith('danal_tpay') ||\n      pg.startsWith('smilepay') ||\n      pg.startsWith('payco') ||\n      pg.startsWith('bluewalnut')\n    );\n  };\n\n  const validation = new ValidationForPayment(\n    userCode,\n    loading,\n    callback,\n    data\n  );\n  if (validation.getIsValid()) {\n    const { wrapper, loadingContainer, webViewContainer } = viewStyles;\n    return (\n      <View style={wrapper}>\n        <View style={webViewContainer}>\n          <WebView\n            ref={webview}\n            source={webviewSource}\n            onLoadEnd={() => {\n              if (!isWebViewLoaded) {\n                data.m_redirect_url = IMPConst.M_REDIRECT_URL;\n                if (data.pg.startsWith('eximbay')) {\n                  data.popup = false;\n                }\n\n                if (tierCode) {\n                  webview.current?.injectJavaScript(`\n                    setTimeout(function() { IMP.agency(\"${userCode}\", \"${tierCode}\"); });\n                  `);\n                } else {\n                  webview.current?.injectJavaScript(`\n                    setTimeout(function() { IMP.init(\"${userCode}\"); });\n                  `);\n                }\n                webview.current?.injectJavaScript(`\n                  setTimeout(function() {\n                    IMP.request_pay(${JSON.stringify(\n                      data\n                    )}, function(response) {\n                      window.ReactNativeWebView.postMessage(JSON.stringify(response));\n                    });\n                  });\n                `);\n                setIsWebViewLoaded(true);\n              }\n\n              // only for Android\n              if (removeLoadingNeeded()) {\n                setShowLoading(false);\n              }\n            }}\n            /* PG사가 callback을 지원하는 경우, 결제결과를 받아 callback을 실행한다 */\n            onMessage={(e) => {\n              const { data } = e.nativeEvent;\n              /**\n               * [v1.6.0] 다날의 경우 response에 주문명(name)이 포함되어 있는데\n               * 주문명에 %가 들어갈 경우, decodeURIComponent시 URI malformed 에러가 발생하는 것 대비해\n               * 우선 encodeURIComponent를 한 후, decodeURIComponent가 끝나면\n               * 최종적으로 decodeURIComponent를 한 번 더 한다\n               */\n              let response = encodeURIComponent(data);\n              while (decodeURIComponent(response) !== data) {\n                response = decodeURIComponent(response);\n              }\n              response = decodeURIComponent(response);\n              response = JSON.parse(response);\n              callback(response);\n            }}\n            originWhitelist={['*']} // https://github.com/facebook/react-native/issues/19986\n            sharedCookiesEnabled={true}\n            onShouldStartLoadWithRequest={(request) => {\n              const { url } = request;\n              const iamportUrl = new IamportUrl(url);\n              if (iamportUrl.isAppUrl()) {\n                /* 3rd-party 앱 오픈 */\n                iamportUrl.launchApp().catch((e) => {\n                  const { code, message } = e;\n                  callback({\n                    imp_success: false,\n                    error_code: code,\n                    error_msg: message,\n                  });\n                });\n\n                return false;\n              }\n              if (iamportUrl.isPaymentOver()) {\n                callback(iamportUrl.getQuery());\n                return false;\n              }\n              if (\n                isWebViewLoaded &&\n                showLoading &&\n                iamportUrl.isIframeLoaded()\n              ) {\n                /**\n                 * only for IOS\n                 * iframe이 load되면(url이 about:blank 또는 https://service.iamport.kr이 아니면)\n                 * webview의 loading 상태를 해제한다\n                 */\n                setShowLoading(false);\n              }\n              return true;\n            }}\n          />\n        </View>\n        {showLoading && (\n          <View style={loadingContainer}>{loading || <Loading />}</View>\n        )}\n      </View>\n    );\n  }\n\n  return <ErrorOnParams message={validation.getMessage()} />;\n}\n\nexport default Payment;\n"]}

package/lib/module/constants/index.js

@@ -0,0 +1,98 @@
+let IMPConst;
+
+(function (_IMPConst) {
+  const PG = _IMPConst.PG = ['html5_inicis', 'inicis', 'uplus', 'kcp', 'kcp_billing', 'nice', 'jtnet', 'kakao', 'kakaopay', 'danal', 'danal_tpay', 'kicc', 'settle', 'mobilians', 'payco', 'eximbay', 'paypal', 'naverco', 'naverpay', 'smilepay', 'chai', 'payple', 'alipay', 'bluewalnut', 'tosspay', 'smartro'];
+  const PAY_METHOD = _IMPConst.PAY_METHOD = ['card', 'trans', 'vbank', 'phone', 'samsung', 'kpay', 'cultureland', 'smartculture', 'happymoney', 'booknlife', 'kakaopay', 'lpay', 'payco', 'ssgpay', 'tosspay', // 엑심베이 전용
+  'unionpay', // 유니온페이
+  'alipay', // 알리페이
+  'tenpay', // 텐페이
+  'wechat', // 위챗페이
+  'molpay', // 몰페이
+  'paysbuy' // 태국 paysbuy
+  ];
+  const CURRENCY = _IMPConst.CURRENCY = ['KRW', 'USD', 'EUR', 'JPY'];
+  const LANGUAGE = _IMPConst.LANGUAGE = ['ko', 'en'];
+  const EN_AVAILABLE_PG = _IMPConst.EN_AVAILABLE_PG = ['inicis', 'html5_inicis', 'uplus', 'nice', 'eximbay'];
+  const CARRIERS = _IMPConst.CARRIERS = ['SKT', 'KTF', 'LGT', 'MVNO'];
+  const ANDROID_MARKET_PREFIX = _IMPConst.ANDROID_MARKET_PREFIX = 'market://details?id=';
+  const IOS_MARKET_PREFIX = _IMPConst.IOS_MARKET_PREFIX = 'https://apps.apple.com/app/';
+  const M_REDIRECT_URL = _IMPConst.M_REDIRECT_URL = 'http://detectchangingwebview/iamport/rn';
+  const NICE_TRANS_URL = _IMPConst.NICE_TRANS_URL = 'https://web.nicepay.co.kr/smart/bank/payTrans.jsp';
+  const IMP_SDK_URL = _IMPConst.IMP_SDK_URL = 'https://service.iamport.kr';
+  const SMILEPAY_BASE_URL = _IMPConst.SMILEPAY_BASE_URL = 'https://www.mysmilepay.com';
+  const WEBVIEW_SOURCE_HTML = _IMPConst.WEBVIEW_SOURCE_HTML = `
+<html>
+  <head>
+    <meta http-equiv='content-type' content='text/html; charset=utf-8'>
+    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
+
+    <script type='text/javascript' src='https://code.jquery.com/jquery-latest.min.js' ></script>
+    <script type='text/javascript' src='https://cdn.iamport.kr/js/iamport.payment-1.1.8.js'></script>
+  </head>
+  <body></body>
+</html>
+`;
+  const ANDROID_APPSCHEME = _IMPConst.ANDROID_APPSCHEME = {
+    ISP: 'ispmobile',
+    BANKPAY: 'kftc-bankpay',
+    KB_BANKPAY: 'kb-bankpay',
+    NH_BANKPAY: 'nhb-bankpay',
+    MG_BANKPAY: 'mg-bankpay',
+    KN_BANKPAY: 'kn-bankpay',
+    KAKAOPAY: 'kakaotalk',
+    SMILEPAY: 'smilepayapp',
+    CHAIPAY: 'chaipayment',
+    PAYCO: 'payco',
+    HYUNDAICARD: 'hdcardappcardansimclick',
+    TOSS: 'supertoss',
+    SHINHANCARD: 'shinhan-sr-ansimclick',
+    HANACARD: 'cloudpay',
+    SAMSUNGCARD: 'mpocket.online.ansimclick',
+    KBCARD: 'kb-acp',
+    NHCARD: 'nhallonepayansimclick',
+    CITICARD: 'citimobileapp',
+    LOTTECARD: 'lotteappcard',
+    LPAY: 'lpayapp',
+    SSGPAY: 'shinsegaeeasypayment',
+    KPAY: 'kpay',
+    PAYNOW: 'lguthepay-xpay',
+    WOORIWONCARD: 'com.wooricard.smartapp',
+    LPOINT: 'lmslpay',
+    KTFAUTH: 'ktauthexternalcall',
+    LGTAUTH: 'upluscorporation',
+    SKTAUTH: 'tauthlink'
+  };
+  const ANDROID_PACKAGE = _IMPConst.ANDROID_PACKAGE = {
+    PACKAGE_ISP: 'kvp.jjy.MispAndroid320',
+    PACKAGE_BANKPAY: 'com.kftc.bankpay.android',
+    PACKAGE_KB_BANKPAY: 'com.kbstar.liivbank',
+    PACKAGE_NH_BANKPAY: 'com.nh.cashcardapp',
+    PACKAGE_MG_BANKPAY: 'kr.co.kfcc.mobilebank',
+    PACKAGE_KN_BANKPAY: 'com.knb.psb',
+    PACKAGE_KAKAOPAY: 'com.kakao.talk',
+    PACKAGE_SMILEPAY: 'com.mysmilepay.app',
+    PACKAGE_CHAIPAY: 'finance.chai.app',
+    PACKAGE_PAYCO: 'com.nhnent.payapp',
+    PACKAGE_HYUNDAICARD: 'com.hyundaicard.appcard',
+    PACKAGE_TOSS: 'viva.republica.toss',
+    PACKAGE_SHINHANCARD: 'com.shcard.smartpay',
+    PACKAGE_HANACARD: 'com.hanaskard.paycla',
+    PACKAGE_SAMSUNGCARD: 'kr.co.samsungcard.mpocket',
+    PACKAGE_KBCARD: 'com.kbcard.cxh.appcard',
+    PACKAGE_NHCARD: 'nh.smart.nhallonepay',
+    PACKAGE_CITICARD: 'kr.co.citibank.citimobile',
+    PACKAGE_LOTTECARD: 'com.lcacApp',
+    PACKAGE_LPAY: 'com.lotte.lpay',
+    PACKAGE_SSGPAY: 'com.ssg.serviceapp.android.egiftcertificate',
+    PACKAGE_KPAY: 'com.inicis.kpay',
+    PACKAGE_PAYNOW: 'com.lguplus.paynow',
+    PACKAGE_WOORIWONCARD: 'com.wooricard.smartapp',
+    PACKAGE_LPOINT: 'com.lottemembers.android',
+    PACKAGE_KTFAUTH: 'com.kt.ktauth',
+    PACKAGE_LGTAUTH: 'com.lguplus.smartotp',
+    PACKAGE_SKTAUTH: 'com.sktelecom.tauth'
+  };
+})(IMPConst || (IMPConst = {}));
+
+export { IMPConst };
+//# sourceMappingURL=index.js.map