diff --git a/docs/features/account-abstraction.mdx b/docs/features/account-abstraction.mdx index 3881b977b..dad52d86b 100644 --- a/docs/features/account-abstraction.mdx +++ b/docs/features/account-abstraction.mdx @@ -8,59 +8,76 @@ import SafeAuthDescription from "@site/src/common/docs/wallet-ecosystems/_safeau import MocaverseDescription from "@site/src/common/docs/wallet-ecosystems/_mocaverse-description.mdx"; import { safeauthkit, mocaverse } from "@site/src/components/SDKReferenceCards"; -Account Abstraction (AA) revolutionizes Web3 authentication by integrating externally owned accounts (EOAs) and smart contracts, offering a more -seamless and secure way for decentralized applications (dApps) to interact with users. These AA-powered smart contract wallets have multiple benefits: - -- **Ecosystem Evolution** Driven by the ERC-4337 proposal, AA aims for its adoption across the Ethereum network, striving for universal account - abstraction. -- **Decentralized Integrity:** Maintains decentralization and censorship resistance, core principles of blockchain technology, through the application - of AA. -- **Gas Fee Sponsorship:** Offers the ability for users to perform gasless transactions, with fees sponsored by the dApp developers, reducing the - barrier to entry for users. -- **Sophisticated Recovery and Transfer Options:** Smart contract-based wallets can implement complex recovery methods and ownership transfer - mechanisms, offering enhanced security and flexibility. +Account Abstraction (AA) revolutionizes Web3 authentication by integrating externally owned accounts +(EOAs) and smart contracts, offering a more seamless and secure way for decentralized applications +(dApps) to interact with users. These AA-powered smart contract wallets have multiple benefits: + +- **Ecosystem Evolution** Driven by the ERC-4337 proposal, AA aims for its adoption across the + Ethereum network, striving for universal account abstraction. +- **Decentralized Integrity:** Maintains decentralization and censorship resistance, core principles + of blockchain technology, through the application of AA. +- **Gas Fee Sponsorship:** Offers the ability for users to perform gasless transactions, with fees + sponsored by the dApp developers, reducing the barrier to entry for users. +- **Sophisticated Recovery and Transfer Options:** Smart contract-based wallets can implement + complex recovery methods and ownership transfer mechanisms, offering enhanced security and + flexibility. ## Understanding EOAs & Smart Contract Wallets -[EOA, or an externally-owned account](https://ethereum.org/en/developers/docs/accounts/) is a type of Ethereum account that is controlled by a private -key. EOAs can be created through Web3Auth-powered social logins, or by using external wallets such as MetaMask, Coinbase Wallet, Rainbow Wallet, etc. +[EOA, or an externally-owned account](https://ethereum.org/en/developers/docs/accounts/) is a type +of Ethereum account that is controlled by a private key. EOAs can be created through +Web3Auth-powered social logins, 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. +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 -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. + + {" "} + 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. ## Web3Auth's approach to Account Abstraction -Web3Auth leverages the combination of Multi-Party Computation based social login EOAs with AA-based smart contract wallet accounts. By incorporating -MPC, AA's security and functionality are significantly enhanced. MPC distributes the validation process across multiple entities, ensuring no single -party can dominate transaction processes, thus bolstering security while maintaining user-friendliness. This results in: +Web3Auth leverages the combination of Multi-Party Computation based social login EOAs with AA-based +smart contract wallet accounts. By incorporating MPC, AA's security and functionality are +significantly enhanced. MPC distributes the validation process across multiple entities, ensuring no +single party can dominate transaction processes, thus bolstering security while maintaining +user-friendliness. This results in: -- **Enhanced Recoverability and UX:** Utilizes social login-based MPC EOAs to offer superior recoverability and a streamlined user experience, - negating the need for external wallet management. -- **Simplified Access and Management:** Facilitates easier account access and management through social logins and advanced recovery mechanisms, - promoting broader Web3 adoption. +- **Enhanced Recoverability and UX:** Utilizes social login-based MPC EOAs to offer superior + recoverability and a streamlined user experience, negating the need for external wallet + management. +- **Simplified Access and Management:** Facilitates easier account access and management through + social logins and advanced recovery mechanisms, promoting broader Web3 adoption. ## Using Account Abstraction with Web3Auth -Web3Auth's AA integration is designed to be developer-friendly, offering a range of tools and resources to simplify the process. All the major Account -Abstraction providers have integrated Web3Auth into their login stacks, enhancing the accessibility and security of their platforms. Web3Auth is proud -to be a part of this transformative movement, working closely with leading AA providers to ensure a seamless, secure login experience. Below are -highlights from a few of these collaborations: +Web3Auth's AA integration is designed to be developer-friendly, offering a range of tools and +resources to simplify the process. All the major Account Abstraction providers have integrated +Web3Auth into their login stacks, enhancing the accessibility and security of their platforms. +Web3Auth is proud to be a part of this transformative movement, working closely with leading AA +providers to ensure a seamless, secure login experience. Below are highlights from a few of these +collaborations: ### SafeAuth Kit -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. +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 +Check out Safe\{Core} AA SDK documentation +https://docs.safe.global/safe-core-aa-sdk/auth-kit/guides/safe-auth ::: @@ -68,30 +85,36 @@ Check out Safe\{Core} AA SDK documentation https://docs.safe.global/safe-core-aa ### Alchemy Account Kit -The Alchemy Account Kit is a comprehensive solution designed to seamlessly integrate account abstraction into your Web3 application. Account Kit -equips developers with a suite of tools to implement smart accounts, offering enhanced functionalities like social login, gas sponsorship, and batched -transactions. With just a few lines of code, you can deploy smart accounts and streamline user operations in your app. +The Alchemy Account Kit is a comprehensive solution designed to seamlessly integrate account +abstraction into your Web3 application. Account Kit equips developers with a suite of tools to +implement smart accounts, offering enhanced functionalities like social login, gas sponsorship, and +batched transactions. With just a few lines of code, you can deploy smart accounts and streamline +user operations in your app. Account Kit includes five components: -- **aa-sdk**: A simple, powerful interface to integrate, deploy, and use smart accounts. The aa-sdk orchestrates everything under the hood to make - development easy. -- **Modular Account**: Secure, audited, modular smart accounts. It is easy to deploy when your users need them and extend with EIP-6900 plugins. -- **Signer**: Integrations with the most popular wallet providers. Secure your accounts with email, social login, passkeys, or a self-custodial wallet - Signer. +- **aa-sdk**: A simple, powerful interface to integrate, deploy, and use smart accounts. The aa-sdk + orchestrates everything under the hood to make development easy. +- **Modular Account**: Secure, audited, modular smart accounts. It is easy to deploy when your users + need them and extend with EIP-6900 plugins. +- **Signer**: Integrations with the most popular wallet providers. Secure your accounts with email, + social login, passkeys, or a self-custodial wallet Signer. - **Gas Manager API**: A programmable API to sponsor gas for UserOps that meets your criteria. -- **Bundler API**: The most reliable ERC-4337 Bundler. Land your UserOps on-chain, batch operations, and sponsor gas at a massive scale. +- **Bundler API**: The most reliable ERC-4337 Bundler. Land your UserOps on-chain, batch operations, + and sponsor gas at a massive scale. :::tip -Check out Alchemy Account Kit Documentation https://accountkit.alchemy.com/signers/guides/web3auth.html +Check out Alchemy Account Kit Documentation +https://accountkit.alchemy.com/signers/guides/web3auth.html ::: ### 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: +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. @@ -107,8 +130,8 @@ Check out Biconomy documentation https://docs.biconomy.io/Account/signers/web3au ### 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. +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 @@ -118,8 +141,9 @@ 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 +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 @@ -130,7 +154,8 @@ 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: +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. @@ -142,19 +167,3 @@ Committed to delivering the finest user experiences with gas abstraction, Gelato Check out Gelato documentation https://docs.gelato.network/developer-services/account-abstraction ::: - -## Using Wallet Ecosystems with Account Abstraction - -In the realm of AA, Web3Auth has taken significant strides with wallet ecosystems like SafeAuth and Mocaverse, incorporating MPC with account -abstraction natively. These ecosystems showcase the practical application of MPC and AA, offering a unique blend of security, user experience, and -innovation. - -### Mocaverse ID - - - -These wallet ecosystems exemplify the potential of combining MPC with AA, offering users unparalleled security and convenience. Web3Auth's -collaboration with SafeAuth and Mocaverse underscores its commitment to advancing the state of Web3 authentication and wallet management, setting new -standards for the industry. - -{ mocaverse } diff --git a/docs/product/product.mdx b/docs/product/product.mdx index 4627213d3..1330fc22d 100644 --- a/docs/product/product.mdx +++ b/docs/product/product.mdx @@ -55,8 +55,7 @@ can handle the complexity of linking your application to a wallet. (have **zero Web3Auth Branding**) if you use [**Web3Auth Core Kit**](/product/core-kit). 2. First-time users don't need the mental overhead of understanding the concept of a "wallet" to use your application. Just a standard Web2 login, they're onboarded using Web3Auth. -3. Quick integrations with **Wallet Ecosystems**, like **SafeAuth**, **Mocaverse**, **Torus - Wallets**, and more. +3. Quick integrations with **Wallet Ecosystems**, like **SafeAuth**, **Torus Wallets**, and more. 4. **Embedded Wallets** within your application, with the ability to use your own OAuth 2.0 / Single Sign-On or any other flow for validating your user. 5. You can create your application for **any chain**, depending on your needs. Web3Auth generates diff --git a/docs/product/wallet-ecosystems.mdx b/docs/product/wallet-ecosystems.mdx index fd79222d8..a5c8d0ebf 100644 --- a/docs/product/wallet-ecosystems.mdx +++ b/docs/product/wallet-ecosystems.mdx @@ -21,11 +21,11 @@ import { safeauthkit, mocaverse, toruswallets } from "@site/src/components/SDKRe { safeauthkit } -## Mocaverse ID +{/\* ## Mocaverse ID -{ mocaverse } +{ mocaverse } \*/} ## Torus Wallets @@ -45,54 +45,66 @@ import { safeauthkit, mocaverse, toruswallets } from "@site/src/components/SDKRe ## Create your own Wallet Ecosystem -Leverage the comprehensive wallet services offered by Web3Auth to craft a bespoke wallet ecosystem embedded directly within your application. This -approach not only grants you the autonomy to maintain your unique wallet system but also ensures that all the robust features of Web3Auth are +Leverage the comprehensive wallet services offered by Web3Auth to craft a bespoke wallet ecosystem +embedded directly within your application. This approach not only grants you the autonomy to +maintain your unique wallet system but also ensures that all the robust features of Web3Auth are seamlessly integrated, offering your users a sophisticated and user-friendly experience. ### Enterprise Whitelabeled Wallets -With the Web3Auth Enterprise plan, the possibilities expand further, allowing for a deeper level of customization and branding. You can have a chat -with our team to get a better understanding of the possibilities and how we can help you achieve your goals. Some examples include: +With the Web3Auth Enterprise plan, the possibilities expand further, allowing for a deeper level of +customization and branding. You can have a chat with our team to get a better understanding of the +possibilities and how we can help you achieve your goals. Some examples include: -- **Clone Torus Wallet:** Customize and launch your version of the Torus Wallet, tailored specifically to your platform's needs and user expectations. -- **Fork Web3Auth Plug and Play Embedded Wallet:** Create a unique iteration of the Web3Auth embedded wallet, fully integrated and optimized for your - application's ecosystem. -- **Web3Auth React Native Whitelabelled Wallet:** Deploy a comprehensive mobile solution that ensures a consistent and branded user experience across - all devices, with flexibility and performance optimized for mobile users. A live demonstration of this wallet's capabilities and user interface can - be explored [here](https://www.youtube.com/watch?v=Si8R2IVZHhM), providing insight into its functionality and design. +- **Clone Torus Wallet:** Customize and launch your version of the Torus Wallet, tailored + specifically to your platform's needs and user expectations. +- **Fork Web3Auth Plug and Play Embedded Wallet:** Create a unique iteration of the Web3Auth + embedded wallet, fully integrated and optimized for your application's ecosystem. +- **Web3Auth React Native Whitelabelled Wallet:** Deploy a comprehensive mobile solution that + ensures a consistent and branded user experience across all devices, with flexibility and + performance optimized for mobile users. A live demonstration of this wallet's capabilities and + user interface can be explored [here](https://www.youtube.com/watch?v=Si8R2IVZHhM), providing + insight into its functionality and design. -This customizable framework empowers you to establish a wallet ecosystem that not only meets the specific demands of your application but also aligns -with your branding, providing a cohesive and engaging user experience. +This customizable framework empowers you to establish a wallet ecosystem that not only meets the +specific demands of your application but also aligns with your branding, providing a cohesive and +engaging user experience. :::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). +[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). ::: #### Real-World Applications -- **fox.web3auth.com**: Fox Corporation leverages a dedicated infrastructure via our Web3Auth Plug and Play. +- **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. +- **Trust Wallet Extension**: Built on the foundation of Web3Auth MPC with development directed by + our expert team. #### Advantages of the Enterprise WhiteLabelled Wallet: -- **Web3Auth Infrastructure Ownership**: Command key aspects of the infrastructure to guarantee optimal customization and security. +- **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. +- **Custom UI/UX Flows**: Construct unique user pathways with our specialized assistance, ensuring a + perfect alignment with your audience and objectives. -- **Swift Development**: Bypass the initial phases of wallet creation and dive directly into refining and customization, significantly reducing your - go-to-market time. +- **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. +- **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. +- **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. +- **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.../../src/common/docs/\_safeauth-description.mdx +- **Licensing Benefits**: The associated fee becomes a judicious investment, given the time, funds, + and potential for rapid market introduction that you + save.../../src/common/docs/\_safeauth-description.mdx diff --git a/sidebars.ts b/sidebars.ts index 197dcd996..5196fff15 100644 --- a/sidebars.ts +++ b/sidebars.ts @@ -1271,7 +1271,7 @@ const sidebars: SidebarsConfig = { defaultStyle: true, }, "sdk/wallet-ecosystems/safeauth", - "sdk/wallet-ecosystems/mocaverse", + // "sdk/wallet-ecosystems/mocaverse", { type: "html", value: "Helper SDKs", diff --git a/src/components/SDKReferenceCards/index.tsx b/src/components/SDKReferenceCards/index.tsx index 47a7917b8..8617fce9a 100644 --- a/src/components/SDKReferenceCards/index.tsx +++ b/src/components/SDKReferenceCards/index.tsx @@ -9,14 +9,26 @@ const baseUrl = "/docs/"; const chevron = ( - + ); const webIcons = (
- +
- +
- +
- + - +
- +
- - + +
- +
- + - +
@@ -120,18 +185,41 @@ const mobileIcons = (
- + - - - + + + - + @@ -142,7 +230,13 @@ const mobileIcons = (
- +

Plug and Play Web SDKs

-

Designed to provide seamless and straightforward integration for web applications across all major browsers and javascript frameworks.

+

+ Designed to provide seamless and straightforward integration for web applications across all + major browsers and javascript frameworks. +

{webIcons}
-

Seamlessly authenticate users into your Web3 games with their socials using Web3Auth Gaming SDKs.

+

+ Seamlessly authenticate users into your Web3 games with their socials using Web3Auth Gaming + SDKs. +

@@ -367,13 +551,20 @@ export const corekitsfaweb = (

Core Kit SFA Web SDK

-

Web3Auth one click login, directly within your web application, without any redirection.

+

+ Web3Auth one click login, directly within your web application, without any redirection. +

{webIcons}
@@ -486,12 +732,19 @@ export const corekitsfabackend = (

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. + 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

@@ -534,15 +796,21 @@ export const corekitmfaweb = (

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 + 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.

    +

    + Get the Web3Auth full TSS-MPC Infrastructure deeply integrated within your application. +

    @@ -563,7 +837,12 @@ export const corekitmfaweb = (
    - +

    Core Kit MFA Mobile SDKs

    -

    Native integration with end to end wallet management tools embedded within the application.

    +

    + Native integration with end to end wallet management tools embedded within the application. +

    {mobileIcons}
      - +

      Web3Auth + Safe AA Kit

      -

      The complete toolkit to build your own Account Abstraction wallet powered by Web3Auth MPC and Safe{"{Core}"} AA Kit

      +

      + The complete toolkit to build your own Account Abstraction wallet powered by Web3Auth MPC + and Safe{"{Core}"} AA Kit +

      {webIcons}
        - +

        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. + 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}
          - +

          Torus Wallets

          -

          The in-house wallet from Web3Auth, offering a seamless integration with interoperability across major dApps and protocols.

          +

          + The in-house wallet from Web3Auth, offering a seamless integration with interoperability + across major dApps and protocols. +

          {webIcons}
            - +
            - +
            - +

            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. + 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}
              - +

              Private Key Providers

              -

              Wrappers around the private key generated by Web3Auth for simple access to the blockchain.

              +

              + Wrappers around the private key generated by Web3Auth for simple access to the blockchain. +

              {webIcons}
                - +
                - +
                - +
                - +
                -
                setProduct(pnp)}> +
                setProduct(pnp)} + > {pnp}
                -
                setProduct(corekitsfa)}> +
                setProduct(corekitsfa)} + > {corekitsfa}
                -
                setProduct(corekitmfa)}> +
                setProduct(corekitmfa)} + > {corekitmfa}
                -
                setProduct(walletecosystems)}> +
                setProduct(walletecosystems)} + > {walletecosystems}
                -
                setProduct(helpersdks)}> +
                setProduct(helpersdks)} + > {helpersdks}
                @@ -952,7 +1326,7 @@ export default function QuickNavigation() { {product === corekitmfa && corekitmfaweb} {product === corekitmfa && corekitmfamobile} {product === walletecosystems && safeauthkit} - {product === walletecosystems && mocaverse} + {/* {product === walletecosystems && mocaverse} */} {product === walletecosystems && toruswallets} {product === helpersdks && walletservices} {product === helpersdks && providers} diff --git a/src/components/navDropdown/sdk.html b/src/components/navDropdown/sdk.html index 6a975ffd7..f35262f6a 100644 --- a/src/components/navDropdown/sdk.html +++ b/src/components/navDropdown/sdk.html @@ -454,7 +454,7 @@

                tKey iOS SDK

                  Wallet Ecosystems

                • - +