omnipay-reactnative-sdk 1.2.2-beta.0 → 1.2.2-beta.3

package/lib/typescript/src/components/biometrics/LivenessDetection.d.ts

@@ -0,0 +1,73 @@
+export interface LivenessDetectionConfig {
+    challenges: ('smile' | 'blink' | 'turn_left' | 'turn_right')[];
+    timeout?: number;
+}
+export interface ChallengeResult {
+    challenge: string;
+    success: boolean;
+    timestamp: number;
+    duration?: number;
+}
+export interface LivenessResult {
+    success: boolean;
+    screenshot?: string;
+    challengeResults: ChallengeResult[];
+    error?: string;
+}
+export interface LivenessCallbacks {
+    onChallengeStart?: (challenge: string) => void;
+    onChallengeSuccess?: (challenge: string) => void;
+    onChallengeFailure?: (challenge: string, reason: string) => void;
+    onAllChallengesComplete?: (result: LivenessResult) => void;
+    onScreenshotCaptured?: (screenshot: string) => void;
+}
+declare class LivenessDetectionManager {
+    private eventEmitter;
+    private listeners;
+    private callbacks;
+    private isActive;
+    private challengeResults;
+    private startTime;
+    constructor();
+    private setupEventListeners;
+    /**
+     * Start liveness detection with specified challenges
+     * @param config - Configuration including challenges array
+     * @param callbacks - Event callbacks
+     * @returns Promise resolving to LivenessResult
+     */
+    startLivenessDetection(config: LivenessDetectionConfig, callbacks?: LivenessCallbacks): Promise<LivenessResult>;
+    /**
+     * Stop liveness detection
+     */
+    stopDetection(): void;
+    /**
+     * Check if liveness detection is currently active
+     */
+    isDetectionActive(): boolean;
+    /**
+     * Get available challenge types
+     */
+    getAvailableChallenges(): string[];
+    /**
+     * Check if camera permission is granted
+     */
+    checkCameraPermission(): Promise<boolean>;
+    /**
+     * Request camera permission from the user
+     */
+    requestCameraPermission(): Promise<boolean>;
+    /**
+     * Cleanup - remove all event listeners
+     */
+    cleanup(): void;
+}
+export declare const LivenessDetection: LivenessDetectionManager;
+export declare const LivenessConstants: {
+    readonly CHALLENGE_SMILE: "smile";
+    readonly CHALLENGE_BLINK: "blink";
+    readonly CHALLENGE_TURN_LEFT: "turn_left";
+    readonly CHALLENGE_TURN_RIGHT: "turn_right";
+};
+export {};
+//# sourceMappingURL=LivenessDetection.d.ts.map

package/lib/typescript/src/components/biometrics/LivenessDetection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LivenessDetection.d.ts","sourceRoot":"","sources":["../../../../../src/components/biometrics/LivenessDetection.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,CAAC,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,YAAY,CAAC,EAAE,CAAC;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,MAAM,WAAW,iBAAiB;IAChC,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3D,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD;AAGD,cAAM,wBAAwB;IAC5B,OAAO,CAAC,YAAY,CAAmC;IACvD,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,SAAS,CAAa;;IAS9B,OAAO,CAAC,mBAAmB;IAwF3B;;;;;OAKG;IACG,sBAAsB,CAC1B,MAAM,EAAE,uBAAuB,EAC/B,SAAS,CAAC,EAAE,iBAAiB,GAC5B,OAAO,CAAC,cAAc,CAAC;IA0E1B;;OAEG;IACH,aAAa,IAAI,IAAI;IAUrB;;OAEG;IACH,iBAAiB,IAAI,OAAO;IAI5B;;OAEG;IACH,sBAAsB,IAAI,MAAM,EAAE;IAIlC;;OAEG;IACG,qBAAqB,IAAI,OAAO,CAAC,OAAO,CAAC;IAa/C;;OAEG;IACG,uBAAuB,IAAI,OAAO,CAAC,OAAO,CAAC;IAajD;;OAEG;IACH,OAAO,IAAI,IAAI;CAShB;AAGD,eAAO,MAAM,iBAAiB,0BAAiC,CAAC;AAKhE,eAAO,MAAM,iBAAiB;;;;;CAKpB,CAAC"}

package/lib/typescript/{components → src/components}/views/BvnVerification.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-/// <reference types="react" />
-declare type OmnipayProps = {
+type OmnipayProps = {
     color: string;
     env: 'dev' | 'prod';
     publicKey: string;

package/lib/typescript/src/components/views/BvnVerification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BvnVerification.d.ts","sourceRoot":"","sources":["../../../../../src/components/views/BvnVerification.tsx"],"names":[],"mappings":"AAWA,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,eAAe,4FAQzB,YAAY,KAAG,WA6FjB,CAAC"}

package/lib/typescript/{components → src/components}/views/PaylaterAgreement.d.ts

@@ -1,9 +1,7 @@
-/// <reference types="react" />
-/// <reference types="react" />
-declare type AgreementSubmittedType = {
+type AgreementSubmittedType = {
     agreementId: string;
 };
-declare type OmnipayProps = {
+type OmnipayProps = {
     color: string;
     env: 'dev' | 'prod';
     publicKey: string;

package/lib/typescript/src/components/views/PaylaterAgreement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaylaterAgreement.d.ts","sourceRoot":"","sources":["../../../../../src/components/views/PaylaterAgreement.tsx"],"names":[],"mappings":"AAWA,KAAK,sBAAsB,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,iBAAiB,6HAY3B,YAAY,KAAG,WA+FjB,CAAC"}

package/lib/typescript/{components → src/components}/views/Registration.d.ts

@@ -1,10 +1,8 @@
-/// <reference types="react" />
-/// <reference types="react" />
-declare type RegisterSuccessType = {
+type RegisterSuccessType = {
     customerRef: string;
     walletId: string;
 };
-declare type OmnipayProps = {
+type OmnipayProps = {
     color: string;
     env: 'dev' | 'prod';
     publicKey: string;

package/lib/typescript/src/components/views/Registration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Registration.d.ts","sourceRoot":"","sources":["../../../../../src/components/views/Registration.tsx"],"names":[],"mappings":"AAWA,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,wBAAwB,CAAC,EAAE,CAAC,EAC1B,WAAW,EACX,QAAQ,GACT,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAQF,eAAO,MAAM,YAAY,+EAOtB,YAAY,KAAG,WA2FjB,CAAC"}

package/lib/typescript/src/functions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../src/functions.ts"],"names":[],"mappings":"AAGA,wBAAsB,oBAAoB,qBAoBzC;AAED,wBAAsB,UAAU;;;GAe/B;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,oEAK7C"}

package/lib/typescript/src/hooks/useOmnipay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOmnipay.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useOmnipay.tsx"],"names":[],"mappings":"AAMA,wBAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;EAQzB"}

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

@@ -0,0 +1,8 @@
+import Omnipay from './components/OmnipayView';
+export { OmnipayProvider } from './components/OmnipayProvider';
+export { useOmnipay } from './hooks/useOmnipay';
+export { LivenessDetection, LivenessConstants, type LivenessDetectionConfig, type ChallengeResult, type LivenessResult, type LivenessCallbacks, } from './components/biometrics/LivenessDetection';
+export { default as LivenessCameraView, type LivenessCameraViewProps, } from './components/biometrics/LivenessCameraView';
+export { default as FaceVerification } from './components/biometrics/FaceVerification';
+export default Omnipay;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,uBAAuB,EAC5B,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,iBAAiB,GACvB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EACL,OAAO,IAAI,kBAAkB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEvF,eAAe,OAAO,CAAC"}

package/lib/typescript/src/lib/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/lib/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BlB,CAAC"}

package/lib/typescript/src/lib/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/lib/config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC"}

package/omnipay-reactnative-sdk.podspec

@@ -0,0 +1,47 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "omnipay-reactnative-sdk"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => "11.0" }
+  s.source       = { :git => "https://github.com/engrtitus/omnipay-reactnative-sdk.git", :tag => "#{s.version}" }
+
+  # Source files
+  s.source_files = "ios/**/*.{h,m,mm,swift}"
+  
+  # Required frameworks for liveness detection
+  s.frameworks = [
+    "AVFoundation",
+    "Vision", 
+    "CoreMedia",
+    "CoreVideo",
+    "ImageIO",
+    "UIKit",
+    "Foundation"
+  ]
+  
+  # React Native dependencies
+  s.dependency "React-Core"
+  
+  # iOS deployment target
+  s.ios.deployment_target = '11.0'
+  
+  # Compiler flags
+  s.compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1'
+  
+  # Pod configuration
+  s.pod_target_xcconfig = {
+    "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/Folly\""
+  }
+  
+  # Minimum iOS version for Vision framework
+  s.ios.deployment_target = '11.0'
+  
+end 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omnipay-reactnative-sdk",
-  "version": "1.2.2-beta.0",
+  "version": "1.2.2-beta.3",
   "description": "Omnipay react native sdk",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -35,8 +35,7 @@
     "example": "yarn --cwd example",
     "bootstrap": "yarn example && yarn install && yarn example pods",
     "format": "prettier --write '**'",
-    "lint-fix": "eslint --fix --ext .ts,.tsx .",
-    "publish": "npm publish --tag beta"
+    "lint-fix": "eslint --fix --ext .ts,.tsx ."
   },
   "keywords": [
     "react-native",
@@ -81,8 +80,7 @@
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "react-native-share": "^10.2.1",
-    "react-native-svg": "^13.4.0"
+    "react-native-share": "^10.2.1"
   },
   "jest": {
     "preset": "react-native",
@@ -160,10 +158,7 @@
   "dependencies": {
     "@react-native-async-storage/async-storage": "^1.19.0",
     "react-native-select-contact": "^1.6.3",
-    "react-native-webview": "^11.23.1",
-    "react-native-vision-camera": "^3.9.0",
-    "react-native-vision-camera-face-detector": "^1.3.5",
-    "react-native-svg": "^13.4.0",
-    "react-native-worklets-core": "^1.0.0"
-  }
+    "react-native-webview": "^11.23.1"
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

package/src/components/OmnipayProvider.tsx

@@ -19,7 +19,7 @@ import WebView, { WebViewMessageEvent } from 'react-native-webview';
 import { getContact } from '../functions';
 import Share from 'react-native-share';
 import AsyncStorage from '@react-native-async-storage/async-storage';
-import FaceVerification from './FaceVerification';
+import FaceVerification from './biometrics/FaceVerification';
 
 const OmnipayActivity = NativeModules.OmnipayActivity || {};
 
@@ -112,7 +112,7 @@ export const OmnipayProvider = ({
   publicKey,
   env,
   color,
-}: OmnipayProviderProps) => {
+}: OmnipayProviderProps): React.ReactElement => {
   const [webviewStatus, setWebviewStatus] = useState<Status>('loading');
   const [isVisible, setIsVisible] = useState(false);
   const webviewRef = useRef<WebView>(null);
@@ -125,11 +125,7 @@ export const OmnipayProvider = ({
   const isValidColor = color.length > 2;
   const onCloseRef = useRef<(() => void) | undefined>(undefined);
   const [canUsePos, setCanUsePos] = useState(false);
-
-  // Face verification state
   const [showFaceVerification, setShowFaceVerification] = useState(false);
-  const [faceVerificationOptions, setFaceVerificationOptions] =
-    useState<any>(null);
 
   useEffect(() => {
     checkPaymentApp();
@@ -287,9 +283,6 @@ export const OmnipayProvider = ({
         if (dataKey === 'startPosTransaction') {
           startPosTransaction(JSON.parse(dataValue));
         }
-        if (dataKey === 'startFaceVerification') {
-          startFaceVerification(dataValue ? JSON.parse(dataValue) : {});
-        }
       }
     } catch (error) {}
   }
@@ -373,44 +366,6 @@ export const OmnipayProvider = ({
     }
   }
 
-  function startFaceVerification(options: any) {
-    setFaceVerificationOptions(options);
-    setShowFaceVerification(true);
-  }
-
-  function handleFaceVerificationSuccess(base64Image: string) {
-    setShowFaceVerification(false);
-    postMessage({
-      dataKey: 'faceVerificationComplete',
-      dataValue: {
-        success: true,
-        image: base64Image,
-        ...(faceVerificationOptions || {}),
-      },
-    });
-  }
-
-  function handleFaceVerificationFailure() {
-    setShowFaceVerification(false);
-    postMessage({
-      dataKey: 'faceVerificationComplete',
-      dataValue: {
-        success: false,
-        error: 'Face verification failed',
-      },
-    });
-  }
-
-  function handleFaceVerificationCancel() {
-    setShowFaceVerification(false);
-    postMessage({
-      dataKey: 'faceVerificationCancelled',
-      dataValue: {
-        cancelled: true,
-      },
-    });
-  }
-
   const webviewStyle = getWebviewStyle();
   const isPropsValid = isValidColor && !!publicKey && isValidEnv;
   const isWalletView = webviewUrl.includes('view=wallet');
@@ -503,24 +458,16 @@ export const OmnipayProvider = ({
               </TouchableOpacity>
             </Modal>
           )}
-
-          {/* Face Verification Modal */}
-          <Modal
-            visible={showFaceVerification}
-            transparent
-            animationType="slide"
-          >
-            <View style={styles.faceVerificationContainer}>
-              <FaceVerification
-                onSuccess={handleFaceVerificationSuccess}
-                onFailure={handleFaceVerificationFailure}
-                onCancel={handleFaceVerificationCancel}
-              />
-            </View>
-          </Modal>
         </>
       )}
       {children}
+      {showFaceVerification && (
+        <FaceVerification
+          onClose={() => setShowFaceVerification(false)}
+          onSuccess={() => setShowFaceVerification(false)}
+          primaryColor={color}
+        />
+      )}
     </OmnipayContext.Provider>
   );
 };
@@ -640,8 +587,4 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
   },
   buttonText: { color: 'white', fontSize: 16, paddingHorizontal: 30 },
-  faceVerificationContainer: {
-    flex: 1,
-    backgroundColor: 'white',
-  },
 });