omnipay-reactnative-sdk 0.0.1

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2022 engrtitus
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,29 @@
+# omnipay-reactnative-sdk
+Omnipay react native sdk
+## Installation
+
+```sh
+npm install omnipay-reactnative-sdk
+```
+
+## Usage
+
+```js
+import { multiply } from "omnipay-reactnative-sdk";
+
+// ...
+
+const result = await multiply(3, 7);
+```
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/lib/commonjs/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeWebview = require("react-native-webview");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const Omnipay = _ref => {
+  let {
+    color,
+    env,
+    publicKey,
+    phoneNumber,
+    view
+  } = _ref;
+  function getWebHost() {
+    if (env === 'dev') {
+      return 'https://omnipaysdk.vercel.app/';
+    }
+    return 'https://sdk.omnipay.ng/';
+  }
+  const webHost = getWebHost();
+  const webUrl = `${webHost}?theme=${color}&view=${view}&publicKey=${publicKey}&phoneNumber=${phoneNumber}`;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, webUrl), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.full
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeWebview.WebView, {
+    source: {
+      uri: 'https://omnipaydashboarddev.z6.web.core.windows.net/app/dashboard'
+    },
+    style: styles.full
+  })));
+};
+const styles = _reactNative.StyleSheet.create({
+  full: {
+    flex: 1,
+    width: '100%',
+    height: '100%'
+  }
+});
+var _default = Omnipay;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Omnipay","color","env","publicKey","phoneNumber","view","getWebHost","webHost","webUrl","styles","full","uri","StyleSheet","create","flex","width","height"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAA+C;AAAA;AAU/C,MAAMA,OAAO,GAAG,QAMiB;EAAA,IANhB;IACfC,KAAK;IACLC,GAAG;IACHC,SAAS;IACTC,WAAW;IACXC;EACY,CAAC;EACb,SAASC,UAAU,GAAG;IACpB,IAAIJ,GAAG,KAAK,KAAK,EAAE;MACjB,OAAO,gCAAgC;IACzC;IACA,OAAO,yBAAyB;EAClC;EAEA,MAAMK,OAAO,GAAGD,UAAU,EAAE;EAC5B,MAAME,MAAM,GAAI,GAAED,OAAQ,UAASN,KAAM,SAAQI,IAAK,cAAaF,SAAU,gBAAeC,WAAY,EAAC;EAEzG,oBACE,6BAAC,eAAQ,qBACP,6BAAC,iBAAI,QAAEI,MAAM,CAAQ,eACrB,6BAAC,iBAAI;IAAC,KAAK,EAAEC,MAAM,CAACC;EAAK,gBACvB,6BAAC,2BAAO;IACN,MAAM,EAAE;MACNC,GAAG,EAAE;IACP,CAAE;IACF,KAAK,EAAEF,MAAM,CAACC;EAAK,EACnB,CACG,CACE;AAEf,CAAC;AAED,MAAMD,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAAC,eAEYhB,OAAO;AAAA"}

package/lib/module/index.js

@@ -0,0 +1,37 @@
+import React, { Fragment } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { WebView } from 'react-native-webview';
+const Omnipay = _ref => {
+  let {
+    color,
+    env,
+    publicKey,
+    phoneNumber,
+    view
+  } = _ref;
+  function getWebHost() {
+    if (env === 'dev') {
+      return 'https://omnipaysdk.vercel.app/';
+    }
+    return 'https://sdk.omnipay.ng/';
+  }
+  const webHost = getWebHost();
+  const webUrl = `${webHost}?theme=${color}&view=${view}&publicKey=${publicKey}&phoneNumber=${phoneNumber}`;
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Text, null, webUrl), /*#__PURE__*/React.createElement(View, {
+    style: styles.full
+  }, /*#__PURE__*/React.createElement(WebView, {
+    source: {
+      uri: 'https://omnipaydashboarddev.z6.web.core.windows.net/app/dashboard'
+    },
+    style: styles.full
+  })));
+};
+const styles = StyleSheet.create({
+  full: {
+    flex: 1,
+    width: '100%',
+    height: '100%'
+  }
+});
+export default Omnipay;
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","StyleSheet","Text","View","WebView","Omnipay","color","env","publicKey","phoneNumber","view","getWebHost","webHost","webUrl","styles","full","uri","create","flex","width","height"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,OAAO,QAAQ,sBAAsB;AAU9C,MAAMC,OAAO,GAAG,QAMiB;EAAA,IANhB;IACfC,KAAK;IACLC,GAAG;IACHC,SAAS;IACTC,WAAW;IACXC;EACY,CAAC;EACb,SAASC,UAAU,GAAG;IACpB,IAAIJ,GAAG,KAAK,KAAK,EAAE;MACjB,OAAO,gCAAgC;IACzC;IACA,OAAO,yBAAyB;EAClC;EAEA,MAAMK,OAAO,GAAGD,UAAU,EAAE;EAC5B,MAAME,MAAM,GAAI,GAAED,OAAQ,UAASN,KAAM,SAAQI,IAAK,cAAaF,SAAU,gBAAeC,WAAY,EAAC;EAEzG,oBACE,oBAAC,QAAQ,qBACP,oBAAC,IAAI,QAAEI,MAAM,CAAQ,eACrB,oBAAC,IAAI;IAAC,KAAK,EAAEC,MAAM,CAACC;EAAK,gBACvB,oBAAC,OAAO;IACN,MAAM,EAAE;MACNC,GAAG,EAAE;IACP,CAAE;IACF,KAAK,EAAEF,MAAM,CAACC;EAAK,EACnB,CACG,CACE;AAEf,CAAC;AAED,MAAMD,MAAM,GAAGb,UAAU,CAACgB,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJG,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAef,OAAO"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,10 @@
+declare type OmnipayProps = {
+    color: string;
+    env: 'dev' | 'prod';
+    publicKey: string;
+    phoneNumber: string;
+    view: 'bills';
+};
+declare const Omnipay: ({ color, env, publicKey, phoneNumber, view, }: OmnipayProps) => JSX.Element;
+export default Omnipay;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAIA,aAAK,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,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,OAAO,kDAMV,YAAY,KAAG,WAwBjB,CAAC;AAUF,eAAe,OAAO,CAAC"}

package/package.json

@@ -0,0 +1,155 @@
+{
+  "name": "omnipay-reactnative-sdk",
+  "version": "0.0.1",
+  "description": "Omnipay react native sdk",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "!lib/typescript/example",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "test": "jest",
+    "typescript": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "prepare": "bob build",
+    "release": "release-it",
+    "example": "yarn --cwd example",
+    "bootstrap": "yarn example && yarn install && yarn example pods"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": "https://github.com/engrtitus/omnipay-reactnative-sdk",
+  "author": "engrtitus <titus.salisu@omnibiz.com> (https://engrtitus.tech)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/engrtitus/omnipay-reactnative-sdk/issues"
+  },
+  "homepage": "https://github.com/engrtitus/omnipay-reactnative-sdk#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@arkweid/lefthook": "^0.7.7",
+    "@commitlint/config-conventional": "^17.0.2",
+    "@react-native-community/eslint-config": "^3.0.2",
+    "@release-it/conventional-changelog": "^5.0.0",
+    "@types/jest": "^28.1.2",
+    "@types/react": "~17.0.21",
+    "@types/react-native": "0.68.0",
+    "commitlint": "^17.0.2",
+    "eslint": "^8.4.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "jest": "^28.1.1",
+    "pod-install": "^0.1.0",
+    "prettier": "^2.0.5",
+    "react": "18.1.0",
+    "react-native": "0.70.3",
+    "react-native-builder-bob": "^0.20.0",
+    "react-native-webview": "^11.23.1",
+    "release-it": "^15.0.0",
+    "typescript": "^4.5.2"
+  },
+  "resolutions": {
+    "@types/react": "17.0.21"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native-community",
+      "prettier"
+    ],
+    "rules": {
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  }
+}

package/src/index.tsx

@@ -0,0 +1,53 @@
+import React, { Fragment } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { WebView } from 'react-native-webview';
+
+type OmnipayProps = {
+  color: string;
+  env: 'dev' | 'prod';
+  publicKey: string;
+  phoneNumber: string;
+  view: 'bills';
+};
+
+const Omnipay = ({
+  color,
+  env,
+  publicKey,
+  phoneNumber,
+  view,
+}: OmnipayProps): JSX.Element => {
+  function getWebHost() {
+    if (env === 'dev') {
+      return 'https://omnipaysdk.vercel.app/';
+    }
+    return 'https://sdk.omnipay.ng/';
+  }
+
+  const webHost = getWebHost();
+  const webUrl = `${webHost}?theme=${color}&view=${view}&publicKey=${publicKey}&phoneNumber=${phoneNumber}`;
+
+  return (
+    <Fragment>
+      <Text>{webUrl}</Text>
+      <View style={styles.full}>
+        <WebView
+          source={{
+            uri: 'https://omnipaydashboarddev.z6.web.core.windows.net/app/dashboard',
+          }}
+          style={styles.full}
+        />
+      </View>
+    </Fragment>
+  );
+};
+
+const styles = StyleSheet.create({
+  full: {
+    flex: 1,
+    width: '100%',
+    height: '100%',
+  },
+});
+
+export default Omnipay;