omnipay-reactnative-sdk 1.2.3-beta.0 → 1.2.3-beta.11

package/README.md

@@ -14,11 +14,41 @@ yarn add omnipay-reactnative-sdk
 yarn add react-native-select-contact react-native-webview react-native-share
 ```
 
+The SDK also includes **built-in face verification** capabilities with **zero consumer setup required** - all native dependencies auto-link automatically.
+
+**Important:** After installing dependencies:
+
+```sh
+# Install dependencies
+yarn install
+
+# Auto-link native dependencies and install pods (iOS)
+cd ios && pod install && cd ..
+```
+
+**That's it!** Face verification works automatically when needed by the SDK.
+
+### Android Permissions
+
 Make sure your manifest files includes permission to read contacts
 
 ```sh
 <uses-permission android:name="android.permission.READ_CONTACTS" />
+```
+
+For SDK face verification features, also add camera permission:
+
+```sh
+<uses-permission android:name="android.permission.CAMERA" />
+```
 
+### iOS Permissions
+
+For SDK face verification features on iOS, add camera permission to your `Info.plist`:
+
+```xml
+<key>NSCameraUsageDescription</key>
+<string>This app needs access to camera for face verification</string>
 ```
 
 Also add this for Android 11+ support below the application tag in your AndroidManifest.xml file
@@ -99,48 +129,79 @@ initiateWallet({
 });
 ```
 
+## Face Verification
+
+The SDK includes built-in **real-time face verification** capabilities for enhanced security during certain operations. This feature is **automatically triggered when needed** and requires **no additional implementation** from your side.
+
+### How It Works (Internal SDK Feature)
+
+The face verification system uses native ML libraries to perform real-time analysis:
+
+1. **Face Detection**: Automatically detects faces in the camera frame
+2. **Verification Steps**: Guides users through verification actions:
+   - **Position Face**: Center your face in the frame
+   - **Smile**: Show a genuine smile
+   - **Blink**: Blink both eyes
+   - **Turn Left**: Slowly turn head to the left
+   - **Turn Right**: Slowly turn head to the right
+3. **Real-time Feedback**: Provides instant visual feedback and progress indicators
+4. **Security**: Uses multiple biometric markers to prevent spoofing
+
+### Technical Implementation
+
+- **iOS**: Uses built-in Vision Framework for face landmark detection
+- **Android**: Uses Google MLKit Face Detection API
+- **Performance**: Runs at 30-60 FPS with native frame processors
+- **Privacy**: All processing happens on-device, no data is sent to servers
+- **Dependencies**: All required libraries are included automatically
+
+**Note:** Face verification requires camera permissions, which the SDK handles automatically.
+
 ### Properties
 
 #### OmnipayProvider Props
-| Name            | Type     | Description                                              |
-| --------------- | -------- | -------------------------------------------------------- |
-| color           | String   | color of primary buttons and links                       |
-| env             | String   | dev or prod                                              |
-| publicKey       | String   | public key of the company on omnipay                     |
+
+| Name      | Type   | Description                          |
+| --------- | ------ | ------------------------------------ |
+| color     | String | color of primary buttons and links   |
+| env       | String | dev or prod                          |
+| publicKey | String | public key of the company on omnipay |
 
 #### initiateBills Props
-| Name            | Type     | Description                                              |
-| --------------- | -------- | -------------------------------------------------------- |
-| phoneNumber     | String   | phone number of the customer                             |
-| onClose         | Function | this is used to notify you when the sdk closes          |
+
+| Name        | Type     | Description                                    |
+| ----------- | -------- | ---------------------------------------------- |
+| phoneNumber | String   | phone number of the customer                   |
+| onClose     | Function | this is used to notify you when the sdk closes |
 
 #### initiateWallet Props
-| Name                    | Type     | Description                                                      |
-| ----------------------- | -------- | ---------------------------------------------------------------- |
-| phoneNumber             | String   | phone number of the customer                                     |
-| customerRef             | String   | unique reference for the customer                                |
-| userRef                 | String   | unique reference for the user                                    |
-| onClose                 | Function | this is used to notify you when the sdk closes                  |
-| usesPaylater            | Boolean  | whether to show paylater tab in wallet view                      |
-| usesPromo               | Boolean  | whether to show promo tab in wallet view                         |
-| usesAirtimeData         | Boolean  | whether to show airtime and data shortcut in wallet view         |
-| usesTransfer            | Boolean  | whether to show transfer shortcut in wallet view                 |
-| usesBills               | Boolean  | whether to show bills shortcut in wallet view                    |
-| usesPos                 | Boolean  | whether to show pos shortcut in wallet view                      |
-| promoBalanceOffset      | Number   | offset for promo balance display                                 |
-| deviceId                | String   | unique identifier for the device                                 |
-| deviceName              | String   | name of the device                                               |
-| hideWalletTransfer      | Boolean  | whether to hide wallet transfer functionality                    |
-| isBvnValidationRequired | Boolean  | whether BVN validation is required                               |
-| walletTab               | String   | initial wallet tab to display ('Paylater', 'Account', 'Omoni')  |
-| sessionId               | String   | unique session identifier                                        |
-| kycStatus               | String   | KYC status of the user ('verified', 'unverified')               |
-| launchPage              | String   | page to launch in the wallet                                     |
 
+| Name                    | Type     | Description                                                    |
+| ----------------------- | -------- | -------------------------------------------------------------- |
+| phoneNumber             | String   | phone number of the customer                                   |
+| customerRef             | String   | unique reference for the customer                              |
+| userRef                 | String   | unique reference for the user                                  |
+| onClose                 | Function | this is used to notify you when the sdk closes                 |
+| usesPaylater            | Boolean  | whether to show paylater tab in wallet view                    |
+| usesPromo               | Boolean  | whether to show promo tab in wallet view                       |
+| usesAirtimeData         | Boolean  | whether to show airtime and data shortcut in wallet view       |
+| usesTransfer            | Boolean  | whether to show transfer shortcut in wallet view               |
+| usesBills               | Boolean  | whether to show bills shortcut in wallet view                  |
+| usesPos                 | Boolean  | whether to show pos shortcut in wallet view                    |
+| promoBalanceOffset      | Number   | offset for promo balance display                               |
+| deviceId                | String   | unique identifier for the device                               |
+| deviceName              | String   | name of the device                                             |
+| hideWalletTransfer      | Boolean  | whether to hide wallet transfer functionality                  |
+| isBvnValidationRequired | Boolean  | whether BVN validation is required                             |
+| walletTab               | String   | initial wallet tab to display ('Paylater', 'Account', 'Omoni') |
+| sessionId               | String   | unique session identifier                                      |
+| kycStatus               | String   | KYC status of the user ('verified', 'unverified')              |
+| launchPage              | String   | page to launch in the wallet                                   |
 
 ## Registration Sdk
+
 ```js
-import { Omnipay } from "omnipay-reactnative-sdk";
+import { Omnipay } from 'omnipay-reactnative-sdk';
 
 //render it anywhere on your page where you want to display the registration sdk
 <Omnipay.Registration
@@ -150,9 +211,9 @@ import { Omnipay } from "omnipay-reactnative-sdk";
   phoneNumber="09031234571"
   onRegistrationSuccessful={({ customerRef, walletId }) => {
     /**
-     * the customer ref and walletid can be saved 
+     * the customer ref and walletid can be saved
      * to your database at this point
-     * 
+     *
      * we will also be sending a webhook notification
      * so, you can either save at this point or via the webhook
      */
@@ -163,17 +224,16 @@ import { Omnipay } from "omnipay-reactnative-sdk";
      * the user is done with registration.
      * you can navigate them else where at this point
      */
-   
   }}
-/>
+/>;
 ```
 
 ### Properties
 
-| Name            | Type     | Description                                              |
-| --------------- | -------- | -------------------------------------------------------- |
-| color           | String   | color of primary buttons and links                       |
-| env             | String   | dev or prod                                              |
-| phoneNumber     | String   | phone number of the customer                             |
-| publicKey       | String   | public key of the company on omnipay                     |
-| view            | String   | the view to render on the sdk                            |
+| Name        | Type   | Description                          |
+| ----------- | ------ | ------------------------------------ |
+| color       | String | color of primary buttons and links   |
+| env         | String | dev or prod                          |
+| phoneNumber | String | phone number of the customer         |
+| publicKey   | String | public key of the company on omnipay |
+| view        | String | the view to render on the sdk        |

package/android/build.gradle

@@ -48,4 +48,10 @@ repositories {
 
 dependencies {
   implementation "com.facebook.react:react-native:${safeExtGet('reactNativeVersion', '+')}"
+  
+  // MLKit Face Detection for Android
+  implementation 'com.google.mlkit:face-detection:16.1.5'
+  
+  // Vision Camera for frame processor plugins
+  implementation project(':react-native-vision-camera')
 }

package/android/src/main/java/com/omniretail/omnipay/FaceVerificationFrameProcessor.kt

@@ -0,0 +1,111 @@
+package com.omniretail.omnipay
+
+import android.util.Log
+import com.google.mlkit.vision.common.InputImage
+import com.google.mlkit.vision.face.FaceDetection
+import com.google.mlkit.vision.face.FaceDetectorOptions
+import com.google.mlkit.vision.face.Face
+import com.mrousavy.camera.core.FrameInvalidError
+import com.mrousavy.camera.frameprocessor.Frame
+import com.mrousavy.camera.frameprocessor.FrameProcessorPlugin
+import com.mrousavy.camera.frameprocessor.VisionCameraProxy
+
+class FaceVerificationFrameProcessor(proxy: VisionCameraProxy, options: Map<String, Any>?) : FrameProcessorPlugin() {
+  
+  private val faceDetector = FaceDetection.getClient(
+    FaceDetectorOptions.Builder()
+      .setPerformanceMode(FaceDetectorOptions.PERFORMANCE_MODE_FAST)
+      .setLandmarkMode(FaceDetectorOptions.LANDMARK_MODE_ALL)
+      .setClassificationMode(FaceDetectorOptions.CLASSIFICATION_MODE_ALL)
+      .setMinFaceSize(0.15f)
+      .enableTracking()
+      .build()
+  )
+  
+  override fun callback(frame: Frame, arguments: Map<String, Any>?): Any {
+    return try {
+      val results = mutableMapOf<String, Any>()
+      
+      // Convert frame to InputImage
+      val image = InputImage.fromMediaImage(frame.image, frame.imageRotationDegrees)
+      
+      // Process face detection synchronously
+      val task = faceDetector.process(image)
+      
+      // Wait for result (this blocks the thread but that's OK for frame processors)
+      val faces = try {
+        // For simplicity, we'll use a blocking approach
+        // In production, you might want to handle this differently
+        while (!task.isComplete && !task.isCanceled) {
+          Thread.sleep(1)
+        }
+        
+        if (task.isSuccessful) {
+          task.result
+        } else {
+          emptyList()
+        }
+      } catch (e: Exception) {
+        Log.e("FaceVerification", "Face detection failed: ${e.message}")
+        results["error"] = e.message ?: "Face detection failed"
+        return results
+      }
+      
+      if (faces.isEmpty()) {
+        results["faceDetected"] = false
+        return results
+      }
+      
+      // Process first detected face
+      val face = faces[0]
+      results["faceDetected"] = true
+      
+      // Face bounding box
+      results["boundingBox"] = mapOf(
+        "left" to face.boundingBox.left,
+        "top" to face.boundingBox.top,
+        "right" to face.boundingBox.right,
+        "bottom" to face.boundingBox.bottom
+      )
+      
+      // Smile detection
+      face.smilingProbability?.let { smilingProbability ->
+        results["isSmiling"] = smilingProbability > 0.7f
+        results["smileProbability"] = smilingProbability
+      }
+      
+      // Eye detection (for blinking)
+      val leftEyeOpenProbability = face.leftEyeOpenProbability
+      val rightEyeOpenProbability = face.rightEyeOpenProbability
+      
+      if (leftEyeOpenProbability != null && rightEyeOpenProbability != null) {
+        val leftEyeClosed = leftEyeOpenProbability < 0.3f
+        val rightEyeClosed = rightEyeOpenProbability < 0.3f
+        
+        results["leftEyeClosed"] = leftEyeClosed
+        results["rightEyeClosed"] = rightEyeClosed
+        results["isBlinking"] = leftEyeClosed && rightEyeClosed
+        results["leftEyeOpenProbability"] = leftEyeOpenProbability
+        results["rightEyeOpenProbability"] = rightEyeOpenProbability
+      }
+      
+      // Head pose detection
+      results["headPose"] = mapOf(
+        "yaw" to face.headEulerAngleY,     // Left-right movement
+        "pitch" to face.headEulerAngleX,   // Up-down movement
+        "roll" to face.headEulerAngleZ     // Tilt movement
+      )
+      
+      // Face tracking ID (useful for consistency across frames)
+      face.trackingId?.let { trackingId ->
+        results["trackingId"] = trackingId
+      }
+      
+      results
+      
+    } catch (e: Exception) {
+      Log.e("FaceVerification", "Unexpected error: ${e.message}")
+      mapOf("error" to (e.message ?: "Unknown error occurred"))
+    }
+  }
+}

package/android/src/main/java/com/omniretail/omnipay/OmnipayActivityPackage.java

@@ -9,9 +9,14 @@ import com.facebook.react.bridge.JavaScriptModule;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.uimanager.ViewManager;
+import com.mrousavy.camera.frameprocessor.FrameProcessorPluginRegistry;
 
 public class OmnipayActivityPackage implements ReactPackage {
 
+    static {
+        FrameProcessorPluginRegistry.addFrameProcessorPlugin("detectFaces", FaceVerificationFrameProcessor::new);
+    }
+
     @Override
     public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
         List<NativeModule> modules = new ArrayList<>();

package/ios/FaceVerificationFrameProcessor.swift

@@ -0,0 +1,138 @@
+import VisionCamera
+import Vision
+import AVFoundation
+
+@objc(FaceVerificationFrameProcessor)
+public class FaceVerificationFrameProcessor: FrameProcessorPlugin {
+  
+  public override init(proxy: VisionCameraProxyHolder, options: [AnyHashable : Any]! = [:]) {
+    super.init(proxy: proxy, options: options)
+  }
+  
+  public override func callback(_ frame: Frame, withArguments arguments: [AnyHashable : Any]?) -> Any {
+    let buffer = frame.buffer
+    guard let imageBuffer = CMSampleBufferGetImageBuffer(buffer) else {
+      return ["error": "Failed to get image buffer"]
+    }
+    
+    return performFaceDetection(on: imageBuffer)
+  }
+  
+  private func performFaceDetection(on imageBuffer: CVImageBuffer) -> [String: Any] {
+    let request = VNDetectFaceLandmarksRequest()
+    let handler = VNImageRequestHandler(cvPixelBuffer: imageBuffer, options: [:])
+    
+    do {
+      try handler.perform([request])
+      
+      guard let observations = request.results as? [VNFaceObservation],
+            let face = observations.first else {
+        return ["faceDetected": false]
+      }
+      
+      var results: [String: Any] = [
+        "faceDetected": true,
+        "boundingBox": [
+          "x": face.boundingBox.origin.x,
+          "y": face.boundingBox.origin.y,
+          "width": face.boundingBox.size.width,
+          "height": face.boundingBox.size.height
+        ]
+      ]
+      
+      // Analyze facial features
+      if let landmarks = face.landmarks {
+        results = analyzeFacialFeatures(landmarks: landmarks, results: results)
+      }
+      
+      // Calculate head pose
+      if let pose = calculateHeadPose(face: face) {
+        results["headPose"] = pose
+      }
+      
+      return results
+      
+    } catch {
+      return ["error": error.localizedDescription]
+    }
+  }
+  
+  private func analyzeFacialFeatures(landmarks: VNFaceLandmarks2D, results: [String: Any]) -> [String: Any] {
+    var updatedResults = results
+    
+    // Detect smile
+    if let mouth = landmarks.outerLips {
+      let isSmiling = detectSmile(mouthPoints: mouth.normalizedPoints)
+      updatedResults["isSmiling"] = isSmiling
+    }
+    
+    // Detect blinks
+    if let leftEye = landmarks.leftEye, let rightEye = landmarks.rightEye {
+      let leftEyeClosed = detectEyeClosure(eyePoints: leftEye.normalizedPoints)
+      let rightEyeClosed = detectEyeClosure(eyePoints: rightEye.normalizedPoints)
+      
+      updatedResults["leftEyeClosed"] = leftEyeClosed
+      updatedResults["rightEyeClosed"] = rightEyeClosed
+      updatedResults["isBlinking"] = leftEyeClosed && rightEyeClosed
+    }
+    
+    return updatedResults
+  }
+  
+  private func detectSmile(mouthPoints: [CGPoint]) -> Bool {
+    guard mouthPoints.count >= 6 else { return false }
+    
+    // Calculate mouth corner heights vs center
+    let leftCorner = mouthPoints[0]
+    let rightCorner = mouthPoints[3] 
+    let topCenter = mouthPoints[1]
+    let bottomCenter = mouthPoints[4]
+    
+    let cornerHeight = (leftCorner.y + rightCorner.y) / 2
+    let centerHeight = (topCenter.y + bottomCenter.y) / 2
+    
+    // Smile detection: corners higher than center
+    return cornerHeight < centerHeight - 0.01
+  }
+  
+  private func detectEyeClosure(eyePoints: [CGPoint]) -> Bool {
+    guard eyePoints.count >= 6 else { return false }
+    
+    // Calculate eye aspect ratio
+    let topPoints = Array(eyePoints[1...2])
+    let bottomPoints = Array(eyePoints[4...5])
+    let leftPoint = eyePoints[0]
+    let rightPoint = eyePoints[3]
+    
+    let verticalDist1 = distance(topPoints[0], bottomPoints[0])
+    let verticalDist2 = distance(topPoints[1], bottomPoints[1])
+    let horizontalDist = distance(leftPoint, rightPoint)
+    
+    let eyeAspectRatio = (verticalDist1 + verticalDist2) / (2.0 * horizontalDist)
+    
+    // Eye is closed if aspect ratio is below threshold
+    return eyeAspectRatio < 0.2
+  }
+  
+  private func calculateHeadPose(face: VNFaceObservation) -> [String: Double]? {
+    guard let yaw = face.yaw, let pitch = face.pitch, let roll = face.roll else {
+      return nil
+    }
+    
+    let yawDegrees = Double(truncating: yaw) * 180.0 / Double.pi
+    let pitchDegrees = Double(truncating: pitch) * 180.0 / Double.pi
+    let rollDegrees = Double(truncating: roll) * 180.0 / Double.pi
+    
+    return [
+      "yaw": yawDegrees,     // Left-right head movement
+      "pitch": pitchDegrees, // Up-down head movement  
+      "roll": rollDegrees    // Head tilt
+    ]
+  }
+  
+  private func distance(_ point1: CGPoint, _ point2: CGPoint) -> Double {
+    let dx = point1.x - point2.x
+    let dy = point1.y - point2.y
+    return sqrt(Double(dx * dx + dy * dy))
+  }
+}

package/ios/FaceVerificationFrameProcessorPlugin.m

@@ -0,0 +1,5 @@
+#import <VisionCamera/FrameProcessorPlugin.h>
+#import <VisionCamera/FrameProcessorPluginRegistry.h>
+#import "omnipay_reactnative_sdk-Swift.h"
+
+VISION_EXPORT_SWIFT_FRAME_PROCESSOR(FaceVerificationFrameProcessor, detectFaces)

package/ios/OmnipayReactnativeSdk.m

@@ -0,0 +1,5 @@
+#import <React/RCTBridgeModule.h>
+
+@interface RCT_EXTERN_MODULE(OmnipayReactnativeSdk, NSObject)
+
+@end

package/ios/OmnipayReactnativeSdk.swift

@@ -0,0 +1,10 @@
+import Foundation
+
+@objc(OmnipayReactnativeSdk)
+class OmnipayReactnativeSdk: NSObject {
+    
+    @objc static func requiresMainQueueSetup() -> Bool {
+        return false
+    }
+    
+}

package/ios/omnipay_reactnative_sdk.h

@@ -0,0 +1,6 @@
+#ifndef omnipay_reactnative_sdk_h
+#define omnipay_reactnative_sdk_h
+
+#import <React/RCTBridgeModule.h>
+
+#endif /* omnipay_reactnative_sdk_h */

package/lib/commonjs/components/Button.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Button = ({
+  title,
+  onPress,
+  backgroundColor = '#007AFF',
+  borderColor,
+  textColor = 'white',
+  disabled = false,
+  loading = false,
+  style,
+  textStyle,
+  activeOpacity = 0.8
+}) => {
+  const buttonStyle = {
+    ...styles.button,
+    backgroundColor: disabled ? '#cccccc' : backgroundColor,
+    borderColor: disabled ? '#cccccc' : borderColor || backgroundColor,
+    ...style
+  };
+  const finalTextStyle = {
+    ...styles.buttonText,
+    color: disabled ? '#666666' : textColor,
+    ...textStyle
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: buttonStyle,
+    onPress: onPress,
+    disabled: disabled || loading,
+    activeOpacity: activeOpacity,
+    accessibilityRole: "button",
+    accessibilityLabel: title,
+    accessibilityState: {
+      disabled: disabled || loading
+    }
+  }, loading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    color: textColor,
+    size: "small"
+  }) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: finalTextStyle
+  }, title));
+};
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    borderRadius: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 14,
+    borderWidth: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    minHeight: 48
+  },
+  buttonText: {
+    color: 'white',
+    fontSize: 16,
+    fontWeight: '600',
+    paddingHorizontal: 30
+  }
+});
+var _default = exports.default = Button;
+//# sourceMappingURL=Button.js.map

package/lib/commonjs/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","e","__esModule","default","Button","title","onPress","backgroundColor","borderColor","textColor","disabled","loading","style","textStyle","activeOpacity","buttonStyle","styles","button","finalTextStyle","buttonText","color","createElement","TouchableOpacity","accessibilityRole","accessibilityLabel","accessibilityState","ActivityIndicator","size","Text","StyleSheet","create","borderRadius","paddingHorizontal","paddingVertical","borderWidth","alignItems","justifyContent","minHeight","fontSize","fontWeight","_default","exports"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOsB,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAetB,MAAMG,MAA6B,GAAGA,CAAC;EACrCC,KAAK;EACLC,OAAO;EACPC,eAAe,GAAG,SAAS;EAC3BC,WAAW;EACXC,SAAS,GAAG,OAAO;EACnBC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,KAAK;EACfC,KAAK;EACLC,SAAS;EACTC,aAAa,GAAG;AAClB,CAAC,KAAK;EACJ,MAAMC,WAAsB,GAAG;IAC7B,GAAGC,MAAM,CAACC,MAAM;IAChBV,eAAe,EAAEG,QAAQ,GAAG,SAAS,GAAGH,eAAe;IACvDC,WAAW,EAAEE,QAAQ,GAAG,SAAS,GAAGF,WAAW,IAAID,eAAe;IAClE,GAAGK;EACL,CAAC;EAED,MAAMM,cAAyB,GAAG;IAChC,GAAGF,MAAM,CAACG,UAAU;IACpBC,KAAK,EAAEV,QAAQ,GAAG,SAAS,GAAGD,SAAS;IACvC,GAAGI;EACL,CAAC;EAED,oBACEhB,MAAA,CAAAM,OAAA,CAAAkB,aAAA,CAACrB,YAAA,CAAAsB,gBAAgB;IACfV,KAAK,EAAEG,WAAY;IACnBT,OAAO,EAAEA,OAAQ;IACjBI,QAAQ,EAAEA,QAAQ,IAAIC,OAAQ;IAC9BG,aAAa,EAAEA,aAAc;IAC7BS,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAEnB,KAAM;IAC1BoB,kBAAkB,EAAE;MAAEf,QAAQ,EAAEA,QAAQ,IAAIC;IAAQ;EAAE,GAErDA,OAAO,gBACNd,MAAA,CAAAM,OAAA,CAAAkB,aAAA,CAACrB,YAAA,CAAA0B,iBAAiB;IAACN,KAAK,EAAEX,SAAU;IAACkB,IAAI,EAAC;EAAO,CAAE,CAAC,gBAEpD9B,MAAA,CAAAM,OAAA,CAAAkB,aAAA,CAACrB,YAAA,CAAA4B,IAAI;IAAChB,KAAK,EAAEM;EAAe,GAAEb,KAAY,CAE5B,CAAC;AAEvB,CAAC;AAED,MAAMW,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,MAAM,EAAE;IACNc,YAAY,EAAE,CAAC;IACfC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,WAAW,EAAE,CAAC;IACdC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAE;EACb,CAAC;EACDlB,UAAU,EAAE;IACVC,KAAK,EAAE,OAAO;IACdkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBP,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAtC,OAAA,GAEYC,MAAM","ignoreList":[]}

package/lib/commonjs/components/OmnipayProvider.js

@@ -10,6 +10,7 @@ var _reactNativeWebview = _interopRequireDefault(require("react-native-webview")
 var _functions = require("../functions");
 var _reactNativeShare = _interopRequireDefault(require("react-native-share"));
 var _FaceVerification = _interopRequireDefault(require("./biometrics/FaceVerification"));
+var _Button = _interopRequireDefault(require("./Button"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 let defaultValue = {
@@ -234,16 +235,12 @@ const OmnipayProvider = ({
       style: styles.errorContainer
     }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
       style: styles.errorSubtitle
-    }, "Unable to open your wallet. Please try again"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-      activeOpacity: 0.8,
+    }, "Unable to open your wallet. Please try again"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      title: "Retry",
       onPress: reloadWebview,
-      style: [styles.button, {
-        backgroundColor: color,
-        borderColor: color
-      }]
-    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-      style: styles.buttonText
-    }, "Retry")))))
+      backgroundColor: color,
+      borderColor: color
+    })))
   })), webviewStatus === 'loading' && showWebview && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.webviewLoader
   }, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
@@ -363,19 +360,6 @@ const styles = _reactNative.StyleSheet.create({
   retryButton: {
     minWidth: 160,
     marginHorizontal: 'auto'
-  },
-  button: {
-    borderRadius: 6,
-    paddingHorizontal: 12,
-    paddingVertical: 14,
-    borderWidth: 1,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  buttonText: {
-    color: 'white',
-    fontSize: 16,
-    paddingHorizontal: 30
   }
 });
 //# sourceMappingURL=OmnipayProvider.js.map