@dynamic-labs/wallet-book 4.0.0-alpha.5 → 4.0.0-alpha.51

package/src/hooks/useWalletBookCdn.cjs

@@ -3,49 +3,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../_virtual/_tslib.cjs');
 var react = require('react');
-var utils = require('@dynamic-labs/utils');
-require('../schemas/walletConnectSourceSchema.cjs');
-var walletBookSchema = require('../schemas/walletBookSchema.cjs');
-require('../schemas/walletSchema.cjs');
-require('../helpers/renderTemplate.cjs');
-var logger = require('../helpers/logger.cjs');
-var getWalletBookCdnUrl = require('../helpers/getWalletBookCdnUrl.cjs');
-var walletBookFallbacks = require('../../wallet-book-fallbacks.cjs');
+var fetchWalletBook = require('./fetchWalletBook/fetchWalletBook.cjs');
 
+// Initiate wallet book fetch immediately
+fetchWalletBook.fetchWalletBook();
 const useWalletBookCdn = () => {
-    const [walletBook, setWalletBook] = react.useState({});
+    const [walletBookState, setWalletBookState] = react.useState(fetchWalletBook.walletBookCache.current);
     react.useEffect(() => {
-        const fetchWalletBook = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            const url = getWalletBookCdnUrl.getWalletBookCdnUrl();
-            const fn = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-                const res = yield fetch(url, { mode: 'cors' });
-                if (res.ok) {
-                    const json = yield res.json();
-                    try {
-                        const parsedData = walletBookSchema.walletBookSchema.parse(json);
-                        return parsedData;
-                    }
-                    catch (e) {
-                        logger.logger.error('Error parsing wallet book data', e, json);
-                        throw e;
-                    }
-                }
-                throw new Error(`Failed to fetch wallet book data from ${url} with status code ${res.status}`);
-            });
-            const data = yield utils.retryableFn(fn, {
-                fallbackValue: walletBookSchema.walletBookSchema.parse(walletBookFallbacks["default"]),
-                logger: logger.logger.createLogger('useWalletBookCdn'),
-                maxRetries: 3,
-                retryStrategy: 'timeout-and-rejection',
-                timeoutMs: 30000,
-            });
-            setWalletBook(data);
-        });
-        fetchWalletBook();
+        fetchWalletBook.walletBookEmitter.on('walletBookLoaded', setWalletBookState);
+        /**
+         * Justification for this setWalletBookState call — imagine the following scenario:
+         *
+         * 1. fetchWalletBook() is called — the wallet book is not yet loaded
+         * 2. useState(walletBookCache.current) is called, and therefore initializes walletBookState to {}
+         * 3. Before this effect runs — wallet book is loaded, and the walletBookLoaded event is emitted
+         * 4. This effect finally runs and only then subscribes to the walletBookLoaded event
+         *
+         * In this case, walletBookState would be initialized to {}, and would never be updated to the actual wallet book
+         * Therefore, we need to call setWalletBookState(walletBookCache.current)
+         * to ensure that walletBookState is initialized to the correct value in this edge case
+         */
+        setWalletBookState(fetchWalletBook.walletBookCache.current);
+        return () => {
+            fetchWalletBook.walletBookEmitter.off('walletBookLoaded', setWalletBookState);
+        };
     }, []);
-    return walletBook;
+    return walletBookState;
 };
 
 exports.useWalletBookCdn = useWalletBookCdn;

package/src/hooks/useWalletBookCdn.js

@@ -1,47 +1,31 @@
 'use client'
-import { __awaiter } from '../../_virtual/_tslib.js';
 import { useState, useEffect } from 'react';
-import { retryableFn } from '@dynamic-labs/utils';
-import '../schemas/walletConnectSourceSchema.js';
-import { walletBookSchema } from '../schemas/walletBookSchema.js';
-import '../schemas/walletSchema.js';
-import '../helpers/renderTemplate.js';
-import { logger } from '../helpers/logger.js';
-import { getWalletBookCdnUrl } from '../helpers/getWalletBookCdnUrl.js';
-import walletBookFallbacks from '../../wallet-book-fallbacks.js';
+import { fetchWalletBook, walletBookCache, walletBookEmitter } from './fetchWalletBook/fetchWalletBook.js';
 
+// Initiate wallet book fetch immediately
+fetchWalletBook();
 const useWalletBookCdn = () => {
-    const [walletBook, setWalletBook] = useState({});
+    const [walletBookState, setWalletBookState] = useState(walletBookCache.current);
     useEffect(() => {
-        const fetchWalletBook = () => __awaiter(void 0, void 0, void 0, function* () {
-            const url = getWalletBookCdnUrl();
-            const fn = () => __awaiter(void 0, void 0, void 0, function* () {
-                const res = yield fetch(url, { mode: 'cors' });
-                if (res.ok) {
-                    const json = yield res.json();
-                    try {
-                        const parsedData = walletBookSchema.parse(json);
-                        return parsedData;
-                    }
-                    catch (e) {
-                        logger.error('Error parsing wallet book data', e, json);
-                        throw e;
-                    }
-                }
-                throw new Error(`Failed to fetch wallet book data from ${url} with status code ${res.status}`);
-            });
-            const data = yield retryableFn(fn, {
-                fallbackValue: walletBookSchema.parse(walletBookFallbacks),
-                logger: logger.createLogger('useWalletBookCdn'),
-                maxRetries: 3,
-                retryStrategy: 'timeout-and-rejection',
-                timeoutMs: 30000,
-            });
-            setWalletBook(data);
-        });
-        fetchWalletBook();
+        walletBookEmitter.on('walletBookLoaded', setWalletBookState);
+        /**
+         * Justification for this setWalletBookState call — imagine the following scenario:
+         *
+         * 1. fetchWalletBook() is called — the wallet book is not yet loaded
+         * 2. useState(walletBookCache.current) is called, and therefore initializes walletBookState to {}
+         * 3. Before this effect runs — wallet book is loaded, and the walletBookLoaded event is emitted
+         * 4. This effect finally runs and only then subscribes to the walletBookLoaded event
+         *
+         * In this case, walletBookState would be initialized to {}, and would never be updated to the actual wallet book
+         * Therefore, we need to call setWalletBookState(walletBookCache.current)
+         * to ensure that walletBookState is initialized to the correct value in this edge case
+         */
+        setWalletBookState(walletBookCache.current);
+        return () => {
+            walletBookEmitter.off('walletBookLoaded', setWalletBookState);
+        };
     }, []);
-    return walletBook;
+    return walletBookState;
 };
 
 export { useWalletBookCdn };

package/src/index.cjs

@@ -3,41 +3,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var assertPackageVersion = require('@dynamic-labs/assert-package-version');
+var _package = require('../package.cjs');
 var WalletBookContext = require('./context/WalletBookContext.cjs');
 var getWalletIconUrl = require('./helpers/getWalletIconUrl.cjs');
 var getWalletBookWallet = require('./helpers/getWalletBookWallet.cjs');
-var getWalletLinks = require('./helpers/getWalletLinks.cjs');
-var getWalletPrimaryColor = require('./helpers/getWalletPrimaryColor.cjs');
-require('./helpers/renderTemplate.cjs');
+var renderTemplate = require('./helpers/renderTemplate.cjs');
 var findWalletBookWallet = require('./helpers/findWalletBookWallet.cjs');
-require('./helpers/logger.cjs');
+var logger = require('./helpers/logger.cjs');
 var getWalletGroup = require('./helpers/getWalletGroup.cjs');
 var findWalletGroup = require('./helpers/findWalletGroup.cjs');
 var getWalletBookCdnUrl = require('./helpers/getWalletBookCdnUrl.cjs');
 var getBrandIconUrl = require('./helpers/getBrandIconUrl.cjs');
 var findWalletGroupOverride = require('./helpers/findWalletGroupOverride.cjs');
-var isWalletMethodSupported = require('./helpers/isWalletMethodSupported.cjs');
-var isWalletEventSupported = require('./helpers/isWalletEventSupported.cjs');
+var isWalletBookPopulated = require('./helpers/isWalletBookPopulated.cjs');
 var useWalletBookCdn = require('./hooks/useWalletBookCdn.cjs');
 var WalletIcon = require('./components/WalletIcon.cjs');
 var WalletBookContextProvider = require('./components/WalletBookContextProvider.cjs');
 var BrandIcon = require('./components/BrandIcon.cjs');
 
-
+assertPackageVersion.assertPackageVersion('@dynamic-labs/wallet-book', _package.version);
 
 exports.useWalletBookContext = WalletBookContext.useWalletBookContext;
 exports.getWalletIconUrl = getWalletIconUrl.getWalletIconUrl;
 exports.getWalletBookWallet = getWalletBookWallet.getWalletBookWallet;
-exports.getWalletLinks = getWalletLinks.getWalletLinks;
-exports.getWalletPrimaryColor = getWalletPrimaryColor.getWalletPrimaryColor;
+exports.renderTemplate = renderTemplate.renderTemplate;
 exports.findWalletBookWallet = findWalletBookWallet.findWalletBookWallet;
+exports.logger = logger.logger;
 exports.getWalletGroup = getWalletGroup.getWalletGroup;
 exports.findWalletGroup = findWalletGroup.findWalletGroup;
 exports.getWalletBookCdnUrl = getWalletBookCdnUrl.getWalletBookCdnUrl;
 exports.getBrandIconUrl = getBrandIconUrl.getBrandIconUrl;
 exports.findWalletGroupOverride = findWalletGroupOverride.findWalletGroupOverride;
-exports.isWalletMethodSupported = isWalletMethodSupported.isWalletMethodSupported;
-exports.isWalletEventSupported = isWalletEventSupported.isWalletEventSupported;
+exports.isWalletBookPopulated = isWalletBookPopulated.isWalletBookPopulated;
 exports.useWalletBookCdn = useWalletBookCdn.useWalletBookCdn;
 exports.WalletIcon = WalletIcon.WalletIcon;
 exports.WalletBookContextProvider = WalletBookContextProvider.WalletBookContextProvider;

package/src/index.d.ts

@@ -3,7 +3,6 @@
  */
 export type { WalletBookSchema, WalletRecordsSchema, } from './schemas/walletBookSchema';
 export type { WalletSchema } from './schemas/walletSchema';
-export type { WalletLinks } from './helpers';
 /**
  * CONTEXT
  */
@@ -11,7 +10,7 @@ export { useWalletBookContext } from './context/WalletBookContext';
 /**
  * HELPERS
  */
-export { getWalletBookWallet, getWalletIconUrl, getWalletLinks, getWalletPrimaryColor, getWalletGroup, getWalletBookCdnUrl, findWalletBookWallet, findWalletGroup, getBrandIconUrl, findWalletGroupOverride, isWalletMethodSupported, isWalletEventSupported, } from './helpers';
+export { getWalletBookWallet, getWalletIconUrl, getWalletGroup, getWalletBookCdnUrl, findWalletBookWallet, findWalletGroup, getBrandIconUrl, findWalletGroupOverride, renderTemplate, isWalletBookPopulated, logger, } from './helpers';
 /**
  * HOOKS
  */

package/src/index.js

@@ -1,20 +1,21 @@
 'use client'
+import { assertPackageVersion } from '@dynamic-labs/assert-package-version';
+import { version } from '../package.js';
 export { useWalletBookContext } from './context/WalletBookContext.js';
 export { getWalletIconUrl } from './helpers/getWalletIconUrl.js';
 export { getWalletBookWallet } from './helpers/getWalletBookWallet.js';
-export { getWalletLinks } from './helpers/getWalletLinks.js';
-export { getWalletPrimaryColor } from './helpers/getWalletPrimaryColor.js';
-import './helpers/renderTemplate.js';
+export { renderTemplate } from './helpers/renderTemplate.js';
 export { findWalletBookWallet } from './helpers/findWalletBookWallet.js';
-import './helpers/logger.js';
+export { logger } from './helpers/logger.js';
 export { getWalletGroup } from './helpers/getWalletGroup.js';
 export { findWalletGroup } from './helpers/findWalletGroup.js';
 export { getWalletBookCdnUrl } from './helpers/getWalletBookCdnUrl.js';
 export { getBrandIconUrl } from './helpers/getBrandIconUrl.js';
 export { findWalletGroupOverride } from './helpers/findWalletGroupOverride.js';
-export { isWalletMethodSupported } from './helpers/isWalletMethodSupported.js';
-export { isWalletEventSupported } from './helpers/isWalletEventSupported.js';
+export { isWalletBookPopulated } from './helpers/isWalletBookPopulated.js';
 export { useWalletBookCdn } from './hooks/useWalletBookCdn.js';
 export { WalletIcon } from './components/WalletIcon.js';
 export { WalletBookContextProvider } from './components/WalletBookContextProvider.js';
 export { BrandIcon } from './components/BrandIcon.js';
+
+assertPackageVersion('@dynamic-labs/wallet-book', version);

package/wallet-book-fallbacks.cjs

@@ -65,6 +65,15 @@ var groups = {
 		key: "coinbase",
 		name: "Coinbase"
 	},
+	compasswallet: {
+		brand: {
+			alt: "Compass",
+			primaryColor: "#4B49C6",
+			spriteId: "1d7dea00-96be-4ce8-ca15-d14bddbb5000"
+		},
+		key: "compasswallet",
+		name: "Compass"
+	},
 	exodus: {
 		brand: {
 			alt: "Exodus Wallet",
@@ -73,6 +82,23 @@ var groups = {
 		key: "exodus",
 		name: "Exodus"
 	},
+	fireblocks: {
+		brand: {
+			alt: "Fireblocks",
+			spriteId: "fireblocks"
+		},
+		key: "fireblocks",
+		name: "Fireblocks"
+	},
+	flowwallet: {
+		brand: {
+			alt: "Flow Wallet",
+			primaryColor: "#2BE829",
+			spriteId: "flowwallet"
+		},
+		key: "flowwallet",
+		name: "Flow Wallet"
+	},
 	keplr: {
 		brand: {
 			alt: "Keplr",
@@ -106,6 +132,14 @@ var groups = {
 		key: "metamask",
 		name: "MetaMask"
 	},
+	nightly: {
+		brand: {
+			alt: "Nightly Wallet",
+			spriteId: "nightly"
+		},
+		key: "nightly",
+		name: "Nightly"
+	},
 	okxwallet: {
 		brand: {
 			alt: "OKX Wallet",
@@ -117,7 +151,7 @@ var groups = {
 	onekey: {
 		brand: {
 			alt: "OneKey Wallet",
-			spriteId: "12bebb3f-8030-4892-8452-c60a6bac1500"
+			spriteId: "onekey"
 		},
 		key: "onekey",
 		name: "OneKey"
@@ -628,8 +662,19 @@ var wallets = {
 			edgeId: "hkkpjehhcnhgefhbdcgfkeegglpjchdc",
 			firefoxId: "braavos-wallet"
 		},
+		injectedConfig: [
+			{
+				chain: "starknet",
+				extensionLocators: [
+				],
+				windowLocations: [
+					"braavos"
+				]
+			}
+		],
 		mobile: {
 			androidId: "app.braavos.wallet",
+			inAppBrowser: "https://link.braavos.app/dapp/{{encodedDappURI}}",
 			iosId: "id1636013523"
 		},
 		name: "Braavos"
@@ -811,6 +856,19 @@ var wallets = {
 		filterFromWalletConnect: true,
 		name: "Lilico"
 	},
+	flowwalletflow: {
+		brand: {
+			alt: "Flow Wallet",
+			spriteId: "flowwallet"
+		},
+		chainGroup: "flowwallet",
+		desktop: {
+			chromeId: "hpclkefagolihohboafpheddmmgdffjm"
+		},
+		filterFromWalletConnect: true,
+		group: "flowwallet",
+		name: "Flow Wallet"
+	},
 	magicemailotp: {
 		brand: {
 			alt: "Magic Email OTP",
@@ -1011,6 +1069,9 @@ var wallets = {
 		desktop: {
 			chromeId: "aholpfdialjgjfhomihkjbmgjidlcdno"
 		},
+		eip6963Config: {
+			rdns: "com.exodus.web3-wallet"
+		},
 		filterFromWalletConnect: true,
 		group: "exodus",
 		injectedConfig: [
@@ -1118,7 +1179,7 @@ var wallets = {
 			iosId: "id1327268470",
 			native: "okex://main/wc"
 		},
-		name: "OKX",
+		name: "OKX Wallet",
 		shortName: "OKX Wallet",
 		walletConnect: {
 			sdks: [
@@ -1195,7 +1256,7 @@ var wallets = {
 			inAppBrowser: "okx://wallet/dapp/url?dappUrl={{encodedDappURI}}",
 			iosId: "id1327268470"
 		},
-		name: "OKX",
+		name: "OKX Wallet",
 		shortName: "OKX Wallet (Bitcoin)",
 		walletLimitations: {
 			browserExtension: {
@@ -1227,7 +1288,7 @@ var wallets = {
 	},
 	unknown: {
 		brand: {
-			spriteId: "captcha-wave"
+			spriteId: "unknown-wallet"
 		},
 		mobile: {
 			androidId: "enable-android",
@@ -1278,9 +1339,6 @@ var wallets = {
 		name: "Xverse",
 		walletLimitations: {
 			browserExtension: {
-				unsupportedEvents: [
-					"accountChanged"
-				],
 				unsupportedMethods: [
 					"getConnectedAccounts"
 				]
@@ -1289,7 +1347,7 @@ var wallets = {
 	},
 	fallbackconnector: {
 		brand: {
-			spriteId: "captcha-wave"
+			spriteId: "unknown-wallet"
 		},
 		mobile: {
 			androidId: "enable-android",
@@ -1303,6 +1361,94 @@ var wallets = {
 				]
 			}
 		}
+	},
+	oylwallet: {
+		brand: {
+			alt: "Oyl Wallet",
+			spriteId: "oyl"
+		},
+		desktop: {
+			chromeId: "ilolmnhjbbggkmopnemiphomhaojndmb"
+		},
+		injectedConfig: [
+			{
+				chain: "btc",
+				extensionLocators: [
+				],
+				windowLocations: [
+					"oyl"
+				]
+			}
+		],
+		name: "Oyl Wallet"
+	},
+	abstract: {
+		brand: {
+			alt: "Abstract",
+			spriteId: "abstract"
+		},
+		injectedConfig: [
+			{
+				chain: "evm",
+				extensionLocators: [
+				]
+			}
+		],
+		name: "Abstract"
+	},
+	edenonline: {
+		brand: {
+			alt: "Eden Online",
+			spriteId: "edenonline"
+		},
+		injectedConfig: [
+			{
+				chain: "evm",
+				extensionLocators: [
+				]
+			}
+		],
+		name: "Eden Online"
+	},
+	onekeybtc: {
+		brand: {
+			alt: "OneKey Wallet",
+			spriteId: "onekey"
+		},
+		chainGroup: "onekey",
+		desktop: {
+			chromeId: "jnmbobjmhlngoefaiojfljckilhhlhcj"
+		},
+		group: "onekey",
+		injectedConfig: [
+			{
+				chain: "btc",
+				extensionLocators: [
+				],
+				windowLocations: [
+					"$onekey.btc"
+				]
+			}
+		],
+		mobile: {
+			androidId: "so.onekey.app.wallet",
+			iosId: "id1609559473"
+		},
+		name: "OneKey"
+	},
+	intersend: {
+		brand: {
+			alt: "Intersend",
+			spriteId: "intersend"
+		},
+		injectedConfig: [
+			{
+				chain: "evm",
+				extensionLocators: [
+				]
+			}
+		],
+		name: "Intersend"
 	}
 };
 var walletBookFallbacks = {