@mysten/dapp-kit 0.2.4 → 0.4.0

package/dist/esm/index.js

@@ -40,9 +40,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"() {
   }
 });
 
@@ -144,6 +144,37 @@ import { formatAddress } from "@mysten/sui.js/utils";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import clsx3 from "clsx";
 
+// src/hooks/useSuiClientQuery.ts
+import { useQuery } from "@tanstack/react-query";
+function useSuiClientQuery(...args) {
+  const [method, params, { queryKey = [], ...options } = {}] = args;
+  const suiContext = useSuiClientContext();
+  return 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);
@@ -351,10 +382,13 @@ import { jsx as jsx7, jsxs } from "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__ */ jsxs(DropdownMenu.Root, { modal: false, children: [
     /* @__PURE__ */ jsx7(StyleMarker, { children: /* @__PURE__ */ jsx7(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { size: "lg", className: connectedAccount, children: [
-      /* @__PURE__ */ jsx7(Text, { mono: true, weight: "bold", children: formatAddress(currentAccount.address) }),
+      /* @__PURE__ */ jsx7(Text, { mono: true, weight: "bold", children: currentAccount.label ?? domain ?? formatAddress(currentAccount.address) }),
       /* @__PURE__ */ jsx7(ChevronIcon, {})
     ] }) }) }),
     /* @__PURE__ */ jsx7(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx7(StyleMarker, { children: /* @__PURE__ */ jsxs(DropdownMenu.Content, { className: menuContent, children: [
@@ -364,7 +398,7 @@ function AccountDropdownMenu({ currentAccount }) {
           className: clsx3(menuItem, switchAccountMenuItem),
           onSelect: () => switchAccount({ account }),
           children: [
-            /* @__PURE__ */ jsx7(Text, { mono: true, children: formatAddress(account.address) }),
+            /* @__PURE__ */ jsx7(Text, { mono: true, children: account.label ?? formatAddress(account.address) }),
             currentAccount.address === account.address ? /* @__PURE__ */ jsx7(CheckIcon, {}) : null
           ]
         },
@@ -1107,10 +1141,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]
           }));
         }
       }),
@@ -1223,7 +1256,7 @@ function cssStringFromTheme(theme) {
 // src/components/WalletProvider.tsx
 import { jsx as jsx22, jsxs as jsxs9 } from "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"
 ];
@@ -1231,7 +1264,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,
@@ -1324,7 +1357,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"];
@@ -1335,7 +1368,8 @@ function useSignTransactionBlock({
       }
       return await walletFeature.signTransactionBlock({
         ...signTransactionBlockArgs,
-        account: signerAccount
+        account: signerAccount,
+        chain: signTransactionBlockArgs.chain ?? signerAccount.chains[0]
       });
     },
     ...mutationOptions
@@ -1346,31 +1380,55 @@ function useSignTransactionBlock({
 import { useMutation as useMutation6 } from "@tanstack/react-query";
 function useSignAndExecuteTransactionBlock({
   mutationKey,
+  executeFromWallet,
   ...mutationOptions
 } = {}) {
   const currentWallet = useCurrentWallet();
   const currentAccount = useCurrentAccount();
+  const client = useSuiClient();
   return useMutation6({
     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
@@ -1389,20 +1447,6 @@ function useSuiClientMutation(method, options = {}) {
   });
 }
 
-// src/hooks/useSuiClientQuery.ts
-import { useQuery } from "@tanstack/react-query";
-function useSuiClientQuery(...args) {
-  const [method, params, { queryKey = [], ...options } = {}] = args;
-  const suiContext = useSuiClientContext();
-  return useQuery({
-    ...options,
-    queryKey: [suiContext.network, method, params, ...queryKey],
-    queryFn: async () => {
-      return await suiContext.client[method](params);
-    }
-  });
-}
-
 // src/hooks/useSuiClientInfiniteQuery.ts
 import { useInfiniteQuery } from "@tanstack/react-query";
 function useSuiClientInfiniteQuery(method, params, { queryKey = [], enabled = !!params, ...options } = {}) {