@dynamic-labs/sdk-react-core 4.18.5 → 4.18.7

package/CHANGELOG.md

@@ -1,4 +1,38 @@
 
+### [4.18.7](https://github.com/dynamic-labs/dynamic-auth/compare/v4.18.6...v4.18.7) (2025-05-21)
+
+
+### Features
+
+* add zero dev kernel migration to v3.3 ([#8747](https://github.com/dynamic-labs/dynamic-auth/issues/8747)) ([ce10ef8](https://github.com/dynamic-labs/dynamic-auth/commit/ce10ef85d12452c2c21758c909f1e28f9fa5fbae))
+* bump [@dynamic-labs-wallet](https://github.com/dynamic-labs-wallet) to v0.0.74 ([#8746](https://github.com/dynamic-labs/dynamic-auth/issues/8746)) ([98e3a0b](https://github.com/dynamic-labs/dynamic-auth/commit/98e3a0b845e7d6c34a2c748597198825713f4bcf))
+* support kernel versio 0.3.2 and 0.3.3 ([#8738](https://github.com/dynamic-labs/dynamic-auth/issues/8738)) ([1115830](https://github.com/dynamic-labs/dynamic-auth/commit/1115830966318960d39a497c8b29188d9d9a447f))
+* v3 solana confirmation ui ([#8731](https://github.com/dynamic-labs/dynamic-auth/issues/8731)) ([cfa5ba0](https://github.com/dynamic-labs/dynamic-auth/commit/cfa5ba07a946b847e60388c80afbd8aa233e9ebf))
+* v3 svm send balance ([#8726](https://github.com/dynamic-labs/dynamic-auth/issues/8726)) ([236ec48](https://github.com/dynamic-labs/dynamic-auth/commit/236ec4843152f4b720aa7332e650db68c2d111b2))
+
+
+### Bug Fixes
+
+* **alex/qntm-3201:** send empty data field when using zksync sendbalance ([#8733](https://github.com/dynamic-labs/dynamic-auth/issues/8733)) ([4c42035](https://github.com/dynamic-labs/dynamic-auth/commit/4c420350cf7404ac80db8b552594233a3de9fb57))
+* allow for continuing signing if zksync account exists while attempting to deploy ([#8736](https://github.com/dynamic-labs/dynamic-auth/issues/8736)) ([1ff82e4](https://github.com/dynamic-labs/dynamic-auth/commit/1ff82e418e14300b9dec662fba517c5533c1caac))
+* api kernel version on react native extension ([#8754](https://github.com/dynamic-labs/dynamic-auth/issues/8754)) ([c2f0bb4](https://github.com/dynamic-labs/dynamic-auth/commit/c2f0bb4ac86214f4e3bbdac5cf4b481a7a304449))
+* CTRL wallet eip6963 detection ([#8727](https://github.com/dynamic-labs/dynamic-auth/issues/8727)) ([194334f](https://github.com/dynamic-labs/dynamic-auth/commit/194334f7fd541917d9a7f6b452145a47cf7ae853))
+* **QNTM-3249:** fix mobile layout alignment in send view ([#8740](https://github.com/dynamic-labs/dynamic-auth/issues/8740)) ([7d8e02c](https://github.com/dynamic-labs/dynamic-auth/commit/7d8e02c11830f547b6fcfbc7b518ee3f045df41a))
+
+### [4.18.6](https://github.com/dynamic-labs/dynamic-auth/compare/v4.18.5...v4.18.6) (2025-05-16)
+
+
+### Features
+
+* remove alert on wallet icon fail errors ([#8719](https://github.com/dynamic-labs/dynamic-auth/issues/8719)) ([3257160](https://github.com/dynamic-labs/dynamic-auth/commit/3257160ec2ce422e76ccf5e5adc10f92e73c3c61))
+* evm export waas ([#8669](https://github.com/dynamic-labs/dynamic-auth/issues/8669)) ([c8f6199](https://github.com/dynamic-labs/dynamic-auth/commit/c8f6199914c5c0791996e0dfad1ac5642c327bea))
+
+
+### Bug Fixes
+
+* onramps hook ([#8700](https://github.com/dynamic-labs/dynamic-auth/issues/8700)) ([33d0fb5](https://github.com/dynamic-labs/dynamic-auth/commit/33d0fb5e83db627aeea5ce2f07871cd4029c118a))
+* use mainnet as default SVM cluster ([#8721](https://github.com/dynamic-labs/dynamic-auth/issues/8721)) ([5408f9a](https://github.com/dynamic-labs/dynamic-auth/commit/5408f9afbd2b4c6dfaf041c661cc3fb4802b6c05))
+
 ### [4.18.5](https://github.com/dynamic-labs/dynamic-auth/compare/v4.18.4...v4.18.5) (2025-05-15)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.18.5";
+var version = "4.18.7";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.667",
+	"@dynamic-labs/sdk-api-core": "0.0.672",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "4.18.5";
+var version = "4.18.7";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.667",
+	"@dynamic-labs/sdk-api-core": "0.0.672",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.18.5",
+  "version": "4.18.7",
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.667",
+    "@dynamic-labs/sdk-api-core": "0.0.672",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "@thumbmarkjs/thumbmarkjs": "0.16.0",
     "country-list": "2.3.0",
@@ -14,16 +14,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.18.5",
-    "@dynamic-labs/iconic": "4.18.5",
-    "@dynamic-labs/logger": "4.18.5",
-    "@dynamic-labs/multi-wallet": "4.18.5",
-    "@dynamic-labs/rpc-providers": "4.18.5",
-    "@dynamic-labs/store": "4.18.5",
-    "@dynamic-labs/types": "4.18.5",
-    "@dynamic-labs/utils": "4.18.5",
-    "@dynamic-labs/wallet-book": "4.18.5",
-    "@dynamic-labs/wallet-connector-core": "4.18.5",
+    "@dynamic-labs/assert-package-version": "4.18.7",
+    "@dynamic-labs/iconic": "4.18.7",
+    "@dynamic-labs/logger": "4.18.7",
+    "@dynamic-labs/multi-wallet": "4.18.7",
+    "@dynamic-labs/rpc-providers": "4.18.7",
+    "@dynamic-labs/store": "4.18.7",
+    "@dynamic-labs/types": "4.18.7",
+    "@dynamic-labs/utils": "4.18.7",
+    "@dynamic-labs/wallet-book": "4.18.7",
+    "@dynamic-labs/wallet-connector-core": "4.18.7",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var assertPackageVersion = require('@dynamic-labs/assert-package-version');
+var utils = require('@dynamic-labs/utils');
 var _package = require('../package.cjs');
 require('./lib/shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var version = require('./version.cjs');
@@ -31,7 +32,6 @@ var getChainIcon = require('./lib/shared/utils/functions/chain/getChainIcon.cjs'
 var getChainDisplayName = require('./lib/shared/utils/functions/chain/getChainDisplayName.cjs');
 var createWallet = require('./lib/shared/utils/functions/wallet/createWallet.cjs');
 var index = require('./lib/shared/utils/functions/getValueByKey/index.cjs');
-require('@dynamic-labs/utils');
 require('./lib/utils/constants/colors.cjs');
 require('./lib/utils/constants/values.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -186,6 +186,7 @@ var useSwitchNetwork = require('./lib/utils/hooks/useSwitchNetwork/useSwitchNetw
 var ReinitializeContextProvider = require('./lib/context/ReinitializeContext/ReinitializeContextProvider.cjs');
 
 assertPackageVersion.assertPackageVersion('@dynamic-labs/sdk-react-core', _package.version);
+utils.tracing.logEvent('sdk-react-core.initialization', 'script-loaded');
 
 exports.VERSION = version.VERSION;
 exports.getWallets = data.getWallets;

package/src/index.js

@@ -1,5 +1,6 @@
 'use client'
 import { assertPackageVersion } from '@dynamic-labs/assert-package-version';
+import { tracing } from '@dynamic-labs/utils';
 import { version } from '../package.js';
 import './lib/shared/utils/functions/getInitialUrl/getInitialUrl.js';
 export { VERSION } from './version.js';
@@ -27,7 +28,6 @@ export { getChainIcon } from './lib/shared/utils/functions/chain/getChainIcon.js
 export { getChainDisplayName } from './lib/shared/utils/functions/chain/getChainDisplayName.js';
 export { createWallet } from './lib/shared/utils/functions/wallet/createWallet.js';
 export { getValueByKey } from './lib/shared/utils/functions/getValueByKey/index.js';
-import '@dynamic-labs/utils';
 import './lib/utils/constants/colors.js';
 import './lib/utils/constants/values.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -182,3 +182,4 @@ export { useSwitchNetwork } from './lib/utils/hooks/useSwitchNetwork/useSwitchNe
 export { useReinitialize } from './lib/context/ReinitializeContext/ReinitializeContextProvider.js';
 
 assertPackageVersion('@dynamic-labs/sdk-react-core', version);
+tracing.logEvent('sdk-react-core.initialization', 'script-loaded');

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

@@ -1,6 +1,6 @@
 import { FC, MouseEventHandler, ReactNode } from 'react';
 import { BaseButtonProps } from '../BaseButton';
-type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'brand-primary' | 'card';
+type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'brand-primary' | 'card' | 'danger';
 type ButtonPadding = 'small' | 'medium' | 'large' | 'none' | 'default' | 'login-screen-height';
 export declare const defaultButtonVariant: ButtonVariant;
 export type ButtonProps = BaseButtonProps & {

package/src/lib/components/ModalHeader/ModalHeader.cjs

@@ -8,7 +8,7 @@ var React = require('react');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var isGlobalWalletPopup = require('../../shared/utils/functions/isGlobalWalletPopup/isGlobalWalletPopup.cjs');
 
-const ModalHeader = ({ alignContent, children, leading, displayLeading = true, trailing, displayTrailing = true, style, displayBorder, description, }) => {
+const ModalHeader = ({ alignContent, children, leading, displayLeading = true, trailing, displayTrailing = true, style, displayBorder, description, variant = 'default', }) => {
     const hasLeading = displayLeading && leading && React.Children.count(leading);
     const hasTrailing = displayTrailing && trailing && React.Children.count(trailing);
     const trailingClassName = classNames.classNames('modal-header__content__trailing', {
@@ -17,6 +17,7 @@ const ModalHeader = ({ alignContent, children, leading, displayLeading = true, t
     return (jsxRuntime.jsxs("div", { className: classNames.classNames('modal-header', {
             'modal-header--border': displayBorder,
             'modal-header--empty': !hasLeading && !children && !hasTrailing,
+            'modal-header--filled': variant === 'filled',
         }), style: style, children: [jsxRuntime.jsxs("div", { className: classNames.classNames('modal-header__content', alignContent &&
                     `modal-header__content--align-content-${alignContent}`), children: [displayLeading && (jsxRuntime.jsx("div", { className: classNames.classNames('modal-header__content__leading', {
                             'modal-header__content__leading--empty': !hasLeading,

package/src/lib/components/ModalHeader/ModalHeader.js

@@ -4,7 +4,7 @@ import { Children } from 'react';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { isGlobalWalletPopup } from '../../shared/utils/functions/isGlobalWalletPopup/isGlobalWalletPopup.js';
 
-const ModalHeader = ({ alignContent, children, leading, displayLeading = true, trailing, displayTrailing = true, style, displayBorder, description, }) => {
+const ModalHeader = ({ alignContent, children, leading, displayLeading = true, trailing, displayTrailing = true, style, displayBorder, description, variant = 'default', }) => {
     const hasLeading = displayLeading && leading && Children.count(leading);
     const hasTrailing = displayTrailing && trailing && Children.count(trailing);
     const trailingClassName = classNames('modal-header__content__trailing', {
@@ -13,6 +13,7 @@ const ModalHeader = ({ alignContent, children, leading, displayLeading = true, t
     return (jsxs("div", { className: classNames('modal-header', {
             'modal-header--border': displayBorder,
             'modal-header--empty': !hasLeading && !children && !hasTrailing,
+            'modal-header--filled': variant === 'filled',
         }), style: style, children: [jsxs("div", { className: classNames('modal-header__content', alignContent &&
                     `modal-header__content--align-content-${alignContent}`), children: [displayLeading && (jsx("div", { className: classNames('modal-header__content__leading', {
                             'modal-header__content__leading--empty': !hasLeading,

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

@@ -1,8 +1,9 @@
 import { CSSProperties, ReactElement, ReactNode } from 'react';
+export type ModalHeaderVariant = 'default' | 'filled';
 export type ModalHeaderProps = {
     alignContent?: 'bottom';
     children?: ReactNode;
-    leading?: ReactElement | ReactElement[];
+    leading?: ReactNode;
     displayLeading?: boolean;
     positionAbsolute?: boolean;
     trailing?: ReactNode;
@@ -10,5 +11,6 @@ export type ModalHeaderProps = {
     style?: CSSProperties;
     displayBorder?: boolean;
     description?: ReactNode;
+    variant?: ModalHeaderVariant;
 };
 export type ModalHeaderComponent = (props: ModalHeaderProps) => ReactElement;

package/src/lib/components/TypographyButton/TypographyButton.cjs

@@ -12,6 +12,7 @@ var classNames = require('../../utils/functions/classNames/classNames.cjs');
 const defaultTypographyVariantMap = {
     'brand-primary': 'button_primary',
     card: 'body_normal',
+    danger: 'button_primary',
     primary: 'button_primary',
     secondary: 'button_secondary',
     tertiary: 'button_tertiary',
@@ -19,6 +20,7 @@ const defaultTypographyVariantMap = {
 const defaultTypographyColorMap = {
     'brand-primary': 'primary',
     card: 'primary',
+    danger: 'white',
     primary: 'primary',
     secondary: 'primary',
     tertiary: 'secondary',

package/src/lib/components/TypographyButton/TypographyButton.js

@@ -8,6 +8,7 @@ import { classNames } from '../../utils/functions/classNames/classNames.js';
 const defaultTypographyVariantMap = {
     'brand-primary': 'button_primary',
     card: 'body_normal',
+    danger: 'button_primary',
     primary: 'button_primary',
     secondary: 'button_secondary',
     tertiary: 'button_tertiary',
@@ -15,6 +16,7 @@ const defaultTypographyVariantMap = {
 const defaultTypographyColorMap = {
     'brand-primary': 'primary',
     card: 'primary',
+    danger: 'white',
     primary: 'primary',
     secondary: 'primary',
     tertiary: 'secondary',

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

@@ -212,6 +212,12 @@ const InnerDynamicContextProvider = (props) => {
     const [showBridgeWidget, setShowBridgeWidget] = React.useState(false);
     const [isSingleWalletAccount, setIsSingleWalletAccount] = React.useState(false);
     const { user: user$1, userWithMissingInfo } = user.useUser();
+    if (user$1) {
+        logger.Logger.globalMetaData.set('user', user$1);
+    }
+    else {
+        logger.Logger.globalMetaData.set('user', undefined);
+    }
     // Calculates and stores a device fingerprint
     useDeviceFingerprint.useDeviceFingerprint();
     const isAuthenticated = Boolean(user$1);
@@ -334,6 +340,7 @@ const InnerDynamicContextProvider = (props) => {
         connectors: walletConnectors,
     });
     const removeSessionStorageSessionKeys = () => {
+        utils.tracing.logEvent('session-key', 'removeSessionStorageSessionKeys');
         utils.StorageService.removeItem(localStorage.SECURE_ENCLAVE_WALLET_SESSION_KEYS, localStorage.SECURE_ENCLAVE_WALLET_SESSION_KEYS_STORAGE_OPTIONS);
         walletConnectors.forEach((connector) => {
             if (walletConnectorCore.isSessionKeyCompatibleWalletConnector(connector) &&

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

@@ -5,7 +5,7 @@ import { createContext, useEffect, useState, useMemo, useCallback } from 'react'
 import { I18nextProvider } from 'react-i18next';
 import { getIconicSpriteUrl } from '@dynamic-labs/iconic';
 import { Logger } from '@dynamic-labs/logger';
-import { MissingEnvironmentIdError, getEnvVarWithFallback, StorageService } from '@dynamic-labs/utils';
+import { MissingEnvironmentIdError, getEnvVarWithFallback, StorageService, tracing } from '@dynamic-labs/utils';
 import { useWalletBookCdn, getWalletBookCdnUrl, WalletBookContextProvider } from '@dynamic-labs/wallet-book';
 import { setChainInfoOverrides, logger as logger$1, isSessionKeyCompatibleWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { VERSION } from '../../../version.js';
@@ -208,6 +208,12 @@ const InnerDynamicContextProvider = (props) => {
     const [showBridgeWidget, setShowBridgeWidget] = useState(false);
     const [isSingleWalletAccount, setIsSingleWalletAccount] = useState(false);
     const { user, userWithMissingInfo } = useUser();
+    if (user) {
+        Logger.globalMetaData.set('user', user);
+    }
+    else {
+        Logger.globalMetaData.set('user', undefined);
+    }
     // Calculates and stores a device fingerprint
     useDeviceFingerprint();
     const isAuthenticated = Boolean(user);
@@ -330,6 +336,7 @@ const InnerDynamicContextProvider = (props) => {
         connectors: walletConnectors,
     });
     const removeSessionStorageSessionKeys = () => {
+        tracing.logEvent('session-key', 'removeSessionStorageSessionKeys');
         StorageService.removeItem(SECURE_ENCLAVE_WALLET_SESSION_KEYS, SECURE_ENCLAVE_WALLET_SESSION_KEYS_STORAGE_OPTIONS);
         walletConnectors.forEach((connector) => {
             if (isSessionKeyCompatibleWalletConnector(connector) &&

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

@@ -105,6 +105,7 @@ const useHandleLogout = (params) => {
         logger.logger.logVerboseTroubleshootingMessage('useHandleLogout called', {
             params: paramsRef.current,
         });
+        utils.tracing.logEvent('logout', 'useHandleLogout called');
         const p = paramsRef.current;
         p.setSelectedWalletConnectorKey(null);
         p.clearAllWalletConnectSessions();

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useRef, useCallback, useEffect } from 'react';
-import { StorageService } from '@dynamic-labs/utils';
+import { tracing, StorageService } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../store/state/projectSettings/projectSettings.js';
@@ -101,6 +101,7 @@ const useHandleLogout = (params) => {
         logger.logVerboseTroubleshootingMessage('useHandleLogout called', {
             params: paramsRef.current,
         });
+        tracing.logEvent('logout', 'useHandleLogout called');
         const p = paramsRef.current;
         p.setSelectedWalletConnectorKey(null);
         p.clearAllWalletConnectSessions();

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

@@ -150,20 +150,19 @@ const OnrampContextProvider = ({ children, }) => {
         onrampOverrides.length,
         overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions,
     ]);
-    const openOnramp = React.useCallback((_f) => _tslib.__awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token }) {
-        if (!onrampEnabled) {
-            throw new Error('Onramp is not enabled');
-        }
-        if (promiseRef.current) {
-            return promiseRef.current.promise;
+    const hasPrimaryWallet = React.useMemo(() => Boolean(primaryWallet), [primaryWallet]);
+    const setSelectedAndShowOnramp = React.useCallback((provider, wallet) => {
+        var _a;
+        if (hasPrimaryWallet) {
+            setSelectedOnrampProvider(provider.id);
         }
-        promiseRef.current = new utils.DeferredPromise();
-        if (address || token)
-            setEnabledOnrampProvidersTarget({ address, token });
-        setSelectedOnrampProvider(onrampProvider);
         setShowOnramp(true);
-        return promiseRef.current.promise;
-    }), [onrampEnabled, setShowOnramp]);
+        const shouldOpenPopup = provider.openMode === 'popup' && provider.url && setShowOnramp;
+        if (!shouldOpenPopup) {
+            return;
+        }
+        return openOnrampPopup.openOnrampPopup((_a = provider.url) !== null && _a !== void 0 ? _a : '', wallet, setShowOnramp, provider.id);
+    }, [hasPrimaryWallet, setShowOnramp]);
     const enabledOnrampProviders = React.useMemo(() => {
         // If we have explicit overrides (even empty array), use them
         if ((overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions) !== undefined) {
@@ -176,26 +175,33 @@ const OnrampContextProvider = ({ children, }) => {
         onrampOverrides,
         overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions,
     ]);
+    const openOnramp = React.useCallback((_f) => _tslib.__awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token }) {
+        if (!onrampEnabled) {
+            throw new Error('Onramp is not enabled');
+        }
+        if (promiseRef.current) {
+            return promiseRef.current.promise;
+        }
+        promiseRef.current = new utils.DeferredPromise();
+        if (address || token)
+            setEnabledOnrampProvidersTarget({ address, token });
+        const onrampOption = enabledOnrampProviders.find((p) => p.id === onrampProvider);
+        if (!onrampOption) {
+            throw new Error('Onramp provider not found');
+        }
+        setSelectedAndShowOnramp(onrampOption);
+        return promiseRef.current.promise;
+    }), [enabledOnrampProviders, onrampEnabled, setSelectedAndShowOnramp]);
     const selectedOnramp = React.useMemo(() => enabledOnrampProviders.length
         ? enabledOnrampProviders.find((p) => p.id === selectedOnrampProvider)
         : undefined, [enabledOnrampProviders, selectedOnrampProvider]);
-    const hasPrimaryWallet = React.useMemo(() => Boolean(primaryWallet), [primaryWallet]);
     const selectOnrampProvider = React.useCallback(({ provider, wallet }) => {
-        var _a;
         if (provider.onClick) {
             provider.onClick({ wallet });
             return;
         }
-        if (hasPrimaryWallet) {
-            setSelectedOnrampProvider(provider.id);
-        }
-        setShowOnramp(true);
-        const shouldOpenPopup = provider.openMode === 'popup' && provider.url && setShowOnramp;
-        if (!shouldOpenPopup) {
-            return;
-        }
-        return openOnrampPopup.openOnrampPopup((_a = provider.url) !== null && _a !== void 0 ? _a : '', wallet, setShowOnramp, provider.id);
-    }, [hasPrimaryWallet, setShowOnramp]);
+        setSelectedAndShowOnramp(provider, wallet);
+    }, [setSelectedAndShowOnramp]);
     const value = React.useMemo(() => ({
         enabledOnrampProviders,
         onrampEnabled,

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

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import type { OnrampProviders } from '@dynamic-labs/sdk-api-core';
-import { Wallet } from '@dynamic-labs/wallet-connector-core';
+import type { Wallet } from '@dynamic-labs/wallet-connector-core';
 import type { OnrampOption } from '../DynamicContext';
 type OpenOnrampProps = {
     address?: string;

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

@@ -146,20 +146,19 @@ const OnrampContextProvider = ({ children, }) => {
         onrampOverrides.length,
         overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions,
     ]);
-    const openOnramp = useCallback((_f) => __awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token }) {
-        if (!onrampEnabled) {
-            throw new Error('Onramp is not enabled');
-        }
-        if (promiseRef.current) {
-            return promiseRef.current.promise;
+    const hasPrimaryWallet = useMemo(() => Boolean(primaryWallet), [primaryWallet]);
+    const setSelectedAndShowOnramp = useCallback((provider, wallet) => {
+        var _a;
+        if (hasPrimaryWallet) {
+            setSelectedOnrampProvider(provider.id);
         }
-        promiseRef.current = new DeferredPromise();
-        if (address || token)
-            setEnabledOnrampProvidersTarget({ address, token });
-        setSelectedOnrampProvider(onrampProvider);
         setShowOnramp(true);
-        return promiseRef.current.promise;
-    }), [onrampEnabled, setShowOnramp]);
+        const shouldOpenPopup = provider.openMode === 'popup' && provider.url && setShowOnramp;
+        if (!shouldOpenPopup) {
+            return;
+        }
+        return openOnrampPopup((_a = provider.url) !== null && _a !== void 0 ? _a : '', wallet, setShowOnramp, provider.id);
+    }, [hasPrimaryWallet, setShowOnramp]);
     const enabledOnrampProviders = useMemo(() => {
         // If we have explicit overrides (even empty array), use them
         if ((overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions) !== undefined) {
@@ -172,26 +171,33 @@ const OnrampContextProvider = ({ children, }) => {
         onrampOverrides,
         overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions,
     ]);
+    const openOnramp = useCallback((_f) => __awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token }) {
+        if (!onrampEnabled) {
+            throw new Error('Onramp is not enabled');
+        }
+        if (promiseRef.current) {
+            return promiseRef.current.promise;
+        }
+        promiseRef.current = new DeferredPromise();
+        if (address || token)
+            setEnabledOnrampProvidersTarget({ address, token });
+        const onrampOption = enabledOnrampProviders.find((p) => p.id === onrampProvider);
+        if (!onrampOption) {
+            throw new Error('Onramp provider not found');
+        }
+        setSelectedAndShowOnramp(onrampOption);
+        return promiseRef.current.promise;
+    }), [enabledOnrampProviders, onrampEnabled, setSelectedAndShowOnramp]);
     const selectedOnramp = useMemo(() => enabledOnrampProviders.length
         ? enabledOnrampProviders.find((p) => p.id === selectedOnrampProvider)
         : undefined, [enabledOnrampProviders, selectedOnrampProvider]);
-    const hasPrimaryWallet = useMemo(() => Boolean(primaryWallet), [primaryWallet]);
     const selectOnrampProvider = useCallback(({ provider, wallet }) => {
-        var _a;
         if (provider.onClick) {
             provider.onClick({ wallet });
             return;
         }
-        if (hasPrimaryWallet) {
-            setSelectedOnrampProvider(provider.id);
-        }
-        setShowOnramp(true);
-        const shouldOpenPopup = provider.openMode === 'popup' && provider.url && setShowOnramp;
-        if (!shouldOpenPopup) {
-            return;
-        }
-        return openOnrampPopup((_a = provider.url) !== null && _a !== void 0 ? _a : '', wallet, setShowOnramp, provider.id);
-    }, [hasPrimaryWallet, setShowOnramp]);
+        setSelectedAndShowOnramp(provider, wallet);
+    }, [setSelectedAndShowOnramp]);
     const value = useMemo(() => ({
         enabledOnrampProviders,
         onrampEnabled,

package/src/lib/data/api/embeddedWallets/embeddedWallets.cjs

@@ -162,6 +162,14 @@ const registerSessionKey = (_h) => _tslib.__awaiter(void 0, [_h], void 0, functi
                 message: 'Error register session key',
             });
             logger.logger.error(responseError, { prevSessionKeySignature, publicKey });
+            utils.tracing.logEvent('session-key', 'Error registering session key', utils.tracing.formatObject({
+                prevSessionKeySignature,
+                publicKey,
+                walletId,
+            }));
+            if (utils.PlatformService.isNativeMobile) {
+                logger.logger.instrument(utils.tracing.packScopes());
+            }
             if (responseError.response.status === 422) {
                 if (responseError.json.code ===
                     sdkApiCore.UnprocessableEntityErrorCode.InvalidSessionPublicKey) {

package/src/lib/data/api/embeddedWallets/embeddedWallets.js

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { UnprocessableEntityErrorCode, EmbeddedWalletProviderEnum, EmbeddedWalletChainEnum } from '@dynamic-labs/sdk-api-core';
-import { DynamicError, ResponseError, InvalidEmbeddedWalletSessionKeyError } from '@dynamic-labs/utils';
+import { DynamicError, ResponseError, tracing, PlatformService, InvalidEmbeddedWalletSessionKeyError } from '@dynamic-labs/utils';
 import { storeAuthTokenAndUser } from '../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.js';
 import '../../../store/state/user/user.js';
 import { sdkApi } from '../api.js';
@@ -158,6 +158,14 @@ const registerSessionKey = (_h) => __awaiter(void 0, [_h], void 0, function* ({
                 message: 'Error register session key',
             });
             logger.error(responseError, { prevSessionKeySignature, publicKey });
+            tracing.logEvent('session-key', 'Error registering session key', tracing.formatObject({
+                prevSessionKeySignature,
+                publicKey,
+                walletId,
+            }));
+            if (PlatformService.isNativeMobile) {
+                logger.instrument(tracing.packScopes());
+            }
             if (responseError.response.status === 422) {
                 if (responseError.json.code ===
                     UnprocessableEntityErrorCode.InvalidSessionPublicKey) {

package/src/lib/locale/en/translation.cjs

@@ -892,7 +892,7 @@ const translation = {
         title: 'Export wallet',
         agreement_title: 'Agree to continue',
         prompt_for_export_title: 'Back up wallet key',
-        private_key_title: 'Private key',
+        private_key_title: 'Export Key',
         recovery_phrase_title: 'Secret recovery phrase',
         badge_label: 'Sensitive information',
         prompt_for_export_description: 'Your wallet is ready. Back up your key to protect your assets.',
@@ -960,6 +960,24 @@ const translation = {
       empty_screen: {
         title: 'Nothing to see here yet!',
       },
+      delete_account: {
+        title: 'Delete My Account',
+        description:
+          'Deleting your account will permanently remove all data, including wallet details and linked smart contract wallets. This action cannot be undone.',
+        backup_confirmation_embedded:
+          "I confirm I've backed up my wallet keys. If I proceed, a new wallet will be created. Any wallets or assets not backed up will be lost permanently.",
+        backup_confirmation_no_embedded:
+          'I confirm that all of my information will be deleted. If I return, a new user profile will be created. These changes cannot be undone.',
+        type_delete: 'Enter DELETE in the box below to confirm this action.',
+        cancel: 'Cancel',
+        confirm: 'Delete Account',
+        deleting: 'Deleting...',
+        type_delete_label: 'Type to confirm',
+      },
+      session_management: {
+        title: 'Security Settings',
+        session_management_button: 'Session Management',
+      },
     }
      */
     dyn_settings: {
@@ -1003,6 +1021,10 @@ const translation = {
             deleting: 'Deleting...',
             type_delete_label: 'Type to confirm',
         },
+        session_management: {
+            title: 'Security Settings',
+            session_management_button: 'Session Management',
+        },
     },
     /**
      * @description copy keys for global wallet view
@@ -1984,6 +2006,37 @@ const translation = {
         using_hardware_wallet_toggle_label: 'Using Ledger with {{chainName}}',
         button: 'Connect',
     },
+    /**
+     * @description copy keys for session management view
+     * @default
+     * {
+        aria: {
+          back_button_label: 'Back',
+          info_button_label: 'Info',
+        },
+        title: 'Session Management',
+        empty_sessions_view: {
+          title: 'No active sessions found',
+        },
+      }
+    */
+    dyn_session_management: {
+        aria: {
+            back_button_label: 'Back',
+            info_button_label: 'Info',
+        },
+        title: 'Session Management',
+        empty_sessions_view: {
+            title: 'No active sessions found',
+        },
+        info_view: {
+            title: 'Connected App Sessions',
+            description_bold: 'Easily manage which apps have access to your wallet. ',
+            description_2: "Each session represents a connection you've made with a site or app.",
+            description_3: 'You can revoke access anytime to stay in control of where and how your wallet is used.',
+            continue_button: 'Continue',
+        },
+    },
     /**
      * @description copy keys for sign message flow views
      * @default