@dynamic-labs/wallet-book 0.19.0-alpha.7 → 0.19.0-alpha.8

package/CHANGELOG.md

@@ -1,4 +1,28 @@
 
+## [0.19.0-alpha.8](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.7...v0.19.0-alpha.8) (2023-09-11)
+
+
+### Features
+
+* add onSignedMessage callback ([#3118](https://github.com/dynamic-labs/DynamicAuth/issues/3118)) ([acc36f6](https://github.com/dynamic-labs/DynamicAuth/commit/acc36f6cf584eb05a019027475a6e2e413fd6bd5))
+* add social sign-in without embedded wallet ([#3172](https://github.com/dynamic-labs/DynamicAuth/issues/3172)) ([ff1acc6](https://github.com/dynamic-labs/DynamicAuth/commit/ff1acc6d9753ba745ac01c5ef6d26f2e4291b752))
+* show default wallet icon when image breaks ([#3234](https://github.com/dynamic-labs/DynamicAuth/issues/3234)) ([657e6bb](https://github.com/dynamic-labs/DynamicAuth/commit/657e6bbc1cdcd840562d25194a827ea833237c1a))
+
+
+### Bug Fixes
+
+* catch error sending sdkSettings and log warning ([#3274](https://github.com/dynamic-labs/DynamicAuth/issues/3274)) ([fcbe01b](https://github.com/dynamic-labs/DynamicAuth/commit/fcbe01bc733a73f38aebd6ffb0969b040dd2f781))
+* detect if oauth popup is blocked and throw error ([#3250](https://github.com/dynamic-labs/DynamicAuth/issues/3250)) ([b87ddf3](https://github.com/dynamic-labs/DynamicAuth/commit/b87ddf399104e29c56566abbbecab6ff947992d6))
+* display error message to user if social account already exits ([#3258](https://github.com/dynamic-labs/DynamicAuth/issues/3258)) ([bb52cb4](https://github.com/dynamic-labs/DynamicAuth/commit/bb52cb4ae42d89310d435584ed4ece126f9b6a4a))
+* don't call callbacks if window closed due to oauth process complete ([#3252](https://github.com/dynamic-labs/DynamicAuth/issues/3252)) ([09a3c73](https://github.com/dynamic-labs/DynamicAuth/commit/09a3c73446aa337f24e0875cd4a0af617ea8ca84))
+* issue where unexpected token would occur when bundlers defined process.env ([#3283](https://github.com/dynamic-labs/DynamicAuth/issues/3283)) ([d31d0a4](https://github.com/dynamic-labs/DynamicAuth/commit/d31d0a4011256f59cb3760acdc2c3dfe6c5b504a))
+* login view layout updates ([#3231](https://github.com/dynamic-labs/DynamicAuth/issues/3231)) ([7762d06](https://github.com/dynamic-labs/DynamicAuth/commit/7762d067bdd4b3f313a15308262f18dac0b961ab))
+* **MagicWalletConnector:** remove async from getWeb3Provider method ([#3230](https://github.com/dynamic-labs/DynamicAuth/issues/3230)) ([69356e9](https://github.com/dynamic-labs/DynamicAuth/commit/69356e9b0bd1800acdf24fc96c72b094b595eaa7))
+* remove react component props from sending to sdk api ([#3282](https://github.com/dynamic-labs/DynamicAuth/issues/3282)) ([b0d8f2b](https://github.com/dynamic-labs/DynamicAuth/commit/b0d8f2b9dd0856a5a7bd862f6c3499b65ec29f64))
+* seprate ls checks for dynamiccontext and wagmi settings ([#3275](https://github.com/dynamic-labs/DynamicAuth/issues/3275)) ([aa4e756](https://github.com/dynamic-labs/DynamicAuth/commit/aa4e756a10310ce216b5942d0d6845f7092a89a2))
+* use context to handle social sign-in and display message while processing ([#3216](https://github.com/dynamic-labs/DynamicAuth/issues/3216)) ([0e3ce73](https://github.com/dynamic-labs/DynamicAuth/commit/0e3ce73eafbb8d5725377c9a8cbd86a82d6c525f))
+* **wallet-connect-v2:** use appropriate default chain id with WC v2 ([#3218](https://github.com/dynamic-labs/DynamicAuth/issues/3218)) ([2e6e7be](https://github.com/dynamic-labs/DynamicAuth/commit/2e6e7beb801ea5a8dc7429970bcd1e705610d605))
+
 ## [0.19.0-alpha.7](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.6...v0.19.0-alpha.7) (2023-08-31)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/wallet-book",
-  "version": "0.19.0-alpha.7",
+  "version": "0.19.0-alpha.8",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "zod": "3.21.4",
-    "@dynamic-labs/logger": "0.19.0-alpha.7"
+    "@dynamic-labs/logger": "0.19.0-alpha.8"
   },
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0",

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

@@ -74,6 +74,18 @@ export declare const applyOverrides: (sourceData: any, overrides?: {
             };
         };
     };
+    safe: {
+        mobile: {
+            native: {
+                action: string;
+                value: null;
+            };
+            universal: {
+                action: string;
+                value: null;
+            };
+        };
+    };
     safepal: {
         switchNetworkOnlyFromWallet: {
             action: string;
@@ -186,6 +198,18 @@ export declare const walletConnectOverrides: {
             };
         };
     };
+    safe: {
+        mobile: {
+            native: {
+                action: string;
+                value: null;
+            };
+            universal: {
+                action: string;
+                value: null;
+            };
+        };
+    };
     safepal: {
         switchNetworkOnlyFromWallet: {
             action: string;

package/src/components/WalletIcon.cjs

@@ -11,18 +11,24 @@ require('../schemas/walletBookSchema.cjs');
 require('../schemas/walletSchema.cjs');
 var useWalletBookContext = require('../hooks/useWalletBookContext.cjs');
 
-const WalletIcon = ({ walletName, children, ...props }) => {
+const WalletIcon = ({ walletKey, children, ...props }) => {
     const { walletBook } = useWalletBookContext.useWalletBookContext();
-    const walletData = findWalletBookWallet.findWalletBookWallet(walletBook, walletName);
-    const walletIconUrl = getWalletIconUrl.getWalletIconUrl(walletBook, walletName);
+    const walletData = findWalletBookWallet.findWalletBookWallet(walletBook, walletKey);
+    const [imgError, setImgError] = react.useState(false);
+    const walletIconUrl = getWalletIconUrl.getWalletIconUrl(walletBook, walletKey);
+    const defaultWalletIconUrl = getWalletIconUrl.getDefaultWalletIconUrl();
     if (!walletData || !walletData.brand || !walletIconUrl) {
         return react.createElement(react.Fragment, {}, children);
     }
+    const onError = () => {
+        setImgError(true);
+    };
     return react.createElement('img', {
-        'data-testid': `wallet-icon-${walletName}`,
+        'data-testid': `wallet-icon-${walletKey}`,
         ...props,
         alt: walletData.brand.alt,
-        src: walletIconUrl,
+        onError: onError,
+        src: imgError ? defaultWalletIconUrl : walletIconUrl,
     }, children);
 };
 

package/src/components/WalletIcon.d.ts

@@ -1,6 +1,6 @@
 import React, { FC, ReactNode } from 'react';
 type WalletIconProps = React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> & {
-    walletName: string | undefined;
+    walletKey: string | undefined;
 } & {
     children?: ReactNode | any;
 };

package/src/components/WalletIcon.js

@@ -1,5 +1,5 @@
-import { createElement, Fragment } from 'react';
-import { getWalletIconUrl } from '../helpers/getWalletIconUrl.js';
+import { useState, createElement, Fragment } from 'react';
+import { getWalletIconUrl, getDefaultWalletIconUrl } from '../helpers/getWalletIconUrl.js';
 import { findWalletBookWallet } from '../helpers/findWalletBookWallet.js';
 import '../helpers/logger.js';
 import '../schemas/walletConnectSourceSchema.js';
@@ -7,18 +7,24 @@ import '../schemas/walletBookSchema.js';
 import '../schemas/walletSchema.js';
 import { useWalletBookContext } from '../hooks/useWalletBookContext.js';
 
-const WalletIcon = ({ walletName, children, ...props }) => {
+const WalletIcon = ({ walletKey, children, ...props }) => {
     const { walletBook } = useWalletBookContext();
-    const walletData = findWalletBookWallet(walletBook, walletName);
-    const walletIconUrl = getWalletIconUrl(walletBook, walletName);
+    const walletData = findWalletBookWallet(walletBook, walletKey);
+    const [imgError, setImgError] = useState(false);
+    const walletIconUrl = getWalletIconUrl(walletBook, walletKey);
+    const defaultWalletIconUrl = getDefaultWalletIconUrl();
     if (!walletData || !walletData.brand || !walletIconUrl) {
         return createElement(Fragment, {}, children);
     }
+    const onError = () => {
+        setImgError(true);
+    };
     return createElement('img', {
-        'data-testid': `wallet-icon-${walletName}`,
+        'data-testid': `wallet-icon-${walletKey}`,
         ...props,
         alt: walletData.brand.alt,
-        src: walletIconUrl,
+        onError: onError,
+        src: imgError ? defaultWalletIconUrl : walletIconUrl,
     }, children);
 };
 

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 = (walletBook, walletName) => {
+const findWalletBookWallet = (walletBook, walletKey) => {
     try {
-        const walletData = getWalletBookWallet.getWalletBookWallet(walletBook, walletName);
+        const walletData = getWalletBookWallet.getWalletBookWallet(walletBook, walletKey);
         return walletData;
     }
     catch (err) {

package/src/helpers/findWalletBookWallet.d.ts

@@ -1,5 +1,5 @@
 import { WalletBookSchema } from '../schemas';
-export declare const findWalletBookWallet: (walletBook: WalletBookSchema, walletName: string | undefined) => {
+export declare const findWalletBookWallet: (walletBook: WalletBookSchema, walletKey: 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 = (walletBook, walletName) => {
+const findWalletBookWallet = (walletBook, walletKey) => {
     try {
-        const walletData = getWalletBookWallet(walletBook, walletName);
+        const walletData = getWalletBookWallet(walletBook, walletKey);
         return walletData;
     }
     catch (err) {

package/src/helpers/getWalletBookCdnUrl.cjs

@@ -2,9 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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';
+/* eslint-disable arrow-body-style */
+// This method needs to be wrapped correctly to avoid bundler issues
+// that may update process.env variable via custom configs in customers apps
+const getWalletBookCdnUrl = () => {
+    return (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,6 +1,11 @@
-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';
+/* eslint-disable arrow-body-style */
+// This method needs to be wrapped correctly to avoid bundler issues
+// that may update process.env variable via custom configs in customers apps
+const getWalletBookCdnUrl = () => {
+    return (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/getWalletIconUrl.cjs

@@ -6,9 +6,9 @@ var getWalletBookWallet = require('./getWalletBookWallet.cjs');
 var logger = require('./logger.cjs');
 var renderTemplate = require('./renderTemplate.cjs');
 
-const getWalletIconUrl = (walletBook, walletName) => {
+const getWalletIconUrl = (walletBook, walletKey) => {
     try {
-        const walletData = getWalletBookWallet.getWalletBookWallet(walletBook, walletName);
+        const walletData = getWalletBookWallet.getWalletBookWallet(walletBook, walletKey);
         if (walletData?.brand?.spriteId) {
             return renderTemplate.renderTemplate('iconicUrl', walletData.brand.spriteId);
         }
@@ -20,6 +20,16 @@ const getWalletIconUrl = (walletBook, walletName) => {
         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

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

package/src/helpers/getWalletIconUrl.js

@@ -2,9 +2,9 @@ import { getWalletBookWallet } from './getWalletBookWallet.js';
 import { logger } from './logger.js';
 import { renderTemplate } from './renderTemplate.js';
 
-const getWalletIconUrl = (walletBook, walletName) => {
+const getWalletIconUrl = (walletBook, walletKey) => {
     try {
-        const walletData = getWalletBookWallet(walletBook, walletName);
+        const walletData = getWalletBookWallet(walletBook, walletKey);
         if (walletData?.brand?.spriteId) {
             return renderTemplate('iconicUrl', walletData.brand.spriteId);
         }
@@ -16,6 +16,15 @@ const getWalletIconUrl = (walletBook, walletName) => {
         logger.error(err);
     }
     return '';
+};
+const getDefaultWalletIconUrl = () => {
+    try {
+        return renderTemplate('iconicUrl', 'defaultwallet');
+    }
+    catch (err) {
+        logger.error(err);
+    }
+    return '';
 };
 
-export { getWalletIconUrl };
+export { getDefaultWalletIconUrl, getWalletIconUrl };

package/src/helpers/getWalletLinks.cjs

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var findWalletBookWallet = require('./findWalletBookWallet.cjs');
 var renderTemplate = require('./renderTemplate.cjs');
 
-const getWalletLinks = (walletBook, walletName) => {
-    const walletData = findWalletBookWallet.findWalletBookWallet(walletBook, walletName);
+const getWalletLinks = (walletBook, walletKey) => {
+    const walletData = findWalletBookWallet.findWalletBookWallet(walletBook, walletKey);
     const links = {
         android: '',
         brave: '',

package/src/helpers/getWalletLinks.d.ts

@@ -7,4 +7,4 @@ export type WalletLinks = {
     firefox: string;
     ios: string;
 };
-export declare const getWalletLinks: (walletBook: WalletBookSchema, walletName: string) => WalletLinks;
+export declare const getWalletLinks: (walletBook: WalletBookSchema, walletKey: string) => WalletLinks;

package/src/helpers/getWalletLinks.js

@@ -1,8 +1,8 @@
 import { findWalletBookWallet } from './findWalletBookWallet.js';
 import { renderTemplate } from './renderTemplate.js';
 
-const getWalletLinks = (walletBook, walletName) => {
-    const walletData = findWalletBookWallet(walletBook, walletName);
+const getWalletLinks = (walletBook, walletKey) => {
+    const walletData = findWalletBookWallet(walletBook, walletKey);
     const links = {
         android: '',
         brave: '',

package/src/helpers/getWalletPrimaryColor.cjs

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

package/src/helpers/getWalletPrimaryColor.d.ts

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

package/src/helpers/getWalletPrimaryColor.js

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