@dynamic-labs/sdk-react-core 0.17.16 → 0.17.100-viem.1

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

@@ -6,30 +6,30 @@ var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 
-const useFetchChain = (connector) => {
-    const [chain, setChain] = React.useState({
-        name: '',
-    });
-    React.useEffect(() => {
-        const fetchChain = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            const chainId = yield connector.getNetwork();
-            const { connectedChain } = connector;
-            const chainInfo = walletConnectorCore.getChainInfo(connectedChain || '');
-            const chainWithIcon = {
-                name: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName,
-            };
-            /* istanbul ignore else */
-            if (chainId && connector.evmNetworks) {
-                const result = connector.evmNetworks.find((element) => element.chainId === chainId);
-                chainWithIcon.name = (_a = result === null || result === void 0 ? void 0 : result.vanityName) !== null && _a !== void 0 ? _a : chainWithIcon.name;
-                chainWithIcon.icon = result === null || result === void 0 ? void 0 : result.iconUrls[0];
-            }
-            setChain(chainWithIcon);
-        });
-        fetchChain();
-    }, [connector]);
-    return [chain];
+const useFetchChain = (connector) => {
+    const [chain, setChain] = React.useState({
+        name: '',
+    });
+    React.useEffect(() => {
+        const fetchChain = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            const chainId = yield connector.getNetwork();
+            const { connectedChain } = connector;
+            const chainInfo = walletConnectorCore.getChainInfo(connectedChain || '');
+            const chainWithIcon = {
+                name: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName,
+            };
+            /* istanbul ignore else */
+            if (chainId && connector.evmNetworks) {
+                const result = connector.evmNetworks.find((element) => element.chainId === chainId);
+                chainWithIcon.name = (_a = result === null || result === void 0 ? void 0 : result.vanityName) !== null && _a !== void 0 ? _a : chainWithIcon.name;
+                chainWithIcon.icon = result === null || result === void 0 ? void 0 : result.iconUrls[0];
+            }
+            setChain(chainWithIcon);
+        });
+        fetchChain();
+    }, [connector]);
+    return [chain];
 };
 
 exports.useFetchChain = useFetchChain;

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

@@ -1,3 +1,3 @@
-import { ChainWihtIcon } from '@dynamic-labs/multi-wallet';
-import { WalletConnector } from '../../../../..';
-export declare const useFetchChain: (connector: WalletConnector) => ChainWihtIcon[];
+import { ChainWihtIcon } from '@dynamic-labs/multi-wallet';
+import { WalletConnector } from '../../../../..';
+export declare const useFetchChain: (connector: WalletConnector) => ChainWihtIcon[];

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

@@ -2,30 +2,30 @@ import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useState, useEffect } from 'react';
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 
-const useFetchChain = (connector) => {
-    const [chain, setChain] = useState({
-        name: '',
-    });
-    useEffect(() => {
-        const fetchChain = () => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            const chainId = yield connector.getNetwork();
-            const { connectedChain } = connector;
-            const chainInfo = getChainInfo(connectedChain || '');
-            const chainWithIcon = {
-                name: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName,
-            };
-            /* istanbul ignore else */
-            if (chainId && connector.evmNetworks) {
-                const result = connector.evmNetworks.find((element) => element.chainId === chainId);
-                chainWithIcon.name = (_a = result === null || result === void 0 ? void 0 : result.vanityName) !== null && _a !== void 0 ? _a : chainWithIcon.name;
-                chainWithIcon.icon = result === null || result === void 0 ? void 0 : result.iconUrls[0];
-            }
-            setChain(chainWithIcon);
-        });
-        fetchChain();
-    }, [connector]);
-    return [chain];
+const useFetchChain = (connector) => {
+    const [chain, setChain] = useState({
+        name: '',
+    });
+    useEffect(() => {
+        const fetchChain = () => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            const chainId = yield connector.getNetwork();
+            const { connectedChain } = connector;
+            const chainInfo = getChainInfo(connectedChain || '');
+            const chainWithIcon = {
+                name: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName,
+            };
+            /* istanbul ignore else */
+            if (chainId && connector.evmNetworks) {
+                const result = connector.evmNetworks.find((element) => element.chainId === chainId);
+                chainWithIcon.name = (_a = result === null || result === void 0 ? void 0 : result.vanityName) !== null && _a !== void 0 ? _a : chainWithIcon.name;
+                chainWithIcon.icon = result === null || result === void 0 ? void 0 : result.iconUrls[0];
+            }
+            setChain(chainWithIcon);
+        });
+        fetchChain();
+    }, [connector]);
+    return [chain];
 };
 
 export { useFetchChain };

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

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

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

@@ -6,25 +6,25 @@ var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 
-const useFetchCurrency = (connector, network) => {
-    const [currency, setCurrency] = React.useState('');
-    React.useEffect(() => {
-        const fetchChainCurrency = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            var _a, _b, _c, _d;
-            const chainId = yield connector.getNetwork();
-            const chainInfo = walletConnectorCore.getChainInfo((_a = connector.connectedChain) !== null && _a !== void 0 ? _a : '');
-            /* istanbul ignore else */
-            if (!chainId) {
-                setCurrency(chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
-                return;
-            }
-            const result = (_b = connector.evmNetworks) === null || _b === void 0 ? void 0 : _b.find((element) => element.chainId === chainId);
-            setCurrency((_d = (_c = result === null || result === void 0 ? void 0 : result.nativeCurrency) === null || _c === void 0 ? void 0 : _c.symbol) !== null && _d !== void 0 ? _d : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
-            return [currency];
-        });
-        fetchChainCurrency();
-    }, [network]);
-    return [currency];
+const useFetchCurrency = (connector, network) => {
+    const [currency, setCurrency] = React.useState('');
+    React.useEffect(() => {
+        const fetchChainCurrency = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b, _c, _d;
+            const chainId = yield connector.getNetwork();
+            const chainInfo = walletConnectorCore.getChainInfo((_a = connector.connectedChain) !== null && _a !== void 0 ? _a : '');
+            /* istanbul ignore else */
+            if (!chainId) {
+                setCurrency(chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
+                return;
+            }
+            const result = (_b = connector.evmNetworks) === null || _b === void 0 ? void 0 : _b.find((element) => element.chainId === chainId);
+            setCurrency((_d = (_c = result === null || result === void 0 ? void 0 : result.nativeCurrency) === null || _c === void 0 ? void 0 : _c.symbol) !== null && _d !== void 0 ? _d : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
+            return [currency];
+        });
+        fetchChainCurrency();
+    }, [network]);
+    return [currency];
 };
 
 exports.useFetchCurrency = useFetchCurrency;

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

@@ -1,2 +1,2 @@
-import { WalletConnector } from '../../../../..';
-export declare const useFetchCurrency: (connector: WalletConnector, network?: number | string) => (string | undefined)[];
+import { WalletConnector } from '../../../../..';
+export declare const useFetchCurrency: (connector: WalletConnector, network?: number | string) => (string | undefined)[];

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

@@ -2,25 +2,25 @@ import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useState, useEffect } from 'react';
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 
-const useFetchCurrency = (connector, network) => {
-    const [currency, setCurrency] = useState('');
-    useEffect(() => {
-        const fetchChainCurrency = () => __awaiter(void 0, void 0, void 0, function* () {
-            var _a, _b, _c, _d;
-            const chainId = yield connector.getNetwork();
-            const chainInfo = getChainInfo((_a = connector.connectedChain) !== null && _a !== void 0 ? _a : '');
-            /* istanbul ignore else */
-            if (!chainId) {
-                setCurrency(chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
-                return;
-            }
-            const result = (_b = connector.evmNetworks) === null || _b === void 0 ? void 0 : _b.find((element) => element.chainId === chainId);
-            setCurrency((_d = (_c = result === null || result === void 0 ? void 0 : result.nativeCurrency) === null || _c === void 0 ? void 0 : _c.symbol) !== null && _d !== void 0 ? _d : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
-            return [currency];
-        });
-        fetchChainCurrency();
-    }, [network]);
-    return [currency];
+const useFetchCurrency = (connector, network) => {
+    const [currency, setCurrency] = useState('');
+    useEffect(() => {
+        const fetchChainCurrency = () => __awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b, _c, _d;
+            const chainId = yield connector.getNetwork();
+            const chainInfo = getChainInfo((_a = connector.connectedChain) !== null && _a !== void 0 ? _a : '');
+            /* istanbul ignore else */
+            if (!chainId) {
+                setCurrency(chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
+                return;
+            }
+            const result = (_b = connector.evmNetworks) === null || _b === void 0 ? void 0 : _b.find((element) => element.chainId === chainId);
+            setCurrency((_d = (_c = result === null || result === void 0 ? void 0 : result.nativeCurrency) === null || _c === void 0 ? void 0 : _c.symbol) !== null && _d !== void 0 ? _d : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
+            return [currency];
+        });
+        fetchChainCurrency();
+    }, [network]);
+    return [currency];
 };
 
 export { useFetchCurrency };

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

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

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

@@ -6,17 +6,17 @@ var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 
-const useFetchNameService = (address) => {
-    const [nameService, setNameService] = React.useState(undefined);
-    const { getNameService } = useInternalDynamicContext.useInternalDynamicContext();
-    React.useEffect(() => {
-        const fetchNameService = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            const ns = yield getNameService(address);
-            setNameService(ns);
-        });
-        fetchNameService();
-    }, [getNameService, address]);
-    return nameService;
+const useFetchNameService = (address) => {
+    const [nameService, setNameService] = React.useState(undefined);
+    const { getNameService } = useInternalDynamicContext.useInternalDynamicContext();
+    React.useEffect(() => {
+        const fetchNameService = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            const ns = yield getNameService(address);
+            setNameService(ns);
+        });
+        fetchNameService();
+    }, [getNameService, address]);
+    return nameService;
 };
 
 exports.useFetchNameService = useFetchNameService;

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

@@ -1,2 +1,2 @@
-import { NameServiceData } from '@dynamic-labs/sdk-api';
-export declare const useFetchNameService: (address?: string) => NameServiceData | undefined;
+import { NameServiceData } from '@dynamic-labs/sdk-api';
+export declare const useFetchNameService: (address?: string) => NameServiceData | undefined;

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

@@ -2,17 +2,17 @@ import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useState, useEffect } from 'react';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 
-const useFetchNameService = (address) => {
-    const [nameService, setNameService] = useState(undefined);
-    const { getNameService } = useInternalDynamicContext();
-    useEffect(() => {
-        const fetchNameService = () => __awaiter(void 0, void 0, void 0, function* () {
-            const ns = yield getNameService(address);
-            setNameService(ns);
-        });
-        fetchNameService();
-    }, [getNameService, address]);
-    return nameService;
+const useFetchNameService = (address) => {
+    const [nameService, setNameService] = useState(undefined);
+    const { getNameService } = useInternalDynamicContext();
+    useEffect(() => {
+        const fetchNameService = () => __awaiter(void 0, void 0, void 0, function* () {
+            const ns = yield getNameService(address);
+            setNameService(ns);
+        });
+        fetchNameService();
+    }, [getNameService, address]);
+    return nameService;
 };
 
 export { useFetchNameService };

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

@@ -1,3 +1,3 @@
-export { DynamicWidget } from './DynamicWidget';
-export { ShadowedDynamicNav as DynamicNav } from './components/DynamicNav/DynamicNav';
-export { ShadowedDynamicUserProfile as DynamicUserProfile } from './components/DynamicUserProfile';
+export { DynamicWidget } from './DynamicWidget';
+export { ShadowedDynamicNav as DynamicNav } from './components/DynamicNav/DynamicNav';
+export { ShadowedDynamicUserProfile as DynamicUserProfile } from './components/DynamicUserProfile';

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

@@ -15,7 +15,7 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
-require('ethers');
+require('viem');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -42,6 +42,6 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 
-const DefaultPromptModal = ({ children, className = '', dataTestId = '', icon, showCloseButton = false, title, }) => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, Object.assign({ showCloseButton: showCloseButton }, { children: jsxRuntime.jsxs("div", Object.assign({ className: classNames.classNames('default-prompt-modal', className), "data-testid": dataTestId }, { children: [icon && jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: 96, isSpinning: true }), jsxRuntime.jsxs("div", Object.assign({ className: 'default-prompt-modal__content' }, { children: [title && (jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', "data-testid": 'title' }, { children: title }))), children] }))] })) })));
+const DefaultPromptModal = ({ children, className = '', dataTestId = '', icon, showCloseButton = false, title, }) => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { showCloseButton: showCloseButton, children: jsxRuntime.jsxs("div", { className: classNames.classNames('default-prompt-modal', className), "data-testid": dataTestId, children: [icon && jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: 96, isSpinning: true }), jsxRuntime.jsxs("div", { className: 'default-prompt-modal__content', children: [title && (jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', "data-testid": 'title', children: title })), children] })] }) }));
 
 exports.DefaultPromptModal = DefaultPromptModal;

package/src/lib/widgets/DynamicWidget/prompts/DefaultPromptModal/DefaultPromptModal.d.ts

@@ -1,13 +1,13 @@
-import { FC, ReactElement, ReactNode } from 'react';
-import { Iconic } from '@dynamic-labs/iconic';
-import { Icon } from '../../../../shared';
-type Props = {
-    children: ReactNode;
-    className?: string;
-    dataTestId?: string;
-    icon?: Icon | Iconic | ReactElement;
-    showCloseButton?: boolean;
-    title?: string;
-};
-export declare const DefaultPromptModal: FC<Props>;
-export {};
+import { FC, ReactElement, ReactNode } from 'react';
+import { Iconic } from '@dynamic-labs/iconic';
+import { Icon } from '../../../../shared';
+type Props = {
+    children: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    icon?: Icon | Iconic | ReactElement;
+    showCloseButton?: boolean;
+    title?: string;
+};
+export declare const DefaultPromptModal: FC<Props>;
+export {};

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

@@ -11,7 +11,7 @@ import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
-import 'ethers';
+import 'viem';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -38,6 +38,6 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 
-const DefaultPromptModal = ({ children, className = '', dataTestId = '', icon, showCloseButton = false, title, }) => (jsx(WidgetPortal, Object.assign({ showCloseButton: showCloseButton }, { children: jsxs("div", Object.assign({ className: classNames('default-prompt-modal', className), "data-testid": dataTestId }, { children: [icon && jsx(IconWithSpinner, { Icon: icon, iconSize: 96, isSpinning: true }), jsxs("div", Object.assign({ className: 'default-prompt-modal__content' }, { children: [title && (jsx(Typography, Object.assign({ variant: 'title', color: 'primary', "data-testid": 'title' }, { children: title }))), children] }))] })) })));
+const DefaultPromptModal = ({ children, className = '', dataTestId = '', icon, showCloseButton = false, title, }) => (jsx(WidgetPortal, { showCloseButton: showCloseButton, children: jsxs("div", { className: classNames('default-prompt-modal', className), "data-testid": dataTestId, children: [icon && jsx(IconWithSpinner, { Icon: icon, iconSize: 96, isSpinning: true }), jsxs("div", { className: 'default-prompt-modal__content', children: [title && (jsx(Typography, { variant: 'title', color: 'primary', "data-testid": 'title', children: title })), children] })] }) }));
 
 export { DefaultPromptModal };

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

@@ -14,7 +14,7 @@ require('react');
 var promptAccountSwitch = require('../../../../shared/assets/prompt-account-switch.cjs');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
-require('ethers');
+require('viem');
 require('../../../../shared/consts/index.cjs');
 var WidgetPortal = require('../../components/WidgetPortal/WidgetPortal.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
@@ -42,14 +42,14 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 
-const DetectedNewWalletModal = () => {
-    const { setMultiWalletWidgetState, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
-    const handleClick = () => {
-        setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
-    };
-    return (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'detected-new-wallet-modal__content' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'primary' }, { children: "Account Change Detected" })), jsxRuntime.jsx(promptAccountSwitch.ReactComponent, {}), jsxRuntime.jsxs(Typography.Typography, Object.assign({ variant: 'body_small', color: 'secondary' }, { children: ["Your active account in ", primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name, " has changed. This account is not currently linked to this app. Do you want to add it?"] })), jsxRuntime.jsx(Button.Button, Object.assign({ expanded: true, buttonRounded: 'default', onClick: handleClick, typographyProps: {
-                        variant: 'button_secondary',
-                    } }, { children: "Yes, link this wallet" }))] })) }));
+const DetectedNewWalletModal = () => {
+    const { setMultiWalletWidgetState, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    const handleClick = () => {
+        setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
+    };
+    return (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { children: jsxRuntime.jsxs("div", { className: 'detected-new-wallet-modal__content', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', children: "Account Change Detected" }), jsxRuntime.jsx(promptAccountSwitch.ReactComponent, {}), jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', color: 'secondary', children: ["Your active account in ", primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name, " has changed. This account is not currently linked to this app. Do you want to add it?"] }), jsxRuntime.jsx(Button.Button, { expanded: true, buttonRounded: 'default', onClick: handleClick, typographyProps: {
+                        variant: 'button_secondary',
+                    }, children: "Yes, link this wallet" })] }) }));
 };
 
 exports.DetectedNewWalletModal = DetectedNewWalletModal;

package/src/lib/widgets/DynamicWidget/prompts/DetectedNewWalletModal/DetectedNewWalletModal.d.ts

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

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

@@ -10,7 +10,7 @@ import 'react';
 import { ReactComponent as SvgPromptAccountSwitch } from '../../../../shared/assets/prompt-account-switch.js';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
-import 'ethers';
+import 'viem';
 import '../../../../shared/consts/index.js';
 import { WidgetPortal } from '../../components/WidgetPortal/WidgetPortal.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
@@ -38,14 +38,14 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 
-const DetectedNewWalletModal = () => {
-    const { setMultiWalletWidgetState, primaryWallet } = useInternalDynamicContext();
-    const handleClick = () => {
-        setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
-    };
-    return (jsx(WidgetPortal, { children: jsxs("div", Object.assign({ className: 'detected-new-wallet-modal__content' }, { children: [jsx(Typography, Object.assign({ variant: 'body_normal', color: 'primary' }, { children: "Account Change Detected" })), jsx(SvgPromptAccountSwitch, {}), jsxs(Typography, Object.assign({ variant: 'body_small', color: 'secondary' }, { children: ["Your active account in ", primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name, " has changed. This account is not currently linked to this app. Do you want to add it?"] })), jsx(Button, Object.assign({ expanded: true, buttonRounded: 'default', onClick: handleClick, typographyProps: {
-                        variant: 'button_secondary',
-                    } }, { children: "Yes, link this wallet" }))] })) }));
+const DetectedNewWalletModal = () => {
+    const { setMultiWalletWidgetState, primaryWallet } = useInternalDynamicContext();
+    const handleClick = () => {
+        setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
+    };
+    return (jsx(WidgetPortal, { children: jsxs("div", { className: 'detected-new-wallet-modal__content', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', children: "Account Change Detected" }), jsx(SvgPromptAccountSwitch, {}), jsxs(Typography, { variant: 'body_small', color: 'secondary', children: ["Your active account in ", primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name, " has changed. This account is not currently linked to this app. Do you want to add it?"] }), jsx(Button, { expanded: true, buttonRounded: 'default', onClick: handleClick, typographyProps: {
+                        variant: 'button_secondary',
+                    }, children: "Yes, link this wallet" })] }) }));
 };
 
 export { DetectedNewWalletModal };

package/src/lib/widgets/DynamicWidget/prompts/DetectedNewWalletModal/index.d.ts

@@ -1 +1 @@
-export * from './DetectedNewWalletModal';
+export * from './DetectedNewWalletModal';

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

@@ -14,7 +14,7 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
-require('ethers');
+require('viem');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -43,19 +43,19 @@ var getBrowserIcon = require('../../../../shared/utils/functions/getBrowserIcon/
 var WalletHelpLink = require('../../../../views/NoQrNotInstalledView/WalletHelpLink.cjs');
 var parseWalletLinks = require('../../../../utils/functions/parseWalletLinks/parseWalletLinks.cjs');
 
-const NoQrNotInstalledModalView = () => {
-    const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
-    if (!selectedWalletConnector) {
-        return null;
-    }
-    const walletName = walletBook.getWalletBookWallet(selectedWalletConnector.name).name;
-    const walletLinks = walletBook.getWalletLinks(selectedWalletConnector.name);
-    const { currentDesktopUrl, userBrowser } = parseWalletLinks.parseWalletLinks(walletLinks);
-    const downloadLinks = userBrowser && currentDesktopUrl ? (jsxRuntime.jsx(WalletHelpLink.WalletHelpLink, { name: userBrowser, link: currentDesktopUrl, Icon: getBrowserIcon.getBrowserIcon(userBrowser) }, userBrowser)) : (Object.entries(walletLinks)
-        .filter(([, link]) => link !== '')
-        .filter(([name]) => name !== 'ios' && name !== 'android')
-        .map(([name, link]) => (jsxRuntime.jsx(WalletHelpLink.WalletHelpLink, { name: name, link: link, Icon: getBrowserIcon.getBrowserIcon(name) }, name))));
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'no-qr-code-not-installed-modal-view', "data-testid": 'no-qr-code-not-installed' }, { children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletName: selectedWalletConnector.name, style: { height: pixelToRem.pixelToRem(64), width: pixelToRem.pixelToRem(64) } }), jsxRuntime.jsxs(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'primary' }, { children: ["We can\u2019t detect ", walletName, " extension"] })), Array.isArray(downloadLinks) && (jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'secondary' }, { children: "Select from your preferred options below:" }))), jsxRuntime.jsx("div", Object.assign({ className: 'no-qr-code-not-installed-modal-view__links-section' }, { children: downloadLinks })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_mini', color: 'secondary' }, { children: "Refresh the page once installed" }))] })));
+const NoQrNotInstalledModalView = () => {
+    const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
+    if (!selectedWalletConnector) {
+        return null;
+    }
+    const walletName = walletBook.getWalletBookWallet(selectedWalletConnector.name).name;
+    const walletLinks = walletBook.getWalletLinks(selectedWalletConnector.name);
+    const { currentDesktopUrl, userBrowser } = parseWalletLinks.parseWalletLinks(walletLinks);
+    const downloadLinks = userBrowser && currentDesktopUrl ? (jsxRuntime.jsx(WalletHelpLink.WalletHelpLink, { name: userBrowser, link: currentDesktopUrl, Icon: getBrowserIcon.getBrowserIcon(userBrowser) }, userBrowser)) : (Object.entries(walletLinks)
+        .filter(([, link]) => link !== '')
+        .filter(([name]) => name !== 'ios' && name !== 'android')
+        .map(([name, link]) => (jsxRuntime.jsx(WalletHelpLink.WalletHelpLink, { name: name, link: link, Icon: getBrowserIcon.getBrowserIcon(name) }, name))));
+    return (jsxRuntime.jsxs("div", { className: 'no-qr-code-not-installed-modal-view', "data-testid": 'no-qr-code-not-installed', children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletName: selectedWalletConnector.name, style: { height: pixelToRem.pixelToRem(64), width: pixelToRem.pixelToRem(64) } }), jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'primary', children: ["We can\u2019t detect ", walletName, " extension"] }), Array.isArray(downloadLinks) && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', children: "Select from your preferred options below:" })), jsxRuntime.jsx("div", { className: 'no-qr-code-not-installed-modal-view__links-section', children: downloadLinks }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', color: 'secondary', children: "Refresh the page once installed" })] }));
 };
 
 exports.NoQrNotInstalledModalView = NoQrNotInstalledModalView;

package/src/lib/widgets/DynamicWidget/prompts/NoQrNotInstalledModalView/NoQrNotInstalledModalView.d.ts

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

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

@@ -10,7 +10,7 @@ import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
-import 'ethers';
+import 'viem';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -39,19 +39,19 @@ import { getBrowserIcon } from '../../../../shared/utils/functions/getBrowserIco
 import { WalletHelpLink } from '../../../../views/NoQrNotInstalledView/WalletHelpLink.js';
 import { parseWalletLinks } from '../../../../utils/functions/parseWalletLinks/parseWalletLinks.js';
 
-const NoQrNotInstalledModalView = () => {
-    const { selectedWalletConnector } = useInternalDynamicContext();
-    if (!selectedWalletConnector) {
-        return null;
-    }
-    const walletName = getWalletBookWallet(selectedWalletConnector.name).name;
-    const walletLinks = getWalletLinks(selectedWalletConnector.name);
-    const { currentDesktopUrl, userBrowser } = parseWalletLinks(walletLinks);
-    const downloadLinks = userBrowser && currentDesktopUrl ? (jsx(WalletHelpLink, { name: userBrowser, link: currentDesktopUrl, Icon: getBrowserIcon(userBrowser) }, userBrowser)) : (Object.entries(walletLinks)
-        .filter(([, link]) => link !== '')
-        .filter(([name]) => name !== 'ios' && name !== 'android')
-        .map(([name, link]) => (jsx(WalletHelpLink, { name: name, link: link, Icon: getBrowserIcon(name) }, name))));
-    return (jsxs("div", Object.assign({ className: 'no-qr-code-not-installed-modal-view', "data-testid": 'no-qr-code-not-installed' }, { children: [jsx(WalletIcon, { walletName: selectedWalletConnector.name, style: { height: pixelToRem(64), width: pixelToRem(64) } }), jsxs(Typography, Object.assign({ variant: 'body_normal', color: 'primary' }, { children: ["We can\u2019t detect ", walletName, " extension"] })), Array.isArray(downloadLinks) && (jsx(Typography, Object.assign({ variant: 'body_normal', color: 'secondary' }, { children: "Select from your preferred options below:" }))), jsx("div", Object.assign({ className: 'no-qr-code-not-installed-modal-view__links-section' }, { children: downloadLinks })), jsx(Typography, Object.assign({ variant: 'body_mini', color: 'secondary' }, { children: "Refresh the page once installed" }))] })));
+const NoQrNotInstalledModalView = () => {
+    const { selectedWalletConnector } = useInternalDynamicContext();
+    if (!selectedWalletConnector) {
+        return null;
+    }
+    const walletName = getWalletBookWallet(selectedWalletConnector.name).name;
+    const walletLinks = getWalletLinks(selectedWalletConnector.name);
+    const { currentDesktopUrl, userBrowser } = parseWalletLinks(walletLinks);
+    const downloadLinks = userBrowser && currentDesktopUrl ? (jsx(WalletHelpLink, { name: userBrowser, link: currentDesktopUrl, Icon: getBrowserIcon(userBrowser) }, userBrowser)) : (Object.entries(walletLinks)
+        .filter(([, link]) => link !== '')
+        .filter(([name]) => name !== 'ios' && name !== 'android')
+        .map(([name, link]) => (jsx(WalletHelpLink, { name: name, link: link, Icon: getBrowserIcon(name) }, name))));
+    return (jsxs("div", { className: 'no-qr-code-not-installed-modal-view', "data-testid": 'no-qr-code-not-installed', children: [jsx(WalletIcon, { walletName: selectedWalletConnector.name, style: { height: pixelToRem(64), width: pixelToRem(64) } }), jsxs(Typography, { variant: 'body_normal', color: 'primary', children: ["We can\u2019t detect ", walletName, " extension"] }), Array.isArray(downloadLinks) && (jsx(Typography, { variant: 'body_normal', color: 'secondary', children: "Select from your preferred options below:" })), jsx("div", { className: 'no-qr-code-not-installed-modal-view__links-section', children: downloadLinks }), jsx(Typography, { variant: 'body_mini', color: 'secondary', children: "Refresh the page once installed" })] }));
 };
 
 export { NoQrNotInstalledModalView };

package/src/lib/widgets/DynamicWidget/prompts/NoQrNotInstalledModalView/index.d.ts

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

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

@@ -12,25 +12,25 @@ var DefaultPromptModal = require('../DefaultPromptModal/DefaultPromptModal.cjs')
 var SwitchAccountView = require('./SwitchAccountView/SwitchAccountView.cjs');
 var SwitchOrUseActiveAccountView = require('./SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.cjs');
 
-const PendingAccountSwitchModal = () => {
-    var _a, _b;
-    const { selectedWalletWithAction, primaryWallet, secondaryWallets } = useInternalDynamicContext.useInternalDynamicContext();
-    const selectedConnector = (_a = selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet) === null || _a === void 0 ? void 0 : _a.connector;
-    const isSameWallet = (selectedConnector === null || selectedConnector === void 0 ? void 0 : selectedConnector.name) === (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name);
-    const connectedWallet = useConnectedAccountWallet.useConnectedAccountWallet((_b = selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet) === null || _b === void 0 ? void 0 : _b.connector, secondaryWallets);
-    React.useEffect(() => {
-        //flow client library only supports one connected wallet at any given time.
-        const disconnectAndConnect = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            var _a, _b;
-            if ((selectedConnector === null || selectedConnector === void 0 ? void 0 : selectedConnector.connectedChain) !== 'FLOW') {
-                return;
-            }
-            yield ((_a = selectedConnector === null || selectedConnector === void 0 ? void 0 : selectedConnector.endSession) === null || _a === void 0 ? void 0 : _a.call(selectedConnector));
-            (_b = selectedConnector === null || selectedConnector === void 0 ? void 0 : selectedConnector.connect) === null || _b === void 0 ? void 0 : _b.call(selectedConnector);
-        });
-        disconnectAndConnect();
-    }, [selectedConnector]);
-    return (jsxRuntime.jsx(DefaultPromptModal.DefaultPromptModal, Object.assign({ showCloseButton: true, dataTestId: 'pending-account-switch', icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletName: selectedConnector === null || selectedConnector === void 0 ? void 0 : selectedConnector.name }), title: `Switch wallet in ${selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet.connector.name}` }, { children: isSameWallet || !connectedWallet ? (jsxRuntime.jsx(SwitchAccountView.SwitchAccountView, { selectedWalletToSwitchTo: selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet })) : (jsxRuntime.jsx(SwitchOrUseActiveAccountView.SwitchOrUseActiveAccountView, { connectedWallet: connectedWallet, selectedWalletToSwitchTo: selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet })) })));
+const PendingAccountSwitchModal = () => {
+    var _a, _b;
+    const { selectedWalletWithAction, primaryWallet, secondaryWallets } = useInternalDynamicContext.useInternalDynamicContext();
+    const selectedConnector = (_a = selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet) === null || _a === void 0 ? void 0 : _a.connector;
+    const isSameWallet = (selectedConnector === null || selectedConnector === void 0 ? void 0 : selectedConnector.name) === (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.name);
+    const connectedWallet = useConnectedAccountWallet.useConnectedAccountWallet((_b = selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet) === null || _b === void 0 ? void 0 : _b.connector, secondaryWallets);
+    React.useEffect(() => {
+        //flow client library only supports one connected wallet at any given time.
+        const disconnectAndConnect = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b;
+            if ((selectedConnector === null || selectedConnector === void 0 ? void 0 : selectedConnector.connectedChain) !== 'FLOW') {
+                return;
+            }
+            yield ((_a = selectedConnector === null || selectedConnector === void 0 ? void 0 : selectedConnector.endSession) === null || _a === void 0 ? void 0 : _a.call(selectedConnector));
+            (_b = selectedConnector === null || selectedConnector === void 0 ? void 0 : selectedConnector.connect) === null || _b === void 0 ? void 0 : _b.call(selectedConnector);
+        });
+        disconnectAndConnect();
+    }, [selectedConnector]);
+    return (jsxRuntime.jsx(DefaultPromptModal.DefaultPromptModal, { showCloseButton: true, dataTestId: 'pending-account-switch', icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletName: selectedConnector === null || selectedConnector === void 0 ? void 0 : selectedConnector.name }), title: `Switch wallet in ${selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet.connector.name}`, children: isSameWallet || !connectedWallet ? (jsxRuntime.jsx(SwitchAccountView.SwitchAccountView, { selectedWalletToSwitchTo: selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet })) : (jsxRuntime.jsx(SwitchOrUseActiveAccountView.SwitchOrUseActiveAccountView, { connectedWallet: connectedWallet, selectedWalletToSwitchTo: selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet })) }));
 };
 
 exports.PendingAccountSwitchModal = PendingAccountSwitchModal;

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/PendingAccountSwitchModal.d.ts

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