@viewtrade/bridge-react-native-sdk

Embeddable WebView-based onboarding and trading shell for React Native host apps. Drop in one component — the SDK handles authentication, session persistence, DigiLocker redirects, and the GlomoPay checkout flow.

Requirements

• React Native ≥ 0.72
• React ≥ 18
• Node ≥ 22

Install

npm install @viewtrade/bridge-react-native-sdk

Native dependencies

The SDK bundles react-native-webview, react-native-safe-area-context, and @react-native-async-storage/async-storage as dependencies — they install automatically. You still need to link native modules:

cd ios && pod install && cd ..

For the GlomoPay deposit checkout flow (optional):

npm install @glomopay/react-native-sdk
cd ios && pod install && cd ..

Quickstart

import React from 'react';
import { BridgeSDK } from '@viewtrade/bridge-react-native-sdk';

export default function App() {
  return (
    <BridgeSDK
      firmId="YOUR_FIRM_ID"
      appName="Your App Name"
      authFormSlug="your-auth-form-slug"
      branchIdRi="YOUR_RI_BRANCH_ID"
      branchIdNri="YOUR_NRI_BRANCH_ID"
      helpEmail="[email protected]"
      helpUrl="https://www.yourdomain.com/help"
      tncUrl="https://www.yourdomain.com/terms"
      ppUrl="https://www.yourdomain.com/privacy"
      disclaimerUrl="https://www.yourdomain.com/disclaimer"
      aboutUrl="https://www.yourdomain.com/about"
      environment="uat"
      theme={{ primaryColor: '#0F5D73', secondaryColor: '#E6F6FA' }}
    />
  );
}

Props

Required

| Prop | Type | Description | |---|---|---| | firmId | string | Tenant firm identifier. | | appName | string | Display name shown to users. | | authFormSlug | string | Slug used by the web app to look up the auth form. | | branchIdRi | string | RI branch identifier. | | branchIdNri | string | NRI branch identifier. | | helpEmail | string | Support email address. | | helpUrl | string | Support / help page URL. | | tncUrl | string | Terms & conditions URL. | | ppUrl | string | Privacy policy URL. | | disclaimerUrl | string | Disclaimer URL. | | aboutUrl | string | About us URL. | | environment | 'uat' \| 'prod' \| 'dev' | Target environment. Controls which server URL is loaded. | | theme | { primaryColor: string; secondaryColor: string } | Brand colors injected into the web app. |

Versioning

Follows Semantic Versioning. See CHANGELOG.md for release notes.