@w3ux/react-connect-kit 3.6.3 → 3.6.5

package/index.cjs

@@ -60,7 +60,6 @@ var ExtensionsConnectProvider = ({
   const extensionInstalled = (id) => (0, import_observables_connect.getStatus)(id) !== void 0;
   const extensionCanConnect = (id) => (0, import_observables_connect.canConnect)(id);
   (0, import_react.useEffect)(() => {
-    console.log("getting extensions");
     (0, import_extensions.getExtensions)();
     const sub = (0, import_rxjs.combineLatest)([
       import_observables_connect.gettingExtensions$,
@@ -272,3 +271,4 @@ var HardwareAccountsProvider = ({
 });
 /* @license Copyright 2024 w3ux authors & contributors
 SPDX-License-Identifier: GPL-3.0-only */
+//# sourceMappingURL=index.cjs.map

package/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx","../src/Extensions/Accounts.tsx","../src/Extensions/Connect.tsx","../src/Extensions/Provider.tsx","../src/Hardware/index.tsx"],"sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nexport * from './Extensions'\nexport * from './Hardware'\n","/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport { createSafeContext } from '@w3ux/hooks'\nimport {\n  extensionAccounts$,\n  getReconnectSync,\n  initialisedExtensions$,\n  reconnectSync$,\n  resetAccounts,\n} from '@w3ux/observables-connect'\nimport { unsubAll } from '@w3ux/observables-connect/accounts'\nimport {\n  connectExtension as doConnectExtension,\n  reconnectExtensions,\n} from '@w3ux/observables-connect/extensions'\nimport type { Account, ExtensionAccount, Sync } from '@w3ux/types'\nimport { formatAccountSs58 } from '@w3ux/utils'\nimport { useEffect, useState } from 'react'\nimport { combineLatest } from 'rxjs'\nimport { useExtensions } from './Connect'\nimport type {\n  ExtensionAccountsContextInterface,\n  ExtensionsProviderProps,\n} from './types'\n\nexport const [ExtensionAccountsContext, useExtensionAccounts] =\n  createSafeContext<ExtensionAccountsContextInterface>()\n\nexport const ExtensionAccountsProvider = ({\n  children,\n  ss58,\n  dappName,\n}: ExtensionsProviderProps) => {\n  const { gettingExtensions } = useExtensions()\n\n  // Store connected extension accounts\n  const [extensionAccounts, setExtensionAccounts] = useState<Account[]>([])\n  // Stores initialised extensions\n  const [extensionsInitialised, setExtensionsInitialised] = useState<string[]>(\n    []\n  )\n  // Store whether previously enabled extensions have been re-connected\n  const [extensionsSynced, setExtensionsSynced] =\n    useState<Sync>(getReconnectSync())\n\n  // Handle initial connection to previously enabled extensions\n  const handleInitialConnect = async () => {\n    if (!gettingExtensions && extensionsSynced === 'unsynced') {\n      // Defensive: unsubscribe from all accounts and reset state\n      unsubAll()\n      resetAccounts()\n      await reconnectExtensions(dappName, ss58)\n    }\n  }\n\n  // Connects to a single extension and processes its accounts\n  const connectExtension = async (id: string): Promise<boolean> =>\n    await doConnectExtension(dappName, ss58, id)\n\n  // Get extension accounts, formatted by a provided ss58 prefix\n  const getExtensionAccounts = (ss58Prefix: number) =>\n    extensionAccounts\n      .map((account) => {\n        const formattedAddress = formatAccountSs58(account.address, ss58Prefix)\n        if (!formattedAddress) {\n          return null\n        }\n        return {\n          ...account,\n          address: formattedAddress,\n        }\n      })\n      .filter((account) => account !== null)\n\n  // Get an imported extension account\n  const getExtensionAccount = (\n    address: string\n  ): ExtensionAccount | undefined => {\n    const account = extensionAccounts.find(\n      (item) =>\n        formatAccountSs58(item.address, 0) === formatAccountSs58(address, 0)\n    )\n    return account ? { ...account, address } : undefined\n  }\n\n  // Initialise extension accounts sync\n  useEffect(() => {\n    handleInitialConnect()\n    return () => unsubAll()\n  }, [gettingExtensions])\n\n  // Subscribes to observables and updates state\n  useEffect(() => {\n    const sub = combineLatest([\n      initialisedExtensions$,\n      extensionAccounts$,\n      reconnectSync$,\n    ]).subscribe(([initialised, accounts, sync]) => {\n      setExtensionsInitialised(initialised)\n      setExtensionAccounts(accounts)\n      setExtensionsSynced(sync)\n    })\n    return () => {\n      sub.unsubscribe()\n    }\n  }, [])\n\n  return (\n    <ExtensionAccountsContext.Provider\n      value={{\n        extensionsInitialised,\n        connectExtension,\n        extensionsSynced,\n        getExtensionAccount,\n        getExtensionAccounts,\n      }}\n    >\n      {children}\n    </ExtensionAccountsContext.Provider>\n  )\n}\n","/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport { createSafeContext } from '@w3ux/hooks'\nimport {\n  canConnect,\n  extensionsStatus$,\n  getStatus,\n  gettingExtensions$,\n  removeStatus,\n  setStatus,\n} from '@w3ux/observables-connect'\nimport { getExtensions } from '@w3ux/observables-connect/extensions'\nimport type { ExtensionsStatus, ExtensionStatus } from '@w3ux/types'\nimport { type ReactNode, useEffect, useState } from 'react'\nimport { combineLatest } from 'rxjs'\nimport type { ExtensionsConnectContextInterface } from './types'\n\nexport const [ExtensionsConnectContext, useExtensions] =\n  createSafeContext<ExtensionsConnectContextInterface>()\n\nexport const ExtensionsConnectProvider = ({\n  children,\n}: {\n  children: ReactNode\n}) => {\n  // Store whether extensions are being fetched\n  const [gettingExtensions, setGettingExtensions] = useState<boolean>(true)\n\n  // Store discovered extensions along with their status\n  const [extensionsStatus, setExtensionsStatus] = useState<ExtensionsStatus>({})\n\n  // Setter for an extension status\n  const setExtensionStatus = (id: string, status: ExtensionStatus) => {\n    setStatus(id, status)\n  }\n\n  // Removes an extension status\n  const removeExtensionStatus = (id: string) => {\n    removeStatus(id)\n  }\n\n  // Checks if an extension has been installed\n  const extensionInstalled = (id: string): boolean =>\n    getStatus(id) !== undefined\n\n  // Checks whether an extension can be connected to\n  const extensionCanConnect = (id: string): boolean => canConnect(id)\n\n  // Subscribes to observables and updates state\n  useEffect(() => {\n    getExtensions()\n    const sub = combineLatest([\n      gettingExtensions$,\n      extensionsStatus$,\n    ]).subscribe(([getting, status]) => {\n      setGettingExtensions(getting)\n      setExtensionsStatus(status)\n    })\n    return () => {\n      sub.unsubscribe()\n    }\n  }, [])\n\n  return (\n    <ExtensionsConnectContext.Provider\n      value={{\n        extensionsStatus,\n        gettingExtensions,\n        setExtensionStatus,\n        removeExtensionStatus,\n        extensionInstalled,\n        extensionCanConnect,\n      }}\n    >\n      {children}\n    </ExtensionsConnectContext.Provider>\n  )\n}\n","/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport { ExtensionAccountsProvider } from './Accounts'\nimport { ExtensionsConnectProvider } from './Connect'\nimport type { ExtensionsProviderProps } from './types'\n\nexport const ExtensionsProvider = ({\n  ss58,\n  dappName,\n  children,\n}: ExtensionsProviderProps) => (\n  <ExtensionsConnectProvider>\n    <ExtensionAccountsProvider ss58={ss58} dappName={dappName}>\n      {children}\n    </ExtensionAccountsProvider>\n  </ExtensionsConnectProvider>\n)\n","/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport { createSafeContext } from '@w3ux/hooks'\nimport {\n  getHardwareAccountsLocal,\n  hardwareAccounts$,\n  HardwareAccountsKey,\n  setHardwareAccounts,\n} from '@w3ux/observables-connect'\nimport type { HardwareAccount, HardwareAccountSource } from '@w3ux/types'\nimport { ellipsisFn } from '@w3ux/utils'\nimport type { ReactNode } from 'react'\nimport { useEffect, useState } from 'react'\nimport type { HardwareAccountsContextInterface } from './types'\n\nexport const [HardwareAccountsContext, useHardwareAccounts] =\n  createSafeContext<HardwareAccountsContextInterface>()\n\nexport const HardwareAccountsProvider = ({\n  children,\n}: {\n  children: ReactNode\n}) => {\n  // Store imported hardware accounts\n  const [hardwareAccounts, setHardwareAccountsState] = useState<\n    HardwareAccount[]\n  >(getHardwareAccountsLocal())\n\n  // Check if an account exists\n  const hardwareAccountExists = (\n    source: HardwareAccountSource,\n    network: string,\n    address: string\n  ) =>\n    !!hardwareAccounts.find(\n      (a) =>\n        a.source === source && a.address === address && a.network === network\n    )\n\n  // Adds an account\n  const addHardwareAccount = (\n    source: HardwareAccountSource,\n    network: string,\n    address: string,\n    index: number,\n    callback?: () => void\n  ) => {\n    if (!hardwareAccountExists(source, network, address)) {\n      const newAccount: HardwareAccount = {\n        address,\n        network,\n        name: ellipsisFn(address),\n        source,\n        index,\n      }\n      const newHardwareAccounts = [...hardwareAccounts].concat(newAccount)\n      localStorage.setItem(\n        HardwareAccountsKey,\n        JSON.stringify(newHardwareAccounts)\n      )\n      setHardwareAccounts(newHardwareAccounts)\n      // Handle optional callback function\n      if (typeof callback === 'function') {\n        callback()\n      }\n      return newAccount\n    }\n    return null\n  }\n\n  // Removes an account\n  const removeHardwareAccount = (\n    source: HardwareAccountSource,\n    network: string,\n    address: string,\n    callback?: () => void\n  ) => {\n    const newHardwareAccounts = [...hardwareAccounts].filter(\n      (a) =>\n        !(a.source === source && a.address === address && a.network === network)\n    )\n\n    if (!newHardwareAccounts.length) {\n      localStorage.removeItem(HardwareAccountsKey)\n    } else {\n      localStorage.setItem(\n        HardwareAccountsKey,\n        JSON.stringify(newHardwareAccounts)\n      )\n    }\n    setHardwareAccounts(newHardwareAccounts)\n    // Handle optional callback function\n    if (typeof callback === 'function') {\n      callback()\n    }\n  }\n\n  // Renames an imported account\n  const renameHardwareAccount = (\n    source: HardwareAccountSource,\n    network: string,\n    address: string,\n    newName: string\n  ) => {\n    const newHardwareAccounts = [...hardwareAccounts].map((a) =>\n      a.source === source && a.network === network && a.address === address\n        ? {\n            ...a,\n            name: newName,\n          }\n        : a\n    )\n    localStorage.setItem(\n      HardwareAccountsKey,\n      JSON.stringify(newHardwareAccounts)\n    )\n    setHardwareAccounts(newHardwareAccounts)\n  }\n\n  // Gets an imported account\n  const getHardwareAccount = (\n    source: HardwareAccountSource,\n    network: string,\n    address: string\n  ) =>\n    hardwareAccounts.find(\n      (a) =>\n        a.source === source && a.network === network && a.address === address\n    ) || null\n\n  // Gets all accounts for a network and source\n  const getHardwareAccounts = (\n    source: HardwareAccountSource,\n    network: string\n  ) =>\n    hardwareAccounts.filter((a) => a.source === source && a.network === network)\n\n  // Subscribes to observables and updates state\n  useEffect(() => {\n    const sub = hardwareAccounts$.subscribe((accounts) => {\n      setHardwareAccountsState(accounts)\n    })\n    return () => {\n      sub.unsubscribe()\n    }\n  }, [])\n\n  return (\n    <HardwareAccountsContext.Provider\n      value={{\n        hardwareAccountExists,\n        getHardwareAccount,\n        addHardwareAccount,\n        removeHardwareAccount,\n        renameHardwareAccount,\n        getHardwareAccounts,\n      }}\n    >\n      {children}\n    </HardwareAccountsContext.Provider>\n  )\n}\n"],"mappings":"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","names":["import_hooks","import_observables_connect","import_extensions","import_react","import_rxjs","import_jsx_runtime","doConnectExtension","import_jsx_runtime","import_hooks","import_observables_connect","import_utils","import_react","import_jsx_runtime"]}

package/index.js

@@ -45,7 +45,6 @@ var ExtensionsConnectProvider = ({
   const extensionInstalled = (id) => getStatus(id) !== void 0;
   const extensionCanConnect = (id) => canConnect(id);
   useEffect(() => {
-    console.log("getting extensions");
     getExtensions();
     const sub = combineLatest([
       gettingExtensions$,
@@ -261,3 +260,4 @@ export {
 };
 /* @license Copyright 2024 w3ux authors & contributors
 SPDX-License-Identifier: GPL-3.0-only */
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Extensions/Accounts.tsx","../src/Extensions/Connect.tsx","../src/Extensions/Provider.tsx","../src/Hardware/index.tsx"],"sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport { createSafeContext } from '@w3ux/hooks'\nimport {\n  extensionAccounts$,\n  getReconnectSync,\n  initialisedExtensions$,\n  reconnectSync$,\n  resetAccounts,\n} from '@w3ux/observables-connect'\nimport { unsubAll } from '@w3ux/observables-connect/accounts'\nimport {\n  connectExtension as doConnectExtension,\n  reconnectExtensions,\n} from '@w3ux/observables-connect/extensions'\nimport type { Account, ExtensionAccount, Sync } from '@w3ux/types'\nimport { formatAccountSs58 } from '@w3ux/utils'\nimport { useEffect, useState } from 'react'\nimport { combineLatest } from 'rxjs'\nimport { useExtensions } from './Connect'\nimport type {\n  ExtensionAccountsContextInterface,\n  ExtensionsProviderProps,\n} from './types'\n\nexport const [ExtensionAccountsContext, useExtensionAccounts] =\n  createSafeContext<ExtensionAccountsContextInterface>()\n\nexport const ExtensionAccountsProvider = ({\n  children,\n  ss58,\n  dappName,\n}: ExtensionsProviderProps) => {\n  const { gettingExtensions } = useExtensions()\n\n  // Store connected extension accounts\n  const [extensionAccounts, setExtensionAccounts] = useState<Account[]>([])\n  // Stores initialised extensions\n  const [extensionsInitialised, setExtensionsInitialised] = useState<string[]>(\n    []\n  )\n  // Store whether previously enabled extensions have been re-connected\n  const [extensionsSynced, setExtensionsSynced] =\n    useState<Sync>(getReconnectSync())\n\n  // Handle initial connection to previously enabled extensions\n  const handleInitialConnect = async () => {\n    if (!gettingExtensions && extensionsSynced === 'unsynced') {\n      // Defensive: unsubscribe from all accounts and reset state\n      unsubAll()\n      resetAccounts()\n      await reconnectExtensions(dappName, ss58)\n    }\n  }\n\n  // Connects to a single extension and processes its accounts\n  const connectExtension = async (id: string): Promise<boolean> =>\n    await doConnectExtension(dappName, ss58, id)\n\n  // Get extension accounts, formatted by a provided ss58 prefix\n  const getExtensionAccounts = (ss58Prefix: number) =>\n    extensionAccounts\n      .map((account) => {\n        const formattedAddress = formatAccountSs58(account.address, ss58Prefix)\n        if (!formattedAddress) {\n          return null\n        }\n        return {\n          ...account,\n          address: formattedAddress,\n        }\n      })\n      .filter((account) => account !== null)\n\n  // Get an imported extension account\n  const getExtensionAccount = (\n    address: string\n  ): ExtensionAccount | undefined => {\n    const account = extensionAccounts.find(\n      (item) =>\n        formatAccountSs58(item.address, 0) === formatAccountSs58(address, 0)\n    )\n    return account ? { ...account, address } : undefined\n  }\n\n  // Initialise extension accounts sync\n  useEffect(() => {\n    handleInitialConnect()\n    return () => unsubAll()\n  }, [gettingExtensions])\n\n  // Subscribes to observables and updates state\n  useEffect(() => {\n    const sub = combineLatest([\n      initialisedExtensions$,\n      extensionAccounts$,\n      reconnectSync$,\n    ]).subscribe(([initialised, accounts, sync]) => {\n      setExtensionsInitialised(initialised)\n      setExtensionAccounts(accounts)\n      setExtensionsSynced(sync)\n    })\n    return () => {\n      sub.unsubscribe()\n    }\n  }, [])\n\n  return (\n    <ExtensionAccountsContext.Provider\n      value={{\n        extensionsInitialised,\n        connectExtension,\n        extensionsSynced,\n        getExtensionAccount,\n        getExtensionAccounts,\n      }}\n    >\n      {children}\n    </ExtensionAccountsContext.Provider>\n  )\n}\n","/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport { createSafeContext } from '@w3ux/hooks'\nimport {\n  canConnect,\n  extensionsStatus$,\n  getStatus,\n  gettingExtensions$,\n  removeStatus,\n  setStatus,\n} from '@w3ux/observables-connect'\nimport { getExtensions } from '@w3ux/observables-connect/extensions'\nimport type { ExtensionsStatus, ExtensionStatus } from '@w3ux/types'\nimport { type ReactNode, useEffect, useState } from 'react'\nimport { combineLatest } from 'rxjs'\nimport type { ExtensionsConnectContextInterface } from './types'\n\nexport const [ExtensionsConnectContext, useExtensions] =\n  createSafeContext<ExtensionsConnectContextInterface>()\n\nexport const ExtensionsConnectProvider = ({\n  children,\n}: {\n  children: ReactNode\n}) => {\n  // Store whether extensions are being fetched\n  const [gettingExtensions, setGettingExtensions] = useState<boolean>(true)\n\n  // Store discovered extensions along with their status\n  const [extensionsStatus, setExtensionsStatus] = useState<ExtensionsStatus>({})\n\n  // Setter for an extension status\n  const setExtensionStatus = (id: string, status: ExtensionStatus) => {\n    setStatus(id, status)\n  }\n\n  // Removes an extension status\n  const removeExtensionStatus = (id: string) => {\n    removeStatus(id)\n  }\n\n  // Checks if an extension has been installed\n  const extensionInstalled = (id: string): boolean =>\n    getStatus(id) !== undefined\n\n  // Checks whether an extension can be connected to\n  const extensionCanConnect = (id: string): boolean => canConnect(id)\n\n  // Subscribes to observables and updates state\n  useEffect(() => {\n    getExtensions()\n    const sub = combineLatest([\n      gettingExtensions$,\n      extensionsStatus$,\n    ]).subscribe(([getting, status]) => {\n      setGettingExtensions(getting)\n      setExtensionsStatus(status)\n    })\n    return () => {\n      sub.unsubscribe()\n    }\n  }, [])\n\n  return (\n    <ExtensionsConnectContext.Provider\n      value={{\n        extensionsStatus,\n        gettingExtensions,\n        setExtensionStatus,\n        removeExtensionStatus,\n        extensionInstalled,\n        extensionCanConnect,\n      }}\n    >\n      {children}\n    </ExtensionsConnectContext.Provider>\n  )\n}\n","/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport { ExtensionAccountsProvider } from './Accounts'\nimport { ExtensionsConnectProvider } from './Connect'\nimport type { ExtensionsProviderProps } from './types'\n\nexport const ExtensionsProvider = ({\n  ss58,\n  dappName,\n  children,\n}: ExtensionsProviderProps) => (\n  <ExtensionsConnectProvider>\n    <ExtensionAccountsProvider ss58={ss58} dappName={dappName}>\n      {children}\n    </ExtensionAccountsProvider>\n  </ExtensionsConnectProvider>\n)\n","/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport { createSafeContext } from '@w3ux/hooks'\nimport {\n  getHardwareAccountsLocal,\n  hardwareAccounts$,\n  HardwareAccountsKey,\n  setHardwareAccounts,\n} from '@w3ux/observables-connect'\nimport type { HardwareAccount, HardwareAccountSource } from '@w3ux/types'\nimport { ellipsisFn } from '@w3ux/utils'\nimport type { ReactNode } from 'react'\nimport { useEffect, useState } from 'react'\nimport type { HardwareAccountsContextInterface } from './types'\n\nexport const [HardwareAccountsContext, useHardwareAccounts] =\n  createSafeContext<HardwareAccountsContextInterface>()\n\nexport const HardwareAccountsProvider = ({\n  children,\n}: {\n  children: ReactNode\n}) => {\n  // Store imported hardware accounts\n  const [hardwareAccounts, setHardwareAccountsState] = useState<\n    HardwareAccount[]\n  >(getHardwareAccountsLocal())\n\n  // Check if an account exists\n  const hardwareAccountExists = (\n    source: HardwareAccountSource,\n    network: string,\n    address: string\n  ) =>\n    !!hardwareAccounts.find(\n      (a) =>\n        a.source === source && a.address === address && a.network === network\n    )\n\n  // Adds an account\n  const addHardwareAccount = (\n    source: HardwareAccountSource,\n    network: string,\n    address: string,\n    index: number,\n    callback?: () => void\n  ) => {\n    if (!hardwareAccountExists(source, network, address)) {\n      const newAccount: HardwareAccount = {\n        address,\n        network,\n        name: ellipsisFn(address),\n        source,\n        index,\n      }\n      const newHardwareAccounts = [...hardwareAccounts].concat(newAccount)\n      localStorage.setItem(\n        HardwareAccountsKey,\n        JSON.stringify(newHardwareAccounts)\n      )\n      setHardwareAccounts(newHardwareAccounts)\n      // Handle optional callback function\n      if (typeof callback === 'function') {\n        callback()\n      }\n      return newAccount\n    }\n    return null\n  }\n\n  // Removes an account\n  const removeHardwareAccount = (\n    source: HardwareAccountSource,\n    network: string,\n    address: string,\n    callback?: () => void\n  ) => {\n    const newHardwareAccounts = [...hardwareAccounts].filter(\n      (a) =>\n        !(a.source === source && a.address === address && a.network === network)\n    )\n\n    if (!newHardwareAccounts.length) {\n      localStorage.removeItem(HardwareAccountsKey)\n    } else {\n      localStorage.setItem(\n        HardwareAccountsKey,\n        JSON.stringify(newHardwareAccounts)\n      )\n    }\n    setHardwareAccounts(newHardwareAccounts)\n    // Handle optional callback function\n    if (typeof callback === 'function') {\n      callback()\n    }\n  }\n\n  // Renames an imported account\n  const renameHardwareAccount = (\n    source: HardwareAccountSource,\n    network: string,\n    address: string,\n    newName: string\n  ) => {\n    const newHardwareAccounts = [...hardwareAccounts].map((a) =>\n      a.source === source && a.network === network && a.address === address\n        ? {\n            ...a,\n            name: newName,\n          }\n        : a\n    )\n    localStorage.setItem(\n      HardwareAccountsKey,\n      JSON.stringify(newHardwareAccounts)\n    )\n    setHardwareAccounts(newHardwareAccounts)\n  }\n\n  // Gets an imported account\n  const getHardwareAccount = (\n    source: HardwareAccountSource,\n    network: string,\n    address: string\n  ) =>\n    hardwareAccounts.find(\n      (a) =>\n        a.source === source && a.network === network && a.address === address\n    ) || null\n\n  // Gets all accounts for a network and source\n  const getHardwareAccounts = (\n    source: HardwareAccountSource,\n    network: string\n  ) =>\n    hardwareAccounts.filter((a) => a.source === source && a.network === network)\n\n  // Subscribes to observables and updates state\n  useEffect(() => {\n    const sub = hardwareAccounts$.subscribe((accounts) => {\n      setHardwareAccountsState(accounts)\n    })\n    return () => {\n      sub.unsubscribe()\n    }\n  }, [])\n\n  return (\n    <HardwareAccountsContext.Provider\n      value={{\n        hardwareAccountExists,\n        getHardwareAccount,\n        addHardwareAccount,\n        removeHardwareAccount,\n        renameHardwareAccount,\n        getHardwareAccounts,\n      }}\n    >\n      {children}\n    </HardwareAccountsContext.Provider>\n  )\n}\n"],"mappings":"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","names":["createSafeContext","useEffect","useState","combineLatest","jsx","createSafeContext","useState","useEffect","combineLatest","jsx","createSafeContext","useEffect","useState","jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@w3ux/react-connect-kit",
-  "version": "3.6.3",
+  "version": "3.6.5",
   "license": "GPL-3.0-only",
   "type": "module",
   "description": "Providers and hooks for connecting to web3 wallets and interacting with accounts",
@@ -30,13 +30,11 @@
     }
   },
   "dependencies": {
-    "@w3ux/hooks": "^2.3.2",
-    "@w3ux/observables-connect": "^0.10.1",
-    "@w3ux/utils": "^2.2.0",
-    "rxjs": "^7.8.2"
+    "@w3ux/hooks": "^2.3.4",
+    "@w3ux/observables-connect": "^0.10.2",
+    "@w3ux/utils": "^2.2.1"
   },
   "peerDependencies": {
-    "@w3ux/observables-connect": "^0.10.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "rxjs": "^7.8.2"