@dynamic-labs/wallet-book 1.1.0-alpha.14 → 1.1.0-alpha.15

package/CHANGELOG.md

@@ -1,4 +1,23 @@
 
+## [1.1.0-alpha.15](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.14...v1.1.0-alpha.15) (2024-01-28)
+
+
+### Features
+
+* add wallet group override to wallet book ([#4488](https://github.com/dynamic-labs/DynamicAuth/issues/4488)) ([cb19ad3](https://github.com/dynamic-labs/DynamicAuth/commit/cb19ad3ea82de488752ceceeaf0e1458a388df6e))
+* enable solana embedded wallets ([#4457](https://github.com/dynamic-labs/DynamicAuth/issues/4457)) ([b0c47f4](https://github.com/dynamic-labs/DynamicAuth/commit/b0c47f4475baa12f52076da46ef993c13bd2c243))
+* group ArgentX wallets ([#4495](https://github.com/dynamic-labs/DynamicAuth/issues/4495)) ([b10d79a](https://github.com/dynamic-labs/DynamicAuth/commit/b10d79a668efecedca37ddb358e6adf95319650d))
+
+
+### Bug Fixes
+
+* add support for newest backpack extension ([#4468](https://github.com/dynamic-labs/DynamicAuth/issues/4468)) ([a219f32](https://github.com/dynamic-labs/DynamicAuth/commit/a219f325be672599e50b07f6751234a7fc98286e))
+* bump timeout for slower connections ([#4475](https://github.com/dynamic-labs/DynamicAuth/issues/4475)) ([7a07ff5](https://github.com/dynamic-labs/DynamicAuth/commit/7a07ff589eaaf3b28a94d277df3eedabbca60702))
+* change out getWalletBookWallet for findWalletBookWallet to avoid throwing during lookup ([#4477](https://github.com/dynamic-labs/DynamicAuth/issues/4477)) ([4648040](https://github.com/dynamic-labs/DynamicAuth/commit/4648040c166e73dd2c31b0e27897713339436c2f))
+* connect to wallet with wallet connect even if network is not supported ([#4465](https://github.com/dynamic-labs/DynamicAuth/issues/4465)) ([9dbca3e](https://github.com/dynamic-labs/DynamicAuth/commit/9dbca3eb4d4990ee4be642677c1604170b425dc3))
+* pass id to wagmi chain override ([#4512](https://github.com/dynamic-labs/DynamicAuth/issues/4512)) ([2bf2f04](https://github.com/dynamic-labs/DynamicAuth/commit/2bf2f0487f5b1be936dd279107c11fe5d2b42666))
+* switching wallet in extension caused connected flag to be false temporarily ([#4454](https://github.com/dynamic-labs/DynamicAuth/issues/4454)) ([3650f6e](https://github.com/dynamic-labs/DynamicAuth/commit/3650f6ec471a7c779f4d304ab94c9350dd55055b))
+
 ## [1.1.0-alpha.14](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.13...v1.1.0-alpha.14) (2024-01-23)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/wallet-book",
-  "version": "1.1.0-alpha.14",
+  "version": "1.1.0-alpha.15",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -26,8 +26,8 @@
   },
   "dependencies": {
     "zod": "3.22.4",
-    "@dynamic-labs/logger": "1.1.0-alpha.14",
-    "@dynamic-labs/utils": "1.1.0-alpha.14",
+    "@dynamic-labs/logger": "1.1.0-alpha.15",
+    "@dynamic-labs/utils": "1.1.0-alpha.15",
     "util": "0.12.5"
   },
   "peerDependencies": {

package/src/build/index.d.ts

@@ -13,6 +13,7 @@ export declare const generateWalletFallbacks: (wallets: WalletRecordsSchema) =>
         primaryColor?: string | undefined;
         spriteId?: string | undefined;
     } | undefined;
+    chainGroup?: string | undefined;
     chains?: string[] | undefined;
     desktop?: {
         chromeId?: string | undefined;
@@ -56,4 +57,5 @@ export declare const generateWalletFallbacks: (wallets: WalletRecordsSchema) =>
     walletConnect?: {
         sdks?: string[] | undefined;
     } | undefined;
+    walletGroup?: string | undefined;
 }>;

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

@@ -1,4 +1,12 @@
 export declare const walletConnectSourceData: Record<string, {
+    id: string;
+    metadata: {
+        shortName: string | null;
+        colors: {
+            primary: string | null;
+            secondary: string | null;
+        };
+    };
     name: string;
     chains: string[];
     desktop: {
@@ -11,13 +19,6 @@ 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;
@@ -35,7 +36,6 @@ export declare const walletConnectSourceData: Record<string, {
     category: string | null;
     description: string | null;
     homepage: string;
-    id: string;
     image_id: string;
     image_url: {
         lg: string;
@@ -50,11 +50,11 @@ export declare const walletConnectSourceData: Record<string, {
     updatedAt: string;
     versions: string[];
     supported_standards?: {
-        title: string;
         id: string;
+        title: string;
+        url: string;
         standard_id: number;
         standard_prefix: string;
-        url: string;
     }[] | undefined;
 }>;
 export declare const walletConnectTransformedData: Promise<Record<string, {
@@ -65,6 +65,7 @@ export declare const walletConnectTransformedData: Promise<Record<string, {
         primaryColor?: string | undefined;
         spriteId?: string | undefined;
     } | undefined;
+    chainGroup?: string | undefined;
     chains?: string[] | undefined;
     desktop?: {
         chromeId?: string | undefined;
@@ -108,4 +109,5 @@ export declare const walletConnectTransformedData: Promise<Record<string, {
     walletConnect?: {
         sdks?: string[] | undefined;
     } | undefined;
+    walletGroup?: string | undefined;
 }>>;

package/src/components/BrandIcon.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../_virtual/_tslib.cjs');
+var react = require('react');
+var getWalletIconUrl = require('../helpers/getWalletIconUrl.cjs');
+require('../helpers/logger.cjs');
+var getBrandIconUrl = require('../helpers/getBrandIconUrl.cjs');
+
+const BrandIcon = (_a) => {
+    var { brand, walletKey } = _a, props = _tslib.__rest(_a, ["brand", "walletKey"]);
+    const [imgError, setImgError] = react.useState(false);
+    const walletIconUrl = getBrandIconUrl.getBrandIconUrl(brand);
+    const defaultWalletIconUrl = getWalletIconUrl.getDefaultWalletIconUrl();
+    if (!walletIconUrl) {
+        return react.createElement(react.Fragment, {});
+    }
+    const onError = () => {
+        setImgError(true);
+    };
+    return react.createElement('img', Object.assign(Object.assign({ 'data-testid': `wallet-icon-${walletKey}` }, props), { alt: brand.alt, onError: onError, src: imgError ? defaultWalletIconUrl : walletIconUrl }));
+};
+
+exports.BrandIcon = BrandIcon;

package/src/components/BrandIcon.d.ts

@@ -0,0 +1,8 @@
+import { FC, ImgHTMLAttributes } from 'react';
+import { WalletBrand } from '../schemas';
+type BrandIconProps = {
+    walletKey: string;
+    brand: WalletBrand;
+} & ImgHTMLAttributes<HTMLImageElement>;
+export declare const BrandIcon: FC<BrandIconProps>;
+export {};

package/src/components/BrandIcon.js

@@ -0,0 +1,21 @@
+import { __rest } from '../../_virtual/_tslib.js';
+import { useState, createElement, Fragment } from 'react';
+import { getDefaultWalletIconUrl } from '../helpers/getWalletIconUrl.js';
+import '../helpers/logger.js';
+import { getBrandIconUrl } from '../helpers/getBrandIconUrl.js';
+
+const BrandIcon = (_a) => {
+    var { brand, walletKey } = _a, props = __rest(_a, ["brand", "walletKey"]);
+    const [imgError, setImgError] = useState(false);
+    const walletIconUrl = getBrandIconUrl(brand);
+    const defaultWalletIconUrl = getDefaultWalletIconUrl();
+    if (!walletIconUrl) {
+        return createElement(Fragment, {});
+    }
+    const onError = () => {
+        setImgError(true);
+    };
+    return createElement('img', Object.assign(Object.assign({ 'data-testid': `wallet-icon-${walletKey}` }, props), { alt: brand.alt, onError: onError, src: imgError ? defaultWalletIconUrl : walletIconUrl }));
+};
+
+export { BrandIcon };

package/src/components/index.d.ts

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

package/src/helpers/findWalletBookWallet.cjs

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var getWalletBookWallet = require('./getWalletBookWallet.cjs');
-var logger = require('./logger.cjs');
 
 const findWalletBookWallet = (walletBook, walletKey) => {
     try {
@@ -11,7 +10,6 @@ const findWalletBookWallet = (walletBook, walletKey) => {
         return walletData;
     }
     catch (err) {
-        logger.logger.warn(err);
         return undefined;
     }
 };

package/src/helpers/findWalletBookWallet.d.ts

@@ -7,6 +7,7 @@ export declare const findWalletBookWallet: (walletBook: WalletBookSchema, wallet
         primaryColor?: string | undefined;
         spriteId?: string | undefined;
     } | undefined;
+    chainGroup?: string | undefined;
     chains?: string[] | undefined;
     desktop?: {
         chromeId?: string | undefined;
@@ -50,4 +51,5 @@ export declare const findWalletBookWallet: (walletBook: WalletBookSchema, wallet
     walletConnect?: {
         sdks?: string[] | undefined;
     } | undefined;
+    walletGroup?: string | undefined;
 } | undefined;

package/src/helpers/findWalletBookWallet.js

@@ -1,5 +1,4 @@
 import { getWalletBookWallet } from './getWalletBookWallet.js';
-import { logger } from './logger.js';
 
 const findWalletBookWallet = (walletBook, walletKey) => {
     try {
@@ -7,7 +6,6 @@ const findWalletBookWallet = (walletBook, walletKey) => {
         return walletData;
     }
     catch (err) {
-        logger.warn(err);
         return undefined;
     }
 };

package/src/helpers/findWalletGroup.d.ts

@@ -8,4 +8,13 @@ export declare const findWalletGroup: (walletBook: WalletBookSchema, walletGroup
         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;
 } | undefined;

package/src/helpers/findWalletGroupOverride.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var findWalletGroup = require('./findWalletGroup.cjs');
+
+const findWalletGroupOverride = (walletBook, groupKey, walletKey) => {
+    var _a;
+    const group = findWalletGroup.findWalletGroup(walletBook, groupKey);
+    return (_a = group === null || group === void 0 ? void 0 : group.walletOverrides) === null || _a === void 0 ? void 0 : _a[walletKey];
+};
+
+exports.findWalletGroupOverride = findWalletGroupOverride;

package/src/helpers/findWalletGroupOverride.d.ts

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

package/src/helpers/findWalletGroupOverride.js

@@ -0,0 +1,9 @@
+import { findWalletGroup } from './findWalletGroup.js';
+
+const findWalletGroupOverride = (walletBook, groupKey, walletKey) => {
+    var _a;
+    const group = findWalletGroup(walletBook, groupKey);
+    return (_a = group === null || group === void 0 ? void 0 : group.walletOverrides) === null || _a === void 0 ? void 0 : _a[walletKey];
+};
+
+export { findWalletGroupOverride };

package/src/helpers/getBrandIconUrl.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var renderTemplate = require('./renderTemplate.cjs');
+
+const getBrandIconUrl = (brand) => {
+    if (brand.spriteId) {
+        return renderTemplate.renderTemplate('iconicUrl', brand.spriteId);
+    }
+    if (brand.imageId) {
+        return renderTemplate.renderTemplate('walletConnectUrl', brand.imageId);
+    }
+    return '';
+};
+
+exports.getBrandIconUrl = getBrandIconUrl;

package/src/helpers/getBrandIconUrl.d.ts

@@ -0,0 +1,2 @@
+import { WalletBrand } from '../schemas';
+export declare const getBrandIconUrl: (brand: WalletBrand) => string | undefined;

package/src/helpers/getBrandIconUrl.js

@@ -0,0 +1,13 @@
+import { renderTemplate } from './renderTemplate.js';
+
+const getBrandIconUrl = (brand) => {
+    if (brand.spriteId) {
+        return renderTemplate('iconicUrl', brand.spriteId);
+    }
+    if (brand.imageId) {
+        return renderTemplate('walletConnectUrl', brand.imageId);
+    }
+    return '';
+};
+
+export { getBrandIconUrl };

package/src/helpers/getWalletIconUrl.cjs

@@ -3,18 +3,15 @@
 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) => {
-    var _a, _b;
     try {
         const walletData = getWalletBookWallet.getWalletBookWallet(walletBook, walletKey);
-        if ((_a = walletData === null || walletData === void 0 ? void 0 : walletData.brand) === null || _a === void 0 ? void 0 : _a.spriteId) {
-            return renderTemplate.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.renderTemplate('walletConnectUrl', walletData.brand.imageId);
+        if (walletData === null || walletData === void 0 ? void 0 : walletData.brand) {
+            return getBrandIconUrl.getBrandIconUrl(walletData.brand);
         }
     }
     catch (err) {

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/hooks/useWalletBookCdn.cjs

@@ -37,7 +37,7 @@ const useWalletBookCdn = () => {
                 logger: logger.logger.createLogger('useWalletBookCdn'),
                 maxRetries: 3,
                 retryStrategy: 'timeout-and-rejection',
-                timeoutMs: 5000,
+                timeoutMs: 30000,
             });
             setWalletBook(data);
         });

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

@@ -33,7 +33,7 @@ const useWalletBookCdn = () => {
                 logger: logger.createLogger('useWalletBookCdn'),
                 maxRetries: 3,
                 retryStrategy: 'timeout-and-rejection',
-                timeoutMs: 5000,
+                timeoutMs: 30000,
             });
             setWalletBook(data);
         });

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';