
Security News
Node.js TSC Votes to Stop Distributing Corepack
Corepack will be phased out from future Node.js releases following a TSC vote.
@meshconnect/react-native-link-sdk
Advanced tools
React Native library for integrating with Mesh Connect.
With npm
:
npm install --save @meshconnect/react-native-link-sdk
With yarn
:
yarn add @meshconnect/react-native-link-sdk
💡 This package requires react-native-webview
to be installed in your project. Some times it is not installed automatically (This is a known npm issue). You should install it manually via following command in this case:
npm install --save react-native-webview
# or with yarn
yarn add react-native-webview
Link token should be obtained from the POST /api/v1/linktoken endpoint. API reference for this request is available here. The request must be performed from the server side because it requires the client's secret. You will get the response in the following format:
{
"content": {
"linkToken": "{linkToken}"
},
"status": "ok",
"message": ""
}
import React from 'react';
import {
LinkConnect,
LinkPayload,
LinkSettings,
LinkEventType,
IntegrationAccessToken,
TransferFinishedPayload,
TransferFinishedSuccessPayload,
TransferFinishedErrorPayload
} from '@meshconnect/react-native-link-sdk';
const accessTokens: IntegrationAccessToken = [
/* Your access tokens */
];
const transferDestinationTokens: IntegrationAccessToken = [
/* Your transfer destination tokens */
];
const linkSettings: LinkSettings = {
accessTokens,
transferDestinationTokens,
};
export const App = () => {
return (
<LinkConnect
linkToken={"YOUR_LINKTOKEN"}
settings={linkSettings}
onIntegrationConnected={(payload: LinkPayload) => {
// use broker account data
}}
onTransferFinished={(payload: TransferFinishedPayload) => {
if (payload.status === 'success') {
const successPayload = payload as TransferFinishedSuccessPayload
// use transfer finished data
} else {
const errorPayload = payload as TransferFinishedErrorPayload
// handle transfer error
}
}}
onEvent={(event: LinkEventType) => {
console.log(event);
}}
onExit={(err?: string) => {
// use error message
}}
/>
)
}
export default App;
ℹ️ See full source code examples at examples/.
LinkConnect
component argumentskey | type | Required/Optional | description |
---|---|---|---|
linkToken | string | required | Link token |
settings | LinkSettings | optional | Settings object |
disableDomainWhiteList | boolean | optional | Disable origin whitelisting[1] |
onIntegrationConnected | (payload: LinkPayload) => void | optional | Callback called when users connects their accounts |
onTransferFinished | (payload: TransferFinishedPayload) => void | optional | Callback called when a crypto transfer is executed |
onExit | (err: string) => void) | optional | Called if connection not happened. Returns an error message |
onEvent | (event: LinkEventType) => void | optional | Callback called when an event is triggered |
The LinkSettings
option allows to configure the Link behaviour:
accessTokens
- an array of IntegrationAccessToken
objects that is used as an origin for crypto transfer flow.transferDestinationTokens
- an array of IntegrationAccessToken
objects that is used as a destination for crypto transfer flow.disableDomainWhiteList
- a boolean flag that allows to disable origin whitelisting. By default, the origin is whitelisted, with the following domains set:
*.meshconnect.com
*.getfront.com
*.walletconnect.com
*.walletconnect.org
*.walletlink.org
*.coinbase.com
*.okx.com
*.gemini.com
*.coinbase.com
*.hcaptcha.com
*.robinhood.com
*.google.com
https://meshconnect.com
https://getfront.com
https://walletconnect.com
https://walletconnect.org
https://walletlink.org
https://coinbase.com
https://okx.com
https://gemini.com
https://coinbase.com
https://hcaptcha.com
https://robinhood.com
https://google.com
https://front-web-platform-dev
https://front-b2b-api-test.azurewebsites.net
https://web.getfront.com
https://web.meshconnect.com
https://applink.robinhood.com
https://m.stripe.network
https://js.stripe.com
https://app.usercentrics.eu
robinhood://
In Mesh Connect React Native SDK v2, url
prop is removed from LinkConnect
component. You should use linkToken
prop instead of url
prop.
orError
and onClose
props are combined with onExit
callback with an optional error message argument.
Following are the renamed props:
onBrokerConnected
-> onIntegrationConnected
FrontPayload
-> LinkPayload
The component FrontFinance
is renamed to LinkConnect
.
Typescript definitions for @meshconnect/react-native-link-sdk
are built into the npm package.
To enable our SDK to interact with specific apps, please add the following URL schemes to your Info.plist file:
<dict>
tags (example for adding trust, robinhood, and metamask):
<key>LSApplicationQueriesSchemes</key>
<array>
<string>trust</string>
<string>robinhood</string>
<string>metamask</string>
</array>
This configuration allows our SDK to query and interact with the specified apps, ensuring seamless integration and functionality.
FAQs
Mesh Connect React Native SDK.
The npm package @meshconnect/react-native-link-sdk receives a total of 408 weekly downloads. As such, @meshconnect/react-native-link-sdk popularity was classified as not popular.
We found that @meshconnect/react-native-link-sdk demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Corepack will be phased out from future Node.js releases following a TSC vote.
Research
Security News
Research uncovers Black Basta's plans to exploit package registries for ransomware delivery alongside evidence of similar attacks already targeting open source ecosystems.
Security News
Oxlint's beta release introduces 500+ built-in linting rules while delivering twice the speed of previous versions, with future support planned for custom plugins and improved IDE integration.