@dynamic-labs/sdk-react-core 0.19.3 → 1.0.0-alpha.1

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

@@ -15,7 +15,7 @@ import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/rpc-providers';
 import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
-import '../../../../context/DynamicContext/DynamicContext.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -51,7 +51,6 @@ import '@dynamic-labs/types';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
-import { useMultiWalletFlag } from '../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
 import { DynamicWidgetWalletHeader } from './DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js';
 
 const options = [
@@ -66,19 +65,19 @@ const options = [
 ];
 const DynamicWidgetHeader = ({ variant, }) => {
     const { dynamicWidgetView, setDynamicWidgetView } = useWidgetContext();
+    const { multiWallet } = useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag();
-    const isMultiWalletEnabled = useMultiWalletFlag();
     // Marks 'Profile' view as active when client goes to 'Edit Profile' view
     const dynamicWidgetSwitcherOverwriteValue = useMemo(() => {
-        if (!isKYCEnabled && !isMultiWalletEnabled)
+        if (!isKYCEnabled && !multiWallet)
             return 'wallets';
         if (dynamicWidgetView === 'edit-profile')
             return 'profile';
         return dynamicWidgetView;
-    }, [dynamicWidgetView, isKYCEnabled, isMultiWalletEnabled]);
-    return (jsxs("div", { className: 'dynamic-widget-header', children: [isKYCEnabled && isMultiWalletEnabled && (jsx(OptionsSwitcher, { rootClassName: 'dynamic-widget-header__switcher', value: dynamicWidgetSwitcherOverwriteValue, options: options, onChange: (view) => setDynamicWidgetView(view) })), (dynamicWidgetSwitcherOverwriteValue === 'wallets' ||
+    }, [dynamicWidgetView, isKYCEnabled, multiWallet]);
+    return (jsxs("div", { className: 'dynamic-widget-header', children: [isKYCEnabled && multiWallet && (jsx(OptionsSwitcher, { rootClassName: 'dynamic-widget-header__switcher', value: dynamicWidgetSwitcherOverwriteValue, options: options, onChange: (view) => setDynamicWidgetView(view) })), (dynamicWidgetSwitcherOverwriteValue === 'wallets' ||
                 (dynamicWidgetSwitcherOverwriteValue === 'profile' &&
-                    !isMultiWalletEnabled)) && (jsx(DynamicWidgetWalletHeader, { variant: variant }))] }));
+                    !multiWallet)) && jsx(DynamicWidgetWalletHeader, { variant: variant })] }));
 };
 const MemoizedDynamicWidgetHeader = React__default.memo(DynamicWidgetHeader);
 

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

@@ -68,7 +68,7 @@ require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 const Wallet = ({ wallet, ens }) => {
     var _a;
     const { id: walletId, connector, address } = wallet;
-    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, authToken, primaryWallet, user, projectSettings, authMode, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnectorKey, 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 = [
@@ -90,7 +90,8 @@ const Wallet = ({ wallet, ens }) => {
         callback: () => helpers.copyToClipboard(address || ''),
         text: 'Copy address',
     });
-    if (!walletConnectorCore.isEmbeddedConnector(connector)) {
+    if (!walletConnectorCore.isEmbeddedConnector(connector) &&
+        !(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.multiWalletUnlinkDisabled)) {
         options.push({
             Icon: jsxRuntime.jsx(unlink.ReactComponent, {}),
             callback: () => setSelectedWalletWithAction({ action: 'unlink', wallet }),
@@ -117,7 +118,7 @@ const Wallet = ({ wallet, ens }) => {
         setSelectedWalletWithAction({ action: 'select', wallet });
         setPrimaryWallet(walletId);
         computeConnectedStateForWallets();
-        setSelectedWalletConnector(connector);
+        setSelectedWalletConnectorKey(connector.key);
     });
     return (jsxRuntime.jsxs("div", { className: 'wallet__container', "data-testid": 'wallet', children: [jsxRuntime.jsxs("div", { className: 'wallet__row', children: [jsxRuntime.jsx("div", { className: 'wallet__icon-container', children: jsxRuntime.jsx(AuthProviderIcon.AuthProviderIcon, { iconSize: iconSize, jwt: authToken, wallet: wallet, showStatus: true }) }), (ens === null || ens === void 0 ? void 0 : ens.name) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { className: 'wallet__ens-name', variant: 'body_small', color: 'primary', truncate: true, children: ens === null || ens === void 0 ? void 0 : ens.name }), jsxRuntime.jsx("div", { className: 'wallet__row__seperator' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', color: 'secondary', children: shortenWalletAddress.shortenWalletAddress(address, 3, 3) })] })) : (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(address, 4, 4) }))] }), jsxRuntime.jsx(DotsMenu.DotsMenu, { "data-testid": 'dots-menu', options: options, buttonClassName: 'wallet__menu', direction: 'left' })] }));
 };

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

@@ -64,7 +64,7 @@ import '../../../../components/MenuList/Dropdown/Dropdown.js';
 const Wallet = ({ wallet, ens }) => {
     var _a;
     const { id: walletId, connector, address } = wallet;
-    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, authToken, primaryWallet, user, projectSettings, authMode, } = useInternalDynamicContext();
+    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnectorKey, 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 = [
@@ -86,7 +86,8 @@ const Wallet = ({ wallet, ens }) => {
         callback: () => copyToClipboard(address || ''),
         text: 'Copy address',
     });
-    if (!isEmbeddedConnector(connector)) {
+    if (!isEmbeddedConnector(connector) &&
+        !(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.multiWalletUnlinkDisabled)) {
         options.push({
             Icon: jsx(SvgUnlink, {}),
             callback: () => setSelectedWalletWithAction({ action: 'unlink', wallet }),
@@ -113,7 +114,7 @@ const Wallet = ({ wallet, ens }) => {
         setSelectedWalletWithAction({ action: 'select', wallet });
         setPrimaryWallet(walletId);
         computeConnectedStateForWallets();
-        setSelectedWalletConnector(connector);
+        setSelectedWalletConnectorKey(connector.key);
     });
     return (jsxs("div", { className: 'wallet__container', "data-testid": 'wallet', children: [jsxs("div", { className: 'wallet__row', children: [jsx("div", { className: 'wallet__icon-container', children: jsx(AuthProviderIcon, { iconSize: iconSize, jwt: authToken, wallet: wallet, showStatus: true }) }), (ens === null || ens === void 0 ? void 0 : ens.name) ? (jsxs(Fragment, { children: [jsx(Typography, { className: 'wallet__ens-name', variant: 'body_small', color: 'primary', truncate: true, children: ens === null || ens === void 0 ? void 0 : ens.name }), jsx("div", { className: 'wallet__row__seperator' }), jsx(Typography, { variant: 'body_mini', color: 'secondary', children: shortenWalletAddress(address, 3, 3) })] })) : (jsx(Typography, { variant: 'body_small', color: 'primary', children: shortenWalletAddress(address, 4, 4) }))] }), jsx(DotsMenu, { "data-testid": 'dots-menu', options: options, buttonClassName: 'wallet__menu', direction: 'left' })] }));
 };

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

@@ -55,22 +55,20 @@ require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.c
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 var useViewController = require('../hooks/useViewController/useViewController.cjs');
 var useKYCFlag = require('../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
-var useMultiWalletFlag = require('../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs');
 
 const DynamicWidgetContext = React.createContext(undefined);
 const DynamicWidgetContextProvider = ({ children, }) => {
     const widgetRef = React.useRef(null);
     const inlineControlsRef = React.useRef(null);
     const availableWalletsContainerRef = React.useRef(null);
-    const { setShowDynamicUserProfile, showDynamicUserProfile } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setShowDynamicUserProfile, showDynamicUserProfile, multiWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag.useKYCFlag();
-    const isMultiWalletEnabled = useMultiWalletFlag.useMultiWalletFlag();
-    const { view: dynamicWidgetView, setView: setDynamicWidgetView, goToInitialView: goToInitialDynamicWidgetView, } = useViewController.useViewController(isKYCEnabled && !isMultiWalletEnabled ? 'profile' : 'wallets');
+    const { view: dynamicWidgetView, setView: setDynamicWidgetView, goToInitialView: goToInitialDynamicWidgetView, } = useViewController.useViewController(isKYCEnabled && !multiWallet ? 'profile' : 'wallets');
     const goToProfileView = React.useCallback(() => {
         if (isKYCEnabled)
             return setDynamicWidgetView('profile');
         setDynamicWidgetView('wallets');
-    }, [isKYCEnabled, isMultiWalletEnabled]);
+    }, [isKYCEnabled, multiWallet]);
     const value = React.useMemo(() => ({
         availableWalletsContainerRef,
         dynamicWidgetView,

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

@@ -51,22 +51,20 @@ import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import { useViewController } from '../hooks/useViewController/useViewController.js';
 import { useKYCFlag } from '../../../utils/hooks/useKYCFlag/useKYCFlag.js';
-import { useMultiWalletFlag } from '../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
 
 const DynamicWidgetContext = createContext(undefined);
 const DynamicWidgetContextProvider = ({ children, }) => {
     const widgetRef = useRef(null);
     const inlineControlsRef = useRef(null);
     const availableWalletsContainerRef = useRef(null);
-    const { setShowDynamicUserProfile, showDynamicUserProfile } = useInternalDynamicContext();
+    const { setShowDynamicUserProfile, showDynamicUserProfile, multiWallet } = useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag();
-    const isMultiWalletEnabled = useMultiWalletFlag();
-    const { view: dynamicWidgetView, setView: setDynamicWidgetView, goToInitialView: goToInitialDynamicWidgetView, } = useViewController(isKYCEnabled && !isMultiWalletEnabled ? 'profile' : 'wallets');
+    const { view: dynamicWidgetView, setView: setDynamicWidgetView, goToInitialView: goToInitialDynamicWidgetView, } = useViewController(isKYCEnabled && !multiWallet ? 'profile' : 'wallets');
     const goToProfileView = useCallback(() => {
         if (isKYCEnabled)
             return setDynamicWidgetView('profile');
         setDynamicWidgetView('wallets');
-    }, [isKYCEnabled, isMultiWalletEnabled]);
+    }, [isKYCEnabled, multiWallet]);
     const value = useMemo(() => ({
         availableWalletsContainerRef,
         dynamicWidgetView,

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.cjs

@@ -62,7 +62,7 @@ require('../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 
 const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchTo, }) => {
-    const { setSelectedWalletWithAction, setSelectedWalletConnector, computeConnectedStateForWallets, setPrimaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setSelectedWalletWithAction, setSelectedWalletConnectorKey, computeConnectedStateForWallets, setPrimaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
     const onUseActiveWalletClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a, _b;
         if (!connectedWallet) {
@@ -74,13 +74,13 @@ const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchT
         setSelectedWalletWithAction({ action: 'select', wallet: connectedWallet });
         setPrimaryWallet(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.id);
         computeConnectedStateForWallets();
-        setSelectedWalletConnector(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector);
+        setSelectedWalletConnectorKey(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.key);
     }), [
         connectedWallet,
         setSelectedWalletWithAction,
         setPrimaryWallet,
         computeConnectedStateForWallets,
-        setSelectedWalletConnector,
+        setSelectedWalletConnectorKey,
     ]);
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Wallet", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.address, 3, 3) }), ' ', "is not active in ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, ". To make active, open your ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, " wallet and switch to this account."] }), jsxRuntime.jsx(Divider.Divider, { fullWidth: true, text: 'Or' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', children: "Use your active wallet" }), jsxRuntime.jsxs(Button.Button, { buttonClassName: 'default-prompt-modal__button', expanded: true, type: 'button', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, onClick: onUseActiveWalletClick, dataTestId: 'use-active-wallet-button', children: ["Select", ' ', jsxRuntime.jsx(Icon.Icon, { size: 'xsmall', children: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.key }) }), ' ', shortenWalletAddress.shortenWalletAddress(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.address, 3, 3)] })] }));
 };

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.js

@@ -58,7 +58,7 @@ import '../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 
 const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchTo, }) => {
-    const { setSelectedWalletWithAction, setSelectedWalletConnector, computeConnectedStateForWallets, setPrimaryWallet, } = useInternalDynamicContext();
+    const { setSelectedWalletWithAction, setSelectedWalletConnectorKey, computeConnectedStateForWallets, setPrimaryWallet, } = useInternalDynamicContext();
     const onUseActiveWalletClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b;
         if (!connectedWallet) {
@@ -70,13 +70,13 @@ const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchT
         setSelectedWalletWithAction({ action: 'select', wallet: connectedWallet });
         setPrimaryWallet(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.id);
         computeConnectedStateForWallets();
-        setSelectedWalletConnector(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector);
+        setSelectedWalletConnectorKey(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.key);
     }), [
         connectedWallet,
         setSelectedWalletWithAction,
         setPrimaryWallet,
         computeConnectedStateForWallets,
-        setSelectedWalletConnector,
+        setSelectedWalletConnectorKey,
     ]);
     return (jsxs(Fragment, { children: [jsxs(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Wallet", ' ', jsx(Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress(selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.address, 3, 3) }), ' ', "is not active in ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, ". To make active, open your ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, " wallet and switch to this account."] }), jsx(Divider, { fullWidth: true, text: 'Or' }), jsx(Typography, { variant: 'body_normal', color: 'primary', children: "Use your active wallet" }), jsxs(Button, { buttonClassName: 'default-prompt-modal__button', expanded: true, type: 'button', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, onClick: onUseActiveWalletClick, dataTestId: 'use-active-wallet-button', children: ["Select", ' ', jsx(Icon, { size: 'xsmall', children: jsx(WalletIcon, { walletKey: selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.key }) }), ' ', shortenWalletAddress(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.address, 3, 3)] })] }));
 };

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

@@ -11,10 +11,10 @@ var EmailOTPConnectorPendingSignModalContent = require('../../components/EmailOT
 var DefaultPendingSignModalContent = require('./DefaultPendingSignModalContent/DefaultPendingSignModalContent.cjs');
 
 const PendingSignModal = () => {
-    const { selectedWalletConnector, setSelectedWalletConnector, setMultiWalletWidgetState, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { selectedWalletConnector, setSelectedWalletConnectorKey, setMultiWalletWidgetState, } = useInternalDynamicContext.useInternalDynamicContext();
     const handleOnClickBackdrop = () => {
         setMultiWalletWidgetState('idle');
-        setSelectedWalletConnector(null);
+        setSelectedWalletConnectorKey(null);
     };
     if (selectedWalletConnector !== null) {
         if (walletConnectorCore.isEmailOTPWalletConnector(selectedWalletConnector)) {

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

@@ -7,10 +7,10 @@ import { EmailOTPConnectorPendingSignModalContent } from '../../components/Email
 import { DefaultPendingSignModalContent } from './DefaultPendingSignModalContent/DefaultPendingSignModalContent.js';
 
 const PendingSignModal = () => {
-    const { selectedWalletConnector, setSelectedWalletConnector, setMultiWalletWidgetState, } = useInternalDynamicContext();
+    const { selectedWalletConnector, setSelectedWalletConnectorKey, setMultiWalletWidgetState, } = useInternalDynamicContext();
     const handleOnClickBackdrop = () => {
         setMultiWalletWidgetState('idle');
-        setSelectedWalletConnector(null);
+        setSelectedWalletConnectorKey(null);
     };
     if (selectedWalletConnector !== null) {
         if (isEmailOTPWalletConnector(selectedWalletConnector)) {

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

@@ -52,7 +52,6 @@ var UserProfileForm = require('../../../../components/UserProfileForm/UserProfil
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
-var useMultiWalletFlag = require('../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
@@ -63,7 +62,7 @@ require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 
 const EditProfileView = ({ rootClassName, }) => {
     const { setView } = ViewContext.useViewContext();
-    const { internalSetShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { internalSetShowAuthFlow, multiWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const { goToProfileView } = DynamicWidgetContext.useWidgetContext();
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
@@ -77,8 +76,7 @@ const EditProfileView = ({ rootClassName, }) => {
         }
     }), [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 information" })), jsxRuntime.jsx(UserProfileForm.UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!multiWallet && isKYCEnabled && (jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title', children: "My information" })), jsxRuntime.jsx(UserProfileForm.UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));
 };
 
 exports.EditProfileView = EditProfileView;

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

@@ -48,7 +48,6 @@ import { UserProfileForm } from '../../../../components/UserProfileForm/UserProf
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
-import { useMultiWalletFlag } from '../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../components/Popper/Popper/Popper.js';
@@ -59,7 +58,7 @@ import '../../../../components/MenuList/Dropdown/Dropdown.js';
 
 const EditProfileView = ({ rootClassName, }) => {
     const { setView } = useViewContext();
-    const { internalSetShowAuthFlow } = useInternalDynamicContext();
+    const { internalSetShowAuthFlow, multiWallet } = useInternalDynamicContext();
     const { goToProfileView } = useWidgetContext();
     const { updateUser } = useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
@@ -73,8 +72,7 @@ const EditProfileView = ({ rootClassName, }) => {
         }
     }), [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 information" })), jsx(UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));
+    return (jsxs(Fragment, { children: [!multiWallet && isKYCEnabled && (jsx(Typography, { weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title', children: "My information" })), jsx(UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));
 };
 
 export { EditProfileView };

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

@@ -57,7 +57,6 @@ var Button = require('../../../../components/Button/Button.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/Alert/Alert.cjs');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
-var useMultiWalletFlag = require('../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs');
 var LogoutButton = require('../../../../components/LogoutButton/LogoutButton.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
@@ -65,16 +64,15 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 
 const WalletsView = () => {
-    const { setShowAuthFlow, setSelectedWalletConnector, user, authMode } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setShowAuthFlow, setSelectedWalletConnectorKey, user, authMode, multiWallet, } = useInternalDynamicContext.useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag.useKYCFlag();
-    const isMultiWalletEnabled = useMultiWalletFlag.useMultiWalletFlag();
     const { setView } = ViewContext.useViewContext();
     const addNewWallet = () => {
         setView('multi-wallet-wallet-list');
         setShowAuthFlow(true);
-        setSelectedWalletConnector(null);
+        setSelectedWalletConnectorKey(null);
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isMultiWalletEnabled && !isKYCEnabled && (jsxRuntime.jsxs("div", { className: 'dynamic-widget-index-view__email-container', children: [jsxRuntime.jsx(Typography.Typography, { children: user === null || user === void 0 ? void 0 : user.email }), jsxRuntime.jsx(SingleWalletButtons.SingleWalletButtons, {})] })), isMultiWalletEnabled && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DynamicWidgetWallets.DynamicWidgetWallets, {}), jsxRuntime.jsx(DynamicWidgetFooter.DynamicWidgetFooter, { children: jsxRuntime.jsxs("div", { className: 'dynamic-widget-index-view__footer', children: [jsxRuntime.jsxs(Button.Button, { buttonClassName: 'dynamic-widget-footer__button', buttonVariant: 'tertiary', buttonPadding: 'none', onClick: addNewWallet, typographyProps: {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!multiWallet && !isKYCEnabled && (jsxRuntime.jsxs("div", { className: 'dynamic-widget-index-view__email-container', children: [jsxRuntime.jsx(Typography.Typography, { children: user === null || user === void 0 ? void 0 : user.email }), jsxRuntime.jsx(SingleWalletButtons.SingleWalletButtons, {})] })), multiWallet && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DynamicWidgetWallets.DynamicWidgetWallets, {}), jsxRuntime.jsx(DynamicWidgetFooter.DynamicWidgetFooter, { children: jsxRuntime.jsxs("div", { className: 'dynamic-widget-index-view__footer', children: [jsxRuntime.jsxs(Button.Button, { buttonClassName: 'dynamic-widget-footer__button', buttonVariant: 'tertiary', buttonPadding: 'none', onClick: addNewWallet, typographyProps: {
                                         color: 'secondary',
                                         variant: 'button_tertiary',
                                     }, startSlot: jsxRuntime.jsx(add.ReactComponent, {}), children: [authMode === 'connect-only' ? 'Connect' : 'Link', " a new wallet"] }), jsxRuntime.jsx(LogoutButton.LogoutButton, { isTextButton: true, buttonClassName: 'dynamic-widget-footer__button' })] }) })] }))] }));

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

@@ -53,7 +53,6 @@ import { Button } from '../../../../components/Button/Button.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/Alert/Alert.js';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
-import { useMultiWalletFlag } from '../../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
 import { LogoutButton } from '../../../../components/LogoutButton/LogoutButton.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
@@ -61,16 +60,15 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 
 const WalletsView = () => {
-    const { setShowAuthFlow, setSelectedWalletConnector, user, authMode } = useInternalDynamicContext();
+    const { setShowAuthFlow, setSelectedWalletConnectorKey, user, authMode, multiWallet, } = useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag();
-    const isMultiWalletEnabled = useMultiWalletFlag();
     const { setView } = useViewContext();
     const addNewWallet = () => {
         setView('multi-wallet-wallet-list');
         setShowAuthFlow(true);
-        setSelectedWalletConnector(null);
+        setSelectedWalletConnectorKey(null);
     };
-    return (jsxs(Fragment, { children: [!isMultiWalletEnabled && !isKYCEnabled && (jsxs("div", { className: 'dynamic-widget-index-view__email-container', children: [jsx(Typography, { children: user === null || user === void 0 ? void 0 : user.email }), jsx(SingleWalletButtons, {})] })), isMultiWalletEnabled && (jsxs(Fragment, { children: [jsx(DynamicWidgetWallets, {}), jsx(DynamicWidgetFooter, { children: jsxs("div", { className: 'dynamic-widget-index-view__footer', children: [jsxs(Button, { buttonClassName: 'dynamic-widget-footer__button', buttonVariant: 'tertiary', buttonPadding: 'none', onClick: addNewWallet, typographyProps: {
+    return (jsxs(Fragment, { children: [!multiWallet && !isKYCEnabled && (jsxs("div", { className: 'dynamic-widget-index-view__email-container', children: [jsx(Typography, { children: user === null || user === void 0 ? void 0 : user.email }), jsx(SingleWalletButtons, {})] })), multiWallet && (jsxs(Fragment, { children: [jsx(DynamicWidgetWallets, {}), jsx(DynamicWidgetFooter, { children: jsxs("div", { className: 'dynamic-widget-index-view__footer', children: [jsxs(Button, { buttonClassName: 'dynamic-widget-footer__button', buttonVariant: 'tertiary', buttonPadding: 'none', onClick: addNewWallet, typographyProps: {
                                         color: 'secondary',
                                         variant: 'button_tertiary',
                                     }, startSlot: jsx(SvgAdd, {}), children: [authMode === 'connect-only' ? 'Connect' : 'Link', " a new wallet"] }), jsx(LogoutButton, { isTextButton: true, buttonClassName: 'dynamic-widget-footer__button' })] }) })] }))] }));

package/src/lib/utils/hooks/useMultiWalletFlag/index.d.ts

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

package/src/lib/utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
-require('@dynamic-labs/sdk-api');
-require('../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('react/jsx-runtime');
-require('../../../context/ViewContext/ViewContext.cjs');
-require('react');
-require('@dynamic-labs/wallet-book');
-var isSSR = require('../../../shared/utils/functions/isSSR/isSSR.cjs');
-require('../../constants/colors.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
-require('@dynamic-labs/utils');
-require('../../../shared/consts/index.cjs');
-
-const isMultiWalletEnabledInURL = () => {
-    const flag = 'multiwallet.widget';
-    const searchParams = new URLSearchParams(!isSSR.isSSR() ? window.location.search : '');
-    // by default, enable the widget
-    if (!searchParams.has(flag)) {
-        return true;
-    }
-    return searchParams.get(flag) === 'true';
-};
-const useMultiWalletFlag = () => {
-    const { multiWallet: isMultiWalletEnabled } = useInternalDynamicContext.useInternalDynamicContext();
-    return isMultiWalletEnabled && isMultiWalletEnabledInURL();
-};
-
-exports.isMultiWalletEnabledInURL = isMultiWalletEnabledInURL;
-exports.useMultiWalletFlag = useMultiWalletFlag;

package/src/lib/utils/hooks/useMultiWalletFlag/useMultiWalletFlag.d.ts

@@ -1,2 +0,0 @@
-export declare const isMultiWalletEnabledInURL: () => boolean;
-export declare const useMultiWalletFlag: () => boolean;

package/src/lib/utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js

@@ -1,31 +0,0 @@
-import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
-import '@dynamic-labs/sdk-api';
-import '../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import 'react/jsx-runtime';
-import '../../../context/ViewContext/ViewContext.js';
-import 'react';
-import '@dynamic-labs/wallet-book';
-import { isSSR } from '../../../shared/utils/functions/isSSR/isSSR.js';
-import '../../constants/colors.js';
-import '../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
-import '@dynamic-labs/utils';
-import '../../../shared/consts/index.js';
-
-const isMultiWalletEnabledInURL = () => {
-    const flag = 'multiwallet.widget';
-    const searchParams = new URLSearchParams(!isSSR() ? window.location.search : '');
-    // by default, enable the widget
-    if (!searchParams.has(flag)) {
-        return true;
-    }
-    return searchParams.get(flag) === 'true';
-};
-const useMultiWalletFlag = () => {
-    const { multiWallet: isMultiWalletEnabled } = useInternalDynamicContext();
-    return isMultiWalletEnabled && isMultiWalletEnabledInURL();
-};
-
-export { isMultiWalletEnabledInURL, useMultiWalletFlag };