# react-native-aauti-pay > # Groovy TechnoWeb Pvt. Ltd. Latest version **1.0.66** (published 2023-12-14) · ISC license · 0 weekly downloads ## Install ```sh npm install react-native-aauti-pay pnpm add react-native-aauti-pay yarn add react-native-aauti-pay bun add react-native-aauti-pay ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 1.0.66 | | Published | 2023-12-14 | | First published | 2023-02-22 | | Weekly downloads | 0 | | License | ISC | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 10 | | Unpacked size | 319.9 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 0 | | Author | Ronak Groovy \|\| Deep Groovy | | Maintainers | deep211, aakash-bansal, sahils20, smit_prajapati | ## Links - npm: https://www.npmjs.com/package/react-native-aauti-pay - Repository: https://github.com/DeepPatel-21/react-native-aauti-pay - Homepage: https://github.com/DeepPatel-21/react-native-aauti-pay#readme - Issues: https://github.com/DeepPatel-21/react-native-aauti-pay/issues - npm.io page: https://npm.io/package/react-native-aauti-pay ## Dependencies (10) - [axios](https://npm.io/package/axios.md) ^1.3.5 - [lodash](https://npm.io/package/lodash.md) ^4.17.21 - [card-validator](https://npm.io/package/card-validator.md) ^8.1.1 - [react-native-crypto-js](https://npm.io/package/react-native-crypto-js.md) ^1.0.0 - [react-native-google-pay](https://npm.io/package/react-native-google-pay.md) ^2.1.0 - [react-native-masked-text](https://npm.io/package/react-native-masked-text.md) ^1.13.0 - [react-native-vector-icons](https://npm.io/package/react-native-vector-icons.md) ^9.2.0 - [react-native-linear-gradient](https://npm.io/package/react-native-linear-gradient.md) ^2.6.2 - [react-native-raw-bottom-sheet](https://npm.io/package/react-native-raw-bottom-sheet.md) ^2.2.0 - [react-native-safe-area-context](https://npm.io/package/react-native-safe-area-context.md) ^4.7.2 ## Recent versions - 1.0.66 (latest) — 2023-12-14 - 1.0.65 — 2023-12-14 - 1.0.64 — 2023-12-13 - 1.0.63 — 2023-12-13 - 1.0.62 — 2023-12-01 - 1.0.61 — 2023-12-01 - 1.0.60 — 2023-11-29 - 1.0.59 — 2023-11-25 - 1.0.58 — 2023-11-22 - 1.0.57 — 2023-11-10 - 1.0.56 — 2023-11-07 - 1.0.55 — 2023-10-31 - 1.0.54 — 2023-10-26 - 1.0.53 — 2023-10-25 - 1.0.52 — 2023-10-18 - … 51 more at https://npm.io/package/react-native-aauti-pay/versions ## README # Aauti Payment Gateway # Groovy TechnoWeb Pvt. Ltd. - It is for both the platforms iOS and Android ![](https://img.shields.io/badge/os-android-green) ![](https://img.shields.io/badge/os-iOS-blue) # Installation `npm install react-native-aauti-pay` `yarn add react-native-aauti-pay` ### Manual installation ##### You need to manually installed below plugins. - [react-native-paper](https://www.npmjs.com/package/react-native-paper) - [react-native-inappbrowser-reborn](https://www.npmjs.com/package/react-native-inappbrowser-reborn) - [react-native-reanimated](https://www.npmjs.com/package/react-native-reanimated) - [react-native-google-pay](https://www.npmjs.com/package/react-native-google-pay) - [@stripe/stripe-react-native](https://www.npmjs.com/package/@stripe/stripe-react-native) ##### Enable Android Pay in your Manifest To enable Google Pay in your app, you need to add the following Google Pay API meta-data element to the `` element of your project's AndroidManifest.xml file. ```xml ``` Please go through once with [react-native-inappbrowser-reborn](https://www.npmjs.com/package/react-native-inappbrowser-reborn?activeTab=readme) documentation ##### Append the following lines to your ProGuard config (proguard-rules.pro) -keepattributes _Annotation_ -keepclassmembers class \*_ { @org.greenrobot.eventbus.Subscribe ; } -keep enum org.greenrobot.eventbus.ThreadMode { _; } ##### Authentication Flow using Deep Linking For Deep linking integration you can checkout [Deep Linking](https://reactnavigation.org/docs/deep-linking/) documentation In order to redirect back to your application from a web browser, you must specify a unique URI to your app. To do this, add below code to your `AndroidManifest` file. - Enable deep linking (Android) - AndroidManifest.xml ``` ``` - Enable deep linking (iOS) - Info.plist ``` CFBundleURLTypes CFBundleURLSchemes intent ``` ## Usage ``` # Import this line import PaymentAggregator from “react-native-aauti-pay”; # Pass data in an object like this # All parameters must be same as below and its mandatory const [change, setChange] = useState(""); // this state is for passing the value via webhook const pay_data = { "name": ‘Name of the payer', "email": Email of the payer, "amount": Amount to be paid in Number, "country_code": Two digit country code, "app_token": 'unique application token', "currency": "currency short code", // INR, USD, AUD, CAD, GBP, etc. "transaction_code": "unique transaction id for payment", }; # Usage of the plugin { // here is your main button click in this you do for opening a payment modal bu passing open in injectedMessage }} onPaymentDone={() => { // Code here it will give you a response when payment is completed }} injectedMessage={change} // this prop is also for closing the modal and it is compulsory onModalClose={() => {}} // this prop is also for closing the modal PaymentType = "", //require => one_time, subscription /> # It must be mandatory to pass "open" message in injectedMessage for opening the modal # It must be mandatory to pass "close" message in injectedMessage for closing the modal ``` Parameters you can use in this is below: For close icons we have to use react-native-vector-icons/AntDesign only. | Param Name | Type | Default Value | Required | Description | | ------------------------ | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | PaymentType | String | '' | Yes | For Payment Type for ex: one_time => one time payment, subscription => for subscription plan | | paymentData | Object | { name: ‘Name of the payer', email: Email of the payer, amount: Amount to be paid, country_code: country code, app_token: 'unique app token', currency: "short code of your currency", transactionId: "Unique transaction id for payment", mode: "live or test"} | Yes | Pass data in this format for payment process | | appCharges | Array | [] | No | Pass the app charges in array with changes. You'll get default app array in aauti portal. | | onPaymentDone | Function | () => {} | Yes | When you done payment this function will trigger and you get response back in this function. | | modalContainerStyles | Object | {} | No | Modal container styles | | merchantIdentifier | String | 'merchant.com.app.saayampayment' | Yes | Enable Apple Pay for your app [ApplePay Guide](https://developer.apple.com/library/archive/ApplePay_Guide/Configuration.html) & pass merchant ID in this param. It is required to enable Apple Pay. | | pluginURL | String | 'staging' | No | Pass slug according to your server (`staging`, `dev`, `prodapi`) | | noCharge | Boolean | false | No | if this is true no `appCharges` will be applied | | injectedMessage | String | Empty string | Yes | it is for closing the modal via webhook calls | | onModalClose | Function | () => {} | No | Closing the modal when state changes | | buttonTitle | String | Aauti Pay | No | Button Title | | onButtonClick | Function | () => {} | Yes | If you want to something to be happen on this button click | | buttonTextStyle | Object | {} | No | Button text styles | | mainButtonContainerStyle | Object | {} | No | Main Button container styles | | loaderColor | String | white | No | Loader color | | loader | Boolean | false | No | Main button loader | | isGradientButton | Boolean | false | No | If you want gradient or multicolor button than you have to pass `true` | | linearColorsName | Array | [ "red", "pink" ] | No | If you have enable `isGradientButton` and you want to change colors than you have to pass particular color name default is red. Like [ "red", "pink" ] | | changeBtnText | String | Pay | No | Button Title before the amount in payment button | | startPosition | Object | { x: 0, y: 0.5 } | No | Start position | | endPosition | Object | { x: 1, y: 0.5 } | No | End position | | themeColor | String | '#F5F9FF' | No | Theme color for whole plugin (Note:- Please add light color of your App theme color) | --- _Source: https://npm.io/package/react-native-aauti-pay · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._