@dynamic-labs/sdk-react-core 4.0.0-alpha.33 → 4.0.0-alpha.34

package/src/lib/utils/functions/getPlatformForConnector/getPlatformForConnector.cjs

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils = require('@dynamic-labs/utils');
 
-const getPlatformForConnector = (connector) => utils.isMobile() || connector.isWalletConnect ? 'mobile' : 'browserExtension';
+const getPlatformForConnector = (connector) => utils.isMobile() || connector.isWalletConnect ? 'mobile' : 'desktop';
 
 exports.getPlatformForConnector = getPlatformForConnector;

package/src/lib/utils/functions/getPlatformForConnector/getPlatformForConnector.js

@@ -1,6 +1,6 @@
 'use client'
 import { isMobile } from '@dynamic-labs/utils';
 
-const getPlatformForConnector = (connector) => isMobile() || connector.isWalletConnect ? 'mobile' : 'browserExtension';
+const getPlatformForConnector = (connector) => isMobile() || connector.isWalletConnect ? 'mobile' : 'desktop';
 
 export { getPlatformForConnector };

package/src/lib/utils/functions/parseWalletLinks/parseWalletLinks.d.ts

@@ -1,4 +1,4 @@
-import type { WalletLinks } from '@dynamic-labs/wallet-book';
+import type { WalletLinks } from '@dynamic-labs/wallet-connector-core';
 import { BrowserName } from '../../../shared';
 interface WalletLinksHelperProps {
     canShowAndroidAppButton: boolean;

package/src/lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs

@@ -18,24 +18,9 @@ const useInternalDynamicEvents = (event, listener) => {
         };
     }, [event]);
 };
-// ATTENTION
-// Everything below should be made public soon, but we need to plan this out first
-// Main issues:
-// 1. How should we map customer callback names to our dynamic event names?
-//  -> Gui's suggestion: breaking change to rename customer callbacks so they fit these events names
-// 2. We would have to remove these callbacks from the useCustomerCallbacks hook
-/** Which events are accessible by our clients */
-const externalEvents = [
-    'emailVerificationResult',
-    'embeddedWalletCreated',
-    'logout',
-    'walletAdded',
-    'mfaCompletionSuccess',
-    'mfaCompletionFailure',
-];
 /** Allows subscribing to dynamic events directly inside components with a hook */
 const useDynamicEvents = (event, listener) => {
-    if (!externalEvents.includes(event))
+    if (!dynamicEvents.externalEvents.includes(event))
         throw new Error(`Unrecognized event "${event}" used with useDynamicEvents`);
     useInternalDynamicEvents(event, listener);
 };

package/src/lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.d.ts

@@ -4,5 +4,5 @@ type DynamicEventListener<E extends keyof DynamicEvents> = (...args: EventArgs<D
 /** Allows us to subscribe to all dynamicEvents with a hook, even the internal ones */
 export declare const useInternalDynamicEvents: <E extends keyof import("../../../../events/auth").AuthEvents | keyof import("../../../../events/ui").UIEvents | keyof import("../../../../events/otp").OTPEvents | keyof import("../../../../events/wallets").WalletEvents | keyof import("../../../../events/passkey").PasskeyEvents | "farcasterConnectCancelled" | keyof import("../../../../events/embeddedWallet").EmbeddedWalletEvents | keyof import("../../../../events/multiWallet").MultiWalletInternalEvents | "tokenBalancesChanged">(event: E, listener: DynamicEventListener<E>) => void;
 /** Allows subscribing to dynamic events directly inside components with a hook */
-export declare const useDynamicEvents: <E extends "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "emailVerificationResult" | "walletAdded" | "embeddedWalletCreated">(event: E, listener: DynamicEventListener<E>) => void;
+export declare const useDynamicEvents: <E extends "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "emailVerificationResult" | "walletAdded" | "primaryWalletChanged" | "primaryWalletNetworkChanged" | "embeddedWalletCreated">(event: E, listener: DynamicEventListener<E>) => void;
 export {};

package/src/lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.js

@@ -1,6 +1,6 @@
 'use client'
 import { useRef, useEffect } from 'react';
-import { dynamicEvents } from '../../../../events/dynamicEvents.js';
+import { externalEvents, dynamicEvents } from '../../../../events/dynamicEvents.js';
 
 /** Allows us to subscribe to all dynamicEvents with a hook, even the internal ones */
 const useInternalDynamicEvents = (event, listener) => {
@@ -14,21 +14,6 @@ const useInternalDynamicEvents = (event, listener) => {
         };
     }, [event]);
 };
-// ATTENTION
-// Everything below should be made public soon, but we need to plan this out first
-// Main issues:
-// 1. How should we map customer callback names to our dynamic event names?
-//  -> Gui's suggestion: breaking change to rename customer callbacks so they fit these events names
-// 2. We would have to remove these callbacks from the useCustomerCallbacks hook
-/** Which events are accessible by our clients */
-const externalEvents = [
-    'emailVerificationResult',
-    'embeddedWalletCreated',
-    'logout',
-    'walletAdded',
-    'mfaCompletionSuccess',
-    'mfaCompletionFailure',
-];
 /** Allows subscribing to dynamic events directly inside components with a hook */
 const useDynamicEvents = (event, listener) => {
     if (!externalEvents.includes(event))

package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.cjs

@@ -18,11 +18,14 @@ require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 var createLinkedWalletsFromWalletOptions = require('./utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs');
 var updateUserWalletsFromLinkedWallets = require('./utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.cjs');
 
 const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOptions, setMultiWalletWidgetState, primaryWalletId, setPrimaryWalletId, user, canHaveMultipleWalletsConnected, separateSmartWalletAndSigner = false, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = React.useState(false);
+    // keeps track of the last primary wallet id to avoid emitting the same event multiple times
+    const lastPrimaryWalletId = React.useRef(primaryWalletId);
     const linkedWallets = React.useMemo(() => {
         if (!user) {
             return [];
@@ -77,6 +80,13 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         setUserWallets((userWallets) => updateUserWalletsFromLinkedWallets.updateUserWalletsFromLinkedWallets(userWallets, wallets));
     }, [setUserWallets, wallets]);
     const primaryWallet = React.useMemo(() => { var _a; return (_a = wallets.find((wallet) => wallet.id === primaryWalletId)) !== null && _a !== void 0 ? _a : null; }, [primaryWalletId, wallets]);
+    // emit primaryWalletChanged event if the primary wallet changes
+    React.useEffect(() => {
+        if (primaryWallet && primaryWallet.id !== lastPrimaryWalletId.current) {
+            lastPrimaryWalletId.current = primaryWallet.id;
+            dynamicEvents.dynamicEvents.emit('primaryWalletChanged', primaryWallet);
+        }
+    }, [primaryWallet]);
     const secondaryWallets = React.useMemo(() => canHaveMultipleWalletsConnected
         ? wallets.filter((wallet) => wallet.id !== primaryWalletId)
         : [], [primaryWalletId, wallets, canHaveMultipleWalletsConnected]);

package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.js

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useState, useMemo, useEffect, useCallback } from 'react';
+import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
 import { isEmbeddedConnector, isEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -14,11 +14,14 @@ import '../../constants/colors.js';
 import '../../constants/values.js';
 import '../../../store/state/loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import { createLinkedWalletsFromWalletOptions } from './utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js';
 import { updateUserWalletsFromLinkedWallets } from './utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.js';
 
 const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOptions, setMultiWalletWidgetState, primaryWalletId, setPrimaryWalletId, user, canHaveMultipleWalletsConnected, separateSmartWalletAndSigner = false, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = useState(false);
+    // keeps track of the last primary wallet id to avoid emitting the same event multiple times
+    const lastPrimaryWalletId = useRef(primaryWalletId);
     const linkedWallets = useMemo(() => {
         if (!user) {
             return [];
@@ -73,6 +76,13 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         setUserWallets((userWallets) => updateUserWalletsFromLinkedWallets(userWallets, wallets));
     }, [setUserWallets, wallets]);
     const primaryWallet = useMemo(() => { var _a; return (_a = wallets.find((wallet) => wallet.id === primaryWalletId)) !== null && _a !== void 0 ? _a : null; }, [primaryWalletId, wallets]);
+    // emit primaryWalletChanged event if the primary wallet changes
+    useEffect(() => {
+        if (primaryWallet && primaryWallet.id !== lastPrimaryWalletId.current) {
+            lastPrimaryWalletId.current = primaryWallet.id;
+            dynamicEvents.emit('primaryWalletChanged', primaryWallet);
+        }
+    }, [primaryWallet]);
     const secondaryWallets = useMemo(() => canHaveMultipleWalletsConnected
         ? wallets.filter((wallet) => wallet.id !== primaryWalletId)
         : [], [primaryWalletId, wallets, canHaveMultipleWalletsConnected]);

package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs

@@ -178,8 +178,8 @@ const useWalletUiUtils = ({ appLogoUrl, appName, hideEmbeddedWalletTransactionUI
     const syncWallet = React.useCallback((_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ walletConnector, activeAddress, expectedAddress }) {
         yield openSyncWalletPrompt((resolve, reject) => (jsxRuntime.jsx(SyncWalletPromptModal.SyncWalletPromptModal, { onResolve: resolve, onReject: reject, connector: walletConnector, expectedAddress: expectedAddress, activeAddress: activeAddress })));
     }), [openSyncWalletPrompt]);
-    const addNetwork = React.useCallback((_e) => _tslib.__awaiter(void 0, [_e], void 0, function* ({ handler, network, walletKey }) {
-        yield openAddNetwork((resolve) => (jsxRuntime.jsx(AddNetworkModal.AddNetworkModal, { network: network, walletKey: walletKey, onCancel: resolve, onNetworkAdded: resolve, addNetworkMutation: handler })));
+    const addNetwork = React.useCallback((_e) => _tslib.__awaiter(void 0, [_e], void 0, function* ({ handler, network, walletConnector }) {
+        yield openAddNetwork((resolve) => (jsxRuntime.jsx(AddNetworkModal.AddNetworkModal, { network: network, walletConnector: walletConnector, onCancel: resolve, onNetworkAdded: resolve, addNetworkMutation: handler })));
     }), [openAddNetwork]);
     const disabledConfirmationOnce = React.useCallback(() => {
         confirmationStateRef.current = 'disabled';

package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.js

@@ -174,8 +174,8 @@ const useWalletUiUtils = ({ appLogoUrl, appName, hideEmbeddedWalletTransactionUI
     const syncWallet = useCallback((_d) => __awaiter(void 0, [_d], void 0, function* ({ walletConnector, activeAddress, expectedAddress }) {
         yield openSyncWalletPrompt((resolve, reject) => (jsx(SyncWalletPromptModal, { onResolve: resolve, onReject: reject, connector: walletConnector, expectedAddress: expectedAddress, activeAddress: activeAddress })));
     }), [openSyncWalletPrompt]);
-    const addNetwork = useCallback((_e) => __awaiter(void 0, [_e], void 0, function* ({ handler, network, walletKey }) {
-        yield openAddNetwork((resolve) => (jsx(AddNetworkModal, { network: network, walletKey: walletKey, onCancel: resolve, onNetworkAdded: resolve, addNetworkMutation: handler })));
+    const addNetwork = useCallback((_e) => __awaiter(void 0, [_e], void 0, function* ({ handler, network, walletConnector }) {
+        yield openAddNetwork((resolve) => (jsx(AddNetworkModal, { network: network, walletConnector: walletConnector, onCancel: resolve, onNetworkAdded: resolve, addNetworkMutation: handler })));
     }), [openAddNetwork]);
     const disabledConfirmationOnce = useCallback(() => {
         confirmationStateRef.current = 'disabled';

package/src/lib/views/AddNetworkView/AddNetworkView.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
-var walletBook = require('@dynamic-labs/wallet-book');
 require('react');
 require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
@@ -17,6 +16,7 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 var error = require('../../shared/assets/error.cjs');
+require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../store/state/loadingAndLifecycle.cjs');
@@ -88,17 +88,17 @@ require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
-const AddNetworkView = ({ walletKey, network, addNetworkMutation, onCancel, onNetworkAdded, }) => {
+const AddNetworkView = ({ walletConnector, network, addNetworkMutation, onCancel, onNetworkAdded, }) => {
     const { t } = reactI18next.useTranslation();
-    const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const { iconUrls, name } = network;
-    const wallet = walletBook.findWalletBookWallet(walletBook$1, walletKey);
     const [iconUrl] = iconUrls;
     const { mutate: addNetwork } = useMutation.useMutation(addNetworkMutation, {
         onSuccess: onNetworkAdded,
     });
     const NetworkIcon = (props) => (jsxRuntime.jsx("img", Object.assign({}, props, { src: iconUrl, className: 'add-network-view__network-icon', alt: `${name} icon` })));
-    return (jsxRuntime.jsxs("div", { "data-testid": 'add-network-view', className: 'add-network-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { alignContent: 'bottom' }), jsxRuntime.jsxs("div", { className: 'add-network-view__body', children: [jsxRuntime.jsx(IconWithStatus.IconWithStatus, { Icon: NetworkIcon, iconSize: 64, InnerIcon: error.ReactComponent, variant: 'red' }), jsxRuntime.jsxs("div", { className: 'add-network-view__text-container', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'bold', variant: 'body_normal', color: 'primary', copykey: 'dyn_add_network_view.title', className: 'add-network-view__title', children: t('dyn_add_network_view.title') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_add_network_view.description', className: 'add-network-view__description', children: t('dyn_add_network_view.description', { name: wallet === null || wallet === void 0 ? void 0 : wallet.name }) })] }), jsxRuntime.jsxs("div", { className: 'add-network-view__actions', children: [jsxRuntime.jsx(Button.Button, { expanded: true, buttonVariant: 'primary', onClick: () => onCancel(), dataTestId: 'add-network-view__cancel-button', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_add_network_view.cancel_button.title', children: t('dyn_add_network_view.cancel_button.title') }) }), jsxRuntime.jsx(Button.Button, { expanded: true, buttonVariant: 'brand-primary', onClick: () => addNetwork(), children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_add_network_view.add_button.title', children: t('dyn_add_network_view.add_button.title') }) })] })] })] }));
+    return (jsxRuntime.jsxs("div", { "data-testid": 'add-network-view', className: 'add-network-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { alignContent: 'bottom' }), jsxRuntime.jsxs("div", { className: 'add-network-view__body', children: [jsxRuntime.jsx(IconWithStatus.IconWithStatus, { Icon: NetworkIcon, iconSize: 64, InnerIcon: error.ReactComponent, variant: 'red' }), jsxRuntime.jsxs("div", { className: 'add-network-view__text-container', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'bold', variant: 'body_normal', color: 'primary', copykey: 'dyn_add_network_view.title', className: 'add-network-view__title', children: t('dyn_add_network_view.title') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_add_network_view.description', className: 'add-network-view__description', children: t('dyn_add_network_view.description', {
+                                    name: walletConnector.metadata.name,
+                                }) })] }), jsxRuntime.jsxs("div", { className: 'add-network-view__actions', children: [jsxRuntime.jsx(Button.Button, { expanded: true, buttonVariant: 'primary', onClick: () => onCancel(), dataTestId: 'add-network-view__cancel-button', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_add_network_view.cancel_button.title', children: t('dyn_add_network_view.cancel_button.title') }) }), jsxRuntime.jsx(Button.Button, { expanded: true, buttonVariant: 'brand-primary', onClick: () => addNetwork(), children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_add_network_view.add_button.title', children: t('dyn_add_network_view.add_button.title') }) })] })] })] }));
 };
 
 exports.AddNetworkView = AddNetworkView;

package/src/lib/views/AddNetworkView/AddNetworkView.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
 import { GenericNetwork } from '@dynamic-labs/types';
+import { InternalWalletConnector } from '@dynamic-labs/wallet-connector-core';
 type AddNetworkViewProps = {
-    walletKey: string;
+    walletConnector: InternalWalletConnector;
     addNetworkMutation: () => Promise<void>;
     onCancel: () => void;
     onNetworkAdded: () => void;

package/src/lib/views/AddNetworkView/AddNetworkView.js

@@ -1,7 +1,6 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import { useWalletBookContext, findWalletBookWallet } from '@dynamic-labs/wallet-book';
 import 'react';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
@@ -13,6 +12,7 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgError } from '../../shared/assets/error.js';
+import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../store/state/loadingAndLifecycle.js';
@@ -84,17 +84,17 @@ import '../../../index.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
-const AddNetworkView = ({ walletKey, network, addNetworkMutation, onCancel, onNetworkAdded, }) => {
+const AddNetworkView = ({ walletConnector, network, addNetworkMutation, onCancel, onNetworkAdded, }) => {
     const { t } = useTranslation();
-    const { walletBook } = useWalletBookContext();
     const { iconUrls, name } = network;
-    const wallet = findWalletBookWallet(walletBook, walletKey);
     const [iconUrl] = iconUrls;
     const { mutate: addNetwork } = useMutation(addNetworkMutation, {
         onSuccess: onNetworkAdded,
     });
     const NetworkIcon = (props) => (jsx("img", Object.assign({}, props, { src: iconUrl, className: 'add-network-view__network-icon', alt: `${name} icon` })));
-    return (jsxs("div", { "data-testid": 'add-network-view', className: 'add-network-view', children: [jsx(ModalHeader, { alignContent: 'bottom' }), jsxs("div", { className: 'add-network-view__body', children: [jsx(IconWithStatus, { Icon: NetworkIcon, iconSize: 64, InnerIcon: SvgError, variant: 'red' }), jsxs("div", { className: 'add-network-view__text-container', children: [jsx(Typography, { weight: 'bold', variant: 'body_normal', color: 'primary', copykey: 'dyn_add_network_view.title', className: 'add-network-view__title', children: t('dyn_add_network_view.title') }), jsx(Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_add_network_view.description', className: 'add-network-view__description', children: t('dyn_add_network_view.description', { name: wallet === null || wallet === void 0 ? void 0 : wallet.name }) })] }), jsxs("div", { className: 'add-network-view__actions', children: [jsx(Button, { expanded: true, buttonVariant: 'primary', onClick: () => onCancel(), dataTestId: 'add-network-view__cancel-button', children: jsx(Typography, { copykey: 'dyn_add_network_view.cancel_button.title', children: t('dyn_add_network_view.cancel_button.title') }) }), jsx(Button, { expanded: true, buttonVariant: 'brand-primary', onClick: () => addNetwork(), children: jsx(Typography, { copykey: 'dyn_add_network_view.add_button.title', children: t('dyn_add_network_view.add_button.title') }) })] })] })] }));
+    return (jsxs("div", { "data-testid": 'add-network-view', className: 'add-network-view', children: [jsx(ModalHeader, { alignContent: 'bottom' }), jsxs("div", { className: 'add-network-view__body', children: [jsx(IconWithStatus, { Icon: NetworkIcon, iconSize: 64, InnerIcon: SvgError, variant: 'red' }), jsxs("div", { className: 'add-network-view__text-container', children: [jsx(Typography, { weight: 'bold', variant: 'body_normal', color: 'primary', copykey: 'dyn_add_network_view.title', className: 'add-network-view__title', children: t('dyn_add_network_view.title') }), jsx(Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_add_network_view.description', className: 'add-network-view__description', children: t('dyn_add_network_view.description', {
+                                    name: walletConnector.metadata.name,
+                                }) })] }), jsxs("div", { className: 'add-network-view__actions', children: [jsx(Button, { expanded: true, buttonVariant: 'primary', onClick: () => onCancel(), dataTestId: 'add-network-view__cancel-button', children: jsx(Typography, { copykey: 'dyn_add_network_view.cancel_button.title', children: t('dyn_add_network_view.cancel_button.title') }) }), jsx(Button, { expanded: true, buttonVariant: 'brand-primary', onClick: () => addNetwork(), children: jsx(Typography, { copykey: 'dyn_add_network_view.add_button.title', children: t('dyn_add_network_view.add_button.title') }) })] })] })] }));
 };
 
 export { AddNetworkView };

package/src/lib/views/MobileWalletRedirectView/MobileWalletRedirectView.cjs

@@ -8,6 +8,7 @@ var React = require('react');
 var reactI18next = require('react-i18next');
 var utils = require('@dynamic-labs/utils');
 var walletBook = require('@dynamic-labs/wallet-book');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var Icon = require('../../components/Icon/Icon.cjs');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
@@ -16,7 +17,6 @@ require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 var externalLink = require('../../shared/assets/externalLink.cjs');
 require('../../utils/constants/colors.cjs');
@@ -91,11 +91,9 @@ var useInternalDynamicContext = require('../../context/DynamicContext/useDynamic
 
 const MobileWalletRedirectView = ({ onRetry, }) => {
     const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
-    const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const { t } = reactI18next.useTranslation();
     const { storeName, walletLink } = React.useMemo(() => {
-        const walletLinks = selectedWalletConnector &&
-            walletBook.getWalletLinks(walletBook$1, selectedWalletConnector.key);
+        const walletLinks = walletConnectorCore.getWalletLinks(selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.metadata.downloadLinks);
         if (walletLinks && utils.isIOS())
             return {
                 storeName: 'App Store',
@@ -110,7 +108,7 @@ const MobileWalletRedirectView = ({ onRetry, }) => {
             storeName: undefined,
             walletLink: undefined,
         };
-    }, [selectedWalletConnector, walletBook$1]);
+    }, [selectedWalletConnector]);
     const openWalletApp = () => walletLink && window.open(walletLink, '_blank', 'noopener,noreferrer');
     const makeIcon = (size) => (jsxRuntime.jsx(walletBook.WalletIcon, { icon: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.metadata.icon, walletKey: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key, style: {
             height: pixelToRem.pixelToRem(size),

package/src/lib/views/MobileWalletRedirectView/MobileWalletRedirectView.js

@@ -3,7 +3,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { isIOS, isAndroid, isSamsungBrowser } from '@dynamic-labs/utils';
-import { useWalletBookContext, getWalletLinks, WalletIcon } from '@dynamic-labs/wallet-book';
+import { WalletIcon } from '@dynamic-labs/wallet-book';
+import { getWalletLinks } from '@dynamic-labs/wallet-connector-core';
 import { Icon } from '../../components/Icon/Icon.js';
 import { IconWithSpinner, iconRatio } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import { Typography } from '../../components/Typography/Typography.js';
@@ -12,7 +13,6 @@ import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgExternalLink } from '../../shared/assets/externalLink.js';
 import '../../utils/constants/colors.js';
@@ -87,11 +87,9 @@ import { useInternalDynamicContext } from '../../context/DynamicContext/useDynam
 
 const MobileWalletRedirectView = ({ onRetry, }) => {
     const { selectedWalletConnector } = useInternalDynamicContext();
-    const { walletBook } = useWalletBookContext();
     const { t } = useTranslation();
     const { storeName, walletLink } = useMemo(() => {
-        const walletLinks = selectedWalletConnector &&
-            getWalletLinks(walletBook, selectedWalletConnector.key);
+        const walletLinks = getWalletLinks(selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.metadata.downloadLinks);
         if (walletLinks && isIOS())
             return {
                 storeName: 'App Store',
@@ -106,7 +104,7 @@ const MobileWalletRedirectView = ({ onRetry, }) => {
             storeName: undefined,
             walletLink: undefined,
         };
-    }, [selectedWalletConnector, walletBook]);
+    }, [selectedWalletConnector]);
     const openWalletApp = () => walletLink && window.open(walletLink, '_blank', 'noopener,noreferrer');
     const makeIcon = (size) => (jsx(WalletIcon, { icon: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.metadata.icon, walletKey: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key, style: {
             height: pixelToRem(size),

package/src/lib/views/NoQrNotInstalledView/NoQrNotInstalledView.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 var walletBook = require('@dynamic-labs/wallet-book');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
 require('react');
@@ -16,7 +17,6 @@ require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
@@ -89,20 +89,19 @@ require('qrcode');
 
 const NoQrNotInstalledView = () => {
     const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
-    const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const { t } = reactI18next.useTranslation();
     if (!selectedWalletConnector) {
         return null;
     }
-    const downloadLinks = Object.entries(walletBook.getWalletLinks(walletBook$1, selectedWalletConnector.key))
+    const { metadata } = selectedWalletConnector;
+    const downloadLinks = Object.entries(walletConnectorCore.getWalletLinks(metadata.downloadLinks))
         .filter(([, link]) => link !== '')
         .filter(([name]) => name !== 'ios' && name !== 'android')
         .map(([name, link]) => (jsxRuntime.jsx(WalletHelpLink.WalletHelpLink, { name: name, link: link, 
         // justification: we're looping over the keys of walletLinks.desktop
         Icon: getBrowserIcon.getBrowserIcon(name) }, name)));
-    return (jsxRuntime.jsxs("div", { className: 'no-qr-code-installed__container', "data-testid": 'no-qr-code-installed', children: [jsxRuntime.jsx("div", { className: 'no-qr-code-installed__img', children: jsxRuntime.jsx(walletBook.WalletIcon, { icon: selectedWalletConnector.metadata.icon, walletKey: selectedWalletConnector.key, style: { height: pixelToRem.pixelToRem(64), width: pixelToRem.pixelToRem(64) } }) }), jsxRuntime.jsx(Typography.Typography, { className: 'no-qr-code-installed__typography--title', variant: 'title', copykey: 'dyn_qr_code.wallet_not_installed.install', children: t('dyn_qr_code.wallet_not_installed.install', {
-                    wallet: walletBook.getWalletBookWallet(walletBook$1, selectedWalletConnector.key)
-                        .name,
+    return (jsxRuntime.jsxs("div", { className: 'no-qr-code-installed__container', "data-testid": 'no-qr-code-installed', children: [jsxRuntime.jsx("div", { className: 'no-qr-code-installed__img', children: jsxRuntime.jsx(walletBook.WalletIcon, { icon: metadata.icon, walletKey: selectedWalletConnector.key, style: { height: pixelToRem.pixelToRem(64), width: pixelToRem.pixelToRem(64) } }) }), jsxRuntime.jsx(Typography.Typography, { className: 'no-qr-code-installed__typography--title', variant: 'title', copykey: 'dyn_qr_code.wallet_not_installed.install', children: t('dyn_qr_code.wallet_not_installed.install', {
+                    wallet: metadata.name,
                 }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', className: 'no-qr-code-installed__typography', color: 'secondary', copykey: 'dyn_qr_code.wallet_not_installed.select', children: t('dyn_qr_code.wallet_not_installed.select') }), jsxRuntime.jsx("div", { className: 'no-qr-code-installed__links-section', children: downloadLinks }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', className: 'no-qr-code-installed__typography', weight: 'medium', color: 'secondary', copykey: 'dyn_qr_code.wallet_not_installed.refresh', children: t('dyn_qr_code.wallet_not_installed.refresh') })] }));
 };
 

package/src/lib/views/NoQrNotInstalledView/NoQrNotInstalledView.js

@@ -1,7 +1,8 @@
 'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import { useWalletBookContext, getWalletLinks, WalletIcon, getWalletBookWallet } from '@dynamic-labs/wallet-book';
+import { WalletIcon } from '@dynamic-labs/wallet-book';
+import { getWalletLinks } from '@dynamic-labs/wallet-connector-core';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
 import 'react';
@@ -12,7 +13,6 @@ import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
@@ -85,20 +85,19 @@ import 'qrcode';
 
 const NoQrNotInstalledView = () => {
     const { selectedWalletConnector } = useInternalDynamicContext();
-    const { walletBook } = useWalletBookContext();
     const { t } = useTranslation();
     if (!selectedWalletConnector) {
         return null;
     }
-    const downloadLinks = Object.entries(getWalletLinks(walletBook, selectedWalletConnector.key))
+    const { metadata } = selectedWalletConnector;
+    const downloadLinks = Object.entries(getWalletLinks(metadata.downloadLinks))
         .filter(([, link]) => link !== '')
         .filter(([name]) => name !== 'ios' && name !== 'android')
         .map(([name, link]) => (jsx(WalletHelpLink, { name: name, link: link, 
         // justification: we're looping over the keys of walletLinks.desktop
         Icon: getBrowserIcon(name) }, name)));
-    return (jsxs("div", { className: 'no-qr-code-installed__container', "data-testid": 'no-qr-code-installed', children: [jsx("div", { className: 'no-qr-code-installed__img', children: jsx(WalletIcon, { icon: selectedWalletConnector.metadata.icon, walletKey: selectedWalletConnector.key, style: { height: pixelToRem(64), width: pixelToRem(64) } }) }), jsx(Typography, { className: 'no-qr-code-installed__typography--title', variant: 'title', copykey: 'dyn_qr_code.wallet_not_installed.install', children: t('dyn_qr_code.wallet_not_installed.install', {
-                    wallet: getWalletBookWallet(walletBook, selectedWalletConnector.key)
-                        .name,
+    return (jsxs("div", { className: 'no-qr-code-installed__container', "data-testid": 'no-qr-code-installed', children: [jsx("div", { className: 'no-qr-code-installed__img', children: jsx(WalletIcon, { icon: metadata.icon, walletKey: selectedWalletConnector.key, style: { height: pixelToRem(64), width: pixelToRem(64) } }) }), jsx(Typography, { className: 'no-qr-code-installed__typography--title', variant: 'title', copykey: 'dyn_qr_code.wallet_not_installed.install', children: t('dyn_qr_code.wallet_not_installed.install', {
+                    wallet: metadata.name,
                 }) }), jsx(Typography, { variant: 'body_normal', className: 'no-qr-code-installed__typography', color: 'secondary', copykey: 'dyn_qr_code.wallet_not_installed.select', children: t('dyn_qr_code.wallet_not_installed.select') }), jsx("div", { className: 'no-qr-code-installed__links-section', children: downloadLinks }), jsx(Typography, { variant: 'body_mini', className: 'no-qr-code-installed__typography', weight: 'medium', color: 'secondary', copykey: 'dyn_qr_code.wallet_not_installed.refresh', children: t('dyn_qr_code.wallet_not_installed.refresh') })] }));
 };
 

package/src/lib/widgets/DynamicWidget/hooks/useWalletDownloadLinks/useWalletDownloadLinks.cjs

@@ -3,16 +3,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var walletBook = require('@dynamic-labs/wallet-book');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var parseWalletLinks = require('../../../../utils/functions/parseWalletLinks/parseWalletLinks.cjs');
 var getBrowserIcon = require('../../../../shared/utils/functions/getBrowserIcon/getBrowserIcon.cjs');
 
 const useWalletDownloadLinks = (walletConnector) => {
-    const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
-    if (!walletConnector) {
+    if (!(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.metadata.downloadLinks)) {
         return [];
     }
-    const walletLinks = walletBook.getWalletLinks(walletBook$1, walletConnector.key);
+    const walletLinks = walletConnectorCore.getWalletLinks(walletConnector.metadata.downloadLinks);
     const { currentDesktopUrl, userBrowser } = parseWalletLinks.parseWalletLinks(walletLinks);
     if (userBrowser && currentDesktopUrl) {
         return [

package/src/lib/widgets/DynamicWidget/hooks/useWalletDownloadLinks/useWalletDownloadLinks.js

@@ -1,14 +1,13 @@
 'use client'
-import { useWalletBookContext, getWalletLinks } from '@dynamic-labs/wallet-book';
+import { getWalletLinks } from '@dynamic-labs/wallet-connector-core';
 import { parseWalletLinks } from '../../../../utils/functions/parseWalletLinks/parseWalletLinks.js';
 import { getBrowserIcon } from '../../../../shared/utils/functions/getBrowserIcon/getBrowserIcon.js';
 
 const useWalletDownloadLinks = (walletConnector) => {
-    const { walletBook } = useWalletBookContext();
-    if (!walletConnector) {
+    if (!(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.metadata.downloadLinks)) {
         return [];
     }
-    const walletLinks = getWalletLinks(walletBook, walletConnector.key);
+    const walletLinks = getWalletLinks(walletConnector.metadata.downloadLinks);
     const { currentDesktopUrl, userBrowser } = parseWalletLinks(walletLinks);
     if (userBrowser && currentDesktopUrl) {
         return [

package/src/lib/widgets/DynamicWidget/prompts/NoQrNotInstalledModalView/NoQrNotInstalledModalView.cjs

@@ -89,13 +89,12 @@ require('qrcode');
 
 const NoQrNotInstalledModalView = () => {
     const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
-    const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const downloadLinks = useWalletDownloadLinks.useWalletDownloadLinks(selectedWalletConnector);
     if (!selectedWalletConnector) {
         return null;
     }
-    const walletName = walletBook.getWalletBookWallet(walletBook$1, selectedWalletConnector.key, selectedWalletConnector.walletFallback).name;
-    return (jsxRuntime.jsxs("div", { className: 'no-qr-code-not-installed-modal-view', "data-testid": 'no-qr-code-not-installed', children: [jsxRuntime.jsx(walletBook.WalletIcon, { icon: selectedWalletConnector.metadata.icon, walletKey: selectedWalletConnector.key, style: { height: pixelToRem.pixelToRem(64), width: pixelToRem.pixelToRem(64) } }), jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'primary', children: ["We can\u2019t detect ", walletName, " extension"] }), Array.isArray(downloadLinks) && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', children: "Select from your preferred options below:" })), jsxRuntime.jsx("div", { className: 'no-qr-code-not-installed-modal-view__links-section', children: downloadLinks.map(({ key, name, link, Icon }) => (jsxRuntime.jsx(WalletHelpLink.WalletHelpLink, { name: name, link: link, Icon: Icon }, key))) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', color: 'secondary', children: "Refresh the page once installed" })] }));
+    const { name, icon } = selectedWalletConnector.metadata;
+    return (jsxRuntime.jsxs("div", { className: 'no-qr-code-not-installed-modal-view', "data-testid": 'no-qr-code-not-installed', children: [jsxRuntime.jsx(walletBook.WalletIcon, { icon: icon, walletKey: selectedWalletConnector.key, style: { height: pixelToRem.pixelToRem(64), width: pixelToRem.pixelToRem(64) } }), jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'primary', children: ["We can\u2019t detect ", name, " extension"] }), downloadLinks.length > 0 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', children: "Select from your preferred options below:" }), jsxRuntime.jsx("div", { className: 'no-qr-code-not-installed-modal-view__links-section', children: downloadLinks.map(({ key, name, link, Icon }) => (jsxRuntime.jsx(WalletHelpLink.WalletHelpLink, { name: name, link: link, Icon: Icon }, key))) })] })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', color: 'secondary', children: "Refresh the page once installed" })] }));
 };
 
 exports.NoQrNotInstalledModalView = NoQrNotInstalledModalView;

package/src/lib/widgets/DynamicWidget/prompts/NoQrNotInstalledModalView/NoQrNotInstalledModalView.js

@@ -1,6 +1,6 @@
 'use client'
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useWalletBookContext, getWalletBookWallet, WalletIcon } from '@dynamic-labs/wallet-book';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { WalletIcon } from '@dynamic-labs/wallet-book';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../components/Alert/Alert.js';
 import 'react';
@@ -85,13 +85,12 @@ import 'qrcode';
 
 const NoQrNotInstalledModalView = () => {
     const { selectedWalletConnector } = useInternalDynamicContext();
-    const { walletBook } = useWalletBookContext();
     const downloadLinks = useWalletDownloadLinks(selectedWalletConnector);
     if (!selectedWalletConnector) {
         return null;
     }
-    const walletName = getWalletBookWallet(walletBook, selectedWalletConnector.key, selectedWalletConnector.walletFallback).name;
-    return (jsxs("div", { className: 'no-qr-code-not-installed-modal-view', "data-testid": 'no-qr-code-not-installed', children: [jsx(WalletIcon, { icon: selectedWalletConnector.metadata.icon, walletKey: selectedWalletConnector.key, style: { height: pixelToRem(64), width: pixelToRem(64) } }), jsxs(Typography, { variant: 'body_normal', color: 'primary', children: ["We can\u2019t detect ", walletName, " extension"] }), Array.isArray(downloadLinks) && (jsx(Typography, { variant: 'body_normal', color: 'secondary', children: "Select from your preferred options below:" })), jsx("div", { className: 'no-qr-code-not-installed-modal-view__links-section', children: downloadLinks.map(({ key, name, link, Icon }) => (jsx(WalletHelpLink, { name: name, link: link, Icon: Icon }, key))) }), jsx(Typography, { variant: 'body_mini', color: 'secondary', children: "Refresh the page once installed" })] }));
+    const { name, icon } = selectedWalletConnector.metadata;
+    return (jsxs("div", { className: 'no-qr-code-not-installed-modal-view', "data-testid": 'no-qr-code-not-installed', children: [jsx(WalletIcon, { icon: icon, walletKey: selectedWalletConnector.key, style: { height: pixelToRem(64), width: pixelToRem(64) } }), jsxs(Typography, { variant: 'body_normal', color: 'primary', children: ["We can\u2019t detect ", name, " extension"] }), downloadLinks.length > 0 && (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', children: "Select from your preferred options below:" }), jsx("div", { className: 'no-qr-code-not-installed-modal-view__links-section', children: downloadLinks.map(({ key, name, link, Icon }) => (jsx(WalletHelpLink, { name: name, link: link, Icon: Icon }, key))) })] })), jsx(Typography, { variant: 'body_mini', color: 'secondary', children: "Refresh the page once installed" })] }));
 };
 
 export { NoQrNotInstalledModalView };