@mysten/dapp-kit 0.3.0 → 0.4.0

package/dist/cjs/index.js

@@ -177,13 +177,44 @@ var import_utils = require("@mysten/sui.js/utils");
 var DropdownMenu = __toESM(require("@radix-ui/react-dropdown-menu"));
 var import_clsx3 = __toESM(require("clsx"));
 
+// src/hooks/useSuiClientQuery.ts
+var import_react_query = require("@tanstack/react-query");
+function useSuiClientQuery(...args) {
+  const [method, params, { queryKey = [], ...options } = {}] = args;
+  const suiContext = useSuiClientContext();
+  return (0, import_react_query.useQuery)({
+    ...options,
+    queryKey: [suiContext.network, method, params, ...queryKey],
+    queryFn: async () => {
+      return await suiContext.client[method](params);
+    }
+  });
+}
+
+// src/hooks/useResolveSuiNSNames.ts
+function useResolveSuiNSName(address) {
+  const { data, ...rest } = useSuiClientQuery(
+    "resolveNameServiceNames",
+    {
+      address,
+      limit: 1
+    },
+    {
+      enabled: !!address,
+      refetchOnWindowFocus: false,
+      retry: false
+    }
+  );
+  return { data: data?.data?.[0] ?? null, ...rest };
+}
+
 // src/hooks/wallet/useAccounts.ts
 function useAccounts() {
   return useWalletStore((state) => state.accounts);
 }
 
 // src/hooks/wallet/useDisconnectWallet.ts
-var import_react_query = require("@tanstack/react-query");
+var import_react_query2 = require("@tanstack/react-query");
 
 // src/constants/walletMutationKeys.ts
 var walletMutationKeys = {
@@ -223,7 +254,7 @@ function useDisconnectWallet({
 } = {}) {
   const currentWallet = useCurrentWallet();
   const setWalletDisconnected = useWalletStore((state) => state.setWalletDisconnected);
-  return (0, import_react_query.useMutation)({
+  return (0, import_react_query2.useMutation)({
     mutationKey: walletMutationKeys.disconnectWallet(mutationKey),
     mutationFn: async () => {
       if (!currentWallet) {
@@ -241,14 +272,14 @@ function useDisconnectWallet({
 }
 
 // src/hooks/wallet/useSwitchAccount.ts
-var import_react_query2 = require("@tanstack/react-query");
+var import_react_query3 = require("@tanstack/react-query");
 function useSwitchAccount({
   mutationKey,
   ...mutationOptions
 } = {}) {
   const currentWallet = useCurrentWallet();
   const setAccountSwitched = useWalletStore((state) => state.setAccountSwitched);
-  return (0, import_react_query2.useMutation)({
+  return (0, import_react_query3.useMutation)({
     mutationKey: walletMutationKeys.switchAccount(mutationKey),
     mutationFn: async ({ account }) => {
       if (!currentWallet) {
@@ -384,10 +415,13 @@ var import_jsx_runtime7 = require("react/jsx-runtime");
 function AccountDropdownMenu({ currentAccount }) {
   const { mutate: disconnectWallet } = useDisconnectWallet();
   const { mutate: switchAccount } = useSwitchAccount();
+  const { data: domain } = useResolveSuiNSName(
+    currentAccount.label ? null : currentAccount.address
+  );
   const accounts = useAccounts();
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DropdownMenu.Root, { modal: false, children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StyleMarker, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Button, { size: "lg", className: connectedAccount, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { mono: true, weight: "bold", children: (0, import_utils.formatAddress)(currentAccount.address) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { mono: true, weight: "bold", children: currentAccount.label ?? domain ?? (0, import_utils.formatAddress)(currentAccount.address) }),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronIcon, {})
     ] }) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StyleMarker, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DropdownMenu.Content, { className: menuContent, children: [
@@ -397,7 +431,7 @@ function AccountDropdownMenu({ currentAccount }) {
           className: (0, import_clsx3.default)(menuItem, switchAccountMenuItem),
           onSelect: () => switchAccount({ account }),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { mono: true, children: (0, import_utils.formatAddress)(account.address) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { mono: true, children: account.label ?? (0, import_utils.formatAddress)(account.address) }),
             currentAccount.address === account.address ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckIcon, {}) : null
           ]
         },
@@ -422,13 +456,13 @@ var import_clsx7 = __toESM(require("clsx"));
 var import_react10 = require("react");
 
 // src/hooks/wallet/useConnectWallet.ts
-var import_react_query3 = require("@tanstack/react-query");
+var import_react_query4 = require("@tanstack/react-query");
 function useConnectWallet({
   mutationKey,
   ...mutationOptions
 } = {}) {
   const setWalletConnected = useWalletStore((state) => state.setWalletConnected);
-  return (0, import_react_query3.useMutation)({
+  return (0, import_react_query4.useMutation)({
     mutationKey: walletMutationKeys.connectWallet(mutationKey),
     mutationFn: async ({ wallet, accountAddress, ...standardConnectInput }) => {
       const connectResult = await wallet.features["standard:connect"].connect(standardConnectInput);
@@ -1140,10 +1174,9 @@ function createWalletStore({ wallets, storage, storageKey }) {
         },
         updateWalletAccounts(accounts) {
           const currentAccount = get().currentAccount;
-          const isCurrentAccountStillAuthorized = currentAccount ? accounts.some(({ address }) => address === currentAccount.address) : false;
           set(() => ({
             accounts,
-            currentAccount: isCurrentAccountStillAuthorized ? currentAccount : accounts[0]
+            currentAccount: currentAccount ? accounts.find(({ address }) => address === currentAccount.address) : accounts[0]
           }));
         }
       }),
@@ -1306,14 +1339,14 @@ function WalletConnectionManager({
 }
 
 // src/hooks/wallet/useSignPersonalMessage.ts
-var import_react_query4 = require("@tanstack/react-query");
+var import_react_query5 = require("@tanstack/react-query");
 function useSignPersonalMessage({
   mutationKey,
   ...mutationOptions
 } = {}) {
   const currentWallet = useCurrentWallet();
   const currentAccount = useCurrentAccount();
-  return (0, import_react_query4.useMutation)({
+  return (0, import_react_query5.useMutation)({
     mutationKey: walletMutationKeys.signPersonalMessage(mutationKey),
     mutationFn: async (signPersonalMessageArgs) => {
       if (!currentWallet) {
@@ -1341,14 +1374,14 @@ function useSignPersonalMessage({
 }
 
 // src/hooks/wallet/useSignTransactionBlock.ts
-var import_react_query5 = require("@tanstack/react-query");
+var import_react_query6 = require("@tanstack/react-query");
 function useSignTransactionBlock({
   mutationKey,
   ...mutationOptions
 } = {}) {
   const currentWallet = useCurrentWallet();
   const currentAccount = useCurrentAccount();
-  return (0, import_react_query5.useMutation)({
+  return (0, import_react_query6.useMutation)({
     mutationKey: walletMutationKeys.signTransactionBlock(mutationKey),
     mutationFn: async (signTransactionBlockArgs) => {
       if (!currentWallet) {
@@ -1377,7 +1410,7 @@ function useSignTransactionBlock({
 }
 
 // src/hooks/wallet/useSignAndExecuteTransactionBlock.ts
-var import_react_query6 = require("@tanstack/react-query");
+var import_react_query7 = require("@tanstack/react-query");
 function useSignAndExecuteTransactionBlock({
   mutationKey,
   executeFromWallet,
@@ -1386,7 +1419,7 @@ function useSignAndExecuteTransactionBlock({
   const currentWallet = useCurrentWallet();
   const currentAccount = useCurrentAccount();
   const client = useSuiClient();
-  return (0, import_react_query6.useMutation)({
+  return (0, import_react_query7.useMutation)({
     mutationKey: walletMutationKeys.signAndExecuteTransactionBlock(mutationKey),
     mutationFn: async ({ requestType, options, ...signTransactionBlockArgs }) => {
       if (!currentWallet) {
@@ -1436,10 +1469,10 @@ function useSignAndExecuteTransactionBlock({
 }
 
 // src/hooks/useSuiClientMutation.ts
-var import_react_query7 = require("@tanstack/react-query");
+var import_react_query8 = require("@tanstack/react-query");
 function useSuiClientMutation(method, options = {}) {
   const suiContext = useSuiClientContext();
-  return (0, import_react_query7.useMutation)({
+  return (0, import_react_query8.useMutation)({
     ...options,
     mutationFn: async (params) => {
       return await suiContext.client[method](params);
@@ -1447,20 +1480,6 @@ function useSuiClientMutation(method, options = {}) {
   });
 }
 
-// src/hooks/useSuiClientQuery.ts
-var import_react_query8 = require("@tanstack/react-query");
-function useSuiClientQuery(...args) {
-  const [method, params, { queryKey = [], ...options } = {}] = args;
-  const suiContext = useSuiClientContext();
-  return (0, import_react_query8.useQuery)({
-    ...options,
-    queryKey: [suiContext.network, method, params, ...queryKey],
-    queryFn: async () => {
-      return await suiContext.client[method](params);
-    }
-  });
-}
-
 // src/hooks/useSuiClientInfiniteQuery.ts
 var import_react_query9 = require("@tanstack/react-query");
 function useSuiClientInfiniteQuery(method, params, { queryKey = [], enabled = !!params, ...options } = {}) {