docs: add guest documentation

Author: ElasticBottle

apps/portal/src/app/connect/sidebar.tsx

@@ -122,7 +122,7 @@ export const sidebar: SideBar = {
               links: [
                 {
                   name: "Guest Mode",
-                  href: `${connectSlug}/methods/guest-mode`,
+                  href: `${walletSlug}/sign-in-methods/guest`,
                 },
                 {
                   name: "Social Login",

apps/portal/src/app/connect/wallet/get-started/overview/page.mdx

@@ -7,7 +7,6 @@ import {
     ExternalLinkIcon,
     UnrealEngineIcon
 } from "@/icons"
-import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
 
 export const metadata = createMetadata({
 	image: {

apps/portal/src/app/connect/wallet/sign-in-methods/guest/page.mdx

@@ -0,0 +1,83 @@
+import { createMetadata, Callout, CodeBlock, Tabs, TabsContent, TabsList, TabsTrigger, } from "@doc";
+
+export const metadata = createMetadata({
+	image: {
+		title: "Guest Mode",
+		icon: "wallets",
+	},
+	title: "Guest Mode",
+	description:
+		"Learn how to get users started in thirdweb wallets without requiring sign-in.",
+});
+
+# Guest Mode
+
+Sometimes users want to get started using your app without signing in. You can now give users an in-memory "guest account" that can then be converted into a standard account by linking another auth method.
+
+<Callout variant='info' title="Guest Mode Support">
+	Guest mode is supported in both Ecosystem Wallets and In-App Wallets.
+
+	The examples below show how to use Guest Mode with In-App Wallets, but the same principles apply to Ecosystem Wallets.
+</Callout>
+
+<Tabs defaultValue={"typescript"}>
+	<TabsList>
+		<TabsTrigger value="typescript">typescript</TabsTrigger>
+		<TabsTrigger value="react">react/react native</TabsTrigger>
+		<TabsTrigger value="dotnet">.NET</TabsTrigger>
+	</TabsList>
+	<TabsContent value="typescript">
+	<CodeBlock code={`import { inAppWallet } from "thirdweb/wallets";
+const wallet = inAppWallet();
+
+// Create the temporary guest account
+const account = await wallet.connect({
+	client,
+	strategy: "guest",
+});`} lang="typescript" />
+	</TabsContent>
+	<TabsContent value="react">
+	<CodeBlock code={`
+import { ConnectButton } from "thirdweb/react";
+import { inAppWallet } from "thirdweb/wallets";
+
+<ConnectButton
+	wallets={[
+		inAppWallet({
+			auth: {
+				options: ["google", "discord", "telegram", "email", "phone", "guest"],
+			},
+		}),
+	]}
+/>;`} lang="jsx" />
+	</TabsContent>
+	<TabsContent value="dotnet">
+	<CodeBlock code={`var wallet = await InAppWallet.Create(client: client, authProvider: AuthProvider.Guest);
+var address = await wallet.LoginWithGuest();`} lang="csharp" />
+	</TabsContent>
+</Tabs>
+
+
+When your user is ready, [link any other auth method](/connect/in-app-wallet/guides/link-multiple-profiles) so they can access their account in the future.
+
+<Tabs defaultValue={"typescript"}>
+	<TabsList>
+		<TabsTrigger value="typescript">typescript/react/react-native</TabsTrigger>
+		<TabsTrigger value="dotnet">.NET</TabsTrigger>
+	</TabsList>
+	<TabsContent value="typescript">
+	<CodeBlock code={`import { linkProfile } from "thirdweb/wallets";
+
+await linkProfile(wallet, { strategy: "google" });`} lang="typescript" />
+	</TabsContent>
+	<TabsContent value="dotnet">
+	<CodeBlock code={`var socialWallet = await InAppWallet.Create(client: client, authProvider: AuthProvider.Telegram);
+_ = await inAppWalletMain.LinkAccount(walletToLink: socialWallet,);`} lang="csharp" />
+	</TabsContent>
+</Tabs>
+
+Your user can now access this same wallet with their Google account. 
+
+While it is not linked to any other identity, the lifetime of the guest wallet for any given user will last until they clear their browser storage.
+
+You can try out Guest Mode [on our playground.](https://playground.thirdweb.com/connect/sign-in/button)

packages/thirdweb/src/wallets/in-app/web/ecosystem.ts

@@ -20,6 +20,9 @@ import { createInAppWallet } from "../core/wallet/in-app-core.js";
  * - LINE
  * - X
  * - Farcaster
+ * - Twitch
+ * - Coinbase
+ * - Steam
  *
  * Can also be configured to use Account Abstraction to directly connect to a ERC4337 smart account based on those authentication methods.
  *

packages/thirdweb/src/wallets/in-app/web/in-app.ts

@@ -20,6 +20,8 @@ import { createInAppWallet } from "../core/wallet/in-app-core.js";
  * - LINE
  * - X
  * - Farcaster
+ * - Twitch
+ * - Steam
  *
  * Can also be configured to use Account Abstraction to directly connect to a ERC4337 smart account based on those authentication methods.
  *