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

package/android/gradlew

@@ -1,172 +0,0 @@
-#!/usr/bin/env sh
-
-##############################################################################
-##
-##  Gradle start up script for UN*X
-##
-##############################################################################
-
-# Attempt to set APP_HOME
-# Resolve links: $0 may be a link
-PRG="$0"
-# Need this for relative symlinks.
-while [ -h "$PRG" ] ; do
-    ls=`ls -ld "$PRG"`
-    link=`expr "$ls" : '.*-> \(.*\)$'`
-    if expr "$link" : '/.*' > /dev/null; then
-        PRG="$link"
-    else
-        PRG=`dirname "$PRG"`"/$link"
-    fi
-done
-SAVED="`pwd`"
-cd "`dirname \"$PRG\"`/" >/dev/null
-APP_HOME="`pwd -P`"
-cd "$SAVED" >/dev/null
-
-APP_NAME="Gradle"
-APP_BASE_NAME=`basename "$0"`
-
-# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-DEFAULT_JVM_OPTS=""
-
-# Use the maximum available, or set MAX_FD != -1 to use that value.
-MAX_FD="maximum"
-
-warn () {
-    echo "$*"
-}
-
-die () {
-    echo
-    echo "$*"
-    echo
-    exit 1
-}
-
-# OS specific support (must be 'true' or 'false').
-cygwin=false
-msys=false
-darwin=false
-nonstop=false
-case "`uname`" in
-  CYGWIN* )
-    cygwin=true
-    ;;
-  Darwin* )
-    darwin=true
-    ;;
-  MINGW* )
-    msys=true
-    ;;
-  NONSTOP* )
-    nonstop=true
-    ;;
-esac
-
-CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
-
-# Determine the Java command to use to start the JVM.
-if [ -n "$JAVA_HOME" ] ; then
-    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
-        # IBM's JDK on AIX uses strange locations for the executables
-        JAVACMD="$JAVA_HOME/jre/sh/java"
-    else
-        JAVACMD="$JAVA_HOME/bin/java"
-    fi
-    if [ ! -x "$JAVACMD" ] ; then
-        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
-
-Please set the JAVA_HOME variable in your environment to match the
-location of your Java installation."
-    fi
-else
-    JAVACMD="java"
-    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-
-Please set the JAVA_HOME variable in your environment to match the
-location of your Java installation."
-fi
-
-# Increase the maximum file descriptors if we can.
-if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
-    MAX_FD_LIMIT=`ulimit -H -n`
-    if [ $? -eq 0 ] ; then
-        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
-            MAX_FD="$MAX_FD_LIMIT"
-        fi
-        ulimit -n $MAX_FD
-        if [ $? -ne 0 ] ; then
-            warn "Could not set maximum file descriptor limit: $MAX_FD"
-        fi
-    else
-        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
-    fi
-fi
-
-# For Darwin, add options to specify how the application appears in the dock
-if $darwin; then
-    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
-fi
-
-# For Cygwin, switch paths to Windows format before running java
-if $cygwin ; then
-    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
-    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
-    JAVACMD=`cygpath --unix "$JAVACMD"`
-
-    # We build the pattern for arguments to be converted via cygpath
-    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
-    SEP=""
-    for dir in $ROOTDIRSRAW ; do
-        ROOTDIRS="$ROOTDIRS$SEP$dir"
-        SEP="|"
-    done
-    OURCYGPATTERN="(^($ROOTDIRS))"
-    # Add a user-defined pattern to the cygpath arguments
-    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
-        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
-    fi
-    # Now convert the arguments - kludge to limit ourselves to /bin/sh
-    i=0
-    for arg in "$@" ; do
-        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
-        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
-
-        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
-            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
-        else
-            eval `echo args$i`="\"$arg\""
-        fi
-        i=$((i+1))
-    done
-    case $i in
-        (0) set -- ;;
-        (1) set -- "$args0" ;;
-        (2) set -- "$args0" "$args1" ;;
-        (3) set -- "$args0" "$args1" "$args2" ;;
-        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
-        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
-        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
-        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
-        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
-        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
-    esac
-fi
-
-# Escape application args
-save () {
-    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
-    echo " "
-}
-APP_ARGS=$(save "$@")
-
-# Collect all arguments for the java command, following the shell quoting and substitution rules
-eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
-
-# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
-if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
-  cd "$(dirname "$0")"
-fi
-
-exec "$JAVACMD" "$@"

package/android/gradlew.bat

@@ -1,84 +0,0 @@
-@if "%DEBUG%" == "" @echo off
-@rem ##########################################################################
-@rem
-@rem  Gradle startup script for Windows
-@rem
-@rem ##########################################################################
-
-@rem Set local scope for the variables with windows NT shell
-if "%OS%"=="Windows_NT" setlocal
-
-set DIRNAME=%~dp0
-if "%DIRNAME%" == "" set DIRNAME=.
-set APP_BASE_NAME=%~n0
-set APP_HOME=%DIRNAME%
-
-@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-set DEFAULT_JVM_OPTS=
-
-@rem Find java.exe
-if defined JAVA_HOME goto findJavaFromJavaHome
-
-set JAVA_EXE=java.exe
-%JAVA_EXE% -version >NUL 2>&1
-if "%ERRORLEVEL%" == "0" goto init
-
-echo.
-echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
-
-goto fail
-
-:findJavaFromJavaHome
-set JAVA_HOME=%JAVA_HOME:"=%
-set JAVA_EXE=%JAVA_HOME%/bin/java.exe
-
-if exist "%JAVA_EXE%" goto init
-
-echo.
-echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
-
-goto fail
-
-:init
-@rem Get command-line arguments, handling Windows variants
-
-if not "%OS%" == "Windows_NT" goto win9xME_args
-
-:win9xME_args
-@rem Slurp the command line arguments.
-set CMD_LINE_ARGS=
-set _SKIP=2
-
-:win9xME_args_slurp
-if "x%~1" == "x" goto execute
-
-set CMD_LINE_ARGS=%*
-
-:execute
-@rem Setup the command line
-
-set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
-
-@rem Execute Gradle
-"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
-
-:end
-@rem End local scope for the variables with windows NT shell
-if "%ERRORLEVEL%"=="0" goto mainEnd
-
-:fail
-rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
-rem the _cmd.exe /c_ return code!
-if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
-exit /b 1
-
-:mainEnd
-if "%OS%"=="Windows_NT" endlocal
-
-:omega

package/android/src/main/java/com/iamport/IamportModule.java

@@ -1,88 +0,0 @@
-package com.iamport;
-
-import android.content.Intent;
-
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.Promise;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.module.annotations.ReactModule;
-
-import java.net.URISyntaxException;
-
-
-@ReactModule(name = IamportModule.MODULE_NAME)
-public class IamportModule extends ReactContextBaseJavaModule {
-  public static final String MODULE_NAME = "Iamport";
-
-  private final static String BANKPAY = "kftc-bankpay";
-  private final static String ISP = "ispmobile";
-  private final static String KB_BANKPAY = "kb-bankpay";
-	private final static String NH_BANKPAY = "nhb-bankpay";
-	private final static String MG_BANKPAY = "mg-bankpay";
-  private final static String KN_BANKPAY = "kn-bankpay";
-  
-  private final static String PACKAGE_ISP = "kvp.jjy.MispAndroid320";
-  private final static String PACKAGE_BANKPAY = "com.kftc.bankpay.android";
-  private final static String PACKAGE_KB_BANKPAY = "com.kbstar.liivbank";
-	private final static String PACKAGE_NH_BANKPAY = "com.nh.cashcardapp";
-	private final static String PACKAGE_MG_BANKPAY = "kr.co.kfcc.mobilebank";
-	private final static String PACKAGE_KN_BANKPAY = "com.knb.psb";
-
-  public IamportModule(ReactApplicationContext reactContext) {
-    super(reactContext);
-  }
-
-  @Override
-  public String getName() { return MODULE_NAME; }
-
-  @ReactMethod
-  public void getAppUrl(String url, Promise promise) {
-    try {
-      Intent intent = Intent.parseUri(url, Intent.URI_INTENT_SCHEME);
-      promise.resolve(intent.getDataString());
-    } catch (URISyntaxException e) {
-      promise.reject("URISyntaxException", e.getMessage());
-    }
-  }
-
-  @ReactMethod
-  public void getMarketUrl(String url, Promise promise) {
-    try {
-      Intent intent = Intent.parseUri(url, Intent.URI_INTENT_SCHEME);
-      String packageName = getPackageName(intent);
-      promise.resolve("market://details?id=" + packageName);
-    } catch (URISyntaxException e) {
-      promise.reject("URISyntaxException", e.getMessage());
-    }
-  }
-
-  public String getPackageName(Intent intent) {
-    String scheme = intent.getScheme();
-    if (scheme.equalsIgnoreCase(ISP)) {
-      return PACKAGE_ISP;
-    }
-
-    if (scheme.equalsIgnoreCase(BANKPAY)) {
-      return PACKAGE_BANKPAY;
-    }
-
-    if (scheme.equalsIgnoreCase(KB_BANKPAY)) {
-      return PACKAGE_KB_BANKPAY;
-    }
-
-    if (scheme.equalsIgnoreCase(NH_BANKPAY)) {
-      return PACKAGE_NH_BANKPAY;
-    }
-
-    if (scheme.equalsIgnoreCase(MG_BANKPAY)) {
-      return PACKAGE_MG_BANKPAY;
-    }
-
-    if (scheme.equalsIgnoreCase(KN_BANKPAY)) {
-      return PACKAGE_KN_BANKPAY;
-    }
-
-    return intent.getPackage();
-  }
-}

package/android/src/main/java/com/iamport/IamportPackage.java

@@ -1,23 +0,0 @@
-
-package com.iamport;
-
-import java.util.Arrays;
-import java.util.Collections;
-import java.util.List;
-
-import com.facebook.react.ReactPackage;
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.uimanager.ViewManager;
-
-public class IamportPackage implements ReactPackage {
-    @Override
-    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
-      return Arrays.<NativeModule>asList(new IamportModule(reactContext));
-    }
-
-    @Override
-    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
-        return Collections.emptyList();
-    }
-}

package/ios/IamportReactNative.h

@@ -1,11 +0,0 @@
-
-#if __has_include(<React/RCTBridgeModule.h>)
-  #import <React/RCTBridgeModule.h>
-#else
-  #import "RCTBridgeModule.h"
-#endif
-
-@interface IamportReactNative : NSObject <RCTBridgeModule>
-
-@end
-  

package/ios/IamportReactNative.m

@@ -1,23 +0,0 @@
-
-#import "IamportReactNative.h"
-#import <React/RCTLinkingManager.h>
-
-@implementation IamportReactNative
-
-- (dispatch_queue_t)methodQueue
-{
-    return dispatch_get_main_queue();
-}
-
-- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
-{
-    // [IOS6] 세션 끊어지는 상황 방지 위한 쿠키 설정 (설정에서 사파리 쿠키 사용 설정도 필요)
-    [[NSHTTPCookieStorage sharedHTTPCookieStorage] setCookieAcceptPolicy:NSHTTPCookieAcceptPolicyAlways];
-    
-    return YES;
-}
-
-RCT_EXPORT_MODULE() // To export a module named IamportReactNative
-
-@end
-  

package/ios/IamportReactNative.xcodeproj/project.xcworkspace/contents.xcworkspacedata

@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Workspace
-   version = "1.0">
-   <FileRef
-      location = "self:">
-   </FileRef>
-</Workspace>

package/ios/IamportReactNative.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>IDEDidComputeMac32BitWarning</key>
-	<true/>
-</dict>
-</plist>

package/ios/IamportReactNative.xcworkspace/contents.xcworkspacedata

@@ -1,9 +0,0 @@
-// !$*UTF8*$!
-<?xml version="1.0" encoding="UTF-8"?>
-<Workspace
-   version = "1.0">
-   <FileRef
-      location = "group:IamportReactNative.xcodeproj">
-   </FileRef>
-</Workspace>
-  

package/manuals/CALLBACK.md

@@ -1,68 +0,0 @@
-
-# 콜백 함수 설정하기
-아임포트 리액트 네이티브 모듈 콜백 함수 설정을 위한 안내입니다.
-
-콜백 함수는 필수입력 필드로, 결제/본인인증 완료 후 라우트를 이동하도록 로직을 작성해야합니다. [react-navigation](https://github.com/react-navigation/react-navigation)을 통해 라우터를 변경하는 경우, 아래와 같이 [push 함수](https://reactnavigation.org/docs/en/stack-actions.html#push)가 아닌 [replace 함수](https://reactnavigation.org/docs/en/stack-actions.html#replace)를 사용해야 합니다.
-push 함수를 사용할 경우, 결제 완료 후 라우터가 변경되더라도 유저가 뒤로가기를 했을 경우 아임포트 모듈이 다시 렌더링됩니다. 하지만 replace 함수를 사용하면, 결제 완료 후 라우터가 변경되고 유저가 뒤로가기를 하면 원래 결제하기 직전 화면으로 넘어가게 됩니다.
-
-### 잘못된 사용 예제
-```javascript
-function callback(response) {
-  navigation.push('Result', response); // [에러] push 함수 사용
-}
-```
-
-### 올바른 사용 예제
-```javascript
-function callback(response) {
-  navigation.replace('Result', response);
-}
-```
-
-### 결과에 따라 로직 작성하기
-콜백 함수의 첫번째 인자(response)는 결제/본인인증 결과를 담고 있는 오브젝트로 아래와 같이 구성되어 있습니다. 자세한 내용은 아임포트 공식 문서 [IMP.request_pay - param, rsp 객체 - Callback 함수의 rsp 객제](https://docs.iamport.kr/tech/imp#callback)를 참고해주세요.
-
-| key           |  Description       | 
-| ------------- | ------------------ | 
-| success       | 성공 여부            |
-| imp_uid       | 아임포트 번호         |
-| merchant_uid  | 주문번호             |
-| error_msg     | 실패한 경우, 에러메시지  |
-
-response에 따라 결제/본인인증 성공/실패 여부를 판단해 아래와 같이 각기 다른 로직을 구성할 수 있습니다. 아래 코드는 예시일 뿐 실제 결제 성공/실패여부는 결제 유효성 검사 후 아임포트 REST API로 결제내역을 조회해 판단해야 합니다. 자세한 내용은 아임포트 공식 문서 [일반결제 연동하기 - STEP5. 서버에서 거래 검증 및 데이터 동기화](https://docs.iamport.kr/implementation/payment#server-side-logic)를 참고해주세요.
-
-```javascript
-import React from 'react';
-import { View, Text } from 'react-native';
-
-function Result({ navigation }) {
-  const success = navigation.getParam('success');
-  const imp_uid = navigation.getParam('imp_uid');
-  const merchant_uid = navigation.getParam('merchant_uid');
-
-  return (
-    <View>
-      <Text>{`결제/본인인증에 ${success ? '성공' : '실패'}하였습니다.`}</Text>
-      <View>
-        <View>
-          <Text>아임포트 번호</Text>
-          <Text>{imp_uid || '없음'}</Text>
-        </View>
-        <View>
-          <Text>주문 번호</Text>
-          <Text>{merchant_uid || '없음'}</Text>
-        </View>
-        {
-          !success && 
-          <View>
-            <Text>에러 메시지</Text>
-            <Text>{error_msg || '없음'}</Text>
-          </View>
-        }
-      </View>
-    </View>
-  );
-}
-
-export default Result;
-```

package/manuals/EXAMPLE.md

@@ -1,175 +0,0 @@
-# 예제 프로젝트
-
-아임포트 리액트 네이티브 모듈 예제 안내입니다.
-
-iamport-react-native 모듈을 clone받아 폴더 위치를 `example` 프로젝트로 이동합니다.
-
-```
-$ git clone https://github.com/iamport/iamport-react-native.git
-$ cd ./iamport-react-native/example
-```
-
-필요한 npm 모듈을 설치합니다.
-
-```
-$ npm install
-$ npx jetifier // AndroidX 환경 대비
-```
-
-앱을 실행합니다.
-
-```
-$ npm start -- --reset-cache
-```
-
-각 환경에 맞게 앱을 빌드합니다.
-
-### IOS
-- [XCode를 설치](https://developer.apple.com/xcode)합니다.
-- 프로젝트(`[...]/node_modules/iamport-react-native/example/ios/example.xcodeproj`)를 더블클릭해 오픈합니다.
-- 빌드 타깃을 선택하고 앱을 빌드(`Cmd+R`)합니다.
-
-### Android
-- [안드로이드 스튜디오를 설치](https://developer.android.com/studio)합니다.
-- 안드로이드 스튜디오에서 프로젝트(`[...]/node_modules/iamport-react-native/example/android`)를 더블클릭해 오픈합니다.
-- 빌드 타깃을 선택하고 앱을 빌드(![](../src/img/android-studio-build.png) 또는 `Cmd+F9`)합니다.
-
-![](../src/img/ios-emulator-home.png)
-![](../src/img/ios-emulator-payment.png)
-![](../src/img/ios-emulator-certification.png)
-
-
-### 일반/정기결제 코드 예시
-```javascript
-import React from 'react';
-/* 아임포트 결제모듈을 불러옵니다. */
-import IMP from 'iamport-react-native';
-
-/* 로딩 컴포넌트를 불러옵니다. */
-import Loading from './Loading';
-
-export function Payment({ navigation }) {
-  /* [필수입력] 결제 종료 후, 라우터를 변경하고 결과를 전달합니다. */
-  function callback(response) {
-    navigation.replace('PaymentResult', response);
-  }
-
-  /* [필수입력] 결제에 필요한 데이터를 입력합니다. */
-  const data = {
-    pg: 'html5_inicis',
-    pay_method: 'card',
-    name: '아임포트 결제데이터 분석',
-    merchant_uid: `mid_${new Date().getTime()}`,
-    amount: '39000',
-    buyer_name: '홍길동',
-    buyer_tel: '01012345678',
-    buyer_email: 'example@naver.com',
-    buyer_addr: '서울시 강남구 신사동 661-16',
-    buyer_postcode: '06018',
-    app_scheme: 'example',
-    // [Deprecated v1.0.3]: m_redirect_url
-  };
-
-  return (
-    <IMP.Payment
-      userCode={'iamport'}  // 가맹점 식별코드
-      tierCode={'AAA'}      // 티어 코드: agency 기능 사용자에 한함
-      loading={<Loading />} // 로딩 컴포넌트
-      data={data}           // 결제 데이터
-      callback={callback}   // 결제 종료 후 콜백
-    />
-  );
-}
-
-export default Payment;
-```
-
-| Prop             | Type          |  Description                                                | Required   |
-| ---------------- | ------------- | ----------------------------------------------------------- | ---------- |
-| userCode         | string        | 가맹점 식별코드                                                 | true       |
-| tierCode         | string        | agency 기능 사용자의 하위 가맹점 코드 3자리                         | false       |
-| data             | object        | 결제에 필요한 정보 [자세히 보기](https://docs.iamport.kr/tech/imp) | true       |
-| - m_redirect_url | string        | [Deprecated]                                                | false       |
-| callback         | function      | 결제 후 실행 될 함수 [자세히보기](#callback)                       | true       |
-| loading          | RN 컴포넌트     | 웹뷰 로드시 보여질 컴포넌트                                        | false      |
-
-
-### 휴대폰 본인인증 코드 예시
-```javascript
-import React from 'react';
-/* 아임포트 본인인증 모듈을 불러옵니다. */
-import IMP from 'iamport-react-native';
-
-/* 로딩 컴포넌트를 불러옵니다. */
-import Loading from './Loading';
-
-export function Certification({ navigation }) {
-  /* [필수입력] 본인인증 종료 후, 라우터를 변경하고 결과를 전달합니다. */
-  function callback(response) {
-    navigation.replace('CertificationResult', response);
-  }
-
-  /* [필수입력] 본인인증에 필요한 데이터를 입력합니다. */
-  const data = {
-    merchant_uid: `mid_${new Date().getTime()}`,
-    company: '아임포트',
-    carrier: 'SKT',
-    name: '홍길동',
-    phone: '01012341234',
-    min_age: '',
-  };
-
-  return (
-    <IMP.Certification
-      userCode={'iamport'}  // 가맹점 식별코드
-      tierCode={'AAA'}      // 티어 코드: agency 기능 사용자에 한함
-      loading={<Loading />} // 로딩 컴포넌트
-      data={data}           // 본인인증 데이터
-      callback={callback}   // 본인인증 종료 후 콜백
-    />
-  );
-}
-
-export default Certification;
-```
-
-| Prop          | Type          |  Description                       | Required   |
-| ------------- | ------------- | ---------------------------------- | ---------- |
-| userCode      | string        | 가맹점 식별코드                        | true       |
-| tierCode      | string        | agency 기능 사용자의 하위 가맹점 코드 3자리 | false       |
-| data          | object        | 본인인증에 필요한 정보 [자세히 보기](https://https://docs.iamport.kr/tech/mobile-authentication#call-authentication)      | true       |
-| - merchant_uid| string        | 가맹점 주문번호                        | false      |
-| - company     | string        | 회사명 또는 URL                       | false      |
-| - carrier     | string        | 통신사                               | false      |
-| - name        | string        | 본인인증 할 이름                        | false      |
-| - phone       | number        | 본인인증 할 전화번호                     | false      |
-| - min_age     | number        | 본인인증 허용 최소 연령                  | false      |
-| callback      | function      | 본인인증 후 실행 될 함수                 | true       |
-| loading       | RN 컴포넌트     | 웹뷰 로드시 보여질 컴포넌트               | false      |
-
-### 웹뷰 로딩 컴포넌트 코드 예시
-웹뷰가 로드되기 전 보여질 로딩 화면을 컴포넌트로 생성해 loading 파라메터로 넘깁니다. 미 입력시 아임포트가 보여주는 default 로딩 페이지가 렌더링됩니다. 아래는 로딩 컴포넌트 코드 작성 예시입니다.
-
-```javascript
-import React from 'react';
-import { View, Text, StyleSheet } from 'react-native';
-
-export function Loading() {
-  const { container } = styles;
-  return (
-    <View style={container}>
-      <Text>잠시만 기다려주세요...</Text>
-    </View>  
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    ...StyleSheet.absoluteFillObject,
-  },
-});
-
-export default Loading;
-```
-
-로딩 컴포넌트를 감싸고 있는 최상단 View 컴포넌트의 스타일 속성을 지정할때 주의해야합니다. 별도의 설정 없이 작성할 경우, 로딩 컴포넌트는 전체 화면의 절반만 차지하게 됩니다. 이는 react-native-webview 모듈 자체의 이슈로, 스타일 속성을 지정할때 위 예시와 같이 `StyleSheet.absoluteFillObject`값을 추가해주면 됩니다. 자세한 내용은 [Fix: Flex loading view](https://github.com/react-native-community/react-native-webview/pull/663)를 참고해주세요.