react-native-hyperpay-sdk 0.26.0 → 0.28.0

package/README.md

@@ -11,49 +11,46 @@ npm i react-native-hyperpay-sdk
 ## Usage
 
 ```js
-import hyperPay from 'react-native-hyperpay-sdk'
-
+import HyperPay from 'react-native-hyperpay-sdk'
 
 // the firt step , set default configiration 
 // 1- shopperResultURL to redirect to this url after the payment completed
 // 2- select your country code from list
 // 3- merchantIdentifier is for apply pay only 
-hyperPay.setConfig({
+
+HyperPay.init({
 shopperResultURL:"shopperResultURL",
 countryCode:"SA",
 merchantIdentifier:"merchantIdentifier",
 mode:"TestMode"
 })
+
 // ...
 // to pay with apple 
-const result = await hyperPay.applePay("CheckoutId")
+const result = await HyperPay.applePay("CheckoutId")
 
 // to pay with any brand
- const result=await hyperPay.createPaymentTransaction(
-     { paymentBrand: "VISA",
-     holderName: "Test Test",
-     cardNumber: '4111111111111111',
-     expiryYear: '2027',
-     expiryMonth: '12',
-     cvv: '123',
-     checkoutID: `${res.data?.checkout_id}`,
-     shopperResultURL: "[YOUR_APP_IDENTIFIER]://[URL_SCHEMES]" 
+    const result=await HyperPay.createPaymentTransaction(
+    { paymentBrand: "VISA",
+      holderName: "Test Test",
+      cardNumber: '4111111111111111',
+      expiryYear: '2027',
+      expiryMonth: '12',
+      cvv: '123',
+      checkoutID: `${res.data?.checkout_id}`,
+      shopperResultURL: "[YOUR_APP_IDENTIFIER]://[URL_SCHEMES]" 
       })
       
-
       // get payment status
- const result=await hyperPay.getPaymentStatus("000.000.000")
-//  result={
-//             "code": "000.000.000",
-//             "description": "Transaction succeeded",
-//             "status": "successfully"
-// }
+    const result=await hyperPay.getPaymentStatus("000.000.000")
+      //  result={
+      //             "code": "000.000.000",
+      //             "description": "Transaction succeeded",
+      //             "status": "successfully"
+      // }
 ```
-
 ```
 
-
-
 ## Contributing
 
 See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

package/android/build.gradle

@@ -19,7 +19,7 @@ def safeExtGet(prop, fallback) {
 }
 
 android {
-    compileSdkVersion safeExtGet('HyperPay_compileSdkVersion', 29)
+    compileSdkVersion safeExtGet('HyperPay_compileSdkVersion', 31)
     defaultConfig {
         minSdkVersion safeExtGet('HyperPay_minSdkVersion', 21)
         targetSdkVersion safeExtGet('HyperPay_targetSdkVersion', 29)
@@ -54,8 +54,19 @@ repositories {
 }
 
 dependencies {
-  implementation fileTree(include: ["*.aar"], dir: "libs")
 
+  if (project.gradle.startParameter.taskNames.any { it.toLowerCase().contains('release') }) {
+    compileOnly files('libs/ipworks3ds_sdk_deploy.aar')
+  }
+  else {
+    compileOnly files('libs/ipworks3ds_sdk.aar')
+  }
+  compileOnly files('libs/oppwa.mobile-4.5.0-release.aar')
+  implementation "androidx.appcompat:appcompat:1.4.2"
+  implementation "androidx.lifecycle:lifecycle-extensions:2.2.0"
+  implementation "androidx.browser:browser:1.4.0"
+  implementation "androidx.fragment:fragment:1.5.5"
+  implementation "com.google.android.material:material:1.6.1"
   //noinspection GradleDynamicVersion
   implementation "com.facebook.react:react-native:+"  // From node_modules
 

package/android/src/main/java/com/reactnativehyperpay/HyperPayModule.java

@@ -1,19 +1,44 @@
 package com.reactnativehyperpay;
 
+import android.content.Context;
+import android.util.Log;
 import androidx.annotation.NonNull;
-
+import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.module.annotations.ReactModule;
+import com.facebook.react.modules.core.DeviceEventManagerModule;
+import com.oppwa.mobile.connect.exception.PaymentError;
+import com.oppwa.mobile.connect.exception.PaymentException;
+import com.oppwa.mobile.connect.payment.BrandsValidation;
+import com.oppwa.mobile.connect.payment.CheckoutInfo;
+import com.oppwa.mobile.connect.payment.ImagesRequest;
+import com.oppwa.mobile.connect.payment.PaymentParams;
+import com.oppwa.mobile.connect.payment.card.CardPaymentParams;
+import com.oppwa.mobile.connect.provider.Connect;
+import com.oppwa.mobile.connect.provider.ITransactionListener;
+import com.oppwa.mobile.connect.provider.OppPaymentProvider;
 import com.oppwa.mobile.connect.provider.Transaction;
+import com.oppwa.mobile.connect.provider.TransactionType;
+
 @ReactModule(name = HyperPayModule.NAME)
-public class HyperPayModule extends ReactContextBaseJavaModule {
+public class HyperPayModule extends ReactContextBaseJavaModule implements ITransactionListener {
     public static final String NAME = "HyperPay";
 
+    private Context appContext;
+    private Promise promisePaymentTransaction;
+    private String shopperResultURL;
+    private String merchantIdentifier;
+    private String countryCode;
+    private String mode;
+
     public HyperPayModule(ReactApplicationContext reactContext) {
         super(reactContext);
+        appContext = reactContext.getApplicationContext();
     }
 
     @Override
@@ -22,13 +47,129 @@ public class HyperPayModule extends ReactContextBaseJavaModule {
         return NAME;
     }
 
+    @ReactMethod(isBlockingSynchronousMethod = true)
+    public WritableMap setup(ReadableMap params) {
+        WritableMap config = Arguments.createMap();
+        if (params.hasKey("shopperResultURL"))
+            shopperResultURL = params.getString("shopperResultURL");
+        if (params.hasKey("merchantIdentifier"))
+            merchantIdentifier = params.getString("merchantIdentifier");
+        if (params.hasKey("countryCode"))
+            countryCode = params.getString("countryCode");
+        if (params.hasKey("mode"))
+            mode = params.getString("mode");
+        config.putString("shopperResultURL", shopperResultURL);
+        config.putString("merchantIdentifier", merchantIdentifier);
+        config.putString("countryCode", countryCode);
+        config.putString("mode", mode);
+        return config;
+    }
 
-    // Example method
-    // See https://reactnative.dev/docs/native-modules-android
     @ReactMethod
-    public void multiply(int a, int b, Promise promise) {
-        promise.resolve(a * b);
+    public void createPaymentTransaction(ReadableMap params, Promise promise) {
+        promisePaymentTransaction = promise;
+        this.emitListeners("onProgress", true);
+        try {
+            PaymentParams paymentParams = new CardPaymentParams(
+                    params.getString("checkoutID"),
+                    params.getString("paymentBrand"),
+                    params.getString("cardNumber"),
+                    params.getString("holderName"),
+                    params.getString("expiryMonth"),
+                    params.getString("expiryYear"),
+                    params.getString("cvv"));
+
+            if (params.hasKey("shopperResultURL")) {
+                shopperResultURL = params.getString("shopperResultURL");
+            }
+            paymentParams.setShopperResultUrl(shopperResultURL);
+            Transaction transaction = null;
+
+            try {
+                OppPaymentProvider paymentProvider = new OppPaymentProvider(appContext, Connect.ProviderMode.TEST);
+
+                if (mode.equals("LiveMode")) {
+                    paymentProvider.setProviderMode(Connect.ProviderMode.LIVE);
+                }
+                transaction = new Transaction(paymentParams);
+                paymentProvider.submitTransaction(transaction, this);
+            } catch (PaymentException e) {
+                this.emitListeners("onProgress", false);
+                promisePaymentTransaction.reject(e);
+            }
+        } catch (PaymentException e) {
+            this.emitListeners("onProgress", false);
+            promisePaymentTransaction.reject(e);
+        }
+    }
+
+    private void emitListeners(String eventName, boolean isLoading) {
+        getReactApplicationContext().getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+                .emit("onProgress", isLoading);
+    }
+
+    @Override
+    public void transactionCompleted(@NonNull Transaction transaction) {
+        this.emitListeners("onProgress", false);
+
+        WritableMap paymentResponse = Arguments.createMap();
+        paymentResponse.putString("checkoutId", transaction.getPaymentParams().getCheckoutId());
+
+        if (transaction.getTransactionType() == TransactionType.SYNC) {
+            paymentResponse.putString("status", "completed");
+        } else {
+            paymentResponse.putString("status", "pending");
+            paymentResponse.putString("redirectURL", transaction.getRedirectUrl());
+        }
+
+        promisePaymentTransaction.resolve(paymentResponse);
+    }
+
+    @Override
+    public void transactionFailed(@NonNull Transaction transaction, @NonNull PaymentError paymentError) {
+        this.emitListeners("onProgress", false);
+        promisePaymentTransaction.reject(paymentError.getErrorInfo());
+    }
+
+    @Override
+    public void brandsValidationRequestSucceeded(@NonNull BrandsValidation brandsValidation) {
+        ITransactionListener.super.brandsValidationRequestSucceeded(brandsValidation);
+    }
+
+    @Override
+    public void brandsValidationRequestFailed(@NonNull PaymentError paymentError) {
+        ITransactionListener.super.brandsValidationRequestFailed(paymentError);
+    }
+
+    @Override
+    public void paymentConfigRequestSucceeded(@NonNull CheckoutInfo checkoutInfo) {
+        Log.d("paymentCond", checkoutInfo.getResourcePath());
+        ITransactionListener.super.paymentConfigRequestSucceeded(checkoutInfo);
+    }
+
+    @Override
+    public void paymentConfigRequestFailed(@NonNull PaymentError paymentError) {
+        ITransactionListener.super.paymentConfigRequestFailed(paymentError);
+    }
+
+    @Override
+    public void imagesRequestSucceeded(@NonNull ImagesRequest imagesRequest) {
+        ITransactionListener.super.imagesRequestSucceeded(imagesRequest);
+    }
+
+    @Override
+    public void imagesRequestFailed() {
+        ITransactionListener.super.imagesRequestFailed();
+    }
+
+    @Override
+    public void binRequestSucceeded(@NonNull String[] strings) {
+        ITransactionListener.super.binRequestSucceeded(strings);
+    }
+
+    @Override
+    public void binRequestFailed() {
+        ITransactionListener.super.binRequestFailed();
     }
 
-    public static native int nativeMultiply(int a, int b);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-hyperpay-sdk",
-  "version": "0.26.0",
+  "version": "0.28.0",
   "description": "hyperpay",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/index.tsx

@@ -13,8 +13,15 @@ export function init(params: Config): Config {
   return HyperPaySDK.setup(params);
 }
 
-export function createPaymentTransaction(params: CreateTransactionParams):
+export function createPaymentTransaction(params: CreateTransactionParams, onProgress?: (isProgress: boolean) => void):
   Promise<CreateTransactionResponseType> {
+  if (onProgress) {
+    eventEmitter.removeAllListeners("onProgress")
+    const _event = eventEmitter.addListener('onProgress', (isLoading: boolean) => {
+      onProgress(isLoading)
+      if (!isLoading) _event.remove()
+    });
+  }
   return HyperPaySDK.createPaymentTransaction(params);
 }