@dynamic-labs/wallet-book 1.1.0-phantom.0 → 1.1.1

package/src/helpers/getWalletIconUrl.js

@@ -1,16 +1,13 @@
 import { getWalletBookWallet } from './getWalletBookWallet.js';
+import { getBrandIconUrl } from './getBrandIconUrl.js';
 import { logger } from './logger.js';
 import { renderTemplate } from './renderTemplate.js';
 
 const getWalletIconUrl = (walletBook, walletKey) => {
-    var _a, _b;
     try {
         const walletData = getWalletBookWallet(walletBook, walletKey);
-        if ((_a = walletData === null || walletData === void 0 ? void 0 : walletData.brand) === null || _a === void 0 ? void 0 : _a.spriteId) {
-            return renderTemplate('iconicUrl', walletData.brand.spriteId);
-        }
-        if ((_b = walletData === null || walletData === void 0 ? void 0 : walletData.brand) === null || _b === void 0 ? void 0 : _b.imageId) {
-            return renderTemplate('walletConnectUrl', walletData.brand.imageId);
+        if (walletData === null || walletData === void 0 ? void 0 : walletData.brand) {
+            return getBrandIconUrl(walletData.brand);
         }
     }
     catch (err) {

package/src/helpers/index.d.ts

@@ -9,3 +9,5 @@ export * from './logger';
 export * from './getWalletGroup';
 export * from './findWalletGroup';
 export * from './getWalletBookCdnUrl';
+export * from './getBrandIconUrl';
+export * from './findWalletGroupOverride';

package/src/helpers/normalizeWalletName.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const normalizeWalletName = (name) => { var _a; return (_a = name === null || name === void 0 ? void 0 : name.toLowerCase().replace(/\W/g, '')) !== null && _a !== void 0 ? _a : 'undefined-wallet'; };
+
+exports.normalizeWalletName = normalizeWalletName;

package/src/helpers/normalizeWalletName.js

@@ -0,0 +1,3 @@
+const normalizeWalletName = (name) => { var _a; return (_a = name === null || name === void 0 ? void 0 : name.toLowerCase().replace(/\W/g, '')) !== null && _a !== void 0 ? _a : 'undefined-wallet'; };
+
+export { normalizeWalletName };

package/src/hooks/useWalletBookCdn.cjs

@@ -4,6 +4,7 @@ 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');
@@ -16,23 +17,28 @@ const useWalletBookCdn = () => {
     react.useEffect(() => {
         const fetchWalletBook = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             const url = getWalletBookCdnUrl.getWalletBookCdnUrl();
-            let data;
-            try {
-                const response = yield fetch(url);
-                if (response.ok) {
-                    data = walletBookSchema.walletBookSchema.parse(yield response.json());
+            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;
+                    }
                 }
-                else {
-                    throw new Error('Fetch Failed with status: ' + response.status);
-                }
-            }
-            catch (e) {
-                logger.logger.error(`Failed to fetch wallet book data from CDN (${url})`, e);
-            }
-            if (!data) {
-                logger.logger.warn('Falling back to wallet book data from wallet-book-fallbacks.json');
-                data = walletBookSchema.walletBookSchema.parse(walletBookFallbacks["default"]);
-            }
+                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();

package/src/hooks/useWalletBookCdn.d.ts

@@ -8,6 +8,15 @@ export declare const useWalletBookCdn: () => {
             primaryColor?: string | undefined;
             spriteId?: string | undefined;
         } | undefined;
+        walletOverrides?: Record<string, {
+            brand?: {
+                alt?: string | undefined;
+                imageId?: string | undefined;
+                primaryColor?: string | undefined;
+                spriteId?: string | undefined;
+            } | undefined;
+            name?: string | undefined;
+        }> | undefined;
     }>;
     wallets: Record<string, {
         name: string;
@@ -17,6 +26,7 @@ export declare const useWalletBookCdn: () => {
             primaryColor?: string | undefined;
             spriteId?: string | undefined;
         } | undefined;
+        chainGroup?: string | undefined;
         chains?: string[] | undefined;
         desktop?: {
             chromeId?: string | undefined;
@@ -60,5 +70,6 @@ export declare const useWalletBookCdn: () => {
         walletConnect?: {
             sdks?: string[] | undefined;
         } | undefined;
+        walletGroup?: string | undefined;
     }>;
 };

package/src/hooks/useWalletBookCdn.js

@@ -1,5 +1,6 @@
 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';
@@ -12,23 +13,28 @@ const useWalletBookCdn = () => {
     useEffect(() => {
         const fetchWalletBook = () => __awaiter(void 0, void 0, void 0, function* () {
             const url = getWalletBookCdnUrl();
-            let data;
-            try {
-                const response = yield fetch(url);
-                if (response.ok) {
-                    data = walletBookSchema.parse(yield response.json());
+            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;
+                    }
                 }
-                else {
-                    throw new Error('Fetch Failed with status: ' + response.status);
-                }
-            }
-            catch (e) {
-                logger.error(`Failed to fetch wallet book data from CDN (${url})`, e);
-            }
-            if (!data) {
-                logger.warn('Falling back to wallet book data from wallet-book-fallbacks.json');
-                data = walletBookSchema.parse(walletBookFallbacks);
-            }
+                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();

package/src/hooks/useWalletBookContext.cjs

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
+require('../../_virtual/_tslib.cjs');
 require('../helpers/logger.cjs');
+require('@dynamic-labs/utils');
 require('../schemas/walletConnectSourceSchema.cjs');
 require('../schemas/walletBookSchema.cjs');
 require('../schemas/walletSchema.cjs');

package/src/hooks/useWalletBookContext.js

@@ -1,5 +1,7 @@
 import { useContext } from 'react';
+import '../../_virtual/_tslib.js';
 import '../helpers/logger.js';
+import '@dynamic-labs/utils';
 import '../schemas/walletConnectSourceSchema.js';
 import '../schemas/walletBookSchema.js';
 import '../schemas/walletSchema.js';

package/src/index.cjs

@@ -11,10 +11,13 @@ 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 useWalletBookCdn = require('./hooks/useWalletBookCdn.cjs');
 var useWalletBookContext = require('./hooks/useWalletBookContext.cjs');
 var WalletIcon = require('./components/WalletIcon.cjs');
 var WalletBookContext = require('./components/WalletBookContext.cjs');
+var BrandIcon = require('./components/BrandIcon.cjs');
 
 
 
@@ -26,7 +29,10 @@ exports.findWalletBookWallet = findWalletBookWallet.findWalletBookWallet;
 exports.getWalletGroup = getWalletGroup.getWalletGroup;
 exports.findWalletGroup = findWalletGroup.findWalletGroup;
 exports.getWalletBookCdnUrl = getWalletBookCdnUrl.getWalletBookCdnUrl;
+exports.getBrandIconUrl = getBrandIconUrl.getBrandIconUrl;
+exports.findWalletGroupOverride = findWalletGroupOverride.findWalletGroupOverride;
 exports.useWalletBookCdn = useWalletBookCdn.useWalletBookCdn;
 exports.useWalletBookContext = useWalletBookContext.useWalletBookContext;
 exports.WalletIcon = WalletIcon.WalletIcon;
 exports.WalletBookContextProvider = WalletBookContext.WalletBookContextProvider;
+exports.BrandIcon = BrandIcon.BrandIcon;

package/src/index.d.ts

@@ -7,7 +7,7 @@ export type { WalletLinks } from './helpers';
 /**
  * HELPERS
  */
-export { getWalletBookWallet, getWalletIconUrl, getWalletLinks, getWalletPrimaryColor, getWalletGroup, getWalletBookCdnUrl, findWalletBookWallet, findWalletGroup, } from './helpers';
+export { getWalletBookWallet, getWalletIconUrl, getWalletLinks, getWalletPrimaryColor, getWalletGroup, getWalletBookCdnUrl, findWalletBookWallet, findWalletGroup, getBrandIconUrl, findWalletGroupOverride, } from './helpers';
 /**
  * HOOKS
  */
@@ -15,4 +15,4 @@ export { useWalletBookCdn, useWalletBookContext } from './hooks';
 /**
  * COMPONENTS
  */
-export { WalletIcon, WalletBookContextProvider } from './components';
+export { WalletIcon, WalletBookContextProvider, BrandIcon } from './components';

package/src/index.js

@@ -7,7 +7,10 @@ import './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 { useWalletBookCdn } from './hooks/useWalletBookCdn.js';
 export { useWalletBookContext } from './hooks/useWalletBookContext.js';
 export { WalletIcon } from './components/WalletIcon.js';
 export { WalletBookContextProvider } from './components/WalletBookContext.js';
+export { BrandIcon } from './components/BrandIcon.js';