@sundaeswap/wallet-lite 0.0.37 → 0.0.39

package/package.json

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

package/src/@types/events.ts

@@ -1,7 +1,6 @@
 import { IAssetAmountMetadata } from "@sundaeswap/asset";
 
 import { WalletBalanceMap } from "../classes/WalletBalanceMap.class.js";
-import { TSupportedWalletExtensions } from "./observer.js";
 
 /**
  * A list of observer events that a client can hook into.
@@ -32,9 +31,7 @@ export interface EWalletObserverEventValues<
         unusedAddresses: string[];
       };
   [EWalletObserverEvents.CONNECT_WALLET_START]: undefined;
-  [EWalletObserverEvents.CONNECT_WALLET_END]: {
-    extension: TSupportedWalletExtensions;
-  };
+  [EWalletObserverEvents.CONNECT_WALLET_END]: undefined;
   [EWalletObserverEvents.GET_BALANCE_MAP_START]: undefined;
   [EWalletObserverEvents.GET_BALANCE_MAP_END]: {
     balanceMap: WalletBalanceMap<T>;

package/src/classes/WalletObserver.class.ts

@@ -147,6 +147,7 @@ export class WalletObserver<
           newNetwork = await this.getNetwork();
         } catch (e) {
           this.dispatch(EWalletObserverEvents.SYNCING_WALLET_END);
+          this.dispatch(EWalletObserverEvents.CONNECT_WALLET_END);
           this._performingSync = false;
           throw e;
         }
@@ -181,11 +182,13 @@ export class WalletObserver<
       }
 
       this.dispatch(EWalletObserverEvents.SYNCING_WALLET_END, result);
+      this.dispatch(EWalletObserverEvents.CONNECT_WALLET_END);
       this._performingSync = false;
       return result;
     } catch (e) {
       this._performingSync = false;
       this.dispatch(EWalletObserverEvents.SYNCING_WALLET_END);
+      this.dispatch(EWalletObserverEvents.CONNECT_WALLET_END);
       throw e;
     }
   };
@@ -325,10 +328,6 @@ export class WalletObserver<
       );
     }
 
-    this.dispatch(EWalletObserverEvents.CONNECT_WALLET_END, {
-      extension,
-    });
-
     const end = performance.now();
     if (this._options.debug) {
       console.log(`connectWallet: ${end - start}ms`);

package/src/react-components/WalletObserverProvider/WalletObserverProvider.tsx

@@ -8,7 +8,6 @@ import {
   WalletObserverContext,
 } from "../contexts/observer/index.js";
 import { useDerivedState } from "./hooks/effects/useDerivedState.js";
-import { useProviderEventListeners } from "./hooks/effects/useProviderEventListeners.js";
 import { useProviderRefreshInterval } from "./hooks/effects/useProviderRefreshInterval.js";
 import { useProviderWalletObserverRef } from "./hooks/useProviderWalletObserverRef.js";
 import { useWalletObserverState } from "./hooks/useWalletObserverState.js";
@@ -23,10 +22,15 @@ import { useWalletObserverState } from "./hooks/useWalletObserverState.js";
 const WalletObserverProvider: FC<
   PropsWithChildren<IWalletObserverProviderProps>
 > = ({ children, options }) => {
-  const observerRef = useProviderWalletObserverRef(options?.observerOptions);
+  const {
+    observerRef,
+    connectingWallet,
+    syncingWallet,
+    ready,
+    eventListenersAttached,
+  } = useProviderWalletObserverRef(options?.observerOptions);
   const state = useWalletObserverState(observerRef.current);
 
-  useProviderEventListeners(observerRef.current, state);
   useProviderRefreshInterval(
     observerRef.current,
     state.syncWallet,
@@ -46,21 +50,36 @@ const WalletObserverProvider: FC<
         ...state,
         ...derivedState,
         observer: observerRef.current,
+        connectingWallet,
+        syncingWallet,
+        ready,
       },
     }),
-    [options, state, derivedState]
+    [
+      options,
+      state,
+      derivedState,
+      connectingWallet,
+      syncingWallet,
+      ready,
+      observerRef.current,
+    ]
   );
 
   useEffect(() => {
+    if (!eventListenersAttached) {
+      return;
+    }
+
     const wallet: TSupportedWalletExtensions | null =
       window.localStorage.getItem(
         WalletObserver.PERSISTENCE_CACHE_KEY
       ) as TSupportedWalletExtensions;
 
-    if (wallet && options?.observerOptions?.persistence) {
+    if (wallet && observerRef.current?.getOptions()?.persistence) {
       state.connectWallet(JSON.parse(wallet).activeWallet);
     }
-  }, []);
+  }, [eventListenersAttached]);
 
   return (
     <WalletObserverContext.Provider value={contextValue}>

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

@@ -1,18 +1,21 @@
-import { MutableRefObject, useRef } from "react";
+import { MutableRefObject, useEffect, useMemo, useRef, useState } from "react";
 
+import { EWalletObserverEvents } from "../../../@types/events.js";
 import { TWalletObserverOptions } from "../../../@types/observer.js";
 import { WalletObserver } from "../../../classes/WalletObserver.class.js";
+import { TWalletProviderHooks } from "../../contexts/observer/index.js";
 
 /**
  * Internal use only. This hook is responsible for initiating the
  * WalletObserver instance once, and assigning it to a ref.
  *
  * @param {TWalletObserverOptions} [options]
- * @returns {MutableRefObject<WalletObserver>}
+ * @param {TWalletProviderHooks}
  */
 export const useProviderWalletObserverRef = (
-  options?: TWalletObserverOptions
-): MutableRefObject<WalletObserver> => {
+  options?: TWalletObserverOptions,
+  hooks?: TWalletProviderHooks
+) => {
   // Use ref to store the observer instance, ensuring it's created only once
   const observerRef = useRef<WalletObserver | null>(null);
 
@@ -22,5 +25,91 @@ export const useProviderWalletObserverRef = (
     observerRef.current = observer;
   }
 
-  return observerRef as MutableRefObject<WalletObserver>;
+  const [connecting, setConnecting] = useState(false);
+  const [syncing, setSyncing] = useState(false);
+  const [eventListenersAttached, setEventListenersAttached] = useState(false);
+
+  const ready = useMemo(() => {
+    return Boolean(
+      observerRef.current &&
+        observerRef.current.api &&
+        observerRef.current.activeWallet
+    );
+  }, [observerRef, observerRef.current.api, observerRef.current.activeWallet]);
+
+  /**
+   * Add user-defined hooks into the event stream.
+   */
+  useEffect(() => {
+    if (!observerRef.current) {
+      return;
+    }
+
+    const setConnectingStart = () => {
+      setConnecting(() => true);
+      hooks?.onConnectWalletStart?.();
+    };
+    const setConnectingEnd = () => {
+      setConnecting(() => false);
+      hooks?.onConnectWalletEnd?.();
+    };
+    const setSyncingStart = () => {
+      setSyncing(() => true);
+      hooks?.onSyncWalletStart?.();
+    };
+    const setSyncingEnd = () => {
+      hooks?.onSyncWalletEnd?.();
+      setSyncing(() => false);
+    };
+
+    observerRef.current.addEventListener(
+      EWalletObserverEvents.CONNECT_WALLET_START,
+      setConnectingStart
+    );
+    observerRef.current.addEventListener(
+      EWalletObserverEvents.CONNECT_WALLET_END,
+      setConnectingEnd
+    );
+    observerRef.current.addEventListener(
+      EWalletObserverEvents.SYNCING_WALLET_START,
+      setSyncingStart
+    );
+    observerRef.current.addEventListener(
+      EWalletObserverEvents.SYNCING_WALLET_END,
+      setSyncingEnd
+    );
+
+    setEventListenersAttached(() => true);
+
+    return () => {
+      if (!observerRef.current) {
+        return;
+      }
+
+      observerRef.current.removeEventListener(
+        EWalletObserverEvents.CONNECT_WALLET_START,
+        setConnectingStart
+      );
+      observerRef.current.removeEventListener(
+        EWalletObserverEvents.CONNECT_WALLET_END,
+        setConnectingEnd
+      );
+      observerRef.current.removeEventListener(
+        EWalletObserverEvents.SYNCING_WALLET_START,
+        setSyncingStart
+      );
+      observerRef.current.removeEventListener(
+        EWalletObserverEvents.SYNCING_WALLET_END,
+        setSyncingEnd
+      );
+    };
+  }, [observerRef, hooks]);
+
+  return {
+    observerRef: observerRef as MutableRefObject<WalletObserver>,
+    connectingWallet: connecting,
+    syncingWallet: syncing,
+    ready,
+    eventListenersAttached,
+  };
 };

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

@@ -1,6 +1,12 @@
 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,
+  useEffect,
+  useMemo,
+  useState,
+  useTransition,
+} from "react";
 
 import {
   TAssetAmountMap,
@@ -43,6 +49,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();
@@ -148,6 +163,17 @@ export const useWalletObserverState = <
     [observer, setSwitching]
   );
 
+  /**
+   * Ensure the wallet syncs on connect and disconnect.
+   */
+  useEffect(() => {
+    window.addEventListener("focus", syncWallet);
+
+    return () => {
+      window.addEventListener("focus", syncWallet);
+    };
+  }, [syncWallet]);
+
   return {
     activeWallet,
     setActiveWallet,
@@ -175,5 +201,6 @@ export const useWalletObserverState = <
     switching,
     setSwitching,
     isPending,
+    willAutoConnect,
   };
 };

package/src/react-components/contexts/observer/types.ts

@@ -49,6 +49,9 @@ export interface IWalletObserverState<
     ReturnType<typeof useDerivedState> & {
       isPending: boolean;
       observer: WalletObserver<AssetMetadata>;
+      connectingWallet: boolean;
+      syncingWallet: boolean;
+      ready: boolean;
     };
 }
 

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

@@ -1,77 +1,21 @@
 import { IAssetAmountMetadata } from "@sundaeswap/asset";
-import { useEffect, useMemo, useState } from "react";
+import { useMemo } from "react";
 
-import { EWalletObserverEvents } from "../../@types/events.js";
-import { useWalletObserver } from "./useWalletObserver.js";
+import { useWalletObserverContext } from "../contexts/observer/context.js";
 
 export const useWalletLoadingState = <
   AssetMetadata extends IAssetAmountMetadata = IAssetAmountMetadata
 >() => {
-  const state = useWalletObserver<AssetMetadata>();
-  const [connecting, setConnecting] = useState(false);
-  const [syncing, setSyncing] = useState(false);
-  const ready = useMemo(() => {
-    return Boolean(state.observer.api && state.observer.activeWallet);
-  }, [state.observer.api, state.observer.activeWallet]);
+  const { state } = useWalletObserverContext<AssetMetadata>();
 
-  useEffect(() => {
-    if (!state.observer) {
-      return;
-    }
+  const result = useMemo(
+    () => ({
+      connectingWallet: state.connectingWallet,
+      syncingWallet: state.syncingWallet,
+      ready: state.ready,
+    }),
+    [state.ready, state.syncingWallet, state.connectingWallet]
+  );
 
-    const setConnectingStart = () => {
-      setConnecting(() => true);
-    };
-    const setConnectingEnd = () => {
-      setConnecting(() => false);
-    };
-    const setSyncingStart = () => {
-      setSyncing(() => true);
-    };
-    const setSyncingEnd = () => {
-      setSyncing(() => false);
-    };
-
-    state.observer.addEventListener(
-      EWalletObserverEvents.CONNECT_WALLET_START,
-      setConnectingStart
-    );
-    state.observer.addEventListener(
-      EWalletObserverEvents.CONNECT_WALLET_END,
-      setConnectingEnd
-    );
-    state.observer.addEventListener(
-      EWalletObserverEvents.SYNCING_WALLET_START,
-      setSyncingStart
-    );
-    state.observer.addEventListener(
-      EWalletObserverEvents.SYNCING_WALLET_END,
-      setSyncingEnd
-    );
-
-    return () => {
-      state.observer.removeEventListener(
-        EWalletObserverEvents.CONNECT_WALLET_START,
-        setConnectingStart
-      );
-      state.observer.removeEventListener(
-        EWalletObserverEvents.CONNECT_WALLET_END,
-        setConnectingEnd
-      );
-      state.observer.removeEventListener(
-        EWalletObserverEvents.SYNCING_WALLET_START,
-        setSyncingStart
-      );
-      state.observer.removeEventListener(
-        EWalletObserverEvents.SYNCING_WALLET_END,
-        setSyncingEnd
-      );
-    };
-  }, [state.observer]);
-
-  return {
-    connectingWallet: connecting,
-    syncingWallet: syncing,
-    ready,
-  };
+  return result;
 };

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

@@ -1,5 +1,6 @@
 import { IAssetAmountMetadata } from "@sundaeswap/asset";
 
+import { useMemo } from "react";
 import {
   TUseWalletObserverState,
   useWalletObserverContext,
@@ -8,33 +9,63 @@ import {
 /**
  * Exposes the WalletObserver state.
  *
- * @returns {TUseWalletObserverState<AssetMetadata>}
+ * @returns {Omit<TUseWalletObserverState<AssetMetadata>, "ready" | "connectingWallet" | "syncingWallet">}
  */
 export const useWalletObserver = <
   AssetMetadata extends IAssetAmountMetadata = IAssetAmountMetadata
->(): TUseWalletObserverState<AssetMetadata> => {
+>(): Omit<
+  TUseWalletObserverState<AssetMetadata>,
+  "ready" | "connectingWallet" | "syncingWallet"
+> => {
   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: Omit<
+    TUseWalletObserverState<AssetMetadata>,
+    "ready" | "connectingWallet" | "syncingWallet"
+  > = 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;
 };

package/src/utils/getLibs.ts

@@ -15,6 +15,6 @@ export const getCardanoUtil = async () => {
 
 export const getPeerConnect = async () => {
   return import("@fabianbormann/cardano-peer-connect").then((module) => {
-    return module.default.DAppPeerConnect;
+    return module?.DAppPeerConnect || module.default.DAppPeerConnect;
   });
 };

package/dist/cjs/react-components/WalletObserverProvider/hooks/effects/useProviderEventListeners.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useProviderEventListeners = void 0;
-var _react = require("react");
-var _events = require("../../../../@types/events.js");
-/**
- * Internal use only. This is run in every WalletObserverProvider
- * component on initial mount. It adds all relevant event listeners
- * to the WalletObserver class.
- *
- * @param observer
- * @param syncWallet
- * @param hooks
- */
-var useProviderEventListeners = exports.useProviderEventListeners = function useProviderEventListeners(observer, state, hooks) {
-  /**
-   * Add user-defined hooks into the event stream.
-   */
-  (0, _react.useEffect)(function () {
-    if (!hooks) {
-      return;
-    }
-    var setConnectingStart = function setConnectingStart() {
-      var _hooks$onConnectWalle;
-      hooks === null || hooks === void 0 || (_hooks$onConnectWalle = hooks.onConnectWalletStart) === null || _hooks$onConnectWalle === void 0 || _hooks$onConnectWalle.call(hooks);
-    };
-    var setConnectingEnd = function setConnectingEnd() {
-      var _hooks$onConnectWalle2;
-      hooks === null || hooks === void 0 || (_hooks$onConnectWalle2 = hooks.onConnectWalletEnd) === null || _hooks$onConnectWalle2 === void 0 || _hooks$onConnectWalle2.call(hooks);
-    };
-    var setSyncingStart = function setSyncingStart() {
-      var _hooks$onSyncWalletSt;
-      hooks === null || hooks === void 0 || (_hooks$onSyncWalletSt = hooks.onSyncWalletStart) === null || _hooks$onSyncWalletSt === void 0 || _hooks$onSyncWalletSt.call(hooks);
-    };
-    var setSyncingEnd = function setSyncingEnd() {
-      var _hooks$onSyncWalletEn;
-      hooks === null || hooks === void 0 || (_hooks$onSyncWalletEn = hooks.onSyncWalletEnd) === null || _hooks$onSyncWalletEn === void 0 || _hooks$onSyncWalletEn.call(hooks);
-    };
-    observer.addEventListener(_events.EWalletObserverEvents.CONNECT_WALLET_START, setConnectingStart);
-    observer.addEventListener(_events.EWalletObserverEvents.CONNECT_WALLET_END, setConnectingEnd);
-    observer.addEventListener(_events.EWalletObserverEvents.SYNCING_WALLET_START, setSyncingStart);
-    observer.addEventListener(_events.EWalletObserverEvents.SYNCING_WALLET_END, setSyncingEnd);
-    return function () {
-      observer.removeEventListener(_events.EWalletObserverEvents.CONNECT_WALLET_START, setConnectingStart);
-      observer.removeEventListener(_events.EWalletObserverEvents.CONNECT_WALLET_END, setConnectingEnd);
-      observer.removeEventListener(_events.EWalletObserverEvents.SYNCING_WALLET_START, setSyncingStart);
-      observer.removeEventListener(_events.EWalletObserverEvents.SYNCING_WALLET_END, setSyncingEnd);
-    };
-  }, [observer, hooks]);
-
-  /**
-   * Ensure the wallet syncs on connect and disconnect.
-   */
-  (0, _react.useEffect)(function () {
-    window.addEventListener("focus", state.syncWallet);
-    return function () {
-      window.addEventListener("focus", state.syncWallet);
-    };
-  }, [state.syncWallet]);
-};
-//# sourceMappingURL=useProviderEventListeners.js.map

package/dist/cjs/react-components/WalletObserverProvider/hooks/effects/useProviderEventListeners.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useProviderEventListeners.js","names":["_react","require","_events","useProviderEventListeners","exports","observer","state","hooks","useEffect","setConnectingStart","_hooks$onConnectWalle","onConnectWalletStart","call","setConnectingEnd","_hooks$onConnectWalle2","onConnectWalletEnd","setSyncingStart","_hooks$onSyncWalletSt","onSyncWalletStart","setSyncingEnd","_hooks$onSyncWalletEn","onSyncWalletEnd","addEventListener","EWalletObserverEvents","CONNECT_WALLET_START","CONNECT_WALLET_END","SYNCING_WALLET_START","SYNCING_WALLET_END","removeEventListener","window","syncWallet"],"sources":["../../../../../../src/react-components/WalletObserverProvider/hooks/effects/useProviderEventListeners.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { EWalletObserverEvents } from \"../../../../@types/events.js\";\nimport { WalletObserver } from \"../../../../classes/WalletObserver.class.js\";\nimport { TWalletProviderHooks } from \"../../../contexts/observer/index.js\";\nimport { useWalletObserverState } from \"../useWalletObserverState.js\";\n\n/**\n * Internal use only. This is run in every WalletObserverProvider\n * component on initial mount. It adds all relevant event listeners\n * to the WalletObserver class.\n *\n * @param observer\n * @param syncWallet\n * @param hooks\n */\nexport const useProviderEventListeners = (\n  observer: WalletObserver,\n  state: ReturnType<typeof useWalletObserverState>,\n  hooks?: TWalletProviderHooks\n) => {\n  /**\n   * Add user-defined hooks into the event stream.\n   */\n  useEffect(() => {\n    if (!hooks) {\n      return;\n    }\n\n    const setConnectingStart = () => {\n      hooks?.onConnectWalletStart?.();\n    };\n    const setConnectingEnd = () => {\n      hooks?.onConnectWalletEnd?.();\n    };\n    const setSyncingStart = () => {\n      hooks?.onSyncWalletStart?.();\n    };\n    const setSyncingEnd = () => {\n      hooks?.onSyncWalletEnd?.();\n    };\n\n    observer.addEventListener(\n      EWalletObserverEvents.CONNECT_WALLET_START,\n      setConnectingStart\n    );\n    observer.addEventListener(\n      EWalletObserverEvents.CONNECT_WALLET_END,\n      setConnectingEnd\n    );\n    observer.addEventListener(\n      EWalletObserverEvents.SYNCING_WALLET_START,\n      setSyncingStart\n    );\n    observer.addEventListener(\n      EWalletObserverEvents.SYNCING_WALLET_END,\n      setSyncingEnd\n    );\n\n    return () => {\n      observer.removeEventListener(\n        EWalletObserverEvents.CONNECT_WALLET_START,\n        setConnectingStart\n      );\n      observer.removeEventListener(\n        EWalletObserverEvents.CONNECT_WALLET_END,\n        setConnectingEnd\n      );\n      observer.removeEventListener(\n        EWalletObserverEvents.SYNCING_WALLET_START,\n        setSyncingStart\n      );\n      observer.removeEventListener(\n        EWalletObserverEvents.SYNCING_WALLET_END,\n        setSyncingEnd\n      );\n    };\n  }, [observer, hooks]);\n\n  /**\n   * Ensure the wallet syncs on connect and disconnect.\n   */\n  useEffect(() => {\n    window.addEventListener(\"focus\", state.syncWallet);\n\n    return () => {\n      window.addEventListener(\"focus\", state.syncWallet);\n    };\n  }, [state.syncWallet]);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAME,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,SAA5BA,yBAAyBA,CACpCE,QAAwB,EACxBC,KAAgD,EAChDC,KAA4B,EACzB;EACH;AACF;AACA;EACE,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,CAACD,KAAK,EAAE;MACV;IACF;IAEA,IAAME,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;MAAA,IAAAC,qBAAA;MAC/BH,KAAK,aAALA,KAAK,gBAAAG,qBAAA,GAALH,KAAK,CAAEI,oBAAoB,cAAAD,qBAAA,eAA3BA,qBAAA,CAAAE,IAAA,CAAAL,KAA8B,CAAC;IACjC,CAAC;IACD,IAAMM,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;MAAA,IAAAC,sBAAA;MAC7BP,KAAK,aAALA,KAAK,gBAAAO,sBAAA,GAALP,KAAK,CAAEQ,kBAAkB,cAAAD,sBAAA,eAAzBA,sBAAA,CAAAF,IAAA,CAAAL,KAA4B,CAAC;IAC/B,CAAC;IACD,IAAMS,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;MAAA,IAAAC,qBAAA;MAC5BV,KAAK,aAALA,KAAK,gBAAAU,qBAAA,GAALV,KAAK,CAAEW,iBAAiB,cAAAD,qBAAA,eAAxBA,qBAAA,CAAAL,IAAA,CAAAL,KAA2B,CAAC;IAC9B,CAAC;IACD,IAAMY,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;MAAA,IAAAC,qBAAA;MAC1Bb,KAAK,aAALA,KAAK,gBAAAa,qBAAA,GAALb,KAAK,CAAEc,eAAe,cAAAD,qBAAA,eAAtBA,qBAAA,CAAAR,IAAA,CAAAL,KAAyB,CAAC;IAC5B,CAAC;IAEDF,QAAQ,CAACiB,gBAAgB,CACvBC,6BAAqB,CAACC,oBAAoB,EAC1Cf,kBACF,CAAC;IACDJ,QAAQ,CAACiB,gBAAgB,CACvBC,6BAAqB,CAACE,kBAAkB,EACxCZ,gBACF,CAAC;IACDR,QAAQ,CAACiB,gBAAgB,CACvBC,6BAAqB,CAACG,oBAAoB,EAC1CV,eACF,CAAC;IACDX,QAAQ,CAACiB,gBAAgB,CACvBC,6BAAqB,CAACI,kBAAkB,EACxCR,aACF,CAAC;IAED,OAAO,YAAM;MACXd,QAAQ,CAACuB,mBAAmB,CAC1BL,6BAAqB,CAACC,oBAAoB,EAC1Cf,kBACF,CAAC;MACDJ,QAAQ,CAACuB,mBAAmB,CAC1BL,6BAAqB,CAACE,kBAAkB,EACxCZ,gBACF,CAAC;MACDR,QAAQ,CAACuB,mBAAmB,CAC1BL,6BAAqB,CAACG,oBAAoB,EAC1CV,eACF,CAAC;MACDX,QAAQ,CAACuB,mBAAmB,CAC1BL,6BAAqB,CAACI,kBAAkB,EACxCR,aACF,CAAC;IACH,CAAC;EACH,CAAC,EAAE,CAACd,QAAQ,EAAEE,KAAK,CAAC,CAAC;;EAErB;AACF;AACA;EACE,IAAAC,gBAAS,EAAC,YAAM;IACdqB,MAAM,CAACP,gBAAgB,CAAC,OAAO,EAAEhB,KAAK,CAACwB,UAAU,CAAC;IAElD,OAAO,YAAM;MACXD,MAAM,CAACP,gBAAgB,CAAC,OAAO,EAAEhB,KAAK,CAACwB,UAAU,CAAC;IACpD,CAAC;EACH,CAAC,EAAE,CAACxB,KAAK,CAACwB,UAAU,CAAC,CAAC;AACxB,CAAC","ignoreList":[]}

package/dist/esm/react-components/WalletObserverProvider/hooks/effects/useProviderEventListeners.js

@@ -1,54 +0,0 @@
-import { useEffect } from "react";
-import { EWalletObserverEvents } from "../../../../@types/events.js";
-/**
- * Internal use only. This is run in every WalletObserverProvider
- * component on initial mount. It adds all relevant event listeners
- * to the WalletObserver class.
- *
- * @param observer
- * @param syncWallet
- * @param hooks
- */
-export const useProviderEventListeners = (observer, state, hooks) => {
-  /**
-   * Add user-defined hooks into the event stream.
-   */
-  useEffect(() => {
-    if (!hooks) {
-      return;
-    }
-    const setConnectingStart = () => {
-      hooks?.onConnectWalletStart?.();
-    };
-    const setConnectingEnd = () => {
-      hooks?.onConnectWalletEnd?.();
-    };
-    const setSyncingStart = () => {
-      hooks?.onSyncWalletStart?.();
-    };
-    const setSyncingEnd = () => {
-      hooks?.onSyncWalletEnd?.();
-    };
-    observer.addEventListener(EWalletObserverEvents.CONNECT_WALLET_START, setConnectingStart);
-    observer.addEventListener(EWalletObserverEvents.CONNECT_WALLET_END, setConnectingEnd);
-    observer.addEventListener(EWalletObserverEvents.SYNCING_WALLET_START, setSyncingStart);
-    observer.addEventListener(EWalletObserverEvents.SYNCING_WALLET_END, setSyncingEnd);
-    return () => {
-      observer.removeEventListener(EWalletObserverEvents.CONNECT_WALLET_START, setConnectingStart);
-      observer.removeEventListener(EWalletObserverEvents.CONNECT_WALLET_END, setConnectingEnd);
-      observer.removeEventListener(EWalletObserverEvents.SYNCING_WALLET_START, setSyncingStart);
-      observer.removeEventListener(EWalletObserverEvents.SYNCING_WALLET_END, setSyncingEnd);
-    };
-  }, [observer, hooks]);
-
-  /**
-   * Ensure the wallet syncs on connect and disconnect.
-   */
-  useEffect(() => {
-    window.addEventListener("focus", state.syncWallet);
-    return () => {
-      window.addEventListener("focus", state.syncWallet);
-    };
-  }, [state.syncWallet]);
-};
-//# sourceMappingURL=useProviderEventListeners.js.map

package/dist/esm/react-components/WalletObserverProvider/hooks/effects/useProviderEventListeners.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useProviderEventListeners.js","names":["useEffect","EWalletObserverEvents","useProviderEventListeners","observer","state","hooks","setConnectingStart","onConnectWalletStart","setConnectingEnd","onConnectWalletEnd","setSyncingStart","onSyncWalletStart","setSyncingEnd","onSyncWalletEnd","addEventListener","CONNECT_WALLET_START","CONNECT_WALLET_END","SYNCING_WALLET_START","SYNCING_WALLET_END","removeEventListener","window","syncWallet"],"sources":["../../../../../../src/react-components/WalletObserverProvider/hooks/effects/useProviderEventListeners.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { EWalletObserverEvents } from \"../../../../@types/events.js\";\nimport { WalletObserver } from \"../../../../classes/WalletObserver.class.js\";\nimport { TWalletProviderHooks } from \"../../../contexts/observer/index.js\";\nimport { useWalletObserverState } from \"../useWalletObserverState.js\";\n\n/**\n * Internal use only. This is run in every WalletObserverProvider\n * component on initial mount. It adds all relevant event listeners\n * to the WalletObserver class.\n *\n * @param observer\n * @param syncWallet\n * @param hooks\n */\nexport const useProviderEventListeners = (\n  observer: WalletObserver,\n  state: ReturnType<typeof useWalletObserverState>,\n  hooks?: TWalletProviderHooks\n) => {\n  /**\n   * Add user-defined hooks into the event stream.\n   */\n  useEffect(() => {\n    if (!hooks) {\n      return;\n    }\n\n    const setConnectingStart = () => {\n      hooks?.onConnectWalletStart?.();\n    };\n    const setConnectingEnd = () => {\n      hooks?.onConnectWalletEnd?.();\n    };\n    const setSyncingStart = () => {\n      hooks?.onSyncWalletStart?.();\n    };\n    const setSyncingEnd = () => {\n      hooks?.onSyncWalletEnd?.();\n    };\n\n    observer.addEventListener(\n      EWalletObserverEvents.CONNECT_WALLET_START,\n      setConnectingStart\n    );\n    observer.addEventListener(\n      EWalletObserverEvents.CONNECT_WALLET_END,\n      setConnectingEnd\n    );\n    observer.addEventListener(\n      EWalletObserverEvents.SYNCING_WALLET_START,\n      setSyncingStart\n    );\n    observer.addEventListener(\n      EWalletObserverEvents.SYNCING_WALLET_END,\n      setSyncingEnd\n    );\n\n    return () => {\n      observer.removeEventListener(\n        EWalletObserverEvents.CONNECT_WALLET_START,\n        setConnectingStart\n      );\n      observer.removeEventListener(\n        EWalletObserverEvents.CONNECT_WALLET_END,\n        setConnectingEnd\n      );\n      observer.removeEventListener(\n        EWalletObserverEvents.SYNCING_WALLET_START,\n        setSyncingStart\n      );\n      observer.removeEventListener(\n        EWalletObserverEvents.SYNCING_WALLET_END,\n        setSyncingEnd\n      );\n    };\n  }, [observer, hooks]);\n\n  /**\n   * Ensure the wallet syncs on connect and disconnect.\n   */\n  useEffect(() => {\n    window.addEventListener(\"focus\", state.syncWallet);\n\n    return () => {\n      window.addEventListener(\"focus\", state.syncWallet);\n    };\n  }, [state.syncWallet]);\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SAASC,qBAAqB,QAAQ,8BAA8B;AAKpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAGA,CACvCC,QAAwB,EACxBC,KAAgD,EAChDC,KAA4B,KACzB;EACH;AACF;AACA;EACEL,SAAS,CAAC,MAAM;IACd,IAAI,CAACK,KAAK,EAAE;MACV;IACF;IAEA,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;MAC/BD,KAAK,EAAEE,oBAAoB,GAAG,CAAC;IACjC,CAAC;IACD,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;MAC7BH,KAAK,EAAEI,kBAAkB,GAAG,CAAC;IAC/B,CAAC;IACD,MAAMC,eAAe,GAAGA,CAAA,KAAM;MAC5BL,KAAK,EAAEM,iBAAiB,GAAG,CAAC;IAC9B,CAAC;IACD,MAAMC,aAAa,GAAGA,CAAA,KAAM;MAC1BP,KAAK,EAAEQ,eAAe,GAAG,CAAC;IAC5B,CAAC;IAEDV,QAAQ,CAACW,gBAAgB,CACvBb,qBAAqB,CAACc,oBAAoB,EAC1CT,kBACF,CAAC;IACDH,QAAQ,CAACW,gBAAgB,CACvBb,qBAAqB,CAACe,kBAAkB,EACxCR,gBACF,CAAC;IACDL,QAAQ,CAACW,gBAAgB,CACvBb,qBAAqB,CAACgB,oBAAoB,EAC1CP,eACF,CAAC;IACDP,QAAQ,CAACW,gBAAgB,CACvBb,qBAAqB,CAACiB,kBAAkB,EACxCN,aACF,CAAC;IAED,OAAO,MAAM;MACXT,QAAQ,CAACgB,mBAAmB,CAC1BlB,qBAAqB,CAACc,oBAAoB,EAC1CT,kBACF,CAAC;MACDH,QAAQ,CAACgB,mBAAmB,CAC1BlB,qBAAqB,CAACe,kBAAkB,EACxCR,gBACF,CAAC;MACDL,QAAQ,CAACgB,mBAAmB,CAC1BlB,qBAAqB,CAACgB,oBAAoB,EAC1CP,eACF,CAAC;MACDP,QAAQ,CAACgB,mBAAmB,CAC1BlB,qBAAqB,CAACiB,kBAAkB,EACxCN,aACF,CAAC;IACH,CAAC;EACH,CAAC,EAAE,CAACT,QAAQ,EAAEE,KAAK,CAAC,CAAC;;EAErB;AACF;AACA;EACEL,SAAS,CAAC,MAAM;IACdoB,MAAM,CAACN,gBAAgB,CAAC,OAAO,EAAEV,KAAK,CAACiB,UAAU,CAAC;IAElD,OAAO,MAAM;MACXD,MAAM,CAACN,gBAAgB,CAAC,OAAO,EAAEV,KAAK,CAACiB,UAAU,CAAC;IACpD,CAAC;EACH,CAAC,EAAE,CAACjB,KAAK,CAACiB,UAAU,CAAC,CAAC;AACxB,CAAC","ignoreList":[]}

package/dist/types/react-components/WalletObserverProvider/hooks/effects/useProviderEventListeners.d.ts

@@ -1,14 +0,0 @@
-import { WalletObserver } from "../../../../classes/WalletObserver.class.js";
-import { TWalletProviderHooks } from "../../../contexts/observer/index.js";
-import { useWalletObserverState } from "../useWalletObserverState.js";
-/**
- * Internal use only. This is run in every WalletObserverProvider
- * component on initial mount. It adds all relevant event listeners
- * to the WalletObserver class.
- *
- * @param observer
- * @param syncWallet
- * @param hooks
- */
-export declare const useProviderEventListeners: (observer: WalletObserver, state: ReturnType<typeof useWalletObserverState>, hooks?: TWalletProviderHooks) => void;
-//# sourceMappingURL=useProviderEventListeners.d.ts.map

package/dist/types/react-components/WalletObserverProvider/hooks/effects/useProviderEventListeners.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useProviderEventListeners.d.ts","sourceRoot":"","sources":["../../../../../../src/react-components/WalletObserverProvider/hooks/effects/useProviderEventListeners.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,aAC1B,cAAc,SACjB,WAAW,6BAA6B,CAAC,UACxC,oBAAoB,SAsE7B,CAAC"}