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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/README.md +102 -42
  2. package/android/build.gradle +6 -0
  3. package/android/src/main/java/com/omniretail/omnipay/FaceVerificationFrameProcessor.kt +111 -0
  4. package/android/src/main/java/com/omniretail/omnipay/OmnipayActivityPackage.java +5 -0
  5. package/ios/FaceVerificationFrameProcessor.swift +138 -0
  6. package/ios/FaceVerificationFrameProcessorPlugin.m +5 -0
  7. package/ios/OmnipayReactnativeSdk.m +5 -0
  8. package/ios/OmnipayReactnativeSdk.swift +10 -0
  9. package/ios/omnipay_reactnative_sdk.h +6 -0
  10. package/lib/commonjs/components/Button.js +68 -0
  11. package/lib/commonjs/components/Button.js.map +1 -0
  12. package/lib/commonjs/components/OmnipayProvider.js +6 -22
  13. package/lib/commonjs/components/OmnipayProvider.js.map +1 -1
  14. package/lib/commonjs/components/biometrics/FaceVerification.js +111 -47
  15. package/lib/commonjs/components/biometrics/FaceVerification.js.map +1 -1
  16. package/lib/commonjs/components/biometrics/useFaceVerification.js +85 -0
  17. package/lib/commonjs/components/biometrics/useFaceVerification.js.map +1 -0
  18. package/lib/commonjs/components/biometrics/useFaceVerificationFlow.js +157 -0
  19. package/lib/commonjs/components/biometrics/useFaceVerificationFlow.js.map +1 -0
  20. package/lib/module/components/Button.js +61 -0
  21. package/lib/module/components/Button.js.map +1 -0
  22. package/lib/module/components/OmnipayProvider.js +6 -22
  23. package/lib/module/components/OmnipayProvider.js.map +1 -1
  24. package/lib/module/components/biometrics/FaceVerification.js +112 -49
  25. package/lib/module/components/biometrics/FaceVerification.js.map +1 -1
  26. package/lib/module/components/biometrics/useFaceVerification.js +78 -0
  27. package/lib/module/components/biometrics/useFaceVerification.js.map +1 -0
  28. package/lib/module/components/biometrics/useFaceVerificationFlow.js +150 -0
  29. package/lib/module/components/biometrics/useFaceVerificationFlow.js.map +1 -0
  30. package/lib/typescript/components/Button.d.ts +17 -0
  31. package/lib/typescript/components/Button.d.ts.map +1 -0
  32. package/lib/typescript/components/OmnipayProvider.d.ts.map +1 -1
  33. package/lib/typescript/components/biometrics/FaceVerification.d.ts.map +1 -1
  34. package/lib/typescript/components/biometrics/useFaceVerification.d.ts +38 -0
  35. package/lib/typescript/components/biometrics/useFaceVerification.d.ts.map +1 -0
  36. package/lib/typescript/components/biometrics/useFaceVerificationFlow.d.ts +29 -0
  37. package/lib/typescript/components/biometrics/useFaceVerificationFlow.d.ts.map +1 -0
  38. package/omnipay_reactnative_sdk.podspec +46 -0
  39. package/package.json +14 -5
  40. package/src/components/Button.tsx +86 -0
  41. package/src/components/OmnipayProvider.tsx +6 -23
  42. package/src/components/biometrics/FaceVerification.tsx +134 -43
  43. package/src/components/biometrics/useFaceVerification.ts +120 -0
  44. package/src/components/biometrics/useFaceVerificationFlow.ts +224 -0
@@ -0,0 +1,150 @@
1
+ import { useState, useEffect, useCallback } from 'react';
2
+ import { FaceVerificationUtils } from './useFaceVerification';
3
+ const DEFAULT_CONFIG = {
4
+ stepTimeout: 10000,
5
+ // 10 seconds per step
6
+ totalTimeout: 60000,
7
+ // 1 minute total
8
+ confirmationFrames: 5,
9
+ // 5 consecutive frames
10
+ requiredSteps: ['position_face', 'smile', 'blink', 'turn_left', 'turn_right']
11
+ };
12
+ const STEP_INSTRUCTIONS = {
13
+ position_face: 'Position your face in the center of the frame',
14
+ smile: 'Please smile for the camera',
15
+ blink: 'Please blink your eyes',
16
+ turn_left: 'Slowly turn your head to the left',
17
+ turn_right: 'Slowly turn your head to the right',
18
+ completed: 'Verification completed successfully!',
19
+ failed: 'Verification failed. Please try again.'
20
+ };
21
+ export const useFaceVerificationFlow = (config = {}) => {
22
+ const fullConfig = {
23
+ ...DEFAULT_CONFIG,
24
+ ...config
25
+ };
26
+ const [state, setState] = useState({
27
+ currentStep: 'position_face',
28
+ completedSteps: [],
29
+ stepStartTime: Date.now(),
30
+ totalStartTime: Date.now(),
31
+ isProcessing: false,
32
+ progress: 0,
33
+ instruction: STEP_INSTRUCTIONS.position_face
34
+ });
35
+ const [confirmationCount, setConfirmationCount] = useState(0);
36
+
37
+ // Reset verification flow
38
+ const resetFlow = useCallback(() => {
39
+ const now = Date.now();
40
+ setState({
41
+ currentStep: 'position_face',
42
+ completedSteps: [],
43
+ stepStartTime: now,
44
+ totalStartTime: now,
45
+ isProcessing: false,
46
+ progress: 0,
47
+ instruction: STEP_INSTRUCTIONS.position_face
48
+ });
49
+ setConfirmationCount(0);
50
+ }, []);
51
+
52
+ // Check if current step is completed based on face detection result
53
+ const checkStepCompletion = useCallback(result => {
54
+ if (!result.faceDetected) return false;
55
+ switch (state.currentStep) {
56
+ case 'position_face':
57
+ return FaceVerificationUtils.isFaceCentered(result);
58
+ case 'smile':
59
+ return FaceVerificationUtils.isConfidentSmile(result);
60
+ case 'blink':
61
+ return FaceVerificationUtils.isConfidentBlink(result);
62
+ case 'turn_left':
63
+ return FaceVerificationUtils.isHeadTurnedLeft(result);
64
+ case 'turn_right':
65
+ return FaceVerificationUtils.isHeadTurnedRight(result);
66
+ default:
67
+ return false;
68
+ }
69
+ }, [state.currentStep]);
70
+
71
+ // Get next step in sequence
72
+ const getNextStep = useCallback(currentStep => {
73
+ const currentIndex = fullConfig.requiredSteps.indexOf(currentStep);
74
+ if (currentIndex === -1 || currentIndex === fullConfig.requiredSteps.length - 1) {
75
+ return 'completed';
76
+ }
77
+ const nextStep = fullConfig.requiredSteps[currentIndex + 1];
78
+ return nextStep || 'completed';
79
+ }, [fullConfig.requiredSteps]);
80
+
81
+ // Process face detection result
82
+ const processFaceResult = useCallback(result => {
83
+ if (state.currentStep === 'completed' || state.currentStep === 'failed') {
84
+ return;
85
+ }
86
+ const now = Date.now();
87
+
88
+ // Check for timeouts
89
+ if (now - state.totalStartTime > fullConfig.totalTimeout) {
90
+ setState(prev => ({
91
+ ...prev,
92
+ currentStep: 'failed',
93
+ instruction: 'Verification timed out. Please try again.',
94
+ error: 'Total verification timeout exceeded'
95
+ }));
96
+ return;
97
+ }
98
+ if (now - state.stepStartTime > fullConfig.stepTimeout) {
99
+ setState(prev => ({
100
+ ...prev,
101
+ currentStep: 'failed',
102
+ instruction: 'Step timed out. Please try again.',
103
+ error: 'Step timeout exceeded'
104
+ }));
105
+ return;
106
+ }
107
+
108
+ // Check if current step is completed
109
+ const stepCompleted = checkStepCompletion(result);
110
+ if (stepCompleted) {
111
+ setConfirmationCount(prev => prev + 1);
112
+
113
+ // Require multiple consecutive confirmations
114
+ if (confirmationCount + 1 >= fullConfig.confirmationFrames) {
115
+ const nextStep = getNextStep(state.currentStep);
116
+ const newCompletedSteps = [...state.completedSteps, state.currentStep];
117
+ const newProgress = newCompletedSteps.length / fullConfig.requiredSteps.length * 100;
118
+ setState(prev => ({
119
+ ...prev,
120
+ currentStep: nextStep,
121
+ completedSteps: newCompletedSteps,
122
+ stepStartTime: now,
123
+ progress: newProgress,
124
+ instruction: STEP_INSTRUCTIONS[nextStep],
125
+ isProcessing: nextStep === 'completed'
126
+ }));
127
+ setConfirmationCount(0);
128
+ }
129
+ } else {
130
+ // Reset confirmation count if step not completed
131
+ setConfirmationCount(0);
132
+ }
133
+ }, [state, fullConfig.totalTimeout, fullConfig.stepTimeout, fullConfig.confirmationFrames, fullConfig.requiredSteps.length, confirmationCount, checkStepCompletion, getNextStep]);
134
+
135
+ // Auto-reset on mount
136
+ useEffect(() => {
137
+ resetFlow();
138
+ }, [resetFlow]);
139
+ return {
140
+ state,
141
+ processFaceResult,
142
+ resetFlow,
143
+ isCompleted: state.currentStep === 'completed',
144
+ isFailed: state.currentStep === 'failed',
145
+ isActive: state.currentStep !== 'completed' && state.currentStep !== 'failed',
146
+ remainingTime: Math.max(0, fullConfig.stepTimeout - (Date.now() - state.stepStartTime)),
147
+ totalRemainingTime: Math.max(0, fullConfig.totalTimeout - (Date.now() - state.totalStartTime))
148
+ };
149
+ };
150
+ //# sourceMappingURL=useFaceVerificationFlow.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useState","useEffect","useCallback","FaceVerificationUtils","DEFAULT_CONFIG","stepTimeout","totalTimeout","confirmationFrames","requiredSteps","STEP_INSTRUCTIONS","position_face","smile","blink","turn_left","turn_right","completed","failed","useFaceVerificationFlow","config","fullConfig","state","setState","currentStep","completedSteps","stepStartTime","Date","now","totalStartTime","isProcessing","progress","instruction","confirmationCount","setConfirmationCount","resetFlow","checkStepCompletion","result","faceDetected","isFaceCentered","isConfidentSmile","isConfidentBlink","isHeadTurnedLeft","isHeadTurnedRight","getNextStep","currentIndex","indexOf","length","nextStep","processFaceResult","prev","error","stepCompleted","newCompletedSteps","newProgress","isCompleted","isFailed","isActive","remainingTime","Math","max","totalRemainingTime"],"sourceRoot":"../../../../src","sources":["components/biometrics/useFaceVerificationFlow.ts"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import { ViewStyle, TextStyle } from 'react-native';
3
+ type ButtonProps = {
4
+ title: string;
5
+ onPress: () => void;
6
+ backgroundColor?: string;
7
+ borderColor?: string;
8
+ textColor?: string;
9
+ disabled?: boolean;
10
+ loading?: boolean;
11
+ style?: ViewStyle;
12
+ textStyle?: TextStyle;
13
+ activeOpacity?: number;
14
+ };
15
+ declare const Button: React.FC<ButtonProps>;
16
+ export default Button;
17
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0CjC,CAAC;AAoBF,eAAe,MAAM,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"OmnipayProvider.d.ts","sourceRoot":"","sources":["../../../src/components/OmnipayProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAoB3D,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;CACrD,CAAC;AAQF,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACrE,cAAc,EAAE,CAAC,EACf,WAAW,EACX,WAAW,EACX,OAAO,EACP,OAAO,EACP,YAAY,EACZ,SAAS,EACT,eAAe,EACf,YAAY,EACZ,SAAS,EACT,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACV,kBAAkB,EAClB,uBAAuB,EACvB,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,GACV,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAChC,CAAC;AAOF,eAAO,MAAM,cAAc,0CAE1B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,sCAK7B,oBAAoB,4CA8QtB,CAAC"}
1
+ {"version":3,"file":"OmnipayProvider.d.ts","sourceRoot":"","sources":["../../../src/components/OmnipayProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAqB3D,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;CACrD,CAAC;AAQF,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACrE,cAAc,EAAE,CAAC,EACf,WAAW,EACX,WAAW,EACX,OAAO,EACP,OAAO,EACP,YAAY,EACZ,SAAS,EACT,eAAe,EACf,YAAY,EACZ,SAAS,EACT,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACV,kBAAkB,EAClB,uBAAuB,EACvB,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,GACV,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAChC,CAAC;AAOF,eAAO,MAAM,cAAc,0CAE1B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,sCAK7B,oBAAoB,4CAqQtB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"FaceVerification.d.ts","sourceRoot":"","sources":["../../../../src/components/biometrics/FaceVerification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAkBxC,KAAK,qBAAqB,GAAG;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoGrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"FaceVerification.d.ts","sourceRoot":"","sources":["../../../../src/components/biometrics/FaceVerification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAoBnD,KAAK,qBAAqB,GAAG;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmKrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -0,0 +1,38 @@
1
+ export interface FaceVerificationResult {
2
+ faceDetected: boolean;
3
+ isSmiling?: boolean;
4
+ isBlinking?: boolean;
5
+ leftEyeClosed?: boolean;
6
+ rightEyeClosed?: boolean;
7
+ headPose?: {
8
+ yaw: number;
9
+ pitch: number;
10
+ roll: number;
11
+ };
12
+ boundingBox?: {
13
+ x?: number;
14
+ y?: number;
15
+ width?: number;
16
+ height?: number;
17
+ left?: number;
18
+ top?: number;
19
+ right?: number;
20
+ bottom?: number;
21
+ };
22
+ smileProbability?: number;
23
+ leftEyeOpenProbability?: number;
24
+ rightEyeOpenProbability?: number;
25
+ trackingId?: number;
26
+ error?: string;
27
+ }
28
+ export declare const useFaceVerification: () => import("react-native-vision-camera").ReadonlyFrameProcessor;
29
+ export declare const FaceVerificationUtils: {
30
+ isHeadTurnedLeft: (result: FaceVerificationResult) => boolean;
31
+ isHeadTurnedRight: (result: FaceVerificationResult) => boolean;
32
+ isHeadTiltedUp: (result: FaceVerificationResult) => boolean;
33
+ isHeadTiltedDown: (result: FaceVerificationResult) => boolean;
34
+ isFaceCentered: (result: FaceVerificationResult) => boolean;
35
+ isConfidentSmile: (result: FaceVerificationResult) => boolean;
36
+ isConfidentBlink: (result: FaceVerificationResult) => boolean;
37
+ };
38
+ //# sourceMappingURL=useFaceVerification.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useFaceVerification.d.ts","sourceRoot":"","sources":["../../../../src/components/biometrics/useFaceVerification.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AASD,eAAO,MAAM,mBAAmB,mEA4B/B,CAAC;AAGF,eAAO,MAAM,qBAAqB;+BAEL,sBAAsB,KAAG,OAAO;gCAK/B,sBAAsB,KAAG,OAAO;6BAKnC,sBAAsB,KAAG,OAAO;+BAK9B,sBAAsB,KAAG,OAAO;6BAKlC,sBAAsB,KAAG,OAAO;+BAO9B,sBAAsB,KAAG,OAAO;+BAOhC,sBAAsB,KAAG,OAAO;CAY5D,CAAC"}
@@ -0,0 +1,29 @@
1
+ import { FaceVerificationResult } from './useFaceVerification';
2
+ export type VerificationStep = 'position_face' | 'smile' | 'blink' | 'turn_left' | 'turn_right' | 'completed' | 'failed';
3
+ export interface VerificationFlowState {
4
+ currentStep: VerificationStep;
5
+ completedSteps: VerificationStep[];
6
+ stepStartTime: number;
7
+ totalStartTime: number;
8
+ isProcessing: boolean;
9
+ progress: number;
10
+ instruction: string;
11
+ error?: string;
12
+ }
13
+ export interface VerificationFlowConfig {
14
+ stepTimeout: number;
15
+ totalTimeout: number;
16
+ confirmationFrames: number;
17
+ requiredSteps: VerificationStep[];
18
+ }
19
+ export declare const useFaceVerificationFlow: (config?: Partial<VerificationFlowConfig>) => {
20
+ state: VerificationFlowState;
21
+ processFaceResult: (result: FaceVerificationResult) => void;
22
+ resetFlow: () => void;
23
+ isCompleted: boolean;
24
+ isFailed: boolean;
25
+ isActive: boolean;
26
+ remainingTime: number;
27
+ totalRemainingTime: number;
28
+ };
29
+ //# sourceMappingURL=useFaceVerificationFlow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useFaceVerificationFlow.d.ts","sourceRoot":"","sources":["../../../../src/components/biometrics/useFaceVerificationFlow.ts"],"names":[],"mappings":"AACA,OAAO,EACL,sBAAsB,EAEvB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GACxB,eAAe,GACf,OAAO,GACP,OAAO,GACP,WAAW,GACX,YAAY,GACZ,WAAW,GACX,QAAQ,CAAC;AAEb,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,cAAc,EAAE,gBAAgB,EAAE,CAAC;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,gBAAgB,EAAE,CAAC;CACnC;AAmBD,eAAO,MAAM,uBAAuB,GAClC,SAAQ,OAAO,CAAC,sBAAsB,CAAM;;gCA6EjC,sBAAsB;;;;;;;CA+FlC,CAAC"}
@@ -0,0 +1,46 @@
1
+ require "json"
2
+
3
+ package = JSON.parse(File.read(File.join(__dir__, "package.json")))
4
+
5
+ Pod::Spec.new do |s|
6
+ s.name = "omnipay_reactnative_sdk"
7
+ s.version = package["version"]
8
+ s.summary = package["description"]
9
+ s.description = <<-DESC
10
+ Omnipay React Native SDK with built-in face verification capabilities.
11
+ DESC
12
+ s.homepage = "https://github.com/engrtitus/omnipay-reactnative-sdk"
13
+ s.license = "MIT"
14
+ # s.license = { :type => "MIT", :file => "FILE_LICENSE" }
15
+ s.authors = { "engrtitus" => "titus.salisu@omnibiz.com" }
16
+ s.platforms = { :ios => "13.4" }
17
+ s.source = { :git => "https://github.com/engrtitus/omnipay-reactnative-sdk.git", :tag => "#{s.version}" }
18
+
19
+ s.source_files = "ios/**/*.{h,c,cc,cpp,m,mm,swift}"
20
+ s.requires_arc = true
21
+
22
+ # Standard React Native SDK configuration
23
+ s.swift_version = '5.0'
24
+
25
+ # Essential dependencies only
26
+ s.dependency "React-Core"
27
+ s.dependency "VisionCamera"
28
+
29
+ # iOS Vision Framework for face detection
30
+ s.framework = "Vision"
31
+
32
+ # New Architecture support
33
+ if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
34
+ s.compiler_flags = "-DRCT_NEW_ARCH_ENABLED=1"
35
+ s.pod_target_xcconfig = {
36
+ "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
37
+ "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
38
+ "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
39
+ }
40
+ s.dependency "React-Codegen"
41
+ s.dependency "RCT-Folly"
42
+ s.dependency "RCTRequired"
43
+ s.dependency "RCTTypeSafety"
44
+ s.dependency "ReactCommon/turbomodule/core"
45
+ end
46
+ end
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "omnipay-reactnative-sdk",
3
- "version": "1.2.3-beta.0",
3
+ "version": "1.2.3-beta.11",
4
4
  "description": "Omnipay react native sdk",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
@@ -84,7 +84,9 @@
84
84
  "peerDependencies": {
85
85
  "react": "*",
86
86
  "react-native": "*",
87
- "react-native-share": "*"
87
+ "react-native-share": "*",
88
+ "react-native-vision-camera": "*",
89
+ "react-native-worklets-core": "*"
88
90
  },
89
91
  "jest": {
90
92
  "preset": "react-native",
@@ -163,9 +165,16 @@
163
165
  "dependencies": {
164
166
  "@react-native-async-storage/async-storage": "^2.2.0",
165
167
  "react-native-select-contact": "^1.6.3",
166
- "react-native-vision-camera": "^4.7.1",
167
- "react-native-webview": "^13.15.0",
168
- "react-native-worklets-core": "^1.6.0"
168
+ "react-native-webview": "^13.15.0"
169
+ },
170
+ "react-native": {
171
+ "android": {
172
+ "sourceDir": "./android",
173
+ "packageImportPath": "import com.omniretail.omnipay.OmnipayActivityPackage;"
174
+ },
175
+ "ios": {
176
+ "podspecPath": "./omnipay_reactnative_sdk.podspec"
177
+ }
169
178
  },
170
179
  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
171
180
  }
@@ -0,0 +1,86 @@
1
+ import React from 'react';
2
+ import {
3
+ TouchableOpacity,
4
+ Text,
5
+ StyleSheet,
6
+ ActivityIndicator,
7
+ ViewStyle,
8
+ TextStyle,
9
+ } from 'react-native';
10
+
11
+ type ButtonProps = {
12
+ title: string;
13
+ onPress: () => void;
14
+ backgroundColor?: string;
15
+ borderColor?: string;
16
+ textColor?: string;
17
+ disabled?: boolean;
18
+ loading?: boolean;
19
+ style?: ViewStyle;
20
+ textStyle?: TextStyle;
21
+ activeOpacity?: number;
22
+ };
23
+
24
+ const Button: React.FC<ButtonProps> = ({
25
+ title,
26
+ onPress,
27
+ backgroundColor = '#007AFF',
28
+ borderColor,
29
+ textColor = 'white',
30
+ disabled = false,
31
+ loading = false,
32
+ style,
33
+ textStyle,
34
+ activeOpacity = 0.8,
35
+ }) => {
36
+ const buttonStyle: ViewStyle = {
37
+ ...styles.button,
38
+ backgroundColor: disabled ? '#cccccc' : backgroundColor,
39
+ borderColor: disabled ? '#cccccc' : borderColor || backgroundColor,
40
+ ...style,
41
+ };
42
+
43
+ const finalTextStyle: TextStyle = {
44
+ ...styles.buttonText,
45
+ color: disabled ? '#666666' : textColor,
46
+ ...textStyle,
47
+ };
48
+
49
+ return (
50
+ <TouchableOpacity
51
+ style={buttonStyle}
52
+ onPress={onPress}
53
+ disabled={disabled || loading}
54
+ activeOpacity={activeOpacity}
55
+ accessibilityRole="button"
56
+ accessibilityLabel={title}
57
+ accessibilityState={{ disabled: disabled || loading }}
58
+ >
59
+ {loading ? (
60
+ <ActivityIndicator color={textColor} size="small" />
61
+ ) : (
62
+ <Text style={finalTextStyle}>{title}</Text>
63
+ )}
64
+ </TouchableOpacity>
65
+ );
66
+ };
67
+
68
+ const styles = StyleSheet.create({
69
+ button: {
70
+ borderRadius: 6,
71
+ paddingHorizontal: 12,
72
+ paddingVertical: 14,
73
+ borderWidth: 1,
74
+ alignItems: 'center',
75
+ justifyContent: 'center',
76
+ minHeight: 48,
77
+ },
78
+ buttonText: {
79
+ color: 'white',
80
+ fontSize: 16,
81
+ fontWeight: '600',
82
+ paddingHorizontal: 30,
83
+ },
84
+ });
85
+
86
+ export default Button;
@@ -17,6 +17,7 @@ import WebView, { WebViewMessageEvent } from 'react-native-webview';
17
17
  import { getContact } from '../functions';
18
18
  import Share from 'react-native-share';
19
19
  import FaceVerification from './biometrics/FaceVerification';
20
+ import Button from './Button';
20
21
 
21
22
  type OmnipayProviderProps = {
22
23
  publicKey: string;
@@ -323,21 +324,12 @@ export const OmnipayProvider = ({
323
324
  <Text style={styles.errorSubtitle}>
324
325
  Unable to open your wallet. Please try again
325
326
  </Text>
326
- <TouchableOpacity
327
- activeOpacity={0.8}
327
+ <Button
328
+ title="Retry"
328
329
  onPress={reloadWebview}
329
- style={[
330
- styles.button,
331
- {
332
- backgroundColor: color,
333
- borderColor: color,
334
- },
335
- ]}
336
- >
337
- <>
338
- <Text style={styles.buttonText}>Retry</Text>
339
- </>
340
- </TouchableOpacity>
330
+ backgroundColor={color}
331
+ borderColor={color}
332
+ />
341
333
  </View>
342
334
  </View>
343
335
  )}
@@ -475,13 +467,4 @@ const styles = StyleSheet.create({
475
467
  minWidth: 160,
476
468
  marginHorizontal: 'auto',
477
469
  },
478
- button: {
479
- borderRadius: 6,
480
- paddingHorizontal: 12,
481
- paddingVertical: 14,
482
- borderWidth: 1,
483
- alignItems: 'center',
484
- justifyContent: 'center',
485
- },
486
- buttonText: { color: 'white', fontSize: 16, paddingHorizontal: 30 },
487
470
  });