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

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

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

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

@@ -6,13 +6,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var DynamicWidgetDropdown = require('./variants/DynamicWidgetDropdown/DynamicWidgetDropdown.cjs');
 var DynamicWidgetModal = require('./variants/DynamicWidgetModal/DynamicWidgetModal.cjs');
 
-const mapDynamicWidgetVariantToComponent = {
-    dropdown: DynamicWidgetDropdown.DynamicWidgetDropdown,
-    modal: DynamicWidgetModal.DynamicWidgetModal,
-};
-const DynamicWidgetVariants = ({ zIndex, variant, children, isOpen, setIsOpen, transitionEvents }) => {
-    const DynamicVariantComponent = mapDynamicWidgetVariantToComponent[variant || 'modal'];
-    return (jsxRuntime.jsx(DynamicVariantComponent, Object.assign({ transitionEvents: transitionEvents, zIndex: zIndex, isShown: isOpen, onClose: () => setIsOpen(false) }, { children: children })));
+const mapDynamicWidgetVariantToComponent = {
+    dropdown: DynamicWidgetDropdown.DynamicWidgetDropdown,
+    modal: DynamicWidgetModal.DynamicWidgetModal,
+};
+const DynamicWidgetVariants = ({ zIndex, variant, children, isOpen, setIsOpen, transitionEvents }) => {
+    const DynamicVariantComponent = mapDynamicWidgetVariantToComponent[variant || 'modal'];
+    return (jsxRuntime.jsx(DynamicVariantComponent, { transitionEvents: transitionEvents, zIndex: zIndex, isShown: isOpen, onClose: () => setIsOpen(false), children: children }));
 };
 
 exports.DynamicWidgetVariants = DynamicWidgetVariants;

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

@@ -1,10 +1,10 @@
-import { FC, PropsWithChildren } from 'react';
-import type { UseTransitionEvents } from '../../../../utils/hooks/useTransition';
-export type DynamicWidgetVariantsProps = {
-    variant?: 'modal' | 'dropdown';
-    zIndex?: number;
-    isOpen: boolean;
-    setIsOpen: (state: boolean) => void;
-    transitionEvents?: UseTransitionEvents;
-};
-export declare const DynamicWidgetVariants: FC<PropsWithChildren<DynamicWidgetVariantsProps>>;
+import { FC, PropsWithChildren } from 'react';
+import type { UseTransitionEvents } from '../../../../utils/hooks/useTransition';
+export type DynamicWidgetVariantsProps = {
+    variant?: 'modal' | 'dropdown';
+    zIndex?: number;
+    isOpen: boolean;
+    setIsOpen: (state: boolean) => void;
+    transitionEvents?: UseTransitionEvents;
+};
+export declare const DynamicWidgetVariants: FC<PropsWithChildren<DynamicWidgetVariantsProps>>;

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

@@ -2,13 +2,13 @@ import { jsx } from 'react/jsx-runtime';
 import { DynamicWidgetDropdown } from './variants/DynamicWidgetDropdown/DynamicWidgetDropdown.js';
 import { DynamicWidgetModal } from './variants/DynamicWidgetModal/DynamicWidgetModal.js';
 
-const mapDynamicWidgetVariantToComponent = {
-    dropdown: DynamicWidgetDropdown,
-    modal: DynamicWidgetModal,
-};
-const DynamicWidgetVariants = ({ zIndex, variant, children, isOpen, setIsOpen, transitionEvents }) => {
-    const DynamicVariantComponent = mapDynamicWidgetVariantToComponent[variant || 'modal'];
-    return (jsx(DynamicVariantComponent, Object.assign({ transitionEvents: transitionEvents, zIndex: zIndex, isShown: isOpen, onClose: () => setIsOpen(false) }, { children: children })));
+const mapDynamicWidgetVariantToComponent = {
+    dropdown: DynamicWidgetDropdown,
+    modal: DynamicWidgetModal,
+};
+const DynamicWidgetVariants = ({ zIndex, variant, children, isOpen, setIsOpen, transitionEvents }) => {
+    const DynamicVariantComponent = mapDynamicWidgetVariantToComponent[variant || 'modal'];
+    return (jsx(DynamicVariantComponent, { transitionEvents: transitionEvents, zIndex: zIndex, isShown: isOpen, onClose: () => setIsOpen(false), children: children }));
 };
 
 export { DynamicWidgetVariants };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.cjs

@@ -17,7 +17,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');
@@ -43,6 +43,6 @@ require('../../../../../../context/MockContext/MockContext.cjs');
 require('../../../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 
-const DynamicWidgetDropdown = ({ zIndex, isShown, onClose, children, className, contentClassName, }) => (jsxRuntime.jsx(ZoomTransition.ZoomTransition, Object.assign({ outDuration: 200, className: classNames.classNames('dynamic-widget-dropdown', className), isShown: isShown }, { children: jsxRuntime.jsx("div", Object.assign({ "data-testid": 'DynamicWidgetDropdown', style: { zIndex }, className: classNames.classNames('dynamic-widget-dropdown__root', contentClassName) }, { children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: children }) })) })));
+const DynamicWidgetDropdown = ({ zIndex, isShown, onClose, children, className, contentClassName, }) => (jsxRuntime.jsx(ZoomTransition.ZoomTransition, { outDuration: 200, className: classNames.classNames('dynamic-widget-dropdown', className), isShown: isShown, children: jsxRuntime.jsx("div", { "data-testid": 'DynamicWidgetDropdown', style: { zIndex }, className: classNames.classNames('dynamic-widget-dropdown__root', contentClassName), children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: children }) }) }));
 
 exports.DynamicWidgetDropdown = DynamicWidgetDropdown;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.d.ts

@@ -1,3 +1,3 @@
-import { FC, PropsWithChildren } from 'react';
-import { VariantProps } from '../types';
-export declare const DynamicWidgetDropdown: FC<PropsWithChildren<VariantProps>>;
+import { FC, PropsWithChildren } from 'react';
+import { VariantProps } from '../types';
+export declare const DynamicWidgetDropdown: FC<PropsWithChildren<VariantProps>>;

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

@@ -13,7 +13,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';
@@ -39,6 +39,6 @@ import '../../../../../../context/MockContext/MockContext.js';
 import '../../../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 
-const DynamicWidgetDropdown = ({ zIndex, isShown, onClose, children, className, contentClassName, }) => (jsx(ZoomTransition, Object.assign({ outDuration: 200, className: classNames('dynamic-widget-dropdown', className), isShown: isShown }, { children: jsx("div", Object.assign({ "data-testid": 'DynamicWidgetDropdown', style: { zIndex }, className: classNames('dynamic-widget-dropdown__root', contentClassName) }, { children: jsx(PopperProvider, { children: children }) })) })));
+const DynamicWidgetDropdown = ({ zIndex, isShown, onClose, children, className, contentClassName, }) => (jsx(ZoomTransition, { outDuration: 200, className: classNames('dynamic-widget-dropdown', className), isShown: isShown, children: jsx("div", { "data-testid": 'DynamicWidgetDropdown', style: { zIndex }, className: classNames('dynamic-widget-dropdown__root', contentClassName), children: jsx(PopperProvider, { children: children }) }) }));
 
 export { DynamicWidgetDropdown };

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

@@ -14,7 +14,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');
 var usePreventPageScroll = require('../../../../../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 require('../../../../../../shared/consts/index.cjs');
 require('../../../../../../context/DynamicContext/DynamicContext.cjs');
@@ -44,9 +44,9 @@ require('yup');
 require('../../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 
-const DynamicWidgetModal = ({ children, isShown, onClose, zIndex, className, transitionEvents = {}, }) => {
-    usePreventPageScroll.usePreventPageScroll(Boolean(isShown));
-    return (jsxRuntime.jsx(Portal.Portal, Object.assign({ zIndex: zIndex, handleClose: () => onClose === null || onClose === void 0 ? void 0 : onClose(), isShown: isShown, withBackdrop: true }, transitionEvents, { children: jsxRuntime.jsx("div", Object.assign({ className: classNames.classNames('dynamic-widget-modal', className) }, { children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: children }) })) })));
+const DynamicWidgetModal = ({ children, isShown, onClose, zIndex, className, transitionEvents = {}, }) => {
+    usePreventPageScroll.usePreventPageScroll(Boolean(isShown));
+    return (jsxRuntime.jsx(Portal.Portal, Object.assign({ zIndex: zIndex, handleClose: () => onClose === null || onClose === void 0 ? void 0 : onClose(), isShown: isShown, withBackdrop: true }, transitionEvents, { children: jsxRuntime.jsx("div", { className: classNames.classNames('dynamic-widget-modal', className), children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: children }) }) })));
 };
 
 exports.DynamicWidgetModal = DynamicWidgetModal;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.d.ts

@@ -1,3 +1,3 @@
-import { FC, PropsWithChildren } from 'react';
-import { VariantProps } from '../types';
-export declare const DynamicWidgetModal: FC<PropsWithChildren<VariantProps>>;
+import { FC, PropsWithChildren } from 'react';
+import { VariantProps } from '../types';
+export declare const DynamicWidgetModal: FC<PropsWithChildren<VariantProps>>;

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

@@ -10,7 +10,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 { usePreventPageScroll } from '../../../../../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import '../../../../../../shared/consts/index.js';
 import '../../../../../../context/DynamicContext/DynamicContext.js';
@@ -40,9 +40,9 @@ import 'yup';
 import '../../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../../components/MenuList/Dropdown/Dropdown.js';
 
-const DynamicWidgetModal = ({ children, isShown, onClose, zIndex, className, transitionEvents = {}, }) => {
-    usePreventPageScroll(Boolean(isShown));
-    return (jsx(Portal, Object.assign({ zIndex: zIndex, handleClose: () => onClose === null || onClose === void 0 ? void 0 : onClose(), isShown: isShown, withBackdrop: true }, transitionEvents, { children: jsx("div", Object.assign({ className: classNames('dynamic-widget-modal', className) }, { children: jsx(PopperProvider, { children: children }) })) })));
+const DynamicWidgetModal = ({ children, isShown, onClose, zIndex, className, transitionEvents = {}, }) => {
+    usePreventPageScroll(Boolean(isShown));
+    return (jsx(Portal, Object.assign({ zIndex: zIndex, handleClose: () => onClose === null || onClose === void 0 ? void 0 : onClose(), isShown: isShown, withBackdrop: true }, transitionEvents, { children: jsx("div", { className: classNames('dynamic-widget-modal', className), children: jsx(PopperProvider, { children: children }) }) })));
 };
 
 export { DynamicWidgetModal };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/index.d.ts

@@ -1,2 +1,2 @@
-export { DynamicWidgetDropdown } from './DynamicWidgetDropdown/DynamicWidgetDropdown';
-export { DynamicWidgetModal } from './DynamicWidgetModal/DynamicWidgetModal';
+export { DynamicWidgetDropdown } from './DynamicWidgetDropdown/DynamicWidgetDropdown';
+export { DynamicWidgetModal } from './DynamicWidgetModal/DynamicWidgetModal';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/types.d.ts

@@ -1,9 +1,9 @@
-import type { UseTransitionEvents } from '../../../../../utils/hooks/useTransition/useTransition';
-export type VariantProps = {
-    className?: string;
-    contentClassName?: string;
-    isShown?: boolean;
-    onClose?: () => void;
-    zIndex?: number;
-    transitionEvents?: UseTransitionEvents;
-};
+import type { UseTransitionEvents } from '../../../../../utils/hooks/useTransition/useTransition';
+export type VariantProps = {
+    className?: string;
+    contentClassName?: string;
+    isShown?: boolean;
+    onClose?: () => void;
+    zIndex?: number;
+    transitionEvents?: UseTransitionEvents;
+};

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

@@ -9,16 +9,16 @@ var ProfileView = require('../../views/ProfileView/ProfileView.cjs');
 var EditProfileView = require('../../views/EditProfileView/EditProfileView.cjs');
 var SendBalanceWidgetView = require('../../views/SendBalanceWidgetView/SendBalanceWidgetView.cjs');
 
-const mapViewToComponent = {
-    'edit-profile': EditProfileView.EditProfileView,
-    profile: ProfileView.ProfileView,
-    'send-balance': SendBalanceWidgetView.SendBalanceWidgetView,
-    wallets: WalletsView.WalletsView,
-};
-const DynamicWidgetViews = () => {
-    const { dynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const ViewComponent = mapViewToComponent[dynamicWidgetView] || mapViewToComponent.wallets;
-    return jsxRuntime.jsx(ViewComponent, {});
+const mapViewToComponent = {
+    'edit-profile': EditProfileView.EditProfileView,
+    profile: ProfileView.ProfileView,
+    'send-balance': SendBalanceWidgetView.SendBalanceWidgetView,
+    wallets: WalletsView.WalletsView,
+};
+const DynamicWidgetViews = () => {
+    const { dynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    const ViewComponent = mapViewToComponent[dynamicWidgetView] || mapViewToComponent.wallets;
+    return jsxRuntime.jsx(ViewComponent, {});
 };
 
 exports.DynamicWidgetViews = DynamicWidgetViews;

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

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
-import { DynamicWidgetViews as DynamicWidgetViewsType } from '../../context/DynamicWidgetContext';
-export declare const mapViewToComponent: Record<DynamicWidgetViewsType, React.ComponentType>;
-export declare const DynamicWidgetViews: FC;
+import React, { FC } from 'react';
+import { DynamicWidgetViews as DynamicWidgetViewsType } from '../../context/DynamicWidgetContext';
+export declare const mapViewToComponent: Record<DynamicWidgetViewsType, React.ComponentType>;
+export declare const DynamicWidgetViews: FC;

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

@@ -5,16 +5,16 @@ import { ProfileView } from '../../views/ProfileView/ProfileView.js';
 import { EditProfileView } from '../../views/EditProfileView/EditProfileView.js';
 import { SendBalanceWidgetView } from '../../views/SendBalanceWidgetView/SendBalanceWidgetView.js';
 
-const mapViewToComponent = {
-    'edit-profile': EditProfileView,
-    profile: ProfileView,
-    'send-balance': SendBalanceWidgetView,
-    wallets: WalletsView,
-};
-const DynamicWidgetViews = () => {
-    const { dynamicWidgetView } = useWidgetContext();
-    const ViewComponent = mapViewToComponent[dynamicWidgetView] || mapViewToComponent.wallets;
-    return jsx(ViewComponent, {});
+const mapViewToComponent = {
+    'edit-profile': EditProfileView,
+    profile: ProfileView,
+    'send-balance': SendBalanceWidgetView,
+    wallets: WalletsView,
+};
+const DynamicWidgetViews = () => {
+    const { dynamicWidgetView } = useWidgetContext();
+    const ViewComponent = mapViewToComponent[dynamicWidgetView] || mapViewToComponent.wallets;
+    return jsx(ViewComponent, {});
 };
 
 export { DynamicWidgetViews, mapViewToComponent };

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

@@ -14,7 +14,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');
@@ -48,16 +48,16 @@ var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 var EmptyWallets = require('../EmptyWallets/EmptyWallets.cjs');
 var Wallet = require('../Wallet/Wallet.cjs');
 
-const DynamicWidgetWallets = () => {
-    const { secondaryWallets, user } = useInternalDynamicContext.useInternalDynamicContext();
-    const { availableWalletsContainerRef } = DynamicWidgetContext.useWidgetContext();
-    const isEmpty = secondaryWallets.length === 0;
-    return (jsxRuntime.jsxs("div", Object.assign({ ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'body_small', color: 'secondary', className: 'dynamic-widget-wallets__title' }, { children: "My other wallets" })), jsxRuntime.jsx("div", Object.assign({ className: classNames.classNames('available-wallets__body', {
-                    'dynamic-widget-wallets__body--apply-height': !isEmpty,
-                }) }, { children: isEmpty ? (jsxRuntime.jsx(EmptyWallets.EmptyWallets, {})) : (jsxRuntime.jsx("div", Object.assign({ className: 'available-wallets__wallet-list' }, { children: secondaryWallets.map((wallet, index) => {
-                        var _a;
-                        return (jsxRuntime.jsx(Wallet.Wallet, { ens: (_a = getWalletVerifiedCredential.getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id));
-                    }) }))) }))] })));
+const DynamicWidgetWallets = () => {
+    const { secondaryWallets, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { availableWalletsContainerRef } = DynamicWidgetContext.useWidgetContext();
+    const isEmpty = secondaryWallets.length === 0;
+    return (jsxRuntime.jsxs("div", { ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_small', color: 'secondary', className: 'dynamic-widget-wallets__title', children: "My other wallets" }), jsxRuntime.jsx("div", { className: classNames.classNames('available-wallets__body', {
+                    'dynamic-widget-wallets__body--apply-height': !isEmpty,
+                }), children: isEmpty ? (jsxRuntime.jsx(EmptyWallets.EmptyWallets, {})) : (jsxRuntime.jsx("div", { className: 'available-wallets__wallet-list', children: secondaryWallets.map((wallet, index) => {
+                        var _a;
+                        return (jsxRuntime.jsx(Wallet.Wallet, { ens: (_a = getWalletVerifiedCredential.getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id));
+                    }) })) })] }));
 };
 
 exports.DynamicWidgetWallets = DynamicWidgetWallets;

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

@@ -1,2 +1,2 @@
-import { FC } from 'react';
-export declare const DynamicWidgetWallets: FC;
+import { FC } from 'react';
+export declare const DynamicWidgetWallets: FC;

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

@@ -10,7 +10,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';
@@ -44,16 +44,16 @@ import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { EmptyWallets } from '../EmptyWallets/EmptyWallets.js';
 import { Wallet } from '../Wallet/Wallet.js';
 
-const DynamicWidgetWallets = () => {
-    const { secondaryWallets, user } = useInternalDynamicContext();
-    const { availableWalletsContainerRef } = useWidgetContext();
-    const isEmpty = secondaryWallets.length === 0;
-    return (jsxs("div", Object.assign({ ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets' }, { children: [jsx(Typography, Object.assign({ weight: 'medium', variant: 'body_small', color: 'secondary', className: 'dynamic-widget-wallets__title' }, { children: "My other wallets" })), jsx("div", Object.assign({ className: classNames('available-wallets__body', {
-                    'dynamic-widget-wallets__body--apply-height': !isEmpty,
-                }) }, { children: isEmpty ? (jsx(EmptyWallets, {})) : (jsx("div", Object.assign({ className: 'available-wallets__wallet-list' }, { children: secondaryWallets.map((wallet, index) => {
-                        var _a;
-                        return (jsx(Wallet, { ens: (_a = getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id));
-                    }) }))) }))] })));
+const DynamicWidgetWallets = () => {
+    const { secondaryWallets, user } = useInternalDynamicContext();
+    const { availableWalletsContainerRef } = useWidgetContext();
+    const isEmpty = secondaryWallets.length === 0;
+    return (jsxs("div", { ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets', children: [jsx(Typography, { weight: 'medium', variant: 'body_small', color: 'secondary', className: 'dynamic-widget-wallets__title', children: "My other wallets" }), jsx("div", { className: classNames('available-wallets__body', {
+                    'dynamic-widget-wallets__body--apply-height': !isEmpty,
+                }), children: isEmpty ? (jsx(EmptyWallets, {})) : (jsx("div", { className: 'available-wallets__wallet-list', children: secondaryWallets.map((wallet, index) => {
+                        var _a;
+                        return (jsx(Wallet, { ens: (_a = getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id));
+                    }) })) })] }));
 };
 
 export { DynamicWidgetWallets };

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

@@ -14,7 +14,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');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -44,6 +44,6 @@ require('yup');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 
-const EmailConnectorPendingSignModalContent = ({ emailWalletConnector }) => (jsxRuntime.jsxs("div", Object.assign({ className: 'email-connector-pending-sign-modal-content' }, { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: iconic.SignInWithEmailIcon, iconSize: 80, isSpinning: true }), jsxRuntime.jsxs("div", Object.assign({ className: 'email-connector-pending-sign-modal-content__body' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'email-connector-pending-sign-modal-content__title' }, { children: "Confirm your email" })), jsxRuntime.jsxs(Typography.Typography, Object.assign({ weight: 'regular', variant: 'body_normal', color: 'secondary' }, { children: ["We\u2019ve sent a verification email to", ' ', jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'secondary', weight: 'medium', as: 'span' }, { children: emailWalletConnector.email }))] })), jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'regular', variant: 'body_small', color: 'secondary' }, { children: "Note: it might take a few seconds to proceed after clicking the link in your email" }))] }))] })));
+const EmailConnectorPendingSignModalContent = ({ emailWalletConnector }) => (jsxRuntime.jsxs("div", { className: 'email-connector-pending-sign-modal-content', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: iconic.SignInWithEmailIcon, iconSize: 80, isSpinning: true }), jsxRuntime.jsxs("div", { className: 'email-connector-pending-sign-modal-content__body', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'email-connector-pending-sign-modal-content__title', children: "Confirm your email" }), jsxRuntime.jsxs(Typography.Typography, { weight: 'regular', variant: 'body_normal', color: 'secondary', children: ["We\u2019ve sent a verification email to", ' ', jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'medium', as: 'span', children: emailWalletConnector.email })] }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', children: "Note: it might take a few seconds to proceed after clicking the link in your email" })] })] }));
 
 exports.EmailConnectorPendingSignModalContent = EmailConnectorPendingSignModalContent;

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

@@ -1,2 +1,2 @@
-import { EmailConnectorPendingSignModalContentComponent } from './EmailConnectorPendingSignModalContent.types';
-export declare const EmailConnectorPendingSignModalContent: EmailConnectorPendingSignModalContentComponent;
+import { EmailConnectorPendingSignModalContentComponent } from './EmailConnectorPendingSignModalContent.types';
+export declare const EmailConnectorPendingSignModalContent: EmailConnectorPendingSignModalContentComponent;

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

@@ -10,7 +10,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 '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -40,6 +40,6 @@ import 'yup';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 
-const EmailConnectorPendingSignModalContent = ({ emailWalletConnector }) => (jsxs("div", Object.assign({ className: 'email-connector-pending-sign-modal-content' }, { children: [jsx(IconWithSpinner, { Icon: SignInWithEmailIcon, iconSize: 80, isSpinning: true }), jsxs("div", Object.assign({ className: 'email-connector-pending-sign-modal-content__body' }, { children: [jsx(Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'email-connector-pending-sign-modal-content__title' }, { children: "Confirm your email" })), jsxs(Typography, Object.assign({ weight: 'regular', variant: 'body_normal', color: 'secondary' }, { children: ["We\u2019ve sent a verification email to", ' ', jsx(Typography, Object.assign({ variant: 'body_normal', color: 'secondary', weight: 'medium', as: 'span' }, { children: emailWalletConnector.email }))] })), jsx(Typography, Object.assign({ weight: 'regular', variant: 'body_small', color: 'secondary' }, { children: "Note: it might take a few seconds to proceed after clicking the link in your email" }))] }))] })));
+const EmailConnectorPendingSignModalContent = ({ emailWalletConnector }) => (jsxs("div", { className: 'email-connector-pending-sign-modal-content', children: [jsx(IconWithSpinner, { Icon: SignInWithEmailIcon, iconSize: 80, isSpinning: true }), jsxs("div", { className: 'email-connector-pending-sign-modal-content__body', children: [jsx(Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'email-connector-pending-sign-modal-content__title', children: "Confirm your email" }), jsxs(Typography, { weight: 'regular', variant: 'body_normal', color: 'secondary', children: ["We\u2019ve sent a verification email to", ' ', jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'medium', as: 'span', children: emailWalletConnector.email })] }), jsx(Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', children: "Note: it might take a few seconds to proceed after clicking the link in your email" })] })] }));
 
 export { EmailConnectorPendingSignModalContent };

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.types.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-import { IEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
-export type EmailConnectorPendingSignModalContentProps = {
-    emailWalletConnector: IEmailWalletConnector;
-};
-export type EmailConnectorPendingSignModalContentComponent = FC<EmailConnectorPendingSignModalContentProps>;
+import { FC } from 'react';
+import { IEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
+export type EmailConnectorPendingSignModalContentProps = {
+    emailWalletConnector: IEmailWalletConnector;
+};
+export type EmailConnectorPendingSignModalContentComponent = FC<EmailConnectorPendingSignModalContentProps>;

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

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

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

@@ -14,7 +14,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');
@@ -45,26 +45,26 @@ require('yup');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 
-const EmailOTPConnectorPendingSignModalContent = ({ walletConnector }) => {
-    const { setSelectedWalletWithAction, selectedWalletWithAction, setPrimaryWalletId, setMultiWalletWidgetState, computeConnectedStateForWallets, } = useInternalDynamicContext.useInternalDynamicContext();
-    const [error, setError] = React.useState();
-    const { email } = walletConnector;
-    if (!email) {
-        throw new Error('EmailOTPConnectorPendingSignModalContent requires a email');
-    }
-    const { data: isValid, isLoading, mutate: onSubmit, } = useMutation.useMutation((otp) => walletConnector.verifyOneTimePassword(otp), {
-        onFailure: (error) => setError(error),
-        onSuccess: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            if (!selectedWalletWithAction) {
-                return;
-            }
-            yield computeConnectedStateForWallets();
-            setMultiWalletWidgetState('idle');
-            setSelectedWalletWithAction(null);
-            setPrimaryWalletId(selectedWalletWithAction.wallet.id);
-        }),
-    });
-    return (jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { email: email, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: isValid === true, onPinChange: () => setError(undefined) }));
+const EmailOTPConnectorPendingSignModalContent = ({ walletConnector }) => {
+    const { setSelectedWalletWithAction, selectedWalletWithAction, setPrimaryWalletId, setMultiWalletWidgetState, computeConnectedStateForWallets, } = useInternalDynamicContext.useInternalDynamicContext();
+    const [error, setError] = React.useState();
+    const { email } = walletConnector;
+    if (!email) {
+        throw new Error('EmailOTPConnectorPendingSignModalContent requires a email');
+    }
+    const { data: isValid, isLoading, mutate: onSubmit, } = useMutation.useMutation((otp) => walletConnector.verifyOneTimePassword(otp), {
+        onFailure: (error) => setError(error),
+        onSuccess: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            if (!selectedWalletWithAction) {
+                return;
+            }
+            yield computeConnectedStateForWallets();
+            setMultiWalletWidgetState('idle');
+            setSelectedWalletWithAction(null);
+            setPrimaryWalletId(selectedWalletWithAction.wallet.id);
+        }),
+    });
+    return (jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { email: email, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: isValid === true, onPinChange: () => setError(undefined) }));
 };
 
 exports.EmailOTPConnectorPendingSignModalContent = EmailOTPConnectorPendingSignModalContent;

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

@@ -1,7 +1,7 @@
-import { FC } from 'react';
-import { IEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
-type EmailOTPConnectorPendingSignModalContentProps = {
-    walletConnector: IEmailOTPWalletConnector;
-};
-export declare const EmailOTPConnectorPendingSignModalContent: FC<EmailOTPConnectorPendingSignModalContentProps>;
-export {};
+import { FC } from 'react';
+import { IEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
+type EmailOTPConnectorPendingSignModalContentProps = {
+    walletConnector: IEmailOTPWalletConnector;
+};
+export declare const EmailOTPConnectorPendingSignModalContent: FC<EmailOTPConnectorPendingSignModalContentProps>;
+export {};