@dynamic-labs/sdk-react-core 0.18.100-viem.3 → 0.18.100-viem.30

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

@@ -18,7 +18,7 @@ const getEnabledChains = (chains) => chains
     .filter(({ enabled }) => enabled)
     .map(({ name }) => { var _a; return (_a = getChainInfo(name)) === null || _a === void 0 ? void 0 : _a.symbol; })
     .filter((chain) => Boolean(chain));
-const createWallets = (props) => {
+const getWallets = (props) => {
     var _a, _b, _c, _d;
     return getEnabledWallets({
         enabledChains: getEnabledChains(props.settings.chains),
@@ -27,18 +27,7 @@ const createWallets = (props) => {
                 ((_b = props.settings.sdk.walletConnect) === null || _b === void 0 ? void 0 : _b.projectId)
                 ? (_c = props.settings.sdk.walletConnect) === null || _c === void 0 ? void 0 : _c.v2Enabled
                 : false, walletConnectProjectId: (_d = props.settings.sdk.walletConnect) === null || _d === void 0 ? void 0 : _d.projectId }),
-        installed: props.installed,
     }).map((wallet) => createWallet(props.getSupportedWalletOpts.walletBook, wallet));
 };
-const getInstalledWallets = (settings, getSupportedWalletOpts) => createWallets({
-    getSupportedWalletOpts,
-    installed: true,
-    settings,
-});
-const getNotInstalledWallets = (settings, getSupportedWalletOpts) => createWallets({
-    getSupportedWalletOpts,
-    installed: false,
-    settings,
-});
 
-export { getEnabledChains, getInstalledWallets, getNotInstalledWallets };
+export { getEnabledChains, getWallets };

package/src/lib/views/viewToComponentMap.cjs

@@ -46,6 +46,7 @@ const viewToComponentMap = {
     'login-with-email-or-wallet-full-wallet-list': jsxRuntime.jsx(WalletList.WalletList, {}),
     'login-with-email-verification': jsxRuntime.jsx(EmailVerification.EmailVerification, {}),
     'merge-user-accounts': jsxRuntime.jsx(MergeUserAccountsView.MergeUserAccountsView, {}),
+    'multi-wallet-wallet-list': jsxRuntime.jsx(WalletList.WalletList, {}),
     'network-not-supported': jsxRuntime.jsx(NetworkNotSupported.NetworkNotSupported, {}),
     'network-not-supported-manual': jsxRuntime.jsx(NetworkNotSupportedSwitchManual.NetworkNotSupportedSwitchManual, {}),
     'no-access': jsxRuntime.jsx(NoAccess.NoAccess, {}),

package/src/lib/views/viewToComponentMap.js

@@ -42,6 +42,7 @@ const viewToComponentMap = {
     'login-with-email-or-wallet-full-wallet-list': jsx(WalletList, {}),
     'login-with-email-verification': jsx(EmailVerification, {}),
     'merge-user-accounts': jsx(MergeUserAccountsView, {}),
+    'multi-wallet-wallet-list': jsx(WalletList, {}),
     'network-not-supported': jsx(NetworkNotSupported, {}),
     'network-not-supported-manual': jsx(NetworkNotSupportedSwitchManual, {}),
     'no-access': jsx(NoAccess, {}),

package/src/lib/widgets/DynamicBridgeWidget/views/EditProfileView/EditProfileView.cjs

@@ -14,7 +14,7 @@ var UserProfileForm = require('../../../../components/UserProfileForm/UserProfil
 const EditProfileView = () => {
     const { setView } = ViewContext.useViewContext();
     const { goToProfileView } = DynamicBridgeWidgetContext.useDynamicBridgeWidgetContext();
-    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { internalSetShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
     });
@@ -22,10 +22,10 @@ const EditProfileView = () => {
         const { isEmailVerificationRequired } = yield updateUser(formValues);
         goToProfileView();
         if (isEmailVerificationRequired) {
-            setShowAuthFlow(true);
+            internalSetShowAuthFlow(true);
             setView('verify-email');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, internalSetShowAuthFlow, setView, updateUser]);
     return (jsxRuntime.jsx(UserProfileForm.UserProfileForm, { onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView }));
 };
 

package/src/lib/widgets/DynamicBridgeWidget/views/EditProfileView/EditProfileView.js

@@ -10,7 +10,7 @@ import { UserProfileForm } from '../../../../components/UserProfileForm/UserProf
 const EditProfileView = () => {
     const { setView } = useViewContext();
     const { goToProfileView } = useDynamicBridgeWidgetContext();
-    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { internalSetShowAuthFlow } = useInternalDynamicContext();
     const { updateUser } = useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
     });
@@ -18,10 +18,10 @@ const EditProfileView = () => {
         const { isEmailVerificationRequired } = yield updateUser(formValues);
         goToProfileView();
         if (isEmailVerificationRequired) {
-            setShowAuthFlow(true);
+            internalSetShowAuthFlow(true);
             setView('verify-email');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, internalSetShowAuthFlow, setView, updateUser]);
     return (jsx(UserProfileForm, { onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView }));
 };
 

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

@@ -38,7 +38,7 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var DynamicConnectButton = require('../../components/DynamicConnectButton/DynamicConnectButton.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
-var PopperContext = require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
@@ -67,7 +67,7 @@ const DynamicWidget = ({ buttonContainerClassName = '', buttonClassName = '', in
         }
         return Boolean(!primaryWallet);
     }, [authMode, primaryWallet, user]);
-    return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(ShadowDOM.ShadowDOM, { className: 'dynamic-widget__container', id: 'dynamic-widget', children: showDynamicConnectButton ? (jsxRuntime.jsx(DynamicConnectButton.DynamicConnectButton, { buttonContainerClassName: buttonContainerClassName, buttonClassName: buttonClassName, children: innerButtonComponent })) : (jsxRuntime.jsxs(PopperContext.PopperProvider, { children: [jsxRuntime.jsx(DynamicNav.DynamicNav, {}), jsxRuntime.jsx(DynamicUserProfile.DynamicUserProfile, { variant: variant })] })) }) }));
+    return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(ShadowDOM.ShadowDOM, { className: 'dynamic-widget__container', id: 'dynamic-widget', children: showDynamicConnectButton ? (jsxRuntime.jsx(DynamicConnectButton.DynamicConnectButton, { buttonContainerClassName: buttonContainerClassName, buttonClassName: buttonClassName, children: innerButtonComponent })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DynamicNav.DynamicNav, {}), jsxRuntime.jsx(DynamicUserProfile.DynamicUserProfile, { variant: variant })] })) }) }));
 };
 
 exports.DynamicWidget = DynamicWidget;

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

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useCallback, useMemo } from 'react';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
@@ -34,7 +34,7 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { DynamicConnectButton } from '../../components/DynamicConnectButton/DynamicConnectButton.js';
 import '../../components/Popper/Popper/Popper.js';
-import { PopperProvider } from '../../components/Popper/PopperContext/PopperContext.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
@@ -63,7 +63,7 @@ const DynamicWidget = ({ buttonContainerClassName = '', buttonClassName = '', in
         }
         return Boolean(!primaryWallet);
     }, [authMode, primaryWallet, user]);
-    return (jsx(IsBrowser, { children: jsx(ShadowDOM, { className: 'dynamic-widget__container', id: 'dynamic-widget', children: showDynamicConnectButton ? (jsx(DynamicConnectButton, { buttonContainerClassName: buttonContainerClassName, buttonClassName: buttonClassName, children: innerButtonComponent })) : (jsxs(PopperProvider, { children: [jsx(DynamicNav, {}), jsx(DynamicUserProfile, { variant: variant })] })) }) }));
+    return (jsx(IsBrowser, { children: jsx(ShadowDOM, { className: 'dynamic-widget__container', id: 'dynamic-widget', children: showDynamicConnectButton ? (jsx(DynamicConnectButton, { buttonContainerClassName: buttonContainerClassName, buttonClassName: buttonClassName, children: innerButtonComponent })) : (jsxs(Fragment, { children: [jsx(DynamicNav, {}), jsx(DynamicUserProfile, { variant: variant })] })) }) }));
 };
 
 export { DynamicWidget };

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

@@ -10,6 +10,41 @@ var ShadowDOM = require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 var IsBrowser = require('../../../../components/IsBrowser/IsBrowser.cjs');
 var NetworkPicker = require('../../../../components/NetworkPicker/NetworkPicker.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');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('../../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+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('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../../components/IconButton/IconButton.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('formik');
+require('yup');
+require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 
 const DynamicNav = () => {
     const [isNetworkPickerOpen, setIsNetworkPickerOpen] = React.useState(false);
@@ -20,7 +55,7 @@ const DynamicNav = () => {
         [];
     if (!projectSettings)
         return null;
-    return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsxs("div", { ref: inlineControlsRef, "data-testid": 'DynamicNav', className: 'dynamic-widget-inline-controls', children: [primaryWallet && (jsxRuntime.jsx(NetworkPicker.NetworkPicker, { connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-inline-controls__network-picker-main', buttonClassName: 'dynamic-widget-inline-controls__network-picker', listClassName: 'dynamic-widget-inline-controls__network-picker-list', checkboxClassName: 'dynamic-widget-inline-controls__network-picker-checkbox', evmNetworks: evmNetworks })), jsxRuntime.jsx("div", { className: 'dynamic-widget-inline-controls__account-control-container', children: jsxRuntime.jsx(AccountControl.AccountControl, { className: 'dynamic-widget-inline-controls__account-control' }) })] }) }));
+    return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsxs("div", { ref: inlineControlsRef, "data-testid": 'DynamicNav', className: 'dynamic-widget-inline-controls', children: [primaryWallet && (jsxRuntime.jsx(PopperContext.PopperProvider, { children: jsxRuntime.jsx(NetworkPicker.NetworkPicker, { connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-inline-controls__network-picker-main', buttonClassName: 'dynamic-widget-inline-controls__network-picker', listClassName: 'dynamic-widget-inline-controls__network-picker-list', checkboxClassName: 'dynamic-widget-inline-controls__network-picker-checkbox', evmNetworks: evmNetworks }) })), jsxRuntime.jsx("div", { className: 'dynamic-widget-inline-controls__account-control-container', children: jsxRuntime.jsx(AccountControl.AccountControl, { className: 'dynamic-widget-inline-controls__account-control' }) })] }) }));
 };
 const ShadowedDynamicNav = () => (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { children: jsxRuntime.jsx(DynamicNav, {}) }));
 

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

@@ -6,6 +6,41 @@ import { ShadowDOM } from '../../../../components/ShadowDOM/ShadowDOM.js';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { IsBrowser } from '../../../../components/IsBrowser/IsBrowser.js';
 import { NetworkPicker } from '../../../../components/NetworkPicker/NetworkPicker.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 '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+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 '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../../components/IconButton/IconButton.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 'formik';
+import 'yup';
+import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
 
 const DynamicNav = () => {
     const [isNetworkPickerOpen, setIsNetworkPickerOpen] = useState(false);
@@ -16,7 +51,7 @@ const DynamicNav = () => {
         [];
     if (!projectSettings)
         return null;
-    return (jsx(IsBrowser, { children: jsxs("div", { ref: inlineControlsRef, "data-testid": 'DynamicNav', className: 'dynamic-widget-inline-controls', children: [primaryWallet && (jsx(NetworkPicker, { connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-inline-controls__network-picker-main', buttonClassName: 'dynamic-widget-inline-controls__network-picker', listClassName: 'dynamic-widget-inline-controls__network-picker-list', checkboxClassName: 'dynamic-widget-inline-controls__network-picker-checkbox', evmNetworks: evmNetworks })), jsx("div", { className: 'dynamic-widget-inline-controls__account-control-container', children: jsx(AccountControl, { className: 'dynamic-widget-inline-controls__account-control' }) })] }) }));
+    return (jsx(IsBrowser, { children: jsxs("div", { ref: inlineControlsRef, "data-testid": 'DynamicNav', className: 'dynamic-widget-inline-controls', children: [primaryWallet && (jsx(PopperProvider, { children: jsx(NetworkPicker, { connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'dynamic-widget-inline-controls__network-picker-main', buttonClassName: 'dynamic-widget-inline-controls__network-picker', listClassName: 'dynamic-widget-inline-controls__network-picker-list', checkboxClassName: 'dynamic-widget-inline-controls__network-picker-checkbox', evmNetworks: evmNetworks }) })), jsx("div", { className: 'dynamic-widget-inline-controls__account-control-container', children: jsx(AccountControl, { className: 'dynamic-widget-inline-controls__account-control' }) })] }) }));
 };
 const ShadowedDynamicNav = () => (jsx(ShadowDOM, { children: jsx(DynamicNav, {}) }));
 

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

@@ -41,7 +41,7 @@ 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');
+var PopperContext = require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
@@ -63,7 +63,7 @@ const DynamicUserProfile = ({ variant, }) => {
     if (!projectSettings)
         return null;
     const shouldRenderHeader = dynamicWidgetView !== 'send-balance';
-    return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(DynamicWidgetVariants.DynamicWidgetVariants, { isOpen: isOpen, setIsOpen: setIsOpen, variant: _variant, zIndex: index.widgetModalZIndex, children: jsxRuntime.jsx(DynamicWidgetCard.DynamicWidgetCard, { ref: widgetRef, children: jsxRuntime.jsxs(OverlayCardTarget.OverlayCardTarget, { children: [shouldRenderHeader && jsxRuntime.jsx(DynamicWidgetHeader.MemoizedDynamicWidgetHeader, { variant: variant }), jsxRuntime.jsx(DynamicWidgetViews.DynamicWidgetViews, {}), jsxRuntime.jsx(DynamicWidgetPrompts.DynamicWidgetPrompts, {})] }) }) }) }));
+    return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: jsxRuntime.jsx(DynamicWidgetVariants.DynamicWidgetVariants, { isOpen: isOpen, setIsOpen: setIsOpen, variant: _variant, zIndex: index.widgetModalZIndex, children: jsxRuntime.jsx(DynamicWidgetCard.DynamicWidgetCard, { ref: widgetRef, children: jsxRuntime.jsxs(OverlayCardTarget.OverlayCardTarget, { children: [shouldRenderHeader && jsxRuntime.jsx(DynamicWidgetHeader.MemoizedDynamicWidgetHeader, { variant: variant }), jsxRuntime.jsx(DynamicWidgetViews.DynamicWidgetViews, {}), jsxRuntime.jsx(DynamicWidgetPrompts.DynamicWidgetPrompts, {})] }) }) }) }) }));
 };
 const ShadowedDynamicUserProfile = () => (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { zIndex: index.widgetModalZIndex, children: jsxRuntime.jsx(DynamicUserProfile, {}) }));
 

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

@@ -37,7 +37,7 @@ 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 { PopperProvider } from '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 import '../../../../components/InlineWidget/InlineWidget.js';
@@ -59,7 +59,7 @@ const DynamicUserProfile = ({ variant, }) => {
     if (!projectSettings)
         return null;
     const shouldRenderHeader = dynamicWidgetView !== 'send-balance';
-    return (jsx(IsBrowser, { children: jsx(DynamicWidgetVariants, { isOpen: isOpen, setIsOpen: setIsOpen, variant: _variant, zIndex: widgetModalZIndex, children: jsx(DynamicWidgetCard, { ref: widgetRef, children: jsxs(OverlayCardTarget, { children: [shouldRenderHeader && jsx(MemoizedDynamicWidgetHeader, { variant: variant }), jsx(DynamicWidgetViews, {}), jsx(DynamicWidgetPrompts, {})] }) }) }) }));
+    return (jsx(IsBrowser, { children: jsx(PopperProvider, { children: jsx(DynamicWidgetVariants, { isOpen: isOpen, setIsOpen: setIsOpen, variant: _variant, zIndex: widgetModalZIndex, children: jsx(DynamicWidgetCard, { ref: widgetRef, children: jsxs(OverlayCardTarget, { children: [shouldRenderHeader && jsx(MemoizedDynamicWidgetHeader, { variant: variant }), jsx(DynamicWidgetViews, {}), jsx(DynamicWidgetPrompts, {})] }) }) }) }) }));
 };
 const ShadowedDynamicUserProfile = () => (jsx(ShadowDOM, { zIndex: widgetModalZIndex, children: jsx(DynamicUserProfile, {}) }));
 

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

@@ -38,6 +38,7 @@ require('formik');
 require('yup');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+var useViewController = require('../hooks/useViewController/useViewController.cjs');
 var useKYCFlag = require('../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
 var useMultiWalletFlag = require('../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs');
 require('../../../context/MockContext/MockContext.cjs');
@@ -52,8 +53,7 @@ const DynamicWidgetContextProvider = ({ children, }) => {
     const { setShowDynamicUserProfile, showDynamicUserProfile } = useInternalDynamicContext.useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag.useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag.useMultiWalletFlag();
-    const initialView = React.useMemo(() => (isKYCEnabled && !isMultiWalletEnabled ? 'profile' : 'wallets'), [isKYCEnabled, isMultiWalletEnabled]);
-    const [dynamicWidgetView, setDynamicWidgetView] = React.useState(initialView);
+    const { view: dynamicWidgetView, setView: setDynamicWidgetView, goToInitialView: goToInitialDynamicWidgetView, } = useViewController.useViewController(isKYCEnabled && !isMultiWalletEnabled ? 'profile' : 'wallets');
     const goToProfileView = React.useCallback(() => {
         if (isKYCEnabled)
             return setDynamicWidgetView('profile');
@@ -64,18 +64,14 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         if (!showDynamicUserProfile) {
             // wait for exit animation to finish
             setTimeout(() => {
-                setDynamicWidgetView(initialView);
+                goToInitialDynamicWidgetView();
             }, 200);
         }
-    }, [initialView, showDynamicUserProfile]);
-    // set correct initial view once isKYCEnabled and isMultiWalletEnabled values are correctly set
-    // *isKYCEnabled is always false when the context initializes, so the initial view is set to index
-    React.useEffect(() => {
-        setDynamicWidgetView(initialView);
-    }, [initialView, isKYCEnabled, isMultiWalletEnabled]);
+    }, [goToInitialDynamicWidgetView, showDynamicUserProfile]);
     const value = React.useMemo(() => ({
         availableWalletsContainerRef,
         dynamicWidgetView,
+        goToInitialDynamicWidgetView,
         goToProfileView,
         inlineControlsRef,
         isOpen: showDynamicUserProfile,
@@ -84,8 +80,9 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         widgetRef,
     }), [
         dynamicWidgetView,
-        goToProfileView,
         setShowDynamicUserProfile,
+        goToInitialDynamicWidgetView,
+        goToProfileView,
         showDynamicUserProfile,
     ]);
     return (jsxRuntime.jsx(DynamicWidgetContext.Provider, { value: value, children: children }));

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

@@ -3,6 +3,7 @@ export interface WidgetContextProps {
     availableWalletsContainerRef: RefObject<HTMLDivElement>;
     dynamicWidgetView: DynamicWidgetViews;
     goToProfileView: () => void;
+    goToInitialDynamicWidgetView: () => void;
     inlineControlsRef: RefObject<HTMLDivElement>;
     isOpen: boolean;
     setDynamicWidgetView: Dispatch<SetStateAction<DynamicWidgetViews>>;

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

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useRef, useMemo, useState, useCallback, useEffect, useContext } from 'react';
+import { createContext, useRef, useCallback, useEffect, useMemo, useContext } from 'react';
 import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import '../../../config/ApiEndpoint.js';
@@ -34,6 +34,7 @@ import 'formik';
 import 'yup';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
+import { useViewController } from '../hooks/useViewController/useViewController.js';
 import { useKYCFlag } from '../../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import { useMultiWalletFlag } from '../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
 import '../../../context/MockContext/MockContext.js';
@@ -48,8 +49,7 @@ const DynamicWidgetContextProvider = ({ children, }) => {
     const { setShowDynamicUserProfile, showDynamicUserProfile } = useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag();
-    const initialView = useMemo(() => (isKYCEnabled && !isMultiWalletEnabled ? 'profile' : 'wallets'), [isKYCEnabled, isMultiWalletEnabled]);
-    const [dynamicWidgetView, setDynamicWidgetView] = useState(initialView);
+    const { view: dynamicWidgetView, setView: setDynamicWidgetView, goToInitialView: goToInitialDynamicWidgetView, } = useViewController(isKYCEnabled && !isMultiWalletEnabled ? 'profile' : 'wallets');
     const goToProfileView = useCallback(() => {
         if (isKYCEnabled)
             return setDynamicWidgetView('profile');
@@ -60,18 +60,14 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         if (!showDynamicUserProfile) {
             // wait for exit animation to finish
             setTimeout(() => {
-                setDynamicWidgetView(initialView);
+                goToInitialDynamicWidgetView();
             }, 200);
         }
-    }, [initialView, showDynamicUserProfile]);
-    // set correct initial view once isKYCEnabled and isMultiWalletEnabled values are correctly set
-    // *isKYCEnabled is always false when the context initializes, so the initial view is set to index
-    useEffect(() => {
-        setDynamicWidgetView(initialView);
-    }, [initialView, isKYCEnabled, isMultiWalletEnabled]);
+    }, [goToInitialDynamicWidgetView, showDynamicUserProfile]);
     const value = useMemo(() => ({
         availableWalletsContainerRef,
         dynamicWidgetView,
+        goToInitialDynamicWidgetView,
         goToProfileView,
         inlineControlsRef,
         isOpen: showDynamicUserProfile,
@@ -80,8 +76,9 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         widgetRef,
     }), [
         dynamicWidgetView,
-        goToProfileView,
         setShowDynamicUserProfile,
+        goToInitialDynamicWidgetView,
+        goToProfileView,
         showDynamicUserProfile,
     ]);
     return (jsx(DynamicWidgetContext.Provider, { value: value, children: children }));

package/src/lib/widgets/DynamicWidget/hooks/index.d.ts

@@ -2,3 +2,4 @@ export { useContent } from './useContent';
 export { useFetchBalance } from './useFetchBalance';
 export { useFetchChain } from './useFetchChain';
 export { useFetchCurrency } from './useFetchCurrency';
+export { useViewController } from './useViewController';

package/src/lib/widgets/DynamicWidget/hooks/useViewController/index.d.ts

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

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useViewController = (initialView) => {
+    const [_view, setView] = React.useState(null);
+    const goToInitialView = () => setView(null);
+    return {
+        goToInitialView,
+        setView: setView,
+        view: _view || initialView,
+    };
+};
+
+exports.useViewController = useViewController;

package/src/lib/widgets/DynamicWidget/hooks/useViewController/useViewController.d.ts

@@ -0,0 +1,6 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare const useViewController: <VIEW extends string>(initialView: VIEW) => {
+    goToInitialView: () => void;
+    setView: Dispatch<SetStateAction<VIEW>>;
+    view: VIEW;
+};

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

@@ -0,0 +1,13 @@
+import { useState } from 'react';
+
+const useViewController = (initialView) => {
+    const [_view, setView] = useState(null);
+    const goToInitialView = () => setView(null);
+    return {
+        goToInitialView,
+        setView: setView,
+        view: _view || initialView,
+    };
+};
+
+export { useViewController };

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

@@ -50,7 +50,7 @@ var UserProfileForm = require('../../../../components/UserProfileForm/UserProfil
 
 const EditProfileView = ({ rootClassName, }) => {
     const { setView } = ViewContext.useViewContext();
-    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { internalSetShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { goToProfileView } = DynamicWidgetContext.useWidgetContext();
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
@@ -59,10 +59,10 @@ const EditProfileView = ({ rootClassName, }) => {
         const { isEmailVerificationRequired } = yield updateUser(formValues);
         goToProfileView();
         if (isEmailVerificationRequired) {
-            setShowAuthFlow(true);
+            internalSetShowAuthFlow(true);
             setView('verify-email');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, internalSetShowAuthFlow, setView, updateUser]);
     const isKYCEnabled = useKYCFlag.useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag.useMultiWalletFlag();
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isMultiWalletEnabled && isKYCEnabled && (jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title', children: "My profile" })), jsxRuntime.jsx(UserProfileForm.UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));

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

@@ -46,7 +46,7 @@ import { UserProfileForm } from '../../../../components/UserProfileForm/UserProf
 
 const EditProfileView = ({ rootClassName, }) => {
     const { setView } = useViewContext();
-    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { internalSetShowAuthFlow } = useInternalDynamicContext();
     const { goToProfileView } = useWidgetContext();
     const { updateUser } = useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
@@ -55,10 +55,10 @@ const EditProfileView = ({ rootClassName, }) => {
         const { isEmailVerificationRequired } = yield updateUser(formValues);
         goToProfileView();
         if (isEmailVerificationRequired) {
-            setShowAuthFlow(true);
+            internalSetShowAuthFlow(true);
             setView('verify-email');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, internalSetShowAuthFlow, setView, updateUser]);
     const isKYCEnabled = useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag();
     return (jsxs(Fragment, { children: [!isMultiWalletEnabled && isKYCEnabled && (jsx(Typography, { weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title', children: "My profile" })), jsx(UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));

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

@@ -7,9 +7,8 @@ var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 var SendBalanceView = require('../../../../views/SendBalanceView/SendBalanceView.cjs');
 
 const SendBalanceWidgetView = () => {
-    const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const goToIndex = () => setDynamicWidgetView('wallets');
-    return (jsxRuntime.jsx("div", { className: 'send-balance-widget-view', children: jsxRuntime.jsx(SendBalanceView.SendBalanceView, { onClickBack: goToIndex, onDone: goToIndex }) }));
+    const { goToInitialDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    return (jsxRuntime.jsx("div", { className: 'send-balance-widget-view', children: jsxRuntime.jsx(SendBalanceView.SendBalanceView, { onClickBack: goToInitialDynamicWidgetView, onDone: goToInitialDynamicWidgetView }) }));
 };
 
 exports.SendBalanceWidgetView = SendBalanceWidgetView;

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

@@ -3,9 +3,8 @@ import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { SendBalanceView } from '../../../../views/SendBalanceView/SendBalanceView.js';
 
 const SendBalanceWidgetView = () => {
-    const { setDynamicWidgetView } = useWidgetContext();
-    const goToIndex = () => setDynamicWidgetView('wallets');
-    return (jsx("div", { className: 'send-balance-widget-view', children: jsx(SendBalanceView, { onClickBack: goToIndex, onDone: goToIndex }) }));
+    const { goToInitialDynamicWidgetView } = useWidgetContext();
+    return (jsx("div", { className: 'send-balance-widget-view', children: jsx(SendBalanceView, { onClickBack: goToInitialDynamicWidgetView, onDone: goToInitialDynamicWidgetView }) }));
 };
 
 export { SendBalanceWidgetView };