@dynamic-labs/wallet-book 0.18.0-RC.1 → 0.18.0-RC.2

package/CHANGELOG.md

@@ -1,4 +1,27 @@
 
+## [0.18.0-RC.2](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.1...v0.18.0-RC.2) (2023-06-16)
+
+
+### Features
+
+* add Dynamic Bridge widget ([#2316](https://github.com/dynamic-labs/DynamicAuth/issues/2316)) ([0e71a88](https://github.com/dynamic-labs/DynamicAuth/commit/0e71a88c6dd740583448ed7b45fa335aaa736079))
+* add search bar to bridge wallets view ([#2357](https://github.com/dynamic-labs/DynamicAuth/issues/2357)) ([a8415fc](https://github.com/dynamic-labs/DynamicAuth/commit/a8415fc744216660a78c1443962711699e45429a))
+* bridge flow improvements ([#2367](https://github.com/dynamic-labs/DynamicAuth/issues/2367)) ([38a44be](https://github.com/dynamic-labs/DynamicAuth/commit/38a44be417fd1363b0d8e45ec1834f9aaf680427))
+* **Bridge:** add bridge navigation component ([#2340](https://github.com/dynamic-labs/DynamicAuth/issues/2340)) ([1e9adae](https://github.com/dynamic-labs/DynamicAuth/commit/1e9adaed3682bc9a7aab385221818946cad397f2))
+* **Bridge:** integrate dynamic bridge ui ([#2354](https://github.com/dynamic-labs/DynamicAuth/issues/2354)) ([1465bf8](https://github.com/dynamic-labs/DynamicAuth/commit/1465bf8717cbc9905285c2d867bc3e1d0cd1114b))
+* **DYN-2519:** create state for multiple connected wallets ([#2326](https://github.com/dynamic-labs/DynamicAuth/issues/2326)) ([fc05aa4](https://github.com/dynamic-labs/DynamicAuth/commit/fc05aa4d91b0af8950c5da84c69130557ba36b09)), closes [#2319](https://github.com/dynamic-labs/DynamicAuth/issues/2319)
+* **MultiWalletStepSelectorModal:** add modal to connect multiple wallets ([#2348](https://github.com/dynamic-labs/DynamicAuth/issues/2348)) ([39ce0b2](https://github.com/dynamic-labs/DynamicAuth/commit/39ce0b26fdf6494a4e1ba7867e80bf399d11631f))
+* use wallet-book from CDN ([#2352](https://github.com/dynamic-labs/DynamicAuth/issues/2352)) ([9d1498f](https://github.com/dynamic-labs/DynamicAuth/commit/9d1498f2aec4bb9f3e3d6b386d9cafea3a33bd58))
+
+
+### Bug Fixes
+
+* handle email only without primary wallet state ([#2342](https://github.com/dynamic-labs/DynamicAuth/issues/2342)) ([98583bb](https://github.com/dynamic-labs/DynamicAuth/commit/98583bb8820ac80967bf1059cbaf47d04bfd603a))
+* s3 cp for walletbook json ([8127b79](https://github.com/dynamic-labs/DynamicAuth/commit/8127b790333b36f40a2cc230a576c01aaad42196))
+* setting initial view when error in auth flow ([#2345](https://github.com/dynamic-labs/DynamicAuth/issues/2345)) ([85dcefb](https://github.com/dynamic-labs/DynamicAuth/commit/85dcefb54be498b540904b381b53f9ea7e0cd024))
+* typo in github action ([d746bc0](https://github.com/dynamic-labs/DynamicAuth/commit/d746bc01981a3263e3ab4f654debf77b408cda3a))
+* **widget:** add fallback icon when oauth provider does not exist ([#2349](https://github.com/dynamic-labs/DynamicAuth/issues/2349)) ([bd2a505](https://github.com/dynamic-labs/DynamicAuth/commit/bd2a505724affd6f5356c0c4f31586ffd188e539))
+
 ## [0.18.0-RC.1](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.0...v0.18.0-RC.1) (2023-06-14)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/wallet-book",
-  "version": "0.18.0-RC.1",
+  "version": "0.18.0-RC.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -29,6 +29,6 @@
     "react-dom": "^17.0.2 || ^18.0.0"
   },
   "dependencies": {
-    "@dynamic-labs/logger": "0.18.0-RC.1"
+    "@dynamic-labs/logger": "0.18.0-RC.2"
   }
 }

package/src/build/sources/walletConnect/index.d.ts

@@ -10,6 +10,13 @@ export declare const walletConnectSourceData: Record<string, {
         universal: string | null;
     };
     sdks: string[];
+    metadata: {
+        shortName: string | null;
+        colors: {
+            primary: string | null;
+            secondary: string | null;
+        };
+    };
     app: {
         android: string | null;
         ios: string | null;
@@ -37,19 +44,12 @@ export declare const walletConnectSourceData: Record<string, {
         injected_id: string;
         namespace: string;
     }[] | null;
-    metadata: {
-        shortName: string | null;
-        colors: {
-            primary: string | null;
-            secondary: string | null;
-        };
-    };
     slug: string;
     supported_standards: {
+        title: string;
         id: string;
         standard_id: number;
         standard_prefix: string;
-        title: string;
         url: string;
     }[];
     updatedAt: string;

package/src/components/WalletBookContext.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+const WalletBookContext = react.createContext({});
+const WalletBookContextProvider = ({ walletBook, children, }) => react.createElement(WalletBookContext.Provider, {
+    value: { walletBook },
+}, children);
+
+exports.WalletBookContext = WalletBookContext;
+exports.WalletBookContextProvider = WalletBookContextProvider;

package/src/components/WalletBookContext.d.ts

@@ -0,0 +1,9 @@
+import { WalletBookSchema } from '../schemas';
+export type IWalletBookContext = {
+    walletBook: WalletBookSchema;
+};
+export declare const WalletBookContext: import("react").Context<IWalletBookContext>;
+export declare const WalletBookContextProvider: ({ walletBook, children, }: {
+    walletBook: WalletBookSchema;
+    children: React.ReactNode;
+}) => import("react").FunctionComponentElement<import("react").ProviderProps<IWalletBookContext>>;

package/src/components/WalletBookContext.js

@@ -0,0 +1,8 @@
+import { createContext, createElement } from 'react';
+
+const WalletBookContext = createContext({});
+const WalletBookContextProvider = ({ walletBook, children, }) => createElement(WalletBookContext.Provider, {
+    value: { walletBook },
+}, children);
+
+export { WalletBookContext, WalletBookContextProvider };

package/src/components/WalletIcon.cjs

@@ -3,13 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
-var getIconUrl = require('../helpers/getIconUrl.cjs');
+var getWalletIconUrl = require('../helpers/getWalletIconUrl.cjs');
 var findWalletBookWallet = require('../helpers/findWalletBookWallet.cjs');
 require('../helpers/logger.cjs');
+require('../schemas/walletConnectSourceSchema.cjs');
+require('../schemas/walletBookSchema.cjs');
+require('../schemas/walletSchema.cjs');
+var useWalletBookContext = require('../hooks/useWalletBookContext.cjs');
 
 const WalletIcon = ({ walletName, children, ...props }) => {
-    const walletData = findWalletBookWallet.findWalletBookWallet(walletName);
-    const walletIconUrl = getIconUrl.getWalletIconUrl(walletName);
+    const { walletBook } = useWalletBookContext.useWalletBookContext();
+    const walletData = findWalletBookWallet.findWalletBookWallet(walletBook, walletName);
+    const walletIconUrl = getWalletIconUrl.getWalletIconUrl(walletBook, walletName);
     if (!walletData || !walletData.brand || !walletIconUrl) {
         return react.createElement(react.Fragment, {}, children);
     }

package/src/components/WalletIcon.js

@@ -1,11 +1,16 @@
 import { createElement, Fragment } from 'react';
-import { getWalletIconUrl } from '../helpers/getIconUrl.js';
+import { getWalletIconUrl } from '../helpers/getWalletIconUrl.js';
 import { findWalletBookWallet } from '../helpers/findWalletBookWallet.js';
 import '../helpers/logger.js';
+import '../schemas/walletConnectSourceSchema.js';
+import '../schemas/walletBookSchema.js';
+import '../schemas/walletSchema.js';
+import { useWalletBookContext } from '../hooks/useWalletBookContext.js';
 
 const WalletIcon = ({ walletName, children, ...props }) => {
-    const walletData = findWalletBookWallet(walletName);
-    const walletIconUrl = getWalletIconUrl(walletName);
+    const { walletBook } = useWalletBookContext();
+    const walletData = findWalletBookWallet(walletBook, walletName);
+    const walletIconUrl = getWalletIconUrl(walletBook, walletName);
     if (!walletData || !walletData.brand || !walletIconUrl) {
         return createElement(Fragment, {}, children);
     }

package/src/components/index.d.ts

@@ -1 +1,2 @@
 export * from './WalletIcon';
+export * from './WalletBookContext';

package/src/helpers/findWalletBookWallet.cjs

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var getWalletBookWallet = require('./getWalletBookWallet.cjs');
 var logger = require('./logger.cjs');
 
-const findWalletBookWallet = (walletName) => {
+const findWalletBookWallet = (walletBook, walletName) => {
     try {
-        const walletData = getWalletBookWallet.getWalletBookWallet(walletName);
+        const walletData = getWalletBookWallet.getWalletBookWallet(walletBook, walletName);
         return walletData;
     }
     catch (err) {

package/src/helpers/findWalletBookWallet.d.ts

@@ -1,4 +1,5 @@
-export declare const findWalletBookWallet: (walletName: string | undefined) => {
+import { WalletBookSchema } from '../schemas';
+export declare const findWalletBookWallet: (walletBook: WalletBookSchema, walletName: string | undefined) => {
     name: string;
     brand?: {
         alt?: string | undefined;

package/src/helpers/findWalletBookWallet.js

@@ -1,9 +1,9 @@
 import { getWalletBookWallet } from './getWalletBookWallet.js';
 import { logger } from './logger.js';
 
-const findWalletBookWallet = (walletName) => {
+const findWalletBookWallet = (walletBook, walletName) => {
     try {
-        const walletData = getWalletBookWallet(walletName);
+        const walletData = getWalletBookWallet(walletBook, walletName);
         return walletData;
     }
     catch (err) {

package/src/helpers/findWalletGroup.cjs

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var getWalletGroup = require('./getWalletGroup.cjs');
 var logger = require('./logger.cjs');
 
-const findWalletGroup = (walletGroup) => {
+const findWalletGroup = (walletBook, walletGroup) => {
     try {
-        return getWalletGroup.getWalletGroup(walletGroup);
+        return getWalletGroup.getWalletGroup(walletBook, walletGroup);
     }
     catch (err) {
         logger.logger.error(err);

package/src/helpers/findWalletGroup.d.ts

@@ -1,4 +1,5 @@
-export declare const findWalletGroup: (walletGroup: string) => {
+import { WalletBookSchema } from '../schemas';
+export declare const findWalletGroup: (walletBook: WalletBookSchema, walletGroup: string) => {
     key: string;
     name: string;
     brand?: {

package/src/helpers/findWalletGroup.js

@@ -1,9 +1,9 @@
 import { getWalletGroup } from './getWalletGroup.js';
 import { logger } from './logger.js';
 
-const findWalletGroup = (walletGroup) => {
+const findWalletGroup = (walletBook, walletGroup) => {
     try {
-        return getWalletGroup(walletGroup);
+        return getWalletGroup(walletBook, walletGroup);
     }
     catch (err) {
         logger.error(err);

package/src/helpers/getWalletBookCdnUrl.cjs

@@ -2,6 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const getWalletBookCdnUrl = () => 'https://dynamic-static-assets.com/wallet-book/v1/data.json';
+const getWalletBookCdnUrl = () => process.env.WALLET_BOOK_CDN_URL ??
+    process.env.NEXT_PUBLIC_WALLET_BOOK_CDN_URL ??
+    process.env.REACT_APP_WALLET_BOOK_CDN_URL ??
+    'https://dynamic-static-assets.com/wallet-book/v1/stable/wallet-book.json';
 
 exports.getWalletBookCdnUrl = getWalletBookCdnUrl;

package/src/helpers/getWalletBookCdnUrl.js

@@ -1,3 +1,6 @@
-const getWalletBookCdnUrl = () => 'https://dynamic-static-assets.com/wallet-book/v1/data.json';
+const getWalletBookCdnUrl = () => process.env.WALLET_BOOK_CDN_URL ??
+    process.env.NEXT_PUBLIC_WALLET_BOOK_CDN_URL ??
+    process.env.REACT_APP_WALLET_BOOK_CDN_URL ??
+    'https://dynamic-static-assets.com/wallet-book/v1/stable/wallet-book.json';
 
 export { getWalletBookCdnUrl };

package/src/helpers/getWalletBookWallet.cjs

@@ -2,16 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var useWalletBook = require('../hooks/useWalletBook.cjs');
-require('react');
 var normalizeWalletName = require('./normalizeWalletName.cjs');
 
-const getWalletBookWallet = (walletName) => {
-    const walletBook = useWalletBook.useWalletBook();
+const getWalletBookWallet = (walletBook, walletName) => {
     const normalizedWalletName = normalizeWalletName.normalizeWalletName(walletName);
-    const walletData = walletBook.wallets[normalizedWalletName];
+    const walletData = walletBook.wallets?.[normalizedWalletName];
     if (!walletData)
-        throw new Error(`Wallet ${walletName} not found in wallet book`);
+        throw new Error(`Wallet ${walletName} not found in wallet book (${Object.keys(walletBook.wallets ?? {}).length} wallets found)`);
     return walletData;
 };
 

package/src/helpers/getWalletBookWallet.d.ts

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

package/src/helpers/getWalletBookWallet.js

@@ -1,13 +1,10 @@
-import { useWalletBook } from '../hooks/useWalletBook.js';
-import 'react';
 import { normalizeWalletName } from './normalizeWalletName.js';
 
-const getWalletBookWallet = (walletName) => {
-    const walletBook = useWalletBook();
+const getWalletBookWallet = (walletBook, walletName) => {
     const normalizedWalletName = normalizeWalletName(walletName);
-    const walletData = walletBook.wallets[normalizedWalletName];
+    const walletData = walletBook.wallets?.[normalizedWalletName];
     if (!walletData)
-        throw new Error(`Wallet ${walletName} not found in wallet book`);
+        throw new Error(`Wallet ${walletName} not found in wallet book (${Object.keys(walletBook.wallets ?? {}).length} wallets found)`);
     return walletData;
 };
 

package/src/helpers/getWalletGroup.cjs

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var useWalletBook = require('../hooks/useWalletBook.cjs');
-require('react');
-
-const getWalletGroup = (key) => {
-    const walletBook = useWalletBook.useWalletBook();
+const getWalletGroup = (walletBook, key) => {
     const group = walletBook.groups[key];
     if (!group)
         throw new Error(`Group ${key} not found in wallet book`);

package/src/helpers/getWalletGroup.d.ts

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

package/src/helpers/getWalletGroup.js

@@ -1,8 +1,4 @@
-import { useWalletBook } from '../hooks/useWalletBook.js';
-import 'react';
-
-const getWalletGroup = (key) => {
-    const walletBook = useWalletBook();
+const getWalletGroup = (walletBook, key) => {
     const group = walletBook.groups[key];
     if (!group)
         throw new Error(`Group ${key} not found in wallet book`);

package/src/helpers/{getIconUrl.cjs → getWalletIconUrl.cjs}

@@ -6,9 +6,9 @@ var getWalletBookWallet = require('./getWalletBookWallet.cjs');
 var logger = require('./logger.cjs');
 var renderTemplate = require('./renderTemplate.cjs');
 
-const getWalletIconUrl = (walletName) => {
+const getWalletIconUrl = (walletBook, walletName) => {
     try {
-        const walletData = getWalletBookWallet.getWalletBookWallet(walletName);
+        const walletData = getWalletBookWallet.getWalletBookWallet(walletBook, walletName);
         if (walletData?.brand?.spriteId) {
             return renderTemplate.renderTemplate('iconicUrl', walletData.brand.spriteId);
         }

package/src/helpers/getWalletIconUrl.d.ts

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

package/src/helpers/{getIconUrl.js → getWalletIconUrl.js}

@@ -2,9 +2,9 @@ import { getWalletBookWallet } from './getWalletBookWallet.js';
 import { logger } from './logger.js';
 import { renderTemplate } from './renderTemplate.js';
 
-const getWalletIconUrl = (walletName) => {
+const getWalletIconUrl = (walletBook, walletName) => {
     try {
-        const walletData = getWalletBookWallet(walletName);
+        const walletData = getWalletBookWallet(walletBook, walletName);
         if (walletData?.brand?.spriteId) {
             return renderTemplate('iconicUrl', walletData.brand.spriteId);
         }

package/src/helpers/getWalletLinks.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var getWalletBookWallet = require('./getWalletBookWallet.cjs');
+var findWalletBookWallet = require('./findWalletBookWallet.cjs');
 var renderTemplate = require('./renderTemplate.cjs');
 
-const getWalletLinks = (walletName) => {
-    const walletData = getWalletBookWallet.getWalletBookWallet(walletName);
+const getWalletLinks = (walletBook, walletName) => {
+    const walletData = findWalletBookWallet.findWalletBookWallet(walletBook, walletName);
     const links = {
         android: '',
         brave: '',
@@ -15,19 +15,20 @@ const getWalletLinks = (walletName) => {
         firefox: '',
         ios: '',
     };
-    links.brave = renderTemplate.renderTemplate('chromeUrl', walletData.desktop?.chromeId) ?? '';
+    links.brave =
+        renderTemplate.renderTemplate('chromeUrl', walletData?.desktop?.chromeId) ?? '';
     links.chrome =
-        renderTemplate.renderTemplate('chromeUrl', walletData.desktop?.chromeId) ?? '';
-    links.edge = renderTemplate.renderTemplate('edgeUrl', walletData.desktop?.edgeId) ?? '';
+        renderTemplate.renderTemplate('chromeUrl', walletData?.desktop?.chromeId) ?? '';
+    links.edge = renderTemplate.renderTemplate('edgeUrl', walletData?.desktop?.edgeId) ?? '';
     links.firefox =
-        renderTemplate.renderTemplate('firefoxUrl', walletData.desktop?.firefoxId) ?? '';
+        renderTemplate.renderTemplate('firefoxUrl', walletData?.desktop?.firefoxId) ?? '';
     links.ios =
-        renderTemplate.renderTemplate('iosUrl', walletData.mobile?.iosId) ??
-            walletData.mobile?.ios ??
+        renderTemplate.renderTemplate('iosUrl', walletData?.mobile?.iosId) ??
+            walletData?.mobile?.ios ??
             '';
     links.android =
-        renderTemplate.renderTemplate('androidUrl', walletData.mobile?.androidId) ??
-            walletData.mobile?.android ??
+        renderTemplate.renderTemplate('androidUrl', walletData?.mobile?.androidId) ??
+            walletData?.mobile?.android ??
             '';
     return links;
 };

package/src/helpers/getWalletLinks.d.ts

@@ -1,3 +1,4 @@
+import { WalletBookSchema } from '../schemas';
 export type WalletLinks = {
     android: string;
     brave: string;
@@ -6,4 +7,4 @@ export type WalletLinks = {
     firefox: string;
     ios: string;
 };
-export declare const getWalletLinks: (walletName: string) => WalletLinks;
+export declare const getWalletLinks: (walletBook: WalletBookSchema, walletName: string) => WalletLinks;

package/src/helpers/getWalletLinks.js

@@ -1,8 +1,8 @@
-import { getWalletBookWallet } from './getWalletBookWallet.js';
+import { findWalletBookWallet } from './findWalletBookWallet.js';
 import { renderTemplate } from './renderTemplate.js';
 
-const getWalletLinks = (walletName) => {
-    const walletData = getWalletBookWallet(walletName);
+const getWalletLinks = (walletBook, walletName) => {
+    const walletData = findWalletBookWallet(walletBook, walletName);
     const links = {
         android: '',
         brave: '',
@@ -11,19 +11,20 @@ const getWalletLinks = (walletName) => {
         firefox: '',
         ios: '',
     };
-    links.brave = renderTemplate('chromeUrl', walletData.desktop?.chromeId) ?? '';
+    links.brave =
+        renderTemplate('chromeUrl', walletData?.desktop?.chromeId) ?? '';
     links.chrome =
-        renderTemplate('chromeUrl', walletData.desktop?.chromeId) ?? '';
-    links.edge = renderTemplate('edgeUrl', walletData.desktop?.edgeId) ?? '';
+        renderTemplate('chromeUrl', walletData?.desktop?.chromeId) ?? '';
+    links.edge = renderTemplate('edgeUrl', walletData?.desktop?.edgeId) ?? '';
     links.firefox =
-        renderTemplate('firefoxUrl', walletData.desktop?.firefoxId) ?? '';
+        renderTemplate('firefoxUrl', walletData?.desktop?.firefoxId) ?? '';
     links.ios =
-        renderTemplate('iosUrl', walletData.mobile?.iosId) ??
-            walletData.mobile?.ios ??
+        renderTemplate('iosUrl', walletData?.mobile?.iosId) ??
+            walletData?.mobile?.ios ??
             '';
     links.android =
-        renderTemplate('androidUrl', walletData.mobile?.androidId) ??
-            walletData.mobile?.android ??
+        renderTemplate('androidUrl', walletData?.mobile?.androidId) ??
+            walletData?.mobile?.android ??
             '';
     return links;
 };

package/src/helpers/getWalletPrimaryColor.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var getWalletBookWallet = require('./getWalletBookWallet.cjs');
 
-const getWalletPrimaryColor = (walletName) => {
-    const walletData = getWalletBookWallet.getWalletBookWallet(walletName);
+const getWalletPrimaryColor = (walletBook, walletName) => {
+    const walletData = getWalletBookWallet.getWalletBookWallet(walletBook, walletName);
     return walletData?.brand?.primaryColor;
 };
 

package/src/helpers/getWalletPrimaryColor.d.ts

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

package/src/helpers/getWalletPrimaryColor.js

@@ -1,7 +1,7 @@
 import { getWalletBookWallet } from './getWalletBookWallet.js';
 
-const getWalletPrimaryColor = (walletName) => {
-    const walletData = getWalletBookWallet(walletName);
+const getWalletPrimaryColor = (walletBook, walletName) => {
+    const walletData = getWalletBookWallet(walletBook, walletName);
     return walletData?.brand?.primaryColor;
 };
 

package/src/helpers/index.d.ts

@@ -1,4 +1,4 @@
-export * from './getIconUrl';
+export * from './getWalletIconUrl';
 export * from './getWalletBookWallet';
 export * from './getWalletLinks';
 export * from './getWalletPrimaryColor';

package/src/hooks/index.d.ts

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

package/src/hooks/useWalletBookCdn.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+require('../schemas/walletConnectSourceSchema.cjs');
+var walletBookSchema = require('../schemas/walletBookSchema.cjs');
+require('../schemas/walletSchema.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 = async () => {
+            try {
+                const response = await fetch(getWalletBookCdnUrl.getWalletBookCdnUrl());
+                const walletBook = walletBookSchema.walletBookSchema.parse(await response.json());
+                setWalletBook(walletBook);
+            }
+            catch (e) {
+                logger.logger.error(`Failed to fetch wallet book from CDN (using fallbacks): ${e.message}`);
+                const walletBook = walletBookFallbacks["default"];
+                setWalletBook(walletBook);
+            }
+        };
+        fetchWalletBook();
+    }, []);
+    return walletBook;
+};
+
+exports.useWalletBookCdn = useWalletBookCdn;

package/src/hooks/useWalletBookCdn.js

@@ -0,0 +1,29 @@
+import { useState, useEffect } from 'react';
+import '../schemas/walletConnectSourceSchema.js';
+import { walletBookSchema } from '../schemas/walletBookSchema.js';
+import '../schemas/walletSchema.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 = async () => {
+            try {
+                const response = await fetch(getWalletBookCdnUrl());
+                const walletBook = walletBookSchema.parse(await response.json());
+                setWalletBook(walletBook);
+            }
+            catch (e) {
+                logger.error(`Failed to fetch wallet book from CDN (using fallbacks): ${e.message}`);
+                const walletBook = walletBookFallbacks;
+                setWalletBook(walletBook);
+            }
+        };
+        fetchWalletBook();
+    }, []);
+    return walletBook;
+};
+
+export { useWalletBookCdn };

package/src/hooks/useWalletBookContext.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+require('../helpers/logger.cjs');
+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,16 @@
+import { useContext } from 'react';
+import '../helpers/logger.js';
+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 };