Refactor send tokens action to use thirdweb API

Replaces the custom proxy with thirdweb's sendTokens API and configures the base URL. Updates error handling and response parsing in sendProjectWalletTokens. Also improves error messaging and transaction ID display in ProjectWalletControls.

Author: 0xFirekeeper

apps/dashboard/src/@/actions/project-wallet/send-tokens.ts

@@ -1,6 +1,13 @@
 "use server";
 
-import { apiServerProxy } from "@/actions/proxies";
+import { configure, sendTokens } from "@thirdweb-dev/api";
+import { THIRDWEB_API_HOST } from "@/constants/urls";
+
+configure({
+  override: {
+    baseUrl: THIRDWEB_API_HOST,
+  },
+});
 
 export async function sendProjectWalletTokens(options: {
   walletAddress: string;
@@ -32,11 +39,8 @@ export async function sendProjectWalletTokens(options: {
     } as const;
   }
 
-  const response = await apiServerProxy<{
-    result?: { transactionIds: string[] };
-    error?: { message?: string };
-  }>({
-    body: JSON.stringify({
+  const response = await sendTokens({
+    body: {
       chainId,
       from: walletAddress,
       recipients: [
@@ -46,19 +50,17 @@ export async function sendProjectWalletTokens(options: {
         },
       ],
       ...(tokenAddress ? { tokenAddress } : {}),
-    }),
+    },
     headers: {
       "Content-Type": "application/json",
       "x-client-id": publishableKey,
+      "x-secret-key": secretKey,
       "x-team-id": teamId,
-      ...(secretKey ? { "x-secret-key": secretKey } : {}),
       ...(vaultAccessToken ? { "x-vault-access-token": vaultAccessToken } : {}),
     },
-    method: "POST",
-    pathname: "/v1/wallets/send",
   });
 
-  if (!response.ok) {
+  if (response.error || !response.data) {
     return {
       error: response.error || "Failed to submit transfer request.",
       ok: false,
@@ -67,6 +69,6 @@ export async function sendProjectWalletTokens(options: {
 
   return {
     ok: true,
-    transactionIds: response.data?.result?.transactionIds ?? [],
+    transactionIds: response.data.result?.transactionIds ?? [],
   } as const;
 }

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/ProjectFTUX/ProjectWalletControls.client.tsx

@@ -404,7 +404,11 @@ function SendProjectWalletModal(props: {
       });
 
       if (!result.ok) {
-        throw new Error(result.error ?? "Failed to send funds");
+        const errorMessage =
+          typeof result.error === "string"
+            ? result.error
+            : "Failed to send funds";
+        throw new Error(errorMessage);
       }
 
       return result.transactionIds;
@@ -416,7 +420,7 @@ function SendProjectWalletModal(props: {
       toast.success("Transfer submitted", {
         description:
           transactionIds && transactionIds.length > 0
-            ? `Reference ID: ${transactionIds[0]}`
+            ? `Transaction ID: ${transactionIds[0]}`
             : undefined,
       });
       onSuccess();