@sundaeswap/wallet-lite 0.0.37 → 0.0.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sundaeswap/wallet-lite",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.js",

package/src/react-components/WalletObserverProvider/hooks/useWalletObserverState.ts

@@ -1,6 +1,6 @@
 import type { TransactionUnspentOutput } from "@cardano-sdk/core/dist/cjs/Serialization/index.js";
 import { AssetAmount, IAssetAmountMetadata } from "@sundaeswap/asset";
-import { useCallback, useState, useTransition } from "react";
+import { useCallback, useMemo, useState, useTransition } from "react";
 
 import {
   TAssetAmountMap,
@@ -43,6 +43,15 @@ export const useWalletObserverState = <
   const [switching, setSwitching] = useState(false);
   const [isPending, startTransition] = useTransition();
 
+  const willAutoConnect = useMemo(
+    () =>
+      Boolean(
+        window.localStorage.getItem(WalletObserver.PERSISTENCE_CACHE_KEY) &&
+          observer.getOptions().persistence
+      ),
+    [observer]
+  );
+
   const disconnect = useCallback(() => {
     // Reset observer state.
     observer.disconnect();
@@ -175,5 +184,6 @@ export const useWalletObserverState = <
     switching,
     setSwitching,
     isPending,
+    willAutoConnect,
   };
 };

package/src/react-components/hooks/useWalletObserver.ts

@@ -1,5 +1,6 @@
 import { IAssetAmountMetadata } from "@sundaeswap/asset";
 
+import { useMemo } from "react";
 import {
   TUseWalletObserverState,
   useWalletObserverContext,
@@ -15,26 +16,50 @@ export const useWalletObserver = <
 >(): TUseWalletObserverState<AssetMetadata> => {
   const { state } = useWalletObserverContext<AssetMetadata>();
 
-  const result: TUseWalletObserverState<AssetMetadata> = {
-    isCip45: state.isCip45,
-    activeWallet: state.activeWallet,
-    adaBalance: state.adaBalance,
-    balance: state.balance,
-    mainAddress: state.mainAddress,
-    stakeAddress: state.stakeAddress,
-    network: state.network,
-    utxos: state.utxos,
-    collateral: state.collateral,
-    observer: state.observer,
-    unusedAddresses: state.unusedAddresses,
-    usedAddresses: state.usedAddresses,
-    syncWallet: state.syncWallet,
-    disconnect: state.disconnect,
-    connectWallet: state.connectWallet,
-    switching: state.switching,
-    isPending: state.isPending,
-    handles: state.handles,
-  };
+  const result: TUseWalletObserverState<AssetMetadata> = useMemo(
+    () => ({
+      isCip45: state.isCip45,
+      activeWallet: state.activeWallet,
+      adaBalance: state.adaBalance,
+      balance: state.balance,
+      mainAddress: state.mainAddress,
+      stakeAddress: state.stakeAddress,
+      network: state.network,
+      utxos: state.utxos,
+      collateral: state.collateral,
+      observer: state.observer,
+      unusedAddresses: state.unusedAddresses,
+      usedAddresses: state.usedAddresses,
+      syncWallet: state.syncWallet,
+      disconnect: state.disconnect,
+      connectWallet: state.connectWallet,
+      switching: state.switching,
+      isPending: state.isPending,
+      handles: state.handles,
+      willAutoConnect: state.willAutoConnect,
+    }),
+    [
+      state.isCip45,
+      state.activeWallet,
+      state.adaBalance.amount,
+      state.balance.size,
+      state.mainAddress,
+      state.stakeAddress,
+      state.network,
+      state.utxos,
+      state.collateral,
+      state.observer,
+      state.unusedAddresses,
+      state.usedAddresses,
+      state.syncWallet,
+      state.disconnect,
+      state.connectWallet,
+      state.switching,
+      state.isPending,
+      state.handles,
+      state.willAutoConnect,
+    ]
+  );
 
   return result;
 };