Merge branch 'main' into sdk-connect

Author: alexandratran

docusaurus.config.js

@@ -412,6 +412,12 @@ const config = {
           },
         },
       },
+      announcementBar: {
+        id: 'support_us',
+        content:
+          '<span style="font-weight: 600">NEW!</span> Build embedded wallets with MetaMask using the <a target="_blank" rel="noopener noreferrer" href="https://web3auth.io/docs">Embedded Wallets SDK (Web3Auth)</a>. Instantly onboard users with social logins, passkeys, and more.',
+        isCloseable: false,
+      },
     }),
 }
 

package-lock.json

@@ -39,7 +39,7 @@
     "@mdx-js/react": "^3.1.0",
     "@metamask/design-tokens": "^7.1.0",
     "@metamask/eth-sig-util": "^7.0.3",
-    "@metamask/profile-sync-controller": "^11.0.1",
+    "@metamask/profile-sync-controller": "^16.0.0",
     "@metamask/sdk": "^0.32.0",
     "@rjsf/core": "^5.24.10",
     "@rjsf/utils": "^5.24.8",

package.json

@@ -204,9 +204,6 @@ function App() {
 }
 ```
 
-## Examples
+## Example
 
-See the following examples on GitHub for more information:
-
-- [React Native demo](https://github.com/MetaMask/metamask-sdk/tree/main/packages/examples/reactNativeDemo)
-- [Expo demo](https://github.com/MetaMask/metamask-sdk/tree/main/packages/examples/expo-demo)
+See the [React Native demo](https://github.com/MetaMask/metamask-sdk/tree/main/packages/examples/reactNativeDemo) on GitHub for more information.

sdk/connect/react-native.md

@@ -15,6 +15,11 @@ With the SDK, you can:
 
 [Get started by connecting to MetaMask.](connect/javascript-wagmi.md)
 
+:::tip Build embedded wallet experiences that work seamlessly with MetaMask
+Introducing our latest [Embedded Wallets SDK](https://web3auth.io/docs) (previously Web3Auth), you can now onboard users
+instantly and design seamless onchain experiences with social logins, passkeys and more.
+:::
+
 ## Why use the SDK?
 
 The benefits of using MetaMask SDK include the following:

sdk/index.md

@@ -19,7 +19,7 @@ Use [testnet endpoints](../get-started/endpoints.md) during development and init
 |-------------|-------------------|-------------------------------|
 | [Arbitrum Sepolia](https://docs.arbitrum.io/launch-orbit-chain/how-tos/add-orbit-chain-to-bridge-ui)| [Arbitrum Sepolia faucet](https://faucet.quicknode.com/arbitrum/sepolia)| [Arbitrum bridge](https://bridge.arbitrum.io/)|
 | [Avalanche Fuji](https://docs.avax.network/learn/networks/fuji-testnet)| [Avalanche Fuji faucet](https://faucet.avax.network)| [Avalanche bridge](https://bridge.avax.network/)|
-| [Base Sepolia](https://docs.base.org/docs/using-base/)| [Base Sepolia faucet](https://faucet.quicknode.com/base/sepolia)| [Base bridge](https://bridge.base.org/deposit)|
+| [Base Sepolia](https://docs.base.org/chain/using-base#metamask-1)| [Base Sepolia faucet](https://faucet.quicknode.com/base/sepolia)| [Base bridge](https://bridge.base.org/deposit)|
 | [Blast Sepolia](https://docs.blast.io/using-blast)| [Blast Sepolia faucet](https://faucet.quicknode.com/blast/sepolia)|     |
 | [Binance Smart Chain (BSC) Sepolia](https://academy.binance.com/en/articles/connecting-metamask-to-binance-smart-chain)| [BSC Sepolia faucet](https://www.bnbchain.org/en/testnet-faucet)| [BSC bridge](https://www.bnbchain.org/en/bnb-chain-bridges)|
 | [Celo Alfajores](https://docs.celo.org/getting-started/alfajores-testnet)| [Celo Alfajores faucet](https://faucet.celo.org/alfajores)| [Celo bridge](https://docs.celo.org/protocol/bridge#token-bridges)|

services/how-to/get-testnet-tokens.md

@@ -33,6 +33,13 @@ export default function Home(): JSX.Element {
               "Use the Wallet API to integrate your dapp with MetaMask. Connect to the MetaMask browser extension and interact with your users' accounts.",
             href: '/wallet',
             theme: '',
+          },
+                    {
+            title: 'Embedded Wallets',
+            description:
+              'Use the Embedded Wallets SDK (Web3Auth) to onboard power users and first-time users in seconds via social logins, passkeys, or by integrating your own authentication providers.',
+            href: 'https://web3auth.io/docs',
+            theme: '',
           },
           {
             title: 'Snaps',

src/pages/index.tsx

@@ -768,4 +768,37 @@ ol {
   .resources-dropdown-menu a {
     width: 100%; // Makes each box take full width of dropdown
   }
-}
+}
+
+div[class^='announcementBar_'] {
+  font-family: var(--font-mm-centra);
+  font-size: 1.4rem;
+  padding: 1rem 2rem;
+  text-align: center;
+  border-bottom: 1px solid var(--general-gray-light);
+  background-color: var(--developer-purple-light);
+  color: var(--color-text);
+
+  a {
+    color: var(--ifm-link-color);
+    text-decoration: underline;
+    font-weight: 500;
+
+    &:hover {
+      color: var(--ifm-link-hover-color);
+    }
+  }
+
+  [data-theme='dark'] & {
+    background-color: var(--developer-purple-light);
+    color: var(--general-black);
+
+    a {
+      color: var(--general-black);
+
+      &:hover {
+        color: var(--developer-purple);
+      }
+    }
+  }
+}