@dynamic-labs/sdk-react-core 0.18.100-viem.23 → 0.18.100-viem.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/package.cjs +1 -1
  3. package/package.js +1 -1
  4. package/package.json +8 -8
  5. package/src/lib/widgets/DynamicWidget/DynamicWidget.cjs +2 -2
  6. package/src/lib/widgets/DynamicWidget/DynamicWidget.js +3 -3
  7. package/src/lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.cjs +36 -1
  8. package/src/lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.js +36 -1
  9. package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.cjs +2 -2
  10. package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.js +2 -2
package/CHANGELOG.md CHANGED
@@ -1,4 +1,18 @@
1
1
 
2
+ ### [0.18.100-viem.25](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.100-viem.24...v0.18.100-viem.25) (2023-10-12)
3
+
4
+
5
+ ### Bug Fixes
6
+
7
+ * **wagmi-connector:** use wallets list to sync wagmi client ([#3563](https://github.com/dynamic-labs/DynamicAuth/issues/3563)) ([#3581](https://github.com/dynamic-labs/DynamicAuth/issues/3581)) ([c15cd2c](https://github.com/dynamic-labs/DynamicAuth/commit/c15cd2cbc4dfb68c4eb407401020fc0680701a33))
8
+
9
+ ### [0.18.100-viem.24](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.100-viem.23...v0.18.100-viem.24) (2023-10-03)
10
+
11
+
12
+ ### Bug Fixes
13
+
14
+ * fix PopperProvider error when using DynamicNav ([#3486](https://github.com/dynamic-labs/DynamicAuth/issues/3486)) ([8a7dd27](https://github.com/dynamic-labs/DynamicAuth/commit/8a7dd27e0e29cd811e95b7c48d241d6ea1adce4e))
15
+
2
16
  ### [0.18.100-viem.23](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.100-viem.22...v0.18.100-viem.23) (2023-09-30)
3
17
 
4
18
 
package/package.cjs CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var version = "0.18.100-viem.23";
5
+ var version = "0.18.100-viem.25";
6
6
  var dependencies = {
7
7
  "react-focus-lock": "2.9.2",
8
8
  "@dynamic-labs/iconic": "0.1.32",
package/package.js CHANGED
@@ -1,4 +1,4 @@
1
- var version = "0.18.100-viem.23";
1
+ var version = "0.18.100-viem.25";
2
2
  var dependencies = {
3
3
  "react-focus-lock": "2.9.2",
4
4
  "@dynamic-labs/iconic": "0.1.32",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dynamic-labs/sdk-react-core",
3
- "version": "0.18.100-viem.23",
3
+ "version": "0.18.100-viem.25",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -15,13 +15,13 @@
15
15
  "yup": "0.32.11",
16
16
  "formik": "2.2.9",
17
17
  "qrcode": "1.5.1",
18
- "@dynamic-labs/logger": "0.18.100-viem.23",
19
- "@dynamic-labs/multi-wallet": "0.18.100-viem.23",
20
- "@dynamic-labs/rpc-providers": "0.18.100-viem.23",
21
- "@dynamic-labs/types": "0.18.100-viem.23",
22
- "@dynamic-labs/utils": "0.18.100-viem.23",
23
- "@dynamic-labs/wallet-book": "0.18.100-viem.23",
24
- "@dynamic-labs/wallet-connector-core": "0.18.100-viem.23",
18
+ "@dynamic-labs/logger": "0.18.100-viem.25",
19
+ "@dynamic-labs/multi-wallet": "0.18.100-viem.25",
20
+ "@dynamic-labs/rpc-providers": "0.18.100-viem.25",
21
+ "@dynamic-labs/types": "0.18.100-viem.25",
22
+ "@dynamic-labs/utils": "0.18.100-viem.25",
23
+ "@dynamic-labs/wallet-book": "0.18.100-viem.25",
24
+ "@dynamic-labs/wallet-connector-core": "0.18.100-viem.25",
25
25
  "eventemitter3": "5.0.1"
26
26
  },
27
27
  "devDependencies": {
package/src/lib/widgets/DynamicWidget/DynamicWidget.cjs CHANGED
@@ -38,7 +38,7 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
38
38
  require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
39
39
  var DynamicConnectButton = require('../../components/DynamicConnectButton/DynamicConnectButton.cjs');
40
40
  require('../../components/Popper/Popper/Popper.cjs');
41
- var PopperContext = require('../../components/Popper/PopperContext/PopperContext.cjs');
41
+ require('../../components/Popper/PopperContext/PopperContext.cjs');
42
42
  require('formik');
43
43
  require('yup');
44
44
  require('../../components/InlineWidget/InlineWidget.cjs');
@@ -67,7 +67,7 @@ const DynamicWidget = ({ buttonContainerClassName = '', buttonClassName = '', in
67
67
  }
68
68
  return Boolean(!primaryWallet);
69
69
  }, [authMode, primaryWallet, user]);
70
- return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(ShadowDOM.ShadowDOM, { className: 'dynamic-widget__container', id: 'dynamic-widget', children: showDynamicConnectButton ? (jsxRuntime.jsx(DynamicConnectButton.DynamicConnectButton, { buttonContainerClassName: buttonContainerClassName, buttonClassName: buttonClassName, children: innerButtonComponent })) : (jsxRuntime.jsxs(PopperContext.PopperProvider, { children: [jsxRuntime.jsx(DynamicNav.DynamicNav, {}), jsxRuntime.jsx(DynamicUserProfile.DynamicUserProfile, { variant: variant })] })) }) }));
70
+ return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(ShadowDOM.ShadowDOM, { className: 'dynamic-widget__container', id: 'dynamic-widget', children: showDynamicConnectButton ? (jsxRuntime.jsx(DynamicConnectButton.DynamicConnectButton, { buttonContainerClassName: buttonContainerClassName, buttonClassName: buttonClassName, children: innerButtonComponent })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DynamicNav.DynamicNav, {}), jsxRuntime.jsx(DynamicUserProfile.DynamicUserProfile, { variant: variant })] })) }) }));
71
71
  };
72
72
 
73
73
  exports.DynamicWidget = DynamicWidget;
package/src/lib/widgets/DynamicWidget/DynamicWidget.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
1
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
2
  import { useCallback, useMemo } from 'react';
3
3
  import '@dynamic-labs/sdk-api';
4
4
  import '../../shared/logger.js';
@@ -34,7 +34,7 @@ import '../../context/CaptchaContext/CaptchaContext.js';
34
34
  import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
35
35
  import { DynamicConnectButton } from '../../components/DynamicConnectButton/DynamicConnectButton.js';
36
36
  import '../../components/Popper/Popper/Popper.js';
37
- import { PopperProvider } from '../../components/Popper/PopperContext/PopperContext.js';
37
+ import '../../components/Popper/PopperContext/PopperContext.js';
38
38
  import 'formik';
39
39
  import 'yup';
40
40
  import '../../components/InlineWidget/InlineWidget.js';
@@ -63,7 +63,7 @@ const DynamicWidget = ({ buttonContainerClassName = '', buttonClassName = '', in
63
63
  }
64
64
  return Boolean(!primaryWallet);
65
65
  }, [authMode, primaryWallet, user]);
66
- return (jsx(IsBrowser, { children: jsx(ShadowDOM, { className: 'dynamic-widget__container', id: 'dynamic-widget', children: showDynamicConnectButton ? (jsx(DynamicConnectButton, { buttonContainerClassName: buttonContainerClassName, buttonClassName: buttonClassName, children: innerButtonComponent })) : (jsxs(PopperProvider, { children: [jsx(DynamicNav, {}), jsx(DynamicUserProfile, { variant: variant })] })) }) }));
66
+ return (jsx(IsBrowser, { children: jsx(ShadowDOM, { className: 'dynamic-widget__container', id: 'dynamic-widget', children: showDynamicConnectButton ? (jsx(DynamicConnectButton, { buttonContainerClassName: buttonContainerClassName, buttonClassName: buttonClassName, children: innerButtonComponent })) : (jsxs(Fragment, { children: [jsx(DynamicNav, {}), jsx(DynamicUserProfile, { variant: variant })] })) }) }));
67
67
  };
68
68
 
69
69
  export { DynamicWidget };
package/src/lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.cjs CHANGED
@@ -10,6 +10,41 @@ var ShadowDOM = require('../../../../components/ShadowDOM/ShadowDOM.cjs');
10
10
  var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
11
11
  var IsBrowser = require('../../../../components/IsBrowser/IsBrowser.cjs');
12
12
  var NetworkPicker = require('../../../../components/NetworkPicker/NetworkPicker.cjs');
13
+ require('@dynamic-labs/sdk-api');
14
+ require('../../../../shared/logger.cjs');
15
+ require('@dynamic-labs/iconic');
16
+ require('@dynamic-labs/wallet-connector-core');
17
+ require('../../../../context/ViewContext/ViewContext.cjs');
18
+ require('@dynamic-labs/wallet-book');
19
+ require('@dynamic-labs/utils');
20
+ require('../../../../utils/constants/colors.cjs');
21
+ require('../../../../shared/utils/classes/storage/localStorage.cjs');
22
+ require('viem');
23
+ require('../../../../shared/consts/index.cjs');
24
+ require('@dynamic-labs/multi-wallet');
25
+ require('../../../../context/ThemeContext/ThemeContext.cjs');
26
+ require('react-dom');
27
+ require('react-focus-lock');
28
+ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
29
+ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
30
+ require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
31
+ require('../../../../config/ApiEndpoint.cjs');
32
+ require('@dynamic-labs/rpc-providers');
33
+ require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
34
+ require('../../../../context/ErrorContext/ErrorContext.cjs');
35
+ require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
36
+ require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
37
+ require('../../../../components/IconButton/IconButton.cjs');
38
+ require('../../../../components/Alert/Alert.cjs');
39
+ require('../../../../context/MockContext/MockContext.cjs');
40
+ require('../../../../context/CaptchaContext/CaptchaContext.cjs');
41
+ require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
42
+ require('../../../../components/Popper/Popper/Popper.cjs');
43
+ var PopperContext = require('../../../../components/Popper/PopperContext/PopperContext.cjs');
44
+ require('formik');
45
+ require('yup');
46
+ require('../../../../components/InlineWidget/InlineWidget.cjs');
47
+ require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
13
48
 
14
49
  const DynamicNav = () => {
15
50
  const [isNetworkPickerOpen, setIsNetworkPickerOpen] = React.useState(false);
@@ -20,7 +55,7 @@ const DynamicNav = () => {
20
55
  [];
21
56
  if (!projectSettings)
22
57
  return null;
23
- return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsxs("div", { ref: inlineControlsRef, "data-testid": 'DynamicNav', className: 'dynamic-widget-inline-controls', children: [primaryWallet && (jsxRuntime.jsx(NetworkPicker.NetworkPicker, { connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-inline-controls__network-picker-main', buttonClassName: 'dynamic-widget-inline-controls__network-picker', listClassName: 'dynamic-widget-inline-controls__network-picker-list', checkboxClassName: 'dynamic-widget-inline-controls__network-picker-checkbox', evmNetworks: evmNetworks })), jsxRuntime.jsx("div", { className: 'dynamic-widget-inline-controls__account-control-container', children: jsxRuntime.jsx(AccountControl.AccountControl, { className: 'dynamic-widget-inline-controls__account-control' }) })] }) }));
58
+ return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsxs("div", { ref: inlineControlsRef, "data-testid": 'DynamicNav', className: 'dynamic-widget-inline-controls', children: [primaryWallet && (jsxRuntime.jsx(PopperContext.PopperProvider, { children: jsxRuntime.jsx(NetworkPicker.NetworkPicker, { connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-inline-controls__network-picker-main', buttonClassName: 'dynamic-widget-inline-controls__network-picker', listClassName: 'dynamic-widget-inline-controls__network-picker-list', checkboxClassName: 'dynamic-widget-inline-controls__network-picker-checkbox', evmNetworks: evmNetworks }) })), jsxRuntime.jsx("div", { className: 'dynamic-widget-inline-controls__account-control-container', children: jsxRuntime.jsx(AccountControl.AccountControl, { className: 'dynamic-widget-inline-controls__account-control' }) })] }) }));
24
59
  };
25
60
  const ShadowedDynamicNav = () => (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { children: jsxRuntime.jsx(DynamicNav, {}) }));
26
61
 
package/src/lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.js CHANGED
@@ -6,6 +6,41 @@ import { ShadowDOM } from '../../../../components/ShadowDOM/ShadowDOM.js';
6
6
  import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
7
7
  import { IsBrowser } from '../../../../components/IsBrowser/IsBrowser.js';
8
8
  import { NetworkPicker } from '../../../../components/NetworkPicker/NetworkPicker.js';
9
+ import '@dynamic-labs/sdk-api';
10
+ import '../../../../shared/logger.js';
11
+ import '@dynamic-labs/iconic';
12
+ import '@dynamic-labs/wallet-connector-core';
13
+ import '../../../../context/ViewContext/ViewContext.js';
14
+ import '@dynamic-labs/wallet-book';
15
+ import '@dynamic-labs/utils';
16
+ import '../../../../utils/constants/colors.js';
17
+ import '../../../../shared/utils/classes/storage/localStorage.js';
18
+ import 'viem';
19
+ import '../../../../shared/consts/index.js';
20
+ import '@dynamic-labs/multi-wallet';
21
+ import '../../../../context/ThemeContext/ThemeContext.js';
22
+ import 'react-dom';
23
+ import 'react-focus-lock';
24
+ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
25
+ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
26
+ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
27
+ import '../../../../config/ApiEndpoint.js';
28
+ import '@dynamic-labs/rpc-providers';
29
+ import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
30
+ import '../../../../context/ErrorContext/ErrorContext.js';
31
+ import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
32
+ import '../../../../context/AccountExistsContext/AccountExistsContext.js';
33
+ import '../../../../components/IconButton/IconButton.js';
34
+ import '../../../../components/Alert/Alert.js';
35
+ import '../../../../context/MockContext/MockContext.js';
36
+ import '../../../../context/CaptchaContext/CaptchaContext.js';
37
+ import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
38
+ import '../../../../components/Popper/Popper/Popper.js';
39
+ import { PopperProvider } from '../../../../components/Popper/PopperContext/PopperContext.js';
40
+ import 'formik';
41
+ import 'yup';
42
+ import '../../../../components/InlineWidget/InlineWidget.js';
43
+ import '../../../../components/MenuList/Dropdown/Dropdown.js';
9
44
 
10
45
  const DynamicNav = () => {
11
46
  const [isNetworkPickerOpen, setIsNetworkPickerOpen] = useState(false);
@@ -16,7 +51,7 @@ const DynamicNav = () => {
16
51
  [];
17
52
  if (!projectSettings)
18
53
  return null;
19
- return (jsx(IsBrowser, { children: jsxs("div", { ref: inlineControlsRef, "data-testid": 'DynamicNav', className: 'dynamic-widget-inline-controls', children: [primaryWallet && (jsx(NetworkPicker, { connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-inline-controls__network-picker-main', buttonClassName: 'dynamic-widget-inline-controls__network-picker', listClassName: 'dynamic-widget-inline-controls__network-picker-list', checkboxClassName: 'dynamic-widget-inline-controls__network-picker-checkbox', evmNetworks: evmNetworks })), jsx("div", { className: 'dynamic-widget-inline-controls__account-control-container', children: jsx(AccountControl, { className: 'dynamic-widget-inline-controls__account-control' }) })] }) }));
54
+ return (jsx(IsBrowser, { children: jsxs("div", { ref: inlineControlsRef, "data-testid": 'DynamicNav', className: 'dynamic-widget-inline-controls', children: [primaryWallet && (jsx(PopperProvider, { children: jsx(NetworkPicker, { connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-inline-controls__network-picker-main', buttonClassName: 'dynamic-widget-inline-controls__network-picker', listClassName: 'dynamic-widget-inline-controls__network-picker-list', checkboxClassName: 'dynamic-widget-inline-controls__network-picker-checkbox', evmNetworks: evmNetworks }) })), jsx("div", { className: 'dynamic-widget-inline-controls__account-control-container', children: jsx(AccountControl, { className: 'dynamic-widget-inline-controls__account-control' }) })] }) }));
20
55
  };
21
56
  const ShadowedDynamicNav = () => (jsx(ShadowDOM, { children: jsx(DynamicNav, {}) }));
22
57
 
package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.cjs CHANGED
@@ -41,7 +41,7 @@ require('../../../../context/MockContext/MockContext.cjs');
41
41
  require('../../../../context/CaptchaContext/CaptchaContext.cjs');
42
42
  require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
43
43
  require('../../../../components/Popper/Popper/Popper.cjs');
44
- require('../../../../components/Popper/PopperContext/PopperContext.cjs');
44
+ var PopperContext = require('../../../../components/Popper/PopperContext/PopperContext.cjs');
45
45
  require('formik');
46
46
  require('yup');
47
47
  require('../../../../components/InlineWidget/InlineWidget.cjs');
@@ -63,7 +63,7 @@ const DynamicUserProfile = ({ variant, }) => {
63
63
  if (!projectSettings)
64
64
  return null;
65
65
  const shouldRenderHeader = dynamicWidgetView !== 'send-balance';
66
- return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(DynamicWidgetVariants.DynamicWidgetVariants, { isOpen: isOpen, setIsOpen: setIsOpen, variant: _variant, zIndex: index.widgetModalZIndex, children: jsxRuntime.jsx(DynamicWidgetCard.DynamicWidgetCard, { ref: widgetRef, children: jsxRuntime.jsxs(OverlayCardTarget.OverlayCardTarget, { children: [shouldRenderHeader && jsxRuntime.jsx(DynamicWidgetHeader.MemoizedDynamicWidgetHeader, { variant: variant }), jsxRuntime.jsx(DynamicWidgetViews.DynamicWidgetViews, {}), jsxRuntime.jsx(DynamicWidgetPrompts.DynamicWidgetPrompts, {})] }) }) }) }));
66
+ return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: jsxRuntime.jsx(DynamicWidgetVariants.DynamicWidgetVariants, { isOpen: isOpen, setIsOpen: setIsOpen, variant: _variant, zIndex: index.widgetModalZIndex, children: jsxRuntime.jsx(DynamicWidgetCard.DynamicWidgetCard, { ref: widgetRef, children: jsxRuntime.jsxs(OverlayCardTarget.OverlayCardTarget, { children: [shouldRenderHeader && jsxRuntime.jsx(DynamicWidgetHeader.MemoizedDynamicWidgetHeader, { variant: variant }), jsxRuntime.jsx(DynamicWidgetViews.DynamicWidgetViews, {}), jsxRuntime.jsx(DynamicWidgetPrompts.DynamicWidgetPrompts, {})] }) }) }) }) }));
67
67
  };
68
68
  const ShadowedDynamicUserProfile = () => (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { zIndex: index.widgetModalZIndex, children: jsxRuntime.jsx(DynamicUserProfile, {}) }));
69
69
 
package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.js CHANGED
@@ -37,7 +37,7 @@ import '../../../../context/MockContext/MockContext.js';
37
37
  import '../../../../context/CaptchaContext/CaptchaContext.js';
38
38
  import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
39
39
  import '../../../../components/Popper/Popper/Popper.js';
40
- import '../../../../components/Popper/PopperContext/PopperContext.js';
40
+ import { PopperProvider } from '../../../../components/Popper/PopperContext/PopperContext.js';
41
41
  import 'formik';
42
42
  import 'yup';
43
43
  import '../../../../components/InlineWidget/InlineWidget.js';
@@ -59,7 +59,7 @@ const DynamicUserProfile = ({ variant, }) => {
59
59
  if (!projectSettings)
60
60
  return null;
61
61
  const shouldRenderHeader = dynamicWidgetView !== 'send-balance';
62
- return (jsx(IsBrowser, { children: jsx(DynamicWidgetVariants, { isOpen: isOpen, setIsOpen: setIsOpen, variant: _variant, zIndex: widgetModalZIndex, children: jsx(DynamicWidgetCard, { ref: widgetRef, children: jsxs(OverlayCardTarget, { children: [shouldRenderHeader && jsx(MemoizedDynamicWidgetHeader, { variant: variant }), jsx(DynamicWidgetViews, {}), jsx(DynamicWidgetPrompts, {})] }) }) }) }));
62
+ return (jsx(IsBrowser, { children: jsx(PopperProvider, { children: jsx(DynamicWidgetVariants, { isOpen: isOpen, setIsOpen: setIsOpen, variant: _variant, zIndex: widgetModalZIndex, children: jsx(DynamicWidgetCard, { ref: widgetRef, children: jsxs(OverlayCardTarget, { children: [shouldRenderHeader && jsx(MemoizedDynamicWidgetHeader, { variant: variant }), jsx(DynamicWidgetViews, {}), jsx(DynamicWidgetPrompts, {})] }) }) }) }) }));
63
63
  };
64
64
  const ShadowedDynamicUserProfile = () => (jsx(ShadowDOM, { zIndex: widgetModalZIndex, children: jsx(DynamicUserProfile, {}) }));
65
65