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

package/CHANGELOG.md

@@ -1,4 +1,13 @@
 
+### [0.17.100-viem.1](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.100-viem.0...v0.17.100-viem.1) (2023-06-28)
+
+### [0.17.16](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.15...v0.17.16) (2023-06-28)
+
+
+### Bug Fixes
+
+* flip native and universal on WC1 ([#2509](https://github.com/dynamic-labs/DynamicAuth/issues/2509)) ([fdc6728](https://github.com/dynamic-labs/DynamicAuth/commit/fdc672877ecfc44ee93d8e0e24e007de625c03a6))
+
 ### [0.17.15](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.14...v0.17.15) (2023-06-28)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.17.15";
+var version = "0.17.100-viem.1";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",
@@ -11,8 +11,7 @@ var dependencies = {
 	"country-list": "2.3.0",
 	yup: "0.32.11",
 	formik: "2.2.9",
-	qrcode: "1.5.1",
-	ethers: "5.7.2"
+	qrcode: "1.5.1"
 };
 
 exports.dependencies = dependencies;

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.17.15";
+var version = "0.17.100-viem.1";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",
@@ -7,8 +7,7 @@ var dependencies = {
 	"country-list": "2.3.0",
 	yup: "0.32.11",
 	formik: "2.2.9",
-	qrcode: "1.5.1",
-	ethers: "5.7.2"
+	qrcode: "1.5.1"
 };
 
 export { dependencies, version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.17.15",
+  "version": "0.17.100-viem.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -15,21 +15,21 @@
     "yup": "0.32.11",
     "formik": "2.2.9",
     "qrcode": "1.5.1",
-    "ethers": "5.7.2",
-    "@dynamic-labs/logger": "0.17.15",
-    "@dynamic-labs/multi-wallet": "0.17.15",
-    "@dynamic-labs/rpc-providers": "0.17.15",
-    "@dynamic-labs/types": "0.17.15",
-    "@dynamic-labs/utils": "0.17.15",
-    "@dynamic-labs/wallet-book": "0.17.15",
-    "@dynamic-labs/wallet-connector-core": "0.17.15"
+    "@dynamic-labs/logger": "0.17.100-viem.1",
+    "@dynamic-labs/multi-wallet": "0.17.100-viem.1",
+    "@dynamic-labs/rpc-providers": "0.17.100-viem.1",
+    "@dynamic-labs/types": "0.17.100-viem.1",
+    "@dynamic-labs/utils": "0.17.100-viem.1",
+    "@dynamic-labs/wallet-book": "0.17.100-viem.1",
+    "@dynamic-labs/wallet-connector-core": "0.17.100-viem.1"
   },
   "devDependencies": {
     "semver": "7.3.8"
   },
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0",
-    "react-dom": "^17.0.2 || ^18.0.0"
+    "react-dom": "^17.0.2 || ^18.0.0",
+    "viem": "^1.1.0"
   },
   "description": "A React SDK for implementing wallet web3 authentication and authorization to your website.",
   "bugs": {

package/src/index.cjs

@@ -93,7 +93,7 @@ var isSameWalletName = require('./lib/utils/functions/isSameWalletName/isSameWal
 require('./lib/context/ViewContext/ViewContext.cjs');
 require('./lib/context/ErrorContext/ErrorContext.cjs');
 require('./lib/context/AccessDeniedContext/AccessDeniedContext.cjs');
-require('ethers');
+require('viem');
 require('./lib/components/IconButton/IconButton.cjs');
 require('@dynamic-labs/wallet-book');
 require('./lib/components/Alert/Alert.cjs');

package/src/index.d.ts

@@ -1,32 +1,32 @@
-import './polyfills';
-export { VERSION } from './version';
-export { getInstalledWallets, getNotInstalledWallets, } from './lib/views/WalletList/data';
-export { getAuthToken } from './lib/utils/functions/getAuthToken';
-export { DynamicContextProvider, DynamicContext, } from './lib/context/DynamicContext';
-export type { DynamicContextProps } from './lib/context/DynamicContext';
-export { useDynamicContext } from './lib/context/DynamicContext/useDynamicContext';
-export * from './lib/widgets';
-export { DynamicConnectButton, ShadowDOM } from './lib/components';
-export type { ThemeData } from './lib/context/ThemeContext/types';
-export * from './lib/shared';
-export * from './lib/views';
-export * from './lib/context/MockContext';
-export * from './lib/context/ThemeContext/themesData';
-export type { ViewType } from './lib/context/ViewContext';
-export type { NotSupportedError, NoAccessError, ChainalysisError, EmailAlreadyExistsError, UsernameAlreadyExistsError, WalletNotDeployedError, WalletUsedError, EmailVerificationError, } from '@dynamic-labs/utils';
-export type { WalletConnector, Chain, } from '@dynamic-labs/wallet-connector-core';
-export type { EvmNetwork } from '@dynamic-labs/types';
-export { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
-export { isSameWalletName } from './lib/utils/functions/isSameWalletName';
-export { classNames } from './lib/utils/functions/classNames';
-export { getNetwork } from './lib/utils/functions/getNetwork';
-export { useAuthenticateConnectedUser } from './lib/utils/hooks/useAuthenticateConnectedUser';
-export * from './lib/utils/functions/walletFilters';
-export { useWalletItemActions } from './lib/utils/hooks/useWalletItemActions';
-export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context';
-export { useUserUpdateRequest } from './lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest';
-export type { UpdateUserFieldsArg } from './lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest';
-export type { VerifyEmailCallback } from './lib/utils/hooks/authenticationHooks/useEmailVerificationRequest';
-export { useEmailVerificationRequest } from './lib/utils/hooks/authenticationHooks/useEmailVerificationRequest';
-export { type DynamicJwt, DynamicJwtFromJSON } from '@dynamic-labs/sdk-api';
-export { useSendBalance } from './lib/context/SendBalanceContext';
+import './polyfills';
+export { VERSION } from './version';
+export { getInstalledWallets, getNotInstalledWallets, } from './lib/views/WalletList/data';
+export { getAuthToken } from './lib/utils/functions/getAuthToken';
+export { DynamicContextProvider, DynamicContext, } from './lib/context/DynamicContext';
+export type { DynamicContextProps } from './lib/context/DynamicContext';
+export { useDynamicContext } from './lib/context/DynamicContext/useDynamicContext';
+export * from './lib/widgets';
+export { DynamicConnectButton, ShadowDOM } from './lib/components';
+export type { ThemeData } from './lib/context/ThemeContext/types';
+export * from './lib/shared';
+export * from './lib/views';
+export * from './lib/context/MockContext';
+export * from './lib/context/ThemeContext/themesData';
+export type { ViewType } from './lib/context/ViewContext';
+export type { NotSupportedError, NoAccessError, ChainalysisError, EmailAlreadyExistsError, UsernameAlreadyExistsError, WalletNotDeployedError, WalletUsedError, EmailVerificationError, } from '@dynamic-labs/utils';
+export type { WalletConnector, Chain, } from '@dynamic-labs/wallet-connector-core';
+export type { EvmNetwork } from '@dynamic-labs/types';
+export { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
+export { isSameWalletName } from './lib/utils/functions/isSameWalletName';
+export { classNames } from './lib/utils/functions/classNames';
+export { getNetwork } from './lib/utils/functions/getNetwork';
+export { useAuthenticateConnectedUser } from './lib/utils/hooks/useAuthenticateConnectedUser';
+export * from './lib/utils/functions/walletFilters';
+export { useWalletItemActions } from './lib/utils/hooks/useWalletItemActions';
+export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context';
+export { useUserUpdateRequest } from './lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest';
+export type { UpdateUserFieldsArg } from './lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest';
+export type { VerifyEmailCallback } from './lib/utils/hooks/authenticationHooks/useEmailVerificationRequest';
+export { useEmailVerificationRequest } from './lib/utils/hooks/authenticationHooks/useEmailVerificationRequest';
+export { type DynamicJwt, DynamicJwtFromJSON } from '@dynamic-labs/sdk-api';
+export { useSendBalance } from './lib/context/SendBalanceContext';

package/src/index.js

@@ -89,7 +89,7 @@ export { isSameWalletName } from './lib/utils/functions/isSameWalletName/isSameW
 import './lib/context/ViewContext/ViewContext.js';
 import './lib/context/ErrorContext/ErrorContext.js';
 import './lib/context/AccessDeniedContext/AccessDeniedContext.js';
-import 'ethers';
+import 'viem';
 import './lib/components/IconButton/IconButton.js';
 import '@dynamic-labs/wallet-book';
 import './lib/components/Alert/Alert.js';

package/src/lib/Main.cjs

@@ -17,7 +17,7 @@ require('@dynamic-labs/wallet-connector-core');
 var ViewContext = require('./context/ViewContext/ViewContext.cjs');
 var localStorage = require('./utils/constants/localStorage.cjs');
 require('./utils/constants/colors.cjs');
-require('ethers');
+require('viem');
 var usePreventPageScroll = require('./shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index$1 = require('./shared/consts/index.cjs');
 var useInternalDynamicContext = require('./context/DynamicContext/useInternalDynamicContext.cjs');
@@ -50,63 +50,63 @@ var isSelectedWalletAlreadyConnected = require('./utils/functions/isSelectedWall
 var viewToComponentMap = require('./views/viewToComponentMap.cjs');
 require('./main.global.cjs');
 
-const Main = () => {
-    const { selectedWalletConnector, appName, connectedWallets, isProjectSettingsLoading, projectSettings, privacyPolicyUrl, setShowAuthFlow, showAuthFlow, termsOfServiceUrl, newToWeb3WalletChainMap, wallets, clearStatesOnBackClick, user, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { view, goToInitialView } = ViewContext.useViewContext();
-    const { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
-    usePreventPageScroll.usePreventPageScroll(showAuthFlow);
-    const handleClose = () => {
-        setShowAuthFlow(false);
-        setDeniedAddress('');
-        setDeniedOauthProvider(undefined);
-        clearStatesOnBackClick();
-    };
-    const handleOnPortalUnmount = React.useCallback(
-    // IMPORTANT: we need to reset the view because we reset state that the view depends on
-    // so if the previous view renders when the user reopens the widget, it will crash
-    () => {
-        goToInitialView();
-    }, [goToInitialView]);
-    useVerifyOnAwaitingSignature.useVerifyOnAwaitingSignature();
-    const { handleAlreadyConnectedWallet, handleCustodialWalletClick, handleInstalledExtensionClick, handleMobileWalletClick, handleUninstalledClick, } = useWalletItemActions.useWalletItemActions();
-    /* istanbul ignore next */
-    const handleNewToWeb3WalletIntent = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        setShowAuthFlow(true);
-        if (isSelectedWalletAlreadyConnected.isSelectedWalletAlreadyConnected(connectedWallets, walletConnector, user)) {
-            // wallet is already connected
-            handleAlreadyConnectedWallet(walletConnector);
-        }
-        else if (walletConnector.canConnectViaCustodialService) {
-            // providers like blocto and dapper
-            handleCustodialWalletClick(walletConnector);
-        }
-        else if (utils.isMobile()) {
-            // mobile wallets
-            handleMobileWalletClick(walletConnector);
-        }
-        else if (walletConnector.isInstalledOnBrowser()) {
-            // browser extensions or injected wallets
-            handleInstalledExtensionClick(walletConnector);
-        }
-        else {
-            // wallet requiring a qr code (wallet connect/coinbase wallet)
-            handleUninstalledClick(walletConnector);
-        }
-    });
-    React.useEffect(() => {
-        const newToWeb3WalletName = getFromLS.getFromLS(localStorage.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
-        if ((wallets === null || wallets === void 0 ? void 0 : wallets.length) && newToWeb3WalletName) {
-            const wallet = wallets.find((wallet) => isSameWalletName.isSameWalletName(wallet.name, newToWeb3WalletName));
-            if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
-                handleNewToWeb3WalletIntent(wallet.walletConnector);
-            }
-            removeFromLS.removeFromLS(localStorage.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
-        }
-    }, [wallets]);
-    const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
-    return (jsxRuntime.jsx(SocialRedirectContext.SocialRedirectContextProvider, { children: jsxRuntime.jsx(index.FooterAnimationContextProvider, { children: jsxRuntime.jsx(Portal.Portal, Object.assign({ zIndex: index$1.authModalZIndex, isShown: showDynamicAuth, handleClose: handleClose, withBackdrop: true, transitionEvents: {
-                    onUnmount: handleOnPortalUnmount,
-                } }, { children: jsxRuntime.jsx(DynamicAuthLayout.DynamicAuthLayout, Object.assign({ transitionProps: { isShown: showDynamicAuth }, appName: appName, onClose: handleClose, walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name, projectSettings: projectSettings, newToWeb3WalletChainMap: newToWeb3WalletChainMap, walletConnector: selectedWalletConnector, privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl }, { children: viewToComponentMap.viewToComponentMap[view] })) })) }) }));
+const Main = () => {
+    const { selectedWalletConnector, appName, connectedWallets, isProjectSettingsLoading, projectSettings, privacyPolicyUrl, setShowAuthFlow, showAuthFlow, termsOfServiceUrl, newToWeb3WalletChainMap, wallets, clearStatesOnBackClick, user, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { view, goToInitialView } = ViewContext.useViewContext();
+    const { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
+    usePreventPageScroll.usePreventPageScroll(showAuthFlow);
+    const handleClose = () => {
+        setShowAuthFlow(false);
+        setDeniedAddress('');
+        setDeniedOauthProvider(undefined);
+        clearStatesOnBackClick();
+    };
+    const handleOnPortalUnmount = React.useCallback(
+    // IMPORTANT: we need to reset the view because we reset state that the view depends on
+    // so if the previous view renders when the user reopens the widget, it will crash
+    () => {
+        goToInitialView();
+    }, [goToInitialView]);
+    useVerifyOnAwaitingSignature.useVerifyOnAwaitingSignature();
+    const { handleAlreadyConnectedWallet, handleCustodialWalletClick, handleInstalledExtensionClick, handleMobileWalletClick, handleUninstalledClick, } = useWalletItemActions.useWalletItemActions();
+    /* istanbul ignore next */
+    const handleNewToWeb3WalletIntent = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        setShowAuthFlow(true);
+        if (isSelectedWalletAlreadyConnected.isSelectedWalletAlreadyConnected(connectedWallets, walletConnector, user)) {
+            // wallet is already connected
+            handleAlreadyConnectedWallet(walletConnector);
+        }
+        else if (walletConnector.canConnectViaCustodialService) {
+            // providers like blocto and dapper
+            handleCustodialWalletClick(walletConnector);
+        }
+        else if (utils.isMobile()) {
+            // mobile wallets
+            handleMobileWalletClick(walletConnector);
+        }
+        else if (walletConnector.isInstalledOnBrowser()) {
+            // browser extensions or injected wallets
+            handleInstalledExtensionClick(walletConnector);
+        }
+        else {
+            // wallet requiring a qr code (wallet connect/coinbase wallet)
+            handleUninstalledClick(walletConnector);
+        }
+    });
+    React.useEffect(() => {
+        const newToWeb3WalletName = getFromLS.getFromLS(localStorage.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        if ((wallets === null || wallets === void 0 ? void 0 : wallets.length) && newToWeb3WalletName) {
+            const wallet = wallets.find((wallet) => isSameWalletName.isSameWalletName(wallet.name, newToWeb3WalletName));
+            if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
+                handleNewToWeb3WalletIntent(wallet.walletConnector);
+            }
+            removeFromLS.removeFromLS(localStorage.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        }
+    }, [wallets]);
+    const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
+    return (jsxRuntime.jsx(SocialRedirectContext.SocialRedirectContextProvider, { children: jsxRuntime.jsx(index.FooterAnimationContextProvider, { children: jsxRuntime.jsx(Portal.Portal, { zIndex: index$1.authModalZIndex, isShown: showDynamicAuth, handleClose: handleClose, withBackdrop: true, transitionEvents: {
+                    onUnmount: handleOnPortalUnmount,
+                }, children: jsxRuntime.jsx(DynamicAuthLayout.DynamicAuthLayout, { transitionProps: { isShown: showDynamicAuth }, appName: appName, onClose: handleClose, walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name, projectSettings: projectSettings, newToWeb3WalletChainMap: newToWeb3WalletChainMap, walletConnector: selectedWalletConnector, privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl, children: viewToComponentMap.viewToComponentMap[view] }) }) }) }));
 };
 
 exports.Main = Main;

package/src/lib/Main.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import './main.global.scss';
-export declare const Main: FC;
-export default Main;
+import { FC } from 'react';
+import './main.global.scss';
+export declare const Main: FC;
+export default Main;

package/src/lib/Main.js

@@ -13,7 +13,7 @@ import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from './context/ViewContext/ViewContext.js';
 import { NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY } from './utils/constants/localStorage.js';
 import './utils/constants/colors.js';
-import 'ethers';
+import 'viem';
 import { usePreventPageScroll } from './shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from './shared/consts/index.js';
 import { useInternalDynamicContext } from './context/DynamicContext/useInternalDynamicContext.js';
@@ -46,63 +46,63 @@ import { isSelectedWalletAlreadyConnected } from './utils/functions/isSelectedWa
 import { viewToComponentMap } from './views/viewToComponentMap.js';
 import './main.global.js';
 
-const Main = () => {
-    const { selectedWalletConnector, appName, connectedWallets, isProjectSettingsLoading, projectSettings, privacyPolicyUrl, setShowAuthFlow, showAuthFlow, termsOfServiceUrl, newToWeb3WalletChainMap, wallets, clearStatesOnBackClick, user, } = useInternalDynamicContext();
-    const { view, goToInitialView } = useViewContext();
-    const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
-    usePreventPageScroll(showAuthFlow);
-    const handleClose = () => {
-        setShowAuthFlow(false);
-        setDeniedAddress('');
-        setDeniedOauthProvider(undefined);
-        clearStatesOnBackClick();
-    };
-    const handleOnPortalUnmount = useCallback(
-    // IMPORTANT: we need to reset the view because we reset state that the view depends on
-    // so if the previous view renders when the user reopens the widget, it will crash
-    () => {
-        goToInitialView();
-    }, [goToInitialView]);
-    useVerifyOnAwaitingSignature();
-    const { handleAlreadyConnectedWallet, handleCustodialWalletClick, handleInstalledExtensionClick, handleMobileWalletClick, handleUninstalledClick, } = useWalletItemActions();
-    /* istanbul ignore next */
-    const handleNewToWeb3WalletIntent = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
-        setShowAuthFlow(true);
-        if (isSelectedWalletAlreadyConnected(connectedWallets, walletConnector, user)) {
-            // wallet is already connected
-            handleAlreadyConnectedWallet(walletConnector);
-        }
-        else if (walletConnector.canConnectViaCustodialService) {
-            // providers like blocto and dapper
-            handleCustodialWalletClick(walletConnector);
-        }
-        else if (isMobile()) {
-            // mobile wallets
-            handleMobileWalletClick(walletConnector);
-        }
-        else if (walletConnector.isInstalledOnBrowser()) {
-            // browser extensions or injected wallets
-            handleInstalledExtensionClick(walletConnector);
-        }
-        else {
-            // wallet requiring a qr code (wallet connect/coinbase wallet)
-            handleUninstalledClick(walletConnector);
-        }
-    });
-    useEffect(() => {
-        const newToWeb3WalletName = getFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
-        if ((wallets === null || wallets === void 0 ? void 0 : wallets.length) && newToWeb3WalletName) {
-            const wallet = wallets.find((wallet) => isSameWalletName(wallet.name, newToWeb3WalletName));
-            if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
-                handleNewToWeb3WalletIntent(wallet.walletConnector);
-            }
-            removeFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
-        }
-    }, [wallets]);
-    const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
-    return (jsx(SocialRedirectContextProvider, { children: jsx(FooterAnimationContextProvider, { children: jsx(Portal, Object.assign({ zIndex: authModalZIndex, isShown: showDynamicAuth, handleClose: handleClose, withBackdrop: true, transitionEvents: {
-                    onUnmount: handleOnPortalUnmount,
-                } }, { children: jsx(DynamicAuthLayout, Object.assign({ transitionProps: { isShown: showDynamicAuth }, appName: appName, onClose: handleClose, walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name, projectSettings: projectSettings, newToWeb3WalletChainMap: newToWeb3WalletChainMap, walletConnector: selectedWalletConnector, privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl }, { children: viewToComponentMap[view] })) })) }) }));
+const Main = () => {
+    const { selectedWalletConnector, appName, connectedWallets, isProjectSettingsLoading, projectSettings, privacyPolicyUrl, setShowAuthFlow, showAuthFlow, termsOfServiceUrl, newToWeb3WalletChainMap, wallets, clearStatesOnBackClick, user, } = useInternalDynamicContext();
+    const { view, goToInitialView } = useViewContext();
+    const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
+    usePreventPageScroll(showAuthFlow);
+    const handleClose = () => {
+        setShowAuthFlow(false);
+        setDeniedAddress('');
+        setDeniedOauthProvider(undefined);
+        clearStatesOnBackClick();
+    };
+    const handleOnPortalUnmount = useCallback(
+    // IMPORTANT: we need to reset the view because we reset state that the view depends on
+    // so if the previous view renders when the user reopens the widget, it will crash
+    () => {
+        goToInitialView();
+    }, [goToInitialView]);
+    useVerifyOnAwaitingSignature();
+    const { handleAlreadyConnectedWallet, handleCustodialWalletClick, handleInstalledExtensionClick, handleMobileWalletClick, handleUninstalledClick, } = useWalletItemActions();
+    /* istanbul ignore next */
+    const handleNewToWeb3WalletIntent = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+        setShowAuthFlow(true);
+        if (isSelectedWalletAlreadyConnected(connectedWallets, walletConnector, user)) {
+            // wallet is already connected
+            handleAlreadyConnectedWallet(walletConnector);
+        }
+        else if (walletConnector.canConnectViaCustodialService) {
+            // providers like blocto and dapper
+            handleCustodialWalletClick(walletConnector);
+        }
+        else if (isMobile()) {
+            // mobile wallets
+            handleMobileWalletClick(walletConnector);
+        }
+        else if (walletConnector.isInstalledOnBrowser()) {
+            // browser extensions or injected wallets
+            handleInstalledExtensionClick(walletConnector);
+        }
+        else {
+            // wallet requiring a qr code (wallet connect/coinbase wallet)
+            handleUninstalledClick(walletConnector);
+        }
+    });
+    useEffect(() => {
+        const newToWeb3WalletName = getFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        if ((wallets === null || wallets === void 0 ? void 0 : wallets.length) && newToWeb3WalletName) {
+            const wallet = wallets.find((wallet) => isSameWalletName(wallet.name, newToWeb3WalletName));
+            if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
+                handleNewToWeb3WalletIntent(wallet.walletConnector);
+            }
+            removeFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        }
+    }, [wallets]);
+    const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
+    return (jsx(SocialRedirectContextProvider, { children: jsx(FooterAnimationContextProvider, { children: jsx(Portal, { zIndex: authModalZIndex, isShown: showDynamicAuth, handleClose: handleClose, withBackdrop: true, transitionEvents: {
+                    onUnmount: handleOnPortalUnmount,
+                }, children: jsx(DynamicAuthLayout, { transitionProps: { isShown: showDynamicAuth }, appName: appName, onClose: handleClose, walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name, projectSettings: projectSettings, newToWeb3WalletChainMap: newToWeb3WalletChainMap, walletConnector: selectedWalletConnector, privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl, children: viewToComponentMap[view] }) }) }) }));
 };
 
 export { Main, Main as default };

package/src/lib/app.d.ts

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

package/src/lib/assets/index.d.ts

@@ -1,5 +1,5 @@
-export { ReactComponent as Logo } from './logo.svg';
-export { ReactComponent as WalletHelpIcon1 } from './wallet-help-icon-1.svg';
-export { ReactComponent as SearchIcon } from './search.svg';
-export { ReactComponent as ProfileIcon } from './profile.svg';
-export { ReactComponent as DynamicLogo } from './dynamic-logo.svg';
+export { ReactComponent as Logo } from './logo.svg';
+export { ReactComponent as WalletHelpIcon1 } from './wallet-help-icon-1.svg';
+export { ReactComponent as SearchIcon } from './search.svg';
+export { ReactComponent as ProfileIcon } from './profile.svg';
+export { ReactComponent as DynamicLogo } from './dynamic-logo.svg';

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.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');
 require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/rpc-providers');
@@ -40,26 +40,26 @@ require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 
-const AccordionItem = ({ children, className = '', isOpen, dataTestId, }) => {
-    const childRef = React.useRef(null);
-    const lastValidChildHeight = React.useRef();
-    const [childEntry] = useResizeObserver.useResizeObserver(childRef);
-    const maxHeight = React.useMemo(() => {
-        if (!isOpen)
-            return 0;
-        if (!childEntry)
-            return lastValidChildHeight.current;
-        return childEntry.height;
-    }, [isOpen, childEntry]);
-    React.useEffect(() => {
-        const childHeight = childEntry === null || childEntry === void 0 ? void 0 : childEntry.height;
-        if (childHeight) {
-            lastValidChildHeight.current = childHeight;
-        }
-    }, [childEntry]);
-    return (jsxRuntime.jsx("div", Object.assign({ "data-testid": dataTestId, style: { maxHeight }, className: classNames.classNames(className, 'accordion-item', {
-            'accordion-item--full-height': Boolean(maxHeight),
-        }) }, { children: jsxRuntime.jsx("div", Object.assign({ ref: childRef }, { children: children })) })));
+const AccordionItem = ({ children, className = '', isOpen, dataTestId, }) => {
+    const childRef = React.useRef(null);
+    const lastValidChildHeight = React.useRef();
+    const [childEntry] = useResizeObserver.useResizeObserver(childRef);
+    const maxHeight = React.useMemo(() => {
+        if (!isOpen)
+            return 0;
+        if (!childEntry)
+            return lastValidChildHeight.current;
+        return childEntry.height;
+    }, [isOpen, childEntry]);
+    React.useEffect(() => {
+        const childHeight = childEntry === null || childEntry === void 0 ? void 0 : childEntry.height;
+        if (childHeight) {
+            lastValidChildHeight.current = childHeight;
+        }
+    }, [childEntry]);
+    return (jsxRuntime.jsx("div", { "data-testid": dataTestId, style: { maxHeight }, className: classNames.classNames(className, 'accordion-item', {
+            'accordion-item--full-height': Boolean(maxHeight),
+        }), children: jsxRuntime.jsx("div", { ref: childRef, children: children }) }));
 };
 
 exports.AccordionItem = AccordionItem;

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.d.ts

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

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.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 '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/rpc-providers';
@@ -36,26 +36,26 @@ import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 
-const AccordionItem = ({ children, className = '', isOpen, dataTestId, }) => {
-    const childRef = useRef(null);
-    const lastValidChildHeight = useRef();
-    const [childEntry] = useResizeObserver(childRef);
-    const maxHeight = useMemo(() => {
-        if (!isOpen)
-            return 0;
-        if (!childEntry)
-            return lastValidChildHeight.current;
-        return childEntry.height;
-    }, [isOpen, childEntry]);
-    useEffect(() => {
-        const childHeight = childEntry === null || childEntry === void 0 ? void 0 : childEntry.height;
-        if (childHeight) {
-            lastValidChildHeight.current = childHeight;
-        }
-    }, [childEntry]);
-    return (jsx("div", Object.assign({ "data-testid": dataTestId, style: { maxHeight }, className: classNames(className, 'accordion-item', {
-            'accordion-item--full-height': Boolean(maxHeight),
-        }) }, { children: jsx("div", Object.assign({ ref: childRef }, { children: children })) })));
+const AccordionItem = ({ children, className = '', isOpen, dataTestId, }) => {
+    const childRef = useRef(null);
+    const lastValidChildHeight = useRef();
+    const [childEntry] = useResizeObserver(childRef);
+    const maxHeight = useMemo(() => {
+        if (!isOpen)
+            return 0;
+        if (!childEntry)
+            return lastValidChildHeight.current;
+        return childEntry.height;
+    }, [isOpen, childEntry]);
+    useEffect(() => {
+        const childHeight = childEntry === null || childEntry === void 0 ? void 0 : childEntry.height;
+        if (childHeight) {
+            lastValidChildHeight.current = childHeight;
+        }
+    }, [childEntry]);
+    return (jsx("div", { "data-testid": dataTestId, style: { maxHeight }, className: classNames(className, 'accordion-item', {
+            'accordion-item--full-height': Boolean(maxHeight),
+        }), children: jsx("div", { ref: childRef, children: children }) }));
 };
 
 export { AccordionItem };

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.types.d.ts

@@ -1,7 +1,7 @@
-import { FC, PropsWithChildren } from 'react';
-export type AccordionItemProps = {
-    className?: string;
-    dataTestId?: string;
-    isOpen: boolean;
-};
-export type AccordionItemComponent = FC<PropsWithChildren<AccordionItemProps>>;
+import { FC, PropsWithChildren } from 'react';
+export type AccordionItemProps = {
+    className?: string;
+    dataTestId?: string;
+    isOpen: boolean;
+};
+export type AccordionItemComponent = FC<PropsWithChildren<AccordionItemProps>>;

package/src/lib/components/Accordion/components/AccordionItem/index.d.ts

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

package/src/lib/components/Accordion/components/VerticalAccordion/VerticalAccordion.cjs

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 
-const VerticalAccordion = ({ children, className = '', }) => (jsxRuntime.jsx("div", Object.assign({ className: classNames.classNames(className, 'vertical-accordion__container') }, { children: children })));
+const VerticalAccordion = ({ children, className = '', }) => (jsxRuntime.jsx("div", { className: classNames.classNames(className, 'vertical-accordion__container'), children: children }));
 
 exports.VerticalAccordion = VerticalAccordion;