@mysten/dapp-kit 0.2.4 → 0.4.0

package/dist/cjs/index.js

@@ -46,9 +46,9 @@ var __privateAdd = (obj, member, value) => {
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
 
-// vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA41SPW/CMBDd+RUeocJSv4d0r7ozdEAdjtgkFo4dOZdCWvW/9+wEMAQjhpPie+/5ne9lKQCBC6hrvlH4lW1L6eT0bjZny1OEHSD2O2FsZXe8UT/KFBl9OyEdp9YbIbnV1mXsG9yUH+Q8dBviiG7mWWtrkK+hUrobcbGrbeGgLjvuae+BdVSRrRxpPPIpVVFiw411FehIgJ0eK85cFp501GzDXbfaaGUkLy9LIh9P+wisXiURaW9NDXnY4xVhYC56Imn/JsuLua1aRGvS4Q14SJAwCQ5MTqsx1kg/0QryTeFsawQfYkRi0IBOGjwLQBm6UuEozKh/spa4f/bwCBpso07/d2Xs3h9qECJIwqkCVygTDqmNQHoZ0O8B5Q65kLl1gMqa4zLGo9gW/ZP2lJSn1XPW6rTxgAd3rZrDD7o3jp51+uKUYfkwZ+Uj1RPVM9UL1Wt6gAQ/DHQl4e04yTiBf3Q5P8VLBAAA
+// vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9
 var init_ = __esm({
-  "vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA41SPW/CMBDd+RUeocJSv4d0r7ozdEAdjtgkFo4dOZdCWvW/9+wEMAQjhpPie+/5ne9lKQCBC6hrvlH4lW1L6eT0bjZny1OEHSD2O2FsZXe8UT/KFBl9OyEdp9YbIbnV1mXsG9yUH+Q8dBviiG7mWWtrkK+hUrobcbGrbeGgLjvuae+BdVSRrRxpPPIpVVFiw411FehIgJ0eK85cFp501GzDXbfaaGUkLy9LIh9P+wisXiURaW9NDXnY4xVhYC56Imn/JsuLua1aRGvS4Q14SJAwCQ5MTqsx1kg/0QryTeFsawQfYkRi0IBOGjwLQBm6UuEozKh/spa4f/bwCBpso07/d2Xs3h9qECJIwqkCVygTDqmNQHoZ0O8B5Q65kLl1gMqa4zLGo9gW/ZP2lJSn1XPW6rTxgAd3rZrDD7o3jp51+uKUYfkwZ+Uj1RPVM9UL1Wt6gAQ/DHQl4e04yTiBf3Q5P8VLBAAA"() {
+  "vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9"() {
   }
 });
 
@@ -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]
           }));
         }
       }),
@@ -1256,7 +1289,7 @@ function cssStringFromTheme(theme) {
 // src/components/WalletProvider.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var SUI_WALLET_NAME = "Sui Wallet";
-var DEFUALT_STORAGE_KEY = "sui-dapp-kit:wallet-connection-info";
+var DEFAULT_STORAGE_KEY = "sui-dapp-kit:wallet-connection-info";
 var DEFAULT_REQUIRED_FEATURES = [
   "sui:signTransactionBlock"
 ];
@@ -1264,7 +1297,7 @@ function WalletProvider({
   preferredWallets = [SUI_WALLET_NAME],
   requiredFeatures = DEFAULT_REQUIRED_FEATURES,
   storage = localStorage,
-  storageKey = DEFUALT_STORAGE_KEY,
+  storageKey = DEFAULT_STORAGE_KEY,
   enableUnsafeBurner = false,
   autoConnect = false,
   theme = lightTheme,
@@ -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) {
@@ -1357,7 +1390,7 @@ function useSignTransactionBlock({
       const signerAccount = signTransactionBlockArgs.account ?? currentAccount;
       if (!signerAccount) {
         throw new WalletNoAccountSelectedError(
-          "No wallet account is selected to sign the personal message with."
+          "No wallet account is selected to sign the transaction block with."
         );
       }
       const walletFeature = currentWallet.features["sui:signTransactionBlock"];
@@ -1368,7 +1401,8 @@ function useSignTransactionBlock({
       }
       return await walletFeature.signTransactionBlock({
         ...signTransactionBlockArgs,
-        account: signerAccount
+        account: signerAccount,
+        chain: signTransactionBlockArgs.chain ?? signerAccount.chains[0]
       });
     },
     ...mutationOptions
@@ -1376,34 +1410,58 @@ 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,
   ...mutationOptions
 } = {}) {
   const currentWallet = useCurrentWallet();
   const currentAccount = useCurrentAccount();
-  return (0, import_react_query6.useMutation)({
+  const client = useSuiClient();
+  return (0, import_react_query7.useMutation)({
     mutationKey: walletMutationKeys.signAndExecuteTransactionBlock(mutationKey),
-    mutationFn: async (signAndExecuteTransactionBlockArgs) => {
+    mutationFn: async ({ requestType, options, ...signTransactionBlockArgs }) => {
       if (!currentWallet) {
         throw new WalletNotConnectedError("No wallet is connected.");
       }
-      const signerAccount = signAndExecuteTransactionBlockArgs.account ?? currentAccount;
+      const signerAccount = signTransactionBlockArgs.account ?? currentAccount;
       if (!signerAccount) {
         throw new WalletNoAccountSelectedError(
-          "No wallet account is selected to sign the personal message with."
+          "No wallet account is selected to sign and execute the transaction block with."
         );
       }
-      const walletFeature = currentWallet.features["sui:signAndExecuteTransactionBlock"];
+      if (executeFromWallet) {
+        const walletFeature2 = currentWallet.features["sui:signAndExecuteTransactionBlock"];
+        if (!walletFeature2) {
+          throw new WalletFeatureNotSupportedError(
+            "This wallet doesn't support the `signAndExecuteTransactionBlock` feature."
+          );
+        }
+        return walletFeature2.signAndExecuteTransactionBlock({
+          ...signTransactionBlockArgs,
+          account: signerAccount,
+          chain: signTransactionBlockArgs.chain ?? signerAccount.chains[0],
+          requestType,
+          options
+        });
+      }
+      const walletFeature = currentWallet.features["sui:signTransactionBlock"];
       if (!walletFeature) {
         throw new WalletFeatureNotSupportedError(
-          "This wallet doesn't support the `signAndExecuteTransactionBlock` feature."
+          "This wallet doesn't support the `signTransactionBlock` feature."
         );
       }
-      return await walletFeature.signAndExecuteTransactionBlock({
-        ...signAndExecuteTransactionBlockArgs,
-        account: signerAccount
+      const { signature, transactionBlockBytes } = await walletFeature.signTransactionBlock({
+        ...signTransactionBlockArgs,
+        account: signerAccount,
+        chain: signTransactionBlockArgs.chain ?? signerAccount.chains[0]
+      });
+      return client.executeTransactionBlock({
+        transactionBlock: transactionBlockBytes,
+        signature,
+        requestType,
+        options
       });
     },
     ...mutationOptions
@@ -1411,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);
@@ -1422,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 } = {}) {