Merge branch 'main' into yash/support

Author: MananTank

.changeset/loud-clocks-begin.md

@@ -62,4 +62,6 @@ module.exports = [
   // -- universal bridge landing pages --
   "/universal-bridge-regions/:region_slug",
   "/enterprise",
+  "/token",
+  "/vault",
 ];

.changeset/ninety-heads-work.md

@@ -310,3 +310,53 @@ export async function deleteWebhookConfig(props: {
     status: "success",
   };
 }
+
+type TestDestinationUrlResponse =
+  | {
+      result: {
+        httpStatusCode: number;
+        httpResponseBody: string;
+      };
+      status: "success";
+    }
+  | {
+      body: string;
+      reason: string;
+      status: "error";
+    };
+
+export async function testDestinationUrl(props: {
+  teamIdOrSlug: string;
+  projectIdOrSlug: string;
+  destinationUrl: string;
+}): Promise<TestDestinationUrlResponse> {
+  const authToken = await getAuthToken();
+
+  if (!authToken) {
+    return {
+      body: "Authentication required",
+      reason: "no_auth_token",
+      status: "error",
+    };
+  }
+
+  const resp = await fetch(
+    `${NEXT_PUBLIC_THIRDWEB_API_HOST}/v1/teams/${props.teamIdOrSlug}/projects/${props.projectIdOrSlug}/webhook-configs/test-destination-url`,
+    {
+      body: JSON.stringify({ destinationUrl: props.destinationUrl }),
+      headers: {
+        Authorization: `Bearer ${authToken}`,
+        "Content-Type": "application/json",
+      },
+      method: "POST",
+    },
+  );
+  if (!resp.ok) {
+    return {
+      body: await resp.text(),
+      reason: "unknown",
+      status: "error",
+    };
+  }
+  return await resp.json();
+}

apps/dashboard/framer-rewrites.js

@@ -47,7 +47,7 @@ export function AnnouncementBanner() {
   return (
     <AnnouncementBannerUI
       href="https://blog.thirdweb.com/the-fastest-way-to-build-web3-applications/"
-      label="We have re-branded our Engine, Universal Bridge, and Connect products. Please read the full blog post for details on changes"
+      label="We have re-branded our Engine, Payments, and Connect products. Please read the full blog post for details on changes"
       trackingLabel="product-rebrand"
     />
   );

apps/dashboard/src/@/api/webhook-configs.ts

@@ -10,7 +10,7 @@ import {
   type SearchParams,
 } from "./components/server/routes-table";
 
-const title = "Universal Bridge Routes: Swap, Bridge, and Onramp";
+const title = "Payments Routes: Swap, Bridge, and Onramp";
 const description =
   "A list of token routes for swapping, bridging, and on-ramping between EVM chains with thirdweb.";
 
@@ -66,7 +66,7 @@ export default async function RoutesPage(props: {
         <div className="relative flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
           <div className="flex flex-col gap-1">
             <h3 className="font-medium text-lg">
-              Get Started with Universal Bridge
+              Get Started with thirdweb Payments
             </h3>
             <p className="text-muted-foreground text-sm">
               Simple, instant, and secure payments across any token and chain.

apps/dashboard/src/@/components/misc/AnnouncementBanner.tsx

@@ -2,9 +2,9 @@ import { ChakraProviderSetup } from "chakra/ChakraProviderSetup";
 import { revalidatePath } from "next/cache";
 import { notFound, redirect } from "next/navigation";
 import { fetchDeployMetadata } from "thirdweb/contract";
+import { getUserThirdwebClient } from "@/api/auth-token";
 import { ContractPublishForm } from "@/components/contract-components/contract-publish-form";
 import { getActiveAccountCookie, getJWTCookie } from "@/constants/cookie";
-import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import { serverThirdwebClient } from "@/constants/thirdweb-client.server";
 import { getLatestPublishedContractsWithPublisherMapping } from "../../../published-contract/[publisher]/[contract_id]/utils/getPublishedContractsWithPublisherMapping";
 
@@ -68,14 +68,15 @@ export default async function PublishContractPage(
     redirect(`/login?next=${encodeURIComponent(pathname)}`);
   }
 
+  const userThirdwebClient = await getUserThirdwebClient({
+    teamId: undefined,
+  });
+
   return (
     <div className="container flex max-w-[1130px] flex-col gap-8 py-8">
       <ChakraProviderSetup>
         <ContractPublishForm
-          client={getClientThirdwebClient({
-            jwt: token,
-            teamId: undefined,
-          })}
+          client={userThirdwebClient}
           isLoggedIn={!!token}
           onPublishSuccess={async () => {
             "use server";

apps/dashboard/src/app/(app)/(dashboard)/(bridge)/routes/page.tsx

@@ -155,10 +155,10 @@ export function LaunchNFT(props: {
     return shouldDeployERC721 ? "erc721" : "erc1155";
   }, [formValues.nfts]);
 
-  const canEnableGasless =
-    props.teamPlan !== "free" && activeWallet?.id === "inApp";
+  // TODO: enable later when bundler changes are done
+  const canEnableGasless = false; // props.teamPlan !== "free" && activeWallet?.id === "inApp";
   const [isGasless, setIsGasless] = useState(canEnableGasless);
-  const showGaslessSection = activeWallet?.id === "inApp";
+  const showGaslessSection = false; // activeWallet?.id === "inApp";
 
   const contractLink = contractAddressRef.current
     ? `/team/${props.teamSlug}/${props.projectSlug}/contract/${formValues.collectionInfo.chain}/${contractAddressRef.current}`

apps/dashboard/src/app/(app)/(dashboard)/contracts/publish/[publish_uri]/page.tsx

@@ -64,10 +64,10 @@ export function LaunchTokenStatus(props: {
   const activeWallet = useActiveWallet();
   const walletRequiresApproval = activeWallet?.id !== "inApp";
 
-  const canEnableGasless =
-    props.teamPlan !== "free" && activeWallet?.id === "inApp";
+  // TODO: enable later when bundler changes are done
+  const canEnableGasless = false; //props.teamPlan !== "free" && activeWallet?.id === "inApp";
   const [isGasless, setIsGasless] = useState(canEnableGasless);
-  const showGaslessSection = activeWallet?.id === "inApp";
+  const showGaslessSection = false; // activeWallet?.id === "inApp";
   const { idToChain } = useAllChainsData();
   const chainMetadata = idToChain.get(Number(formValues.chain));
 

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/create/nft/launch/launch-nft.tsx

@@ -30,6 +30,15 @@ function getEventType(filters: WebhookFilters): string {
   return "Unknown";
 }
 
+function maskWebhookSecret(secret: string): string {
+  if (!secret || secret.length <= 3) {
+    return secret;
+  }
+  const lastThreeChars = secret.slice(-3);
+  const maskedPart = "*".repeat(10);
+  return maskedPart + lastThreeChars;
+}
+
 interface WebhooksTableProps {
   webhooks: WebhookResponse[];
   projectClientId: string;
@@ -127,6 +136,30 @@ export function ContractsWebhooksTable({
       },
       header: "Webhook URL",
     },
+    {
+      accessorKey: "webhook_secret",
+      cell: ({ getValue }) => {
+        const secret = getValue() as string;
+        const maskedSecret = maskWebhookSecret(secret);
+        return (
+          <div className="flex items-center gap-2">
+            <span className="max-w-40 truncate font-mono text-sm">
+              {maskedSecret}
+            </span>
+            <CopyTextButton
+              className="flex h-6 w-6 items-center justify-center"
+              copyIconPosition="right"
+              iconClassName="h-3 w-3"
+              textToCopy={secret}
+              textToShow=""
+              tooltip="Copy Webhook Secret"
+              variant="ghost"
+            />
+          </div>
+        );
+      },
+      header: "Webhook Secret",
+    },
     {
       accessorKey: "created_at",
       cell: ({ getValue }) => {