@dynamic-labs/sdk-react-core 0.19.0-alpha.26 → 0.19.0-alpha.28

package/CHANGELOG.md

@@ -1,4 +1,35 @@
 
+## [0.19.0-alpha.28](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.27...v0.19.0-alpha.28) (2023-10-26)
+
+
+### Bug Fixes
+
+* do not pass TransactionType for zksync transactions in Sendbalance view due to RPC errors ([#3745](https://github.com/dynamic-labs/DynamicAuth/issues/3745)) ([27f8aa1](https://github.com/dynamic-labs/DynamicAuth/commit/27f8aa1c7c790fa24a5e6b5e4400bd9415b3c3ce))
+
+## [0.19.0-alpha.27](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.26...v0.19.0-alpha.27) (2023-10-26)
+
+
+### ⚠ BREAKING CHANGES
+
+* **useDynamicContext:** make internalEvents private (#3709)
+
+### Features
+
+* add option to show continue button instead of inline submit ([#3720](https://github.com/dynamic-labs/DynamicAuth/issues/3720)) ([35e6172](https://github.com/dynamic-labs/DynamicAuth/commit/35e6172ebd692c9e5c0a96cbf97b4a3b8cea428b))
+
+
+### Bug Fixes
+
+* **demo:** login view sections ([#3737](https://github.com/dynamic-labs/DynamicAuth/issues/3737)) ([7387cf7](https://github.com/dynamic-labs/DynamicAuth/commit/7387cf7d0834f349e11be55a7271a67e2cc3ba83))
+* don't set secondaryWallets if not on multi-wallet or bridge ([#3728](https://github.com/dynamic-labs/DynamicAuth/issues/3728)) ([dcfa845](https://github.com/dynamic-labs/DynamicAuth/commit/dcfa8452304f485ed5fa64e4b82687bee63a6af4))
+* **network-picker:** update the networks when connector changes ([#3725](https://github.com/dynamic-labs/DynamicAuth/issues/3725)) ([786a33d](https://github.com/dynamic-labs/DynamicAuth/commit/786a33dc9172a9f0fca0604bb84d2fd3cad064f2))
+* reset view on logout ([#3717](https://github.com/dynamic-labs/DynamicAuth/issues/3717)) ([78df3cf](https://github.com/dynamic-labs/DynamicAuth/commit/78df3cf642440d30ecfc51990020eaf3cbb20de9))
+* state check for twitter happens in backend ([#3740](https://github.com/dynamic-labs/DynamicAuth/issues/3740)) ([95c3353](https://github.com/dynamic-labs/DynamicAuth/commit/95c3353d47dedd13c6d2d807be908426384fec04))
+* **windows:** handle origin_check message from authWindow ([#3730](https://github.com/dynamic-labs/DynamicAuth/issues/3730)) ([dcd7875](https://github.com/dynamic-labs/DynamicAuth/commit/dcd787540db2aff38246cf5b1567765a0c3696f5))
+
+
+* **useDynamicContext:** make internalEvents private ([#3709](https://github.com/dynamic-labs/DynamicAuth/issues/3709)) ([750bc61](https://github.com/dynamic-labs/DynamicAuth/commit/750bc6165ee0b4ef87958988ea3ca55dc1f9f279))
+
 ## [0.19.0-alpha.26](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.25...v0.19.0-alpha.26) (2023-10-25)
 
 

package/package.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.19.0-alpha.26";
+var version = "0.19.0-alpha.28";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.34",
-	"@dynamic-labs/sdk-api": "0.0.291",
+	"@dynamic-labs/sdk-api": "0.0.292",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
-var version = "0.19.0-alpha.26";
+var version = "0.19.0-alpha.28";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.34",
-	"@dynamic-labs/sdk-api": "0.0.291",
+	"@dynamic-labs/sdk-api": "0.0.292",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.19.0-alpha.26",
+  "version": "0.19.0-alpha.28",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@dynamic-labs/iconic": "0.1.34",
-    "@dynamic-labs/sdk-api": "0.0.291",
+    "@dynamic-labs/sdk-api": "0.0.292",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,17 +17,17 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/logger": "0.19.0-alpha.26",
-    "@dynamic-labs/multi-wallet": "0.19.0-alpha.26",
-    "@dynamic-labs/rpc-providers": "0.19.0-alpha.26",
-    "@dynamic-labs/types": "0.19.0-alpha.26",
-    "@dynamic-labs/utils": "0.19.0-alpha.26",
-    "@dynamic-labs/wallet-book": "0.19.0-alpha.26",
-    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.26",
+    "@dynamic-labs/logger": "0.19.0-alpha.28",
+    "@dynamic-labs/multi-wallet": "0.19.0-alpha.28",
+    "@dynamic-labs/rpc-providers": "0.19.0-alpha.28",
+    "@dynamic-labs/types": "0.19.0-alpha.28",
+    "@dynamic-labs/utils": "0.19.0-alpha.28",
+    "@dynamic-labs/wallet-book": "0.19.0-alpha.28",
+    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.28",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {
-    "semver": "7.3.8"
+    "semver": "7.5.4"
   },
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0",

package/src/lib/components/Accordion/components/VerticalAccordion/VerticalAccordion.cjs

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 
-const VerticalAccordion = ({ children, className = '', }) => (jsxRuntime.jsx("div", { className: classNames.classNames(className, 'vertical-accordion__container'), children: children }));
+const VerticalAccordion = ({ children, className, style, }) => (jsxRuntime.jsx("div", { className: classNames.classNames(className, 'vertical-accordion__container'), style: style, children: children }));
 
 exports.VerticalAccordion = VerticalAccordion;

package/src/lib/components/Accordion/components/VerticalAccordion/VerticalAccordion.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 
-const VerticalAccordion = ({ children, className = '', }) => (jsx("div", { className: classNames(className, 'vertical-accordion__container'), children: children }));
+const VerticalAccordion = ({ children, className, style, }) => (jsx("div", { className: classNames(className, 'vertical-accordion__container'), style: style, children: children }));
 
 export { VerticalAccordion };

package/src/lib/components/Accordion/components/VerticalAccordion/VerticalAccordion.types.d.ts

@@ -1,5 +1,3 @@
 import { FC, PropsWithChildren } from 'react';
-export type VerticalAccordionProps = {
-    className?: string;
-};
-export type VerticalAccordionComponent = FC<PropsWithChildren<VerticalAccordionProps>>;
+import { ClassStyleProps } from '../../../../utils/types';
+export type VerticalAccordionComponent = FC<PropsWithChildren<ClassStyleProps>>;

package/src/lib/components/Button/Button.cjs

@@ -15,6 +15,7 @@ const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant
     const [internalButtonLoading, setInternalButtonLoading] = React.useState(false);
     const [isFeedbackVisible, setIsFeedbackVisible] = React.useState(false);
     const buttonVariantClassNameMap = {
+        'brand-primary': 'button--brand-primary',
         primary: 'button--primary',
         secondary: 'button--secondary',
         tertiary: 'button--tertiary',

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

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes, FC, MouseEventHandler, ReactNode } from 'react';
 import { TypographyProps } from '../Typography/Typography.types';
-type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
+type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'brand-primary';
 type ButtonPadding = 'small' | 'medium' | 'large' | 'none';
 export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
     buttonClassName?: string;

package/src/lib/components/Button/Button.js

@@ -11,6 +11,7 @@ const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant
     const [internalButtonLoading, setInternalButtonLoading] = useState(false);
     const [isFeedbackVisible, setIsFeedbackVisible] = useState(false);
     const buttonVariantClassNameMap = {
+        'brand-primary': 'button--brand-primary',
         primary: 'button--primary',
         secondary: 'button--secondary',
         tertiary: 'button--tertiary',

package/src/lib/components/LogoutButton/LogoutButton.cjs

@@ -10,7 +10,7 @@ require('@dynamic-labs/sdk-api');
 var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 var logout = require('../../shared/assets/logout.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
@@ -23,12 +23,10 @@ var Button = require('../Button/Button.cjs');
 const LogoutButton = ({ buttonClassName = '', isTextButton = false, }) => {
     const [loading, setLoading] = React.useState(false);
     const { handleLogOut } = useInternalDynamicContext.useInternalDynamicContext();
-    const { goToInitialView } = ViewContext.useViewContext();
     const onLogOutClick = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         try {
             setLoading(true);
             yield handleLogOut();
-            goToInitialView();
         }
         catch (e) {
             logger.logger.error(e);

package/src/lib/components/LogoutButton/LogoutButton.js

@@ -6,7 +6,7 @@ import '@dynamic-labs/sdk-api';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgLogout } from '../../shared/assets/logout.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
@@ -19,12 +19,10 @@ import { Button } from '../Button/Button.js';
 const LogoutButton = ({ buttonClassName = '', isTextButton = false, }) => {
     const [loading, setLoading] = useState(false);
     const { handleLogOut } = useInternalDynamicContext();
-    const { goToInitialView } = useViewContext();
     const onLogOutClick = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
             setLoading(true);
             yield handleLogOut();
-            goToInitialView();
         }
         catch (e) {
             logger.error(e);

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

@@ -67,7 +67,7 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
     const pickerRef = React.useRef(null);
     const [newNetworkId, setNewNetworkId] = React.useState(undefined);
     const { loadingNetwork, network, setNetwork } = useInternalDynamicContext.useInternalDynamicContext();
-    const { data: supportedWalletNetworks } = usePromise.usePromise(() => connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks(), { deps: [network] });
+    const { data: supportedWalletNetworks } = usePromise.usePromise(() => connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks(), { deps: [connector] });
     const shouldAllowOpenDropdown = isNetworkUnsupported.isNetworkUnsupported(network, evmNetworks) || (evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.length) > 1;
     // Ref to anchor popper to
     const anchorRef = React.useRef(null);
@@ -90,7 +90,10 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
             setIsNetworkPickerOpen(false);
         }
     });
-    return (jsxRuntime.jsxs("div", { className: classNames.classNames('non-widget-network-picker', mainClassName), ref: pickerRef, "data-testid": 'network-picker', children: [jsxRuntime.jsx(NetworkControl.NetworkControl, { evmNetworks: evmNetworks, activeClassName: activeClassName, network: network, loading: loadingNetwork, isOpen: isNetworkPickerOpen, setIsOpen: setIsNetworkPickerOpen, walletConnector: connector, showNetworkName: showNetworkName, buttonClassName: buttonClassName }), jsxRuntime.jsx("div", { ref: anchorRef, style: { marginTop: 5, position: 'absolute' } }), shouldAllowOpenDropdown && (jsxRuntime.jsx(MenuList.MenuList, { className: listClassName, isOpen: isNetworkPickerOpen, onClickClose: () => setIsNetworkPickerOpen(false), popperProps: { anchorOrigin: 'bottom-left', anchorRef }, mobileTitle: 'Select network', children: evmNetworks.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: network, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId, notSupported: supportedWalletNetworks &&
+    return (jsxRuntime.jsxs("div", { className: classNames.classNames('non-widget-network-picker', mainClassName), ref: pickerRef, "data-testid": 'network-picker', children: [jsxRuntime.jsxs("div", { className: 'network-picker-network-control', children: [jsxRuntime.jsx(NetworkControl.NetworkControl, { evmNetworks: evmNetworks, activeClassName: activeClassName, network: network, loading: loadingNetwork, isOpen: isNetworkPickerOpen, setIsOpen: setIsNetworkPickerOpen, walletConnector: connector, showNetworkName: showNetworkName, buttonClassName: buttonClassName }), jsxRuntime.jsx("div", { ref: anchorRef, className: 'network-picker-network-control__anchor' })] }), shouldAllowOpenDropdown && (jsxRuntime.jsx(MenuList.MenuList, { className: listClassName, isOpen: isNetworkPickerOpen, onClickClose: () => setIsNetworkPickerOpen(false), popperProps: {
+                    anchorOrigin: 'bottom-left',
+                    anchorRef,
+                }, mobileTitle: 'Select network', children: evmNetworks.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: network, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId, notSupported: supportedWalletNetworks &&
                         !supportedWalletNetworks.includes(`${networkId}`) }, networkId))) }))] }));
 };
 

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

@@ -63,7 +63,7 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
     const pickerRef = useRef(null);
     const [newNetworkId, setNewNetworkId] = useState(undefined);
     const { loadingNetwork, network, setNetwork } = useInternalDynamicContext();
-    const { data: supportedWalletNetworks } = usePromise(() => connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks(), { deps: [network] });
+    const { data: supportedWalletNetworks } = usePromise(() => connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks(), { deps: [connector] });
     const shouldAllowOpenDropdown = isNetworkUnsupported(network, evmNetworks) || (evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.length) > 1;
     // Ref to anchor popper to
     const anchorRef = useRef(null);
@@ -86,7 +86,10 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
             setIsNetworkPickerOpen(false);
         }
     });
-    return (jsxs("div", { className: classNames('non-widget-network-picker', mainClassName), ref: pickerRef, "data-testid": 'network-picker', children: [jsx(NetworkControl, { evmNetworks: evmNetworks, activeClassName: activeClassName, network: network, loading: loadingNetwork, isOpen: isNetworkPickerOpen, setIsOpen: setIsNetworkPickerOpen, walletConnector: connector, showNetworkName: showNetworkName, buttonClassName: buttonClassName }), jsx("div", { ref: anchorRef, style: { marginTop: 5, position: 'absolute' } }), shouldAllowOpenDropdown && (jsx(MenuList, { className: listClassName, isOpen: isNetworkPickerOpen, onClickClose: () => setIsNetworkPickerOpen(false), popperProps: { anchorOrigin: 'bottom-left', anchorRef }, mobileTitle: 'Select network', children: evmNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsx(NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: network, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId, notSupported: supportedWalletNetworks &&
+    return (jsxs("div", { className: classNames('non-widget-network-picker', mainClassName), ref: pickerRef, "data-testid": 'network-picker', children: [jsxs("div", { className: 'network-picker-network-control', children: [jsx(NetworkControl, { evmNetworks: evmNetworks, activeClassName: activeClassName, network: network, loading: loadingNetwork, isOpen: isNetworkPickerOpen, setIsOpen: setIsNetworkPickerOpen, walletConnector: connector, showNetworkName: showNetworkName, buttonClassName: buttonClassName }), jsx("div", { ref: anchorRef, className: 'network-picker-network-control__anchor' })] }), shouldAllowOpenDropdown && (jsx(MenuList, { className: listClassName, isOpen: isNetworkPickerOpen, onClickClose: () => setIsNetworkPickerOpen(false), popperProps: {
+                    anchorOrigin: 'bottom-left',
+                    anchorRef,
+                }, mobileTitle: 'Select network', children: evmNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsx(NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: network, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId, notSupported: supportedWalletNetworks &&
                         !supportedWalletNetworks.includes(`${networkId}`) }, networkId))) }))] }));
 };
 

package/src/lib/components/SendBalancePageLayout/SendBalancePageLayout.cjs

@@ -45,7 +45,7 @@ const SendBalancePageLayout = ({ error, walletAddress, onClickClose, onClickBack
             return;
         return parseFloat(balance);
     }, [balance]);
-    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: closeButton, children: jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__header-content', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: "Send from" }), walletKey && (jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletKey }) })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: shortenWalletAddress.shortenWalletAddress(walletAddress, 3, 3) })] }) }), jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__body', children: [jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: error && (jsxRuntime.jsx("div", { className: 'send-balance-page-layout__error', children: jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'error', children: error }) })) }), networkName && networkIcon && (jsxRuntime.jsx("div", { className: 'send-balance-page-layout__network-container', children: jsxRuntime.jsx(Chip.Chip, { icon: networkIcon, children: networkName }) })), jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsxRuntime.jsx(FormFieldLabel.FormFieldLabel, { divider: true, children: "Token" }), jsxRuntime.jsx(TokenBalanceCard.TokenBalanceCard, { chain: chain, currencySymbol: currencySymbol, balance: balance })] }), jsxRuntime.jsx(SendBalanceForm.SendBalanceForm, { onSubmit: onSubmit, initialValues: initialValues, balance: balanceNumber, decimals: networkCurrencyDecimals }), displayPoweredByDynamicFooter && (jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'send-balance-page-layout__footer' }))] })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: closeButton, children: jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__header-content', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: "Send from" }), walletKey && (jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletKey }) })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: shortenWalletAddress.shortenWalletAddress(walletAddress, 3, 3) })] }) }), jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__body', children: [jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: error && (jsxRuntime.jsx("div", { className: 'send-balance-page-layout__error', children: jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'error', children: error }) })) }), networkName && networkIcon && (jsxRuntime.jsx("div", { className: 'send-balance-page-layout__network-container', children: jsxRuntime.jsx(Chip.Chip, { icon: networkIcon, children: networkName }) })), jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsxRuntime.jsx(FormFieldLabel.FormFieldLabel, { divider: true, children: "Token" }), jsxRuntime.jsx(TokenBalanceCard.TokenBalanceCard, { chain: chain, currencySymbol: currencySymbol, balance: balance })] }), jsxRuntime.jsx(SendBalanceForm.SendBalanceForm, { onSubmit: onSubmit, initialValues: initialValues, balance: balanceNumber, decimals: networkCurrencyDecimals }), displayPoweredByDynamicFooter && (jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'send-balance-page-layout__footer' }))] })] }));
 };
 
 exports.SendBalancePageLayout = SendBalancePageLayout;

package/src/lib/components/SendBalancePageLayout/SendBalancePageLayout.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import { IconButton } from '../IconButton/IconButton.js';
@@ -41,7 +41,7 @@ const SendBalancePageLayout = ({ error, walletAddress, onClickClose, onClickBack
             return;
         return parseFloat(balance);
     }, [balance]);
-    return (jsxs("div", { children: [jsx(ModalHeader, { leading: backButton, trailing: closeButton, children: jsxs("div", { className: 'send-balance-page-layout__header-content', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: "Send from" }), walletKey && (jsx(Icon, { size: 'small', children: jsx(WalletIcon, { walletKey: walletKey }) })), jsx(Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: shortenWalletAddress(walletAddress, 3, 3) })] }) }), jsxs("div", { className: 'send-balance-page-layout__body', children: [jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: error && (jsx("div", { className: 'send-balance-page-layout__error', children: jsx(Alert, { icon: 'error', variant: 'error', children: error }) })) }), networkName && networkIcon && (jsx("div", { className: 'send-balance-page-layout__network-container', children: jsx(Chip, { icon: networkIcon, children: networkName }) })), jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsx(FormFieldLabel, { divider: true, children: "Token" }), jsx(TokenBalanceCard, { chain: chain, currencySymbol: currencySymbol, balance: balance })] }), jsx(SendBalanceForm, { onSubmit: onSubmit, initialValues: initialValues, balance: balanceNumber, decimals: networkCurrencyDecimals }), displayPoweredByDynamicFooter && (jsx(PoweredByDynamic, { classNameRoot: 'send-balance-page-layout__footer' }))] })] }));
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: backButton, trailing: closeButton, children: jsxs("div", { className: 'send-balance-page-layout__header-content', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: "Send from" }), walletKey && (jsx(Icon, { size: 'small', children: jsx(WalletIcon, { walletKey: walletKey }) })), jsx(Typography, { variant: 'body_normal', color: 'primary', as: 'p', children: shortenWalletAddress(walletAddress, 3, 3) })] }) }), jsxs("div", { className: 'send-balance-page-layout__body', children: [jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: error && (jsx("div", { className: 'send-balance-page-layout__error', children: jsx(Alert, { icon: 'error', variant: 'error', children: error }) })) }), networkName && networkIcon && (jsx("div", { className: 'send-balance-page-layout__network-container', children: jsx(Chip, { icon: networkIcon, children: networkName }) })), jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsx(FormFieldLabel, { divider: true, children: "Token" }), jsx(TokenBalanceCard, { chain: chain, currencySymbol: currencySymbol, balance: balance })] }), jsx(SendBalanceForm, { onSubmit: onSubmit, initialValues: initialValues, balance: balanceNumber, decimals: networkCurrencyDecimals }), displayPoweredByDynamicFooter && (jsx(PoweredByDynamic, { classNameRoot: 'send-balance-page-layout__footer' }))] })] }));
 };
 
 export { SendBalancePageLayout };

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

@@ -29,6 +29,7 @@ const Typography = (_a) => {
         'error-1': 'typography--dynamic-error-1',
         'error-2': 'typography--dynamic-error-2',
         'green-1': 'typography--connection-green-1',
+        inherit: 'typography--inherit',
         link: 'typography--link',
         primary: 'typography--primary',
         secondary: 'typography--secondary',

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

@@ -25,6 +25,7 @@ const Typography = (_a) => {
         'error-1': 'typography--dynamic-error-1',
         'error-2': 'typography--dynamic-error-2',
         'green-1': 'typography--connection-green-1',
+        inherit: 'typography--inherit',
         link: 'typography--link',
         primary: 'typography--primary',
         secondary: 'typography--secondary',

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

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, ElementType, ReactElement } from 'react';
 export type TypographyTag = ElementType;
 export type TypographyVariant = 'title' | 'body_normal' | 'body_small' | 'body_mini' | 'button_primary' | 'button_secondary' | 'button_tertiary' | 'numbers_big' | 'numbers_medium';
-export type TypographyColor = 'primary' | 'secondary' | 'brand-primary' | 'tertiary' | 'link' | 'error-1' | 'error-2' | 'tooltip' | 'green-1';
+export type TypographyColor = 'primary' | 'secondary' | 'brand-primary' | 'tertiary' | 'link' | 'error-1' | 'error-2' | 'tooltip' | 'green-1' | 'inherit';
 export type TypographyWeight = 'regular' | 'medium' | 'bold';
 export type TypographyTransform = 'uppercase';
 export type TypographyProps<TAG extends ElementType = 'p'> = {

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

@@ -60,7 +60,7 @@ require('../../../MenuList/Dropdown/Dropdown.cjs');
 const UserProfileField = ({ name, label, value, }) => {
     const isEmpty = value === '';
     const isEmailField = name === 'email';
-    return (jsxRuntime.jsxs("div", { className: 'user-profile-field', children: [label && (jsxRuntime.jsx(Typography.Typography, { as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', children: label })), jsxRuntime.jsxs("div", { className: 'user-profile-field__value', children: [jsxRuntime.jsx(Typography.Typography, { color: isEmpty ? 'tertiary' : 'primary', as: 'p', weight: 'regular', variant: 'body_normal', children: value || 'Empty' }), isEmailField && (jsxRuntime.jsx(VerifiedEmailIcon.VerifiedEmailIcon, { className: 'user-profile-field__verify-email-icon', overwriteTooltipProps: { as: 'div' } }))] })] }));
+    return (jsxRuntime.jsxs("div", { className: 'user-profile-field', children: [label && (jsxRuntime.jsx(Typography.Typography, { as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', children: label })), jsxRuntime.jsxs("div", { className: 'user-profile-field__value', children: [jsxRuntime.jsx(Typography.Typography, { color: isEmpty ? 'tertiary' : 'primary', as: 'p', weight: 'regular', variant: 'body_normal', children: value }), isEmailField && (jsxRuntime.jsx(VerifiedEmailIcon.VerifiedEmailIcon, { className: 'user-profile-field__verify-email-icon', overwriteTooltipProps: { as: 'div' } }))] })] }));
 };
 
 exports.UserProfileField = UserProfileField;

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

@@ -56,7 +56,7 @@ import '../../../MenuList/Dropdown/Dropdown.js';
 const UserProfileField = ({ name, label, value, }) => {
     const isEmpty = value === '';
     const isEmailField = name === 'email';
-    return (jsxs("div", { className: 'user-profile-field', children: [label && (jsx(Typography, { as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', children: label })), jsxs("div", { className: 'user-profile-field__value', children: [jsx(Typography, { color: isEmpty ? 'tertiary' : 'primary', as: 'p', weight: 'regular', variant: 'body_normal', children: value || 'Empty' }), isEmailField && (jsx(VerifiedEmailIcon, { className: 'user-profile-field__verify-email-icon', overwriteTooltipProps: { as: 'div' } }))] })] }));
+    return (jsxs("div", { className: 'user-profile-field', children: [label && (jsx(Typography, { as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', children: label })), jsxs("div", { className: 'user-profile-field__value', children: [jsx(Typography, { color: isEmpty ? 'tertiary' : 'primary', as: 'p', weight: 'regular', variant: 'body_normal', children: value }), isEmailField && (jsx(VerifiedEmailIcon, { className: 'user-profile-field__verify-email-icon', overwriteTooltipProps: { as: 'div' } }))] })] }));
 };
 
 export { UserProfileField };

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

@@ -145,7 +145,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
     const [qrcodeUri, setQrcodeUri] = React.useState('');
     const [desktopUri, setDesktopUri] = React.useState('');
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState.useMultiWalletWidgetState();
-    const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings.useFetchProjectSettings({
+    const { projectSettings, isLoading: isProjectSettingsLoading, removeLsSettings, } = useFetchProjectSettings.useFetchProjectSettings({
         authToken: getAuthToken.getAuthToken(),
         dynamicContextProps: { settings },
         environmentId,
@@ -196,7 +196,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
-    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId(internalEventsRef.current);
+    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId();
     const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet.useConnectWallet({
         authMode,
         clearPrimaryWalletId,
@@ -230,6 +230,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
     const { computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, } = useWalletConnectors.useWalletConnectors({
         authMode,
         authToken: getAuthToken.getAuthToken() || onboardingOnlyJwt,
+        canHaveMultipleWalletsConnected: multiWallet || isBridgeFlow,
         connectedWallets,
         multiWalletWidgetState,
         onboardingOnlyJwt,
@@ -300,6 +301,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');
         removeAuthTokenAndUser();
+        removeLsSettings();
         handleRemoveLsNetworks();
         setOnboardingOnlyJwt(undefined);
         removeConnectedWalletsInfo();
@@ -728,7 +730,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
                                     isBridgeFlow,
                                     isFullyConnected,
                                     isMultiWalletEnabled: multiWallet,
-                                }), children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsxs(UserFieldEditorContext.UserFieldEditorContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+                                }), internalEvents: internalEventsRef, children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsxs(UserFieldEditorContext.UserFieldEditorContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 
 exports.DynamicContext = DynamicContext;

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

@@ -141,7 +141,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
     const [qrcodeUri, setQrcodeUri] = useState('');
     const [desktopUri, setDesktopUri] = useState('');
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState();
-    const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings({
+    const { projectSettings, isLoading: isProjectSettingsLoading, removeLsSettings, } = useFetchProjectSettings({
         authToken: getAuthToken(),
         dynamicContextProps: { settings },
         environmentId,
@@ -192,7 +192,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage(AUTH_MODE, initialAuthenticationMode);
-    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId(internalEventsRef.current);
+    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId();
     const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet({
         authMode,
         clearPrimaryWalletId,
@@ -226,6 +226,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
     const { computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, } = useWalletConnectors({
         authMode,
         authToken: getAuthToken() || onboardingOnlyJwt,
+        canHaveMultipleWalletsConnected: multiWallet || isBridgeFlow,
         connectedWallets,
         multiWalletWidgetState,
         onboardingOnlyJwt,
@@ -296,6 +297,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');
         removeAuthTokenAndUser();
+        removeLsSettings();
         handleRemoveLsNetworks();
         setOnboardingOnlyJwt(undefined);
         removeConnectedWalletsInfo();
@@ -724,7 +726,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
                                     isBridgeFlow,
                                     isFullyConnected,
                                     isMultiWalletEnabled: multiWallet,
-                                }), children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsxs(UserFieldEditorContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+                                }), internalEvents: internalEventsRef, children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsxs(UserFieldEditorContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 
 export { DynamicContext, DynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };

package/src/lib/context/DynamicContext/internalEvents/internalEvents.d.ts

@@ -3,7 +3,6 @@ import { Wallet } from '../../../shared';
 /** Maps internal event names to their listeners */
 export type InternalEventMap = {
     emailVerificationResult: (param: boolean, email: string) => void;
-    clearPrimaryWallet: () => void;
     embeddedWalletCreated: (wallet: Wallet) => void;
     embeddedWalletFailed: (error: unknown) => void;
     logout: () => void;

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

@@ -11,7 +11,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, setShowBridgeWidget, sendWagmiSettings, internalEvents, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, setShowBridgeWidget, sendWagmiSettings, } = context;
     return {
         accountSwitchState,
         authMode,
@@ -21,7 +21,6 @@ const useDynamicContext = () => {
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
-        internalEvents,
         isAuthenticated,
         isFullyConnected,
         isVerificationInProgress,

package/src/lib/context/DynamicContext/useDynamicContext.d.ts

@@ -1,3 +1,3 @@
 import { IDynamicContext } from './types';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'connectedWallets' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'linkedWallets' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'secondaryWallets' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'wallets' | 'walletsByChain' | 'walletsToConnectByChain' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'internalEvents'>;
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'connectedWallets' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'linkedWallets' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'secondaryWallets' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'wallets' | 'walletsByChain' | 'walletsToConnectByChain' | 'setShowBridgeWidget' | 'sendWagmiSettings'>;
 export declare const useDynamicContext: () => UseDynamicContext;

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

@@ -7,7 +7,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, setShowBridgeWidget, sendWagmiSettings, internalEvents, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, setShowBridgeWidget, sendWagmiSettings, } = context;
     return {
         accountSwitchState,
         authMode,
@@ -17,7 +17,6 @@ const useDynamicContext = () => {
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
-        internalEvents,
         isAuthenticated,
         isFullyConnected,
         isVerificationInProgress,

package/src/lib/context/ViewContext/ViewContext.cjs

@@ -6,12 +6,25 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
 const ViewContext = React.createContext(undefined);
-const ViewContextProvider = ({ children, initialView = 'wallet-list' }) => {
+const ViewContextProvider = ({ children, initialView = 'wallet-list', internalEvents }) => {
     const [_view, setView] = React.useState(null);
     const view = _view || initialView;
     const goToInitialView = React.useCallback(() => {
         setView(null);
     }, [initialView]);
+    React.useEffect(() => {
+        if (!internalEvents) {
+            return;
+        }
+        const handleInternalLogoutEvent = () => {
+            goToInitialView();
+        };
+        const events = internalEvents.current;
+        events.on('logout', handleInternalLogoutEvent);
+        return () => {
+            events.off('logout', handleInternalLogoutEvent);
+        };
+    }, [goToInitialView, internalEvents]);
     const value = React.useMemo(() => ({
         goToInitialView,
         setView: setView,

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

@@ -1,4 +1,5 @@
-import { SetStateAction, Dispatch, PropsWithChildren, FC } from 'react';
+import { SetStateAction, Dispatch, PropsWithChildren, FC, MutableRefObject } from 'react';
+import { InternalEventEmitter } from '../DynamicContext/internalEvents';
 export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'wallet-cannot-be-transferred' | 'passkey-intro';
 export type ViewContextProps = {
     setView: Dispatch<SetStateAction<ViewType>>;
@@ -7,6 +8,7 @@ export type ViewContextProps = {
 };
 type ViewContextProviderProps = {
     initialView?: ViewType;
+    internalEvents?: MutableRefObject<InternalEventEmitter>;
 };
 export declare const ViewContext: import("react").Context<ViewContextProps | undefined>;
 export declare const ViewContextProvider: FC<PropsWithChildren<ViewContextProviderProps>>;

package/src/lib/context/ViewContext/ViewContext.js

@@ -1,13 +1,26 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useCallback, useMemo, useContext } from 'react';
+import { createContext, useState, useCallback, useEffect, useMemo, useContext } from 'react';
 
 const ViewContext = createContext(undefined);
-const ViewContextProvider = ({ children, initialView = 'wallet-list' }) => {
+const ViewContextProvider = ({ children, initialView = 'wallet-list', internalEvents }) => {
     const [_view, setView] = useState(null);
     const view = _view || initialView;
     const goToInitialView = useCallback(() => {
         setView(null);
     }, [initialView]);
+    useEffect(() => {
+        if (!internalEvents) {
+            return;
+        }
+        const handleInternalLogoutEvent = () => {
+            goToInitialView();
+        };
+        const events = internalEvents.current;
+        events.on('logout', handleInternalLogoutEvent);
+        return () => {
+            events.off('logout', handleInternalLogoutEvent);
+        };
+    }, [goToInitialView, internalEvents]);
     const value = useMemo(() => ({
         goToInitialView,
         setView: setView,

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

@@ -66,7 +66,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 
-const DynamicAuthLayout = ({ children, className, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
+const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = ViewContext.useViewContext();
     const { walletConnector, authMode } = useInternalDynamicContext.useInternalDynamicContext();
     const { isFooterExpanded } = index.useFooterAnimationContext();
@@ -77,7 +77,7 @@ const DynamicAuthLayout = ({ children, className, onClose, projectSettings, hide
     });
     const { showConnectedWalletProgress } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
     const { showDynamicFooter } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
-    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, walletConnector: walletConnector })), children, showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {}), showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
+    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, walletConnector: walletConnector })), children, showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {}), showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
 };
 
 exports.DynamicAuthLayout = DynamicAuthLayout;