Playground: Update product grouping

Author: MananTank

apps/playground-web/next.config.mjs

@@ -58,108 +58,28 @@ const nextConfig = {
   async redirects() {
     return [
       {
-        source: "/connect/pay",
-        destination: "/payments/ui-components",
-        permanent: false,
-      },
-      {
-        source: "/connect/pay/:path*",
-        destination: "/payments/:path*",
-        permanent: false,
-      },
-      {
-        source: "/connect/ui",
-        destination: "/wallets/headless/account-components",
-        permanent: false,
-      },
-      {
-        source: "/connect/ui/nft",
-        destination: "/wallets/headless/nft-components",
-        permanent: false,
-      },
-      {
-        source: "/connect/ui/token",
-        destination: "/wallets/headless/token-components",
-        permanent: false,
-      },
-      {
-        source: "/connect/ui/chain",
-        destination: "/wallets/headless/chain-components",
-        permanent: false,
-      },
-      {
-        source: "/connect/ui/wallet",
-        destination: "/wallets/headless/wallet-components",
-        permanent: false,
-      },
-      {
-        source: "/connect/:path*",
-        destination: "/wallets/:path*",
-        permanent: false,
-      },
-      {
-        source: "/engine/airdrop",
-        destination: "/transactions/airdrop-tokens",
-        permanent: false,
-      },
-      {
-        source: "/engine/minting",
-        destination: "/transactions/mint-tokens",
-        permanent: false,
-      },
-      {
-        source: "/engine/webhooks",
-        destination: "/transactions/webhooks",
-        permanent: false,
-      },
-      {
-        source: "/wallets/account-abstraction/sponsor",
-        destination: "/account-abstraction/eip-4337",
-        permanent: false,
-      },
-      {
-        source: "/wallets/account-abstraction/7702",
-        destination: "/account-abstraction/eip-7702",
-        permanent: false,
-      },
-      {
-        source: "/wallets/account-abstraction/5792",
-        destination: "/account-abstraction/eip-5792",
-        permanent: false,
-      },
-      {
-        source: "/wallets/account-abstraction/native-aa",
-        destination: "/account-abstraction/native-aa",
-        permanent: false,
-      },
-      {
-        source: "/wallets/headless/token-components",
-        destination: "/tokens/token-components",
-        permanent: false,
-      },
-      {
-        source: "/wallets/headless/nft-components",
-        destination: "/tokens/nft-components",
+        source: "/insight/:path*",
+        destination: "https://insight.thirdweb.com/reference",
         permanent: false,
       },
       {
-        source: "/wallets/in-app-wallet/ecosystem",
-        destination: "/wallets/ecosystem-wallet",
+        source: "/payments/x402",
+        destination: "/x402",
         permanent: false,
       },
       {
-        source: "/insight/:path*",
-        destination: "https://insight.thirdweb.com/reference",
+        source: "/payments/fund-wallet",
+        destination: "/bridge/buy-widget",
         permanent: false,
       },
       {
-        source: "/payments/backend/:path*",
-        destination: "/reference#tag/payments",
+        source: "/payments/commerce",
+        destination: "/bridge/checkout-widget",
         permanent: false,
       },
       {
-        source: "/payments/ui-components",
-        destination: "/payments",
+        source: "/payments/transactions",
+        destination: "/bridge/transaction-widget",
         permanent: false,
       },
     ];

apps/playground-web/src/app/api/paywall/route.ts

@@ -2,7 +2,7 @@ import { type NextRequest, NextResponse } from "next/server";
 import { createThirdwebClient, defineChain } from "thirdweb";
 import { toUnits } from "thirdweb/utils";
 import { facilitator, settlePayment } from "thirdweb/x402";
-import { token } from "../../payments/x402/components/constants";
+import { token } from "../../x402/components/constants";
 
 // Allow streaming responses up to 5 minutes
 export const maxDuration = 300;

apps/playground-web/src/app/payments/fund-wallet/BuyPlayground.tsx renamed to apps/playground-web/src/app/bridge/buy-widget/BuyPlayground.tsx

@@ -4,7 +4,7 @@ import ThirdwebProvider from "@/components/thirdweb-provider";
 import { createMetadata } from "@/lib/metadata";
 import { BuyPlayground } from "./BuyPlayground";
 
-const title = "Buy Crypto Component";
+const title = "Buy Widget";
 const description =
   "Embeddable component for users to purchase any cryptocurrency for top-ups and more with fiat or crypto-to-crypto swaps";
 const ogDescription =

apps/playground-web/src/app/payments/fund-wallet/page.tsx renamed to apps/playground-web/src/app/bridge/buy-widget/page.tsx

@@ -4,7 +4,7 @@ import ThirdwebProvider from "@/components/thirdweb-provider";
 import { createMetadata } from "@/lib/metadata";
 import { CheckoutPlayground } from "./CheckoutPlayground";
 
-const title = "Checkout Component";
+const title = "Checkout Widget";
 const description =
   "Enable purchase of any service or goods with fiat or cryptocurrency and setup notifications on every sale to ship goods, activate services, and more";
 const ogDescription =

apps/playground-web/src/app/payments/commerce/CheckoutPlayground.tsx renamed to apps/playground-web/src/app/bridge/checkout-widget/CheckoutPlayground.tsx

@@ -15,8 +15,8 @@ import {
 import { Button } from "../../../components/ui/button";
 import { THIRDWEB_CLIENT } from "../../../lib/client";
 import { cn } from "../../../lib/utils";
-import { CodeGen } from "../components/CodeGen";
-import type { BridgeComponentsPlaygroundOptions } from "../components/types";
+import { CodeGen } from "./CodeGen";
+import type { BridgeComponentsPlaygroundOptions } from "./types";
 
 const nftContract = getContract({
   address: "0xf0d0CBf84005Dd4eC81364D1f5D7d896Bd53D1B8",