@dynamic-labs/sdk-react-core 0.18.100-viem.2 → 0.18.100-viem.21

package/src/lib/components/SignMessagePreview/components/SignTypedDataPreview/SignTypedDataPreview.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Typography } from '../../../Typography/Typography.js';
+import { capitalize } from '../../../../shared/utils/functions/capitalize/capitalize.js';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
+import '@dynamic-labs/utils';
+import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../../../shared/consts/index.js';
+
+const TypeTitle = ({ children }) => (jsx(Typography, { color: 'secondary', weight: 'medium', children: children }));
+const AttributeName = TypeTitle;
+const AttributeValue = ({ children, title, }) => (jsx(Typography, { as: 'span', weight: 'regular', color: 'primary', title: title, children: children }));
+const SignTypedDataPreview = ({ currentType, types, showTypeName = false, data }) => {
+    const fields = types[currentType].map((field) => {
+        const { type } = field;
+        const isKnownType = type in types;
+        if (isKnownType) {
+            return (jsxs("div", { children: [jsx(TypeTitle, { children: capitalize(field.name) }), jsx("div", { className: 'sign-typed-data-preview--type-container', children: jsx(SignTypedDataPreview, { currentType: type, types: types, data: data === null || data === void 0 ? void 0 : data[field.name] }) })] }, field.name));
+        }
+        const fieldData = data === null || data === void 0 ? void 0 : data[field.name];
+        const fieldType = field.type;
+        return (jsxs("div", { className: 'sign-typed-data-preview--attribute-row', children: [jsxs(AttributeName, { children: [capitalize(field.name), ": "] }), jsx(AttributeValue, { title: fieldData, children: fieldType === 'address'
+                        ? shortenWalletAddress(fieldData, 4, 4)
+                        : fieldData })] }, field.name));
+    });
+    if (showTypeName) {
+        return (jsxs(Fragment, { children: [jsx(TypeTitle, { children: currentType }), jsx("div", { className: 'sign-typed-data-preview--type-container', children: fields })] }));
+    }
+    return jsx("div", { className: 'sign-typed-data-preview--fields-list', children: fields });
+};
+
+export { SignTypedDataPreview };

package/src/lib/components/SignMessagePreview/components/SignTypedDataPreview/index.d.ts

@@ -0,0 +1 @@
+export { SignTypedDataPreview } from './SignTypedDataPreview';

package/src/lib/components/SignMessagePreview/components/index.d.ts

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

package/src/lib/components/SignMessagePreview/index.d.ts

@@ -0,0 +1 @@
+export { SignMessagePreview } from './SignMessagePreview';

package/src/lib/components/SignMessagePreview/utils/index.d.ts

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

package/src/lib/components/SignMessagePreview/utils/isSignTypedData/index.d.ts

@@ -0,0 +1 @@
+export { isSignTypedData } from './isSignTypedData';

package/src/lib/components/SignMessagePreview/utils/isSignTypedData/isSignTypedData.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const isSignTypedData = (data) => {
+    if (typeof data !== 'object' || data === null) {
+        return false;
+    }
+    const { types, message, primaryType } = data;
+    return (typeof types === 'object' &&
+        types !== null &&
+        typeof message === 'object' &&
+        message !== null &&
+        typeof primaryType === 'string');
+};
+
+exports.isSignTypedData = isSignTypedData;

package/src/lib/components/SignMessagePreview/utils/isSignTypedData/isSignTypedData.d.ts

@@ -0,0 +1,2 @@
+import { SignTypedData } from '../../SignMessagePreview.types';
+export declare const isSignTypedData: (data: SignTypedData | unknown) => data is SignTypedData;

package/src/lib/components/SignMessagePreview/utils/isSignTypedData/isSignTypedData.js

@@ -0,0 +1,13 @@
+const isSignTypedData = (data) => {
+    if (typeof data !== 'object' || data === null) {
+        return false;
+    }
+    const { types, message, primaryType } = data;
+    return (typeof types === 'object' &&
+        types !== null &&
+        typeof message === 'object' &&
+        message !== null &&
+        typeof primaryType === 'string');
+};
+
+export { isSignTypedData };

package/src/lib/components/Typography/Typography.cjs

@@ -29,6 +29,7 @@ const Typography = (_a) => {
         'brand-primary': 'typography--brand-primary',
         'error-1': 'typography--dynamic-error-1',
         'error-2': 'typography--dynamic-error-2',
+        'green-1': 'typography--connection-green-1',
         link: 'typography--link',
         primary: 'typography--primary',
         secondary: 'typography--secondary',

package/src/lib/components/Typography/Typography.js

@@ -25,6 +25,7 @@ const Typography = (_a) => {
         'brand-primary': 'typography--brand-primary',
         'error-1': 'typography--dynamic-error-1',
         'error-2': 'typography--dynamic-error-2',
+        'green-1': 'typography--connection-green-1',
         link: 'typography--link',
         primary: 'typography--primary',
         secondary: 'typography--secondary',

package/src/lib/components/Typography/Typography.types.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, ElementType, ReactElement } from 'react';
 export type TypographyTag = ElementType;
 export type TypographyVariant = 'title' | 'body_normal' | 'body_small' | 'body_mini' | 'button_primary' | 'button_secondary' | 'button_tertiary' | 'numbers_big' | 'numbers_medium' | 'numbers_small';
-export type TypographyColor = 'primary' | 'secondary' | 'brand-primary' | 'tertiary' | 'link' | 'error-1' | 'error-2' | 'tooltip';
+export type TypographyColor = 'primary' | 'secondary' | 'brand-primary' | 'tertiary' | 'link' | 'error-1' | 'error-2' | 'tooltip' | 'green-1';
 export type TypographyWeight = 'regular' | 'medium' | 'bold';
 export type TypographyTransform = 'uppercase';
 export type TypographyProps<TAG extends ElementType = 'p'> = {

package/src/lib/components/UserProfile/UserProfile.cjs

@@ -43,7 +43,7 @@ const UserProfile = ({ rootClassName }) => {
                         const { label } = index$1.getValueByKey(fieldsConfig.fieldsConfig, name);
                         const value = mapFieldKeyToValue(name);
                         return (jsxRuntime.jsx(UserProfileField.UserProfileField, { name: name, label: label, value: value }, name));
-                    }) }) })), (providers === null || providers === void 0 ? void 0 : providers.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: 'Social accounts', children: jsxRuntime.jsx("div", { className: 'user-profile__social-accounts', children: providers.map(({ authorizationUrl, provider }) => (jsxRuntime.jsx(UserProfileSocialAccount.UserProfileSocialAccount, { provider: provider }, provider))) }) }))] }));
+                    }) }) })), (providers === null || providers === void 0 ? void 0 : providers.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: 'Social accounts', children: jsxRuntime.jsx("div", { className: 'user-profile__social-accounts', children: providers.map(({ provider }) => (jsxRuntime.jsx(UserProfileSocialAccount.UserProfileSocialAccount, { provider: provider }, provider))) }) }))] }));
 };
 
 exports.UserProfile = UserProfile;

package/src/lib/components/UserProfile/UserProfile.js

@@ -39,7 +39,7 @@ const UserProfile = ({ rootClassName }) => {
                         const { label } = getValueByKey(fieldsConfig, name);
                         const value = mapFieldKeyToValue(name);
                         return (jsx(UserProfileField, { name: name, label: label, value: value }, name));
-                    }) }) })), (providers === null || providers === void 0 ? void 0 : providers.length) > 0 && (jsx(UserProfileSection, { title: 'Social accounts', children: jsx("div", { className: 'user-profile__social-accounts', children: providers.map(({ authorizationUrl, provider }) => (jsx(UserProfileSocialAccount, { provider: provider }, provider))) }) }))] }));
+                    }) }) })), (providers === null || providers === void 0 ? void 0 : providers.length) > 0 && (jsx(UserProfileSection, { title: 'Social accounts', children: jsx("div", { className: 'user-profile__social-accounts', children: providers.map(({ provider }) => (jsx(UserProfileSocialAccount, { provider: provider }, provider))) }) }))] }));
 };
 
 export { UserProfile };

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs

@@ -57,7 +57,7 @@ const UserProfileSocialAccount = ({ provider, }) => {
     const isProviderLinked = isLinked(provider);
     const connectedAccountInfo = getLinkedAccountInformation(provider);
     const iconThemeVariant = useIconThemeVariant.useIconThemeVariant();
-    return (jsxRuntime.jsxs("div", { className: 'user-profile-social-account', "data-testid": `social-account-${provider}`, children: [jsxRuntime.jsx("div", { className: 'user-profile-social-account__icon', children: isProviderLinked ? (jsxRuntime.jsx(ConnectedAccountAvatar.ConnectedAccountAvatar, { provider: provider, avatarUrl: connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.avatar, iconThemeVariant: iconThemeVariant })) : (jsxRuntime.jsx(iconic.SocialIcon, { name: provider, variant: iconThemeVariant })) }), jsxRuntime.jsx("div", { className: 'user-profile-social-account__label', children: jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', children: (_a = connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.publicIdentifier) !== null && _a !== void 0 ? _a : helpers.capitalize(provider) }) }), isProviderLinked ? (jsxRuntime.jsx(Button.Button, { buttonClassName: 'user-profile-social-account__button', buttonVariant: 'secondary', buttonRounded: 'small', buttonPadding: 'none', onClick: () => unlinkSocialAccount(provider), loading: isProcessing, dataTestId: 'social-account-disconnect-button', typographyProps: {
+    return (jsxRuntime.jsxs("div", { className: 'user-profile-social-account', "data-testid": `social-account-${provider}`, children: [jsxRuntime.jsx("div", { className: 'user-profile-social-account__icon', children: isProviderLinked ? (jsxRuntime.jsx(ConnectedAccountAvatar.ConnectedAccountAvatar, { provider: provider, avatarUrl: connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.avatar })) : (jsxRuntime.jsx(iconic.SocialIcon, { name: provider, variant: iconThemeVariant })) }), jsxRuntime.jsx("div", { className: 'user-profile-social-account__label', children: jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', children: (_a = connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.publicIdentifier) !== null && _a !== void 0 ? _a : helpers.capitalize(provider) }) }), isProviderLinked ? (jsxRuntime.jsx(Button.Button, { buttonClassName: 'user-profile-social-account__button', buttonVariant: 'secondary', buttonRounded: 'small', buttonPadding: 'none', onClick: () => unlinkSocialAccount(provider), loading: isProcessing, dataTestId: 'social-account-disconnect-button', typographyProps: {
                     color: 'secondary',
                     variant: 'button_tertiary',
                 }, startSlot: 

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.js

@@ -53,7 +53,7 @@ const UserProfileSocialAccount = ({ provider, }) => {
     const isProviderLinked = isLinked(provider);
     const connectedAccountInfo = getLinkedAccountInformation(provider);
     const iconThemeVariant = useIconThemeVariant();
-    return (jsxs("div", { className: 'user-profile-social-account', "data-testid": `social-account-${provider}`, children: [jsx("div", { className: 'user-profile-social-account__icon', children: isProviderLinked ? (jsx(ConnectedAccountAvatar, { provider: provider, avatarUrl: connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.avatar, iconThemeVariant: iconThemeVariant })) : (jsx(SocialIcon, { name: provider, variant: iconThemeVariant })) }), jsx("div", { className: 'user-profile-social-account__label', children: jsx(Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', children: (_a = connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.publicIdentifier) !== null && _a !== void 0 ? _a : capitalize(provider) }) }), isProviderLinked ? (jsx(Button, { buttonClassName: 'user-profile-social-account__button', buttonVariant: 'secondary', buttonRounded: 'small', buttonPadding: 'none', onClick: () => unlinkSocialAccount(provider), loading: isProcessing, dataTestId: 'social-account-disconnect-button', typographyProps: {
+    return (jsxs("div", { className: 'user-profile-social-account', "data-testid": `social-account-${provider}`, children: [jsx("div", { className: 'user-profile-social-account__icon', children: isProviderLinked ? (jsx(ConnectedAccountAvatar, { provider: provider, avatarUrl: connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.avatar })) : (jsx(SocialIcon, { name: provider, variant: iconThemeVariant })) }), jsx("div", { className: 'user-profile-social-account__label', children: jsx(Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', children: (_a = connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.publicIdentifier) !== null && _a !== void 0 ? _a : capitalize(provider) }) }), isProviderLinked ? (jsx(Button, { buttonClassName: 'user-profile-social-account__button', buttonVariant: 'secondary', buttonRounded: 'small', buttonPadding: 'none', onClick: () => unlinkSocialAccount(provider), loading: isProcessing, dataTestId: 'social-account-disconnect-button', typographyProps: {
                     color: 'secondary',
                     variant: 'button_tertiary',
                 }, startSlot: 

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

@@ -46,3 +46,4 @@ export * from './ModalCard';
 export * from './InlineWidget';
 export * from './WalletInformationCard';
 export * from './MenuList';
+export * from './SignMessagePreview';

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

@@ -79,6 +79,7 @@ require('../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.cjs');
 var DynamicBridgeWidgetContext = require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+var OAuthIFrameContainer = require('../../widgets/OAuthIFrameContainer/OAuthIFrameContainer.cjs');
 var EmailVerificationContext = require('../EmailVerificationContext/EmailVerificationContext.cjs');
 var FundingContext = require('../FundingContext/FundingContext.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
@@ -93,13 +94,17 @@ var useVerificationInProgress = require('./hooks/useVerificationInProgress/useVe
 var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
 var useCustomerAuthFlowCallbacks = require('./useCustomerCallbacks/useCustomerAuthFlowCallbacks.cjs');
 var validators = require('./validators.cjs');
+var internalEvents = require('./internalEvents/internalEvents.cjs');
 
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 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, 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());
     let { walletConnectV1Bridge, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', } = settings;
     if (!environmentId) {
         throw new utils.MissingEnvironmentIdError();
@@ -169,6 +174,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
     const { wallets } = useWallets.useWallets({
         appLogoUrl,
         appName,
+        deepLinkPreference,
         flowNetwork,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
@@ -178,7 +184,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
-    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId();
+    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId(internalEventsRef.current);
     const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, unlinkConnectedWallet, refreshConnectedWallet, } = useConnectWallet.useConnectWallet({
         authMode,
         clearPrimaryWalletId,
@@ -229,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
@@ -445,6 +453,8 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             handleUnlinkWallet: authMode === 'connect-only'
                 ? unlinkConnectedWallet
                 : handleUnlinkWallet,
+            internalEvents: internalEventsRef,
+            internalSetShowAuthFlow: setShowAuthFlow,
             isAuthenticated,
             isBridgeFlow,
             isFullyConnected,
@@ -507,6 +517,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             showAuthFlow,
             showBridgeWidget,
             showDynamicUserProfile,
+            showLockedWalletView,
             showQrcodeModal,
             showWidgetStatePopup,
             signWithEmailWalletName,
@@ -561,13 +572,12 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         handleUnlinkWallet,
         isAuthenticated,
         isBridgeFlow,
+        isFullyConnected,
         isProjectSettingsLoading,
         isSingleWalletAccount,
-        isFullyConnected,
         isVerificationInProgress,
-        primaryWallet,
-        secondaryWallets,
         legacyIsVerifying,
+        linkedWallets,
         loadingNetwork,
         loginWithEmail,
         multiWallet,
@@ -580,6 +590,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         imageUserInAccessList,
         onboardingImageUrl,
         policiesConsentInnerComponent,
+        primaryWallet,
         primaryWalletId,
         privacyPolicyUrl,
         projectSettings,
@@ -587,12 +598,15 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         removeConnectedWalletsInfo,
         rpcProviders,
         sdkHasLoaded,
+        secondaryWallets,
         selectedWalletConnector,
         selectedWalletWithAction,
+        sendWagmiSettings,
         setAuthMode,
         setAuthorizationViewDisplayOrder,
         setCallback,
         setIsFullyConnected,
+        setIsVerificationInProgress,
         setLogInWithEmail,
         setMultiWallet,
         setMultiWalletWidgetState,
@@ -607,6 +621,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         showAuthFlow,
         showBridgeWidget,
         showDynamicUserProfile,
+        showLockedWalletView,
         showQrcodeModal,
         showWidgetStatePopup,
         signWithEmailWalletName,
@@ -624,7 +639,6 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         walletsByChain,
         walletsFilter,
         walletsToConnectByChain,
-        linkedWallets,
     ]);
     React.useEffect(() => {
         const addPrefetch = (attr) => {
@@ -672,8 +686,9 @@ 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, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+                        }), 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] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 
 exports.DynamicContext = DynamicContext;

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { LogLevel } from '@dynamic-labs/logger';
 import { EvmNetwork, SocialProviderFilter } from '@dynamic-labs/types';
-import { WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
+import { DeepLinkVariant, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
 import { AccessDeniedCustomButton, AuthModeType, ChainToWalletMap, DynamicEventsCallbacks, WalletOption } from '../../shared';
 import { SocialNetworkIconType } from '../../utils/functions/getSocialNetworkIcon';
 import { ThemeData, ThemeSetting } from '../ThemeContext';
@@ -19,6 +19,15 @@ export interface DynamicContextProps {
         appName?: string;
         cssOverrides?: string | JSX.Element;
         debugError?: boolean;
+        /**
+         * Used to control the type of deep link used when connecting
+         * a mobile wallet. Defaults to 'native'. This is useful for
+         * example if your app is running in a webview of a native
+         * mobile app, and you want to be able to link out to any
+         * wallet without having to modify your iOS build config.
+         * In this case, you can set this to 'universal'.
+         */
+        deepLinkPreference?: DeepLinkVariant;
         defaultNumberOfWalletsToShow?: number;
         displaySiweStatement?: boolean;
         enableVisitTrackingOnConnectOnly?: boolean;
@@ -36,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

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { createContext, useState, useEffect, useCallback, useMemo } from 'react';
+import { createContext, useRef, useState, useEffect, useCallback, useMemo } from 'react';
 import { ICONIC_SPRITE_URL } from '@dynamic-labs/iconic';
 import { MissingEnvironmentIdError } from '@dynamic-labs/utils';
 import { useWalletBookCdn, getWalletBookCdnUrl, WalletBookContextProvider } from '@dynamic-labs/wallet-book';
@@ -75,6 +75,7 @@ import '../../views/CollectUserDataView/fieldsConfig.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
 import { DynamicBridgeWidgetContextProvider } from '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import { OAuthIFrameContainer } from '../../widgets/OAuthIFrameContainer/OAuthIFrameContainer.js';
 import { EmailVerificationContextProvider } from '../EmailVerificationContext/EmailVerificationContext.js';
 import { FundingContextProvider } from '../FundingContext/FundingContext.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
@@ -89,13 +90,17 @@ import { useVerificationInProgress } from './hooks/useVerificationInProgress/use
 import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
 import { useCustomerAuthFlowCallbacks } from './useCustomerCallbacks/useCustomerAuthFlowCallbacks.js';
 import { validateAuthUser } from './validators.js';
+import { getInternalEvents } from './internalEvents/internalEvents.js';
 
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 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, 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());
     let { walletConnectV1Bridge, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', } = settings;
     if (!environmentId) {
         throw new MissingEnvironmentIdError();
@@ -165,6 +170,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
     const { wallets } = useWallets({
         appLogoUrl,
         appName,
+        deepLinkPreference,
         flowNetwork,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
@@ -174,7 +180,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage(AUTH_MODE, initialAuthenticationMode);
-    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId();
+    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId(internalEventsRef.current);
     const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, unlinkConnectedWallet, refreshConnectedWallet, } = useConnectWallet({
         authMode,
         clearPrimaryWalletId,
@@ -225,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
@@ -441,6 +449,8 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             handleUnlinkWallet: authMode === 'connect-only'
                 ? unlinkConnectedWallet
                 : handleUnlinkWallet,
+            internalEvents: internalEventsRef,
+            internalSetShowAuthFlow: setShowAuthFlow,
             isAuthenticated,
             isBridgeFlow,
             isFullyConnected,
@@ -503,6 +513,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             showAuthFlow,
             showBridgeWidget,
             showDynamicUserProfile,
+            showLockedWalletView,
             showQrcodeModal,
             showWidgetStatePopup,
             signWithEmailWalletName,
@@ -557,13 +568,12 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         handleUnlinkWallet,
         isAuthenticated,
         isBridgeFlow,
+        isFullyConnected,
         isProjectSettingsLoading,
         isSingleWalletAccount,
-        isFullyConnected,
         isVerificationInProgress,
-        primaryWallet,
-        secondaryWallets,
         legacyIsVerifying,
+        linkedWallets,
         loadingNetwork,
         loginWithEmail,
         multiWallet,
@@ -576,6 +586,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         imageUserInAccessList,
         onboardingImageUrl,
         policiesConsentInnerComponent,
+        primaryWallet,
         primaryWalletId,
         privacyPolicyUrl,
         projectSettings,
@@ -583,12 +594,15 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         removeConnectedWalletsInfo,
         rpcProviders,
         sdkHasLoaded,
+        secondaryWallets,
         selectedWalletConnector,
         selectedWalletWithAction,
+        sendWagmiSettings,
         setAuthMode,
         setAuthorizationViewDisplayOrder,
         setCallback,
         setIsFullyConnected,
+        setIsVerificationInProgress,
         setLogInWithEmail,
         setMultiWallet,
         setMultiWalletWidgetState,
@@ -603,6 +617,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         showAuthFlow,
         showBridgeWidget,
         showDynamicUserProfile,
+        showLockedWalletView,
         showQrcodeModal,
         showWidgetStatePopup,
         signWithEmailWalletName,
@@ -620,7 +635,6 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         walletsByChain,
         walletsFilter,
         walletsToConnectByChain,
-        linkedWallets,
     ]);
     useEffect(() => {
         const addPrefetch = (attr) => {
@@ -668,8 +682,9 @@ 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, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+                        }), 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] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 
 export { DynamicContext, DynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };

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

@@ -11,12 +11,16 @@ require('react');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
+var localStorage$1 = require('../../utils/constants/localStorage.cjs');
 require('../../utils/constants/colors.cjs');
-require('../../shared/utils/classes/storage/localStorage.cjs');
+var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
 
 let logoutTimer;
+let dynamicContextSettingsTimer;
+let wagmiSettingsTimer;
+const sdkSettingsTimeout = 24 * 60 * 60 * 1000; // 24 hours
 const isAuthTokenExpired = (token) => {
     const decoded = decodeJwt.decodeJwt(token);
     if (!decoded) {
@@ -54,19 +58,54 @@ 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';
     }
     return 'wallet-list';
 };
+const setDynamicContextSessionSettings = () => {
+    setSessionSettings(localStorage$1.DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS);
+    dynamicContextSettingsTimer = setTimeout(isDynamicContextSessionSettingExpired, sdkSettingsTimeout);
+};
+const setWagmiSessionSettings = () => {
+    setSessionSettings(localStorage$1.WAGMI_LAST_SESSION_SETTINGS);
+    wagmiSettingsTimer = setTimeout(isWagmiSessionSettingExpired, sdkSettingsTimeout);
+};
+const setSessionSettings = (lsKey) => {
+    const timestamp = new Date().getTime();
+    localStorage.LocalStorage.setToLS(lsKey, timestamp.toString());
+};
+const isDynamicContextSessionSettingExpired = () => isSettingExpired(localStorage$1.DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, dynamicContextSettingsTimer);
+const isWagmiSessionSettingExpired = () => isSettingExpired(localStorage$1.WAGMI_LAST_SESSION_SETTINGS, wagmiSettingsTimer);
+const isSettingExpired = (lsKey, timer) => {
+    const lastSentTime = localStorage.LocalStorage.getFromLS(lsKey);
+    // should set new time
+    if (!lastSentTime) {
+        return true;
+    }
+    const lastSentTimestamp = parseInt(lastSentTime);
+    const currentTime = new Date().getTime();
+    if (currentTime - lastSentTimestamp > sdkSettingsTimeout) {
+        // Reset session-related data here
+        clearTimeout(timer);
+        localStorage.LocalStorage.removeFromLS(lsKey);
+        return true;
+    }
+    return false;
+};
 
 exports.getInitialView = getInitialView;
 exports.initExpirationTime = initExpirationTime;
 exports.isAuthTokenExpired = isAuthTokenExpired;
+exports.isDynamicContextSessionSettingExpired = isDynamicContextSessionSettingExpired;
+exports.isWagmiSessionSettingExpired = isWagmiSessionSettingExpired;
+exports.sdkSettingsTimeout = sdkSettingsTimeout;
+exports.setDynamicContextSessionSettings = setDynamicContextSessionSettings;
+exports.setWagmiSessionSettings = setWagmiSessionSettings;

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

@@ -1,10 +1,16 @@
 import { Wallet } from '../../shared';
 import { ViewType } from '../ViewContext';
+export declare const sdkSettingsTimeout: number;
 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;
+export declare const setDynamicContextSessionSettings: () => void;
+export declare const setWagmiSessionSettings: () => void;
+export declare const isDynamicContextSessionSettingExpired: () => boolean;
+export declare const isWagmiSessionSettingExpired: () => boolean;