@dynamic-labs/sdk-react-core 3.0.0-alpha.57 → 3.0.0-alpha.58

package/CHANGELOG.md

@@ -1,4 +1,15 @@
 
+## [3.0.0-alpha.58](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.57...v3.0.0-alpha.58) (2024-09-05)
+
+
+### ⚠ BREAKING CHANGES
+
+* remove headless prop from DynamicContextProvider ([#6806](https://github.com/dynamic-labs/DynamicAuth/issues/6806)) ([1ab55a1](https://github.com/dynamic-labs/DynamicAuth/commit/1ab55a1cf5d143316617aa88a487bb59446f6f28))
+
+### Features
+
+* allow selecting which MetaMask account to connect with when linking new wallet ([#6796](https://github.com/dynamic-labs/DynamicAuth/issues/6796)) ([83e270f](https://github.com/dynamic-labs/DynamicAuth/commit/83e270ffd53d5f6c95464cf570663e1008ffa6fb))
+
 ## [3.0.0-alpha.57](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.56...v3.0.0-alpha.57) (2024-09-05)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.57";
+var version = "3.0.0-alpha.58";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.526",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.0.0-alpha.57";
+var version = "3.0.0-alpha.58";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.526",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.0.0-alpha.57",
+  "version": "3.0.0-alpha.58",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,17 +17,17 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/global-wallet": "3.0.0-alpha.57",
-    "@dynamic-labs/iconic": "3.0.0-alpha.57",
-    "@dynamic-labs/logger": "3.0.0-alpha.57",
-    "@dynamic-labs/message-transport": "3.0.0-alpha.57",
-    "@dynamic-labs/multi-wallet": "3.0.0-alpha.57",
-    "@dynamic-labs/rpc-providers": "3.0.0-alpha.57",
-    "@dynamic-labs/store": "3.0.0-alpha.57",
-    "@dynamic-labs/types": "3.0.0-alpha.57",
-    "@dynamic-labs/utils": "3.0.0-alpha.57",
-    "@dynamic-labs/wallet-book": "3.0.0-alpha.57",
-    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.57",
+    "@dynamic-labs/global-wallet": "3.0.0-alpha.58",
+    "@dynamic-labs/iconic": "3.0.0-alpha.58",
+    "@dynamic-labs/logger": "3.0.0-alpha.58",
+    "@dynamic-labs/message-transport": "3.0.0-alpha.58",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.58",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.58",
+    "@dynamic-labs/store": "3.0.0-alpha.58",
+    "@dynamic-labs/types": "3.0.0-alpha.58",
+    "@dynamic-labs/utils": "3.0.0-alpha.58",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.58",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.58",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -147,7 +147,7 @@ const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, locale: locale$1, enableInstrumentation = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = false, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, headless = false, } = settings$1;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = false, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, } = settings$1;
     localStorage.LocalStorage.setSuffix(settings$1.localStorageSuffix);
     /**
      * initialize global store
@@ -487,7 +487,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             handleLogOut,
             handleUnlinkWallet: authMode === 'connect-only' ? disconnectWallet : handleUnlinkWallet,
             handlers,
-            headless,
             i18nSDKInstance,
             isBridgeFlow,
             isProjectSettingsLoading,
@@ -608,7 +607,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         handleLogOut,
         handleUnlinkWallet,
         handlers,
-        headless,
         i18nSDKInstance,
         isBridgeFlow,
         isProjectSettingsLoading,

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

@@ -143,7 +143,7 @@ const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, enableInstrumentation = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = false, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, headless = false, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = false, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, } = settings;
     LocalStorage.setSuffix(settings.localStorageSuffix);
     /**
      * initialize global store
@@ -483,7 +483,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
             handleLogOut,
             handleUnlinkWallet: authMode === 'connect-only' ? disconnectWallet : handleUnlinkWallet,
             handlers,
-            headless,
             i18nSDKInstance,
             isBridgeFlow,
             isProjectSettingsLoading,
@@ -604,7 +603,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         handleLogOut,
         handleUnlinkWallet,
         handlers,
-        headless,
         i18nSDKInstance,
         isBridgeFlow,
         isProjectSettingsLoading,

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

@@ -59,7 +59,6 @@ export interface DynamicContextProps {
          */
         flowNetwork?: 'testnet' | 'mainnet';
         handlers?: DynamicHandlers;
-        headless?: boolean;
         initialAuthenticationMode?: AuthModeType;
         localStorageSuffix?: string;
         /**

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

@@ -62,8 +62,6 @@ export interface IDynamicContext {
     handleLogOut: () => Promise<void>;
     handleUnlinkWallet: (walletId: string) => Promise<void> | void;
     handlers?: DynamicHandlers;
-    /** Flag for customer to set when using dynamic fully headless */
-    headless?: boolean;
     isBridgeFlow: boolean;
     isProjectSettingsLoading: boolean;
     /** Whether there is an instance of DynamicEmbeddedAuthFlow being rendered */

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

@@ -99,7 +99,7 @@ require('../../../store/state/tokenBalances.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useSyncOnboardingFlow = () => {
-    const { setShowAuthFlow, userWithMissingInfo, handlers, headless, sdkHasLoaded, setSelectedWalletConnectorKey, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setShowAuthFlow, userWithMissingInfo, handlers, sdkHasLoaded, setSelectedWalletConnectorKey, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
         validationSchemaStripUnknown: false,
@@ -184,10 +184,6 @@ const useSyncOnboardingFlow = () => {
             handleHeadlessOnboarding();
             return;
         }
-        if (headless) {
-            logger.logger.error('No onboarding handler found. Please add a handleUserOnboarding handler to your dynamic provider settings.');
-            return;
-        }
         handleOnboarding();
         return;
     }, [
@@ -196,7 +192,6 @@ const useSyncOnboardingFlow = () => {
         handlers,
         completeAuth,
         updateUser,
-        headless,
         setShowAuthFlow,
         setView,
         formattedPhone,

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

@@ -95,7 +95,7 @@ import '../../../store/state/tokenBalances.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useSyncOnboardingFlow = () => {
-    const { setShowAuthFlow, userWithMissingInfo, handlers, headless, sdkHasLoaded, setSelectedWalletConnectorKey, } = useInternalDynamicContext();
+    const { setShowAuthFlow, userWithMissingInfo, handlers, sdkHasLoaded, setSelectedWalletConnectorKey, } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const { updateUser } = useUserUpdateRequestInternal({
         validationSchemaStripUnknown: false,
@@ -180,10 +180,6 @@ const useSyncOnboardingFlow = () => {
             handleHeadlessOnboarding();
             return;
         }
-        if (headless) {
-            logger.error('No onboarding handler found. Please add a handleUserOnboarding handler to your dynamic provider settings.');
-            return;
-        }
         handleOnboarding();
         return;
     }, [
@@ -192,7 +188,6 @@ const useSyncOnboardingFlow = () => {
         handlers,
         completeAuth,
         updateUser,
-        headless,
         setShowAuthFlow,
         setView,
         formattedPhone,

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

@@ -175,7 +175,11 @@ const useWalletItemActions = () => {
     });
     const handleAlreadyConnectedWallet = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         logger.logger.debug('handleAlreadyConnectedWallet', walletConnector);
-        const connectedAccounts = yield walletConnector.getConnectedAccounts(true);
+        setShowAuthFlow(false);
+        const connectedAccounts = yield walletConnector.getConnectedAccounts({
+            chooseAccounts: true,
+            forceFetch: true,
+        });
         const activeAccountAlreadyLinked = linkedWallets.find((wallet) => { var _a; return wallet.address.toLowerCase() === ((_a = connectedAccounts[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
         logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[handleAlreadyConnectedWallet]', {
             activeAccountAlreadyLinked,
@@ -188,7 +192,6 @@ const useWalletItemActions = () => {
         else {
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
         }
-        setShowAuthFlow(false);
         setSelectedWalletConnectorKey(walletConnector.key);
     });
     const openWallet = (walletKey, handlers) => {

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

@@ -171,7 +171,11 @@ const useWalletItemActions = () => {
     });
     const handleAlreadyConnectedWallet = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
         logger.debug('handleAlreadyConnectedWallet', walletConnector);
-        const connectedAccounts = yield walletConnector.getConnectedAccounts(true);
+        setShowAuthFlow(false);
+        const connectedAccounts = yield walletConnector.getConnectedAccounts({
+            chooseAccounts: true,
+            forceFetch: true,
+        });
         const activeAccountAlreadyLinked = linkedWallets.find((wallet) => { var _a; return wallet.address.toLowerCase() === ((_a = connectedAccounts[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
         logVerboseTroubleshootingMessage('[handleAlreadyConnectedWallet]', {
             activeAccountAlreadyLinked,
@@ -184,7 +188,6 @@ const useWalletItemActions = () => {
         else {
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
         }
-        setShowAuthFlow(false);
         setSelectedWalletConnectorKey(walletConnector.key);
     });
     const openWallet = (walletKey, handlers) => {