@dynamic-labs/sdk-react-core 4.9.1-preview.0 → 4.9.2-preview.0

package/CHANGELOG.md

@@ -1,11 +1,22 @@
 
-### [4.9.1-preview.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.9.0...v4.9.1-preview.0) (2025-03-07)
+### [4.9.2-preview.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.9.1...v4.9.2-preview.0) (2025-03-11)
+
+### [4.9.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.9.0...v4.9.1) (2025-03-11)
+
+
+### Features
+
+* waas svm connector ([#8191](https://github.com/dynamic-labs/dynamic-auth/issues/8191)) ([049a360](https://github.com/dynamic-labs/dynamic-auth/commit/049a360642d6aa2122676c7a29d36a7baef9e49b))
 
 
 ### Bug Fixes
 
 * 7702 on sepolia ([#8242](https://github.com/dynamic-labs/dynamic-auth/issues/8242)) ([8e1c63f](https://github.com/dynamic-labs/dynamic-auth/commit/8e1c63f240024f419e12787636dd2ebaacf8da94))
-* embedded widget race condition that would show both embedded and non-embedded widgets at the same time ([8a52778](https://github.com/dynamic-labs/dynamic-auth/commit/8a5277888489e03871532331760c197aa6216495))
+* close auth flow when promptExport enabled but createWallet is false ([#8239](https://github.com/dynamic-labs/dynamic-auth/issues/8239)) ([f82429f](https://github.com/dynamic-labs/dynamic-auth/commit/f82429f85e729a76c2516f0db112033fdd2a36d5))
+* fix solana genesis hashes bug that was causing a breaking change ([#8250](https://github.com/dynamic-labs/dynamic-auth/issues/8250)) ([731c93b](https://github.com/dynamic-labs/dynamic-auth/commit/731c93bea4b8b95caa8cc665f2ecb53f9948ef8e))
+* move setup-inside-iframe utility method to the utils package ([#8256](https://github.com/dynamic-labs/dynamic-auth/issues/8256)) ([d34eb6d](https://github.com/dynamic-labs/dynamic-auth/commit/d34eb6d211baecb496b84fefaee8179a5fb1b52a))
+* **QNTM-2952:** support headless social sign in ([#8226](https://github.com/dynamic-labs/dynamic-auth/issues/8226)) ([0c3082d](https://github.com/dynamic-labs/dynamic-auth/commit/0c3082d593c633519c9eed20be15186f18f65c09))
+* sign message with trust wallet on solana ([#8249](https://github.com/dynamic-labs/dynamic-auth/issues/8249)) ([99a7917](https://github.com/dynamic-labs/dynamic-auth/commit/99a791796f7d2c83b9f18e45367aa9689c67869d))
 
 ## [4.9.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.8.6...v4.9.0) (2025-03-07)
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.9.1-preview.0";
+var version = "4.9.2-preview.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.638",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.9.1-preview.0";
+var version = "4.9.2-preview.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.638",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.9.1-preview.0",
+  "version": "4.9.2-preview.0",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.638",
     "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -14,16 +14,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.9.1-preview.0",
-    "@dynamic-labs/iconic": "4.9.1-preview.0",
-    "@dynamic-labs/logger": "4.9.1-preview.0",
-    "@dynamic-labs/multi-wallet": "4.9.1-preview.0",
-    "@dynamic-labs/rpc-providers": "4.9.1-preview.0",
-    "@dynamic-labs/store": "4.9.1-preview.0",
-    "@dynamic-labs/types": "4.9.1-preview.0",
-    "@dynamic-labs/utils": "4.9.1-preview.0",
-    "@dynamic-labs/wallet-book": "4.9.1-preview.0",
-    "@dynamic-labs/wallet-connector-core": "4.9.1-preview.0",
+    "@dynamic-labs/assert-package-version": "4.9.2-preview.0",
+    "@dynamic-labs/iconic": "4.9.2-preview.0",
+    "@dynamic-labs/logger": "4.9.2-preview.0",
+    "@dynamic-labs/multi-wallet": "4.9.2-preview.0",
+    "@dynamic-labs/rpc-providers": "4.9.2-preview.0",
+    "@dynamic-labs/store": "4.9.2-preview.0",
+    "@dynamic-labs/types": "4.9.2-preview.0",
+    "@dynamic-labs/utils": "4.9.2-preview.0",
+    "@dynamic-labs/wallet-book": "4.9.2-preview.0",
+    "@dynamic-labs/wallet-connector-core": "4.9.2-preview.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -177,6 +177,7 @@ var getNetwork = require('./lib/utils/functions/getNetwork/getNetwork.cjs');
 var useFunding = require('./lib/utils/hooks/useFunding/useFunding.cjs');
 var useOnramp = require('./lib/utils/hooks/useOnramp/useOnramp.cjs');
 var useOpenFundingOptions = require('./lib/utils/hooks/useOpenFundingOptions/useOpenFundingOptions.cjs');
+var coinbase = require('./lib/utils/functions/onrampProviders/coinbase.cjs');
 var SendBalanceContext = require('./lib/context/SendBalanceContext/SendBalanceContext.cjs');
 require('./lib/context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('./lib/context/ConnectWithOtpContext/constants.cjs');
@@ -305,6 +306,7 @@ exports.getNetwork = getNetwork.getNetwork;
 exports.useFunding = useFunding.useFunding;
 exports.useOnramp = useOnramp.useOnramp;
 exports.useOpenFundingOptions = useOpenFundingOptions.useOpenFundingOptions;
+exports.formatCoinbaseOnrampUrl = coinbase.formatCoinbaseOnrampUrl;
 exports.useSendBalance = SendBalanceContext.useSendBalance;
 exports.useConnectWithOtp = useConnectWithOtp.useConnectWithOtp;
 exports.useSwitchNetwork = useSwitchNetwork.useSwitchNetwork;

package/src/index.d.ts

@@ -92,9 +92,9 @@ export {
 MockContextProvider, } from './lib/context/MockContext';
 export { getDefaultColor, getThemeConfig, themesData, } from './lib/context/ThemeContext/themesData';
 /** @deprecated */
-export { 
+export type { 
 /** @deprecated */
-type ViewType, } from './lib/context/ViewContext';
+ViewType, } from './lib/context/ViewContext';
 export type { NotSupportedError, SandboxMaximumThresholdReachedError, NoAccessError, ChainalysisError, EmailAlreadyExistsError, UsernameAlreadyExistsError, SocialAccountAlreadyExistsError, WalletNotDeployedError, WalletUsedError, EmailVerificationError, AccountExistsError, InvalidPhoneNumberError, } from '@dynamic-labs/utils';
 export type { WalletConnector, Chain, } from '@dynamic-labs/wallet-connector-core';
 export type { EvmNetwork, PhoneData, OtpDestination, UserProfile, 
@@ -103,7 +103,7 @@ AuthOptions as AuthOption, AuthOptions,
 /** @deprecated use AuthMethod instead */
 AuthMethod as AuthType, AuthMethod, } from '@dynamic-labs/types';
 export { publicDynamicEvents as dynamicEvents } from './lib/events/dynamicEvents';
-export { type UserWalletsChangedParams } from './lib/events';
+export type { UserWalletsChangedParams } from './lib/events';
 export { mergeNetworks } from './lib/utils/functions/mergeNetworks';
 export { overrideNetworkRpcUrl } from './lib/utils/functions/overrideNetworkRpcUrl';
 export { 
@@ -121,6 +121,7 @@ useFunding, } from './lib/utils/hooks/useFunding';
 export { useOnramp } from './lib/utils/hooks/useOnramp';
 export { useOpenFundingOptions } from './lib/utils/hooks/useOpenFundingOptions';
 export { useFundWithWallet } from './lib/utils/hooks/useFundWithWallet';
+export { formatCoinbaseOnrampUrl } from './lib/utils/functions/onrampProviders';
 export { useUserUpdateRequest, useWalletConnectorEvent, } from './lib/utils/hooks';
 export { type VerifyOtp, useOtpVerificationRequest, } from './lib/utils/hooks/authenticationHooks/';
 export type { UpdateUserFieldsArg } from './lib/utils/hooks/';

package/src/index.js

@@ -173,6 +173,7 @@ export { getNetwork } from './lib/utils/functions/getNetwork/getNetwork.js';
 export { useFunding } from './lib/utils/hooks/useFunding/useFunding.js';
 export { useOnramp } from './lib/utils/hooks/useOnramp/useOnramp.js';
 export { useOpenFundingOptions } from './lib/utils/hooks/useOpenFundingOptions/useOpenFundingOptions.js';
+export { formatCoinbaseOnrampUrl } from './lib/utils/functions/onrampProviders/coinbase.js';
 export { useSendBalance } from './lib/context/SendBalanceContext/SendBalanceContext.js';
 import './lib/context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import './lib/context/ConnectWithOtpContext/constants.js';

package/src/lib/components/NetworkPicker/components/NetworkDropdown/NetworkDropdown.cjs

@@ -6,14 +6,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 var MenuList = require('../../../MenuList/MenuList/MenuList.cjs');
 var NetworkAction = require('../NetworkAction/NetworkAction.cjs');
 var isNetworkUnsupported = require('../../../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.cjs');
+var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
@@ -23,6 +24,13 @@ require('../../../../shared/consts/index.cjs');
 
 const NetworkDropdown = ({ anchorRef, connector, customCallbackOnSuccess, setIsNetworkPickerOpen, isNetworkPickerOpen, currentNetwork, className, checkboxClassName, }) => {
     const [newNetworkId, setNewNetworkId] = React.useState(undefined);
+    const { data: wcSupportedWalletNetworks } = usePromise.usePromise(() => walletConnectorCore.isWalletConnectConnector(connector)
+        ? connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks()
+        : Promise.resolve(undefined), {
+        deps: [connector, isNetworkPickerOpen],
+        enabled: connector.isWalletConnect,
+        initialData: undefined,
+    });
     if (!connector) {
         return null;
     }
@@ -52,7 +60,8 @@ const NetworkDropdown = ({ anchorRef, connector, customCallbackOnSuccess, setIsN
     return (jsxRuntime.jsx(MenuList.MenuList, { className: className, isOpen: isNetworkPickerOpen, onClickClose: () => setIsNetworkPickerOpen(false), popperProps: {
             anchorOrigin: 'bottom-left',
             anchorRef,
-        }, mobileTitle: 'Select network', children: enabledNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsxRuntime.jsx(NetworkAction.NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: currentNetwork, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId }, networkId))) }));
+        }, mobileTitle: 'Select network', children: enabledNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsxRuntime.jsx(NetworkAction.NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: currentNetwork, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId, notSupported: wcSupportedWalletNetworks &&
+                !wcSupportedWalletNetworks.includes(`${networkId}`) }, networkId))) }));
 };
 
 exports.NetworkDropdown = NetworkDropdown;

package/src/lib/components/NetworkPicker/components/NetworkDropdown/NetworkDropdown.js

@@ -2,14 +2,15 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
+import { isWalletConnectConnector } from '@dynamic-labs/wallet-connector-core';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import { MenuList } from '../../../MenuList/MenuList/MenuList.js';
 import { NetworkAction } from '../NetworkAction/NetworkAction.js';
 import { isNetworkUnsupported } from '../../../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.js';
+import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
@@ -19,6 +20,13 @@ import '../../../../shared/consts/index.js';
 
 const NetworkDropdown = ({ anchorRef, connector, customCallbackOnSuccess, setIsNetworkPickerOpen, isNetworkPickerOpen, currentNetwork, className, checkboxClassName, }) => {
     const [newNetworkId, setNewNetworkId] = useState(undefined);
+    const { data: wcSupportedWalletNetworks } = usePromise(() => isWalletConnectConnector(connector)
+        ? connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks()
+        : Promise.resolve(undefined), {
+        deps: [connector, isNetworkPickerOpen],
+        enabled: connector.isWalletConnect,
+        initialData: undefined,
+    });
     if (!connector) {
         return null;
     }
@@ -48,7 +56,8 @@ const NetworkDropdown = ({ anchorRef, connector, customCallbackOnSuccess, setIsN
     return (jsx(MenuList, { className: className, isOpen: isNetworkPickerOpen, onClickClose: () => setIsNetworkPickerOpen(false), popperProps: {
             anchorOrigin: 'bottom-left',
             anchorRef,
-        }, mobileTitle: 'Select network', children: enabledNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsx(NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: currentNetwork, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId }, networkId))) }));
+        }, mobileTitle: 'Select network', children: enabledNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsx(NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: currentNetwork, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId, notSupported: wcSupportedWalletNetworks &&
+                !wcSupportedWalletNetworks.includes(`${networkId}`) }, networkId))) }));
 };
 
 export { NetworkDropdown };

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

@@ -4,11 +4,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var iconic = require('@dynamic-labs/iconic');
 require('@dynamic-labs/utils');
 require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../Alert/Alert.cjs');
-require('react');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
@@ -115,9 +115,15 @@ const UserProfileSocialAccount = ({ provider, }) => {
     const isActiveCredential = !primaryWallet &&
         connectedAccountInfo &&
         (connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.id) === (user === null || user === void 0 ? void 0 : user.lastVerifiedCredentialId);
-    const renderButton = () => (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'user-profile-social-account__button', buttonVariant: 'secondary', buttonPadding: 'none', onClick: () => isProviderLinked
-            ? unlinkSocialAccount(provider)
-            : linkSocialAccount(provider), loading: isProcessing, dataTestId: `social-account-${isProviderLinked ? 'disconnect' : 'connect'}-button`, typographyProps: {
+    const handleSocialAccountButton = React.useCallback(() => {
+        if (isProviderLinked) {
+            unlinkSocialAccount(provider);
+        }
+        else {
+            linkSocialAccount(provider, { showWidgetAfterConnection: true });
+        }
+    }, [isProviderLinked, linkSocialAccount, provider, unlinkSocialAccount]);
+    const renderButton = () => (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'user-profile-social-account__button', buttonVariant: 'secondary', buttonPadding: 'none', onClick: handleSocialAccountButton, loading: isProcessing, dataTestId: `social-account-${isProviderLinked ? 'disconnect' : 'connect'}-button`, typographyProps: {
             color: 'secondary',
             variant: 'button_tertiary',
         }, startSlot: 

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

@@ -1,10 +1,10 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
 import { SocialIcon } from '@dynamic-labs/iconic';
 import '@dynamic-labs/utils';
 import '../../../Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../Alert/Alert.js';
-import 'react';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
@@ -111,9 +111,15 @@ const UserProfileSocialAccount = ({ provider, }) => {
     const isActiveCredential = !primaryWallet &&
         connectedAccountInfo &&
         (connectedAccountInfo === null || connectedAccountInfo === void 0 ? void 0 : connectedAccountInfo.id) === (user === null || user === void 0 ? void 0 : user.lastVerifiedCredentialId);
-    const renderButton = () => (jsx(TypographyButton, { buttonClassName: 'user-profile-social-account__button', buttonVariant: 'secondary', buttonPadding: 'none', onClick: () => isProviderLinked
-            ? unlinkSocialAccount(provider)
-            : linkSocialAccount(provider), loading: isProcessing, dataTestId: `social-account-${isProviderLinked ? 'disconnect' : 'connect'}-button`, typographyProps: {
+    const handleSocialAccountButton = useCallback(() => {
+        if (isProviderLinked) {
+            unlinkSocialAccount(provider);
+        }
+        else {
+            linkSocialAccount(provider, { showWidgetAfterConnection: true });
+        }
+    }, [isProviderLinked, linkSocialAccount, provider, unlinkSocialAccount]);
+    const renderButton = () => (jsx(TypographyButton, { buttonClassName: 'user-profile-social-account__button', buttonVariant: 'secondary', buttonPadding: 'none', onClick: handleSocialAccountButton, loading: isProcessing, dataTestId: `social-account-${isProviderLinked ? 'disconnect' : 'connect'}-button`, typographyProps: {
             color: 'secondary',
             variant: 'button_tertiary',
         }, startSlot: 

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

@@ -291,7 +291,7 @@ const InnerDynamicContextProvider = (props) => {
     // which are only available further down and have would have circular dependencies
     const [requiredWalletsConnected, setRequiredWalletsConnected] = React.useState(false);
     const isUserAuthenticated = Boolean(authMode === 'connect-and-sign' ? user$1 : requiredWalletsConnected);
-    const [isRenderingEmbeddedAuthFlow, setIsRenderingEmbeddedAuthFlow] = React.useState(false);
+    const isRenderingEmbeddedAuthFlow = React.useRef(false);
     const [showAuthFlow, setShowAuthFlow] = useShowAuthFlow.useShowAuthFlow({
         isAuthenticated: isUserAuthenticated,
         isMultiWalletEnabled: multiWallet,
@@ -560,7 +560,6 @@ const InnerDynamicContextProvider = (props) => {
             setBridgeOnboardingCompleted,
             setCallback,
             setDesktopUri,
-            setIsRenderingEmbeddedAuthFlow,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
             setLogInWithEmail,
@@ -637,7 +636,6 @@ const InnerDynamicContextProvider = (props) => {
         handlers,
         i18nSDKInstance,
         isBridgeFlow,
-        isRenderingEmbeddedAuthFlow,
         isSingleWalletAccount,
         legacyIsVerifying,
         linkedWallets,

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { createContext, useState, useMemo, useEffect, useCallback } from 'react';
+import { createContext, useState, useMemo, useRef, useEffect, useCallback } from 'react';
 import { I18nextProvider } from 'react-i18next';
 import { getIconicSpriteUrl } from '@dynamic-labs/iconic';
 import { Logger } from '@dynamic-labs/logger';
@@ -287,7 +287,7 @@ const InnerDynamicContextProvider = (props) => {
     // which are only available further down and have would have circular dependencies
     const [requiredWalletsConnected, setRequiredWalletsConnected] = useState(false);
     const isUserAuthenticated = Boolean(authMode === 'connect-and-sign' ? user : requiredWalletsConnected);
-    const [isRenderingEmbeddedAuthFlow, setIsRenderingEmbeddedAuthFlow] = useState(false);
+    const isRenderingEmbeddedAuthFlow = useRef(false);
     const [showAuthFlow, setShowAuthFlow] = useShowAuthFlow({
         isAuthenticated: isUserAuthenticated,
         isMultiWalletEnabled: multiWallet,
@@ -556,7 +556,6 @@ const InnerDynamicContextProvider = (props) => {
             setBridgeOnboardingCompleted,
             setCallback,
             setDesktopUri,
-            setIsRenderingEmbeddedAuthFlow,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
             setLogInWithEmail,
@@ -633,7 +632,6 @@ const InnerDynamicContextProvider = (props) => {
         handlers,
         i18nSDKInstance,
         isBridgeFlow,
-        isRenderingEmbeddedAuthFlow,
         isSingleWalletAccount,
         legacyIsVerifying,
         linkedWallets,

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

@@ -43,7 +43,7 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
             dynamicEvents.dynamicEvents.emit('authFlowClose');
         }
         if (value) {
-            if (ignoreIfIsEmbeddedWidget && isRenderingEmbeddedAuthFlow)
+            if (ignoreIfIsEmbeddedWidget && isRenderingEmbeddedAuthFlow.current)
                 return;
             if (performMultiWalletChecks && isAuthenticated) {
                 if (!isMultiWalletEnabled) {

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

@@ -39,7 +39,7 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
             dynamicEvents.emit('authFlowClose');
         }
         if (value) {
-            if (ignoreIfIsEmbeddedWidget && isRenderingEmbeddedAuthFlow)
+            if (ignoreIfIsEmbeddedWidget && isRenderingEmbeddedAuthFlow.current)
                 return;
             if (performMultiWalletChecks && isAuthenticated) {
                 if (!isMultiWalletEnabled) {

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

@@ -1,4 +1,4 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
 import { changeLanguage } from 'i18next';
 import { CountryIso2 } from 'react-international-phone';
 import { NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api-core';
@@ -64,7 +64,7 @@ export interface IDynamicContext {
     handlers?: DynamicHandlers;
     isBridgeFlow: boolean;
     /** Whether there is an instance of DynamicEmbeddedAuthFlow being rendered */
-    isRenderingEmbeddedAuthFlow: boolean;
+    isRenderingEmbeddedAuthFlow: MutableRefObject<boolean>;
     isSingleWalletAccount: boolean;
     /**
      * Legacy boolean flag used in useVerifyOnAwaitingSignature. Used to be called "isVerifying"
@@ -80,7 +80,6 @@ export interface IDynamicContext {
     loginWithEmail: boolean;
     selectedTabIndex: number;
     selectedTabSettings: WalletListViewTabItem | undefined;
-    setIsRenderingEmbeddedAuthFlow: Dispatch<SetStateAction<boolean>>;
     tabsItems: WalletListViewTabItem[] | undefined;
     setSelectedTabIndex: Dispatch<SetStateAction<number>>;
     multiAsset: boolean;

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

@@ -28,16 +28,23 @@ export type OnrampOption = {
      */
     id: string;
     /**
-     * (optional) The iframe URL of the onramp provider to be displayed in UI
-     * If provided, the SDK will use this iframe URL to display the onramp provider in the UI
-     * and will ignore the `onClick` handler
+     * The URL of the onramp provider
+     * For iframe mode, this is displayed directly in the UI
+     * For popup mode, this is opened in a new window when the provider is selected
      * Example: "https://widget.coinbase.com/iframe/onramp?apiKey=YOUR_API_KEY&walletAddress=YOUR_WALLET_ADDRESS"
      */
-    iframeUrl?: string;
+    url?: string;
+    /**
+     * The display mode for the onramp provider
+     * 'iframe' - The provider will be displayed in an iframe within the UI
+     * 'popup' - The provider will be opened in a new window when selected
+     * @default 'iframe'
+     */
+    openMode?: 'iframe' | 'popup';
     /**
      * The onClick handler for when the onramp provider is selected
      * takes the primary wallet as an argument
-     * It will be ignored if `iframeUrl` is provided
+     * It will be ignored if in iframe mode with a URL provided
      */
     onClick: ({ wallet }: {
         wallet: Wallet;

package/src/lib/context/OnrampContext/useEnabledOnrampProviders/useEnabledOnrampProviders.cjs

@@ -10,6 +10,7 @@ var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var getWalletAdditionalAddressByType = require('../../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.cjs');
 var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
 var onramp = require('../../../data/api/onramp/onramp.cjs');
+var coinbase = require('../../../utils/functions/onrampProviders/coinbase.cjs');
 
 const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, projectSettingsOnramps, target, }) => {
     var _a;
@@ -20,6 +21,10 @@ const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, proj
         walletConnectorCore.isBitcoinConnector(primaryWallet.connector) &&
         getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.Payment, primaryWallet);
     const chainHasNetwork = network && chainName === 'evm';
+    const nonTestnetNetworks = primaryWallet
+        ? coinbase.getEnabledNonTestnetNetworks(primaryWallet)
+        : [];
+    const hasNonTestnetNetworks = nonTestnetNetworks.length > 0;
     const { data: onrampProviders } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!chainName || !(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address))
             return [];
@@ -42,7 +47,19 @@ const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, proj
         enabled: Boolean(projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.length),
         initialData: [],
     });
-    return React.useMemo(() => onrampProviders.filter((p) => projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.includes(p.provider)), [onrampProviders, projectSettingsOnramps]);
+    return React.useMemo(() => {
+        const filteredProviders = onrampProviders
+            .filter((p) => projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.includes(p.provider))
+            .filter((p) => {
+            // Only apply network filtering to Coinbase
+            if (p.provider === sdkApiCore.ProviderEnum.CoinbaseOnramp) {
+                return hasNonTestnetNetworks;
+            }
+            // Always show other providers (like Banxa)
+            return true;
+        });
+        return filteredProviders;
+    }, [onrampProviders, projectSettingsOnramps, hasNonTestnetNetworks]);
 };
 
 exports.useEnabledOnrampProviders = useEnabledOnrampProviders;

package/src/lib/context/OnrampContext/useEnabledOnrampProviders/useEnabledOnrampProviders.d.ts

@@ -1,5 +1,5 @@
-import { Wallet } from '@dynamic-labs/wallet-connector-core';
-import { OnrampConfiguration, OnrampProviders } from '@dynamic-labs/sdk-api-core';
+import { type Wallet } from '@dynamic-labs/wallet-connector-core';
+import { type OnrampConfiguration, type OnrampProviders } from '@dynamic-labs/sdk-api-core';
 export type EnabledOnrampProvidersTarget = {
     address?: string;
     token?: string;

package/src/lib/context/OnrampContext/useEnabledOnrampProviders/useEnabledOnrampProviders.js

@@ -2,10 +2,11 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useMemo } from 'react';
 import { getChainInfo, isBitcoinConnector } from '@dynamic-labs/wallet-connector-core';
-import { WalletAddressType } from '@dynamic-labs/sdk-api-core';
+import { WalletAddressType, ProviderEnum } from '@dynamic-labs/sdk-api-core';
 import { getWalletAdditionalAddressByType } from '../../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.js';
 import { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
 import { getOnrampProviders } from '../../../data/api/onramp/onramp.js';
+import { getEnabledNonTestnetNetworks } from '../../../utils/functions/onrampProviders/coinbase.js';
 
 const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, projectSettingsOnramps, target, }) => {
     var _a;
@@ -16,6 +17,10 @@ const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, proj
         isBitcoinConnector(primaryWallet.connector) &&
         getWalletAdditionalAddressByType(WalletAddressType.Payment, primaryWallet);
     const chainHasNetwork = network && chainName === 'evm';
+    const nonTestnetNetworks = primaryWallet
+        ? getEnabledNonTestnetNetworks(primaryWallet)
+        : [];
+    const hasNonTestnetNetworks = nonTestnetNetworks.length > 0;
     const { data: onrampProviders } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
         if (!chainName || !(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address))
             return [];
@@ -38,7 +43,19 @@ const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, proj
         enabled: Boolean(projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.length),
         initialData: [],
     });
-    return useMemo(() => onrampProviders.filter((p) => projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.includes(p.provider)), [onrampProviders, projectSettingsOnramps]);
+    return useMemo(() => {
+        const filteredProviders = onrampProviders
+            .filter((p) => projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.includes(p.provider))
+            .filter((p) => {
+            // Only apply network filtering to Coinbase
+            if (p.provider === ProviderEnum.CoinbaseOnramp) {
+                return hasNonTestnetNetworks;
+            }
+            // Always show other providers (like Banxa)
+            return true;
+        });
+        return filteredProviders;
+    }, [onrampProviders, projectSettingsOnramps, hasNonTestnetNetworks]);
 };
 
 export { useEnabledOnrampProviders };

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.cjs

@@ -112,7 +112,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
         setSocialProvider(socialSignInProvider);
         clearStackAndPush('social-redirect-view');
         // Only open the auth flow when the embedded widget is not rendered
-        if (!isRenderingEmbeddedAuthFlow) {
+        if (!isRenderingEmbeddedAuthFlow.current) {
             setShowAuthFlow(true);
         }
     }, [
@@ -121,10 +121,6 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
         isRenderingEmbeddedAuthFlow,
         setShowAuthFlow,
     ]);
-    const updateInterfaceStateForLink = React.useCallback(() => {
-        setDynamicWidgetView('profile');
-        setShowDynamicUserProfile(true);
-    }, [setDynamicWidgetView, setShowDynamicUserProfile]);
     useEffectOnce.useEffectOnce(() => {
         // Do not run on server side
         if (isSSR.isSSR())
@@ -161,7 +157,11 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
                 logger.logger.error(new utils.DynamicError('User not logged in'));
                 return;
             }
-            updateInterfaceStateForLink();
+            // Link was called from the widget, so show the profile on redirect
+            if (socialStorageItem.showWidgetAfterConnection) {
+                setDynamicWidgetView('profile');
+                setShowDynamicUserProfile(true);
+            }
         }
         yield completeConnection({
             authCode: socialStorageItem.code,

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.js

@@ -108,7 +108,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
         setSocialProvider(socialSignInProvider);
         clearStackAndPush('social-redirect-view');
         // Only open the auth flow when the embedded widget is not rendered
-        if (!isRenderingEmbeddedAuthFlow) {
+        if (!isRenderingEmbeddedAuthFlow.current) {
             setShowAuthFlow(true);
         }
     }, [
@@ -117,10 +117,6 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
         isRenderingEmbeddedAuthFlow,
         setShowAuthFlow,
     ]);
-    const updateInterfaceStateForLink = useCallback(() => {
-        setDynamicWidgetView('profile');
-        setShowDynamicUserProfile(true);
-    }, [setDynamicWidgetView, setShowDynamicUserProfile]);
     useEffectOnce(() => {
         // Do not run on server side
         if (isSSR())
@@ -157,7 +153,11 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
                 logger.error(new DynamicError('User not logged in'));
                 return;
             }
-            updateInterfaceStateForLink();
+            // Link was called from the widget, so show the profile on redirect
+            if (socialStorageItem.showWidgetAfterConnection) {
+                setDynamicWidgetView('profile');
+                setShowDynamicUserProfile(true);
+            }
         }
         yield completeConnection({
             authCode: socialStorageItem.code,

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

@@ -8,7 +8,7 @@ var compareChains = require('../compareChains/compareChains.cjs');
 
 const findWalletOptionFor = (account, walletOptions) => {
     const { walletName } = account;
-    if (walletName === 'turnkeyhd') {
+    if (walletName === 'turnkeyhd' || walletName === 'dynamicwaas') {
         const chain = account.chain
             ? values.VerifiedCredentialNameToChainEnum[account.chain]
             : undefined;

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

@@ -4,7 +4,7 @@ import { compareChains } from '../compareChains/compareChains.js';
 
 const findWalletOptionFor = (account, walletOptions) => {
     const { walletName } = account;
-    if (walletName === 'turnkeyhd') {
+    if (walletName === 'turnkeyhd' || walletName === 'dynamicwaas') {
         const chain = account.chain
             ? VerifiedCredentialNameToChainEnum[account.chain]
             : undefined;