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

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, 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, 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
@@ -239,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,
@@ -562,6 +562,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             socialMediaLinkText,
             socialMediaUrl,
             socialProvidersFilter,
+            socialSettings: settings$1.social,
             tabsItems,
             termsOfServiceUrl,
             theme,
@@ -630,6 +631,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         onboardingImageUrl,
         settings$1.overrides,
         settings$1.redirectUrl,
+        settings$1.social,
         passkeySuccessPopup,
         policiesConsentInnerComponent,
         primaryWallet,

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, 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, 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
@@ -235,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,
@@ -558,6 +558,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
             socialMediaLinkText,
             socialMediaUrl,
             socialProvidersFilter,
+            socialSettings: settings.social,
             tabsItems,
             termsOfServiceUrl,
             theme,
@@ -626,6 +627,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         onboardingImageUrl,
         settings.overrides,
         settings.redirectUrl,
+        settings.social,
         passkeySuccessPopup,
         policiesConsentInnerComponent,
         primaryWallet,

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;
@@ -59,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;
         /**
@@ -76,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

@@ -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;

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';

package/src/lib/context/MockContext/MockContext.cjs

@@ -48,6 +48,7 @@ require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
 var DynamicAuthModal = require('../../modals/DynamicAuthModal/DynamicAuthModal.cjs');
+require('@dynamic-labs/ethereum-core');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -55,7 +56,6 @@ require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('formik');
 require('../../components/Input/Input.cjs');
-require('@dynamic-labs/ethereum-core');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');

package/src/lib/context/MockContext/MockContext.js

@@ -44,6 +44,7 @@ import '../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
 import { DynamicAuthModal } from '../../modals/DynamicAuthModal/DynamicAuthModal.js';
+import '@dynamic-labs/ethereum-core';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -51,7 +52,6 @@ import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import 'formik';
 import '../../components/Input/Input.js';
-import '@dynamic-labs/ethereum-core';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs

@@ -69,9 +69,9 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('@dynamic-labs/ethereum-core');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/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/layout/DynamicAuthLayout/DynamicAuthLayout.js

@@ -65,9 +65,9 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/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/layout/DynamicAuthLayout/Header/header.cjs

@@ -70,10 +70,10 @@ require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('@dynamic-labs/ethereum-core');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
 require('../../../components/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/layout/DynamicAuthLayout/Header/header.js

@@ -66,10 +66,10 @@ import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
 import '../../../components/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/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.cjs

@@ -66,10 +66,10 @@ require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('@dynamic-labs/ethereum-core');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
 require('../../../../components/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/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.js

@@ -62,10 +62,10 @@ import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
 import '../../../../components/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/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.cjs

@@ -65,9 +65,9 @@ require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('@dynamic-labs/ethereum-core');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../components/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/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.js

@@ -61,9 +61,9 @@ import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../components/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/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.cjs

@@ -62,9 +62,9 @@ require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs')
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('@dynamic-labs/ethereum-core');
 require('../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../../components/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/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.js

@@ -58,9 +58,9 @@ import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import '../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../../components/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/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs

@@ -63,9 +63,9 @@ require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs')
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('@dynamic-labs/ethereum-core');
 require('../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../../components/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/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js

@@ -59,9 +59,9 @@ import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import '../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../../components/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/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.cjs

@@ -66,9 +66,9 @@ require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('@dynamic-labs/ethereum-core');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../components/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/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.js

@@ -62,9 +62,9 @@ import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../components/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/layout/DynamicAuthLayout/ToSFooter/ToSFooter.cjs

@@ -62,9 +62,9 @@ require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('@dynamic-labs/ethereum-core');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../components/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/layout/DynamicAuthLayout/ToSFooter/ToSFooter.js

@@ -58,9 +58,9 @@ import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../components/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/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.cjs

@@ -64,9 +64,9 @@ require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('@dynamic-labs/ethereum-core');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../components/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/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.js

@@ -60,9 +60,9 @@ import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../components/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/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.cjs

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