@satoshai/kit 1.0.2 → 1.0.3

package/dist/index.d.cts

@@ -656,6 +656,11 @@ declare const useBnsName: (address?: string) => {
  * (install link), and whether it's `available` (extension detected or
  * WalletConnect configured).
  *
+ * Performs a fresh check of `window` globals on every render so that
+ * browser extensions injected after React hydration are detected by the
+ * time the consumer reads the wallet list (e.g. when a connect-wallet
+ * drawer opens).
+ *
  * @example
  * ```ts
  * const { wallets } = useWallets();
@@ -668,7 +673,13 @@ declare const useBnsName: (address?: string) => {
  * ```
  */
 declare const useWallets: () => {
-    wallets: WalletInfo[];
+    wallets: {
+        available: boolean;
+        id: SupportedStacksWallet;
+        name: string;
+        icon: string;
+        webUrl: string;
+    }[];
 };
 
 /**

package/dist/index.d.ts

@@ -656,6 +656,11 @@ declare const useBnsName: (address?: string) => {
  * (install link), and whether it's `available` (extension detected or
  * WalletConnect configured).
  *
+ * Performs a fresh check of `window` globals on every render so that
+ * browser extensions injected after React hydration are detected by the
+ * time the consumer reads the wallet list (e.g. when a connect-wallet
+ * drawer opens).
+ *
  * @example
  * ```ts
  * const { wallets } = useWallets();
@@ -668,7 +673,13 @@ declare const useBnsName: (address?: string) => {
  * ```
  */
 declare const useWallets: () => {
-    wallets: WalletInfo[];
+    wallets: {
+        available: boolean;
+        id: SupportedStacksWallet;
+        name: string;
+        icon: string;
+        webUrl: string;
+    }[];
 };
 
 /**

package/dist/index.js

@@ -708,15 +708,7 @@ var StacksWalletProvider = ({
     onAddressChange: handleAddressChange,
     onDisconnect: handleWcDisconnect
   });
-  const [installed, setInstalled] = useState(
-    () => getStacksWallets().installed
-  );
-  useEffect(() => {
-    const fresh = getStacksWallets().installed;
-    setInstalled(
-      (prev) => fresh.join(",") === prev.join(",") ? prev : fresh
-    );
-  }, []);
+  const { installed } = getStacksWallets();
   const configured = wallets ?? [...SUPPORTED_STACKS_WALLETS];
   const walletInfos = configured.map((w) => ({
     id: w,
@@ -1481,7 +1473,20 @@ var useBnsName = (address) => {
 };
 var useWallets = () => {
   const { wallets } = useStacksWalletContext();
-  return useMemo(() => ({ wallets }), [wallets]);
+  const { installed } = getStacksWallets();
+  const installedKey = installed.join(",");
+  return useMemo(
+    () => ({
+      wallets: wallets.map((w) => ({
+        ...w,
+        // wallet-connect availability is controlled by projectId in
+        // the provider — don't override with getStacksWallets() which
+        // unconditionally returns true for it.
+        available: w.id === "wallet-connect" ? w.available : w.available || installed.includes(w.id)
+      }))
+    }),
+    [wallets, installedKey]
+  );
 };
 
 // src/utils/create-contract-config.ts