@mysten/dapp-kit 0.9.0 → 0.9.1

package/dist/esm/index.js

@@ -66,6 +66,7 @@ import { useMutation } from "@tanstack/react-query";
 var walletMutationKeys = {
   all: { baseScope: "wallet" },
   connectWallet: formMutationKeyFn("connect-wallet"),
+  autoconnectWallet: formMutationKeyFn("autoconnect-wallet"),
   disconnectWallet: formMutationKeyFn("disconnect-wallet"),
   signPersonalMessage: formMutationKeyFn("sign-personal-message"),
   signTransactionBlock: formMutationKeyFn("sign-transaction-block"),
@@ -882,50 +883,72 @@ function ConnectButton({
 import { useRef } from "react";
 
 // src/hooks/wallet/useAutoConnectWallet.ts
-import { useEffect } from "react";
-function useAutoConnectWallet(autoConnectEnabled) {
-  const { mutate: connectWallet } = useConnectWallet();
-  const setAutoConnectionStatus = useWalletStore((state) => state.setAutoConnectionStatus);
+import { useQuery as useQuery2 } from "@tanstack/react-query";
+function useAutoConnectWallet() {
+  const { mutateAsync: connectWallet } = useConnectWallet();
+  const autoConnectEnabled = useWalletStore((state) => state.autoConnectEnabled);
   const lastConnectedWalletName = useWalletStore((state) => state.lastConnectedWalletName);
   const lastConnectedAccountAddress = useWalletStore((state) => state.lastConnectedAccountAddress);
   const wallets = useWallets();
   const { isDisconnected } = useCurrentWallet();
-  useEffect(() => {
-    if (!autoConnectEnabled || !lastConnectedWalletName || !lastConnectedAccountAddress || !isDisconnected) {
-      return;
-    }
-    const wallet = wallets.find((wallet2) => wallet2.name === lastConnectedWalletName);
-    if (wallet) {
-      connectWallet(
-        {
+  const { data, isError } = useQuery2({
+    queryKey: [
+      "@mysten/dapp-kit",
+      "autoconnect",
+      {
+        isDisconnected,
+        autoConnectEnabled,
+        lastConnectedWalletName,
+        lastConnectedAccountAddress,
+        walletCount: wallets.length
+      }
+    ],
+    queryFn: async () => {
+      if (!autoConnectEnabled) {
+        return "disabled";
+      }
+      if (!lastConnectedWalletName || !lastConnectedAccountAddress || !isDisconnected) {
+        return "attempted";
+      }
+      const wallet = wallets.find((wallet2) => wallet2.name === lastConnectedWalletName);
+      if (wallet) {
+        await connectWallet({
           wallet,
           accountAddress: lastConnectedAccountAddress,
           silent: true
-        },
-        {
-          onSettled: () => setAutoConnectionStatus("settled")
-        }
-      );
-    }
-  }, [
-    autoConnectEnabled,
-    connectWallet,
-    isDisconnected,
-    lastConnectedAccountAddress,
-    lastConnectedWalletName,
-    setAutoConnectionStatus,
-    wallets
-  ]);
+        });
+      }
+      return "attempted";
+    },
+    enabled: autoConnectEnabled,
+    persister: void 0,
+    gcTime: 0,
+    staleTime: 0,
+    retry: false,
+    retryOnMount: false,
+    refetchInterval: false,
+    refetchIntervalInBackground: false,
+    refetchOnMount: false,
+    refetchOnReconnect: false,
+    refetchOnWindowFocus: false
+  });
+  if (!autoConnectEnabled) {
+    return "disabled";
+  }
+  if (!lastConnectedWalletName) {
+    return "attempted";
+  }
+  return isError ? "attempted" : data ?? "idle";
 }
 
 // src/hooks/wallet/useUnsafeBurnerWallet.ts
 import { Ed25519Keypair } from "@mysten/sui.js/keypairs/ed25519";
 import { getWallets, ReadonlyWalletAccount, SUI_CHAINS } from "@mysten/wallet-standard";
-import { useEffect as useEffect2 } from "react";
+import { useEffect } from "react";
 var WALLET_NAME = "Unsafe Burner Wallet";
 function useUnsafeBurnerWallet(enabled) {
   const suiClient = useSuiClient();
-  useEffect2(() => {
+  useEffect(() => {
     if (!enabled) {
       return;
     }
@@ -1035,11 +1058,11 @@ function registerUnsafeBurnerWallet(suiClient) {
 }
 
 // src/hooks/wallet/useWalletPropertiesChanged.ts
-import { useEffect as useEffect3 } from "react";
+import { useEffect as useEffect2 } from "react";
 function useWalletPropertiesChanged() {
   const { currentWallet } = useCurrentWallet();
   const updateWalletAccounts = useWalletStore((state) => state.updateWalletAccounts);
-  useEffect3(() => {
+  useEffect2(() => {
     const unsubscribeFromEvents = currentWallet?.features["standard:events"].on(
       "change",
       ({ accounts }) => {
@@ -1054,7 +1077,7 @@ function useWalletPropertiesChanged() {
 
 // src/hooks/wallet/useWalletsChanged.ts
 import { getWallets as getWallets3 } from "@mysten/wallet-standard";
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect3 } from "react";
 
 // src/utils/walletUtils.ts
 import { getWallets as getWallets2, isWalletWithRequiredFeatureSet } from "@mysten/wallet-standard";
@@ -1076,7 +1099,7 @@ function getRegisteredWallets(preferredWallets, requiredFeatures) {
 function useWalletsChanged(preferredWallets, requiredFeatures) {
   const setWalletRegistered = useWalletStore((state) => state.setWalletRegistered);
   const setWalletUnregistered = useWalletStore((state) => state.setWalletUnregistered);
-  useEffect4(() => {
+  useEffect3(() => {
     const walletsApi = getWallets3();
     const unsubscribeFromRegister = walletsApi.on("register", () => {
       setWalletRegistered(getRegisteredWallets(preferredWallets, requiredFeatures));
@@ -1160,11 +1183,12 @@ function createWalletStore({
   wallets,
   storage,
   storageKey,
-  autoConnect
+  autoConnectEnabled
 }) {
   return createStore()(
     persist(
       (set, get) => ({
+        autoConnectEnabled,
         wallets,
         accounts: [],
         currentWallet: null,
@@ -1172,17 +1196,11 @@ function createWalletStore({
         lastConnectedAccountAddress: null,
         lastConnectedWalletName: null,
         connectionStatus: "disconnected",
-        autoConnectionStatus: autoConnect ? "idle" : "disabled",
         setConnectionStatus(connectionStatus2) {
           set(() => ({
             connectionStatus: connectionStatus2
           }));
         },
-        setAutoConnectionStatus(autoConnectionStatus) {
-          set(() => ({
-            autoConnectionStatus
-          }));
-        },
         setWalletConnected(wallet, connectedAccounts, selectedAccount) {
           set(() => ({
             accounts: connectedAccounts,
@@ -1360,10 +1378,10 @@ function WalletProvider({
 }) {
   const storeRef = useRef(
     createWalletStore({
+      autoConnectEnabled: autoConnect,
       wallets: getRegisteredWallets(preferredWallets, requiredFeatures),
       storageKey,
-      storage,
-      autoConnect
+      storage
     })
   );
   return /* @__PURE__ */ jsx22(WalletContext.Provider, { value: storeRef.current, children: /* @__PURE__ */ jsxs9(
@@ -1372,7 +1390,6 @@ function WalletProvider({
       preferredWallets,
       requiredFeatures,
       enableUnsafeBurner,
-      autoConnect,
       children: [
         theme ? /* @__PURE__ */ jsx22(InjectedThemeStyles, { theme }) : null,
         children
@@ -1384,13 +1401,12 @@ function WalletConnectionManager({
   preferredWallets,
   requiredFeatures,
   enableUnsafeBurner,
-  autoConnect,
   children
 }) {
   useWalletsChanged(preferredWallets, requiredFeatures);
   useWalletPropertiesChanged();
   useUnsafeBurnerWallet(enableUnsafeBurner);
-  useAutoConnectWallet(autoConnect);
+  useAutoConnectWallet();
   return children;
 }
 
@@ -1452,11 +1468,6 @@ function useSuiClientMutation(method, options = {}) {
   });
 }
 
-// src/hooks/wallet/useAutoConnectionStatus.ts
-function useAutoConnectionStatus() {
-  return useWalletStore((state) => state.autoConnectionStatus);
-}
-
 // src/hooks/wallet/useSignAndExecuteTransactionBlock.ts
 import { useMutation as useMutation5 } from "@tanstack/react-query";
 function useSignAndExecuteTransactionBlock({
@@ -1606,7 +1617,7 @@ export {
   createNetworkConfig,
   lightTheme,
   useAccounts,
-  useAutoConnectionStatus,
+  useAutoConnectWallet,
   useConnectWallet,
   useCurrentAccount,
   useCurrentWallet,