@iota/dapp-kit 0.10.3 → 0.11.0

package/dist/cjs/index.js

@@ -794,13 +794,16 @@ function useSwitchAccount({
 }
 
 // src/components/AccountDropdownMenu.css.ts
+var accountIdentity = "AccountDropdownMenu_accountIdentity__1x0gmpf8";
+var accountName = "AccountDropdownMenu_accountName__1x0gmpf1";
+var accountNameMenuItem = "AccountDropdownMenu_accountNameMenuItem__1x0gmpf2";
 var connectedAccount = "AccountDropdownMenu_connectedAccount__1x0gmpf0";
-var menuContainer = "AccountDropdownMenu_menuContainer__1x0gmpf1";
-var menuContent = "AccountDropdownMenu_menuContent__1x0gmpf2";
-var menuItem = "AccountDropdownMenu_menuItem__1x0gmpf4";
-var scrollableContent = "AccountDropdownMenu_scrollableContent__1x0gmpf3";
-var separator = "AccountDropdownMenu_separator__1x0gmpf6";
-var switchAccountMenuItem = "AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5";
+var menuContainer = "AccountDropdownMenu_menuContainer__1x0gmpf3";
+var menuContent = "AccountDropdownMenu_menuContent__1x0gmpf4";
+var menuItem = "AccountDropdownMenu_menuItem__1x0gmpf6";
+var scrollableContent = "AccountDropdownMenu_scrollableContent__1x0gmpf5";
+var separator = "AccountDropdownMenu_separator__1x0gmpf9";
+var switchAccountMenuItem = "AccountDropdownMenu_switchAccountMenuItem__1x0gmpf7";
 
 // src/components/icons/CheckIcon.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
@@ -829,10 +832,22 @@ function ChevronIcon(props) {
   ) });
 }
 
+// src/components/IotaNameNftImage.tsx
+var import_react12 = require("react");
+
+// src/hooks/useGetIotaNameAvatar.ts
+var import_iota_names_sdk3 = require("@iota/iota-names-sdk");
+var import_react_query5 = require("@tanstack/react-query");
+
 // src/hooks/useGetDefaultIotaName.ts
-var import_client2 = require("@iota/iota-sdk/client");
+var import_iota_names_sdk2 = require("@iota/iota-names-sdk");
 var import_react_query4 = require("@tanstack/react-query");
+
+// src/hooks/useIotaNamesClient.ts
+var import_graphql = require("@iota/iota-sdk/graphql");
 var import_iota_names_sdk = require("@iota/iota-names-sdk");
+var import_client2 = require("@iota/iota-sdk/client");
+var import_react11 = require("react");
 
 // src/hooks/useIotaClient.ts
 var import_react10 = require("react");
@@ -896,36 +911,106 @@ function useIotaClient() {
   return useIotaClientContext().client;
 }
 
-// src/hooks/useGetDefaultIotaName.ts
-var import_react11 = require("react");
-var import_graphql = require("@iota/iota-sdk/graphql");
-function useGetDefaultIotaName(address, iotaNamesEnabled) {
-  const iotaContext = useIotaClientContext();
-  const network = (0, import_client2.getNetwork)(iotaContext.network);
+// src/hooks/useIotaNamesClient.ts
+function useIotaNamesClient() {
+  const { network: networkId } = useIotaClientContext();
+  const network = (0, import_client2.getNetwork)(networkId);
   const iotaNamesClient = (0, import_react11.useMemo)(() => {
-    const iotaGraphQLClient = new import_graphql.IotaGraphQLClient({
-      url: network.graphql
-    });
+    if (!network.graphql) return null;
     return new import_iota_names_sdk.IotaNamesClient({
-      graphQlClient: iotaGraphQLClient,
+      graphQlClient: new import_graphql.IotaGraphQLClient({ url: network.graphql }),
       network: network.id
     });
-  }, [network.id]);
-  const iotaNamesSupported = !!iotaNamesClient.config;
+  }, [network.id, network.graphql]);
+  return {
+    iotaNamesClient,
+    networkId: network.id,
+    isSupported: !!iotaNamesClient?.config
+  };
+}
+
+// src/hooks/useGetDefaultIotaName.ts
+function useGetDefaultIotaName(address, iotaNamesEnabled) {
+  const { iotaNamesClient, networkId, isSupported } = useIotaNamesClient();
   return (0, import_react_query4.useQuery)({
-    queryKey: ["iota-name", "default-name", address],
+    queryKey: ["iota-name", "default-name", address, networkId],
     queryFn: async () => {
       if (!address) return null;
       const name = await iotaNamesClient?.getPublicName(address);
-      return name ? (0, import_iota_names_sdk.normalizeIotaName)(name) : name;
+      return name ? (0, import_iota_names_sdk2.normalizeIotaName)(name) : name;
     },
-    enabled: !!iotaNamesClient && !!address && iotaNamesEnabled && iotaNamesSupported,
+    enabled: !!address && iotaNamesEnabled && isSupported,
     staleTime: 1e3 * 60 * 10
   });
 }
 
-// src/components/AccountDropdownMenu.tsx
+// src/hooks/useGetIotaNameAvatar.ts
+function useGetIotaNameAvatar(address, iotaNamesEnabled) {
+  const client = useIotaClient();
+  const { iotaNamesClient, networkId, isSupported } = useIotaNamesClient();
+  const { data: name } = useGetDefaultIotaName(address, iotaNamesEnabled);
+  return (0, import_react_query5.useQuery)({
+    // eslint-disable-next-line @tanstack/query/exhaustive-deps
+    queryKey: ["iota-name", "avatar", name, networkId],
+    queryFn: async () => {
+      if (!name || !address || !iotaNamesClient) return null;
+      const nameRecord = await iotaNamesClient.getNameRecord(name);
+      if (!nameRecord) return null;
+      const avatarObjectId = nameRecord.avatar ?? ((0, import_iota_names_sdk3.isSubname)(name) ? await findSubnameNftId() : nameRecord.nftId);
+      if (!avatarObjectId) return null;
+      const objectResponse = await client.getObject({
+        id: avatarObjectId,
+        options: { showDisplay: true }
+      });
+      return objectResponse?.data?.display?.data?.image_url ?? null;
+      async function findSubnameNftId() {
+        let subnameType;
+        try {
+          subnameType = (0, import_iota_names_sdk3.getSubnameRegistrationType)(
+            iotaNamesClient.getPackage("packageId", "v1")
+          );
+        } catch {
+          return null;
+        }
+        const { data } = await client.getOwnedObjects({
+          owner: address,
+          filter: { StructType: subnameType },
+          options: { showDisplay: true }
+        });
+        return data.find((object) => {
+          try {
+            return (0, import_iota_names_sdk3.normalizeIotaName)(object.data?.display?.data?.name ?? "") === name;
+          } catch {
+            return false;
+          }
+        })?.data?.objectId ?? null;
+      }
+    },
+    enabled: iotaNamesEnabled && isSupported && !!name && !!address,
+    staleTime: 1e3 * 60 * 5
+  });
+}
+
+// src/components/IotaNameNftImage.css.ts
+var image = "IotaNameNftImage_image__qs9r060";
+
+// src/components/IotaNameNftImage.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
+function IotaNameNftImage({
+  address,
+  iotaNamesEnabled,
+  alt = "name NFT avatar"
+}) {
+  const { data: imageUrl, isLoading } = useGetIotaNameAvatar(address, iotaNamesEnabled);
+  const [imgError, setImgError] = (0, import_react12.useState)(false);
+  if (!iotaNamesEnabled || isLoading || !imageUrl || imgError) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: imageUrl, alt, className: image, onError: () => setImgError(true) });
+}
+
+// src/components/AccountDropdownMenu.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function AccountDropdownMenu({
   currentAccount,
   size = "lg",
@@ -935,13 +1020,20 @@ function AccountDropdownMenu({
   const accounts = useAccounts();
   const { data: iotaName } = useGetDefaultIotaName(currentAccount.address, iotaNamesEnabled);
   const displayAccount = iotaName ?? currentAccount.label ?? (0, import_utils.formatAddress)(currentAccount.address);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenu.Root, { modal: false, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StyleMarker, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Button, { size, className: connectedAccount, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Text, { mono: true, weight: "bold", children: displayAccount }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronIcon, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenu.Root, { modal: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyleMarker, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Button, { size, className: connectedAccount, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        IotaNameNftImage,
+        {
+          address: currentAccount.address,
+          iotaNamesEnabled
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text, { mono: true, weight: "bold", className: accountName, children: displayAccount }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronIcon, {})
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StyleMarker, { className: menuContainer, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenu.Content, { className: menuContent, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: scrollableContent, children: accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyleMarker, { className: menuContainer, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenu.Content, { className: menuContent, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: scrollableContent, children: accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         AccountDropdownMenuItem,
         {
           account,
@@ -950,8 +1042,8 @@ function AccountDropdownMenu({
         },
         account.address
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenu.Separator, { className: separator }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenu.Separator, { className: separator }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         DropdownMenu.Item,
         {
           className: (0, import_clsx7.default)(menuItem),
@@ -970,21 +1062,24 @@ function AccountDropdownMenuItem({
   const { mutate: switchAccount } = useSwitchAccount();
   const { data: iotaName } = useGetDefaultIotaName(account.address, iotaNamesEnabled);
   const displayAccount = iotaName ?? account.label ?? (0, import_utils.formatAddress)(account.address);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     DropdownMenu.Item,
     {
       className: (0, import_clsx7.default)(menuItem, switchAccountMenuItem),
       onSelect: () => switchAccount({ account }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Text, { mono: true, children: displayAccount }),
-        active ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CheckIcon, {}) : null
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: accountIdentity, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IotaNameNftImage, { address: account.address, iotaNamesEnabled }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text, { mono: true, className: accountNameMenuItem, children: displayAccount })
+        ] }),
+        active ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CheckIcon, {}) : null
       ]
     }
   );
 }
 
 // src/components/ConnectButton.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function ConnectButton({
   connectText = "Connect Wallet",
   size,
@@ -993,24 +1088,24 @@ function ConnectButton({
   ...buttonProps
 }) {
   const currentAccount = useCurrentAccount();
-  return currentAccount ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return currentAccount ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     AccountDropdownMenu,
     {
       currentAccount,
       size,
       iotaNamesEnabled
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     ConnectModal,
     {
       onConnected,
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyleMarker, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { ...buttonProps, size, children: connectText }) })
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyleMarker, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { ...buttonProps, size, children: connectText }) })
     }
   );
 }
 
 // src/components/WalletProvider.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/utils/stateStorage.ts
 function createInMemoryStore() {
@@ -1039,8 +1134,8 @@ var WALLET_CHROME_EXTENSION_ID = "iidjkmdceolghepehaaddojmnjnkkija";
 var WALLET_DOWNLOAD_URL = "https://chromewebstore.google.com/detail/" + WALLET_CHROME_EXTENSION_ID;
 
 // src/hooks/wallet/useAutoConnectWallet.ts
-var import_react_query5 = require("@tanstack/react-query");
-var import_react12 = require("react");
+var import_react_query6 = require("@tanstack/react-query");
+var import_react13 = require("react");
 function useAutoConnectWallet() {
   const { mutateAsync: connectWallet } = useConnectWallet();
   const autoConnectEnabled = useWalletStore((state) => state.autoConnectEnabled);
@@ -1050,11 +1145,11 @@ function useAutoConnectWallet() {
   );
   const wallets = useWallets();
   const { isConnected } = useCurrentWallet();
-  const [clientOnly, setClientOnly] = (0, import_react12.useState)(false);
-  (0, import_react12.useLayoutEffect)(() => {
+  const [clientOnly, setClientOnly] = (0, import_react13.useState)(false);
+  (0, import_react13.useLayoutEffect)(() => {
     setClientOnly(true);
   }, []);
-  const { data, isError } = (0, import_react_query5.useQuery)({
+  const { data, isError } = (0, import_react_query6.useQuery)({
     queryKey: [
       "@iota/dapp-kit",
       "autoconnect",
@@ -1118,11 +1213,11 @@ var import_ed25519 = require("@iota/iota-sdk/keypairs/ed25519");
 var import_transactions = require("@iota/iota-sdk/transactions");
 var import_utils2 = require("@iota/iota-sdk/utils");
 var import_wallet_standard3 = require("@iota/wallet-standard");
-var import_react13 = require("react");
+var import_react14 = require("react");
 var WALLET_NAME = "Unsafe Burner Wallet";
 function useUnsafeBurnerWallet(enabled) {
   const iotaClient = useIotaClient();
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!enabled) {
       return;
     }
@@ -1249,11 +1344,11 @@ function registerUnsafeBurnerWallet(iotaClient) {
 }
 
 // src/hooks/wallet/useWalletPropertiesChanged.ts
-var import_react14 = require("react");
+var import_react15 = require("react");
 function useWalletPropertiesChanged() {
   const { currentWallet } = useCurrentWallet();
   const updateWalletAccounts = useWalletStore((state) => state.updateWalletAccounts);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const unsubscribeFromEvents = currentWallet?.features["standard:events"].on(
       "change",
       ({ accounts }) => {
@@ -1268,11 +1363,11 @@ function useWalletPropertiesChanged() {
 
 // src/hooks/wallet/useWalletsChanged.ts
 var import_wallet_standard4 = require("@iota/wallet-standard");
-var import_react15 = require("react");
+var import_react16 = require("react");
 function useWalletsChanged(preferredWallets, walletFilter) {
   const setWalletRegistered = useWalletStore((state) => state.setWalletRegistered);
   const setWalletUnregistered = useWalletStore((state) => state.setWalletUnregistered);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const walletsApi = (0, import_wallet_standard4.getWallets)();
     setWalletRegistered(getRegisteredWallets(preferredWallets, walletFilter));
     const unsubscribeFromRegister = walletsApi.on("register", () => {
@@ -1528,10 +1623,10 @@ var themeVars = (0, import_css.createGlobalThemeContract)(
 );
 
 // src/components/styling/InjectedThemeStyles.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function InjectedThemeStyles({ theme }) {
   const themeStyles = Array.isArray(theme) ? getDynamicThemeStyles(theme) : getStaticThemeStyles(theme);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "style",
     {
       precedence: "default",
@@ -1557,7 +1652,7 @@ function cssStringFromTheme(theme) {
 }
 
 // src/components/WalletProvider.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function WalletProvider({
   preferredWallets = DEFAULT_PREFERRED_WALLETS,
   walletFilter = DEFAULT_WALLET_FILTER,
@@ -1569,7 +1664,7 @@ function WalletProvider({
   children,
   chain
 }) {
-  const storeRef = (0, import_react16.useRef)(
+  const storeRef = (0, import_react17.useRef)(
     createWalletStore({
       autoConnectEnabled: autoConnect,
       wallets: getRegisteredWallets(preferredWallets, walletFilter),
@@ -1581,14 +1676,14 @@ function WalletProvider({
   if (storeRef.current.getState().chain != chain) {
     storeRef.current.getState().setChain(chain);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(WalletContext.Provider, { value: storeRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(WalletContext.Provider, { value: storeRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     WalletConnectionManager,
     {
       preferredWallets,
       walletFilter,
       enableUnsafeBurner,
       children: [
-        theme ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(InjectedThemeStyles, { theme }) : null,
+        theme ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(InjectedThemeStyles, { theme }) : null,
         children
       ]
     }
@@ -1633,14 +1728,14 @@ function createNetworkConfig(networkConfig) {
 }
 
 // src/hooks/useIotaClientInfiniteQuery.ts
-var import_react_query6 = require("@tanstack/react-query");
+var import_react_query7 = require("@tanstack/react-query");
 function useIotaClientInfiniteQuery(method, params, {
   queryKey = [],
   enabled = !!params,
   ...options
 } = {}) {
   const iotaContext = useIotaClientContext();
-  return (0, import_react_query6.useInfiniteQuery)({
+  return (0, import_react_query7.useInfiniteQuery)({
     ...options,
     initialPageParam: null,
     queryKey: [iotaContext.network, method, params, ...queryKey],
@@ -1654,10 +1749,10 @@ function useIotaClientInfiniteQuery(method, params, {
 }
 
 // src/hooks/useIotaClientMutation.ts
-var import_react_query7 = require("@tanstack/react-query");
+var import_react_query8 = require("@tanstack/react-query");
 function useIotaClientMutation(method, options = {}) {
   const iotaContext = useIotaClientContext();
-  return (0, import_react_query7.useMutation)({
+  return (0, import_react_query8.useMutation)({
     ...options,
     mutationFn: async (params) => {
       return await iotaContext.client[method](params);
@@ -1666,8 +1761,8 @@ function useIotaClientMutation(method, options = {}) {
 }
 
 // src/hooks/useIotaClientQuery.ts
-var import_react_query8 = require("@tanstack/react-query");
-var import_react17 = require("react");
+var import_react_query9 = require("@tanstack/react-query");
+var import_react18 = require("react");
 function getIotaClientQuery({
   client,
   network,
@@ -1675,7 +1770,7 @@ function getIotaClientQuery({
   params,
   options
 }) {
-  return (0, import_react_query8.queryOptions)({
+  return (0, import_react_query9.queryOptions)({
     ...options,
     queryKey: [network, method, params],
     queryFn: async () => {
@@ -1686,7 +1781,7 @@ function getIotaClientQuery({
 function useIotaClientQuery(...args) {
   const [method, params, { queryKey = [], ...options } = {}] = args;
   const iotaContext = useIotaClientContext();
-  return (0, import_react_query8.useQuery)({
+  return (0, import_react_query9.useQuery)({
     ...options,
     queryKey: [iotaContext.network, method, params, ...queryKey],
     queryFn: async () => {
@@ -1699,7 +1794,7 @@ function useIotaClientQuery(...args) {
 function useIotaClientSuspenseQuery(...args) {
   const [method, params, options = {}] = args;
   const iotaContext = useIotaClientContext();
-  const query = (0, import_react17.useMemo)(() => {
+  const query = (0, import_react18.useMemo)(() => {
     return getIotaClientQuery({
       client: iotaContext.client,
       network: iotaContext.network,
@@ -1708,17 +1803,17 @@ function useIotaClientSuspenseQuery(...args) {
       options
     });
   }, [iotaContext.network, method, params, options]);
-  return (0, import_react_query8.useSuspenseQuery)(query);
+  return (0, import_react_query9.useSuspenseQuery)(query);
 }
 
 // src/hooks/useIotaClientQueries.ts
-var import_react_query9 = require("@tanstack/react-query");
+var import_react_query10 = require("@tanstack/react-query");
 function useIotaClientQueries({
   queries,
   combine
 }) {
   const iotaContext = useIotaClientContext();
-  return (0, import_react_query9.useQueries)({
+  return (0, import_react_query10.useQueries)({
     combine,
     queries: queries.map((query) => {
       const { method, params, options: { queryKey = [], ...restOptions } = {} } = query;
@@ -1736,18 +1831,18 @@ function useIotaClientQueries({
 // src/hooks/wallet/useSignAndExecuteTransaction.ts
 var import_utils4 = require("@iota/iota-sdk/utils");
 var import_wallet_standard5 = require("@iota/wallet-standard");
-var import_react_query11 = require("@tanstack/react-query");
+var import_react_query12 = require("@tanstack/react-query");
 
 // src/hooks/wallet/useReportTransactionEffects.ts
 var import_utils3 = require("@iota/iota-sdk/utils");
-var import_react_query10 = require("@tanstack/react-query");
+var import_react_query11 = require("@tanstack/react-query");
 function useReportTransactionEffects({
   mutationKey,
   ...mutationOptions
 } = {}) {
   const { currentWallet } = useCurrentWallet();
   const currentAccount = useCurrentAccount();
-  return (0, import_react_query10.useMutation)({
+  return (0, import_react_query11.useMutation)({
     mutationKey: walletMutationKeys.reportTransactionEffects(mutationKey),
     mutationFn: async ({
       effects,
@@ -1807,7 +1902,7 @@ function useSignAndExecuteTransaction({
       signature
     };
   });
-  return (0, import_react_query11.useMutation)({
+  return (0, import_react_query12.useMutation)({
     mutationKey: walletMutationKeys.signAndExecuteTransaction(mutationKey),
     mutationFn: async ({ transaction, ...signTransactionArgs }) => {
       if (!currentWallet) {
@@ -1860,14 +1955,14 @@ function useSignAndExecuteTransaction({
 }
 
 // src/hooks/wallet/useSignPersonalMessage.ts
-var import_react_query12 = require("@tanstack/react-query");
+var import_react_query13 = require("@tanstack/react-query");
 function useSignPersonalMessage({
   mutationKey,
   ...mutationOptions
 } = {}) {
   const { currentWallet } = useCurrentWallet();
   const currentAccount = useCurrentAccount();
-  return (0, import_react_query12.useMutation)({
+  return (0, import_react_query13.useMutation)({
     mutationKey: walletMutationKeys.signPersonalMessage(mutationKey),
     mutationFn: async (signPersonalMessageArgs) => {
       if (!currentWallet) {
@@ -1896,7 +1991,7 @@ function useSignPersonalMessage({
 
 // src/hooks/wallet/useSignTransaction.ts
 var import_wallet_standard6 = require("@iota/wallet-standard");
-var import_react_query13 = require("@tanstack/react-query");
+var import_react_query14 = require("@tanstack/react-query");
 function useSignTransaction({
   mutationKey,
   ...mutationOptions
@@ -1905,7 +2000,7 @@ function useSignTransaction({
   const currentAccount = useCurrentAccount();
   const client = useIotaClient();
   const { mutate: reportTransactionEffects } = useReportTransactionEffects();
-  return (0, import_react_query13.useMutation)({
+  return (0, import_react_query14.useMutation)({
     mutationKey: walletMutationKeys.signTransaction(mutationKey),
     mutationFn: async ({ transaction, ...signTransactionArgs }) => {
       if (!currentWallet) {