@dynamic-labs/sdk-react-core 3.0.0-alpha.52 → 3.0.0-alpha.54

package/src/lib/components/TransactionConfirmationPageLayout/utils.js

@@ -57,14 +57,14 @@ const getDisplayFiatPrice = (amountValue, currentToken) => {
     }
     return fiatValue === 0 || fiatValue >= 0.01 ? fiatValue.toFixed(2) : '<0.01';
 };
-const useHandleRecovery = (hideModal, walletConnector, usingSessionKey, onSuccess, shouldInitRecovery, initPasskeyRecoveryProcess) => {
+const useHandleRecovery = (walletConnector, usingSessionKey, onSuccess, shouldInitRecovery, initPasskeyRecoveryProcess, hideModal) => {
     const handleRecovery = () => __awaiter(void 0, void 0, void 0, function* () {
         if ((yield shouldInitRecovery()) &&
             walletConnector &&
             !usingSessionKey(walletConnector)) {
             yield initPasskeyRecoveryProcess('email', 'sendTransaction'); // Ensure the parameters match the actual function signature
-            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess('callHandlerOutsideModal');
         }
+        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess('callHandlerOutsideModal');
     });
     useEffectOnce(() => {
         if (hideModal) {

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.cjs

@@ -39,6 +39,7 @@ require('react-international-phone');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../locale/locale.cjs');
+var useSendBalanceState = require('../../store/hooks/useSendBalanceState/useSendBalanceState.cjs');
 var fiatUtils = require('../../utils/functions/fiatUtils/fiatUtils.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -72,10 +73,10 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../IconButton/IconButton.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('@dynamic-labs/ethereum-core');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../ModalHeader/ModalHeader.cjs');
 require('../Input/Input.cjs');
-require('@dynamic-labs/ethereum-core');
 var utils = require('../TransactionConfirmationPageLayout/utils.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
@@ -101,9 +102,10 @@ require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('qrcode');
 
-const TransactionStatusLayout = ({ destinationAddress, transactionValue, networkCurrency, onDone, displayPoweredByDynamicFooter = true, onClickClose, transaction, currentToken, nativePrice, isNativeToken, }) => {
+const TransactionStatusLayout = ({ destinationAddress, transactionValue, networkCurrency, onDone, displayPoweredByDynamicFooter = true, onClickClose, transaction, currentToken, isNativeToken, }) => {
     const { t } = reactI18next.useTranslation();
     const { showFiat } = useInternalDynamicContext.useInternalDynamicContext();
+    const { nativePrice } = useSendBalanceState.useSendBalanceState();
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const totalFiatCost = fiatUtils.getTotalFiatCost(currentToken, transaction, nativePrice, transactionValue);
     return (jsxRuntime.jsxs("div", { className: 'transaction-status-layout', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx(Icon.Icon, { size: 'large', className: 'transaction-status-layout__status-icon', children: jsxRuntime.jsx(checkBlue.ReactComponent, {}) }) }), jsxRuntime.jsxs("div", { className: 'transaction-status-layout__body', children: [jsxRuntime.jsxs("div", { className: 'transaction-status-layout__sent_to', children: [jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', color: 'secondary', className: 'transaction-status-layout__title', copykey: 'dyn_send_transaction.succeeded.title', children: [t('dyn_send_transaction.succeeded.title'), ' '] }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', className: 'transaction-status-layout__title', copykey: 'dyn_send_transaction.succeeded.title', children: shortenWalletAddress.shortenWalletAddress(destinationAddress, 3, 3) })] }), jsxRuntime.jsx("div", { className: 'transaction-status-layout__content', children: jsxRuntime.jsx("div", { className: 'transaction-status-layout__rows', children: jsxRuntime.jsxs(Typography.Typography, { variant: 'title', color: 'primary', className: 'transaction-status-layout__title', copykey: 'dyn_send_transaction.succeeded.title', children: [`${utils.getValueRounded(isNativeToken, transaction)} ${networkCurrency} `, showFiat &&

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

@@ -12,7 +12,6 @@ export type Props = {
     onDone: MouseEventHandler<HTMLButtonElement>;
     transaction: IUITransaction;
     currentToken?: TokenBalance;
-    nativePrice: number;
     isNativeToken: boolean;
 };
 export declare const TransactionStatusLayout: FC<Props>;

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.js

@@ -35,6 +35,7 @@ import 'react-international-phone';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../locale/locale.js';
+import { useSendBalanceState } from '../../store/hooks/useSendBalanceState/useSendBalanceState.js';
 import { getTotalFiatCost } from '../../utils/functions/fiatUtils/fiatUtils.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -68,10 +69,10 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../ModalHeader/ModalHeader.js';
 import '../Input/Input.js';
-import '@dynamic-labs/ethereum-core';
 import { getValueRounded } from '../TransactionConfirmationPageLayout/utils.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
@@ -97,9 +98,10 @@ import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import '../InlineWidget/InlineWidget.js';
 import 'qrcode';
 
-const TransactionStatusLayout = ({ destinationAddress, transactionValue, networkCurrency, onDone, displayPoweredByDynamicFooter = true, onClickClose, transaction, currentToken, nativePrice, isNativeToken, }) => {
+const TransactionStatusLayout = ({ destinationAddress, transactionValue, networkCurrency, onDone, displayPoweredByDynamicFooter = true, onClickClose, transaction, currentToken, isNativeToken, }) => {
     const { t } = useTranslation();
     const { showFiat } = useInternalDynamicContext();
+    const { nativePrice } = useSendBalanceState();
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close', children: jsx(SvgClose, {}) }));
     const totalFiatCost = getTotalFiatCost(currentToken, transaction, nativePrice, transactionValue);
     return (jsxs("div", { className: 'transaction-status-layout', children: [jsx(ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsx(Icon, { size: 'large', className: 'transaction-status-layout__status-icon', children: jsx(SvgCheckBlue, {}) }) }), jsxs("div", { className: 'transaction-status-layout__body', children: [jsxs("div", { className: 'transaction-status-layout__sent_to', children: [jsxs(Typography, { variant: 'body_small', color: 'secondary', className: 'transaction-status-layout__title', copykey: 'dyn_send_transaction.succeeded.title', children: [t('dyn_send_transaction.succeeded.title'), ' '] }), jsx(Typography, { variant: 'body_small', color: 'primary', className: 'transaction-status-layout__title', copykey: 'dyn_send_transaction.succeeded.title', children: shortenWalletAddress(destinationAddress, 3, 3) })] }), jsx("div", { className: 'transaction-status-layout__content', children: jsx("div", { className: 'transaction-status-layout__rows', children: jsxs(Typography, { variant: 'title', color: 'primary', className: 'transaction-status-layout__title', copykey: 'dyn_send_transaction.succeeded.title', children: [`${getValueRounded(isNativeToken, transaction)} ${networkCurrency} `, showFiat &&

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

@@ -76,10 +76,10 @@ var UserProfileSocialAccount = require('./parts/UserProfileSocialAccount/UserPro
 var EditProfileButton = require('./parts/EditProfileButton/EditProfileButton.cjs');
 require('formik');
 var TypographyButton = require('../TypographyButton/TypographyButton.cjs');
+require('@dynamic-labs/ethereum-core');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../IconButton/IconButton.cjs');
 require('../Input/Input.cjs');
-require('@dynamic-labs/ethereum-core');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');

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

@@ -72,10 +72,10 @@ import { UserProfileSocialAccount } from './parts/UserProfileSocialAccount/UserP
 import { EditProfileButton } from './parts/EditProfileButton/EditProfileButton.js';
 import 'formik';
 import { TypographyButton } from '../TypographyButton/TypographyButton.js';
+import '@dynamic-labs/ethereum-core';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../IconButton/IconButton.js';
 import '../Input/Input.js';
-import '@dynamic-labs/ethereum-core';
 import '../MenuList/Dropdown/Dropdown.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';

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

@@ -65,9 +65,9 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 var VerifiedUserFieldIcon = require('./components/VerifiedUserFieldIcon/VerifiedUserFieldIcon.cjs');
 require('formik');
+require('@dynamic-labs/ethereum-core');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../Input/Input.cjs');
-require('@dynamic-labs/ethereum-core');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../polyfills.cjs');

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

@@ -61,9 +61,9 @@ import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import { VerifiedUserFieldIcon } from './components/VerifiedUserFieldIcon/VerifiedUserFieldIcon.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../Input/Input.js';
-import '@dynamic-labs/ethereum-core';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../polyfills.js';

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

@@ -62,9 +62,9 @@ require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('@dynamic-labs/ethereum-core');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../Input/Input.cjs');
-require('@dynamic-labs/ethereum-core');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../polyfills.cjs');

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

@@ -58,9 +58,9 @@ import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../Input/Input.js';
-import '@dynamic-labs/ethereum-core';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../polyfills.js';

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

@@ -71,9 +71,9 @@ require('../../../MenuList/Dropdown/Dropdown.cjs');
 var ConnectedAccountAvatar = require('./components/ConnectedAccountAvatar/ConnectedAccountAvatar.cjs');
 var TypographyButton = require('../../../TypographyButton/TypographyButton.cjs');
 require('formik');
+require('@dynamic-labs/ethereum-core');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../Input/Input.cjs');
-require('@dynamic-labs/ethereum-core');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../polyfills.cjs');

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

@@ -67,9 +67,9 @@ import '../../../MenuList/Dropdown/Dropdown.js';
 import { ConnectedAccountAvatar } from './components/ConnectedAccountAvatar/ConnectedAccountAvatar.js';
 import { TypographyButton } from '../../../TypographyButton/TypographyButton.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../Input/Input.js';
-import '@dynamic-labs/ethereum-core';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../polyfills.js';

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

@@ -146,7 +146,7 @@ const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, locale: locale$1, enableInstrumentation = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings$1;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = false, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, headless = false, } = settings$1;
     localStorage.LocalStorage.setSuffix(settings$1.localStorageSuffix);
     /**
      * initialize global store
@@ -221,8 +221,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         showFiatOverride: (_h = settings$1.overrides) === null || _h === void 0 ? void 0 : _h.showFiat,
         showFiatSettings: (_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _j === void 0 ? void 0 : _j.showFiat,
     });
-    // ensures that when user comes back to site and primary wallet is out of sync, we don't show widget popup
-    const [showWidgetStatePopup, setShowWidgetStatePopup] = React.useState(!multiWallet);
     // Used inside useVerifyOnAwaitingSignature. Is legacy and should be removed asap
     const [legacyIsVerifying, setLegacyIsVerifying] = React.useState(false);
     const walletBook$1 = walletBook.useWalletBookCdn();
@@ -241,7 +239,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         appLogoUrl,
         appName,
         getAppOrigin: () => window.location.origin,
-        hideEmbeddedWalletTransactionUIs: hideEmbeddedWalletTransactionUIs !== null && hideEmbeddedWalletTransactionUIs !== void 0 ? hideEmbeddedWalletTransactionUIs : !((_o = (_m = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _m === void 0 ? void 0 : _m.embeddedWallets) === null || _o === void 0 ? void 0 : _o.showEmbeddedWalletActionsUI),
+        hideEmbeddedWalletTransactionUIs: !((_o = (_m = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _m === void 0 ? void 0 : _m.embeddedWallets) === null || _o === void 0 ? void 0 : _o.showEmbeddedWalletActionsUI),
     });
     const { walletConnectorOptions } = useWalletConnectorOptions.useWalletConnectorOptions({
         appLogoUrl,
@@ -294,18 +292,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
     useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : userWithMissingInfo, walletConnectorOptions);
     useSetWalletConnectorFetchers.useSetWalletConnectorFetchers(walletConnectorOptions, environmentId);
-    const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
+    const { primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         authMode,
         canHaveMultipleWalletsConnected: multiWallet,
         connectedWallets,
-        multiWalletWidgetState,
         primaryWalletId,
-        setDesktopUri,
         setMultiWalletWidgetState,
         setPrimaryWalletId,
-        setQrcodeUri,
         user: user || userWithMissingInfo,
-        walletBook: walletBook$1,
         walletConnectorOptions,
     });
     React.useEffect(() => {
@@ -387,6 +381,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork.useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
     useWalletEventListeners.useWalletEventListeners({
         authMode,
+        detectNewWalletsForLinking,
         disconnectWallet,
         handleLogOut,
         multiWallet,
@@ -480,6 +475,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             defaultNumberOfWalletsToShow,
             defaultPhoneInputIso2,
             desktopUri,
+            detectNewWalletsForLinking,
             disconnectWallet,
             displaySiweStatement,
             enableConnectOnlyFallback,
@@ -552,7 +548,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             setShowBridgeWidget,
             setShowDynamicUserProfile,
             setShowQrcodeModal,
-            setShowWidgetStatePopup,
             setUser: userActions.setUser,
             shadowDOMEnabled,
             showAuthFlow,
@@ -561,13 +556,13 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             showFiat,
             showLockedWalletView,
             showQrcodeModal,
-            showWidgetStatePopup,
             signWithEmailWalletName,
             siweStatement,
             socialMediaIconUrl: ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportUrls) || socialMediaIconUrl,
             socialMediaLinkText,
             socialMediaUrl,
             socialProvidersFilter,
+            socialSettings: settings$1.social,
             tabsItems,
             termsOfServiceUrl,
             theme,
@@ -602,6 +597,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         defaultNumberOfWalletsToShow,
         defaultPhoneInputIso2,
         desktopUri,
+        detectNewWalletsForLinking,
         disconnectWallet,
         displaySiweStatement,
         enableConnectOnlyFallback,
@@ -635,6 +631,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         onboardingImageUrl,
         settings$1.overrides,
         settings$1.redirectUrl,
+        settings$1.social,
         passkeySuccessPopup,
         policiesConsentInnerComponent,
         primaryWallet,
@@ -672,7 +669,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         showFiat,
         showLockedWalletView,
         showQrcodeModal,
-        showWidgetStatePopup,
         signWithEmailWalletName,
         siweStatement,
         socialMediaIconUrl,
@@ -724,7 +720,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),
                                 isBridgeFlow,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

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

@@ -142,7 +142,7 @@ const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, enableInstrumentation = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = false, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, headless = false, } = settings;
     LocalStorage.setSuffix(settings.localStorageSuffix);
     /**
      * initialize global store
@@ -217,8 +217,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         showFiatOverride: (_h = settings.overrides) === null || _h === void 0 ? void 0 : _h.showFiat,
         showFiatSettings: (_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _j === void 0 ? void 0 : _j.showFiat,
     });
-    // ensures that when user comes back to site and primary wallet is out of sync, we don't show widget popup
-    const [showWidgetStatePopup, setShowWidgetStatePopup] = useState(!multiWallet);
     // Used inside useVerifyOnAwaitingSignature. Is legacy and should be removed asap
     const [legacyIsVerifying, setLegacyIsVerifying] = useState(false);
     const walletBook = useWalletBookCdn();
@@ -237,7 +235,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         appLogoUrl,
         appName,
         getAppOrigin: () => window.location.origin,
-        hideEmbeddedWalletTransactionUIs: hideEmbeddedWalletTransactionUIs !== null && hideEmbeddedWalletTransactionUIs !== void 0 ? hideEmbeddedWalletTransactionUIs : !((_o = (_m = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _m === void 0 ? void 0 : _m.embeddedWallets) === null || _o === void 0 ? void 0 : _o.showEmbeddedWalletActionsUI),
+        hideEmbeddedWalletTransactionUIs: !((_o = (_m = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _m === void 0 ? void 0 : _m.embeddedWallets) === null || _o === void 0 ? void 0 : _o.showEmbeddedWalletActionsUI),
     });
     const { walletConnectorOptions } = useWalletConnectorOptions({
         appLogoUrl,
@@ -290,18 +288,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     const [selectedWalletWithAction, setSelectedWalletWithAction] = useState(null);
     useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : userWithMissingInfo, walletConnectorOptions);
     useSetWalletConnectorFetchers(walletConnectorOptions, environmentId);
-    const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
+    const { primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
         authMode,
         canHaveMultipleWalletsConnected: multiWallet,
         connectedWallets,
-        multiWalletWidgetState,
         primaryWalletId,
-        setDesktopUri,
         setMultiWalletWidgetState,
         setPrimaryWalletId,
-        setQrcodeUri,
         user: user || userWithMissingInfo,
-        walletBook,
         walletConnectorOptions,
     });
     useEffect(() => {
@@ -383,6 +377,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
     useWalletEventListeners({
         authMode,
+        detectNewWalletsForLinking,
         disconnectWallet,
         handleLogOut,
         multiWallet,
@@ -476,6 +471,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
             defaultNumberOfWalletsToShow,
             defaultPhoneInputIso2,
             desktopUri,
+            detectNewWalletsForLinking,
             disconnectWallet,
             displaySiweStatement,
             enableConnectOnlyFallback,
@@ -548,7 +544,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
             setShowBridgeWidget,
             setShowDynamicUserProfile,
             setShowQrcodeModal,
-            setShowWidgetStatePopup,
             setUser,
             shadowDOMEnabled,
             showAuthFlow,
@@ -557,13 +552,13 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
             showFiat,
             showLockedWalletView,
             showQrcodeModal,
-            showWidgetStatePopup,
             signWithEmailWalletName,
             siweStatement,
             socialMediaIconUrl: ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportUrls) || socialMediaIconUrl,
             socialMediaLinkText,
             socialMediaUrl,
             socialProvidersFilter,
+            socialSettings: settings.social,
             tabsItems,
             termsOfServiceUrl,
             theme,
@@ -598,6 +593,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         defaultNumberOfWalletsToShow,
         defaultPhoneInputIso2,
         desktopUri,
+        detectNewWalletsForLinking,
         disconnectWallet,
         displaySiweStatement,
         enableConnectOnlyFallback,
@@ -631,6 +627,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         onboardingImageUrl,
         settings.overrides,
         settings.redirectUrl,
+        settings.social,
         passkeySuccessPopup,
         policiesConsentInnerComponent,
         primaryWallet,
@@ -668,7 +665,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         showFiat,
         showLockedWalletView,
         showQrcodeModal,
-        showWidgetStatePopup,
         signWithEmailWalletName,
         siweStatement,
         socialMediaIconUrl,
@@ -720,7 +716,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),
                                 isBridgeFlow,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(VerificationProvider, { children: jsx(PasskeyContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncAuthFlow, {}), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { children: jsx(VerificationProvider, { children: jsx(PasskeyContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncAuthFlow, {}), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

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

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../utils/constants/values.cjs');
 require('@dynamic-labs/utils');
@@ -12,6 +11,7 @@ require('../../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');

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

@@ -1,6 +1,5 @@
 'use client'
 import { useState, useMemo } from 'react';
-import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../utils/constants/values.js';
 import '@dynamic-labs/utils';
@@ -8,6 +7,7 @@ import '../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';

package/src/lib/context/DynamicContext/hooks/useHandleLogout/types.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { UserProfile } from '@dynamic-labs/types';
-import { WalletConnectorCore } from '@dynamic-labs/wallet-connector-core';
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { AuthModeType, DynamicEventsCallbacks, Wallet } from '../../../../shared';
 import { MultiWalletWidgetStateSetter } from '../../../../utils/hooks/multiWallet';
 import { ChainsToConnect } from '../../types';
@@ -13,7 +13,7 @@ export type UseHandleLogoutParams = {
     setShowBridgeWidget: Dispatch<SetStateAction<boolean>>;
     user: UserProfile | undefined;
     environmentId: string;
-    walletConnectors: WalletConnectorCore.WalletConnector[];
+    walletConnectors: WalletConnector[];
     connectedWallets: Wallet[];
     setLegacyIsVerifying: Dispatch<SetStateAction<boolean>>;
     setAuthMode: (value: AuthModeType | ((val: AuthModeType) => AuthModeType)) => void;

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

@@ -10,6 +10,7 @@ import { SocialNetworkIconType } from '../../../utils/functions/getSocialNetwork
 import { ThemeData, ThemeSetting } from '../../ThemeContext';
 import { ChainsToConnect, NetworkValidationMode } from './IDynamicContext';
 import { SettingsOverrides } from './SettingsOverrides';
+import { SocialSettings } from './SocialSettings';
 export interface DynamicContextProps {
     children: ReactNode;
     locale?: LocaleResource;
@@ -25,6 +26,13 @@ export interface DynamicContextProps {
         cssOverrides?: string | JSX.Element;
         customPrivacyPolicy?: ReactNode;
         defaultPhoneInputIso2?: CountryIso2;
+        /**
+         * If true, users will see a prompt to link the wallet
+         * when an account change is detected in the wallet connector
+         * and the newly selected wallet is not linked yet
+         * @default false
+         */
+        detectNewWalletsForLinking?: boolean;
         customTermsOfServices?: ReactNode;
         debugError?: boolean;
         /**
@@ -52,10 +60,6 @@ export interface DynamicContextProps {
         flowNetwork?: 'testnet' | 'mainnet';
         handlers?: DynamicHandlers;
         headless?: boolean;
-        /**
-         * @deprecated Set this property in the dashboard instead
-         */
-        hideEmbeddedWalletTransactionUIs?: boolean;
         initialAuthenticationMode?: AuthModeType;
         localStorageSuffix?: string;
         /**
@@ -69,6 +73,7 @@ export interface DynamicContextProps {
         notInTheListImageUrl?: string;
         onboardingImageUrl?: string;
         overrides?: SettingsOverrides;
+        social?: SocialSettings;
         policiesConsentInnerComponent?: ReactNode | ReactNode[];
         privacyPolicyUrl?: string;
         recommendedWallets?: RecommendedWallet[];

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

@@ -3,7 +3,7 @@ import { changeLanguage } from 'i18next';
 import { CountryIso2 } from 'react-international-phone';
 import { NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api-core';
 import { MobileExperience, NetworkConfigurationMap, SocialProviderFilter, UserProfile, WalletUiUtils } from '@dynamic-labs/types';
-import { Chain, GetAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { Chain, GetAddressOpts, InternalWalletConnector, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
 import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, MultiWalletWidgetState, RecommendedWallet, Wallet, WalletOption, WalletWithAction } from '../../../shared';
 import { DynamicHandlers } from '../../../shared/types/dynamicHandlers';
@@ -16,6 +16,7 @@ import { DisplayOrder, SetDisplayOrderPriority, SetShowAuthFlow } from '../hooks
 import { SetCallbackType } from '../useCustomerCallbacks';
 import { SettingsOverrides } from './SettingsOverrides';
 import { WalletListViewTabItem } from './WalletListViewTabItem';
+import { SocialSettings } from './SocialSettings';
 export type ChainsToConnect = {
     chain: Chain;
     chainId?: number;
@@ -37,6 +38,7 @@ export interface IDynamicContext {
     authToken: string | undefined;
     authorizationViewDisplayOrder: DisplayOrder;
     awaitingSignatureState: AwaitingSignatureState;
+    socialSettings?: SocialSettings;
     bridgeChains: ChainsToConnect[] | undefined;
     bridgeChainsToConnect: ChainsToConnect[] | undefined;
     bridgeOnboardingCompleted: boolean;
@@ -50,6 +52,7 @@ export interface IDynamicContext {
     debugError: boolean;
     defaultNumberOfWalletsToShow: number;
     desktopUri: string;
+    detectNewWalletsForLinking: boolean;
     disconnectWallet: (walletId: string) => void;
     displaySiweStatement: boolean;
     enableConnectOnlyFallback?: boolean;
@@ -107,7 +110,7 @@ export interface IDynamicContext {
     removeConnectedWalletsInfo: () => void;
     sdkHasLoaded: boolean;
     secondaryWallets: Wallet[];
-    selectedWalletConnector: WalletConnector | null;
+    selectedWalletConnector: InternalWalletConnector | null;
     selectedWalletWithAction: WalletWithAction | null;
     sendWagmiSettings: (settings: {
         dynamicWagmiSettings?: object;
@@ -138,7 +141,6 @@ export interface IDynamicContext {
     setShowBridgeWidget: Dispatch<SetStateAction<boolean>>;
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setShowQrcodeModal: Dispatch<SetStateAction<boolean>>;
-    setShowWidgetStatePopup: Dispatch<SetStateAction<boolean>>;
     setUser: SetUserAction;
     shadowDOMEnabled: boolean;
     showAuthFlow: boolean;
@@ -150,7 +152,6 @@ export interface IDynamicContext {
     showFiat: boolean;
     showLockedWalletView?: boolean;
     showQrcodeModal: boolean;
-    showWidgetStatePopup: boolean;
     signWithEmailWalletName?: string;
     siweStatement?: string;
     socialMediaIconUrl?: Record<string, string> | Record<SocialNetworkIconType, string>;
@@ -163,6 +164,6 @@ export interface IDynamicContext {
     user: UserProfile | undefined;
     userWithMissingInfo: UserProfile | undefined;
     walletConnectorOptions: WalletOption[];
-    walletUiUtils: WalletUiUtils<WalletConnector>;
+    walletUiUtils: WalletUiUtils<InternalWalletConnector>;
     walletsFilter?: (options: WalletOption[]) => WalletOption[];
 }

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

@@ -0,0 +1,7 @@
+export type SocialSettings = {
+    /**
+     * @description The strategy of how the social auth flow will be for end-user.
+     * @default 'redirect'
+     */
+    strategy?: 'popup' | 'redirect';
+};

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

@@ -2,3 +2,4 @@ export * from './DynamicContextProps';
 export * from './IDynamicContext';
 export * from './SettingsOverrides';
 export * from './WalletListViewTabItem';
+export * from './SocialSettings';