@thirdweb-dev/react 4.4.20 → 4.4.21-nightly-802ba8c5a-20240315214539

package/dist/{Tooltip-f1f794ec.esm.js → Tooltip-3999d8ef.esm.js}

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { v as Input, S as Spacer, T as Text, B as Button, u as useCustomTheme, r as radius, s as spacing, g as fontSize, O as shadow } from './formElements-370759d5.esm.js';
+import { v as Input, S as Spacer, T as Text, B as Button, u as useCustomTheme, r as radius, s as spacing, g as fontSize, O as shadow } from './formElements-d22c07cb.esm.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';

package/dist/{Tooltip-11f884cd.cjs.dev.js → Tooltip-8ab7081d.cjs.dev.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var formElements = require('./formElements-53d5ad03.cjs.dev.js');
+var formElements = require('./formElements-dc85850a.cjs.dev.js');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');

package/dist/{Tooltip-4592ae25.browser.esm.js → Tooltip-b08a464d.browser.esm.js}

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { v as Input, S as Spacer, T as Text, B as Button, u as useCustomTheme, r as radius, s as spacing, g as fontSize, O as shadow } from './formElements-556d0493.browser.esm.js';
+import { v as Input, S as Spacer, T as Text, B as Button, u as useCustomTheme, r as radius, s as spacing, g as fontSize, O as shadow } from './formElements-c39105f7.browser.esm.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';

package/dist/{Tooltip-3c4516f1.cjs.prod.js → Tooltip-fc5f1d06.cjs.prod.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var formElements = require('./formElements-c9f9b97c.cjs.prod.js');
+var formElements = require('./formElements-8ef06f1e.cjs.prod.js');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');

package/dist/declarations/src/evm/providers/thirdweb-provider.d.ts

@@ -142,7 +142,7 @@ export interface ThirdwebProviderProps<TChains extends Chain[]> extends Omit<Thi
 export type DefaultChains = typeof defaultChains;
 /**
  * The `<ThirdwebProvider />` component lets you control what networks you want users to connect to,
- * what types of wallets can connect to your app, and the settings for the [Thirdweb SDK](https://docs.thirdweb.com/typescript).
+ * what types of wallets can connect to your app, and the settings for the [thirdweb SDK](https://docs.thirdweb.com/typescript).
  *
  * @example
  * You can wrap your application with the provider as follows:

package/dist/declarations/src/wallet/ConnectWallet/ConnectWallet.d.ts

@@ -259,7 +259,7 @@ export type ConnectWalletProps = {
      */
     displayBalanceToken?: Record<number, string>;
     /**
-     * Hide the "Switch to Personal wallet" option in the wallet modal which is shown when wallet is connected to either Smart Wallet or Safe.
+     * Hide the "Switch to Personal wallet" option in the wallet modal which is shown when wallet is connected to either Smart Account or Safe.
      *
      * By default it is `false`
      *
@@ -535,7 +535,7 @@ export type ConnectWalletProps = {
  * ```
  *
  * ### hideSwitchToPersonalWallet
- * Hide the "Switch to Personal wallet" option in the wallet modal which is shown when wallet is connected to either Smart Wallet or Safe.
+ * Hide the "Switch to Personal wallet" option in the wallet modal which is shown when wallet is connected to either Smart Account or Safe.
  *
  * By default it is `false`
  *

package/dist/{formElements-c9f9b97c.cjs.prod.js → formElements-8ef06f1e.cjs.prod.js}

@@ -735,12 +735,12 @@ function enDefault() {
       guestWalletWarning: "This is a temporary guest wallet. Backup wallet if you don't want to lose access to it",
       switchTo: "Switch to",
       // Used in "Switch to <Wallet-Name>"
-      connectedToSmartWallet: "Connected To Smart Wallet",
+      connectedToSmartWallet: "Connected To Smart Account",
       confirmInWallet: "Confirm in wallet",
       disconnectWallet: "Disconnect Wallet",
       copyAddress: "Copy Address",
       personalWallet: "Personal Wallet",
-      smartWallet: "Smart Wallet",
+      smartWallet: "Smart Account",
       or: "OR",
       goBackButton: "Back",
       download: {
@@ -816,8 +816,8 @@ function enDefault() {
         scanInstruction: "Scan this with your wallet app to connect"
       },
       smartWallet: {
-        connecting: "Connecting to Smart Wallet",
-        failedToConnect: "Failed to connect to Smart Wallet",
+        connecting: "Connecting to Smart Account",
+        failedToConnect: "Failed to connect to Smart Acount",
         wrongNetworkScreen: {
           title: "Wrong Network",
           subtitle: "Your wallet is not connected to the required network",

package/dist/{formElements-556d0493.browser.esm.js → formElements-c39105f7.browser.esm.js}

@@ -729,12 +729,12 @@ function enDefault() {
       guestWalletWarning: "This is a temporary guest wallet. Backup wallet if you don't want to lose access to it",
       switchTo: "Switch to",
       // Used in "Switch to <Wallet-Name>"
-      connectedToSmartWallet: "Connected To Smart Wallet",
+      connectedToSmartWallet: "Connected To Smart Account",
       confirmInWallet: "Confirm in wallet",
       disconnectWallet: "Disconnect Wallet",
       copyAddress: "Copy Address",
       personalWallet: "Personal Wallet",
-      smartWallet: "Smart Wallet",
+      smartWallet: "Smart Account",
       or: "OR",
       goBackButton: "Back",
       download: {
@@ -810,8 +810,8 @@ function enDefault() {
         scanInstruction: "Scan this with your wallet app to connect"
       },
       smartWallet: {
-        connecting: "Connecting to Smart Wallet",
-        failedToConnect: "Failed to connect to Smart Wallet",
+        connecting: "Connecting to Smart Account",
+        failedToConnect: "Failed to connect to Smart Acount",
         wrongNetworkScreen: {
           title: "Wrong Network",
           subtitle: "Your wallet is not connected to the required network",

package/dist/{formElements-370759d5.esm.js → formElements-d22c07cb.esm.js}

@@ -729,12 +729,12 @@ function enDefault() {
       guestWalletWarning: "This is a temporary guest wallet. Backup wallet if you don't want to lose access to it",
       switchTo: "Switch to",
       // Used in "Switch to <Wallet-Name>"
-      connectedToSmartWallet: "Connected To Smart Wallet",
+      connectedToSmartWallet: "Connected To Smart Account",
       confirmInWallet: "Confirm in wallet",
       disconnectWallet: "Disconnect Wallet",
       copyAddress: "Copy Address",
       personalWallet: "Personal Wallet",
-      smartWallet: "Smart Wallet",
+      smartWallet: "Smart Account",
       or: "OR",
       goBackButton: "Back",
       download: {
@@ -810,8 +810,8 @@ function enDefault() {
         scanInstruction: "Scan this with your wallet app to connect"
       },
       smartWallet: {
-        connecting: "Connecting to Smart Wallet",
-        failedToConnect: "Failed to connect to Smart Wallet",
+        connecting: "Connecting to Smart Account",
+        failedToConnect: "Failed to connect to Smart Acount",
         wrongNetworkScreen: {
           title: "Wrong Network",
           subtitle: "Your wallet is not connected to the required network",

package/dist/{formElements-53d5ad03.cjs.dev.js → formElements-dc85850a.cjs.dev.js}

@@ -735,12 +735,12 @@ function enDefault() {
       guestWalletWarning: "This is a temporary guest wallet. Backup wallet if you don't want to lose access to it",
       switchTo: "Switch to",
       // Used in "Switch to <Wallet-Name>"
-      connectedToSmartWallet: "Connected To Smart Wallet",
+      connectedToSmartWallet: "Connected To Smart Account",
       confirmInWallet: "Confirm in wallet",
       disconnectWallet: "Disconnect Wallet",
       copyAddress: "Copy Address",
       personalWallet: "Personal Wallet",
-      smartWallet: "Smart Wallet",
+      smartWallet: "Smart Account",
       or: "OR",
       goBackButton: "Back",
       download: {
@@ -816,8 +816,8 @@ function enDefault() {
         scanInstruction: "Scan this with your wallet app to connect"
       },
       smartWallet: {
-        connecting: "Connecting to Smart Wallet",
-        failedToConnect: "Failed to connect to Smart Wallet",
+        connecting: "Connecting to Smart Account",
+        failedToConnect: "Failed to connect to Smart Acount",
         wrongNetworkScreen: {
           title: "Wrong Network",
           subtitle: "Your wallet is not connected to the required network",

package/dist/{frameWallet-14827aea.browser.esm.js → frameWallet-10d6bd36.esm.js}

@@ -1,7 +1,7 @@
 import { FrameWallet, assertWindowEthereum } from '@thirdweb-dev/wallets';
-import { i as isMobile, o as openWindow, C as ConnectingScreen, G as GetStartedScreen, B as ButtonLink } from './safeChainSlug-bca88c60.browser.esm.js';
+import { i as isMobile, o as openWindow, C as ConnectingScreen, G as GetStartedScreen, B as ButtonLink } from './safeChainSlug-b1ace34b.esm.js';
 import { useState, useRef, useEffect } from 'react';
-import { b as useTWLocale, C as Container, M as ModalHeader, S as Spacer, R as ModalTitle, c as ModalDescription, I as Img, i as iconSize, a2 as HelperLink } from './formElements-556d0493.browser.esm.js';
+import { b as useTWLocale, C as Container, M as ModalHeader, S as Spacer, R as ModalTitle, c as ModalDescription, I as Img, i as iconSize, a2 as HelperLink } from './formElements-d22c07cb.esm.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@emotion/react';
 import '@radix-ui/react-icons';

package/dist/{frameWallet-a4ddfc38.esm.js → frameWallet-49acd215.browser.esm.js}

@@ -1,7 +1,7 @@
 import { FrameWallet, assertWindowEthereum } from '@thirdweb-dev/wallets';
-import { i as isMobile, o as openWindow, C as ConnectingScreen, G as GetStartedScreen, B as ButtonLink } from './safeChainSlug-afcee04e.esm.js';
+import { i as isMobile, o as openWindow, C as ConnectingScreen, G as GetStartedScreen, B as ButtonLink } from './safeChainSlug-71a6ee7c.browser.esm.js';
 import { useState, useRef, useEffect } from 'react';
-import { b as useTWLocale, C as Container, M as ModalHeader, S as Spacer, R as ModalTitle, c as ModalDescription, I as Img, i as iconSize, a2 as HelperLink } from './formElements-370759d5.esm.js';
+import { b as useTWLocale, C as Container, M as ModalHeader, S as Spacer, R as ModalTitle, c as ModalDescription, I as Img, i as iconSize, a2 as HelperLink } from './formElements-c39105f7.browser.esm.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@emotion/react';
 import '@radix-ui/react-icons';

package/dist/{frameWallet-c27459d2.cjs.prod.js → frameWallet-9d36b7da.cjs.prod.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var wallets = require('@thirdweb-dev/wallets');
-var coinbaseWallet = require('./safeChainSlug-d64d6e2a.cjs.prod.js');
+var coinbaseWallet = require('./safeChainSlug-2a1c3478.cjs.prod.js');
 var React = require('react');
-var formElements = require('./formElements-c9f9b97c.cjs.prod.js');
+var formElements = require('./formElements-8ef06f1e.cjs.prod.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@emotion/react');
 require('@radix-ui/react-icons');

package/dist/{frameWallet-476d02e4.cjs.dev.js → frameWallet-c8547b92.cjs.dev.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var wallets = require('@thirdweb-dev/wallets');
-var coinbaseWallet = require('./safeChainSlug-78ad50c2.cjs.dev.js');
+var coinbaseWallet = require('./safeChainSlug-b75cc300.cjs.dev.js');
 var React = require('react');
-var formElements = require('./formElements-53d5ad03.cjs.dev.js');
+var formElements = require('./formElements-dc85850a.cjs.dev.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@emotion/react');
 require('@radix-ui/react-icons');

package/dist/{magicLink-def6e85f.cjs.prod.js → magicLink-2222dc44.cjs.prod.js}

@@ -3,8 +3,8 @@
 var wallets = require('@thirdweb-dev/wallets');
 var reactCore = require('@thirdweb-dev/react-core');
 var React = require('react');
-var formElements = require('./formElements-c9f9b97c.cjs.prod.js');
-var Tooltip = require('./Tooltip-3c4516f1.cjs.prod.js');
+var formElements = require('./formElements-8ef06f1e.cjs.prod.js');
+var Tooltip = require('./Tooltip-fc5f1d06.cjs.prod.js');
 var styled = require('@emotion/styled');
 var jsxRuntime = require('react/jsx-runtime');
 require('@radix-ui/react-icons');

package/dist/{magicLink-fc223d8c.browser.esm.js → magicLink-a638d4f0.browser.esm.js}

@@ -1,8 +1,8 @@
 import { MagicLink } from '@thirdweb-dev/wallets';
 import { useWalletContext } from '@thirdweb-dev/react-core';
 import { useRef, useEffect, useCallback } from 'react';
-import { C as Container, d as Spinner, b as useTWLocale, M as ModalHeader, S as Spacer, q as useScreenContext, D as reservedScreens, I as Img, i as iconSize, p as TextDivider, B as Button, u as useCustomTheme, s as spacing, g as fontSize, z as IconButton } from './formElements-556d0493.browser.esm.js';
-import { b as emailAndPhoneIcon, e as emailIcon, p as phoneIcon, T as ToolTip, I as InputSelectionUI, g as googleIconUri, f as facebookIconUri, t as twitterIconUri, c as githubIconUri, a as appleIconUri, l as linkedinIconUri, d as bitbucketIconUri, h as gitlabIconUri, i as twitchIconUri, j as discordIconUri, m as microsoftIconUri } from './Tooltip-4592ae25.browser.esm.js';
+import { C as Container, d as Spinner, b as useTWLocale, M as ModalHeader, S as Spacer, q as useScreenContext, D as reservedScreens, I as Img, i as iconSize, p as TextDivider, B as Button, u as useCustomTheme, s as spacing, g as fontSize, z as IconButton } from './formElements-c39105f7.browser.esm.js';
+import { b as emailAndPhoneIcon, e as emailIcon, p as phoneIcon, T as ToolTip, I as InputSelectionUI, g as googleIconUri, f as facebookIconUri, t as twitterIconUri, c as githubIconUri, a as appleIconUri, l as linkedinIconUri, d as bitbucketIconUri, h as gitlabIconUri, i as twitchIconUri, j as discordIconUri, m as microsoftIconUri } from './Tooltip-b08a464d.browser.esm.js';
 import styled from '@emotion/styled';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@radix-ui/react-icons';

package/dist/{magicLink-41104d8b.cjs.dev.js → magicLink-ab8e0ba0.cjs.dev.js}

@@ -3,8 +3,8 @@
 var wallets = require('@thirdweb-dev/wallets');
 var reactCore = require('@thirdweb-dev/react-core');
 var React = require('react');
-var formElements = require('./formElements-53d5ad03.cjs.dev.js');
-var Tooltip = require('./Tooltip-11f884cd.cjs.dev.js');
+var formElements = require('./formElements-dc85850a.cjs.dev.js');
+var Tooltip = require('./Tooltip-8ab7081d.cjs.dev.js');
 var styled = require('@emotion/styled');
 var jsxRuntime = require('react/jsx-runtime');
 require('@radix-ui/react-icons');

package/dist/{magicLink-cea2fa50.esm.js → magicLink-c7ea6a91.esm.js}

@@ -1,8 +1,8 @@
 import { MagicLink } from '@thirdweb-dev/wallets';
 import { useWalletContext } from '@thirdweb-dev/react-core';
 import { useRef, useEffect, useCallback } from 'react';
-import { C as Container, d as Spinner, b as useTWLocale, M as ModalHeader, S as Spacer, q as useScreenContext, D as reservedScreens, I as Img, i as iconSize, p as TextDivider, B as Button, u as useCustomTheme, s as spacing, g as fontSize, z as IconButton } from './formElements-370759d5.esm.js';
-import { b as emailAndPhoneIcon, e as emailIcon, p as phoneIcon, T as ToolTip, I as InputSelectionUI, g as googleIconUri, f as facebookIconUri, t as twitterIconUri, c as githubIconUri, a as appleIconUri, l as linkedinIconUri, d as bitbucketIconUri, h as gitlabIconUri, i as twitchIconUri, j as discordIconUri, m as microsoftIconUri } from './Tooltip-f1f794ec.esm.js';
+import { C as Container, d as Spinner, b as useTWLocale, M as ModalHeader, S as Spacer, q as useScreenContext, D as reservedScreens, I as Img, i as iconSize, p as TextDivider, B as Button, u as useCustomTheme, s as spacing, g as fontSize, z as IconButton } from './formElements-d22c07cb.esm.js';
+import { b as emailAndPhoneIcon, e as emailIcon, p as phoneIcon, T as ToolTip, I as InputSelectionUI, g as googleIconUri, f as facebookIconUri, t as twitterIconUri, c as githubIconUri, a as appleIconUri, l as linkedinIconUri, d as bitbucketIconUri, h as gitlabIconUri, i as twitchIconUri, j as discordIconUri, m as microsoftIconUri } from './Tooltip-3999d8ef.esm.js';
 import styled from '@emotion/styled';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@radix-ui/react-icons';

package/dist/{oneKeyWallet-5a19393f.esm.js → oneKeyWallet-1d6f4ee2.esm.js}

@@ -1,5 +1,5 @@
 import { LockOpen1Icon, EyeClosedIcon, EyeOpenIcon, CheckIcon, PinBottomIcon, CopyIcon as CopyIcon$1, Cross2Icon, MagnifyingGlassIcon, CrossCircledIcon, CheckCircledIcon, PaperPlaneIcon, ShuffleIcon, TextAlignJustifyIcon, ExitIcon, ChevronRightIcon, EnterIcon, ExternalLinkIcon, ReloadIcon } from '@radix-ui/react-icons';
-import { b as useTWLocale, u as useCustomTheme, C as Container, I as Img, p as TextDivider, q as useScreenContext, f as ModalConfigCtx, M as ModalHeader, S as Spacer, B as Button, s as spacing, g as fontSize, i as iconSize, T as Text, d as Spinner, a as StyledDiv, t as fadeInAnimation, v as Input, w as media, L as Line, x as InputContainer, y as InputButton, z as IconButton, A as StyledButton, D as reservedScreens, c as ModalDescription, e as Label, E as ScreenBottomContainer, F as StyledP, G as modalCloseFadeOutDuration, H as wideModalMaxHeight, J as modalMaxWidthCompact, K as modalMaxWidthWide, N as compactModalMaxHeight, r as radius, O as shadow, P as noScrollBar, Q as CustomThemeProvider, R as ModalTitle, U as StyledUl, V as onModalUnmount, W as Link, n as useSetIsWalletModalOpen, X as SetModalConfigCtx, Y as canFitWideModal, Z as useSetupScreen, m as useIsWalletModalOpen, _ as ScreenSetupContext, $ as defaultTheme, a0 as WalletUIStatesProvider, a1 as ThirdwebLocaleContext, k as en } from './formElements-370759d5.esm.js';
+import { b as useTWLocale, u as useCustomTheme, C as Container, I as Img, p as TextDivider, q as useScreenContext, f as ModalConfigCtx, M as ModalHeader, S as Spacer, B as Button, s as spacing, g as fontSize, i as iconSize, T as Text, d as Spinner, a as StyledDiv, t as fadeInAnimation, v as Input, w as media, L as Line, x as InputContainer, y as InputButton, z as IconButton, A as StyledButton, D as reservedScreens, c as ModalDescription, e as Label, E as ScreenBottomContainer, F as StyledP, G as modalCloseFadeOutDuration, H as wideModalMaxHeight, J as modalMaxWidthCompact, K as modalMaxWidthWide, N as compactModalMaxHeight, r as radius, O as shadow, P as noScrollBar, Q as CustomThemeProvider, R as ModalTitle, U as StyledUl, V as onModalUnmount, W as Link, n as useSetIsWalletModalOpen, X as SetModalConfigCtx, Y as canFitWideModal, Z as useSetupScreen, m as useIsWalletModalOpen, _ as ScreenSetupContext, $ as defaultTheme, a0 as WalletUIStatesProvider, a1 as ThirdwebLocaleContext, k as en } from './formElements-d22c07cb.esm.js';
 import { useCreateWalletInstance, shortenAddress, useStorage, useSupportedChains, useSwitchChain, useChainId, useBalance, useChain, useWallet, useAddress, shortenString, useSetConnectionStatus, useSetConnectedWallet, useWalletContext, useWallets, useDisconnect, useWalletConfig, useENS, useSDK, useLogin, useConnectionStatus, useThirdwebAuthContext, useLogout, useNetworkMismatch, useUser, useConnect, resolveMimeType, useSDKChainId, useContract, ThirdwebProviderCore } from '@thirdweb-dev/react-core';
 import React, { useContext, useState, useRef, useEffect, useCallback, useDeferredValue, useMemo, memo, Suspense, lazy } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -8,8 +8,8 @@ import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import * as RXPopover from '@radix-ui/react-popover';
 import copy from 'copy-to-clipboard';
-import { g as googleIconUri, a as appleIconUri, f as facebookIconUri, I as InputSelectionUI, e as emailIcon, T as ToolTip, s as smartWalletIcon } from './Tooltip-f1f794ec.esm.js';
-import { T as TOS, P as PoweredByThirdweb, W as WalletEntryButton, F as FormFieldWithIconButton, Q as QRCode, i as isMobile, s as safeChainIdToSlug, w as wait, b as WalletLogoSpinner, e as WalletSelector, H as HeadlessConnectUI, f as detectOS, d as defaultWallets, E as ExtensionOrWCConnectionUI } from './safeChainSlug-afcee04e.esm.js';
+import { g as googleIconUri, a as appleIconUri, f as facebookIconUri, I as InputSelectionUI, e as emailIcon, T as ToolTip, s as smartWalletIcon } from './Tooltip-3999d8ef.esm.js';
+import { T as TOS, P as PoweredByThirdweb, W as WalletEntryButton, F as FormFieldWithIconButton, Q as QRCode, i as isMobile, s as safeChainIdToSlug, w as wait, b as WalletLogoSpinner, e as WalletSelector, H as HeadlessConnectUI, f as detectOS, d as defaultWallets, E as ExtensionOrWCConnectionUI } from './safeChainSlug-b1ace34b.esm.js';
 import * as Tabs from '@radix-ui/react-tabs';
 import Fuse from 'fuse.js';
 import { Localhost } from '@thirdweb-dev/chains';
@@ -4466,7 +4466,7 @@ const TW_CONNECT_WALLET = "tw-connect-wallet";
  * ```
  *
  * ### hideSwitchToPersonalWallet
- * Hide the "Switch to Personal wallet" option in the wallet modal which is shown when wallet is connected to either Smart Wallet or Safe.
+ * Hide the "Switch to Personal wallet" option in the wallet modal which is shown when wallet is connected to either Smart Account or Safe.
  *
  * By default it is `false`
  *
@@ -6827,7 +6827,7 @@ function getAnalyticsGlobals() {
 
 /**
  * The `<ThirdwebProvider />` component lets you control what networks you want users to connect to,
- * what types of wallets can connect to your app, and the settings for the [Thirdweb SDK](https://docs.thirdweb.com/typescript).
+ * what types of wallets can connect to your app, and the settings for the [thirdweb SDK](https://docs.thirdweb.com/typescript).
  *
  * @example
  * You can wrap your application with the provider as follows:
@@ -7217,7 +7217,7 @@ function useRainbowWallet() {
   return useCallback(async connectOptions => {
     const {
       rainbowWallet
-    } = await import('./safeChainSlug-afcee04e.esm.js').then(function (n) { return n.R; });
+    } = await import('./safeChainSlug-b1ace34b.esm.js').then(function (n) { return n.R; });
     return connect(rainbowWallet(), connectOptions);
   }, [connect]);
 }
@@ -7232,7 +7232,7 @@ function useTrustWallet() {
   return useCallback(async connectOptions => {
     const {
       trustWallet
-    } = await import('./safeChainSlug-afcee04e.esm.js').then(function (n) { return n.u; });
+    } = await import('./safeChainSlug-b1ace34b.esm.js').then(function (n) { return n.u; });
     return connect(trustWallet(), connectOptions);
   }, [connect]);
 }
@@ -7246,7 +7246,7 @@ function useMetamask() {
   return useCallback(async options => {
     const {
       metamaskWallet
-    } = await import('./safeChainSlug-afcee04e.esm.js').then(function (n) { return n.n; });
+    } = await import('./safeChainSlug-b1ace34b.esm.js').then(function (n) { return n.n; });
     return connect(metamaskWallet(), options);
   }, [connect]);
 }
@@ -7261,7 +7261,7 @@ function useCoinbaseWallet() {
   return useCallback(async connectOptions => {
     const {
       coinbaseWallet
-    } = await import('./safeChainSlug-afcee04e.esm.js').then(function (n) { return n.l; });
+    } = await import('./safeChainSlug-b1ace34b.esm.js').then(function (n) { return n.l; });
     return connect(coinbaseWallet(), connectOptions);
   }, [connect]);
 }
@@ -7275,7 +7275,7 @@ function useFrameWallet() {
   return useCallback(async connectOptions => {
     const {
       frameWallet
-    } = await import('./frameWallet-a4ddfc38.esm.js');
+    } = await import('./frameWallet-10d6bd36.esm.js');
     return connect(frameWallet(), connectOptions);
   }, [connect]);
 }
@@ -7324,7 +7324,7 @@ function usePaperWallet() {
   return useCallback(async options => {
     const {
       paperWallet
-    } = await import('./paperWallet-c8d8c69f.esm.js');
+    } = await import('./paperWallet-89f875f3.esm.js');
     return connect(paperWallet(options), {
       chainId: options.chainId,
       email: options.email
@@ -7364,7 +7364,7 @@ function useWalletConnectV1() {
   return useCallback(async options => {
     const {
       walletConnectV1
-    } = await import('./walletConnectV1-f6c0d03e.esm.js');
+    } = await import('./walletConnectV1-57ba2dc5.esm.js');
     return connect(walletConnectV1(), options);
   }, [connect]);
 }
@@ -7379,7 +7379,7 @@ function useWalletConnect() {
   return useCallback(async options => {
     const {
       walletConnect
-    } = await import('./safeChainSlug-afcee04e.esm.js').then(function (n) { return n.q; });
+    } = await import('./safeChainSlug-b1ace34b.esm.js').then(function (n) { return n.q; });
     return connect(walletConnect({
       ...options,
       qrModal: "walletConnect"

package/dist/{oneKeyWallet-2ef53d11.browser.esm.js → oneKeyWallet-96941e8d.browser.esm.js}

@@ -1,5 +1,5 @@
 import { LockOpen1Icon, EyeClosedIcon, EyeOpenIcon, CheckIcon, PinBottomIcon, CopyIcon as CopyIcon$1, Cross2Icon, MagnifyingGlassIcon, CrossCircledIcon, CheckCircledIcon, PaperPlaneIcon, ShuffleIcon, TextAlignJustifyIcon, ExitIcon, ChevronRightIcon, EnterIcon, ExternalLinkIcon, ReloadIcon } from '@radix-ui/react-icons';
-import { b as useTWLocale, u as useCustomTheme, C as Container, I as Img, p as TextDivider, q as useScreenContext, f as ModalConfigCtx, M as ModalHeader, S as Spacer, B as Button, s as spacing, g as fontSize, i as iconSize, T as Text, d as Spinner, a as StyledDiv, t as fadeInAnimation, v as Input, w as media, L as Line, x as InputContainer, y as InputButton, z as IconButton, A as StyledButton, D as reservedScreens, c as ModalDescription, e as Label, E as ScreenBottomContainer, F as StyledP, G as modalCloseFadeOutDuration, H as wideModalMaxHeight, J as modalMaxWidthCompact, K as modalMaxWidthWide, N as compactModalMaxHeight, r as radius, O as shadow, P as noScrollBar, Q as CustomThemeProvider, R as ModalTitle, U as StyledUl, V as onModalUnmount, W as Link, n as useSetIsWalletModalOpen, X as SetModalConfigCtx, Y as canFitWideModal, Z as useSetupScreen, m as useIsWalletModalOpen, _ as ScreenSetupContext, $ as defaultTheme, a0 as WalletUIStatesProvider, a1 as ThirdwebLocaleContext, k as en } from './formElements-556d0493.browser.esm.js';
+import { b as useTWLocale, u as useCustomTheme, C as Container, I as Img, p as TextDivider, q as useScreenContext, f as ModalConfigCtx, M as ModalHeader, S as Spacer, B as Button, s as spacing, g as fontSize, i as iconSize, T as Text, d as Spinner, a as StyledDiv, t as fadeInAnimation, v as Input, w as media, L as Line, x as InputContainer, y as InputButton, z as IconButton, A as StyledButton, D as reservedScreens, c as ModalDescription, e as Label, E as ScreenBottomContainer, F as StyledP, G as modalCloseFadeOutDuration, H as wideModalMaxHeight, J as modalMaxWidthCompact, K as modalMaxWidthWide, N as compactModalMaxHeight, r as radius, O as shadow, P as noScrollBar, Q as CustomThemeProvider, R as ModalTitle, U as StyledUl, V as onModalUnmount, W as Link, n as useSetIsWalletModalOpen, X as SetModalConfigCtx, Y as canFitWideModal, Z as useSetupScreen, m as useIsWalletModalOpen, _ as ScreenSetupContext, $ as defaultTheme, a0 as WalletUIStatesProvider, a1 as ThirdwebLocaleContext, k as en } from './formElements-c39105f7.browser.esm.js';
 import { useCreateWalletInstance, shortenAddress, useStorage, useSupportedChains, useSwitchChain, useChainId, useBalance, useChain, useWallet, useAddress, shortenString, useSetConnectionStatus, useSetConnectedWallet, useWalletContext, useWallets, useDisconnect, useWalletConfig, useENS, useSDK, useLogin, useConnectionStatus, useThirdwebAuthContext, useLogout, useNetworkMismatch, useUser, useConnect, resolveMimeType, useSDKChainId, useContract, ThirdwebProviderCore } from '@thirdweb-dev/react-core';
 import React, { useContext, useState, useRef, useEffect, useCallback, useDeferredValue, useMemo, memo, Suspense, lazy } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -8,8 +8,8 @@ import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import * as RXPopover from '@radix-ui/react-popover';
 import copy from 'copy-to-clipboard';
-import { g as googleIconUri, a as appleIconUri, f as facebookIconUri, I as InputSelectionUI, e as emailIcon, T as ToolTip, s as smartWalletIcon } from './Tooltip-4592ae25.browser.esm.js';
-import { T as TOS, P as PoweredByThirdweb, W as WalletEntryButton, F as FormFieldWithIconButton, Q as QRCode, i as isMobile, s as safeChainIdToSlug, w as wait, b as WalletLogoSpinner, e as WalletSelector, H as HeadlessConnectUI, f as detectOS, d as defaultWallets, E as ExtensionOrWCConnectionUI } from './safeChainSlug-bca88c60.browser.esm.js';
+import { g as googleIconUri, a as appleIconUri, f as facebookIconUri, I as InputSelectionUI, e as emailIcon, T as ToolTip, s as smartWalletIcon } from './Tooltip-b08a464d.browser.esm.js';
+import { T as TOS, P as PoweredByThirdweb, W as WalletEntryButton, F as FormFieldWithIconButton, Q as QRCode, i as isMobile, s as safeChainIdToSlug, w as wait, b as WalletLogoSpinner, e as WalletSelector, H as HeadlessConnectUI, f as detectOS, d as defaultWallets, E as ExtensionOrWCConnectionUI } from './safeChainSlug-71a6ee7c.browser.esm.js';
 import * as Tabs from '@radix-ui/react-tabs';
 import Fuse from 'fuse.js';
 import { Localhost } from '@thirdweb-dev/chains';
@@ -4466,7 +4466,7 @@ const TW_CONNECT_WALLET = "tw-connect-wallet";
  * ```
  *
  * ### hideSwitchToPersonalWallet
- * Hide the "Switch to Personal wallet" option in the wallet modal which is shown when wallet is connected to either Smart Wallet or Safe.
+ * Hide the "Switch to Personal wallet" option in the wallet modal which is shown when wallet is connected to either Smart Account or Safe.
  *
  * By default it is `false`
  *
@@ -6827,7 +6827,7 @@ function getAnalyticsGlobals() {
 
 /**
  * The `<ThirdwebProvider />` component lets you control what networks you want users to connect to,
- * what types of wallets can connect to your app, and the settings for the [Thirdweb SDK](https://docs.thirdweb.com/typescript).
+ * what types of wallets can connect to your app, and the settings for the [thirdweb SDK](https://docs.thirdweb.com/typescript).
  *
  * @example
  * You can wrap your application with the provider as follows:
@@ -7217,7 +7217,7 @@ function useRainbowWallet() {
   return useCallback(async connectOptions => {
     const {
       rainbowWallet
-    } = await import('./safeChainSlug-bca88c60.browser.esm.js').then(function (n) { return n.R; });
+    } = await import('./safeChainSlug-71a6ee7c.browser.esm.js').then(function (n) { return n.R; });
     return connect(rainbowWallet(), connectOptions);
   }, [connect]);
 }
@@ -7232,7 +7232,7 @@ function useTrustWallet() {
   return useCallback(async connectOptions => {
     const {
       trustWallet
-    } = await import('./safeChainSlug-bca88c60.browser.esm.js').then(function (n) { return n.u; });
+    } = await import('./safeChainSlug-71a6ee7c.browser.esm.js').then(function (n) { return n.u; });
     return connect(trustWallet(), connectOptions);
   }, [connect]);
 }
@@ -7246,7 +7246,7 @@ function useMetamask() {
   return useCallback(async options => {
     const {
       metamaskWallet
-    } = await import('./safeChainSlug-bca88c60.browser.esm.js').then(function (n) { return n.n; });
+    } = await import('./safeChainSlug-71a6ee7c.browser.esm.js').then(function (n) { return n.n; });
     return connect(metamaskWallet(), options);
   }, [connect]);
 }
@@ -7261,7 +7261,7 @@ function useCoinbaseWallet() {
   return useCallback(async connectOptions => {
     const {
       coinbaseWallet
-    } = await import('./safeChainSlug-bca88c60.browser.esm.js').then(function (n) { return n.l; });
+    } = await import('./safeChainSlug-71a6ee7c.browser.esm.js').then(function (n) { return n.l; });
     return connect(coinbaseWallet(), connectOptions);
   }, [connect]);
 }
@@ -7275,7 +7275,7 @@ function useFrameWallet() {
   return useCallback(async connectOptions => {
     const {
       frameWallet
-    } = await import('./frameWallet-14827aea.browser.esm.js');
+    } = await import('./frameWallet-49acd215.browser.esm.js');
     return connect(frameWallet(), connectOptions);
   }, [connect]);
 }
@@ -7324,7 +7324,7 @@ function usePaperWallet() {
   return useCallback(async options => {
     const {
       paperWallet
-    } = await import('./paperWallet-22a56503.browser.esm.js');
+    } = await import('./paperWallet-3cc7a3e8.browser.esm.js');
     return connect(paperWallet(options), {
       chainId: options.chainId,
       email: options.email
@@ -7364,7 +7364,7 @@ function useWalletConnectV1() {
   return useCallback(async options => {
     const {
       walletConnectV1
-    } = await import('./walletConnectV1-9a7c898e.browser.esm.js');
+    } = await import('./walletConnectV1-e11cb68f.browser.esm.js');
     return connect(walletConnectV1(), options);
   }, [connect]);
 }
@@ -7379,7 +7379,7 @@ function useWalletConnect() {
   return useCallback(async options => {
     const {
       walletConnect
-    } = await import('./safeChainSlug-bca88c60.browser.esm.js').then(function (n) { return n.q; });
+    } = await import('./safeChainSlug-71a6ee7c.browser.esm.js').then(function (n) { return n.q; });
     return connect(walletConnect({
       ...options,
       qrModal: "walletConnect"

package/dist/{oneKeyWallet-d854903f.cjs.dev.js → oneKeyWallet-c6eb054a.cjs.dev.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var reactIcons = require('@radix-ui/react-icons');
-var formElements = require('./formElements-53d5ad03.cjs.dev.js');
+var formElements = require('./formElements-dc85850a.cjs.dev.js');
 var reactCore = require('@thirdweb-dev/react-core');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -10,8 +10,8 @@ var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var RXPopover = require('@radix-ui/react-popover');
 var copy = require('copy-to-clipboard');
-var Tooltip = require('./Tooltip-11f884cd.cjs.dev.js');
-var coinbaseWallet = require('./safeChainSlug-78ad50c2.cjs.dev.js');
+var Tooltip = require('./Tooltip-8ab7081d.cjs.dev.js');
+var coinbaseWallet = require('./safeChainSlug-b75cc300.cjs.dev.js');
 var Tabs = require('@radix-ui/react-tabs');
 var Fuse = require('fuse.js');
 var chains = require('@thirdweb-dev/chains');
@@ -4497,7 +4497,7 @@ const TW_CONNECT_WALLET = "tw-connect-wallet";
  * ```
  *
  * ### hideSwitchToPersonalWallet
- * Hide the "Switch to Personal wallet" option in the wallet modal which is shown when wallet is connected to either Smart Wallet or Safe.
+ * Hide the "Switch to Personal wallet" option in the wallet modal which is shown when wallet is connected to either Smart Account or Safe.
  *
  * By default it is `false`
  *
@@ -6858,7 +6858,7 @@ function getAnalyticsGlobals() {
 
 /**
  * The `<ThirdwebProvider />` component lets you control what networks you want users to connect to,
- * what types of wallets can connect to your app, and the settings for the [Thirdweb SDK](https://docs.thirdweb.com/typescript).
+ * what types of wallets can connect to your app, and the settings for the [thirdweb SDK](https://docs.thirdweb.com/typescript).
  *
  * @example
  * You can wrap your application with the provider as follows:
@@ -7248,7 +7248,7 @@ function useRainbowWallet() {
   return React.useCallback(async connectOptions => {
     const {
       rainbowWallet
-    } = await Promise.resolve().then(function () { return require('./safeChainSlug-78ad50c2.cjs.dev.js'); }).then(function (n) { return n.RainbowWallet; });
+    } = await Promise.resolve().then(function () { return require('./safeChainSlug-b75cc300.cjs.dev.js'); }).then(function (n) { return n.RainbowWallet; });
     return connect(rainbowWallet(), connectOptions);
   }, [connect]);
 }
@@ -7263,7 +7263,7 @@ function useTrustWallet() {
   return React.useCallback(async connectOptions => {
     const {
       trustWallet
-    } = await Promise.resolve().then(function () { return require('./safeChainSlug-78ad50c2.cjs.dev.js'); }).then(function (n) { return n.TrustWallet; });
+    } = await Promise.resolve().then(function () { return require('./safeChainSlug-b75cc300.cjs.dev.js'); }).then(function (n) { return n.TrustWallet; });
     return connect(trustWallet(), connectOptions);
   }, [connect]);
 }
@@ -7277,7 +7277,7 @@ function useMetamask() {
   return React.useCallback(async options => {
     const {
       metamaskWallet
-    } = await Promise.resolve().then(function () { return require('./safeChainSlug-78ad50c2.cjs.dev.js'); }).then(function (n) { return n.metamaskWallet$1; });
+    } = await Promise.resolve().then(function () { return require('./safeChainSlug-b75cc300.cjs.dev.js'); }).then(function (n) { return n.metamaskWallet$1; });
     return connect(metamaskWallet(), options);
   }, [connect]);
 }
@@ -7292,7 +7292,7 @@ function useCoinbaseWallet() {
   return React.useCallback(async connectOptions => {
     const {
       coinbaseWallet
-    } = await Promise.resolve().then(function () { return require('./safeChainSlug-78ad50c2.cjs.dev.js'); }).then(function (n) { return n.coinbaseWallet$1; });
+    } = await Promise.resolve().then(function () { return require('./safeChainSlug-b75cc300.cjs.dev.js'); }).then(function (n) { return n.coinbaseWallet$1; });
     return connect(coinbaseWallet(), connectOptions);
   }, [connect]);
 }
@@ -7306,7 +7306,7 @@ function useFrameWallet() {
   return React.useCallback(async connectOptions => {
     const {
       frameWallet
-    } = await Promise.resolve().then(function () { return require('./frameWallet-476d02e4.cjs.dev.js'); });
+    } = await Promise.resolve().then(function () { return require('./frameWallet-c8547b92.cjs.dev.js'); });
     return connect(frameWallet(), connectOptions);
   }, [connect]);
 }
@@ -7355,7 +7355,7 @@ function usePaperWallet() {
   return React.useCallback(async options => {
     const {
       paperWallet
-    } = await Promise.resolve().then(function () { return require('./paperWallet-21130822.cjs.dev.js'); });
+    } = await Promise.resolve().then(function () { return require('./paperWallet-e63c5eb3.cjs.dev.js'); });
     return connect(paperWallet(options), {
       chainId: options.chainId,
       email: options.email
@@ -7395,7 +7395,7 @@ function useWalletConnectV1() {
   return React.useCallback(async options => {
     const {
       walletConnectV1
-    } = await Promise.resolve().then(function () { return require('./walletConnectV1-a47d9608.cjs.dev.js'); });
+    } = await Promise.resolve().then(function () { return require('./walletConnectV1-146c4b36.cjs.dev.js'); });
     return connect(walletConnectV1(), options);
   }, [connect]);
 }
@@ -7410,7 +7410,7 @@ function useWalletConnect() {
   return React.useCallback(async options => {
     const {
       walletConnect
-    } = await Promise.resolve().then(function () { return require('./safeChainSlug-78ad50c2.cjs.dev.js'); }).then(function (n) { return n.walletConnect$1; });
+    } = await Promise.resolve().then(function () { return require('./safeChainSlug-b75cc300.cjs.dev.js'); }).then(function (n) { return n.walletConnect$1; });
     return connect(walletConnect({
       ...options,
       qrModal: "walletConnect"