@dynamic-labs/sdk-react-core 1.0.0-alpha.0 → 1.0.0-alpha.1

package/CHANGELOG.md

@@ -1,4 +1,52 @@
 
+## [1.0.0-alpha.1](https://github.com/dynamic-labs/DynamicAuth/compare/v1.0.0-alpha.0...v1.0.0-alpha.1) (2023-11-22)
+
+
+### Features
+
+* add basic zerodev connector ([#3782](https://github.com/dynamic-labs/DynamicAuth/issues/3782)) ([3f8debd](https://github.com/dynamic-labs/DynamicAuth/commit/3f8debddb1bff325389193e0348128ebb9ba59b9))
+* add hcaptcha to dynamic signin methods ([#3853](https://github.com/dynamic-labs/DynamicAuth/issues/3853)) ([a4a9ad3](https://github.com/dynamic-labs/DynamicAuth/commit/a4a9ad3b048e33acc5b885cd797697ca4f41995e))
+* add hcaptcha to magic login methods ([#3894](https://github.com/dynamic-labs/DynamicAuth/issues/3894)) ([c76b750](https://github.com/dynamic-labs/DynamicAuth/commit/c76b750351557ad9cf5bbcc39bd7fd0970b66312))
+* add need help section to sign message modal ([#3847](https://github.com/dynamic-labs/DynamicAuth/issues/3847)) ([4f90617](https://github.com/dynamic-labs/DynamicAuth/commit/4f90617bcf400a7171062435c731d95c6bbf41c7))
+* add perawallet to wallet book ([#3868](https://github.com/dynamic-labs/DynamicAuth/issues/3868)) ([5f4e79d](https://github.com/dynamic-labs/DynamicAuth/commit/5f4e79df202b02088b15c5dfab7feee5789e9ece))
+* add serialization to allow sending events callbacks and wallet connectors used by customers  ([0077eb0](https://github.com/dynamic-labs/DynamicAuth/commit/0077eb0af05feb765d0c61911a48d5e98554760a))
+* add support for dynamic domains for starknet signatures ([#3927](https://github.com/dynamic-labs/DynamicAuth/issues/3927)) ([52797ce](https://github.com/dynamic-labs/DynamicAuth/commit/52797ce867c956049bfa5021cf5b1c562e771a2e))
+* add support for Pera Wallet ([#3866](https://github.com/dynamic-labs/DynamicAuth/issues/3866)) ([cb99ae7](https://github.com/dynamic-labs/DynamicAuth/commit/cb99ae77605d913932a77bf2ea565b7e7baf781a))
+* add support for private starknet rpc providers ([#3881](https://github.com/dynamic-labs/DynamicAuth/issues/3881)) ([8fd5ef9](https://github.com/dynamic-labs/DynamicAuth/commit/8fd5ef902d48ef828b1cb89d0e462ea5b54f4e42))
+* add zerodev to wallet book and render generic wallet icon ([#3822](https://github.com/dynamic-labs/DynamicAuth/issues/3822)) ([9c5768d](https://github.com/dynamic-labs/DynamicAuth/commit/9c5768d0fc1169c62927926c0e436b6a448d5656))
+* allow updating evmNetworks in real time ([#3877](https://github.com/dynamic-labs/DynamicAuth/issues/3877)) ([b4a2521](https://github.com/dynamic-labs/DynamicAuth/commit/b4a2521830b859a129d70bad2ae1213db075550d))
+* editable copies as typed data ([#3784](https://github.com/dynamic-labs/DynamicAuth/issues/3784)) ([d6c6d74](https://github.com/dynamic-labs/DynamicAuth/commit/d6c6d74e60c9c9d459414c452fbd780d3f6bc2f9))
+* email inputs now use email keyboard ([#3843](https://github.com/dynamic-labs/DynamicAuth/issues/3843)) ([76926e2](https://github.com/dynamic-labs/DynamicAuth/commit/76926e26b6a188d9d8e3bba2512340610e218e9f))
+* hide unlink if disabled in dashboard ([#3825](https://github.com/dynamic-labs/DynamicAuth/issues/3825)) ([a0625e6](https://github.com/dynamic-labs/DynamicAuth/commit/a0625e6fd01aa5b57e6b8542efe04e280e0c6830))
+* initialize smart wallet from verified credentials ([#3790](https://github.com/dynamic-labs/DynamicAuth/issues/3790)) ([1fc5890](https://github.com/dynamic-labs/DynamicAuth/commit/1fc5890f2e0ef458bfb59d38d536c41d183bc2a2))
+* set smart wallet as primary when owner is an embedded wallet ([#3898](https://github.com/dynamic-labs/DynamicAuth/issues/3898)) ([ec40172](https://github.com/dynamic-labs/DynamicAuth/commit/ec401729f38d946d5431bbbb15c5c1cdc66acb73))
+* support forced network validation via DynamicContext setting ([#3879](https://github.com/dynamic-labs/DynamicAuth/issues/3879)) ([a7993b9](https://github.com/dynamic-labs/DynamicAuth/commit/a7993b9b6bdd739bcb4e66e46d14e7f8623bed66))
+* **transaction:** add sponsored gas transaction ([#3869](https://github.com/dynamic-labs/DynamicAuth/issues/3869)) ([ccceb24](https://github.com/dynamic-labs/DynamicAuth/commit/ccceb2421e029dc60e53912e404b574324d6772f))
+
+
+### Bug Fixes
+
+* **account-abstraction:** set verified credentials before setting EOA to wallet connector ([#3941](https://github.com/dynamic-labs/DynamicAuth/issues/3941)) ([7475c46](https://github.com/dynamic-labs/DynamicAuth/commit/7475c465f5ddf9e27d0b05d23e58d9b474fa8fd4))
+* add brand to zerodev object ([#3828](https://github.com/dynamic-labs/DynamicAuth/issues/3828)) ([81cb237](https://github.com/dynamic-labs/DynamicAuth/commit/81cb237df4def8e1c53b4ae145afafccf3b04683))
+* add spriteId to zerodev ([#3829](https://github.com/dynamic-labs/DynamicAuth/issues/3829)) ([6b87c5c](https://github.com/dynamic-labs/DynamicAuth/commit/6b87c5c3d5869f6cd15a7534fb0260932845fbb1))
+* allow metadata to be updated in updateUser hook ([#3928](https://github.com/dynamic-labs/DynamicAuth/issues/3928)) ([4f39fbd](https://github.com/dynamic-labs/DynamicAuth/commit/4f39fbd757b4e816dd60651252575c1f7e4d80aa))
+* blocto flow connect only infinite recursion ([#3883](https://github.com/dynamic-labs/DynamicAuth/issues/3883)) ([6c6f5ba](https://github.com/dynamic-labs/DynamicAuth/commit/6c6f5ba5dc0657cc7ffdc82a4ea7935f65686088))
+* clear project settings on page refresh ([#3826](https://github.com/dynamic-labs/DynamicAuth/issues/3826)) ([da5b8f0](https://github.com/dynamic-labs/DynamicAuth/commit/da5b8f0a99bf913ea11314954e5f08c2b019f50f))
+* don't call computeConnectedStateForWallets too often to avoid infinite loops ([#3946](https://github.com/dynamic-labs/DynamicAuth/issues/3946)) ([de4e61a](https://github.com/dynamic-labs/DynamicAuth/commit/de4e61a3fcdc9c25cbe030c3c25cbc2c04929a93))
+* don't call disconnect multiple times ([#3940](https://github.com/dynamic-labs/DynamicAuth/issues/3940)) ([3ea8623](https://github.com/dynamic-labs/DynamicAuth/commit/3ea86233d8d07dfb3c751a5fec45d5df84e9e143))
+* **embedded wallet:** stop overriding primary wallet selection ([#3796](https://github.com/dynamic-labs/DynamicAuth/issues/3796)) ([75b81e7](https://github.com/dynamic-labs/DynamicAuth/commit/75b81e74d472ce8cc493646b441d2b4fe3962373))
+* exodusevm wallet connect and mobile deep linking ([#3855](https://github.com/dynamic-labs/DynamicAuth/issues/3855)) ([cf0b3f0](https://github.com/dynamic-labs/DynamicAuth/commit/cf0b3f077f935eab32ce45947f62e73342d6c169))
+* handle errors properly when engaging captcha ([#3896](https://github.com/dynamic-labs/DynamicAuth/issues/3896)) ([2596315](https://github.com/dynamic-labs/DynamicAuth/commit/25963153d699b26c6e04ea38b267446d3a3af13b))
+* null safe check to window object ([#3882](https://github.com/dynamic-labs/DynamicAuth/issues/3882)) ([8856b5a](https://github.com/dynamic-labs/DynamicAuth/commit/8856b5ae40d43285eac667401387971b9e3f077d))
+* pass correct wallet connector onLinkSuccess ([#3904](https://github.com/dynamic-labs/DynamicAuth/issues/3904)) ([79cca69](https://github.com/dynamic-labs/DynamicAuth/commit/79cca69ed53a5ef2c4e4d712ce0934e1a4c11459))
+* remove extra captcha context provider instantiation causing unecessary rerenderings ([#3914](https://github.com/dynamic-labs/DynamicAuth/issues/3914)) ([14120a6](https://github.com/dynamic-labs/DynamicAuth/commit/14120a6ac0415f9a59608b376e88de6c729d4e5d))
+* remove the coming soon label ([#3860](https://github.com/dynamic-labs/DynamicAuth/issues/3860)) ([1effb7f](https://github.com/dynamic-labs/DynamicAuth/commit/1effb7f124bda66aae3e8991b5386a1cee28fd99))
+* Revert "chore: fix vite build ([#3849](https://github.com/dynamic-labs/DynamicAuth/issues/3849))" ([#3870](https://github.com/dynamic-labs/DynamicAuth/issues/3870)) ([13bc424](https://github.com/dynamic-labs/DynamicAuth/commit/13bc42483bcb9338babd46eae00988acada83578))
+* **single-wallet:** prompt user to select correct wallet ([#3742](https://github.com/dynamic-labs/DynamicAuth/issues/3742)) ([ccfdd3c](https://github.com/dynamic-labs/DynamicAuth/commit/ccfdd3cc6a4ac7f3b1ea13be92e58982ecfb1c59))
+* update walletconnect.json and walletconnect source schema ([#3854](https://github.com/dynamic-labs/DynamicAuth/issues/3854)) ([88ee546](https://github.com/dynamic-labs/DynamicAuth/commit/88ee5468db0130b19c6637a5632e64e0bb5197ba))
+* useEmailProvider not checking for enabled providers properly ([7c16edc](https://github.com/dynamic-labs/DynamicAuth/commit/7c16edc3785ba10d69762b174f054b0d10b8a072))
+* **wagmi:** ensure chain is defined on wallet client ([#3888](https://github.com/dynamic-labs/DynamicAuth/issues/3888)) ([0e145f6](https://github.com/dynamic-labs/DynamicAuth/commit/0e145f6ac42f55df7a020716d4ddc023554d72f9))
+
 ## [1.0.0-alpha.0](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0...v1.0.0-alpha.0) (2023-10-31)
 
 

package/package.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.0.0-alpha.0";
+var version = "1.0.0-alpha.1";
 var dependencies = {
-	"@dynamic-labs/iconic": "0.1.34",
-	"@dynamic-labs/sdk-api": "0.0.292",
+	"@dynamic-labs/iconic": "0.1.42",
+	"@dynamic-labs/sdk-api": "0.0.307",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
-var version = "1.0.0-alpha.0";
+var version = "1.0.0-alpha.1";
 var dependencies = {
-	"@dynamic-labs/iconic": "0.1.34",
-	"@dynamic-labs/sdk-api": "0.0.292",
+	"@dynamic-labs/iconic": "0.1.42",
+	"@dynamic-labs/sdk-api": "0.0.307",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/iconic": "0.1.34",
-    "@dynamic-labs/sdk-api": "0.0.292",
+    "@dynamic-labs/iconic": "0.1.42",
+    "@dynamic-labs/sdk-api": "0.0.307",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,13 +17,14 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/logger": "1.0.0-alpha.0",
-    "@dynamic-labs/multi-wallet": "1.0.0-alpha.0",
-    "@dynamic-labs/rpc-providers": "1.0.0-alpha.0",
-    "@dynamic-labs/types": "1.0.0-alpha.0",
-    "@dynamic-labs/utils": "1.0.0-alpha.0",
-    "@dynamic-labs/wallet-book": "1.0.0-alpha.0",
-    "@dynamic-labs/wallet-connector-core": "1.0.0-alpha.0",
+    "@dynamic-labs/ethereum": "1.0.0-alpha.1",
+    "@dynamic-labs/logger": "1.0.0-alpha.1",
+    "@dynamic-labs/multi-wallet": "1.0.0-alpha.1",
+    "@dynamic-labs/rpc-providers": "1.0.0-alpha.1",
+    "@dynamic-labs/types": "1.0.0-alpha.1",
+    "@dynamic-labs/utils": "1.0.0-alpha.1",
+    "@dynamic-labs/wallet-book": "1.0.0-alpha.1",
+    "@dynamic-labs/wallet-connector-core": "1.0.0-alpha.1",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.d.ts

@@ -29,3 +29,4 @@ export { type VerifyEmailCallback, useEmailVerificationRequest, } from './lib/ut
 export type { UpdateUserFieldsArg } from './lib/utils/hooks/';
 export { type DynamicJwt, DynamicJwtFromJSON } from '@dynamic-labs/sdk-api';
 export { useSendBalance } from './lib/context/SendBalanceContext';
+export type { LocaleResource } from './lib/locale';

package/src/lib/Main.cjs

@@ -67,20 +67,26 @@ const viewsToDisableCloseOnOverlayClick = [
     'passkey-intro',
 ];
 const Main = () => {
-    const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, disconnectWallet, authMode, connectedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, disconnectWallet, authMode, connectedWallets, handleLogOut, } = useInternalDynamicContext.useInternalDynamicContext();
     const { view, goToInitialView } = ViewContext.useViewContext();
     const { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     usePreventPageScroll.usePreventPageScroll(showAuthFlow);
-    const handleClose = () => {
+    const userWallets = authMode === 'connect-and-sign' ? linkedWallets : connectedWallets;
+    const handleClose = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (viewsToDisableCloseOnOverlayClick.includes(view))
             return;
+        if ((view === 'network-not-supported' ||
+            view === 'network-not-supported-manual') &&
+            userWallets.length === 1) {
+            yield handleLogOut();
+        }
         setShowAuthFlow(false);
         setDeniedAddress('');
         setDeniedOauthProvider(undefined);
         setExistentAccountData(undefined);
         clearStatesOnBackClick();
-    };
+    });
     const handleOnPortalExiting = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         // In the connect only mode (default and bridge)
         // We want to disconnect wallet when users closes `network not supported` view

package/src/lib/Main.js

@@ -63,20 +63,26 @@ const viewsToDisableCloseOnOverlayClick = [
     'passkey-intro',
 ];
 const Main = () => {
-    const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, disconnectWallet, authMode, connectedWallets, } = useInternalDynamicContext();
+    const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, disconnectWallet, authMode, connectedWallets, handleLogOut, } = useInternalDynamicContext();
     const { view, goToInitialView } = useViewContext();
     const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
     const { setExistentAccountData } = useAccountExistsContext();
     usePreventPageScroll(showAuthFlow);
-    const handleClose = () => {
+    const userWallets = authMode === 'connect-and-sign' ? linkedWallets : connectedWallets;
+    const handleClose = () => __awaiter(void 0, void 0, void 0, function* () {
         if (viewsToDisableCloseOnOverlayClick.includes(view))
             return;
+        if ((view === 'network-not-supported' ||
+            view === 'network-not-supported-manual') &&
+            userWallets.length === 1) {
+            yield handleLogOut();
+        }
         setShowAuthFlow(false);
         setDeniedAddress('');
         setDeniedOauthProvider(undefined);
         setExistentAccountData(undefined);
         clearStatesOnBackClick();
-    };
+    });
     const handleOnPortalExiting = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         // In the connect only mode (default and bridge)
         // We want to disconnect wallet when users closes `network not supported` view

package/src/lib/components/Alert/Alert.cjs

@@ -11,10 +11,10 @@ require('../../context/ViewContext/ViewContext.cjs');
 require('react');
 var error = require('../../shared/assets/error.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var Icon = require('../Icon/Icon.cjs');
 var Typography = require('../Typography/Typography.cjs');

package/src/lib/components/Alert/Alert.js

@@ -7,10 +7,10 @@ import '../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgError } from '../../shared/assets/error.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import { Icon } from '../Icon/Icon.js';
 import { Typography } from '../Typography/Typography.js';

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -11,10 +11,10 @@ var logger = require('../../shared/logger.cjs');
 require('../../context/ViewContext/ViewContext.cjs');
 require('react');
 var embeddedWalletIcon = require('../../shared/assets/embedded-wallet-icon.cjs');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
@@ -80,7 +80,8 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, jwt, }) => {
             logger.logger.error(err);
         }
     }
-    if (walletConnectorCore.isEmbeddedConnector(wallet.connector)) {
+    if (walletConnectorCore.isEmbeddedConnector(wallet.connector) ||
+        walletConnectorCore.isSmartWalletConnector(wallet.connector)) {
         return embeddedWalletIcon.ReactComponent;
     }
     return null;

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -1,16 +1,16 @@
 import { jsx } from 'react/jsx-runtime';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
-import { isEmailOTPWalletConnector, isSocialWalletConnector, isEmbeddedConnector } from '@dynamic-labs/wallet-connector-core';
+import { isEmailOTPWalletConnector, isSocialWalletConnector, isEmbeddedConnector, isSmartWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../shared/logger.js';
 import '../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgEmbeddedWalletIcon } from '../../shared/assets/embedded-wallet-icon.js';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
@@ -76,7 +76,8 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, jwt, }) => {
             logger.error(err);
         }
     }
-    if (isEmbeddedConnector(wallet.connector)) {
+    if (isEmbeddedConnector(wallet.connector) ||
+        isSmartWalletConnector(wallet.connector)) {
         return SvgEmbeddedWalletIcon;
     }
     return null;

package/src/lib/components/Checkbox/Checkbox.cjs

@@ -11,10 +11,10 @@ require('../../context/ViewContext/ViewContext.cjs');
 require('react');
 var check = require('../../shared/assets/check.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 

package/src/lib/components/Checkbox/Checkbox.js

@@ -7,10 +7,10 @@ import '../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgCheck } from '../../shared/assets/check.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 

package/src/lib/components/Divider/Divider.cjs

@@ -11,10 +11,10 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');

package/src/lib/components/Divider/Divider.js

@@ -7,10 +7,10 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.cjs

@@ -10,16 +10,16 @@ var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var ConnectButton = require('./components/ConnectButton.cjs');
 
 const DynamicConnectButton = ({ buttonContainerClassName = '', buttonClassName = '', children, }) => {
-    const { isProjectSettingsLoading, setShowAuthFlow, setSelectedWalletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { isProjectSettingsLoading, setShowAuthFlow, setSelectedWalletConnectorKey, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const [didUserClick, setUserClicked] = React.useState(false);
     const handleOnClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!didUserClick) {
             setUserClicked(true);
         }
-        setSelectedWalletConnector(null);
+        setSelectedWalletConnectorKey(null);
         setShowAuthFlow(true);
-    }), [didUserClick, setSelectedWalletConnector, setShowAuthFlow, setView]);
+    }), [didUserClick, setSelectedWalletConnectorKey, setShowAuthFlow, setView]);
     return (jsxRuntime.jsx(ConnectButton.ConnectButton, { isLoading: isProjectSettingsLoading, isActive: didUserClick, onClick: handleOnClick, buttonContainerClassName: buttonContainerClassName, buttonClassName: buttonClassName, children: children }));
 };
 

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.js

@@ -6,16 +6,16 @@ import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { ConnectButton } from './components/ConnectButton.js';
 
 const DynamicConnectButton = ({ buttonContainerClassName = '', buttonClassName = '', children, }) => {
-    const { isProjectSettingsLoading, setShowAuthFlow, setSelectedWalletConnector, } = useInternalDynamicContext();
+    const { isProjectSettingsLoading, setShowAuthFlow, setSelectedWalletConnectorKey, } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const [didUserClick, setUserClicked] = useState(false);
     const handleOnClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         if (!didUserClick) {
             setUserClicked(true);
         }
-        setSelectedWalletConnector(null);
+        setSelectedWalletConnectorKey(null);
         setShowAuthFlow(true);
-    }), [didUserClick, setSelectedWalletConnector, setShowAuthFlow, setView]);
+    }), [didUserClick, setSelectedWalletConnectorKey, setShowAuthFlow, setView]);
     return (jsx(ConnectButton, { isLoading: isProjectSettingsLoading, isActive: didUserClick, onClick: handleOnClick, buttonContainerClassName: buttonContainerClassName, buttonClassName: buttonClassName, children: children }));
 };
 

package/src/lib/components/ErrorContainer/ErrorContainer.cjs

@@ -11,10 +11,10 @@ require('../../context/ViewContext/ViewContext.cjs');
 require('react');
 var error = require('../../shared/assets/error.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var Typography = require('../Typography/Typography.cjs');

package/src/lib/components/ErrorContainer/ErrorContainer.js

@@ -7,10 +7,10 @@ import '../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgError } from '../../shared/assets/error.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { Typography } from '../Typography/Typography.js';

package/src/lib/components/IconWithSpinner/Indicator/Indicator.cjs

@@ -11,10 +11,10 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 var walletConnectLogo = require('../../../shared/assets/wallet-connect-logo.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../../utils/constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');

package/src/lib/components/IconWithSpinner/Indicator/Indicator.js

@@ -7,10 +7,10 @@ import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgWalletConnectLogo } from '../../../shared/assets/wallet-connect-logo.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../../utils/constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';

package/src/lib/components/IconWithSpinner/Spinner/Spinner.cjs

@@ -11,10 +11,10 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../../utils/constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');

package/src/lib/components/IconWithSpinner/Spinner/Spinner.js

@@ -7,10 +7,10 @@ import '@dynamic-labs/wallet-connector-core';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../../utils/constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';

package/src/lib/components/IconWithStatus/IconWithStatus.cjs

@@ -10,10 +10,10 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('react');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');

package/src/lib/components/IconWithStatus/IconWithStatus.js

@@ -6,10 +6,10 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import 'react';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';

package/src/lib/components/LogoutButton/LogoutButton.cjs

@@ -13,10 +13,10 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 var logout = require('../../shared/assets/logout.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var Button = require('../Button/Button.cjs');
 

package/src/lib/components/LogoutButton/LogoutButton.js

@@ -9,10 +9,10 @@ import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgLogout } from '../../shared/assets/logout.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import { Button } from '../Button/Button.js';
 

package/src/lib/components/NeedHelpSection/NeedHelpSection.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+var Typography = require('../Typography/Typography.cjs');
+
+const NeedHelpSection = () => {
+    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const { t } = reactI18next.useTranslation();
+    const supportEmail = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.supportEmail;
+    if (!supportEmail)
+        return null;
+    return (jsxRuntime.jsxs("div", { className: 'need-help-section', children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', children: t('dyn_need_help_section.info') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'link', children: jsxRuntime.jsx("a", { href: `mailto:${supportEmail}`, children: supportEmail }) })] }));
+};
+
+exports.NeedHelpSection = NeedHelpSection;

package/src/lib/components/NeedHelpSection/NeedHelpSection.d.ts

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

package/src/lib/components/NeedHelpSection/NeedHelpSection.js

@@ -0,0 +1,15 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import { Typography } from '../Typography/Typography.js';
+
+const NeedHelpSection = () => {
+    const { projectSettings } = useInternalDynamicContext();
+    const { t } = useTranslation();
+    const supportEmail = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.supportEmail;
+    if (!supportEmail)
+        return null;
+    return (jsxs("div", { className: 'need-help-section', children: [jsx(Typography, { color: 'secondary', variant: 'body_small', children: t('dyn_need_help_section.info') }), jsx(Typography, { variant: 'body_small', color: 'link', children: jsx("a", { href: `mailto:${supportEmail}`, children: supportEmail }) })] }));
+};
+
+export { NeedHelpSection };

package/src/lib/components/NeedHelpSection/index.d.ts

@@ -0,0 +1 @@
+export { NeedHelpSection } from './NeedHelpSection';

package/src/lib/components/NetworkPicker/NetworkPicker.cjs

@@ -12,10 +12,10 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var isNetworkUnsupported = require('../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.cjs');

package/src/lib/components/NetworkPicker/NetworkPicker.js

@@ -8,10 +8,10 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { isNetworkUnsupported } from '../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.js';

package/src/lib/components/NetworkPicker/components/Network/Network.cjs

@@ -13,10 +13,10 @@ require('../../../../context/ViewContext/ViewContext.cjs');
 var error = require('../../../../shared/assets/error.cjs');
 var check = require('../../../../shared/assets/check.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');

package/src/lib/components/NetworkPicker/components/Network/Network.js

@@ -9,10 +9,10 @@ import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgError } from '../../../../shared/assets/error.js';
 import { ReactComponent as SvgCheck } from '../../../../shared/assets/check.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';