How to Use MoneyHash V2 React Native SDK

The MoneyHash React Native SDK allows developers to integrate MoneyHash payment processing into their mobile applications. With this SDK, you can easily accept customer payments, manage subscriptions, and send payouts in your React Native apps.

Prerequisites

Before integrating MoneyHash with the React Native SDK, ensure you have completed the following steps:

Get Started.with MoneyHash to access your own Organization.
Create an Account within your Organization.
Connect providers to your new Account.
Set up your Payment Defaults.
Obtain your API keys from the dashboard to make API calls.

Installing

To install MoneyHash's React Native SDK, run the following command in your terminal:

npm install @moneyhash/reactnative-sdk

Or, if you prefer using Yarn:

yarn add @moneyhash/reactnative-sdk

Additional Steps for iOS

If you are developing for iOS, navigate to the ios directory and install the native dependencies:

cd ios && pod install && cd ..

Additional Steps for Android

For Android, no additional installation steps are required. However, make sure your project is set up to use React Native's native modules.

Integration

After installing the MoneyHash React Native SDK, you can start integrating it into your React Native application. The integration involves several key steps:

Step 1: Create an Intent

Before initiating any payment or payout process, you need to get the intentId that is created by your server. An Intent represents a payment or payout operation that you plan to perform.

Ensure you receive and store the intentId from your server response, as you will need it in subsequent steps.

Step 2: Import and Initialize the MoneyHash SDK

Import the MoneyHash SDK in your JavaScript code and create an instance of MoneyHashSDK.

import { MoneyHashSDKBuilder } from '@moneyhash/reactnative-sdk';

const moneyHashSDK = MoneyHashSDKBuilder.build();

Step 3: Set the Public API Key

Set your public API key to authenticate your SDK instance. Obtain your public API key from the MoneyHash Dashboard under your Account settings. For detailed instructions on obtaining your public API key, please refer to the MoneyHash Authentication Documentation.

moneyHashSDK.setPublicKey('your_public_api_key');

Step 4: Get Intent Details

Retrieve the details of the intent that was created earlier by your server. This will provide you with the current state of the intent and other relevant information.

import { IntentType } from '@moneyhash/reactnative-sdk';

try {
  const intentDetails = await moneyHashSDK.getIntentDetails(
    'your_intent_id',
    IntentType.Payment // or IntentType.Payout
  );
  console.log('Intent Details:', intentDetails);
} catch (error) {
  console.error('Error retrieving intent details:', error);
}

Refer to the IntentDetails model for a complete list of available properties.

Basic Concepts

Basic Concepts: Understand how the MoneyHash React Native SDK works and the key elements to know before starting the integration.
Retrieve Available Methods: Learn how to retrieve available payment or payout methods for an account or a specific intent.
Collect Card Information: Discover how to collect card data securely for processing payments.
Pay with Card Information: Learn how to process payments using card data collected through the MoneyHash SDK.
Save Card Information: Explore how to save a customer's card information for future payments.
Apple Pay & Native Payment Methods: Learn how to integrate native payment methods like Apple Pay or Google Pay for a streamlined payment experience.

Overview of MoneyHash APIs

For a detailed guide to all available APIs in the MoneyHash SDK for React Native, including parameters, return types, and usage examples, refer to the following documentation:

This includes methods for handling payments, retrieving intent details, submitting forms, and more.

Overview of MoneyHash Models

The MoneyHash SDK for React Native features various models to represent data structures like intents, payment methods, transactions, and card information. For comprehensive details on these models, including their properties and usage within the SDK, see the Models Documentation.

Migrating from Previous Versions

If you are currently using MoneyHash SDK version 2.0 and wish to upgrade to version 2.1, please refer to our Migration Guide. The guide provides detailed instructions on updating your codebase to be compatible with the latest SDK version.

Questions and Issues

Please provide any feedback or report issues via a GitHub Issue.