fix SSR

Author: joaquim-verges

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/lib/vault-utils.ts renamed to apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/lib/vault.client.ts

@@ -1,11 +1,11 @@
 import { getProject } from "@/api/projects";
 import { getTeamBySlug } from "@/api/team";
-import { listEoas } from "@thirdweb-dev/vault-sdk";
+import { THIRDWEB_VAULT_URL } from "@/constants/env";
+import { createVaultClient, listEoas } from "@thirdweb-dev/vault-sdk";
 import { notFound, redirect } from "next/navigation";
 import { getAuthToken } from "../../../../api/lib/getAuthToken";
 import { TransactionsAnalyticsPageContent } from "./analytics/analytics-page";
 import { TransactionAnalyticsSummary } from "./analytics/summary";
-import { initVaultClient } from "./lib/vault-utils";
 import type { Wallet } from "./server-wallets/wallet-table/types";
 
 export default async function TransactionsAnalyticsPage(props: {
@@ -44,7 +44,9 @@ export default async function TransactionsAnalyticsPage(props: {
     (service) => service.name === "engineCloud",
   );
 
-  const vaultClient = await initVaultClient();
+  const vaultClient = await createVaultClient({
+    baseUrl: THIRDWEB_VAULT_URL,
+  });
 
   const managementAccessToken =
     projectEngineCloudService?.managementAccessToken;

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/page.tsx

@@ -23,7 +23,7 @@ import {
   createWalletAccessToken,
   initVaultClient,
   maskSecret,
-} from "../../lib/vault-utils";
+} from "../../lib/vault.client";
 
 export default function CreateServerWallet(props: {
   project: Project;

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/server-wallets/components/create-server-wallet.client.tsx

@@ -30,7 +30,7 @@ import {
   SERVER_WALLET_MANAGEMENT_ACCESS_TOKEN_PURPOSE,
   createWalletAccessToken,
   initVaultClient,
-} from "../../lib/vault-utils";
+} from "../../lib/vault.client";
 
 export default function ListAccessTokensButton(props: {
   project: Project;

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/server-wallets/components/list-access-tokens.client.tsx

@@ -24,7 +24,7 @@ import {
   createManagementAccessToken,
   initVaultClient,
   maskSecret,
-} from "../../lib/vault-utils";
+} from "../../lib/vault.client";
 
 export default function RotateAdminKeyButton(props: { project: Project }) {
   const [modalOpen, setModalOpen] = useState(false);

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/server-wallets/components/rotate-admin-key.client.tsx

@@ -64,20 +64,20 @@ const response = fetch(
         headers: {
             "Content-Type": "application/json",
             "x-secret-key": "<your-project-secret-key>",
-            "x-vault-access-token": "<your-wallet-access-token>",
+            "x-vault-access-token": "<your-vault-access-token>",
 
         },
         body: JSON.stringify({
             "executionOptions": {
                 "type": "AA",
-                "signerAddress": "<your-server-wallet-address>",
+                "signerAddress": "<your-signer-address>",
                 "chainId": "84532"
             },
             "params": [
               {
                 "contractAddress": "0x...",
-                "method": "approve",
-                "params": ["0x...", "0"],
+                "method": "function mintTo(address to, uint256 amount)",
+                "params": ["0x...", "100"],
               },
             ],
         }),

apps/dashboard/src/app/team/[team_slug]/[project_slug]/engine/server-wallets/components/try-it-out.tsx

@@ -1,8 +1,8 @@
 import { getProject } from "@/api/projects";
-import { listEoas } from "@thirdweb-dev/vault-sdk";
+import { createVaultClient, listEoas } from "@thirdweb-dev/vault-sdk";
 import { notFound } from "next/navigation";
+import { THIRDWEB_VAULT_URL } from "../../../../../../@/constants/env";
 import { getAuthToken } from "../../../../../api/lib/getAuthToken";
-import { initVaultClient } from "../lib/vault-utils";
 import { KeyManagement } from "./components/key-management";
 import { TryItOut } from "./components/try-it-out";
 import type { Wallet } from "./wallet-table/types";
@@ -11,7 +11,9 @@ import { ServerWalletsTable } from "./wallet-table/wallet-table";
 export default async function TransactionsServerWalletsPage(props: {
   params: Promise<{ team_slug: string; project_slug: string }>;
 }) {
-  const vaultClient = await initVaultClient();
+  const vaultClient = await createVaultClient({
+    baseUrl: THIRDWEB_VAULT_URL,
+  });
 
   const { team_slug, project_slug } = await props.params;
   const [authToken, project] = await Promise.all([