@dynamic-labs/sdk-react-core 0.17.0-RC.19 → 0.17.0-RC.20

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionData/useTransactionData.cjs

@@ -19,6 +19,7 @@ require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('react-dom');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
@@ -28,9 +29,9 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
+require('@dynamic-labs/wallet-book');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionData/useTransactionData.js

@@ -15,6 +15,7 @@ import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/rpc-providers';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import 'react-dom';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
@@ -24,9 +25,9 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
+import '@dynamic-labs/wallet-book';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../../../components/SendBalanceForm/SendBalanceForm.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/views/WalletList/SearchInstead/SearchInstead.cjs

@@ -26,14 +26,15 @@ require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs'
 require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../components/Alert/Alert.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-require('../../../components/IconButton/IconButton.cjs');
-require('../../../components/Alert/Alert.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../components/SendBalanceForm/SendBalanceForm.cjs');
 
 const SearchInstead = () => (jsxRuntime.jsxs("div", Object.assign({ className: 'search-instead__container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'secondary', variant: 'body_small', weight: 'regular' }, { children: "Don't see your wallet?" })), jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'primary', variant: 'button_primary', weight: 'regular' }, { children: "Try search instead" }))] })));

package/src/lib/views/WalletList/SearchInstead/SearchInstead.js

@@ -22,14 +22,15 @@ import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../components/IconButton/IconButton.js';
+import '@dynamic-labs/wallet-book';
+import '../../../components/Alert/Alert.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import '../../../components/IconButton/IconButton.js';
-import '../../../components/Alert/Alert.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../../components/SendBalanceForm/SendBalanceForm.js';
 
 const SearchInstead = () => (jsxs("div", Object.assign({ className: 'search-instead__container' }, { children: [jsx(Typography, Object.assign({ color: 'secondary', variant: 'body_small', weight: 'regular' }, { children: "Don't see your wallet?" })), jsx(Typography, Object.assign({ color: 'primary', variant: 'button_primary', weight: 'regular' }, { children: "Try search instead" }))] })));

package/src/lib/views/WalletList/WalletListItem/WalletListItem.cjs

@@ -32,11 +32,12 @@ require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs'
 require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/Alert/Alert.cjs');
 var useWalletItemActions = require('../../../utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-require('../../../components/IconButton/IconButton.cjs');
 var ListTile = require('../../../components/ListTile/ListTile.cjs');
-require('../../../components/Alert/Alert.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../components/SendBalanceForm/SendBalanceForm.cjs');

package/src/lib/views/WalletList/WalletListItem/WalletListItem.js

@@ -28,11 +28,12 @@ import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/Alert/Alert.js';
 import { useWalletItemActions } from '../../../utils/hooks/useWalletItemActions/useWalletItemActions.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import '../../../components/IconButton/IconButton.js';
 import { ListTile } from '../../../components/ListTile/ListTile.js';
-import '../../../components/Alert/Alert.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../components/SendBalanceForm/SendBalanceForm.js';

package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.cjs

@@ -30,13 +30,14 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+var Button = require('../../components/Button/Button.cjs');
+var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
+require('../../components/Alert/Alert.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-var Button = require('../../components/Button/Button.cjs');
-require('../../components/IconButton/IconButton.cjs');
-require('../../components/Alert/Alert.cjs');
-var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/SendBalanceForm/SendBalanceForm.cjs');

package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.js

@@ -26,13 +26,14 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../components/IconButton/IconButton.js';
+import { Button } from '../../components/Button/Button.js';
+import { IconWithSpinner, iconRatio } from '../../components/IconWithSpinner/IconWithSpinner.js';
+import '../../components/Alert/Alert.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import { Button } from '../../components/Button/Button.js';
-import '../../components/IconButton/IconButton.js';
-import '../../components/Alert/Alert.js';
-import { IconWithSpinner, iconRatio } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/SendBalanceForm/SendBalanceForm.js';

package/src/lib/views/WalletUsedView/WalletUsedView.cjs

@@ -37,12 +37,13 @@ var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWal
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 var getSiweStatement = require('../../utils/functions/getSiweStatement/getSiweStatement.cjs');
 var getWalletProvider = require('../../utils/functions/getWalletProvider/getWalletProvider.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+var Button = require('../../components/Button/Button.cjs');
+require('../../components/Alert/Alert.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-var Button = require('../../components/Button/Button.cjs');
-require('../../components/IconButton/IconButton.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/SendBalanceForm/SendBalanceForm.cjs');

package/src/lib/views/WalletUsedView/WalletUsedView.js

@@ -33,12 +33,13 @@ import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameW
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
 import { getSiweStatement } from '../../utils/functions/getSiweStatement/getSiweStatement.js';
 import { getWalletProvider } from '../../utils/functions/getWalletProvider/getWalletProvider.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../components/IconButton/IconButton.js';
+import { Button } from '../../components/Button/Button.js';
+import '../../components/Alert/Alert.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import { Button } from '../../components/Button/Button.js';
-import '../../components/IconButton/IconButton.js';
-import '../../components/Alert/Alert.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/SendBalanceForm/SendBalanceForm.js';

package/src/lib/widgets/DynamicWidget/DynamicWidget.cjs

@@ -26,15 +26,16 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/Alert/Alert.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var DynamicConnectButton = require('../../components/DynamicConnectButton/DynamicConnectButton.cjs');
-require('../../components/IconButton/IconButton.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../components/SendBalanceForm/SendBalanceForm.cjs');
 var IsBrowser = require('../../components/IsBrowser/IsBrowser.cjs');
 var DynamicNav = require('./components/DynamicNav/DynamicNav.cjs');

package/src/lib/widgets/DynamicWidget/DynamicWidget.js

@@ -22,15 +22,16 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../components/IconButton/IconButton.js';
+import '@dynamic-labs/wallet-book';
+import '../../components/Alert/Alert.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { DynamicConnectButton } from '../../components/DynamicConnectButton/DynamicConnectButton.js';
-import '../../components/IconButton/IconButton.js';
-import '../../components/Alert/Alert.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../components/SendBalanceForm/SendBalanceForm.js';
 import { IsBrowser } from '../../components/IsBrowser/IsBrowser.js';
 import { DynamicNav } from './components/DynamicNav/DynamicNav.js';

package/src/lib/widgets/DynamicWidget/components/AccountControl/AccountControl.cjs

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var walletBook = require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('react');
@@ -32,25 +31,28 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../../components/IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../components/Alert/Alert.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-require('../../../../components/IconButton/IconButton.cjs');
-require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 var useFetchNameService = require('../../hooks/useFetchNameService/useFetchNameService.cjs');
+var WalletOrSocialMagicIcon = require('../../../../components/WalletOrSocialMagicIcon/WalletOrSocialMagicIcon.cjs');
 
 const AccountControl = ({ className }) => {
-    const { primaryWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { primaryWallet, user, authToken } = useInternalDynamicContext.useInternalDynamicContext();
     const { isOpen, setIsOpen } = DynamicWidgetContext.useWidgetContext();
     const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
     const nameService = useFetchNameService.useFetchNameService(address);
     return (jsxRuntime.jsxs("button", Object.assign({ "data-testid": 'AccountControl', onClick: () => setIsOpen(!isOpen), className: classNames.classNames('account-control__container', {
             'account-control__container--active': isOpen,
             'account-control__container--multiwallet-disabled': true,
-        }, className) }, { children: [primaryWallet && (jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'small' }, { children: jsxRuntime.jsx(walletBook.WalletIcon, { walletName: primaryWallet.connector.name }) }))), jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'p' }, { children: (nameService === null || nameService === void 0 ? void 0 : nameService.name) ||
+        }, className) }, { children: [jsxRuntime.jsx(WalletOrSocialMagicIcon.WalletOrSocialMagicIcon, { jwt: authToken, iconSize: 16 }), jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'p' }, { children: (nameService === null || nameService === void 0 ? void 0 : nameService.name) ||
                     shortenWalletAddress.shortenWalletAddress(address, 3, 3) ||
                     (user === null || user === void 0 ? void 0 : user.email) })), jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'text-primary' }, { children: jsxRuntime.jsx(threeDots.ReactComponent, {}) }))] })));
 };

package/src/lib/widgets/DynamicWidget/components/AccountControl/AccountControl.js

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { WalletIcon } from '@dynamic-labs/wallet-book';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 import 'react';
@@ -28,25 +27,28 @@ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../../components/IconButton/IconButton.js';
+import '@dynamic-labs/wallet-book';
+import '../../../../components/Alert/Alert.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import '../../../../components/IconButton/IconButton.js';
-import '../../../../components/Alert/Alert.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../../components/SendBalanceForm/SendBalanceForm.js';
 import { useFetchNameService } from '../../hooks/useFetchNameService/useFetchNameService.js';
+import { WalletOrSocialMagicIcon } from '../../../../components/WalletOrSocialMagicIcon/WalletOrSocialMagicIcon.js';
 
 const AccountControl = ({ className }) => {
-    const { primaryWallet, user } = useInternalDynamicContext();
+    const { primaryWallet, user, authToken } = useInternalDynamicContext();
     const { isOpen, setIsOpen } = useWidgetContext();
     const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
     const nameService = useFetchNameService(address);
     return (jsxs("button", Object.assign({ "data-testid": 'AccountControl', onClick: () => setIsOpen(!isOpen), className: classNames('account-control__container', {
             'account-control__container--active': isOpen,
             'account-control__container--multiwallet-disabled': true,
-        }, className) }, { children: [primaryWallet && (jsx(Icon, Object.assign({ size: 'small' }, { children: jsx(WalletIcon, { walletName: primaryWallet.connector.name }) }))), jsx(Typography, Object.assign({ as: 'p' }, { children: (nameService === null || nameService === void 0 ? void 0 : nameService.name) ||
+        }, className) }, { children: [jsx(WalletOrSocialMagicIcon, { jwt: authToken, iconSize: 16 }), jsx(Typography, Object.assign({ as: 'p' }, { children: (nameService === null || nameService === void 0 ? void 0 : nameService.name) ||
                     shortenWalletAddress(address, 3, 3) ||
                     (user === null || user === void 0 ? void 0 : user.email) })), jsx(Icon, Object.assign({ color: 'text-primary' }, { children: jsx(SvgThreeDots, {}) }))] })));
 };

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('@dynamic-labs/utils');
+var Typography = require('../../../../components/Typography/Typography.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../../../context/ViewContext/ViewContext.cjs');
+var shortenWalletAddress = require('../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
+require('../../../../utils/constants/colors.cjs');
+require('ethers');
+require('../../../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../../context/ThemeContext/ThemeContext.cjs');
+require('react-dom');
+require('react-focus-lock');
+require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../../components/IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../components/Alert/Alert.cjs');
+require('../../../../context/MockContext/MockContext.cjs');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../../../../components/Popper/Popper/Popper.cjs');
+require('../../../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
+var NetworkPicker = require('../../../../components/NetworkPicker/NetworkPicker.cjs');
+var useFetchNameService = require('../../hooks/useFetchNameService/useFetchNameService.cjs');
+var Balance = require('../Balance/Balance.cjs');
+var DotsMenu = require('../DotsMenu/DotsMenu.cjs');
+var WalletOrSocialMagicIcon = require('../../../../components/WalletOrSocialMagicIcon/WalletOrSocialMagicIcon.cjs');
+
+const ICON_SIZE = 28;
+const ActiveWalletInformation = () => {
+    const [isNetworkPickerOpen, setIsNetworkPickerOpen] = React.useState(false);
+    const { primaryWallet, authToken, network, handleLogOut } = useInternalDynamicContext.useInternalDynamicContext();
+    const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
+    const nameService = useFetchNameService.useFetchNameService(address);
+    const options = [
+        {
+            Icon: null,
+            callback: () => (nameService === null || nameService === void 0 ? void 0 : nameService.name) && navigator.clipboard.writeText(nameService === null || nameService === void 0 ? void 0 : nameService.name),
+            text: 'Copy ENS',
+        },
+        {
+            Icon: null,
+            callback: () => address && navigator.clipboard.writeText(address),
+            text: 'Copy wallet address',
+        },
+        {
+            Icon: null,
+            callback: () => handleLogOut(),
+            text: 'Disconnect',
+        },
+    ];
+    const evmNetworks = ((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) &&
+        (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector).evmNetworks) ||
+        [];
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'active-wallet-information-container', "data-testid": 'active-wallet-information' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'active-wallet-information' }, { children: [(nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsxRuntime.jsx("div", Object.assign({ className: 'active-wallet-information__avatar' }, { children: jsxRuntime.jsx("img", { src: nameService === null || nameService === void 0 ? void 0 : nameService.avatar, alt: '' }) }))) : (jsxRuntime.jsx("div", Object.assign({ className: 'active-wallet-information__wallet-img' }, { children: jsxRuntime.jsx(WalletOrSocialMagicIcon.WalletOrSocialMagicIcon, { jwt: authToken, iconSize: ICON_SIZE }) }))), jsxRuntime.jsxs("div", Object.assign({ className: 'active-wallet-information__details' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'active-wallet-information__actions-container' }, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'active-wallet-information__handle', color: 'primary', variant: 'body_normal' }, { children: nameService === null || nameService === void 0 ? void 0 : nameService.name })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'active-wallet-information__address', weight: (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? 'regular' : 'medium', variant: (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? 'body_small' : 'body_normal', color: (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? 'secondary' : 'primary' }, { children: shortenWalletAddress.shortenWalletAddress(address, 4, 4) }))] }), jsxRuntime.jsx(DotsMenu.DotsMenu, { "data-testid": 'dots-menu', options: options, title: 'Wallet options', buttonClassName: 'active-wallet-information__dots-menu', buttonClassNameWithOpenMenu: 'active-wallet-information__dots-menu', anchorOrigin: 'bottom-left', transformOrigin: utils.isMobile() ? 'bottom-right' : 'top-left' })] })), jsxRuntime.jsx(NetworkPicker.NetworkPicker, { connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'active-wallet-information__network-picker', buttonClassName: 'active-wallet-information__network-picker-button', evmNetworks: evmNetworks, showNetworkName: true })] }))] })), jsxRuntime.jsxs("div", Object.assign({ className: 'balance-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'secondary', variant: 'body_small' }, { children: "Balance" })), primaryWallet && (jsxRuntime.jsx(Balance.Balance, { className: 'balance-container__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network }))] }))] })));
+};
+
+exports.ActiveWalletInformation = ActiveWalletInformation;

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ActiveWalletInformation: () => JSX.Element;

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js

@@ -0,0 +1,71 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { isMobile } from '@dynamic-labs/utils';
+import { Typography } from '../../../../components/Typography/Typography.js';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../../../context/ViewContext/ViewContext.js';
+import { shortenWalletAddress } from '../../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
+import '../../../../utils/constants/colors.js';
+import 'ethers';
+import '../../../../shared/consts/index.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/multi-wallet';
+import '../../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../../context/ThemeContext/ThemeContext.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../../components/IconButton/IconButton.js';
+import '@dynamic-labs/wallet-book';
+import '../../../../components/Alert/Alert.js';
+import '../../../../context/MockContext/MockContext.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import '../../../../components/Popper/Popper/Popper.js';
+import '../../../../components/Popper/PopperContext/PopperContext.js';
+import '../../../../components/SendBalanceForm/SendBalanceForm.js';
+import { NetworkPicker } from '../../../../components/NetworkPicker/NetworkPicker.js';
+import { useFetchNameService } from '../../hooks/useFetchNameService/useFetchNameService.js';
+import { Balance } from '../Balance/Balance.js';
+import { DotsMenu } from '../DotsMenu/DotsMenu.js';
+import { WalletOrSocialMagicIcon } from '../../../../components/WalletOrSocialMagicIcon/WalletOrSocialMagicIcon.js';
+
+const ICON_SIZE = 28;
+const ActiveWalletInformation = () => {
+    const [isNetworkPickerOpen, setIsNetworkPickerOpen] = useState(false);
+    const { primaryWallet, authToken, network, handleLogOut } = useInternalDynamicContext();
+    const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
+    const nameService = useFetchNameService(address);
+    const options = [
+        {
+            Icon: null,
+            callback: () => (nameService === null || nameService === void 0 ? void 0 : nameService.name) && navigator.clipboard.writeText(nameService === null || nameService === void 0 ? void 0 : nameService.name),
+            text: 'Copy ENS',
+        },
+        {
+            Icon: null,
+            callback: () => address && navigator.clipboard.writeText(address),
+            text: 'Copy wallet address',
+        },
+        {
+            Icon: null,
+            callback: () => handleLogOut(),
+            text: 'Disconnect',
+        },
+    ];
+    const evmNetworks = ((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) &&
+        (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector).evmNetworks) ||
+        [];
+    return (jsxs("div", Object.assign({ className: 'active-wallet-information-container', "data-testid": 'active-wallet-information' }, { children: [jsxs("div", Object.assign({ className: 'active-wallet-information' }, { children: [(nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsx("div", Object.assign({ className: 'active-wallet-information__avatar' }, { children: jsx("img", { src: nameService === null || nameService === void 0 ? void 0 : nameService.avatar, alt: '' }) }))) : (jsx("div", Object.assign({ className: 'active-wallet-information__wallet-img' }, { children: jsx(WalletOrSocialMagicIcon, { jwt: authToken, iconSize: ICON_SIZE }) }))), jsxs("div", Object.assign({ className: 'active-wallet-information__details' }, { children: [jsxs("div", Object.assign({ className: 'active-wallet-information__actions-container' }, { children: [jsxs("div", { children: [jsx(Typography, Object.assign({ className: 'active-wallet-information__handle', color: 'primary', variant: 'body_normal' }, { children: nameService === null || nameService === void 0 ? void 0 : nameService.name })), jsx(Typography, Object.assign({ className: 'active-wallet-information__address', weight: (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? 'regular' : 'medium', variant: (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? 'body_small' : 'body_normal', color: (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? 'secondary' : 'primary' }, { children: shortenWalletAddress(address, 4, 4) }))] }), jsx(DotsMenu, { "data-testid": 'dots-menu', options: options, title: 'Wallet options', buttonClassName: 'active-wallet-information__dots-menu', buttonClassNameWithOpenMenu: 'active-wallet-information__dots-menu', anchorOrigin: 'bottom-left', transformOrigin: isMobile() ? 'bottom-right' : 'top-left' })] })), jsx(NetworkPicker, { connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'active-wallet-information__network-picker', buttonClassName: 'active-wallet-information__network-picker-button', evmNetworks: evmNetworks, showNetworkName: true })] }))] })), jsxs("div", Object.assign({ className: 'balance-container' }, { children: [jsx(Typography, Object.assign({ color: 'secondary', variant: 'body_small' }, { children: "Balance" })), primaryWallet && (jsx(Balance, { className: 'balance-container__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network }))] }))] })));
+};
+
+export { ActiveWalletInformation };

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/index.d.ts

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

package/src/lib/widgets/DynamicWidget/components/Balance/Balance.cjs

@@ -26,16 +26,17 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var useFetchBalance = require('../../hooks/useFetchBalance/useFetchBalance.cjs');
 var useFetchCurrency = require('../../hooks/useFetchCurrency/useFetchCurrency.cjs');
+require('../../../../components/IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../components/Alert/Alert.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-require('../../../../components/IconButton/IconButton.cjs');
-require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 var helpers = require('../../helpers/helpers.cjs');
 
@@ -44,7 +45,7 @@ const Balance = ({ connector, address, network, className }) => {
     const [balance] = useFetchBalance.useFetchBalance({ address, chain, connector, network });
     if (!balance)
         return null;
-    return (jsxRuntime.jsxs(Typography.Typography, Object.assign({ className: className, variant: 'numbers_medium', color: 'primary' }, { children: [helpers.roundBalance(balance), ' ', jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'span', variant: 'numbers_medium', color: 'secondary' }, { children: chain }))] })));
+    return (jsxRuntime.jsxs(Typography.Typography, Object.assign({ className: className, variant: 'body_normal', color: 'primary' }, { children: [helpers.roundBalance(balance), ' ', jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'span', variant: 'body_normal', color: 'secondary' }, { children: chain }))] })));
 };
 
 exports.Balance = Balance;

package/src/lib/widgets/DynamicWidget/components/Balance/Balance.js

@@ -22,16 +22,17 @@ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useFetchBalance } from '../../hooks/useFetchBalance/useFetchBalance.js';
 import { useFetchCurrency } from '../../hooks/useFetchCurrency/useFetchCurrency.js';
+import '../../../../components/IconButton/IconButton.js';
+import '@dynamic-labs/wallet-book';
+import '../../../../components/Alert/Alert.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import '../../../../components/IconButton/IconButton.js';
-import '../../../../components/Alert/Alert.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../../../components/SendBalanceForm/SendBalanceForm.js';
 import { roundBalance } from '../../helpers/helpers.js';
 
@@ -40,7 +41,7 @@ const Balance = ({ connector, address, network, className }) => {
     const [balance] = useFetchBalance({ address, chain, connector, network });
     if (!balance)
         return null;
-    return (jsxs(Typography, Object.assign({ className: className, variant: 'numbers_medium', color: 'primary' }, { children: [roundBalance(balance), ' ', jsx(Typography, Object.assign({ as: 'span', variant: 'numbers_medium', color: 'secondary' }, { children: chain }))] })));
+    return (jsxs(Typography, Object.assign({ className: className, variant: 'body_normal', color: 'primary' }, { children: [roundBalance(balance), ' ', jsx(Typography, Object.assign({ as: 'span', variant: 'body_normal', color: 'secondary' }, { children: chain }))] })));
 };
 
 export { Balance };

package/src/lib/widgets/DynamicWidget/components/DotsMenu/DotsMenu.cjs

@@ -28,23 +28,24 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+var IconButton = require('../../../../components/IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../components/Alert/Alert.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-var IconButton = require('../../../../components/IconButton/IconButton.cjs');
-require('../../../../components/Alert/Alert.cjs');
 var Popper = require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 var DotsMenuDropdown = require('../DotsMenuDropdown/DotsMenuDropdown.cjs');
 
-const DotsMenu = ({ options, title, buttonClassName }) => {
+const DotsMenu = ({ options, title, buttonClassName, buttonClassNameWithOpenMenu, anchorOrigin = utils.isMobile() ? 'bottom-left' : 'top-left', transformOrigin = utils.isMobile() ? 'bottom-right' : 'top-right', }) => {
     const dotsMenuRef = React.useRef(null);
     const popperContentRef = React.useRef(null);
     const [showMenu, setShowMenu] = React.useState(false);
     index.useOnClickOutside(popperContentRef, () => setShowMenu(false));
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(IconButton.IconButton, Object.assign({ ref: dotsMenuRef, onClick: () => setShowMenu(true), "data-testid": 'dotsMenu', className: showMenu ? undefined : buttonClassName }, { children: jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'text-primary' }, { children: jsxRuntime.jsx(threeDots.ReactComponent, {}) })) })), jsxRuntime.jsx(Popper.Popper, Object.assign({ isOpen: showMenu, setIsOpen: setShowMenu, anchorRef: dotsMenuRef, ref: popperContentRef, anchorOrigin: utils.isMobile() ? 'bottom-left' : 'top-left', transformOrigin: utils.isMobile() ? 'bottom-right' : 'top-right' }, { children: jsxRuntime.jsx(DotsMenuDropdown.DotsMenuDropdown, { options: options }) }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(IconButton.IconButton, Object.assign({ ref: dotsMenuRef, onClick: () => setShowMenu(true), "data-testid": 'dotsMenu', className: showMenu ? buttonClassNameWithOpenMenu : buttonClassName }, { children: jsxRuntime.jsx(Icon.Icon, { children: jsxRuntime.jsx(threeDots.ReactComponent, {}) }) })), jsxRuntime.jsx(Popper.Popper, Object.assign({ isOpen: showMenu, setIsOpen: setShowMenu, anchorRef: dotsMenuRef, ref: popperContentRef, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }, { children: jsxRuntime.jsx(DotsMenuDropdown.DotsMenuDropdown, { options: options, setShowMenu: setShowMenu }) }))] }));
 };
 
 exports.DotsMenu = DotsMenu;

package/src/lib/widgets/DynamicWidget/components/DotsMenu/DotsMenu.d.ts

@@ -1,13 +1,17 @@
 import { ReactNode, ReactElement } from 'react';
+import { AnchorOrigin, TransformOrigin } from '../../../../components/Popper/Popper.types';
 export type DotsMenuOption = {
-    Icon: ReactElement;
+    Icon: ReactElement | null;
     callback: VoidFunction;
     text: string;
 };
 type Props = {
+    anchorOrigin?: AnchorOrigin;
     buttonClassName?: string;
+    buttonClassNameWithOpenMenu?: string;
     options: DotsMenuOption[];
     title?: ReactNode;
+    transformOrigin?: TransformOrigin;
 };
-export declare const DotsMenu: ({ options, title, buttonClassName }: Props) => JSX.Element;
+export declare const DotsMenu: ({ options, title, buttonClassName, buttonClassNameWithOpenMenu, anchorOrigin, transformOrigin, }: Props) => JSX.Element;
 export {};