fix: update useProfiles when connecting to different account (#5089)

Author: joaquim-verges

.changeset/stale-fans-ring.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix useProfiles not updating when connecting to a different account

apps/portal/src/app/api/aa-chains/route.ts

@@ -1,25 +1,24 @@
 import { NextResponse } from "next/server";
 import type { ChainMetadata } from "thirdweb/chains";
-import invariant from "tiny-invariant";
 
 export const maxDuration = 300; // max timeout 300 seconds (5min)
 export const revalidate = 86400; // Revalidate every 24 hours (86400 seconds)
 
-export async function GET() {
-  const bundlerServiceKey = process.env.BUNDLER_SERVICE_KEY;
-  invariant(bundlerServiceKey, "BUNDLER_SERVICE_KEY is not set");
+type ApiResponseType = {
+  data: Record<string, { service: string; enabled: boolean }[]>;
+};
 
-  const [aaChains, allChains] = await Promise.all([
-    fetch("https://1.bundler.thirdweb.com/service/chains", {
+export async function GET() {
+  const [chainsWithServices, allChains] = await Promise.all([
+    fetch("https://api.thirdweb.com/v1/chains/services", {
       headers: {
         "Content-Type": "application/json",
-        "x-service-api-key": bundlerServiceKey,
       },
     })
-      .then((res) => res.json() as Promise<{ data: number[] }>)
+      .then((res) => res.json() as Promise<ApiResponseType>)
       .catch((error) => {
         console.error(error);
-        return { data: [] as number[] };
+        return { data: {} as ApiResponseType["data"] };
       }),
     fetch("https://api.thirdweb.com/v1/chains", {
       headers: {
@@ -33,9 +32,18 @@ export async function GET() {
       }),
   ]);
 
+  const aaChains = Object.entries(chainsWithServices.data)
+    .filter(([, services]) =>
+      services.some(
+        (service) =>
+          service.service === "account-abstraction" && service.enabled,
+      ),
+    )
+    .map(([chainId]) => Number(chainId));
+
   const intersectedChains = allChains.data
     .filter((chain) =>
-      aaChains.data.some((aaChainId) => aaChainId === chain.chainId),
+      aaChains.some((aaChainId) => aaChainId === chain.chainId),
     )
     .filter((c) => c.name)
     .sort((a, b) => a.name.localeCompare(b.name));