@dynamic-labs/sdk-react-core 4.9.0 → 4.9.1

package/src/lib/utils/functions/onrampProviders/coinbase.js

@@ -0,0 +1,50 @@
+'use client'
+/**
+ * Gets the enabled non-testnet networks for a wallet
+ * @param wallet User's wallet
+ * @returns Array of enabled non-testnet networks, or empty array if no wallet or networks
+ */
+const getEnabledNonTestnetNetworks = (wallet) => {
+    if (!wallet ||
+        !wallet.connector ||
+        typeof wallet.connector.getEnabledNetworks !== 'function') {
+        return [];
+    }
+    const networks = wallet.connector.getEnabledNetworks();
+    if (!networks || networks.length === 0) {
+        return [];
+    }
+    return networks.filter((network) => !network.isTestnet);
+};
+/**
+ * Formats a Coinbase onramp URL with wallet information
+ * @param url Base URL from Coinbase
+ * @param wallet User's wallet
+ * @returns Formatted URL with wallet information
+ */
+const formatCoinbaseOnrampUrl = (url, wallet) => {
+    const nonTestnetNetworks = getEnabledNonTestnetNetworks(wallet);
+    if (nonTestnetNetworks.length === 0 || !(wallet === null || wallet === void 0 ? void 0 : wallet.address)) {
+        return url;
+    }
+    const baseUrl = new URL(url);
+    const appId = baseUrl.searchParams.get('appId');
+    // If no appId is present, return the original URL
+    if (!appId) {
+        return url;
+    }
+    // Filter out networks with empty or undefined keys and remove duplicates
+    const uniqueNetworkKeys = Array.from(new Set(nonTestnetNetworks
+        .map((network) => network.key)
+        .filter((key) => Boolean(key))));
+    if (uniqueNetworkKeys.length === 0) {
+        return url;
+    }
+    // Construct the URL with the raw query parameters
+    const finalUrl = `${baseUrl.origin}${baseUrl.pathname}?appId=${appId}&addresses=${encodeURIComponent(JSON.stringify({
+        [wallet.address]: uniqueNetworkKeys,
+    }))}`;
+    return finalUrl;
+};
+
+export { formatCoinbaseOnrampUrl, getEnabledNonTestnetNetworks };

package/src/lib/utils/functions/onrampProviders/index.cjs

@@ -0,0 +1,24 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coinbase = require('./coinbase.cjs');
+
+/**
+ * Registry of provider-specific URL formatters
+ */
+const providerUrlFormatters = {
+    coinbaseOnramp: coinbase.formatCoinbaseOnrampUrl,
+};
+/**
+ * Registry of provider display modes (iframe or popup)
+ */
+const providerDisplayModes = {
+    coinbaseOnramp: 'popup',
+    // Default for other providers is iframe
+};
+
+exports.formatCoinbaseOnrampUrl = coinbase.formatCoinbaseOnrampUrl;
+exports.providerDisplayModes = providerDisplayModes;
+exports.providerUrlFormatters = providerUrlFormatters;

package/src/lib/utils/functions/onrampProviders/index.d.ts

@@ -0,0 +1,11 @@
+import type { Wallet } from '@dynamic-labs/wallet-connector-core';
+import { formatCoinbaseOnrampUrl } from './coinbase';
+/**
+ * Registry of provider-specific URL formatters
+ */
+export declare const providerUrlFormatters: Record<string, (url: string, wallet: Wallet) => string>;
+/**
+ * Registry of provider display modes (iframe or popup)
+ */
+export declare const providerDisplayModes: Record<string, 'iframe' | 'popup'>;
+export { formatCoinbaseOnrampUrl };

package/src/lib/utils/functions/onrampProviders/index.js

@@ -0,0 +1,19 @@
+'use client'
+import { formatCoinbaseOnrampUrl } from './coinbase.js';
+export { formatCoinbaseOnrampUrl } from './coinbase.js';
+
+/**
+ * Registry of provider-specific URL formatters
+ */
+const providerUrlFormatters = {
+    coinbaseOnramp: formatCoinbaseOnrampUrl,
+};
+/**
+ * Registry of provider display modes (iframe or popup)
+ */
+const providerDisplayModes = {
+    coinbaseOnramp: 'popup',
+    // Default for other providers is iframe
+};
+
+export { providerDisplayModes, providerUrlFormatters };

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

@@ -4,7 +4,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.cjs');
-var formatCoinbaseOnrampUrl = require('./coinbaseOnramp/formatCoinbaseOnrampUrl.cjs');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+var index = require('./onrampProviders/index.cjs');
 var openPopup = require('./openPopup/openPopup.cjs');
 
 const ONRAMP_POPUP_CONFIG = {
@@ -12,15 +13,17 @@ const ONRAMP_POPUP_CONFIG = {
     width: 500,
 };
 /**
- * Opens an onramp popup for Coinbase and sets up event listeners to handle popup closure
+ * Opens an onramp popup and sets up event listeners to handle popup closure
  * @param url The base URL to open in the popup
  * @param wallet The user's wallet (optional)
  * @param setShowOnramp Callback to update the UI state when popup is closed
+ * @param provider The onramp provider ID
  * @returns A promise that resolves when the popup is opened
  */
-const openOnrampPopup = (url, wallet, setShowOnramp) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    // Format the URL with wallet information for Coinbase if wallet is provided
-    const formattedUrl = wallet ? formatCoinbaseOnrampUrl.formatCoinbaseOnrampUrl(url, wallet) : url;
+const openOnrampPopup = (url_1, wallet_1, setShowOnramp_1, ...args_1) => _tslib.__awaiter(void 0, [url_1, wallet_1, setShowOnramp_1, ...args_1], void 0, function* (url, wallet, setShowOnramp, provider = sdkApiCore.OnrampProviders.CoinbaseOnramp) {
+    // Format the URL with wallet information if a formatter exists for this provider
+    const formatUrl = index.providerUrlFormatters[provider] || ((url) => url);
+    const formattedUrl = wallet ? formatUrl(url, wallet) : url;
     // Open the popup - errors will propagate to the caller
     yield openPopup.openPopup(formattedUrl, ONRAMP_POPUP_CONFIG.width, ONRAMP_POPUP_CONFIG.height, () => {
         // When the popup is closed (by user or programmatically), update the UI

package/src/lib/utils/functions/openOnrampPopup.d.ts

@@ -1,13 +1,15 @@
 import type { Wallet } from '@dynamic-labs/wallet-connector-core';
+import { OnrampProviders } from '@dynamic-labs/sdk-api-core';
 export declare const ONRAMP_POPUP_CONFIG: {
     readonly height: 600;
     readonly width: 500;
 };
 /**
- * Opens an onramp popup for Coinbase and sets up event listeners to handle popup closure
+ * Opens an onramp popup and sets up event listeners to handle popup closure
  * @param url The base URL to open in the popup
  * @param wallet The user's wallet (optional)
  * @param setShowOnramp Callback to update the UI state when popup is closed
+ * @param provider The onramp provider ID
  * @returns A promise that resolves when the popup is opened
  */
-export declare const openOnrampPopup: (url: string, wallet: Wallet | undefined, setShowOnramp: (show: boolean) => void) => Promise<void>;
+export declare const openOnrampPopup: (url: string, wallet: Wallet | undefined, setShowOnramp: (show: boolean) => void, provider?: OnrampProviders) => Promise<void>;

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

@@ -1,6 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
-import { formatCoinbaseOnrampUrl } from './coinbaseOnramp/formatCoinbaseOnrampUrl.js';
+import { OnrampProviders } from '@dynamic-labs/sdk-api-core';
+import { providerUrlFormatters } from './onrampProviders/index.js';
 import { openPopup } from './openPopup/openPopup.js';
 
 const ONRAMP_POPUP_CONFIG = {
@@ -8,15 +9,17 @@ const ONRAMP_POPUP_CONFIG = {
     width: 500,
 };
 /**
- * Opens an onramp popup for Coinbase and sets up event listeners to handle popup closure
+ * Opens an onramp popup and sets up event listeners to handle popup closure
  * @param url The base URL to open in the popup
  * @param wallet The user's wallet (optional)
  * @param setShowOnramp Callback to update the UI state when popup is closed
+ * @param provider The onramp provider ID
  * @returns A promise that resolves when the popup is opened
  */
-const openOnrampPopup = (url, wallet, setShowOnramp) => __awaiter(void 0, void 0, void 0, function* () {
-    // Format the URL with wallet information for Coinbase if wallet is provided
-    const formattedUrl = wallet ? formatCoinbaseOnrampUrl(url, wallet) : url;
+const openOnrampPopup = (url_1, wallet_1, setShowOnramp_1, ...args_1) => __awaiter(void 0, [url_1, wallet_1, setShowOnramp_1, ...args_1], void 0, function* (url, wallet, setShowOnramp, provider = OnrampProviders.CoinbaseOnramp) {
+    // Format the URL with wallet information if a formatter exists for this provider
+    const formatUrl = providerUrlFormatters[provider] || ((url) => url);
+    const formattedUrl = wallet ? formatUrl(url, wallet) : url;
     // Open the popup - errors will propagate to the caller
     yield openPopup(formattedUrl, ONRAMP_POPUP_CONFIG.width, ONRAMP_POPUP_CONFIG.height, () => {
         // When the popup is closed (by user or programmatically), update the UI

package/src/lib/utils/functions/socialStorage/socialStorage.d.ts

@@ -13,6 +13,8 @@ export type SocialStorageItem = {
     code?: string;
     /** Social auth mode, either sign-in or link */
     mode: SocialAuthMode;
+    /** Whether to show the widget after a connection is made */
+    showWidgetAfterConnection?: boolean;
 };
 export type SocialStorage = Partial<Record<ProviderEnum, SocialStorageItem>>;
 export declare const searchSocialStorageByState: (targetState: string) => SocialStorageItem | undefined;

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

@@ -133,8 +133,8 @@ const useDynamicWaas = () => {
         }
         if (!walletConnectorOptions.length || !environmentId || !apiBaseUrl)
             return undefined;
-        const connectorKey = chainName === 'EVM' ? dynamicWaasKey : `${dynamicWaasKey}-svm`;
-        const walletConnector = (_a = walletConnectorOptions.find((option) => option.key.includes(connectorKey))) === null || _a === void 0 ? void 0 : _a.walletConnector;
+        const walletConnector = (_a = walletConnectorOptions.find((option) => option.key.includes(dynamicWaasKey) &&
+            option.walletConnector.connectedChain === chainName)) === null || _a === void 0 ? void 0 : _a.walletConnector;
         if (!walletConnector) {
             throw new utils.DynamicError(constants.DYNAMIC_WAAS_CONNECTOR_NOT_FOUND_ERROR);
         }

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

@@ -129,8 +129,8 @@ const useDynamicWaas = () => {
         }
         if (!walletConnectorOptions.length || !environmentId || !apiBaseUrl)
             return undefined;
-        const connectorKey = chainName === 'EVM' ? dynamicWaasKey : `${dynamicWaasKey}-svm`;
-        const walletConnector = (_a = walletConnectorOptions.find((option) => option.key.includes(connectorKey))) === null || _a === void 0 ? void 0 : _a.walletConnector;
+        const walletConnector = (_a = walletConnectorOptions.find((option) => option.key.includes(dynamicWaasKey) &&
+            option.walletConnector.connectedChain === chainName)) === null || _a === void 0 ? void 0 : _a.walletConnector;
         if (!walletConnector) {
             throw new DynamicError(DYNAMIC_WAAS_CONNECTOR_NOT_FOUND_ERROR);
         }

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

@@ -160,6 +160,7 @@ const useEmbeddedWallet = () => {
         return revealTurnkeyEmbeddedWalletKey(options);
     });
     const shouldPromptForKeyExport = React.useCallback(() => { var _a; return Boolean((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.promptForKeyExport); }, [projectSettings]);
+    const embeddedWalletSettingVersion = React.useCallback(() => { var _a; return (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.defaultWalletVersion; }, [projectSettings]);
     const shouldAutoCreateEmbeddedWallet = React.useCallback((verifiedUser) => {
         var _a, _b, _c, _d, _e, _f;
         const hasEmbeddedWalletProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings);
@@ -197,6 +198,7 @@ const useEmbeddedWallet = () => {
         createEmbeddedWalletAccount,
         createOrRestoreSession,
         createPasskey,
+        embeddedWalletSettingVersion,
         getPasskeys,
         getWalletVersion,
         isLoadingEmbeddedWallet,

package/src/lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.d.ts

@@ -1,4 +1,4 @@
-import { EmbeddedWalletChainEnum } from '@dynamic-labs/sdk-api-core';
+import { EmbeddedWalletChainEnum, EmbeddedWalletVersionEnum } from '@dynamic-labs/sdk-api-core';
 import { Wallet } from '../../../shared';
 import { UserProfile } from '../../../..';
 /**
@@ -27,6 +27,7 @@ export declare const useEmbeddedWallet: () => {
     readonly createPasskey: (options: {
         oneTimeCode: string;
     } | undefined) => Promise<import("dist/packages/wallet-connector-core/src").WebAuthnAttestation>;
+    readonly embeddedWalletSettingVersion: () => EmbeddedWalletVersionEnum | undefined;
     readonly getPasskeys: () => Promise<import("@dynamic-labs/sdk-api-core").UserPasskey[]>;
     readonly getWalletVersion: () => import(".").EmbeddedWalletVersion | undefined;
     readonly isLoadingEmbeddedWallet: boolean;

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

@@ -156,6 +156,7 @@ const useEmbeddedWallet = () => {
         return revealTurnkeyEmbeddedWalletKey(options);
     });
     const shouldPromptForKeyExport = useCallback(() => { var _a; return Boolean((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.promptForKeyExport); }, [projectSettings]);
+    const embeddedWalletSettingVersion = useCallback(() => { var _a; return (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.defaultWalletVersion; }, [projectSettings]);
     const shouldAutoCreateEmbeddedWallet = useCallback((verifiedUser) => {
         var _a, _b, _c, _d, _e, _f;
         const hasEmbeddedWalletProviderEnabled = isTurnkeyEnabled(projectSettings);
@@ -193,6 +194,7 @@ const useEmbeddedWallet = () => {
         createEmbeddedWalletAccount,
         createOrRestoreSession,
         createPasskey,
+        embeddedWalletSettingVersion,
         getPasskeys,
         getWalletVersion,
         isLoadingEmbeddedWallet,

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

@@ -144,11 +144,15 @@ const useSocialAccounts = () => {
         }
         return true;
     }, [handleError, projectSettings]);
-    const linkSocialAccount = React.useCallback((provider_1, ...args_1) => _tslib.__awaiter(void 0, [provider_1, ...args_1], void 0, function* (provider, { redirectUrl } = { redirectUrl: undefined }) {
+    const linkSocialAccount = React.useCallback((provider_1, ...args_1) => _tslib.__awaiter(void 0, [provider_1, ...args_1], void 0, function* (provider, { redirectUrl, showWidgetAfterConnection } = {
+        redirectUrl: undefined,
+        showWidgetAfterConnection: false,
+    }) {
         connectSocialAccount({
             authMode: 'link',
             provider,
             redirectUrl,
+            showWidgetAfterConnection,
             validator: checkValidOAuthLinking,
         });
     }), [checkValidOAuthLinking, connectSocialAccount]);

package/src/lib/utils/hooks/useSocialAccounts/useSocialAccounts.d.ts

@@ -5,6 +5,10 @@ type ConnectSocialProps = {
      * Overrides the redirectUrl provided by DynamicContextProvider
      */
     redirectUrl?: string;
+    /**
+     * Whether to show the widget after a connection is made
+     */
+    showWidgetAfterConnection?: boolean;
 };
 export declare const useSocialAccounts: () => {
     readonly error: import("@dynamic-labs/types").SocialOAuthError | undefined;
@@ -12,7 +16,7 @@ export declare const useSocialAccounts: () => {
     readonly getLinkedAccounts: (provider: ProviderEnum) => SocialAccountInformation[];
     readonly isLinked: (provider: ProviderEnum) => boolean;
     readonly isProcessing: boolean;
-    readonly linkSocialAccount: (provider: ProviderEnum, { redirectUrl }?: ConnectSocialProps) => Promise<void>;
+    readonly linkSocialAccount: (provider: ProviderEnum, { redirectUrl, showWidgetAfterConnection }?: ConnectSocialProps) => Promise<void>;
     readonly signInWithSocialAccount: (provider: ProviderEnum, { redirectUrl }?: ConnectSocialProps) => Promise<void>;
     readonly unlinkSocialAccount: (provider: ProviderEnum, verifiedCredentialId?: string) => Promise<void>;
 };

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

@@ -140,11 +140,15 @@ const useSocialAccounts = () => {
         }
         return true;
     }, [handleError, projectSettings]);
-    const linkSocialAccount = useCallback((provider_1, ...args_1) => __awaiter(void 0, [provider_1, ...args_1], void 0, function* (provider, { redirectUrl } = { redirectUrl: undefined }) {
+    const linkSocialAccount = useCallback((provider_1, ...args_1) => __awaiter(void 0, [provider_1, ...args_1], void 0, function* (provider, { redirectUrl, showWidgetAfterConnection } = {
+        redirectUrl: undefined,
+        showWidgetAfterConnection: false,
+    }) {
         connectSocialAccount({
             authMode: 'link',
             provider,
             redirectUrl,
+            showWidgetAfterConnection,
             validator: checkValidOAuthLinking,
         });
     }), [checkValidOAuthLinking, connectSocialAccount]);

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

@@ -354,7 +354,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         shouldRegisterSessionKeysOnSignin,
         signInAccount,
     ]);
-    const connectSocialAccount = React.useCallback((_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ authMode, provider, validator, captchaToken, redirectUrl, telegramAuthToken, }) {
+    const connectSocialAccount = React.useCallback((_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ authMode, provider, validator, captchaToken, redirectUrl, telegramAuthToken, showWidgetAfterConnection, }) {
         var _d, _e;
         clearError();
         setIsProcessing(true);
@@ -388,6 +388,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
             captchaToken,
             codeVerifier: usingPkce ? verifier : undefined,
             mode: authMode,
+            showWidgetAfterConnection,
             state,
         });
         const loginUrlString = getOauthLoginUrl.getOauthLoginUrl((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _d !== void 0 ? _d : [], provider);

package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.d.ts

@@ -14,6 +14,7 @@ export type ConnectSocialAccountProps = {
     captchaToken?: string;
     redirectUrl?: string;
     telegramAuthToken?: string;
+    showWidgetAfterConnection?: boolean;
 };
 export declare const useSocialAuth: ({ onSettled, onError, onFarcasterUrl, }: UseSocialAuthProps) => {
     readonly checkValidProvider: (provider: ProviderEnum, authMode: SocialAuthMode) => boolean;
@@ -27,7 +28,7 @@ export declare const useSocialAuth: ({ onSettled, onError, onFarcasterUrl, }: Us
         telegramAuthToken?: string | undefined;
         forceCreateUser?: boolean | undefined;
     }) => Promise<void>;
-    readonly connectSocialAccount: ({ authMode, provider, validator, captchaToken, redirectUrl, telegramAuthToken, }: ConnectSocialAccountProps) => Promise<void>;
+    readonly connectSocialAccount: ({ authMode, provider, validator, captchaToken, redirectUrl, telegramAuthToken, showWidgetAfterConnection, }: ConnectSocialAccountProps) => Promise<void>;
     readonly error: SocialOAuthError | undefined;
     readonly handleError: (provider: ProviderEnum | undefined, code: SocialOAuthErrorCode, message: string, options?: {
         raiseAuthFailure?: boolean | undefined;

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

@@ -350,7 +350,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         shouldRegisterSessionKeysOnSignin,
         signInAccount,
     ]);
-    const connectSocialAccount = useCallback((_c) => __awaiter(void 0, [_c], void 0, function* ({ authMode, provider, validator, captchaToken, redirectUrl, telegramAuthToken, }) {
+    const connectSocialAccount = useCallback((_c) => __awaiter(void 0, [_c], void 0, function* ({ authMode, provider, validator, captchaToken, redirectUrl, telegramAuthToken, showWidgetAfterConnection, }) {
         var _d, _e;
         clearError();
         setIsProcessing(true);
@@ -384,6 +384,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
             captchaToken,
             codeVerifier: usingPkce ? verifier : undefined,
             mode: authMode,
+            showWidgetAfterConnection,
             state,
         });
         const loginUrlString = getOauthLoginUrl((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _d !== void 0 ? _d : [], provider);

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

@@ -108,7 +108,7 @@ const useUserAuth = ({ authMethod, }) => {
     const { setErrorMessage, setError } = ErrorContext.useErrorContext();
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     const handleAuthenticatedUser = useHandleAuthenticatedUser.useHandleAuthenticatedUser();
-    const { shouldAutoCreateEmbeddedWallet, shouldPromptForKeyExport } = useEmbeddedWallet.useEmbeddedWallet();
+    const { shouldAutoCreateEmbeddedWallet, shouldPromptForKeyExport, embeddedWalletSettingVersion, } = useEmbeddedWallet.useEmbeddedWallet();
     const isVerifyResponse = (response) => response.user;
     const initAuth = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ isSignIn = true, verifyFunction, onVerifySuccess, onSettled, onError, showSuccessMessage = false, skipDefaultErrorHandling = false, }) {
         var _b;
@@ -145,6 +145,7 @@ const useUserAuth = ({ authMethod, }) => {
             // we should only close auth flow if no wallet is going to be created or there is no key export
             // otherwise there will be a glitch with auth flow closing and then reopening for passkeys or export
             const shouldCreateWallet = shouldAutoCreateEmbeddedWallet(verifiedUser);
+            // only support export prompt on v2 and higher
             const shouldPromptExport = shouldPromptForKeyExport();
             if (showSuccessMessage) {
                 // this timeout is set to make sure that the user will see success message
@@ -153,7 +154,12 @@ const useUserAuth = ({ authMethod, }) => {
             if (isSignIn) {
                 setCallback('authSuccess');
             }
-            if (!shouldCreateWallet && !shouldPromptExport) {
+            const walletVersion = embeddedWalletSettingVersion();
+            if (walletVersion === sdkApiCore.EmbeddedWalletVersionEnum.V1 &&
+                shouldCreateWallet) {
+                setShowAuthFlow(true);
+            }
+            else if (!shouldCreateWallet || !shouldPromptExport) {
                 setShowAuthFlow(false);
             }
             onSettled === null || onSettled === void 0 ? void 0 : onSettled();

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { DynamicError, MfaInvalidOtpError, MfaRateLimitedError, EmailAlreadyExistsError, CustomFieldNotUniqueError, UsernameAlreadyExistsError, TooManyEmailVerificationsError, InvalidPhoneNumberError, NoAccessError, AccountExistsError, SandboxMaximumThresholdReachedError, UserHasAccountWithEmailError, sleep } from '@dynamic-labs/utils';
-import { MfaBackupCodeAcknowledgement } from '@dynamic-labs/sdk-api-core';
+import { EmbeddedWalletVersionEnum, MfaBackupCodeAcknowledgement } from '@dynamic-labs/sdk-api-core';
 import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
 import 'react';
 import '../../../context/DynamicContext/DynamicContext.js';
@@ -104,7 +104,7 @@ const useUserAuth = ({ authMethod, }) => {
     const { setErrorMessage, setError } = useErrorContext();
     const { setExistentAccountData } = useAccountExistsContext();
     const handleAuthenticatedUser = useHandleAuthenticatedUser();
-    const { shouldAutoCreateEmbeddedWallet, shouldPromptForKeyExport } = useEmbeddedWallet();
+    const { shouldAutoCreateEmbeddedWallet, shouldPromptForKeyExport, embeddedWalletSettingVersion, } = useEmbeddedWallet();
     const isVerifyResponse = (response) => response.user;
     const initAuth = (_a) => __awaiter(void 0, [_a], void 0, function* ({ isSignIn = true, verifyFunction, onVerifySuccess, onSettled, onError, showSuccessMessage = false, skipDefaultErrorHandling = false, }) {
         var _b;
@@ -141,6 +141,7 @@ const useUserAuth = ({ authMethod, }) => {
             // we should only close auth flow if no wallet is going to be created or there is no key export
             // otherwise there will be a glitch with auth flow closing and then reopening for passkeys or export
             const shouldCreateWallet = shouldAutoCreateEmbeddedWallet(verifiedUser);
+            // only support export prompt on v2 and higher
             const shouldPromptExport = shouldPromptForKeyExport();
             if (showSuccessMessage) {
                 // this timeout is set to make sure that the user will see success message
@@ -149,7 +150,12 @@ const useUserAuth = ({ authMethod, }) => {
             if (isSignIn) {
                 setCallback('authSuccess');
             }
-            if (!shouldCreateWallet && !shouldPromptExport) {
+            const walletVersion = embeddedWalletSettingVersion();
+            if (walletVersion === EmbeddedWalletVersionEnum.V1 &&
+                shouldCreateWallet) {
+                setShowAuthFlow(true);
+            }
+            else if (!shouldCreateWallet || !shouldPromptExport) {
                 setShowAuthFlow(false);
             }
             onSettled === null || onSettled === void 0 ? void 0 : onSettled();

package/src/lib/widgets/OnrampWidget/OnrampWidget.cjs

@@ -95,14 +95,23 @@ require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 
+/**
+ * Widget for displaying iframe-based onramp providers
+ * Note: Popup-based providers (like Coinbase) are handled separately in their onClick handlers
+ */
 const OnrampWidget = () => {
     const { showOnramp, selectedOnramp, onrampEnabled, setShowOnramp } = OnrampContext.useOnrampContext();
     const [onrampRef, setOnrampRef] = React.useState(null);
     index.useOnClickOutside(onrampRef, () => setShowOnramp(false));
-    if (!onrampEnabled || !(selectedOnramp === null || selectedOnramp === void 0 ? void 0 : selectedOnramp.iframeUrl)) {
+    const shouldRenderWidget = onrampEnabled &&
+        selectedOnramp &&
+        selectedOnramp.openMode === 'iframe' &&
+        selectedOnramp.url;
+    // If onramp is not enabled or there's no selected onramp, don't render anything
+    if (!shouldRenderWidget) {
         return null;
     }
-    return (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { children: jsxRuntime.jsxs(OpacityTransition.OpacityTransition, { isShown: showOnramp, children: [jsxRuntime.jsx("div", { className: 'onramp-widget__backdrop', "aria-hidden": 'true', "data-testid": 'onramp-widget-backdrop' }), jsxRuntime.jsx("div", { className: 'onramp-widget__modal', children: jsxRuntime.jsx("iframe", { id: 'onramp-iframe', src: selectedOnramp.iframeUrl, allow: 'camera *;geolocation *', title: 'Crypto Onramp', ref: setOnrampRef, "data-testid": 'onramp-widget-modal' }) })] }) }));
+    return (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { children: jsxRuntime.jsxs(OpacityTransition.OpacityTransition, { isShown: showOnramp, children: [jsxRuntime.jsx("div", { className: 'onramp-widget__backdrop', "aria-hidden": 'true', "data-testid": 'onramp-widget-backdrop' }), jsxRuntime.jsx("div", { className: 'onramp-widget__modal', children: jsxRuntime.jsx("iframe", { id: 'onramp-iframe', src: selectedOnramp.url, allow: 'camera *;geolocation *', title: 'Crypto Onramp', ref: setOnrampRef, "data-testid": 'onramp-widget-modal' }) })] }) }));
 };
 
 exports.OnrampWidget = OnrampWidget;

package/src/lib/widgets/OnrampWidget/OnrampWidget.d.ts

@@ -1,2 +1,6 @@
 import { type FC } from 'react';
+/**
+ * Widget for displaying iframe-based onramp providers
+ * Note: Popup-based providers (like Coinbase) are handled separately in their onClick handlers
+ */
 export declare const OnrampWidget: FC;

package/src/lib/widgets/OnrampWidget/OnrampWidget.js

@@ -91,14 +91,23 @@ import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 
+/**
+ * Widget for displaying iframe-based onramp providers
+ * Note: Popup-based providers (like Coinbase) are handled separately in their onClick handlers
+ */
 const OnrampWidget = () => {
     const { showOnramp, selectedOnramp, onrampEnabled, setShowOnramp } = useOnrampContext();
     const [onrampRef, setOnrampRef] = useState(null);
     useOnClickOutside(onrampRef, () => setShowOnramp(false));
-    if (!onrampEnabled || !(selectedOnramp === null || selectedOnramp === void 0 ? void 0 : selectedOnramp.iframeUrl)) {
+    const shouldRenderWidget = onrampEnabled &&
+        selectedOnramp &&
+        selectedOnramp.openMode === 'iframe' &&
+        selectedOnramp.url;
+    // If onramp is not enabled or there's no selected onramp, don't render anything
+    if (!shouldRenderWidget) {
         return null;
     }
-    return (jsx(ShadowDOM, { children: jsxs(OpacityTransition, { isShown: showOnramp, children: [jsx("div", { className: 'onramp-widget__backdrop', "aria-hidden": 'true', "data-testid": 'onramp-widget-backdrop' }), jsx("div", { className: 'onramp-widget__modal', children: jsx("iframe", { id: 'onramp-iframe', src: selectedOnramp.iframeUrl, allow: 'camera *;geolocation *', title: 'Crypto Onramp', ref: setOnrampRef, "data-testid": 'onramp-widget-modal' }) })] }) }));
+    return (jsx(ShadowDOM, { children: jsxs(OpacityTransition, { isShown: showOnramp, children: [jsx("div", { className: 'onramp-widget__backdrop', "aria-hidden": 'true', "data-testid": 'onramp-widget-backdrop' }), jsx("div", { className: 'onramp-widget__modal', children: jsx("iframe", { id: 'onramp-iframe', src: selectedOnramp.url, allow: 'camera *;geolocation *', title: 'Crypto Onramp', ref: setOnrampRef, "data-testid": 'onramp-widget-modal' }) })] }) }));
 };
 
 export { OnrampWidget };

package/src/lib/utils/functions/coinbaseOnramp/formatCoinbaseOnrampUrl.cjs

@@ -1,27 +0,0 @@
-'use client'
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const formatCoinbaseOnrampUrl = (url, wallet) => {
-    if (wallet) {
-        const networks = wallet.connector.getEnabledNetworks();
-        if (!networks || networks.length === 0) {
-            return url;
-        }
-        const filteredNetworks = networks.filter((network) => !network.isTestnet);
-        const onlyKeys = filteredNetworks
-            .filter((network) => Boolean(network.key)) // filter out networks without keys
-            .map((network) => network.key);
-        const addressesObj = {
-            [wallet.address]: onlyKeys,
-        };
-        const baseUrl = new URL(url);
-        // Construct the URL with the raw query parameters
-        const finalUrl = `${baseUrl.origin}${baseUrl.pathname}?appId=${baseUrl.searchParams.get('appId')}&addresses=${encodeURIComponent(JSON.stringify(addressesObj))}`;
-        return finalUrl;
-    }
-    return url;
-};
-
-exports.formatCoinbaseOnrampUrl = formatCoinbaseOnrampUrl;

package/src/lib/utils/functions/coinbaseOnramp/formatCoinbaseOnrampUrl.d.ts

@@ -1,2 +0,0 @@
-import type { Wallet } from '@dynamic-labs/wallet-connector-core';
-export declare const formatCoinbaseOnrampUrl: (url: string, wallet: Wallet) => string;

package/src/lib/utils/functions/coinbaseOnramp/formatCoinbaseOnrampUrl.js

@@ -1,23 +0,0 @@
-'use client'
-const formatCoinbaseOnrampUrl = (url, wallet) => {
-    if (wallet) {
-        const networks = wallet.connector.getEnabledNetworks();
-        if (!networks || networks.length === 0) {
-            return url;
-        }
-        const filteredNetworks = networks.filter((network) => !network.isTestnet);
-        const onlyKeys = filteredNetworks
-            .filter((network) => Boolean(network.key)) // filter out networks without keys
-            .map((network) => network.key);
-        const addressesObj = {
-            [wallet.address]: onlyKeys,
-        };
-        const baseUrl = new URL(url);
-        // Construct the URL with the raw query parameters
-        const finalUrl = `${baseUrl.origin}${baseUrl.pathname}?appId=${baseUrl.searchParams.get('appId')}&addresses=${encodeURIComponent(JSON.stringify(addressesObj))}`;
-        return finalUrl;
-    }
-    return url;
-};
-
-export { formatCoinbaseOnrampUrl };

package/src/lib/utils/functions/coinbaseOnramp/index.d.ts

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