@w3ux/react-connect-kit 3.2.18 → 3.2.20

package/ExtensionAccountsProvider/index.d.ts

@@ -1,3 +1,3 @@
 import type { ExtensionAccountsContextInterface, ExtensionAccountsProviderProps } from './types';
 export declare const ExtensionAccountsContext: import("react").Context<ExtensionAccountsContextInterface>, useExtensionAccounts: () => ExtensionAccountsContextInterface;
-export declare const ExtensionAccountsProvider: ({ children, ss58, dappName, onExtensionEnabled, }: ExtensionAccountsProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExtensionAccountsProvider: ({ children, ss58, dappName, }: ExtensionAccountsProviderProps) => import("react/jsx-runtime").JSX.Element;

package/ExtensionAccountsProvider/index.js

@@ -1,82 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createSafeContext, useEffectIgnoreInitial } from '@w3ux/hooks';
-import { accounts$, addUnsub, getAccountsFromExtensions, processExtensionAccounts, resetAccounts, unsubAll, updateAccounts, } from '@w3ux/observables-connect/accounts';
-import { connectExtensions, getActiveExtensionsLocal, initialisedExtensions$, } from '@w3ux/observables-connect/extensions';
+import { createSafeContext } from '@w3ux/hooks';
+import { accounts$, connectExtension as doConnectExtension, getReconnectSync, reconnectExtensions, reconnectSync$, resetAccounts, unsubAll, } from '@w3ux/observables-connect/accounts';
+import { initialisedExtensions$ } from '@w3ux/observables-connect/extensions';
 import { formatAccountSs58 } from '@w3ux/utils';
 import { useEffect, useState } from 'react';
 import { combineLatest } from 'rxjs';
 import { useExtensions } from '../ExtensionsProvider';
 export const [ExtensionAccountsContext, useExtensionAccounts] = createSafeContext();
-export const ExtensionAccountsProvider = ({ children, ss58, dappName, onExtensionEnabled, }) => {
-    const { extensionsStatus, gettingExtensions, extensionHasFeature, extensionCanConnect, } = useExtensions();
+export const ExtensionAccountsProvider = ({ children, ss58, dappName, }) => {
+    const { gettingExtensions } = useExtensions();
     const [extensionAccounts, setExtensionAccounts] = useState([]);
     const [extensionsInitialised, setExtensionsInitialised] = useState([]);
-    const [extensionAccountsSynced, setExtensionAccountsSynced] = useState('unsynced');
-    const maybeOnExtensionEnabled = (id) => {
-        if (typeof onExtensionEnabled === 'function') {
-            onExtensionEnabled(id);
-        }
-    };
-    const connectEnabledExtensions = async () => {
-        const { connected } = await connectExtensions(dappName, getActiveExtensionsLocal());
-        if (connected.size === 0) {
-            return;
-        }
-        updateAccounts({
-            add: await getAccountsFromExtensions(connected, ss58),
-            remove: [],
-        });
-        for (const [id, { extension }] of Array.from(connected.entries())) {
-            if (extensionHasFeature(id, 'subscribeAccounts')) {
-                const unsub = extension.accounts.subscribe((accounts) => {
-                    processExtensionAccounts({
-                        source: id,
-                        ss58,
-                    }, extension.signer, accounts);
-                });
-                addUnsub(id, unsub);
-            }
-        }
-    };
-    const connectExtension = async (id) => {
-        if (extensionCanConnect(id)) {
-            const { connected } = await connectExtensions(dappName, [id]);
-            if (connected.size === 0) {
-                return;
-            }
-            const { extension } = connected.get(id);
-            maybeOnExtensionEnabled(id);
-            if (!extensionHasFeature(id, 'subscribeAccounts')) {
-                const accounts = await extension.accounts.get();
-                processExtensionAccounts({
-                    source: id,
-                    ss58,
-                }, extension.signer, accounts);
-            }
-            else {
-                const unsub = extension.accounts.subscribe((accounts) => {
-                    processExtensionAccounts({
-                        source: id,
-                        ss58,
-                    }, extension.signer, accounts);
-                });
-                addUnsub(id, unsub);
-            }
-            return true;
-        }
-        return false;
-    };
-    const handleSyncExtensionAccounts = async () => {
-        if (!gettingExtensions && extensionAccountsSynced === 'unsynced') {
+    const [extensionsSynced, setExtensionsSynced] = useState('unsynced');
+    const handleInitialConnect = async () => {
+        if (!gettingExtensions && getReconnectSync() === 'unsynced') {
             unsubAll();
             resetAccounts();
-            if (Object.keys(extensionsStatus).length) {
-                setExtensionAccountsSynced('syncing');
-                await connectEnabledExtensions();
-            }
-            setExtensionAccountsSynced('synced');
+            await reconnectExtensions(dappName, ss58);
         }
     };
+    const connectExtension = async (id) => await doConnectExtension(dappName, ss58, id);
     const getExtensionAccounts = (ss58Prefix) => extensionAccounts
         .map((account) => {
         const formattedAddress = formatAccountSs58(account.address, ss58Prefix);
@@ -90,27 +33,27 @@ export const ExtensionAccountsProvider = ({ children, ss58, dappName, onExtensio
     })
         .filter((account) => account !== null);
     useEffect(() => {
-        handleSyncExtensionAccounts();
+        handleInitialConnect();
         return () => unsubAll();
-    }, [extensionsStatus, gettingExtensions, extensionAccountsSynced]);
-    useEffectIgnoreInitial(() => {
-        if (!gettingExtensions &&
-            extensionsInitialised.length === Object.keys(extensionsStatus).length) {
-            setExtensionAccountsSynced('synced');
-        }
-    }, [gettingExtensions, extensionsInitialised]);
+    }, [gettingExtensions]);
     useEffect(() => {
-        const sub = combineLatest([initialisedExtensions$, accounts$]).subscribe(([initialised, accounts]) => {
+        const sub = combineLatest([
+            initialisedExtensions$,
+            accounts$,
+            reconnectSync$,
+        ]).subscribe(([initialised, accounts, sync]) => {
             setExtensionsInitialised(initialised);
             setExtensionAccounts(accounts);
+            setExtensionsSynced(sync);
         });
         return () => {
             sub.unsubscribe();
         };
     }, []);
     return (_jsx(ExtensionAccountsContext.Provider, { value: {
+            extensionsInitialised,
             connectExtension,
-            extensionAccountsSynced,
+            extensionsSynced,
             getExtensionAccounts,
         }, children: children }));
 };

package/ExtensionAccountsProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ExtensionAccountsProvider/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AACvE,OAAO,EACL,SAAS,EACT,QAAQ,EACR,yBAAyB,EACzB,wBAAwB,EACxB,aAAa,EACb,QAAQ,EACR,cAAc,GACf,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,sCAAsC,CAAA;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,MAAM,CAAA;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAMrD,MAAM,CAAC,MAAM,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAC3D,iBAAiB,EAAqC,CAAA;AAExD,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,kBAAkB,GACa,EAAE,EAAE;IACnC,MAAM,EACJ,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,GACpB,GAAG,aAAa,EAAE,CAAA;IAGnB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CACxD,EAAE,CACH,CAAA;IAED,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAChE,EAAE,CACH,CAAA;IAID,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GACzD,QAAQ,CAAO,UAAU,CAAC,CAAA;IAG5B,MAAM,uBAAuB,GAAG,CAAC,EAAU,EAAE,EAAE;QAC7C,IAAI,OAAO,kBAAkB,KAAK,UAAU,EAAE,CAAC;YAC7C,kBAAkB,CAAC,EAAE,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,CAAA;IAID,MAAM,wBAAwB,GAAG,KAAK,IAAI,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,iBAAiB,CAC3C,QAAQ,EACR,wBAAwB,EAAE,CAC3B,CAAA;QACD,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YACzB,OAAM;QACR,CAAC;QAED,cAAc,CAAC;YACb,GAAG,EAAE,MAAM,yBAAyB,CAAC,SAAS,EAAE,IAAI,CAAC;YACrD,MAAM,EAAE,EAAE;SACX,CAAC,CAAA;QAGF,KAAK,MAAM,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC;YAElE,IAAI,mBAAmB,CAAC,EAAE,EAAE,mBAAmB,CAAC,EAAE,CAAC;gBACjD,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE;oBACtD,wBAAwB,CACtB;wBACE,MAAM,EAAE,EAAE;wBACV,IAAI;qBACL,EACD,SAAS,CAAC,MAAM,EAChB,QAAQ,CACT,CAAA;gBACH,CAAC,CAAC,CAAA;gBAEF,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;YACrB,CAAC;QACH,CAAC;IACH,CAAC,CAAA;IAGD,MAAM,gBAAgB,GAAG,KAAK,EAAE,EAAU,EAAoB,EAAE;QAC9D,IAAI,mBAAmB,CAAC,EAAE,CAAC,EAAE,CAAC;YAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,iBAAiB,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;YAC7D,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;gBACzB,OAAM;YACR,CAAC;YACD,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YAGvC,uBAAuB,CAAC,EAAE,CAAC,CAAA;YAG3B,IAAI,CAAC,mBAAmB,CAAC,EAAE,EAAE,mBAAmB,CAAC,EAAE,CAAC;gBAClD,MAAM,QAAQ,GAAG,MAAM,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAA;gBAC/C,wBAAwB,CACtB;oBACE,MAAM,EAAE,EAAE;oBACV,IAAI;iBACL,EACD,SAAS,CAAC,MAAM,EAChB,QAAQ,CACT,CAAA;YACH,CAAC;iBAAM,CAAC;gBACN,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE;oBACtD,wBAAwB,CACtB;wBACE,MAAM,EAAE,EAAE;wBACV,IAAI;qBACL,EACD,SAAS,CAAC,MAAM,EAChB,QAAQ,CACT,CAAA;gBACH,CAAC,CAAC,CAAA;gBACF,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;YACrB,CAAC;YACD,OAAO,IAAI,CAAA;QACb,CAAC;QACD,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,MAAM,2BAA2B,GAAG,KAAK,IAAI,EAAE;QAC7C,IAAI,CAAC,iBAAiB,IAAI,uBAAuB,KAAK,UAAU,EAAE,CAAC;YAEjE,QAAQ,EAAE,CAAA;YACV,aAAa,EAAE,CAAA;YAEf,IAAI,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,MAAM,EAAE,CAAC;gBACzC,0BAA0B,CAAC,SAAS,CAAC,CAAA;gBACrC,MAAM,wBAAwB,EAAE,CAAA;YAClC,CAAC;YAGD,0BAA0B,CAAC,QAAQ,CAAC,CAAA;QACtC,CAAC;IACH,CAAC,CAAA;IAGD,MAAM,oBAAoB,GAAG,CAAC,UAAkB,EAAqB,EAAE,CACrE,iBAAiB;SACd,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;QACf,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;QACvE,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,OAAO,IAAI,CAAA;QACb,CAAC;QACD,OAAO;YACL,GAAG,OAAO;YACV,OAAO,EAAE,gBAAgB;SAC1B,CAAA;IACH,CAAC,CAAC;SAED,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,KAAK,IAAI,CAAC,CAAA;IAG1C,SAAS,CAAC,GAAG,EAAE;QACb,2BAA2B,EAAE,CAAA;QAC7B,OAAO,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAA;IACzB,CAAC,EAAE,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,uBAAuB,CAAC,CAAC,CAAA;IAIlE,sBAAsB,CAAC,GAAG,EAAE;QAC1B,IACE,CAAC,iBAAiB;YAClB,qBAAqB,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,MAAM,EACrE,CAAC;YACD,0BAA0B,CAAC,QAAQ,CAAC,CAAA;QACtC,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC,CAAA;IAG9C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,aAAa,CAAC,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CACtE,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAE,EAAE;YAC1B,wBAAwB,CAAC,WAAW,CAAC,CAAA;YACrC,oBAAoB,CAAC,QAAQ,CAAC,CAAA;QAChC,CAAC,CACF,CAAA;QACD,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,WAAW,EAAE,CAAA;QACnB,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,KAAC,wBAAwB,CAAC,QAAQ,IAChC,KAAK,EAAE;YACL,gBAAgB;YAChB,uBAAuB;YACvB,oBAAoB;SACrB,YAEA,QAAQ,GACyB,CACrC,CAAA;AACH,CAAC,CAAA","file":"index.js","sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport { createSafeContext, useEffectIgnoreInitial } from '@w3ux/hooks'\nimport {\n  accounts$,\n  addUnsub,\n  getAccountsFromExtensions,\n  processExtensionAccounts,\n  resetAccounts,\n  unsubAll,\n  updateAccounts,\n} from '@w3ux/observables-connect/accounts'\nimport {\n  connectExtensions,\n  getActiveExtensionsLocal,\n  initialisedExtensions$,\n} from '@w3ux/observables-connect/extensions'\nimport type { ImportedAccount, Sync } from '@w3ux/types'\nimport { formatAccountSs58 } from '@w3ux/utils'\nimport { useEffect, useState } from 'react'\nimport { combineLatest } from 'rxjs'\nimport { useExtensions } from '../ExtensionsProvider'\nimport type {\n  ExtensionAccountsContextInterface,\n  ExtensionAccountsProviderProps,\n} from './types'\n\nexport const [ExtensionAccountsContext, useExtensionAccounts] =\n  createSafeContext<ExtensionAccountsContextInterface>()\n\nexport const ExtensionAccountsProvider = ({\n  children,\n  ss58,\n  dappName,\n  onExtensionEnabled,\n}: ExtensionAccountsProviderProps) => {\n  const {\n    extensionsStatus,\n    gettingExtensions,\n    extensionHasFeature,\n    extensionCanConnect,\n  } = useExtensions()\n\n  // Store connected extension accounts\n  const [extensionAccounts, setExtensionAccounts] = useState<ImportedAccount[]>(\n    []\n  )\n  // Stores initialised extensions\n  const [extensionsInitialised, setExtensionsInitialised] = useState<string[]>(\n    []\n  )\n\n  // Store whether extension accounts have been synced\n  // TODO: Use observable to update this state\n  const [extensionAccountsSynced, setExtensionAccountsSynced] =\n    useState<Sync>('unsynced')\n\n  // Helper for calling extension enabled callback. Ignores if not a valid function\n  const maybeOnExtensionEnabled = (id: string) => {\n    if (typeof onExtensionEnabled === 'function') {\n      onExtensionEnabled(id)\n    }\n  }\n\n  // Connects to extensions that already have been connected to and stored in localStorage. Loop\n  // through extensions and connect to accounts\n  const connectEnabledExtensions = async () => {\n    const { connected } = await connectExtensions(\n      dappName,\n      getActiveExtensionsLocal()\n    )\n    if (connected.size === 0) {\n      return\n    }\n    // Perform initial account state update\n    updateAccounts({\n      add: await getAccountsFromExtensions(connected, ss58),\n      remove: [],\n    })\n\n    // Try to subscribe to accounts for each connected extension\n    for (const [id, { extension }] of Array.from(connected.entries())) {\n      // If enabled, subscribe to accounts.\n      if (extensionHasFeature(id, 'subscribeAccounts')) {\n        const unsub = extension.accounts.subscribe((accounts) => {\n          processExtensionAccounts(\n            {\n              source: id,\n              ss58,\n            },\n            extension.signer,\n            accounts\n          )\n        })\n        // Store unsub\n        addUnsub(id, unsub)\n      }\n    }\n  }\n\n  // Connects to a single extension and processes its accounts\n  const connectExtension = async (id: string): Promise<boolean> => {\n    if (extensionCanConnect(id)) {\n      const { connected } = await connectExtensions(dappName, [id])\n      if (connected.size === 0) {\n        return\n      }\n      const { extension } = connected.get(id)\n\n      // Call optional `onExtensionEnabled` callback\n      maybeOnExtensionEnabled(id)\n\n      // If account subscriptions are not supported, simply get the account(s) from the extension. Otherwise, subscribe to accounts\n      if (!extensionHasFeature(id, 'subscribeAccounts')) {\n        const accounts = await extension.accounts.get()\n        processExtensionAccounts(\n          {\n            source: id,\n            ss58,\n          },\n          extension.signer,\n          accounts\n        )\n      } else {\n        const unsub = extension.accounts.subscribe((accounts) => {\n          processExtensionAccounts(\n            {\n              source: id,\n              ss58,\n            },\n            extension.signer,\n            accounts\n          )\n        })\n        addUnsub(id, unsub)\n      }\n      return true\n    }\n    return false\n  }\n\n  const handleSyncExtensionAccounts = async () => {\n    if (!gettingExtensions && extensionAccountsSynced === 'unsynced') {\n      // Unsubscribe from all accounts and reset state\n      unsubAll()\n      resetAccounts()\n      // Bootstrap any previously connected to extensions\n      if (Object.keys(extensionsStatus).length) {\n        setExtensionAccountsSynced('syncing')\n        await connectEnabledExtensions()\n      }\n\n      // Syncing is complete. Also covers case where no extensions were found\n      setExtensionAccountsSynced('synced')\n    }\n  }\n\n  // Get extension accounts based on the provided ss58 prefix\n  const getExtensionAccounts = (ss58Prefix: number): ImportedAccount[] =>\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      // Remove null entries resulting from invalid formatted addresses\n      .filter((account) => account !== null)\n\n  // Initialise extension accounts sync\n  useEffect(() => {\n    handleSyncExtensionAccounts()\n    return () => unsubAll()\n  }, [extensionsStatus, gettingExtensions, extensionAccountsSynced])\n\n  // Once initialised extensions equal total extensions present in `injectedWeb3`, mark extensions\n  // as fetched\n  useEffectIgnoreInitial(() => {\n    if (\n      !gettingExtensions &&\n      extensionsInitialised.length === Object.keys(extensionsStatus).length\n    ) {\n      setExtensionAccountsSynced('synced')\n    }\n  }, [gettingExtensions, extensionsInitialised])\n\n  // Subscribes to observables and updates state\n  useEffect(() => {\n    const sub = combineLatest([initialisedExtensions$, accounts$]).subscribe(\n      ([initialised, accounts]) => {\n        setExtensionsInitialised(initialised)\n        setExtensionAccounts(accounts)\n      }\n    )\n    return () => {\n      sub.unsubscribe()\n    }\n  }, [])\n\n  return (\n    <ExtensionAccountsContext.Provider\n      value={{\n        connectExtension,\n        extensionAccountsSynced,\n        getExtensionAccounts,\n      }}\n    >\n      {children}\n    </ExtensionAccountsContext.Provider>\n  )\n}\n"]}
+{"version":3,"sources":["../src/ExtensionAccountsProvider/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport { createSafeContext } from '@w3ux/hooks'\nimport {\n  accounts$,\n  connectExtension as doConnectExtension,\n  getReconnectSync,\n  reconnectExtensions,\n  reconnectSync$,\n  resetAccounts,\n  unsubAll,\n} from '@w3ux/observables-connect/accounts'\nimport { initialisedExtensions$ } from '@w3ux/observables-connect/extensions'\nimport type { ImportedAccount, Sync } from '@w3ux/types'\nimport { formatAccountSs58 } from '@w3ux/utils'\nimport { useEffect, useState } from 'react'\nimport { combineLatest } from 'rxjs'\nimport { useExtensions } from '../ExtensionsProvider'\nimport type {\n  ExtensionAccountsContextInterface,\n  ExtensionAccountsProviderProps,\n} from './types'\n\nexport const [ExtensionAccountsContext, useExtensionAccounts] =\n  createSafeContext<ExtensionAccountsContextInterface>()\n\nexport const ExtensionAccountsProvider = ({\n  children,\n  ss58,\n  dappName,\n}: ExtensionAccountsProviderProps) => {\n  const { gettingExtensions } = useExtensions()\n\n  // Store connected extension accounts\n  const [extensionAccounts, setExtensionAccounts] = useState<ImportedAccount[]>(\n    []\n  )\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] = useState<Sync>('unsynced')\n\n  // Handle initial connection to previously enabled extensions\n  const handleInitialConnect = async () => {\n    if (!gettingExtensions && getReconnectSync() === '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): ImportedAccount[] =>\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  // 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      accounts$,\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        getExtensionAccounts,\n      }}\n    >\n      {children}\n    </ExtensionAccountsContext.Provider>\n  )\n}\n"]}

package/ExtensionAccountsProvider/types.d.ts

@@ -1,13 +1,13 @@
 import type { ImportedAccount, Sync } from '@w3ux/types';
 import type { ReactNode } from 'react';
 export interface ExtensionAccountsContextInterface {
+    extensionsInitialised: string[];
     connectExtension: (id: string) => Promise<boolean>;
-    extensionAccountsSynced: Sync;
+    extensionsSynced: Sync;
     getExtensionAccounts: (ss58: number) => ImportedAccount[];
 }
 export interface ExtensionAccountsProviderProps {
     children: ReactNode;
     ss58: number;
     dappName: string;
-    onExtensionEnabled?: (id: string) => void;
 }

package/ExtensionAccountsProvider/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ExtensionAccountsProvider/types.ts"],"names":[],"mappings":"","file":"types.js","sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport type { ImportedAccount, Sync } from '@w3ux/types'\nimport type { ReactNode } from 'react'\n\nexport interface ExtensionAccountsContextInterface {\n  connectExtension: (id: string) => Promise<boolean>\n  extensionAccountsSynced: Sync\n  getExtensionAccounts: (ss58: number) => ImportedAccount[]\n}\n\nexport interface ExtensionAccountsProviderProps {\n  children: ReactNode\n  ss58: number\n  dappName: string\n  onExtensionEnabled?: (id: string) => void\n}\n"]}
+{"version":3,"sources":["../src/ExtensionAccountsProvider/types.ts"],"names":[],"mappings":"","file":"types.js","sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport type { ImportedAccount, Sync } from '@w3ux/types'\nimport type { ReactNode } from 'react'\n\nexport interface ExtensionAccountsContextInterface {\n  extensionsInitialised: string[]\n  connectExtension: (id: string) => Promise<boolean>\n  extensionsSynced: Sync\n  getExtensionAccounts: (ss58: number) => ImportedAccount[]\n}\n\nexport interface ExtensionAccountsProviderProps {\n  children: ReactNode\n  ss58: number\n  dappName: string\n}\n"]}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@w3ux/react-connect-kit",
-  "version": "3.2.18",
+  "version": "3.2.20",
   "license": "GPL-3.0-only",
   "dependencies": {
     "@w3ux/extension-assets": "^2.2.0",
     "@w3ux/hooks": "^2.1.0",
-    "@w3ux/observables-connect": "0.9.25",
+    "@w3ux/observables-connect": "0.9.27",
     "@w3ux/utils": "^2.0.8"
   },
   "type": "module",