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

package/lib/module/utils/Validation.js

@@ -43,9 +43,25 @@ class Validation {
     this.validateCallback();
   }
 
-  validateCallback() {}
+  validateCallback() {
+    if (this.callback !== undefined && typeof this.callback !== 'function') {
+      this.isValid = false;
+      this.message = '콜백 함수(callback)가 올바르지 않습니다.';
+      return;
+    }
 
-  validateData() {}
+    this.validateData();
+  }
+
+  validateData() {
+    var _this$data;
+
+    if ((_this$data = this.data) !== null && _this$data !== void 0 && _this$data.popup) {
+      this.isValid = false;
+      this.message = '해당 모듈은 팝업을 지원하지 않습니다.';
+      return;
+    }
+  }
 
   getIsValid() {
     return this.isValid;
@@ -59,7 +75,131 @@ class Validation {
 
 let IMPData;
 
-(function (_IMPData) {})(IMPData || (IMPData = {}));
+(function (_IMPData) {
+  class CertificationData {
+    constructor(carrier, company, merchant_uid, name, phone, min_age, popup, m_redirect_url) {
+      _defineProperty(this, "carrier", void 0);
+
+      _defineProperty(this, "company", void 0);
+
+      _defineProperty(this, "merchant_uid", void 0);
+
+      _defineProperty(this, "name", void 0);
+
+      _defineProperty(this, "phone", void 0);
+
+      _defineProperty(this, "min_age", void 0);
+
+      _defineProperty(this, "popup", void 0);
+
+      _defineProperty(this, "m_redirect_url", void 0);
+
+      this.carrier = carrier;
+      this.company = company;
+      this.merchant_uid = merchant_uid;
+      this.name = name;
+      this.phone = phone;
+      this.min_age = min_age;
+      this.popup = popup;
+      this.m_redirect_url = m_redirect_url;
+    }
+
+  }
+
+  _IMPData.CertificationData = CertificationData;
+
+  class PaymentData {
+    constructor(amount, buyer_email, buyer_name, buyer_tel, escrow, merchant_uid, name, pay_method, pg, language, naverPopupMode, naverProducts, naverUseCfm, niceMobileV2, notice_url, m_redirect_url, currency, custom_data, customer_uid, digital, display, buyer_postcode, app_scheme, biz_num, buyer_addr, popup, tax_free, vbank_due) {
+      _defineProperty(this, "amount", void 0);
+
+      _defineProperty(this, "app_scheme", void 0);
+
+      _defineProperty(this, "biz_num", void 0);
+
+      _defineProperty(this, "buyer_addr", void 0);
+
+      _defineProperty(this, "buyer_email", void 0);
+
+      _defineProperty(this, "buyer_name", void 0);
+
+      _defineProperty(this, "buyer_postcode", void 0);
+
+      _defineProperty(this, "buyer_tel", void 0);
+
+      _defineProperty(this, "currency", void 0);
+
+      _defineProperty(this, "custom_data", void 0);
+
+      _defineProperty(this, "customer_uid", void 0);
+
+      _defineProperty(this, "digital", void 0);
+
+      _defineProperty(this, "display", void 0);
+
+      _defineProperty(this, "escrow", void 0);
+
+      _defineProperty(this, "language", void 0);
+
+      _defineProperty(this, "m_redirect_url", void 0);
+
+      _defineProperty(this, "merchant_uid", void 0);
+
+      _defineProperty(this, "name", void 0);
+
+      _defineProperty(this, "naverPopupMode", void 0);
+
+      _defineProperty(this, "naverProducts", void 0);
+
+      _defineProperty(this, "naverUseCfm", void 0);
+
+      _defineProperty(this, "niceMobileV2", true);
+
+      _defineProperty(this, "notice_url", void 0);
+
+      _defineProperty(this, "pay_method", void 0);
+
+      _defineProperty(this, "pg", void 0);
+
+      _defineProperty(this, "popup", void 0);
+
+      _defineProperty(this, "tax_free", void 0);
+
+      _defineProperty(this, "vbank_due", void 0);
+
+      this.amount = amount;
+      this.app_scheme = app_scheme;
+      this.biz_num = biz_num;
+      this.buyer_addr = buyer_addr;
+      this.buyer_email = buyer_email;
+      this.buyer_name = buyer_name;
+      this.buyer_postcode = buyer_postcode;
+      this.buyer_tel = buyer_tel;
+      this.currency = currency;
+      this.custom_data = custom_data;
+      this.customer_uid = customer_uid;
+      this.digital = digital;
+      this.display = display;
+      this.escrow = escrow;
+      this.language = language;
+      this.m_redirect_url = m_redirect_url;
+      this.merchant_uid = merchant_uid;
+      this.name = name;
+      this.naverPopupMode = naverPopupMode;
+      this.naverProducts = naverProducts;
+      this.naverUseCfm = naverUseCfm;
+      this.niceMobileV2 = niceMobileV2;
+      this.notice_url = notice_url;
+      this.pay_method = pay_method;
+      this.pg = pg;
+      this.popup = popup;
+      this.tax_free = tax_free;
+      this.vbank_due = vbank_due;
+    }
+
+  }
+
+  _IMPData.PaymentData = PaymentData;
+})(IMPData || (IMPData = {}));
 
 export { Validation, IMPData };
 //# sourceMappingURL=Validation.js.map

package/lib/module/utils/Validation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Validation.ts"],"names":["Validation","constructor","userCode","loading","callback","data","isValid","message","validateUserCode","validateLoading","undefined","validateCallback","validateData","getIsValid","getMessage","IMPData"],"mappings":";;AAAA,MAAMA,UAAN,CAAiB;AAQfC,EAAAA,WAAW,CACTC,QADS,EAETC,OAFS,EAGTC,QAHS,EAITC,IAJS,EAKT;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AACA,SAAKH,QAAL,GAAgBA,QAAhB;AACA,SAAKC,OAAL,GAAeA,OAAf;AACA,SAAKC,QAAL,GAAgBA,QAAhB;AACA,SAAKC,IAAL,GAAYA,IAAZ;AAEA,SAAKC,OAAL,GAAe,IAAf;AACA,SAAKC,OAAL,GAAe,EAAf;AAEA,SAAKC,gBAAL;AACD;;AAEDA,EAAAA,gBAAgB,GAAG;AACjB,QAAI,CAAC,KAAKN,QAAV,EAAoB;AAClB,WAAKI,OAAL,GAAe,KAAf;AACA,WAAKC,OAAL,GAAe,8BAAf;AACA;AACD;;AACD,SAAKE,eAAL;AACD;;AAEDA,EAAAA,eAAe,GAAG;AAChB,QAAI,KAAKN,OAAL,KAAiBO,SAAjB,IAA8B,OAAO,KAAKP,OAAZ,KAAwB,QAA1D,EAAoE;AAClE,WAAKG,OAAL,GAAe,KAAf;AACA,WAAKC,OAAL,GAAe,8BAAf;AACA;AACD;;AACD,SAAKI,gBAAL;AACD;;AAEDA,EAAAA,gBAAgB,GAAG,CAAE;;AAErBC,EAAAA,YAAY,GAAG,CAAE;;AAEjBC,EAAAA,UAAU,GAAG;AACX,WAAO,KAAKP,OAAZ;AACD;;AAEDQ,EAAAA,UAAU,GAAG;AACX,WAAO,KAAKP,OAAZ;AACD;;AArDc;;;;yBAwDPQ,O,KAAAA,O;;AA4CV,SAASf,UAAT,EAAqBe,OAArB","sourcesContent":["class Validation {\n  userCode: string;\n  loading: object;\n  callback: ((response: any) => any) | undefined;\n  data: IMPData.CertificationData | IMPData.PaymentData | undefined;\n  isValid: boolean;\n  message: string;\n\n  constructor(\n    userCode: string,\n    loading: object,\n    callback?: (response: any) => any,\n    data?: IMPData.CertificationData | IMPData.PaymentData\n  ) {\n    this.userCode = userCode;\n    this.loading = loading;\n    this.callback = callback;\n    this.data = data;\n\n    this.isValid = true;\n    this.message = '';\n\n    this.validateUserCode();\n  }\n\n  validateUserCode() {\n    if (!this.userCode) {\n      this.isValid = false;\n      this.message = '가맹점 식별코드(userCode)는 필수입력입니다.';\n      return;\n    }\n    this.validateLoading();\n  }\n\n  validateLoading() {\n    if (this.loading !== undefined && typeof this.loading !== 'object') {\n      this.isValid = false;\n      this.message = '로딩(loading) 컴포넌트가 올바르지 않습니다.';\n      return;\n    }\n    this.validateCallback();\n  }\n\n  validateCallback() {}\n\n  validateData() {}\n\n  getIsValid() {\n    return this.isValid;\n  }\n\n  getMessage() {\n    return this.message;\n  }\n}\n\nnamespace IMPData {\n  export interface CertificationData {\n    merchant_uid: string;\n    company: string;\n    carrier: string;\n    name: string;\n    phone: string;\n    min_age?: string;\n    m_redirect_url?: string;\n  }\n\n  export interface PaymentData {\n    pg: string;\n    pay_method: string;\n    currency?: string;\n    notice_url?: string | string[];\n    display?: {\n      card_quota: number[];\n    };\n    merchant_uid: string;\n    amount: string | number;\n    buyer_tel: string;\n    app_scheme?: string;\n    escrow: boolean;\n    name: string;\n    tax_free?: number;\n    buyer_name: string;\n    buyer_email: string;\n    buyer_addr?: string;\n    buyer_postcode?: string;\n    custom_data?: object;\n    vbank_due?: string;\n    popup?: boolean;\n    digital?: boolean;\n    language?: string;\n    biz_num?: string;\n    customer_uid?: string;\n    naverPopupMode?: boolean;\n    naverUseCfm?: string;\n    naverProducts?: object[];\n    m_redirect_url?: string;\n  }\n}\n\nexport { Validation, IMPData };\n"]}
+{"version":3,"sources":["Validation.ts"],"names":["Validation","constructor","userCode","loading","callback","data","isValid","message","validateUserCode","validateLoading","undefined","validateCallback","validateData","popup","getIsValid","getMessage","CertificationData","carrier","company","merchant_uid","name","phone","min_age","m_redirect_url","PaymentData","amount","buyer_email","buyer_name","buyer_tel","escrow","pay_method","pg","language","naverPopupMode","naverProducts","naverUseCfm","niceMobileV2","notice_url","currency","custom_data","customer_uid","digital","display","buyer_postcode","app_scheme","biz_num","buyer_addr","tax_free","vbank_due","IMPData"],"mappings":"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","sourcesContent":["class Validation {\n  userCode: string;\n  loading: object;\n  callback: ((response: any) => any) | undefined;\n  data: IMPData.CertificationData | IMPData.PaymentData | undefined;\n  isValid: boolean;\n  message: string;\n\n  constructor(\n    userCode: string,\n    loading: object,\n    callback?: (response: any) => any,\n    data?: IMPData.CertificationData | IMPData.PaymentData\n  ) {\n    this.userCode = userCode;\n    this.loading = loading;\n    this.callback = callback;\n    this.data = data;\n\n    this.isValid = true;\n    this.message = '';\n\n    this.validateUserCode();\n  }\n\n  validateUserCode() {\n    if (!this.userCode) {\n      this.isValid = false;\n      this.message = '가맹점 식별코드(userCode)는 필수입력입니다.';\n      return;\n    }\n    this.validateLoading();\n  }\n\n  validateLoading() {\n    if (this.loading !== undefined && typeof this.loading !== 'object') {\n      this.isValid = false;\n      this.message = '로딩(loading) 컴포넌트가 올바르지 않습니다.';\n      return;\n    }\n    this.validateCallback();\n  }\n\n  validateCallback() {\n    if (this.callback !== undefined && typeof this.callback !== 'function') {\n      this.isValid = false;\n      this.message = '콜백 함수(callback)가 올바르지 않습니다.';\n      return;\n    }\n    this.validateData();\n  }\n\n  validateData() {\n    if (this.data?.popup) {\n      this.isValid = false;\n      this.message = '해당 모듈은 팝업을 지원하지 않습니다.';\n      return;\n    }\n  }\n\n  getIsValid() {\n    return this.isValid;\n  }\n\n  getMessage() {\n    return this.message;\n  }\n}\n\nnamespace IMPData {\n  interface ICertificationData {\n    merchant_uid: string;\n    company: string;\n    carrier: string;\n    name: string;\n    phone: string;\n    min_age?: string;\n    popup?: boolean;\n    m_redirect_url?: string;\n  }\n\n  export class CertificationData implements ICertificationData {\n    constructor(\n      carrier: string,\n      company: string,\n      merchant_uid: string,\n      name: string,\n      phone: string,\n      min_age?: string,\n      popup?: boolean,\n      m_redirect_url?: string\n    ) {\n      this.carrier = carrier;\n      this.company = company;\n      this.merchant_uid = merchant_uid;\n      this.name = name;\n      this.phone = phone;\n      this.min_age = min_age;\n      this.popup = popup;\n      this.m_redirect_url = m_redirect_url;\n    }\n\n    carrier: string;\n    company: string;\n    merchant_uid: string;\n    name: string;\n    phone: string;\n    min_age?: string;\n    popup?: boolean;\n    m_redirect_url?: string;\n  }\n\n  interface IPaymentData {\n    pg: string;\n    pay_method: string;\n    currency?: string;\n    notice_url?: string | string[];\n    display?: {\n      card_quota: number[];\n    };\n    merchant_uid: string;\n    amount: string | number;\n    buyer_tel: string;\n    app_scheme?: string;\n    escrow: boolean;\n    name: string;\n    tax_free?: number;\n    buyer_name: string;\n    buyer_email: string;\n    buyer_addr?: string;\n    buyer_postcode?: string;\n    custom_data?: object;\n    vbank_due?: string;\n    popup?: boolean;\n    digital?: boolean;\n    language?: string;\n    biz_num?: string;\n    customer_uid?: string;\n    naverPopupMode?: boolean;\n    naverUseCfm?: string;\n    naverProducts?: object[];\n    m_redirect_url?: string;\n    niceMobileV2?: boolean;\n  }\n\n  export class PaymentData implements IPaymentData {\n    constructor(\n      amount: string | number,\n      buyer_email: string,\n      buyer_name: string,\n      buyer_tel: string,\n      escrow: boolean,\n      merchant_uid: string,\n      name: string,\n      pay_method: string,\n      pg: string,\n      language?: string,\n      naverPopupMode?: boolean,\n      naverProducts?: object[],\n      naverUseCfm?: string,\n      niceMobileV2?: boolean,\n      notice_url?: string | string[],\n      m_redirect_url?: string,\n      currency?: string,\n      custom_data?: object,\n      customer_uid?: string,\n      digital?: boolean,\n      display?: { card_quota: number[] },\n      buyer_postcode?: string,\n      app_scheme?: string,\n      biz_num?: string,\n      buyer_addr?: string,\n      popup?: boolean,\n      tax_free?: number,\n      vbank_due?: string\n    ) {\n      this.amount = amount;\n      this.app_scheme = app_scheme;\n      this.biz_num = biz_num;\n      this.buyer_addr = buyer_addr;\n      this.buyer_email = buyer_email;\n      this.buyer_name = buyer_name;\n      this.buyer_postcode = buyer_postcode;\n      this.buyer_tel = buyer_tel;\n      this.currency = currency;\n      this.custom_data = custom_data;\n      this.customer_uid = customer_uid;\n      this.digital = digital;\n      this.display = display;\n      this.escrow = escrow;\n      this.language = language;\n      this.m_redirect_url = m_redirect_url;\n      this.merchant_uid = merchant_uid;\n      this.name = name;\n      this.naverPopupMode = naverPopupMode;\n      this.naverProducts = naverProducts;\n      this.naverUseCfm = naverUseCfm;\n      this.niceMobileV2 = niceMobileV2;\n      this.notice_url = notice_url;\n      this.pay_method = pay_method;\n      this.pg = pg;\n      this.popup = popup;\n      this.tax_free = tax_free;\n      this.vbank_due = vbank_due;\n    }\n\n    amount: string | number;\n    app_scheme?: string;\n    biz_num?: string;\n    buyer_addr?: string;\n    buyer_email: string;\n    buyer_name: string;\n    buyer_postcode?: string;\n    buyer_tel: string;\n    currency?: string;\n    custom_data?: object;\n    customer_uid?: string;\n    digital?: boolean;\n    display?: { card_quota: number[] };\n    escrow: boolean;\n    language?: string;\n    m_redirect_url?: string;\n    merchant_uid: string;\n    name: string;\n    naverPopupMode?: boolean;\n    naverProducts?: object[];\n    naverUseCfm?: string;\n    niceMobileV2?: boolean = true;\n    notice_url?: string | string[];\n    pay_method: string;\n    pg: string;\n    popup?: boolean;\n    tax_free?: number;\n    vbank_due?: string;\n  }\n}\n\nexport { Validation, IMPData };\n"]}

package/lib/module/utils/ValidationForPayment.js

@@ -6,16 +6,6 @@ class ValidationForPayment extends Validation {
     super(userCode, loading, callback, data);
   }
 
-  validateCallback() {
-    if (this.callback !== undefined && typeof this.callback !== 'function') {
-      this.isValid = false;
-      this.message = '콜백 함수(callback)가 올바르지 않습니다.';
-      return;
-    }
-
-    this.validateData();
-  }
-
   validateData() {
     const {
       pg,
@@ -79,7 +69,7 @@ class ValidationForPayment extends Validation {
             this.message = '올바르지 않은 언어 설정입니다.\n 선택하신 PG사는 ko, en, zh jp 옵션을 지원합니다.';
             return;
           }
-        } else if (IMPConst.LANGUAGE.indexOf(language) !== -1) {
+        } else if (IMPConst.LANGUAGE.indexOf(language) === -1) {
           this.isValid = false;
           this.message = '올바르지 않은 언어 설정입니다.\n 선택하신 PG사는 ko 또는 en 옵션을 지원합니다.';
           return;
@@ -103,9 +93,9 @@ class ValidationForPayment extends Validation {
       return;
     }
 
-    if (pg === 'paypal' && popup) {
+    if (popup) {
       this.isValid = false;
-      this.message = '해당 모듈에서 popup은\n페이팔 결제시 지원하지 않습니다.';
+      this.message = '해당 모듈은 팝업을 지원하지 않습니다.';
       return;
     }
 

package/lib/module/utils/ValidationForPayment.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ValidationForPayment.ts"],"names":["Validation","IMPConst","ValidationForPayment","constructor","userCode","loading","callback","data","validateCallback","undefined","isValid","message","validateData","pg","pay_method","merchant_uid","amount","buyer_tel","app_scheme","language","digital","biz_num","customer_uid","naverPopupMode","popup","pgProvider","split","PG","indexOf","EN_AVAILABLE_PG","includes","LANGUAGE"],"mappings":"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","sourcesContent":["import { Validation, IMPData } from './Validation';\nimport { IMPConst } from '../constants';\n\nclass ValidationForPayment extends Validation {\n  constructor(\n    userCode: string,\n    loading: object,\n    callback: (response: any) => any,\n    data: IMPData.PaymentData,\n  ) {\n    super(userCode, loading, callback, data);\n  }\n\n  validateCallback() {\n    if (this.callback !== undefined && typeof this.callback !== 'function') {\n      this.isValid = false;\n      this.message = '콜백 함수(callback)가 올바르지 않습니다.';\n      return;\n    }\n    this.validateData();\n  }\n\n  validateData() {\n    const {\n      pg,\n      pay_method,\n      merchant_uid,\n      amount,\n      buyer_tel,\n      app_scheme,\n      language,\n      digital,\n      biz_num,\n      customer_uid,\n      naverPopupMode,\n      popup,\n    } = <IMPData.PaymentData>this.data;\n\n    if (this.data === undefined) {\n      this.isValid = false;\n      this.message = '결제 파라미터(data)는 필수입력입니다.';\n      return;\n    }\n\n    if (merchant_uid === undefined) {\n      this.isValid = false;\n      this.message = '주문번호(merchant_uid)는 필수입력입니다.';\n      return;\n    }\n\n    if (amount === undefined) {\n      this.isValid = false;\n      this.message = '결제금액(amount)은 필수입력입니다.';\n      return;\n    }\n\n    if (buyer_tel === undefined) {\n      this.isValid = false;\n      this.message = '구매자 번호(buyer_tel)는 필수입력입니다.';\n      return;\n    }\n\n    if (app_scheme === undefined) {\n      this.isValid = false;\n      this.message = 'app_scheme은 필수입력입니다.';\n      return;\n    }\n\n    if (pg) {\n      const [pgProvider] = pg.split('.');\n      if (IMPConst.PG.indexOf(pgProvider as any) === -1) {\n        this.isValid = false;\n        this.message = 'PG사가 올바르지 않습니다.';\n      }\n    }\n\n    if (language && pg !== 'paypal') {\n      if (IMPConst.EN_AVAILABLE_PG.indexOf(pg as any) !== -1) {\n        if (pg === 'eximbay') {\n          if (!['ko', 'en', 'zh', 'jp'].includes(language)) {\n            this.isValid = false;\n            this.message =\n              '올바르지 않은 언어 설정입니다.\\n 선택하신 PG사는 ko, en, zh jp 옵션을 지원합니다.';\n            return;\n          }\n        } else if (IMPConst.LANGUAGE.indexOf(language as any) !== -1) {\n          this.isValid = false;\n          this.message =\n            '올바르지 않은 언어 설정입니다.\\n 선택하신 PG사는 ko 또는 en 옵션을 지원합니다.';\n          return;\n        }\n      } else if (language !== 'ko') {\n        this.isValid = false;\n        this.message =\n          '올바르지 않은 언어 설정입니다.\\n 선택하신 PG사는 ko 옵션만 지원합니다.';\n        return;\n      }\n    }\n\n    if (pay_method === 'phone' && digital === undefined) {\n      this.isValid = false;\n      this.message = '휴대폰 소액결제시 digital은 필수입력입니다.';\n      return;\n    }\n\n    if (pg === 'syrup') {\n      this.isValid = false;\n      this.message = '해당 모듈은 현재 시럽페이를 지원하지 않습니다.';\n      return;\n    }\n\n    if (pg === 'paypal' && popup) {\n      this.isValid = false;\n      this.message = '해당 모듈에서 popup은\\n페이팔 결제시 지원하지 않습니다.';\n      return;\n    }\n\n    if ((pg === 'naverpay') && naverPopupMode) {\n      this.isValid = false;\n      this.message =\n        '해당 모듈에서 popup은\\n네이버 페이 결제시 지원하지 않습니다.';\n      return;\n    }\n\n    if (\n      pg === 'danal_tpay' &&\n      pay_method === 'vbank' &&\n      biz_num === undefined\n    ) {\n      this.isValid = false;\n      this.message = '다날-가상계좌시 biz_num은 필수입력입니다.';\n      return;\n    }\n\n    if (\n      (pg === 'kcp_billing' || pg === 'syrup') &&\n      customer_uid === undefined\n    ) {\n      this.isValid = false;\n      this.message = '정기결제시 customer_uid는 필수입력입니다.';\n      return;\n    }\n  }\n}\n\nexport default ValidationForPayment;\n"]}
+{"version":3,"sources":["ValidationForPayment.ts"],"names":["Validation","IMPConst","ValidationForPayment","constructor","userCode","loading","callback","data","validateData","pg","pay_method","merchant_uid","amount","buyer_tel","app_scheme","language","digital","biz_num","customer_uid","naverPopupMode","popup","undefined","isValid","message","pgProvider","split","PG","indexOf","EN_AVAILABLE_PG","includes","LANGUAGE"],"mappings":"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","sourcesContent":["import { Validation, IMPData } from './Validation';\nimport { IMPConst } from '../constants';\n\nclass ValidationForPayment extends Validation {\n  constructor(\n    userCode: string,\n    loading: object,\n    callback: (response: any) => any,\n    data: IMPData.PaymentData\n  ) {\n    super(userCode, loading, callback, data);\n  }\n\n  validateData() {\n    const {\n      pg,\n      pay_method,\n      merchant_uid,\n      amount,\n      buyer_tel,\n      app_scheme,\n      language,\n      digital,\n      biz_num,\n      customer_uid,\n      naverPopupMode,\n      popup,\n    } = <IMPData.PaymentData>this.data;\n\n    if (this.data === undefined) {\n      this.isValid = false;\n      this.message = '결제 파라미터(data)는 필수입력입니다.';\n      return;\n    }\n\n    if (merchant_uid === undefined) {\n      this.isValid = false;\n      this.message = '주문번호(merchant_uid)는 필수입력입니다.';\n      return;\n    }\n\n    if (amount === undefined) {\n      this.isValid = false;\n      this.message = '결제금액(amount)은 필수입력입니다.';\n      return;\n    }\n\n    if (buyer_tel === undefined) {\n      this.isValid = false;\n      this.message = '구매자 번호(buyer_tel)는 필수입력입니다.';\n      return;\n    }\n\n    if (app_scheme === undefined) {\n      this.isValid = false;\n      this.message = 'app_scheme은 필수입력입니다.';\n      return;\n    }\n\n    if (pg) {\n      const [pgProvider] = pg.split('.');\n      if (IMPConst.PG.indexOf(pgProvider as any) === -1) {\n        this.isValid = false;\n        this.message = 'PG사가 올바르지 않습니다.';\n      }\n    }\n\n    if (language && pg !== 'paypal') {\n      if (IMPConst.EN_AVAILABLE_PG.indexOf(pg as any) !== -1) {\n        if (pg === 'eximbay') {\n          if (!['ko', 'en', 'zh', 'jp'].includes(language)) {\n            this.isValid = false;\n            this.message =\n              '올바르지 않은 언어 설정입니다.\\n 선택하신 PG사는 ko, en, zh jp 옵션을 지원합니다.';\n            return;\n          }\n        } else if (IMPConst.LANGUAGE.indexOf(language as any) === -1) {\n          this.isValid = false;\n          this.message =\n            '올바르지 않은 언어 설정입니다.\\n 선택하신 PG사는 ko 또는 en 옵션을 지원합니다.';\n          return;\n        }\n      } else if (language !== 'ko') {\n        this.isValid = false;\n        this.message =\n          '올바르지 않은 언어 설정입니다.\\n 선택하신 PG사는 ko 옵션만 지원합니다.';\n        return;\n      }\n    }\n\n    if (pay_method === 'phone' && digital === undefined) {\n      this.isValid = false;\n      this.message = '휴대폰 소액결제시 digital은 필수입력입니다.';\n      return;\n    }\n\n    if (pg === 'syrup') {\n      this.isValid = false;\n      this.message = '해당 모듈은 현재 시럽페이를 지원하지 않습니다.';\n      return;\n    }\n\n    if (popup) {\n      this.isValid = false;\n      this.message = '해당 모듈은 팝업을 지원하지 않습니다.';\n      return;\n    }\n\n    if (pg === 'naverpay' && naverPopupMode) {\n      this.isValid = false;\n      this.message =\n        '해당 모듈에서 popup은\\n네이버 페이 결제시 지원하지 않습니다.';\n      return;\n    }\n\n    if (\n      pg === 'danal_tpay' &&\n      pay_method === 'vbank' &&\n      biz_num === undefined\n    ) {\n      this.isValid = false;\n      this.message = '다날-가상계좌시 biz_num은 필수입력입니다.';\n      return;\n    }\n\n    if (\n      (pg === 'kcp_billing' || pg === 'syrup') &&\n      customer_uid === undefined\n    ) {\n      this.isValid = false;\n      this.message = '정기결제시 customer_uid는 필수입력입니다.';\n      return;\n    }\n  }\n}\n\nexport default ValidationForPayment;\n"]}

package/lib/typescript/components/Certification/index.d.ts

@@ -3,7 +3,7 @@ declare type Props = {
     userCode: string;
     tierCode?: string;
     data: IMPData.CertificationData;
-    loading: any;
+    loading?: any;
     callback: (response: any) => any;
 };
 declare function Certification({ userCode, tierCode, data, loading, callback }: Props): JSX.Element;

package/lib/typescript/components/Payment/index.d.ts

@@ -3,7 +3,7 @@ declare type Props = {
     userCode: string;
     tierCode?: string;
     data: IMPData.PaymentData;
-    loading: any;
+    loading?: any;
     callback: (response: any) => any;
 };
 declare function Payment({ userCode, tierCode, data, loading, callback }: Props): JSX.Element;

package/lib/typescript/constants/index.d.ts

@@ -11,7 +11,7 @@ declare namespace IMPConst {
     const NICE_TRANS_URL = "https://web.nicepay.co.kr/smart/bank/payTrans.jsp";
     const IMP_SDK_URL = "https://service.iamport.kr";
     const SMILEPAY_BASE_URL = "https://www.mysmilepay.com";
-    const WEBVIEW_SOURCE_HTML = "\n<html>\n  <head>\n    <meta http-equiv='content-type' content='text/html; charset=utf-8'>\n    <meta name='viewport' content='width=device-width, initial-scale=1.0'>\n\n    <script type='text/javascript' src='https://code.jquery.com/jquery-latest.min.js' ></script>\n    <script type='text/javascript' src='https://cdn.iamport.kr/js/iamport.payment-1.1.8.js'></script>\n  </head>\n  <body></body>\n</html>\n";
+    const WEBVIEW_SOURCE_HTML = "\n<html>\n  <head>\n    <meta http-equiv='content-type' content='text/html; charset=utf-8'>\n    <meta name='viewport' content='width=device-width, initial-scale=1.0'>\n\n    <script type='text/javascript' src='https://code.jquery.com/jquery-latest.min.js' ></script>\n    <script type='text/javascript' src='https://cdn.iamport.kr/js/iamport.payment-1.2.0.js'></script>\n  </head>\n  <body></body>\n</html>\n";
     const ANDROID_APPSCHEME: {
         readonly ISP: "ispmobile";
         readonly BANKPAY: "kftc-bankpay";
@@ -35,12 +35,14 @@ declare namespace IMPConst {
         readonly LPAY: "lpayapp";
         readonly SSGPAY: "shinsegaeeasypayment";
         readonly KPAY: "kpay";
+        readonly KBANKPAY: "ukbanksmartbanknonloginpay";
         readonly PAYNOW: "lguthepay-xpay";
         readonly WOORIWONCARD: "com.wooricard.smartapp";
         readonly LPOINT: "lmslpay";
         readonly KTFAUTH: "ktauthexternalcall";
         readonly LGTAUTH: "upluscorporation";
         readonly SKTAUTH: "tauthlink";
+        readonly WOORIWONBANK: "wooribank";
     };
     const ANDROID_PACKAGE: {
         readonly PACKAGE_ISP: "kvp.jjy.MispAndroid320";
@@ -65,12 +67,14 @@ declare namespace IMPConst {
         readonly PACKAGE_LPAY: "com.lotte.lpay";
         readonly PACKAGE_SSGPAY: "com.ssg.serviceapp.android.egiftcertificate";
         readonly PACKAGE_KPAY: "com.inicis.kpay";
+        readonly PACKAGE_KBANKPAY: "com.kbankwith.smartbank";
         readonly PACKAGE_PAYNOW: "com.lguplus.paynow";
         readonly PACKAGE_WOORIWONCARD: "com.wooricard.smartapp";
         readonly PACKAGE_LPOINT: "com.lottemembers.android";
         readonly PACKAGE_KTFAUTH: "com.kt.ktauth";
         readonly PACKAGE_LGTAUTH: "com.lguplus.smartotp";
         readonly PACKAGE_SKTAUTH: "com.sktelecom.tauth";
+        readonly PACKAGE_WOORIWONBANK: "com.wooribank.smart.npib";
     };
 }
 export { IMPConst };

package/lib/typescript/utils/IamportUrl.d.ts

@@ -6,14 +6,14 @@ declare class IamportUrl {
     package?: string;
     constructor(url: string);
     getUrl(): string;
-    isPaymentOver(): boolean;
+    isPaymentOver(redirectUrl: string): boolean;
     isAppUrl(): boolean;
     isIframeLoaded(): boolean;
     getAppUrl(): string | undefined;
     getMarketUrl(): string;
     getQuery(): queryString.ParsedQuery<string>;
     getStringifiedQuery(): string;
-    getInicisTransQuery(): string;
+    getInicisTransQuery(redirectUrl: string): string;
     launchApp(): Promise<any>;
 }
 export default IamportUrl;

package/lib/typescript/utils/Validation.d.ts

@@ -14,16 +14,28 @@ declare class Validation {
     getMessage(): string;
 }
 declare namespace IMPData {
-    interface CertificationData {
+    interface ICertificationData {
         merchant_uid: string;
         company: string;
         carrier: string;
         name: string;
         phone: string;
         min_age?: string;
+        popup?: boolean;
         m_redirect_url?: string;
     }
-    interface PaymentData {
+    export class CertificationData implements ICertificationData {
+        constructor(carrier: string, company: string, merchant_uid: string, name: string, phone: string, min_age?: string, popup?: boolean, m_redirect_url?: string);
+        carrier: string;
+        company: string;
+        merchant_uid: string;
+        name: string;
+        phone: string;
+        min_age?: string;
+        popup?: boolean;
+        m_redirect_url?: string;
+    }
+    interface IPaymentData {
         pg: string;
         pay_method: string;
         currency?: string;
@@ -53,6 +65,43 @@ declare namespace IMPData {
         naverUseCfm?: string;
         naverProducts?: object[];
         m_redirect_url?: string;
+        niceMobileV2?: boolean;
+    }
+    export class PaymentData implements IPaymentData {
+        constructor(amount: string | number, buyer_email: string, buyer_name: string, buyer_tel: string, escrow: boolean, merchant_uid: string, name: string, pay_method: string, pg: string, language?: string, naverPopupMode?: boolean, naverProducts?: object[], naverUseCfm?: string, niceMobileV2?: boolean, notice_url?: string | string[], m_redirect_url?: string, currency?: string, custom_data?: object, customer_uid?: string, digital?: boolean, display?: {
+            card_quota: number[];
+        }, buyer_postcode?: string, app_scheme?: string, biz_num?: string, buyer_addr?: string, popup?: boolean, tax_free?: number, vbank_due?: string);
+        amount: string | number;
+        app_scheme?: string;
+        biz_num?: string;
+        buyer_addr?: string;
+        buyer_email: string;
+        buyer_name: string;
+        buyer_postcode?: string;
+        buyer_tel: string;
+        currency?: string;
+        custom_data?: object;
+        customer_uid?: string;
+        digital?: boolean;
+        display?: {
+            card_quota: number[];
+        };
+        escrow: boolean;
+        language?: string;
+        m_redirect_url?: string;
+        merchant_uid: string;
+        name: string;
+        naverPopupMode?: boolean;
+        naverProducts?: object[];
+        naverUseCfm?: string;
+        niceMobileV2?: boolean;
+        notice_url?: string | string[];
+        pay_method: string;
+        pg: string;
+        popup?: boolean;
+        tax_free?: number;
+        vbank_due?: string;
     }
+    export {};
 }
 export { Validation, IMPData };

package/lib/typescript/utils/ValidationForPayment.d.ts

@@ -1,7 +1,6 @@
 import { Validation, IMPData } from './Validation';
 declare class ValidationForPayment extends Validation {
     constructor(userCode: string, loading: object, callback: (response: any) => any, data: IMPData.PaymentData);
-    validateCallback(): void;
     validateData(): void;
 }
 export default ValidationForPayment;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iamport-react-native",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.0",
   "description": "리액트 네이티브용 아임포트 결제/본인인증 연동 라이브러리",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -49,26 +49,26 @@
   },
   "homepage": "https://github.com/iamport/iamport-react-native#readme",
   "devDependencies": {
-    "@react-native-community/eslint-config": "^2.0.0",
-    "@types/react": "^16.9.19",
-    "@types/react-native": "0.62.13",
-    "eslint": "^7.2.0",
-    "eslint-config-prettier": "^7.0.0",
-    "eslint-plugin-prettier": "^3.1.3",
-    "pod-install": "^0.1.0",
-    "prettier": "^2.0.5",
-    "query-string": "^7.0.1",
-    "react": "16.13.1",
-    "react-native": "0.63.4",
-    "react-native-builder-bob": "^0.18.0",
-    "react-native-webview": "^11.6.4",
-    "typescript": "^4.1.3"
+    "@react-native-community/eslint-config": "^3.0.0",
+    "@types/react": "^17.0.19",
+    "@types/react-native": "0.64.13",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^3.4.0",
+    "pod-install": "^0.1.26",
+    "prettier": "^2.3.2",
+    "react": "17.0.2",
+    "react-native": "0.65.0",
+    "react-native-builder-bob": "^0.18.1",
+    "react-native-webview": "^11.13.0",
+    "typescript": "^4.3.5",
+    "query-string": "^7.0.1"
   },
   "peerDependencies": {
-    "react": "*",
+    "react": ">=16.8.0",
     "react-native": ">=0.60.0",
-    "react-native-webview": ">=10.8.3",
-    "query-string": "*"
+    "query-string": "7.x",
+    "react-native-webview": "11.x"
   },
   "eslintConfig": {
     "root": true,

package/src/components/Certification/index.tsx

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from 'react';
+import React, { createRef, useState } from 'react';
 import { View } from 'react-native';
 import { WebView } from 'react-native-webview';
 
@@ -15,94 +15,91 @@ type Props = {
   userCode: string;
   tierCode?: string;
   data: IMPData.CertificationData;
-  loading: any;
+  loading?: any;
   callback: (response: any) => any;
 };
 
 function Certification({ userCode, tierCode, data, loading, callback }: Props) {
   const [isWebViewLoaded, setIsWebViewLoaded] = useState(false);
-  const webview = useRef<WebView>();
+  const webview = createRef<WebView>();
+  const validation = new Validation(userCode, loading, callback, data);
+  let redirectUrl = IMPConst.M_REDIRECT_URL;
+  if (data.m_redirect_url !== undefined && data.m_redirect_url.trim() !== '') {
+    redirectUrl = data.m_redirect_url;
+  }
 
-  const validation = new Validation(userCode, loading);
   if (validation.getIsValid()) {
-    const { wrapper, loadingContainer, webViewContainer } = viewStyles;
+    const { loadingContainer, webViewContainer } = viewStyles;
     return (
-      <View style={wrapper}>
-        <View style={webViewContainer}>
-          <WebView
-            ref={(ref) => {
-              if (ref !== null) {
-                webview.current = ref;
-              }
-            }}
-            useWebKit
-            source={{ html: IMPConst.WEBVIEW_SOURCE_HTML }}
-            onLoadEnd={() => {
-              if (!isWebViewLoaded) {
-                // html이 load되고 최초 한번만 inject javascript
-                if (tierCode) {
-                  webview.current?.injectJavaScript(`
+      <>
+        <WebView
+          containerStyle={webViewContainer}
+          ref={webview}
+          source={{ html: IMPConst.WEBVIEW_SOURCE_HTML }}
+          onLoadEnd={() => {
+            if (!isWebViewLoaded) {
+              // html이 load되고 최초 한번만 inject javascript
+              if (tierCode) {
+                webview.current?.injectJavaScript(`
           setTimeout(function() { IMP.agency("${userCode}", "${tierCode}"); });
         `);
-                } else {
-                  webview.current?.injectJavaScript(`
+              } else {
+                webview.current?.injectJavaScript(`
           setTimeout(function() { IMP.init("${userCode}"); });
         `);
-                }
-                webview.current?.injectJavaScript(`
+              }
+              webview.current?.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);
+              setIsWebViewLoaded(true);
+            }
+          }}
+          onMessage={(e) => {
+            let data = e.nativeEvent.data;
+            if (decodeURIComponent(data) !== data) {
+              data = decodeURIComponent(data);
+            }
+            let response = JSON.parse(data);
 
-              if (typeof callback === 'function') {
-                callback(response);
-              }
-            }}
-            startInLoadingState
-            renderLoading={() => (
-              <View style={loadingContainer}>{loading || <Loading />}</View>
-            )}
-            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,
-                  });
+            if (typeof callback === 'function') {
+              callback(response);
+            }
+          }}
+          startInLoadingState
+          renderLoading={() => (
+            <View style={loadingContainer}>{loading || <Loading />}</View>
+          )}
+          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 false;
+            }
+            if (iamportUrl.isPaymentOver(redirectUrl)) {
+              callback(iamportUrl.getQuery());
+              return false;
+            }
 
-              return true;
-            }}
-          />
-        </View>
-      </View>
+            return true;
+          }}
+        />
+      </>
     );
   }