@dynamic-labs/sdk-react-core 1.1.0-alpha.4 → 1.1.0-alpha.6

package/CHANGELOG.md

@@ -1,4 +1,25 @@
 
+## [1.1.0-alpha.6](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.5...v1.1.0-alpha.6) (2023-12-27)
+
+
+### Features
+
+* add multi-wallet-prompts-widget ([#4166](https://github.com/dynamic-labs/DynamicAuth/issues/4166)) ([151e3d2](https://github.com/dynamic-labs/DynamicAuth/commit/151e3d2e7bebbf18448e4af8eecbf660f713cd3d))
+
+
+### Bug Fixes
+
+* coinbase solana signMessage ([#4254](https://github.com/dynamic-labs/DynamicAuth/issues/4254)) ([f0300a9](https://github.com/dynamic-labs/DynamicAuth/commit/f0300a93ed6c9ba9dfab613820d8cedbe72abb87))
+* make useConnectWithEmailOtp work cross views ([#4252](https://github.com/dynamic-labs/DynamicAuth/issues/4252)) ([a097119](https://github.com/dynamic-labs/DynamicAuth/commit/a097119556c38a22f338a783f79d512b99203cf5))
+
+## [1.1.0-alpha.5](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.4...v1.1.0-alpha.5) (2023-12-21)
+
+
+### Features
+
+* add support for xverse wallet ([#4245](https://github.com/dynamic-labs/DynamicAuth/issues/4245)) ([7b68546](https://github.com/dynamic-labs/DynamicAuth/commit/7b6854684412007bcb33896555900936395176df))
+* **gvty-526:** add embedded reveal ([#4233](https://github.com/dynamic-labs/DynamicAuth/issues/4233)) ([c2d0f90](https://github.com/dynamic-labs/DynamicAuth/commit/c2d0f903f4a4646f86c71834540fd49d51a4a7ae))
+
 ## [1.1.0-alpha.4](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.3...v1.1.0-alpha.4) (2023-12-21)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.1.0-alpha.4";
+var version = "1.1.0-alpha.6";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.47",
 	"@dynamic-labs/sdk-api": "0.0.333",

package/package.js

@@ -1,4 +1,4 @@
-var version = "1.1.0-alpha.4";
+var version = "1.1.0-alpha.6";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.47",
 	"@dynamic-labs/sdk-api": "0.0.333",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "1.1.0-alpha.4",
+  "version": "1.1.0-alpha.6",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,15 +17,15 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/ethereum": "1.1.0-alpha.4",
-    "@dynamic-labs/logger": "1.1.0-alpha.4",
-    "@dynamic-labs/multi-wallet": "1.1.0-alpha.4",
-    "@dynamic-labs/rpc-providers": "1.1.0-alpha.4",
-    "@dynamic-labs/types": "1.1.0-alpha.4",
-    "@dynamic-labs/utils": "1.1.0-alpha.4",
-    "@dynamic-labs/viem-utils": "1.1.0-alpha.4",
-    "@dynamic-labs/wallet-book": "1.1.0-alpha.4",
-    "@dynamic-labs/wallet-connector-core": "1.1.0-alpha.4",
+    "@dynamic-labs/ethereum": "1.1.0-alpha.6",
+    "@dynamic-labs/logger": "1.1.0-alpha.6",
+    "@dynamic-labs/multi-wallet": "1.1.0-alpha.6",
+    "@dynamic-labs/rpc-providers": "1.1.0-alpha.6",
+    "@dynamic-labs/types": "1.1.0-alpha.6",
+    "@dynamic-labs/utils": "1.1.0-alpha.6",
+    "@dynamic-labs/viem-utils": "1.1.0-alpha.6",
+    "@dynamic-labs/wallet-book": "1.1.0-alpha.6",
+    "@dynamic-labs/wallet-connector-core": "1.1.0-alpha.6",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -18,6 +18,7 @@ var DynamicWidget = require('./lib/widgets/DynamicWidget/DynamicWidget.cjs');
 var DynamicNav = require('./lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.cjs');
 var DynamicUserProfile = require('./lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.cjs');
 var FundingWidget = require('./lib/widgets/FundingWidget/FundingWidget.cjs');
+var DynamicMultiWalletPromptsWidget = require('./lib/widgets/DynamicMultiWalletPromptsWidget/DynamicMultiWalletPromptsWidget.cjs');
 require('react/jsx-runtime');
 var classNames = require('./lib/utils/functions/classNames/classNames.cjs');
 require('react');
@@ -70,6 +71,7 @@ var dynamicLogo = require('./lib/shared/assets/dynamic-logo.cjs');
 var embeddedWalletIcon = require('./lib/shared/assets/embedded-wallet-icon.cjs');
 var error = require('./lib/shared/assets/error.cjs');
 var externalLink = require('./lib/shared/assets/externalLink.cjs');
+var eyeOffIcon = require('./lib/shared/assets/eye-off-icon.cjs');
 var footerEyeIcon = require('./lib/shared/assets/footer-eye-icon.cjs');
 var footerGasIcon = require('./lib/shared/assets/footer-gas-icon.cjs');
 var footerInfoIcon = require('./lib/shared/assets/footer-info-icon.cjs');
@@ -109,6 +111,11 @@ var walletOutline = require('./lib/shared/assets/wallet-outline.cjs');
 var workSuitcase = require('./lib/shared/assets/work-suitcase.cjs');
 var circleLocker = require('./lib/shared/assets/circle-locker.cjs');
 var turnkey = require('./lib/shared/assets/turnkey.cjs');
+var lock = require('./lib/shared/assets/lock.cjs');
+var altEmbeddedWallet = require('./lib/shared/assets/alt-embedded-wallet.cjs');
+var faceId = require('./lib/shared/assets/face-id.cjs');
+var exportEmbeddedHero = require('./lib/shared/assets/export-embedded-hero.cjs');
+var walletV2 = require('./lib/shared/assets/wallet-v2.cjs');
 var index$2 = require('./lib/shared/consts/index.cjs');
 var logger = require('./lib/shared/logger.cjs');
 require('react-dom');
@@ -146,10 +153,11 @@ require('./lib/context/QrCodeContext/QrCodeContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('./lib/context/WalletGroupContext/WalletGroupContext.cjs');
 require('./lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+require('./lib/context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('./lib/context/CaptchaContext/CaptchaContext.cjs');
 var useEmailVerificationRequest = require('./lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs');
-require('qrcode');
-require('./lib/context/LoadingContext/LoadingContext.cjs');
 require('i18next');
 var DynamicWidgetContext = require('./lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('./lib/components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -159,13 +167,13 @@ require('./lib/components/IconButton/IconButton.cjs');
 require('./lib/components/Alert/Alert.cjs');
 require('@dynamic-labs/viem-utils');
 require('./lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var useEmbeddedReveal = require('./lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.cjs');
 var DynamicConnectButton = require('./lib/components/DynamicConnectButton/DynamicConnectButton.cjs');
 require('./lib/components/InlineWidget/InlineWidget.cjs');
 var IsBrowser = require('./lib/components/IsBrowser/IsBrowser.cjs');
 require('./lib/components/MenuList/Dropdown/Dropdown.cjs');
 require('./lib/components/Popper/Popper/Popper.cjs');
 require('./lib/components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 var WalletList = require('./lib/views/WalletList/WalletList.cjs');
 var PendingSignatureView = require('./lib/views/PendingSignatureView/PendingSignatureView.cjs');
 var CollectUserDataView = require('./lib/views/CollectUserDataView/CollectUserDataView.cjs');
@@ -181,7 +189,9 @@ var index$3 = require('./lib/utils/functions/walletFilters/index.cjs');
 var SendBalanceContext = require('./lib/context/SendBalanceContext/SendBalanceContext.cjs');
 require('./lib/context/FundingContext/FundingContext.cjs');
 var useFunding = require('./lib/context/FundingContext/useFunding/useFunding.cjs');
-var useConnectWithEmailOtp = require('./lib/utils/hooks/useConnectWithEmailOtp/useConnectWithEmailOtp.cjs');
+require('./lib/context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.cjs');
+require('./lib/context/ConnectWithEmailOtpContext/constants.cjs');
+var useConnectWithEmailOtp = require('./lib/context/ConnectWithEmailOtpContext/useConnectWithEmailOtp.cjs');
 
 
 
@@ -201,6 +211,7 @@ exports.DynamicWidget = DynamicWidget.DynamicWidget;
 exports.DynamicNav = DynamicNav.ShadowedDynamicNav;
 exports.DynamicUserProfile = DynamicUserProfile.ShadowedDynamicUserProfile;
 exports.FundingWidget = FundingWidget.FundingWidget;
+exports.DynamicMultiWalletPromptsWidget = DynamicMultiWalletPromptsWidget.DynamicMultiWalletPromptsWidget;
 exports.classNames = classNames.classNames;
 exports.useWalletConnectorEvent = useWalletConnectorEvent.useWalletConnectorEvent;
 exports.useAuthenticateConnectedUser = useAuthenticateConnectedUser.useAuthenticateConnectedUser;
@@ -250,6 +261,7 @@ exports.DynamicLogoIcon = dynamicLogo.ReactComponent;
 exports.EmbeddedWalletIcon = embeddedWalletIcon.ReactComponent;
 exports.ErrorIcon = error.ReactComponent;
 exports.ExternalLinkIcon = externalLink.ReactComponent;
+exports.EyeOffIcon = eyeOffIcon.ReactComponent;
 exports.EyeIcon = footerEyeIcon.ReactComponent;
 exports.GasIcon = footerGasIcon.ReactComponent;
 exports.InfoIcon = footerInfoIcon.ReactComponent;
@@ -289,6 +301,11 @@ exports.WalletOutlineIcon = walletOutline.ReactComponent;
 exports.WorkSuitcaseIcon = workSuitcase.ReactComponent;
 exports.CircleLockerIcon = circleLocker.ReactComponent;
 exports.TurnkeyIcon = turnkey.ReactComponent;
+exports.LockIcon = lock.ReactComponent;
+exports.AltEmbeddedWalletIcon = altEmbeddedWallet.ReactComponent;
+exports.FaceIdIcon = faceId.ReactComponent;
+exports.ExportEmbeddedHero = exportEmbeddedHero.ReactComponent;
+exports.WalletV2Icon = walletV2.ReactComponent;
 exports.authModalZIndex = index$2.authModalZIndex;
 exports.countryCodes = index$2.countryCodes;
 exports.defaultWalletsForChains = index$2.defaultWalletsForChains;
@@ -320,6 +337,7 @@ exports.useWalletItemActions = useWalletItemActions.useWalletItemActions;
 exports.ShadowDOM = ShadowDOM.ShadowDOM;
 exports.useEmailVerificationRequest = useEmailVerificationRequest.useEmailVerificationRequest;
 exports.DynamicWidgetContextProvider = DynamicWidgetContext.DynamicWidgetContextProvider;
+exports.useEmbeddedReveal = useEmbeddedReveal.useEmbeddedReveal;
 exports.DynamicConnectButton = DynamicConnectButton.DynamicConnectButton;
 exports.IsBrowser = IsBrowser.IsBrowser;
 exports.WalletList = WalletList.WalletList;

package/src/index.d.ts

@@ -24,7 +24,7 @@ export { classNames } from './lib/utils/functions/classNames';
 export { getNetwork } from './lib/utils/functions/getNetwork';
 export * from './lib/utils/functions/walletFilters';
 export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context';
-export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, usePasskeyRecovery, useIsLoggedIn, } from './lib/utils/hooks';
+export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, } from './lib/utils/hooks';
 export { useUserUpdateRequest, useWalletConnectorEvent, } from './lib/utils/hooks';
 export { type VerifyEmailCallback, useEmailVerificationRequest, } from './lib/utils/hooks/authenticationHooks/';
 export type { UpdateUserFieldsArg } from './lib/utils/hooks/';
@@ -32,4 +32,4 @@ export { type DynamicJwt, DynamicJwtFromJSON } from '@dynamic-labs/sdk-api';
 export { useSendBalance } from './lib/context/SendBalanceContext';
 export type { LocaleResource } from './lib/locale';
 export { useFunding } from './lib/context/FundingContext';
-export { useConnectWithEmailOtp } from './lib/utils/hooks/useConnectWithEmailOtp';
+export { useConnectWithEmailOtp } from './lib/context/ConnectWithEmailOtpContext';

package/src/index.js

@@ -14,6 +14,7 @@ export { DynamicWidget } from './lib/widgets/DynamicWidget/DynamicWidget.js';
 export { ShadowedDynamicNav as DynamicNav } from './lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.js';
 export { ShadowedDynamicUserProfile as DynamicUserProfile } from './lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.js';
 export { FundingWidget } from './lib/widgets/FundingWidget/FundingWidget.js';
+export { DynamicMultiWalletPromptsWidget } from './lib/widgets/DynamicMultiWalletPromptsWidget/DynamicMultiWalletPromptsWidget.js';
 import 'react/jsx-runtime';
 export { classNames } from './lib/utils/functions/classNames/classNames.js';
 import 'react';
@@ -66,6 +67,7 @@ export { ReactComponent as DynamicLogoIcon } from './lib/shared/assets/dynamic-l
 export { ReactComponent as EmbeddedWalletIcon } from './lib/shared/assets/embedded-wallet-icon.js';
 export { ReactComponent as ErrorIcon } from './lib/shared/assets/error.js';
 export { ReactComponent as ExternalLinkIcon } from './lib/shared/assets/externalLink.js';
+export { ReactComponent as EyeOffIcon } from './lib/shared/assets/eye-off-icon.js';
 export { ReactComponent as EyeIcon } from './lib/shared/assets/footer-eye-icon.js';
 export { ReactComponent as GasIcon } from './lib/shared/assets/footer-gas-icon.js';
 export { ReactComponent as InfoIcon } from './lib/shared/assets/footer-info-icon.js';
@@ -105,6 +107,11 @@ export { ReactComponent as WalletOutlineIcon } from './lib/shared/assets/wallet-
 export { ReactComponent as WorkSuitcaseIcon } from './lib/shared/assets/work-suitcase.js';
 export { ReactComponent as CircleLockerIcon } from './lib/shared/assets/circle-locker.js';
 export { ReactComponent as TurnkeyIcon } from './lib/shared/assets/turnkey.js';
+export { ReactComponent as LockIcon } from './lib/shared/assets/lock.js';
+export { ReactComponent as AltEmbeddedWalletIcon } from './lib/shared/assets/alt-embedded-wallet.js';
+export { ReactComponent as FaceIdIcon } from './lib/shared/assets/face-id.js';
+export { ReactComponent as ExportEmbeddedHero } from './lib/shared/assets/export-embedded-hero.js';
+export { ReactComponent as WalletV2Icon } from './lib/shared/assets/wallet-v2.js';
 export { authModalZIndex, countryCodes, defaultWalletsForChains, tShirtSizes, teamNames, toolkitZIndex, tooltipZIndex, widgetModalZIndex } from './lib/shared/consts/index.js';
 export { logger } from './lib/shared/logger.js';
 import 'react-dom';
@@ -142,10 +149,11 @@ import './lib/context/QrCodeContext/QrCodeContext.js';
 import '@dynamic-labs/wallet-book';
 import './lib/context/WalletGroupContext/WalletGroupContext.js';
 import './lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
+import './lib/context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import './lib/context/CaptchaContext/CaptchaContext.js';
 export { useEmailVerificationRequest } from './lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js';
-import 'qrcode';
-import './lib/context/LoadingContext/LoadingContext.js';
 import 'i18next';
 export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import './lib/components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -155,13 +163,13 @@ import './lib/components/IconButton/IconButton.js';
 import './lib/components/Alert/Alert.js';
 import '@dynamic-labs/viem-utils';
 import './lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+export { useEmbeddedReveal } from './lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.js';
 export { DynamicConnectButton } from './lib/components/DynamicConnectButton/DynamicConnectButton.js';
 import './lib/components/InlineWidget/InlineWidget.js';
 export { IsBrowser } from './lib/components/IsBrowser/IsBrowser.js';
 import './lib/components/MenuList/Dropdown/Dropdown.js';
 import './lib/components/Popper/Popper/Popper.js';
 import './lib/components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 export { WalletList } from './lib/views/WalletList/WalletList.js';
 export { PendingSignatureView } from './lib/views/PendingSignatureView/PendingSignatureView.js';
 export { CollectUserDataView } from './lib/views/CollectUserDataView/CollectUserDataView.js';
@@ -177,4 +185,6 @@ export { FilterAndSortWallets, FilterBridgeChainsName, FilterWallets, RemoveWall
 export { useSendBalance } from './lib/context/SendBalanceContext/SendBalanceContext.js';
 import './lib/context/FundingContext/FundingContext.js';
 export { useFunding } from './lib/context/FundingContext/useFunding/useFunding.js';
-export { useConnectWithEmailOtp } from './lib/utils/hooks/useConnectWithEmailOtp/useConnectWithEmailOtp.js';
+import './lib/context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.js';
+import './lib/context/ConnectWithEmailOtpContext/constants.js';
+export { useConnectWithEmailOtp } from './lib/context/ConnectWithEmailOtpContext/useConnectWithEmailOtp.js';

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

@@ -54,8 +54,8 @@ require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -50,8 +50,8 @@ import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/QrCodeContext/QrCodeContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

package/src/lib/components/AnimatePresence/AnimatePresence.cjs

@@ -54,8 +54,8 @@ require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

package/src/lib/components/AnimatePresence/AnimatePresence.js

@@ -50,8 +50,8 @@ import '../../context/FooterAnimationContext/index.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

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

@@ -58,8 +58,8 @@ require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -54,8 +54,8 @@ import '../../context/FooterAnimationContext/index.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

package/src/lib/components/Divider/Divider.cjs

@@ -45,8 +45,9 @@ require('../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -59,7 +60,6 @@ require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const Divider = ({ text, className = '', fullWidth = false }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('divider', className, {
         'divider__full-width': fullWidth,

package/src/lib/components/Divider/Divider.js

@@ -41,8 +41,9 @@ import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -55,7 +56,6 @@ import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const Divider = ({ text, className = '', fullWidth = false }) => (jsxs("div", { className: classNames('divider', className, {
         'divider__full-width': fullWidth,

package/src/lib/components/DynamicBaseWidget/DynamicBaseWidget.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('../Popper/Popper/Popper.cjs');
+var PopperContext = require('../Popper/PopperContext/PopperContext.cjs');
+var IsBrowser = require('../IsBrowser/IsBrowser.cjs');
+var ShadowDOM = require('../ShadowDOM/ShadowDOM.cjs');
+
+const DynamicBaseWidget = ({ children, shadowDOMProps }) => (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(ShadowDOM.ShadowDOM, Object.assign({}, shadowDOMProps, { children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: children }) })) }));
+
+exports.DynamicBaseWidget = DynamicBaseWidget;

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

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+import { ShadowDOMProps } from '../ShadowDOM';
+type DynamicBaseWidgetProps = {
+    shadowDOMProps?: ShadowDOMProps;
+};
+export declare const DynamicBaseWidget: FC<PropsWithChildren<DynamicBaseWidgetProps>>;
+export {};

package/src/lib/components/DynamicBaseWidget/DynamicBaseWidget.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import '../Popper/Popper/Popper.js';
+import { PopperProvider } from '../Popper/PopperContext/PopperContext.js';
+import { IsBrowser } from '../IsBrowser/IsBrowser.js';
+import { ShadowDOM } from '../ShadowDOM/ShadowDOM.js';
+
+const DynamicBaseWidget = ({ children, shadowDOMProps }) => (jsx(IsBrowser, { children: jsx(ShadowDOM, Object.assign({}, shadowDOMProps, { children: jsx(PopperProvider, { children: children }) })) }));
+
+export { DynamicBaseWidget };

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

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

package/src/lib/components/MenuList/Dropdown/Dropdown.cjs

@@ -57,8 +57,8 @@ require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

package/src/lib/components/MenuList/Dropdown/Dropdown.js

@@ -53,8 +53,8 @@ import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/QrCodeContext/QrCodeContext.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

package/src/lib/components/Modal/Modal.cjs

@@ -53,8 +53,8 @@ require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -1,9 +1,8 @@
 import { FC, PropsWithChildren } from 'react';
 import { TransitionProps } from '../Transition/transition.type';
-type ModalProps = {
+export type ModalProps = {
     className?: string;
     isShown?: boolean;
     transitionProps?: TransitionProps;
 };
 export declare const Modal: FC<PropsWithChildren<ModalProps>>;
-export {};

package/src/lib/components/Modal/Modal.js

@@ -49,8 +49,8 @@ import '../../context/FooterAnimationContext/index.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

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

@@ -1 +1 @@
-export { Modal } from './Modal';
+export { Modal, type ModalProps } from './Modal';

package/src/lib/components/NeedHelpSection/NeedHelpSection.cjs

@@ -56,8 +56,8 @@ require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

package/src/lib/components/NeedHelpSection/NeedHelpSection.js

@@ -52,8 +52,8 @@ import '../../context/FooterAnimationContext/index.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

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

@@ -57,8 +57,8 @@ require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -53,8 +53,8 @@ import '../../context/FooterAnimationContext/index.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

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

@@ -46,8 +46,9 @@ require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var Icon = require('../../../Icon/Icon.cjs');
 require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -61,7 +62,6 @@ require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 var NetworkControlSkeleton = require('../NetworkControlSkeleton/NetworkControlSkeleton.cjs');
 var UnsupportedNetwork = require('../UnsupportedNetwork/UnsupportedNetwork.cjs');
 

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

@@ -42,8 +42,9 @@ import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import { Icon } from '../../../Icon/Icon.js';
 import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -57,7 +58,6 @@ import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 import { NetworkControlSkeleton } from '../NetworkControlSkeleton/NetworkControlSkeleton.js';
 import { UnsupportedNetwork } from '../UnsupportedNetwork/UnsupportedNetwork.js';
 

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

@@ -47,9 +47,10 @@ require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
 var Spinner = require('../../../IconWithSpinner/Spinner/Spinner.cjs');
-require('qrcode');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -62,7 +63,6 @@ require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const Network = ({ iconUrl, isActive, networkName, className, checkboxClassName = '', isChanging, notSupported = false, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('network', className, {
         'network--not-supported': notSupported,

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

@@ -43,9 +43,10 @@ import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
 import { Spinner } from '../../../IconWithSpinner/Spinner/Spinner.js';
-import 'qrcode';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -58,7 +59,6 @@ import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const Network = ({ iconUrl, isActive, networkName, className, checkboxClassName = '', isChanging, notSupported = false, }) => (jsxs("div", { className: classNames('network', className, {
         'network--not-supported': notSupported,