diff --git a/apps/portal/src/app/connect/sidebar.tsx b/apps/portal/src/app/connect/sidebar.tsx index 612c886003c..3b53c844cd8 100644 --- a/apps/portal/src/app/connect/sidebar.tsx +++ b/apps/portal/src/app/connect/sidebar.tsx @@ -1,19 +1,9 @@ import type { SideBar } from "@/components/Layouts/DocLayout"; -import { - DotNetIcon, - PayIcon, - ReactIcon, - TypeScriptIcon, - UnityIcon, - WalletsAuthIcon, - WalletsInAppIcon, - WalletsSmartIcon, -} from "@/icons"; -import { CodeIcon, ExternalLink, ZapIcon } from "lucide-react"; +import { DotNetIcon, ReactIcon, TypeScriptIcon, UnityIcon } from "@/icons"; +import { ExternalLink, ZapIcon } from "lucide-react"; import { UnrealEngineIcon } from "../../icons/sdks/UnrealEngineIcon"; // TODO: move the following two slugs to walletSlug with updated docs -const connectSlug = "/connect/sign-in"; const inAppSlug = "/connect/in-app-wallet"; const walletSlug = "/connect/wallet"; @@ -49,150 +39,99 @@ export const sidebar: SideBar = { icon: , }, { separator: true }, + // Connect\ { - name: "Learn", + name: "Onboard Users", + expanded: true, isCollapsible: false, links: [ - // Connect\ { - name: "Wallets", - icon: , + name: "Overview", + href: `${walletSlug}/overview`, + }, + { + name: "Security", + href: `${walletSlug}/security`, + }, + { + name: "Get Started", + href: `${walletSlug}/get-started`, + }, + { + name: "External Wallets", + href: `${walletSlug}/sign-in-methods/external-wallets`, + }, + { + name: "In-App Wallets", links: [ { - name: "Overview", - href: `${walletSlug}/overview`, - }, - { - name: "Security", - href: `${walletSlug}/security`, - }, - { - name: "Get Started", - href: `${walletSlug}/get-started`, + name: "Sign-In Methods", + href: `${walletSlug}/sign-in-methods/configure`, }, - { name: "Pregenerate Wallets", href: `${walletSlug}/pregenerate-wallets`, }, { - name: "Sign-In Methods", + name: "Guest Mode", + href: `${walletSlug}/sign-in-methods/guest`, + }, + { + name: "Custom Authentication", links: [ { - name: "Configure", - href: `${walletSlug}/sign-in-methods/configure`, + name: "Overview", + href: `${inAppSlug}/custom-auth/overview`, }, { - name: "Guest Mode", - href: `${walletSlug}/sign-in-methods/guest`, + name: "Configuration", + href: `${inAppSlug}/custom-auth/configuration`, }, { - name: "External Wallets", - href: `${walletSlug}/sign-in-methods/external-wallets`, - }, - { - name: "Custom Authentication", + name: "Integration guides", links: [ { - name: "Overview", - href: `${inAppSlug}/custom-auth/overview`, + name: "Custom auth server (OIDC Auth)", + href: `${inAppSlug}/custom-auth/custom-jwt-auth-server`, }, { - name: "Configuration", - href: `${inAppSlug}/custom-auth/configuration`, + name: "Custom auth server (Generic Auth)", + href: `${inAppSlug}/custom-auth/custom-auth-server`, }, { - name: "Integration guides", - links: [ - { - name: "Custom auth server (OIDC Auth)", - href: `${inAppSlug}/custom-auth/custom-jwt-auth-server`, - }, - { - name: "Custom auth server (Generic Auth)", - href: `${inAppSlug}/custom-auth/custom-auth-server`, - }, - { - name: "Firebase Auth", - href: `${inAppSlug}/custom-auth/firebase-auth`, - }, - ], + name: "Firebase Auth", + href: `${inAppSlug}/custom-auth/firebase-auth`, }, ], }, ], }, - - { - name: "User Management", - links: [ - { - name: "Get User Profiles", - href: `${walletSlug}/user-management/get-user-profiles`, - }, - { - name: "Export Private Keys", - href: `${walletSlug}/user-management/export-private-key`, - }, - { - name: "Link Multiple Identity", - href: `${walletSlug}/user-management/link-multiple-identity`, - }, - // TODO: - // { - // name: "Deleting User Details", - // href: `${walletSlug}/user-management/deleting-user-details`, - // }, - ], - }, + ], + }, + { + name: "Ecosystem Wallets", + links: [ { - name: "Customization", - links: [ - { - name: "Prebuilt UI", - href: `${connectSlug}/customization`, - }, - // { - // name: "Emails and SMS", - // href: `${connectSlug}/customization#compact-modal`, - // }, - ], + name: "Set-up", + href: `${walletSlug}/ecosystem/set-up`, }, { - name: "Ecosystem", - links: [ - { - name: "Set-up", - href: `${walletSlug}/ecosystem/set-up`, - }, - { - name: "Ecosystem Portal", - href: `${walletSlug}/ecosystem/portal`, - }, - { - name: "Managing Ecosystem Permissions", - href: `${walletSlug}/ecosystem/permissions`, - }, - { - name: "Integrating with Partners", - href: `${walletSlug}/ecosystem/integrating-partners`, - }, - ], + name: "Ecosystem Portal", + href: `${walletSlug}/ecosystem/portal`, }, { - name: "Migrate to thirdweb", - href: `${walletSlug}/migrate-to-thirdweb`, + name: "Managing Ecosystem Permissions", + href: `${walletSlug}/ecosystem/permissions`, }, { - name: "FAQ", - href: `${walletSlug}/faq`, + name: "Integrating with Partners", + href: `${walletSlug}/ecosystem/integrating-partners`, }, ], }, //Account abstraction { name: "Account Abstraction", - icon: , links: [ { name: "Overview", @@ -245,24 +184,6 @@ export const sidebar: SideBar = { name: "Sponsorship rules", href: `${aAslug}/sponsorship-rules`, }, - { - name: "Gasless", - isCollapsible: true, - links: [ - { - name: "Engine", - href: `${aAslug}/gasless/engine`, - }, - { - name: "Biconomy", - href: `${aAslug}/gasless/biconomy`, - }, - { - name: "OpenZeppelin", - href: `${aAslug}/gasless/openzeppelin`, - }, - ], - }, // { // name: "References", // isCollapsible: true, @@ -292,10 +213,26 @@ export const sidebar: SideBar = { }, ], }, + { + name: "Migrate to thirdweb", + href: `${walletSlug}/migrate-to-thirdweb`, + }, + { + name: "FAQ", + href: `${walletSlug}/faq`, + }, + ], + }, + { separator: true }, + // User identity + { + name: "User Identity", + isCollapsible: false, + links: [ // Auth + // TODO move to TS reference { - name: "Auth (SIWE)", - icon: , + name: "Sign In with Ethereum", links: [ { name: "Get Started", @@ -322,10 +259,35 @@ export const sidebar: SideBar = { }, ], }, + { + name: "Get User Profiles", + href: `${walletSlug}/user-management/get-user-profiles`, + }, + { + name: "Link Multiple Identities", + href: `${walletSlug}/user-management/link-multiple-identity`, + }, + { + name: "Export Private Keys", + href: `${walletSlug}/user-management/export-private-key`, + }, + // TODO: + // { + // name: "Deleting User Details", + // href: `${walletSlug}/user-management/deleting-user-details`, + // }, + ], + }, + { separator: true }, + // Blockchain API + // TODO Overview page? + { + name: "Onchain Interactions", + isCollapsible: false, + links: [ // Pay { - name: "Pay", - icon: , + name: "Bridge & Swap", links: [ { name: "Overview", @@ -409,11 +371,8 @@ export const sidebar: SideBar = { }, ], }, - // Blockchain API { - name: "Blockchain API", - icon: , - href: "/connect/blockchain-api", + name: "API References", links: [ { name: "TypeScript", @@ -449,42 +408,5 @@ export const sidebar: SideBar = { }, ], }, - { separator: true }, - { - name: "Platform API References", - isCollapsible: false, - links: [ - { - name: "TypeScript", - href: "/typescript/v5", - icon: , - }, - { - name: "React", - href: "/react/v5", - icon: , - }, - { - name: "React Native", - href: "/react-native/v5", - icon: , - }, - { - name: "Dotnet", - href: "/dotnet", - icon: , - }, - { - name: "Unity", - href: "/unity", - icon: , - }, - { - name: "Unreal Engine", - href: "/unreal-engine", - icon: , - }, - ], - }, ], }; diff --git a/apps/portal/src/app/connect/wallet/get-started/page.mdx b/apps/portal/src/app/connect/wallet/get-started/page.mdx index cc4231b1f0b..9dced8cbbf7 100644 --- a/apps/portal/src/app/connect/wallet/get-started/page.mdx +++ b/apps/portal/src/app/connect/wallet/get-started/page.mdx @@ -38,94 +38,71 @@ We have a playground that lets you see all the various options via our prebuilt href="https://playground.thirdweb.com/connect/sign-in/button" /> -## Integrate into existing project - -Install the required package: - - - ## Get your client ID To use in-app wallets in your applications, you will need a client ID. You can get one for free on [your thirdweb dashboard](https://thirdweb.com/create-api-key). -## Connecting & Creating In-App Wallets - ## External Wallets -Connect to popular external wallets: +Connect to popular external wallets like Metamask, Rainbow, Coinbase, etc.
## In-App Wallets -Create in-app wallets with social/email/sms/passkey login via the following guides: +Create in-app wallets with social/email/sms/passkey login.
{/* TODO: Link to react native getting started for in appw allet */}
@@ -140,32 +117,27 @@ If you're looking to integrate ecosystem wallets in your aplication, refer to th {/* TODO: Add react native specific getting started for ecosystem wallets */} diff --git a/apps/portal/src/app/connect/wallet/sign-in-methods/configure/page.mdx b/apps/portal/src/app/connect/wallet/sign-in-methods/configure/page.mdx index f47e8e044b6..0723e388068 100644 --- a/apps/portal/src/app/connect/wallet/sign-in-methods/configure/page.mdx +++ b/apps/portal/src/app/connect/wallet/sign-in-methods/configure/page.mdx @@ -35,38 +35,32 @@ To enable a given sign-in method for the thirdweb wallet, refer to the following {/* TODO: Link to react native getting started for in app wallet */} @@ -83,32 +77,27 @@ Once configured, refer to the following guides to use the various login options {/* TODO: Add react native specific getting started for ecosystem wallets */} diff --git a/apps/portal/src/app/connect/wallet/sign-in-methods/external-wallets/page.mdx b/apps/portal/src/app/connect/wallet/sign-in-methods/external-wallets/page.mdx index 45c8c5cd60e..61d4486ae43 100644 --- a/apps/portal/src/app/connect/wallet/sign-in-methods/external-wallets/page.mdx +++ b/apps/portal/src/app/connect/wallet/sign-in-methods/external-wallets/page.mdx @@ -92,32 +92,27 @@ Note, however, that the wallet interacting with your application will be a third {/* TODO: Add react native specific getting started for ecosystem wallets */} @@ -128,32 +123,27 @@ Note, however, that the wallet interacting with your application will be a third {/* TODO: Add react native specific getting started for ecosystem wallets */} \ No newline at end of file diff --git a/apps/portal/src/app/connect/wallet/sign-in-methods/guest/page.mdx b/apps/portal/src/app/connect/wallet/sign-in-methods/guest/page.mdx index d4abad1805a..1d4bc5b49ea 100644 --- a/apps/portal/src/app/connect/wallet/sign-in-methods/guest/page.mdx +++ b/apps/portal/src/app/connect/wallet/sign-in-methods/guest/page.mdx @@ -31,32 +31,27 @@ In general, logging in with guest mode is the same as configuring any other logi {/* TODO: Link to react native getting started for in app wallet */} @@ -67,32 +62,27 @@ In general, logging in with guest mode is the same as configuring any other logi {/* TODO: Add react native specific getting started for ecosystem wallets */} @@ -109,32 +99,27 @@ Below are the guides for linking a new identity for in-app wallet on the various {/* TODO: Link to react native getting started for in app wallet */} @@ -147,32 +132,27 @@ Below are the guides for linking a new identity for ecosystem wallet on the vari {/* TODO: Add react native specific getting started for ecosystem wallets */} diff --git a/apps/portal/src/app/connect/wallet/user-management/get-user-profiles/page.mdx b/apps/portal/src/app/connect/wallet/user-management/get-user-profiles/page.mdx index d562dc5c950..62a4b624c31 100644 --- a/apps/portal/src/app/connect/wallet/user-management/get-user-profiles/page.mdx +++ b/apps/portal/src/app/connect/wallet/user-management/get-user-profiles/page.mdx @@ -68,31 +68,26 @@ For frontend, we provide methods to get information around the currently logged @@ -103,31 +98,26 @@ For frontend, we provide methods to get information around the currently logged diff --git a/apps/portal/src/app/connect/wallet/user-management/link-multiple-identity/page.mdx b/apps/portal/src/app/connect/wallet/user-management/link-multiple-identity/page.mdx index ee9841cb762..de8efb90643 100644 --- a/apps/portal/src/app/connect/wallet/user-management/link-multiple-identity/page.mdx +++ b/apps/portal/src/app/connect/wallet/user-management/link-multiple-identity/page.mdx @@ -37,31 +37,26 @@ When linking two identities, both identities will now be linked to the same wall @@ -72,31 +67,26 @@ When linking two identities, both identities will now be linked to the same wall