@dynamic-labs/sdk-react-core 0.17.18 → 0.17.100-viem.2

package/src/lib/views/NoAccess/index.d.ts

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

package/src/lib/views/NoQrNotInstalledView/NoQrNotInstalledView.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');
@@ -42,18 +42,18 @@ require('yup');
 var getBrowserIcon = require('../../shared/utils/functions/getBrowserIcon/getBrowserIcon.cjs');
 var WalletHelpLink = require('./WalletHelpLink.cjs');
 
-const NoQrNotInstalledView = () => {
-    const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
-    if (!selectedWalletConnector) {
-        return null;
-    }
-    const downloadLinks = Object.entries(walletBook.getWalletLinks(selectedWalletConnector.name))
-        .filter(([, link]) => link !== '')
-        .filter(([name]) => name !== 'ios' && name !== 'android')
-        .map(([name, link]) => (jsxRuntime.jsx(WalletHelpLink.WalletHelpLink, { name: name, link: link, 
-        // justification: we're looping over the keys of walletLinks.desktop
-        Icon: getBrowserIcon.getBrowserIcon(name) }, name)));
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'no-qr-code-installed__container', "data-testid": 'no-qr-code-installed' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'no-qr-code-installed__img' }, { children: jsxRuntime.jsx(walletBook.WalletIcon, { walletName: selectedWalletConnector.name, style: { height: pixelToRem.pixelToRem(64), width: pixelToRem.pixelToRem(64) } }) })), jsxRuntime.jsxs(Typography.Typography, Object.assign({ className: 'no-qr-code-installed__typography--title', variant: 'title' }, { children: ["Install ", walletBook.getWalletBookWallet(selectedWalletConnector.name).name, ' ', "extension to connect"] })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', className: 'no-qr-code-installed__typography', color: 'secondary' }, { children: "Select from your preferred options below:" })), jsxRuntime.jsx("div", Object.assign({ className: 'no-qr-code-installed__links-section' }, { children: downloadLinks })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_mini', className: 'no-qr-code-installed__typography', weight: 'medium', color: 'secondary' }, { children: "Refresh the page once installed" }))] })));
+const NoQrNotInstalledView = () => {
+    const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
+    if (!selectedWalletConnector) {
+        return null;
+    }
+    const downloadLinks = Object.entries(walletBook.getWalletLinks(selectedWalletConnector.name))
+        .filter(([, link]) => link !== '')
+        .filter(([name]) => name !== 'ios' && name !== 'android')
+        .map(([name, link]) => (jsxRuntime.jsx(WalletHelpLink.WalletHelpLink, { name: name, link: link, 
+        // justification: we're looping over the keys of walletLinks.desktop
+        Icon: getBrowserIcon.getBrowserIcon(name) }, name)));
+    return (jsxRuntime.jsxs("div", { className: 'no-qr-code-installed__container', "data-testid": 'no-qr-code-installed', children: [jsxRuntime.jsx("div", { className: 'no-qr-code-installed__img', children: jsxRuntime.jsx(walletBook.WalletIcon, { walletName: selectedWalletConnector.name, style: { height: pixelToRem.pixelToRem(64), width: pixelToRem.pixelToRem(64) } }) }), jsxRuntime.jsxs(Typography.Typography, { className: 'no-qr-code-installed__typography--title', variant: 'title', children: ["Install ", walletBook.getWalletBookWallet(selectedWalletConnector.name).name, ' ', "extension to connect"] }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', className: 'no-qr-code-installed__typography', color: 'secondary', children: "Select from your preferred options below:" }), jsxRuntime.jsx("div", { className: 'no-qr-code-installed__links-section', children: downloadLinks }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', className: 'no-qr-code-installed__typography', weight: 'medium', color: 'secondary', children: "Refresh the page once installed" })] }));
 };
 
 exports.NoQrNotInstalledView = NoQrNotInstalledView;

package/src/lib/views/NoQrNotInstalledView/NoQrNotInstalledView.d.ts

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

package/src/lib/views/NoQrNotInstalledView/NoQrNotInstalledView.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';
@@ -38,18 +38,18 @@ import 'yup';
 import { getBrowserIcon } from '../../shared/utils/functions/getBrowserIcon/getBrowserIcon.js';
 import { WalletHelpLink } from './WalletHelpLink.js';
 
-const NoQrNotInstalledView = () => {
-    const { selectedWalletConnector } = useInternalDynamicContext();
-    if (!selectedWalletConnector) {
-        return null;
-    }
-    const downloadLinks = Object.entries(getWalletLinks(selectedWalletConnector.name))
-        .filter(([, link]) => link !== '')
-        .filter(([name]) => name !== 'ios' && name !== 'android')
-        .map(([name, link]) => (jsx(WalletHelpLink, { name: name, link: link, 
-        // justification: we're looping over the keys of walletLinks.desktop
-        Icon: getBrowserIcon(name) }, name)));
-    return (jsxs("div", Object.assign({ className: 'no-qr-code-installed__container', "data-testid": 'no-qr-code-installed' }, { children: [jsx("div", Object.assign({ className: 'no-qr-code-installed__img' }, { children: jsx(WalletIcon, { walletName: selectedWalletConnector.name, style: { height: pixelToRem(64), width: pixelToRem(64) } }) })), jsxs(Typography, Object.assign({ className: 'no-qr-code-installed__typography--title', variant: 'title' }, { children: ["Install ", getWalletBookWallet(selectedWalletConnector.name).name, ' ', "extension to connect"] })), jsx(Typography, Object.assign({ variant: 'body_normal', className: 'no-qr-code-installed__typography', color: 'secondary' }, { children: "Select from your preferred options below:" })), jsx("div", Object.assign({ className: 'no-qr-code-installed__links-section' }, { children: downloadLinks })), jsx(Typography, Object.assign({ variant: 'body_mini', className: 'no-qr-code-installed__typography', weight: 'medium', color: 'secondary' }, { children: "Refresh the page once installed" }))] })));
+const NoQrNotInstalledView = () => {
+    const { selectedWalletConnector } = useInternalDynamicContext();
+    if (!selectedWalletConnector) {
+        return null;
+    }
+    const downloadLinks = Object.entries(getWalletLinks(selectedWalletConnector.name))
+        .filter(([, link]) => link !== '')
+        .filter(([name]) => name !== 'ios' && name !== 'android')
+        .map(([name, link]) => (jsx(WalletHelpLink, { name: name, link: link, 
+        // justification: we're looping over the keys of walletLinks.desktop
+        Icon: getBrowserIcon(name) }, name)));
+    return (jsxs("div", { className: 'no-qr-code-installed__container', "data-testid": 'no-qr-code-installed', children: [jsx("div", { className: 'no-qr-code-installed__img', children: jsx(WalletIcon, { walletName: selectedWalletConnector.name, style: { height: pixelToRem(64), width: pixelToRem(64) } }) }), jsxs(Typography, { className: 'no-qr-code-installed__typography--title', variant: 'title', children: ["Install ", getWalletBookWallet(selectedWalletConnector.name).name, ' ', "extension to connect"] }), jsx(Typography, { variant: 'body_normal', className: 'no-qr-code-installed__typography', color: 'secondary', children: "Select from your preferred options below:" }), jsx("div", { className: 'no-qr-code-installed__links-section', children: downloadLinks }), jsx(Typography, { variant: 'body_mini', className: 'no-qr-code-installed__typography', weight: 'medium', color: 'secondary', children: "Refresh the page once installed" })] }));
 };
 
 export { NoQrNotInstalledView };

package/src/lib/views/NoQrNotInstalledView/WalletHelpLink.cjs

@@ -13,7 +13,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');
@@ -39,10 +39,10 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 
-const capitalize = (value) => value[0].toUpperCase() + value.slice(1);
-const WalletHelpLink = ({ name, link, Icon }) => (jsxRuntime.jsx("div", Object.assign({ className: 'wallet-help-link' }, { children: jsxRuntime.jsxs("a", Object.assign({ className: 'wallet-help-link__anchor', href: link, target: '_blank', rel: 'noreferrer' }, { children: [jsxRuntime.jsx(Icon, { style: {
-                    height: '1.5rem',
-                    width: '1.5rem',
-                } }), jsxRuntime.jsxs(Typography.Typography, Object.assign({ variant: 'button_primary', weight: 'medium' }, { children: ["Install ", capitalize(name), " extension"] }))] })) })));
+const capitalize = (value) => value[0].toUpperCase() + value.slice(1);
+const WalletHelpLink = ({ name, link, Icon }) => (jsxRuntime.jsx("div", { className: 'wallet-help-link', children: jsxRuntime.jsxs("a", { className: 'wallet-help-link__anchor', href: link, target: '_blank', rel: 'noreferrer', children: [jsxRuntime.jsx(Icon, { style: {
+                    height: '1.5rem',
+                    width: '1.5rem',
+                } }), jsxRuntime.jsxs(Typography.Typography, { variant: 'button_primary', weight: 'medium', children: ["Install ", capitalize(name), " extension"] })] }) }));
 
 exports.WalletHelpLink = WalletHelpLink;

package/src/lib/views/NoQrNotInstalledView/WalletHelpLink.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { Icon } from '../../shared';
-interface WalletHelpLinkProps {
-    Icon: Icon;
-    link: string;
-    name: string;
-}
-export declare const WalletHelpLink: ({ name, link, Icon }: WalletHelpLinkProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+import { Icon } from '../../shared';
+interface WalletHelpLinkProps {
+    Icon: Icon;
+    link: string;
+    name: string;
+}
+export declare const WalletHelpLink: ({ name, link, Icon }: WalletHelpLinkProps) => JSX.Element;
+export {};

package/src/lib/views/NoQrNotInstalledView/WalletHelpLink.js

@@ -9,7 +9,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';
@@ -35,10 +35,10 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 
-const capitalize = (value) => value[0].toUpperCase() + value.slice(1);
-const WalletHelpLink = ({ name, link, Icon }) => (jsx("div", Object.assign({ className: 'wallet-help-link' }, { children: jsxs("a", Object.assign({ className: 'wallet-help-link__anchor', href: link, target: '_blank', rel: 'noreferrer' }, { children: [jsx(Icon, { style: {
-                    height: '1.5rem',
-                    width: '1.5rem',
-                } }), jsxs(Typography, Object.assign({ variant: 'button_primary', weight: 'medium' }, { children: ["Install ", capitalize(name), " extension"] }))] })) })));
+const capitalize = (value) => value[0].toUpperCase() + value.slice(1);
+const WalletHelpLink = ({ name, link, Icon }) => (jsx("div", { className: 'wallet-help-link', children: jsxs("a", { className: 'wallet-help-link__anchor', href: link, target: '_blank', rel: 'noreferrer', children: [jsx(Icon, { style: {
+                    height: '1.5rem',
+                    width: '1.5rem',
+                } }), jsxs(Typography, { variant: 'button_primary', weight: 'medium', children: ["Install ", capitalize(name), " extension"] })] }) }));
 
 export { WalletHelpLink };

package/src/lib/views/NoQrNotInstalledView/index.d.ts

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

package/src/lib/views/PendingConnectView/PendingConnectView.cjs

@@ -14,7 +14,7 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 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,16 +43,16 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 
-const PendingConnectView = () => {
-    const { selectedWalletConnector: walletConnector, termsOfServiceUrl, privacyPolicyUrl, } = useInternalDynamicContext.useInternalDynamicContext();
-    const iconSize = 94;
-    const icon = (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name, style: {
-            height: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
-            width: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
-        } }));
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'pending-connect__container' }, { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true }), jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'title', className: 'pending-connect__title' }, { children: "Connecting to your wallet" })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', className: 'pending-connect__copy-text' }, { children: utils.isMobile()
-                    ? 'Click connect in your mobile wallet'
-                    : 'Click connect in your wallet popup' })), termsOfServiceUrl && privacyPolicyUrl && (jsxRuntime.jsx(TosAndPp.TosAndPp, { mode: 'connecting', privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl })), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'pending-connect__powered-by' })] })));
+const PendingConnectView = () => {
+    const { selectedWalletConnector: walletConnector, termsOfServiceUrl, privacyPolicyUrl, } = useInternalDynamicContext.useInternalDynamicContext();
+    const iconSize = 94;
+    const icon = (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name, style: {
+            height: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
+            width: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
+        } }));
+    return (jsxRuntime.jsxs("div", { className: 'pending-connect__container', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true }), jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'title', className: 'pending-connect__title', children: "Connecting to your wallet" }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', className: 'pending-connect__copy-text', children: utils.isMobile()
+                    ? 'Click connect in your mobile wallet'
+                    : 'Click connect in your wallet popup' }), termsOfServiceUrl && privacyPolicyUrl && (jsxRuntime.jsx(TosAndPp.TosAndPp, { mode: 'connecting', privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl })), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'pending-connect__powered-by' })] }));
 };
 
 exports.PendingConnectView = PendingConnectView;

package/src/lib/views/PendingConnectView/PendingConnectView.d.ts

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

package/src/lib/views/PendingConnectView/PendingConnectView.js

@@ -10,7 +10,7 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 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,16 +39,16 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 
-const PendingConnectView = () => {
-    const { selectedWalletConnector: walletConnector, termsOfServiceUrl, privacyPolicyUrl, } = useInternalDynamicContext();
-    const iconSize = 94;
-    const icon = (jsx(WalletIcon, { walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name, style: {
-            height: pixelToRem(iconSize * iconRatio),
-            width: pixelToRem(iconSize * iconRatio),
-        } }));
-    return (jsxs("div", Object.assign({ className: 'pending-connect__container' }, { children: [jsx(IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true }), jsx(Typography, Object.assign({ weight: 'medium', variant: 'title', className: 'pending-connect__title' }, { children: "Connecting to your wallet" })), jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', className: 'pending-connect__copy-text' }, { children: isMobile()
-                    ? 'Click connect in your mobile wallet'
-                    : 'Click connect in your wallet popup' })), termsOfServiceUrl && privacyPolicyUrl && (jsx(TosAndPp, { mode: 'connecting', privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl })), jsx(PoweredByDynamic, { classNameRoot: 'pending-connect__powered-by' })] })));
+const PendingConnectView = () => {
+    const { selectedWalletConnector: walletConnector, termsOfServiceUrl, privacyPolicyUrl, } = useInternalDynamicContext();
+    const iconSize = 94;
+    const icon = (jsx(WalletIcon, { walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name, style: {
+            height: pixelToRem(iconSize * iconRatio),
+            width: pixelToRem(iconSize * iconRatio),
+        } }));
+    return (jsxs("div", { className: 'pending-connect__container', children: [jsx(IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true }), jsx(Typography, { weight: 'medium', variant: 'title', className: 'pending-connect__title', children: "Connecting to your wallet" }), jsx(Typography, { variant: 'body_normal', weight: 'regular', className: 'pending-connect__copy-text', children: isMobile()
+                    ? 'Click connect in your mobile wallet'
+                    : 'Click connect in your wallet popup' }), termsOfServiceUrl && privacyPolicyUrl && (jsx(TosAndPp, { mode: 'connecting', privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl })), jsx(PoweredByDynamic, { classNameRoot: 'pending-connect__powered-by' })] }));
 };
 
 export { PendingConnectView };

package/src/lib/views/PendingConnectView/index.d.ts

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

package/src/lib/views/PendingSignatureView/PendingSignatureView.cjs

@@ -15,7 +15,7 @@ require('@dynamic-labs/iconic');
 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');
@@ -48,41 +48,41 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 
-const PendingSignatureView = () => {
-    const [loading, setLoading] = React.useState(false);
-    const { user, selectedWalletConnector: walletConnector, privacyPolicyUrl, termsOfServiceUrl, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { signAlreadyConnectedUser } = useConnectAndSignSplitSteps.useConnectAndSignSplitSteps();
-    const iconSize = 100;
-    /**
-     * The following check on Phantom+Ledger will be fixed in a future ticket.
-     */
-    const isPhantomLedger = (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name) === walletConnectorCore.PhantomLedgerWalletName;
-    if (!walletConnector) {
-        return null;
-    }
-    const handleClick = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        try {
-            setLoading(true);
-            yield signAlreadyConnectedUser({ walletConnector });
-        }
-        catch (e) {
-            logger.logger.error(e);
-        }
-        finally {
-            setLoading(false);
-        }
-    });
-    const icon = (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletConnector.name, style: {
-            height: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
-            width: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
-        } }));
-    const typographyBodyCopy = isPhantomLedger
-        ? "We need your signature to confirm you own this wallet (this doesn't cost gas). Click sign in your wallet to log in."
-        : 'We need your signature to confirm you own this wallet. Click sign in your wallet to log in.';
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'pending-signature__container', "data-testid": 'pending-signature-view' }, { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true, indicator: 'connected' }), jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'title', className: classNames.classNames('pending-signature__title') }, { children: "Requesting signature" })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', className: classNames.classNames('pending-signature__copy') }, { children: typographyBodyCopy })), isPhantomLedger && (jsxRuntime.jsxs(Typography.Typography, Object.assign({ variant: 'body_small', weight: 'regular', className: classNames.classNames('pending-signature__copy', 'pending-signature__copy--mini') }, { children: [jsxRuntime.jsx("strong", { children: "Note:" }), " Ledger with Phantom doesn\u2019t support message signing. When logging in, a small fee (which should not apply) may appear. See below to learn more."] }))), !user && (jsxRuntime.jsx(TosAndPp.TosAndPp, { mode: 'signing', privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl })), requiresTwoStepAuthentication.requiresTwoStepAuthentication(walletConnector) && (jsxRuntime.jsx(Button.Button, Object.assign({ buttonClassName: 'pending-signature__button', onClick: handleClick, loading: loading, buttonRounded: 'medium', buttonVariant: 'primary', buttonPadding: 'large', expanded: true, typographyProps: {
-                    variant: 'button_primary',
-                    weight: 'medium',
-                } }, { children: "Click to Sign" }))), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'pending-signature__powered-by' })] })));
+const PendingSignatureView = () => {
+    const [loading, setLoading] = React.useState(false);
+    const { user, selectedWalletConnector: walletConnector, privacyPolicyUrl, termsOfServiceUrl, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { signAlreadyConnectedUser } = useConnectAndSignSplitSteps.useConnectAndSignSplitSteps();
+    const iconSize = 100;
+    /**
+     * The following check on Phantom+Ledger will be fixed in a future ticket.
+     */
+    const isPhantomLedger = (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name) === walletConnectorCore.PhantomLedgerWalletName;
+    if (!walletConnector) {
+        return null;
+    }
+    const handleClick = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setLoading(true);
+            yield signAlreadyConnectedUser({ walletConnector });
+        }
+        catch (e) {
+            logger.logger.error(e);
+        }
+        finally {
+            setLoading(false);
+        }
+    });
+    const icon = (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletConnector.name, style: {
+            height: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
+            width: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
+        } }));
+    const typographyBodyCopy = isPhantomLedger
+        ? "We need your signature to confirm you own this wallet (this doesn't cost gas). Click sign in your wallet to log in."
+        : 'We need your signature to confirm you own this wallet. Click sign in your wallet to log in.';
+    return (jsxRuntime.jsxs("div", { className: 'pending-signature__container', "data-testid": 'pending-signature-view', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true, indicator: 'connected' }), jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'title', className: classNames.classNames('pending-signature__title'), children: "Requesting signature" }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', className: classNames.classNames('pending-signature__copy'), children: typographyBodyCopy }), isPhantomLedger && (jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', weight: 'regular', className: classNames.classNames('pending-signature__copy', 'pending-signature__copy--mini'), children: [jsxRuntime.jsx("strong", { children: "Note:" }), " Ledger with Phantom doesn\u2019t support message signing. When logging in, a small fee (which should not apply) may appear. See below to learn more."] })), !user && (jsxRuntime.jsx(TosAndPp.TosAndPp, { mode: 'signing', privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl })), requiresTwoStepAuthentication.requiresTwoStepAuthentication(walletConnector) && (jsxRuntime.jsx(Button.Button, { buttonClassName: 'pending-signature__button', onClick: handleClick, loading: loading, buttonRounded: 'medium', buttonVariant: 'primary', buttonPadding: 'large', expanded: true, typographyProps: {
+                    variant: 'button_primary',
+                    weight: 'medium',
+                }, children: "Click to Sign" })), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'pending-signature__powered-by' })] }));
 };
 
 exports.PendingSignatureView = PendingSignatureView;

package/src/lib/views/PendingSignatureView/PendingSignatureView.d.ts

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

package/src/lib/views/PendingSignatureView/PendingSignatureView.js

@@ -11,7 +11,7 @@ import '@dynamic-labs/iconic';
 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';
@@ -44,41 +44,41 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 
-const PendingSignatureView = () => {
-    const [loading, setLoading] = useState(false);
-    const { user, selectedWalletConnector: walletConnector, privacyPolicyUrl, termsOfServiceUrl, } = useInternalDynamicContext();
-    const { signAlreadyConnectedUser } = useConnectAndSignSplitSteps();
-    const iconSize = 100;
-    /**
-     * The following check on Phantom+Ledger will be fixed in a future ticket.
-     */
-    const isPhantomLedger = (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name) === PhantomLedgerWalletName;
-    if (!walletConnector) {
-        return null;
-    }
-    const handleClick = () => __awaiter(void 0, void 0, void 0, function* () {
-        try {
-            setLoading(true);
-            yield signAlreadyConnectedUser({ walletConnector });
-        }
-        catch (e) {
-            logger.error(e);
-        }
-        finally {
-            setLoading(false);
-        }
-    });
-    const icon = (jsx(WalletIcon, { walletName: walletConnector.name, style: {
-            height: pixelToRem(iconSize * iconRatio),
-            width: pixelToRem(iconSize * iconRatio),
-        } }));
-    const typographyBodyCopy = isPhantomLedger
-        ? "We need your signature to confirm you own this wallet (this doesn't cost gas). Click sign in your wallet to log in."
-        : 'We need your signature to confirm you own this wallet. Click sign in your wallet to log in.';
-    return (jsxs("div", Object.assign({ className: 'pending-signature__container', "data-testid": 'pending-signature-view' }, { children: [jsx(IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true, indicator: 'connected' }), jsx(Typography, Object.assign({ weight: 'medium', variant: 'title', className: classNames('pending-signature__title') }, { children: "Requesting signature" })), jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', className: classNames('pending-signature__copy') }, { children: typographyBodyCopy })), isPhantomLedger && (jsxs(Typography, Object.assign({ variant: 'body_small', weight: 'regular', className: classNames('pending-signature__copy', 'pending-signature__copy--mini') }, { children: [jsx("strong", { children: "Note:" }), " Ledger with Phantom doesn\u2019t support message signing. When logging in, a small fee (which should not apply) may appear. See below to learn more."] }))), !user && (jsx(TosAndPp, { mode: 'signing', privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl })), requiresTwoStepAuthentication(walletConnector) && (jsx(Button, Object.assign({ buttonClassName: 'pending-signature__button', onClick: handleClick, loading: loading, buttonRounded: 'medium', buttonVariant: 'primary', buttonPadding: 'large', expanded: true, typographyProps: {
-                    variant: 'button_primary',
-                    weight: 'medium',
-                } }, { children: "Click to Sign" }))), jsx(PoweredByDynamic, { classNameRoot: 'pending-signature__powered-by' })] })));
+const PendingSignatureView = () => {
+    const [loading, setLoading] = useState(false);
+    const { user, selectedWalletConnector: walletConnector, privacyPolicyUrl, termsOfServiceUrl, } = useInternalDynamicContext();
+    const { signAlreadyConnectedUser } = useConnectAndSignSplitSteps();
+    const iconSize = 100;
+    /**
+     * The following check on Phantom+Ledger will be fixed in a future ticket.
+     */
+    const isPhantomLedger = (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name) === PhantomLedgerWalletName;
+    if (!walletConnector) {
+        return null;
+    }
+    const handleClick = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setLoading(true);
+            yield signAlreadyConnectedUser({ walletConnector });
+        }
+        catch (e) {
+            logger.error(e);
+        }
+        finally {
+            setLoading(false);
+        }
+    });
+    const icon = (jsx(WalletIcon, { walletName: walletConnector.name, style: {
+            height: pixelToRem(iconSize * iconRatio),
+            width: pixelToRem(iconSize * iconRatio),
+        } }));
+    const typographyBodyCopy = isPhantomLedger
+        ? "We need your signature to confirm you own this wallet (this doesn't cost gas). Click sign in your wallet to log in."
+        : 'We need your signature to confirm you own this wallet. Click sign in your wallet to log in.';
+    return (jsxs("div", { className: 'pending-signature__container', "data-testid": 'pending-signature-view', children: [jsx(IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true, indicator: 'connected' }), jsx(Typography, { weight: 'medium', variant: 'title', className: classNames('pending-signature__title'), children: "Requesting signature" }), jsx(Typography, { variant: 'body_normal', weight: 'regular', className: classNames('pending-signature__copy'), children: typographyBodyCopy }), isPhantomLedger && (jsxs(Typography, { variant: 'body_small', weight: 'regular', className: classNames('pending-signature__copy', 'pending-signature__copy--mini'), children: [jsx("strong", { children: "Note:" }), " Ledger with Phantom doesn\u2019t support message signing. When logging in, a small fee (which should not apply) may appear. See below to learn more."] })), !user && (jsx(TosAndPp, { mode: 'signing', privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl })), requiresTwoStepAuthentication(walletConnector) && (jsx(Button, { buttonClassName: 'pending-signature__button', onClick: handleClick, loading: loading, buttonRounded: 'medium', buttonVariant: 'primary', buttonPadding: 'large', expanded: true, typographyProps: {
+                    variant: 'button_primary',
+                    weight: 'medium',
+                }, children: "Click to Sign" })), jsx(PoweredByDynamic, { classNameRoot: 'pending-signature__powered-by' })] }));
 };
 
 export { PendingSignatureView };

package/src/lib/views/PendingSignatureView/index.d.ts

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

package/src/lib/views/QrCodeView/QRCode.cjs

@@ -13,66 +13,66 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var QRCodeUtil__default = /*#__PURE__*/_interopDefaultLegacy(QRCodeUtil);
 
-const generateMatrix = (value, errorCorrectionLevel) => {
-    const arr = Array.prototype.slice.call(QRCodeUtil__default["default"].create(value, { errorCorrectionLevel }).modules.data, 0);
-    const sqrt = Math.sqrt(arr.length);
-    return arr.reduce((rows, key, index) => (index % sqrt === 0
-        ? rows.push([key])
-        : rows[rows.length - 1].push(key)) && rows, []);
-};
-const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor, walletName = undefined, }) => {
-    const { showQrCodeImage } = QrCodeContext.useQrCodeContext();
-    const [data, setData] = React.useState('');
-    const dots = React.useMemo(() => {
-        const dots = [];
-        const matrix = generateMatrix(value || 'QR Code value', ecl);
-        const cellSize = size / matrix.length;
-        const qrList = [
-            { x: 0, y: 0 },
-            { x: 1, y: 0 },
-            { x: 0, y: 1 },
-        ];
-        qrList.forEach(({ x, y }) => {
-            const x1 = (matrix.length - 7) * cellSize * x;
-            const y1 = (matrix.length - 7) * cellSize * y;
-            for (let i = 0; i < 3; i++) {
-                dots.push(jsxRuntime.jsx("rect", { fill: i % 2 !== 0 ? 'currentColor' : accentColor, height: cellSize * (7 - i * 2), rx: i === 0 ? 10 : i === 1 ? 7 : 20, ry: i === 0 ? 10 : i === 1 ? 7 : 20, width: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `corner-square-${x}-${y}-${i}`));
-            }
-        });
-        const clearArenaSize = Math.floor((logoSize * 1.5) / cellSize);
-        const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;
-        const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;
-        for (let row = 0; row < matrix.length; row++) {
-            for (let col = 0; col < matrix[row].length; col++) {
-                if (matrix[row][col]) {
-                    if (
-                    // 7 is the length of each corner square, and we don't want to put
-                    // dots in the corner squares
-                    !((row < 7 && col < 7) ||
-                        (row > matrix.length - 8 && col < 7) ||
-                        (row < 7 && col > matrix.length - 8))) {
-                        if (!(row > matrixMiddleStart &&
-                            row < matrixMiddleEnd &&
-                            col > matrixMiddleStart &&
-                            col < matrixMiddleEnd)) {
-                            dots.push(jsxRuntime.jsx("circle", { className: 'qrcode__dot-circle', cx: row * cellSize + cellSize / 2, cy: col * cellSize + cellSize / 2, fill: Math.random() > 0.9 ? accentColor : 'currentColor', r: cellSize / 2.25 }, `dot-${row}-${col}`));
-                        }
-                    }
-                }
-            }
-        }
-        return dots;
-    }, [ecl, logoSize, size, value, accentColor]);
-    const logoPosition = size / 2 - logoSize / 2 - logoMargin;
-    const walletsWithoutIndicator = ['coinbase', 'walletconnect'];
-    const indicator = !walletName ||
-        walletsWithoutIndicator.includes(walletConnectorCore.normalizeWalletName(walletName))
-        ? undefined
-        : 'walletConnect';
-    React.useEffect(() => {
-        QRCodeUtil__default["default"].toDataURL(value).then((val) => setData(val));
-    }, []);
-    return (jsxRuntime.jsx("div", Object.assign({ className: 'qrcode__container' }, { children: jsxRuntime.jsx("div", Object.assign({ className: 'qrcode' }, { children: showQrCodeImage ? (jsxRuntime.jsx("img", { src: data, alt: '' })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("svg", Object.assign({ height: '100%', width: '100%', viewBox: `0 0 ${size} ${size}`, "data-testid": 'qr-code' }, { children: [jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", Object.assign({ id: 'clip-logo' }, { children: jsxRuntime.jsx("rect", { height: logoSize, width: logoSize, x: logoPosition, y: logoPosition, rx: 7, ry: 7 }) })) }), jsxRuntime.jsx("rect", { fill: 'none', height: size, width: size }), dots] })), jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: Icon, iconSize: logoSize, isSpinning: true, className: 'qrcode__icon', indicator: indicator })] })) })) })));
+const generateMatrix = (value, errorCorrectionLevel) => {
+    const arr = Array.prototype.slice.call(QRCodeUtil__default["default"].create(value, { errorCorrectionLevel }).modules.data, 0);
+    const sqrt = Math.sqrt(arr.length);
+    return arr.reduce((rows, key, index) => (index % sqrt === 0
+        ? rows.push([key])
+        : rows[rows.length - 1].push(key)) && rows, []);
+};
+const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor, walletName = undefined, }) => {
+    const { showQrCodeImage } = QrCodeContext.useQrCodeContext();
+    const [data, setData] = React.useState('');
+    const dots = React.useMemo(() => {
+        const dots = [];
+        const matrix = generateMatrix(value || 'QR Code value', ecl);
+        const cellSize = size / matrix.length;
+        const qrList = [
+            { x: 0, y: 0 },
+            { x: 1, y: 0 },
+            { x: 0, y: 1 },
+        ];
+        qrList.forEach(({ x, y }) => {
+            const x1 = (matrix.length - 7) * cellSize * x;
+            const y1 = (matrix.length - 7) * cellSize * y;
+            for (let i = 0; i < 3; i++) {
+                dots.push(jsxRuntime.jsx("rect", { fill: i % 2 !== 0 ? 'currentColor' : accentColor, height: cellSize * (7 - i * 2), rx: i === 0 ? 10 : i === 1 ? 7 : 20, ry: i === 0 ? 10 : i === 1 ? 7 : 20, width: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `corner-square-${x}-${y}-${i}`));
+            }
+        });
+        const clearArenaSize = Math.floor((logoSize * 1.5) / cellSize);
+        const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;
+        const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;
+        for (let row = 0; row < matrix.length; row++) {
+            for (let col = 0; col < matrix[row].length; col++) {
+                if (matrix[row][col]) {
+                    if (
+                    // 7 is the length of each corner square, and we don't want to put
+                    // dots in the corner squares
+                    !((row < 7 && col < 7) ||
+                        (row > matrix.length - 8 && col < 7) ||
+                        (row < 7 && col > matrix.length - 8))) {
+                        if (!(row > matrixMiddleStart &&
+                            row < matrixMiddleEnd &&
+                            col > matrixMiddleStart &&
+                            col < matrixMiddleEnd)) {
+                            dots.push(jsxRuntime.jsx("circle", { className: 'qrcode__dot-circle', cx: row * cellSize + cellSize / 2, cy: col * cellSize + cellSize / 2, fill: Math.random() > 0.9 ? accentColor : 'currentColor', r: cellSize / 2.25 }, `dot-${row}-${col}`));
+                        }
+                    }
+                }
+            }
+        }
+        return dots;
+    }, [ecl, logoSize, size, value, accentColor]);
+    const logoPosition = size / 2 - logoSize / 2 - logoMargin;
+    const walletsWithoutIndicator = ['coinbase', 'walletconnect'];
+    const indicator = !walletName ||
+        walletsWithoutIndicator.includes(walletConnectorCore.normalizeWalletName(walletName))
+        ? undefined
+        : 'walletConnect';
+    React.useEffect(() => {
+        QRCodeUtil__default["default"].toDataURL(value).then((val) => setData(val));
+    }, []);
+    return (jsxRuntime.jsx("div", { className: 'qrcode__container', children: jsxRuntime.jsx("div", { className: 'qrcode', children: showQrCodeImage ? (jsxRuntime.jsx("img", { src: data, alt: '' })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("svg", { height: '100%', width: '100%', viewBox: `0 0 ${size} ${size}`, "data-testid": 'qr-code', children: [jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: 'clip-logo', children: jsxRuntime.jsx("rect", { height: logoSize, width: logoSize, x: logoPosition, y: logoPosition, rx: 7, ry: 7 }) }) }), jsxRuntime.jsx("rect", { fill: 'none', height: size, width: size }), dots] }), jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: Icon, iconSize: logoSize, isSpinning: true, className: 'qrcode__icon', indicator: indicator })] })) }) }));
 };
 
 exports.QRCode = QRCode;