@satoshai/kit 0.1.1 → 0.3.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { WalletConnect, setSelectedProviderId, request, getSelectedProvider, clearSelectedProviderId } from '@stacks/connect';
-import { createContext, useState, useEffect, useCallback, useMemo, useContext } from 'react';
+import { createContext, useState, useRef, useEffect, useCallback, useMemo, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 import { PostConditionMode, postConditionToHex, cvToHex } from '@stacks/transactions';
 import { getPrimaryName } from 'bns-v2-sdk';
@@ -160,15 +160,18 @@ var useXverse = ({
   }, [provider]);
   useEffect(() => {
     if (provider !== "xverse" || !address || !isProviderReady) return;
+    let cancelled = false;
     let removeListener;
     const setupXverse = async () => {
       try {
         const productInfo = await getXverseProductInfo();
+        if (cancelled) return;
         if (!shouldSupportAccountChange(productInfo?.version)) return;
         const response = await getSelectedProvider()?.request(
           "wallet_connect",
           null
         );
+        if (cancelled) return;
         extractAndValidateStacksAddress(
           response?.result?.addresses,
           address,
@@ -192,6 +195,7 @@ var useXverse = ({
     };
     void setupXverse();
     return () => {
+      cancelled = true;
       if (!removeListener) return;
       try {
         removeListener();
@@ -222,6 +226,7 @@ var StacksWalletContext = createContext(
 );
 var StacksWalletProvider = ({
   children,
+  wallets,
   walletConnect,
   onConnect,
   onAddressChange,
@@ -230,6 +235,16 @@ var StacksWalletProvider = ({
   const [address, setAddress] = useState();
   const [provider, setProvider] = useState();
   const [isConnecting, setIsConnecting] = useState(false);
+  const connectGenRef = useRef(0);
+  const wcInitRef = useRef(null);
+  const walletsKey = wallets?.join(",");
+  useEffect(() => {
+    if (wallets?.includes("wallet-connect") && !walletConnect?.projectId) {
+      throw new Error(
+        'StacksWalletProvider: "wallet-connect" is listed in wallets but no walletConnect.projectId was provided.'
+      );
+    }
+  }, [walletsKey, walletConnect?.projectId]);
   useEffect(() => {
     const loadPersistedWallet = async () => {
       const persisted = getLocalStorageWallet();
@@ -242,6 +257,18 @@ var StacksWalletProvider = ({
           setProvider(data.provider);
           return;
         }
+        if (persisted.provider === "wallet-connect" && walletConnect?.projectId) {
+          const initPromise = WalletConnect.initializeProvider(
+            buildWalletConnectConfig(
+              walletConnect.projectId,
+              walletConnect.metadata,
+              walletConnect.chains
+            )
+          );
+          wcInitRef.current = initPromise;
+          await initPromise;
+          wcInitRef.current = null;
+        }
         setAddress(persisted.address);
         setProvider(persisted.provider);
         setSelectedProviderId(
@@ -254,7 +281,7 @@ var StacksWalletProvider = ({
       }
     };
     void loadPersistedWallet();
-  }, []);
+  }, [walletConnect?.projectId]);
   const connect = useCallback(
     async (providerId, options) => {
       const typedProvider = SUPPORTED_STACKS_WALLETS.find(
@@ -284,10 +311,12 @@ var StacksWalletProvider = ({
         options?.onError?.(error);
         return;
       }
+      const gen = ++connectGenRef.current;
       setIsConnecting(true);
       try {
         if (typedProvider === "okx") {
           const data2 = await getOKXStacksAddress();
+          if (connectGenRef.current !== gen) return;
           setAddress(data2.address);
           setProvider(data2.provider);
           options?.onSuccess?.(data2.address, data2.provider);
@@ -296,17 +325,25 @@ var StacksWalletProvider = ({
         setSelectedProviderId(
           STACKS_TO_STACKS_CONNECT_PROVIDERS[typedProvider]
         );
-        const data = walletConnect ? await request(
-          {
-            walletConnect: buildWalletConnectConfig(
-              walletConnect.projectId,
-              walletConnect.metadata,
-              walletConnect.chains
-            )
-          },
+        const wcConfig = typedProvider === "wallet-connect" && walletConnect ? buildWalletConnectConfig(
+          walletConnect.projectId,
+          walletConnect.metadata,
+          walletConnect.chains
+        ) : void 0;
+        if (wcConfig) {
+          if (wcInitRef.current) await wcInitRef.current;
+          const initPromise = WalletConnect.initializeProvider(wcConfig);
+          wcInitRef.current = initPromise;
+          await initPromise;
+          wcInitRef.current = null;
+        }
+        if (connectGenRef.current !== gen) return;
+        const data = wcConfig ? await request(
+          { walletConnect: wcConfig },
           "getAddresses",
           {}
         ) : await request("getAddresses");
+        if (connectGenRef.current !== gen) return;
         const extractedAddress = extractStacksAddress(
           typedProvider,
           data.addresses
@@ -315,16 +352,26 @@ var StacksWalletProvider = ({
         setProvider(typedProvider);
         options?.onSuccess?.(extractedAddress, typedProvider);
       } catch (error) {
+        if (connectGenRef.current !== gen) return;
         console.error("Failed to connect wallet:", error);
-        getSelectedProvider()?.disconnect?.();
-        clearSelectedProviderId();
+        if (typedProvider !== "okx") {
+          getSelectedProvider()?.disconnect?.();
+          clearSelectedProviderId();
+        }
         options?.onError?.(error);
       } finally {
-        setIsConnecting(false);
+        if (connectGenRef.current === gen) {
+          setIsConnecting(false);
+        }
       }
     },
     [walletConnect]
   );
+  const reset = useCallback(() => {
+    connectGenRef.current++;
+    setIsConnecting(false);
+    clearSelectedProviderId();
+  }, []);
   const disconnect = useCallback(
     (callback) => {
       localStorage.removeItem(LOCAL_STORAGE_STACKS);
@@ -357,6 +404,14 @@ var StacksWalletProvider = ({
     },
     connect
   });
+  const walletInfos = useMemo(() => {
+    const { installed } = getStacksWallets();
+    const configured = wallets ?? [...SUPPORTED_STACKS_WALLETS];
+    return configured.map((w) => ({
+      id: w,
+      available: w === "wallet-connect" ? !!walletConnect?.projectId : installed.includes(w)
+    }));
+  }, [walletsKey, walletConnect?.projectId]);
   const value = useMemo(() => {
     const walletState = isConnecting ? { status: "connecting", address: void 0, provider: void 0 } : address && provider ? { status: "connected", address, provider } : {
       status: "disconnected",
@@ -366,9 +421,11 @@ var StacksWalletProvider = ({
     return {
       ...walletState,
       connect,
-      disconnect
+      disconnect,
+      reset,
+      wallets: walletInfos
     };
-  }, [address, provider, isConnecting, connect, disconnect]);
+  }, [address, provider, isConnecting, connect, disconnect, reset, walletInfos]);
   return /* @__PURE__ */ jsx(StacksWalletContext.Provider, { value, children });
 };
 var useStacksWalletContext = () => {
@@ -402,37 +459,108 @@ var useAddress = () => {
   }, [address, status, provider]);
 };
 var useConnect = () => {
-  const { connect, status } = useStacksWalletContext();
+  const {
+    connect: contextConnect,
+    reset: contextReset,
+    status: walletStatus
+  } = useStacksWalletContext();
+  const [error, setError] = useState(null);
+  const [mutationStatus, setMutationStatus] = useState("idle");
+  const connect = useCallback(
+    async (providerId, options) => {
+      setError(null);
+      setMutationStatus("pending");
+      let settled = false;
+      try {
+        await contextConnect(providerId, {
+          onSuccess: (address, provider) => {
+            settled = true;
+            setMutationStatus("success");
+            options?.onSuccess?.(address, provider);
+          },
+          onError: (err) => {
+            settled = true;
+            setError(err);
+            setMutationStatus("error");
+            options?.onError?.(err);
+          }
+        });
+      } finally {
+        if (!settled) {
+          setMutationStatus("idle");
+        }
+      }
+    },
+    [contextConnect]
+  );
+  const reset = useCallback(() => {
+    setError(null);
+    setMutationStatus("idle");
+    contextReset();
+  }, [contextReset]);
   const value = useMemo(
     () => ({
       connect,
-      connectors: SUPPORTED_STACKS_WALLETS,
-      isPending: status === "connecting"
+      reset,
+      error,
+      isError: mutationStatus === "error",
+      isIdle: mutationStatus === "idle",
+      isPending: mutationStatus === "pending" || walletStatus === "connecting",
+      isSuccess: mutationStatus === "success",
+      status: mutationStatus
     }),
-    [connect, status]
+    [connect, reset, error, mutationStatus, walletStatus]
   );
   return value;
 };
 var useDisconnect = () => {
-  const { disconnect } = useStacksWalletContext();
-  return useMemo(
+  const { disconnect: contextDisconnect } = useStacksWalletContext();
+  const [error, setError] = useState(null);
+  const [mutationStatus, setMutationStatus] = useState("idle");
+  const disconnect = useCallback(
+    (callback) => {
+      setError(null);
+      try {
+        contextDisconnect(callback);
+        setMutationStatus("success");
+      } catch (err) {
+        const normalizedError = err instanceof Error ? err : new Error(String(err));
+        setError(normalizedError);
+        setMutationStatus("error");
+      }
+    },
+    [contextDisconnect]
+  );
+  const reset = useCallback(() => {
+    setError(null);
+    setMutationStatus("idle");
+  }, []);
+  const value = useMemo(
     () => ({
-      disconnect
+      disconnect,
+      reset,
+      error,
+      isError: mutationStatus === "error",
+      isIdle: mutationStatus === "idle",
+      isPending: mutationStatus === "pending",
+      isSuccess: mutationStatus === "success",
+      status: mutationStatus
     }),
-    [disconnect]
+    [disconnect, reset, error, mutationStatus]
   );
+  return value;
 };
 var useSignMessage = () => {
   const { isConnected, provider } = useAddress();
   const [data, setData] = useState(void 0);
   const [error, setError] = useState(null);
-  const [isPending, setIsPending] = useState(false);
+  const [status, setStatus] = useState("idle");
   const signMessageAsync = useCallback(
     async (variables) => {
       if (!isConnected) {
         throw new Error("Wallet is not connected");
       }
-      setIsPending(true);
+      setStatus("pending");
       setError(null);
       setData(void 0);
       try {
@@ -453,12 +581,12 @@ var useSignMessage = () => {
           });
         }
         setData(result);
-        setIsPending(false);
+        setStatus("success");
         return result;
       } catch (err) {
         const error2 = err instanceof Error ? err : new Error(String(err));
         setError(error2);
-        setIsPending(false);
+        setStatus("error");
         throw error2;
       }
     },
@@ -476,13 +604,26 @@ var useSignMessage = () => {
     },
     [signMessageAsync]
   );
-  return {
-    signMessage,
-    signMessageAsync,
-    data,
-    error,
-    isPending
-  };
+  const reset = useCallback(() => {
+    setData(void 0);
+    setError(null);
+    setStatus("idle");
+  }, []);
+  return useMemo(
+    () => ({
+      signMessage,
+      signMessageAsync,
+      reset,
+      data,
+      error,
+      isError: status === "error",
+      isIdle: status === "idle",
+      isPending: status === "pending",
+      isSuccess: status === "success",
+      status
+    }),
+    [signMessage, signMessageAsync, reset, data, error, status]
+  );
 };
 
 // src/utils/get-network-from-address.ts
@@ -503,13 +644,13 @@ var useWriteContract = () => {
   const { isConnected, address, provider } = useAddress();
   const [data, setData] = useState(void 0);
   const [error, setError] = useState(null);
-  const [isPending, setIsPending] = useState(false);
+  const [status, setStatus] = useState("idle");
   const writeContractAsync = useCallback(
     async (variables) => {
       if (!isConnected || !address) {
         throw new Error("Wallet is not connected");
       }
-      setIsPending(true);
+      setStatus("pending");
       setError(null);
       setData(void 0);
       try {
@@ -531,7 +672,7 @@ var useWriteContract = () => {
             anchorMode: 3
           });
           setData(response2.txHash);
-          setIsPending(false);
+          setStatus("success");
           return response2.txHash;
         }
         const response = await request("stx_callContract", {
@@ -547,12 +688,12 @@ var useWriteContract = () => {
           throw new Error("No transaction ID returned");
         }
         setData(response.txid);
-        setIsPending(false);
+        setStatus("success");
         return response.txid;
       } catch (err) {
         const error2 = err instanceof Error ? err : new Error(String(err));
         setError(error2);
-        setIsPending(false);
+        setStatus("error");
         throw error2;
       }
     },
@@ -570,13 +711,26 @@ var useWriteContract = () => {
     },
     [writeContractAsync]
   );
-  return {
-    writeContract,
-    writeContractAsync,
-    data,
-    error,
-    isPending
-  };
+  const reset = useCallback(() => {
+    setData(void 0);
+    setError(null);
+    setStatus("idle");
+  }, []);
+  return useMemo(
+    () => ({
+      writeContract,
+      writeContractAsync,
+      reset,
+      data,
+      error,
+      isError: status === "error",
+      isIdle: status === "idle",
+      isPending: status === "pending",
+      isSuccess: status === "success",
+      status
+    }),
+    [writeContract, writeContractAsync, reset, data, error, status]
+  );
 };
 var useBnsName = (address) => {
   const [bnsName, setBnsName] = useState(null);
@@ -604,7 +758,11 @@ var useBnsName = (address) => {
   }, [address]);
   return { bnsName, isLoading };
 };
+var useWallets = () => {
+  const { wallets } = useStacksWalletContext();
+  return useMemo(() => ({ wallets }), [wallets]);
+};
 
-export { SUPPORTED_STACKS_WALLETS, StacksWalletProvider, getLocalStorageWallet, getNetworkFromAddress, getStacksWallets, useAddress, useBnsName, useConnect, useDisconnect, useSignMessage, useWriteContract };
+export { SUPPORTED_STACKS_WALLETS, StacksWalletProvider, getLocalStorageWallet, getNetworkFromAddress, getStacksWallets, useAddress, useBnsName, useConnect, useDisconnect, useSignMessage, useWallets, useWriteContract };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map