Update RN docs

Author: yashovardhan

.vscode/settings.json

@@ -17,7 +17,6 @@
     "Metamask's",
     "metastring",
     "nodir",
-    "openlogin",
     "palenight",
     "passwordless",
     "solana",

docs/sdk/pnp/react-native/custom-authentication.mdx

@@ -50,14 +50,14 @@ should be a `LoginConfig` object.
 ```javascript
 import * as WebBrowser from "@toruslabs/react-native-web-browser";
 import Web3Auth, {
-  OPENLOGIN_NETWORK,
+  WEB3AUTH_NETWORK,
   LOGIN_PROVIDER,
   TypeOfLogin,
 } from "@web3auth/react-native-sdk";
 
 const web3auth = new Web3Auth(WebBrowser, {
   clientId: "YOUR_CLIENT_ID", // web3auth's client id
-  network: OPENLOGIN_NETWORK.MAINNET, // or other networks
+  network: WEB3AUTH_NETWORK.MAINNET, // or other networks
   loginConfig: {
     google: {
       verifier: "google-verifier", // Get this from the Web3Auth Dashboard
@@ -141,7 +141,7 @@ export const LOGIN_PROVIDER = {
 ```javascript
 web3auth.login({
   loginProvider: LOGIN_PROVIDER.GOOGLE,
-  redirectUrl: `${scheme}://openlogin`,
+  redirectUrl: `${scheme}://auth`,
   extraLoginOptions: {
     login_hint: "[email protected]", // Optional: pre-fill the email field
   },
@@ -153,7 +153,7 @@ web3auth.login({
 ```javascript
 web3auth.login({
   loginProvider: LOGIN_PROVIDER.JWT,
-  redirectUrl: `${scheme}://openlogin`,
+  redirectUrl: `${scheme}://auth`,
   extraLoginOptions: {
     id_token: "YOUR_JWT_ID_TOKEN", // JWT ID token
     domain: "https://example.auth0.com", // Auth0 domain
@@ -175,7 +175,7 @@ verifier.
 ```javascript
 const web3auth = new Web3Auth(WebBrowser, {
   clientId: "YOUR_CLIENT_ID", // Web3Auth's client id
-  network: OPENLOGIN_NETWORK.MAINNET, // or other networks
+  network: WEB3AUTH_NETWORK.MAINNET, // or other networks
   loginConfig: {
     google: {
       verifier: "aggregate-verifier",
@@ -205,7 +205,7 @@ const web3auth = new Web3Auth(WebBrowser, {
 ```javascript
 web3auth.login({
   loginProvider: LOGIN_PROVIDER.GOOGLE, // or LOGIN_PROVIDER.JWT
-  redirectUrl: `${scheme}://openlogin`,
+  redirectUrl: `${scheme}://auth`,
 });
 ```
 

docs/sdk/pnp/react-native/initialize.mdx

@@ -27,7 +27,7 @@ have to be configured within this step, if you wish to customize your Web3Auth I
 You may also import additional types from the SDK to help in the development process.
 
 ```typescript
-import Web3Auth, { OPENLOGIN_NETWORK, LOGIN_PROVIDER } from "@web3auth/react-native-sdk";
+import Web3Auth, { WEB3AUTH_NETWORK, LOGIN_PROVIDER } from "@web3auth/react-native-sdk";
 ```
 
 ### Importing a `WebBrowser` implementation
@@ -134,18 +134,20 @@ an argument. The fields of such objects are listed below.
 
 <TabItem value="table">
 
-| Parameter           | Description                                                                                                                                                         |
-| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `clientId`          | Your Web3Auth Client ID. You can get it from Web3Auth [Dashboard](https://dashboard.web3auth.io/) under project details. It's a mandatory field of type `string`    |
-| `network`           | Defines the Web3Auth network. It's a mandatory field of type `OPENLOGIN_NETWORK_TYPE`.                                                                              |
-| `redirectUrl`       | URL that Web3Auth will redirect API responses upon successful authentication from browser. It's a mandatory field of type `string`.                                 |
-| `whiteLabel?`       | WhiteLabel options for web3auth. It helps you define custom UI, branding, and translations for your brand app. It takes `WhiteLabelData` as a value.                |
-| `loginConfig?`      | Login config for the custom verifiers. It takes `LoginConfig` as a value.                                                                                           |
-| `useCoreKitKey?`    | Use CoreKit Key to get core kit key. It's an optional field with default value as `false`.                                                                          |
-| `mfaSettings?`      | Allows developers to configure the Mfa settings for authentication. It takes `MfaSettings` as a value.                                                              |
-| `sessionTime?`      | It allows developers to configure the session management time. Session Time is in seconds, default is 86400 seconds which is 1 day. `sessionTime` can be max 7 days |
-| `storageServerUrl?` | Specify a custom storage url. Default value is `https://broadcast-server.tor.us`.                                                                                   |
-| `storageKey?`       | Specify the storage key. Setting to "local" will persist social login session accross browser tabs. Available options are "local" and "session".                    |
+| Parameter                     | Description                                                                                                                                                         |
+| ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `clientId`                    | Your Web3Auth Client ID. You can get it from Web3Auth [Dashboard](https://dashboard.web3auth.io/) under project details. It's a mandatory field of type `string`    |
+| `network`                     | Defines the Web3Auth network. It's a mandatory field of type `WEB3AUTH_NETWORK_TYPE`.                                                                               |
+| `redirectUrl`                 | URL that Web3Auth will redirect API responses upon successful authentication from browser. It's a mandatory field of type `string`.                                 |
+| `privateKeyProvider`          | Private key provider for your chain namespace.                                                                                                                      |
+| `accountAbstractionProvider?` | Account abstraction provider for your preferred chain and provider.                                                                                                 |
+| `whiteLabel?`                 | WhiteLabel options for web3auth. It helps you define custom UI, branding, and translations for your brand app. It takes `WhiteLabelData` as a value.                |
+| `loginConfig?`                | Login config for the custom verifiers. It takes `LoginConfig` as a value.                                                                                           |
+| `useCoreKitKey?`              | Use CoreKit Key to get core kit key. It's an optional field with default value as `false`.                                                                          |
+| `mfaSettings?`                | Allows developers to configure the Mfa settings for authentication. It takes `MfaSettings` as a value.                                                              |
+| `sessionTime?`                | It allows developers to configure the session management time. Session Time is in seconds, default is 86400 seconds which is 1 day. `sessionTime` can be max 7 days |
+| `storageServerUrl?`           | Specify a custom storage url. Default value is `https://broadcast-server.tor.us`.                                                                                   |
+| `storageKey?`                 | Specify the storage key. Setting to "local" will persist social login session accross browser tabs. Available options are "local" and "session".                    |
 
 </TabItem>
 
@@ -158,9 +160,9 @@ export type SdkInitParams = {
    * dapp on {@link "https://dashboard.web3auth.io"| developer dashboard}
    */
   clientId: string;
-  network: OPENLOGIN_NETWORK_TYPE;
+  network: WEB3AUTH_NETWORK_TYPE;
   /**
-   * This parameter will be used to change the build environment of openlogin sdk.
+   * This parameter will be used to change the build environment of auth sdk.
    * @defaultValue production
    */
   buildEnv?: BUILD_ENV_TYPE;
@@ -186,7 +188,7 @@ export type SdkInitParams = {
    */
   loginConfig?: LoginConfig;
   /**
-   * options for whitelabling default openlogin modal.
+   * options for whitelabling default auth modal.
    */
   whiteLabel?: WhiteLabelData;
   /**
@@ -216,29 +218,45 @@ export type SdkInitParams = {
    */
   mfaSettings?: MfaSettings;
   /**
-   * This parameter will be used to use openlogin mpc
+   * This parameter will be used to use auth mpc
    * @defaultValue false
    */
   enableLogging?: boolean;
   useCoreKitKey?: boolean;
+  walletSdkURL?: string;
+  /**
+   * Private key provider for your chain namespace
+   */
+  privateKeyProvider: IBaseProvider<string>;
+  /**
+   * Account abstraction provider for your chain namespace
+   */
+  accountAbstractionProvider?: IBaseProvider<IProvider>;
 };
 ```
 
 </TabItem>
 
 </Tabs>
 
-## Instantiating a Provider
-
-<InstantiatingProvider />
-
-### Adding a Custom Chain Configuration
+## Adding a Custom Chain Configuration
 
 #### `chainConfig`
 
 <ChainConfig />
 
-## Example
+:::tip
+
+Get the **Chain Config** for your preferred Blockchain from the
+[Connect Blockchain Reference](/connect-blockchain#reference-guides-for-blockchain-connections).
+
+:::
+
+## Instantiating a Provider
+
+<InstantiatingProvider />
+
+### Usage
 
 <Tabs
   defaultValue="bare"
@@ -256,13 +274,13 @@ import * as WebBrowser from "@toruslabs/react-native-web-browser";
 import EncryptedStorage from "react-native-encrypted-storage";
 import Web3Auth, {
   LOGIN_PROVIDER,
-  OPENLOGIN_NETWORK,
+  WEB3AUTH_NETWORK,
   ChainNamespace,
 } from "@web3auth/react-native-sdk";
 import { EthereumPrivateKeyProvider } from "@web3auth/ethereum-provider";
 
 const scheme = "web3authrnexample"; // Or your desired app redirection scheme
-const redirectUrl = `${scheme}://openlogin`;
+const redirectUrl = `${scheme}://auth`;
 
 const clientId =
   "BPi5PB_UiIZ-cPz1GtV5i1I2iOSOHuimiXBI0e-Oe_u6X3oVAbCiAZOTEBtTXw4tsluTITPqA8zMsfxIKMjiqNQ"; // get from https://dashboard.web3auth.io
@@ -281,7 +299,7 @@ const chainConfig = {
   logo: "https://cryptologos.cc/logos/ethereum-eth-logo.png",
 };
 
-const ethereumPrivateKeyProvider = new EthereumPrivateKeyProvider({
+const privateKeyProvider = new EthereumPrivateKeyProvider({
   config: {
     chainConfig,
   },
@@ -290,7 +308,8 @@ const ethereumPrivateKeyProvider = new EthereumPrivateKeyProvider({
 const web3auth = new Web3Auth(WebBrowser, EncryptedStorage, {
   clientId,
   redirectUrl,
-  network: OPENLOGIN_NETWORK.SAPPHIRE_MAINNET, // or other networks
+  network: WEB3AUTH_NETWORK.SAPPHIRE_MAINNET, // or other networks
+  privateKeyProvider,
 });
 ```
 
@@ -302,7 +321,7 @@ const web3auth = new Web3Auth(WebBrowser, EncryptedStorage, {
 import * as WebBrowser from "expo-web-browser";
 import * as SecureStore from "expo-secure-store";
 import Web3Auth, {
-  OPENLOGIN_NETWORK,
+  WEB3AUTH_NETWORK,
   LOGIN_PROVIDER,
   ChainNamespace,
 } from "@web3auth/react-native-sdk";
@@ -329,7 +348,7 @@ const chainConfig = {
   logo: "https://cryptologos.cc/logos/ethereum-eth-logo.png",
 };
 
-const ethereumPrivateKeyProvider = new EthereumPrivateKeyProvider({
+const privateKeyProvider = new EthereumPrivateKeyProvider({
   config: {
     chainConfig,
   },
@@ -338,7 +357,8 @@ const ethereumPrivateKeyProvider = new EthereumPrivateKeyProvider({
 const web3auth = new Web3Auth(WebBrowser, SecureStore, {
   clientId,
   redirectUrl,
-  network: OPENLOGIN_NETWORK.SAPPHIRE_MAINNET, // or other networks
+  network: WEB3AUTH_NETWORK.SAPPHIRE_MAINNET, // or other networks
+  privateKeyProvider,
 });
 ```
 
@@ -351,13 +371,13 @@ import * as WebBrowser from "@toruslabs/react-native-web-browser";
 import EncryptedStorage from "react-native-encrypted-storage";
 import Web3Auth, {
   LOGIN_PROVIDER,
-  OPENLOGIN_NETWORK,
+  WEB3AUTH_NETWORK,
   ChainNamespace,
 } from "@web3auth/react-native-sdk";
 import { EthereumPrivateKeyProvider } from "@web3auth/ethereum-provider";
 
 const scheme = "web3authrnbareauth0example"; // Or your desired app redirection scheme
-const redirectUrl = `${scheme}://openlogin`;
+const redirectUrl = `${scheme}://auth`;
 const clientId =
   "BPi5PB_UiIZ-cPz1GtV5i1I2iOSOHuimiXBI0e-Oe_u6X3oVAbCiAZOTEBtTXw4tsluTITPqA8zMsfxIKMjiqNQ";
 
@@ -375,17 +395,18 @@ const chainConfig = {
   logo: "https://cryptologos.cc/logos/ethereum-eth-logo.png",
 };
 
-const ethereumPrivateKeyProvider = new EthereumPrivateKeyProvider({
+const privateKeyProvider = new EthereumPrivateKeyProvider({
   config: {
     chainConfig,
   },
 });
 
 const web3auth = new Web3Auth(WebBrowser, EncryptedStorage, {
   clientId,
-  network: OPENLOGIN_NETWORK.SAPPHIRE_MAINNET, // or other networks
+  network: WEB3AUTH_NETWORK.SAPPHIRE_MAINNET, // or other networks
   redirectUrl,
   useCoreKitKey: true,
+  privateKeyProvider,
   loginConfig: {
     jwt: {
       verifier: "w3a-auth0-demo",

docs/sdk/pnp/react-native/install.mdx

@@ -8,6 +8,12 @@ import TabItem from "@theme/TabItem";
 import Tabs from "@theme/Tabs";
 import ExpoWarning from "@site/src/common/docs/_expo-warning.mdx";
 
+#### [`@web3auth/react-native-sdk`](https://github.com/web3auth/web3auth-react-native-sdk)
+
+```bash npm2yarn
+npm install --save @web3auth/react-native-sdk
+```
+
 ## Selecting your Workflow
 
 In React Native, you have the choice to use one of the following workflows:
@@ -36,13 +42,7 @@ You can read more about different workflows in the
 
 :::
 
-## Installation
-
-#### [`@web3auth/react-native-sdk`](https://github.com/web3auth/web3auth-react-native-sdk)
-
-```bash npm2yarn
-npm install --save @web3auth/react-native-sdk
-```
+## Installing Helper Modules
 
 ### Adding a Web Browser Module
 
@@ -60,8 +60,6 @@ bare workflow or managed workflow.
 
 <TabItem value="expo">
 
-#### Expo Web Browser
-
 When using our SDK with an Expo-based React Native app (aka managed workflow), you have to install
 the `expo-web-browser` package as a `WebBrowser` implementation.
 
@@ -73,8 +71,6 @@ expo install expo-web-browser
 
 <TabItem value="bare">
 
-#### React Native Web Browser
-
 When using our SDK with a bare workflow React Native app, you have to install a `WebBrowser`
 implementation made by us.
 
@@ -100,8 +96,6 @@ management without storing the private keys of the user in the device.
 
 <TabItem value="expo">
 
-#### Expo Secure Store
-
 When using our SDK with an Expo-based React Native app (aka managed workflow), you have to install
 the `expo-secure-store` package as a `Storage` implementation.
 
@@ -113,8 +107,6 @@ expo install expo-secure-store
 
 <TabItem value="bare">
 
-#### React Native Encrypted Storage
-
 When using our SDK with a bare workflow React Native app, you have to install a `Storage`
 implementation provided by react-native.
 
@@ -125,6 +117,17 @@ npm install --save react-native-encrypted-storage
 </TabItem>
 </Tabs>
 
+### Add a Provider to your project
+
+The `@web3auth/react-native` package requires a private key provider to facilitate interaction with
+your preferred blockchain network. You can choose between the following providers based on your
+usecase.
+
+- [EIP1193 Private Key Provider for EVM Compatible Chains](/sdk/pnp/react-native/providers/evm)
+- [Solana Private Key Provider for Solana Blockchain](/sdk/pnp/react-native/providers/solana)
+- [XRPL Private Key Provider for XRPL Blockchain](/sdk/pnp/react-native/providers/xrpl)
+- [Common Private Key Provider for Connecting to any Blockchain](/sdk/pnp/react-native/providers/common)
+
 ## Configuration
 
 After you have installed the files needed for your workflow, you'll have to configure the SDK with
@@ -234,12 +237,12 @@ targetSdkVersion = 31
 
 - Your `redirectUrl` is your defined scheme following some identifier or your choice. For example,
   if your scheme is `web3authrnexample`, you can define your `redirectUrl` as
-  `web3authrnexample://openlogin`. Make sure you register this `redirectUrl` in the
+  `web3authrnexample://auth`. Make sure you register this `redirectUrl` in the
   [Web3Auth Developer Dashboard](https://dashboard.web3auth.io).
 
 ```tsx title="App.js"
 const scheme = "web3authrnexample"; // Or your desired app redirection scheme
-const resolvedRedirectUrl = `${scheme}://openlogin`;
+const resolvedRedirectUrl = `${scheme}://auth`;
 ```
 
 #### iOS

docs/sdk/pnp/react-native/mfa.mdx

@@ -53,7 +53,7 @@ for free.
 :::
 
 You can configure the order of MFA or enable/disable MFA type by passing the `mfaSettings` object in
-`OpenLoginOptions`. We offer the following backup factors under `mfaSettings`:
+`Web3AuthOptions`. We offer the following backup factors under `mfaSettings`:
 
 - `deviceShareFactor`,
 - `backUpShareFactor`,

docs/sdk/pnp/react-native/usage.mdx

@@ -138,8 +138,8 @@ export type LoginParams = BaseRedirectParams & {
    * - `'secp256k1'`: secp256k1 based pub key is added as a wallet public key in jwt token to use.
    * - `'ed25519'`: ed25519 based pub key is added as a wallet public key in jwt token to use.
    *
-   * Note: This parameter won't change format of private key returned by openlogin. Private key returned
-   * by openlogin is always `secp256k1`. As of now you have to convert it to `'ed25519'` if you want.
+   * Note: This parameter won't change format of private key returned by auth service. Private key returned
+   * by auth service is always `secp256k1`. As of now you have to convert it to `'ed25519'` if you want.
    * You can use `@toruslabs/openlogin-ed25519` npm package for this purpose.
    *
    *