@dynamic-labs/sdk-react-core 0.18.0-beta.29 → 0.18.100-viem.0

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

@@ -13,7 +13,7 @@ require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
-require('ethers');
+require('viem');
 var index = require('../../../../shared/consts/index.cjs');
 var DynamicWidgetCard = require('../DynamicWidgetCard/DynamicWidgetCard.cjs');
 var DynamicWidgetHeader = require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -51,21 +51,21 @@ var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 var OverlayCardTarget = require('../../../../components/OverlayCard/OverlayCardTarget.cjs');
 
-const DynamicUserProfile = ({ variant, }) => {
-    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    const { dynamicWidgetView, setIsOpen, isOpen, widgetRef } = DynamicWidgetContext.useWidgetContext();
-    const _variant = React.useMemo(() => {
-        if (utils.isMobile()) {
-            return 'modal';
-        }
-        return variant;
-    }, [variant]);
-    if (!projectSettings)
-        return null;
-    const shouldRenderHeader = dynamicWidgetView !== 'send-balance';
-    return (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(DynamicWidgetVariants.DynamicWidgetVariants, Object.assign({ isOpen: isOpen, setIsOpen: setIsOpen, variant: _variant, zIndex: index.widgetModalZIndex }, { children: jsxRuntime.jsx(DynamicWidgetCard.DynamicWidgetCard, Object.assign({ 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, Object.assign({ zIndex: index.widgetModalZIndex }, { children: jsxRuntime.jsx(DynamicUserProfile, {}) })));
+const DynamicUserProfile = ({ variant, }) => {
+    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const { dynamicWidgetView, setIsOpen, isOpen, widgetRef } = DynamicWidgetContext.useWidgetContext();
+    const _variant = React.useMemo(() => {
+        if (utils.isMobile()) {
+            return 'modal';
+        }
+        return variant;
+    }, [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, {})] }) }) }) }));
+};
+const ShadowedDynamicUserProfile = () => (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { zIndex: index.widgetModalZIndex, children: jsxRuntime.jsx(DynamicUserProfile, {}) }));
 
 exports.DynamicUserProfile = DynamicUserProfile;
 exports.ShadowedDynamicUserProfile = ShadowedDynamicUserProfile;

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

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-export type DynamicUserProfileProps = {
-    variant?: 'modal' | 'dropdown';
-};
-export declare const DynamicUserProfile: FC<DynamicUserProfileProps>;
-export declare const ShadowedDynamicUserProfile: FC;
+import { FC } from 'react';
+export type DynamicUserProfileProps = {
+    variant?: 'modal' | 'dropdown';
+};
+export declare const DynamicUserProfile: FC<DynamicUserProfileProps>;
+export declare const ShadowedDynamicUserProfile: FC;

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

@@ -9,7 +9,7 @@ import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
-import 'ethers';
+import 'viem';
 import { widgetModalZIndex } from '../../../../shared/consts/index.js';
 import { DynamicWidgetCard } from '../DynamicWidgetCard/DynamicWidgetCard.js';
 import { MemoizedDynamicWidgetHeader } from '../DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -47,20 +47,20 @@ import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import '../../../../components/OverlayCard/OverlayCard.context.js';
 import { OverlayCardTarget } from '../../../../components/OverlayCard/OverlayCardTarget.js';
 
-const DynamicUserProfile = ({ variant, }) => {
-    const { projectSettings } = useInternalDynamicContext();
-    const { dynamicWidgetView, setIsOpen, isOpen, widgetRef } = useWidgetContext();
-    const _variant = useMemo(() => {
-        if (isMobile()) {
-            return 'modal';
-        }
-        return variant;
-    }, [variant]);
-    if (!projectSettings)
-        return null;
-    const shouldRenderHeader = dynamicWidgetView !== 'send-balance';
-    return (jsx(IsBrowser, { children: jsx(DynamicWidgetVariants, Object.assign({ isOpen: isOpen, setIsOpen: setIsOpen, variant: _variant, zIndex: widgetModalZIndex }, { children: jsx(DynamicWidgetCard, Object.assign({ ref: widgetRef }, { children: jsxs(OverlayCardTarget, { children: [shouldRenderHeader && jsx(MemoizedDynamicWidgetHeader, { variant: variant }), jsx(DynamicWidgetViews, {}), jsx(DynamicWidgetPrompts, {})] }) })) })) }));
-};
-const ShadowedDynamicUserProfile = () => (jsx(ShadowDOM, Object.assign({ zIndex: widgetModalZIndex }, { children: jsx(DynamicUserProfile, {}) })));
+const DynamicUserProfile = ({ variant, }) => {
+    const { projectSettings } = useInternalDynamicContext();
+    const { dynamicWidgetView, setIsOpen, isOpen, widgetRef } = useWidgetContext();
+    const _variant = useMemo(() => {
+        if (isMobile()) {
+            return 'modal';
+        }
+        return variant;
+    }, [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, {})] }) }) }) }));
+};
+const ShadowedDynamicUserProfile = () => (jsx(ShadowDOM, { zIndex: widgetModalZIndex, children: jsx(DynamicUserProfile, {}) }));
 
 export { DynamicUserProfile, ShadowedDynamicUserProfile };

package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/index.d.ts

@@ -1,2 +1,2 @@
-export { DynamicUserProfile } from './DynamicUserProfile';
-export { ShadowedDynamicUserProfile } from './DynamicUserProfile';
+export { DynamicUserProfile } from './DynamicUserProfile';
+export { ShadowedDynamicUserProfile } from './DynamicUserProfile';

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
-const DynamicWidgetCard = React.forwardRef(({ children }, ref) => (jsxRuntime.jsx("div", Object.assign({ ref: ref, className: 'dynamic-widget-card' }, { children: children }))));
+const DynamicWidgetCard = React.forwardRef(({ children }, ref) => (jsxRuntime.jsx("div", { ref: ref, className: 'dynamic-widget-card', children: children })));
 DynamicWidgetCard.displayName = 'DynamicWidgetCard';
 
 exports.DynamicWidgetCard = DynamicWidgetCard;

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

@@ -1,4 +1,4 @@
-import React from 'react';
-export declare const DynamicWidgetCard: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+export declare const DynamicWidgetCard: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 
-const DynamicWidgetCard = forwardRef(({ children }, ref) => (jsx("div", Object.assign({ ref: ref, className: 'dynamic-widget-card' }, { children: children }))));
+const DynamicWidgetCard = forwardRef(({ children }, ref) => (jsx("div", { ref: ref, className: 'dynamic-widget-card', children: children })));
 DynamicWidgetCard.displayName = 'DynamicWidgetCard';
 
 export { DynamicWidgetCard };

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

@@ -4,6 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 
-const DynamicWidgetFooter = ({ children }) => (jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-widget-footer' }, { children: children })));
+const DynamicWidgetFooter = ({ children }) => (jsxRuntime.jsx("div", { className: 'dynamic-widget-footer', children: children }));
 
 exports.DynamicWidgetFooter = DynamicWidgetFooter;

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

@@ -1,2 +1,2 @@
-import { FC, PropsWithChildren } from 'react';
-export declare const DynamicWidgetFooter: FC<PropsWithChildren>;
+import { FC, PropsWithChildren } from 'react';
+export declare const DynamicWidgetFooter: FC<PropsWithChildren>;

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

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
 
-const DynamicWidgetFooter = ({ children }) => (jsx("div", Object.assign({ className: 'dynamic-widget-footer' }, { children: children })));
+const DynamicWidgetFooter = ({ children }) => (jsx("div", { className: 'dynamic-widget-footer', children: children }));
 
 export { DynamicWidgetFooter };

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

@@ -14,7 +14,7 @@ require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
-require('ethers');
+require('viem');
 require('../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/rpc-providers');
@@ -51,32 +51,32 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const options = [
-    {
-        key: 'wallets',
-        label: 'Wallets',
-    },
-    {
-        key: 'profile',
-        label: 'Profile',
-    },
-];
-const DynamicWidgetHeader = ({ variant, }) => {
-    const { dynamicWidgetView, setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const isKYCEnabled = useKYCFlag.useKYCFlag();
-    const isMultiWalletEnabled = useMultiWalletFlag.useMultiWalletFlag();
-    // Marks 'Profile' view as active when client goes to 'Edit Profile' view
-    const dynamicWidgetSwitcherOverwriteValue = React.useMemo(() => {
-        if (!isKYCEnabled && !isMultiWalletEnabled)
-            return 'wallets';
-        if (dynamicWidgetView === 'edit-profile')
-            return 'profile';
-        return dynamicWidgetView;
-    }, [dynamicWidgetView, isKYCEnabled, isMultiWalletEnabled]);
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'dynamic-widget-header' }, { children: [isKYCEnabled && isMultiWalletEnabled && (jsxRuntime.jsx(OptionsSwitcher.OptionsSwitcher, { rootClassName: 'dynamic-widget-header__switcher', value: dynamicWidgetSwitcherOverwriteValue, options: options, onChange: (view) => setDynamicWidgetView(view) })), (dynamicWidgetSwitcherOverwriteValue === 'wallets' ||
-                (dynamicWidgetSwitcherOverwriteValue === 'profile' &&
-                    !isMultiWalletEnabled)) && (jsxRuntime.jsx(DynamicWidgetWalletHeader.DynamicWidgetWalletHeader, { variant: variant }))] })));
-};
+const options = [
+    {
+        key: 'wallets',
+        label: 'Wallets',
+    },
+    {
+        key: 'profile',
+        label: 'Profile',
+    },
+];
+const DynamicWidgetHeader = ({ variant, }) => {
+    const { dynamicWidgetView, setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    const isKYCEnabled = useKYCFlag.useKYCFlag();
+    const isMultiWalletEnabled = useMultiWalletFlag.useMultiWalletFlag();
+    // Marks 'Profile' view as active when client goes to 'Edit Profile' view
+    const dynamicWidgetSwitcherOverwriteValue = React.useMemo(() => {
+        if (!isKYCEnabled && !isMultiWalletEnabled)
+            return 'wallets';
+        if (dynamicWidgetView === 'edit-profile')
+            return 'profile';
+        return dynamicWidgetView;
+    }, [dynamicWidgetView, isKYCEnabled, isMultiWalletEnabled]);
+    return (jsxRuntime.jsxs("div", { className: 'dynamic-widget-header', children: [isKYCEnabled && isMultiWalletEnabled && (jsxRuntime.jsx(OptionsSwitcher.OptionsSwitcher, { rootClassName: 'dynamic-widget-header__switcher', value: dynamicWidgetSwitcherOverwriteValue, options: options, onChange: (view) => setDynamicWidgetView(view) })), (dynamicWidgetSwitcherOverwriteValue === 'wallets' ||
+                (dynamicWidgetSwitcherOverwriteValue === 'profile' &&
+                    !isMultiWalletEnabled)) && (jsxRuntime.jsx(DynamicWidgetWalletHeader.DynamicWidgetWalletHeader, { variant: variant }))] }));
+};
 const MemoizedDynamicWidgetHeader = React__default["default"].memo(DynamicWidgetHeader);
 
 exports.DynamicWidgetHeader = DynamicWidgetHeader;

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

@@ -1,7 +1,7 @@
-import React, { FC } from 'react';
-type DynamicWidgetHeaderProps = {
-    variant?: 'modal' | 'dropdown';
-};
-export declare const DynamicWidgetHeader: FC<DynamicWidgetHeaderProps>;
-export declare const MemoizedDynamicWidgetHeader: React.NamedExoticComponent<DynamicWidgetHeaderProps>;
-export default MemoizedDynamicWidgetHeader;
+import React, { FC } from 'react';
+type DynamicWidgetHeaderProps = {
+    variant?: 'modal' | 'dropdown';
+};
+export declare const DynamicWidgetHeader: FC<DynamicWidgetHeaderProps>;
+export declare const MemoizedDynamicWidgetHeader: React.NamedExoticComponent<DynamicWidgetHeaderProps>;
+export default MemoizedDynamicWidgetHeader;

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

@@ -10,7 +10,7 @@ import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
-import 'ethers';
+import 'viem';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/rpc-providers';
@@ -43,32 +43,32 @@ import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { DynamicWidgetWalletHeader } from './DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js';
 
-const options = [
-    {
-        key: 'wallets',
-        label: 'Wallets',
-    },
-    {
-        key: 'profile',
-        label: 'Profile',
-    },
-];
-const DynamicWidgetHeader = ({ variant, }) => {
-    const { dynamicWidgetView, setDynamicWidgetView } = useWidgetContext();
-    const isKYCEnabled = useKYCFlag();
-    const isMultiWalletEnabled = useMultiWalletFlag();
-    // Marks 'Profile' view as active when client goes to 'Edit Profile' view
-    const dynamicWidgetSwitcherOverwriteValue = useMemo(() => {
-        if (!isKYCEnabled && !isMultiWalletEnabled)
-            return 'wallets';
-        if (dynamicWidgetView === 'edit-profile')
-            return 'profile';
-        return dynamicWidgetView;
-    }, [dynamicWidgetView, isKYCEnabled, isMultiWalletEnabled]);
-    return (jsxs("div", Object.assign({ className: 'dynamic-widget-header' }, { children: [isKYCEnabled && isMultiWalletEnabled && (jsx(OptionsSwitcher, { rootClassName: 'dynamic-widget-header__switcher', value: dynamicWidgetSwitcherOverwriteValue, options: options, onChange: (view) => setDynamicWidgetView(view) })), (dynamicWidgetSwitcherOverwriteValue === 'wallets' ||
-                (dynamicWidgetSwitcherOverwriteValue === 'profile' &&
-                    !isMultiWalletEnabled)) && (jsx(DynamicWidgetWalletHeader, { variant: variant }))] })));
-};
+const options = [
+    {
+        key: 'wallets',
+        label: 'Wallets',
+    },
+    {
+        key: 'profile',
+        label: 'Profile',
+    },
+];
+const DynamicWidgetHeader = ({ variant, }) => {
+    const { dynamicWidgetView, setDynamicWidgetView } = useWidgetContext();
+    const isKYCEnabled = useKYCFlag();
+    const isMultiWalletEnabled = useMultiWalletFlag();
+    // Marks 'Profile' view as active when client goes to 'Edit Profile' view
+    const dynamicWidgetSwitcherOverwriteValue = useMemo(() => {
+        if (!isKYCEnabled && !isMultiWalletEnabled)
+            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' ||
+                (dynamicWidgetSwitcherOverwriteValue === 'profile' &&
+                    !isMultiWalletEnabled)) && (jsx(DynamicWidgetWalletHeader, { variant: variant }))] }));
+};
 const MemoizedDynamicWidgetHeader = React__default.memo(DynamicWidgetHeader);
 
 export { DynamicWidgetHeader, MemoizedDynamicWidgetHeader, MemoizedDynamicWidgetHeader as default };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs

@@ -16,7 +16,7 @@ require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../../utils/constants/colors.cjs');
 require('../../../../../shared/utils/classes/storage/localStorage.cjs');
-require('ethers');
+require('viem');
 require('../../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -56,33 +56,33 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const DynamicWidgetWalletHeader = ({ variant, }) => {
-    const { primaryWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
-    const { open: openSendBalanceModal } = SendBalanceContext.useSendBalance();
-    const { supportsFunding, setShowFunding, fundingEnabled } = FundingContext.useFundingContext();
-    const { setDynamicWidgetView, setIsOpen } = DynamicWidgetContext.useWidgetContext();
-    const isSendBalanceEnabled = React.useMemo(() => {
-        const connector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
-        if (!connector)
-            return false;
-        return walletConnectorCore.isEmbeddedConnector(connector);
-    }, [primaryWallet]);
-    const handleOnClickSend = () => {
-        if (variant === 'dropdown') {
-            setIsOpen(false);
-            openSendBalanceModal().catch((err) => logger.logger.error(err));
-        }
-        else {
-            setDynamicWidgetView('send-balance');
-        }
-    };
-    const isActionsVisible = isSendBalanceEnabled || fundingEnabled;
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header' }, { children: [primaryWallet ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'body_small', color: 'secondary', className: 'dynamic-widget-wallets__title' }, { children: "Active wallet" })), jsxRuntime.jsx(ActiveWalletInformation.ActiveWalletInformation, {})] })) : (jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__icon-container' }, { children: jsxRuntime.jsx(iconic.UserProfileIcon, {}) }))), primaryWallet ? (jsxRuntime.jsx("div", Object.assign({ "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info' }, { children: isActionsVisible && (jsxRuntime.jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-actions' }, { children: [fundingEnabled && (jsxRuntime.jsx(Button.Button, Object.assign({ expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
-                            // eslint-disable-next-line react/jsx-wrap-multilines
-                            jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'small', color: 'text-secondary' }, { children: jsxRuntime.jsx(add.ReactComponent, {}) })) }, { children: "Buy" }))), isSendBalanceEnabled && (jsxRuntime.jsx(Button.Button, Object.assign({ expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: handleOnClickSend, startSlot: 
-                            // eslint-disable-next-line react/jsx-wrap-multilines
-                            jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'small', color: 'text-secondary' }, { children: jsxRuntime.jsx(send.ReactComponent, {}) })) }, { children: "Send" })))] }))) }))) : (jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular' }, { children: shortenEmail.shortenEmail(user === null || user === void 0 ? void 0 : user.email) })))] })));
-};
+const DynamicWidgetWalletHeader = ({ variant, }) => {
+    const { primaryWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { open: openSendBalanceModal } = SendBalanceContext.useSendBalance();
+    const { supportsFunding, setShowFunding, fundingEnabled } = FundingContext.useFundingContext();
+    const { setDynamicWidgetView, setIsOpen } = DynamicWidgetContext.useWidgetContext();
+    const isSendBalanceEnabled = React.useMemo(() => {
+        const connector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
+        if (!connector)
+            return false;
+        return walletConnectorCore.isEmbeddedConnector(connector);
+    }, [primaryWallet]);
+    const handleOnClickSend = () => {
+        if (variant === 'dropdown') {
+            setIsOpen(false);
+            openSendBalanceModal().catch((err) => logger.logger.error(err));
+        }
+        else {
+            setDynamicWidgetView('send-balance');
+        }
+    };
+    const isActionsVisible = isSendBalanceEnabled || fundingEnabled;
+    return (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [primaryWallet ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_small', color: 'secondary', className: 'dynamic-widget-wallets__title', children: "Active wallet" }), jsxRuntime.jsx(ActiveWalletInformation.ActiveWalletInformation, {})] })) : (jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__icon-container', children: jsxRuntime.jsx(iconic.UserProfileIcon, {}) })), primaryWallet ? (jsxRuntime.jsx("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: isActionsVisible && (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsxRuntime.jsx(Button.Button, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
+                            // eslint-disable-next-line react/jsx-wrap-multilines
+                            jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(add.ReactComponent, {}) }), children: "Buy" })), isSendBalanceEnabled && (jsxRuntime.jsx(Button.Button, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: handleOnClickSend, startSlot: 
+                            // eslint-disable-next-line react/jsx-wrap-multilines
+                            jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(send.ReactComponent, {}) }), children: "Send" }))] })) })) : (jsxRuntime.jsx(Typography.Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: shortenEmail.shortenEmail(user === null || user === void 0 ? void 0 : user.email) }))] }));
+};
 React__default["default"].memo(DynamicWidgetWalletHeader);
 
 exports.DynamicWidgetWalletHeader = DynamicWidgetWalletHeader;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.d.ts

@@ -1,7 +1,7 @@
-import React, { FC } from 'react';
-type DynamicWidgetWalletHeaderProps = {
-    variant?: 'modal' | 'dropdown';
-};
-export declare const DynamicWidgetWalletHeader: FC<DynamicWidgetWalletHeaderProps>;
-export declare const MemoizedDynamicWidgetWalletHeader: React.NamedExoticComponent<DynamicWidgetWalletHeaderProps>;
-export default MemoizedDynamicWidgetWalletHeader;
+import React, { FC } from 'react';
+type DynamicWidgetWalletHeaderProps = {
+    variant?: 'modal' | 'dropdown';
+};
+export declare const DynamicWidgetWalletHeader: FC<DynamicWidgetWalletHeaderProps>;
+export declare const MemoizedDynamicWidgetWalletHeader: React.NamedExoticComponent<DynamicWidgetWalletHeaderProps>;
+export default MemoizedDynamicWidgetWalletHeader;

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

@@ -12,7 +12,7 @@ import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../../utils/constants/colors.js';
 import '../../../../../shared/utils/classes/storage/localStorage.js';
-import 'ethers';
+import 'viem';
 import '../../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -48,33 +48,33 @@ import { useSendBalance } from '../../../../../context/SendBalanceContext/SendBa
 import { useWidgetContext } from '../../../context/DynamicWidgetContext.js';
 import { ActiveWalletInformation } from '../../ActiveWalletInformation/ActiveWalletInformation.js';
 
-const DynamicWidgetWalletHeader = ({ variant, }) => {
-    const { primaryWallet, user } = useInternalDynamicContext();
-    const { open: openSendBalanceModal } = useSendBalance();
-    const { supportsFunding, setShowFunding, fundingEnabled } = useFundingContext();
-    const { setDynamicWidgetView, setIsOpen } = useWidgetContext();
-    const isSendBalanceEnabled = useMemo(() => {
-        const connector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
-        if (!connector)
-            return false;
-        return isEmbeddedConnector(connector);
-    }, [primaryWallet]);
-    const handleOnClickSend = () => {
-        if (variant === 'dropdown') {
-            setIsOpen(false);
-            openSendBalanceModal().catch((err) => logger.error(err));
-        }
-        else {
-            setDynamicWidgetView('send-balance');
-        }
-    };
-    const isActionsVisible = isSendBalanceEnabled || fundingEnabled;
-    return (jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header' }, { children: [primaryWallet ? (jsxs(Fragment, { children: [jsx(Typography, Object.assign({ weight: 'medium', variant: 'body_small', color: 'secondary', className: 'dynamic-widget-wallets__title' }, { children: "Active wallet" })), jsx(ActiveWalletInformation, {})] })) : (jsx("div", Object.assign({ className: 'dynamic-widget-wallet-header__icon-container' }, { children: jsx(UserProfileIcon, {}) }))), primaryWallet ? (jsx("div", Object.assign({ "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info' }, { children: isActionsVisible && (jsxs("div", Object.assign({ className: 'dynamic-widget-wallet-header__wallet-actions' }, { children: [fundingEnabled && (jsx(Button, Object.assign({ expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
-                            // eslint-disable-next-line react/jsx-wrap-multilines
-                            jsx(Icon, Object.assign({ size: 'small', color: 'text-secondary' }, { children: jsx(SvgAdd, {}) })) }, { children: "Buy" }))), isSendBalanceEnabled && (jsx(Button, Object.assign({ expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: handleOnClickSend, startSlot: 
-                            // eslint-disable-next-line react/jsx-wrap-multilines
-                            jsx(Icon, Object.assign({ size: 'small', color: 'text-secondary' }, { children: jsx(SvgSend, {}) })) }, { children: "Send" })))] }))) }))) : (jsx(Typography, Object.assign({ className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular' }, { children: shortenEmail(user === null || user === void 0 ? void 0 : user.email) })))] })));
-};
+const DynamicWidgetWalletHeader = ({ variant, }) => {
+    const { primaryWallet, user } = useInternalDynamicContext();
+    const { open: openSendBalanceModal } = useSendBalance();
+    const { supportsFunding, setShowFunding, fundingEnabled } = useFundingContext();
+    const { setDynamicWidgetView, setIsOpen } = useWidgetContext();
+    const isSendBalanceEnabled = useMemo(() => {
+        const connector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
+        if (!connector)
+            return false;
+        return isEmbeddedConnector(connector);
+    }, [primaryWallet]);
+    const handleOnClickSend = () => {
+        if (variant === 'dropdown') {
+            setIsOpen(false);
+            openSendBalanceModal().catch((err) => logger.error(err));
+        }
+        else {
+            setDynamicWidgetView('send-balance');
+        }
+    };
+    const isActionsVisible = isSendBalanceEnabled || fundingEnabled;
+    return (jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [primaryWallet ? (jsxs(Fragment, { children: [jsx(Typography, { weight: 'medium', variant: 'body_small', color: 'secondary', className: 'dynamic-widget-wallets__title', children: "Active wallet" }), jsx(ActiveWalletInformation, {})] })) : (jsx("div", { className: 'dynamic-widget-wallet-header__icon-container', children: jsx(UserProfileIcon, {}) })), primaryWallet ? (jsx("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: isActionsVisible && (jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsx(Button, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
+                            // eslint-disable-next-line react/jsx-wrap-multilines
+                            jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgAdd, {}) }), children: "Buy" })), isSendBalanceEnabled && (jsx(Button, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', buttonRounded: 'small', onClick: handleOnClickSend, startSlot: 
+                            // eslint-disable-next-line react/jsx-wrap-multilines
+                            jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgSend, {}) }), children: "Send" }))] })) })) : (jsx(Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: shortenEmail(user === null || user === void 0 ? void 0 : user.email) }))] }));
+};
 React__default.memo(DynamicWidgetWalletHeader);
 
 export { DynamicWidgetWalletHeader };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/index.d.ts

@@ -1 +1 @@
-export { DynamicWidgetWalletHeader } from './DynamicWidgetWalletHeader';
+export { DynamicWidgetWalletHeader } from './DynamicWidgetWalletHeader';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/index.d.ts

@@ -1 +1 @@
-export { MemoizedDynamicWidgetHeader as DynamicWidgetHeader } from './DynamicWidgetHeader';
+export { MemoizedDynamicWidgetHeader as DynamicWidgetHeader } from './DynamicWidgetHeader';

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

@@ -17,32 +17,32 @@ var WidgetPortal = require('../WidgetPortal/WidgetPortal.cjs');
 var NoQrNotInstalledModalView = require('../../prompts/NoQrNotInstalledModalView/NoQrNotInstalledModalView.cjs');
 var PendingConnectionModal = require('../../prompts/PendingConnectionModal/PendingConnectionModal.cjs');
 
-const mapAccountSwitchStateToPromptComponent = {
-    linking_new_wallet: PendingAccountSwitchToLinkModal.PendingAccountSwitchToLinkModal,
-    primary_not_connected: PrimaryNotConnectedModal.PrimaryNotConnectedModal,
-    switching_primary: PendingAccountSwitchModal.PendingAccountSwitchModal,
-};
-const DynamicWidgetPrompts = () => {
-    var _a, _b, _c;
-    const { setDesktopUri, accountSwitchState, multiWalletWidgetState, showQrcodeModal, setShowQrcodeModal, selectedWalletConnector, selectedWalletWithAction, } = useInternalDynamicContext.useInternalDynamicContext();
-    const AccountSwitchModal = React.useMemo(() => {
-        if (multiWalletWidgetState !== 'awaiting_account_switch')
-            return null;
-        return mapAccountSwitchStateToPromptComponent[accountSwitchState] || null;
-    }, [accountSwitchState, multiWalletWidgetState]);
-    const AwaitingConnectionModal = React.useMemo(() => {
-        if (selectedWalletConnector &&
-            (walletConnectorCore.isEmailOTPWalletConnector(selectedWalletConnector) ||
-                walletConnectorCore.isEmailWalletConnector(selectedWalletConnector))) {
-            return PendingSignModal.PendingSignModal;
-        }
-        return PendingConnectionModal.PendingConnectionModal;
-    }, [selectedWalletConnector]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [multiWalletWidgetState === 'awaiting_signature' && jsxRuntime.jsx(PendingSignModal.PendingSignModal, {}), AccountSwitchModal && jsxRuntime.jsx(AccountSwitchModal, {}), (selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.action) === 'unlink' && (jsxRuntime.jsx(UnlinkWalletPopUp.UnlinkWalletPopUp, { walletId: (_a = selectedWalletWithAction.wallet) === null || _a === void 0 ? void 0 : _a.id })), multiWalletWidgetState === 'awaiting_connection' &&
-                (showQrcodeModal ? (jsxRuntime.jsx(WidgetPortal.WidgetPortal, Object.assign({ showCloseButton: true, onBackdropClick: () => {
-                        setShowQrcodeModal(false);
-                        setDesktopUri('');
-                    } }, { children: (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.canConnectViaQrCode) ? (jsxRuntime.jsx(QrCodeModalView.QrCodeModalView, { walletId: (_c = (_b = selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : '' })) : (jsxRuntime.jsx(NoQrNotInstalledModalView.NoQrNotInstalledModalView, {})) }))) : (jsxRuntime.jsx(AwaitingConnectionModal, {}))), multiWalletWidgetState === 'detected_new_wallet' && (jsxRuntime.jsx(DetectedNewWalletModal.DetectedNewWalletModal, {}))] }));
+const mapAccountSwitchStateToPromptComponent = {
+    linking_new_wallet: PendingAccountSwitchToLinkModal.PendingAccountSwitchToLinkModal,
+    primary_not_connected: PrimaryNotConnectedModal.PrimaryNotConnectedModal,
+    switching_primary: PendingAccountSwitchModal.PendingAccountSwitchModal,
+};
+const DynamicWidgetPrompts = () => {
+    var _a, _b, _c;
+    const { setDesktopUri, accountSwitchState, multiWalletWidgetState, showQrcodeModal, setShowQrcodeModal, selectedWalletConnector, selectedWalletWithAction, } = useInternalDynamicContext.useInternalDynamicContext();
+    const AccountSwitchModal = React.useMemo(() => {
+        if (multiWalletWidgetState !== 'awaiting_account_switch')
+            return null;
+        return mapAccountSwitchStateToPromptComponent[accountSwitchState] || null;
+    }, [accountSwitchState, multiWalletWidgetState]);
+    const AwaitingConnectionModal = React.useMemo(() => {
+        if (selectedWalletConnector &&
+            (walletConnectorCore.isEmailOTPWalletConnector(selectedWalletConnector) ||
+                walletConnectorCore.isEmailWalletConnector(selectedWalletConnector))) {
+            return PendingSignModal.PendingSignModal;
+        }
+        return PendingConnectionModal.PendingConnectionModal;
+    }, [selectedWalletConnector]);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [multiWalletWidgetState === 'awaiting_signature' && jsxRuntime.jsx(PendingSignModal.PendingSignModal, {}), AccountSwitchModal && jsxRuntime.jsx(AccountSwitchModal, {}), (selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.action) === 'unlink' && (jsxRuntime.jsx(UnlinkWalletPopUp.UnlinkWalletPopUp, { walletId: (_a = selectedWalletWithAction.wallet) === null || _a === void 0 ? void 0 : _a.id })), multiWalletWidgetState === 'awaiting_connection' &&
+                (showQrcodeModal ? (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { showCloseButton: true, onBackdropClick: () => {
+                        setShowQrcodeModal(false);
+                        setDesktopUri('');
+                    }, children: (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.canConnectViaQrCode) ? (jsxRuntime.jsx(QrCodeModalView.QrCodeModalView, { walletId: (_c = (_b = selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : '' })) : (jsxRuntime.jsx(NoQrNotInstalledModalView.NoQrNotInstalledModalView, {})) })) : (jsxRuntime.jsx(AwaitingConnectionModal, {}))), multiWalletWidgetState === 'detected_new_wallet' && (jsxRuntime.jsx(DetectedNewWalletModal.DetectedNewWalletModal, {}))] }));
 };
 
 exports.DynamicWidgetPrompts = DynamicWidgetPrompts;

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const DynamicWidgetPrompts: () => JSX.Element;
+/// <reference types="react" />
+export declare const DynamicWidgetPrompts: () => JSX.Element;