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

package/ios/IamportReactNative.xcodeproj/project.pbxproj

@@ -7,15 +7,18 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
-		B3E7B58A1CC2AC0600A0062D /* IamportReactNative.m in Sources */ = {isa = PBXBuildFile; fileRef = B3E7B5891CC2AC0600A0062D /* IamportReactNative.m */; };
+
+		5E555C0D2413F4C50049A1A2 /* IamportReactNative.m in Sources */ = {isa = PBXBuildFile; fileRef = B3E7B5891CC2AC0600A0062D /* IamportReactNative.m */; };
+		F4FF95D7245B92E800C19C63 /*  IamportReactNative.swift in Sources */ = {isa = PBXBuildFile; fileRef = F4FF95D6245B92E800C19C63 /*  IamportReactNative.swift */; };
+
 /* End PBXBuildFile section */
 
 /* Begin PBXCopyFilesBuildPhase section */
-		5A12659222C9D8080036BC8D /* CopyFiles */ = {
+		58B511D91A9E6C8500147676 /* CopyFiles */ = {
 			isa = PBXCopyFilesBuildPhase;
 			buildActionMask = 2147483647;
-			dstPath = "";
-			dstSubfolderSpec = 7;
+			dstPath = "include/$(PRODUCT_NAME)";
+			dstSubfolderSpec = 16;
 			files = (
 			);
 			runOnlyForDeploymentPostprocessing = 0;
@@ -24,12 +27,15 @@
 
 /* Begin PBXFileReference section */
 		134814201AA4EA6300B7C361 /* libIamportReactNative.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libIamportReactNative.a; sourceTree = BUILT_PRODUCTS_DIR; };
-		B3E7B5881CC2AC0600A0062D /* IamportReactNative.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = IamportReactNative.h; sourceTree = "<group>"; };
+
 		B3E7B5891CC2AC0600A0062D /* IamportReactNative.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = IamportReactNative.m; sourceTree = "<group>"; };
+		F4FF95D5245B92E700C19C63 /* IamportReactNative-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "IamportReactNative-Bridging-Header.h"; sourceTree = "<group>"; };
+		F4FF95D6245B92E800C19C63 /* IamportReactNative.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = IamportReactNative.swift; sourceTree = "<group>"; };
+
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
-		5A12659322C9D8140036BC8D /* Frameworks */ = {
+		58B511D81A9E6C8500147676 /* Frameworks */ = {
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -50,8 +56,11 @@
 		58B511D21A9E6C8500147676 = {
 			isa = PBXGroup;
 			children = (
-				B3E7B5881CC2AC0600A0062D /* IamportReactNative.h */,
+
+				F4FF95D6245B92E800C19C63 /* IamportReactNative.swift */,
 				B3E7B5891CC2AC0600A0062D /* IamportReactNative.m */,
+				F4FF95D5245B92E700C19C63 /* IamportReactNative-Bridging-Header.h */,
+
 				134814211AA4EA7D00B7C361 /* Products */,
 			);
 			sourceTree = "<group>";
@@ -64,8 +73,8 @@
 			buildConfigurationList = 58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "IamportReactNative" */;
 			buildPhases = (
 				58B511D71A9E6C8500147676 /* Sources */,
-				5A12659322C9D8140036BC8D /* Frameworks */,
-				5A12659222C9D8080036BC8D /* CopyFiles */,
+				58B511D81A9E6C8500147676 /* Frameworks */,
+				58B511D91A9E6C8500147676 /* CopyFiles */,
 			);
 			buildRules = (
 			);
@@ -82,7 +91,7 @@
 		58B511D31A9E6C8500147676 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 830;
+				LastUpgradeCheck = 0920;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					58B511DA1A9E6C8500147676 = {
@@ -113,7 +122,10 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+
+				F4FF95D7245B92E800C19C63 /* IamportReactNative.swift in Sources */,
 				B3E7B58A1CC2AC0600A0062D /* IamportReactNative.m in Sources */,
+
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -128,14 +140,20 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
 				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
@@ -172,14 +190,20 @@
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
 				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
 				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
 				CLANG_WARN_CONSTANT_CONVERSION = YES;
 				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
 				CLANG_WARN_EMPTY_BODY = YES;
 				CLANG_WARN_ENUM_CONVERSION = YES;
 				CLANG_WARN_INFINITE_RECURSION = YES;
 				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
 				CLANG_WARN_UNREACHABLE_CODE = YES;
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
@@ -209,14 +233,16 @@
 					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
 					"$(SRCROOT)/../../../React/**",
 					"$(SRCROOT)/../../react-native/React/**",
-					"$(SRCROOT)/../../react-native-webview/ios/**",
-				);
-				LIBRARY_SEARCH_PATHS = (
-					"$(inherited)",
-					"\"$(SRCROOT)/IamportReactNative\"",
 				);
+				LIBRARY_SEARCH_PATHS = "$(inherited)";
+				OTHER_LDFLAGS = "-ObjC";
 				PRODUCT_NAME = IamportReactNative;
 				SKIP_INSTALL = YES;
+
+				SWIFT_OBJC_BRIDGING_HEADER = "IamportReactNative-Bridging-Header.h";
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+				SWIFT_VERSION = 5.0;
+
 			};
 			name = Debug;
 		};
@@ -228,14 +254,15 @@
 					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
 					"$(SRCROOT)/../../../React/**",
 					"$(SRCROOT)/../../react-native/React/**",
-					"$(SRCROOT)/../../react-native-webview/ios/**",
-				);
-				LIBRARY_SEARCH_PATHS = (
-					"$(inherited)",
-					"\"$(SRCROOT)/IamportReactNative\"",
 				);
+				LIBRARY_SEARCH_PATHS = "$(inherited)";
+				OTHER_LDFLAGS = "-ObjC";
 				PRODUCT_NAME = IamportReactNative;
 				SKIP_INSTALL = YES;
+
+				SWIFT_OBJC_BRIDGING_HEADER = "IamportReactNative-Bridging-Header.h";
+				SWIFT_VERSION = 5.0;
+
 			};
 			name = Release;
 		};

package/ios/IamportReactNativeViewManager.m

@@ -0,0 +1,12 @@
+#import "React/RCTViewManager.h"
+
+@interface RCT_EXTERN_MODULE(IamportReactNativeViewManager, RCTViewManager)
+
+RCT_EXPORT_VIEW_PROPERTY(color, NSString)
+
++ (BOOL)requiresMainQueueSetup
+{
+    return YES;
+}
+
+@end

package/ios/IamportReactNativeViewManager.swift

@@ -0,0 +1,32 @@
+@objc(IamportReactNativeViewManager)
+class IamportReactNativeViewManager: RCTViewManager {
+
+  override func view() -> (IamportReactNativeView) {
+    return IamportReactNativeView()
+  }
+}
+
+class IamportReactNativeView : UIView {
+
+  @objc var color: String = "" {
+    didSet {
+      self.backgroundColor = hexStringToUIColor(hexColor: color)
+    }
+  }
+
+  func hexStringToUIColor(hexColor: String) -> UIColor {
+    let stringScanner = Scanner(string: hexColor)
+
+    if(hexColor.hasPrefix("#")) {
+      stringScanner.scanLocation = 1
+    }
+    var color: UInt32 = 0
+    stringScanner.scanHexInt32(&color)
+
+    let r = CGFloat(Int(color >> 16) & 0x000000FF)
+    let g = CGFloat(Int(color >> 8) & 0x000000FF)
+    let b = CGFloat(Int(color) & 0x000000FF)
+
+    return UIColor(red: r / 255.0, green: g / 255.0, blue: b / 255.0, alpha: 1)
+  }
+}

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

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeWebview = require("react-native-webview");
+
+var _Loading = _interopRequireDefault(require("../Loading"));
+
+var _ErrorOnParams = _interopRequireDefault(require("../ErrorOnParams"));
+
+var _Validation = require("../../utils/Validation");
+
+var _constants = require("../../constants");
+
+var _styles = _interopRequireDefault(require("../../styles"));
+
+var _IamportUrl = _interopRequireDefault(require("../../utils/IamportUrl"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function Certification({
+  userCode,
+  tierCode,
+  data,
+  loading,
+  callback
+}) {
+  const [isWebViewLoaded, setIsWebViewLoaded] = (0, _react.useState)(false);
+  const webview = (0, _react.useRef)();
+  const validation = new _Validation.Validation(userCode, loading);
+
+  if (validation.getIsValid()) {
+    const {
+      wrapper,
+      loadingContainer,
+      webViewContainer
+    } = _styles.default;
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: wrapper
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: webViewContainer
+    }, /*#__PURE__*/_react.default.createElement(_reactNativeWebview.WebView, {
+      ref: ref => {
+        if (ref !== null) {
+          webview.current = ref;
+        }
+      },
+      useWebKit: true,
+      source: {
+        html: _constants.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.default.createElement(_reactNative.View, {
+        style: loadingContainer
+      }, loading || /*#__PURE__*/_react.default.createElement(_Loading.default, null)),
+      originWhitelist: ['*'] // https://github.com/facebook/react-native/issues/19986
+      ,
+      onShouldStartLoadWithRequest: request => {
+        const {
+          url
+        } = request; // console.log('url: ' + url);
+
+        const iamportUrl = new _IamportUrl.default(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.default.createElement(_ErrorOnParams.default, {
+    message: validation.getMessage()
+  });
+}
+
+var _default = Certification;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Certification","userCode","tierCode","data","loading","callback","isWebViewLoaded","setIsWebViewLoaded","webview","validation","Validation","getIsValid","wrapper","loadingContainer","webViewContainer","viewStyles","ref","current","html","IMPConst","WEBVIEW_SOURCE_HTML","injectJavaScript","JSON","stringify","e","nativeEvent","response","decodeURIComponent","parse","request","url","iamportUrl","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/commonjs/components/ErrorOnParams/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const logo = require('../../img/iamport-logo.png');
+
+function ErrorOnParams({
+  message
+}) {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.contents
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    style: styles.contents,
+    source: logo
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, message)));
+}
+
+const styles = _reactNative.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'
+  }
+});
+
+var _default = ErrorOnParams;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["logo","require","ErrorOnParams","message","styles","container","contents","text","StyleSheet","create","flex","alignItems","flexDirection","justifyContent","fontSize","marginTop","lineHeight","button","backgroundColor","color","borderColor","borderWidth","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","fontWeight"],"mappings":";;;;;;;AAAA;;AACA;;;;AAQA,MAAMA,IAAI,GAAGC,OAAO,CAAC,4BAAD,CAApB;;AAIA,SAASC,aAAT,CAAuB;AAAEC,EAAAA;AAAF,CAAvB,EAAgD;AAC9C,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB,kBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAED,MAAM,CAACE;AAApB,kBACE,6BAAC,kBAAD;AAAO,IAAA,KAAK,EAAEF,MAAM,CAACE,QAArB;AAA+B,IAAA,MAAM,EAAEN;AAAvC,IADF,eAEE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEI,MAAM,CAACG;AAApB,KAA2BJ,OAA3B,CAFF,CADF,CADF;AAcD;;AAED,MAAMC,MAAM,GAAGI,wBAAWC,MAAX,CAAkB;AAC/BJ,EAAAA,SAAS,EAAE;AACTK,IAAAA,IAAI,EAAE,CADG;AAETC,IAAAA,UAAU,EAAE,QAFH;AAGTC,IAAAA,aAAa,EAAE,KAHN;AAITC,IAAAA,cAAc,EAAE;AAJP,GADoB;AAO/BP,EAAAA,QAAQ,EAAE;AACRI,IAAAA,IAAI,EAAE,CADE;AAERC,IAAAA,UAAU,EAAE,QAFJ;AAGRE,IAAAA,cAAc,EAAE;AAHR,GAPqB;AAY/BN,EAAAA,IAAI,EAAE;AACJO,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;;eAiCezB,a","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/commonjs/components/Loading/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const logo = require('../../img/iamport-logo.png');
+
+function Loading() {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.contents
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    style: styles.contents,
+    source: logo
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, "\uC7A0\uC2DC\uB9CC \uAE30\uB2E4\uB824\uC8FC\uC138\uC694...")));
+}
+
+const styles = _reactNative.StyleSheet.create({
+  container: { ..._reactNative.StyleSheet.absoluteFillObject,
+    flex: 1,
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'center'
+  },
+  contents: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  text: {
+    fontSize: 20,
+    marginTop: 20,
+    lineHeight: 25
+  }
+});
+
+var _default = Loading;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["logo","require","Loading","styles","container","contents","text","StyleSheet","create","absoluteFillObject","flex","alignItems","flexDirection","justifyContent","fontSize","marginTop","lineHeight"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,IAAI,GAAGC,OAAO,CAAC,4BAAD,CAApB;;AAEA,SAASC,OAAT,GAAmB;AACjB,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB,kBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAED,MAAM,CAACE;AAApB,kBACE,6BAAC,kBAAD;AAAO,IAAA,KAAK,EAAEF,MAAM,CAACE,QAArB;AAA+B,IAAA,MAAM,EAAEL;AAAvC,IADF,eAEE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEG,MAAM,CAACG;AAApB,kEAFF,CADF,CADF;AAQD;;AAED,MAAMH,MAAM,GAAGI,wBAAWC,MAAX,CAAkB;AAC/BJ,EAAAA,SAAS,EAAE,EACT,GAAGG,wBAAWE,kBADL;AAETC,IAAAA,IAAI,EAAE,CAFG;AAGTC,IAAAA,UAAU,EAAE,QAHH;AAITC,IAAAA,aAAa,EAAE,KAJN;AAKTC,IAAAA,cAAc,EAAE;AALP,GADoB;AAQ/BR,EAAAA,QAAQ,EAAE;AACRK,IAAAA,IAAI,EAAE,CADE;AAERC,IAAAA,UAAU,EAAE,QAFJ;AAGRE,IAAAA,cAAc,EAAE;AAHR,GARqB;AAa/BP,EAAAA,IAAI,EAAE;AACJQ,IAAAA,QAAQ,EAAE,EADN;AAEJC,IAAAA,SAAS,EAAE,EAFP;AAGJC,IAAAA,UAAU,EAAE;AAHR;AAbyB,CAAlB,CAAf;;eAoBed,O","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"]}