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

package/exampleForManagedExpo/.expo-shared/assets.json

@@ -1,4 +0,0 @@
-{
-  "12bb71342c6255bbf50437ec8f4441c083f47cdb74bd89160c15e4f43e52a1cb": true,
-  "40b842e832070c58deac6aa9e08fa459302ee3f9da492c7e77d93d2fbf4a56fd": true
-}

package/exampleForManagedExpo/.gitignore

@@ -1,22 +0,0 @@
-node_modules/
-.expo/
-npm-debug.*
-*.jks
-*.p8
-*.p12
-*.key
-*.mobileprovision
-*.orig.*
-web-build/
-
-# macOS
-.DS_Store
-
-# yarn
-.yarn/*
-!.yarn/cache
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions

package/exampleForManagedExpo/App.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { NativeBaseProvider } from 'native-base';
-import IamportNavigation from './src/NavigationService';
-
-export default function App() {
-  return (
-    <NativeBaseProvider>
-      <IamportNavigation />
-    </NativeBaseProvider>
-  );
-}

package/exampleForManagedExpo/README.md

@@ -1,33 +0,0 @@
-# exampleForManagedExpo 프로젝트
-
-`iamport-react-native` 예제입니다.
-
-Expo를 통해 아임포트 결제모듈을 연동하는 것을 구현한 예제 프로젝트입니다.
-그 중에서도 managed 프로젝트로 개발하는 것을 가정하여 만들었기 때문에 iOS 및 안드로이드 폴더가 없으며 실제 앱을 빌드 후 테스트하기 위해서는 [Building Standalone Apps](https://docs.expo.io/distribution/building-standalone-apps/)를 참고하시기 바랍니다.
-
-Expo 관련 설정은 [Expo 설정하기](../manuals/EXPO.md)에서 보실 수 있습니다.
-
-## Expo CLI 설치
-
-```shell
-$ yarn global add expo-cli
-```
-
-## Expo Go 앱에서 실행
-
-먼저 테스트할 기기에 [Expo Go](https://expo.dev/client) 앱을 설치합니다.
-
-`iamport-react-native` 레포를 clone받은 후 프로젝트의 `example` 폴더 안으로 이동합니다.
-```shell
-$ git clone https://github.com/iamport/iamport-react-native
-$ cd iamport-react-native/exampleForExpo
-```
-
-Expo 개발 서버를 실행합니다.
-```shell
-$ expo start
-```
-
-서버의 로딩이 완료되면 안드로이드의 경우 Expo Go 앱에서, iOS의 경우 카메라를 통해 QR 코드를 찍어 앱을 실행합니다.
-
-Expo Go 앱의 특성상 일부 결제수단(e.g. 뱅크페이)은 직접 빌드하는 것이 아니면 사용이 불가합니다.

package/exampleForManagedExpo/app.json

@@ -1,90 +0,0 @@
-{
-  "expo": {
-    "name": "exampleForManagedExpo",
-    "slug": "example-for-managed-expo",
-    "version": "1.0.0",
-    "orientation": "portrait",
-    "icon": "./assets/icon.png",
-    "splash": {
-      "image": "./assets/splash.png",
-      "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
-    },
-    "updates": {
-      "fallbackToCacheTimeout": 0
-    },
-    "assetBundlePatterns": [
-      "**/*"
-    ],
-    "ios": {
-      "bundleIdentifier": "kr.iamport.exampleformanagedexpo",
-      "buildNumber": "1.0.0",
-      "supportsTablet": true,
-      "infoPlist": {
-        "LSApplicationQueriesSchemes": [
-          "kftc-bankpay",
-          "ispmobile",
-          "itms-apps",
-          "hdcardappcardansimclick",
-          "smhyundaiansimclick",
-          "shinhan-sr-ansimclick",
-          "smshinhanansimclick",
-          "kb-acp",
-          "mpocket.online.ansimclick",
-          "ansimclickscard",
-          "ansimclickipcollect",
-          "vguardstart",
-          "samsungpay",
-          "scardcertiapp",
-          "lottesmartpay",
-          "lotteappcard",
-          "cloudpay",
-          "nhappcardansimclick",
-          "nonghyupcardansimclick",
-          "citispay",
-          "citicardappkr",
-          "citimobileapp",
-          "kakaotalk",
-          "payco",
-          "chaipayment",
-          "kb-auth",
-          "hyundaicardappcardid",
-          "com.wooricard.wcard",
-          "lmslpay",
-          "lguthepay-xpay",
-          "liivbank",
-          "supertoss",
-          "newsmartpib"
-        ],
-        "NSAppTransportSecurity": {
-          "NSAllowsArbitraryLoads": true,
-          "NSAllowsArbitraryLoadsInWebContent": true
-        }
-      }
-    },
-    "android": {
-      "package": "kr.iamport.exampleformanagedexpo",
-      "versionCode": 1,
-      "adaptiveIcon": {
-        "foregroundImage": "./assets/adaptive-icon.png",
-        "backgroundColor": "#FFFFFF"
-      },
-      "intentFilters": [
-        {
-          "action": "VIEW",
-          "category": [
-            "DEFAULT",
-            "BROWSABLE"
-          ],
-          "data": {
-            "scheme": "exampleformanagedexpo"
-          }
-        }
-      ]
-    },
-    "web": {
-      "favicon": "./assets/favicon.png"
-    },
-    "scheme": "exampleformanagedexpo"
-  }
-}

package/exampleForManagedExpo/babel.config.js

@@ -1,11 +0,0 @@
-module.exports = {
-  presets: ['babel-preset-expo'],
-  plugins: [
-    [
-      'module-resolver',
-      {
-        extensions: ['.tsx', '.ts', '.js', '.json'],
-      },
-    ],
-  ],
-};

package/exampleForManagedExpo/metro.config.js

@@ -1,62 +0,0 @@
-const path = require('path');
-const blacklist = require('metro-config/src/defaults/exclusionList');
-const escape = require('escape-string-regexp');
-const pak = require('../package.json');
-
-const root = path.resolve(__dirname, '..');
-
-const modules = Object.keys({
-  ...pak.peerDependencies,
-});
-
-module.exports = {
-  projectRoot: __dirname,
-  watchFolders: [root],
-
-  // We need to make sure that only one version is loaded for peerDependencies
-  // So we blacklist them at the root, and alias them to the versions in example's node_modules
-  resolver: {
-    blacklistRE: blacklist(
-      modules.map(
-        (m) =>
-          new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`)
-      ),
-      modules.map(
-        (m) =>
-          new RegExp(
-            `^${escape(path.join(root, 'example/node_modules', m))}\\/.*$`
-          )
-      ),
-      modules.map(
-        (m) =>
-          new RegExp(
-            `^${escape(
-              path.join(root, 'exampleForExpo/node_modules', m)
-            )}\\/.*$`
-          )
-      ),
-      modules.map(
-        (m) =>
-          new RegExp(
-            `^${escape(
-              path.join(root, 'exampleForWebView/node_modules', m)
-            )}\\/.*$`
-          )
-      )
-    ),
-
-    extraNodeModules: modules.reduce((acc, name) => {
-      acc[name] = path.join(__dirname, 'node_modules', name);
-      return acc;
-    }, {}),
-  },
-
-  transformer: {
-    getTransformOptions: async () => ({
-      transform: {
-        experimentalImportSupport: false,
-        inlineRequires: true,
-      },
-    }),
-  },
-};

package/exampleForManagedExpo/package.json

@@ -1,36 +0,0 @@
-{
-  "name": "iamport-react-native-example-for-managed-expo",
-  "private": true,
-  "main": "node_modules/expo/AppEntry.js",
-  "scripts": {
-    "start": "expo start",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
-    "web": "expo start --web",
-    "eject": "expo eject"
-  },
-  "dependencies": {
-    "@expo/vector-icons": "^13.0.0",
-    "@react-native-community/masked-view": "0.1.11",
-    "@react-navigation/native": "^6.1.1",
-    "@react-navigation/stack": "^6.3.10",
-    "expo": "~49.0.13",
-    "expo-status-bar": "~1.6.0",
-    "native-base": "^3.4.25",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-native": "0.72.5",
-    "react-native-gesture-handler": "~2.12.0",
-    "react-native-reanimated": "~3.3.0",
-    "react-native-safe-area-context": "4.6.3",
-    "react-native-screens": "~3.22.0",
-    "react-native-svg": "13.9.0",
-    "react-native-webview": "13.2.2",
-    "styled-components": "^5.3.6",
-    "styled-system": "^5.1.5"
-  },
-  "devDependencies": {
-    "@babel/core": "~7.20.5",
-    "@babel/runtime": "^7.20.6"
-  }
-}

package/exampleForManagedExpo/src/Certification/index.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { SafeAreaView } from 'react-native-safe-area-context';
-import IMP from 'iamport-react-native';
-import { getUserCode } from '../utils';
-import Loading from '../Loading';
-
-export default function Certification({ route, navigation }) {
-  const params = route.params.params;
-  const tierCode = route.params.tierCode;
-  const userCode = getUserCode('danal', tierCode, 'certification');
-
-  return (
-    <SafeAreaView style={{ flex: 1, justifyContent: 'center' }}>
-      <IMP.Certification
-        userCode={userCode}
-        tierCode={tierCode}
-        data={params}
-        loading={<Loading />}
-        callback={(response) =>
-          navigation.replace('CertificationResult', response)
-        }
-      />
-    </SafeAreaView>
-  );
-}

package/exampleForManagedExpo/src/CertificationResult/index.js

@@ -1,61 +0,0 @@
-import React from 'react';
-import { Icon, IconButton, List, Text } from 'native-base';
-import { FontAwesome } from '@expo/vector-icons';
-import { SafeAreaView } from 'react-native-safe-area-context';
-
-export default function CertificationResult({ route, navigation }) {
-  const success = route.params.success;
-  const imp_uid = route.params.imp_uid;
-  const merchant_uid = route.params.merchant_uid;
-  const error_msg = route.params.error_msg;
-
-  return (
-    <SafeAreaView
-      style={{
-        flex: 1,
-        justifyContent: 'center',
-        margin: 10,
-        backgroundColor: '#fff',
-        alignItems: 'center',
-      }}
-    >
-      {success ? (
-        <Icon
-          as={FontAwesome}
-          name={'check-circle'}
-          size={20}
-          color={'#52c41a'}
-        />
-      ) : (
-        <Icon as={FontAwesome} name={'warning'} size={20} color={'#f5222d'} />
-      )}
-      <Text fontSize={25} fontWeight={'bold'} mb={20}>{`본인인증에 ${
-        success ? '성공' : '실패'
-      }하였습니다`}</Text>
-      <List width={'90%'} mb={50} borderRadius={3}>
-        <List.Item>
-          <Text w={'40%'}>아임포트 번호</Text>
-          <Text w={'60%'}>{imp_uid}</Text>
-        </List.Item>
-        {success ? (
-          <List.Item>
-            <Text w={'40%'}>주문번호</Text>
-            <Text w={'60%'}>{merchant_uid}</Text>
-          </List.Item>
-        ) : (
-          <List.Item>
-            <Text w={'40%'}>에러메시지</Text>
-            <Text w={'60%'}>{error_msg}</Text>
-          </List.Item>
-        )}
-      </List>
-      <IconButton
-        icon={<Icon as={FontAwesome} name={'arrow-left'} size={20} />}
-        /* @ts-ignore */
-        onPress={() => navigation.navigate('Home')}
-      >
-        <Text>돌아가기</Text>
-      </IconButton>
-    </SafeAreaView>
-  );
-}

package/exampleForManagedExpo/src/CertificationTest/index.js

@@ -1,151 +0,0 @@
-import React, { useState } from 'react';
-import {
-  Button,
-  FormControl,
-  Input,
-  ScrollView,
-  Select,
-  Stack,
-  Text,
-} from 'native-base';
-import Picker from '../Picker';
-import { CARRIERS, TIER_CODES } from '../constants';
-import {
-  SafeAreaView,
-  useSafeAreaInsets,
-} from 'react-native-safe-area-context';
-
-export default function CertificationTest({ navigation }) {
-  const [merchantUid, setMerchantUid] = useState(`mid_${new Date().getTime()}`);
-  const [company, setCompany] = useState('아임포트');
-  const [carrier, setCarrier] = useState('SKT');
-  const [name, setName] = useState('');
-  const [phone, setPhone] = useState('');
-  const [minAge, setMinAge] = useState('');
-  const [tierCode, setTierCode] = useState('');
-
-  const insets = useSafeAreaInsets();
-
-  return (
-    <SafeAreaView
-      style={{
-        flex: 1,
-        justifyContent: 'center',
-        backgroundColor: '#f5f5f5',
-        paddingTop: -insets.top,
-      }}
-    >
-      <ScrollView m={2} backgroundColor={'#fff'}>
-        <FormControl p={'5%'} borderRadius={3}>
-          <Stack direction={'row'}>
-            <FormControl.Label alignItems={'center'} mb={2} w={'18%'}>
-              주문번호
-            </FormControl.Label>
-            <Input
-              mb={2}
-              flex={1}
-              value={merchantUid}
-              onChangeText={(value) => setMerchantUid(value)}
-            />
-          </Stack>
-          <Stack direction={'row'}>
-            <FormControl.Label alignItems={'center'} mb={2} w={'18%'}>
-              회사명
-            </FormControl.Label>
-            <Input
-              mb={2}
-              flex={1}
-              value={company}
-              onChangeText={(value) => setCompany(value)}
-            />
-          </Stack>
-          <Stack direction={'row'}>
-            <FormControl.Label alignItems={'center'} mb={2} w={'18%'}>
-              통신사
-            </FormControl.Label>
-            <Select
-              mb={2}
-              flex={1}
-              borderColor={'transparent'}
-              selectedValue={carrier}
-              onValueChange={(value) => setCarrier(value)}
-            >
-              {CARRIERS.map(({ label, value }, index) => {
-                return <Select.Item label={label} value={value} key={index} />;
-              })}
-            </Select>
-          </Stack>
-          <Stack direction={'row'}>
-            <FormControl.Label alignItems={'center'} mb={2} w={'18%'}>
-              이름
-            </FormControl.Label>
-            <Input
-              mb={2}
-              flex={1}
-              value={name}
-              onChangeText={(value) => setName(value)}
-            />
-          </Stack>
-          <Stack direction={'row'}>
-            <FormControl.Label alignItems={'center'} mb={2} w={'18%'}>
-              전화번호
-            </FormControl.Label>
-            <Input
-              mb={2}
-              flex={1}
-              value={phone}
-              keyboardType="number-pad"
-              returnKeyType={'done'}
-              onChangeText={(value) => setPhone(value)}
-            />
-          </Stack>
-          <Stack direction={'row'}>
-            <FormControl.Label alignItems={'center'} mb={2} w={'18%'}>
-              최소연령
-            </FormControl.Label>
-            <Input
-              mb={2}
-              flex={1}
-              value={minAge}
-              keyboardType="number-pad"
-              returnKeyType={'done'}
-              onChangeText={(value) => setMinAge(value)}
-            />
-          </Stack>
-          <Stack direction={'row'}>
-            <FormControl.Label alignItems={'center'} mb={2} w={'18%'}>
-              티어 코드
-            </FormControl.Label>
-            <Picker
-              data={TIER_CODES}
-              selectedValue={tierCode}
-              onValueChange={(value) => setTierCode(value)}
-            />
-          </Stack>
-          <Button
-            bgColor={'#344e81'}
-            /* @ts-ignore */
-            onPress={() => {
-              const data = {
-                params: {
-                  merchant_uid: merchantUid,
-                  company,
-                  carrier,
-                  name,
-                  phone,
-                  min_age: minAge,
-                },
-                tierCode,
-              };
-              navigation.navigate('Certification', data);
-            }}
-          >
-            <Text fontWeight={'bold'} color={'#fff'}>
-              본인인증 하기
-            </Text>
-          </Button>
-        </FormControl>
-      </ScrollView>
-    </SafeAreaView>
-  );
-}

package/exampleForManagedExpo/src/Home/index.js

@@ -1,80 +0,0 @@
-import React from 'react';
-import { Button, Icon, Text, View } from 'native-base';
-import { FontAwesome } from '@expo/vector-icons';
-
-export default function Home({ navigation }) {
-  return (
-    <View flex={1}>
-      <View
-        flex={1}
-        pos={'relative'}
-        alignItems={'center'}
-        bgColor={'#344e81'}
-        justifyContent={'center'}
-      >
-        <Text
-          color={'#fff'}
-          fontSize={20}
-          mb={10}
-          fontWeight={'bold'}
-          textAlign={'center'}
-        >
-          아임포트 테스트
-        </Text>
-        <Text color={'#fff'} fontSize={15} textAlign={'center'}>
-          아임포트 리액트 네이티브 모듈 테스트 화면입니다.
-        </Text>
-        <Text color={'#fff'} fontSize={15} textAlign={'center'}>
-          아래 버튼을 눌러 결제 또는 본인인증 테스트를 진행해주세요.
-        </Text>
-      </View>
-      <View
-        flex={1}
-        pos={'relative'}
-        bottom={'0%'}
-        w={'90%'}
-        flexDir={'row'}
-        alignSelf={'center'}
-      >
-        <Button.Group bottom={'16.5%'} width={'100%'} alignSelf={'center'}>
-          <Button
-            m={'4%'}
-            bgColor={'#fff'}
-            borderRadius={3}
-            flex={1}
-            shadow={1}
-            /* @ts-ignore */
-            onPress={() => navigation.push('PaymentTest')}
-          >
-            <Icon
-              as={FontAwesome}
-              name={'credit-card'}
-              textAlign={'center'}
-              w={'100%'}
-              mb={'6%'}
-            />
-            <Text>결제 테스트</Text>
-          </Button>
-          <Button
-            m={'4%'}
-            bgColor={'#fff'}
-            borderRadius={3}
-            flex={1}
-            shadow={1}
-            /* @ts-ignore */
-            onPress={() => navigation.push('CertificationTest')}
-          >
-            <Icon
-              as={FontAwesome}
-              name={'user'}
-              textAlign={'center'}
-              w={'100%'}
-              mb={'6%'}
-            />
-            <Text>본인인증 테스트</Text>
-          </Button>
-        </Button.Group>
-      </View>
-    </View>
-  );
-}

package/exampleForManagedExpo/src/Loading/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import { Text, View } from 'native-base';
-
-export default function Loading() {
-  return (
-    <View flex={1} alignItems={'center'} justifyContent={'center'}>
-      <Text fontSize={20}>잠시만 기다려주세요...</Text>
-    </View>
-  );
-}