react-native-hyperpay-sdk 0.25.0 → 0.26.0

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.26.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'