@dynamic-labs/sdk-react-core 1.1.0-alpha.6 → 1.1.0-alpha.8

package/CHANGELOG.md

@@ -1,4 +1,33 @@
 
+## [1.1.0-alpha.8](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.7...v1.1.0-alpha.8) (2024-01-03)
+
+
+### Features
+
+* add new sdk view section for text ([#4280](https://github.com/dynamic-labs/DynamicAuth/issues/4280)) ([457ae38](https://github.com/dynamic-labs/DynamicAuth/commit/457ae38cd2be8dae078f40b54ffc4704299d4ed9))
+* add new setShowLinkNewWalletModal method ([f46447a](https://github.com/dynamic-labs/DynamicAuth/commit/f46447ab606f4fdbf55e5fef21dd98f8f2650e90))
+* add pk export for hd wallets ([#4266](https://github.com/dynamic-labs/DynamicAuth/issues/4266)) ([44aac69](https://github.com/dynamic-labs/DynamicAuth/commit/44aac69580ed44e66eab971f87cb6061a3fadc90))
+* add starknet support for sopelia ([#4248](https://github.com/dynamic-labs/DynamicAuth/issues/4248)) ([f9a0980](https://github.com/dynamic-labs/DynamicAuth/commit/f9a0980c3cd2d6d95c5dd17b179fbd0931f08b1a))
+* enable hardware wallet for solana wallets ([#4275](https://github.com/dynamic-labs/DynamicAuth/issues/4275)) ([704b380](https://github.com/dynamic-labs/DynamicAuth/commit/704b380186618a5a5793e88f36ccbe84b59a2e4a))
+
+
+### Bug Fixes
+
+* phantom solana not connecting on mobile ([#4284](https://github.com/dynamic-labs/DynamicAuth/issues/4284)) ([6ad75f1](https://github.com/dynamic-labs/DynamicAuth/commit/6ad75f152896459f5cf658227f998c246b6a572b))
+* use bitcoin payment address for onramp ([#4273](https://github.com/dynamic-labs/DynamicAuth/issues/4273)) ([a2f54e8](https://github.com/dynamic-labs/DynamicAuth/commit/a2f54e812a11a91ee488eca64f14b5eeea1a8874))
+
+## [1.1.0-alpha.7](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.6...v1.1.0-alpha.7) (2023-12-28)
+
+
+### Features
+
+* better coinbase deeplinking ux ([#4164](https://github.com/dynamic-labs/DynamicAuth/issues/4164)) ([5252608](https://github.com/dynamic-labs/DynamicAuth/commit/525260851900a33a52f129def338963400344205))
+
+
+### Bug Fixes
+
+* don't prompt for connect when selecting bitcoin wallet if already connected ([#4265](https://github.com/dynamic-labs/DynamicAuth/issues/4265)) ([adef402](https://github.com/dynamic-labs/DynamicAuth/commit/adef402ef94270a17fab896a8585a7f2eacd3681))
+
 ## [1.1.0-alpha.6](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.5...v1.1.0-alpha.6) (2023-12-27)
 
 

package/package.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.1.0-alpha.6";
+var version = "1.1.0-alpha.8";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.47",
-	"@dynamic-labs/sdk-api": "0.0.333",
+	"@dynamic-labs/sdk-api": "0.0.340",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
-var version = "1.1.0-alpha.6";
+var version = "1.1.0-alpha.8";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.47",
-	"@dynamic-labs/sdk-api": "0.0.333",
+	"@dynamic-labs/sdk-api": "0.0.340",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "1.1.0-alpha.6",
+  "version": "1.1.0-alpha.8",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@dynamic-labs/iconic": "0.1.47",
-    "@dynamic-labs/sdk-api": "0.0.333",
+    "@dynamic-labs/sdk-api": "0.0.340",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,15 +17,16 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/ethereum": "1.1.0-alpha.6",
-    "@dynamic-labs/logger": "1.1.0-alpha.6",
-    "@dynamic-labs/multi-wallet": "1.1.0-alpha.6",
-    "@dynamic-labs/rpc-providers": "1.1.0-alpha.6",
-    "@dynamic-labs/types": "1.1.0-alpha.6",
-    "@dynamic-labs/utils": "1.1.0-alpha.6",
-    "@dynamic-labs/viem-utils": "1.1.0-alpha.6",
-    "@dynamic-labs/wallet-book": "1.1.0-alpha.6",
-    "@dynamic-labs/wallet-connector-core": "1.1.0-alpha.6",
+    "@dynamic-labs/bitcoin": "1.1.0-alpha.8",
+    "@dynamic-labs/ethereum": "1.1.0-alpha.8",
+    "@dynamic-labs/logger": "1.1.0-alpha.8",
+    "@dynamic-labs/multi-wallet": "1.1.0-alpha.8",
+    "@dynamic-labs/rpc-providers": "1.1.0-alpha.8",
+    "@dynamic-labs/types": "1.1.0-alpha.8",
+    "@dynamic-labs/utils": "1.1.0-alpha.8",
+    "@dynamic-labs/viem-utils": "1.1.0-alpha.8",
+    "@dynamic-labs/wallet-book": "1.1.0-alpha.8",
+    "@dynamic-labs/wallet-connector-core": "1.1.0-alpha.8",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -116,6 +116,7 @@ var altEmbeddedWallet = require('./lib/shared/assets/alt-embedded-wallet.cjs');
 var faceId = require('./lib/shared/assets/face-id.cjs');
 var exportEmbeddedHero = require('./lib/shared/assets/export-embedded-hero.cjs');
 var walletV2 = require('./lib/shared/assets/wallet-v2.cjs');
+var altKey = require('./lib/shared/assets/alt-key.cjs');
 var index$2 = require('./lib/shared/consts/index.cjs');
 var logger = require('./lib/shared/logger.cjs');
 require('react-dom');
@@ -306,6 +307,7 @@ exports.AltEmbeddedWalletIcon = altEmbeddedWallet.ReactComponent;
 exports.FaceIdIcon = faceId.ReactComponent;
 exports.ExportEmbeddedHero = exportEmbeddedHero.ReactComponent;
 exports.WalletV2Icon = walletV2.ReactComponent;
+exports.AltKeyIcon = altKey.ReactComponent;
 exports.authModalZIndex = index$2.authModalZIndex;
 exports.countryCodes = index$2.countryCodes;
 exports.defaultWalletsForChains = index$2.defaultWalletsForChains;

package/src/index.js

@@ -112,6 +112,7 @@ export { ReactComponent as AltEmbeddedWalletIcon } from './lib/shared/assets/alt
 export { ReactComponent as FaceIdIcon } from './lib/shared/assets/face-id.js';
 export { ReactComponent as ExportEmbeddedHero } from './lib/shared/assets/export-embedded-hero.js';
 export { ReactComponent as WalletV2Icon } from './lib/shared/assets/wallet-v2.js';
+export { ReactComponent as AltKeyIcon } from './lib/shared/assets/alt-key.js';
 export { authModalZIndex, countryCodes, defaultWalletsForChains, tShirtSizes, teamNames, toolkitZIndex, tooltipZIndex, widgetModalZIndex } from './lib/shared/consts/index.js';
 export { logger } from './lib/shared/logger.js';
 import 'react-dom';

package/src/lib/components/ChainCard/ChainCard.d.ts

@@ -1,7 +1,7 @@
-import React, { FC } from 'react';
+import React, { FC, MouseEventHandler } from 'react';
 export type ChainCardProps = {
     chainName: string;
-    onClick: () => void;
+    onClick: MouseEventHandler<HTMLDivElement>;
     startSlot?: React.ReactElement;
     endSlot?: React.ReactElement;
     className?: string;

package/src/lib/components/SelectWalletChainLayout/SelectWalletChainLayout.cjs

@@ -3,9 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
 var Typography = require('../Typography/Typography.cjs');
 var IconWithSpinner = require('../IconWithSpinner/IconWithSpinner.cjs');
 
-const SelectWalletChainLayout = ({ children, HeaderIcon }) => (jsxRuntime.jsxs("div", { className: 'select-wallet-chain-layout__container', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { className: 'select-wallet-chain-layout__icon', Icon: HeaderIcon, iconSize: 96 }), jsxRuntime.jsxs("div", { className: 'select-wallet-chain-layout__body', children: [jsxRuntime.jsx(Typography.Typography, { className: 'select-wallet-chain-layout__text', as: 'p', color: 'secondary', variant: 'body_normal', children: "This wallet supports multiple chains. Select which chain you'd like to connect to" }), jsxRuntime.jsx("div", { className: 'select-wallet-chain-layout__list', children: children })] })] }));
+const SelectWalletChainLayout = ({ children, HeaderIcon }) => {
+    const { t } = reactI18next.useTranslation();
+    return (jsxRuntime.jsxs("div", { className: 'select-wallet-chain-layout__container', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { className: 'select-wallet-chain-layout__icon', Icon: HeaderIcon, iconSize: 96 }), jsxRuntime.jsxs("div", { className: 'select-wallet-chain-layout__body', children: [jsxRuntime.jsx(Typography.Typography, { className: 'select-wallet-chain-layout__text', as: 'p', color: 'secondary', variant: 'body_normal', copykey: 'dyn_select_chain.description', children: t('dyn_select_chain.description') }), jsxRuntime.jsx("div", { className: 'select-wallet-chain-layout__list', children: children })] })] }));
+};
 
 exports.SelectWalletChainLayout = SelectWalletChainLayout;

package/src/lib/components/SelectWalletChainLayout/SelectWalletChainLayout.js

@@ -1,7 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
 import { Typography } from '../Typography/Typography.js';
 import { IconWithSpinner } from '../IconWithSpinner/IconWithSpinner.js';
 
-const SelectWalletChainLayout = ({ children, HeaderIcon }) => (jsxs("div", { className: 'select-wallet-chain-layout__container', children: [jsx(IconWithSpinner, { className: 'select-wallet-chain-layout__icon', Icon: HeaderIcon, iconSize: 96 }), jsxs("div", { className: 'select-wallet-chain-layout__body', children: [jsx(Typography, { className: 'select-wallet-chain-layout__text', as: 'p', color: 'secondary', variant: 'body_normal', children: "This wallet supports multiple chains. Select which chain you'd like to connect to" }), jsx("div", { className: 'select-wallet-chain-layout__list', children: children })] })] }));
+const SelectWalletChainLayout = ({ children, HeaderIcon }) => {
+    const { t } = useTranslation();
+    return (jsxs("div", { className: 'select-wallet-chain-layout__container', children: [jsx(IconWithSpinner, { className: 'select-wallet-chain-layout__icon', Icon: HeaderIcon, iconSize: 96 }), jsxs("div", { className: 'select-wallet-chain-layout__body', children: [jsx(Typography, { className: 'select-wallet-chain-layout__text', as: 'p', color: 'secondary', variant: 'body_normal', copykey: 'dyn_select_chain.description', children: t('dyn_select_chain.description') }), jsx("div", { className: 'select-wallet-chain-layout__list', children: children })] })] }));
+};
 
 export { SelectWalletChainLayout };

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -111,6 +111,7 @@ var useSetShowAuthFlowWithInit = require('./hooks/useSetShowAuthFlowWithInit/use
 var useShowPasskeyCreateSuccess = require('./hooks/useShowPasskeyCreateSuccess/useShowPasskeyCreateSuccess.cjs');
 var useTieCallbacksToEvents = require('./hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.cjs');
 var useVerificationInProgress = require('./hooks/useVerificationInProgress/useVerificationInProgress.cjs');
+var useSetShowLinkNewWalletModalWithInit = require('./hooks/useSetShowLinkNewWalletModalWithInit/useSetShowLinkNewWalletModalWithInit.cjs');
 var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
 var useCustomerAuthFlowCallbacks = require('./useCustomerCallbacks/useCustomerAuthFlowCallbacks.cjs');
 var validators = require('./validators.cjs');
@@ -164,7 +165,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         dynamicContextProps: { settings },
         environmentId,
     });
-    const { multiWallet, setMultiWallet } = useMultiWallet.useMultiWallet(toolkitEnabled || false, (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet);
+    const { multiWallet, setMultiWallet } = useMultiWallet.useMultiWallet({
+        isBridgeFlow,
+        multiWalletSettings: (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet,
+        toolkitEnabled: toolkitEnabled || false,
+    });
     // for demo proposes when running single wallet
     // it should not use bridge even having walletConnectV1Bridge set on settings
     // but v2 if enabled
@@ -248,7 +253,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
     const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         authMode,
         authToken: getAuthToken.getAuthToken() || onboardingOnlyJwt,
-        canHaveMultipleWalletsConnected: multiWallet || isBridgeFlow,
+        canHaveMultipleWalletsConnected: multiWallet,
         connectedWallets,
         multiWalletWidgetState,
         onboardingOnlyJwt,
@@ -271,11 +276,19 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         walletBook: walletBook$1,
     });
     const isRenderingEmbeddedAuthFlow = React.useRef(false);
+    const isUserAuthenticated = Boolean(authMode === 'connect-and-sign' ? user : isFullyConnected);
     const setShowAuthFlowWithInit = useSetShowAuthFlowWithInit.useSetShowAuthFlowWithInit({
+        isAuthenticated: isUserAuthenticated,
+        isMultiWalletEnabled: multiWallet,
+        isRenderingEmbeddedAuthFlow,
+        setShowAuthFlow,
+        walletConnectorOptions,
+    });
+    const setShowLinkNewWalletModalWithInit = useSetShowLinkNewWalletModalWithInit.useSetShowLinkNewWalletModalWithInit({
+        isAuthenticated: isUserAuthenticated,
         isMultiWalletEnabled: multiWallet,
         isRenderingEmbeddedAuthFlow,
         setShowAuthFlow,
-        user,
         walletConnectorOptions,
     });
     const { getNameService, removeConnectedNameService } = useNameService.useNameService({
@@ -558,6 +571,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
             setShowAuthFlow: setShowAuthFlowWithInit,
             setShowBridgeWidget,
             setShowDynamicUserProfile,
+            setShowLinkNewWalletModal: setShowLinkNewWalletModalWithInit,
             setShowPasskeyCreatedSuccess,
             setShowQrcodeModal,
             setShowWidgetStatePopup,
@@ -664,6 +678,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         setSdkHasLoaded,
         setSelectedWalletConnectorKey,
         setShowAuthFlowWithInit,
+        setShowLinkNewWalletModalWithInit,
         setShowPasskeyCreatedSuccess,
         setShowQrcodeModal,
         setUser,

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -107,6 +107,7 @@ import { useSetShowAuthFlowWithInit } from './hooks/useSetShowAuthFlowWithInit/u
 import { useShowPasskeyCreateSuccess } from './hooks/useShowPasskeyCreateSuccess/useShowPasskeyCreateSuccess.js';
 import { useTieCallbacksToEvents } from './hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.js';
 import { useVerificationInProgress } from './hooks/useVerificationInProgress/useVerificationInProgress.js';
+import { useSetShowLinkNewWalletModalWithInit } from './hooks/useSetShowLinkNewWalletModalWithInit/useSetShowLinkNewWalletModalWithInit.js';
 import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
 import { useCustomerAuthFlowCallbacks } from './useCustomerCallbacks/useCustomerAuthFlowCallbacks.js';
 import { validateAuthUser } from './validators.js';
@@ -160,7 +161,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         dynamicContextProps: { settings },
         environmentId,
     });
-    const { multiWallet, setMultiWallet } = useMultiWallet(toolkitEnabled || false, (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet);
+    const { multiWallet, setMultiWallet } = useMultiWallet({
+        isBridgeFlow,
+        multiWalletSettings: (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet,
+        toolkitEnabled: toolkitEnabled || false,
+    });
     // for demo proposes when running single wallet
     // it should not use bridge even having walletConnectV1Bridge set on settings
     // but v2 if enabled
@@ -244,7 +249,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
         authMode,
         authToken: getAuthToken() || onboardingOnlyJwt,
-        canHaveMultipleWalletsConnected: multiWallet || isBridgeFlow,
+        canHaveMultipleWalletsConnected: multiWallet,
         connectedWallets,
         multiWalletWidgetState,
         onboardingOnlyJwt,
@@ -267,11 +272,19 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         walletBook,
     });
     const isRenderingEmbeddedAuthFlow = useRef(false);
+    const isUserAuthenticated = Boolean(authMode === 'connect-and-sign' ? user : isFullyConnected);
     const setShowAuthFlowWithInit = useSetShowAuthFlowWithInit({
+        isAuthenticated: isUserAuthenticated,
+        isMultiWalletEnabled: multiWallet,
+        isRenderingEmbeddedAuthFlow,
+        setShowAuthFlow,
+        walletConnectorOptions,
+    });
+    const setShowLinkNewWalletModalWithInit = useSetShowLinkNewWalletModalWithInit({
+        isAuthenticated: isUserAuthenticated,
         isMultiWalletEnabled: multiWallet,
         isRenderingEmbeddedAuthFlow,
         setShowAuthFlow,
-        user,
         walletConnectorOptions,
     });
     const { getNameService, removeConnectedNameService } = useNameService({
@@ -554,6 +567,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             setShowAuthFlow: setShowAuthFlowWithInit,
             setShowBridgeWidget,
             setShowDynamicUserProfile,
+            setShowLinkNewWalletModal: setShowLinkNewWalletModalWithInit,
             setShowPasskeyCreatedSuccess,
             setShowQrcodeModal,
             setShowWidgetStatePopup,
@@ -660,6 +674,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         setSdkHasLoaded,
         setSelectedWalletConnectorKey,
         setShowAuthFlowWithInit,
+        setShowLinkNewWalletModalWithInit,
         setShowPasskeyCreatedSuccess,
         setShowQrcodeModal,
         setUser,

package/src/lib/context/DynamicContext/hooks/useSetShowAuthFlowWithInit/useSetShowAuthFlowWithInit.cjs

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('@dynamic-labs/utils');
+require('../../../../shared/consts/index.cjs');
 
 /**
  * this hook wraps `setShowAuthFlow`. WalletConnect requires initialization
@@ -12,21 +24,31 @@ var React = require('react');
  * "Connect" button in the WalletConnect modal, there is a uri ready to go
  * to immediately trigger the deep link on mobile
  */
-const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, walletConnectorOptions, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }) => {
+const useSetShowAuthFlowWithInit = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, setShowAuthFlow, isMultiWalletEnabled, walletConnectorOptions, }) => {
     const setShowAuthFlowWithInit = React.useCallback((value) => {
         var _a;
         if (value) {
-            // Do not change state if:
-            // 1. The user is already signed in and multi-wallet is not enabled
-            // 2. An embedded auth flow is already being rendered
-            if ((user && !isMultiWalletEnabled) ||
-                isRenderingEmbeddedAuthFlow.current)
+            // Do not change state if an embedded auth flow is already being rendered
+            if (isRenderingEmbeddedAuthFlow.current)
                 return;
+            // show the user profile and log a warning is multi-wallet is disabled
+            // but the user is logged in this is done to prevent a broken looking state
+            if (isAuthenticated && !isMultiWalletEnabled) {
+                logger.logger.warn('setShowAuthFlow was called while the user is logged in, but Dynamic is not configured with multi-wallet enabled. This results in a no-op.');
+                return;
+            }
             (_a = walletConnectorOptions
                 .find((wallet) => wallet.walletConnector.key === 'walletconnect')) === null || _a === void 0 ? void 0 : _a.walletConnector.init();
+            logger.logger.warn('Using setShowAuthFlow to render the wallet list when the user is logged in is deprecated. Use setShowLinkNewWalletModal instead. For more information, see: https://docs.dynamic.xyz/react-sdk/hooks/usedynamiccontext');
         }
         setShowAuthFlow(value);
-    }, [setShowAuthFlow, walletConnectorOptions, user, isMultiWalletEnabled]);
+    }, [
+        setShowAuthFlow,
+        isAuthenticated,
+        isMultiWalletEnabled,
+        isRenderingEmbeddedAuthFlow,
+        walletConnectorOptions,
+    ]);
     return setShowAuthFlowWithInit;
 };
 

package/src/lib/context/DynamicContext/hooks/useSetShowAuthFlowWithInit/useSetShowAuthFlowWithInit.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { UserProfile, WalletOption } from '../../../../shared';
+import { WalletOption } from '../../../../shared';
 import { IDynamicContext } from '../../types';
 /**
  * this hook wraps `setShowAuthFlow`. WalletConnect requires initialization
@@ -9,10 +9,10 @@ import { IDynamicContext } from '../../types';
  * "Connect" button in the WalletConnect modal, there is a uri ready to go
  * to immediately trigger the deep link on mobile
  */
-export declare const useSetShowAuthFlowWithInit: ({ setShowAuthFlow, walletConnectorOptions, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }: {
+export declare const useSetShowAuthFlowWithInit: ({ isAuthenticated, isRenderingEmbeddedAuthFlow, setShowAuthFlow, isMultiWalletEnabled, walletConnectorOptions, }: {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
+    isMultiWalletEnabled: boolean;
     isRenderingEmbeddedAuthFlow: IDynamicContext['isRenderingEmbeddedAuthFlow'];
     walletConnectorOptions: WalletOption[];
-    user?: UserProfile | undefined;
-    isMultiWalletEnabled?: boolean | undefined;
+    isAuthenticated: boolean;
 }) => Dispatch<SetStateAction<boolean>>;

package/src/lib/context/DynamicContext/hooks/useSetShowAuthFlowWithInit/useSetShowAuthFlowWithInit.js

@@ -1,4 +1,16 @@
 import { useCallback } from 'react';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '@dynamic-labs/utils';
+import '../../../../shared/consts/index.js';
 
 /**
  * this hook wraps `setShowAuthFlow`. WalletConnect requires initialization
@@ -8,21 +20,31 @@ import { useCallback } from 'react';
  * "Connect" button in the WalletConnect modal, there is a uri ready to go
  * to immediately trigger the deep link on mobile
  */
-const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, walletConnectorOptions, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }) => {
+const useSetShowAuthFlowWithInit = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, setShowAuthFlow, isMultiWalletEnabled, walletConnectorOptions, }) => {
     const setShowAuthFlowWithInit = useCallback((value) => {
         var _a;
         if (value) {
-            // Do not change state if:
-            // 1. The user is already signed in and multi-wallet is not enabled
-            // 2. An embedded auth flow is already being rendered
-            if ((user && !isMultiWalletEnabled) ||
-                isRenderingEmbeddedAuthFlow.current)
+            // Do not change state if an embedded auth flow is already being rendered
+            if (isRenderingEmbeddedAuthFlow.current)
                 return;
+            // show the user profile and log a warning is multi-wallet is disabled
+            // but the user is logged in this is done to prevent a broken looking state
+            if (isAuthenticated && !isMultiWalletEnabled) {
+                logger.warn('setShowAuthFlow was called while the user is logged in, but Dynamic is not configured with multi-wallet enabled. This results in a no-op.');
+                return;
+            }
             (_a = walletConnectorOptions
                 .find((wallet) => wallet.walletConnector.key === 'walletconnect')) === null || _a === void 0 ? void 0 : _a.walletConnector.init();
+            logger.warn('Using setShowAuthFlow to render the wallet list when the user is logged in is deprecated. Use setShowLinkNewWalletModal instead. For more information, see: https://docs.dynamic.xyz/react-sdk/hooks/usedynamiccontext');
         }
         setShowAuthFlow(value);
-    }, [setShowAuthFlow, walletConnectorOptions, user, isMultiWalletEnabled]);
+    }, [
+        setShowAuthFlow,
+        isAuthenticated,
+        isMultiWalletEnabled,
+        isRenderingEmbeddedAuthFlow,
+        walletConnectorOptions,
+    ]);
     return setShowAuthFlowWithInit;
 };
 

package/src/lib/context/DynamicContext/hooks/useSetShowLinkNewWalletModalWithInit/index.d.ts

@@ -0,0 +1 @@
+export * from './useSetShowLinkNewWalletModalWithInit';

package/src/lib/context/DynamicContext/hooks/useSetShowLinkNewWalletModalWithInit/useSetShowLinkNewWalletModalWithInit.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('@dynamic-labs/utils');
+require('../../../../shared/consts/index.cjs');
+
+/**
+ * this hook wraps `setShowAuthFlow`. WalletConnect requires initialization
+ * before we can connect a wallet. The goal here is that when a user clicks
+ * on the "Connect your wallet" button, the SDK starts initializing WalletConnect
+ * and will prime it for connection. This way, when the user clicks on the
+ * "Connect" button in the WalletConnect modal, there is a uri ready to go
+ * to immediately trigger the deep link on mobile
+ */
+const useSetShowLinkNewWalletModalWithInit = ({ setShowAuthFlow, walletConnectorOptions, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, isAuthenticated, }) => {
+    const setSetShowLinkNewWalletModalWithInit = React.useCallback((value) => {
+        var _a;
+        if (value) {
+            // Do not change state if:
+            // 1. The user is already signed in and multi-wallet is not enabled
+            // 2. An embedded auth flow is already being rendered
+            if (!isAuthenticated || isRenderingEmbeddedAuthFlow.current)
+                return;
+            if (!isMultiWalletEnabled) {
+                logger.logger.warn('setShowLinkNewWalletModal was called while the user was not logged in. This results in a no-op. To log the user in, use setShowAuthFlow. For more information, see: https://docs.dynamic.xyz/react-sdk/hooks/usedynamiccontext');
+                return;
+            }
+            (_a = walletConnectorOptions
+                .find((wallet) => wallet.walletConnector.key === 'walletconnect')) === null || _a === void 0 ? void 0 : _a.walletConnector.init();
+        }
+        setShowAuthFlow(value);
+    }, [
+        setShowAuthFlow,
+        isAuthenticated,
+        isMultiWalletEnabled,
+        isRenderingEmbeddedAuthFlow,
+        walletConnectorOptions,
+    ]);
+    return setSetShowLinkNewWalletModalWithInit;
+};
+
+exports.useSetShowLinkNewWalletModalWithInit = useSetShowLinkNewWalletModalWithInit;

package/src/lib/context/DynamicContext/hooks/useSetShowLinkNewWalletModalWithInit/useSetShowLinkNewWalletModalWithInit.d.ts

@@ -0,0 +1,18 @@
+import { Dispatch, SetStateAction } from 'react';
+import { WalletOption } from '../../../../shared';
+import { IDynamicContext } from '../../types';
+/**
+ * this hook wraps `setShowAuthFlow`. WalletConnect requires initialization
+ * before we can connect a wallet. The goal here is that when a user clicks
+ * on the "Connect your wallet" button, the SDK starts initializing WalletConnect
+ * and will prime it for connection. This way, when the user clicks on the
+ * "Connect" button in the WalletConnect modal, there is a uri ready to go
+ * to immediately trigger the deep link on mobile
+ */
+export declare const useSetShowLinkNewWalletModalWithInit: ({ setShowAuthFlow, walletConnectorOptions, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, isAuthenticated, }: {
+    setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
+    isRenderingEmbeddedAuthFlow: IDynamicContext['isRenderingEmbeddedAuthFlow'];
+    walletConnectorOptions: WalletOption[];
+    isMultiWalletEnabled?: boolean | undefined;
+    isAuthenticated: boolean;
+}) => Dispatch<SetStateAction<boolean>>;

package/src/lib/context/DynamicContext/hooks/useSetShowLinkNewWalletModalWithInit/useSetShowLinkNewWalletModalWithInit.js

@@ -0,0 +1,50 @@
+import { useCallback } from 'react';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '@dynamic-labs/utils';
+import '../../../../shared/consts/index.js';
+
+/**
+ * this hook wraps `setShowAuthFlow`. WalletConnect requires initialization
+ * before we can connect a wallet. The goal here is that when a user clicks
+ * on the "Connect your wallet" button, the SDK starts initializing WalletConnect
+ * and will prime it for connection. This way, when the user clicks on the
+ * "Connect" button in the WalletConnect modal, there is a uri ready to go
+ * to immediately trigger the deep link on mobile
+ */
+const useSetShowLinkNewWalletModalWithInit = ({ setShowAuthFlow, walletConnectorOptions, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, isAuthenticated, }) => {
+    const setSetShowLinkNewWalletModalWithInit = useCallback((value) => {
+        var _a;
+        if (value) {
+            // Do not change state if:
+            // 1. The user is already signed in and multi-wallet is not enabled
+            // 2. An embedded auth flow is already being rendered
+            if (!isAuthenticated || isRenderingEmbeddedAuthFlow.current)
+                return;
+            if (!isMultiWalletEnabled) {
+                logger.warn('setShowLinkNewWalletModal was called while the user was not logged in. This results in a no-op. To log the user in, use setShowAuthFlow. For more information, see: https://docs.dynamic.xyz/react-sdk/hooks/usedynamiccontext');
+                return;
+            }
+            (_a = walletConnectorOptions
+                .find((wallet) => wallet.walletConnector.key === 'walletconnect')) === null || _a === void 0 ? void 0 : _a.walletConnector.init();
+        }
+        setShowAuthFlow(value);
+    }, [
+        setShowAuthFlow,
+        isAuthenticated,
+        isMultiWalletEnabled,
+        isRenderingEmbeddedAuthFlow,
+        walletConnectorOptions,
+    ]);
+    return setSetShowLinkNewWalletModalWithInit;
+};
+
+export { useSetShowLinkNewWalletModalWithInit };

package/src/lib/context/DynamicContext/types/index.d.ts

@@ -104,6 +104,7 @@ export interface IDynamicContext {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
     /** The unwrapped version of setShowAuthFlow. See useSetShowAuthFlowWithInit.ts for context */
     internalSetShowAuthFlow: Dispatch<SetStateAction<boolean>>;
+    setShowLinkNewWalletModal: Dispatch<SetStateAction<boolean>>;
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setShowPasskeyCreatedSuccess: VoidFunction;
     setShowQrcodeModal: Dispatch<SetStateAction<boolean>>;

package/src/lib/context/DynamicContext/useDynamicContext.cjs

@@ -11,7 +11,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, setShowLinkNewWalletModal, } = context;
     return {
         accountSwitchState,
         authMode,
@@ -43,6 +43,7 @@ const useDynamicContext = () => {
         setShowAuthFlow,
         setShowBridgeWidget,
         setShowDynamicUserProfile,
+        setShowLinkNewWalletModal,
         setShowQrcodeModal,
         shadowDOMEnabled,
         showAuthFlow,

package/src/lib/context/DynamicContext/useDynamicContext.d.ts

@@ -1,3 +1,3 @@
 import { IDynamicContext } from './types';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile'>;
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setShowLinkNewWalletModal'>;
 export declare const useDynamicContext: () => UseDynamicContext;

package/src/lib/context/DynamicContext/useDynamicContext.js

@@ -7,7 +7,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, setShowLinkNewWalletModal, } = context;
     return {
         accountSwitchState,
         authMode,
@@ -39,6 +39,7 @@ const useDynamicContext = () => {
         setShowAuthFlow,
         setShowBridgeWidget,
         setShowDynamicUserProfile,
+        setShowLinkNewWalletModal,
         setShowQrcodeModal,
         shadowDOMEnabled,
         showAuthFlow,