@dynamic-labs/sdk-react-core 0.19.0-alpha.7 → 0.19.0-alpha.9

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

@@ -15,11 +15,11 @@ import { usePreventPageScroll } from '../../../../../../shared/utils/hooks/usePr
 import '../../../../../../shared/consts/index.js';
 import '../../../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../../../config/ApiEndpoint.js';
 import '../../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../../context/ThemeContext/ThemeContext.js';
 import { Portal } from '../../../../../../components/Portal/Portal.js';
 import 'react-dom';
-import '../../../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../../../context/ErrorContext/ErrorContext.js';

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

@@ -19,6 +19,7 @@ require('ethers');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
@@ -27,7 +28,6 @@ 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');

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

@@ -15,6 +15,7 @@ import 'ethers';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
@@ -23,7 +24,6 @@ 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';

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

@@ -18,6 +18,7 @@ require('ethers');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -25,7 +26,6 @@ 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');

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

@@ -14,6 +14,7 @@ import 'ethers';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -21,7 +22,6 @@ 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';

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

@@ -18,6 +18,7 @@ require('ethers');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -25,7 +26,6 @@ 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');

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

@@ -14,6 +14,7 @@ import 'ethers';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -21,7 +22,6 @@ 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';

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

@@ -19,6 +19,7 @@ require('ethers');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var Icon = require('../../../../components/Icon/Icon.cjs');
@@ -27,7 +28,6 @@ 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');

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

@@ -15,6 +15,7 @@ import 'ethers';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { Icon } from '../../../../components/Icon/Icon.js';
@@ -23,7 +24,6 @@ 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';

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

@@ -18,6 +18,7 @@ require('ethers');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -25,7 +26,6 @@ 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');

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

@@ -14,6 +14,7 @@ import 'ethers';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -21,7 +22,6 @@ 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';

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

@@ -24,6 +24,7 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useI
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -31,7 +32,6 @@ 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');
@@ -60,7 +60,7 @@ var AuthProviderIcon = require('../../../../components/AuthProviderIcon/AuthProv
 const Wallet = ({ wallet, ens }) => {
     var _a;
     const { id: walletId, connector, address } = wallet;
-    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, authToken, primaryWallet, user, projectSettings, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, authToken, primaryWallet, user, projectSettings, authMode, } = useInternalDynamicContext.useInternalDynamicContext();
     const email = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((verifiedCredential) => verifiedCredential.format === 'email')) === null || _a === void 0 ? void 0 : _a.email;
     const iconSize = 20;
     const options = [
@@ -86,7 +86,7 @@ const Wallet = ({ wallet, ens }) => {
         options.push({
             Icon: jsxRuntime.jsx(unlink.ReactComponent, {}),
             callback: () => setSelectedWalletWithAction({ action: 'unlink', wallet }),
-            text: 'Unlink from my account',
+            text: `${authMode === 'connect-only' ? 'Disconnect' : 'Unlink'} from my account`,
         });
     }
     const exportKeysOption = helpers.getExportKeysOption(connector, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);

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

@@ -20,6 +20,7 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -27,7 +28,6 @@ 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';
@@ -56,7 +56,7 @@ import { AuthProviderIcon } from '../../../../components/AuthProviderIcon/AuthPr
 const Wallet = ({ wallet, ens }) => {
     var _a;
     const { id: walletId, connector, address } = wallet;
-    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, authToken, primaryWallet, user, projectSettings, } = useInternalDynamicContext();
+    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, authToken, primaryWallet, user, projectSettings, authMode, } = useInternalDynamicContext();
     const email = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((verifiedCredential) => verifiedCredential.format === 'email')) === null || _a === void 0 ? void 0 : _a.email;
     const iconSize = 20;
     const options = [
@@ -82,7 +82,7 @@ const Wallet = ({ wallet, ens }) => {
         options.push({
             Icon: jsx(SvgUnlink, {}),
             callback: () => setSelectedWalletWithAction({ action: 'unlink', wallet }),
-            text: 'Unlink from my account',
+            text: `${authMode === 'connect-only' ? 'Disconnect' : 'Unlink'} from my account`,
         });
     }
     const exportKeysOption = getExportKeysOption(connector, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);

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

@@ -18,12 +18,13 @@ require('ethers');
 require('../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../../../utils/functions/pixelToRem/pixelToRem.cjs');
+require('../../../../config/ApiEndpoint.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 
-const WalletIconWithStatus = ({ iconSize = 24, walletName, connected, variant = 'primary', }) => (jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-icon-with-status__container' }, { children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletName, style: {
+const WalletIconWithStatus = ({ iconSize = 24, walletKey, connected, variant = 'primary', }) => (jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-icon-with-status__container' }, { children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletKey, style: {
                 height: pixelToRem.pixelToRem(iconSize),
                 width: pixelToRem.pixelToRem(iconSize),
-            } }, walletName), jsxRuntime.jsx("div", Object.assign({ "data-testid": 'status-dot-container', className: classNames.classNames('wallet-icon-with-status__dot-container', variant === 'secondary'
+            } }, walletKey), jsxRuntime.jsx("div", Object.assign({ "data-testid": 'status-dot-container', className: classNames.classNames('wallet-icon-with-status__dot-container', variant === 'secondary'
                 ? 'wallet-icon-with-status__dot-container--secondary'
                 : '') }, { children: jsxRuntime.jsx(StatusDot.StatusDot, { variant: connected ? 'green' : 'red' }) }))] })));
 

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

@@ -3,7 +3,7 @@ type Props = {
     connected?: boolean;
     iconSize?: number;
     variant?: 'primary' | 'secondary';
-    walletName: string;
+    walletKey: string;
 };
-export declare const WalletIconWithStatus: ({ iconSize, walletName, connected, variant, }: Props) => JSX.Element;
+export declare const WalletIconWithStatus: ({ iconSize, walletKey, connected, variant, }: Props) => JSX.Element;
 export {};

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

@@ -14,12 +14,13 @@ import 'ethers';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../../../utils/functions/pixelToRem/pixelToRem.js';
+import '../../../../config/ApiEndpoint.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 
-const WalletIconWithStatus = ({ iconSize = 24, walletName, connected, variant = 'primary', }) => (jsxs("div", Object.assign({ className: 'wallet-icon-with-status__container' }, { children: [jsx(WalletIcon, { walletName: walletName, style: {
+const WalletIconWithStatus = ({ iconSize = 24, walletKey, connected, variant = 'primary', }) => (jsxs("div", Object.assign({ className: 'wallet-icon-with-status__container' }, { children: [jsx(WalletIcon, { walletKey: walletKey, style: {
                 height: pixelToRem(iconSize),
                 width: pixelToRem(iconSize),
-            } }, walletName), jsx("div", Object.assign({ "data-testid": 'status-dot-container', className: classNames('wallet-icon-with-status__dot-container', variant === 'secondary'
+            } }, walletKey), jsx("div", Object.assign({ "data-testid": 'status-dot-container', className: classNames('wallet-icon-with-status__dot-container', variant === 'secondary'
                 ? 'wallet-icon-with-status__dot-container--secondary'
                 : '') }, { children: jsx(StatusDot, { variant: connected ? 'green' : 'red' }) }))] })));
 

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

@@ -19,6 +19,7 @@ require('ethers');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -26,7 +27,6 @@ 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');

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

@@ -15,6 +15,7 @@ import 'ethers';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -22,7 +23,6 @@ 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';

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

@@ -39,6 +39,7 @@ require('yup');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
+var useViewController = require('../hooks/useViewController/useViewController.cjs');
 require('../../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 var useKYCFlag = require('../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
@@ -57,8 +58,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');
@@ -69,18 +69,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,
@@ -89,8 +85,9 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         widgetRef,
     }), [
         dynamicWidgetView,
-        goToProfileView,
         setShowDynamicUserProfile,
+        goToInitialDynamicWidgetView,
+        goToProfileView,
         showDynamicUserProfile,
     ]);
     return (jsxRuntime.jsx(DynamicWidgetContext.Provider, Object.assign({ 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';
@@ -35,6 +35,7 @@ import 'yup';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/OverlayCard/OverlayCard.context.js';
+import { useViewController } from '../hooks/useViewController/useViewController.js';
 import '../../../views/CollectUserDataView/fieldsConfig.js';
 import '../../../context/MockContext/MockContext.js';
 import { useKYCFlag } from '../../../utils/hooks/useKYCFlag/useKYCFlag.js';
@@ -53,8 +54,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');
@@ -65,18 +65,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,
@@ -85,8 +81,9 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         widgetRef,
     }), [
         dynamicWidgetView,
-        goToProfileView,
         setShowDynamicUserProfile,
+        goToInitialDynamicWidgetView,
+        goToProfileView,
         showDynamicUserProfile,
     ]);
     return (jsx(DynamicWidgetContext.Provider, Object.assign({ 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/useFetchBalance/useFetchBalance.cjs

@@ -18,6 +18,7 @@ require('ethers');
 require('../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var isWalletConnected = require('../../../../utils/functions/isWalletConnected/isWalletConnected.cjs');
+require('../../../../config/ApiEndpoint.cjs');
 
 const useFetchBalance = ({ connector, chain, address, network, }) => {
     const [balance, setBalance] = React.useState('0.0');

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

@@ -14,6 +14,7 @@ import 'ethers';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { isWalletConnected } from '../../../../utils/functions/isWalletConnected/isWalletConnected.js';
+import '../../../../config/ApiEndpoint.js';
 
 const useFetchBalance = ({ connector, chain, address, network, }) => {
     const [balance, setBalance] = useState('0.0');

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/prompts/DefaultPromptModal/DefaultPromptModal.cjs

@@ -20,6 +20,7 @@ require('ethers');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
@@ -28,7 +29,6 @@ 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');

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

@@ -16,6 +16,7 @@ import 'ethers';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
@@ -24,7 +25,6 @@ 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';

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

@@ -20,6 +20,7 @@ require('../../../../shared/consts/index.cjs');
 var WidgetPortal = require('../../components/WidgetPortal/WidgetPortal.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -27,7 +28,6 @@ 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');

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

@@ -16,6 +16,7 @@ import '../../../../shared/consts/index.js';
 import { WidgetPortal } from '../../components/WidgetPortal/WidgetPortal.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -23,7 +24,6 @@ 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';