@dynamic-labs/sdk-react-core 3.1.3 → 3.2.0

package/CHANGELOG.md

@@ -1,4 +1,28 @@
 
+## [3.2.0](https://github.com/dynamic-labs/DynamicAuth/compare/v3.1.4...v3.2.0) (2024-10-02)
+
+
+### Features
+
+* view global connectivity connections and allow disconnection ([#7037](https://github.com/dynamic-labs/DynamicAuth/issues/7037)) ([6d7c2ba](https://github.com/dynamic-labs/DynamicAuth/commit/6d7c2baf2d1480e30e1394547635f0f1e7c47509))
+
+
+### Bug Fixes
+
+* ensure the correct auth mode is used on social redirect ([#7047](https://github.com/dynamic-labs/DynamicAuth/issues/7047)) ([#7055](https://github.com/dynamic-labs/DynamicAuth/issues/7055)) ([b83ee70](https://github.com/dynamic-labs/DynamicAuth/commit/b83ee702fede980dad9641ad08453fc20ba1b6bb))
+
+### [3.1.4](https://github.com/dynamic-labs/DynamicAuth/compare/v3.1.3...v3.1.4) (2024-09-30)
+
+
+### Bug Fixes
+
+* add popper context to send balance ([#7017](https://github.com/dynamic-labs/DynamicAuth/issues/7017)) ([bedcc5e](https://github.com/dynamic-labs/DynamicAuth/commit/bedcc5ec005267b7fa40a2020bc9fef6e2e09714))
+* add retry to useConnectWithOtp ([#7013](https://github.com/dynamic-labs/DynamicAuth/issues/7013)) ([4d3455a](https://github.com/dynamic-labs/DynamicAuth/commit/4d3455a5ead6585ec309ff32294f392154900d73))
+* don't re-fetch wallet address on network change ([#7023](https://github.com/dynamic-labs/DynamicAuth/issues/7023)) ([d23b716](https://github.com/dynamic-labs/DynamicAuth/commit/d23b71608af8b6b75b015efdfcb8bea34602dc6a))
+* fix sign message with solana wallet standard provider ([#7015](https://github.com/dynamic-labs/DynamicAuth/issues/7015)) ([b575622](https://github.com/dynamic-labs/DynamicAuth/commit/b575622d7ec8b3dc61049acb592b7c7fa458ec61))
+* persist isHardwareWalletEnabled on wallet connector ([#7025](https://github.com/dynamic-labs/DynamicAuth/issues/7025)) ([7ed7832](https://github.com/dynamic-labs/DynamicAuth/commit/7ed7832235ecafe8172a16528d428f7c03485064))
+* update wallet reference when user switches wallet in connect-only ([#7031](https://github.com/dynamic-labs/DynamicAuth/issues/7031)) ([031515f](https://github.com/dynamic-labs/DynamicAuth/commit/031515fc6c785facbbc95d2f65d58551559334e6))
+
 ### [3.1.3](https://github.com/dynamic-labs/DynamicAuth/compare/v3.1.2...v3.1.3) (2024-09-25)
 
 
@@ -878,7 +902,7 @@
 
 - React Native - You can now build mobile-first onboarding experiences with the same Dynamic magic but for React Native, get started [here](https://docs.dynamic.xyz/react-native/introduction)
 
-- Cookie Authentication - Dynamic can now be configured to set a secure, HttpOnly cookie that can be used for authenticating with Dynamic’s backend. This will contain a minified version of our JWT token. 
+- Cookie Authentication - Dynamic can now be configured to set a secure, HttpOnly cookie that can be used for authenticating with Dynamic’s backend. This will contain a minified version of our JWT token.
 
 
 ## Improvements

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.1.3";
+var version = "3.2.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.535",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.1.3";
+var version = "3.2.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.535",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.1.3",
+  "version": "3.2.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,15 +17,15 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.1.3",
-    "@dynamic-labs/logger": "3.1.3",
-    "@dynamic-labs/multi-wallet": "3.1.3",
-    "@dynamic-labs/rpc-providers": "3.1.3",
-    "@dynamic-labs/store": "3.1.3",
-    "@dynamic-labs/types": "3.1.3",
-    "@dynamic-labs/utils": "3.1.3",
-    "@dynamic-labs/wallet-book": "3.1.3",
-    "@dynamic-labs/wallet-connector-core": "3.1.3",
+    "@dynamic-labs/iconic": "3.2.0",
+    "@dynamic-labs/logger": "3.2.0",
+    "@dynamic-labs/multi-wallet": "3.2.0",
+    "@dynamic-labs/rpc-providers": "3.2.0",
+    "@dynamic-labs/store": "3.2.0",
+    "@dynamic-labs/types": "3.2.0",
+    "@dynamic-labs/utils": "3.2.0",
+    "@dynamic-labs/wallet-book": "3.2.0",
+    "@dynamic-labs/wallet-connector-core": "3.2.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/context/ConnectWithOtpContext/utils/createEmailHandler.cjs

@@ -27,11 +27,21 @@ require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../locale/locale.cjs');
 
 const createEmailHandler = (environmentId, { shouldRegisterSessionKeysOnSignin, generateSessionKey, }) => (email$1) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    const { verificationUUID } = yield email.createEmailVerification({
+    const createEmailVerificationResponse = yield email.createEmailVerification({
         email: email$1,
         environmentId,
     });
+    let { verificationUUID } = createEmailVerificationResponse;
     return {
+        retry: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            const retryEmailVerificationResponse = yield email.retryEmailVerification({
+                email: email$1,
+                environmentId,
+                verificationUUID,
+            });
+            // eslint-disable-next-line prefer-destructuring
+            verificationUUID = retryEmailVerificationResponse.verificationUUID;
+        }),
         type: 'email',
         verify: (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             let sessionPublicKey = undefined;

package/src/lib/context/ConnectWithOtpContext/utils/createEmailHandler.js

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { createEmailVerification, signInWithEmailVerification } from '../../../data/api/email/email.js';
+import { createEmailVerification, retryEmailVerification, signInWithEmailVerification } from '../../../data/api/email/email.js';
 import '@dynamic-labs/sdk-api-core';
 import '@dynamic-labs/utils';
 import '../../../shared/logger.js';
@@ -23,11 +23,21 @@ import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../locale/locale.js';
 
 const createEmailHandler = (environmentId, { shouldRegisterSessionKeysOnSignin, generateSessionKey, }) => (email) => __awaiter(void 0, void 0, void 0, function* () {
-    const { verificationUUID } = yield createEmailVerification({
+    const createEmailVerificationResponse = yield createEmailVerification({
         email,
         environmentId,
     });
+    let { verificationUUID } = createEmailVerificationResponse;
     return {
+        retry: () => __awaiter(void 0, void 0, void 0, function* () {
+            const retryEmailVerificationResponse = yield retryEmailVerification({
+                email,
+                environmentId,
+                verificationUUID,
+            });
+            // eslint-disable-next-line prefer-destructuring
+            verificationUUID = retryEmailVerificationResponse.verificationUUID;
+        }),
         type: 'email',
         verify: (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
             let sessionPublicKey = undefined;

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.cjs

@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
+var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api-core');
-require('../../../../shared/logger.cjs');
+var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 var ViewContext = require('../../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var isSSR = require('../../../../shared/utils/functions/isSSR/isSSR.cjs');
-require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 var useEffectOnce = require('../../../../shared/utils/hooks/useEffectOnce/useEffectOnce.cjs');
@@ -29,7 +29,7 @@ require('react-international-phone');
 var socialStorage = require('../../../../utils/functions/socialStorage/socialStorage.cjs');
 var getSocialSignInProviderForProviderEnum = require('../../../../utils/functions/getSocialSignInProviderForProviderEnum/getSocialSignInProviderForProviderEnum.cjs');
 require('../../../../config/ApiEndpoint.cjs');
-require('../../../../store/state/user/user.cjs');
+var user = require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../AccessDeniedContext/AccessDeniedContext.cjs');
@@ -101,7 +101,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     const { setView } = ViewContext.useViewContext();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const [socialStorageItem, setSocialStorageItem] = React.useState(null);
-    const { sdkHasLoaded, user, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { sdkHasLoaded, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext.useInternalDynamicContext();
     const { completeConnection } = useSocialAuth.useSocialAuth({
         sessionTimeout: 10000,
     });
@@ -140,17 +140,24 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     useEffectOnceCondition.useEffectOnceCondition(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!socialStorageItem)
             return;
-        const authMode = user ? 'link' : 'signin';
         // Update UI to reflect the original state
-        if (authMode === 'signin') {
+        if (socialStorageItem.mode === 'signin') {
+            if (user.getUser()) {
+                logger.logger.error(new utils.DynamicError('User is already logged in'));
+                return;
+            }
             updateInterfaceStateForSignIn(socialStorageItem);
         }
-        else if (authMode === 'link') {
+        else if (socialStorageItem.mode === 'link') {
+            if (!user.getUser()) {
+                logger.logger.error(new utils.DynamicError('User not logged in'));
+                return;
+            }
             updateInterfaceStateForLink();
         }
         yield completeConnection({
             authCode: socialStorageItem.code,
-            authMode,
+            authMode: socialStorageItem.mode,
             captchaToken: socialStorageItem.captchaToken,
             provider: socialStorageItem.provider,
             state: socialStorageItem.state,

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.js

@@ -1,15 +1,15 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useState, useCallback } from 'react';
+import { DynamicError } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
-import '../../../../shared/logger.js';
+import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import { useViewContext } from '../../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { isSSR } from '../../../../shared/utils/functions/isSSR/isSSR.js';
-import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import { useEffectOnce } from '../../../../shared/utils/hooks/useEffectOnce/useEffectOnce.js';
@@ -25,7 +25,7 @@ import 'react-international-phone';
 import { searchSocialStorageByState, deleteSocialStorage } from '../../../../utils/functions/socialStorage/socialStorage.js';
 import { getSocialSignInProviderForProviderEnum } from '../../../../utils/functions/getSocialSignInProviderForProviderEnum/getSocialSignInProviderForProviderEnum.js';
 import '../../../../config/ApiEndpoint.js';
-import '../../../../store/state/user/user.js';
+import { getUser } from '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../AccessDeniedContext/AccessDeniedContext.js';
@@ -97,7 +97,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     const { setView } = useViewContext();
     const { setDynamicWidgetView } = useWidgetContext();
     const [socialStorageItem, setSocialStorageItem] = useState(null);
-    const { sdkHasLoaded, user, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext();
+    const { sdkHasLoaded, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext();
     const { completeConnection } = useSocialAuth({
         sessionTimeout: 10000,
     });
@@ -136,17 +136,24 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     useEffectOnceCondition(() => __awaiter(void 0, void 0, void 0, function* () {
         if (!socialStorageItem)
             return;
-        const authMode = user ? 'link' : 'signin';
         // Update UI to reflect the original state
-        if (authMode === 'signin') {
+        if (socialStorageItem.mode === 'signin') {
+            if (getUser()) {
+                logger.error(new DynamicError('User is already logged in'));
+                return;
+            }
             updateInterfaceStateForSignIn(socialStorageItem);
         }
-        else if (authMode === 'link') {
+        else if (socialStorageItem.mode === 'link') {
+            if (!getUser()) {
+                logger.error(new DynamicError('User not logged in'));
+                return;
+            }
             updateInterfaceStateForLink();
         }
         yield completeConnection({
             authCode: socialStorageItem.code,
-            authMode,
+            authMode: socialStorageItem.mode,
             captchaToken: socialStorageItem.captchaToken,
             provider: socialStorageItem.provider,
             state: socialStorageItem.state,

package/src/lib/locale/en/translation.cjs

@@ -820,31 +820,37 @@ const translation = {
      * @description Settings for Dynamic settings view which are used inside dynamic widget
      * @default
      * {
-        global_section: {
-          title: 'Global',
-          currency: {
-            title: 'Currency',
-            badge: 'coming soon',
-          },
-        },
-        export_section: {
-          private_key_button: 'Private key',
-          srp_button: 'Recovery phrase',
-          title: 'Export & Backup',
-        },
-        identity_section: {
-          title: 'Recovery',
-          add_email_button: 'Add an email',
+      global_section: {
+        title: 'Global',
+        currency: {
+          title: 'Currency',
+          badge: 'coming soon',
         },
-        tags: { recommended: 'Recommended' },
-        security_section: {
-          email_auth_button: 'One time code',
-          passkey_button: 'Passkeys',
-          password_button: 'Passcode',
-          title: 'Security Methods',
-        },
-        title: 'Settings',
-      }
+      },
+      global_connectivity_section: {
+        title: 'Global Connectivity',
+        connected_apps_button: 'Connected Apps',
+      },
+      export_section: {
+        private_key_button: 'Private key',
+        srp_button: 'Recovery phrase',
+        title: 'Export & Backup',
+      },
+      identity_section: {
+        title: 'Recovery',
+        add_email_button: 'Add an email',
+      },
+      tags: { recommended: 'Recommended' },
+      security_section: {
+        email_auth_button: 'One time code',
+        passkey_button: 'Passkeys',
+        password_button: 'Passcode',
+        mfa_button: 'Authenticator App',
+        title: '2 factor authentication',
+      },
+      title: 'Settings',
+      button_logout: 'Log out',
+    }
      */
     dyn_settings: {
         global_section: {
@@ -854,6 +860,10 @@ const translation = {
                 badge: 'coming soon',
             },
         },
+        global_connectivity_section: {
+            title: 'Global Connectivity',
+            connected_apps_button: 'Connected Apps',
+        },
         export_section: {
             private_key_button: 'Private key',
             srp_button: 'Recovery phrase',
@@ -926,6 +936,10 @@ const translation = {
           proceed: 'Proceed',
         },
       },
+       connected_apps: {
+        title: 'Connected Apps',
+        no_connections: 'No connected apps',
+      },
     },
      */
     global_wallet: {
@@ -973,6 +987,11 @@ const translation = {
                 proceed: 'Proceed',
             },
         },
+        connected_apps: {
+            title: 'Connected Apps',
+            subtitle: 'Connected apps allow you to interact with your wallet on other platforms.',
+            success: 'Successfully connected to {{name}}.',
+        },
     },
     /**
      * @description copy keys for mfa management view

package/src/lib/locale/en/translation.d.ts

@@ -814,31 +814,37 @@ export declare const translation: {
      * @description Settings for Dynamic settings view which are used inside dynamic widget
      * @default
      * {
-        global_section: {
-          title: 'Global',
-          currency: {
-            title: 'Currency',
-            badge: 'coming soon',
-          },
-        },
-        export_section: {
-          private_key_button: 'Private key',
-          srp_button: 'Recovery phrase',
-          title: 'Export & Backup',
-        },
-        identity_section: {
-          title: 'Recovery',
-          add_email_button: 'Add an email',
+      global_section: {
+        title: 'Global',
+        currency: {
+          title: 'Currency',
+          badge: 'coming soon',
         },
-        tags: { recommended: 'Recommended' },
-        security_section: {
-          email_auth_button: 'One time code',
-          passkey_button: 'Passkeys',
-          password_button: 'Passcode',
-          title: 'Security Methods',
-        },
-        title: 'Settings',
-      }
+      },
+      global_connectivity_section: {
+        title: 'Global Connectivity',
+        connected_apps_button: 'Connected Apps',
+      },
+      export_section: {
+        private_key_button: 'Private key',
+        srp_button: 'Recovery phrase',
+        title: 'Export & Backup',
+      },
+      identity_section: {
+        title: 'Recovery',
+        add_email_button: 'Add an email',
+      },
+      tags: { recommended: 'Recommended' },
+      security_section: {
+        email_auth_button: 'One time code',
+        passkey_button: 'Passkeys',
+        password_button: 'Passcode',
+        mfa_button: 'Authenticator App',
+        title: '2 factor authentication',
+      },
+      title: 'Settings',
+      button_logout: 'Log out',
+    }
      */
     dyn_settings: {
         global_section: {
@@ -848,6 +854,10 @@ export declare const translation: {
                 badge: string;
             };
         };
+        global_connectivity_section: {
+            title: string;
+            connected_apps_button: string;
+        };
         export_section: {
             private_key_button: string;
             srp_button: string;
@@ -922,6 +932,10 @@ export declare const translation: {
           proceed: 'Proceed',
         },
       },
+       connected_apps: {
+        title: 'Connected Apps',
+        no_connections: 'No connected apps',
+      },
     },
      */
     global_wallet: {
@@ -969,6 +983,11 @@ export declare const translation: {
                 proceed: string;
             };
         };
+        connected_apps: {
+            title: string;
+            subtitle: string;
+            success: string;
+        };
     };
     /**
      * @description copy keys for mfa management view

package/src/lib/locale/en/translation.js

@@ -816,31 +816,37 @@ const translation = {
      * @description Settings for Dynamic settings view which are used inside dynamic widget
      * @default
      * {
-        global_section: {
-          title: 'Global',
-          currency: {
-            title: 'Currency',
-            badge: 'coming soon',
-          },
-        },
-        export_section: {
-          private_key_button: 'Private key',
-          srp_button: 'Recovery phrase',
-          title: 'Export & Backup',
-        },
-        identity_section: {
-          title: 'Recovery',
-          add_email_button: 'Add an email',
+      global_section: {
+        title: 'Global',
+        currency: {
+          title: 'Currency',
+          badge: 'coming soon',
         },
-        tags: { recommended: 'Recommended' },
-        security_section: {
-          email_auth_button: 'One time code',
-          passkey_button: 'Passkeys',
-          password_button: 'Passcode',
-          title: 'Security Methods',
-        },
-        title: 'Settings',
-      }
+      },
+      global_connectivity_section: {
+        title: 'Global Connectivity',
+        connected_apps_button: 'Connected Apps',
+      },
+      export_section: {
+        private_key_button: 'Private key',
+        srp_button: 'Recovery phrase',
+        title: 'Export & Backup',
+      },
+      identity_section: {
+        title: 'Recovery',
+        add_email_button: 'Add an email',
+      },
+      tags: { recommended: 'Recommended' },
+      security_section: {
+        email_auth_button: 'One time code',
+        passkey_button: 'Passkeys',
+        password_button: 'Passcode',
+        mfa_button: 'Authenticator App',
+        title: '2 factor authentication',
+      },
+      title: 'Settings',
+      button_logout: 'Log out',
+    }
      */
     dyn_settings: {
         global_section: {
@@ -850,6 +856,10 @@ const translation = {
                 badge: 'coming soon',
             },
         },
+        global_connectivity_section: {
+            title: 'Global Connectivity',
+            connected_apps_button: 'Connected Apps',
+        },
         export_section: {
             private_key_button: 'Private key',
             srp_button: 'Recovery phrase',
@@ -922,6 +932,10 @@ const translation = {
           proceed: 'Proceed',
         },
       },
+       connected_apps: {
+        title: 'Connected Apps',
+        no_connections: 'No connected apps',
+      },
     },
      */
     global_wallet: {
@@ -969,6 +983,11 @@ const translation = {
                 proceed: 'Proceed',
             },
         },
+        connected_apps: {
+            title: 'Connected Apps',
+            subtitle: 'Connected apps allow you to interact with your wallet on other platforms.',
+            success: 'Successfully connected to {{name}}.',
+        },
     },
     /**
      * @description copy keys for mfa management view

package/src/lib/modals/SendBalanceModal/SendBalanceModal.cjs

@@ -79,7 +79,7 @@ require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
 require('../../context/FundingContext/FundingContext.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
-require('../../components/Popper/PopperContext/PopperContext.cjs');
+var PopperContext = require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -112,10 +112,10 @@ const SendBalanceModal = ({ initialRecipientAddress, initialValue, onReject, onS
     };
     return (jsxRuntime.jsx(Portal.Portal, { handleClose: closeModal, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-balance', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { children: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, { isShown: true, children: jsxRuntime.jsx(SendBalanceView.SendBalanceView, { initialRecipientAddress: initialRecipientAddress, initialValue: initialValue, onError: (error) => (errorRef.current = error), onClickClose: closeModal, onDone: closeModal, displayPoweredByDynamicFooter: true, onSuccess: (receipt) => {
-                            errorRef.current = null;
-                            receiptRef.current = receipt;
-                        } }) }) }) }) }));
+        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { children: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, { isShown: true, children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: jsxRuntime.jsx(SendBalanceView.SendBalanceView, { initialRecipientAddress: initialRecipientAddress, initialValue: initialValue, onError: (error) => (errorRef.current = error), onClickClose: closeModal, onDone: closeModal, displayPoweredByDynamicFooter: true, onSuccess: (receipt) => {
+                                errorRef.current = null;
+                                receiptRef.current = receipt;
+                            } }) }) }) }) }) }));
 };
 
 exports.SendBalanceModal = SendBalanceModal;

package/src/lib/modals/SendBalanceModal/SendBalanceModal.js

@@ -75,7 +75,7 @@ import '../../components/IsBrowser/IsBrowser.js';
 import '../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
 import '../../context/FundingContext/FundingContext.js';
 import '../../components/Popper/Popper/Popper.js';
-import '../../components/Popper/PopperContext/PopperContext.js';
+import { PopperProvider } from '../../components/Popper/PopperContext/PopperContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -108,10 +108,10 @@ const SendBalanceModal = ({ initialRecipientAddress, initialValue, onReject, onS
     };
     return (jsx(Portal, { handleClose: closeModal, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-balance', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsx(Modal, { children: jsx(ModalCard, { children: jsx(VerticalDrawerTransition, { isShown: true, children: jsx(SendBalanceView, { initialRecipientAddress: initialRecipientAddress, initialValue: initialValue, onError: (error) => (errorRef.current = error), onClickClose: closeModal, onDone: closeModal, displayPoweredByDynamicFooter: true, onSuccess: (receipt) => {
-                            errorRef.current = null;
-                            receiptRef.current = receipt;
-                        } }) }) }) }) }));
+        }, children: jsx(Modal, { children: jsx(ModalCard, { children: jsx(VerticalDrawerTransition, { isShown: true, children: jsx(PopperProvider, { children: jsx(SendBalanceView, { initialRecipientAddress: initialRecipientAddress, initialValue: initialValue, onError: (error) => (errorRef.current = error), onClickClose: closeModal, onDone: closeModal, displayPoweredByDynamicFooter: true, onSuccess: (receipt) => {
+                                errorRef.current = null;
+                                receiptRef.current = receipt;
+                            } }) }) }) }) }) }));
 };
 
 export { SendBalanceModal };