@dynamic-labs/sdk-react-core 0.18.100-viem.12 → 0.18.100-viem.14

package/CHANGELOG.md

@@ -1,4 +1,31 @@
 
+### [0.18.100-viem.14](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.100-viem.13...v0.18.100-viem.14) (2023-09-05)
+
+
+### Features
+
+* add onSignedMessage callback ([#3214](https://github.com/dynamic-labs/DynamicAuth/issues/3214)) ([92fd070](https://github.com/dynamic-labs/DynamicAuth/commit/92fd070c8edabce5ed991cfd92b3745c7afb0b43))
+
+
+### Bug Fixes
+
+* prefer mainnet chain id when connecting with WCv2 ([#3220](https://github.com/dynamic-labs/DynamicAuth/issues/3220)) ([55eb097](https://github.com/dynamic-labs/DynamicAuth/commit/55eb09739f4c8912a9de2198f69cd925923270c4))
+
+### [0.18.100-viem.13](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.100-viem.12...v0.18.100-viem.13) (2023-09-01)
+
+
+### Features
+
+* add option to disable the locked wallet view ([#3187](https://github.com/dynamic-labs/DynamicAuth/issues/3187)) ([aa70fb5](https://github.com/dynamic-labs/DynamicAuth/commit/aa70fb52bb185e27fdb311b0e0dd10166a83d60a))
+* migrate starknet version to v5 ([#3198](https://github.com/dynamic-labs/DynamicAuth/issues/3198)) ([e5b24ea](https://github.com/dynamic-labs/DynamicAuth/commit/e5b24ea86ce58f83a539d8ef8adc6fb0c77bd51a))
+
+
+### Bug Fixes
+
+* show the multi wallet list when opening the auth flow to authenticated users ([#3165](https://github.com/dynamic-labs/DynamicAuth/issues/3165)) ([b7a7110](https://github.com/dynamic-labs/DynamicAuth/commit/b7a71106a730925dc44abbd0e3aedf5ce3f5ca39)), closes [#3134](https://github.com/dynamic-labs/DynamicAuth/issues/3134) [#3152](https://github.com/dynamic-labs/DynamicAuth/issues/3152) [#3168](https://github.com/dynamic-labs/DynamicAuth/issues/3168)
+* sign message for embedded wallet when auth mode is connect only ([#3195](https://github.com/dynamic-labs/DynamicAuth/issues/3195)) ([6cdee66](https://github.com/dynamic-labs/DynamicAuth/commit/6cdee661d45877c3d78744d115a675d114d62091))
+* verify email OTP when email is updated ([#3168](https://github.com/dynamic-labs/DynamicAuth/issues/3168)) ([641eeb6](https://github.com/dynamic-labs/DynamicAuth/commit/641eeb685b0c9d77cc72912f29b137c699c192f0))
+
 ### [0.18.100-viem.12](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.100-viem.11...v0.18.100-viem.12) (2023-08-30)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.18.100-viem.12";
+var version = "0.18.100-viem.14";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.27",

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.18.100-viem.12";
+var version = "0.18.100-viem.14";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.27",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.18.100-viem.12",
+  "version": "0.18.100-viem.14",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -15,13 +15,13 @@
     "yup": "0.32.11",
     "formik": "2.2.9",
     "qrcode": "1.5.1",
-    "@dynamic-labs/logger": "0.18.100-viem.12",
-    "@dynamic-labs/multi-wallet": "0.18.100-viem.12",
-    "@dynamic-labs/rpc-providers": "0.18.100-viem.12",
-    "@dynamic-labs/types": "0.18.100-viem.12",
-    "@dynamic-labs/utils": "0.18.100-viem.12",
-    "@dynamic-labs/wallet-book": "0.18.100-viem.12",
-    "@dynamic-labs/wallet-connector-core": "0.18.100-viem.12",
+    "@dynamic-labs/logger": "0.18.100-viem.14",
+    "@dynamic-labs/multi-wallet": "0.18.100-viem.14",
+    "@dynamic-labs/rpc-providers": "0.18.100-viem.14",
+    "@dynamic-labs/types": "0.18.100-viem.14",
+    "@dynamic-labs/utils": "0.18.100-viem.14",
+    "@dynamic-labs/wallet-book": "0.18.100-viem.14",
+    "@dynamic-labs/wallet-connector-core": "0.18.100-viem.14",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -101,7 +101,7 @@ const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = React.createContext(undefined);
 const DynamicContextProvider = ({ children, theme, settings, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, deepLinkPreference = 'native', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, deepLinkPreference = 'native', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = true, } = settings;
     // The following event related methods are temporary and should be removed after QNTM-180 is done
     // ============ START REMOVE AFTER QNTM-180 ============
     const internalEventsRef = React.useRef(internalEvents.getInternalEvents());
@@ -235,7 +235,9 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         walletBook: walletBook$1,
     });
     const setShowAuthFlowWithInit = useSetShowAuthFlowWithInit.useSetShowAuthFlowWithInit({
+        isMultiWalletEnabled: multiWallet,
         setShowAuthFlow,
+        user,
         wallets,
     });
     // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
@@ -452,6 +454,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
                 ? unlinkConnectedWallet
                 : handleUnlinkWallet,
             internalEvents: internalEventsRef,
+            internalSetShowAuthFlow: setShowAuthFlow,
             isAuthenticated,
             isBridgeFlow,
             isFullyConnected,
@@ -514,6 +517,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             showAuthFlow,
             showBridgeWidget,
             showDynamicUserProfile,
+            showLockedWalletView,
             showQrcodeModal,
             showWidgetStatePopup,
             signWithEmailWalletName,
@@ -568,13 +572,12 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         handleUnlinkWallet,
         isAuthenticated,
         isBridgeFlow,
+        isFullyConnected,
         isProjectSettingsLoading,
         isSingleWalletAccount,
-        isFullyConnected,
         isVerificationInProgress,
-        primaryWallet,
-        secondaryWallets,
         legacyIsVerifying,
+        linkedWallets,
         loadingNetwork,
         loginWithEmail,
         multiWallet,
@@ -587,6 +590,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         imageUserInAccessList,
         onboardingImageUrl,
         policiesConsentInnerComponent,
+        primaryWallet,
         primaryWalletId,
         privacyPolicyUrl,
         projectSettings,
@@ -594,12 +598,15 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         removeConnectedWalletsInfo,
         rpcProviders,
         sdkHasLoaded,
+        secondaryWallets,
         selectedWalletConnector,
         selectedWalletWithAction,
+        sendWagmiSettings,
         setAuthMode,
         setAuthorizationViewDisplayOrder,
         setCallback,
         setIsFullyConnected,
+        setIsVerificationInProgress,
         setLogInWithEmail,
         setMultiWallet,
         setMultiWalletWidgetState,
@@ -614,6 +621,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         showAuthFlow,
         showBridgeWidget,
         showDynamicUserProfile,
+        showLockedWalletView,
         showQrcodeModal,
         showWidgetStatePopup,
         signWithEmailWalletName,
@@ -631,7 +639,6 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         walletsByChain,
         walletsFilter,
         walletsToConnectByChain,
-        linkedWallets,
     ]);
     React.useEffect(() => {
         const addPrefetch = (attr) => {
@@ -679,6 +686,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
                             connectedWallets,
                             isBridgeFlow,
                             isFullyConnected,
+                            isMultiWalletEnabled: multiWallet,
                             loginWithEmail,
                         }), children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsxs(WalletGroupContext.WalletGroupContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(OAuthIFrameContainer.OAuthIFrameContainer, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };

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

@@ -45,6 +45,7 @@ export interface DynamicContextProps {
          * @default WARN
          */
         logLevel?: keyof typeof LogLevel;
+        showLockedWalletView?: boolean;
         newToWeb3WalletChainMap?: ChainToWalletMap;
         notInTheListImageUrl?: string;
         onboardingImageUrl?: string;

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

@@ -97,7 +97,7 @@ const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = createContext(undefined);
 const DynamicContextProvider = ({ children, theme, settings, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, deepLinkPreference = 'native', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, deepLinkPreference = 'native', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = true, } = settings;
     // The following event related methods are temporary and should be removed after QNTM-180 is done
     // ============ START REMOVE AFTER QNTM-180 ============
     const internalEventsRef = useRef(getInternalEvents());
@@ -231,7 +231,9 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         walletBook,
     });
     const setShowAuthFlowWithInit = useSetShowAuthFlowWithInit({
+        isMultiWalletEnabled: multiWallet,
         setShowAuthFlow,
+        user,
         wallets,
     });
     // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
@@ -448,6 +450,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
                 ? unlinkConnectedWallet
                 : handleUnlinkWallet,
             internalEvents: internalEventsRef,
+            internalSetShowAuthFlow: setShowAuthFlow,
             isAuthenticated,
             isBridgeFlow,
             isFullyConnected,
@@ -510,6 +513,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             showAuthFlow,
             showBridgeWidget,
             showDynamicUserProfile,
+            showLockedWalletView,
             showQrcodeModal,
             showWidgetStatePopup,
             signWithEmailWalletName,
@@ -564,13 +568,12 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         handleUnlinkWallet,
         isAuthenticated,
         isBridgeFlow,
+        isFullyConnected,
         isProjectSettingsLoading,
         isSingleWalletAccount,
-        isFullyConnected,
         isVerificationInProgress,
-        primaryWallet,
-        secondaryWallets,
         legacyIsVerifying,
+        linkedWallets,
         loadingNetwork,
         loginWithEmail,
         multiWallet,
@@ -583,6 +586,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         imageUserInAccessList,
         onboardingImageUrl,
         policiesConsentInnerComponent,
+        primaryWallet,
         primaryWalletId,
         privacyPolicyUrl,
         projectSettings,
@@ -590,12 +594,15 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         removeConnectedWalletsInfo,
         rpcProviders,
         sdkHasLoaded,
+        secondaryWallets,
         selectedWalletConnector,
         selectedWalletWithAction,
+        sendWagmiSettings,
         setAuthMode,
         setAuthorizationViewDisplayOrder,
         setCallback,
         setIsFullyConnected,
+        setIsVerificationInProgress,
         setLogInWithEmail,
         setMultiWallet,
         setMultiWalletWidgetState,
@@ -610,6 +617,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         showAuthFlow,
         showBridgeWidget,
         showDynamicUserProfile,
+        showLockedWalletView,
         showQrcodeModal,
         showWidgetStatePopup,
         signWithEmailWalletName,
@@ -627,7 +635,6 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         walletsByChain,
         walletsFilter,
         walletsToConnectByChain,
-        linkedWallets,
     ]);
     useEffect(() => {
         const addPrefetch = (attr) => {
@@ -675,6 +682,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
                             connectedWallets,
                             isBridgeFlow,
                             isFullyConnected,
+                            isMultiWalletEnabled: multiWallet,
                             loginWithEmail,
                         }), children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsxs(WalletGroupContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(OAuthIFrameContainer, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };

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

@@ -54,12 +54,12 @@ const initExpirationTime = (logout) => {
     const expiryTimeout = Math.min(expirationTimeInMs, 2147483647);
     logoutTimer = setTimeout(logout, expiryTimeout);
 };
-const getInitialView = ({ connectedWallets, loginWithEmail, isBridgeFlow, isFullyConnected, }) => {
+const getInitialView = ({ connectedWallets, loginWithEmail, isBridgeFlow, isFullyConnected, isMultiWalletEnabled, }) => {
     if (loginWithEmail) {
         return 'login-with-email-or-wallet';
     }
     if (isFullyConnected) {
-        return 'wallet-list';
+        return isMultiWalletEnabled ? 'multi-wallet-wallet-list' : 'wallet-list';
     }
     if (isBridgeFlow && !connectedWallets.length) {
         return 'bridge-welcome';

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

@@ -2,9 +2,10 @@ import { Wallet } from '../../shared';
 import { ViewType } from '../ViewContext';
 export declare const isAuthTokenExpired: (token: string) => boolean;
 export declare const initExpirationTime: (logout: VoidFunction) => void;
-export declare const getInitialView: ({ connectedWallets, loginWithEmail, isBridgeFlow, isFullyConnected, }: {
+export declare const getInitialView: ({ connectedWallets, loginWithEmail, isBridgeFlow, isFullyConnected, isMultiWalletEnabled, }: {
     connectedWallets: Wallet[];
     loginWithEmail: boolean;
     isBridgeFlow: boolean;
     isFullyConnected: boolean;
+    isMultiWalletEnabled: boolean;
 }) => ViewType;

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

@@ -50,12 +50,12 @@ const initExpirationTime = (logout) => {
     const expiryTimeout = Math.min(expirationTimeInMs, 2147483647);
     logoutTimer = setTimeout(logout, expiryTimeout);
 };
-const getInitialView = ({ connectedWallets, loginWithEmail, isBridgeFlow, isFullyConnected, }) => {
+const getInitialView = ({ connectedWallets, loginWithEmail, isBridgeFlow, isFullyConnected, isMultiWalletEnabled, }) => {
     if (loginWithEmail) {
         return 'login-with-email-or-wallet';
     }
     if (isFullyConnected) {
-        return 'wallet-list';
+        return isMultiWalletEnabled ? 'multi-wallet-wallet-list' : 'wallet-list';
     }
     if (isBridgeFlow && !connectedWallets.length) {
         return 'bridge-welcome';

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

@@ -12,15 +12,18 @@ 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, wallets, }) => {
+const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, wallets, user, isMultiWalletEnabled, }) => {
     const setShowAuthFlowWithInit = React.useCallback((value) => {
         var _a;
         if (value) {
+            // if the uer is already signed in but multiwallet is not enabled, do not change state
+            if (user && !isMultiWalletEnabled)
+                return;
             (_a = wallets
                 .find((wallet) => wallet.walletConnector.key === 'walletconnect')) === null || _a === void 0 ? void 0 : _a.walletConnector.init();
         }
         setShowAuthFlow(value);
-    }, [setShowAuthFlow, wallets]);
+    }, [setShowAuthFlow, wallets, user, isMultiWalletEnabled]);
     return setShowAuthFlowWithInit;
 };
 

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

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { WalletOption } from '../../../../shared';
+import { UserProfile, WalletOption } from '../../../../shared';
 /**
  * this hook wraps `setShowAuthFlow`. WalletConnect requires initialization
  * before we can connect a wallet. The goal here is that when a user clicks
@@ -8,7 +8,9 @@ import { WalletOption } from '../../../../shared';
  * "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, wallets, }: {
+export declare const useSetShowAuthFlowWithInit: ({ setShowAuthFlow, wallets, user, isMultiWalletEnabled, }: {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
     wallets: WalletOption[];
+    user?: UserProfile | undefined;
+    isMultiWalletEnabled?: boolean | undefined;
 }) => Dispatch<SetStateAction<boolean>>;

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

@@ -8,15 +8,18 @@ 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, wallets, }) => {
+const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, wallets, user, isMultiWalletEnabled, }) => {
     const setShowAuthFlowWithInit = useCallback((value) => {
         var _a;
         if (value) {
+            // if the uer is already signed in but multiwallet is not enabled, do not change state
+            if (user && !isMultiWalletEnabled)
+                return;
             (_a = wallets
                 .find((wallet) => wallet.walletConnector.key === 'walletconnect')) === null || _a === void 0 ? void 0 : _a.walletConnector.init();
         }
         setShowAuthFlow(value);
-    }, [setShowAuthFlow, wallets]);
+    }, [setShowAuthFlow, wallets, user, isMultiWalletEnabled]);
     return setShowAuthFlowWithInit;
 };
 

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

@@ -98,6 +98,8 @@ export interface IDynamicContext {
     setSelectedWalletConnector: (connector: WalletConnector | null) => void;
     setSelectedWalletWithAction: (walletWithAction: WalletWithAction | null) => void;
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
+    /** The unwrapped version of setShowAuthFlow. See useSetShowAuthFlowWithInit.ts for context */
+    internalSetShowAuthFlow: Dispatch<SetStateAction<boolean>>;
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setShowQrcodeModal: Dispatch<SetStateAction<boolean>>;
     setShowWidgetStatePopup: Dispatch<SetStateAction<boolean>>;
@@ -113,6 +115,7 @@ export interface IDynamicContext {
      * The boolean value representing the state of displaying the bridge widget
      */
     showBridgeWidget: boolean;
+    showLockedWalletView?: boolean;
     showQrcodeModal: boolean;
     showWidgetStatePopup: boolean;
     signWithEmailWalletName?: string;

package/src/lib/context/ViewContext/ViewContext.d.ts

@@ -1,5 +1,5 @@
 import { SetStateAction, Dispatch, PropsWithChildren, FC } from 'react';
-export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-email-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts';
+export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-email-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts';
 export type ViewContextProps = {
     setView: Dispatch<SetStateAction<ViewType>>;
     view: ViewType;

package/src/lib/context/WalletContext/WalletContext.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var useInternalDynamicContext = require('../DynamicContext/useInternalDynamicContext.cjs');
+require('../DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -26,21 +26,7 @@ var useSyncPrimaryWallet = require('../../utils/hooks/multiWallet/useSyncPrimary
 
 const WalletContext = React.createContext(undefined);
 const WalletContextProvider = ({ children, canSync, }) => {
-    const { computeConnectedStateForWallets, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, authMode, connectWallet, } = useInternalDynamicContext.useInternalDynamicContext();
-    useSyncPrimaryWallet.useSyncPrimaryWallet({
-        authMode,
-        canSync,
-        computeConnectedStateForWallets,
-        connectWallet,
-        handleLogOut,
-        multiWalletWidgetState,
-        primaryWallet,
-        secondaryWallets,
-        setMultiWalletWidgetState,
-        setPrimaryWallet,
-        setShowWidgetStatePopup,
-        showWidgetStatePopup,
-    });
+    useSyncPrimaryWallet.useSyncPrimaryWallet(canSync);
     const value = undefined;
     return (jsxRuntime.jsx(WalletContext.Provider, { value: value, children: children }));
 };

package/src/lib/context/WalletContext/WalletContext.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { createContext } from 'react';
-import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
+import '../DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -22,21 +22,7 @@ import { useSyncPrimaryWallet } from '../../utils/hooks/multiWallet/useSyncPrima
 
 const WalletContext = createContext(undefined);
 const WalletContextProvider = ({ children, canSync, }) => {
-    const { computeConnectedStateForWallets, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, authMode, connectWallet, } = useInternalDynamicContext();
-    useSyncPrimaryWallet({
-        authMode,
-        canSync,
-        computeConnectedStateForWallets,
-        connectWallet,
-        handleLogOut,
-        multiWalletWidgetState,
-        primaryWallet,
-        secondaryWallets,
-        setMultiWalletWidgetState,
-        setPrimaryWallet,
-        setShowWidgetStatePopup,
-        showWidgetStatePopup,
-    });
+    useSyncPrimaryWallet(canSync);
     const value = undefined;
     return (jsx(WalletContext.Provider, { value: value, children: children }));
 };

package/src/lib/shared/types/index.d.ts

@@ -142,6 +142,10 @@ export type DynamicRPCProviders = {
     solanaProviders: SolanaRpcProvider[] | undefined;
 };
 export type DynamicEventsCallbacks = {
+    onSignedMessage?: (params: {
+        messageToSign: string;
+        signedMessage: string;
+    }) => void;
     onAuthFlowClose?: () => void;
     onAuthFlowOpen?: () => void;
     onAuthSuccess?: OnAuthSuccess;

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

@@ -44,10 +44,15 @@ const getDynamicLayoutData = ({ view }) => {
         'login-with-email-or-wallet-full-wallet-list': {
             heading: 'Select your wallet',
         },
+        'multi-wallet-wallet-list': {
+            heading: 'Link a new wallet',
+        },
         'wallet-connect-mobile-wallets-list': {
             heading: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(iconic.WalletConnectIcon, { style: { height: '1.5rem', width: '1.5rem' } }), ' ', "WalletConnect wallets"] })),
         },
-        'wallet-list': { heading: 'Select your wallet' },
+        'wallet-list': {
+            heading: 'Select your wallet',
+        },
         'wallet-sign': { heading: 'Sign to confirm transfer' },
     };
     const helpHeaderData = helpHeaderMap[view];

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

@@ -40,10 +40,15 @@ const getDynamicLayoutData = ({ view }) => {
         'login-with-email-or-wallet-full-wallet-list': {
             heading: 'Select your wallet',
         },
+        'multi-wallet-wallet-list': {
+            heading: 'Link a new wallet',
+        },
         'wallet-connect-mobile-wallets-list': {
             heading: (jsxs(Fragment, { children: [jsx(WalletConnectIcon, { style: { height: '1.5rem', width: '1.5rem' } }), ' ', "WalletConnect wallets"] })),
         },
-        'wallet-list': { heading: 'Select your wallet' },
+        'wallet-list': {
+            heading: 'Select your wallet',
+        },
         'wallet-sign': { heading: 'Sign to confirm transfer' },
     };
     const helpHeaderData = helpHeaderMap[view];

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 var ErrorContext = require('../../../../context/ErrorContext/ErrorContext.cjs');
@@ -10,7 +11,6 @@ var useVerifyWallet = require('../../useVerifyWallet/useVerifyWallet.cjs');
 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('react');
 require('@dynamic-labs/wallet-book');
@@ -23,7 +23,7 @@ require('../../../../shared/consts/index.cjs');
 const useSignConnectOnlyUser = () => {
     const { setView } = ViewContext.useViewContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
-    const { connectWallet, consumeNonce, displaySiweStatement, projectSettings, environmentId, setIsSingleWalletAccount, setShowAuthFlow, setSelectedWalletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { connectWallet, consumeNonce, displaySiweStatement, projectSettings, environmentId, setIsSingleWalletAccount, setShowAuthFlow, setSelectedWalletConnector, walletUiUtils, } = useInternalDynamicContext.useInternalDynamicContext();
     const verifyWallet = useVerifyWallet.useVerifyWallet({
         consumeNonce,
         displaySiweStatement,
@@ -33,6 +33,10 @@ const useSignConnectOnlyUser = () => {
     });
     return ({ walletConnector, fetchPublicAddressOpts = undefined, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         try {
+            if (walletConnectorCore.isEmbeddedConnector(walletConnector) &&
+                !walletConnectorCore.isBloctoConnector(walletConnector)) {
+                walletUiUtils.disabledConfirmationOnce();
+            }
             // Prepare states to show the pending signature view (without back button)
             // We need this because in connect-only we don't want to show wallet-list
             // We don't want to show the back button in the pending signature view

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js

@@ -1,4 +1,5 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { isEmbeddedConnector, isBloctoConnector } from '@dynamic-labs/wallet-connector-core';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
@@ -6,7 +7,6 @@ import { useVerifyWallet } from '../../useVerifyWallet/useVerifyWallet.js';
 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 'react';
 import '@dynamic-labs/wallet-book';
@@ -19,7 +19,7 @@ import '../../../../shared/consts/index.js';
 const useSignConnectOnlyUser = () => {
     const { setView } = useViewContext();
     const { setErrorMessage } = useErrorContext();
-    const { connectWallet, consumeNonce, displaySiweStatement, projectSettings, environmentId, setIsSingleWalletAccount, setShowAuthFlow, setSelectedWalletConnector, } = useInternalDynamicContext();
+    const { connectWallet, consumeNonce, displaySiweStatement, projectSettings, environmentId, setIsSingleWalletAccount, setShowAuthFlow, setSelectedWalletConnector, walletUiUtils, } = useInternalDynamicContext();
     const verifyWallet = useVerifyWallet({
         consumeNonce,
         displaySiweStatement,
@@ -29,6 +29,10 @@ const useSignConnectOnlyUser = () => {
     });
     return ({ walletConnector, fetchPublicAddressOpts = undefined, }) => __awaiter(void 0, void 0, void 0, function* () {
         try {
+            if (isEmbeddedConnector(walletConnector) &&
+                !isBloctoConnector(walletConnector)) {
+                walletUiUtils.disabledConfirmationOnce();
+            }
             // Prepare states to show the pending signature view (without back button)
             // We need this because in connect-only we don't want to show wallet-list
             // We don't want to show the back button in the pending signature view

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs

@@ -10,8 +10,8 @@ var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var errors = require('../../../constants/errors.cjs');
 
-const useSyncPrimaryWallet = ({ connectWallet, computeConnectedStateForWallets, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync = true, authMode, }) => {
-    const { setShowAuthFlow, isAuthenticated } = useInternalDynamicContext.useInternalDynamicContext();
+const useSyncPrimaryWallet = (canSync = true) => {
+    const { setShowAuthFlow, isAuthenticated, authMode, computeConnectedStateForWallets, connectWallet, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showLockedWalletView, showWidgetStatePopup, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const handlePrimaryWalletNotActive = React.useCallback((connectedAddress) => {
         if (!primaryWallet)
@@ -97,8 +97,12 @@ const useSyncPrimaryWallet = ({ connectWallet, computeConnectedStateForWallets,
                     handleLogOut();
                     return;
                 }
-                setShowAuthFlow(true);
-                setView('wallet-locked-view');
+                if (showLockedWalletView) {
+                    setShowAuthFlow(true);
+                    setView('wallet-locked-view');
+                    return;
+                }
+                handleLogOut();
             }
         });
     }, [
@@ -115,6 +119,7 @@ const useSyncPrimaryWallet = ({ connectWallet, computeConnectedStateForWallets,
         setShowAuthFlow,
         authMode,
         isAuthenticated,
+        showLockedWalletView,
     ]);
 };
 

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.d.ts

@@ -1,19 +1 @@
-import { Dispatch, SetStateAction } from 'react';
-import { FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { AuthModeType, MultiWalletWidgetState, Wallet } from '../../../../shared/types';
-import { MultiWalletWidgetStateSetter } from '../useMultiWalletWidgetState';
-export type UseSyncPrimaryWalletArgs = {
-    canSync?: boolean;
-    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, shouldCallCallback?: boolean) => Promise<string | undefined>;
-    computeConnectedStateForWallets: () => Promise<void>;
-    handleLogOut: () => Promise<void>;
-    multiWalletWidgetState: MultiWalletWidgetState;
-    primaryWallet: Wallet | null;
-    secondaryWallets: Wallet[];
-    setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
-    setPrimaryWallet: (walletId: string) => Promise<void>;
-    setShowWidgetStatePopup: Dispatch<SetStateAction<boolean>>;
-    showWidgetStatePopup: boolean;
-    authMode: AuthModeType;
-};
-export declare const useSyncPrimaryWallet: ({ connectWallet, computeConnectedStateForWallets, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync, authMode, }: UseSyncPrimaryWalletArgs) => void;
+export declare const useSyncPrimaryWallet: (canSync?: boolean) => void;

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js

@@ -6,8 +6,8 @@ import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import { MISSING_ADDRESS_ERROR } from '../../../constants/errors.js';
 
-const useSyncPrimaryWallet = ({ connectWallet, computeConnectedStateForWallets, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync = true, authMode, }) => {
-    const { setShowAuthFlow, isAuthenticated } = useInternalDynamicContext();
+const useSyncPrimaryWallet = (canSync = true) => {
+    const { setShowAuthFlow, isAuthenticated, authMode, computeConnectedStateForWallets, connectWallet, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showLockedWalletView, showWidgetStatePopup, } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const handlePrimaryWalletNotActive = useCallback((connectedAddress) => {
         if (!primaryWallet)
@@ -93,8 +93,12 @@ const useSyncPrimaryWallet = ({ connectWallet, computeConnectedStateForWallets,
                     handleLogOut();
                     return;
                 }
-                setShowAuthFlow(true);
-                setView('wallet-locked-view');
+                if (showLockedWalletView) {
+                    setShowAuthFlow(true);
+                    setView('wallet-locked-view');
+                    return;
+                }
+                handleLogOut();
             }
         });
     }, [
@@ -111,6 +115,7 @@ const useSyncPrimaryWallet = ({ connectWallet, computeConnectedStateForWallets,
         setShowAuthFlow,
         authMode,
         isAuthenticated,
+        showLockedWalletView,
     ]);
 };
 

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

@@ -38,7 +38,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     const { setView, goToInitialView } = ViewContext.useViewContext();
     const { setErrorMessage, setError } = ErrorContext.useErrorContext();
-    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, setIsVerificationInProgress, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, setIsVerificationInProgress, eventsCallbacks, } = useInternalDynamicContext.useInternalDynamicContext();
     // If the user is not already logged it means that we only need to verify
     // We need this boolean for the part of the logic where we already persisted a new authToken,
     // and need to distinguish between logic for verify or linking.
@@ -68,7 +68,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
         if (Jwt === undefined)
             throw new utils.DynamicError('Could not obtain a valid JWT');
         // TODO DYN-523: add verification here that the JWT is valid with the publicKey
-        return Jwt;
+        return { Jwt, verifyArgs };
     });
     // Overrides the stored primary wallet id when the
     // user logs in for the first time.
@@ -143,13 +143,23 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
         }
     };
     return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
         try {
             setIsVerificationInProgress(true);
-            const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth);
+            const { Jwt, verifyArgs } = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth);
             const decodedJwt = decodeJwt.decodeJwt(Jwt);
             if (decodedJwt === undefined)
                 throw new utils.DynamicError('Invalid token!');
+            try {
+                (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onSignedMessage) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, {
+                    messageToSign: verifyArgs.messageToSign,
+                    signedMessage: verifyArgs.signedMessage,
+                });
+            }
+            catch (_b) {
+                logger.logger.warn('Error calling onSignedMessage callback');
+            }
             const user = yield createUserProfile.createUserProfile(decodedJwt);
             const isKycRequired = decodedJwt.missingFields.length;
             setOnboardingOnlyJwt(Jwt);

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

@@ -34,7 +34,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
     const { setExistentAccountData } = useAccountExistsContext();
     const { setView, goToInitialView } = useViewContext();
     const { setErrorMessage, setError } = useErrorContext();
-    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, setIsVerificationInProgress, } = useInternalDynamicContext();
+    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, setIsVerificationInProgress, eventsCallbacks, } = useInternalDynamicContext();
     // If the user is not already logged it means that we only need to verify
     // We need this boolean for the part of the logic where we already persisted a new authToken,
     // and need to distinguish between logic for verify or linking.
@@ -64,7 +64,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
         if (Jwt === undefined)
             throw new DynamicError('Could not obtain a valid JWT');
         // TODO DYN-523: add verification here that the JWT is valid with the publicKey
-        return Jwt;
+        return { Jwt, verifyArgs };
     });
     // Overrides the stored primary wallet id when the
     // user logs in for the first time.
@@ -139,13 +139,23 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
         }
     };
     return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         const walletProvider = getWalletProvider(walletConnector);
         try {
             setIsVerificationInProgress(true);
-            const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth);
+            const { Jwt, verifyArgs } = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth);
             const decodedJwt = decodeJwt(Jwt);
             if (decodedJwt === undefined)
                 throw new DynamicError('Invalid token!');
+            try {
+                (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onSignedMessage) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, {
+                    messageToSign: verifyArgs.messageToSign,
+                    signedMessage: verifyArgs.signedMessage,
+                });
+            }
+            catch (_b) {
+                logger.warn('Error calling onSignedMessage callback');
+            }
             const user = yield createUserProfile(decodedJwt);
             const isKycRequired = decodedJwt.missingFields.length;
             setOnboardingOnlyJwt(Jwt);

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs

@@ -48,7 +48,7 @@ var index = require('../UserDataFields/index.cjs');
 var useUserDataForm = require('../../../utils/hooks/useUserDataForm/useUserDataForm.cjs');
 
 const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
-    const { policiesConsentInnerComponent, onboardingOnlyJwt, setShowAuthFlow, setCallback, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { policiesConsentInnerComponent, onboardingOnlyJwt, internalSetShowAuthFlow, setCallback, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView, view } = ViewContext.useViewContext();
     const decodedJwt = decodeJwt.decodeJwt(onboardingOnlyJwt);
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
@@ -67,9 +67,9 @@ const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
             setView(view);
             return;
         }
-        setShowAuthFlow(false);
+        internalSetShowAuthFlow(false);
         setCallback('authSuccess');
-    }), [setCallback, setShowAuthFlow, setView, updateUser]);
+    }), [setCallback, internalSetShowAuthFlow, setView, updateUser]);
     const { fetch: loading, formikInitialValues, formikValidationSchema, enforcePolicies, onFormSubmit, } = useUserDataForm.useUserDataForm({
         fields: (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) || [],
         onSubmit,

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js

@@ -44,7 +44,7 @@ import { UserDataFields } from '../UserDataFields/index.js';
 import { useUserDataForm } from '../../../utils/hooks/useUserDataForm/useUserDataForm.js';
 
 const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
-    const { policiesConsentInnerComponent, onboardingOnlyJwt, setShowAuthFlow, setCallback, } = useInternalDynamicContext();
+    const { policiesConsentInnerComponent, onboardingOnlyJwt, internalSetShowAuthFlow, setCallback, } = useInternalDynamicContext();
     const { setView, view } = useViewContext();
     const decodedJwt = decodeJwt(onboardingOnlyJwt);
     const { updateUser } = useUserUpdateRequestInternal({
@@ -63,9 +63,9 @@ const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
             setView(view);
             return;
         }
-        setShowAuthFlow(false);
+        internalSetShowAuthFlow(false);
         setCallback('authSuccess');
-    }), [setCallback, setShowAuthFlow, setView, updateUser]);
+    }), [setCallback, internalSetShowAuthFlow, setView, updateUser]);
     const { fetch: loading, formikInitialValues, formikValidationSchema, enforcePolicies, onFormSubmit, } = useUserDataForm({
         fields: (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) || [],
         onSubmit,

package/src/lib/views/viewToComponentMap.cjs

@@ -46,6 +46,7 @@ const viewToComponentMap = {
     'login-with-email-or-wallet-full-wallet-list': jsxRuntime.jsx(WalletList.WalletList, {}),
     'login-with-email-verification': jsxRuntime.jsx(EmailVerification.EmailVerification, {}),
     'merge-user-accounts': jsxRuntime.jsx(MergeUserAccountsView.MergeUserAccountsView, {}),
+    'multi-wallet-wallet-list': jsxRuntime.jsx(WalletList.WalletList, {}),
     'network-not-supported': jsxRuntime.jsx(NetworkNotSupported.NetworkNotSupported, {}),
     'network-not-supported-manual': jsxRuntime.jsx(NetworkNotSupportedSwitchManual.NetworkNotSupportedSwitchManual, {}),
     'no-access': jsxRuntime.jsx(NoAccess.NoAccess, {}),

package/src/lib/views/viewToComponentMap.js

@@ -42,6 +42,7 @@ const viewToComponentMap = {
     'login-with-email-or-wallet-full-wallet-list': jsx(WalletList, {}),
     'login-with-email-verification': jsx(EmailVerification, {}),
     'merge-user-accounts': jsx(MergeUserAccountsView, {}),
+    'multi-wallet-wallet-list': jsx(WalletList, {}),
     'network-not-supported': jsx(NetworkNotSupported, {}),
     'network-not-supported-manual': jsx(NetworkNotSupportedSwitchManual, {}),
     'no-access': jsx(NoAccess, {}),

package/src/lib/widgets/DynamicBridgeWidget/views/EditProfileView/EditProfileView.cjs

@@ -14,7 +14,7 @@ var UserProfileForm = require('../../../../components/UserProfileForm/UserProfil
 const EditProfileView = () => {
     const { setView } = ViewContext.useViewContext();
     const { goToProfileView } = DynamicBridgeWidgetContext.useDynamicBridgeWidgetContext();
-    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { internalSetShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
     });
@@ -22,10 +22,10 @@ const EditProfileView = () => {
         const { isEmailVerificationRequired } = yield updateUser(formValues);
         goToProfileView();
         if (isEmailVerificationRequired) {
-            setShowAuthFlow(true);
+            internalSetShowAuthFlow(true);
             setView('verify-email');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, internalSetShowAuthFlow, setView, updateUser]);
     return (jsxRuntime.jsx(UserProfileForm.UserProfileForm, { onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView }));
 };
 

package/src/lib/widgets/DynamicBridgeWidget/views/EditProfileView/EditProfileView.js

@@ -10,7 +10,7 @@ import { UserProfileForm } from '../../../../components/UserProfileForm/UserProf
 const EditProfileView = () => {
     const { setView } = useViewContext();
     const { goToProfileView } = useDynamicBridgeWidgetContext();
-    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { internalSetShowAuthFlow } = useInternalDynamicContext();
     const { updateUser } = useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
     });
@@ -18,10 +18,10 @@ const EditProfileView = () => {
         const { isEmailVerificationRequired } = yield updateUser(formValues);
         goToProfileView();
         if (isEmailVerificationRequired) {
-            setShowAuthFlow(true);
+            internalSetShowAuthFlow(true);
             setView('verify-email');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, internalSetShowAuthFlow, setView, updateUser]);
     return (jsx(UserProfileForm, { onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView }));
 };
 

package/src/lib/widgets/DynamicWidget/views/EditProfileView/EditProfileView.cjs

@@ -50,7 +50,7 @@ var UserProfileForm = require('../../../../components/UserProfileForm/UserProfil
 
 const EditProfileView = ({ rootClassName, }) => {
     const { setView } = ViewContext.useViewContext();
-    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { internalSetShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { goToProfileView } = DynamicWidgetContext.useWidgetContext();
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
@@ -59,10 +59,10 @@ const EditProfileView = ({ rootClassName, }) => {
         const { isEmailVerificationRequired } = yield updateUser(formValues);
         goToProfileView();
         if (isEmailVerificationRequired) {
-            setShowAuthFlow(true);
+            internalSetShowAuthFlow(true);
             setView('verify-email');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, internalSetShowAuthFlow, setView, updateUser]);
     const isKYCEnabled = useKYCFlag.useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag.useMultiWalletFlag();
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isMultiWalletEnabled && isKYCEnabled && (jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title', children: "My profile" })), jsxRuntime.jsx(UserProfileForm.UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));

package/src/lib/widgets/DynamicWidget/views/EditProfileView/EditProfileView.js

@@ -46,7 +46,7 @@ import { UserProfileForm } from '../../../../components/UserProfileForm/UserProf
 
 const EditProfileView = ({ rootClassName, }) => {
     const { setView } = useViewContext();
-    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { internalSetShowAuthFlow } = useInternalDynamicContext();
     const { goToProfileView } = useWidgetContext();
     const { updateUser } = useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
@@ -55,10 +55,10 @@ const EditProfileView = ({ rootClassName, }) => {
         const { isEmailVerificationRequired } = yield updateUser(formValues);
         goToProfileView();
         if (isEmailVerificationRequired) {
-            setShowAuthFlow(true);
+            internalSetShowAuthFlow(true);
             setView('verify-email');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, internalSetShowAuthFlow, setView, updateUser]);
     const isKYCEnabled = useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag();
     return (jsxs(Fragment, { children: [!isMultiWalletEnabled && isKYCEnabled && (jsx(Typography, { weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title', children: "My profile" })), jsx(UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));