@dynamic-labs/wallet-book 0.0.0-exp20240808.0

package/src/helpers/getWalletBookWallet.js

@@ -0,0 +1,13 @@
+'use client'
+const getWalletBookWallet = (walletBook, walletKey, walletFallback) => {
+    var _a, _b, _c;
+    if (!walletKey)
+        throw new Error('Wallet key is required. Please pass in a wallet key to getWalletBookWallet');
+    const walletData = (_b = (_a = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) === null || _a === void 0 ? void 0 : _a[walletKey]) !== null && _b !== void 0 ? _b : walletFallback;
+    if (!walletData) {
+        throw new Error(`Wallet ${walletKey} not found in wallet book (${Object.keys((_c = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _c !== void 0 ? _c : {}).length} wallets found)`);
+    }
+    return walletData;
+};
+
+export { getWalletBookWallet };

package/src/helpers/getWalletGroup.cjs

@@ -0,0 +1,13 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const getWalletGroup = (walletBook, key) => {
+    const group = walletBook.groups[key];
+    if (!group)
+        throw new Error(`Group ${key} not found in wallet book`);
+    return group;
+};
+
+exports.getWalletGroup = getWalletGroup;

package/src/helpers/getWalletGroup.d.ts

@@ -0,0 +1,3 @@
+import { WalletBookSchema } from '../schemas';
+import { WalletGroupSchema } from '../schemas/walletGroup';
+export declare const getWalletGroup: (walletBook: WalletBookSchema, key: string) => WalletGroupSchema;

package/src/helpers/getWalletGroup.js

@@ -0,0 +1,9 @@
+'use client'
+const getWalletGroup = (walletBook, key) => {
+    const group = walletBook.groups[key];
+    if (!group)
+        throw new Error(`Group ${key} not found in wallet book`);
+    return group;
+};
+
+export { getWalletGroup };

package/src/helpers/getWalletIconUrl.cjs

@@ -0,0 +1,34 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getWalletBookWallet = require('./getWalletBookWallet.cjs');
+var getBrandIconUrl = require('./getBrandIconUrl.cjs');
+var logger = require('./logger.cjs');
+var renderTemplate = require('./renderTemplate.cjs');
+
+const getWalletIconUrl = (walletBook, walletKey) => {
+    try {
+        const walletData = getWalletBookWallet.getWalletBookWallet(walletBook, walletKey);
+        if (walletData === null || walletData === void 0 ? void 0 : walletData.brand) {
+            return getBrandIconUrl.getBrandIconUrl(walletData.brand);
+        }
+    }
+    catch (err) {
+        logger.logger.error(err);
+    }
+    return '';
+};
+const getDefaultWalletIconUrl = () => {
+    try {
+        return renderTemplate.renderTemplate('iconicUrl', 'defaultwallet');
+    }
+    catch (err) {
+        logger.logger.error(err);
+    }
+    return '';
+};
+
+exports.getDefaultWalletIconUrl = getDefaultWalletIconUrl;
+exports.getWalletIconUrl = getWalletIconUrl;

package/src/helpers/getWalletIconUrl.d.ts

@@ -0,0 +1,3 @@
+import { WalletBookSchema } from '../schemas';
+export declare const getWalletIconUrl: (walletBook: WalletBookSchema, walletKey?: string) => string | undefined;
+export declare const getDefaultWalletIconUrl: () => string | undefined;

package/src/helpers/getWalletIconUrl.js

@@ -0,0 +1,29 @@
+'use client'
+import { getWalletBookWallet } from './getWalletBookWallet.js';
+import { getBrandIconUrl } from './getBrandIconUrl.js';
+import { logger } from './logger.js';
+import { renderTemplate } from './renderTemplate.js';
+
+const getWalletIconUrl = (walletBook, walletKey) => {
+    try {
+        const walletData = getWalletBookWallet(walletBook, walletKey);
+        if (walletData === null || walletData === void 0 ? void 0 : walletData.brand) {
+            return getBrandIconUrl(walletData.brand);
+        }
+    }
+    catch (err) {
+        logger.error(err);
+    }
+    return '';
+};
+const getDefaultWalletIconUrl = () => {
+    try {
+        return renderTemplate('iconicUrl', 'defaultwallet');
+    }
+    catch (err) {
+        logger.error(err);
+    }
+    return '';
+};
+
+export { getDefaultWalletIconUrl, getWalletIconUrl };

package/src/helpers/getWalletLinks.cjs

@@ -0,0 +1,34 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var findWalletBookWallet = require('./findWalletBookWallet.cjs');
+var renderTemplate = require('./renderTemplate.cjs');
+
+const getWalletLinks = (walletBook, walletKey) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    const walletData = findWalletBookWallet.findWalletBookWallet(walletBook, walletKey);
+    const links = {
+        android: '',
+        brave: '',
+        chrome: '',
+        edge: '',
+        firefox: '',
+        ios: '',
+    };
+    links.brave =
+        (_b = renderTemplate.renderTemplate('chromeUrl', (_a = walletData === null || walletData === void 0 ? void 0 : walletData.desktop) === null || _a === void 0 ? void 0 : _a.chromeId)) !== null && _b !== void 0 ? _b : '';
+    links.chrome =
+        (_d = renderTemplate.renderTemplate('chromeUrl', (_c = walletData === null || walletData === void 0 ? void 0 : walletData.desktop) === null || _c === void 0 ? void 0 : _c.chromeId)) !== null && _d !== void 0 ? _d : '';
+    links.edge = (_f = renderTemplate.renderTemplate('edgeUrl', (_e = walletData === null || walletData === void 0 ? void 0 : walletData.desktop) === null || _e === void 0 ? void 0 : _e.edgeId)) !== null && _f !== void 0 ? _f : '';
+    links.firefox =
+        (_h = renderTemplate.renderTemplate('firefoxUrl', (_g = walletData === null || walletData === void 0 ? void 0 : walletData.desktop) === null || _g === void 0 ? void 0 : _g.firefoxId)) !== null && _h !== void 0 ? _h : '';
+    links.ios =
+        (_m = (_k = renderTemplate.renderTemplate('iosUrl', (_j = walletData === null || walletData === void 0 ? void 0 : walletData.mobile) === null || _j === void 0 ? void 0 : _j.iosId)) !== null && _k !== void 0 ? _k : (_l = walletData === null || walletData === void 0 ? void 0 : walletData.mobile) === null || _l === void 0 ? void 0 : _l.ios) !== null && _m !== void 0 ? _m : '';
+    links.android =
+        (_r = (_p = renderTemplate.renderTemplate('androidUrl', (_o = walletData === null || walletData === void 0 ? void 0 : walletData.mobile) === null || _o === void 0 ? void 0 : _o.androidId)) !== null && _p !== void 0 ? _p : (_q = walletData === null || walletData === void 0 ? void 0 : walletData.mobile) === null || _q === void 0 ? void 0 : _q.android) !== null && _r !== void 0 ? _r : '';
+    return links;
+};
+
+exports.getWalletLinks = getWalletLinks;

package/src/helpers/getWalletLinks.d.ts

@@ -0,0 +1,10 @@
+import { WalletBookSchema } from '../schemas';
+export type WalletLinks = {
+    android: string;
+    brave: string;
+    chrome: string;
+    edge: string;
+    firefox: string;
+    ios: string;
+};
+export declare const getWalletLinks: (walletBook: WalletBookSchema, walletKey: string) => WalletLinks;

package/src/helpers/getWalletLinks.js

@@ -0,0 +1,30 @@
+'use client'
+import { findWalletBookWallet } from './findWalletBookWallet.js';
+import { renderTemplate } from './renderTemplate.js';
+
+const getWalletLinks = (walletBook, walletKey) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    const walletData = findWalletBookWallet(walletBook, walletKey);
+    const links = {
+        android: '',
+        brave: '',
+        chrome: '',
+        edge: '',
+        firefox: '',
+        ios: '',
+    };
+    links.brave =
+        (_b = renderTemplate('chromeUrl', (_a = walletData === null || walletData === void 0 ? void 0 : walletData.desktop) === null || _a === void 0 ? void 0 : _a.chromeId)) !== null && _b !== void 0 ? _b : '';
+    links.chrome =
+        (_d = renderTemplate('chromeUrl', (_c = walletData === null || walletData === void 0 ? void 0 : walletData.desktop) === null || _c === void 0 ? void 0 : _c.chromeId)) !== null && _d !== void 0 ? _d : '';
+    links.edge = (_f = renderTemplate('edgeUrl', (_e = walletData === null || walletData === void 0 ? void 0 : walletData.desktop) === null || _e === void 0 ? void 0 : _e.edgeId)) !== null && _f !== void 0 ? _f : '';
+    links.firefox =
+        (_h = renderTemplate('firefoxUrl', (_g = walletData === null || walletData === void 0 ? void 0 : walletData.desktop) === null || _g === void 0 ? void 0 : _g.firefoxId)) !== null && _h !== void 0 ? _h : '';
+    links.ios =
+        (_m = (_k = renderTemplate('iosUrl', (_j = walletData === null || walletData === void 0 ? void 0 : walletData.mobile) === null || _j === void 0 ? void 0 : _j.iosId)) !== null && _k !== void 0 ? _k : (_l = walletData === null || walletData === void 0 ? void 0 : walletData.mobile) === null || _l === void 0 ? void 0 : _l.ios) !== null && _m !== void 0 ? _m : '';
+    links.android =
+        (_r = (_p = renderTemplate('androidUrl', (_o = walletData === null || walletData === void 0 ? void 0 : walletData.mobile) === null || _o === void 0 ? void 0 : _o.androidId)) !== null && _p !== void 0 ? _p : (_q = walletData === null || walletData === void 0 ? void 0 : walletData.mobile) === null || _q === void 0 ? void 0 : _q.android) !== null && _r !== void 0 ? _r : '';
+    return links;
+};
+
+export { getWalletLinks };

package/src/helpers/getWalletPrimaryColor.cjs

@@ -0,0 +1,14 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getWalletBookWallet = require('./getWalletBookWallet.cjs');
+
+const getWalletPrimaryColor = (walletBook, walletKey) => {
+    var _a;
+    const walletData = getWalletBookWallet.getWalletBookWallet(walletBook, walletKey);
+    return (_a = walletData === null || walletData === void 0 ? void 0 : walletData.brand) === null || _a === void 0 ? void 0 : _a.primaryColor;
+};
+
+exports.getWalletPrimaryColor = getWalletPrimaryColor;

package/src/helpers/getWalletPrimaryColor.d.ts

@@ -0,0 +1,2 @@
+import { WalletBookSchema } from '../schemas';
+export declare const getWalletPrimaryColor: (walletBook: WalletBookSchema, walletKey: string) => string | undefined;

package/src/helpers/getWalletPrimaryColor.js

@@ -0,0 +1,10 @@
+'use client'
+import { getWalletBookWallet } from './getWalletBookWallet.js';
+
+const getWalletPrimaryColor = (walletBook, walletKey) => {
+    var _a;
+    const walletData = getWalletBookWallet(walletBook, walletKey);
+    return (_a = walletData === null || walletData === void 0 ? void 0 : walletData.brand) === null || _a === void 0 ? void 0 : _a.primaryColor;
+};
+
+export { getWalletPrimaryColor };

package/src/helpers/index.d.ts

@@ -0,0 +1,14 @@
+export * from './getWalletIconUrl';
+export * from './getWalletBookWallet';
+export * from './getWalletLinks';
+export * from './getWalletPrimaryColor';
+export * from './renderTemplate';
+export * from './findWalletBookWallet';
+export * from './logger';
+export * from './getWalletGroup';
+export * from './findWalletGroup';
+export * from './getWalletBookCdnUrl';
+export * from './getBrandIconUrl';
+export * from './findWalletGroupOverride';
+export * from './isWalletMethodSupported';
+export * from './isWalletEventSupported';

package/src/helpers/isWalletEventSupported.cjs

@@ -0,0 +1,8 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const isWalletEventSupported = (wallet, event, platform) => { var _a, _b, _c; return !((_c = (_b = (_a = wallet === null || wallet === void 0 ? void 0 : wallet.walletLimitations) === null || _a === void 0 ? void 0 : _a[platform]) === null || _b === void 0 ? void 0 : _b.unsupportedEvents) === null || _c === void 0 ? void 0 : _c.includes(event)); };
+
+exports.isWalletEventSupported = isWalletEventSupported;

package/src/helpers/isWalletEventSupported.d.ts

@@ -0,0 +1,2 @@
+import { WalletSchema } from '../schemas';
+export declare const isWalletEventSupported: (wallet: WalletSchema | undefined, event: string, platform: keyof NonNullable<WalletSchema['walletLimitations']>) => boolean;

package/src/helpers/isWalletEventSupported.js

@@ -0,0 +1,4 @@
+'use client'
+const isWalletEventSupported = (wallet, event, platform) => { var _a, _b, _c; return !((_c = (_b = (_a = wallet === null || wallet === void 0 ? void 0 : wallet.walletLimitations) === null || _a === void 0 ? void 0 : _a[platform]) === null || _b === void 0 ? void 0 : _b.unsupportedEvents) === null || _c === void 0 ? void 0 : _c.includes(event)); };
+
+export { isWalletEventSupported };

package/src/helpers/isWalletMethodSupported.cjs

@@ -0,0 +1,8 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const isWalletMethodSupported = (wallet, method, platform) => { var _a, _b, _c; return !((_c = (_b = (_a = wallet === null || wallet === void 0 ? void 0 : wallet.walletLimitations) === null || _a === void 0 ? void 0 : _a[platform]) === null || _b === void 0 ? void 0 : _b.unsupportedMethods) === null || _c === void 0 ? void 0 : _c.includes(method)); };
+
+exports.isWalletMethodSupported = isWalletMethodSupported;

package/src/helpers/isWalletMethodSupported.d.ts

@@ -0,0 +1,2 @@
+import { WalletSchema } from '../schemas';
+export declare const isWalletMethodSupported: (wallet: WalletSchema | undefined, method: string, platform: keyof NonNullable<WalletSchema['walletLimitations']>) => boolean;

package/src/helpers/isWalletMethodSupported.js

@@ -0,0 +1,4 @@
+'use client'
+const isWalletMethodSupported = (wallet, method, platform) => { var _a, _b, _c; return !((_c = (_b = (_a = wallet === null || wallet === void 0 ? void 0 : wallet.walletLimitations) === null || _a === void 0 ? void 0 : _a[platform]) === null || _b === void 0 ? void 0 : _b.unsupportedMethods) === null || _c === void 0 ? void 0 : _c.includes(method)); };
+
+export { isWalletMethodSupported };

package/src/helpers/logger.cjs

@@ -0,0 +1,10 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var logger$1 = require('@dynamic-labs/logger');
+
+const logger = new logger$1.Logger('WalletBook');
+
+exports.logger = logger;

package/src/helpers/logger.d.ts

@@ -0,0 +1,2 @@
+import { Logger } from '@dynamic-labs/logger';
+export declare const logger: Logger;

package/src/helpers/logger.js

@@ -0,0 +1,6 @@
+'use client'
+import { Logger } from '@dynamic-labs/logger';
+
+const logger = new Logger('WalletBook');
+
+export { logger };

package/src/helpers/renderTemplate.cjs

@@ -0,0 +1,23 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var iconic = require('@dynamic-labs/iconic');
+
+const TEMPLATES = {
+    androidUrl: 'https://play.google.com/store/apps/details?id={{id}}',
+    chromeUrl: 'https://chrome.google.com/webstore/detail/{{id}}',
+    edgeUrl: 'https://microsoftedge.microsoft.com/addons/detail/{{id}}',
+    firefoxUrl: 'https://addons.mozilla.org/en-US/firefox/addon/{{id}}',
+    iconicUrl: `${iconic.getIconicSpriteUrl()}#{{id}}`,
+    iosUrl: 'https://apps.apple.com/app/apple-store/{{id}}',
+    walletConnectUrl: 'https://registry.walletconnect.org/v2/logo/sm/{{id}}',
+};
+const renderTemplate = (templateName, data) => {
+    if (!data)
+        return undefined;
+    return TEMPLATES[templateName].replace('{{id}}', data);
+};
+
+exports.renderTemplate = renderTemplate;

package/src/helpers/renderTemplate.d.ts

@@ -0,0 +1,12 @@
+declare const TEMPLATES: {
+    readonly androidUrl: "https://play.google.com/store/apps/details?id={{id}}";
+    readonly chromeUrl: "https://chrome.google.com/webstore/detail/{{id}}";
+    readonly edgeUrl: "https://microsoftedge.microsoft.com/addons/detail/{{id}}";
+    readonly firefoxUrl: "https://addons.mozilla.org/en-US/firefox/addon/{{id}}";
+    readonly iconicUrl: `${string}#{{id}}`;
+    readonly iosUrl: "https://apps.apple.com/app/apple-store/{{id}}";
+    readonly walletConnectUrl: "https://registry.walletconnect.org/v2/logo/sm/{{id}}";
+};
+export type TemplateName = keyof typeof TEMPLATES;
+export declare const renderTemplate: (templateName: TemplateName, data: any) => string | undefined;
+export {};

package/src/helpers/renderTemplate.js

@@ -0,0 +1,19 @@
+'use client'
+import { getIconicSpriteUrl } from '@dynamic-labs/iconic';
+
+const TEMPLATES = {
+    androidUrl: 'https://play.google.com/store/apps/details?id={{id}}',
+    chromeUrl: 'https://chrome.google.com/webstore/detail/{{id}}',
+    edgeUrl: 'https://microsoftedge.microsoft.com/addons/detail/{{id}}',
+    firefoxUrl: 'https://addons.mozilla.org/en-US/firefox/addon/{{id}}',
+    iconicUrl: `${getIconicSpriteUrl()}#{{id}}`,
+    iosUrl: 'https://apps.apple.com/app/apple-store/{{id}}',
+    walletConnectUrl: 'https://registry.walletconnect.org/v2/logo/sm/{{id}}',
+};
+const renderTemplate = (templateName, data) => {
+    if (!data)
+        return undefined;
+    return TEMPLATES[templateName].replace('{{id}}', data);
+};
+
+export { renderTemplate };

package/src/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useWalletBookCdn';
+export * from './useWalletBookContext';

package/src/hooks/useWalletBookCdn.cjs

@@ -0,0 +1,51 @@
+'use client'
+'use strict';
+
+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');
+
+const useWalletBookCdn = () => {
+    const [walletBook, setWalletBook] = react.useState({});
+    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();
+    }, []);
+    return walletBook;
+};
+
+exports.useWalletBookCdn = useWalletBookCdn;

package/src/hooks/useWalletBookCdn.d.ts

@@ -0,0 +1,88 @@
+export declare const useWalletBookCdn: () => {
+    groups: Record<string, {
+        key: string;
+        name: string;
+        brand?: {
+            alt?: string | undefined;
+            primaryColor?: string | undefined;
+            spriteId?: string | undefined;
+        } | undefined;
+        walletOverrides?: Record<string, {
+            brand?: {
+                alt?: string | undefined;
+                primaryColor?: string | undefined;
+                spriteId?: string | undefined;
+            } | undefined;
+            name?: string | undefined;
+        }> | undefined;
+    }>;
+    wallets: Record<string, {
+        name: string;
+        brand?: {
+            alt?: string | undefined;
+            primaryColor?: string | undefined;
+            spriteId?: string | undefined;
+        } | undefined;
+        chainGroup?: string | undefined;
+        chains?: string[] | undefined;
+        desktop?: {
+            chromeId?: string | undefined;
+            edgeId?: string | undefined;
+            firefoxId?: string | undefined;
+            native?: string | undefined;
+            operaId?: string | undefined;
+            safariId?: string | undefined;
+            universal?: string | undefined;
+        } | undefined;
+        eip6963Config?: {
+            rdns: string;
+        } | undefined;
+        filterFromWalletConnect?: boolean | undefined;
+        group?: string | undefined;
+        hardwareWallets?: string[] | undefined;
+        injectedConfig?: {
+            chain: string;
+            extensionLocators: {
+                value: boolean;
+                flag: string;
+            }[];
+            providerInterface?: string | undefined;
+            walletStandard?: {
+                name: string;
+                features: string[];
+            } | undefined;
+            walletStandardLocators?: {
+                name: string;
+                locator: string;
+            }[] | undefined;
+            windowLocations?: string[] | undefined;
+        }[] | undefined;
+        mobile?: {
+            android?: string | null | undefined;
+            androidId?: string | undefined;
+            inAppBrowser?: string | null | undefined;
+            ios?: string | null | undefined;
+            iosId?: string | undefined;
+            native?: string | undefined;
+            universal?: string | undefined;
+        } | undefined;
+        mobileExperience?: "in-app-browser" | "redirect" | undefined;
+        shortName?: string | undefined;
+        showOnlyIfInstalled?: boolean | undefined;
+        switchNetworkOnlyFromWallet?: boolean | undefined;
+        walletConnect?: {
+            sdks?: string[] | undefined;
+        } | undefined;
+        walletGroup?: string | undefined;
+        walletLimitations?: {
+            browserExtension?: {
+                unsupportedEvents?: string[] | undefined;
+                unsupportedMethods?: string[] | undefined;
+            } | undefined;
+            mobile?: {
+                unsupportedEvents?: string[] | undefined;
+                unsupportedMethods?: string[] | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+};

package/src/hooks/useWalletBookCdn.js

@@ -0,0 +1,47 @@
+'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';
+
+const useWalletBookCdn = () => {
+    const [walletBook, setWalletBook] = useState({});
+    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();
+    }, []);
+    return walletBook;
+};
+
+export { useWalletBookCdn };

package/src/hooks/useWalletBookContext.cjs

@@ -0,0 +1,24 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+require('../../_virtual/_tslib.cjs');
+require('../helpers/renderTemplate.cjs');
+require('../helpers/logger.cjs');
+require('@dynamic-labs/utils');
+require('../schemas/walletConnectSourceSchema.cjs');
+require('../schemas/walletBookSchema.cjs');
+require('../schemas/walletSchema.cjs');
+var WalletBookContext = require('../components/WalletBookContext.cjs');
+
+const useWalletBookContext = () => {
+    const context = react.useContext(WalletBookContext.WalletBookContext);
+    if (context === undefined) {
+        throw new Error('useWalletBookContext must be used within a WalletBookContextProvider');
+    }
+    return context;
+};
+
+exports.useWalletBookContext = useWalletBookContext;

package/src/hooks/useWalletBookContext.d.ts

@@ -0,0 +1 @@
+export declare const useWalletBookContext: () => import("../components").IWalletBookContext;

package/src/hooks/useWalletBookContext.js

@@ -0,0 +1,20 @@
+'use client'
+import { useContext } from 'react';
+import '../../_virtual/_tslib.js';
+import '../helpers/renderTemplate.js';
+import '../helpers/logger.js';
+import '@dynamic-labs/utils';
+import '../schemas/walletConnectSourceSchema.js';
+import '../schemas/walletBookSchema.js';
+import '../schemas/walletSchema.js';
+import { WalletBookContext } from '../components/WalletBookContext.js';
+
+const useWalletBookContext = () => {
+    const context = useContext(WalletBookContext);
+    if (context === undefined) {
+        throw new Error('useWalletBookContext must be used within a WalletBookContextProvider');
+    }
+    return context;
+};
+
+export { useWalletBookContext };