omnipay-reactnative-sdk 0.2.7 → 0.2.9

package/lib/module/components/OmnipayView.js

@@ -1,176 +1,15 @@
-import React, { Fragment, useRef, useState } from 'react';
-import { StyleSheet, View, Platform, PermissionsAndroid, ActivityIndicator, Text, Linking } from 'react-native';
-import { WebView } from 'react-native-webview';
-import { selectContactPhone } from 'react-native-select-contact';
-export const OmnipayView = _ref => {
+import React, { Fragment, useEffect } from 'react';
+import { useOmnipay } from '../hooks/useOmnipay';
+export const Omnipay = _ref => {
   let {
-    color,
-    env,
-    publicKey,
-    phoneNumber,
-    view,
-    onEnterFullScreen,
-    onExitFullScreen
+    phoneNumber
   } = _ref;
-  const webviewRef = useRef(null);
-  const [webviewStatus, setWebviewStatus] = useState('loading');
-  const webHost = getWebHost();
-  const webUrl = `${webHost}?theme=${color}&view=${view}&publicKey=${publicKey}&phoneNumber=${phoneNumber}`;
-  function getWebHost() {
-    if (env === 'dev') {
-      return 'https://omnipay-websdk.vercel.app/';
-    }
-    return 'https://sdk.omnipay.ng/';
-  }
-  const onWebviewMount = `
-      window.nativeOs = ${Platform.OS};
-      true;
-    `;
-  function postMessage(data) {
-    if (!webviewRef.current) {
-      return;
-    }
-    try {
-      webviewRef.current.postMessage(JSON.stringify(data));
-    } catch (error) {}
-  }
-  async function onWebviewMessage(e) {
-    try {
-      if (e.nativeEvent && e.nativeEvent.data) {
-        const eventData = JSON.parse(e.nativeEvent.data);
-        const {
-          dataKey,
-          dataValue
-        } = eventData;
-        if (dataKey === 'chooseContact') {
-          const contactDetails = await getContact();
-          postMessage({
-            dataKey: 'contactSelected',
-            dataValue: contactDetails
-          });
-        }
-        if (dataKey === 'modalOpen') {
-          if (onEnterFullScreen) {
-            onEnterFullScreen();
-          }
-        }
-        if (dataKey === 'modalClosed') {
-          if (onExitFullScreen) {
-            onExitFullScreen();
-          }
-        }
-        if (dataKey === 'openLink') {
-          Linking.openURL(dataValue);
-        }
-      }
-    } catch (error) {}
-  }
-  async function getContact() {
-    try {
-      const isPermissionGranted = await checkPermisionStatus();
-      if (!isPermissionGranted) {
-        return {
-          name: '',
-          phoneNumber: ''
-        };
-      }
-      const result = await selectContactPhone();
-      if (!result) {
-        return {
-          name: '',
-          phoneNumber: ''
-        };
-      }
-      let {
-        contact,
-        selectedPhone
-      } = result;
-      return {
-        name: contact.name,
-        phoneNumber: selectedPhone.number
-      };
-    } catch (error) {
-      return {
-        name: '',
-        phoneNumber: ''
-      };
-    }
-  }
-  async function checkPermisionStatus() {
-    if (Platform.OS === 'ios') {
-      return true;
-    }
-    if (PermissionsAndroid.PERMISSIONS.READ_CONTACTS) {
-      const granted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.READ_CONTACTS, {
-        title: 'Allow us access your contact list',
-        message: 'This will enable you choose a phone number to buy airtime or data for from your contact list',
-        buttonNegative: 'Cancel',
-        buttonPositive: 'OK'
-      });
-      if (granted === PermissionsAndroid.RESULTS.GRANTED) {
-        return true;
-      }
-    }
-    return false;
-  }
-  if (view !== 'bills') {
-    return /*#__PURE__*/React.createElement(Text, null, "Invalid view");
-  }
-  if (!publicKey.includes('OMNIPUBKEY_')) {
-    return /*#__PURE__*/React.createElement(Text, null, "Invalid public key");
-  }
-  if (phoneNumber.length !== 11) {
-    return /*#__PURE__*/React.createElement(Text, null, "Invalid phone number");
-  }
-  if (color.length < 3) {
-    return /*#__PURE__*/React.createElement(Text, null, "Invalid color");
-  }
-  if (!['dev', 'prod'].includes(env)) {
-    return /*#__PURE__*/React.createElement(Text, null, "Invalid environment");
-  }
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(View, {
-    style: styles.full
-  }, /*#__PURE__*/React.createElement(WebView, {
-    source: {
-      uri: webUrl
-    },
-    style: styles.webview,
-    injectedJavaScriptBeforeContentLoaded: onWebviewMount,
-    onMessage: onWebviewMessage,
-    ref: webviewRef,
-    onLoadEnd: () => setWebviewStatus('success')
-  }), webviewStatus === 'loading' && /*#__PURE__*/React.createElement(View, {
-    style: styles.webviewLoader
-  }, /*#__PURE__*/React.createElement(ActivityIndicator, {
-    size: "small",
-    color: color
-  }))));
+  const {
+    initiateBills
+  } = useOmnipay();
+  useEffect(() => {
+    initiateBills(phoneNumber);
+  }, [phoneNumber]);
+  return /*#__PURE__*/React.createElement(Fragment, null);
 };
-const styles = StyleSheet.create({
-  hide: {
-    display: 'none'
-  },
-  full: {
-    flex: 1,
-    width: '100%',
-    height: '100%'
-  },
-  webview: {
-    flex: 1,
-    width: '100%',
-    height: '100%'
-  },
-  webviewLoader: {
-    zIndex: 3,
-    backgroundColor: 'white',
-    alignItems: 'center',
-    justifyContent: 'center',
-    flex: 1,
-    width: '100%',
-    height: '100%',
-    position: 'absolute',
-    top: 0,
-    left: 0
-  }
-});
 //# sourceMappingURL=OmnipayView.js.map

package/lib/module/components/OmnipayView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Fragment","useRef","useState","StyleSheet","View","Platform","PermissionsAndroid","ActivityIndicator","Text","Linking","WebView","selectContactPhone","OmnipayView","color","env","publicKey","phoneNumber","view","onEnterFullScreen","onExitFullScreen","webviewRef","webviewStatus","setWebviewStatus","webHost","getWebHost","webUrl","onWebviewMount","OS","postMessage","data","current","JSON","stringify","error","onWebviewMessage","e","nativeEvent","eventData","parse","dataKey","dataValue","contactDetails","getContact","openURL","isPermissionGranted","checkPermisionStatus","name","result","contact","selectedPhone","number","PERMISSIONS","READ_CONTACTS","granted","request","title","message","buttonNegative","buttonPositive","RESULTS","GRANTED","includes","length","styles","full","uri","webview","webviewLoader","create","hide","display","flex","width","height","zIndex","backgroundColor","alignItems","justifyContent","position","top","left"],"sourceRoot":"../../src","sources":["OmnipayView.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Fragment","useEffect","useOmnipay","Omnipay","phoneNumber","initiateBills"],"sourceRoot":"../../src","sources":["OmnipayView.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SAASC,UAAU,QAAQ,qBAAqB;AAOhD,OAAO,MAAMC,OAAO,GAAG,QAEU;EAAA,IAFT;IACpBC;EACU,CAAC;EACX,MAAM;IAAEC;EAAc,CAAC,GAAGH,UAAU,EAAE;EAEtCD,SAAS,CAAC,MAAM;IACZI,aAAa,CAACD,WAAW,CAAC;EAC9B,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAIjB,oBACI,oBAAC,QAAQ,OAEE;AAEnB,CAAC"}

package/lib/module/functions.js

@@ -0,0 +1,57 @@
+import { PermissionsAndroid, Platform } from "react-native";
+import { selectContactPhone } from "react-native-select-contact";
+export async function checkPermisionStatus() {
+  if (Platform.OS === 'ios') {
+    return true;
+  }
+  if (PermissionsAndroid.PERMISSIONS.READ_CONTACTS) {
+    const granted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.READ_CONTACTS, {
+      title: 'Allow us access your contact list',
+      message: 'This will enable you choose a phone number to buy airtime or data for from your contact list',
+      buttonNegative: 'Cancel',
+      buttonPositive: 'OK'
+    });
+    if (granted === PermissionsAndroid.RESULTS.GRANTED) {
+      return true;
+    }
+  }
+  return false;
+}
+export async function getContact() {
+  try {
+    const isPermissionGranted = await checkPermisionStatus();
+    if (!isPermissionGranted) {
+      return {
+        name: '',
+        phoneNumber: ''
+      };
+    }
+    const result = await selectContactPhone();
+    if (!result) {
+      return {
+        name: '',
+        phoneNumber: ''
+      };
+    }
+    let {
+      contact,
+      selectedPhone
+    } = result;
+    return {
+      name: contact.name,
+      phoneNumber: selectedPhone.number
+    };
+  } catch (error) {
+    return {
+      name: '',
+      phoneNumber: ''
+    };
+  }
+}
+export function getWebHost(env) {
+  if (env === 'dev') {
+    return 'https://omnipay-websdk.vercel.app/';
+  }
+  return 'https://sdk.omnipay.ng/';
+}
+//# sourceMappingURL=functions.js.map

package/lib/module/functions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PermissionsAndroid","Platform","selectContactPhone","checkPermisionStatus","OS","PERMISSIONS","READ_CONTACTS","granted","request","title","message","buttonNegative","buttonPositive","RESULTS","GRANTED","getContact","isPermissionGranted","name","phoneNumber","result","contact","selectedPhone","number","error","getWebHost","env"],"sourceRoot":"../../src","sources":["functions.ts"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,QAAQ,QAAQ,cAAc;AAC3D,SAASC,kBAAkB,QAAQ,6BAA6B;AAEhE,OAAO,eAAeC,oBAAoB,GAAG;EACzC,IAAIF,QAAQ,CAACG,EAAE,KAAK,KAAK,EAAE;IACvB,OAAO,IAAI;EACf;EACA,IAAIJ,kBAAkB,CAACK,WAAW,CAACC,aAAa,EAAE;IAC9C,MAAMC,OAAO,GAAG,MAAMP,kBAAkB,CAACQ,OAAO,CAC5CR,kBAAkB,CAACK,WAAW,CAACC,aAAa,EAC5C;MACIG,KAAK,EAAE,mCAAmC;MAC1CC,OAAO,EACH,8FAA8F;MAClGC,cAAc,EAAE,QAAQ;MACxBC,cAAc,EAAE;IACpB,CAAC,CACJ;IACD,IAAIL,OAAO,KAAKP,kBAAkB,CAACa,OAAO,CAACC,OAAO,EAAE;MAChD,OAAO,IAAI;IACf;EACJ;EACA,OAAO,KAAK;AAChB;AAEA,OAAO,eAAeC,UAAU,GAAG;EAC/B,IAAI;IACA,MAAMC,mBAAmB,GAAG,MAAMb,oBAAoB,EAAE;IACxD,IAAI,CAACa,mBAAmB,EAAE;MACtB,OAAO;QAAEC,IAAI,EAAE,EAAE;QAAEC,WAAW,EAAE;MAAG,CAAC;IACxC;IACA,MAAMC,MAAM,GAAG,MAAMjB,kBAAkB,EAAE;IACzC,IAAI,CAACiB,MAAM,EAAE;MACT,OAAO;QAAEF,IAAI,EAAE,EAAE;QAAEC,WAAW,EAAE;MAAG,CAAC;IACxC;IACA,IAAI;MAAEE,OAAO;MAAEC;IAAc,CAAC,GAAGF,MAAM;IACvC,OAAO;MAAEF,IAAI,EAAEG,OAAO,CAACH,IAAI;MAAEC,WAAW,EAAEG,aAAa,CAACC;IAAO,CAAC;EACpE,CAAC,CAAC,OAAOC,KAAK,EAAE;IACZ,OAAO;MAAEN,IAAI,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAG,CAAC;EACxC;AACJ;AAEA,OAAO,SAASM,UAAU,CAACC,GAAmB,EAAE;EAC5C,IAAIA,GAAG,KAAK,KAAK,EAAE;IACf,OAAO,oCAAoC;EAC/C;EACA,OAAO,yBAAyB;AACpC"}

package/lib/module/index.js

@@ -1,4 +1,4 @@
 export { OmnipayProvider } from "./components/OmnipayProvider";
 export { useOmnipay } from './hooks/useOmnipay';
-export { OmnipayView } from "./components/OmnipayView";
+export { Omnipay } from "./components/OmnipayView";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["OmnipayProvider","useOmnipay","OmnipayView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,WAAW,QAAQ,0BAA0B"}
+{"version":3,"names":["OmnipayProvider","useOmnipay","Omnipay"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,OAAO,QAAQ,0BAA0B"}

package/lib/typescript/components/OmnipayProvider.d.ts

@@ -6,7 +6,8 @@ declare type OmnipayProviderProps = {
     children: React.ReactElement | React.ReactElement[];
 };
 export declare type OmnipayContextType = {
-    initiateBills: (color: string, phoneNumber: string) => void;
+    initiateBills: (phoneNumber: string) => void;
+    container?: JSX.Element;
 };
 export declare const OmnipayContext: React.Context<OmnipayContextType | null>;
 export declare const OmnipayProvider: ({ children, publicKey, env, color }: OmnipayProviderProps) => JSX.Element;

package/lib/typescript/components/OmnipayProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OmnipayProvider.d.ts","sourceRoot":"","sources":["../../../src/components/OmnipayProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAK7D,aAAK,oBAAoB,GAAG;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAA;CACtD,CAAA;AAQD,oBAAY,kBAAkB,GAAG;IAC7B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D,CAAA;AAED,eAAO,MAAM,cAAc,0CAAuD,CAAC;AAEnF,eAAO,MAAM,eAAe,wCAAyC,oBAAoB,gBA6IxF,CAAC"}
+{"version":3,"file":"OmnipayProvider.d.ts","sourceRoot":"","sources":["../../../src/components/OmnipayProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAK7D,aAAK,oBAAoB,GAAG;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAA;CACtD,CAAA;AAQD,oBAAY,kBAAkB,GAAG;IAC7B,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,cAAc,0CAAuD,CAAC;AAEnF,eAAO,MAAM,eAAe,wCAAyC,oBAAoB,gBAiHxF,CAAC"}

package/lib/typescript/components/OmnipayView.d.ts

@@ -1,12 +1,6 @@
 declare type OmnipayProps = {
-    color: string;
-    env: 'dev' | 'prod';
-    publicKey: string;
     phoneNumber: string;
-    view: 'bills';
-    onEnterFullScreen?: () => void;
-    onExitFullScreen?: () => void;
 };
-export declare const OmnipayView: ({ color, env, publicKey, phoneNumber, view, onEnterFullScreen, onExitFullScreen, }: OmnipayProps) => JSX.Element;
+export declare const Omnipay: ({ phoneNumber, }: OmnipayProps) => JSX.Element;
 export {};
 //# sourceMappingURL=OmnipayView.d.ts.map

package/lib/typescript/components/OmnipayView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OmnipayView.d.ts","sourceRoot":"","sources":["../../../src/components/OmnipayView.tsx"],"names":[],"mappings":"AAaA,aAAK,YAAY,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AAQF,eAAO,MAAM,WAAW,uFAQrB,YAAY,KAAG,WAwIjB,CAAC"}
+{"version":3,"file":"OmnipayView.d.ts","sourceRoot":"","sources":["../../../src/components/OmnipayView.tsx"],"names":[],"mappings":"AAGA,aAAK,YAAY,GAAG;IAChB,WAAW,EAAE,MAAM,CAAC;CACvB,CAAC;AAGF,eAAO,MAAM,OAAO,qBAEjB,YAAY,KAAG,WAcjB,CAAC"}

package/lib/typescript/functions.d.ts

@@ -0,0 +1,7 @@
+export declare function checkPermisionStatus(): Promise<boolean>;
+export declare function getContact(): Promise<{
+    name: string;
+    phoneNumber: string;
+}>;
+export declare function getWebHost(env: "prod" | "dev"): "https://omnipay-websdk.vercel.app/" | "https://sdk.omnipay.ng/";
+//# sourceMappingURL=functions.d.ts.map

package/lib/typescript/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/hooks/useOmnipay.d.ts

@@ -1,4 +1,4 @@
 export declare function useOmnipay(): {
-    initiateBills: (color: string, phoneNumber: string) => void;
+    initiateBills: (phoneNumber: string) => void;
 };
 //# sourceMappingURL=useOmnipay.d.ts.map

package/lib/typescript/index.d.ts

@@ -1,4 +1,4 @@
 export { OmnipayProvider } from "./components/OmnipayProvider";
 export { useOmnipay } from './hooks/useOmnipay';
-export { OmnipayView } from "./components/OmnipayView";
+export { Omnipay } from "./components/OmnipayView";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA"}

package/package.json

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

package/src/components/OmnipayProvider.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useRef, useState } from 'react';
-import { ActivityIndicator, Linking, PermissionsAndroid, Platform, StyleSheet, View } from 'react-native';
+import { ActivityIndicator, Linking, Platform, StyleSheet, View } from 'react-native';
 import WebView, { WebViewMessageEvent } from 'react-native-webview';
-import { selectContactPhone } from 'react-native-select-contact';
+import { getContact } from '../functions';
 
 type OmnipayProviderProps = {
     publicKey: string
@@ -17,7 +17,8 @@ type PostMessage = {
 type Status = 'error' | 'loading' | 'success';
 
 export type OmnipayContextType = {
-    initiateBills: (color: string, phoneNumber: string) => void;
+    initiateBills: (phoneNumber: string) => void;
+    container?: JSX.Element
 }
 
 export const OmnipayContext = React.createContext<OmnipayContextType | null>(null);
@@ -33,6 +34,7 @@ export const OmnipayProvider = ({ children, publicKey, env, color }: OmnipayProv
 
     console.log(useFullscreen)
 
+
     function getWebviewStyle() {
         if (isNoviewLoaded) {
             return { opacity: 0, height: 0, width: 0, flex: 0 };
@@ -88,49 +90,13 @@ export const OmnipayProvider = ({ children, publicKey, env, color }: OmnipayProv
         } catch (error) { }
     }
 
-    async function getContact() {
-        try {
-            const isPermissionGranted = await checkPermisionStatus();
-            if (!isPermissionGranted) {
-                return { name: '', phoneNumber: '' };
-            }
-            const result = await selectContactPhone();
-            if (!result) {
-                return { name: '', phoneNumber: '' };
-            }
-            let { contact, selectedPhone } = result;
-            return { name: contact.name, phoneNumber: selectedPhone.number };
-        } catch (error) {
-            return { name: '', phoneNumber: '' };
-        }
-    }
 
-    async function checkPermisionStatus() {
-        if (Platform.OS === 'ios') {
-            return true;
-        }
-        if (PermissionsAndroid.PERMISSIONS.READ_CONTACTS) {
-            const granted = await PermissionsAndroid.request(
-                PermissionsAndroid.PERMISSIONS.READ_CONTACTS,
-                {
-                    title: 'Allow us access your contact list',
-                    message:
-                        'This will enable you choose a phone number to buy airtime or data for from your contact list',
-                    buttonNegative: 'Cancel',
-                    buttonPositive: 'OK',
-                }
-            );
-            if (granted === PermissionsAndroid.RESULTS.GRANTED) {
-                return true;
-            }
-        }
-        return false;
-    }
 
     const _initiateBills = useCallback(
         (
             phoneNumber: string
         ) => {
+            console.log(phoneNumber)
             if (phoneNumber) {
                 if (phoneNumber.length === 11) {
                     const webUrl = `${webHost}?theme=${color}&view=bills&publicKey=${publicKey}&phoneNumber=${phoneNumber}`;
@@ -141,10 +107,8 @@ export const OmnipayProvider = ({ children, publicKey, env, color }: OmnipayProv
         []
     );
 
-
-    return (
-        <OmnipayContext.Provider value={{ initiateBills: _initiateBills }}>
-            {children}
+    function WebviewContainer() {
+        return <View style={{ flex: 1, height: "100%" }}>
             <WebView
                 source={{
                     uri: webviewUrl,
@@ -161,6 +125,15 @@ export const OmnipayProvider = ({ children, publicKey, env, color }: OmnipayProv
                     <ActivityIndicator size="small" color={color} />
                 </View>
             )}
+        </View>;
+    }
+
+
+    return (
+        <OmnipayContext.Provider value={{ initiateBills: _initiateBills, container: WebviewContainer() }}>
+            <View style={{ flex: 1, height: "100%" }}>
+                {children}
+            </View>
         </OmnipayContext.Provider>
     );
 };
@@ -177,7 +150,10 @@ const styles = StyleSheet.create({
     webview: {
         flex: 1,
         width: '100%',
-        height: '100%',
+        height: 900,
+        // position: "absolute",
+        // top: 0,
+        // left: 0
     },
     webviewLoader: {
         zIndex: 3,