@dynamic-labs/sdk-react-core 4.10.0 → 4.10.2

package/CHANGELOG.md

@@ -1,4 +1,21 @@
 
+### [4.10.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.10.1...v4.10.2) (2025-04-02)
+
+
+### Features
+
+* add walletTabSelected event ([#8430](https://github.com/dynamic-labs/dynamic-auth/issues/8430)) ([01ef815](https://github.com/dynamic-labs/dynamic-auth/commit/01ef815330e6c5433f7c135f561ed86621cc2bd9))
+
+
+### Bug Fixes
+
+* disconect wallets on logout ([#8399](https://github.com/dynamic-labs/dynamic-auth/issues/8399)) ([148bc0d](https://github.com/dynamic-labs/dynamic-auth/commit/148bc0dd175048fa8a9a675383e8e6d93c7d16ac))
+* ensure primary wallet is still a valid credential when calling resfreshUser ([#8439](https://github.com/dynamic-labs/dynamic-auth/issues/8439)) ([2e567e5](https://github.com/dynamic-labs/dynamic-auth/commit/2e567e53ea7738d4a42f3d54bb40a294403a1c36))
+* **global-wallet-client:** ensure multiple global wallets can announce in same page ([#8421](https://github.com/dynamic-labs/dynamic-auth/issues/8421)) ([c55044a](https://github.com/dynamic-labs/dynamic-auth/commit/c55044a50f2d1c9417a3a2d85851c5522834a20a))
+* **global-wallet-popup:** ensure popup icon can be viewed ([#8424](https://github.com/dynamic-labs/dynamic-auth/issues/8424)) ([f960eeb](https://github.com/dynamic-labs/dynamic-auth/commit/f960eebcdd875e1ff1779cd7be946d8342bea964))
+
+### [4.10.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.10.0...v4.10.1) (2025-03-31)
+
 ## [4.10.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.9.12...v4.10.0) (2025-03-30)
 
 

package/package.cjs

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

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.10.0";
+var version = "4.10.2";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.650",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.10.0",
+  "version": "4.10.2",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.650",
     "@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.10.0",
-    "@dynamic-labs/iconic": "4.10.0",
-    "@dynamic-labs/logger": "4.10.0",
-    "@dynamic-labs/multi-wallet": "4.10.0",
-    "@dynamic-labs/rpc-providers": "4.10.0",
-    "@dynamic-labs/store": "4.10.0",
-    "@dynamic-labs/types": "4.10.0",
-    "@dynamic-labs/utils": "4.10.0",
-    "@dynamic-labs/wallet-book": "4.10.0",
-    "@dynamic-labs/wallet-connector-core": "4.10.0",
+    "@dynamic-labs/assert-package-version": "4.10.2",
+    "@dynamic-labs/iconic": "4.10.2",
+    "@dynamic-labs/logger": "4.10.2",
+    "@dynamic-labs/multi-wallet": "4.10.2",
+    "@dynamic-labs/rpc-providers": "4.10.2",
+    "@dynamic-labs/store": "4.10.2",
+    "@dynamic-labs/types": "4.10.2",
+    "@dynamic-labs/utils": "4.10.2",
+    "@dynamic-labs/wallet-book": "4.10.2",
+    "@dynamic-labs/wallet-connector-core": "4.10.2",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/api.d.ts

@@ -0,0 +1 @@
+export * from './lib/data/api';

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -60,6 +60,7 @@ require('../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
+var WalletIconWithNetwork = require('../../widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../IconButton/IconButton.cjs');
 require('../InlineWidget/InlineWidget.cjs');
@@ -75,7 +76,6 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
-var WalletIconWithNetwork = require('../../widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.cjs');
 require('formik');
 require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -56,6 +56,7 @@ import '../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
+import { WalletIconWithNetwork } from '../../widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../IconButton/IconButton.js';
 import '../InlineWidget/InlineWidget.js';
@@ -71,7 +72,6 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import { WalletIconWithNetwork } from '../../widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.js';
 import 'formik';
 import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ClassStyleProps } from '../../utils/types';
+export declare const DynamicSpinner: FC<ClassStyleProps>;

package/src/lib/components/DynamicSpinner/index.d.ts

@@ -0,0 +1 @@
+export * from './DynamicSpinner';

package/src/lib/components/IconWithSpinner/IconWithSpinner.cjs

@@ -31,15 +31,12 @@ var Spinner = require('./Spinner/Spinner.cjs');
 var Indicator = require('./Indicator/Indicator.cjs');
 
 const iconRatio = 7 / 11;
-const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className = '', indicator, customSpinnerColor, treatAsFunctionComponent, }) => {
+const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className, style, indicator, customSpinnerColor, treatAsFunctionComponent, }) => {
     const realIconSize = iconSize * iconRatio;
     const spinnerIconSize = iconSize / 2;
     const effectiveContainerClassName = classNames.classNames('icon-with-spinner__container', className);
     const IconAsFC = Icon;
-    return (jsxRuntime.jsxs("div", { className: effectiveContainerClassName, style: {
-            height: pixelToRem.pixelToRem(iconSize),
-            width: pixelToRem.pixelToRem(iconSize),
-        }, children: [Icon && (jsxRuntime.jsxs("div", { style: {
+    return (jsxRuntime.jsxs("div", { className: effectiveContainerClassName, style: Object.assign({ height: pixelToRem.pixelToRem(iconSize), width: pixelToRem.pixelToRem(iconSize) }, style), children: [Icon && (jsxRuntime.jsxs("div", { style: {
                     height: pixelToRem.pixelToRem(realIconSize),
                     width: pixelToRem.pixelToRem(realIconSize),
                 }, className: 'icon-with-spinner__icon-container', children: [treatAsFunctionComponent || typeof Icon === 'function' ? (jsxRuntime.jsx(IconAsFC, { height: realIconSize, width: realIconSize })) : (Icon), indicator && jsxRuntime.jsx(Indicator.Indicator, { indicator: indicator, iconSize: iconSize })] })), isSpinning && !utils.isLegacySafari() && (jsxRuntime.jsx("div", { className: 'icon-with-spinner__spinner-container icon-with-spinner__animation', "data-chromatic": 'ignore', style: {

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

@@ -1,16 +1,16 @@
 import { ReactElement } from 'react';
 import { Iconic } from '@dynamic-labs/iconic';
 import { Icon } from '../../shared';
-type IconWithSpinnerProps = {
+import { ClassStyleProps } from '../../utils/types';
+type IconWithSpinnerProps = ClassStyleProps & {
     Icon?: Icon | Iconic | ReactElement | null;
     /** This forces fo render the Icon as an FC even if it does not evaluate to type 'function' */
     treatAsFunctionComponent?: boolean;
-    className?: string;
     customSpinnerColor?: string;
     iconSize?: number;
     indicator?: 'connected' | 'walletConnect';
     isSpinning?: boolean;
 };
 export declare const iconRatio: number;
-export declare const IconWithSpinner: ({ iconSize, Icon, isSpinning, className, indicator, customSpinnerColor, treatAsFunctionComponent, }: IconWithSpinnerProps) => JSX.Element;
+export declare const IconWithSpinner: ({ iconSize, Icon, isSpinning, className, style, indicator, customSpinnerColor, treatAsFunctionComponent, }: IconWithSpinnerProps) => JSX.Element;
 export {};

package/src/lib/components/IconWithSpinner/IconWithSpinner.js

@@ -27,15 +27,12 @@ import { Spinner } from './Spinner/Spinner.js';
 import { Indicator } from './Indicator/Indicator.js';
 
 const iconRatio = 7 / 11;
-const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className = '', indicator, customSpinnerColor, treatAsFunctionComponent, }) => {
+const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className, style, indicator, customSpinnerColor, treatAsFunctionComponent, }) => {
     const realIconSize = iconSize * iconRatio;
     const spinnerIconSize = iconSize / 2;
     const effectiveContainerClassName = classNames('icon-with-spinner__container', className);
     const IconAsFC = Icon;
-    return (jsxs("div", { className: effectiveContainerClassName, style: {
-            height: pixelToRem(iconSize),
-            width: pixelToRem(iconSize),
-        }, children: [Icon && (jsxs("div", { style: {
+    return (jsxs("div", { className: effectiveContainerClassName, style: Object.assign({ height: pixelToRem(iconSize), width: pixelToRem(iconSize) }, style), children: [Icon && (jsxs("div", { style: {
                     height: pixelToRem(realIconSize),
                     width: pixelToRem(realIconSize),
                 }, className: 'icon-with-spinner__icon-container', children: [treatAsFunctionComponent || typeof Icon === 'function' ? (jsx(IconAsFC, { height: realIconSize, width: realIconSize })) : (Icon), indicator && jsx(Indicator, { indicator: indicator, iconSize: iconSize })] })), isSpinning && !isLegacySafari() && (jsx("div", { className: 'icon-with-spinner__spinner-container icon-with-spinner__animation', "data-chromatic": 'ignore', style: {

package/src/lib/components/Popper/PopperContext/PopperContext.cjs

@@ -7,12 +7,12 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
 const popperContext = React.createContext(undefined);
-const PopperProvider = ({ children }) => {
+const PopperProvider = ({ children, className, style, }) => {
     const { Provider } = popperContext;
     const containerRef = React.useRef(null);
     return (jsxRuntime.jsx(Provider, { value: {
             containerRef,
-        }, children: jsxRuntime.jsx("div", { ref: containerRef, style: { position: 'relative' }, children: children }) }));
+        }, children: jsxRuntime.jsx("div", { ref: containerRef, style: Object.assign({ position: 'relative' }, style), className: className, children: children }) }));
 };
 const usePopper = () => {
     const context = React.useContext(popperContext);

package/src/lib/components/Popper/PopperContext/PopperContext.d.ts

@@ -1,8 +1,9 @@
 import { FC, MutableRefObject, PropsWithChildren } from 'react';
+import { ClassStyleProps } from '../../../utils/types';
 type PopperContext = {
     containerRef: MutableRefObject<HTMLDivElement | null>;
 };
 export declare const popperContext: import("react").Context<PopperContext | undefined>;
-export declare const PopperProvider: FC<PropsWithChildren>;
+export declare const PopperProvider: FC<PropsWithChildren<ClassStyleProps>>;
 export declare const usePopper: () => PopperContext;
 export {};

package/src/lib/components/Popper/PopperContext/PopperContext.js

@@ -3,12 +3,12 @@ import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useRef } from 'react';
 
 const popperContext = createContext(undefined);
-const PopperProvider = ({ children }) => {
+const PopperProvider = ({ children, className, style, }) => {
     const { Provider } = popperContext;
     const containerRef = useRef(null);
     return (jsx(Provider, { value: {
             containerRef,
-        }, children: jsx("div", { ref: containerRef, style: { position: 'relative' }, children: children }) }));
+        }, children: jsx("div", { ref: containerRef, style: Object.assign({ position: 'relative' }, style), className: className, children: children }) }));
 };
 const usePopper = () => {
     const context = useContext(popperContext);

package/src/lib/components/QrCodeWrapper/QrCodeWrapper.cjs

@@ -10,19 +10,19 @@ require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
 var AnimatePresence = require('../AnimatePresence/AnimatePresence.cjs');
 var Typography = require('../Typography/Typography.cjs');
-require('../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/sdk-api-core');
-require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/wallet-connector-core');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../shared/logger.cjs');
 require('../../context/ViewContext/ViewContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
-require('react-dom');
 require('../../events/dynamicEvents.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../../../_virtual/_tslib.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -34,11 +34,11 @@ require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
-require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');

package/src/lib/components/QrCodeWrapper/QrCodeWrapper.js

@@ -6,19 +6,19 @@ import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
 import { AnimatePresence } from '../AnimatePresence/AnimatePresence.js';
 import { Typography } from '../Typography/Typography.js';
-import '../../../../_virtual/_tslib.js';
-import '@dynamic-labs/sdk-api-core';
-import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/wallet-connector-core';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../shared/logger.js';
 import '../../context/ViewContext/ViewContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
-import 'react-dom';
 import '../../events/dynamicEvents.js';
-import '../../context/DynamicContext/DynamicContext.js';
+import '../../../../_virtual/_tslib.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -30,11 +30,11 @@ import '../../store/state/user/user.js';
 import '../../locale/locale.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
-import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';

package/src/lib/components/SocialSignIn/SocialSignIn.cjs

@@ -61,9 +61,9 @@ require('../Alert/Alert.cjs');
 var Typography = require('../Typography/Typography.cjs');
 var Icon = require('../Icon/Icon.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
+var IconWithSpinner = require('../IconWithSpinner/IconWithSpinner.cjs');
 require('../IconButton/IconButton.cjs');
 var IconListTile = require('../IconListTile/IconListTile.cjs');
-var IconWithSpinner = require('../IconWithSpinner/IconWithSpinner.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../Input/Input.cjs');
 require('../IsBrowser/IsBrowser.cjs');

package/src/lib/components/SocialSignIn/SocialSignIn.js

@@ -57,9 +57,9 @@ import '../Alert/Alert.js';
 import { Typography } from '../Typography/Typography.js';
 import { Icon } from '../Icon/Icon.js';
 import '../ShadowDOM/ShadowDOM.js';
+import { IconWithSpinner } from '../IconWithSpinner/IconWithSpinner.js';
 import '../IconButton/IconButton.js';
 import { IconListTile } from '../IconListTile/IconListTile.js';
-import { IconWithSpinner } from '../IconWithSpinner/IconWithSpinner.js';
 import '../InlineWidget/InlineWidget.js';
 import '../Input/Input.js';
 import '../IsBrowser/IsBrowser.js';

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

@@ -12,23 +12,21 @@ var Alert = require('../Alert/Alert.cjs');
 var AnimatePresence = require('../AnimatePresence/AnimatePresence.cjs');
 require('react');
 var Typography = require('../Typography/Typography.cjs');
-require('@dynamic-labs/sdk-api-core');
-require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/wallet-connector-core');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../shared/logger.cjs');
 var checkBlue = require('../../shared/assets/check-blue.cjs');
 var close = require('../../shared/assets/close.cjs');
 require('../../context/ViewContext/ViewContext.cjs');
-require('@dynamic-labs/wallet-book');
 var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
-var Icon = require('../Icon/Icon.cjs');
-require('react-dom');
 require('../../events/dynamicEvents.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -41,11 +39,11 @@ require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
-require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
@@ -75,6 +73,7 @@ require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
+var Icon = require('../Icon/Icon.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../IconButton/IconButton.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
@@ -104,6 +103,7 @@ require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../IsBrowser/IsBrowser.cjs');
 require('../Popper/Popper/Popper.cjs');

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

@@ -8,23 +8,21 @@ import { Alert } from '../Alert/Alert.js';
 import { AnimatePresence } from '../AnimatePresence/AnimatePresence.js';
 import 'react';
 import { Typography } from '../Typography/Typography.js';
-import '@dynamic-labs/sdk-api-core';
-import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/wallet-connector-core';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../shared/logger.js';
 import { ReactComponent as SvgCheckBlue } from '../../shared/assets/check-blue.js';
 import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
 import '../../context/ViewContext/ViewContext.js';
-import '@dynamic-labs/wallet-book';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
-import { Icon } from '../Icon/Icon.js';
-import 'react-dom';
 import '../../events/dynamicEvents.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -37,11 +35,11 @@ import '../../store/state/user/user.js';
 import '../../locale/locale.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
-import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
@@ -71,6 +69,7 @@ import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
+import { Icon } from '../Icon/Icon.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import '../MenuList/Dropdown/Dropdown.js';
@@ -100,6 +99,7 @@ import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../InlineWidget/InlineWidget.js';
 import '../IsBrowser/IsBrowser.js';
 import '../Popper/Popper/Popper.js';

package/src/lib/components/Typography/Typography.cjs

@@ -27,6 +27,7 @@ const Typography = (_a) => {
         regular: 'typography--regular',
     };
     const colorClassNameMap = {
+        'alert-1': 'typography--alert-1',
         'brand-primary': 'typography--brand-primary',
         'current-color': 'typography--current-color',
         'error-1': 'typography--dynamic-error-1',

package/src/lib/components/Typography/Typography.js

@@ -23,6 +23,7 @@ const Typography = (_a) => {
         regular: 'typography--regular',
     };
     const colorClassNameMap = {
+        'alert-1': 'typography--alert-1',
         'brand-primary': 'typography--brand-primary',
         'current-color': 'typography--current-color',
         'error-1': 'typography--dynamic-error-1',

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

@@ -3,7 +3,7 @@ import { CopyKey } from '../../shared';
 import { ClassStyleProps } from '../../utils/types';
 export type TypographyTag = ElementType;
 export type TypographyVariant = 'title' | 'body_normal' | 'body_small' | 'body_mini' | 'button_primary' | 'button_secondary' | 'button_tertiary' | 'numbers_display' | 'numbers_big' | 'numbers_medium';
-export type TypographyColor = 'primary' | 'secondary' | 'brand-primary' | 'tertiary' | 'link' | 'error-1' | 'error-2' | 'tooltip' | 'green-1' | 'inherit' | 'white' | 'current-color';
+export type TypographyColor = 'primary' | 'secondary' | 'brand-primary' | 'tertiary' | 'link' | 'error-1' | 'error-2' | 'tooltip' | 'green-1' | 'inherit' | 'white' | 'alert-1' | 'current-color';
 export type TypographyWeight = 'regular' | 'medium' | 'bold';
 export type TypographyTransform = 'uppercase';
 export type TypographyProps<TAG extends ElementType = 'p'> = {

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

@@ -2,6 +2,7 @@ export * from './Accordion';
 export * from './Alert';
 export * from './AnimatePresence';
 export * from './AppOriginTile';
+export * from './AuthProviderIcon';
 export * from './Badge';
 export * from './Button';
 export * from './ChainIcon';
@@ -10,8 +11,9 @@ export * from './Chip';
 export * from './CopyButton';
 export * from './Divider';
 export * from './DynamicConnectButton';
+export * from './DynamicSpinner';
+export * from './EmailForm';
 export * from './EmailIcon';
-export * from './MfaRecoveryIcon';
 export * from './EnterTileAnimation';
 export * from './ErrorContainer';
 export * from './FormFieldLabel';
@@ -28,13 +30,15 @@ export * from './IsBrowser';
 export * from './ListTile';
 export * from './LogoutButton';
 export * from './MenuList';
+export * from './MfaRecoveryIcon';
 export * from './Modal';
 export * from './ModalCard';
 export * from './ModalHeader';
 export * from './ModalHeaderBanner';
 export * from './NeedHelpSection';
-export * from './OverlayCard';
+export * from './OptionsSwitcher';
 export * from './OTPVerificationView';
+export * from './OverlayCard';
 export * from './PasskeyCreatedSuccessBanner';
 export * from './PhoneNumberField';
 export * from './PinField';
@@ -55,6 +59,7 @@ export * from './SignMessagePreview';
 export * from './Skeleton';
 export * from './SocialSignIn';
 export * from './Spinner';
+export * from './StatusDot';
 export * from './Step';
 export * from './Stepper';
 export * from './Switch';
@@ -68,9 +73,5 @@ export * from './TransactionConfirmationPageLayout';
 export * from './Transition';
 export * from './Typography';
 export * from './TypographyButton';
-export * from './WalletInformationCard';
-export * from './EmailForm';
-export * from './StatusDot';
-export * from './OptionsSwitcher';
 export * from './WalletConnectorEvents';
-export * from './AuthProviderIcon';
+export * from './WalletInformationCard';

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

@@ -157,6 +157,10 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, }) => {
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onUserProfileUpdate) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, user);
     });
+    useDynamicEvents.useInternalDynamicEvents('walletTabSelected', (props) => {
+        var _a;
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletTabSelected) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, props);
+    });
 };
 
 exports.useTieCallbacksToEvents = useTieCallbacksToEvents;

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

@@ -153,6 +153,10 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, }) => {
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onUserProfileUpdate) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, user);
     });
+    useInternalDynamicEvents('walletTabSelected', (props) => {
+        var _a;
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletTabSelected) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, props);
+    });
 };
 
 export { useTieCallbacksToEvents };

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

@@ -57,6 +57,7 @@ require('../../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('../../../WalletContext/WalletContext.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
@@ -72,7 +73,6 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
-require('../../../WalletContext/WalletContext.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 var useEffectOnce = require('../../../../utils/hooks/useEffectOnce/useEffectOnce.cjs');

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

@@ -53,6 +53,7 @@ import '../../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../components/Alert/Alert.js';
+import '../../../WalletContext/WalletContext.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
@@ -68,7 +69,6 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import '../../../WalletContext/WalletContext.js';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import { useEffectOnce } from '../../../../utils/hooks/useEffectOnce/useEffectOnce.js';

package/src/lib/data/api/index.d.ts

@@ -7,6 +7,7 @@ export * from './onramp';
 export * from './session';
 export * from './settings';
 export * from './sms';
+export * from './transactions';
 export * from './user';
 export * from './utils';
 export * from './wallets';

package/src/lib/data/api/transactions/index.d.ts

@@ -0,0 +1 @@
+export * from './blockaid';

package/src/lib/events/dynamicEvents.cjs

@@ -34,6 +34,7 @@ const externalEvents = [
     'walletRemoved',
     'userWalletsChanged',
     'walletConnectedForFunding',
+    'walletTabSelected',
 ];
 // Full internal event emitter
 const dynamicEvents = new EventEmitter__default["default"]();