- `curve` "secp256k1" (default) or "ed25519"
You can specify which curve you want use for the encoded public key in the login parameters - `type` "web3auth_key" incase of social logins
- `public_key` compressed public key derived based on the specified curve
Here, issuer could be `torus-evm`, `torus-solana`, `metamask`, `phantom`, `walletconnect-v1`, `coinbase`, `slope`, `solflare` | +| `wallets` | `array` | list of wallets for which this token is issued:
- `address` : Wallet public address
- `type` Network Type such as "ethereum", "solana" or "starkware" incase of external wallets
| Aptos (APT) | +Ethereum (ETH) | +Near (NEAR) | +Arbitrum (ETH) | +
| Fantom (FTM) | +Optimism (OP) | +Aurora (AURORA) | +Gnosis (xDAI, GNO) | +
| Polkadot (DOT) | +Avalanche (AVAX) | +Hedera (HBAR) | +Polygon (MATIC) | +
| Binance (BSC) | +Immutable X (IMX) | +Ripple (XRP) | +Bitcoin (BTC) | +
| Kadena (KDA) | +Ronin (AXS) | +Cardano (ADA) | +Kava (KAVA) | +
| Shiba Inu (SHIB) | +Celo (CELO) | +Klaytn (KLAY) | +Solana (SOL) | +
| Cosmos (ATOM) | +Metis (METIS) | +Tezos (XTZ) | +Cronos (CRO) | +
| Moon River (MOVR) | +Tron (TRX) | +Dogecoin (DOGE) | +Moonbeam (GLMR) | +
| Velas (VLX) | +EOS (EOS) | +MultiversX (EGLD) | +Waves (WAVE) | +
| WAX (WAXP) | +Zilliqa (ZIL) | ++ | + |
-
-
-- Upon clicking the `Open Wallet` link, a pop-up with the Torus Wallet will open.
-
-
-
-- Torus Wallet has two flows to login via Wallet Connect. `Paste` or `Scan` the WalletConnect QR code.
-
- #### Copy Paste Flow
-
- - Let say, you want to login to a dApp( eg. OpenSea ), click on WalletConnect option to login, you'll see this screen.
-
- 
-
- - Click on `Copy to clipboard`.
-
- - Paste the wallet connect url copied above to this box, and click anywhere on the screen. Within seconds, you'll see a green banner saying it's
- connected.
-
- 
-
- - At this time, go to the dApp( eg. OpenSea ).
-
- - You'll see a Modal to `Accept and Sign`. Click on it and come back to the `Torus Wallet`.
-
- 
-
- - In your `Torus Wallet`, you'll need to confirm the permission on the shown Modal.
-
- 
-
- - Upon confirming, you'll be logged in your dApp ( eg. OpenSea )
-
- #### Scan QR Code Flow
-
- - To login via QR Code, click on `Scan to connect`.
-
- 
-
- - Camera window will open, show the `Wallet Connect QR Code` to login.
-
- - Upon login, you'll see a green banner saying it's connected.
-
- 
-
-## Using Web3Auth Dashboard Toggles
-
-Within the Web3Auth Dashboard, while setting up a new Plug and Play project or editing an existing one, you have the option to configure
-interoperability with Torus Wallet.
-
-To enable it, you need to do the following steps:
-
-- Create a new / edit your existing Plug and Play project
-
-
-
- -
-
-
- Once you added
Torus Wallet Pluginin your dApp, you'll see something like this: Click on the circular icon to open this Modal. -
-
- 
-
-
-
-
-- Once you have selected one of the chains supported by Torus Wallet, you can now select the option `Allow user's private key usage in given wallets:`
- to enable interoperable flow with the Torus Wallets. These wallets can be accessed on the following domains:
-
-
-
- -
-
-
- Select the chain you want your dApp to interact with. For interoperability, you have the option between
EVM based Chain,{" "} -Solana&Casper. -
-
- 
-
-
-
-
-
- -
-
- - EVM Wallet - https://app.tor.us - -
- - Solana Wallet - https://solana.tor.us - -
- - Casper Wallet - https://casper.tor.us - -
-
-
- 
-
-- -And you're done! Now, your user can use their Web3Auth private key from your application to sign transactions within Torus Wallet. - -### Flow for the user in Torus Wallet - -- Once you have enabled the interoperability flow, your user can navigate to the respective Torus Wallet app ([EVM](https://app.tor.us), - [Solana](https://solana.tor.us) or [Casper](https://casper.tor.us)). -- To access their key inside Torus Wallet, your user needs to log into Torus Wallet using the same authentication method they used for your - application. -
-
diff --git a/docs/pnp/features/mfa.mdx b/docs/pnp/features/mfa.mdx
deleted file mode 100644
index 9b762abb5..000000000
--- a/docs/pnp/features/mfa.mdx
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: Multi Factor Authentication
-displayed_sidebar: docs
-description: "Multi Factor Authentication | Documentation - Web3Auth"
----
-
-At Web3Auth, we prioritize your security by offering Multi-Factor Authentication (MFA). MFA is an extra layer of protection that verifies your
-identity when accessing your account. To ensure ownership, you must provide two or more different backup factors. You have the option to choose from
-the device, social, backup factor (seed phrase), and password factors to guarantee access to your Web3 account. Once you create a recovery factor, MFA
-is enabled, and your keys are divided into three shares for off-chain multi-sig, making the key self-custodial. With backup factors, you can easily
-recover your account if you lose access to your original device or helps login into a new device.
-
-For a dApp, we provide various options to set up Multi-Factor Authentication. You can customize the MFA screen by setting the `mfaLevel` argument. You
-can enable or disable a backup factor and change their order. Currently, there are four values for `mfaLevel`:
-
-- `default`: presents the MFA screen every third login
-- `optional`: presents the MFA screen on every login, but you can skip it
-- `mandatory`: make it mandatory to set up MFA after login
-- `none`: skips the MFA setup screen.
-
-:::caution Note
-
-If you are using default verifiers, your users may have set up MFA on other dApps that also use default Web3Auth verifiers. In this case, the MFA
-screen will continue to appear if the user has enabled MFA on other dApps. This is because MFA cannot be turned off once it is enabled.
-
-:::
-
-We offer the following backup factors under `mfaSettings`:
-
-:::note Minimum SCALE plan required
-
-This is a paid feature and the minimum [pricing plan](https://web3auth.io/pricing.html) to use this SDK in a production environment is the **SCALE
-Plan**. You can use this feature in the development environment for free.
-
-:::
-
-- `deviceShareFactor`,
-- `backUpShareFactor`,
-- `socialBackupFactor`, and
-- `passwordFactor`.
-
-Choose the best options that suit your needs to ensure a safe and secure Web3 experience.
-
-## Default mfaSettings
-
-
-
-## Custom mfaSettings
-
-
diff --git a/docs/pnp/features/server-side-verification/external-wallets.mdx b/docs/pnp/features/server-side-verification/external-wallets.mdx
deleted file mode 100644
index bbca9848a..000000000
--- a/docs/pnp/features/server-side-verification/external-wallets.mdx
+++ /dev/null
@@ -1,125 +0,0 @@
----
-title: External Wallets
-displayed_sidebar: docs
-description: "External Wallets | Documentation - Web3Auth"
-image: "images/docs-meta-cards/documentation-card.png"
----
-
-Web3Auth's SDK has abstracted the Server Side Verification Flow that was present in `Auth.js` SDK aka Sign-in with Web3 to allow External Wallet users
-to login smoothly and allowing dApps to verify the JWT Token(`idToken`) using Web3Auth's JWKS endpoint.
-
-> If you're still looking for the old flow, visit [Sign-in with Web3](https://siww.web3auth.io/).
-
-## Get idToken
-
-After a user is logged in using one of the supported [Wallets](/sdk/pnp/web/adapters/#currently-available-wallet-adapters). One can obtain the
-`idToken` by calling `web3auth.authenticateUser()` of Web3Auth.
-
-### `authenticateUser`
-
-```tsx
-await web3auth.authenticateUser();
-```
-
-#### Returns
-
-```json
-{
- "idToken": "
- 
-
-
- 
-
-Here, issuer could be `torus-evm`, `torus-solana`, `metamask`, `phantom`, `walletconnect-v1`, `coinbase`, `slope`, `solflare` | -| `wallets` | `array` | list of wallets for which this token is issued:
- `address` : Wallet public address
- `type` Network Type such as "ethereum", "solana" or "starkware" incase of external wallets
-
-
-##### Widget
-
-
- 
-
-
- 
-
-
-
-
-## Torus Wallet
-
-#### Hide Topup `topupHide`
-
-Shows/hides Topup page in Torus Wallet
-
-#### Billboard `featuredBillboardHide`
-
-Shows/hides Billboard in Torus Wallet
-
-
- 
-
-
- 
-
-
-
-
-## Login Modal
-
-#### Disclaimer `disclaimerHide`
-
-Shows/hides disclaimers on login page. Only works if special logins are hidden.
-
-
- 
-
-
- 
-
-
-
-
-## Example
-
-### `TorusWalletAdapter`
-
-```tsx
-import { Web3Auth } from "@web3auth/modal";
-import { TorusWalletAdapter } from "@web3auth/torus-evm-adapter";
-import { CHAIN_NAMESPACES } from "@web3auth/base";
-
-const web3auth = new Web3Auth({
- chainConfig: { chainNamespace: CHAIN_NAMESPACES.EIP155 },
- clientId: "BPi5PB_UiIZ-cPz1GtV5i1I2iOSOHuimiXBI0e-Oe_u6X3oVAbCiAZOTEBtTXw4tsluTITPqA8zMsfxIKMjiqNQ",
- web3AuthNetwork: "sapphire_mainnet",
-});
-
-const torusWalletAdapter = new TorusWalletAdapter({
- initParams: {
- // type WhiteLabelParams
- whiteLabel: {
- theme: {
- isDark: true,
- colors: { torusBrand1: "#FFA500" },
- },
- logoDark: "https://images.web3auth.io/web3auth-logo-w.svg",
- logoLight: "https://images.web3auth.io/web3auth-logo-w-light.svg",
- topupHide: true,
- featuredBillboardHide: true,
- disclaimerHide: true,
- defaultLanguage: "en",
- },
- },
-});
-
-web3auth.configureAdapter(torusWalletAdapter);
-```
-
-### `SolanaWalletAdapter`
-
-```tsx
-import { Web3Auth } from "@web3auth/modal";
-import { SolanaWalletAdapter } from "@web3auth/torus-solana-adapter";
-import { CHAIN_NAMESPACES } from "@web3auth/base";
-
-const web3auth = new Web3Auth({
- chainConfig: { chainNamespace: CHAIN_NAMESPACES.EIP155 },
- clientId: "BPi5PB_UiIZ-cPz1GtV5i1I2iOSOHuimiXBI0e-Oe_u6X3oVAbCiAZOTEBtTXw4tsluTITPqA8zMsfxIKMjiqNQ",
- web3AuthNetwork: "sapphire_mainnet",
-});
-
-const solanaWalletAdapter = new SolanaWalletAdapter({
- initParams: {
- // type WhiteLabelParams
- whiteLabel: {
- theme: {
- isDark: true,
- colors: { torusBrand1: "#FFA500" },
- },
- logoDark: "https://images.web3auth.io/web3auth-logo-w.svg",
- logoLight: "https://images.web3auth.io/web3auth-logo-w-light.svg",
- topupHide: true,
- featuredBillboardHide: true,
- disclaimerHide: true,
- defaultLanguage: "en",
- },
- },
-});
-
-web3auth.configureAdapter(solanaWalletAdapter);
-```
diff --git a/docs/pnp/features/whitelabel/whitelabel.mdx b/docs/pnp/features/whitelabel/whitelabel.mdx
deleted file mode 100644
index e36c3e0c5..000000000
--- a/docs/pnp/features/whitelabel/whitelabel.mdx
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: Web3Auth Plug and Play Whitelabel
-sidebar_label: Whitelabel
-displayed_sidebar: docs
-description: "Web3Auth Plug and Play Whitelabel | Documentation - Web3Auth"
-image: "images/docs-meta-cards/documentation-card.png"
----
-
-Whitelabeling enables you to maintain a consistent user experience across your application. With Web3Auth, you can customize the user interface,
-branding, and translations to match your application's needs. Our SDKs support white labeling, allowing for detailed customization across all our
-offerings.
-
-You can do whitelabelling across `Web3Auth Plug and Play Modal`, `User Flow Screens` via `Openlogin Adapter` and `Mobile SDKs`, and
-`Torus & Solana Wallet UI` instances.
-
-- [Web3Auth Plug and Play Login Modal](/pnp/features/whitelabel/login-modal)
-
- 
-
-- [User Flow Screens](/pnp/features/whitelabel/user-flow-screens)
-
- 
-
-- [Torus & Solana Wallet UI](/pnp/features/whitelabel/torus-wallet-plugin)
diff --git a/docs/pnp/going-live.mdx b/docs/pnp/going-live.mdx
deleted file mode 100644
index c9930f0b7..000000000
--- a/docs/pnp/going-live.mdx
+++ /dev/null
@@ -1,79 +0,0 @@
----
-title: Going Live with Web3Auth Plug and Play
-sidebar_label: Going Live Checklist
-displayed_sidebar: docs
-description: "Going Live with Plug and Play Web3Auth | Documentation - Web3Auth"
----
-
-Before going live with Web3Auth Plug and Play SDKs, please make sure you have completed the following steps:
-
-### 1. Create a Web3Auth Production Client ID
-
-Make sure your client id for Web3Auth is on the Sapphire Mainnet Network. The Sapphire Mainnet is our geo-distributed, horizontally scalable network.
-If you have certain specific requirements for the network configurations for scalability, please reach out to us at our
-[Community Portal](https://community.web3auth.io).
-
-:::info
-
-You need to create a Sapphire Devnet client id for the same name before creating a production client id. This is to ensure that your testing and
-production environments are separate and the wallets generated for the end users remain safe.
-
-:::
-
-:::warning
-
-Make sure your Web3Auth Network in the SDK initialization is the **same** as your client id network, otherwise you find see errors while logging your
-users in.
-
-:::
-
-### 2. Create a Web3Auth Production Verifier
-
-While using the [Custom Authentication Feature](/pnp/features/custom-authentication) in the Plug and Play SDKs, you will need to create a verifier.
-Make sure the network of the verifier is the same as the network of the client id.
-
-:::warning
-
-All new verifiers produce **different wallets/ accounts** for users, it is not possible to rename a verifier once you have created it. The person who
-has created the verifier can only edit it afterwards. This is a limitation even when you have a team setup. This is because a verifier is a smart
-contract and the address editing it cannot be changed. The only way to change this is to create a new verifier.
-
-:::
-
-### 3. Update your Web3Auth SDKs to the latest version
-
-We are constantly updating our SDKs to make sure they are secure and performant. Make sure you are using the latest version of the SDKs. Please do not
-actively use the pre release versions, rather wait for the latest stable release.
-
-### 4. Use a production RPC Endpoint for your respective blockchains
-
-For testing purposes, our examples and SDKs use public RPC endpoints. Make sure you are using a production RPC endpoint (by providers like Infura,
-Quicknode, Alchemy etc.) for your production environment before going live. This can be done by updating the
-[`rpcTarget`](/sdk/pnp/web/modal/initialize#chainconfig) value in the `Web3Auth` object in the SDK initialisation in Web SDKs and updating the
-provider URL in mobile SDKs.
-
-### 5. Audit the UX for your Web3Auth Login flow
-
-From the icon showing up in the Web3Auth Modal to the [whitelabel setting](/pnp/features/whitelabel/) for the intermediary pages that are shown to the
-user, make sure you have checked your branding and customisations. Checking all the possible flows is recommended.
-
-### 6. Check your interoperability flow
-
-If you're using [interoperability with Torus Wallet](/pnp/features/interoperability#using-web3auth-dashboard-toggles) on the dashboard settings, you
-need to use Web3Auth in the `mainnet` network. It is recommended that you audit that flow before going live. Your app name shown in the Torus Wallet
-login screen is the app name of your Client Id so make sure you have updated that.
-
-If you're using [WalletConnect or Web3Auth Plugins based interoperability flow](/pnp/features/interoperability#interoperability-with-plugins), make
-sure you have tested the flow before going live.
-
-### 7. Check in multiple browsers and devices
-
-The Web3Auth SDKs are built to work in all [major browsers and devices](/troubleshooting/supported-browsers). Make sure you have tested your login
-flow in all major browsers and devices. If you're facing any issues with any particular browser or device, please make sure they're compatible with
-the Web3Auth SDKs.
-
-### 8. Upgrade your Web3Auth Plan
-
-Finally, make sure you're on the correct [Web3Auth Plan](https://web3auth.io/pricing.html) according to the features you're looking to use in the
-production environment. Additionally make sure to add a credit card in the Web3Auth Dashboard so that your services are not stopped once the MAW cap
-has reached.
diff --git a/docs/pnp/introduction.mdx b/docs/pnp/introduction.mdx
deleted file mode 100644
index e9e39c44b..000000000
--- a/docs/pnp/introduction.mdx
+++ /dev/null
@@ -1,44 +0,0 @@
----
-title: Web3Auth Plug and Play
-sidebar_label: Introduction
-displayed_sidebar: docs
-description: "Plug and Play Web3Auth | Documentation - Web3Auth"
----
-
-Web3Auth offers developers easy-to-use SDKs and predefined UX flows for quickly integrating Web3Auth instances into various platform offerings.
-
-**There are two options for using Web3Auth on the web:**
-
-- **Web3Auth Plug and Play Modal SDK [`@web3auth/modal`](/sdk/pnp/web/modal/):** This SDK provides a simple and modular way of implementing Web3Auth
- directly within your application. You can customize the pre-configured Web3Auth Modal UI according to your needs.
-
-- **Web3Auth Plug and Play No Modal SDK [`@web3auth/no-modal`](/sdk/pnp/web/no-modal):** This SDK implements all the Web3Auth features you need and
- allows you to use your UI with the Web3Auth SDK working behind the scenes.
-
-**For mobile app development, Web3Auth offers four Plug and Play SDKs:**
-
-- **Web3Auth Plug and Play Android SDK [`web3auth-android-sdk`](/sdk/pnp/android):** This client-side library allows you to authenticate users using
- Web3Auth on your Android app. It provides a private key generated in a non-custodial way on successful user authentication. You can use any social
- login options that Web3Auth supports or implement a custom authentication flow.
-
-- **Web3Auth Plug and Play iOS SDK [`web3auth-swift-sdk`](/sdk/pnp/ios):** This SDK, written in Swift, enables you to authenticate users using
- Web3Auth on your iOS app. It also provides a private key generated in a non-custodial way on successful user authentication. You can use any social
- login options Web3Auth supports or implement a custom authentication flow.
-
-- **Web3Auth Plug and Play React Native SDK [`web3auth-react-native-sdk`](/sdk/pnp/react-native):** This SDK, written in TypeScript, allows you to
- authenticate users using Web3Auth on your React Native app. It provides a private key generated in a non-custodial way on successful user
- authentication. You can use any social login options Web3Auth supports or implement a custom authentication flow.
-
-- **Web3Auth Plug and Play Flutter SDK [`web3auth-flutter-sdk`](/sdk/pnp/flutter):** This SDK, written in Dart, lets you authenticate users using
- Web3Auth on your Flutter app. It provides a private key generated in a non-custodial way on successful user authentication. You can use any social
- login options Web3Auth supports or implement a custom authentication flow.
-
-**For gaming development, Web3Auth provides two Plug and Play SDKs:**
-
-- **Web3Auth Plug and Play Unity SDK [`web3auth-unity`](/sdk/pnp/unity):** This C#-based client-side library allows you to authenticate users using
- Web3Auth on the Unity3D game engine. It provides a private key generated in a non-custodial way on successful user authentication. You can use any
- social login options Web3Auth supports or implement a custom authentication flow.
-
-- **Web3Auth Plug and Play Unreal Engine SDK [`web3auth-unreal`](/sdk/pnp/unreal):** This C++ based client-side library lets you authenticate users
- using Web3Auth on the Unreal Game Engine. It provides a private key generated in a non-custodial way on successful user authentication. You can use
- any social login options Web3Auth supports or implement a custom authentication flow.
diff --git a/docs/product-fit/enterprise.mdx b/docs/product-fit/enterprise.mdx
deleted file mode 100644
index 887b186a1..000000000
--- a/docs/product-fit/enterprise.mdx
+++ /dev/null
@@ -1,62 +0,0 @@
----
-title: Web3Auth Enterprise Whitelabelled Wallet Offerings
-sidebar_label: Enterprise Whitelabelled Wallet
-displayed_sidebar: docs
-description: "Web3Auth Enterprise Whitelabelled Wallet Offerings | Documentation - Web3Auth"
----
-
-At Web3Auth, we understand the evolving landscape of the digital finance world and the increasing demand for bespoke digital wallet solutions. While
-our SDKs allow developers to build their applications from scratch, we also understand the need for ready-to-go solutions. For businesses looking to
-make their mark in the crypto space without building everything from the ground up, we present our **Enterprise WhiteLabelled Wallet**.
-
-## WhiteLabelled Wallet Solutions
-
-Our suite of products, including the **Torus Wallet**, **Web3Auth Plug and Play**, and **Web3Auth Core Kit**, all support whitelabeling as a feature
-within the SDKs. However, for more intricate customizations and access to pre-constructed UI elements, our advanced offering can be your solution.
-
-- **Torus Wallet**: Tailored to reflect your brand, leveraging the robust features of the Torus Wallet. Enables complete cloning of the website at
- [app.tor.us](https://app.tor.us).
-
-- **Web3Auth Plug and Play**: Seamlessly integrate into your user experience. The entire flow can be cloned, replicating the functionality of
- [auth.web3auth.io](https://auth.web3auth.io).
-
-- **React Native Whitelabeled Wallet**: A comprehensive solution optimized for mobile, guaranteeing a uniform and branded experience across all
- devices. A video demo of the wallet can be found [here](https://www.youtube.com/watch?v=Si8R2IVZHhM).
-
-- **Web3Auth Infrastructure Ownership**: Command key aspects of the infrastructure to guarantee optimal customization and security.
-
-- **Custom UI/UX Flows**: Construct unique user pathways with our specialized assistance, ensuring a perfect alignment with your audience and
- objectives.
-
-## Real-World Applications
-
-- **fox.web3auth.com**: Fox Corporation leverages a dedicated infrastructure via our Web3Auth Plug and Play.
-
-- **Trust Wallet Extension**: Built on the foundation of Web3Auth MPC with development directed by our expert team.
-
-## Advantages of the Enterprise WhiteLabelled Wallet:
-
-- **Swift Development**: Bypass the initial phases of wallet creation and dive directly into refining and customization, significantly reducing your
- go-to-market time.
-
-- **Economical**: Allocate saved resources and capital to bolster your offerings or diversify into new initiatives.
-
-- **User-Friendly Customization**: Seamlessly modify the existing framework to mirror your brand identity and provide a unified experience.
-
-- **Rich in Features**: With varied authentication methods from phone numbers to social logins and support for multi-chain operations, users are
- assured a comprehensive, seamless experience.
-
-- **Licensing Benefits**: The associated fee becomes a judicious investment, given the time, funds, and potential for rapid market introduction that
- you save.
-
-## Embark on Your Customized Journey
-
-Interested in adopting our Enterprise WhiteLabelled Wallet? We're here to assist, in understanding your unique needs, conceptualizing use cases, and
-charting the course for success.
-
-:::info Schedule a Demo
-
-[Click here](https://calendly.com/web3auth/meeting-with-web3auth) to initiate discussions or send us an email at our
-[business support email](mailto:support@web3auth.io).
-
-:::
diff --git a/docs/product-fit/partner-products.mdx b/docs/product-fit/partner-products.mdx
deleted file mode 100644
index 82656b68a..000000000
--- a/docs/product-fit/partner-products.mdx
+++ /dev/null
@@ -1,111 +0,0 @@
----
-title: Web3Auth Partner Products
-sidebar_label: Partner Products
-displayed_sidebar: docs
-description: "Web3Auth Partner Products | Documentation - Web3Auth"
----
-
-This guide provides an overview of various SDKs built by our partners, leveraging the capabilities of Web3Auth. The integrations serve as an ideal
-starting point, offering insights into how Web3Auth harmonizes with diverse user experiences.
-
-## Account Abstraction SDKs
-
-Account Abstraction (AA) represents a groundbreaking shift in Web3 authentication methods, redefining how decentralized applications (dApps) are
-designed and interacted with today.
-
-- **Unified Self-Custody:** AA streamlines the process by merging externally-owned accounts (EOAs) and smart contracts, leading to the emergence of
- self-custodial wallets, further bolstered by heightened security measures.
-
-- **Ecosystem Evolution:** At its foundation, the ERC-4337 proposal champions the adaptation and enhancement of AA within the Ethereum network. The
- broader vision encompasses achieving complete account abstraction across the ecosystem, an aspiration long-held.
-
-- **Decentralized Integrity:** Central to ERC-4337 is its commitment to censorship resistance. Thanks to account abstraction, there's no compromise on
- decentralization, a challenge that has been elusive for a long time.
-
-Incorporating Multi-Party Computation (MPC) amplifies the capabilities of account abstraction. Through the dispersion of transaction validation across
-multiple parties, MPC ensures that no single participant holds undue influence over a transaction. The marriage of this robust security mechanism with
-the intuitiveness of account abstraction delivers an unparalleled dual benefit. Furthermore, Web3Auth's functionality of granting account access via
-social logins and augmenting account recovery amplifies user convenience in account access and management.
-
-Web3Auth is leading this change, and many top software kits use it. By mixing our knowledge in MPC with AA, we make sure our decentralized apps are
-strong and easy to use.
-
-### Biconomy SDK
-
-A pioneer in leveraging EIP4337 and gas abstraction, the Biconomy SDK is built firmly on the ERC4337 solution, offering a full spectrum of tools
-tailored for dApps. It enhances the dApp user experience in a non-custodial manner. Key features include:
-
-- Seamless user onboarding with social login, account setup & recovery.
-- An in-dApp fiat gateway for buying/selling crypto.
-- Gasless transactions, allowing dApps to cover gas fees.
-- Paying gas fees using ERC20 tokens.
-- Custom transaction bundling to streamline multiple operations.
-
-:::tip
-
-Check out Biconomy documentation https://docs.biconomy.io/Account/signers/web3auth
-
-:::
-
-### Safe\{Core} AA SDK
-
-With extensive assets under its management, Safe promises robust Smart Account Infrastructure Safe champions open contract standards for the digital
-ownership of assets, data, and identity. Their modular Smart Account framework encourages developers to innovate diverse applications and wallets. The
-Safe\{Core} AA SDK offers kits to simplify smart contract account operations, complete with guides on integration.
-
-:::tip
-
-Check out Safe\{Core} AA SDK documentation https://docs.safe.global/safe-core-aa-sdk/auth-kit/guides/safe-auth
-
-:::
-
-### Keyp
-
-Specifically crafted for game developers and NFT enthusiasts, Keyp offers tools to enhance the web3 onboarding experience. They envision a world where
-users hold control over their digital assets.
-
-:::tip
-
-Check out Keyp documentation https://docs.usekeyp.com/
-
-:::
-
-### ZeroDev
-
-ZeroDev focuses on offering the most straightforward developer experience for AA, supported by a robust smart wallet framework. It facilitates easy
-smart wallet creation, provides essential smart wallet features, and allows for customized extensions using a plugin framework. Whether you're
-creating a wallet or a DApp, ZeroDev promises to elevate the Web3 user experience.
-
-:::tip
-
-Check out ZeroDev documentation https://docs.zerodev.app/sdk/signers/web3auth
-
-:::
-
-### Gelato
-
-Committed to delivering the finest user experiences with gas abstraction, Gelato acts as web3's decentralized backbone. It offers a host of services:
-
-- Web3 functions connecting smart contracts to off-chain data.
-- Reliable automated smart contract transactions.
-- Gasless transaction relays via an intuitive API.
-- A Gasless Wallet SDK in collaboration with Safe's Smart Contract Wallet.
-
-:::tip
-
-Check out Gelato documentation https://docs.gelato.network/developer-services/account-abstraction
-
-:::
-
-## Ludex Gaming SDK
-
-Ludex provides web3 solutions for video game developers, facilitating the easy integration of blockchain smart contracts into games using conventional
-SDKs and APIs. With the foundation of Web3Auth, game developers can construct a full-fledged web3 game without delving into the nuances of blockchain
-technology. Ludex offers a wallet connection integration using Web3Auth for Unity WebGL, Mobile and PC. The Unity SDKs also include Fungible Token &
-Non-Fungible Token integration.
-
-:::tip
-
-Check out Ludex documentation https://docs.ludex.gg/
-
-:::
diff --git a/docs/product-fit/pnp-vs-core-kit.mdx b/docs/product-fit/pnp-vs-core-kit.mdx
deleted file mode 100644
index fce2d39d3..000000000
--- a/docs/product-fit/pnp-vs-core-kit.mdx
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: Plug and Play vs Core Kit
-sidebar_label: PnP vs Core Kit
-displayed_sidebar: docs
-description: "Plug and Play vs Core Kit | Documentation - Web3Auth"
----
-
-import SDKReferenceCards from "@site/src/components/SDKReferenceCards";
-
-Choosing the right Web3Auth product involves a careful analysis of what each option offers. Both our Plug and Play and Core-Kit solutions have unique
-features and benefits tailored to meet specific project needs.
-
-:::warning Pre Planning Product Requirements
-
-This document helps you understand the differences between the products and helps you make the right choice for your project. This is a very important
-step in the Web3Auth Integration process, please make sure you're making the right choice for your project. **We would recommend you to the SDKs in
-the same stack of products within Web3Auth to minimize the migration efforts.**
-
-If you're considering using the Core Kit Multi Factor SDKs in the future and want a quick integration to start of, we recommend you to use the Single
-Factor Auth SDKs right now and then move to the Multi Factor SDKs later. This will help you minimize the migration efforts from Plug and Play to Core
-Kit.
-
-In a case, where you have already integrated Web3Auth Plug and Play SDKs and want to move to Core Kit, we recommend you to read our
-[Troubleshooting Document around Key Migrations](/troubleshooting/different-private-key#migrating-between-sdks).
-
-:::
-
-## Plug and Play
-
-Web3Auth's **Plug and Play** is designed for efficiency and ease of use, offering predefined UI & UX flows and user-friendly SDKs.
-
-**Key Features:**
-
-- **Ease of Integration:** Requires only the initialization of the Web3Auth SDKs and the setup of necessary configurations.
-- **Non Custodial:** By default, the SDKs are non-custodial, meaning that users have complete control over their wallets.
-- **Pre Generated UX/UI Flows:** For ease of integration, this SDK offers predefined UI/UX flow, with full whitelabeling options.
-- **Wallet Aggregator:** Allows you to integrate multiple existing wallets into your application, alongside social logins, to provide users with a
- seamless login experience of their choice.
-- **Platform Compatibility:** Available for Web, iOS, Android, React Native, Flutter, Unity and Unreal environments.
-
-## Core-Kit
-
-The **Core-Kit** provides a more hands-on approach. It allows developers to define and develop their authentication flows, with Web3Auth being
-invisible to the end-user.
-
-**Key Features:**
-
-- **Customizable UI & UX:** Enables you to build and maintain your own UI & UX for login and MFA.
-- **Owning the Infrastructure:** Enables you to own the wallet management and the authentication flow.
-- **No Redirection:** Unlike PnP, for Core Kit the wallet management flows are not hosted on `app.openlogin.com`. This means that users will not be
- redirected to a different domain for authentication. All the flows can happen within your application.
-- **Platform Compatibility:** Available for Web, React Native, iOS and Android.
-
-## Comparison Table
-
-| | Plug and Play | Core-Kit |
-| -------------------------- | ----------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------- |
-| **UI & UX** | Predefined login UX and UI, with whitelabeling options | Build and maintain your own UI & UX for login and MFA |
-| **Recoverability** | Easier through `app.openlogin.com`, requires redirection for key management flows | Need to build flows for key recovery and management. Everything can happen within the application itself. |
-| **Key Custodiality** | Non Custodial by design. | Integrating application determines the custodiality of the key for the user. All flows are available. |
-| **Authentication** | Out of the box Auth, with options to bring your existing authentication and configuration | Auth setup to be maintained at your end, with the option to integrate existing authentication systems. |
-| **Setup** | Easy and quick setup for projects going live quickly | Best suited for enterprises and builders seeking to customize the UX flow |
-| **Platform Compatibility** | Available in Web, Mobile, and Gaming SDKs | Currently available for Web, React Native, iOS and Android |
-
-
- 
-
-
- 
-
-- **`string`** - (Choose between `eip155`, `solana` & `other`) **or**
- **`ChainNamespaceType`** - (Choose between `CHAIN_NAMESPACES.EIP155`, `CHAIN_NAMESPACES.SOLANA` & `CHAIN_NAMESPACES.OTHER`)
- **`string`** - (Choose between `eip155`, `solana` & `other`) **or**
- **`ChainNamespaceType`** - (Choose between `CHAIN_NAMESPACES.EIP155`, `CHAIN_NAMESPACES.SOLANA` & `CHAIN_NAMESPACES.OTHER`)
- RPC Target URL for the selected `chainNamespace` & `chainId`.
- We provide a default RPC Target for certain blockchains, but due to congestion it might be slow hence it is recommended to provide your own RPC Target URL.
- **`string`** - (Choose between `eip155`, `solana` & `other`) **or**
- **`ChainNamespaceType`** - (Choose between `CHAIN_NAMESPACES.EIP155`, `CHAIN_NAMESPACES.SOLANA` & `CHAIN_NAMESPACES.OTHER`)
- **`string`** - (Choose between `eip155`, `solana` & `other`) **or**
- **`ChainNamespaceType`** - (Choose between `CHAIN_NAMESPACES.EIP155`, `CHAIN_NAMESPACES.SOLANA` & `CHAIN_NAMESPACES.OTHER`)
- RPC Target URL for the selected `chainNamespace` & `chainId`.
- We provide a default RPC Target for certain blockchains, but due to congestion it might be slow hence it is recommended to provide your own RPC Target URL.
-
-
## Install SafeAuth Kit
To get started, install the [`@safe-global/auth-kit`](https://www.npmjs.com/package/@safe-global/auth-kit) SDK from Safe.
diff --git a/docs/sdk/wallet-services/pregenerate-wallet.mdx b/docs/sdk/wallet-services/pregenerate-wallet.mdx
deleted file mode 100644
index c753a50aa..000000000
--- a/docs/sdk/wallet-services/pregenerate-wallet.mdx
+++ /dev/null
@@ -1,156 +0,0 @@
----
-title: Pregenerated Wallets API
-hide_table_of_contents: true
-hide_title: true
-displayed_sidebar: sdk
-image: "images/docs-meta-cards/sdk-reference-card.png"
-description: "Pregenerated Wallets API | Documentation - Web3Auth"
----
-
-import React, { useState, useEffect } from "react";
-import axios from "axios";
-import "../../../src/css/custom.css";
-
-export default function LookupAPIPage() {
- const networkOptions = [
- "sapphire_mainnet", "sapphire_devnet"
- ];
-
- const constructURL = () => {
- const baseUrl = "https://lookup.web3auth.io/lookup";
- const queryParams = new URLSearchParams(formData);
-
- const readableParams = [];
- queryParams.forEach((value, key) => {
- readableParams.push(
-
- {key}={value}&
-
- );
- });
-
- return (
- - What is an EOA? -
-
-
-- An{" "} - - EOA, or externally-owned account - {" "} - is a type of Ethereum account that is controlled by a private key. EOAs can be created through Web3Auth, or by using external wallets such as - MetaMask, Coinbase Wallet, Rainbow Wallet, etc. -
-- On the other hand, there are contract accounts that are controlled by smart contract codes and do not have their own private key. Safe's - smart wallet is a contract account that has{" "} - - enhanced capabilities, such as gas sponsorship and batched transactions. - -
-- Since contract accounts do not have their own private key, they require a signer to initiate transaction flows and produce signatures. - Signers are usually EOAs that authorize actions taken by the contract account via a signature. -
-- In this integration, the user's EOA (from Web3Auth) serves as the signer for their smart wallet (from Safe). The smart wallet (Safe) holds all - assets and submits all transactions to the network. However, the signer (Web3Auth) is responsible for producing signatures and "kicking off" - transaction flows. -
-
- GET {baseUrl}?{readableParams}
-
- );
- };
-
- const [formData, setFormData] = useState({
- verifier: 'w3a-google-demo',
- verifierId: 'devrel@web3auth.io',
- web3AuthNetwork: 'sapphire_mainnet',
- clientId: 'BPi5PB_UiIZ-cPz1GtV5i1I2iOSOHuimiXBI0e-Oe_u6X3oVAbCiAZOTEBtTXw4tsluTITPqA8zMsfxIKMjiqNQ'
- });
- const [isLoading, setIsLoading] = useState(false);
- const [response, setResponse] = useState(null);
- const [error, setError] = useState('');
-
- const handleChange = (e) => {
- setFormData({ ...formData, [e.target.name]: e.target.value });
- };
-
- const handleSubmit = async (e) => {
- e.preventDefault();
- setIsLoading(true);
- setResponse(null);
- setError('');
-
- try {
- const res = await axios.get(`https://lookup.web3auth.io/lookup`, { params: formData });
- setResponse(JSON.stringify(res.data, null, 2));
- } catch (err) {
- setError(err.message);
- } finally {
- setIsLoading(false);
- }
- };
-
- useEffect(() => {
- const fetchInitialData = async () => {
- setIsLoading(true);
- try {
- const res = await axios.get(`https://lookup.web3auth.io/lookup`, { params: formData });
- setResponse(JSON.stringify(res.data, null, 2));
- } catch (err) {
- setError(err.message);
- } finally {
- setIsLoading(false);
- }
- };
-
- fetchInitialData();
- }, []);
-
-
- return (
- <>
- Pregenerated Wallets API
-The Pregenerated Wallets API allows you to create user wallets using just an email or social account, bypassing traditional signup. Users can claim these wallets later, simplifying the onboarding process.
- -Important: Access to this API is gated and available only on the Scale plan and above.
- - -HTTP Request
- {constructURL()} - - - -Response
-
- {isLoading &&
-
- );
-
-}
diff --git a/docs/troubleshooting/different-private-key.mdx b/docs/troubleshooting/different-private-key.mdx
index b069e0f01..9be78b292 100644
--- a/docs/troubleshooting/different-private-key.mdx
+++ b/docs/troubleshooting/different-private-key.mdx
@@ -1,7 +1,7 @@
---
title: Different Private Keys/ Wallet Address across Integrations
image: "images/docs-meta-cards/documentation-card.png"
-displayed_sidebar: docs
+displayed_sidebar: resources
description: "Different Private Keys across Integrations | Documentation - Web3Auth"
---
diff --git a/docs/troubleshooting/error-429.mdx b/docs/troubleshooting/error-429.mdx
index 9d6931435..04028276b 100644
--- a/docs/troubleshooting/error-429.mdx
+++ b/docs/troubleshooting/error-429.mdx
@@ -1,7 +1,7 @@
---
title: Error 429 (Infura RPC Endpoint)
image: "images/docs-meta-cards/troubleshoot-card.png"
-displayed_sidebar: docs
+displayed_sidebar: resources
description: "Error 429 - Infira RPC Endpoint | Documentation - Web3Auth"
---
diff --git a/docs/troubleshooting/jwt-errors.mdx b/docs/troubleshooting/jwt-errors.mdx
index ceb84dd56..e04ba99e2 100644
--- a/docs/troubleshooting/jwt-errors.mdx
+++ b/docs/troubleshooting/jwt-errors.mdx
@@ -1,7 +1,7 @@
---
title: JWT Errors
image: "images/docs-meta-cards/troubleshoot-card.png"
-displayed_sidebar: docs
+displayed_sidebar: resources
description: "JWT Errors | Documentation - Web3Auth"
---
diff --git a/docs/troubleshooting/metro-issues.mdx b/docs/troubleshooting/metro-issues.mdx
index 8310b7b05..ca0da2bbb 100644
--- a/docs/troubleshooting/metro-issues.mdx
+++ b/docs/troubleshooting/metro-issues.mdx
@@ -1,7 +1,7 @@
---
title: Bundler Polyfill Issues - React Native Metro
image: "/docs/images/docs-meta-cards/troubleshoot-card.png"
-displayed_sidebar: docs
+displayed_sidebar: resources
description: "Bundler Polyfill Issues - React Native Metro | Documentation - Web3Auth"
---
diff --git a/docs/troubleshooting/popup-blocked-issue.mdx b/docs/troubleshooting/popup-blocked-issue.mdx
index ae8950150..8362de994 100644
--- a/docs/troubleshooting/popup-blocked-issue.mdx
+++ b/docs/troubleshooting/popup-blocked-issue.mdx
@@ -1,7 +1,7 @@
---
title: Popup Blocked Issue
image: "images/docs-meta-cards/documentation-card.png"
-displayed_sidebar: docs
+displayed_sidebar: resources
description: "Popup blocked issue | Documentation - Web3Auth"
---
diff --git a/docs/troubleshooting/react-big-int-error.mdx b/docs/troubleshooting/react-big-int-error.mdx
index f64cb4ecc..c0150de06 100644
--- a/docs/troubleshooting/react-big-int-error.mdx
+++ b/docs/troubleshooting/react-big-int-error.mdx
@@ -2,7 +2,7 @@
title: Big Int error in React production build.
sidebar_label: Big Int React Error
image: "images/docs-meta-cards/troubleshoot-card.png"
-displayed_sidebar: docs
+displayed_sidebar: resources
description: "Getting a 'Cannot convert BigInt value to a number' error in your React production build? Here's how to fix it."
---
diff --git a/docs/troubleshooting/sdk-errors-warnings.mdx b/docs/troubleshooting/sdk-errors-warnings.mdx
index d96402a03..38bb5807b 100644
--- a/docs/troubleshooting/sdk-errors-warnings.mdx
+++ b/docs/troubleshooting/sdk-errors-warnings.mdx
@@ -1,7 +1,7 @@
---
title: SDK Errors & Warnings
image: "/docs/images/docs-meta-cards/troubleshoot-card.png"
-displayed_sidebar: docs
+displayed_sidebar: resources
description: "SDK Errors & Warnings | Documentation - Web3Auth"
---
diff --git a/docs/troubleshooting/supported-browsers.mdx b/docs/troubleshooting/supported-browsers.mdx
index 229f522cd..a8662460a 100644
--- a/docs/troubleshooting/supported-browsers.mdx
+++ b/docs/troubleshooting/supported-browsers.mdx
@@ -1,7 +1,7 @@
---
title: Supported Browsers List
image: "images/docs-meta-cards/troubleshoot-card.png"
-displayed_sidebar: docs
+displayed_sidebar: resources
description: "Supported Browsers List | Documentation - Web3Auth"
---
diff --git a/docs/troubleshooting/svelte-issues.mdx b/docs/troubleshooting/svelte-issues.mdx
index f99c5464b..2e4ff6a8e 100644
--- a/docs/troubleshooting/svelte-issues.mdx
+++ b/docs/troubleshooting/svelte-issues.mdx
@@ -1,7 +1,7 @@
---
title: Bundler Polyfill Issues - Svelte with Vite
image: "/docs/images/docs-meta-cards/troubleshoot-card.png"
-displayed_sidebar: docs
+displayed_sidebar: resources
description: "Bundler Polyfill Issues - Svelte with Vite | Documentation - Web3Auth"
---
diff --git a/docs/troubleshooting/troubleshooting.mdx b/docs/troubleshooting/troubleshooting.mdx
index d5910d155..66bb15e0b 100644
--- a/docs/troubleshooting/troubleshooting.mdx
+++ b/docs/troubleshooting/troubleshooting.mdx
@@ -1,7 +1,8 @@
---
title: Troubleshooting with Web3Auth
+sidebar_label: Overview
image: "/docs/images/docs-meta-cards/troubleshoot-card.png"
-displayed_sidebar: docs
+displayed_sidebar: resources
description: "Troubleshooting with Web3Auth | Documentation - Web3Auth"
---
diff --git a/docs/troubleshooting/vite-issues.mdx b/docs/troubleshooting/vite-issues.mdx
index d8d9a5eee..6b5362d72 100644
--- a/docs/troubleshooting/vite-issues.mdx
+++ b/docs/troubleshooting/vite-issues.mdx
@@ -1,7 +1,7 @@
---
title: Bundler Polyfill Issues - Vite
image: "/docs/images/docs-meta-cards/troubleshoot-card.png"
-displayed_sidebar: docs
+displayed_sidebar: resources
description: "Bundler Polyfill Issues - Vite | Documentation - Web3Auth"
---
diff --git a/docs/troubleshooting/webpack-issues.mdx b/docs/troubleshooting/webpack-issues.mdx
index bb0232c69..073cf3a29 100644
--- a/docs/troubleshooting/webpack-issues.mdx
+++ b/docs/troubleshooting/webpack-issues.mdx
@@ -1,7 +1,7 @@
---
title: Bundler Polyfill Issues - Webpack 5
image: "images/docs-meta-cards/troubleshoot-card.png"
-displayed_sidebar: docs
+displayed_sidebar: resources
description: "Bundler Polyfill Issues - Webpack 5 | Documentation - Web3Auth"
---
diff --git a/docs/what-is-web3auth.mdx b/docs/what-is-web3auth.mdx
index 5297b40c4..0445f7faf 100644
--- a/docs/what-is-web3auth.mdx
+++ b/docs/what-is-web3auth.mdx
@@ -9,7 +9,7 @@ import ModalAnim from "@site/src/components/ModalAnim";
import SDKReferenceCards from "@site/src/components/SDKReferenceCards";
Web3Auth is a pluggable wallet infrastructure for Web3 wallets and applications. It streamlines the onboarding of both mainstream and crypto native
-users in under a minute by providing experiences that they're most comfortable with. With support for all OAuth based logins systems, web & mobile
+users in under a minute by providing experiences that they're most comfortable with. With support for all OAuth-based login systems, web & mobile
native platforms, Web3Auth provides a seamless onboarding experience for your users.
## What does Web3Auth do?
@@ -27,24 +27,24 @@ opt for a passwordless registration where a sign-in link is sent directly to the
**Customizable Login Systems:** Developers have the flexibility to create their own login systems, incorporating traditional methods and Web3Auth's
wallet management infrastructure. This can be integrated into existing user bases or authentication processes without the need for migration.
-** Comprehensive Web3 Wallet/Key Management**: Web3Auth's MPC-based wallet management infrastructure provides secure, non-custodial wallet management,
+**Comprehensive Web3 Wallet/Key Management**: Web3Auth's MPC-based wallet management infrastructure provides secure, non-custodial wallet management,
where users maintain control of their cryptographic key pair. The login service only accesses a single share, preventing the provider from retrieving
the user's wallet independently.
-**Effortless Wallet Recovery:** Multiple factor authentication methods, such as social accounts, email, SMS, or trusted devices, facilitate easy key
+**Effortless Wallet Recovery:** Multiple-factor authentication methods, such as social accounts, email, SMS, or trusted devices, facilitate easy key
recovery. Users can restore their wallets without fear of losing them.
## Is Web3Auth a Wallet?
-Web3Auth isn't a wallet itself, but serves as an essential wallet infrastructure that can be integrated seamlessly into any application. Its primary
+Web3Auth isn't a wallet itself but serves as an essential wallet infrastructure that can be integrated seamlessly into any application. It's primary
function is to offer more tailored flows for decentralized applications (dApps) or even blockchain wallets alike, solving the user onboarding and key
management problem.
For a dApp, using a traditional wallet might seem straightforward, but it can limit control over the user flow and necessitate users' understanding of
complex blockchain transactions. Web3Auth helps avoid these complications by allowing for customized flow adjustments based on specific needs.
-Implementing Web3Auth yields a standard cryptographic key provider unique to each user and application. This key provider, that can be used to sign
-transactions or perform other wallet operations, gives developers the flexibility to create a custom wallet within their application or utilize one of
+Implementing Web3Auth yields a standard cryptographic key provider unique to each user and application. This key provider can be used to sign
+transactions or perform other wallet operations gives developers the flexibility to create a custom wallet within their application or utilize one of
Web3Auth's pre-existing external wallet adapters.
Although it significantly enhances wallet functionality, it's important to note that Web3Auth remains a wallet infrastructure, not a wallet in itself.
@@ -59,14 +59,14 @@ geographical regions. This was primarily due to the fixed number of nodes in the
response to fluctuating load levels. To address these issues, Web3Auth launched the Sapphire Network, a significant infrastructure upgrade designed to
enhance the scalability and performance of Web3Auth.
-Web3Auth's Sapphire Network is a globally available, horizontally scalable and fault tolerant network that ensures an extremely fast, light-weight,
-and modular authentication system for a new generation of dApps. Under the hood, Sapphire retains our distributed MPC architecture and operates each
+Web3Auth's Sapphire Network is a globally available, horizontally scalable and fault-tolerant network that ensures an extremely fast, lightweight, and
+modular authentication system for a new generation of dApps. Under the hood, Sapphire retains our distributed MPC architecture and operates each
“node” setup globally. Each “node” setup runs a coordinator that deploys Kubernetes orchestrations in different regions. These orchestrations sync
within the “nodes” themselves and communicate with other nodes to conduct distributed key generations (DKGs), TSSs and resharing schemes. This allows
for:
-- Sapphire to be available in multiple regions around the world - currently US central, South America, Asia and West Europe, with more to come. This
- directly contributes to uniform low login, authentication and signing speeds across the globe.
+- Sapphire is to be available in multiple regions around the world - currently US Central, South America, Asia and West Europe, with more to come.
+ This directly contributes to uniform low login, authentication and signing speeds across the globe.
- Regional orchestrations operate on a stateless horizontally scalable architecture on demand, unlocking prior key generation bottlenecks. This means
that, as the number of users and requests increase, the network can effortlessly expand its capacity to handle them, ensuring seamless,
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index e73dd9dd7..606321537 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -38,7 +38,8 @@ const config: Config = {
},
announcementBar: {
id: "sign_up_for_wallets_ux_unconference",
- content: 'Secure your spot for the next community call! Sign up now →',
+ content:
+ 'Secure your spot for the next community call! Sign up now →',
isCloseable: true,
},
colorMode: {
@@ -73,6 +74,7 @@ const config: Config = {
{
label: "Resources",
type: "dropdown",
+ to: "/resources",
position: "left",
items: [
{
@@ -99,6 +101,7 @@ const config: Config = {
{
label: "Help",
type: "dropdown",
+ to: "/troubleshooting",
position: "left",
items: [
{
@@ -153,10 +156,13 @@ const config: Config = {
{
docs: {
routeBasePath: "/",
- breadcrumbs: false,
+ breadcrumbs: true,
editUrl: githubEditUrl,
sidebarPath: require.resolve("./sidebars.js"),
- remarkPlugins: [remarkMath, [require("@docusaurus/remark-plugin-npm2yarn"), { sync: true }]],
+ remarkPlugins: [
+ remarkMath,
+ [require("@docusaurus/remark-plugin-npm2yarn"), { sync: true }],
+ ],
rehypePlugins: [[rehypeKatex, { strict: false }]],
},
theme: {
@@ -169,9 +175,17 @@ const config: Config = {
path: "src/pages",
routeBasePath: "/",
include: ["**/**.{js,jsx,ts,tsx,md,mdx}"],
- exclude: ["**/_*.{js,jsx,ts,tsx,md,mdx}", "**/_*/**", "**/*.test.{js,jsx,ts,tsx}", "**/__tests__/**"],
+ exclude: [
+ "**/_*.{js,jsx,ts,tsx,md,mdx}",
+ "**/_*/**",
+ "**/*.test.{js,jsx,ts,tsx}",
+ "**/__tests__/**",
+ ],
mdxPageComponent: "@theme/MDXPage",
- remarkPlugins: [remarkMath, [require("@docusaurus/remark-plugin-npm2yarn"), { sync: true }]],
+ remarkPlugins: [
+ remarkMath,
+ [require("@docusaurus/remark-plugin-npm2yarn"), { sync: true }],
+ ],
rehypePlugins: [[rehypeKatex, { strict: false }]],
beforeDefaultRemarkPlugins: [],
beforeDefaultRehypePlugins: [],
@@ -185,7 +199,10 @@ const config: Config = {
],
plugins: [
path.resolve(__dirname, "plugins", "docusaurus-plugin-guides"),
- [path.resolve(__dirname, "plugins", "docusaurus-plugin-virtual-files"), { rootDir: ".integrationBuilderCache" }],
+ [
+ path.resolve(__dirname, "plugins", "docusaurus-plugin-virtual-files"),
+ { rootDir: ".integrationBuilderCache" },
+ ],
path.resolve(__dirname, "plugins", "node-polyfills"),
[
"@docusaurus/plugin-client-redirects",
@@ -207,10 +224,6 @@ const config: Config = {
from: "/developing-with-web3auth/",
to: "/quick-start",
},
- {
- from: "/sdk/web/plugins/torus-wallet",
- to: "/sdk/helper-sdks/plugins/evm-wallet",
- },
{
from: "/sdk/web/modal/wagmi-connector",
to: "/sdk/pnp/web/wagmi-connector",
@@ -251,26 +264,6 @@ const config: Config = {
from: "/overview/how-web3auth-works",
to: "/how-web3auth-works",
},
- {
- from: "/overview/web3auth-and-wallets",
- to: "/product-fit/web3auth-for-wallets",
- },
- {
- from: "/overview/web3auth-for-wallets",
- to: "/product-fit/web3auth-for-wallets",
- },
- {
- from: "/overview/web3auth-for-dapps",
- to: "/product-fit/web3auth-for-dapps",
- },
- {
- from: "/overview/user-flow",
- to: "/user-flow",
- },
- {
- from: "/product-fit/user-flow",
- to: "/user-flow",
- },
{
from: "/overview/key-management/",
to: "/infrastructure/",
@@ -287,50 +280,6 @@ const config: Config = {
from: "/infrastructure/technical-architecture/",
to: "/infrastructure/",
},
- {
- from: "/whitelabeling",
- to: "/pnp/features/whitelabel/",
- },
- {
- from: "/whitelabel/",
- to: "/pnp/features/whitelabel/",
- },
- {
- from: "/interoperability",
- to: "/pnp/features/interoperability",
- },
- {
- from: "/dapp-share",
- to: "/pnp/features/dapp-share",
- },
- {
- from: "/authenticating-users/",
- to: "/pnp/features/server-side-verification/",
- },
- {
- from: "/authenticating-users/overview",
- to: "/pnp/features/server-side-verification/",
- },
- {
- from: "/server-side-verification/",
- to: "/pnp/features/server-side-verification/",
- },
- {
- from: "/server-side-verification/social-login-users",
- to: "/pnp/features/server-side-verification/social-login-users",
- },
- {
- from: "/server-side-verification/external-wallets",
- to: "/pnp/features/server-side-verification/external-wallets",
- },
- {
- from: "/developing-with-web3auth/adapters",
- to: "/pnp/features/connect-external-wallets",
- },
- {
- from: "/connect-external-wallets",
- to: "/pnp/features/connect-external-wallets",
- },
{
from: "/developer-dashboard/",
to: "/dashboard-setup/",
@@ -372,8 +321,8 @@ const config: Config = {
to: "/sdk/pnp/web/modal/mfa",
},
{
- from: "/sdk/helper-sdks/providers/other",
- to: "/sdk/helper-sdks/providers/common",
+ from: "/sdk/providers/other",
+ to: "/sdk/providers/common",
},
{
from: "/sdk/tkey/initialization",
@@ -495,33 +444,105 @@ const config: Config = {
from: "/account-abstraction/safeauth",
to: "/sdk/wallet-ecosystems/safeauth",
},
+ {
+ from: "/user-flow",
+ to: "/features/mfa",
+ },
+ {
+ from: "/product-fit/partner-products",
+ to: "/features/account-abstraction",
+ },
+ {
+ from: "/product-fit/enterprise",
+ to: "/product/wallet-ecosystems",
+ },
+ {
+ from: "/product-fit/pnp-vs-core-kit",
+ to: "/product/pnp",
+ },
+ {
+ from: "/product-fit/web3auth-for-wallets",
+ to: "/product/#web3auth-for-wallets",
+ },
+ {
+ from: "/product-fit/web3auth-for-dapps",
+ to: "/product/#web3auth-for-dapps",
+ },
+ {
+ from: "/pnp/features/connect-external-wallets",
+ to: "/features/wallet-aggregation",
+ },
+ {
+ from: "/pnp/features/dapp-share",
+ to: "/features/mfa",
+ },
+ {
+ from: "/pnp/going-live",
+ to: "/going-live",
+ },
+ {
+ from: "/core-kit/going-live",
+ to: "/going-live",
+ },
+ {
+ from: "/auth-provider-setup/federated-identity-providers",
+ to: "/auth-provider-setup/authentication-service-providers",
+ },
+ {
+ from: "/auth-provider-setup/byo-jwt-providers",
+ to: "/auth-provider-setup/byo-jwt-provider",
+ },
],
createRedirects(existingPath) {
if (existingPath.includes("/guides/")) {
return [existingPath.replace("/guides/", "/content-hub/guides/")];
}
- existingPath.replace("https://blog.web3auth.io", "/blogs/");
- existingPath.replace("https://blog.web3auth.io", "/blog/");
- existingPath.replace("https://blog.web3auth.io/", "/content-hub/blog/");
- existingPath.replace("https://blog.web3auth.io", "/content-hub/blogs/");
-
+ if (existingPath.includes("/features/whitelabel")) {
+ return [existingPath.replace("/pnp/features/whitelabel/", "/features/whitelabel")];
+ }
+ if (existingPath.includes("/features/server-side-verification")) {
+ return [
+ existingPath.replace(
+ "/pnp/features/server-side-verification/",
+ "/features/server-side-verification",
+ ),
+ ];
+ }
+ if (existingPath.includes("/product/")) {
+ return [existingPath.replace("/product-fit/", "/product/")];
+ }
+ if (existingPath.includes("/features/")) {
+ return [existingPath.replace("/pnp/features/", "/features/")];
+ }
if (existingPath.includes("/sdk")) {
- return [existingPath.replace("/sdk", "/api-reference"), existingPath.replace("/sdk", "/sdk-reference")];
+ return [
+ existingPath.replace("/sdk", "/api-reference"),
+ existingPath.replace("/sdk", "/sdk-reference"),
+ ];
}
if (existingPath.includes("/sdk")) {
return [
existingPath.replace("/migration-guide/", "/migration-guides/no-modal-v5-to-v6"),
- existingPath.replace("/migration-guide/migrating-to-v6-from-v5", "/migration-guides/no-modal-v5-to-v6"),
+ existingPath.replace(
+ "/migration-guide/migrating-to-v6-from-v5",
+ "/migration-guides/no-modal-v5-to-v6",
+ ),
];
}
if (existingPath.includes("/auth-provider-setup")) {
return [existingPath.replace("/auth-provider-setup", "/custom-authentication")];
}
if (existingPath.includes("/sdk/web/no-modal")) {
- return [existingPath.replace("/sdk/web/no-modal", "/sdk/web/core"), existingPath.replace("/sdk/web/no-modal", "/sdk/web/customloginui")];
+ return [
+ existingPath.replace("/sdk/web/no-modal", "/sdk/web/core"),
+ existingPath.replace("/sdk/web/no-modal", "/sdk/web/customloginui"),
+ ];
}
if (existingPath.includes("/sdk/web/modal")) {
- return [existingPath.replace("/sdk/web/modal", "/sdk/web/web3auth"), existingPath.replace("/sdk/web/modal", "/sdk/web/plugnplay")];
+ return [
+ existingPath.replace("/sdk/web/modal", "/sdk/web/web3auth"),
+ existingPath.replace("/sdk/web/modal", "/sdk/web/plugnplay"),
+ ];
}
if (existingPath.includes("/sdk/tkey")) {
return [existingPath.replace("/sdk/tkey", "/sdk/self-host")];
@@ -532,40 +553,6 @@ const config: Config = {
if (existingPath.includes("quickstart")) {
return [existingPath.replace("quickstart", "quick-start")];
}
- if (existingPath.includes("/helper-sdks/providers")) {
- return [existingPath.replace("/helper-sdks/providers", "/web/providers")];
- }
- if (existingPath.includes("/helper-sdks/plugins")) {
- return [existingPath.replace("/helper-sdks/plugins", "/web/plugins")];
- }
- if (existingPath.includes("/pnp")) {
- return [
- existingPath.replace("/pnp/web", "/web"),
- existingPath.replace("/pnp/android", "/android"),
- existingPath.replace("/pnp/ios", "/ios"),
- existingPath.replace("/pnp/react-native", "/react-native"),
- existingPath.replace("/pnp/flutter", "/flutter"),
- existingPath.replace("/pnp/unity", "/unity"),
- existingPath.replace("/pnp/unreal", "/unreal"),
- ];
- }
- if (existingPath.includes("/core-kit")) {
- return [
- existingPath.replace("/core-kit/sfa-node", "/node"),
- existingPath.replace("/core-kit/sfa-node", "/core-kit/node"),
- existingPath.replace("/core-kit/sfa-web", "/single-factor-auth"),
- existingPath.replace("/core-kit/sfa-web", "/core-kit/single-factor-auth"),
- existingPath.replace("/core-kit/sfa-android", "/single-factor-auth-android"),
- existingPath.replace("/core-kit/sfa-android", "/core-kit/single-factor-auth-android"),
- existingPath.replace("/core-kit/tkey", "/tkey"),
- existingPath.replace("/core-kit/mpc-core-kit", "/mpc-core-kit"),
- existingPath.replace("/core-kit/introduction", "/self-host/"),
- existingPath.replace("/core-kit/introduction", "/self-hosting"),
- ];
- }
- if (existingPath.includes("/connect-blockchain/evm/ethereum")) {
- return [existingPath.replace("/connect-blockchain/evm/ethereum", "/connect-blockchain/evm/ethereum")];
- }
return undefined; // Return a falsy value: no redirect created
},
},
diff --git a/sidebars.ts b/sidebars.ts
index a230eaf7d..197dcd996 100644
--- a/sidebars.ts
+++ b/sidebars.ts
@@ -2,189 +2,223 @@ import type { SidebarsConfig } from "@docusaurus/plugin-content-docs";
const sidebars: SidebarsConfig = {
docs: [
- // Overview Section
+ {
+ type: "html",
+ value: "",
+ defaultStyle: true,
+ },
+ {
+ type: "html",
+ value: `
+
+
+ `,
+ defaultStyle: true,
+ },
+ {
+ type: "html",
+ value: `
+
+
+
+ `,
+ defaultStyle: true,
+ },
+ {
+ type: "html",
+ value: `
+
+
+
+ `,
+ defaultStyle: true,
+ },
+ {
+ type: "html",
+ value: `
+
+
+
+ `,
+ defaultStyle: true,
+ },
+ {
+ type: "html",
+ value: `
+
+
+
+ `,
+ defaultStyle: true,
+ },
{
type: "html",
value: "",
defaultStyle: true,
},
- "what-is-web3auth",
- "how-web3auth-works",
- "user-flow",
{
- type: "category",
- label: "Deciding your Product Fit",
- link: { type: "doc", id: "product-fit/product-fit" },
- items: [
- "product-fit/pnp-vs-core-kit",
- "product-fit/partner-products",
- "product-fit/enterprise",
- "product-fit/web3auth-for-wallets",
- "product-fit/web3auth-for-dapps",
- ],
+ type: "doc",
+ id: "README",
},
+ "what-is-web3auth",
+ "how-web3auth-works",
{
type: "category",
- label: "Web3Auth Infrastructure",
- link: { type: "doc", id: "infrastructure/infrastructure" },
+ label: "Product Stack",
items: [
- "infrastructure/mpc-architecture",
- "infrastructure/sss-architecture",
- "infrastructure/nodes-and-dkg",
- "infrastructure/glossary",
{
- type: "link",
- label: "Compliance, Audits and Trust", // The link label
- href: "https://trust.web3auth.io", // The external URL
+ type: "doc",
+ id: "product/product",
},
+ "product/pnp",
+ "product/core-kit",
+ "product/wallet-services",
+ "product/wallet-ecosystems",
+ "product/product-fit",
],
},
- // Plug and Play Section
{
type: "html",
- value: "",
+ value: "",
defaultStyle: true,
},
- "pnp/introduction",
+ "features/account-abstraction",
+ "features/blockchain-agnostic",
+ "features/custom-authentication",
+ "features/wallet-ui",
+ "features/topup",
+ "features/gaming",
+ "features/interoperability",
+ "features/mfa",
+ "features/mpc",
+ "features/mobile",
+ // "features/passkeys",
+ "features/server-side-verification",
+ "features/session-management",
+ "features/user-management",
+ "features/wallet-pregeneration",
+ "features/wallet-aggregation",
+ "features/whitelabel",
{
type: "category",
- label: "Features",
- // link: { type: "doc", id: "pnp/features/features" },
- items: [
- {
- type: "category",
- label: "Whitelabel",
- link: { type: "doc", id: "pnp/features/whitelabel/whitelabel" },
- items: ["pnp/features/whitelabel/login-modal", "pnp/features/whitelabel/user-flow-screens", "pnp/features/whitelabel/torus-wallet-plugin"],
- },
- "pnp/features/custom-authentication",
- "pnp/features/mfa",
- // "pnp/features/session-management",
- {
- type: "category",
- label: "Server Side Verification",
- link: { type: "doc", id: "pnp/features/server-side-verification/server-side-verification" },
- items: [
- "pnp/features/server-side-verification/social-login-users",
- {
- type: "category",
- label: "External Wallets",
- collapsed: false,
- collapsible: true,
- link: { type: "doc", id: "pnp/features/server-side-verification/external-wallets" },
- items: [
- {
- type: "link",
- label: "Sign in with Web3",
- href: "https://siww.web3auth.io/",
- },
- {
- type: "link",
- label: "Sign in with Solana",
- href: "https://siws.web3auth.io/",
- },
- {
- type: "link",
- label: "Sign in with Starkware",
- href: "https://siwst.web3auth.io/",
- },
- ],
- },
- ],
- },
- "pnp/features/interoperability",
- "pnp/features/connect-external-wallets",
- "pnp/features/dapp-share",
- ],
+ label: "Contribute",
+ items: ["contribute/contribute", "contribute/bug-bounty"],
},
- "pnp/going-live",
{
- type: "category",
- label: "Migration Guides",
- items: [
- {
- type: "category",
- label: "PnP Web Modal",
- collapsed: true,
- collapsible: true,
- items: ["pnp/migration-guides/modal-v7-to-v8", "pnp/migration-guides/modal-v6-to-v7", "pnp/migration-guides/modal-v5-to-v6"],
- },
- {
- type: "category",
- label: "PnP Web No Modal",
- collapsed: true,
- collapsible: true,
- items: ["pnp/migration-guides/no-modal-v7-to-v8", "pnp/migration-guides/no-modal-v6-to-v7", "pnp/migration-guides/no-modal-v5-to-v6"],
- },
- {
- type: "category",
- label: "PnP React Native",
- collapsed: true,
- collapsible: true,
- items: ["pnp/migration-guides/rn-v3-to-v4", "pnp/migration-guides/rn-v4-to-v5"],
- },
- {
- type: "category",
- label: "PnP Android",
- collapsed: true,
- collapsible: true,
- items: ["pnp/migration-guides/android-v4-to-v5"],
- },
+ Legal: [
+ "legal/cookie-policy",
+ "legal/privacy-policy",
+ "legal/terms-and-conditions",
{
- type: "category",
- label: "PnP IOS",
- collapsed: true,
- collapsible: true,
- items: ["pnp/migration-guides/ios-v6-to-v7"],
+ type: "link",
+ label: "Trust Center",
+ href: "https://trust.web3auth.io",
},
-
- "pnp/migration-guides/rn-v3-to-v4",
],
},
- // Core Kit Section
+ ],
+ resources: [
{
type: "html",
- value: "",
+ value: "",
defaultStyle: true,
},
- "core-kit/introduction",
- "core-kit/going-live",
{
- type: "category",
- label: "Migration Guides",
- items: ["core-kit/migration-guides/sfa-flutter-v1-to-v2"],
+ type: "html",
+ value: `
+
+
+ `,
+ defaultStyle: true,
},
- // Resources Section
{
type: "html",
- value: "",
+ value: `
+
+
+ `,
defaultStyle: true,
},
{
- type: "category",
- label: "Dashboard Setup",
- link: { type: "doc", id: "dashboard-setup/dashboard-setup" },
- items: [
- "dashboard-setup/projects-and-analytics",
- "dashboard-setup/whitelisting",
- "dashboard-setup/enable-interoperability",
- "dashboard-setup/setup-custom-authentication",
- "dashboard-setup/billing-and-usage",
- "dashboard-setup/roles-and-permissions",
- ],
+ type: "html",
+ value: `
+
+
+
+ `,
+ defaultStyle: true,
},
+ {
+ type: "html",
+ value: `
+
+
+
+ `,
+ defaultStyle: true,
+ },
+ {
+ type: "html",
+ value: "",
+ defaultStyle: true,
+ },
+ "resources",
{
type: "category",
label: "Auth Provider Setup",
- link: { type: "doc", id: "auth-provider-setup/auth-provider-setup" },
items: [
+ "auth-provider-setup/auth-provider-setup",
"auth-provider-setup/verifiers",
"auth-provider-setup/aggregate-verifier",
+ "auth-provider-setup/authentication-service-providers",
+ "auth-provider-setup/byo-jwt-provider",
{
type: "category",
label: "Social Providers",
- link: { type: "doc", id: "auth-provider-setup/social-providers/social-providers" },
items: [
+ "auth-provider-setup/social-providers/social-providers",
"auth-provider-setup/social-providers/twitter",
"auth-provider-setup/social-providers/google",
"auth-provider-setup/social-providers/facebook",
@@ -206,25 +240,24 @@ const sidebars: SidebarsConfig = {
collapsible: true,
collapsed: false,
},
- "auth-provider-setup/federated-identity-providers",
- "auth-provider-setup/byo-jwt-providers",
],
},
+
{
type: "category",
label: "Connect Blockchain",
- link: { type: "doc", id: "connect-blockchain/connect-blockchain" },
items: [
+ "connect-blockchain/connect-blockchain",
{
type: "category",
label: "EVM Based Chains",
- link: { type: "doc", id: "connect-blockchain/evm/evm" },
items: [
+ "connect-blockchain/evm/evm",
{
type: "category",
label: "Ethereum",
- link: { type: "doc", id: "connect-blockchain/evm/ethereum/ethereum" },
items: [
+ "connect-blockchain/evm/ethereum/ethereum",
"connect-blockchain/evm/ethereum/web",
"connect-blockchain/evm/ethereum/android",
"connect-blockchain/evm/ethereum/ios",
@@ -236,8 +269,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Arbitrum",
- link: { type: "doc", id: "connect-blockchain/evm/arbitrum/arbitrum" },
items: [
+ "connect-blockchain/evm/arbitrum/arbitrum",
"connect-blockchain/evm/arbitrum/web",
"connect-blockchain/evm/arbitrum/android",
"connect-blockchain/evm/arbitrum/ios",
@@ -249,8 +282,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Astar zkEVM",
- link: { type: "doc", id: "connect-blockchain/evm/zkevm/zkevm" },
items: [
+ "connect-blockchain/evm/zkevm/zkevm",
"connect-blockchain/evm/zkevm/web",
"connect-blockchain/evm/zkevm/android",
"connect-blockchain/evm/zkevm/ios",
@@ -262,8 +295,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Avalanche",
- link: { type: "doc", id: "connect-blockchain/evm/avalanche/avalanche" },
items: [
+ "connect-blockchain/evm/avalanche/avalanche",
"connect-blockchain/evm/avalanche/web",
"connect-blockchain/evm/avalanche/android",
"connect-blockchain/evm/avalanche/ios",
@@ -275,8 +308,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Base Chain (Coinbase)",
- link: { type: "doc", id: "connect-blockchain/evm/base/base" },
items: [
+ "connect-blockchain/evm/base/base",
"connect-blockchain/evm/base/web",
"connect-blockchain/evm/base/android",
"connect-blockchain/evm/base/ios",
@@ -288,8 +321,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "BNB Chain",
- link: { type: "doc", id: "connect-blockchain/evm/bnb/bnb" },
items: [
+ "connect-blockchain/evm/bnb/bnb",
"connect-blockchain/evm/bnb/web",
"connect-blockchain/evm/bnb/android",
"connect-blockchain/evm/bnb/ios",
@@ -301,8 +334,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "BNB Optimistic Rollup",
- link: { type: "doc", id: "connect-blockchain/evm/opbnb/opbnb" },
items: [
+ "connect-blockchain/evm/opbnb/opbnb",
"connect-blockchain/evm/opbnb/web",
"connect-blockchain/evm/opbnb/android",
"connect-blockchain/evm/opbnb/ios",
@@ -314,8 +347,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Celo",
- link: { type: "doc", id: "connect-blockchain/evm/celo/celo" },
items: [
+ "connect-blockchain/evm/celo/celo",
"connect-blockchain/evm/celo/web",
"connect-blockchain/evm/celo/android",
"connect-blockchain/evm/celo/ios",
@@ -327,8 +360,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Cronos",
- link: { type: "doc", id: "connect-blockchain/evm/cronos/cronos" },
items: [
+ "connect-blockchain/evm/cronos/cronos",
"connect-blockchain/evm/cronos/web",
"connect-blockchain/evm/cronos/android",
"connect-blockchain/evm/cronos/ios",
@@ -340,8 +373,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Flare",
- link: { type: "doc", id: "connect-blockchain/evm/flare/flare" },
items: [
+ "connect-blockchain/evm/flare/flare",
"connect-blockchain/evm/flare/web",
"connect-blockchain/evm/flare/android",
"connect-blockchain/evm/flare/ios",
@@ -353,8 +386,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Harmony",
- link: { type: "doc", id: "connect-blockchain/evm/harmony/harmony" },
items: [
+ "connect-blockchain/evm/harmony/harmony",
"connect-blockchain/evm/harmony/web",
"connect-blockchain/evm/harmony/android",
"connect-blockchain/evm/harmony/ios",
@@ -366,8 +399,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Klaytn",
- link: { type: "doc", id: "connect-blockchain/evm/klaytn/klaytn" },
items: [
+ "connect-blockchain/evm/klaytn/klaytn",
"connect-blockchain/evm/klaytn/web",
"connect-blockchain/evm/klaytn/android",
"connect-blockchain/evm/klaytn/ios",
@@ -379,8 +412,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Moonbeam",
- link: { type: "doc", id: "connect-blockchain/evm/moonbeam/moonbeam" },
items: [
+ "connect-blockchain/evm/moonbeam/moonbeam",
"connect-blockchain/evm/moonbeam/web",
"connect-blockchain/evm/moonbeam/android",
"connect-blockchain/evm/moonbeam/ios",
@@ -392,8 +425,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Moonriver",
- link: { type: "doc", id: "connect-blockchain/evm/moonriver/moonriver" },
items: [
+ "connect-blockchain/evm/moonriver/moonriver",
"connect-blockchain/evm/moonriver/web",
"connect-blockchain/evm/moonriver/android",
"connect-blockchain/evm/moonriver/ios",
@@ -405,8 +438,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Optimism",
- link: { type: "doc", id: "connect-blockchain/evm/optimism/optimism" },
items: [
+ "connect-blockchain/evm/optimism/optimism",
"connect-blockchain/evm/optimism/web",
"connect-blockchain/evm/optimism/android",
"connect-blockchain/evm/optimism/ios",
@@ -418,8 +451,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Polygon",
- link: { type: "doc", id: "connect-blockchain/evm/polygon/polygon" },
items: [
+ "connect-blockchain/evm/polygon/polygon",
"connect-blockchain/evm/polygon/web",
"connect-blockchain/evm/polygon/android",
"connect-blockchain/evm/polygon/ios",
@@ -431,8 +464,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "SKALE",
- link: { type: "doc", id: "connect-blockchain/evm/skale/skale" },
items: [
+ "connect-blockchain/evm/skale/skale",
"connect-blockchain/evm/skale/web",
"connect-blockchain/evm/skale/android",
"connect-blockchain/evm/skale/ios",
@@ -444,8 +477,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Songbird",
- link: { type: "doc", id: "connect-blockchain/evm/songbird/songbird" },
items: [
+ "connect-blockchain/evm/songbird/songbird",
"connect-blockchain/evm/songbird/web",
"connect-blockchain/evm/songbird/android",
"connect-blockchain/evm/songbird/ios",
@@ -459,8 +492,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Solana",
- link: { type: "doc", id: "connect-blockchain/solana/solana" },
items: [
+ "connect-blockchain/solana/solana",
"connect-blockchain/solana/web",
"connect-blockchain/solana/flutter",
"connect-blockchain/solana/android",
@@ -472,8 +505,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Other Chains",
- link: { type: "doc", id: "connect-blockchain/other/other" },
items: [
+ "connect-blockchain/other/other",
"connect-blockchain/other/algorand",
"connect-blockchain/other/aptos",
"connect-blockchain/other/cosmos",
@@ -491,17 +524,41 @@ const sidebars: SidebarsConfig = {
},
],
},
+ {
+ type: "category",
+ label: "Dashboard Setup",
+ items: [
+ "dashboard-setup/dashboard-setup",
+ "dashboard-setup/projects-and-analytics",
+ "dashboard-setup/whitelisting",
+ "dashboard-setup/enable-interoperability",
+ "dashboard-setup/setup-custom-authentication",
+ "dashboard-setup/billing-and-usage",
+ "dashboard-setup/roles-and-permissions",
+ ],
+ },
"examples",
{
- type: "link",
- label: "Guides",
- href: "/guides/",
+ type: "category",
+ label: "Web3Auth Infrastructure",
+ items: [
+ "infrastructure/infrastructure",
+ "infrastructure/mpc-architecture",
+ "infrastructure/sss-architecture",
+ "infrastructure/nodes-and-dkg",
+ "infrastructure/glossary",
+ {
+ type: "link",
+ label: "Compliance, Audits and Trust",
+ href: "https://trust.web3auth.io",
+ },
+ ],
},
{
type: "category",
label: "Troubleshooting",
- link: { type: "doc", id: "troubleshooting/troubleshooting" },
items: [
+ "troubleshooting/troubleshooting",
"troubleshooting/different-private-key",
"troubleshooting/sdk-errors-warnings",
"troubleshooting/error-429",
@@ -515,31 +572,125 @@ const sidebars: SidebarsConfig = {
"troubleshooting/popup-blocked-issue",
],
},
+ ],
+ sdk: [
{
- type: "category",
- label: "Contribute",
- link: { type: "doc", id: "contribute/contribute" },
- items: ["contribute/bug-bounty"],
+ type: "html",
+ value: "",
+ defaultStyle: true,
},
{
- type: "link",
- label: "SDK Reference",
- href: "/sdk",
+ type: "html",
+ value: `
+
+
+ `,
+ defaultStyle: true,
},
{
- Legal: [
- "legal/cookie-policy",
- "legal/privacy-policy",
- "legal/terms-and-conditions",
+ type: "html",
+ value: `
+
+
+ `,
+ defaultStyle: true,
+ },
+ {
+ type: "html",
+ value: `
+
+
+
+ `,
+ defaultStyle: true,
+ },
+
+ {
+ type: "html",
+ value: `
+
+
+
+ `,
+ defaultStyle: true,
+ },
+ {
+ type: "html",
+ value: `
+
+
+
+ `,
+ defaultStyle: true,
+ },
+ {
+ type: "html",
+ value: "",
+ defaultStyle: true,
+ },
+ "sdk/sdk",
+ {
+ type: "category",
+ label: "Migration Guides",
+ items: [
{
- type: "link",
- label: "Trust Center", // The link label
- href: "https://trust.web3auth.io", // The external URL
+ type: "category",
+ label: "Plug and Play Modal SDK",
+ items: [
+ "migration-guides/modal-v7-to-v8",
+ "migration-guides/modal-v6-to-v7",
+ "migration-guides/modal-v5-to-v6",
+ ],
+ },
+ {
+ type: "category",
+ label: "Plug and Play No Modal SDK",
+ items: [
+ "migration-guides/no-modal-v7-to-v8",
+ "migration-guides/no-modal-v6-to-v7",
+ "migration-guides/no-modal-v5-to-v6",
+ ],
+ },
+ {
+ type: "category",
+ label: "Plug and Play Android SDK",
+ items: ["migration-guides/android-v4-to-v5"],
+ },
+ {
+ type: "category",
+ label: "Plug and Play iOS SDK",
+ items: ["migration-guides/ios-v6-to-v7"],
+ },
+ {
+ type: "category",
+ label: "Plug and Play React Native SDK",
+ items: ["migration-guides/rn-v4-to-v5", "migration-guides/rn-v3-to-v4"],
+ },
+ {
+ type: "category",
+ label: "Single Factor Auth Flutter SDK",
+ items: ["migration-guides/sfa-flutter-v1-to-v2"],
},
],
},
- ],
- sdk: [
+ // "going-live",
{
type: "html",
value: "",
@@ -548,13 +699,13 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Web SDKs",
- link: { type: "doc", id: "sdk/pnp/web/web" },
items: [
+ "sdk/pnp/web/web",
{
type: "category",
label: "Modal SDK",
- link: { type: "doc", id: "sdk/pnp/web/modal/modal" },
items: [
+ "sdk/pnp/web/modal/modal",
"sdk/pnp/web/modal/install",
"sdk/pnp/web/modal/initialize",
"sdk/pnp/web/modal/usage",
@@ -573,21 +724,26 @@ const sidebars: SidebarsConfig = {
},
{
type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-pnp/pnp-modal/7", // The external URL
+ label: "Playground",
+ href: "https://w3a.link/pnp-playground",
},
{
type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/Web3Auth/web3auth-web/releases", // The external URL
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-pnp/pnp-modal/7",
+ },
+ {
+ type: "link",
+ label: "Release Notes",
+ href: "https://github.com/Web3Auth/web3auth-web/releases",
},
],
},
{
type: "category",
label: "No Modal SDK",
- link: { type: "doc", id: "sdk/pnp/web/no-modal/no-modal" },
items: [
+ "sdk/pnp/web/no-modal/no-modal",
"sdk/pnp/web/no-modal/install",
"sdk/pnp/web/no-modal/initialize",
"sdk/pnp/web/no-modal/usage",
@@ -606,21 +762,21 @@ const sidebars: SidebarsConfig = {
},
{
type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-pnp/pnp-no-modal/15", // The external URL
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-pnp/pnp-no-modal/15",
},
{
type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/Web3Auth/web3auth-web/releases", // The external URL
+ label: "Release Notes",
+ href: "https://github.com/Web3Auth/web3auth-web/releases",
},
],
},
{
type: "category",
label: "Adapters",
- link: { type: "doc", id: "sdk/pnp/web/adapters/adapters" },
items: [
+ "sdk/pnp/web/adapters/adapters",
"sdk/pnp/web/adapters/openlogin",
"sdk/pnp/web/adapters/torus-evm",
"sdk/pnp/web/adapters/torus-solana",
@@ -639,8 +795,8 @@ const sidebars: SidebarsConfig = {
{
type: "category",
label: "Android SDK",
- link: { type: "doc", id: "sdk/pnp/android/android" },
items: [
+ "sdk/pnp/android/android",
"sdk/pnp/android/install",
"sdk/pnp/android/initialize",
"sdk/pnp/android/usage",
@@ -649,25 +805,30 @@ const sidebars: SidebarsConfig = {
collapsible: true,
collapsed: false,
label: "Additional Settings",
- items: ["sdk/pnp/android/whitelabel", "sdk/pnp/android/custom-authentication", "sdk/pnp/android/mfa", "sdk/pnp/android/dapp-share"],
+ items: [
+ "sdk/pnp/android/whitelabel",
+ "sdk/pnp/android/custom-authentication",
+ "sdk/pnp/android/mfa",
+ "sdk/pnp/android/dapp-share",
+ ],
},
{
type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-pnp/pnp-android/16", // The external URL
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-pnp/pnp-android/16",
},
{
type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/Web3Auth/web3auth-android-sdk/releases", // The external URL
+ label: "Release Notes",
+ href: "https://github.com/Web3Auth/web3auth-android-sdk/releases",
},
],
},
{
type: "category",
label: "iOS SDK",
- link: { type: "doc", id: "sdk/pnp/ios/ios" },
items: [
+ "sdk/pnp/ios/ios",
"sdk/pnp/ios/install",
"sdk/pnp/ios/initialize",
"sdk/pnp/ios/usage",
@@ -676,25 +837,30 @@ const sidebars: SidebarsConfig = {
collapsible: true,
collapsed: false,
label: "Additional Settings",
- items: ["sdk/pnp/ios/whitelabel", "sdk/pnp/ios/custom-authentication", "sdk/pnp/ios/mfa", "sdk/pnp/ios/dapp-share"],
+ items: [
+ "sdk/pnp/ios/whitelabel",
+ "sdk/pnp/ios/custom-authentication",
+ "sdk/pnp/ios/mfa",
+ "sdk/pnp/ios/dapp-share",
+ ],
},
{
type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-pnp/pnp-ios/17", // The external URL
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-pnp/pnp-ios/17",
},
{
type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/Web3Auth/web3auth-swift-sdk/releases", // The external URL
+ label: "Release Notes",
+ href: "https://github.com/Web3Auth/web3auth-swift-sdk/releases",
},
],
},
{
type: "category",
label: "React Native SDK",
- link: { type: "doc", id: "sdk/pnp/react-native/react-native" },
items: [
+ "sdk/pnp/react-native/react-native",
"sdk/pnp/react-native/install",
"sdk/pnp/react-native/initialize",
"sdk/pnp/react-native/usage",
@@ -712,21 +878,21 @@ const sidebars: SidebarsConfig = {
},
{
type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-pnp/pnp-rn/19", // The external URL
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-pnp/pnp-rn/19",
},
{
type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/Web3Auth/web3auth-react-native-sdk/releases", // The external URL
+ label: "Release Notes",
+ href: "https://github.com/Web3Auth/web3auth-react-native-sdk/releases",
},
],
},
{
type: "category",
label: "Flutter SDK",
- link: { type: "doc", id: "sdk/pnp/flutter/flutter" },
items: [
+ "sdk/pnp/flutter/flutter",
"sdk/pnp/flutter/install",
"sdk/pnp/flutter/initialize",
"sdk/pnp/flutter/usage",
@@ -735,25 +901,40 @@ const sidebars: SidebarsConfig = {
collapsible: true,
collapsed: false,
label: "Additional Settings",
- items: ["sdk/pnp/flutter/whitelabel", "sdk/pnp/flutter/custom-authentication", "sdk/pnp/flutter/mfa", "sdk/pnp/flutter/dapp-share"],
+ items: [
+ "sdk/pnp/flutter/whitelabel",
+ "sdk/pnp/flutter/custom-authentication",
+ "sdk/pnp/flutter/mfa",
+ "sdk/pnp/flutter/dapp-share",
+ ],
+ },
+ {
+ type: "link",
+ label: "Playground Android",
+ href: "https://w3a.link/pnp-flutter-android-playground",
+ },
+ {
+ type: "link",
+ label: "Playground iOS",
+ href: "https://w3a.link/pnp-flutter-ios-playground",
},
{
type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-pnp/pnp-flutter/18", // The external URL
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-pnp/pnp-flutter/18",
},
{
type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/Web3Auth/web3auth-flutter-sdk/releases", // The external URL
+ label: "Release Notes",
+ href: "https://github.com/Web3Auth/web3auth-flutter-sdk/releases",
},
],
},
{
type: "category",
label: "Unity SDK",
- link: { type: "doc", id: "sdk/pnp/unity/unity" },
items: [
+ "sdk/pnp/unity/unity",
"sdk/pnp/unity/install",
"sdk/pnp/unity/initialize",
"sdk/pnp/unity/usage",
@@ -762,25 +943,30 @@ const sidebars: SidebarsConfig = {
collapsible: true,
collapsed: false,
label: "Additional Settings",
- items: ["sdk/pnp/unity/whitelabel", "sdk/pnp/unity/custom-authentication", "sdk/pnp/unity/mfa", "sdk/pnp/unity/dapp-share"],
+ items: [
+ "sdk/pnp/unity/whitelabel",
+ "sdk/pnp/unity/custom-authentication",
+ "sdk/pnp/unity/mfa",
+ "sdk/pnp/unity/dapp-share",
+ ],
},
{
type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-pnp/pnp-unity/20", // The external URL
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-pnp/pnp-unity/20",
},
{
type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/Web3Auth/web3auth-unity-sdk/releases", // The external URL
+ label: "Release Notes",
+ href: "https://github.com/Web3Auth/web3auth-unity-sdk/releases",
},
],
},
{
type: "category",
label: "Unreal SDK",
- link: { type: "doc", id: "sdk/pnp/unreal/unreal" },
items: [
+ "sdk/pnp/unreal/unreal",
"sdk/pnp/unreal/install",
"sdk/pnp/unreal/initialize",
"sdk/pnp/unreal/usage",
@@ -789,85 +975,187 @@ const sidebars: SidebarsConfig = {
collapsible: true,
collapsed: false,
label: "Additional Settings",
- items: ["sdk/pnp/unreal/whitelabel", "sdk/pnp/unreal/custom-authentication", "sdk/pnp/unreal/mfa"],
+ items: [
+ "sdk/pnp/unreal/whitelabel",
+ "sdk/pnp/unreal/custom-authentication",
+ "sdk/pnp/unreal/mfa",
+ ],
},
{
type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-pnp/pnp-unreal/21", // The external URL
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-pnp/pnp-unreal/21",
},
{
type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/Web3Auth/web3auth-unreal-sdk/releases", // The external URL
+ label: "Release Notes",
+ href: "https://github.com/Web3Auth/web3auth-unreal-sdk/releases",
},
],
},
{
type: "html",
- value: "",
+ value: "",
defaultStyle: true,
},
- "sdk/wallet-services/wallet-services",
- "sdk/wallet-services/pregenerate-wallet",
+
{
type: "category",
- label: "Providers",
- link: { type: "doc", id: "sdk/helper-sdks/providers/providers" },
+ label: "SFA Web SDK",
items: [
- "sdk/helper-sdks/providers/evm",
- "sdk/helper-sdks/providers/solana",
- "sdk/helper-sdks/providers/xrpl",
- "sdk/helper-sdks/providers/common",
+ "sdk/core-kit/sfa-web/sfa-web",
+ "sdk/core-kit/sfa-web/install",
+ "sdk/core-kit/sfa-web/initialize",
+ "sdk/core-kit/sfa-web/authentication",
+ "sdk/core-kit/sfa-web/usage",
{
type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-pnp/4", // The external URL
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-core-kit/core-kit-sfa-web/22",
},
{
type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/Web3Auth/web3auth-web/releases", // The external URL
+ label: "Release Notes",
+ href: "https://github.com/web3auth/single-factor-auth-web/releases",
},
],
},
{
- type: "html",
- value: "",
- defaultStyle: true,
+ type: "category",
+ label: "SFA Android SDK",
+ items: [
+ "sdk/core-kit/sfa-android/sfa-android",
+ "sdk/core-kit/sfa-android/install",
+ "sdk/core-kit/sfa-android/initialize",
+ "sdk/core-kit/sfa-android/authentication",
+ "sdk/core-kit/sfa-android/usage",
+ {
+ type: "link",
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-core-kit/core-kit-sfa-android/26",
+ },
+ {
+ type: "link",
+ label: "Release Notes",
+ href: "https://github.com/web3auth/single-factor-auth-android/releases",
+ },
+ ],
+ },
+ {
+ type: "category",
+ label: "SFA iOS SDK",
+ items: [
+ "sdk/core-kit/sfa-ios/sfa-ios",
+ "sdk/core-kit/sfa-ios/install",
+ "sdk/core-kit/sfa-ios/initialize",
+ "sdk/core-kit/sfa-ios/authentication",
+ "sdk/core-kit/sfa-ios/usage",
+ {
+ type: "link",
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-core-kit/sfa-swift-sdk/30",
+ },
+ {
+ type: "link",
+ label: "Release Notes",
+ href: "https://github.com/web3auth/single-factor-auth-swift/releases",
+ },
+ ],
+ },
+ {
+ type: "category",
+ label: "SFA React Native SDK",
+ items: [
+ "sdk/core-kit/sfa-react-native/sfa-react-native",
+ "sdk/core-kit/sfa-react-native/install",
+ "sdk/core-kit/sfa-react-native/initialize",
+ "sdk/core-kit/sfa-react-native/authentication",
+ "sdk/core-kit/sfa-react-native/usage",
+ {
+ type: "link",
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-core-kit/sfa-react-native-sdk/32",
+ },
+ {
+ type: "link",
+ label: "Release Notes",
+ href: "https://github.com/Web3Auth/single-factor-auth-react-native/releases",
+ },
+ ],
+ },
+ {
+ type: "category",
+ label: "SFA Flutter SDK",
+ items: [
+ "sdk/core-kit/sfa-flutter/sfa-flutter",
+ "sdk/core-kit/sfa-flutter/install",
+ "sdk/core-kit/sfa-flutter/initialize",
+ "sdk/core-kit/sfa-flutter/authentication",
+ "sdk/core-kit/sfa-flutter/usage",
+ {
+ type: "link",
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-core-kit/sfa-flutter-sdk/31",
+ },
+ {
+ type: "link",
+ label: "Release Notes",
+ href: "https://github.com/web3auth/single-factor-auth-flutter/releases",
+ },
+ ],
+ },
+ {
+ type: "category",
+ label: "SFA Node.js SDK",
+ items: [
+ "sdk/core-kit/sfa-node/sfa-node",
+ "sdk/core-kit/sfa-node/install",
+ "sdk/core-kit/sfa-node/initialize",
+ "sdk/core-kit/sfa-node/authentication",
+ "sdk/core-kit/sfa-node/usage",
+ {
+ type: "link",
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-core-kit/core-kit-sfa-node/23",
+ },
+ {
+ type: "link",
+ label: "Release Notes",
+ href: "https://github.com/web3auth/web3auth-backend/releases",
+ },
+ ],
},
- "sdk/wallet-ecosystems/safeauth",
{
type: "html",
- value: "",
+ value: "",
defaultStyle: true,
},
{
type: "category",
label: "MPC Core Kit SDK",
- link: { type: "doc", id: "sdk/core-kit/mpc-core-kit/mpc-core-kit" },
items: [
+ "sdk/core-kit/mpc-core-kit/mpc-core-kit",
"sdk/core-kit/mpc-core-kit/install",
"sdk/core-kit/mpc-core-kit/initialize",
"sdk/core-kit/mpc-core-kit/authentication",
"sdk/core-kit/mpc-core-kit/usage",
{
type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-core-kit/mpc-core-kit/33", // The external URL
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-core-kit/mpc-core-kit/33",
},
{
type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/Web3Auth/mpc-core-kit/releases", // The external URL
+ label: "Release Notes",
+ href: "https://github.com/Web3Auth/mpc-core-kit/releases",
},
],
},
{
type: "category",
label: "tKey JS SDK",
- link: { type: "doc", id: "sdk/core-kit/tkey/tkey" },
items: [
+ "sdk/core-kit/tkey/tkey",
"sdk/core-kit/tkey/install",
"sdk/core-kit/tkey/initialize",
"sdk/core-kit/tkey/usage",
@@ -876,8 +1164,8 @@ const sidebars: SidebarsConfig = {
label: "Modules",
collapsible: true,
collapsed: false,
- link: { type: "doc", id: "sdk/core-kit/tkey/modules/modules" },
items: [
+ "sdk/core-kit/tkey/modules/modules",
"sdk/core-kit/tkey/modules/web-storage",
"sdk/core-kit/tkey/modules/react-native-storage",
"sdk/core-kit/tkey/modules/chrome-storage",
@@ -897,34 +1185,34 @@ const sidebars: SidebarsConfig = {
},
{
type: "link",
- label: "Support Forum Web", // The link label
- href: "https://web3auth.io/community/c/help-core-kit/core-kit-tkey/8", // The external URL
+ label: "Support Forum Web",
+ href: "https://web3auth.io/community/c/help-core-kit/core-kit-tkey/8",
},
{
type: "link",
- label: "Support Forum React Native", // The link label
- href: "https://web3auth.io/community/c/help-core-kit/tkey-react-native-sdk/29", // The external URL
+ label: "Support Forum React Native",
+ href: "https://web3auth.io/community/c/help-core-kit/tkey-react-native-sdk/29",
},
{
type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/tkey/tkey/releases", // The external URL
+ label: "Release Notes",
+ href: "https://github.com/tkey/tkey/releases",
},
],
},
{
type: "category",
label: "tKey iOS SDK",
- link: { type: "doc", id: "sdk/core-kit/tkey-ios/tkey-ios" },
items: [
+ "sdk/core-kit/tkey-ios/tkey-ios",
"sdk/core-kit/tkey-ios/install",
"sdk/core-kit/tkey-ios/initialize",
"sdk/core-kit/tkey-ios/usage",
{
type: "category",
label: "Modules",
- link: { type: "doc", id: "sdk/core-kit/tkey-ios/modules/modules" },
items: [
+ "sdk/core-kit/tkey-ios/modules/modules",
"sdk/core-kit/tkey-ios/modules/private-keys",
"sdk/core-kit/tkey-ios/modules/security-questions",
"sdk/core-kit/tkey-ios/modules/seed-phrase",
@@ -934,29 +1222,29 @@ const sidebars: SidebarsConfig = {
},
{
type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-core-kit/core-kit-tkey-ios/27", // The external URL
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-core-kit/core-kit-tkey-ios/27",
},
{
type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/tkey/tkey-ios/releases", // The external URL
+ label: "Release Notes",
+ href: "https://github.com/tkey/tkey-ios/releases",
},
],
},
{
type: "category",
label: "tKey Android SDK",
- link: { type: "doc", id: "sdk/core-kit/tkey-android/tkey-android" },
items: [
+ "sdk/core-kit/tkey-android/tkey-android",
"sdk/core-kit/tkey-android/install",
"sdk/core-kit/tkey-android/initialize",
"sdk/core-kit/tkey-android/usage",
{
type: "category",
label: "Modules",
- link: { type: "doc", id: "sdk/core-kit/tkey-android/modules/modules" },
items: [
+ "sdk/core-kit/tkey-android/modules/modules",
"sdk/core-kit/tkey-android/modules/private-keys",
"sdk/core-kit/tkey-android/modules/security-questions",
"sdk/core-kit/tkey-android/modules/seed-phrase",
@@ -966,147 +1254,48 @@ const sidebars: SidebarsConfig = {
},
{
type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-core-kit/tkey-android/28", // The external URL
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-core-kit/tkey-android/28",
},
{
type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/tkey/tkey-android/releases", // The external URL
+ label: "Release Notes",
+ href: "https://github.com/tkey/tkey-android/releases",
},
],
},
+
+ {
+ type: "html",
+ value: "",
+ defaultStyle: true,
+ },
+ "sdk/wallet-ecosystems/safeauth",
+ "sdk/wallet-ecosystems/mocaverse",
+ {
+ type: "html",
+ value: "",
+ defaultStyle: true,
+ },
+ "sdk/wallet-services/wallet-services",
{
type: "category",
- label: "Single Factor Auth SDKs",
- collapsed: false,
- collapsible: false,
+ label: "Providers",
items: [
+ "sdk/providers/providers",
+ "sdk/providers/evm",
+ "sdk/providers/solana",
+ "sdk/providers/xrpl",
+ "sdk/providers/common",
{
- type: "category",
- label: "SFA Web SDK",
- link: { type: "doc", id: "sdk/core-kit/sfa-web/sfa-web" },
- items: [
- "sdk/core-kit/sfa-web/install",
- "sdk/core-kit/sfa-web/initialize",
- "sdk/core-kit/sfa-web/authentication",
- "sdk/core-kit/sfa-web/usage",
- {
- type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-core-kit/core-kit-sfa-web/22", // The external URL
- },
- {
- type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/web3auth/single-factor-auth-web/releases", // The external URL
- },
- ],
- },
- {
- type: "category",
- label: "SFA Node SDK",
- link: { type: "doc", id: "sdk/core-kit/sfa-node/sfa-node" },
- items: [
- "sdk/core-kit/sfa-node/install",
- "sdk/core-kit/sfa-node/initialize",
- "sdk/core-kit/sfa-node/authentication",
- "sdk/core-kit/sfa-node/usage",
- {
- type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-core-kit/core-kit-sfa-node/23", // The external URL
- },
- {
- type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/web3auth/web3auth-backend/releases", // The external URL
- },
- ],
- },
- {
- type: "category",
- label: "SFA Android SDK",
- link: { type: "doc", id: "sdk/core-kit/sfa-android/sfa-android" },
- items: [
- "sdk/core-kit/sfa-android/install",
- "sdk/core-kit/sfa-android/initialize",
- "sdk/core-kit/sfa-android/authentication",
- "sdk/core-kit/sfa-android/usage",
- {
- type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-core-kit/core-kit-sfa-android/26", // The external URL
- },
- {
- type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/web3auth/single-factor-auth-android/releases", // The external URL
- },
- ],
- },
- {
- type: "category",
- label: "SFA iOS SDK",
- link: { type: "doc", id: "sdk/core-kit/sfa-ios/sfa-ios" },
- items: [
- "sdk/core-kit/sfa-ios/install",
- "sdk/core-kit/sfa-ios/initialize",
- "sdk/core-kit/sfa-ios/authentication",
- "sdk/core-kit/sfa-ios/usage",
- {
- type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-core-kit/sfa-swift-sdk/30", // The external URL
- },
- {
- type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/web3auth/single-factor-auth-swift/releases", // The external URL
- },
- ],
- },
- {
- type: "category",
- label: "SFA React Native SDK",
- link: { type: "doc", id: "sdk/core-kit/sfa-react-native/sfa-react-native" },
- items: [
- "sdk/core-kit/sfa-react-native/install",
- "sdk/core-kit/sfa-react-native/initialize",
- "sdk/core-kit/sfa-react-native/authentication",
- "sdk/core-kit/sfa-react-native/usage",
- {
- type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-core-kit/sfa-react-native-sdk/32", // The external URL
- },
- {
- type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/Web3Auth/single-factor-auth-react-native/releases", // The external URL
- },
- ],
+ type: "link",
+ label: "Support Forum",
+ href: "https://web3auth.io/community/c/help-pnp/4",
},
{
- type: "category",
- label: "SFA Flutter SDK",
- link: { type: "doc", id: "sdk/core-kit/sfa-flutter/sfa-flutter" },
- items: [
- "sdk/core-kit/sfa-flutter/install",
- "sdk/core-kit/sfa-flutter/initialize",
- "sdk/core-kit/sfa-flutter/authentication",
- "sdk/core-kit/sfa-flutter/usage",
- {
- type: "link",
- label: "Support Forum", // The link label
- href: "https://web3auth.io/community/c/help-core-kit/sfa-flutter-sdk/31", // The external URL
- },
- {
- type: "link",
- label: "Release Notes", // The link label
- href: "https://github.com/web3auth/single-factor-auth-flutter/releases", // The external URL
- },
- ],
+ type: "link",
+ label: "Release Notes",
+ href: "https://github.com/Web3Auth/web3auth-web/releases",
},
],
},
diff --git a/src/common/SDKOptions.ts b/src/common/SDKOptions.ts
index 3098e1903..21c7851a7 100644
--- a/src/common/SDKOptions.ts
+++ b/src/common/SDKOptions.ts
@@ -15,6 +15,8 @@ export const nodejs = "Node.js";
export const weblist = [reactJS, angular, vue, nextjs];
export const pnp = "Plug and Play";
+export const walletecosystems = "Wallet Ecosystems";
+export const helpersdks = "Helper SDKs";
export const pnpwebmodal = "Plug and Play Web Modal SDK";
export const pnpwebnomodal = "Plug and Play Web No Modal SDK";
export const pnpandroid = "Plug and Play Android SDK";
@@ -35,6 +37,8 @@ export const pnplist = [
];
export const corekit = "Core Kit";
+export const corekitsfa = "Core Kit SFA";
+export const corekitmfa = "Core Kit MFA";
export const tkeyjs = "tKey JS SDK";
export const tkeyios = "tKey iOS SDK";
export const tkeyandroid = "tKey Android SDK";
diff --git a/src/common/docs/_byo-custom-jwt-providers.mdx b/src/common/docs/_byo-custom-jwt-providers.mdx
index 564ed7ff1..6396621eb 100644
--- a/src/common/docs/_byo-custom-jwt-providers.mdx
+++ b/src/common/docs/_byo-custom-jwt-providers.mdx
@@ -10,25 +10,25 @@ export const tileGroupsDataBYOJWT = [
key: "jwt",
title: "JSON Web Token",
icon: "logo-jwt.png",
- path: "/auth-provider-setup/byo-jwt-providers",
+ path: "/auth-provider-setup/byo-jwt-provider",
},
{
key: "jose",
title: "Jose (JWT)",
icon: "logo-jwt.png",
- path: "/auth-provider-setup/byo-jwt-providers#using-jose-to-generate-jwt",
+ path: "/auth-provider-setup/byo-jwt-provider#using-jose-to-generate-jwt",
},
{
key: "passport-jwt",
title: "Passport JWT",
icon: "logo-passport.png",
- path: "/auth-provider-setup/byo-jwt-providers#using-passport-jwt-to-generate-jwt",
+ path: "/auth-provider-setup/byo-jwt-provider#using-passport-jwt-to-generate-jwt",
},
{
key: "custom-ecdsa",
title: "Custom ECDSA",
icon: "logo-ecdsa.png",
- path: "/auth-provider-setup/byo-jwt-providers#using-jsonwebtoken-to-generate-jwt",
+ path: "/auth-provider-setup/byo-jwt-provider#using-jsonwebtoken-to-generate-jwt",
},
],
},
diff --git a/src/common/docs/_evm-chains.mdx b/src/common/docs/_evm-chains.mdx
new file mode 100644
index 000000000..f872e78d8
--- /dev/null
+++ b/src/common/docs/_evm-chains.mdx
@@ -0,0 +1,108 @@
+import Tiles from "@theme/Tiles";
+
+export const EVMChains = [
+ {
+ name: "",
+ description: "",
+ tiles: [
+ {
+ key: "ethereum",
+ title: "Ethereum",
+ icon: "logo-ethereum.png",
+ path: "/connect-blockchain/evm/ethereum/",
+ },
+ {
+ key: "arbitrum",
+ title: "Arbitrum",
+ icon: "logo-arbitrum.png",
+ path: "/connect-blockchain/evm/arbitrum/",
+ },
+ {
+ key: "avalanche",
+ title: "Avalanche",
+ icon: "logo-avalanche.png",
+ path: "/connect-blockchain/evm/avalanche/",
+ },
+ {
+ key: "base",
+ title: "Base Chain",
+ icon: "logo-base.png",
+ path: "/connect-blockchain/evm/base/",
+ },
+ {
+ key: "bnb",
+ title: "BNB Chain",
+ icon: "logo-binance.png",
+ path: "/connect-blockchain/evm/bnb/",
+ },
+ {
+ key: "celo",
+ title: "Celo",
+ icon: "logo-celo.png",
+ path: "/connect-blockchain/evm/celo/",
+ },
+ {
+ key: "cronos",
+ title: "Cronos",
+ icon: "logo-cronos.png",
+ path: "/connect-blockchain/evm/cronos/",
+ },
+ {
+ key: "flare",
+ title: "Flare",
+ icon: "logo-flare.png",
+ path: "/connect-blockchain/evm/flare/",
+ },
+ {
+ key: "harmony",
+ title: "Harmony",
+ icon: "logo-harmony.png",
+ path: "/connect-blockchain/evm/harmony/",
+ },
+ {
+ key: "klaytn",
+ title: "Klaytn",
+ icon: "logo-klaytn.png",
+ path: "/connect-blockchain/evm/klaytn/",
+ },
+ {
+ key: "moonbeam",
+ title: "Moonbeam",
+ icon: "logo-moonbeam.png",
+ path: "/connect-blockchain/evm/moonbeam/",
+ },
+ {
+ key: "moonriver",
+ title: "Moonriver",
+ icon: "logo-moonriver.png",
+ path: "/connect-blockchain/evm/moonriver/",
+ },
+ {
+ key: "optimism",
+ title: "Optimism",
+ icon: "logo-optimism.png",
+ path: "/connect-blockchain/evm/optimism/",
+ },
+ {
+ key: "polygon",
+ title: "Polygon",
+ icon: "logo-polygon.png",
+ path: "/connect-blockchain/evm/polygon/",
+ },
+ {
+ key: "skale",
+ title: "SKALE",
+ icon: "logo-skale.png",
+ path: "/connect-blockchain/evm/skale/",
+ },
+ {
+ key: "songbird",
+ title: "Songbird",
+ icon: "logo-songbird.png",
+ path: "/connect-blockchain/evm/songbird/",
+ },
+ ],
+ },
+];
+
+Request sent...
} - {response &&{response}}
- {error && {error}
} -- RPC Target URL for the selected `chainNamespace` & `chainId`.
- We provide a default RPC Target for certain blockchains, but due to congestion it might be slow hence it is recommended to provide your own RPC Target URL.
-
Need Help?
@@ -31,18 +30,18 @@ export default function QuickNavigation() {
diff --git a/src/components/HomeQuickStartBanner/index.tsx b/src/components/HomeQuickStartBanner/index.tsx
index 7ce601195..de4bb4f91 100644
--- a/src/components/HomeQuickStartBanner/index.tsx
+++ b/src/components/HomeQuickStartBanner/index.tsx
@@ -1,5 +1,7 @@
import Link from "@docusaurus/Link";
-import web3AuthModal from "@site/static/images/web3auth-modal.png";
+import { useColorMode } from "@docusaurus/theme-common";
+import quickStartDark from "@site/static/images/quick-start-dark.svg";
+import quickStartLight from "@site/static/images/quick-start-light.svg";
import { useEffect, useState } from "react";
import styles from "./styles.module.css";
@@ -30,19 +32,1300 @@ export function useWindowDimensions() {
}
export default function Web3AuthOverview() {
+ const { colorMode } = useColorMode();
+
return (
);
diff --git a/src/components/HomeQuickStartBanner/styles.module.css b/src/components/HomeQuickStartBanner/styles.module.css
index 1b13f1343..4019a2657 100644
--- a/src/components/HomeQuickStartBanner/styles.module.css
+++ b/src/components/HomeQuickStartBanner/styles.module.css
@@ -1,14 +1,12 @@
.card {
display: flex;
- background: rgb(0, 49, 126);
- background: -moz-radial-gradient(circle, rgba(0, 49, 126, 1) 0%, rgba(1, 2, 32, 1) 56%);
- background: -webkit-radial-gradient(circle, rgba(0, 49, 126, 1) 0%, rgba(1, 2, 32, 1) 56%);
- background: radial-gradient(circle, rgba(0, 49, 126, 1) 0%, rgba(1, 2, 32, 1) 56%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00317e",endColorstr="#010220",GradientType=1);
- border-radius: var(--ifm-global-radius);
+ background: var(--w3a-banner-background);
+ border-radius: 36px;
padding: 42px;
overflow: hidden;
width: 100%;
+ margin-top: 30px;
+ margin-bottom: 30px;
flex-direction: row;
justify-content: space-between;
align-items: center;
@@ -26,40 +24,30 @@
}
.card h3 {
- font-weight: 600 !important;
+ font-weight: 500 !important;
font-size: 30px;
line-height: 150%;
- color: var(--ifm-color-white);
margin: 0;
}
.card p {
font-weight: 400 !important;
- font-size: 16px;
+ font-size: 18px;
line-height: 150%;
- color: var(--ifm-color-white);
+ color: var(--ifm-color-emphasis-700);
}
-.ctaBtn {
- cursor: pointer;
- border-radius: 10px;
- border: 0;
- font-weight: 700;
- font-size: 16px;
- height: 42px;
- padding: 0 30px;
- background: #ffffff;
- color: #0364ff;
- /* margin-left: 16px; */
-}
-
-.ctaBtn:hover {
- background: #f3f3f4;
- text-decoration: none;
-}
-
-.ctaBtn:active {
- background: #daf0ff;
+.btnContainer {
+ margin-top: auto;
+ flex-direction: row;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ font-weight: 500;
+ font-size: 18px;
+ line-height: 150%;
+ gap: 6px;
+ flex-wrap: wrap;
}
.imageContainer {
@@ -81,10 +69,7 @@
@media (min-width: 1232px) {
.card {
- border-radius: 36px;
padding: 42px;
- padding-top: 0;
- padding-bottom: 0;
}
.cardContent {
@@ -102,7 +87,6 @@
justify-content: center;
align-items: center;
flex: 3;
- overflow: hidden;
position: relative;
height: max-content;
}
diff --git a/src/components/PregenerateWallet/index.tsx b/src/components/PregenerateWallet/index.tsx
new file mode 100644
index 000000000..a34780601
--- /dev/null
+++ b/src/components/PregenerateWallet/index.tsx
@@ -0,0 +1,159 @@
+import React, { useState, useEffect } from "react";
+import axios from "axios";
+import styles from "./styles.module.css";
+
+export default function LookupAPIPage() {
+ const networkOptions = ["sapphire_mainnet", "sapphire_devnet"];
+
+ const constructURL = () => {
+ const baseUrl = "https://lookup.web3auth.io/lookup";
+ const queryParams = new URLSearchParams(formData);
+
+ const readableParams = [];
+ queryParams.forEach((value, key) => {
+ readableParams.push(
+
+ {key}={value}&
+ ,
+ );
+ });
+
+ return (
+
-
Troubleshooting
-Stuck somewhere? Checkout the Troubleshooting section
+Stuck somewhere? Checkout our troubleshooting tips for common issues.
-
Simplify your Web3 App for Mainstream Adoption
-Quick start your journey into onboarding users in the platform and blockchain of your choice
- - +Get started in seconds
+Build your customized Web3Auth integration in the platform of your choice
+ + Quick start with Integration Builder +
- 
+ {colorMode === "dark" ? (
+
+
+
+ ) : (
+
+
+
+ )}
+ GET {baseUrl}?{readableParams}
+
+ );
+ };
+
+ const [formData, setFormData] = useState({
+ verifier: "w3a-google-demo",
+ verifierId: "devrel@web3auth.io",
+ web3AuthNetwork: "sapphire_mainnet",
+ clientId: "BPi5PB_UiIZ-cPz1GtV5i1I2iOSOHuimiXBI0e-Oe_u6X3oVAbCiAZOTEBtTXw4tsluTITPqA8zMsfxIKMjiqNQ",
+ });
+ const [isLoading, setIsLoading] = useState(false);
+ const [response, setResponse] = useState(null);
+ const [error, setError] = useState("");
+
+ const handleChange = (e) => {
+ setFormData({ ...formData, [e.target.name]: e.target.value });
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ setIsLoading(true);
+ setResponse(null);
+ setError("");
+
+ try {
+ const res = await axios.get(`https://lookup.web3auth.io/lookup`, { params: formData });
+ setResponse(JSON.stringify(res.data, null, 2));
+ } catch (err) {
+ setError(err.message);
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ useEffect(() => {
+ const fetchInitialData = async () => {
+ setIsLoading(true);
+ try {
+ const res = await axios.get(`https://lookup.web3auth.io/lookup`, { params: formData });
+ setResponse(JSON.stringify(res.data, null, 2));
+ } catch (err) {
+ setError(err.message);
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ fetchInitialData();
+ }, []);
+
+ return (
+ <>
+ HTTP Request
+ {constructURL()} + + + +Response
+
+ {isLoading &&
+
+ );
+}
diff --git a/src/components/PregenerateWallet/styles.module.css b/src/components/PregenerateWallet/styles.module.css
new file mode 100644
index 000000000..9245698cb
--- /dev/null
+++ b/src/components/PregenerateWallet/styles.module.css
@@ -0,0 +1,135 @@
+.formTable {
+ width: 100%;
+ table-layout: fixed;
+ padding-top: 20px;
+}
+
+.formTable th,
+.formTable td {
+ padding: 8px;
+}
+
+.formTable th:nth-child(1),
+.formTable td:nth-child(1) {
+ width: 15%;
+}
+
+.formTable th:nth-child(2),
+.formTable td:nth-child(2) {
+ width: 40%;
+}
+
+.formTable th:nth-child(3),
+.formTable td:nth-child(3) {
+ width: 45%;
+}
+
+.formTable input[type="text"],
+.formTable select {
+ width: calc(100% - 24px);
+ padding: 12px;
+ border-radius: 8px;
+ box-sizing: border-box;
+ background: var(--ifm-background-surface-color);
+ border: none;
+}
+
+.submitButton {
+ background: var(--ifm-color-primary);
+ color: var(--ifm-background-surface-color);
+ padding: 10px 20px;
+ border-width: 1px;
+ border-color: var(--ifm-color-primary);
+ border-radius: 20px;
+ cursor: pointer;
+ font-size: 16px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 10px;
+}
+
+.submitButton:disabled {
+ background: none;
+ border: none;
+}
+
+.loader {
+ border: 4px solid var(--ifm-color-primary-lightest);
+ border-top: 4px solid var(--ifm-color-primary);
+ border-radius: 50%;
+ width: 20px;
+ height: 20px;
+ animation: spin 2s linear infinite;
+}
+
+@keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+.responseTerminal {
+ background: var(--ifm-color-gray-900);
+ color: var(--ifm-color-gray-100);
+ font-family: "Courier New", monospace;
+ padding: 20px;
+ margin-top: 20px;
+ border-radius: 8px;
+ min-height: 100px;
+ overflow: auto;
+ border: 1px solid var(--ifm-color-gray-500);
+ white-space: pre-wrap;
+}
+
+.responseTerminal pre {
+ background: none;
+ padding: none;
+ margin: none;
+}
+
+.error {
+ color: var(--ifm-color-danger);
+}
+
+.urlDisplay {
+ background-color: var(--ifm-background-surface-color);
+ border-left: 3px solid var(--ifm-color-primary);
+ padding: 10px;
+ font-family: monospace;
+ color: var(--ifm-color-content);
+ margin-top: 10px;
+ padding-bottom: 20px;
+ border-radius: 5px;
+ white-space: pre-wrap;
+}
+
+.parameterKey {
+ font-weight: 700;
+ color: var(--ifm-color-primary-light);
+}
+
+.parameterValue {
+ color: var(--ifm-color-primary);
+}
+
+.submitButtonContainer {
+ display: flex;
+ justify-content: center;
+ margin-top: 20px;
+}
+
+.instructionTextContainer {
+ text-align: center;
+ margin-top: 20px;
+ font-weight: bold;
+}
+
+.getMethod {
+ color: var(--ifm-color-success);
+ font-weight: bold;
+ font-family: monospace;
+}
diff --git a/src/components/ProductCards/index.tsx b/src/components/ProductCards/index.tsx
new file mode 100644
index 000000000..3acd2c2ee
--- /dev/null
+++ b/src/components/ProductCards/index.tsx
@@ -0,0 +1,150 @@
+import Link from "@docusaurus/Link";
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+
+import styles from "./styles.module.css";
+
+export default function QuickNavigation() {
+ const { siteConfig } = useDocusaurusContext();
+ const { baseUrl } = siteConfig;
+ const chevron = (
+
+ );
+ return (
+ Request sent...
} + {response &&{response}}
+ {error && {error}
} +
+
+ );
+}
diff --git a/src/components/ProductCards/styles.module.css b/src/components/ProductCards/styles.module.css
new file mode 100644
index 000000000..3c9bba07c
--- /dev/null
+++ b/src/components/ProductCards/styles.module.css
@@ -0,0 +1,186 @@
+.container {
+ display: flex;
+ flex-direction: column;
+ gap: 34px;
+ margin-top: 34px;
+ margin-bottom: 34px;
+ flex-wrap: wrap;
+}
+.cardContainer {
+ display: flex;
+ flex-direction: row;
+ gap: 34px;
+ flex-wrap: wrap;
+ flex: 0 0 100%; /* Let it fill the entire space horizontally */
+}
+
+.card {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
+ margin: 0;
+ padding: 40px;
+ /* white */
+ background: var(--ifm-background-surface-color);
+ /* gray/200 */
+ border: 1px solid var(--w3a-border-color);
+ /* shadow-sm */
+ box-shadow: 0px 1px 2px var(--w3a-border-color);
+ border-radius: 16px;
+ text-decoration: none;
+ color: var(--ifm-color-content);
+ gap: 34px;
+ flex: 1;
+}
+
+.cardAlert {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
+ margin: 0;
+ padding: 16px;
+ /* white */
+ background: var(--ifm-background-surface-color);
+ /* gray/200 */
+ border: 1px solid var(--w3a-border-color);
+ /* shadow-sm */
+ box-shadow: 0px 1px 2px var(--w3a-border-color);
+ border-radius: 16px;
+ text-decoration: none;
+ color: var(--ifm-color-content);
+ gap: 34px;
+ flex: 1;
+}
+
+.links {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-items: flex-start;
+ gap: 16px;
+ flex-wrap: wrap;
+ margin-top: 16px;
+}
+
+.links a {
+ font-weight: 500 !important;
+ font-size: 16px;
+ line-height: 150%;
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ color: var(--ifm-color-content);
+}
+
+.links a:hover {
+ color: var(--ifm-color-primary);
+}
+
+/* .card:hover {
+ border: 1px solid var(--ifm-color-primary);
+} */
+
+.cardAlert:hover {
+ border: 1px solid var(--ifm-color-primary);
+}
+
+.cardIconContainer {
+ height: 74px;
+ width: 74px;
+ padding: 7px;
+ background-color: var(--ifm-background-surface-color);
+ border-radius: 16px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.btnContainer {
+ margin-top: auto;
+ flex-direction: row;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ font-weight: 500;
+ font-size: 18px;
+ line-height: 150%;
+ gap: 6px;
+ flex-wrap: wrap;
+}
+
+.btnContainerAlert {
+ margin-top: auto;
+ flex-direction: row;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ font-weight: 500;
+ font-size: 14px;
+ line-height: 150%;
+ flex-wrap: wrap;
+ padding: 8px 12px;
+ border-radius: 8px;
+ background: var(--ifm-color-primary);
+ color: var(--ifm-background-surface-color);
+}
+
+.cardIcon {
+ height: 67px;
+ width: 67px;
+ color: var(--w3a-color-icon-gray);
+}
+
+.cardIconAlert {
+ height: 20px;
+ width: 20px;
+ color: var(--ifm-color-primary);
+}
+
+.card:hover .cardIcon {
+ color: var(--ifm-color-primary);
+}
+
+.cardContent {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: flex-start;
+ gap: 12px;
+}
+
+.cardContent span {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 5px;
+}
+
+.cardContent h5 {
+ font-size: 24px;
+ line-height: 150%;
+ color: var(--ifm-color-content);
+ display: block;
+ margin: 0;
+ padding: 0;
+}
+
+.cardContent p {
+ font-size: 16px;
+ line-height: 150%;
+ display: block;
+ margin: 0;
+ padding: 0;
+ color: var(--w3a-color-icon-gray);
+}
+
+@media (max-width: 996px) {
+ .cardContainer {
+ flex-direction: column;
+ }
+ .card {
+ flex-direction: column;
+ }
+}
diff --git a/src/components/ResourcesCards/index.tsx b/src/components/ResourcesCards/index.tsx
index 72a33f7b8..a66e669a5 100644
--- a/src/components/ResourcesCards/index.tsx
+++ b/src/components/ResourcesCards/index.tsx
@@ -8,34 +8,7 @@ export default function QuickNavigation() {
const { baseUrl } = siteConfig;
return (
+
+
+
+
+
+
+
+
+ Plug and Play Embedded Wallet SDKs
+Integrate a non-custodial embedded wallet within your app within seconds.
+ +
+
+
+
+
+
+
+ Core Kit Integrated Wallet SDKs
+Personalize your dApp experience with our built-in SDKs where Web3Auth is completely hidden.
+ +
+
+
+
+
+
+
+
+
+ Wallet Services
+Get Modular access to a prebuilt wallet UI, interoperability methods, fiat on-ramps, NFT services, and much more.
+ +
+
+
+
+
+
+
+ Wallet Ecosystems
+Connect directly with flagship integrations of Web3Auth from established communities.
+ +
+
+
+
+
+
+ Find out which SDK suits your use case.
+
+
+
+ + Unsure about which of our product bet fits your requirements? With some qualifying questions, discover which product you should use for + your use case. +
+ +
+ Find out More
+
+
+
-
+
-
-
- (pnp);
- const chevron = (
-
- );
+const chevron = (
+
+);
- const pnpweb = (
-
What is Web3Auth
-- Web3Auth is a pluggable wallet infrastructure for Web3 wallets and applications. It streamlines the onboarding of both mainstream and crypto - native users in under a minute by providing experiences that they're most comfortable with. With support for all OAuth based logins systems, - web & mobile native platforms, Web3Auth provides a seamless onboarding experience for your users. -
-Resources
-- We have a varied collection of guides, references and examples to help you around anywhere with your Web3Auth Integration. Deep dive into the - different aspects of web3 authentication and make your own customised integration. -
-
-
-
-
-
-
-
-
-
SDK Reference
-Deep dive into the Web3Auth SDKs and get started with your customised integration.
-Auth Provider Setup
-Set up your Auth Provider to use it with Web3Auth.
+Guidance on configuring authentication providers to integrate seamlessly with Web3Auth for secure user verification.
-
+ Connect Blockchain
-Connect to the blockchain of your choice.
+Connect any blockchain
+Detailed instructions for integrating Web3Auth with various blockchains, ensuring seamless connectivity for your dApp.
Examples
-Explore the range of examples across all our SDKs.
-
-
-
diff --git a/src/components/ResourcesCards/styles.module.css b/src/components/ResourcesCards/styles.module.css
index ebca89746..a475532e7 100644
--- a/src/components/ResourcesCards/styles.module.css
+++ b/src/components/ResourcesCards/styles.module.css
@@ -1,8 +1,4 @@
.heading {
- font-weight: 700 !important;
- font-size: 34px;
- line-height: 48px;
- color: var(--ifm-color-content);
margin: 0;
padding: 0;
}
@@ -21,6 +17,7 @@
flex-direction: column;
gap: 34px;
margin-top: 34px;
+ margin-bottom: 34px;
flex-wrap: wrap;
}
.cardContainer {
@@ -37,7 +34,7 @@
justify-content: flex-start;
align-items: center;
margin: 0;
- padding: 33px 22px;
+ padding: 33px;
/* white */
background: var(--ifm-background-surface-color);
/* gray/200 */
@@ -56,10 +53,7 @@
}
.cardIconContainer {
- height: 74px;
- width: 74px;
- padding: 7px;
- background-color: var(--ifm-background-surface-color);
+ padding: 10px;
border-radius: 8px;
display: flex;
align-items: center;
@@ -89,9 +83,8 @@
}
.cardContent h5 {
- font-weight: 700 !important;
font-size: 24px;
- line-height: 135.5%;
+ line-height: 150%;
color: var(--ifm-color-content);
display: block;
margin: 0;
@@ -99,7 +92,6 @@
}
.cardContent p {
- font-weight: 400 !important;
font-size: 16px;
line-height: 150%;
display: block;
diff --git a/src/components/SDKReferenceCards/index.tsx b/src/components/SDKReferenceCards/index.tsx
index e989eebca..47a7917b8 100644
--- a/src/components/SDKReferenceCards/index.tsx
+++ b/src/components/SDKReferenceCards/index.tsx
@@ -1,803 +1,961 @@
/* eslint-disable jsx-a11y/no-static-element-interactions */
/* eslint-disable jsx-a11y/click-events-have-key-events */
-import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import { useState } from "react";
-import { corekit, pnp } from "../../common/SDKOptions";
+import { corekitsfa, corekitmfa, pnp, walletecosystems, helpersdks } from "../../common/SDKOptions";
import styles from "./styles.module.css";
-export default function QuickNavigation() {
- const { siteConfig } = useDocusaurusContext();
- const { baseUrl } = siteConfig;
+const baseUrl = "/docs/";
- const [product, setProduct] = useState
-
-
-
-
-
+
Blog
-- Learn from the best in the wallet infra market. Product announcements, comparisons, thought leadership articles from Web3Auth just a - click away. -
+Discover our collection of examples and sample applications to see our SDKs in action across various use cases.
-
-
Guides
-Set up your Auth Provider to use it with Web3Auth.
+Infrastructure
+Comprehensive documentation detailing the architecture and setup managing Web3Auth's infrastructure.
-
-
- Web SDKs
-- Explore the range of Web3Auth SDKs with support across all major browsers and javascript frameworks. We also have SDKs for NodeJS for - backend authentication and key generation. -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
- Modal SDK
-Plug and Play Modal SDK for your JS environment. Get a prebuilt UI Modal from Web3Auth for seamless UX
- -
-
-
-
-
-
-
- No Modal SDK
-Plug and Play No Modal SDK for your JS environment. Build your own UI for user interaction
- -
+
+);
- const pnpmobile = (
-
+
- );
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
- Mobile SDKs
-- Web3Auth supports all major mobile platforms. We provide SDKs for native iOS, & Android alongside hybrid mobile platforms like React Native - & Flutter. -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
- Android SDK
-Plug and Play Native SDK for Android Platform
- -
-
-
-
-
-
-
- iOS SDK
-Plug and Play Native SDK for iOS Platform
- -
-
-
-
-
-
-
- React Native SDK
-Plug and Play SDK for Hybrid React Native & Expo Application.
- -
-
-
-
-
-
-
- Flutter SDK
-Plug and Play SDK for Hybrid Flutter Applications
- -
+
+);
- const pnpgaming = (
-
+
- );
+
+
+
+
+
+
+
+
+
+
-
+
+
+
-
-
-
+
-
-
-
-
-
-
diff --git a/src/components/navDropdown/sdk.html b/src/components/navDropdown/sdk.html
index e2e286512..6a975ffd7 100644
--- a/src/components/navDropdown/sdk.html
+++ b/src/components/navDropdown/sdk.html
@@ -7,18 +7,22 @@
document.getElementById("pnp-menu").classList.add("selected-menu");
document.getElementById("wallet-ecosystems-menu-button").classList.remove("selected");
document.getElementById("wallet-ecosystems-menu").classList.remove("selected-menu");
- document.getElementById("core-kit-menu-button").classList.remove("selected");
- document.getElementById("core-kit-menu").classList.remove("selected-menu");
- document.getElementById("wallet-services-menu-button").classList.remove("selected");
- document.getElementById("wallet-services-menu").classList.remove("selected-menu");' onmouseover='
+ document.getElementById("core-kit-sfa-menu-button").classList.remove("selected");
+ document.getElementById("core-kit-sfa-menu").classList.remove("selected-menu");
+ document.getElementById("core-kit-mfa-menu-button").classList.remove("selected");
+ document.getElementById("core-kit-mfa-menu").classList.remove("selected-menu");
+ document.getElementById("helper-sdks-menu-button").classList.remove("selected");
+ document.getElementById("helper-sdks-menu").classList.remove("selected-menu");' onmouseover='
document.getElementById("pnp-menu-button").classList.add("selected");
document.getElementById("pnp-menu").classList.add("selected-menu");
document.getElementById("wallet-ecosystems-menu-button").classList.remove("selected");
document.getElementById("wallet-ecosystems-menu").classList.remove("selected-menu");
- document.getElementById("core-kit-menu-button").classList.remove("selected");
- document.getElementById("core-kit-menu").classList.remove("selected-menu");
- document.getElementById("wallet-services-menu-button").classList.remove("selected");
- document.getElementById("wallet-services-menu").classList.remove("selected-menu");'>
+ document.getElementById("core-kit-sfa-menu-button").classList.remove("selected");
+ document.getElementById("core-kit-sfa-menu").classList.remove("selected-menu");
+ document.getElementById("core-kit-mfa-menu-button").classList.remove("selected");
+ document.getElementById("core-kit-mfa-menu").classList.remove("selected-menu");
+ document.getElementById("helper-sdks-menu-button").classList.remove("selected");
+ document.getElementById("helper-sdks-menu").classList.remove("selected-menu");'>
-
+ document.getElementById("helper-sdks-menu-button").classList.remove("selected");
+ document.getElementById("helper-sdks-menu").classList.remove("selected-menu");'>
-
+ document.getElementById("pnp-menu").classList.remove("selected-menu");
+ document.getElementById("helper-sdks-menu-button").classList.remove("selected");
+ document.getElementById("helper-sdks-menu").classList.remove("selected-menu");'>
@@ -77,18 +89,22 @@
+
+
-
+
-
+
-
+
+
+
+
-
- Gaming SDKs
- {/*
-
*/}
+export const pnpweb = (
+ {pnp} Only
-
+
+);
-
+
+ Plug and Play Web SDKs
+Designed to provide seamless and straightforward integration for web applications across all major browsers and javascript frameworks.
+ {webIcons} +-
+
+
+
+
+
+
+
+ Modal SDK
+PnP integration with a comprehensive, user-friendly prebuilt UI Modal interface for authentication.
+ +
+
+
+
+
+
+
+ No Modal SDK
+Direct PnP integration, bypassing the modal for a streamlined flow.
+Seamlessly authenticate users into your Web3 games with their socials using Web3Auth Gaming SDKs.
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
- Unity SDK
-Plug and Play Native SDK for Unity
- -
-
-
-
-
-
-
-
-
- Unreal SDK
-Plug and Play Native SDK for Unreal
- -
+
+);
- const corekitsfa = (
-
+
- );
+ Plug and Play Mobile SDKs
++ Designed for mobile developers, these SDKs ensure a secure wallet integration experience across various mobile platforms, enhancing user + engagement and security. +
+ {mobileIcons}-
+
+
+
+
+
+
+
+ Android SDK
+ +
+
+
+
+
+
+
+ iOS SDK
+ +
+
+
+
+
+
+
+ React Native SDK
+ +
+
+
+
+
+
+
+ Flutter SDK
+ +
-
+
-
- Single Factor Auth SDKs
-- These SDKs allow for the integration of a single factor of authentication, such as a social login, into your dApp. They are designed to be - simple to use and can be integrated into your dApp with minimal effort, allowing you to directly use the Web3Auth Network for Key - Management. -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
- Single Factor Auth Web SDK
-Core Kit Single Factor Auth Web SDK for your JS environment. Implement Core Kit in a single key pair flow
- -
-
-
-
-
-
-
-
-
- Single Factor Auth Android SDK
-Core Kit Single Factor Auth Android SDK for your Android application. Implement Core Kit in a single key pair flow
- -
-
-
-
-
-
-
-
-
- Single Factor Auth iOS SDK
-Core Kit Single Factor Auth iOS SDK for your iOS application. Implement Core Kit in a single key pair flow
- -
-
-
-
-
-
-
- Single Factor Auth NodeJS SDK
-Core Kit NodeJS SDK for your Node environment. Single key pair flow integration in your NodeJS Backend server.
- -
-
-
-
-
-
-
- Single Factor Auth React Native SDK
-Core Kit Single Factor Auth React Native SDK for your React Native application. Implement Core Kit in a single key pair flow
- -
-
-
-
-
-
-
- Single Factor Auth Flutter SDK
-Core Kit Single Factor Auth Flutter SDK for your Flutter application. Implement Core Kit in a single key pair flow
- -
+
+);
- const corekitmfa = (
-
+
- );
+
+
+
+ Plug and Play Gaming SDKs
+ {/*
+
*/}
+ {pnp} Only
+ Seamlessly authenticate users into your Web3 games with their socials using Web3Auth Gaming SDKs.
+
+
+
+
+
+
+
+ -
+
+
+
+
+
+
+
+ Unity SDK
+ +
+
+
+
+
+
+
+
+
+
+ Unreal SDK
+
- (pnp);
return (
-
diff --git a/src/components/navDropdown/resources.html b/src/components/navDropdown/resources.html
index 0f072431a..984573faa 100644
--- a/src/components/navDropdown/resources.html
+++ b/src/components/navDropdown/resources.html
@@ -1,5 +1,24 @@
-
-
+
-
-
+
+
-
-
-
- Multi Factor SDKs
-- An integral part of this infrastructure is the tKey SDK, the foundational SDK utilized for the implementation of Web3Auth PnP and Core-Kit. -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
- tKey JS SDK for Web
-Core Kit tKey SDK for your JS environment. Build a deeper integration with Web3Auth Infrastructural Layer within your platform.
- -
-
-
-
-
-
-
- tKey JS SDK for React Native
-- tKey JS SDK integration in your hybrid React Native App -
- -
-
-
-
-
-
-
-
-
- tKey Android SDK
-Core Kit tKey Native SDK for Android Platform
- -
-
-
-
-
-
-
-
-
- tKey iOS SDK
-Core Kit tKey Native SDK for iOS Platform
- -
-
-
-
-
-
-
- MPC Core Kit SDK
-Get the Web3Auth MPC Infrastructure with a deeper integration within your application.
- -
-
-
-
-
-
-
-
-
- MPC Android SDK
-
-
- Coming Soon
- MPC SDK for Android Platform
- {/* */} -
-
-
-
-
-
-
-
-
- MPC iOS SDK
-
-
- Coming Soon
- MPC SDK for iOS Platform
- {/* */} -
+
+);
+export const corekitsfamobile = (
+
+
- );
+ Core Kit SFA Web SDK
+Web3Auth one click login, directly within your web application, without any redirection.
+ {webIcons}-
+
+
+
+
+
+
+
+ Single Factor Auth Web SDK
+ +
+
+);
+export const corekitsfabackend = (
+
+
+ Core Kit SFA Mobile SDKs
++ Integrate Web3Auth's key management libraries directly within the app, ensuring a native and user-friendly experience across various mobile + platforms. +
+ {mobileIcons} +-
+
+
+
+
+
+
+
+
+
+
+ Single Factor Auth Android SDK
+
+
+
+
+
+
+
+
+
+
+ Single Factor Auth iOS SDK
+
+
+
+
+
+
+
+ Single Factor Auth React Native SDK
+ +
+
+
+
+
+
+
+ Single Factor Auth Flutter SDK
+ +
+
+);
+
+export const corekitmfaweb = (
+
+
+ Core Kit SFA Backend SDK
++ Designed to extend the Web3Auth authentication mechanism to server-side operations, offering developers a secure way to manage user + authentication in alignment with their application's backend logic. +
+
+
+
+
+
+ -
+
+
+
+
+
+
+
+ Single Factor Auth NodeJS SDK
+ +
+
+);
+export const corekitmfamobile = (
+
+
+ Core Kit MFA Web SDKs
++ Designed for projects that require a tailored approach to authentication, providing the tools and flexibility necessary to build advanced, + secure, and integrated authentication systems +
+ {webIcons} +-
+
+
+
+
+
+
+
+ MPC Core Kit SDK
+Get the Web3Auth full TSS-MPC Infrastructure deeply integrated within your application.
+ +
+
+
+
+
+
+
+ tKey JS SDK for Web
+The SSS based Web3Auth Internal SDK for key management.
+ +
+
+);
+
+export const safeauthkit = (
+
+
+ Core Kit MFA Mobile SDKs
+Native integration with end to end wallet management tools embedded within the application.
+ {mobileIcons} +-
+
+
+
+
+
+
+
+ tKey JS SDK for React Native
+The SSS based Web3Auth Internal SDK in your hybrid React Native App.
+ +
+
+
+
+
+
+
+
+
+ tKey Android SDK
+The SSS based Web3Auth Internal SDK built for Android.
+ +
+
+
+
+
+
+
+
+
+ tKey iOS SDK
+The SSS based Web3Auth Internal SDK built for iOS.
+ +
+
+);
+
+export const mocaverse = (
+
+
+ Web3Auth + Safe AA Kit
+The complete toolkit to build your own Account Abstraction wallet powered by Web3Auth MPC and Safe{"{Core}"} AA Kit
+ {webIcons} +-
+
+
+
+
+
+
+
+ SafeAuth Kit
+
+ SDK Reference{chevron}
+ {/* Examples{chevron} */}
+
+
+
+);
+
+export const toruswallets = (
+
+
+ Mocaverse Id by Animoca Brands
++ An embedded wallet that brings the Mocaverse Ecosystem within your application. Powered by Account Abstraction and MPC, it is a secure and + seamless experience for your users. +
+ {webIcons} +-
+
+
+
+
+
+
+
+ Mocaverse Embed
+
+ SDK Reference{chevron}
+ {/* Examples{chevron} */}
+
+
+
+);
+
+export const walletservices = (
+
+
+ Torus Wallets
+The in-house wallet from Web3Auth, offering a seamless integration with interoperability across major dApps and protocols.
+ {webIcons} +-
+
+
+
+
+
+
+
+ Torus EVM Wallet
+
+ SDK Reference{chevron}
+ {/* Examples{chevron} */}
+
+
+
+
+
+
+
+
+ Torus Solana Wallet
+
+ SDK Reference{chevron}
+ {/* Examples{chevron} */}
+
+
+
+
+
+
+
+
+ Torus XRPL Wallet
+
+ SDK Reference{chevron}
+ {/* Examples{chevron} */}
+
+
+
+);
+
+export const providers = (
+
+
+ Wallet Services
++ Pluggable enhancements for your Web3Auth-integrated wallet, designed to elevate both functionality and user experience within your + application. Includes customisable Wallet UI, Fiat on Ramp, Interoperability features and much more. +
+ {webIcons} +-
+
+
+
+
+
+
+
+ Wallet Services Plugin
+Plugin to extend Wallet Services features to Web3Auth PnP Web SDKs.
+
+ SDK Reference{chevron}
+ {/* Examples{chevron} */}
+
+
+
+);
+
+export default function QuickNavigation() {
+ const [product, setProduct] = useState
+
+ Private Key Providers
+Wrappers around the private key generated by Web3Auth for simple access to the blockchain.
+ {webIcons} +-
+
+
+
+
+
+
+
+ EVM Provider
+For connecting to any EVM compatible chain. Follows the EIP1193 specifications.
+
+ SDK Reference{chevron}
+ {/* Examples{chevron} */}
+
+
+
+
+
+
+
+
+ Solana Provider
+Extends easy methods to connect to the Solana Blockchain.
+
+ SDK Reference{chevron}
+ {/* Examples{chevron} */}
+
+
+
+
+
+
+
+
+ XRPL Provider
+Provides a direct integration with the XRP Ledger
+
+ SDK Reference{chevron}
+ {/* Examples{chevron} */}
+
+
+
+
+
+
+
+
+ Common Provider
+The base provider used to extend Web3Auth connection to non evm chains.
+
+ SDK Reference{chevron}
+ {/* Examples{chevron} */}
+
+
-
{product === pnp && pnpweb}
{product === pnp && pnpmobile}
{product === pnp && pnpgaming}
- {product === corekit && corekitsfa}
- {product === corekit && corekitmfa}
+ {product === corekitsfa && corekitsfaweb}
+ {product === corekitsfa && corekitsfamobile}
+ {product === corekitsfa && corekitsfabackend}
+ {product === corekitmfa && corekitmfaweb}
+ {product === corekitmfa && corekitmfamobile}
+ {product === walletecosystems && safeauthkit}
+ {product === walletecosystems && mocaverse}
+ {product === walletecosystems && toruswallets}
+ {product === helpersdks && walletservices}
+ {product === helpersdks && providers}
);
}
diff --git a/src/components/SDKReferenceCards/styles.module.css b/src/components/SDKReferenceCards/styles.module.css
index 36e8cdff5..927d33f3f 100644
--- a/src/components/SDKReferenceCards/styles.module.css
+++ b/src/components/SDKReferenceCards/styles.module.css
@@ -2,18 +2,16 @@
display: flex;
padding-top: 30px;
padding-bottom: 30px;
- justify-content: space-between;
+ justify-content: flex-start;
flex: 0 0 100%;
flex-wrap: wrap;
align-items: center;
- position: sticky;
top: 70px;
- background-color: var(--ifm-background-color);
border: none;
}
.heading {
- font-weight: 700 !important;
+ font-weight: 500 !important;
font-size: 32px;
line-height: 48px;
color: var(--ifm-color-content);
@@ -53,20 +51,18 @@
text-align: left;
width: 50%;
padding: 50px;
- padding-top: 25px;
- padding-bottom: 25px;
gap: 30px;
flex-wrap: wrap;
+ justify-content: center;
}
.cardContainerIntro {
border-right: 1px solid var(--w3a-border-light-color);
- justify-content: center;
}
.cardContainerIntro h3,
.cardContainer h3 {
- font-weight: 700 !important;
+ font-weight: 500 !important;
font-size: 24px;
line-height: 150%;
color: var(--ifm-color-content);
@@ -118,18 +114,19 @@
.tabContainer {
display: flex;
flex-direction: row;
- justify-content: center;
+ justify-content: flex-start;
align-items: center;
/* white */
background: var(--ifm-background-surface-color);
/* gray/200 */
border: 1px solid var(--w3a-border-light-color);
+ border-right: 0;
border-radius: 8px;
text-decoration: none;
padding: 0;
margin: 0;
- width: max-content;
overflow: hidden;
+ flex-wrap: wrap;
cursor: pointer;
}
@@ -150,11 +147,12 @@
font-size: 15px;
line-height: 150%;
color: var(--w3a-color-icon-gray);
+ border-right: 1px solid var(--w3a-border-light-color);
}
.selectedTab {
color: #fff;
- background: #1C64F2;
+ background: #1c64f2;
}
.pillContainer {
diff --git a/src/components/SidebarMenu/styles.module.css b/src/components/SidebarMenu/styles.module.css
index 57b8e3332..063a2b46a 100644
--- a/src/components/SidebarMenu/styles.module.css
+++ b/src/components/SidebarMenu/styles.module.css
@@ -4,7 +4,7 @@
--docs-sections-menu-active-color: #fff;
}
-html[data-theme='dark'] {
+html[data-theme="dark"] {
--docs-sections-menu-background-color: #3f3f3f;
}
@@ -55,7 +55,6 @@ html[data-theme='dark'] {
margin-bottom: 0.5rem;
font-size: 14px;
font-weight: 600;
- font-family: theme('fontFamily.jakarta');
}
.description {
diff --git a/src/components/navDropdown/help.html b/src/components/navDropdown/help.html
index 570b07777..7230522fc 100644
--- a/src/components/navDropdown/help.html
+++ b/src/components/navDropdown/help.html
@@ -21,9 +21,10 @@ Explore our SDKs
setProduct(pnp)}>
{pnp}
- setProduct(corekit)}>
- {corekit}
+
setProduct(corekitsfa)}>
+ {corekitsfa}
+
+ setProduct(corekitmfa)}>
+ {corekitmfa}
+
+ setProduct(walletecosystems)}>
+ {walletecosystems}
+
+ setProduct(helpersdks)}>
+ {helpersdks}
Support Forum
-
Auth Provider Setup
-Set up your Auth Provider to use it with Web3Auth
+Infrastructure
+Details of the Web3Auth architecture +
-
-
- Blog
-Learn from the best in the wallet infra market. -
-
-
Guides
-Step by step tutorials to major usecases of Web3Auth.
+Troubleshooting
+Checkout the solutions for common issues
Plug and Play
Use pre configured UX flows and integrate your Web3Auth instance quickly.
@@ -26,50 +30,58 @@Plug and Play
-
Core Kit
-Build on top of the Web3Auth infrastructural layer and build your own UX flows.
+Core Kit Single Factor Auth
+One click login, all within your application
-
Wallet Services
-Allow your application to use templated wallet UI screens.
+Core Kit Multi Factor Auth
+Build UX flows on top of the Web3Auth infrastructural layer.
Wallet Services
@@ -97,6 +113,34 @@
+ Wallet Ecosystems
+
+
+ Helper SDKs
+Add ons for extending SDK capabilities
+Backend
-
SFA Android SDK
-Single Factor Auth, implementing a single key pair flow in Android App
+SFA NodeJS SDK
+Single Factor Auth, implementing a single key pair flow integration in a Node Backend.
-
+
-
-
+
-
-
SFA iOS SDK
-Single Factor Auth, implementing a single key pair flow in iOS App
+SFA Android SDK
+Single Factor Auth, implementing a single key pair flow in Android App
-
-
+
-
-
SFA NodeJS SDK
-Single Factor Auth, implementing a single key pair flow integration in a Node Backend.
+SFA iOS SDK
+Single Factor Auth, implementing a single key pair flow in iOS App
-
-
@@ -318,8 +366,25 @@
SFA Flutter SDK
Mobile
-
+
-
@@ -380,8 +448,13 @@
tKey iOS SDK