omnipay-reactnative-sdk 1.2.3-beta.0 → 1.2.3-beta.10
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.
- package/README.md +102 -42
- package/android/build.gradle +6 -0
- package/android/src/main/java/com/omniretail/omnipay/FaceVerificationFrameProcessor.kt +111 -0
- package/android/src/main/java/com/omniretail/omnipay/OmnipayActivityPackage.java +5 -0
- package/ios/FaceVerificationFrameProcessor.swift +138 -0
- package/ios/FaceVerificationFrameProcessorPlugin.m +4 -0
- package/ios/OmnipayReactnativeSdk.m +5 -0
- package/ios/OmnipayReactnativeSdk.swift +10 -0
- package/ios/omnipay_reactnative_sdk.h +6 -0
- package/lib/commonjs/components/Button.js +68 -0
- package/lib/commonjs/components/Button.js.map +1 -0
- package/lib/commonjs/components/OmnipayProvider.js +6 -22
- package/lib/commonjs/components/OmnipayProvider.js.map +1 -1
- package/lib/commonjs/components/biometrics/FaceVerification.js +111 -47
- package/lib/commonjs/components/biometrics/FaceVerification.js.map +1 -1
- package/lib/commonjs/components/biometrics/useFaceVerification.js +85 -0
- package/lib/commonjs/components/biometrics/useFaceVerification.js.map +1 -0
- package/lib/commonjs/components/biometrics/useFaceVerificationFlow.js +157 -0
- package/lib/commonjs/components/biometrics/useFaceVerificationFlow.js.map +1 -0
- package/lib/module/components/Button.js +61 -0
- package/lib/module/components/Button.js.map +1 -0
- package/lib/module/components/OmnipayProvider.js +6 -22
- package/lib/module/components/OmnipayProvider.js.map +1 -1
- package/lib/module/components/biometrics/FaceVerification.js +112 -49
- package/lib/module/components/biometrics/FaceVerification.js.map +1 -1
- package/lib/module/components/biometrics/useFaceVerification.js +78 -0
- package/lib/module/components/biometrics/useFaceVerification.js.map +1 -0
- package/lib/module/components/biometrics/useFaceVerificationFlow.js +150 -0
- package/lib/module/components/biometrics/useFaceVerificationFlow.js.map +1 -0
- package/lib/typescript/components/Button.d.ts +17 -0
- package/lib/typescript/components/Button.d.ts.map +1 -0
- package/lib/typescript/components/OmnipayProvider.d.ts.map +1 -1
- package/lib/typescript/components/biometrics/FaceVerification.d.ts.map +1 -1
- package/lib/typescript/components/biometrics/useFaceVerification.d.ts +38 -0
- package/lib/typescript/components/biometrics/useFaceVerification.d.ts.map +1 -0
- package/lib/typescript/components/biometrics/useFaceVerificationFlow.d.ts +29 -0
- package/lib/typescript/components/biometrics/useFaceVerificationFlow.d.ts.map +1 -0
- package/omnipay_reactnative_sdk.podspec +46 -0
- package/package.json +14 -5
- package/src/components/Button.tsx +86 -0
- package/src/components/OmnipayProvider.tsx +6 -23
- package/src/components/biometrics/FaceVerification.tsx +134 -43
- package/src/components/biometrics/useFaceVerification.ts +120 -0
- 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;
|
|
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,
|
|
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.
|
|
3
|
+
"version": "1.2.3-beta.10",
|
|
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-
|
|
167
|
-
|
|
168
|
-
|
|
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
|
-
<
|
|
327
|
-
|
|
327
|
+
<Button
|
|
328
|
+
title="Retry"
|
|
328
329
|
onPress={reloadWebview}
|
|
329
|
-
|
|
330
|
-
|
|
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
|
});
|