omnipay-reactnative-sdk 1.3.0 → 1.3.2-beta

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

@@ -1,31 +1,31 @@
 export declare function useOmnipay(): {
     initiateBills: ({ phoneNumber, onClose }: {
         phoneNumber: string;
-        onClose?: () => void;
-        metadata?: Record<string, string | number | boolean>;
+        onClose?: (() => void) | undefined;
+        metadata?: Record<string, string | number | boolean> | undefined;
     }) => void;
     initiateWallet: ({ phoneNumber, customerRef, userRef, onClose, usesPaylater, usesPromo, usesAirtimeData, usesTransfer, usesBills, usesPos, promoBalanceOffset, deviceId, deviceName, hideWalletTransfer, isBvnValidationRequired, walletTab, sessionId, launchPage, kycStatus, promoName, metadata, }: {
-        phoneNumber?: string;
-        customerRef?: string;
-        userRef?: string;
-        usesPaylater?: boolean;
-        usesPromo?: boolean;
-        usesAirtimeData?: boolean;
-        usesTransfer?: boolean;
-        usesBills?: boolean;
-        usesPos?: boolean;
-        onClose?: () => void;
-        promoBalanceOffset?: number;
-        deviceId?: string;
-        deviceName?: string;
-        hideWalletTransfer?: boolean;
-        isBvnValidationRequired?: boolean;
-        walletTab?: "Paylater" | "Account" | "Omoni";
-        sessionId?: string;
-        kycStatus?: "verified" | "unverified";
-        launchPage?: string;
-        promoName?: string;
-        metadata?: Record<string, string | number | boolean>;
+        phoneNumber?: string | undefined;
+        customerRef?: string | undefined;
+        userRef?: string | undefined;
+        usesPaylater?: boolean | undefined;
+        usesPromo?: boolean | undefined;
+        usesAirtimeData?: boolean | undefined;
+        usesTransfer?: boolean | undefined;
+        usesBills?: boolean | undefined;
+        usesPos?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        promoBalanceOffset?: number | undefined;
+        deviceId?: string | undefined;
+        deviceName?: string | undefined;
+        hideWalletTransfer?: boolean | undefined;
+        isBvnValidationRequired?: boolean | undefined;
+        walletTab?: "Paylater" | "Account" | "Omoni" | undefined;
+        sessionId?: string | undefined;
+        kycStatus?: "verified" | "unverified" | undefined;
+        launchPage?: string | undefined;
+        promoName?: string | undefined;
+        metadata?: Record<string, string | number | boolean> | undefined;
     }) => void;
 };
 //# sourceMappingURL=useOmnipay.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omnipay-reactnative-sdk",
-  "version": "1.3.0",
+  "version": "1.3.2-beta",
   "description": "Omnipay react native sdk",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/OmnipayView.tsx

@@ -40,7 +40,7 @@ const Omnipay = ({
   view,
   onEnterFullScreen,
   onExitFullScreen,
-}: OmnipayProps): React.JSX.Element => {
+}: OmnipayProps): JSX.Element => {
   const webviewRef = useRef<WebView>(null);
   const [webviewStatus, setWebviewStatus] = useState<Status>('loading');
   const webHost = getWebHost();

package/src/components/views/BvnVerification.tsx

@@ -29,7 +29,7 @@ export const BvnVerification = ({
   onVerificationSuccessful,
   onClose,
   customerRef,
-}: OmnipayProps): React.JSX.Element => {
+}: OmnipayProps): JSX.Element => {
   const webviewRef = useRef<WebView>(null);
   const [webviewStatus, setWebviewStatus] = useState<Status>('loading');
   const webHost = getWebHost();

package/src/components/views/FaceVerification.tsx

@@ -13,7 +13,7 @@ type OmnipayProps = {
   color: string;
   env: 'dev' | 'prod';
   preAuthKey: string;
-  onVerificationSuccessful: (facAuthToken: string) => void;
+  onVerificationSuccessful: (faceAuthToken: string) => void;
 };
 
 type Status = 'error' | 'loading' | 'success';
@@ -23,7 +23,7 @@ export const FaceVerification = ({
   env,
   preAuthKey,
   onVerificationSuccessful,
-}: OmnipayProps): React.JSX.Element => {
+}: OmnipayProps): JSX.Element => {
   const webviewRef = useRef<WebView>(null);
   const [webviewStatus, setWebviewStatus] = useState<Status>('loading');
   const webHost = getWebHost();
@@ -90,6 +90,8 @@ export const FaceVerification = ({
           javaScriptEnabled={true}
           domStorageEnabled={true}
           allowsFullscreenVideo={true}
+          mediaCapturePermissionGrantType="grant"
+          originWhitelist={['*']}
         />
         {webviewStatus === 'loading' && (
           <View style={styles.webviewLoader}>
@@ -127,4 +129,9 @@ const styles = StyleSheet.create({
     top: 0,
     left: 0,
   },
+  errorText: {
+    textAlign: 'center',
+    padding: 20,
+    color: '#666',
+  },
 });

package/src/components/views/PaylaterAgreement.tsx

@@ -41,7 +41,7 @@ export const PaylaterAgreement = ({
   feesId,
   sublimitId,
   onClose,
-}: OmnipayProps): React.JSX.Element => {
+}: OmnipayProps): JSX.Element => {
   const webviewRef = useRef<WebView>(null);
   const [webviewStatus, setWebviewStatus] = useState<Status>('loading');
   const webHost = getWebHost();

package/src/components/views/PaymentLinking.tsx

@@ -37,7 +37,7 @@ export const PaymentLinking = ({
   orderId,
   onClose,
   onPaymentLinkingSuccessful,
-}: OmnipayProps): React.JSX.Element => {
+}: OmnipayProps): JSX.Element => {
   const webviewRef = useRef<WebView>(null);
   const [webviewStatus, setWebviewStatus] = useState<Status>('loading');
   const webHost = getWebHost();

package/src/components/views/Registration.tsx

@@ -39,7 +39,7 @@ export const Registration = ({
   phoneNumber,
   onRegistrationSuccessful,
   onClose,
-}: OmnipayProps): React.JSX.Element => {
+}: OmnipayProps): JSX.Element => {
   const webviewRef = useRef<WebView>(null);
   const [webviewStatus, setWebviewStatus] = useState<Status>('loading');
   const webHost = getWebHost();