@w3ux/react-connect-kit 1.2.1 → 1.3.0-alpha.0

package/mjs/ExtensionAccountsProvider/snap.js

@@ -0,0 +1,60 @@
+import { hasMetaMask, isMetamaskSnapsSupported, } from "@chainsafe/metamask-polkadot-adapter/src/utils";
+import { enablePolkadotSnap } from "@chainsafe/metamask-polkadot-adapter";
+const transformAccounts = (accounts) => accounts.map((address, index) => ({
+    address,
+    name: `Polkadot Snap ${index + 1}`,
+    source: "metamask-polkadot-snap",
+    type: "ethereum",
+}));
+const injectPolkadotSnap = (win, config) => {
+    win.injectedWeb3.Snap = {
+        enable: async () => {
+            const snap = (await enablePolkadotSnap(config)).getMetamaskSnapApi();
+            return {
+                accounts: {
+                    get: async () => {
+                        const response = await snap.getAddress();
+                        return transformAccounts([response]);
+                    },
+                    subscribe: (_cb) => () => { },
+                },
+                signer: {
+                    signPayload: async (payload) => {
+                        const signature = (await snap.signPayloadJSON(payload));
+                        return { id: 0, signature };
+                    },
+                    signRaw: async (raw) => {
+                        const signature = (await snap.signPayloadRaw(raw));
+                        return { id: 0, signature };
+                    },
+                },
+            };
+        },
+        version: "0.1",
+    };
+};
+export const initPolkadotSnap = (config) => new Promise((resolve) => {
+    const win = window;
+    win.injectedWeb3 = win.injectedWeb3 || {};
+    if (hasMetaMask()) {
+        isMetamaskSnapsSupported().then((result) => {
+            if (result) {
+                injectPolkadotSnap(win, config);
+                window.injectedWeb3["metamask-polkadot-snap"] =
+                    window.injectedWeb3["Snap"];
+                delete window.injectedWeb3["Snap"];
+                resolve(true);
+            }
+            else {
+                resolve(false);
+            }
+        });
+    }
+    else {
+        resolve(false);
+    }
+});
+
+//# sourceMappingURL=snap.js.map
+
+//# sourceMappingURL=snap.js.map

package/mjs/ExtensionAccountsProvider/snap.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ExtensionAccountsProvider/snap.ts"],"names":[],"mappings":"AAOA,OAAO,EACL,WAAW,EACX,wBAAwB,GACzB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAc1E,MAAM,iBAAiB,GAAG,CAAC,QAAkB,EAAsB,EAAE,CACnE,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IAChC,OAAO;IACP,IAAI,EAAE,iBAAiB,KAAK,GAAG,CAAC,EAAE;IAClC,MAAM,EAAE,wBAAwB;IAChC,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC,CAAC;AAEN,MAAM,kBAAkB,GAAG,CAAC,GAAe,EAAE,MAAkB,EAAQ,EAAE;IACvE,GAAG,CAAC,YAAY,CAAC,IAAI,GAAG;QACtB,MAAM,EAAE,KAAK,IAAuB,EAAE;YACpC,MAAM,IAAI,GAAG,CAAC,MAAM,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;YAErE,OAAO;gBACL,QAAQ,EAAE;oBACR,GAAG,EAAE,KAAK,IAAgC,EAAE;wBAC1C,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;wBACzC,OAAO,iBAAiB,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACvC,CAAC;oBAED,SAAS,EACP,CAEE,GAA0C,EAC5B,EAAE,CAElB,GAAS,EAAE,GAAE,CAAC;iBACjB;gBACD,MAAM,EAAE;oBACN,WAAW,EAAE,KAAK,EAChB,OAA0B,EACH,EAAE;wBACzB,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,eAAe,CAC3C,OAAO,CACR,CAAc,CAAC;wBAChB,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC;oBAC9B,CAAC;oBACD,OAAO,EAAE,KAAK,EAAE,GAAqB,EAAyB,EAAE;wBAC9D,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAc,CAAC;wBAChE,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC;oBAC9B,CAAC;iBACF;aACF,CAAC;QACJ,CAAC;QACD,OAAO,EAAE,KAAK;KACf,CAAC;AACJ,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAkB,EAAoB,EAAE,CACvE,IAAI,OAAO,CAAC,CAAC,OAAO,EAAQ,EAAE;IAC5B,MAAM,GAAG,GAAG,MAA6B,CAAC;IAC1C,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY,IAAI,EAAE,CAAC;IAG1C,IAAI,WAAW,EAAE,EAAE,CAAC;QAClB,wBAAwB,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACzC,IAAI,MAAM,EAAE,CAAC;gBACX,kBAAkB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;gBAGhC,MAAM,CAAC,YAAY,CAAC,wBAAwB,CAAC;oBAC3C,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;gBAC9B,OAAO,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;gBACnC,OAAO,CAAC,IAAI,CAAC,CAAC;YAChB,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;AACH,CAAC,CAAC,CAAC","file":"snap.js","sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\nimport type {\n  Injected,\n  InjectedAccount,\n  InjectedWindow,\n} from \"@polkadot/extension-inject/types\";\nimport {\n  hasMetaMask,\n  isMetamaskSnapsSupported,\n} from \"@chainsafe/metamask-polkadot-adapter/src/utils\";\nimport { enablePolkadotSnap } from \"@chainsafe/metamask-polkadot-adapter\";\nimport type {\n  SignerPayloadJSON,\n  SignerPayloadRaw,\n  SignerResult,\n} from \"@polkadot/types/types\";\nimport type { HexString } from \"@polkadot/util/types\";\nimport { SnapConfig } from \"@chainsafe/metamask-polkadot-types\";\nimport { ExtensionAccount } from \"../ExtensionsProvider/types\";\n\ninterface Web3Window extends InjectedWindow {\n  ethereum: unknown;\n}\n\nconst transformAccounts = (accounts: string[]): ExtensionAccount[] =>\n  accounts.map((address, index) => ({\n    address,\n    name: `Polkadot Snap ${index + 1}`,\n    source: \"metamask-polkadot-snap\",\n    type: \"ethereum\",\n  }));\n\nconst injectPolkadotSnap = (win: Web3Window, config: SnapConfig): void => {\n  win.injectedWeb3.Snap = {\n    enable: async (): Promise<Injected> => {\n      const snap = (await enablePolkadotSnap(config)).getMetamaskSnapApi();\n\n      return {\n        accounts: {\n          get: async (): Promise<InjectedAccount[]> => {\n            const response = await snap.getAddress();\n            return transformAccounts([response]);\n          },\n          // Currently there is only available only one account, in that case this method will never return anything.\n          subscribe:\n            (\n              // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n              _cb: (accounts: InjectedAccount[]) => void\n            ): (() => void) =>\n            // eslint-disable-next-line @typescript-eslint/no-empty-function\n            (): void => {},\n        },\n        signer: {\n          signPayload: async (\n            payload: SignerPayloadJSON\n          ): Promise<SignerResult> => {\n            const signature = (await snap.signPayloadJSON(\n              payload\n            )) as HexString;\n            return { id: 0, signature };\n          },\n          signRaw: async (raw: SignerPayloadRaw): Promise<SignerResult> => {\n            const signature = (await snap.signPayloadRaw(raw)) as HexString;\n            return { id: 0, signature };\n          },\n        },\n      };\n    },\n    version: \"0.1\",\n  };\n};\n\n// Initiate Polkadot snap and inject it into `injectedWeb3`. as `metamask-polkadot-snap`.\nexport const initPolkadotSnap = (config: SnapConfig): Promise<boolean> =>\n  new Promise((resolve): void => {\n    const win = window as Window & Web3Window;\n    win.injectedWeb3 = win.injectedWeb3 || {};\n\n    // Attempt to inject into `injectedWeb3`.\n    if (hasMetaMask()) {\n      isMetamaskSnapsSupported().then((result) => {\n        if (result) {\n          injectPolkadotSnap(win, config);\n          // Overwrite `injectedWeb3` key with correct id and delete stale version.\n          // Issue at: https://github.com/ChainSafe/metamask-snap-polkadot/issues/204\n          window.injectedWeb3[\"metamask-polkadot-snap\"] =\n            window.injectedWeb3[\"Snap\"];\n          delete window.injectedWeb3[\"Snap\"];\n          resolve(true);\n        } else {\n          resolve(false);\n        }\n      });\n    } else {\n      resolve(false);\n    }\n  });\n"]}

package/mjs/ExtensionAccountsProvider/types.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+import { ExtensionAccount } from "../ExtensionsProvider/types";
+import { ImportedAccount, MaybeAddress } from "../types";
+import { Sync } from "@w3ux/types";
+export interface ExtensionAccountsContextInterface {
+    connectExtensionAccounts: (id?: string) => Promise<boolean>;
+    extensionAccountsSynced: Sync;
+    getExtensionAccounts: (ss58: number) => ImportedAccount[];
+}
+export interface ExtensionAccountsProviderProps {
+    children: ReactNode;
+    network: string;
+    dappName: string;
+    activeAccount?: MaybeAddress;
+    setActiveAccount?: (address: MaybeAddress) => void;
+    onExtensionEnabled?: (id: string) => void;
+}
+export interface HandleImportExtension {
+    newAccounts: ExtensionAccount[];
+    meta: {
+        accountsToRemove: ExtensionAccount[];
+        removedActiveAccount: MaybeAddress;
+    };
+}

package/mjs/ExtensionAccountsProvider/types.js

@@ -0,0 +1,5 @@
+export {};
+
+//# sourceMappingURL=types.js.map
+
+//# sourceMappingURL=types.js.map

package/mjs/ExtensionAccountsProvider/types.js.map

@@ -0,0 +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 { ReactNode } from \"react\";\nimport { ExtensionAccount } from \"../ExtensionsProvider/types\";\nimport { ImportedAccount, MaybeAddress } from \"../types\";\nimport { Sync } from \"@w3ux/types\";\n\nexport interface ExtensionAccountsContextInterface {\n  connectExtensionAccounts: (id?: string) => Promise<boolean>;\n  extensionAccountsSynced: Sync;\n  getExtensionAccounts: (ss58: number) => ImportedAccount[];\n}\n\nexport interface ExtensionAccountsProviderProps {\n  children: ReactNode;\n  network: string;\n  dappName: string;\n  activeAccount?: MaybeAddress;\n  setActiveAccount?: (address: MaybeAddress) => void;\n  onExtensionEnabled?: (id: string) => void;\n}\n\nexport interface HandleImportExtension {\n  newAccounts: ExtensionAccount[];\n  meta: {\n    accountsToRemove: ExtensionAccount[];\n    removedActiveAccount: MaybeAddress;\n  };\n}\n"]}

package/mjs/ExtensionAccountsProvider/useImportExtension.d.ts

@@ -0,0 +1,6 @@
+import type { ExtensionAccount } from "../ExtensionsProvider/types";
+import { HandleImportExtension } from "./types";
+import { AnyFunction } from "@w3ux/types";
+export declare const useImportExtension: () => {
+    handleImportExtension: (id: string, currentAccounts: ExtensionAccount[], signer: AnyFunction, newAccounts: ExtensionAccount[], network: string) => HandleImportExtension;
+};

package/mjs/ExtensionAccountsProvider/useImportExtension.js

@@ -0,0 +1,45 @@
+import Keyring from "@polkadot/keyring";
+import { isValidAddress } from "@w3ux/utils";
+import { getActiveAccountLocal, getInExternalAccounts } from "./utils";
+import { DEFAULT_SS58, defaultHandleImportExtension } from "./defaults";
+export const useImportExtension = () => {
+    const handleImportExtension = (id, currentAccounts, signer, newAccounts, network) => {
+        if (!newAccounts.length) {
+            return defaultHandleImportExtension;
+        }
+        const keyring = new Keyring();
+        keyring.setSS58Format(DEFAULT_SS58);
+        newAccounts = newAccounts.filter(({ address }) => isValidAddress(address));
+        newAccounts.map((account) => {
+            const { address } = keyring.addFromAddress(account.address);
+            account.address = address;
+            return account;
+        });
+        const inExternal = getInExternalAccounts(newAccounts, network);
+        const removedAccounts = currentAccounts
+            .filter((j) => j.source === id)
+            .filter((j) => !newAccounts.find((i) => i.address === j.address));
+        const removedActiveAccount = removedAccounts.find(({ address }) => address === getActiveAccountLocal(network))?.address || null;
+        newAccounts = newAccounts.filter(({ address }) => !currentAccounts.find((j) => j.address === address && j.source !== "external"));
+        newAccounts = newAccounts.map(({ address, name }) => ({
+            address,
+            name,
+            source: id,
+            signer,
+        }));
+        return {
+            newAccounts,
+            meta: {
+                accountsToRemove: [...inExternal, ...removedAccounts],
+                removedActiveAccount,
+            },
+        };
+    };
+    return {
+        handleImportExtension,
+    };
+};
+
+//# sourceMappingURL=useImportExtension.js.map
+
+//# sourceMappingURL=useImportExtension.js.map

package/mjs/ExtensionAccountsProvider/useImportExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ExtensionAccountsProvider/useImportExtension.tsx"],"names":[],"mappings":"AAGA,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAGxE,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAIrC,MAAM,qBAAqB,GAAG,CAC5B,EAAU,EACV,eAAmC,EACnC,MAAmB,EACnB,WAA+B,EAC/B,OAAe,EACQ,EAAE;QACzB,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;YACxB,OAAO,4BAA4B,CAAC;QACtC,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;QAC9B,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QAGpC,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;QAG3E,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YAC1B,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC5D,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC;YAC1B,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC,CAAC;QAGH,MAAM,UAAU,GAAG,qBAAqB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAG/D,MAAM,eAAe,GAAG,eAAe;aACpC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,CAAC;aAC9B,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAGpE,MAAM,oBAAoB,GACxB,eAAe,CAAC,IAAI,CAClB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,KAAK,qBAAqB,CAAC,OAAO,CAAC,CAC5D,EAAE,OAAO,IAAI,IAAI,CAAC;QAGrB,WAAW,GAAG,WAAW,CAAC,MAAM,CAC9B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CACd,CAAC,eAAe,CAAC,IAAI,CACnB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,CACxD,CACJ,CAAC;QAGF,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;YACpD,OAAO;YACP,IAAI;YACJ,MAAM,EAAE,EAAE;YACV,MAAM;SACP,CAAC,CAAC,CAAC;QAEJ,OAAO;YACL,WAAW;YACX,IAAI,EAAE;gBACJ,gBAAgB,EAAE,CAAC,GAAG,UAAU,EAAE,GAAG,eAAe,CAAC;gBACrD,oBAAoB;aACrB;SACF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO;QACL,qBAAqB;KACtB,CAAC;AACJ,CAAC,CAAC","file":"useImportExtension.js","sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport Keyring from \"@polkadot/keyring\";\nimport { isValidAddress } from \"@w3ux/utils\";\nimport type { ExtensionAccount } from \"../ExtensionsProvider/types\";\nimport { HandleImportExtension } from \"./types\";\nimport { getActiveAccountLocal, getInExternalAccounts } from \"./utils\";\nimport { DEFAULT_SS58, defaultHandleImportExtension } from \"./defaults\";\nimport { AnyFunction } from \"@w3ux/types\";\n\nexport const useImportExtension = () => {\n  // Handles importing of extension accounts.\n  //\n  // Gets accounts to be imported and commits them to state.\n  const handleImportExtension = (\n    id: string,\n    currentAccounts: ExtensionAccount[],\n    signer: AnyFunction,\n    newAccounts: ExtensionAccount[],\n    network: string\n  ): HandleImportExtension => {\n    if (!newAccounts.length) {\n      return defaultHandleImportExtension;\n    }\n\n    const keyring = new Keyring();\n    keyring.setSS58Format(DEFAULT_SS58);\n\n    // Remove accounts that do not contain correctly formatted addresses.\n    newAccounts = newAccounts.filter(({ address }) => isValidAddress(address));\n\n    // Reformat addresses to ensure default ss58 format.\n    newAccounts.map((account) => {\n      const { address } = keyring.addFromAddress(account.address);\n      account.address = address;\n      return account;\n    });\n\n    // Remove `newAccounts` from local external accounts if present.\n    const inExternal = getInExternalAccounts(newAccounts, network);\n\n    // Find any accounts that have been removed from this extension.\n    const removedAccounts = currentAccounts\n      .filter((j) => j.source === id)\n      .filter((j) => !newAccounts.find((i) => i.address === j.address));\n\n    // Check whether active account is present in forgotten accounts.\n    const removedActiveAccount =\n      removedAccounts.find(\n        ({ address }) => address === getActiveAccountLocal(network)\n      )?.address || null;\n\n    // Remove accounts that have already been added to `currentAccounts` via another extension.\n    newAccounts = newAccounts.filter(\n      ({ address }) =>\n        !currentAccounts.find(\n          (j) => j.address === address && j.source !== \"external\"\n        )\n    );\n\n    // Format accounts properties.\n    newAccounts = newAccounts.map(({ address, name }) => ({\n      address,\n      name,\n      source: id,\n      signer,\n    }));\n\n    return {\n      newAccounts,\n      meta: {\n        accountsToRemove: [...inExternal, ...removedAccounts],\n        removedActiveAccount,\n      },\n    };\n  };\n\n  return {\n    handleImportExtension,\n  };\n};\n"]}

package/mjs/ExtensionAccountsProvider/utils.d.ts

@@ -0,0 +1,8 @@
+import { ExtensionAccount } from "../ExtensionsProvider/types";
+import { ExternalAccount } from "../types";
+import { AnyFunction } from "@w3ux/types";
+export declare const getActiveAccountLocal: (network: string) => any;
+export declare const getActiveExtensionAccount: (network: string, accounts: ExtensionAccount[]) => ExtensionAccount;
+export declare const connectActiveExtensionAccount: (account: ExtensionAccount | null, callback: AnyFunction) => void;
+export declare const getInExternalAccounts: (accounts: ExtensionAccount[], network: string) => ExternalAccount[];
+export declare const getLocalExternalAccounts: (network?: string) => ExternalAccount[];

package/mjs/ExtensionAccountsProvider/utils.js

@@ -0,0 +1,34 @@
+import { localStorageOrDefault } from "@w3ux/utils";
+import Keyring from "@polkadot/keyring";
+import { DEFAULT_SS58 } from "./defaults";
+export const getActiveAccountLocal = (network) => {
+    const keyring = new Keyring();
+    keyring.setSS58Format(DEFAULT_SS58);
+    let account = localStorageOrDefault(`${network}_active_account`, null);
+    if (account !== null) {
+        account = keyring.addFromAddress(account).address;
+    }
+    return account;
+};
+export const getActiveExtensionAccount = (network, accounts) => accounts.find(({ address }) => address === getActiveAccountLocal(network)) ??
+    null;
+export const connectActiveExtensionAccount = (account, callback) => {
+    if (account !== null) {
+        callback(account);
+    }
+};
+export const getInExternalAccounts = (accounts, network) => {
+    const localExternalAccounts = getLocalExternalAccounts(network);
+    return (localExternalAccounts.filter((a) => (accounts || []).find((b) => b.address === a.address) !== undefined) || []);
+};
+export const getLocalExternalAccounts = (network) => {
+    let localAccounts = localStorageOrDefault("external_accounts", [], true);
+    if (network) {
+        localAccounts = localAccounts.filter((l) => l.network === network);
+    }
+    return localAccounts;
+};
+
+//# sourceMappingURL=utils.js.map
+
+//# sourceMappingURL=utils.js.map

package/mjs/ExtensionAccountsProvider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ExtensionAccountsProvider/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAQ1C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,OAAe,EAAE,EAAE;IACvD,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;IAC9B,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAEpC,IAAI,OAAO,GAAG,qBAAqB,CAAC,GAAG,OAAO,iBAAiB,EAAE,IAAI,CAAC,CAAC;IACvE,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,GAAG,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC;IACpD,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,OAAe,EACf,QAA4B,EAC5B,EAAE,CACF,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,KAAK,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAC1E,IAAI,CAAC;AAGP,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,OAAgC,EAChC,QAAqB,EACrB,EAAE;IACF,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,QAAQ,CAAC,OAAO,CAAC,CAAC;IACpB,CAAC;AACH,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,QAA4B,EAC5B,OAAe,EACf,EAAE;IACF,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,OAAO,CAAC,CAAC;IAEhE,OAAO,CACL,qBAAqB,CAAC,MAAM,CAC1B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,SAAS,CAC3E,IAAI,EAAE,CACR,CAAC;AACJ,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC3D,IAAI,aAAa,GAAG,qBAAqB,CACvC,mBAAmB,EACnB,EAAE,EACF,IAAI,CACgB,CAAC;IACvB,IAAI,OAAO,EAAE,CAAC;QACZ,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC;IACrE,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC","file":"utils.js","sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport { localStorageOrDefault } from \"@w3ux/utils\";\nimport Keyring from \"@polkadot/keyring\";\nimport { ExtensionAccount } from \"../ExtensionsProvider/types\";\nimport { ExternalAccount } from \"../types\";\nimport { DEFAULT_SS58 } from \"./defaults\";\nimport { AnyFunction } from \"@w3ux/types\";\n\n/*------------------------------------------------------------\n   Active account utils.\n ------------------------------------------------------------*/\n\n// Gets local `active_acount` for a network.\nexport const getActiveAccountLocal = (network: string) => {\n  const keyring = new Keyring();\n  keyring.setSS58Format(DEFAULT_SS58);\n\n  let account = localStorageOrDefault(`${network}_active_account`, null);\n  if (account !== null) {\n    account = keyring.addFromAddress(account).address;\n  }\n\n  return account;\n};\n\n// Checks if the local active account is the provided accounts.\nexport const getActiveExtensionAccount = (\n  network: string,\n  accounts: ExtensionAccount[]\n) =>\n  accounts.find(({ address }) => address === getActiveAccountLocal(network)) ??\n  null;\n\n// Connects to active account, and calls an optional callback, if provided.\nexport const connectActiveExtensionAccount = (\n  account: ExtensionAccount | null,\n  callback: AnyFunction\n) => {\n  if (account !== null) {\n    callback(account);\n  }\n};\n\n/*------------------------------------------------------------\n   External account utils.\n ------------------------------------------------------------*/\n\n// Gets accounts that exist in local `external_accounts`.\nexport const getInExternalAccounts = (\n  accounts: ExtensionAccount[],\n  network: string\n) => {\n  const localExternalAccounts = getLocalExternalAccounts(network);\n\n  return (\n    localExternalAccounts.filter(\n      (a) => (accounts || []).find((b) => b.address === a.address) !== undefined\n    ) || []\n  );\n};\n\n// Gets local external accounts for a network.\nexport const getLocalExternalAccounts = (network?: string) => {\n  let localAccounts = localStorageOrDefault<ExternalAccount[]>(\n    \"external_accounts\",\n    [],\n    true\n  ) as ExternalAccount[];\n  if (network) {\n    localAccounts = localAccounts.filter((l) => l.network === network);\n  }\n  return localAccounts;\n};\n"]}

package/mjs/ExtensionsProvider/defaults.d.ts

@@ -0,0 +1,2 @@
+import type { ExtensionsContextInterface } from "./types";
+export declare const defaultExtensionsContext: ExtensionsContextInterface;

package/mjs/ExtensionsProvider/defaults.js

@@ -0,0 +1,13 @@
+export const defaultExtensionsContext = {
+    checkingInjectedWeb3: false,
+    extensionsStatus: {},
+    setExtensionStatus: (id, status) => { },
+    removeExtensionStatus: (id) => { },
+    extensionInstalled: (id) => false,
+    extensionCanConnect: (id) => false,
+    extensionHasFeature: (id, feature) => false,
+};
+
+//# sourceMappingURL=defaults.js.map
+
+//# sourceMappingURL=defaults.js.map

package/mjs/ExtensionsProvider/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ExtensionsProvider/defaults.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,wBAAwB,GAA+B;IAClE,oBAAoB,EAAE,KAAK;IAC3B,gBAAgB,EAAE,EAAE;IACpB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,GAAE,CAAC;IACtC,qBAAqB,EAAE,CAAC,EAAE,EAAE,EAAE,GAAE,CAAC;IACjC,kBAAkB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK;IACjC,mBAAmB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK;IAClC,mBAAmB,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,KAAK;CAC5C,CAAC","file":"defaults.js","sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n/* eslint-disable @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function,  no-unused-vars */\n\nimport type { ExtensionsContextInterface } from \"./types\";\n\nexport const defaultExtensionsContext: ExtensionsContextInterface = {\n  checkingInjectedWeb3: false,\n  extensionsStatus: {},\n  setExtensionStatus: (id, status) => {},\n  removeExtensionStatus: (id) => {},\n  extensionInstalled: (id) => false,\n  extensionCanConnect: (id) => false,\n  extensionHasFeature: (id, feature) => false,\n};\n"]}

package/mjs/ExtensionsProvider/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import type { ExtensionsContextInterface } from "./types";
+export declare const ExtensionsContext: import("react").Context<ExtensionsContextInterface>;
+export declare const useExtensions: () => ExtensionsContextInterface;
+export declare const ExtensionsProvider: ({ children, options, }: {
+    children: ReactNode;
+    options?: {
+        chainSafeSnapEnabled?: boolean;
+        polkagateSnapEnabled?: boolean;
+    };
+}) => import("react/jsx-runtime").JSX.Element;

package/mjs/ExtensionsProvider/index.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { setStateWithRef, withTimeout } from "@w3ux/utils";
+import { useEffect, useRef, useState, createContext, useContext, } from "react";
+import { defaultExtensionsContext } from "./defaults";
+import { polkadotSnapAvailable } from "./utils";
+import extensions from "@w3ux/extension-assets";
+import { web3Enable } from "@polkagate/extension-dapp";
+export const ExtensionsContext = createContext(defaultExtensionsContext);
+export const useExtensions = () => useContext(ExtensionsContext);
+export const ExtensionsProvider = ({ children, options, }) => {
+    const [checkingInjectedWeb3, setCheckingInjectedWeb3] = useState(true);
+    const checkingInjectedWeb3Ref = useRef(checkingInjectedWeb3);
+    const intervalInitialisedRef = useRef(false);
+    const [extensionsStatus, setExtensionsStatus] = useState({});
+    const extensionsStatusRef = useRef(extensionsStatus);
+    const [chainSafeSnapEnabled] = useState(options?.chainSafeSnapEnabled || false);
+    const [polkaGateSnapEnabled] = useState(options?.polkagateSnapEnabled || false);
+    let injectedWeb3Interval;
+    const injectCounter = useRef(0);
+    const handleClearInterval = (hasInjectedWeb3) => {
+        clearInterval(injectedWeb3Interval);
+        handleSnapInjection(hasInjectedWeb3);
+    };
+    const handleSnapInjection = async (hasInjectedWeb3) => {
+        const snapAvailable = (await polkadotSnapAvailable()) && chainSafeSnapEnabled;
+        if (polkaGateSnapEnabled) {
+            await withTimeout(500, web3Enable("snap_only"));
+        }
+        if (hasInjectedWeb3 || snapAvailable) {
+            setStateWithRef(getExtensionsStatus(snapAvailable), setExtensionsStatus, extensionsStatusRef);
+        }
+        setStateWithRef(false, setCheckingInjectedWeb3, checkingInjectedWeb3Ref);
+    };
+    const setExtensionStatus = (id, status) => {
+        setStateWithRef({
+            ...extensionsStatusRef.current,
+            [id]: status,
+        }, setExtensionsStatus, extensionsStatusRef);
+    };
+    const removeExtensionStatus = (id) => {
+        const newExtensionsStatus = { ...extensionsStatusRef.current };
+        delete newExtensionsStatus[id];
+        setStateWithRef(newExtensionsStatus, setExtensionsStatus, extensionsStatusRef);
+    };
+    const getExtensionsStatus = (snapAvailable) => {
+        const { injectedWeb3 } = window;
+        const newExtensionsStatus = { ...extensionsStatus };
+        if (snapAvailable) {
+            newExtensionsStatus["metamask-polkadot-snap"] = "installed";
+        }
+        const extensionsAsArray = Object.entries(extensions).map(([key, value]) => ({
+            id: key,
+            ...value,
+        }));
+        extensionsAsArray.forEach((e) => {
+            if (injectedWeb3[e.id] !== undefined) {
+                newExtensionsStatus[e.id] = "installed";
+            }
+        });
+        return newExtensionsStatus;
+    };
+    const extensionInstalled = (id) => extensionsStatus[id] !== undefined;
+    const extensionCanConnect = (id) => extensionInstalled(id) && extensionsStatus[id] !== "connected";
+    const extensionHasFeature = (id, feature) => {
+        const { features } = extensions[id];
+        if (features === "*" || features.includes(feature)) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    const checkEveryMs = 300;
+    const totalChecks = 10;
+    useEffect(() => {
+        if (!intervalInitialisedRef.current) {
+            intervalInitialisedRef.current = true;
+            injectedWeb3Interval = setInterval(() => {
+                injectCounter.current++;
+                if (injectCounter.current === totalChecks) {
+                    handleClearInterval(false);
+                }
+                else {
+                    const injectedWeb3 = window?.injectedWeb3 || null;
+                    if (injectedWeb3 !== null) {
+                        handleClearInterval(true);
+                    }
+                }
+            }, checkEveryMs);
+        }
+        return () => clearInterval(injectedWeb3Interval);
+    });
+    return (_jsx(ExtensionsContext.Provider, { value: {
+            extensionsStatus: extensionsStatusRef.current,
+            checkingInjectedWeb3,
+            setExtensionStatus,
+            removeExtensionStatus,
+            extensionInstalled,
+            extensionCanConnect,
+            extensionHasFeature,
+        }, children: children }));
+};
+
+//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/mjs/ExtensionsProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ExtensionsProvider/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 { setStateWithRef, withTimeout } from \"@w3ux/utils\";\nimport {\n  ReactNode,\n  useEffect,\n  useRef,\n  useState,\n  createContext,\n  useContext,\n} from \"react\";\nimport type { ExtensionStatus, ExtensionsContextInterface } from \"./types\";\nimport { defaultExtensionsContext } from \"./defaults\";\nimport { polkadotSnapAvailable } from \"./utils\";\nimport extensions from \"@w3ux/extension-assets\";\nimport { web3Enable } from \"@polkagate/extension-dapp\";\n\nexport const ExtensionsContext = createContext<ExtensionsContextInterface>(\n  defaultExtensionsContext\n);\n\nexport const useExtensions = () => useContext(ExtensionsContext);\n\nexport const ExtensionsProvider = ({\n  children,\n  options,\n}: {\n  children: ReactNode;\n  options?: {\n    chainSafeSnapEnabled?: boolean;\n    polkagateSnapEnabled?: boolean;\n  };\n}) => {\n  // Store whether initial `injectedWeb3` checking is underway.\n  //\n  // Injecting `injectedWeb3` is an asynchronous process, so we need to check for its existence for\n  // a period of time.\n  const [checkingInjectedWeb3, setCheckingInjectedWeb3] =\n    useState<boolean>(true);\n  const checkingInjectedWeb3Ref = useRef(checkingInjectedWeb3);\n\n  // Store whether injected interval has been initialised.\n  const intervalInitialisedRef = useRef<boolean>(false);\n\n  // Store each extension's status in state.\n  const [extensionsStatus, setExtensionsStatus] = useState<\n    Record<string, ExtensionStatus>\n  >({});\n  const extensionsStatusRef = useRef(extensionsStatus);\n\n  // Store whether Metamask Snaps are enabled.\n  const [chainSafeSnapEnabled] = useState<boolean>(\n    options?.chainSafeSnapEnabled || false\n  );\n\n  // Store whether Metamask Snaps are enabled.\n  const [polkaGateSnapEnabled] = useState<boolean>(\n    options?.polkagateSnapEnabled || false\n  );\n\n  // Listen for window.injectedWeb3 with an interval.\n  let injectedWeb3Interval: ReturnType<typeof setInterval>;\n  const injectCounter = useRef<number>(0);\n\n  // Handle completed interval check for `injectedWeb3`.\n  //\n  // Clear interval and move on to checking for Metamask Polkadot Snap.\n  const handleClearInterval = (hasInjectedWeb3: boolean) => {\n    clearInterval(injectedWeb3Interval);\n    // Check if Metamask Polkadot Snap is available.\n    handleSnapInjection(hasInjectedWeb3);\n  };\n\n  // Handle injecting of `metamask-polkadot-snap` into injectedWeb3 if avaialble, and complete\n  // `injectedWeb3` syncing process.\n  const handleSnapInjection = async (hasInjectedWeb3: boolean) => {\n    // Inject ChainSafe Snap if enabled.\n    const snapAvailable =\n      (await polkadotSnapAvailable()) && chainSafeSnapEnabled;\n\n    // Inject PolkaGate Snap if enabled.\n    if (polkaGateSnapEnabled) {\n      await withTimeout(500, web3Enable(\"snap_only\"));\n    }\n\n    if (hasInjectedWeb3 || snapAvailable) {\n      setStateWithRef(\n        getExtensionsStatus(snapAvailable),\n        setExtensionsStatus,\n        extensionsStatusRef\n      );\n    }\n\n    setStateWithRef(false, setCheckingInjectedWeb3, checkingInjectedWeb3Ref);\n  };\n\n  // Setter for an extension status.\n  const setExtensionStatus = (id: string, status: ExtensionStatus) => {\n    setStateWithRef(\n      {\n        ...extensionsStatusRef.current,\n        [id]: status,\n      },\n      setExtensionsStatus,\n      extensionsStatusRef\n    );\n  };\n\n  // Removes an extension from the `extensionsStatus` state.\n  const removeExtensionStatus = (id: string) => {\n    const newExtensionsStatus = { ...extensionsStatusRef.current };\n    delete newExtensionsStatus[id];\n\n    setStateWithRef(\n      newExtensionsStatus,\n      setExtensionsStatus,\n      extensionsStatusRef\n    );\n  };\n\n  // Getter for the currently installed extensions.\n  //\n  // Loops through the supported extensios and checks if they are present in `injectedWeb3`. Adds\n  // `installed` status to the extension if it is present.\n  const getExtensionsStatus = (snapAvailable: boolean) => {\n    const { injectedWeb3 } = window;\n\n    const newExtensionsStatus = { ...extensionsStatus };\n    if (snapAvailable) {\n      newExtensionsStatus[\"metamask-polkadot-snap\"] = \"installed\";\n    }\n\n    const extensionsAsArray = Object.entries(extensions).map(\n      ([key, value]) => ({\n        id: key,\n        ...value,\n      })\n    );\n\n    extensionsAsArray.forEach((e) => {\n      if (injectedWeb3[e.id] !== undefined) {\n        newExtensionsStatus[e.id] = \"installed\";\n      }\n    });\n\n    return newExtensionsStatus;\n  };\n\n  // Checks if an extension has been installed.\n  const extensionInstalled = (id: string): boolean =>\n    extensionsStatus[id] !== undefined;\n\n  // Checks whether an extension can be connected to.\n  const extensionCanConnect = (id: string): boolean =>\n    extensionInstalled(id) && extensionsStatus[id] !== \"connected\";\n\n  // Checks whether an extension supports a feature.\n  const extensionHasFeature = (id: string, feature: string): boolean => {\n    const { features } = extensions[id];\n    if (features === \"*\" || features.includes(feature)) {\n      return true;\n    } else {\n      return false;\n    }\n  };\n\n  // Check for `injectedWeb3` and Metamask Snap on mount. To trigger interval on soft page\n  // refreshes, no empty dependency array is provided to this `useEffect`. Checks for `injectedWeb3`\n  // for a total of 3 seconds before giving up.\n  //\n  // Interval duration.\n  const checkEveryMs = 300;\n  // Total interval iterations.\n  const totalChecks = 10;\n  useEffect(() => {\n    if (!intervalInitialisedRef.current) {\n      intervalInitialisedRef.current = true;\n\n      injectedWeb3Interval = setInterval(() => {\n        injectCounter.current++;\n\n        if (injectCounter.current === totalChecks) {\n          handleClearInterval(false);\n        } else {\n          // `injectedWeb3` is present\n          const injectedWeb3 = window?.injectedWeb3 || null;\n          if (injectedWeb3 !== null) {\n            handleClearInterval(true);\n          }\n        }\n      }, checkEveryMs);\n    }\n\n    return () => clearInterval(injectedWeb3Interval);\n  });\n\n  return (\n    <ExtensionsContext.Provider\n      value={{\n        extensionsStatus: extensionsStatusRef.current,\n        checkingInjectedWeb3,\n        setExtensionStatus,\n        removeExtensionStatus,\n        extensionInstalled,\n        extensionCanConnect,\n        extensionHasFeature,\n      }}\n    >\n      {children}\n    </ExtensionsContext.Provider>\n  );\n};\n"]}

package/mjs/ExtensionsProvider/types.d.ts

@@ -0,0 +1,44 @@
+import type { FunctionComponent, SVGProps } from "react";
+import { ExternalAccountAddedBy } from "../types";
+import { AnyJson, VoidFn } from "@w3ux/types";
+export interface ExtensionsContextInterface {
+    checkingInjectedWeb3: boolean;
+    extensionsStatus: Record<string, ExtensionStatus>;
+    setExtensionStatus: (id: string, status: ExtensionStatus) => void;
+    removeExtensionStatus: (id: string) => void;
+    extensionInstalled: (id: string) => boolean;
+    extensionCanConnect: (id: string) => boolean;
+    extensionHasFeature: (id: string, feature: string) => boolean;
+}
+export interface ExtensionInjected extends ExtensionConfig {
+    id: string;
+    enable: (n: string) => Promise<ExtensionInterface>;
+}
+export interface ExtensionInterface {
+    accounts: {
+        subscribe: (a: (b: ExtensionAccount[]) => void) => VoidFn;
+        get: () => Promise<ExtensionAccount[]>;
+    };
+    provider: AnyJson;
+    metadata: AnyJson;
+    signer: AnyJson;
+}
+export interface ExtensionAccount extends ExtensionMetadata {
+    address: string;
+    meta?: AnyJson;
+    name: string;
+    signer?: AnyJson;
+}
+export interface ExtensionConfig {
+    id: string;
+    title: string;
+    icon: FunctionComponent<SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    url: string;
+}
+export interface ExtensionMetadata {
+    addedBy?: ExternalAccountAddedBy;
+    source: string;
+}
+export type ExtensionStatus = "installed" | "not_authenticated" | "connected";

package/mjs/ExtensionsProvider/types.js

@@ -0,0 +1,5 @@
+export {};
+
+//# sourceMappingURL=types.js.map
+
+//# sourceMappingURL=types.js.map

package/mjs/ExtensionsProvider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ExtensionsProvider/types.ts"],"names":[],"mappings":"","file":"types.js","sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport type { FunctionComponent, SVGProps } from \"react\";\nimport { ExternalAccountAddedBy } from \"../types\";\nimport { AnyJson, VoidFn } from \"@w3ux/types\";\n\n// Extensions context interface.\nexport interface ExtensionsContextInterface {\n  checkingInjectedWeb3: boolean;\n  extensionsStatus: Record<string, ExtensionStatus>;\n  setExtensionStatus: (id: string, status: ExtensionStatus) => void;\n  removeExtensionStatus: (id: string) => void;\n  extensionInstalled: (id: string) => boolean;\n  extensionCanConnect: (id: string) => boolean;\n  extensionHasFeature: (id: string, feature: string) => boolean;\n}\n\n// Top level required properties the extension must expose via their `injectedWeb3` entry.\nexport interface ExtensionInjected extends ExtensionConfig {\n  id: string;\n  enable: (n: string) => Promise<ExtensionInterface>;\n}\n\n// Required properties `enable` must provide after resolution.\nexport interface ExtensionInterface {\n  accounts: {\n    subscribe: (a: (b: ExtensionAccount[]) => void) => VoidFn;\n    get: () => Promise<ExtensionAccount[]>;\n  };\n  provider: AnyJson;\n  metadata: AnyJson;\n  signer: AnyJson;\n}\n\n// Required properties returned after subscribing to accounts.\nexport interface ExtensionAccount extends ExtensionMetadata {\n  address: string;\n  meta?: AnyJson;\n  name: string;\n  signer?: AnyJson;\n}\n\n// Configuration item of an extension.\nexport interface ExtensionConfig {\n  id: string;\n  title: string;\n  icon: FunctionComponent<\n    SVGProps<SVGSVGElement> & { title?: string | undefined }\n  >;\n  url: string;\n}\n\n// Miscellaneous metadata added to an extension.\nexport interface ExtensionMetadata {\n  addedBy?: ExternalAccountAddedBy;\n  source: string;\n}\n\nexport type ExtensionStatus = \"installed\" | \"not_authenticated\" | \"connected\";\n"]}

package/mjs/ExtensionsProvider/utils.d.ts

@@ -0,0 +1,20 @@
+import { SnapRpcMethodRequest } from "@chainsafe/metamask-polkadot-types";
+import { AnyJson } from "@w3ux/types";
+declare global {
+    interface Window {
+        injectedWeb3?: AnyJson;
+        ethereum: {
+            isMetaMask: boolean;
+            send: (request: SnapRpcMethodRequest | {
+                method: string;
+                params?: never[];
+            }) => Promise<unknown>;
+            on: (eventName: unknown, callback: unknown) => unknown;
+            request: <T>(request: SnapRpcMethodRequest | {
+                method: string;
+                params?: AnyJson;
+            }) => Promise<T>;
+        };
+    }
+}
+export declare const polkadotSnapAvailable: () => Promise<boolean>;

package/mjs/ExtensionsProvider/utils.js

@@ -0,0 +1,26 @@
+import { hasMetaMask, } from "@chainsafe/metamask-polkadot-adapter/src/utils";
+import { withTimeout } from "@w3ux/utils";
+const getWalletSnaps = async () => {
+    const ethRequest = window?.ethereum?.request ? true : false;
+    if (ethRequest) {
+        const response = await withTimeout(200, window.ethereum.request({ method: "wallet_getSnaps" }));
+        return response;
+    }
+    return;
+};
+export const polkadotSnapAvailable = async () => {
+    if (!hasMetaMask()) {
+        return false;
+    }
+    try {
+        await getWalletSnaps();
+        return true;
+    }
+    catch (e) {
+        return false;
+    }
+};
+
+//# sourceMappingURL=utils.js.map
+
+//# sourceMappingURL=utils.js.map

package/mjs/ExtensionsProvider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ExtensionsProvider/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,WAAW,GACZ,MAAM,gDAAgD,CAAC;AAGxD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAwB1C,MAAM,cAAc,GAAG,KAAK,IAA+B,EAAE;IAC3D,MAAM,UAAU,GAAG,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5D,IAAI,UAAU,EAAE,CAAC;QACf,MAAM,QAAQ,GAAG,MAAM,WAAW,CAChC,GAAG,EACH,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC,CACvD,CAAC;QACF,OAAO,QAAqC,CAAC;IAC/C,CAAC;IACD,OAAO;AACT,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,IAAsB,EAAE;IAChE,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;QACnB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,CAAC;QACH,MAAM,cAAc,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC,CAAC","file":"utils.js","sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport {\n  GetSnapsResponse,\n  hasMetaMask,\n} from \"@chainsafe/metamask-polkadot-adapter/src/utils\";\nimport { SnapRpcMethodRequest } from \"@chainsafe/metamask-polkadot-types\";\nimport { AnyJson } from \"@w3ux/types\";\nimport { withTimeout } from \"@w3ux/utils\";\n\n// Workaround for current `ethereum` snap types. See\n// https://github.com/ChainSafe/metamask-snap-polkadot/blob/e0f3d4fc0be7366c62211e29d3a276e4fab5669e/packages/adapter/src/types.ts#L40\n// for full type.\ndeclare global {\n  interface Window {\n    injectedWeb3?: AnyJson;\n    ethereum: {\n      isMetaMask: boolean;\n      send: (\n        request: SnapRpcMethodRequest | { method: string; params?: never[] }\n      ) => Promise<unknown>;\n      on: (eventName: unknown, callback: unknown) => unknown;\n      request: <T>(\n        request: SnapRpcMethodRequest | { method: string; params?: AnyJson }\n      ) => Promise<T>;\n    };\n  }\n}\n\n// Checks if snaps are supported. Note that other extensions may inject `window.ethereum`, which may\n// break the request. We wrap the request in a timeout to ensure it doesn't hang the extension\n// discovery process.\nconst getWalletSnaps = async (): Promise<GetSnapsResponse> => {\n  const ethRequest = window?.ethereum?.request ? true : false;\n  if (ethRequest) {\n    const response = await withTimeout(\n      200,\n      window.ethereum.request({ method: \"wallet_getSnaps\" })\n    );\n    return response as Promise<GetSnapsResponse>;\n  }\n  return;\n};\n\n// Determines if Metamask Polkadot Snap is available and supported.\nexport const polkadotSnapAvailable = async (): Promise<boolean> => {\n  if (!hasMetaMask()) {\n    return false;\n  }\n\n  try {\n    await getWalletSnaps();\n    return true;\n  } catch (e) {\n    return false;\n  }\n};\n"]}

package/mjs/LedgerAccountsProvider/defaults.d.ts

@@ -0,0 +1,2 @@
+import { LedgerAccountsContextInterface } from "./types";
+export declare const defaultLedgerAccountsContext: LedgerAccountsContextInterface;

package/mjs/LedgerAccountsProvider/defaults.js

@@ -0,0 +1,13 @@
+export const defaultLedgerAccountsContext = {
+    ledgerAccountExists: (network, address) => false,
+    addLedgerAccount: (network, address, index, callback) => null,
+    removeLedgerAccount: (network, address, callback) => { },
+    renameLedgerAccount: (network, address, newName) => { },
+    getLedgerAccount: (network, address) => null,
+    getLedgerAccounts: (network) => [],
+    ledgerAccounts: [],
+};
+
+//# sourceMappingURL=defaults.js.map
+
+//# sourceMappingURL=defaults.js.map

package/mjs/LedgerAccountsProvider/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/LedgerAccountsProvider/defaults.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,4BAA4B,GAAmC;IAC1E,mBAAmB,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,KAAK;IAChD,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC,IAAI;IAC7D,mBAAmB,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,GAAE,CAAC;IACvD,mBAAmB,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,GAAE,CAAC;IACtD,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI;IAC5C,iBAAiB,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE;IAClC,cAAc,EAAE,EAAE;CACnB,CAAC","file":"defaults.js","sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n/* eslint-disable @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function,  no-unused-vars */\n\nimport { LedgerAccountsContextInterface } from \"./types\";\n\nexport const defaultLedgerAccountsContext: LedgerAccountsContextInterface = {\n  ledgerAccountExists: (network, address) => false,\n  addLedgerAccount: (network, address, index, callback) => null,\n  removeLedgerAccount: (network, address, callback) => {},\n  renameLedgerAccount: (network, address, newName) => {},\n  getLedgerAccount: (network, address) => null,\n  getLedgerAccounts: (network) => [],\n  ledgerAccounts: [],\n};\n"]}

package/mjs/LedgerAccountsProvider/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { LedgerAccountsContextInterface, LedgerAccountsProviderProps } from "./types";
+export declare const LedgerAccountsContext: import("react").Context<LedgerAccountsContextInterface>;
+export declare const useLedgerAccounts: () => LedgerAccountsContextInterface;
+export declare const LedgerAccountsProvider: ({ children, }: LedgerAccountsProviderProps) => import("react/jsx-runtime").JSX.Element;