add tracking, fix cache 404

Author: joaquim-verges

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/engine/cloud/analytics/send-test-tx.client.tsx

@@ -26,6 +26,7 @@ import {
   sepolia,
 } from "thirdweb/chains";
 import * as z from "zod";
+import { useTrack } from "../../../../../../../../hooks/analytics/useTrack";
 import type { Wallet } from "../server-wallets/wallet-table/types";
 import { SmartAccountCell } from "../server-wallets/wallet-table/wallet-table-ui.client";
 
@@ -49,6 +50,7 @@ export function SendTestTransaction(props: {
   const queryClient = useQueryClient();
   const [hasSentTx, setHasSentTx] = useState(false);
   const router = useDashboardRouter();
+  const trackEvent = useTrack();
 
   const form = useForm<FormValues>({
     resolver: zodResolver(formSchema),
@@ -74,6 +76,11 @@ export function SendTestTransaction(props: {
       accessToken: string;
       chainId: number;
     }) => {
+      trackEvent({
+        category: "engine-cloud",
+        action: "send_test_tx",
+      });
+
       const response = await engineCloudProxy({
         pathname: "/v1/write/transaction",
         method: "POST",

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

@@ -16,6 +16,7 @@ import { Loader2, WalletIcon } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
 import { engineCloudProxy } from "../../../../../../../../../@/actions/proxies";
+import { useTrack } from "../../../../../../../../../hooks/analytics/useTrack";
 import { initVaultClient } from "../../lib/vault.client";
 
 export default function CreateServerWallet(props: {
@@ -26,6 +27,7 @@ export default function CreateServerWallet(props: {
   const router = useDashboardRouter();
   const [label, setLabel] = useState("");
   const [modalOpen, setModalOpen] = useState(false);
+  const trackEvent = useTrack();
 
   const createEoaMutation = useMutation({
     mutationFn: async ({
@@ -35,6 +37,11 @@ export default function CreateServerWallet(props: {
       managementAccessToken: string;
       label: string;
     }) => {
+      trackEvent({
+        category: "engine-cloud",
+        action: "create_server_wallet",
+      });
+
       const vaultClient = await initVaultClient();
 
       const eoa = await createEoa({
@@ -60,7 +67,7 @@ export default function CreateServerWallet(props: {
 
       // no need to await this, it's not blocking
       engineCloudProxy({
-        pathname: "/v1/cache/smart-account",
+        pathname: "/cache/smart-account",
         method: "POST",
         headers: {
           "Content-Type": "application/json",

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/engine/cloud/vault/components/create-vault-account.client.tsx

@@ -18,6 +18,7 @@ import { createServiceAccount } from "@thirdweb-dev/vault-sdk";
 import { CheckIcon, DownloadIcon, Loader2, LockIcon } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
+import { useTrack } from "../../../../../../../../../hooks/analytics/useTrack";
 import {
   createManagementAccessToken,
   createWalletAccessToken,
@@ -33,11 +34,17 @@ export default function CreateVaultAccountButton(props: {
   const [keysConfirmed, setKeysConfirmed] = useState(false);
   const [keysDownloaded, setKeysDownloaded] = useState(false);
   const router = useDashboardRouter();
+  const trackEvent = useTrack();
 
   const initialiseProjectWithVaultMutation = useMutation({
     mutationFn: async () => {
       setModalOpen(true);
 
+      trackEvent({
+        category: "engine-cloud",
+        action: "create_vault_account",
+      });
+
       const vaultClient = await initVaultClient();
 
       const serviceAccount = await createServiceAccount({

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/engine/cloud/vault/components/list-access-tokens.client.tsx

@@ -18,6 +18,7 @@ import { Loader2, LockIcon, Trash2 } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
 import { toDateTimeLocal } from "utils/date-utils";
+import { useTrack } from "../../../../../../../../../hooks/analytics/useTrack";
 import {
   SERVER_WALLET_MANAGEMENT_ACCESS_TOKEN_PURPOSE,
   createWalletAccessToken,
@@ -32,11 +33,17 @@ export default function ListAccessTokens(props: {
   const [adminKey, setAdminKey] = useState("");
   const [deletingTokenId, setDeletingTokenId] = useState<string | null>(null);
   const queryClient = useQueryClient();
+  const trackEvent = useTrack();
   // TODO allow passing permissions to the access token
   const createAccessTokenMutation = useMutation({
     mutationFn: async (args: { adminKey: string }) => {
       const vaultClient = await initVaultClient();
 
+      trackEvent({
+        category: "engine-cloud",
+        action: "create_access_token",
+      });
+
       const userAccessTokenRes = await createWalletAccessToken({
         project: props.project,
         adminKey: args.adminKey,
@@ -68,6 +75,11 @@ export default function ListAccessTokens(props: {
       setDeletingTokenId(args.accessTokenId);
       const vaultClient = await initVaultClient();
 
+      trackEvent({
+        category: "engine-cloud",
+        action: "revoke_access_token",
+      });
+
       const revokeAccessTokenRes = await revokeAccessToken({
         client: vaultClient,
         request: {

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/engine/cloud/vault/components/rotate-admin-key.client.tsx

@@ -26,6 +26,7 @@ import {
 } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
+import { useTrack } from "../../../../../../../../../hooks/analytics/useTrack";
 import {
   createManagementAccessToken,
   createWalletAccessToken,
@@ -38,10 +39,14 @@ export default function RotateAdminKeyButton(props: { project: Project }) {
   const [keysConfirmed, setKeysConfirmed] = useState(false);
   const [keysDownloaded, setKeysDownloaded] = useState(false);
   const router = useDashboardRouter();
+  const trackEvent = useTrack();
 
   const rotateAdminKeyMutation = useMutation({
     mutationFn: async () => {
-      await new Promise((resolve) => setTimeout(resolve, 1000));
+      trackEvent({
+        category: "engine-cloud",
+        action: "rotate_admin_key",
+      });
 
       const vaultClient = await initVaultClient();
       const rotationCode = props.project.services.find(