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

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.js

@@ -17,6 +17,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 { classNames } from '../../../../../../utils/functions/classNames/classNames.js';
 import '../../../../../../components/ShadowDOM/ShadowDOM.js';
@@ -24,14 +25,14 @@ import '../../../../../../context/ThemeContext/ThemeContext.js';
 import 'react-focus-lock';
 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/Popper/Popper/Popper.js';
+import { PopperProvider } from '../../../../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../../../../components/SendBalanceForm/SendBalanceForm.js';
 import '../../../../../../context/MockContext/MockContext.js';
 import '../../../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 
-const DynamicWidgetDropdown = ({ zIndex, isShown, onClose, children, className, contentClassName, }) => (jsx(ZoomTransition, Object.assign({ outDuration: 200, className: classNames('dynamic-widget-dropdown', className), isShown: isShown }, { children: jsx("div", Object.assign({ "data-testid": 'DynamicWidgetDropdown', style: { zIndex }, className: classNames('dynamic-widget-dropdown__root', contentClassName) }, { children: children })) })));
+const DynamicWidgetDropdown = ({ zIndex, isShown, onClose, children, className, contentClassName, }) => (jsx(ZoomTransition, Object.assign({ outDuration: 200, className: classNames('dynamic-widget-dropdown', className), isShown: isShown }, { children: jsx("div", Object.assign({ "data-testid": 'DynamicWidgetDropdown', style: { zIndex }, className: classNames('dynamic-widget-dropdown__root', contentClassName) }, { children: jsx(PopperProvider, { children: children }) })) })));
 
 export { DynamicWidgetDropdown };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.cjs

@@ -24,17 +24,18 @@ require('react-dom');
 require('../../../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../../../context/ErrorContext/ErrorContext.cjs');
-require('../../../../../../context/MockContext/MockContext.cjs');
-require('../../../../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../../components/IconButton/IconButton.cjs');
-require('../../../../../../components/Alert/Alert.cjs');
+require('@dynamic-labs/wallet-book');
 require('../../../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+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');
 var PopperContext = require('../../../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 
 const DynamicWidgetModal = ({ children, isShown, onClose, zIndex, className, }) => {

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.js

@@ -20,17 +20,18 @@ import 'react-dom';
 import '../../../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../../../context/ErrorContext/ErrorContext.js';
-import '../../../../../../context/MockContext/MockContext.js';
-import '../../../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import '../../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../../components/IconButton/IconButton.js';
-import '../../../../../../components/Alert/Alert.js';
+import '@dynamic-labs/wallet-book';
 import '../../../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../../../components/Transition/OpacityTransition/OpacityTransition.js';
+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 { PopperProvider } from '../../../../../../components/Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../../../../../components/SendBalanceForm/SendBalanceForm.js';
 
 const DynamicWidgetModal = ({ children, isShown, onClose, zIndex, className, }) => {

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

@@ -7,11 +7,13 @@ var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 var IndexView = require('../../views/IndexView/IndexView.cjs');
 var ProfileView = require('../../views/ProfileView/ProfileView.cjs');
 var EditProfileView = require('../../views/EditProfileView/EditProfileView.cjs');
+var SendBalanceWidgetView = require('../../views/SendBalanceWidgetView/SendBalanceWidgetView.cjs');
 
 const mapViewToComponent = {
     'edit-profile': EditProfileView.EditProfileView,
     index: IndexView.IndexView,
     profile: ProfileView.ProfileView,
+    'send-balance': SendBalanceWidgetView.SendBalanceWidgetView,
 };
 const DynamicWidgetViews = () => {
     const { dynamicWidgetView } = DynamicWidgetContext.useWidgetContext();

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

@@ -3,11 +3,13 @@ import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { IndexView } from '../../views/IndexView/IndexView.js';
 import { ProfileView } from '../../views/ProfileView/ProfileView.js';
 import { EditProfileView } from '../../views/EditProfileView/EditProfileView.js';
+import { SendBalanceWidgetView } from '../../views/SendBalanceWidgetView/SendBalanceWidgetView.js';
 
 const mapViewToComponent = {
     'edit-profile': EditProfileView,
     index: IndexView,
     profile: ProfileView,
+    'send-balance': SendBalanceWidgetView,
 };
 const DynamicWidgetViews = () => {
     const { dynamicWidgetView } = useWidgetContext();

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

@@ -27,15 +27,15 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
-var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.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');
 var getWalletVerifiedCredential = require('../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.cjs');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
@@ -46,8 +46,7 @@ const DynamicWidgetWallets = () => {
     const { secondaryWallets, user } = useInternalDynamicContext.useInternalDynamicContext();
     const { availableWalletsContainerRef } = DynamicWidgetContext.useWidgetContext();
     const isEmpty = secondaryWallets.length === 0;
-    const isKYCEnabled = useKYCFlag.useKYCFlag();
-    return (jsxRuntime.jsxs("div", Object.assign({ ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets' }, { children: [!isKYCEnabled && (jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'regular', variant: 'body_normal', color: 'secondary', className: 'dynamic-widget-wallets__title' }, { children: "My wallets" }))), jsxRuntime.jsx("div", Object.assign({ className: classNames.classNames('available-wallets__body', {
+    return (jsxRuntime.jsxs("div", Object.assign({ ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'body_small', color: 'secondary', className: 'dynamic-widget-wallets__title' }, { children: "My other wallets" })), jsxRuntime.jsx("div", Object.assign({ className: classNames.classNames('available-wallets__body', {
                     'dynamic-widget-wallets__body--apply-height': !isEmpty,
                 }) }, { children: isEmpty ? (jsxRuntime.jsx(EmptyWallets.EmptyWallets, {})) : (jsxRuntime.jsx("div", Object.assign({ className: 'available-wallets__wallet-list' }, { children: secondaryWallets.map((wallet, index) => {
                         var _a;

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

@@ -23,15 +23,15 @@ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
-import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.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';
 import { getWalletVerifiedCredential } from '../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.js';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
@@ -42,8 +42,7 @@ const DynamicWidgetWallets = () => {
     const { secondaryWallets, user } = useInternalDynamicContext();
     const { availableWalletsContainerRef } = useWidgetContext();
     const isEmpty = secondaryWallets.length === 0;
-    const isKYCEnabled = useKYCFlag();
-    return (jsxs("div", Object.assign({ ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets' }, { children: [!isKYCEnabled && (jsx(Typography, Object.assign({ weight: 'regular', variant: 'body_normal', color: 'secondary', className: 'dynamic-widget-wallets__title' }, { children: "My wallets" }))), jsx("div", Object.assign({ className: classNames('available-wallets__body', {
+    return (jsxs("div", Object.assign({ ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets' }, { children: [jsx(Typography, Object.assign({ weight: 'medium', variant: 'body_small', color: 'secondary', className: 'dynamic-widget-wallets__title' }, { children: "My other wallets" })), jsx("div", Object.assign({ className: classNames('available-wallets__body', {
                     'dynamic-widget-wallets__body--apply-height': !isEmpty,
                 }) }, { children: isEmpty ? (jsx(EmptyWallets, {})) : (jsx("div", Object.assign({ className: 'available-wallets__wallet-list' }, { children: secondaryWallets.map((wallet, index) => {
                         var _a;

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

@@ -26,15 +26,16 @@ 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');
+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');
-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('@dynamic-labs/wallet-book');
 require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 
 const EmailConnectorPendingSignModalContent = ({ emailWalletConnector }) => (jsxRuntime.jsxs("div", Object.assign({ className: 'email-connector-pending-sign-modal-content' }, { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: iconic.SignInWithEmailIcon, iconSize: 80, isSpinning: true }), jsxRuntime.jsxs("div", Object.assign({ className: 'email-connector-pending-sign-modal-content__body' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'email-connector-pending-sign-modal-content__title' }, { children: "Confirm your email" })), jsxRuntime.jsxs(Typography.Typography, Object.assign({ weight: 'regular', variant: 'body_normal', color: 'secondary' }, { children: ["We\u2019ve sent a verification email to", ' ', jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'secondary', weight: 'medium', as: 'span' }, { children: emailWalletConnector.email }))] })), jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'regular', variant: 'body_small', color: 'secondary' }, { children: "Note: it might take a few seconds to proceed after clicking the link in your email" }))] }))] })));

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.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 { IconWithSpinner } 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 '../../../../components/IconButton/IconButton.js';
-import '../../../../components/Alert/Alert.js';
-import { IconWithSpinner } from '../../../../components/IconWithSpinner/IconWithSpinner.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../../../components/SendBalanceForm/SendBalanceForm.js';
 
 const EmailConnectorPendingSignModalContent = ({ emailWalletConnector }) => (jsxs("div", Object.assign({ className: 'email-connector-pending-sign-modal-content' }, { children: [jsx(IconWithSpinner, { Icon: SignInWithEmailIcon, iconSize: 80, isSpinning: true }), jsxs("div", Object.assign({ className: 'email-connector-pending-sign-modal-content__body' }, { children: [jsx(Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'email-connector-pending-sign-modal-content__title' }, { children: "Confirm your email" })), jsxs(Typography, Object.assign({ weight: 'regular', variant: 'body_normal', color: 'secondary' }, { children: ["We\u2019ve sent a verification email to", ' ', jsx(Typography, Object.assign({ variant: 'body_normal', color: 'secondary', weight: 'medium', as: 'span' }, { children: emailWalletConnector.email }))] })), jsx(Typography, Object.assign({ weight: 'regular', variant: 'body_small', color: 'secondary' }, { children: "Note: it might take a few seconds to proceed after clicking the link in your email" }))] }))] })));

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

@@ -25,16 +25,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');
+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');
 var useMutation = require('../../../../utils/hooks/useMutation/useMutation.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-require('../../../../components/IconButton/IconButton.cjs');
-require('../../../../components/Alert/Alert.cjs');
 var OTPVerificationView = require('../../../../components/OTPVerificationView/OTPVerificationView.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 
 const EmailOTPConnectorPendingSignModalContent = ({ walletConnector }) => {

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

@@ -21,16 +21,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 '../../../../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 { useMutation } from '../../../../utils/hooks/useMutation/useMutation.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import '../../../../components/IconButton/IconButton.js';
-import '../../../../components/Alert/Alert.js';
 import { OTPVerificationView } from '../../../../components/OTPVerificationView/OTPVerificationView.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../../../components/SendBalanceForm/SendBalanceForm.js';
 
 const EmailOTPConnectorPendingSignModalContent = ({ walletConnector }) => {

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

@@ -28,14 +28,15 @@ 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('@dynamic-labs/wallet-book');
 require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 
 const EmptyWallets = () => (jsxRuntime.jsxs("div", Object.assign({ className: 'empty-wallet__container' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'empty-wallet__icon-container' }, { children: jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'text-primary', size: 'medium' }, { children: jsxRuntime.jsx(addWallet.ReactComponent, {}) })) })), jsxRuntime.jsx("div", Object.assign({ className: 'empty-wallet__text-container' }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_small', color: 'primary' }, { children: "Link additional wallets to see them here." })) }))] })));

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

@@ -24,14 +24,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 EmptyWallets = () => (jsxs("div", Object.assign({ className: 'empty-wallet__container' }, { children: [jsx("div", Object.assign({ className: 'empty-wallet__icon-container' }, { children: jsx(Icon, Object.assign({ color: 'text-primary', size: 'medium' }, { children: jsx(SvgAddWallet, {}) })) })), jsx("div", Object.assign({ className: 'empty-wallet__text-container' }, { children: jsx(Typography, Object.assign({ variant: 'body_small', color: 'primary' }, { children: "Link additional wallets to see them here." })) }))] })));

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

@@ -26,15 +26,16 @@ 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');
+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('@dynamic-labs/wallet-book');
 require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 var helpers = require('../../helpers/helpers.cjs');
 

package/src/lib/widgets/DynamicWidget/components/SingleWalletButtons/SingleWalletButtons.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 { 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 '@dynamic-labs/wallet-book';
 import '../../../../components/SendBalanceForm/SendBalanceForm.js';
 import { copyToClipboard } from '../../helpers/helpers.js';
 

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

@@ -31,20 +31,20 @@ 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('@dynamic-labs/wallet-book');
 require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 var DotsMenu = require('../DotsMenu/DotsMenu.cjs');
 var helpers = require('../../helpers/helpers.cjs');
 var WalletIconWithStatus = require('../WalletIconWithStatus/WalletIconWithStatus.cjs');
 
-const isEmbeddedConnector = (connector) => walletConnectorCore.isSocialWalletConnector(connector) || walletConnectorCore.isEmailOTPWalletConnector(connector);
 const Wallet = ({ wallet, ens }) => {
     const { id: walletId, connector, address, connected } = wallet;
     const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, } = useInternalDynamicContext.useInternalDynamicContext();
@@ -68,7 +68,7 @@ const Wallet = ({ wallet, ens }) => {
         callback: () => helpers.copyToClipboard(address || ''),
         text: 'Copy address',
     });
-    if (!isEmbeddedConnector(connector)) {
+    if (!walletConnectorCore.isEmbeddedConnector(connector)) {
         options.push({
             Icon: jsxRuntime.jsx(unlink.ReactComponent, {}),
             callback: () => setSelectedWalletWithAction({ action: 'unlink', wallet }),

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

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { isSocialWalletConnector, isEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { isEmbeddedConnector } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 import 'react';
@@ -27,20 +27,20 @@ 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';
 import { DotsMenu } from '../DotsMenu/DotsMenu.js';
 import { copyToClipboard } from '../../helpers/helpers.js';
 import { WalletIconWithStatus } from '../WalletIconWithStatus/WalletIconWithStatus.js';
 
-const isEmbeddedConnector = (connector) => isSocialWalletConnector(connector) || isEmailOTPWalletConnector(connector);
 const Wallet = ({ wallet, ens }) => {
     const { id: walletId, connector, address, connected } = wallet;
     const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, } = useInternalDynamicContext();

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

@@ -27,14 +27,15 @@ 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');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 
 const WidgetPortal = ({ children, onBackdropClick, disablePadding, showCloseButton, }) => {

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

@@ -23,14 +23,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 { IconButton } from '../../../../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 { IconButton } from '../../../../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 WidgetPortal = ({ children, onBackdropClick, disablePadding, showCloseButton, }) => {

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

@@ -18,6 +18,7 @@ require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/rpc-providers');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('react-dom');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
@@ -27,9 +28,9 @@ require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.
 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');
 var useKYCFlag = require('../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
 var useMultiWalletFlag = require('../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs');

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.d.ts

@@ -9,7 +9,7 @@ export interface WidgetContextProps {
     setIsOpen: Dispatch<SetStateAction<boolean>>;
     widgetRef: RefObject<HTMLDivElement>;
 }
-export type DynamicWidgetViews = 'index' | 'profile' | 'edit-profile';
+export type DynamicWidgetViews = 'index' | 'profile' | 'edit-profile' | 'send-balance';
 export declare const DynamicWidgetContext: import("react").Context<WidgetContextProps | undefined>;
 export declare const DynamicWidgetContextProvider: ({ children, }: {
     children: ReactNode;

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

@@ -14,6 +14,7 @@ import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/rpc-providers';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import 'react-dom';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../context/ThemeContext/ThemeContext.js';
@@ -23,9 +24,9 @@ import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.j
 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 { useKYCFlag } from '../../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import { useMultiWalletFlag } from '../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';

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

@@ -29,14 +29,15 @@ 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('@dynamic-labs/wallet-book');
 require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 
 const DefaultPromptModal = ({ children, className = '', dataTestId = '', icon, showCloseButton = false, title, }) => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, Object.assign({ showCloseButton: showCloseButton }, { children: jsxRuntime.jsxs("div", Object.assign({ className: classNames.classNames('default-prompt-modal', className), "data-testid": dataTestId }, { children: [icon && jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: 96, isSpinning: true }), jsxRuntime.jsxs("div", Object.assign({ className: 'default-prompt-modal__content' }, { children: [title && (jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', "data-testid": 'title' }, { children: title }))), children] }))] })) })));

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

@@ -25,14 +25,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 DefaultPromptModal = ({ children, className = '', dataTestId = '', icon, showCloseButton = false, title, }) => (jsx(WidgetPortal, Object.assign({ showCloseButton: showCloseButton }, { children: jsxs("div", Object.assign({ className: classNames('default-prompt-modal', className), "data-testid": dataTestId }, { children: [icon && jsx(IconWithSpinner, { Icon: icon, iconSize: 96, isSpinning: true }), jsxs("div", Object.assign({ className: 'default-prompt-modal__content' }, { children: [title && (jsx(Typography, Object.assign({ variant: 'title', color: 'primary', "data-testid": 'title' }, { children: title }))), children] }))] })) })));

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

@@ -28,15 +28,16 @@ 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');
+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('@dynamic-labs/wallet-book');
 require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 
 const DetectedNewWalletModal = () => {