react-native-hyperpay-sdk 0.25.0 → 0.27.0

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,15 +1,35 @@
 package com.reactnativehyperpay;
 
+import android.content.Context;
+import android.util.Log;
+
 import androidx.annotation.NonNull;
 
 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.module.annotations.ReactModule;
+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;
+
 @ReactModule(name = HyperPayModule.NAME)
 public class HyperPayModule extends ReactContextBaseJavaModule {
+    private Context appContext;
+    private String shopperResultURL;
+    private String merchantIdentifier;
+    private String countryCode;
+    private String mode;
     public static final String NAME = "HyperPay";
 
     public HyperPayModule(ReactApplicationContext reactContext) {
@@ -22,13 +42,67 @@ public class HyperPayModule extends ReactContextBaseJavaModule {
         return NAME;
     }
 
-
     // Example method
     // See https://reactnative.dev/docs/native-modules-android
+
+    @ReactMethod
+    public ReadableMap setup(ReadableMap params, Promise promise) {
+        if (!params.getString("shopperResultURL").isEmpty())
+            shopperResultURL = params.getString("shopperResultURL");
+        if (!params.getString("merchantIdentifier").isEmpty())
+            merchantIdentifier = params.getString("merchantIdentifier");
+        if (!params.getString("countryCode").isEmpty())
+            countryCode = params.getString("countryCode");
+        if (!params.getString("mode").isEmpty())
+            countryCode = params.getString("mode");
+        return params;
+    }
+
     @ReactMethod
-    public void multiply(int a, int b, Promise promise) {
-        promise.resolve(a * b);
+    public void createPaymentTransaction(ReadableMap params, Promise promise) {
+
+        // 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.getString("shopperResultURL").isEmpty()){
+        // shopperResultURL=params.getString("shopperResultURL");
+        // }
+        //
+        // paymentParams.setShopperResultUrl(shopperResultURL);
+        //
+        // Transaction transaction = null;
+        // ITransactionListener transactionListener = null;
+        //
+        //
+        // try {
+        // OppPaymentProvider paymentProvider = new OppPaymentProvider(appContext,
+        // Connect.ProviderMode.TEST);
+        //
+        // if (mode=="LiveMode"){
+        // paymentProvider.setProviderMode(Connect.ProviderMode.LIVE);
+        // }
+        //
+        // transaction = new Transaction(paymentParams);
+        // paymentProvider.submitTransaction(transaction, transactionListener);
+        // promise.resolve("Test");
+        //
+
+        //
+        // } catch (PaymentException e) {
+        // promise.reject(e);
+        // /* error occurred */
+        // }
+        Log.d("params", params.toString());
+
     }
 
     public static native int nativeMultiply(int a, int b);
+
 }

package/ios/HyperPay.m

@@ -24,7 +24,7 @@ RCT_EXPORT_MODULE(HyperPay)
 }
 
 - (NSArray<NSString *> *)supportedEvents {
-    return @[@"onTransactionComplete"];
+    return @[@"onTransactionComplete",@"onProgress"];
 }
 
 /**
@@ -59,7 +59,7 @@ RCT_EXPORT_METHOD(createPaymentTransaction: (NSDictionary*)options resolver:(RCT
                                                                           expiryYear:[options valueForKey:@"expiryYear"]
                                                                                  CVV:[options valueForKey:@"cvv"]
                                                                                error:&error];
- 
+
     if (error) {
       NSLog(@"%s", "error");
       reject(@"createTransaction",error.localizedDescription, error);
@@ -109,7 +109,7 @@ RCT_EXPORT_METHOD(applePay:(NSString*)checkoutID resolver:(RCTPromiseResolveBloc
 
   [checkoutProvider presentCheckoutWithPaymentBrand:@"APPLEPAY"
     loadingHandler:^(BOOL inProgress) {
-    
+      [self sendEventWithName:@"onProgress" body:@(inProgress)];
       // Executed whenever SDK sends request to the server or receives the response.
       // You can start or stop loading animation based on inProgress parameter.
   } completionHandler:^(OPPTransaction * _Nullable transaction, NSError * _Nullable error) {
@@ -118,8 +118,10 @@ RCT_EXPORT_METHOD(applePay:(NSString*)checkoutID resolver:(RCTPromiseResolveBloc
         reject(@"applePay",error.localizedDescription, error);
           // See code attribute (OPPErrorCode) and NSLocalizedDescription to identify the reason of failure.
       } else {
-          NSDictionary *response = @{@"resourcePath": transaction.resourcePath,@"redirectURL": transaction.redirectURL};
-          resolve(response);
+          if (transaction.redirectURL)
+              resolve(@{@"redirectURL": transaction.redirectURL.absoluteString});
+          else
+              resolve(@{@"resourcePath": transaction.resourcePath});
       }
   } cancelHandler:^{
        reject(@"applePay",@"Executed if the shopper closes the payment page prematurely.",NULL);

package/lib/typescript/index.d.ts

@@ -59,10 +59,11 @@ export default class HyperPay {
 
     /**
        * @param  {string} checkoutID
+       * @param  {(isProgress: boolean) => void} onProgress
        * @returns ```Promise<{ redirectURL?: string,
         resourcePath?: string}>```
        */
-    static applePay(checkoutID: string): Promise<ApplePayCallback>;
+    static applePay(checkoutID: string, onProgress?: (isProgress: boolean) => void): Promise<ApplePayCallback>;
 
     /**
      * @param  {string} paymentBrand
@@ -81,6 +82,8 @@ export default class HyperPay {
 
     static createPaymentTransaction(params: CreateTransactionParams): Promise<CreateTransactionResponseType>;
 
+
+
     /**
        * @param  {string} statusCode
        * @returns```{ code: string, description: string,   status: 'successfully' | 
@@ -90,4 +93,6 @@ export default class HyperPay {
     static getPaymentStatus(status: string): PaymentStatus
 
 }
+export type { PaymentStatus }
 
+export declare function useTransactionLoading(): void

package/package.json

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

package/src/hooks/index.ts

@@ -0,0 +1 @@
+export { useTransactionLoading } from './useTransactionLoading'

package/src/hooks/useTransactionLoading.ts

@@ -0,0 +1,22 @@
+import { useEffect, useState } from 'react';
+import { eventEmitter } from '../utils';
+
+let isCalledTransactionLoading: boolean = false
+
+export function useTransactionLoading() {
+    const [loading, setLoading] = useState(false)
+    useEffect(() => {
+        if (!isCalledTransactionLoading) {
+            const _event = eventEmitter.addListener('onProgress', (isLoading: boolean) => {
+                setLoading(isLoading)
+                if (!isLoading) _event.remove(); isCalledTransactionLoading = false
+            })
+            isCalledTransactionLoading = true
+        }
+    }, [isCalledTransactionLoading])
+    return loading
+}
+
+
+
+

package/src/index.tsx

@@ -1,7 +1,3 @@
-import {
-  NativeModules,
-  Platform
-} from 'react-native';
 import type {
   CreateTransactionResponseType,
   CreateTransactionParams,
@@ -11,22 +7,8 @@ import {
   getPaymentStatus
 } from './paymentStatus'
 import type { ApplePayCallback } from '../'
-const LINKING_ERROR =
-  `The package 'react-native-hyperpay-sdk' doesn't seem to be linked. Make sure: \n\n` +
-  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
-  '- You rebuilt the app after installing the package\n' +
-  '- You are not using Expo managed workflow\n';
-
-const HyperPaySDK = NativeModules.HyperPay
-  ? NativeModules.HyperPay
-  : new Proxy(
-    {},
-    {
-      get() {
-        throw new Error(LINKING_ERROR);
-      },
-    }
-  );
+import { HyperPaySDK, eventEmitter } from './utils';
+
 export function init(params: Config): Config {
   return HyperPaySDK.setup(params);
 }
@@ -37,7 +19,17 @@ export function createPaymentTransaction(params: CreateTransactionParams):
 }
 
 
-export function applePay(checkoutID: string): Promise<ApplePayCallback> {
+
+export function applePay(checkoutID: string,
+  onProgress?: (isProgress: boolean) => void): Promise<ApplePayCallback> {
+
+  if (onProgress) {
+    const _event = eventEmitter.addListener('onProgress', (isLoading: boolean) => {
+      onProgress(isLoading)
+      if (!isLoading) _event.remove()
+    });
+  }
+
   return HyperPaySDK.applePay(checkoutID);
 }
 
@@ -45,8 +37,11 @@ const Hyperpay = {
   init,
   applePay,
   createPaymentTransaction,
-  getPaymentStatus
+  getPaymentStatus,
 }
+export {
+  useTransactionLoading
+} from './hooks'
 
 
 export default Hyperpay

package/src/utils/EventEmitter.ts

@@ -0,0 +1,4 @@
+import { NativeEventEmitter } from "react-native";
+import { HyperPaySDK } from "../utils";
+
+export const eventEmitter = new NativeEventEmitter(HyperPaySDK);

package/src/utils/NativeModules.ts

@@ -0,0 +1,18 @@
+import { NativeModules, Platform } from "react-native";
+
+const LINKING_ERROR =
+    `The package 'react-native-hyperpay-sdk' doesn't seem to be linked. Make sure: \n\n` +
+    Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
+    '- You rebuilt the app after installing the package\n' +
+    '- You are not using Expo managed workflow\n';
+
+export const HyperPaySDK = NativeModules.HyperPay
+    ? NativeModules.HyperPay
+    : new Proxy(
+        {},
+        {
+            get() {
+                throw new Error(LINKING_ERROR);
+            },
+        }
+    );

package/src/utils/index.ts

@@ -0,0 +1,2 @@
+export { eventEmitter } from './EventEmitter'
+export { HyperPaySDK } from './NativeModules'