thirdweb 5.76.0 → 5.76.1

package/src/react/native/hooks/wallets/useLinkProfile.ts

@@ -1,9 +1,9 @@
-import { useMutation } from "@tanstack/react-query";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wallet.js";
 import type { AuthArgsType } from "../../../../wallets/in-app/core/authentication/types.js";
 import type { Ecosystem } from "../../../../wallets/in-app/core/wallet/types.js";
 import { linkProfile } from "../../../../wallets/in-app/web/lib/auth/index.js";
-import { useAdminWallet } from "../../../core/hooks/wallets/useAdminWallet.js";
+import { useConnectedWallets } from "../../../core/hooks/wallets/useConnectedWallets.js";
 
 /**
  * Links a web2 or web3 profile to the connected in-app or ecosystem account.
@@ -77,16 +77,25 @@ import { useAdminWallet } from "../../../core/hooks/wallets/useAdminWallet.js";
  * @wallet
  */
 export function useLinkProfile() {
-  const wallet = useAdminWallet();
+  const wallets = useConnectedWallets();
+  const queryClient = useQueryClient();
   return useMutation({
     mutationKey: ["profiles"],
-    mutationFn: async (options: Omit<AuthArgsType, "ecosystem">) => {
-      const ecosystem: Ecosystem | undefined =
-        wallet && isEcosystemWallet(wallet)
-          ? { id: wallet.id, partnerId: wallet.getConfig()?.partnerId }
-          : undefined;
+    mutationFn: async (options: AuthArgsType) => {
+      const ecosystemWallet = wallets.find((w) => isEcosystemWallet(w));
+      const ecosystem: Ecosystem | undefined = ecosystemWallet
+        ? {
+            id: ecosystemWallet.id,
+            partnerId: ecosystemWallet.getConfig()?.partnerId,
+          }
+        : undefined;
       const optionsWithEcosystem = { ...options, ecosystem } as AuthArgsType;
       return linkProfile(optionsWithEcosystem);
     },
+    onSuccess() {
+      setTimeout(() => {
+        queryClient.invalidateQueries({ queryKey: ["profiles"] });
+      }, 500);
+    },
   });
 }

package/src/react/native/hooks/wallets/useProfiles.ts

@@ -4,7 +4,7 @@ import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wa
 import type { Profile } from "../../../../wallets/in-app/core/authentication/types.js";
 import type { Ecosystem } from "../../../../wallets/in-app/core/wallet/types.js";
 import { getProfiles } from "../../../../wallets/in-app/web/lib/auth/index.js";
-import { useAdminWallet } from "../../../core/hooks/wallets/useAdminWallet.js";
+import { useConnectedWallets } from "../../../core/hooks/wallets/useConnectedWallets.js";
 
 /**
  * Retrieves all linked profiles of the connected in-app or ecosystem account.
@@ -29,15 +29,24 @@ import { useAdminWallet } from "../../../core/hooks/wallets/useAdminWallet.js";
 export function useProfiles(args: {
   client: ThirdwebClient;
 }): UseQueryResult<Profile[]> {
-  const wallet = useAdminWallet();
+  const wallets = useConnectedWallets();
+  const enabled =
+    wallets.length > 0 &&
+    wallets.some((w) => w.id === "inApp" || isEcosystemWallet(w));
   return useQuery({
-    queryKey: ["profiles", wallet?.id, wallet?.getAccount()?.address],
-    enabled: !!wallet && (wallet.id === "inApp" || isEcosystemWallet(wallet)),
+    queryKey: [
+      "profiles",
+      wallets.map((w) => `${w.id}-${w.getAccount()?.address}`),
+    ],
+    enabled,
     queryFn: async () => {
-      const ecosystem: Ecosystem | undefined =
-        wallet && isEcosystemWallet(wallet)
-          ? { id: wallet.id, partnerId: wallet.getConfig()?.partnerId }
-          : undefined;
+      const ecosystemWallet = wallets.find((w) => isEcosystemWallet(w));
+      const ecosystem: Ecosystem | undefined = ecosystemWallet
+        ? {
+            id: ecosystemWallet.id,
+            partnerId: ecosystemWallet.getConfig()?.partnerId,
+          }
+        : undefined;
       return getProfiles({
         client: args.client,
         ecosystem,

package/src/react/web/hooks/wallets/useLinkProfile.ts

@@ -1,9 +1,9 @@
-import { useMutation } from "@tanstack/react-query";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wallet.js";
 import type { AuthArgsType } from "../../../../wallets/in-app/core/authentication/types.js";
 import type { Ecosystem } from "../../../../wallets/in-app/core/wallet/types.js";
 import { linkProfile } from "../../../../wallets/in-app/web/lib/auth/index.js";
-import { useAdminWallet } from "../../../core/hooks/wallets/useAdminWallet.js";
+import { useConnectedWallets } from "../../../core/hooks/wallets/useConnectedWallets.js";
 
 /**
  * Links a web2 or web3 profile to the connected in-app or ecosystem account.
@@ -76,16 +76,25 @@ import { useAdminWallet } from "../../../core/hooks/wallets/useAdminWallet.js";
  * @wallet
  */
 export function useLinkProfile() {
-  const wallet = useAdminWallet();
+  const wallets = useConnectedWallets();
+  const queryClient = useQueryClient();
   return useMutation({
     mutationKey: ["profiles"],
     mutationFn: async (options: AuthArgsType) => {
-      const ecosystem: Ecosystem | undefined =
-        wallet && isEcosystemWallet(wallet)
-          ? { id: wallet.id, partnerId: wallet.getConfig()?.partnerId }
-          : undefined;
+      const ecosystemWallet = wallets.find((w) => isEcosystemWallet(w));
+      const ecosystem: Ecosystem | undefined = ecosystemWallet
+        ? {
+            id: ecosystemWallet.id,
+            partnerId: ecosystemWallet.getConfig()?.partnerId,
+          }
+        : undefined;
       const optionsWithEcosystem = { ...options, ecosystem } as AuthArgsType;
       return linkProfile(optionsWithEcosystem);
     },
+    onSuccess() {
+      setTimeout(() => {
+        queryClient.invalidateQueries({ queryKey: ["profiles"] });
+      }, 500);
+    },
   });
 }

package/src/react/web/hooks/wallets/useProfiles.ts

@@ -4,7 +4,7 @@ import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wa
 import type { Profile } from "../../../../wallets/in-app/core/authentication/types.js";
 import type { Ecosystem } from "../../../../wallets/in-app/core/wallet/types.js";
 import { getProfiles } from "../../../../wallets/in-app/web/lib/auth/index.js";
-import { useAdminWallet } from "../../../core/hooks/wallets/useAdminWallet.js";
+import { useConnectedWallets } from "../../../core/hooks/wallets/useConnectedWallets.js";
 
 /**
  * Retrieves all linked profiles of the connected in-app or ecosystem account.
@@ -29,15 +29,24 @@ import { useAdminWallet } from "../../../core/hooks/wallets/useAdminWallet.js";
 export function useProfiles(args: {
   client: ThirdwebClient;
 }): UseQueryResult<Profile[]> {
-  const wallet = useAdminWallet();
+  const wallets = useConnectedWallets();
+  const enabled =
+    wallets.length > 0 &&
+    wallets.some((w) => w.id === "inApp" || isEcosystemWallet(w));
   return useQuery({
-    queryKey: ["profiles", wallet?.id, wallet?.getAccount()?.address],
-    enabled: !!wallet && (wallet.id === "inApp" || isEcosystemWallet(wallet)),
+    queryKey: [
+      "profiles",
+      wallets.map((w) => `${w.id}-${w.getAccount()?.address}`),
+    ],
+    enabled,
     queryFn: async () => {
-      const ecosystem: Ecosystem | undefined =
-        wallet && isEcosystemWallet(wallet)
-          ? { id: wallet.id, partnerId: wallet.getConfig()?.partnerId }
-          : undefined;
+      const ecosystemWallet = wallets.find((w) => isEcosystemWallet(w));
+      const ecosystem: Ecosystem | undefined = ecosystemWallet
+        ? {
+            id: ecosystemWallet.id,
+            partnerId: ecosystemWallet.getConfig()?.partnerId,
+          }
+        : undefined;
       return getProfiles({
         client: args.client,
         ecosystem,

package/src/react/web/ui/ConnectWallet/locale/br.ts

@@ -0,0 +1,124 @@
+import type { ConnectLocale } from "./types.js";
+
+const connectWalletLocalPtBr: ConnectLocale = {
+  id: "pt_BR",
+  signIn: "Entrar",
+  defaultButtonTitle: "Conectar carteira",
+  connecting: "Conectando",
+  switchNetwork: "Trocar de rede",
+  switchingNetwork: "Trocando de rede",
+  defaultModalTitle: "Conectar",
+  recommended: "Recomendado",
+  installed: "Instalado",
+  continueAsGuest: "Continuar como convidado",
+  connectAWallet: "Conectar uma carteira",
+  newToWallets: "Novo em carteiras?",
+  getStarted: "Começar",
+  guest: "Convidado",
+  send: "Enviar",
+  receive: "Receber",
+  buy: "Comprar",
+  transactions: "Transações",
+  payTransactions: "Transações Fiat",
+  walletTransactions: "Transações de Carteira",
+  viewAllTransactions: "Ver todas as transações",
+  currentNetwork: "Rede atual",
+  switchAccount: "Trocar conta",
+  requestTestnetFunds: "Solicitar fundos para Testnet",
+  backupWallet: "Fazer backup da carteira",
+  guestWalletWarning:
+    "Esta é uma carteira de convidado temporária. Faça um backup se não quiser perder o acesso a ela",
+  switchTo: "Trocar para",
+  connectedToSmartWallet: "carteira inteligente",
+  confirmInWallet: "Confirmar na carteira",
+  disconnectWallet: "Desconectar carteira",
+  copyAddress: "Copiar endereço",
+  personalWallet: "Carteira pessoal",
+  smartWallet: "Carteira inteligente",
+  or: "Ou",
+  goBackButton: "Voltar",
+  passkeys: {
+    title: "Chave de acesso",
+    linkPasskey: "Vincular uma chave de acesso",
+  },
+  welcomeScreen: {
+    defaultTitle: "Sua porta de entrada para o mundo descentralizado",
+    defaultSubtitle: "Conecte uma carteira para começar",
+  },
+  agreement: {
+    prefix: "Ao conectar, você aceita os",
+    termsOfService: "Termos de serviço",
+    and: "e",
+    privacyPolicy: "Política de privacidade",
+  },
+  networkSelector: {
+    title: "Selecionar rede",
+    mainnets: "Redes principais",
+    testnets: "Redes de teste",
+    allNetworks: "Todas",
+    addCustomNetwork: "Adicionar rede personalizada",
+    inputPlaceholder: "Buscar rede ou ID da cadeia",
+    categoryLabel: {
+      recentlyUsed: "Usadas recentemente",
+      popular: "Populares",
+      others: "Outras redes",
+    },
+    loading: "Carregando",
+    failedToSwitch: "Erro ao trocar de rede",
+  },
+  receiveFundsScreen: {
+    title: "Receber fundos",
+    instruction:
+      "Copie o endereço da carteira para enviar fundos para esta carteira",
+  },
+  sendFundsScreen: {
+    title: "Enviar fundos",
+    submitButton: "Enviar",
+    token: "Token",
+    sendTo: "Enviar para",
+    amount: "Quantidade",
+    successMessage: "Transação bem-sucedida",
+    invalidAddress: "Endereço inválido",
+    noTokensFound: "Nenhum token encontrado",
+    searchToken: "Buscar ou colar o endereço do token",
+    transactionFailed: "Transação falhou",
+    transactionRejected: "Transação rejeitada",
+    insufficientFunds: "Fundos insuficientes",
+    selectTokenTitle: "Selecione um Token",
+    sending: "Enviando",
+  },
+  signatureScreen: {
+    instructionScreen: {
+      title: "Entrar",
+      instruction:
+        "Por favor, assine a solicitação de mensagem na sua carteira para continuar",
+      signInButton: "Entrar",
+      disconnectWallet: "Desconectar carteira",
+    },
+    signingScreen: {
+      title: "Entrando",
+      prompt: "Assine a solicitação de assinatura na sua carteira",
+      promptForSafe:
+        "Assine a solicitação de assinatura na sua carteira e aprove a transação no Safe",
+      approveTransactionInSafe: "Aprovar transação no Safe",
+      tryAgain: "Tentar novamente",
+      failedToSignIn: "Erro ao entrar",
+      inProgress: "Aguardando confirmação",
+    },
+  },
+  manageWallet: {
+    title: "Gerenciar Carteira",
+    linkedProfiles: "Perfis vinculados",
+    linkProfile: "Vincular um perfil",
+    connectAnApp: "Conectar um Aplicativo",
+    exportPrivateKey: "Exportar chave privada",
+  },
+  viewFunds: {
+    title: "Ver Fundos",
+    viewNFTs: "Ver NFTs",
+    viewTokens: "Ver Tokens",
+    viewAssets: "Ver Ativos",
+  },
+};
+
+export default connectWalletLocalPtBr;

package/src/react/web/ui/ConnectWallet/locale/getConnectLocale.ts

@@ -24,6 +24,9 @@ export async function getConnectLocale(localeId: LocaleId) {
     case "fr_FR": {
       return (await import("./fr.js")).default;
     }
+    case "pt_BR": {
+      return (await import("./br.js")).default;
+    }
     default: {
       return (await import("./en.js")).default;
     }

package/src/react/web/ui/ConnectWallet/screens/LinkProfileScreen.tsx

@@ -43,7 +43,9 @@ export function LinkProfileScreen(props: {
           walletConnect={props.walletConnect}
           wallet={activeWallet as Wallet<"inApp">}
           done={() => {
-            queryClient.invalidateQueries({ queryKey: ["profiles"] });
+            setTimeout(() => {
+              queryClient.invalidateQueries({ queryKey: ["profiles"] });
+            }, 500);
             props.onBack();
           }}
           connectLocale={props.locale}
@@ -67,7 +69,9 @@ export function LinkProfileScreen(props: {
         <EcosystemWalletConnectUI
           wallet={activeWallet as Wallet<EcosystemWalletId>}
           done={() => {
-            queryClient.invalidateQueries({ queryKey: ["profiles"] });
+            setTimeout(() => {
+              queryClient.invalidateQueries({ queryKey: ["profiles"] });
+            }, 500);
             props.onBack();
           }}
           connectLocale={props.locale}

package/src/react/web/ui/prebuilt/Account/avatar.tsx

@@ -164,7 +164,12 @@ export function AccountAvatar({
 }: AccountAvatarProps) {
   const { address, client } = useAccountContext();
   const avatarQuery = useQuery({
-    queryKey: ["account-avatar", address],
+    queryKey: [
+      "account-avatar",
+      address,
+      { socialType },
+      { resolverAddress, resolverChain },
+    ],
     queryFn: async (): Promise<string> => {
       const [socialData, ensName] = await Promise.all([
         getSocialProfiles({ address, client }),

package/src/react/web/ui/prebuilt/Account/blobbie.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Blobbie, type BlobbieProps } from "../../ConnectWallet/Blobbie.js";
 import { useAccountContext } from "./provider.js";
 

package/src/react/web/ui/prebuilt/Account/name.tsx

@@ -57,7 +57,7 @@ export interface AccountNameProps
   /**
    * Optional `useQuery` params
    */
-  queryOptions?: Omit<UseQueryOptions<string>, "queryKey" | "queryFn">;
+  queryOptions?: Omit<UseQueryOptions<string>, "queryFn" | "queryKey">;
 }
 
 /**
@@ -138,7 +138,12 @@ export function AccountName({
 }: AccountNameProps) {
   const { address, client } = useAccountContext();
   const nameQuery = useQuery({
-    queryKey: ["account-name", address],
+    queryKey: [
+      "account-name",
+      address,
+      { socialType },
+      { resolverAddress, resolverChain },
+    ],
     queryFn: async () => {
       const [socialData, ensName] = await Promise.all([
         getSocialProfiles({ address, client }),

package/src/react/web/ui/prebuilt/Account/provider.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 import type { Address } from "abitype";
 import type React from "react";
 import { createContext, useContext } from "react";

package/src/react/web/ui/prebuilt/Chain/icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { type UseQueryOptions, useQuery } from "@tanstack/react-query";
 import type { JSX } from "react";
 import { getChainMetadata } from "../../../../../chains/utils.js";

package/src/react/web/ui/prebuilt/NFT/media.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { type UseQueryOptions, useQuery } from "@tanstack/react-query";
 import type { JSX } from "react";
 import type { ThirdwebContract } from "../../../../../contract/contract.js";

package/src/react/web/ui/prebuilt/NFT/name.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { type UseQueryOptions, useQuery } from "@tanstack/react-query";
 import type { JSX } from "react";
 import type { ThirdwebContract } from "../../../../../contract/contract.js";

package/src/react/web/ui/prebuilt/NFT/provider.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { createContext, useContext } from "react";
 import type { ThirdwebContract } from "../../../../../contract/contract.js";
 

package/src/react/web/ui/prebuilt/Token/icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { type UseQueryOptions, useQuery } from "@tanstack/react-query";
 import type { JSX } from "react";
 import { getChainMetadata } from "../../../../../chains/utils.js";

package/src/react/web/ui/types.ts

@@ -7,4 +7,5 @@ export type LocaleId =
   | "tl_PH"
   | "vi_VN"
   | "de_DE"
-  | "fr_FR";
+  | "fr_FR"
+  | "pt_BR";

package/src/react/web/wallets/injected/locale/br.ts

@@ -0,0 +1,27 @@
+import type { InjectedWalletLocale } from "./types.js";
+
+/**
+ * @internal
+ */
+const injectedWalletLocalePtBr = (wallet: string): InjectedWalletLocale => ({
+  connectionScreen: {
+    inProgress: "Aguardando Confirmação",
+    failed: "Falha na conexão",
+    instruction: `Aceite a solicitação de conexão no ${wallet}`,
+    retry: "Tentar novamente",
+  },
+  getStartedScreen: {
+    instruction: `Escaneie o código QR para baixar o aplicativo ${wallet}`,
+  },
+  scanScreen: {
+    instruction: `Escaneie o código QR com o aplicativo ${wallet} para conectar`,
+  },
+  getStartedLink: `Não tem o ${wallet}?`,
+  download: {
+    chrome: "Baixar extensão para Chrome",
+    android: "Baixar no Google Play",
+    iOS: "Baixar na App Store",
+  },
+});
+
+export default injectedWalletLocalePtBr;

package/src/react/web/wallets/injected/locale/getInjectedWalletLocale.ts

@@ -22,6 +22,9 @@ export async function getInjectedWalletLocale(
       return (await import("./kr.js")).default;
     case "fr_FR":
       return (await import("./fr.js")).default;
+    case "pt_BR": {
+      return (await import("./br.js")).default;
+    }
     default:
       return (await import("./en.js")).default;
   }

package/src/react/web/wallets/shared/locale/br.ts

@@ -0,0 +1,62 @@
+import type { InAppWalletLocale } from "./types.js";
+
+export default {
+  signInWithGoogle: "Google",
+  signInWithFacebook: "Facebook",
+  signInWithApple: "Apple",
+  signInWithDiscord: "Discord",
+  emailPlaceholder: "Endereço de e-mail",
+  submitEmail: "Continuar",
+  signIn: "Entrar",
+  or: "ou",
+  emailRequired: "Endereço de e-mail é obrigatório",
+  invalidEmail: "Endereço de e-mail inválido",
+  maxAccountsExceeded:
+    "Número máximo de contas excedido. Por favor, notifique o desenvolvedor do aplicativo.",
+  socialLoginScreen: {
+    title: "Entrar",
+    instruction: "Faça login na sua conta no pop-up",
+    failed: "Falha ao entrar",
+    retry: "Tentar novamente",
+  },
+  emailLoginScreen: {
+    title: "Entrar",
+    enterCodeSendTo: "Digite o código de verificação enviado para",
+    newDeviceDetected: "Novo dispositivo detectado",
+    enterRecoveryCode:
+      "Digite o código de recuperação enviado por e-mail quando você se cadastrou",
+    invalidCode: "Código de verificação inválido",
+    invalidCodeOrRecoveryCode:
+      "Código de verificação ou código de recuperação inválido",
+    verify: "Verificar",
+    failedToSendCode: "Falha ao enviar código de verificação",
+    sendingCode: "Enviando código de verificação",
+    resendCode: "Reenviar código de verificação",
+  },
+  createPassword: {
+    title: "Criar senha",
+    instruction:
+      "Defina uma senha para sua conta. Você precisará dessa senha ao conectar-se de um novo dispositivo.",
+    saveInstruction: "Certifique-se de salvá-la",
+    inputPlaceholder: "Digite sua senha",
+    confirmation: "Eu salvei minha senha",
+    submitButton: "Definir senha",
+    failedToSetPassword: "Falha ao definir senha",
+  },
+  enterPassword: {
+    title: "Digite a senha",
+    instruction: "Digite a senha da sua conta",
+    inputPlaceholder: "Digite sua senha",
+    submitButton: "Verificar",
+    wrongPassword: "Senha incorreta",
+  },
+  signInWithEmail: "Entrar com e-mail",
+  invalidPhone: "Número de telefone inválido",
+  phonePlaceholder: "Número de telefone",
+  signInWithPhone: "Entrar com número de telefone",
+  phoneRequired: "Número de telefone é obrigatório",
+  passkey: "Chave de acesso",
+  signInWithWallet: "Entrar com carteira",
+  linkWallet: "Vincular uma carteira",
+  loginAsGuest: "Continuar como convidado",
+} satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/getConnectLocale.ts

@@ -22,6 +22,9 @@ export async function getInAppWalletLocale(
       return (await import("./kr.js")).default;
     case "fr_FR":
       return (await import("./fr.js")).default;
+    case "pt_BR": {
+      return (await import("./br.js")).default;
+    }
     default:
       return (await import("./en.js")).default;
   }

package/src/react/web/wallets/smartWallet/locale/br.ts

@@ -0,0 +1,13 @@
+import type { SmartWalletLocale } from "./types.js";
+
+const smartWalletLocalePtBr: SmartWalletLocale = {
+  connecting: "Conectando à Conta Inteligente",
+  failedToConnect: "Falha ao conectar à Conta Inteligente",
+  wrongNetworkScreen: {
+    title: "Rede Incorreta",
+    subtitle: "Sua carteira não está conectada à rede requerida",
+    failedToSwitch: "Falha ao mudar de rede",
+  },
+};
+
+export default smartWalletLocalePtBr;

package/src/react/web/wallets/smartWallet/locale/getSmartWalletLocale.ts

@@ -22,6 +22,9 @@ export async function getSmartWalletLocale(
       return (await import("./kr.js")).default;
     case "fr_FR":
       return (await import("./fr.js")).default;
+    case "pt_BR": {
+      return (await import("./br.js")).default;
+    }
     default:
       return (await import("./en.js")).default;
   }

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.76.0";
+export const version = "5.76.1";

package/src/wallets/manager/index.ts

@@ -230,11 +230,15 @@ export function createConnectionManager(storage: AsyncStorage) {
 
   // save last connected wallet ids to storage
   effect(
-    () => {
+    async () => {
+      const prevAccounts = (await getStoredConnectedWalletIds(storage)) || [];
       const accounts = connectedWallets.getValue();
       const ids = accounts.map((acc) => acc?.id).filter((c) => !!c) as string[];
 
-      storage.setItem(CONNECTED_WALLET_IDS, stringify(ids));
+      storage.setItem(
+        CONNECTED_WALLET_IDS,
+        stringify(Array.from(new Set([...prevAccounts, ...ids]))),
+      );
     },
     [connectedWallets],
     false,