@vechain/vechain-kit 1.3.1 → 1.4.0

package/dist/index.js

@@ -22,7 +22,7 @@ import { z } from 'zod';
 import { useAccount, createConfig, http, WagmiProvider, useConnect, useSignTypedData, useSignMessage, useDisconnect } from 'wagmi';
 import { toPrivyWalletConnector } from '@privy-io/cross-app-connect/rainbow-kit';
 import { isSafari } from 'react-device-detect';
-import { createMultiStyleConfigHelpers, defineStyle, defineStyleConfig, extendTheme, createStandaloneToast, IconButton, VStack, Text, HStack, Icon, Link, Box, useMediaQuery, Modal, ModalOverlay, ModalContent, Button, Image, Skeleton, useDisclosure, GridItem, Divider, InputGroup, InputLeftElement, Input, ModalHeader, ModalCloseButton, ModalBody, Stack, Grid, ModalFooter, useColorModeValue, Card, CardBody, Tag, useColorMode, Spinner, Heading, Tabs, TabList, Tab, TabPanels, TabPanel, Center, Alert, AlertIcon, Container, List, ListItem, InputRightElement, Select, Progress, PinInput, PinInputField, Accordion, AccordionItem, AccordionButton, AccordionPanel, ChakraProvider, Flex, AlertDescription, Circle } from '@chakra-ui/react';
+import { createMultiStyleConfigHelpers, defineStyle, defineStyleConfig, extendTheme, createStandaloneToast, IconButton, VStack, Text, HStack, Icon, Link, Box, useMediaQuery, Modal, ModalOverlay, ModalContent, Button, Image, Skeleton, Spinner, useDisclosure, GridItem, Divider, InputGroup, InputLeftElement, Input, ModalHeader, ModalCloseButton, ModalBody, Stack, Grid, ModalFooter, useColorModeValue, Card, CardBody, Tag, Alert, AlertIcon, useColorMode, Heading, Tabs, TabList, Tab, TabPanels, TabPanel, Center, Container, InputRightElement, Select, Progress, PinInput, PinInputField, Accordion, AccordionItem, AccordionButton, AccordionPanel, List, ListItem, ChakraProvider, Flex, AlertDescription, Circle } from '@chakra-ui/react';
 import { motion } from 'framer-motion';
 import { IoChevronBack, IoCheckmarkOutline, IoCopyOutline, IoPlanet, IoCloseCircle, IoOpenOutline, IoChevronUp, IoChevronDown } from 'react-icons/io5';
 import { BsQuestionCircle, BsBookmarkFill, BsBookmark } from 'react-icons/bs';
@@ -3587,12 +3587,15 @@ var usePrivyCrossAppSdk = () => {
 
 // src/hooks/api/wallet/useWalletMetadata.ts
 var useWalletMetadata = (address, networkType) => {
-  const { data: domain } = useVechainDomain(address ?? "");
-  const { data: avatar } = useGetAvatar(domain?.domain);
+  const { data: domain, isLoading: isLoadingVechainDomain } = useVechainDomain(address ?? "");
+  const { data: avatar, isLoading: isLoadingAvatar } = useGetAvatar(
+    domain?.domain
+  );
   const avatarUrl = convertUriToUrl(avatar ?? "", networkType);
   return {
     domain: domain?.domain,
-    image: avatarUrl ?? getPicassoImage(address ?? "")
+    image: avatarUrl ?? getPicassoImage(address ?? ""),
+    isLoading: isLoadingVechainDomain || isLoadingAvatar
   };
 };
 
@@ -3661,12 +3664,14 @@ var useWallet = () => {
   const account = activeAddress ? {
     address: activeAddress,
     domain: activeMetadata.domain,
-    image: activeMetadata.image
+    image: activeMetadata.image,
+    isLoadingAvatar: activeMetadata.isLoading
   } : null;
   const connectedWallet = connectedWalletAddress ? {
     address: connectedWalletAddress,
     domain: connectedMetadata.domain,
-    image: connectedMetadata.image
+    image: connectedMetadata.image,
+    isLoadingAvatar: connectedMetadata.isLoading
   } : null;
   const { data: smartAccountVersion } = useContractVersion(
     smartAccount?.address ?? ""
@@ -3704,7 +3709,8 @@ var useWallet = () => {
       image: smartAccountMetadata.image,
       isDeployed: smartAccount?.isDeployed ?? false,
       isActive: hasActiveSmartAccount,
-      version: smartAccountVersion ?? null
+      version: smartAccountVersion ?? null,
+      isLoadingAvatar: smartAccountMetadata.isLoading
     },
     connectedWallet,
     privyUser: user,
@@ -4151,6 +4157,52 @@ var useReceiveModal = () => {
   };
 };
 var ReceiveModalProvider = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
+var useLoginModalContent = () => {
+  const { privy, loginMethods } = useVeChainKitConfig();
+  const isVeChainApp = privy?.appId === VECHAIN_PRIVY_APP_ID;
+  const showEcosystemLogin = useMemo(() => {
+    if (!loginMethods) return true;
+    if (loginMethods.length > 0 && !loginMethods?.find((method35) => method35.method === "ecosystem")) {
+      return false;
+    }
+    return true;
+  }, [loginMethods]);
+  if (!privy) {
+    return {
+      showSocialLogin: false,
+      showPasskey: false,
+      showVeChainLogin: true,
+      showDappKit: true,
+      showEcosystem: showEcosystemLogin,
+      showMoreLogin: false,
+      isOfficialVeChainApp: false
+    };
+  }
+  if (isVeChainApp) {
+    return {
+      showSocialLogin: false,
+      showPasskey: false,
+      showVeChainLogin: true,
+      showDappKit: true,
+      showEcosystem: showEcosystemLogin,
+      showMoreLogin: false,
+      isOfficialVeChainApp: true
+    };
+  }
+  const showMoreLogin = useMemo(() => {
+    if (!loginMethods) return true;
+    return loginMethods.some((method35) => method35.method === "more");
+  }, [loginMethods]);
+  return {
+    showSocialLogin: true,
+    showPasskey: true,
+    showVeChainLogin: true,
+    showDappKit: true,
+    showEcosystem: showEcosystemLogin,
+    showMoreLogin,
+    isOfficialVeChainApp: false
+  };
+};
 var ERC20Interface2 = ERC20__factory.createInterface();
 var useTransferERC20 = ({
   fromAddress,
@@ -5229,7 +5281,7 @@ var AddressDisplay = ({ wallet, label, size = "lg" }) => {
 // package.json
 var package_default = {
   name: "@vechain/vechain-kit",
-  version: "1.3.1",
+  version: "1.4.0",
   private: false,
   homepage: "https://github.com/vechain/vechain-kit",
   repository: "github:vechain/vechain-kit",
@@ -5255,8 +5307,8 @@ var package_default = {
   dependencies: {
     "@chakra-ui/react": "^2.8.2",
     "@choc-ui/chakra-autocomplete": "^5.3.0",
-    "@privy-io/cross-app-connect": "^0.1.3",
-    "@privy-io/react-auth": "2.0.1",
+    "@privy-io/cross-app-connect": "^0.1.6",
+    "@privy-io/react-auth": "2.3.0",
     "@rainbow-me/rainbowkit": "^2.1.5",
     "@tanstack/react-query": "^5.64.2",
     "@tanstack/react-query-devtools": "^5.64.1",
@@ -5591,7 +5643,8 @@ var AddressDisplayCard = ({
                 src: imageSrc,
                 alt: imageAlt,
                 boxSize: "40px",
-                borderRadius: "xl"
+                borderRadius: "xl",
+                objectFit: "cover"
               }
             ),
             /* @__PURE__ */ jsx(VStack, { align: "start", spacing: 0, children: domain ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -5641,6 +5694,22 @@ var ScrollToTopWrapper = ({ children, ...props }) => {
   useScrollToTop();
   return /* @__PURE__ */ jsx(VStack, { ...props, children });
 };
+var AccountAvatar = ({ wallet, props }) => {
+  if (wallet?.isLoadingAvatar) {
+    return /* @__PURE__ */ jsx(Spinner, { size: "sm" });
+  }
+  return /* @__PURE__ */ jsx(
+    Image,
+    {
+      src: props?.src ?? wallet?.image,
+      alt: props?.alt ?? wallet?.domain,
+      fallbackSrc: notFoundImage,
+      objectFit: "cover",
+      rounded: "full",
+      ...props
+    }
+  );
+};
 var VeChainLoginButton = ({ isDark, gridColumn }) => {
   const { t } = useTranslation();
   const { login: loginWithVeChain } = useLoginWithVeChain();
@@ -5686,12 +5755,19 @@ var VeChainLoginButton = ({ isDark, gridColumn }) => {
     )
   ] });
 };
-var SocialLoginButtons = ({ isDark, loginModalUI }) => {
+var SocialLoginButtons = ({
+  isDark,
+  loginMethods,
+  gridColumn
+}) => {
   const { t } = useTranslation();
   const { initOAuth } = useLoginWithOAuth2();
-  return /* @__PURE__ */ jsx(Fragment, { children: loginModalUI?.preferredLoginMethods?.map((method35, index) => /* @__PURE__ */ jsxs(React9.Fragment, { children: [
-    method35 === "email" && /* @__PURE__ */ jsx(GridItem, { colSpan: 4, w: "full", children: /* @__PURE__ */ jsx(EmailLoginButton, {}) }),
-    method35 === "google" && /* @__PURE__ */ jsx(GridItem, { colSpan: 4, w: "full", children: /* @__PURE__ */ jsx(
+  const selfHostedPrivyLoginMethods = loginMethods?.filter(
+    (method35) => method35.method === "email" || method35.method === "google"
+  );
+  return /* @__PURE__ */ jsx(GridItem, { colSpan: gridColumn, w: "full", children: selfHostedPrivyLoginMethods?.map((loginMethod, index) => /* @__PURE__ */ jsxs(React9.Fragment, { children: [
+    loginMethod.method === "email" && /* @__PURE__ */ jsx(GridItem, { colSpan: 4, w: "full", children: /* @__PURE__ */ jsx(EmailLoginButton, {}) }),
+    loginMethod.method === "google" && /* @__PURE__ */ jsx(GridItem, { colSpan: 4, w: "full", children: /* @__PURE__ */ jsx(
       ConnectionButton,
       {
         isDark,
@@ -5702,14 +5778,14 @@ var SocialLoginButtons = ({ isDark, loginModalUI }) => {
         text: t("Continue with Google")
       }
     ) }),
-    index !== (loginModalUI?.preferredLoginMethods?.length ?? 0) - 1 && /* @__PURE__ */ jsx(GridItem, { colSpan: 4, w: "full", children: /* @__PURE__ */ jsxs(HStack, { children: [
+    index !== (selfHostedPrivyLoginMethods?.length ?? 0) - 1 && /* @__PURE__ */ jsx(GridItem, { colSpan: 4, w: "full", children: /* @__PURE__ */ jsxs(HStack, { children: [
       /* @__PURE__ */ jsx(Divider, {}),
       /* @__PURE__ */ jsx(Text, { fontSize: "xs", children: "or" }),
       /* @__PURE__ */ jsx(Divider, {})
     ] }) })
-  ] }, method35)) });
+  ] }, loginMethod.method)) });
 };
-var PasskeyLoginButton = ({ isDark, gridColumn = 1 }) => {
+var PasskeyLoginButton = ({ isDark, gridColumn }) => {
   const { t } = useTranslation();
   const { loginWithPasskey } = useLoginWithPasskey();
   const [loginError, setLoginError] = useState();
@@ -5733,7 +5809,8 @@ var PasskeyLoginButton = ({ isDark, gridColumn = 1 }) => {
       {
         isDark,
         onClick: handleLoginWithPasskey,
-        icon: IoIosFingerPrint
+        icon: IoIosFingerPrint,
+        text: gridColumn && gridColumn >= 2 ? t("Passkey") : void 0
       }
     ) }),
     /* @__PURE__ */ jsx(
@@ -5766,20 +5843,20 @@ var DappKitButton = ({ isDark, gridColumn = 2 }) => {
 };
 var EcosystemButton = ({
   isDark,
-  privySocialLoginEnabled,
   appsInfo,
-  isLoading
+  isLoading,
+  gridColumn
 }) => {
   const { t } = useTranslation();
   const ecosystemModal = useDisclosure();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(GridItem, { colSpan: privySocialLoginEnabled ? 1 : 2, w: "full", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(GridItem, { colSpan: gridColumn, w: "full", children: /* @__PURE__ */ jsx(
       ConnectionButton,
       {
         isDark,
         onClick: ecosystemModal.onOpen,
         icon: IoPlanet,
-        text: !privySocialLoginEnabled ? t("Ecosystem") : void 0
+        text: gridColumn && gridColumn >= 2 ? t("Ecosystem") : void 0
       }
     ) }),
     /* @__PURE__ */ jsx(
@@ -5793,11 +5870,7 @@ var EcosystemButton = ({
     )
   ] });
 };
-var PrivyButton = ({
-  isDark,
-  onViewMoreLogin,
-  gridColumn = 1
-}) => {
+var PrivyButton = ({ isDark, onViewMoreLogin, gridColumn }) => {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsx(GridItem, { colSpan: gridColumn, w: "full", children: /* @__PURE__ */ jsx(
     ConnectionButton,
@@ -5805,7 +5878,7 @@ var PrivyButton = ({
       isDark,
       onClick: onViewMoreLogin,
       icon: CiCircleMore,
-      text: gridColumn >= 2 ? t("More") : void 0
+      text: gridColumn && gridColumn >= 2 ? t("More") : void 0
     }
   ) });
 };
@@ -6131,51 +6204,99 @@ var VeChainWithPrivyLoginButton = ({ isDark, gridColumn }) => {
     }
   ) });
 };
-var MainContent = ({
-  setCurrentContent,
-  onClose,
-  variant = "vechain-wallet-ecosystem"
-}) => {
+var MainContent = ({ setCurrentContent, onClose }) => {
   const { t } = useTranslation();
   const { darkMode: isDark } = useVeChainKitConfig();
   const { connection } = useWallet();
-  const { loginModalUI, privySocialLoginEnabled, privyEcosystemAppIDS } = useVeChainKitConfig();
+  const { loginModalUI, privyEcosystemAppIDS, loginMethods } = useVeChainKitConfig();
   const { login: viewMoreLogin } = usePrivy();
+  const {
+    showSocialLogin,
+    showPasskey,
+    showVeChainLogin,
+    showDappKit,
+    showEcosystem,
+    showMoreLogin,
+    isOfficialVeChainApp
+  } = useLoginModalContent();
   const { data: appsInfo, isLoading: isEcosystemAppsLoading } = useFetchAppInfo(privyEcosystemAppIDS);
   useEffect(() => {
     if (connection.isConnected) {
       onClose();
     }
   }, [connection.isConnected, onClose]);
-  const dappKitGridColumn = useMemo(() => {
-    switch (variant) {
-      case "full":
-        return 1;
-      case "vechain-and-wallet":
-        return 4;
-      case "vechain-wallet-ecosystem":
-        if (privyEcosystemAppIDS.length === 0) {
-          return 4;
+  const gridLayout = useMemo(() => {
+    if (loginMethods?.length) {
+      const layout = {};
+      loginMethods.forEach(({ method: method35, gridColumn }) => {
+        switch (method35) {
+          case "email":
+          case "google":
+            layout.socialLoginColumn = gridColumn || 4;
+            break;
+          case "vechain":
+            layout.veChainColumn = gridColumn || 4;
+            break;
+          case "passkey":
+            layout.passkeyColumn = gridColumn || 1;
+            break;
+          case "dappkit":
+            layout.dappKitColumn = gridColumn || 2;
+            break;
+          case "ecosystem":
+            layout.ecosystemColumn = gridColumn || 2;
+            break;
+          case "more":
+            layout.moreLoginColumn = gridColumn || 1;
+            break;
         }
-        return 2;
-      default:
-        if (!privySocialLoginEnabled || privyEcosystemAppIDS.length === 0) {
-          return 4;
-        }
-        return 1;
-    }
-  }, [variant, privySocialLoginEnabled, privyEcosystemAppIDS]);
-  const privyGridColumn = useMemo(() => {
-    switch (variant) {
-      case "full":
-        if (privyEcosystemAppIDS.length === 0) {
-          return 2;
-        }
-        return 1;
-      default:
-        return 0;
+      });
+      return layout;
+    }
+    const visibleButtons = {
+      socialLogin: showSocialLogin,
+      veChainLogin: showVeChainLogin,
+      dappKit: showDappKit,
+      ecosystem: showEcosystem,
+      moreLogin: showMoreLogin,
+      passkey: showPasskey
+    };
+    if (visibleButtons.veChainLogin && visibleButtons.dappKit && visibleButtons.ecosystem && !visibleButtons.socialLogin) {
+      return {
+        veChainColumn: 4,
+        // Full width
+        dappKitColumn: 2,
+        // Half width
+        ecosystemColumn: 2
+        // Half width
+      };
+    }
+    if (visibleButtons.socialLogin) {
+      return {
+        socialLoginColumn: 4,
+        veChainColumn: 4,
+        dappKitColumn: 1,
+        ecosystemColumn: 1,
+        moreLoginColumn: 1,
+        passkeyColumn: 1
+      };
     }
-  }, [variant, privyEcosystemAppIDS]);
+    const totalButtons = Object.values(visibleButtons).filter(Boolean).length;
+    const defaultColumn = Math.min(4, totalButtons);
+    return {
+      veChainColumn: 4,
+      dappKitColumn: defaultColumn,
+      ecosystemColumn: defaultColumn
+    };
+  }, [
+    loginMethods,
+    showSocialLogin,
+    showVeChainLogin,
+    showDappKit,
+    showEcosystem,
+    showMoreLogin,
+    showPasskey
+  ]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalFAQButton, { onClick: () => setCurrentContent("faq") }),
@@ -6222,53 +6343,56 @@ var MainContent = ({
         }
       ),
       /* @__PURE__ */ jsx(Stack, { spacing: 4, w: "full", align: "center", children: /* @__PURE__ */ jsxs(Grid, { templateColumns: "repeat(4, 1fr)", gap: 2, w: "full", children: [
-        variant === "full" && privySocialLoginEnabled && /* @__PURE__ */ jsx(
+        showSocialLogin && /* @__PURE__ */ jsx(
           SocialLoginButtons,
           {
             isDark,
-            loginModalUI
+            loginMethods,
+            gridColumn: gridLayout.socialLoginColumn
           }
         ),
-        variant === "vechain" ? (
-          // This exists because we want to use same button but connect
-          // with privy-auth instead of cross-app, used only by vechain.
-          /* @__PURE__ */ jsx(
-            VeChainWithPrivyLoginButton,
-            {
-              isDark,
-              gridColumn: 4
-            }
-          )
+        showVeChainLogin && (isOfficialVeChainApp ? /* @__PURE__ */ jsx(
+          VeChainWithPrivyLoginButton,
+          {
+            isDark,
+            gridColumn: gridLayout.veChainColumn
+          }
         ) : /* @__PURE__ */ jsx(
           VeChainLoginButton,
           {
             isDark,
-            gridColumn: 4
+            gridColumn: gridLayout.veChainColumn
+          }
+        )),
+        showPasskey && /* @__PURE__ */ jsx(
+          PasskeyLoginButton,
+          {
+            isDark,
+            gridColumn: gridLayout.passkeyColumn
           }
         ),
-        variant === "full" && privySocialLoginEnabled && /* @__PURE__ */ jsx(PasskeyLoginButton, { isDark }),
-        /* @__PURE__ */ jsx(
+        showDappKit && /* @__PURE__ */ jsx(
           DappKitButton,
           {
             isDark,
-            gridColumn: dappKitGridColumn
+            gridColumn: gridLayout.dappKitColumn
           }
         ),
-        (variant === "full" || variant === "vechain-wallet-ecosystem") && privyEcosystemAppIDS.length > 0 && /* @__PURE__ */ jsx(
+        showEcosystem && /* @__PURE__ */ jsx(
           EcosystemButton,
           {
             isDark,
-            privySocialLoginEnabled: variant === "full" && privySocialLoginEnabled,
             appsInfo: Object.values(appsInfo || {}),
-            isLoading: isEcosystemAppsLoading
+            isLoading: isEcosystemAppsLoading,
+            gridColumn: gridLayout.ecosystemColumn
           }
         ),
-        variant === "full" && privySocialLoginEnabled && /* @__PURE__ */ jsx(
+        showMoreLogin && /* @__PURE__ */ jsx(
           PrivyButton,
           {
             isDark,
             onViewMoreLogin: viewMoreLogin,
-            gridColumn: privyGridColumn
+            gridColumn: gridLayout.moreLoginColumn
           }
         )
       ] }) })
@@ -6333,6 +6457,31 @@ var FeatureAnnouncementCard = ({
     }
   );
 };
+var ExchangeWarningAlert = () => {
+  const { t } = useTranslation();
+  const [showFullText, setShowFullText] = useState(false);
+  return /* @__PURE__ */ jsx(Alert, { status: "warning", fontSize: "xs", borderRadius: "xl", p: 2, children: /* @__PURE__ */ jsx(VStack, { spacing: 1, align: "stretch", w: "full", children: /* @__PURE__ */ jsxs(HStack, { spacing: 2, align: "flex-start", children: [
+    /* @__PURE__ */ jsx(AlertIcon, { boxSize: 4 }),
+    /* @__PURE__ */ jsxs(Text, { w: "full", children: [
+      t(
+        "Sending to OceanX or other exchanges may result in loss of funds."
+      ),
+      showFullText && t("Send the tokens to your VeWorld wallet first."),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "link",
+          size: "xs",
+          onClick: () => setShowFullText(!showFullText),
+          color: "inherit",
+          pl: 6,
+          mt: 0,
+          children: t(showFullText ? "Show Less" : "Read More")
+        }
+      )
+    ] })
+  ] }) }) });
+};
 var AccountMainContent = ({
   setCurrentContent,
   wallet,
@@ -6550,7 +6699,8 @@ var ActionButton = ({
             h: "35px",
             borderRadius: "full",
             alt: "left-image",
-            alignSelf: "end"
+            alignSelf: "end",
+            objectFit: "cover"
           }
         ) : /* @__PURE__ */ jsx(Icon, { as: leftIcon, fontSize: "25px" }) }),
         /* @__PURE__ */ jsxs(
@@ -6606,13 +6756,10 @@ var AccountSelector = ({
       variant: "vechainKitSelector",
       children: /* @__PURE__ */ jsxs(HStack, { spacing: 2, align: "center", children: [
         /* @__PURE__ */ jsx(
-          Image,
+          AccountAvatar,
           {
-            src: wallet?.image,
-            alt: wallet?.domain,
-            width: 5,
-            height: 5,
-            rounded: "full"
+            wallet,
+            props: { width: 5, height: 5 }
           }
         ),
         /* @__PURE__ */ jsx(Text, { fontSize: size, fontWeight: "500", children: humanDomain(wallet?.domain ?? "", 6, 4) || humanAddress(wallet?.address ?? "", 6, 4) }),
@@ -7330,14 +7477,7 @@ var WalletSettingsContent = ({
     ] }),
     /* @__PURE__ */ jsxs(ModalBody, { w: "full", children: [
       /* @__PURE__ */ jsxs(VStack, { justify: "center", children: [
-        /* @__PURE__ */ jsx(
-          Image,
-          {
-            src: account?.image,
-            maxW: "100px",
-            borderRadius: "50%"
-          }
-        ),
+        /* @__PURE__ */ jsx(AccountAvatar, { wallet: account, props: { maxW: "100px" } }),
         /* @__PURE__ */ jsx(AddressDisplay, { wallet: account }),
         network.type !== "main" && /* @__PURE__ */ jsx(
           Tag,
@@ -8055,6 +8195,14 @@ var SendTokenSummaryContent = ({
   const { darkMode: isDark } = useVeChainKitConfig();
   const { account, connection } = useWallet();
   const transactionModal = useDisclosure();
+  const { data: avatar } = useGetAvatar(resolvedDomain);
+  const { network } = useVeChainKitConfig();
+  const toImageSrc = useMemo(() => {
+    if (avatar) {
+      return convertUriToUrl(avatar, network.type);
+    }
+    return getPicassoImage(resolvedAddress || toAddressOrDomain);
+  }, [avatar, network.type, resolvedAddress, toAddressOrDomain]);
   const transferERC20 = useTransferERC20({
     fromAddress: account?.address ?? "",
     receiverAddress: resolvedAddress || toAddressOrDomain,
@@ -8106,20 +8254,7 @@ var SendTokenSummaryContent = ({
       /* @__PURE__ */ jsx(ModalCloseButton, {})
     ] }),
     /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 6, align: "stretch", w: "full", children: [
-      connection.isConnectedWithPrivy && /* @__PURE__ */ jsxs(
-        Alert,
-        {
-          status: "warning",
-          fontSize: "xs",
-          borderRadius: "xl",
-          children: [
-            /* @__PURE__ */ jsx(AlertIcon, {}),
-            t(
-              "Sending to OceanX or other exchanges may result in loss of funds. Send the tokens to your VeWorld wallet first."
-            )
-          ]
-        }
-      ),
+      connection.isConnectedWithPrivy && /* @__PURE__ */ jsx(ExchangeWarningAlert, {}),
       /* @__PURE__ */ jsxs(VStack, { spacing: 4, w: "full", children: [
         /* @__PURE__ */ jsx(
           AddressDisplayCard,
@@ -8139,9 +8274,7 @@ var SendTokenSummaryContent = ({
             label: t("To"),
             address: resolvedAddress || toAddressOrDomain,
             domain: resolvedDomain,
-            imageSrc: getPicassoImage(
-              resolvedAddress || toAddressOrDomain
-            ),
+            imageSrc: toImageSrc ?? "",
             imageAlt: "To account",
             symbol: selectedToken.symbol
           }
@@ -8385,6 +8518,123 @@ var ChooseNameContent = ({
     ] }) })
   ] });
 };
+var ExistingDomainsList = ({
+  domains,
+  onDomainSelect,
+  isLoading
+}) => {
+  const { t } = useTranslation();
+  const { darkMode: isDark } = useVeChainKitConfig();
+  const { account, connection } = useWallet();
+  if (domains.length === 0 || isLoading) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Accordion, { allowToggle: true, children: /* @__PURE__ */ jsx(AccordionItem, { border: "none", children: ({ isExpanded }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      AccordionButton,
+      {
+        bg: isDark ? "whiteAlpha.50" : "gray.50",
+        borderRadius: "xl",
+        _hover: {
+          bg: isDark ? "whiteAlpha.100" : "gray.100"
+        },
+        opacity: isLoading ? 0.7 : 1,
+        transition: "all 0.2s",
+        disabled: isLoading,
+        children: [
+          /* @__PURE__ */ jsx(Box, { flex: "1", textAlign: "left", py: 2, children: /* @__PURE__ */ jsx(Text, { fontWeight: "500", children: isLoading ? t("Loading your domains...") : `${t("Your existing domains")} (${domains.length})` }) }),
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              as: isExpanded ? IoChevronUp : IoChevronDown,
+              fontSize: "20px",
+              opacity: 0.5
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(AccordionPanel, { pb: 4, pt: 2, children: /* @__PURE__ */ jsx(List, { spacing: 2, children: domains.map((domain) => {
+      const isCurrentDomain = domain.name === account?.domain;
+      const metadata = useWalletMetadata(
+        domain.name,
+        connection.network
+      );
+      return /* @__PURE__ */ jsx(
+        ListItem,
+        {
+          p: 4,
+          bg: isDark ? "#1f1f1e" : "white",
+          borderRadius: "xl",
+          cursor: isCurrentDomain ? "default" : "pointer",
+          opacity: isCurrentDomain ? 0.7 : 1,
+          border: `1px solid ${isDark ? "#2d2d2d" : "#eaeaea"}`,
+          _hover: {
+            bg: isCurrentDomain ? isDark ? "#1f1f1e" : "white" : isDark ? "#252525" : "gray.50",
+            borderColor: isDark ? "#3d3d3d" : "#dedede"
+          },
+          onClick: () => !isCurrentDomain && onDomainSelect(domain.name),
+          transition: "all 0.2s",
+          children: /* @__PURE__ */ jsxs(HStack, { spacing: 3, align: "center", children: [
+            /* @__PURE__ */ jsx(
+              AccountAvatar,
+              {
+                props: {
+                  width: "40px",
+                  height: "40px",
+                  src: metadata.image,
+                  alt: domain.name
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              VStack,
+              {
+                align: "start",
+                spacing: 0,
+                flex: 1,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      color: isDark ? "whiteAlpha.900" : "gray.700",
+                      fontSize: "md",
+                      fontWeight: "500",
+                      children: domain.name
+                    }
+                  ),
+                  isCurrentDomain && /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      fontSize: "sm",
+                      color: isDark ? "whiteAlpha.600" : "gray.500",
+                      children: t(
+                        "Current domain"
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            isCurrentDomain && /* @__PURE__ */ jsx(
+              Tag,
+              {
+                size: "sm",
+                bg: isDark ? "whiteAlpha.200" : "gray.100",
+                color: isDark ? "whiteAlpha.800" : "gray.600",
+                px: 3,
+                py: 1,
+                borderRadius: "full",
+                children: t("Current")
+              }
+            )
+          ] })
+        },
+        domain.name
+      );
+    }) }) })
+  ] }) }) });
+};
 var ChooseNameSearchContent = ({
   name: initialName,
   setCurrentContent
@@ -8495,104 +8745,69 @@ var ChooseNameSearchContent = ({
       ),
       /* @__PURE__ */ jsx(ModalCloseButton, {})
     ] }),
-    /* @__PURE__ */ jsxs(ModalBody, { children: [
-      isLoadingOwnedDomains ? /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: "gray.500", children: t("Loading your domains...") }) : allUserDomains.length > 0 ? /* @__PURE__ */ jsxs(VStack, { spacing: 4, align: "stretch", mb: 6, children: [
+    /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 4, align: "stretch", children: [
+      /* @__PURE__ */ jsx(
+        ExistingDomainsList,
+        {
+          domains: allUserDomains,
+          onDomainSelect: handleDomainSelect,
+          isLoading: isLoadingOwnedDomains
+        }
+      ),
+      /* @__PURE__ */ jsxs(InputGroup, { size: "lg", children: [
         /* @__PURE__ */ jsx(
-          Text,
+          Input,
           {
-            fontSize: "sm",
-            fontWeight: "500",
-            color: isDark ? "whiteAlpha.800" : "gray.600",
-            children: t("Your existing domains")
+            placeholder: t("Enter your name"),
+            value: name,
+            onChange: (e) => {
+              setName(e.target.value);
+              if (!hasInteracted) setHasInteracted(true);
+            },
+            paddingRight: "120px",
+            fontSize: "lg",
+            height: "60px",
+            bg: isDark ? "#1a1a1a" : "white",
+            border: `1px solid ${isDark ? "#ffffff29" : "#ebebeb"}`,
+            _hover: {
+              border: `1px solid ${isDark ? "#ffffff40" : "#e0e0e0"}`
+            },
+            _focus: {
+              border: `1px solid ${isDark ? "#ffffff60" : "#d0d0d0"}`,
+              boxShadow: "none"
+            },
+            isInvalid: !!error
           }
         ),
-        /* @__PURE__ */ jsx(List, { spacing: 2, children: allUserDomains.map((domain) => {
-          const isCurrentDomain = domain.name === account?.domain;
-          return /* @__PURE__ */ jsx(
-            ListItem,
-            {
-              p: 3,
-              bg: isDark ? "#1a1a1a" : "gray.50",
-              borderRadius: "md",
-              cursor: isCurrentDomain ? "default" : "pointer",
-              opacity: isCurrentDomain ? 0.7 : 1,
-              _hover: {
-                bg: isCurrentDomain ? isDark ? "#1a1a1a" : "gray.50" : isDark ? "#252525" : "gray.100"
-              },
-              onClick: () => !isCurrentDomain && handleDomainSelect(domain.name),
-              children: /* @__PURE__ */ jsxs(HStack, { justify: "space-between", children: [
-                /* @__PURE__ */ jsx(Text, { children: domain.name }),
-                isCurrentDomain && /* @__PURE__ */ jsx(
-                  Tag,
-                  {
-                    size: "sm",
-                    colorScheme: "green",
-                    variant: "subtle",
-                    children: t("Current")
-                  }
-                )
-              ] })
-            },
-            domain.name
-          );
-        }) })
-      ] }) : null,
-      /* @__PURE__ */ jsxs(VStack, { spacing: 4, align: "stretch", children: [
-        /* @__PURE__ */ jsxs(InputGroup, { size: "lg", children: [
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              placeholder: t("Enter your name"),
-              value: name,
-              onChange: (e) => {
-                setName(e.target.value);
-                if (!hasInteracted) setHasInteracted(true);
-              },
-              paddingRight: "120px",
-              fontSize: "lg",
-              height: "60px",
-              bg: isDark ? "#1a1a1a" : "white",
-              border: `1px solid ${isDark ? "#ffffff29" : "#ebebeb"}`,
-              _hover: {
-                border: `1px solid ${isDark ? "#ffffff40" : "#e0e0e0"}`
-              },
-              _focus: {
-                border: `1px solid ${isDark ? "#ffffff60" : "#d0d0d0"}`,
-                boxShadow: "none"
-              },
-              isInvalid: !!error
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            InputRightElement,
-            {
-              width: "auto",
-              paddingRight: "12px",
-              h: "full",
-              children: /* @__PURE__ */ jsx(
-                Box,
-                {
-                  mr: 4,
-                  fontSize: "sm",
-                  color: isDark ? "whiteAlpha.800" : "gray.500",
-                  children: ".veworld.vet"
-                }
-              )
-            }
-          )
-        ] }),
-        error && hasInteracted && /* @__PURE__ */ jsx(Text, { color: "red.500", fontSize: "sm", children: error }),
-        !error && hasInteracted && name.length >= 3 && /* @__PURE__ */ jsx(
-          Text,
+        /* @__PURE__ */ jsx(
+          InputRightElement,
           {
-            fontSize: "sm",
-            color: isAvailable ? "green.500" : "red.500",
-            fontWeight: "500",
-            children: isOwnDomain ? t("YOU OWN THIS") : isAvailable ? t("AVAILABLE") : t("UNAVAILABLE")
+            width: "auto",
+            paddingRight: "12px",
+            h: "full",
+            children: /* @__PURE__ */ jsx(
+              Box,
+              {
+                mr: 4,
+                fontSize: "sm",
+                color: isDark ? "whiteAlpha.800" : "gray.500",
+                children: ".veworld.vet"
+              }
+            )
           }
         )
-      ] })
-    ] }),
+      ] }),
+      error && hasInteracted && /* @__PURE__ */ jsx(Text, { color: "red.500", fontSize: "sm", children: error }),
+      !error && hasInteracted && name.length >= 3 && /* @__PURE__ */ jsx(
+        Text,
+        {
+          fontSize: "sm",
+          color: isAvailable ? "green.500" : "red.500",
+          fontWeight: "500",
+          children: isOwnDomain ? t("YOU OWN THIS") : isAvailable ? t("AVAILABLE") : t("UNAVAILABLE")
+        }
+      )
+    ] }) }),
     /* @__PURE__ */ jsx(ModalFooter, { children: /* @__PURE__ */ jsx(
       Button,
       {
@@ -9434,6 +9649,7 @@ var en_default = {
   "Continue with Google": "Continue with Google",
   "Copy your address or scan this QR code": "Copy your address or scan this QR code",
   Current: "Current",
+  "Current domain": "Current domain",
   "Currently, multiclause transactions are not supported for smart accounts. Your multiclause transaction will be split into multiple transactions.": "Currently, multiclause transactions are not supported for smart accounts. Your multiclause transaction will be split into multiple transactions.",
   "Customize Account": "Customize Account",
   "Customize account": "Customize account",
@@ -9532,6 +9748,7 @@ var en_default = {
   Passkey: "Passkey",
   "Phone Number": "Phone Number",
   "Please approve the request in the connection request window...": "Please approve the request in the connection request window...",
+  "Please be sure to keep this wallet safe and backed up.": "Please be sure to keep this wallet safe and backed up.",
   "Please check {{email}} for an email from privy.io and enter your code below.": "Please check {{email}} for an email from privy.io and enter your code below.",
   "Please click 'Try again' to open the login window.": "Please click 'Try again' to open the login window.",
   "Please complete the passkey authentication...": "Please complete the passkey authentication...",
@@ -9596,6 +9813,7 @@ var en_default = {
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} app or extension to manage your wallet and security settings.": "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} app or extension to manage your wallet and security settings.",
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your login methods and security settings.": "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your login methods and security settings.",
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your wallet and security settings.": "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your wallet and security settings.",
+  "This is your main wallet, created by {{element}} and secured by Privy.": "This is your main wallet, created by {{element}} and secured by Privy.",
   "This is your main wallet, created by {{element}} and secured by Privy. This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions. Please be sure to keep it safe and backed up.": "This is your main wallet, created by {{element}} and secured by Privy. This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions. Please be sure to keep it safe and backed up.",
   "This may take a few seconds. You can close this window and check the status later.": "This may take a few seconds. You can close this window and check the status later.",
   "This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions.": "This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions.",
@@ -9684,8 +9902,8 @@ var en_default = {
   "your@email.com": "your@email.com",
   "{{element}} website": "{{element}} website",
   "{{name}}": "{{name}}",
-  "This is your main wallet, created by {{element}} and secured by Privy.": "This is your main wallet, created by {{element}} and secured by Privy.",
-  "Please be sure to keep this wallet safe and backed up.": "Please be sure to keep this wallet safe and backed up."
+  "Sending to OceanX or other exchanges may result in loss of funds.": "Sending to OceanX or other exchanges may result in loss of funds.",
+  "Send the tokens to your VeWorld wallet first.": "Send the tokens to your VeWorld wallet first."
 };
 
 // src/languages/de.json
@@ -9774,6 +9992,7 @@ var de_default = {
   "Continue with Google": "Mit Google fortfahren",
   "Copy your address or scan this QR code": "Kopieren Sie Ihre Adresse oder scannen Sie diesen QR-Code",
   Current: "Aktuell",
+  "Current domain": "Aktuelle Domain",
   "Currently, multiclause transactions are not supported for smart accounts. Your multiclause transaction will be split into multiple transactions.": "Derzeit werden Multiclauses-Transaktionen f\xFCr Smart-Konten nicht unterst\xFCtzt. Ihre Multiclause-Transaktion wird in mehrere Transaktionen aufgeteilt.",
   "Customize Account": "Konto anpassen",
   "Customize account": "Konto anpassen",
@@ -9872,6 +10091,7 @@ var de_default = {
   Passkey: "Passwort",
   "Phone Number": "Telefonnummer",
   "Please approve the request in the connection request window...": "Bitte genehmigen Sie die Anfrage im Verbindungsanfragefenster...",
+  "Please be sure to keep this wallet safe and backed up.": "Bitte stellen Sie sicher, dass diese Brieftasche sicher und gesichert aufbewahrt wird.",
   "Please check {{email}} for an email from privy.io and enter your code below.": "Bitte \xFCberpr\xFCfen Sie {{email}} auf eine E-Mail von privy.io und geben Sie Ihren Code unten ein.",
   "Please click 'Try again' to open the login window.": "Bitte klicken Sie auf 'Erneut versuchen', um das Anmeldefenster zu \xF6ffnen.",
   "Please complete the passkey authentication...": "Bitte schlie\xDFen Sie die Passworthauthentifizierung ab...",
@@ -9936,6 +10156,7 @@ var de_default = {
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} app or extension to manage your wallet and security settings.": "Dies ist Ihr Hauptwallet und Ihre Identit\xE4t. Bitte stellen Sie sicher, dass es sicher und gesichert ist. Gehen Sie zur {{element}} App oder Erweiterung, um Ihr Wallet und Ihre Sicherheitseinstellungen zu verwalten.",
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your login methods and security settings.": "Dies ist Ihr Hauptwallet und Ihre Identit\xE4t. Bitte achten Sie darauf, es sicher zu verwahren und ein Backup zu erstellen. Gehen Sie auf die {{element}} Website, um Ihre Anmeldemethoden und Sicherheitseinstellungen zu verwalten.",
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your wallet and security settings.": "Dies ist Ihre Hauptgeldb\xF6rse und Identit\xE4t. Bitte achten Sie darauf, sie sicher und abgesichert zu halten. Besuchen Sie die Website von {{element}}, um Ihre Geldb\xF6rse und Sicherheitseinstellungen zu verwalten.",
+  "This is your main wallet, created by {{element}} and secured by Privy.": "Dies ist Ihre Hauptbrieftasche, erstellt von {{element}} und gesichert durch Privy.",
   "This is your main wallet, created by {{element}} and secured by Privy. This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions. Please be sure to keep it safe and backed up.": "Dies ist Ihr Haupt-Wallet, erstellt von {{element}} und gesichert von Privy. Dieses Wallet ist der Besitzer Ihres Smart-Accounts, der als Ihre Identit\xE4t und als Tor f\xFCr Ihre Blockchain-Interaktionen verwendet wird. Bitte stellen Sie sicher, dass es sicher und gesichert ist.",
   "This may take a few seconds. You can close this window and check the status later.": "Dies kann einige Sekunden dauern. Sie k\xF6nnen dieses Fenster schlie\xDFen und den Status sp\xE4ter \xFCberpr\xFCfen.",
   "This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions.": "Dieses Wallet ist der Besitzer Ihres Smart-Accounts, der als Ihre Identit\xE4t und als Tor f\xFCr Ihre Blockchain-Interaktionen verwendet wird.",
@@ -10112,6 +10333,7 @@ var it_default = {
   "Continue with Google": "Continua con Google",
   "Copy your address or scan this QR code": "Copia il tuo indirizzo o scansiona questo codice QR",
   Current: "Attuale",
+  "Current domain": "Dominio attuale",
   "Currently, multiclause transactions are not supported for smart accounts. Your multiclause transaction will be split into multiple transactions.": "Attualmente, le transazioni multiclausole non sono supportate per gli account smart. La tua transazione multiclausola sar\xE0 divisa in pi\xF9 transazioni.",
   "Customize Account": "Personalizza Account",
   "Customize account": "Personalizza account",
@@ -10210,6 +10432,7 @@ var it_default = {
   Passkey: "Chiave di accesso",
   "Phone Number": "Numero di telefono",
   "Please approve the request in the connection request window...": "Si prega di approvare la richiesta nella finestra della richiesta di connessione...",
+  "Please be sure to keep this wallet safe and backed up.": "Si prega di assicurarsi che questo portafoglio sia al sicuro e con un backup.",
   "Please check {{email}} for an email from privy.io and enter your code below.": "Controlla {{email}} per un'email da privy.io e inserisci il tuo codice qui sotto.",
   "Please click 'Try again' to open the login window.": "Fai clic su 'Riprova' per aprire la finestra di accesso.",
   "Please complete the passkey authentication...": "Si prega di completare l'autenticazione con chiave di accesso...",
@@ -10274,6 +10497,7 @@ var it_default = {
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} app or extension to manage your wallet and security settings.": "Questo \xE8 il tuo portafoglio principale e la tua identit\xE0. Assicurati di tenerlo al sicuro e di eseguire il backup. Vai all'app o all'estensione {{element}} per gestire il tuo portafoglio e le impostazioni di sicurezza.",
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your login methods and security settings.": "Questo \xE8 il tuo portafoglio principale e la tua identit\xE0. Assicurati di tenerlo al sicuro e di fare un backup. Vai al sito web {{element}} per gestire i metodi di accesso e le impostazioni di sicurezza.",
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your wallet and security settings.": "Questo \xE8 il tuo portafoglio e identit\xE0 principale. Assicurati di tenerlo al sicuro e di averne una copia di backup. Vai al sito web di {{element}} per gestire le impostazioni del tuo portafoglio e della sicurezza.",
+  "This is your main wallet, created by {{element}} and secured by Privy.": "Questo \xE8 il tuo portafoglio principale, creato da {{element}} e protetto da Privy.",
   "This is your main wallet, created by {{element}} and secured by Privy. This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions. Please be sure to keep it safe and backed up.": "Questo \xE8 il tuo portafoglio principale, creato da {{element}} e protetto da Privy. Questo portafoglio \xE8 il proprietario del tuo account smart, che \xE8 utilizzato come la tua identit\xE0 e come un gateway per le tue interazioni con la blockchain. Assicurati di tenerlo al sicuro e di eseguirne il backup.",
   "This may take a few seconds. You can close this window and check the status later.": "Potrebbe richiedere alcuni secondi. Puoi chiudere questa finestra e controllare lo stato pi\xF9 tardi.",
   "This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions.": "Questo portafoglio \xE8 il proprietario del tuo account smart, che \xE8 utilizzato come la tua identit\xE0 e come un gateway per le tue interazioni con la blockchain.",
@@ -10450,6 +10674,7 @@ var fr_default = {
   "Continue with Google": "Continuer avec Google",
   "Copy your address or scan this QR code": "Copiez votre adresse ou scannez ce code QR",
   Current: "Actuel",
+  "Current domain": "Domaine actuel",
   "Currently, multiclause transactions are not supported for smart accounts. Your multiclause transaction will be split into multiple transactions.": "Actuellement, les transactions \xE0 clauses multiples ne sont pas prises en charge pour les comptes intelligents. Votre transaction \xE0 clauses multiples sera divis\xE9e en plusieurs transactions.",
   "Customize Account": "Personnaliser le compte",
   "Customize account": "Personnaliser le compte",
@@ -10548,6 +10773,7 @@ var fr_default = {
   Passkey: "Cl\xE9 de passe",
   "Phone Number": "Num\xE9ro de t\xE9l\xE9phone",
   "Please approve the request in the connection request window...": "Veuillez approuver la demande dans la fen\xEAtre de demande de connexion...",
+  "Please be sure to keep this wallet safe and backed up.": "Veuillez vous assurer que ce portefeuille est en s\xE9curit\xE9 et sauvegard\xE9.",
   "Please check {{email}} for an email from privy.io and enter your code below.": "Veuillez v\xE9rifier {{email}} pour un email de privy.io et entrez votre code ci-dessous.",
   "Please click 'Try again' to open the login window.": "Veuillez cliquer sur 'R\xE9essayer' pour ouvrir la fen\xEAtre de connexion.",
   "Please complete the passkey authentication...": "Veuillez compl\xE9ter l'authentification par cl\xE9 de passe...",
@@ -10612,6 +10838,7 @@ var fr_default = {
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} app or extension to manage your wallet and security settings.": "Ceci est votre portefeuille principal et votre identit\xE9. Veuillez vous assurer de le garder en s\xE9curit\xE9 et sauvegard\xE9. Allez dans l'application ou l'extension {{element}} pour g\xE9rer votre portefeuille et vos param\xE8tres de s\xE9curit\xE9.",
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your login methods and security settings.": "Ceci est votre portefeuille et identit\xE9 principaux. Veuillez vous assurer de les garder en s\xE9curit\xE9 et sauvegard\xE9s. Allez sur le site {{element}} pour g\xE9rer vos m\xE9thodes de connexion et vos param\xE8tres de s\xE9curit\xE9.",
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your wallet and security settings.": "Ceci est votre portefeuille principal et votre identit\xE9. Veuillez vous assurer de le garder en s\xE9curit\xE9 et sauvegard\xE9. Allez sur le site {{element}} pour g\xE9rer votre portefeuille et vos param\xE8tres de s\xE9curit\xE9.",
+  "This is your main wallet, created by {{element}} and secured by Privy.": "Ceci est votre portefeuille principal, cr\xE9\xE9 par {{element}} et s\xE9curis\xE9 par Privy.",
   "This is your main wallet, created by {{element}} and secured by Privy. This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions. Please be sure to keep it safe and backed up.": "Ceci est votre portefeuille principal, cr\xE9\xE9 par {{element}} et s\xE9curis\xE9 par Privy. Ce portefeuille est le propri\xE9taire de votre compte intelligent, qui est utilis\xE9 comme votre identit\xE9 et comme une passerelle pour vos interactions blockchain. Veuillez vous assurer de le garder en s\xE9curit\xE9 et sauvegard\xE9.",
   "This may take a few seconds. You can close this window and check the status later.": "Cela peut prendre quelques secondes. Vous pouvez fermer cette fen\xEAtre et v\xE9rifier le statut plus tard.",
   "This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions.": "Ce portefeuille est le propri\xE9taire de votre compte intelligent, qui est utilis\xE9 comme votre identit\xE9 et comme une passerelle pour vos interactions blockchain.",
@@ -10788,6 +11015,7 @@ var es_default = {
   "Continue with Google": "Continuar con Google",
   "Copy your address or scan this QR code": "Copia tu direcci\xF3n o escanea este c\xF3digo QR",
   Current: "Actual",
+  "Current domain": "Dominio actual",
   "Currently, multiclause transactions are not supported for smart accounts. Your multiclause transaction will be split into multiple transactions.": "Actualmente, las transacciones con m\xFAltiples cl\xE1usulas no son compatibles con las cuentas inteligentes. Su transacci\xF3n con m\xFAltiples cl\xE1usulas se dividir\xE1 en varias transacciones.",
   "Customize Account": "Personalizar Cuenta",
   "Customize account": "Personalizar cuenta",
@@ -10886,6 +11114,7 @@ var es_default = {
   Passkey: "Clave de acceso",
   "Phone Number": "N\xFAmero de tel\xE9fono",
   "Please approve the request in the connection request window...": "Por favor, aprueba la solicitud en la ventana de solicitud de conexi\xF3n...",
+  "Please be sure to keep this wallet safe and backed up.": "Por favor, aseg\xFArese de mantener esta billetera segura y respaldada.",
   "Please check {{email}} for an email from privy.io and enter your code below.": "Por favor, revisa {{email}} para un correo electr\xF3nico de privy.io e ingresa tu c\xF3digo a continuaci\xF3n.",
   "Please click 'Try again' to open the login window.": "Por favor, haz clic en 'Intentar de nuevo' para abrir la ventana de inicio de sesi\xF3n.",
   "Please complete the passkey authentication...": "Por favor, completa la autenticaci\xF3n de clave de acceso...",
@@ -10950,6 +11179,7 @@ var es_default = {
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} app or extension to manage your wallet and security settings.": "Este es tu monedero principal e identidad. Aseg\xFArate de mantenerlo seguro y respaldado. Ve a la aplicaci\xF3n o extensi\xF3n de {{element}} para gestionar tu monedero y la configuraci\xF3n de seguridad.",
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your login methods and security settings.": "Esta es tu billetera e identidad principal. Aseg\xFArate de mantenerla segura y respaldada. Ve al sitio web de {{element}} para gestionar tus m\xE9todos de inicio de sesi\xF3n y configuraciones de seguridad.",
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your wallet and security settings.": "Esta es su billetera principal e identidad. Aseg\xFArese de mantenerla segura y respaldada. Vaya al sitio web de {{element}} para administrar su billetera y la configuraci\xF3n de seguridad.",
+  "This is your main wallet, created by {{element}} and secured by Privy.": "Esta es su billetera principal, creada por {{element}} y asegurada por Privy.",
   "This is your main wallet, created by {{element}} and secured by Privy. This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions. Please be sure to keep it safe and backed up.": "Esta es tu billetera principal, creada por {{element}} y asegurada por Privy. Esta billetera es la propietaria de tu cuenta inteligente, la cual se utiliza como tu identidad y como puerta de entrada para tus interacciones con la blockchain. Por favor, aseg\xFArate de mantenerla segura y respaldada.",
   "This may take a few seconds. You can close this window and check the status later.": "Esto puede tardar unos segundos. Puede cerrar esta ventana y comprobar el estado m\xE1s tarde.",
   "This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions.": "Esta billetera es la propietaria de tu cuenta inteligente, la cual se utiliza como tu identidad y como puerta de entrada para tus interacciones con la blockchain.",
@@ -11126,6 +11356,7 @@ var zh_default = {
   "Continue with Google": "\u901A\u8FC7Google\u7EE7\u7EED",
   "Copy your address or scan this QR code": "\u590D\u5236\u60A8\u7684\u5730\u5740\u6216\u626B\u63CF\u6B64\u4E8C\u7EF4\u7801",
   Current: "\u5F53\u524D",
+  "Current domain": "\u5F53\u524D\u57DF\u540D",
   "Currently, multiclause transactions are not supported for smart accounts. Your multiclause transaction will be split into multiple transactions.": "\u5F53\u524D\uFF0C\u4E0D\u652F\u6301\u667A\u80FD\u8D26\u6237\u7684\u591A\u6761\u6B3E\u4EA4\u6613\u3002\u60A8\u7684\u591A\u6761\u6B3E\u4EA4\u6613\u5C06\u88AB\u62C6\u5206\u4E3A\u591A\u7B14\u4EA4\u6613\u3002",
   "Customize Account": "\u81EA\u5B9A\u4E49\u5E10\u6237",
   "Customize account": "\u81EA\u5B9A\u4E49\u5E10\u6237",
@@ -11224,6 +11455,7 @@ var zh_default = {
   Passkey: "\u901A\u884C\u5BC6\u94A5",
   "Phone Number": "\u7535\u8BDD\u53F7\u7801",
   "Please approve the request in the connection request window...": "\u8BF7\u5728\u8FDE\u63A5\u8BF7\u6C42\u7A97\u53E3\u4E2D\u6279\u51C6\u8BF7\u6C42...",
+  "Please be sure to keep this wallet safe and backed up.": "\u8BF7\u52A1\u5FC5\u4FDD\u8BC1\u6B64\u94B1\u5305\u7684\u5B89\u5168\u5E76\u8FDB\u884C\u5907\u4EFD\u3002",
   "Please check {{email}} for an email from privy.io and enter your code below.": "\u8BF7\u67E5\u770B {{email}} \u662F\u5426\u6709\u6765\u81EA privy.io \u7684\u7535\u5B50\u90AE\u4EF6\uFF0C\u5E76\u5728\u4E0B\u65B9\u8F93\u5165\u60A8\u7684\u4EE3\u7801\u3002",
   "Please click 'Try again' to open the login window.": "\u8BF7\u70B9\u51FB\u201C\u91CD\u8BD5\u201D\u4EE5\u6253\u5F00\u767B\u5F55\u7A97\u53E3\u3002",
   "Please complete the passkey authentication...": "\u8BF7\u5B8C\u6210\u901A\u884C\u5BC6\u94A5\u8BA4\u8BC1...",
@@ -11288,6 +11520,7 @@ var zh_default = {
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} app or extension to manage your wallet and security settings.": "\u8FD9\u662F\u60A8\u7684\u4E3B\u8981\u94B1\u5305\u548C\u8EAB\u4EFD\u3002\u8BF7\u52A1\u5FC5\u59A5\u5584\u4FDD\u7BA1\u5E76\u5907\u4EFD\u3002\u8BF7\u524D\u5F80{{element}}\u5E94\u7528\u7A0B\u5E8F\u6216\u6269\u5C55\u7BA1\u7406\u60A8\u7684\u94B1\u5305\u548C\u5B89\u5168\u8BBE\u7F6E\u3002",
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your login methods and security settings.": "\u8FD9\u662F\u60A8\u7684\u4E3B\u94B1\u5305\u548C\u8EAB\u4EFD\u3002\u8BF7\u52A1\u5FC5\u786E\u4FDD\u5176\u5B89\u5168\u5E76\u5907\u4EFD\u3002\u524D\u5F80 {{element}} \u7F51\u7AD9\u7BA1\u7406\u60A8\u7684\u767B\u5F55\u65B9\u5F0F\u548C\u5B89\u5168\u8BBE\u7F6E\u3002",
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your wallet and security settings.": "\u8FD9\u662F\u60A8\u7684\u4E3B\u8981\u94B1\u5305\u548C\u8EAB\u4EFD\u3002\u8BF7\u786E\u4FDD\u5176\u5B89\u5168\u5E76\u8FDB\u884C\u5907\u4EFD\u3002\u8BBF\u95EE{{element}}\u7F51\u7AD9\u4EE5\u7BA1\u7406\u60A8\u7684\u94B1\u5305\u548C\u5B89\u5168\u8BBE\u7F6E\u3002",
+  "This is your main wallet, created by {{element}} and secured by Privy.": "\u8FD9\u662F\u60A8\u7684\u4E3B\u94B1\u5305\uFF0C\u7531{{element}}\u521B\u5EFA\uFF0C\u5E76\u7531Privy\u4FDD\u62A4\u3002",
   "This is your main wallet, created by {{element}} and secured by Privy. This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions. Please be sure to keep it safe and backed up.": "\u8FD9\u662F\u60A8\u7684\u4E3B\u94B1\u5305\uFF0C\u7531{{element}}\u521B\u5EFA\u5E76\u901A\u8FC7Privy\u4FDD\u62A4\u3002\u6B64\u94B1\u5305\u662F\u60A8\u7684\u667A\u80FD\u8D26\u6237\u6240\u6709\u8005\uFF0C\u7528\u4F5C\u60A8\u7684\u8EAB\u4EFD\u6807\u8BC6\u4EE5\u53CA\u533A\u5757\u94FE\u4EA4\u4E92\u7684\u7F51\u5173\u3002\u8BF7\u52A1\u5FC5\u786E\u4FDD\u94B1\u5305\u7684\u5B89\u5168\u6027\u5E76\u8FDB\u884C\u5907\u4EFD\u3002",
   "This may take a few seconds. You can close this window and check the status later.": "\u8FD9\u53EF\u80FD\u9700\u8981\u51E0\u79D2\u949F\u3002\u60A8\u53EF\u4EE5\u5173\u95ED\u6B64\u7A97\u53E3\uFF0C\u7A0D\u540E\u67E5\u770B\u72B6\u6001\u3002",
   "This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions.": "\u6B64\u94B1\u5305\u662F\u60A8\u7684\u667A\u80FD\u8D26\u6237\u6240\u6709\u8005\uFF0C\u7528\u4F5C\u60A8\u7684\u8EAB\u4EFD\u6807\u8BC6\u4EE5\u53CA\u533A\u5757\u94FE\u4EA4\u4E92\u7684\u7F51\u5173\u3002",
@@ -11464,6 +11697,7 @@ var ja_default = {
   "Continue with Google": "Google\u3067\u7D9A\u884C",
   "Copy your address or scan this QR code": "\u30A2\u30C9\u30EC\u30B9\u3092\u30B3\u30D4\u30FC\u3059\u308B\u304B\u3001\u3053\u306EQR\u30B3\u30FC\u30C9\u3092\u30B9\u30AD\u30E3\u30F3\u3057\u3066\u304F\u3060\u3055\u3044",
   Current: "\u73FE\u5728",
+  "Current domain": "\u73FE\u5728\u306E\u30C9\u30E1\u30A4\u30F3",
   "Currently, multiclause transactions are not supported for smart accounts. Your multiclause transaction will be split into multiple transactions.": "\u73FE\u5728\u3001\u30B9\u30DE\u30FC\u30C8\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u306F\u8907\u6570\u6761\u9805\u306E\u30C8\u30E9\u30F3\u30B6\u30AF\u30B7\u30E7\u30F3\u306F\u30B5\u30DD\u30FC\u30C8\u3055\u308C\u3066\u3044\u307E\u305B\u3093\u3002\u3042\u306A\u305F\u306E\u8907\u6570\u6761\u9805\u306E\u30C8\u30E9\u30F3\u30B6\u30AF\u30B7\u30E7\u30F3\u306F\u8907\u6570\u306E\u30C8\u30E9\u30F3\u30B6\u30AF\u30B7\u30E7\u30F3\u306B\u5206\u5272\u3055\u308C\u307E\u3059\u3002",
   "Customize Account": "\u30A2\u30AB\u30A6\u30F3\u30C8\u306E\u30AB\u30B9\u30BF\u30DE\u30A4\u30BA",
   "Customize account": "\u30A2\u30AB\u30A6\u30F3\u30C8\u3092\u30AB\u30B9\u30BF\u30DE\u30A4\u30BA",
@@ -11562,6 +11796,7 @@ var ja_default = {
   Passkey: "\u30D1\u30B9\u30AD\u30FC",
   "Phone Number": "\u96FB\u8A71\u756A\u53F7",
   "Please approve the request in the connection request window...": "\u63A5\u7D9A\u30EA\u30AF\u30A8\u30B9\u30C8\u30A6\u30A3\u30F3\u30C9\u30A6\u3067\u30EA\u30AF\u30A8\u30B9\u30C8\u3092\u627F\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044...",
+  "Please be sure to keep this wallet safe and backed up.": "\u3053\u306E\u30A6\u30A9\u30EC\u30C3\u30C8\u3092\u5B89\u5168\u306B\u4FDD\u7BA1\u3057\u3001\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u3092\u53D6\u308B\u3088\u3046\u306B\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   "Please check {{email}} for an email from privy.io and enter your code below.": "{{email}} \u306B privy.io \u304B\u3089\u306E\u30E1\u30FC\u30EB\u304C\u5C4A\u3044\u3066\u3044\u308B\u3053\u3068\u3092\u78BA\u8A8D\u3057\u3001\u4EE5\u4E0B\u306B\u30B3\u30FC\u30C9\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   "Please click 'Try again' to open the login window.": "\u300C\u518D\u8A66\u884C\u300D\u3092\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30ED\u30B0\u30A4\u30F3\u30A6\u30A3\u30F3\u30C9\u30A6\u3092\u958B\u3044\u3066\u304F\u3060\u3055\u3044\u3002",
   "Please complete the passkey authentication...": "\u30D1\u30B9\u30AD\u30FC\u8A8D\u8A3C\u3092\u5B8C\u4E86\u3057\u3066\u304F\u3060\u3055\u3044...",
@@ -11626,6 +11861,7 @@ var ja_default = {
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} app or extension to manage your wallet and security settings.": "\u3053\u308C\u306F\u3042\u306A\u305F\u306E\u30E1\u30A4\u30F3\u30A6\u30A9\u30EC\u30C3\u30C8\u3068\u30A2\u30A4\u30C7\u30F3\u30C6\u30A3\u30C6\u30A3\u3067\u3059\u3002\u5B89\u5168\u306B\u4FDD\u7BA1\u3057\u3001\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u3092\u53D6\u3063\u3066\u304F\u3060\u3055\u3044\u3002\u30A6\u30A9\u30EC\u30C3\u30C8\u3068\u30BB\u30AD\u30E5\u30EA\u30C6\u30A3\u8A2D\u5B9A\u3092\u7BA1\u7406\u3059\u308B\u306B\u306F\u3001{{element}} \u30A2\u30D7\u30EA\u307E\u305F\u306F\u62E1\u5F35\u6A5F\u80FD\u306B\u79FB\u52D5\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your login methods and security settings.": "\u3053\u308C\u304C\u3042\u306A\u305F\u306E\u4E3B\u8981\u306A\u30A6\u30A9\u30EC\u30C3\u30C8\u3068ID\u3067\u3059\u3002\u5FC5\u305A\u5B89\u5168\u306B\u4FDD\u7BA1\u3057\u3001\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u3057\u3066\u304F\u3060\u3055\u3044\u3002\u30ED\u30B0\u30A4\u30F3\u65B9\u6CD5\u3068\u30BB\u30AD\u30E5\u30EA\u30C6\u30A3\u8A2D\u5B9A\u3092\u7BA1\u7406\u3059\u308B\u305F\u3081\u306B{{element}}\u306E\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u306B\u79FB\u52D5\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your wallet and security settings.": "\u3053\u308C\u304C\u3042\u306A\u305F\u306E\u30E1\u30A4\u30F3\u30A6\u30A9\u30EC\u30C3\u30C8\u3068\u30A2\u30A4\u30C7\u30F3\u30C6\u30A3\u30C6\u30A3\u3067\u3059\u3002\u5B89\u5168\u306B\u4FDD\u7BA1\u3057\u3001\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u3092\u53D6\u3063\u3066\u304F\u3060\u3055\u3044\u3002\u30A6\u30A9\u30EC\u30C3\u30C8\u3068\u30BB\u30AD\u30E5\u30EA\u30C6\u30A3\u8A2D\u5B9A\u3092\u7BA1\u7406\u3059\u308B\u306B\u306F{{element}}\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u306B\u30A2\u30AF\u30BB\u30B9\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+  "This is your main wallet, created by {{element}} and secured by Privy.": "\u3053\u308C\u306F\u3001{{element}}\u306B\u3088\u3063\u3066\u4F5C\u6210\u3055\u308C\u3001Privy\u306B\u3088\u3063\u3066\u4FDD\u8B77\u3055\u308C\u305F\u3042\u306A\u305F\u306E\u30E1\u30A4\u30F3\u30A6\u30A9\u30EC\u30C3\u30C8\u3067\u3059\u3002",
   "This is your main wallet, created by {{element}} and secured by Privy. This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions. Please be sure to keep it safe and backed up.": "{{element}}\u306B\u3088\u3063\u3066\u4F5C\u6210\u3055\u308C\u3001Privy\u306B\u3088\u3063\u3066\u4FDD\u8B77\u3055\u308C\u305F\u30E1\u30A4\u30F3\u30A6\u30A9\u30EC\u30C3\u30C8\u3067\u3059\u3002\u3053\u306E\u30A6\u30A9\u30EC\u30C3\u30C8\u306F\u3001\u30A2\u30A4\u30C7\u30F3\u30C6\u30A3\u30C6\u30A3\u3068\u3057\u3066\u4F7F\u7528\u3055\u308C\u308B\u30B9\u30DE\u30FC\u30C8\u30A2\u30AB\u30A6\u30F3\u30C8\u306E\u6240\u6709\u8005\u3067\u3042\u308A\u3001\u30D6\u30ED\u30C3\u30AF\u30C1\u30A7\u30FC\u30F3\u3068\u306E\u3084\u308A\u53D6\u308A\u306E\u30B2\u30FC\u30C8\u30A6\u30A7\u30A4\u3068\u3057\u3066\u6A5F\u80FD\u3057\u307E\u3059\u3002\u5B89\u5168\u306B\u4FDD\u7BA1\u3057\u3001\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u3092\u78BA\u5B9F\u306B\u53D6\u3063\u3066\u304F\u3060\u3055\u3044\u3002",
   "This may take a few seconds. You can close this window and check the status later.": "\u6570\u79D2\u304B\u304B\u308B\u3053\u3068\u304C\u3042\u308A\u307E\u3059\u3002\u3053\u306E\u30A6\u30A3\u30F3\u30C9\u30A6\u3092\u9589\u3058\u3066\u5F8C\u3067\u30B9\u30C6\u30FC\u30BF\u30B9\u3092\u78BA\u8A8D\u3059\u308B\u3053\u3068\u304C\u3067\u304D\u307E\u3059\u3002",
   "This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions.": "\u3053\u306E\u30A6\u30A9\u30EC\u30C3\u30C8\u306F\u3001\u30A2\u30A4\u30C7\u30F3\u30C6\u30A3\u30C6\u30A3\u3068\u3057\u3066\u4F7F\u7528\u3055\u308C\u308B\u30B9\u30DE\u30FC\u30C8\u30A2\u30AB\u30A6\u30F3\u30C8\u306E\u6240\u6709\u8005\u3067\u3042\u308A\u3001\u30D6\u30ED\u30C3\u30AF\u30C1\u30A7\u30FC\u30F3\u3068\u306E\u3084\u308A\u53D6\u308A\u306E\u30B2\u30FC\u30C8\u30A6\u30A7\u30A4\u3068\u3057\u3066\u6A5F\u80FD\u3057\u307E\u3059\u3002",
@@ -13174,7 +13410,6 @@ var AccountModal = ({
   );
 };
 var ConnectModal = ({ isOpen, onClose }) => {
-  const { loginModalUI } = useVeChainKitConfig();
   const [currentContent, setCurrentContent] = useState("main");
   useEffect(() => {
     if (isOpen) {
@@ -13188,8 +13423,7 @@ var ConnectModal = ({ isOpen, onClose }) => {
           MainContent,
           {
             setCurrentContent,
-            onClose,
-            variant: loginModalUI?.variant
+            onClose
           }
         );
       case "faq":
@@ -13347,13 +13581,10 @@ var ConnectedWallet = ({
   const [isDesktop] = useMediaQuery("(min-width: 768px)");
   return /* @__PURE__ */ jsx(Button, { ...buttonStyle, onClick: onOpen, p: "0px 13px", minH: "45px", children: /* @__PURE__ */ jsxs(HStack, { children: [
     /* @__PURE__ */ jsx(
-      Image,
+      AccountAvatar,
       {
-        src: account?.image ?? notFoundImage,
-        alt: "wallet",
-        width: 30,
-        height: 30,
-        borderRadius: "50%"
+        wallet: account,
+        props: { width: 30, height: 30 }
       }
     ),
     !isDesktop && /* @__PURE__ */ jsx(WalletDisplay, { variant: mobileVariant }),
@@ -13943,14 +14174,13 @@ var VeChainKitProvider = ({
   feeDelegation,
   dappKit,
   loginModalUI = {
-    variant: "vechain-and-wallet",
     description: "Choose between social login through VeChain or by connecting your wallet."
   },
+  loginMethods,
   darkMode = false,
   i18n: i18nConfig,
   language = "en",
-  network,
-  privyEcosystemAppIDS = DEFAULT_PRIVY_ECOSYSTEM_APP_IDS
+  network
 }) => {
   const [isConnectModalOpen, setIsConnectModalOpen] = useState(false);
   const openConnectModal = useCallback(() => setIsConnectModalOpen(true), []);
@@ -13983,9 +14213,15 @@ var VeChainKitProvider = ({
     []
   );
   const [accountModalContent, setAccountModalContent] = useState("main");
-  const loginMethods = [
+  const allowedEcosystemApps = useMemo(() => {
+    const userEcosystemMethods = loginMethods?.find(
+      (method35) => method35.method === "ecosystem"
+    );
+    return userEcosystemMethods?.allowedApps ?? DEFAULT_PRIVY_ECOSYSTEM_APP_IDS;
+  }, [loginMethods]);
+  const privyLoginMethods = [
     ...privy?.loginMethods ?? [],
-    ...(privyEcosystemAppIDS ?? []).map((appID) => `privy:${appID}`)
+    ...allowedEcosystemApps.map((appID) => `privy:${appID}`)
   ];
   let privyAppId, privyClientId;
   if (!privy) {
@@ -14014,20 +14250,20 @@ var VeChainKitProvider = ({
   }, [language, i18nConfig]);
   return /* @__PURE__ */ jsxs(EnsureQueryClient, { children: [
     /* @__PURE__ */ jsx(ReactQueryDevtools, { initialIsOpen: false }),
-    /* @__PURE__ */ jsx(PrivyCrossAppProvider, { privyEcosystemAppIDS, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(PrivyCrossAppProvider, { privyEcosystemAppIDS: allowedEcosystemApps, children: /* @__PURE__ */ jsx(
       VeChainKitContext.Provider,
       {
         value: {
           privy,
-          privyEcosystemAppIDS,
+          privyEcosystemAppIDS: allowedEcosystemApps,
           feeDelegation,
           dappKit,
           loginModalUI,
+          loginMethods,
           darkMode,
           i18n: i18nConfig,
           language,
           network,
-          privySocialLoginEnabled: privy !== void 0,
           openConnectModal,
           closeConnectModal,
           isConnectModalOpen,
@@ -14050,7 +14286,7 @@ var VeChainKitProvider = ({
             config: {
               loginMethodsAndOrder: {
                 // @ts-ignore
-                primary: loginMethods
+                primary: privyLoginMethods
               },
               appearance: {
                 theme: darkMode ? "dark" : "light",
@@ -14140,7 +14376,7 @@ var variants = {
       scrollbarWidth: "none",
       overflow: "scroll",
       overflowX: "hidden",
-      maxHeight: "520px",
+      maxHeight: "540px",
       borderRadius: "24px",
       backgroundColor: props.colorMode === "dark" ? "#1f1f1e" : "white"
     },
@@ -14355,6 +14591,6 @@ var VechainKitThemeProvider = ({
   ] });
 };
 
-export { APP_SECURITY_LEVELS, AccountCustomizationContent, AccountCustomizationModalProvider, AccountDetailsButton, AccountMainContent, AccountModal, AccountModalProvider, AccountSelector, ActionButton, AddressDisplay, AddressDisplayCard, AssetButton, AssetsSection, BalanceSection, BaseModal, ChooseNameContent, ChooseNameModalProvider, ChooseNameSearchContent, ChooseNameSummaryContent, ConnectModal, ConnectModalProvider, ConnectionButton, DappKitButton, EcosystemButton, EcosystemModal, EmailLoginButton, EmbeddedWalletContent, EmbeddedWalletSettingsModalProvider, ExploreEcosystemModalProvider, FAQContent, FAQModalProvider, FadeInView, FadeInViewFromBottom, FadeInViewFromLeft, FadeInViewFromRight, FeatureAnnouncementCard, LoginLoadingModal, MAX_IMAGE_SIZE, MainContent, ModalBackButton, ModalFAQButton, NFTMediaType, NotificationsModalProvider, PRICE_FEED_IDS, PasskeyLoginButton, PrivyButton, PrivyWalletProvider, QuickActionsSection, ReceiveModalProvider, ReceiveTokenContent, RoundState, ScrollToTopWrapper, SecurityLevel, SelectTokenContent, SendTokenContent, SendTokenModalProvider, SendTokenSummaryContent, SocialLoginButtons, StickyFooterContainer, StickyHeaderContainer, SwapTokenContent, TransactionModal, TransactionModalProvider, TransactionToast, TransactionToastProvider, VeChainKitContext, VeChainKitProvider, VeChainLoginButton, VeChainWithPrivyLoginButton, VePassportUserStatus, VechainKitThemeProvider, VersionFooter, WalletButton, WalletModalProvider, WalletSettingsContent, buildClaimRewardsTx, buildClaimRoundReward, compressImages, currentBlockQueryKey, fetchPrivyAppInfo, fetchVechainDomain, getAccountBalance, getAccountBalanceQueryKey, getAllEvents, getAllocationAmount, getAllocationAmountQueryKey, getAllocationsRoundState, getAllocationsRoundStateQueryKey, getAllocationsRoundsEvents, getAllocationsRoundsEventsQueryKey, getAppAdmin, getAppAdminQueryKey, getAppBalance, getAppBalanceQueryKey, getAppExistsQueryKey, getAppSecurityLevelQueryKey, getAppsEligibleInNextRound, getAppsEligibleInNextRoundQueryKey, getAppsShareClauses, getAvatar, getAvatarQueryKey, getB3trBalance, getB3trBalanceQueryKey, getB3trDonatedQueryKey, getB3trToUpgradeQueryKey, getBalanceOf, getCallKey, getChainId, getChainIdQueryKey, getCurrentAllocationsRoundId, getCurrentAllocationsRoundIdQueryKey, getDelegateeQueryKey, getDelegatorQueryKey, getDomainsOfAddress, getDomainsOfAddressQueryKey, getEnsRecordExistsQueryKey, getEntitiesLinkedToPassportQueryKey, getEvents, getGMBaseUriQueryKey, getGMLevel, getGMbalanceQueryKey, getGetCumulativeScoreWithDecayQueryKey, getHasVotedInRound, getHasVotedInRoundQueryKey, getIpfsImage, getIpfsImageQueryKey, getIpfsMetadata, getIpfsMetadataQueryKey, getIsBlacklistedQueryKey, getIsDomainProtectedQueryKey, getIsEntityQueryKey, getIsNodeHolder, getIsNodeHolderQueryKey, getIsPassportQueryKey, getIsPersonAtTimepointQueryKey, getIsPersonQueryKey, getIsWhitelistedQueryKey, getLevelGradient, getLevelMultiplierQueryKey, getLevelOfTokenQueryKey, getNFTMetadataUri, getNFTMetadataUriQueryKey, getNodeCheckCooldownQueryKey, getNodeManagerQueryKey, getParticipatedInGovernance, getParticipatedInGovernanceQueryKey, getParticipationScoreThresholdQueryKey, getPassportForEntityQueryKey, getPassportToggleQueryKey, getPendingDelegationsQueryKeyDelegateePOV, getPendingDelegationsQueryKeyDelegatorPOV, getPendingLinkingsQueryKey, getPrivyAppInfoQueryKey, getRoundReward, getRoundRewardQueryKey, getRoundXApps, getRoundXAppsQueryKey, getSecurityMultiplierQueryKey, getSmartAccount, getSmartAccountQueryKey, getThresholdParticipationScoreAtTimepointQueryKey, getThresholdParticipationScoreQueryKey, getTokenIdByAccount, getTokenIdByAccountQueryKey, getTokenUsdPrice, getTokenUsdPriceQueryKey, getTokensInfoByOwnerQueryKey, getUserBotSignalsQueryKey, getUserNodesQueryKey, getUserRoundScoreQueryKey, getUserVotesInRound, getUserVotesInRoundQueryKey, getUserXNodes, getUserXNodesQueryKey, getVeDelegateBalance, getVeDelegateBalanceQueryKey, getVechainDomainQueryKey, getVersion, getVersionQueryKey, getVot3Balance, getVot3BalanceQueryKey, getVotesInRoundQueryKey, getXAppMetadata, getXAppMetadataQueryKey, getXAppRoundEarnings, getXAppRoundEarningsQueryKey, getXAppTotalEarningsClauses, getXAppTotalEarningsQueryKey, getXAppVotes, getXAppVotesQf, getXAppVotesQfQueryKey, getXAppVotesQueryKey, getXApps, getXAppsMetadataBaseUri, getXAppsMetadataBaseUriQueryKey, getXAppsQueryKey, getXAppsSharesQueryKey, imageCompressionOptions, pollForReceipt, useAccountBalance, useAccountCustomizationModal, useAccountLinking, useAccountModal, useAllocationAmount, useAllocationsRound, useAllocationsRoundState, useAllocationsRoundsEvents, useAppAdmin, useAppBalance, useAppExists, useAppSecurityLevel, useAppsEligibleInNextRound, useB3trDonated, useB3trToUpgrade, useBalances, useCall, useChooseNameModal, useClaimVeWorldSubdomain, useConnectModal, useContractVersion, useCrossAppConnectionCache, useCurrentAllocationsRound, useCurrentAllocationsRoundId, useCurrentBlock, useEcosystemShortcuts, useEmbeddedWalletSettingsModal, useEnsRecordExists, useExploreEcosystemModal, useFAQModal, useFeatureAnnouncement, useFetchAppInfo, useGMBaseUri, useGMbalance, useGetAvatar, useGetB3trBalance, useGetChainId, useGetCumulativeScoreWithDecay, useGetDelegatee, useGetDelegator, useGetDomainsOfAddress, useGetEntitiesLinkedToPassport, useGetNodeManager, useGetNodeUrl, useGetPassportForEntity, useGetPendingDelegationsDelegateePOV, useGetPendingDelegationsDelegatorPOV, useGetPendingLinkings, useGetTokenUsdPrice, useGetTokensInfoByOwner, useGetUserEntitiesLinkedToPassport, useGetUserNode, useGetUserNodes, useGetUserPassportForEntity, useGetUserPendingLinkings, useGetVeDelegateBalance, useGetVot3Balance, useHasVotedInRound, useIpfsImage, useIpfsImageList, useIpfsMetadata, useIpfsMetadatas, useIsBlacklisted, useIsDomainProtected, useIsEntity, useIsGMclaimable, useIsNodeHolder, useIsPWA, useIsPassport, useIsPassportCheckEnabled, useIsPerson, useIsPersonAtTimepoint, useIsUserEntity, useIsUserPassport, useIsUserPerson, useIsWhitelisted, useLevelMultiplier, useLevelOfToken, useLocalStorage, useLoginWithOAuth2 as useLoginWithOAuth, useLoginWithPasskey, useLoginWithVeChain, useMostVotedAppsInRound, useMultipleXAppRoundEarnings, useNFTImage, useNFTMetadataUri, useNotificationAlerts, useNotifications, useNotificationsModal, useParticipatedInGovernance, useParticipationScoreThreshold, usePassportChecks, usePrivyWalletProvider, useReceiveModal, useRefreshBalances, useRoundEarnings, useRoundReward, useRoundXApps, useScrollToTop, useSecurityMultiplier, useSelectedGmNft, useSendTokenModal, useSendTransaction, useSignMessage2 as useSignMessage, useSignTypedData2 as useSignTypedData, useSingleImageUpload, useSmartAccount, useThresholdParticipationScore, useThresholdParticipationScoreAtTimepoint, useTokenIdByAccount, useTransactionModal, useTransactionToast, useTransferERC20, useTransferVET, useTxReceipt, useUpdateAvatarRecord, useUploadImages, useUserBotSignals, useUserDelegation, useUserRoundScore, useUserStatus, useUserTopVotedApps, useUserVotesInAllRounds, useUserVotesInRound, useVeChainKitConfig, useVechainDomain, useVotesInRound, useVotingRewards, useWallet, useWalletModal, useXApp, useXAppMetadata, useXAppRoundEarnings, useXAppTotalEarnings, useXAppVotes, useXAppVotesQf, useXApps, useXAppsMetadataBaseUri, useXAppsShares, useXNode, useXNodeCheckCooldown, useXNodes };
+export { APP_SECURITY_LEVELS, AccountAvatar, AccountCustomizationContent, AccountCustomizationModalProvider, AccountDetailsButton, AccountMainContent, AccountModal, AccountModalProvider, AccountSelector, ActionButton, AddressDisplay, AddressDisplayCard, AssetButton, AssetsSection, BalanceSection, BaseModal, ChooseNameContent, ChooseNameModalProvider, ChooseNameSearchContent, ChooseNameSummaryContent, ConnectModal, ConnectModalProvider, ConnectionButton, DappKitButton, EcosystemButton, EcosystemModal, EmailLoginButton, EmbeddedWalletContent, EmbeddedWalletSettingsModalProvider, ExchangeWarningAlert, ExploreEcosystemModalProvider, FAQContent, FAQModalProvider, FadeInView, FadeInViewFromBottom, FadeInViewFromLeft, FadeInViewFromRight, FeatureAnnouncementCard, LoginLoadingModal, MAX_IMAGE_SIZE, MainContent, ModalBackButton, ModalFAQButton, NFTMediaType, NotificationsModalProvider, PRICE_FEED_IDS, PasskeyLoginButton, PrivyButton, PrivyWalletProvider, QuickActionsSection, ReceiveModalProvider, ReceiveTokenContent, RoundState, ScrollToTopWrapper, SecurityLevel, SelectTokenContent, SendTokenContent, SendTokenModalProvider, SendTokenSummaryContent, SocialLoginButtons, StickyFooterContainer, StickyHeaderContainer, SwapTokenContent, TransactionModal, TransactionModalProvider, TransactionToast, TransactionToastProvider, VeChainKitContext, VeChainKitProvider, VeChainLoginButton, VeChainWithPrivyLoginButton, VePassportUserStatus, VechainKitThemeProvider, VersionFooter, WalletButton, WalletModalProvider, WalletSettingsContent, buildClaimRewardsTx, buildClaimRoundReward, compressImages, currentBlockQueryKey, fetchPrivyAppInfo, fetchVechainDomain, getAccountBalance, getAccountBalanceQueryKey, getAllEvents, getAllocationAmount, getAllocationAmountQueryKey, getAllocationsRoundState, getAllocationsRoundStateQueryKey, getAllocationsRoundsEvents, getAllocationsRoundsEventsQueryKey, getAppAdmin, getAppAdminQueryKey, getAppBalance, getAppBalanceQueryKey, getAppExistsQueryKey, getAppSecurityLevelQueryKey, getAppsEligibleInNextRound, getAppsEligibleInNextRoundQueryKey, getAppsShareClauses, getAvatar, getAvatarQueryKey, getB3trBalance, getB3trBalanceQueryKey, getB3trDonatedQueryKey, getB3trToUpgradeQueryKey, getBalanceOf, getCallKey, getChainId, getChainIdQueryKey, getCurrentAllocationsRoundId, getCurrentAllocationsRoundIdQueryKey, getDelegateeQueryKey, getDelegatorQueryKey, getDomainsOfAddress, getDomainsOfAddressQueryKey, getEnsRecordExistsQueryKey, getEntitiesLinkedToPassportQueryKey, getEvents, getGMBaseUriQueryKey, getGMLevel, getGMbalanceQueryKey, getGetCumulativeScoreWithDecayQueryKey, getHasVotedInRound, getHasVotedInRoundQueryKey, getIpfsImage, getIpfsImageQueryKey, getIpfsMetadata, getIpfsMetadataQueryKey, getIsBlacklistedQueryKey, getIsDomainProtectedQueryKey, getIsEntityQueryKey, getIsNodeHolder, getIsNodeHolderQueryKey, getIsPassportQueryKey, getIsPersonAtTimepointQueryKey, getIsPersonQueryKey, getIsWhitelistedQueryKey, getLevelGradient, getLevelMultiplierQueryKey, getLevelOfTokenQueryKey, getNFTMetadataUri, getNFTMetadataUriQueryKey, getNodeCheckCooldownQueryKey, getNodeManagerQueryKey, getParticipatedInGovernance, getParticipatedInGovernanceQueryKey, getParticipationScoreThresholdQueryKey, getPassportForEntityQueryKey, getPassportToggleQueryKey, getPendingDelegationsQueryKeyDelegateePOV, getPendingDelegationsQueryKeyDelegatorPOV, getPendingLinkingsQueryKey, getPrivyAppInfoQueryKey, getRoundReward, getRoundRewardQueryKey, getRoundXApps, getRoundXAppsQueryKey, getSecurityMultiplierQueryKey, getSmartAccount, getSmartAccountQueryKey, getThresholdParticipationScoreAtTimepointQueryKey, getThresholdParticipationScoreQueryKey, getTokenIdByAccount, getTokenIdByAccountQueryKey, getTokenUsdPrice, getTokenUsdPriceQueryKey, getTokensInfoByOwnerQueryKey, getUserBotSignalsQueryKey, getUserNodesQueryKey, getUserRoundScoreQueryKey, getUserVotesInRound, getUserVotesInRoundQueryKey, getUserXNodes, getUserXNodesQueryKey, getVeDelegateBalance, getVeDelegateBalanceQueryKey, getVechainDomainQueryKey, getVersion, getVersionQueryKey, getVot3Balance, getVot3BalanceQueryKey, getVotesInRoundQueryKey, getXAppMetadata, getXAppMetadataQueryKey, getXAppRoundEarnings, getXAppRoundEarningsQueryKey, getXAppTotalEarningsClauses, getXAppTotalEarningsQueryKey, getXAppVotes, getXAppVotesQf, getXAppVotesQfQueryKey, getXAppVotesQueryKey, getXApps, getXAppsMetadataBaseUri, getXAppsMetadataBaseUriQueryKey, getXAppsQueryKey, getXAppsSharesQueryKey, imageCompressionOptions, pollForReceipt, useAccountBalance, useAccountCustomizationModal, useAccountLinking, useAccountModal, useAllocationAmount, useAllocationsRound, useAllocationsRoundState, useAllocationsRoundsEvents, useAppAdmin, useAppBalance, useAppExists, useAppSecurityLevel, useAppsEligibleInNextRound, useB3trDonated, useB3trToUpgrade, useBalances, useCall, useChooseNameModal, useClaimVeWorldSubdomain, useConnectModal, useContractVersion, useCrossAppConnectionCache, useCurrentAllocationsRound, useCurrentAllocationsRoundId, useCurrentBlock, useEcosystemShortcuts, useEmbeddedWalletSettingsModal, useEnsRecordExists, useExploreEcosystemModal, useFAQModal, useFeatureAnnouncement, useFetchAppInfo, useGMBaseUri, useGMbalance, useGetAvatar, useGetB3trBalance, useGetChainId, useGetCumulativeScoreWithDecay, useGetDelegatee, useGetDelegator, useGetDomainsOfAddress, useGetEntitiesLinkedToPassport, useGetNodeManager, useGetNodeUrl, useGetPassportForEntity, useGetPendingDelegationsDelegateePOV, useGetPendingDelegationsDelegatorPOV, useGetPendingLinkings, useGetTokenUsdPrice, useGetTokensInfoByOwner, useGetUserEntitiesLinkedToPassport, useGetUserNode, useGetUserNodes, useGetUserPassportForEntity, useGetUserPendingLinkings, useGetVeDelegateBalance, useGetVot3Balance, useHasVotedInRound, useIpfsImage, useIpfsImageList, useIpfsMetadata, useIpfsMetadatas, useIsBlacklisted, useIsDomainProtected, useIsEntity, useIsGMclaimable, useIsNodeHolder, useIsPWA, useIsPassport, useIsPassportCheckEnabled, useIsPerson, useIsPersonAtTimepoint, useIsUserEntity, useIsUserPassport, useIsUserPerson, useIsWhitelisted, useLevelMultiplier, useLevelOfToken, useLocalStorage, useLoginModalContent, useLoginWithOAuth2 as useLoginWithOAuth, useLoginWithPasskey, useLoginWithVeChain, useMostVotedAppsInRound, useMultipleXAppRoundEarnings, useNFTImage, useNFTMetadataUri, useNotificationAlerts, useNotifications, useNotificationsModal, useParticipatedInGovernance, useParticipationScoreThreshold, usePassportChecks, usePrivyWalletProvider, useReceiveModal, useRefreshBalances, useRoundEarnings, useRoundReward, useRoundXApps, useScrollToTop, useSecurityMultiplier, useSelectedGmNft, useSendTokenModal, useSendTransaction, useSignMessage2 as useSignMessage, useSignTypedData2 as useSignTypedData, useSingleImageUpload, useSmartAccount, useThresholdParticipationScore, useThresholdParticipationScoreAtTimepoint, useTokenIdByAccount, useTransactionModal, useTransactionToast, useTransferERC20, useTransferVET, useTxReceipt, useUpdateAvatarRecord, useUploadImages, useUserBotSignals, useUserDelegation, useUserRoundScore, useUserStatus, useUserTopVotedApps, useUserVotesInAllRounds, useUserVotesInRound, useVeChainKitConfig, useVechainDomain, useVotesInRound, useVotingRewards, useWallet, useWalletModal, useXApp, useXAppMetadata, useXAppRoundEarnings, useXAppTotalEarnings, useXAppVotes, useXAppVotesQf, useXApps, useXAppsMetadataBaseUri, useXAppsShares, useXNode, useXNodeCheckCooldown, useXNodes };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map