@vechain/vechain-kit 1.5.7 → 1.5.8

package/dist/index.js

@@ -1,7 +1,7 @@
 import { IVechainEnergyOracleV1__factory, IB3TR__factory, IVOT3__factory, GalaxyMember__factory, NodeManagement__factory, X2EarnApps__factory, XAllocationVoting__factory, XAllocationVotingGovernor__factory, XAllocationPool__factory, VoterRewards__factory, VeBetterPassport__factory, IERC20__factory, MockENS__factory, SubdomainClaimer__factory, IReverseRegistrar__factory, ERC20__factory, SimpleAccountFactory__factory, SimpleAccount__factory, Emissions__factory, X2EarnRewardsPool__factory } from './chunk-FOSPSOWT.js';
-import { getConfig, humanNumber, NodeStrengthLevelToImage, allNodeStrengthLevelToName, notFoundImage, convertUriToUrl, resolveMediaTypeFromMimeType, gmNfts, humanAddress, getPicassoImage, VECHAIN_PRIVY_APP_ID, compareAddresses, isValidAddress, TOKEN_LOGO_COMPONENTS, TOKEN_LOGOS, humanDomain, uploadBlobToIPFS, randomTransactionUser } from './chunk-EUQRNI5E.js';
-export { getConfig } from './chunk-EUQRNI5E.js';
-import { SimpleAccountFactoryABI, VechainLogo, VechainLogoLight, VechainLogoDark, PrivyLogo, SimpleAccountABI } from './chunk-DYI6ON4O.js';
+import { getConfig, humanNumber, NodeStrengthLevelToImage, allNodeStrengthLevelToName, notFoundImage, convertUriToUrl, resolveMediaTypeFromMimeType, gmNfts, DEFAULT_PRIVY_ECOSYSTEM_APPS, humanAddress, getPicassoImage, VECHAIN_PRIVY_APP_ID, compareAddresses, isValidAddress, TOKEN_LOGO_COMPONENTS, TOKEN_LOGOS, humanDomain, uploadBlobToIPFS, randomTransactionUser } from './chunk-USAHFGIQ.js';
+export { getConfig } from './chunk-USAHFGIQ.js';
+import { SimpleAccountFactoryABI, VechainLogo, VechainLogoLight, VechainLogoDark, VechainEnergy, PrivyLogo, SimpleAccountABI } from './chunk-3CI2FPCB.js';
 import './chunk-PZ5AY32C.js';
 import React10, { createContext, useState, useEffect, useMemo, useCallback, useRef, useContext } from 'react';
 import { useLoginWithOAuth, usePrivy, useLoginWithEmail, useMfaEnrollment, useSetWalletRecovery, useLoginWithPasskey as useLoginWithPasskey$1, PrivyProvider } from '@privy-io/react-auth';
@@ -17,14 +17,14 @@ import { initReactI18next, useTranslation } from 'react-i18next';
 import { abi, Transaction } from 'thor-devkit';
 import imageCompression from 'browser-image-compression';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Interface, formatEther as formatEther$1, isAddress, namehash, ZeroAddress, parseEther as parseEther$1, ethers } from 'ethers';
+import { Interface, formatEther as formatEther$1, isAddress, namehash, toUtf8String, zeroPadValue, toBeHex, ZeroAddress, parseEther as parseEther$1, ethers } from 'ethers';
 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 { isMobile } from 'react-device-detect';
-import { createMultiStyleConfigHelpers, defineStyle, defineStyleConfig, extendTheme, createStandaloneToast, IconButton, VStack, Text, InputGroup, InputLeftElement, Icon, Input, InputRightElement, HStack, Link, Box, useMediaQuery, Modal, ModalOverlay, ModalContent, Button, Image, Skeleton, Spinner, useDisclosure, GridItem, ModalHeader, ModalCloseButton, ModalBody, ModalFooter, Tag, useColorMode, Heading, useColorModeValue, Tabs, TabList, Tab, TabPanels, TabPanel, Grid, Card, CardBody, Alert, AlertIcon, Divider, FormControl, Center, Container, Select, FormLabel, Textarea, Circle, AlertTitle, AlertDescription, Popover, PopoverTrigger, PopoverContent, PopoverBody, CardFooter, PinInput, PinInputField, Stack, Accordion, AccordionItem, AccordionButton, AccordionPanel, List, ListItem, ChakraProvider, ColorModeScript, Flex } from '@chakra-ui/react';
+import { createMultiStyleConfigHelpers, defineStyle, defineStyleConfig, extendTheme, createStandaloneToast, IconButton, VStack, Text, InputGroup, InputLeftElement, Icon, Input, InputRightElement, HStack, Link, Box, useMediaQuery, Modal, ModalOverlay, ModalContent, Button, Image, Skeleton, Spinner, useDisclosure, GridItem, ModalHeader, ModalCloseButton, ModalBody, ModalFooter, Tag, Heading, useColorModeValue, Tabs, TabList, Tab, TabPanels, TabPanel, Grid, Card, CardBody, Alert, AlertIcon, CardHeader, Center, CardFooter, Divider, Container, FormControl, Select, FormLabel, Textarea, Circle, AlertTitle, AlertDescription, Popover, PopoverTrigger, PopoverContent, PopoverBody, PinInput, PinInputField, Stack, Accordion, AccordionItem, AccordionButton, AccordionPanel, List, ChakraProvider, ColorModeScript, ListItem, Flex } from '@chakra-ui/react';
 import { motion } from 'framer-motion';
-import { IoChevronBack, IoCheckmarkOutline, IoCopyOutline, IoWalletOutline, IoCloseCircle, IoShieldOutline, IoCogSharp, IoOpenOutline, IoTrashBin, IoChevronUp, IoChevronDown, IoCloseOutline } from 'react-icons/io5';
+import { IoChevronBack, IoCheckmarkOutline, IoCopyOutline, IoWalletOutline, IoCloseCircle, IoCogSharp, IoShieldOutline, IoOpenOutline, IoTrashBin, IoChevronUp, IoChevronDown, IoCloseOutline } from 'react-icons/io5';
 import { FaRegAddressCard, FaExternalLinkAlt, FaGlobe, FaEnvelope, FaArrowRight, FaTelegramPlane, FaChevronDown, FaEdit, FaGoogle, FaTwitter, FaPhone, FaSpotify, FaApple, FaInstagram, FaTiktok, FaGithub, FaLinkedin, FaTelegram, FaDiscord as FaDiscord$1, FaWallet, FaPlus } from 'react-icons/fa';
 import { HiOutlineWallet, HiOutlineShieldCheck } from 'react-icons/hi2';
 import { BsQuestionCircle, BsBookmarkFill, BsBookmark } from 'react-icons/bs';
@@ -48,7 +48,7 @@ import { FaXTwitter, FaWhatsapp, FaDiscord } from 'react-icons/fa6';
 import { SiFarcaster } from 'react-icons/si';
 import { GoLinkExternal, GoPlus } from 'react-icons/go';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import { modalAnatomy, popoverAnatomy } from '@chakra-ui/anatomy';
+import { modalAnatomy, cardAnatomy, popoverAnatomy } from '@chakra-ui/anatomy';
 
 // src/types/Types.ts
 var NFTMediaType = /* @__PURE__ */ ((NFTMediaType2) => {
@@ -2748,7 +2748,19 @@ var useFetchAppInfo = (appIds) => {
         normalizedIds.map((id) => fetchPrivyAppInfo(id))
       );
       return Object.fromEntries(
-        results.map((result, index) => [normalizedIds[index], result])
+        results.map((result, index) => {
+          const id = normalizedIds[index];
+          const defaultApp = DEFAULT_PRIVY_ECOSYSTEM_APPS.find(
+            (app) => app.id === id
+          );
+          return [
+            id,
+            {
+              ...result,
+              website: defaultApp?.website
+            }
+          ];
+        })
       );
     },
     enabled: normalizedIds.length > 0
@@ -3068,6 +3080,10 @@ var nameInterface = new Interface([
   "function resolver(bytes32 node) returns (address resolverAddress)",
   "function text(bytes32 node, string key) returns (string avatar)"
 ]);
+var erc721Interface = new Interface([
+  "function tokenURI(uint256 tokenId) view returns (string)",
+  "function uri(uint256 id) view returns (string)"
+]);
 var getAvatar = async (networkType, nodeUrl, name) => {
   if (!name) throw new Error("Name is required");
   const node = namehash(name);
@@ -3138,15 +3154,89 @@ var getAvatarQueryKey = (name) => [
   "AVATAR",
   name
 ];
+async function parseAvatarRecord(record, networkType, nodeUrl) {
+  try {
+    if (record.startsWith("http") || record.startsWith("ipfs://") || record.startsWith("ar://")) {
+      return convertUriToUrl(record, networkType) || null;
+    }
+    const match = record.match(
+      /eip155:(\d+)\/(?:erc721|erc1155):([^/]+)\/(\d+)/
+    );
+    if (match) {
+      const [, chainId, contractAddress, tokenId] = match;
+      const isErc1155 = record.includes("erc1155");
+      if (!chainId || !contractAddress || tokenId === void 0) {
+        return null;
+      }
+      const clauses = [
+        {
+          to: contractAddress,
+          data: erc721Interface.encodeFunctionData(
+            isErc1155 ? "uri" : "tokenURI",
+            [BigInt(tokenId)]
+          )
+        }
+      ];
+      const [{ data, reverted }] = await fetch(`${nodeUrl}/accounts/*`, {
+        method: "POST",
+        headers: {
+          "content-type": "application/json"
+        },
+        body: JSON.stringify({ clauses })
+      }).then((res) => res.json());
+      if (reverted) {
+        console.error("Failed to fetch tokenURI");
+        return null;
+      }
+      let tokenUri = "";
+      try {
+        tokenUri = erc721Interface.decodeFunctionResult(
+          isErc1155 ? "uri" : "tokenURI",
+          data
+        )[0];
+      } catch (e) {
+        console.error("Failed to decode avatar data:", e);
+        tokenUri = toUtf8String(data);
+      }
+      tokenUri = convertUriToUrl(tokenUri, networkType) || tokenUri;
+      if (isErc1155) {
+        tokenUri = tokenUri.replace(
+          "{id}",
+          zeroPadValue(toBeHex(BigInt(tokenId)), 32).slice(2)
+        );
+      }
+      const metadataResponse = await fetch(tokenUri);
+      if (!metadataResponse.ok) {
+        console.error("Failed to fetch metadata");
+        return null;
+      }
+      const metadata = await metadataResponse.json();
+      const imageUrl = metadata.image || metadata.image_url || metadata.image_data;
+      if (!imageUrl) {
+        console.error("No image URL in metadata");
+        return null;
+      }
+      return convertUriToUrl(imageUrl, networkType) || imageUrl;
+    }
+    return null;
+  } catch (error) {
+    console.error("Error parsing avatar record:", error);
+    return null;
+  }
+}
 var useGetAvatar = (name) => {
   const { network } = useVeChainKitConfig();
   const nodeUrl = network.nodeUrl ?? getConfig(network.type).nodeUrl;
   const avatarQuery = useQuery({
     queryKey: getAvatarQueryKey(name ?? ""),
-    queryFn: () => getAvatar(network.type, nodeUrl, name),
+    queryFn: async () => {
+      if (!name) return null;
+      const avatarRecord = await getAvatar(network.type, nodeUrl, name);
+      if (!avatarRecord) return null;
+      return parseAvatarRecord(avatarRecord, network.type, nodeUrl);
+    },
     enabled: !!name && !!nodeUrl && !!network.type,
-    retry: 3,
-    retryDelay: (attemptIndex) => Math.min(1e3 * 2 ** attemptIndex, 3e4),
+    // Use the same caching strategy as the avatar query
     staleTime: 5 * 60 * 1e3
     // 5 minutes
   });
@@ -3550,6 +3640,32 @@ var useGetResolverAddress = (domain) => {
     enabled: !!domain && !!nodeUrl && !!network.type
   });
 };
+var getAvatarOfAddressQueryKey = (address) => [
+  "VECHAIN_KIT",
+  "VET_DOMAINS",
+  "AVATAR_OF_ADDRESS",
+  address
+];
+var useGetAvatarOfAddress = (address) => {
+  const domainsQuery = useVechainDomain(address);
+  const primaryDomain = domainsQuery.data?.domain;
+  const avatarQuery = useGetAvatar(primaryDomain ?? "");
+  return useQuery({
+    queryKey: getAvatarOfAddressQueryKey(address),
+    queryFn: async () => {
+      if (!address) return getPicassoImage(address ?? "");
+      const domains = await domainsQuery.refetch();
+      if (!domains.data?.domain) return getPicassoImage(address);
+      if (domains.data.domain && avatarQuery.data)
+        return avatarQuery.data;
+      return getPicassoImage(address);
+    },
+    enabled: !!address && domainsQuery.isSuccess && (primaryDomain ? avatarQuery.isSuccess : true),
+    // Use the same caching strategy as the avatar query
+    staleTime: 5 * 60 * 1e3
+    // 5 minutes
+  });
+};
 var useBalances = ({ address = "" }) => {
   const { network } = useVeChainKitConfig();
   const { data: vetData, isLoading: vetLoading } = useAccountBalance(address);
@@ -3817,15 +3933,12 @@ var usePrivyCrossAppSdk = () => {
 // src/hooks/api/wallet/useWalletMetadata.ts
 var useWalletMetadata = (address, networkType) => {
   const { data: domain, isLoading: isLoadingVechainDomain } = useVechainDomain(address ?? "");
-  const { data: avatar, isLoading: isLoadingMetadata } = useGetAvatar(
-    domain?.domain
-  );
-  const { data: textRecords, isLoading: isLoadingRecords } = useGetTextRecords(domain?.domain);
-  const avatarUrl = avatar ? convertUriToUrl(avatar, networkType) : null;
+  const { data: avatar, isLoading: isLoadingMetadata } = useGetAvatarOfAddress(address ?? "");
+  const { data: textRecords, isLoading: isLoadingRecords } = useGetTextRecords(domain?.domain ?? "");
   const headerUrl = textRecords?.header ? convertUriToUrl(textRecords.header, networkType) : null;
   return {
     domain: domain?.domain,
-    image: avatarUrl ?? getPicassoImage(address ?? ""),
+    image: avatar,
     records: {
       ...textRecords,
       header: headerUrl
@@ -3891,7 +4004,7 @@ var useWallet = () => {
   const { data: smartAccount } = useSmartAccount(connectedWalletAddress);
   const activeAddress = isConnectedWithDappKit ? dappKitAccount : smartAccount?.address;
   const activeAccountDomain = useVechainDomain(activeAddress ?? "");
-  const activeAccountAvatar = useGetAvatar(activeAccountDomain?.data?.domain);
+  const activeAccountAvatar = useGetAvatarOfAddress(activeAddress ?? "");
   const activeAccountTextRecords = useGetTextRecords(
     activeAccountDomain?.data?.domain
   );
@@ -3906,7 +4019,7 @@ var useWallet = () => {
   const account = activeAddress ? {
     address: activeAddress,
     domain: activeAccountDomain?.data?.domain,
-    image: activeAccountAvatar.data ? convertUriToUrl(activeAccountAvatar.data, network.type) : getPicassoImage(activeAddress ?? ""),
+    image: activeAccountAvatar.data,
     isLoadingMetadata: activeAccountAvatar?.isLoading || activeAccountDomain?.isLoading || activeAccountTextRecords?.isLoading,
     metadata: activeAccountTextRecords?.data
   } : null;
@@ -4153,7 +4266,7 @@ var useAccountBalance = (address) => {
     refetchInterval: 1e4
   });
 };
-var useRefreshMetadata = (domain) => {
+var useRefreshMetadata = (domain, address) => {
   const queryClient = useQueryClient();
   const { network } = useVeChainKitConfig();
   const refresh = async () => {
@@ -4169,6 +4282,12 @@ var useRefreshMetadata = (domain) => {
     await queryClient.refetchQueries({
       queryKey: getTextRecordsQueryKey(domain, network.type)
     });
+    await queryClient.invalidateQueries({
+      queryKey: getAvatarOfAddressQueryKey(address)
+    });
+    await queryClient.refetchQueries({
+      queryKey: getAvatarOfAddressQueryKey(address)
+    });
   };
   return { refresh };
 };
@@ -4854,6 +4973,8 @@ var ModalBackButton = ({ onClick, ...props }) => {
       icon: /* @__PURE__ */ jsx(IoChevronBack, { fontSize: "20px" }),
       size: "sm",
       variant: "ghost",
+      _hover: { bg: "blackAlpha.100" },
+      _dark: { _hover: { bg: "whiteAlpha.100" } },
       position: "absolute",
       borderRadius: "50%",
       left: "10px",
@@ -4978,7 +5099,7 @@ var AddressDisplay = ({
 // package.json
 var package_default = {
   name: "@vechain/vechain-kit",
-  version: "1.5.7",
+  version: "1.5.8",
   private: false,
   homepage: "https://github.com/vechain/vechain-kit",
   repository: "github:vechain/vechain-kit",
@@ -5161,7 +5282,7 @@ var StickyHeaderContainer = ({ children }) => {
         left: "0",
         w: "full",
         borderRadius: "24px 24px 0px 0px",
-        bg: isDark ? "rgb(24 24 27 / 90%)" : "rgba(255, 255, 255, 0.8)",
+        bg: isDark ? "rgb(31 31 30 / 90%)" : "rgb(255 255 255 / 69%)",
         backdropFilter: "blur(12px)",
         style: { WebkitBackdropFilter: "blur(12px)" },
         zIndex: 1e3,
@@ -5188,7 +5309,7 @@ var StickyFooterContainer = ({ children }) => {
       bottom: "0",
       left: "0",
       right: "0",
-      bg: isDark ? "#18181b" : "white",
+      bg: isDark ? "#1f1f1e" : "white",
       zIndex: "1000",
       p: 4,
       boxShadow: "0px -1px 6px -3px rgb(0 0 0 / 56%)",
@@ -5406,6 +5527,8 @@ var ModalFAQButton = ({ onClick, ...props }) => {
       icon: /* @__PURE__ */ jsx(Icon, { as: BsQuestionCircle, fontSize: "17px" }),
       size: "sm",
       variant: "ghost",
+      _hover: { bg: "blackAlpha.100" },
+      _dark: { _hover: { bg: "whiteAlpha.100" } },
       position: "absolute",
       borderRadius: "50%",
       left: "10px",
@@ -5431,13 +5554,11 @@ var AccountAvatar = ({ wallet, props }) => {
   if (wallet?.isLoadingMetadata) {
     return /* @__PURE__ */ jsx(Spinner, { size: "sm" });
   }
-  const fallbackImage = wallet?.address ? getPicassoImage(wallet.address) : void 0;
   return /* @__PURE__ */ jsx(
     Image,
     {
-      src: props?.src ?? wallet?.image,
-      fallbackSrc: fallbackImage,
-      alt: props?.alt ?? wallet?.domain,
+      src: props?.src || wallet?.image,
+      alt: props?.alt || wallet?.domain,
       objectFit: "cover",
       rounded: "full",
       ...props
@@ -6208,7 +6329,7 @@ var AccountDetailsButton = ({
               wordBreak: "break-word",
               whiteSpace: "normal",
               w: "full",
-              children: wallet?.domain ? humanDomain(wallet?.domain, 4, 11) : humanAddress(wallet?.address ?? "", 6, 4)
+              children: wallet?.domain ? humanDomain(wallet?.domain ?? "", 18, 0) : humanAddress(wallet?.address ?? "", 6, 4)
             }
           )
         ] }),
@@ -6238,24 +6359,18 @@ var ActionButton = ({
   extraContent
 }) => {
   const { t } = useTranslation();
-  const { colorMode } = useColorMode();
-  const baseBackgroundColor = backgroundColor ?? colorMode === "dark" ? "#ffffff0a" : "#00000005";
   return /* @__PURE__ */ jsx(
     Button,
     {
-      w: "full",
-      minH: "70px",
-      h: "fit-content",
+      variant: "actionButton",
       py: stacked ? 0 : 4,
       onClick,
       display: hide ? "none" : "flex",
       isDisabled: showComingSoon || isDisabled,
       isLoading,
       loadingText,
-      bgColor: baseBackgroundColor,
-      _hover: _hover ?? {
-        backgroundColor: colorMode === "dark" ? "#ffffff12" : "blackAlpha.200"
-      },
+      bgColor: backgroundColor,
+      _hover,
       ...style,
       children: /* @__PURE__ */ jsxs(HStack, { w: "full", justify: "space-between", children: [
         /* @__PURE__ */ jsx(Box, { minW: "40px", children: leftImage ? /* @__PURE__ */ jsx(
@@ -6340,7 +6455,7 @@ var AccountSelector = ({
                         props: { width: 7, height: 7 }
                       }
                     ),
-                    /* @__PURE__ */ jsx(Text, { fontSize: size, fontWeight: "500", children: humanDomain(wallet?.domain ?? "", 18, 0) || humanAddress(wallet?.address ?? "", 6, 4) })
+                    /* @__PURE__ */ jsx(Text, { fontSize: size, fontWeight: "500", children: humanDomain(wallet?.domain ?? "", 22, 0) || humanAddress(wallet?.address ?? "", 6, 4) })
                   ] }),
                   /* @__PURE__ */ jsx(
                     Icon,
@@ -6760,7 +6875,7 @@ var QuickActionButton = ({
   );
 };
 var QuickActionsSection = ({ mt, setCurrentContent }) => {
-  const { account, smartAccount, connectedWallet } = useWallet();
+  const { account, smartAccount, connectedWallet, connection } = useWallet();
   const { totalBalance } = useBalances({
     address: account?.address ?? ""
   });
@@ -6773,7 +6888,7 @@ var QuickActionsSection = ({ mt, setCurrentContent }) => {
   const { getNotifications } = useNotifications();
   const notifications = getNotifications();
   const hasUnreadNotifications = notifications.some((n) => !n.isRead);
-  const showRedDot = upgradeRequired || hasUnreadNotifications;
+  const showRedDot = connection.isConnectedWithPrivy && upgradeRequired || hasUnreadNotifications;
   return /* @__PURE__ */ jsxs(VStack, { w: "full", mt, spacing: 4, children: [
     /* @__PURE__ */ jsx(Heading, { size: "xs", fontWeight: "500", w: "full", opacity: 0.5, children: t("Activities") }),
     /* @__PURE__ */ jsx(Grid, { templateColumns: "repeat(3, 1fr)", gap: 2, w: "full", children: QUICK_ACTIONS.map((action) => /* @__PURE__ */ jsx(
@@ -6892,6 +7007,115 @@ var DomainRequiredAlert = () => {
     ) })
   ] }) }) });
 };
+var CrossAppConnectionSecurityCard = () => {
+  const { t } = useTranslation();
+  const { getConnectionCache } = useCrossAppConnectionCache();
+  const connectionCache = getConnectionCache();
+  return /* @__PURE__ */ jsxs(Card, { variant: "vechainKitBase", w: "full", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { p: 4, pl: 6, borderBottomWidth: "1px", children: [
+      /* @__PURE__ */ jsx(Text, { fontWeight: "medium", opacity: 0.8, children: t("Security preferences") }),
+      /* @__PURE__ */ jsx(Text, { fontSize: "xs", mt: 1, opacity: 0.7, children: t(
+        "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.",
+        {
+          appName: connectionCache?.ecosystemApp.name ?? "origin app"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(CardBody, { borderRadius: "none", children: /* @__PURE__ */ jsxs(VStack, { spacing: 3, align: "stretch", children: [
+      /* @__PURE__ */ jsxs(HStack, { spacing: 3, align: "center", children: [
+        /* @__PURE__ */ jsx(
+          Center,
+          {
+            w: "fit-content",
+            h: "fit-content",
+            p: 2,
+            borderRadius: "full",
+            bg: "blackAlpha.100",
+            _dark: { bg: "blackAlpha.100" },
+            flexShrink: 0,
+            children: /* @__PURE__ */ jsx(Icon, { as: GrUserAdmin })
+          }
+        ),
+        /* @__PURE__ */ jsxs(Box, { flex: 1, children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              fontSize: "sm",
+              fontWeight: "medium",
+              lineHeight: "shorter",
+              children: t("Login methods")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              fontSize: "xs",
+              opacity: 0.7,
+              lineHeight: "shorter",
+              children: t("Manage your login methods and passkeys")
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(HStack, { spacing: 3, align: "center", children: [
+        /* @__PURE__ */ jsx(
+          Center,
+          {
+            w: "fit-content",
+            h: "fit-content",
+            p: 2,
+            borderRadius: "full",
+            bg: "blackAlpha.100",
+            _dark: { bg: "blackAlpha.100" },
+            flexShrink: 0,
+            children: /* @__PURE__ */ jsx(Icon, { as: HiOutlineShieldCheck })
+          }
+        ),
+        /* @__PURE__ */ jsxs(Box, { flex: 1, children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              fontSize: "sm",
+              fontWeight: "medium",
+              lineHeight: "shorter",
+              children: t("Security settings")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              fontSize: "xs",
+              opacity: 0.7,
+              lineHeight: "shorter",
+              children: t(
+                "Backup your wallet, configure MFA and set recovery options"
+              )
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "vechainKitSecondary",
+        w: "full",
+        onClick: () => {
+          window.open(
+            connectionCache?.ecosystemApp.website ?? "https://governance.vebetterdao.org/",
+            "_blank"
+          );
+        },
+        children: [
+          t("Manage on {{appName}}", {
+            appName: connectionCache?.ecosystemApp.name ?? "origin app"
+          }),
+          /* @__PURE__ */ jsx(Icon, { as: FaExternalLinkAlt, ml: 2 })
+        ]
+      }
+    ) })
+  ] });
+};
 var AccessAndSecurityContent = ({ setCurrentContent }) => {
   const { t } = useTranslation();
   const { exportWallet } = usePrivy();
@@ -6922,27 +7146,17 @@ var AccessAndSecurityContent = ({ setCurrentContent }) => {
         align: "flex-start",
         w: "full",
         children: [
-          /* @__PURE__ */ jsxs(VStack, { w: "full", justifyContent: "center", spacing: 3, mb: 3, children: [
-            /* @__PURE__ */ jsx(
-              Icon,
-              {
-                opacity: 0.5,
-                as: IoShieldOutline,
-                fontSize: "50px"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Text,
-              {
-                fontSize: "sm",
-                opacity: 0.5,
-                textAlign: "center",
-                children: t(
-                  "Manage your embedded wallet security settings: handle your login methods, add a passkey or back up your wallet to never lose access to your assets."
-                )
-              }
-            )
-          ] }),
+          /* @__PURE__ */ jsx(VStack, { w: "full", justifyContent: "center", spacing: 3, mb: 3, children: /* @__PURE__ */ jsx(
+            Text,
+            {
+              fontSize: "sm",
+              opacity: 0.5,
+              textAlign: "center",
+              children: t(
+                "Manage your embedded wallet security settings: handle your login methods, add a passkey or back up your wallet to never lose access to your assets."
+              )
+            }
+          ) }),
           upgradeRequired && /* @__PURE__ */ jsx(
             ActionButton,
             {
@@ -6986,70 +7200,53 @@ var AccessAndSecurityContent = ({ setCurrentContent }) => {
               rightIcon: MdOutlineNavigateNext
             }
           ),
-          /* @__PURE__ */ jsx(
-            ActionButton,
-            {
-              title: t("Login methods and Passkeys"),
-              onClick: () => {
-                setCurrentContent("privy-linked-accounts");
-              },
-              isDisabled: !connection.isConnectedWithSocialLogin,
-              leftIcon: GrUserAdmin,
-              rightIcon: MdOutlineNavigateNext
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ActionButton,
-            {
-              title: t("Backup your wallet"),
-              onClick: () => {
-                exportWallet();
-              },
-              isDisabled: !connection.isConnectedWithSocialLogin,
-              leftIcon: GiHouseKeys
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ActionButton,
-            {
-              title: t("Manage MFA"),
-              onClick: () => {
-                showMfaEnrollmentModal();
-              },
-              isDisabled: !connection.isConnectedWithSocialLogin,
-              leftIcon: HiOutlineShieldCheck
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ActionButton,
-            {
-              title: t("Manage Recovery"),
-              onClick: () => {
-                setWalletRecovery();
-              },
-              isDisabled: !connection.isConnectedWithSocialLogin,
-              leftIcon: MdOutlineSettingsBackupRestore
-            }
-          )
+          connection.isConnectedWithSocialLogin ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              ActionButton,
+              {
+                title: t("Login methods and Passkeys"),
+                onClick: () => {
+                  setCurrentContent("privy-linked-accounts");
+                },
+                leftIcon: GrUserAdmin,
+                rightIcon: MdOutlineNavigateNext
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ActionButton,
+              {
+                title: t("Backup your wallet"),
+                onClick: () => {
+                  exportWallet();
+                },
+                leftIcon: GiHouseKeys
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ActionButton,
+              {
+                title: t("Manage MFA"),
+                onClick: () => {
+                  showMfaEnrollmentModal();
+                },
+                leftIcon: HiOutlineShieldCheck
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ActionButton,
+              {
+                title: t("Manage Recovery"),
+                onClick: () => {
+                  setWalletRecovery();
+                },
+                leftIcon: MdOutlineSettingsBackupRestore
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx(CrossAppConnectionSecurityCard, {})
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(ModalFooter, { w: "full", children: connection.isConnectedWithVeChain && connection.isConnectedWithCrossApp && /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "vechainKitSecondary",
-        onClick: () => {
-          window.open(
-            "https://governance.vebetterdao.org/",
-            "_blank"
-          );
-        },
-        children: [
-          t("Manage on VeBetterDAO"),
-          /* @__PURE__ */ jsx(Icon, { as: FaExternalLinkAlt, ml: 2 })
-        ]
-      }
-    ) })
+    /* @__PURE__ */ jsx(ModalFooter, { pt: 0 })
   ] });
 };
 var DEFAULT_NOTIFICATIONS = [
@@ -7701,7 +7898,7 @@ var WalletSecuredBy = () => {
       mt: 5,
       p: 3,
       borderRadius: "lg",
-      bg: isDark ? "whiteAlpha.100" : "blackAlpha.50",
+      bg: isDark ? "#00000038" : "#f5f5f5",
       shadow: "sm",
       children: [
         /* @__PURE__ */ jsx(Text, { fontSize: "xs", fontWeight: "800", children: t("Wallet secured by") }),
@@ -7745,6 +7942,7 @@ var EmbeddedWalletContent = ({ setCurrentContent }) => {
   const walletImage = getPicassoImage(connectedWallet?.address ?? "");
   const { getConnectionCache } = useCrossAppConnectionCache();
   const connectionCache = getConnectionCache();
+  const { darkMode: isDark } = useVeChainKitConfig();
   return /* @__PURE__ */ jsxs(ScrollToTopWrapper, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: t("Embedded wallet") }),
@@ -7812,7 +8010,7 @@ var EmbeddedWalletContent = ({ setCurrentContent }) => {
                 {
                   href: "https://www.veworld.net/",
                   isExternal: true,
-                  color: "blackAlpha.600",
+                  color: isDark ? "whiteAlpha.600" : "blackAlpha.600",
                   fontSize: "14px",
                   textDecoration: "underline",
                   children: [
@@ -7832,7 +8030,7 @@ var EmbeddedWalletContent = ({ setCurrentContent }) => {
                 {
                   href: "https://docs.vechainkit.vechain.org/vechain-kit/embedded-wallets",
                   isExternal: true,
-                  color: "blackAlpha.600",
+                  color: isDark ? "whiteAlpha.600" : "blackAlpha.600",
                   fontSize: "14px",
                   textDecoration: "underline",
                   children: t("here")
@@ -7880,7 +8078,7 @@ var SelectTokenContent = ({ onSelectToken, onBack }) => {
       /* @__PURE__ */ jsx(ModalBackButton, { onClick: onBack }),
       /* @__PURE__ */ jsx(ModalCloseButton, {})
     ] }),
-    /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 4, align: "stretch", children: [
+    /* @__PURE__ */ jsx(Container, { h: ["540px", "auto"], p: 0, children: /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 4, align: "stretch", children: [
       /* @__PURE__ */ jsxs(InputGroup, { size: "lg", children: [
         /* @__PURE__ */ jsx(
           Input,
@@ -7930,7 +8128,9 @@ var SelectTokenContent = ({ onSelectToken, onBack }) => {
           AssetButton,
           {
             symbol: token.symbol,
-            amount: Number(token.numericBalance),
+            amount: Number(
+              token.numericBalance
+            ),
             usdValue,
             onClick: () => onSelectToken(token),
             isDisabled: !hasBalance
@@ -7938,7 +8138,7 @@ var SelectTokenContent = ({ onSelectToken, onBack }) => {
           token.address
         );
       }) })
-    ] }) }),
+    ] }) }) }),
     /* @__PURE__ */ jsx(ModalFooter, { pt: 0 })
   ] });
 };
@@ -7977,11 +8177,7 @@ var SendTokenContent = ({
     mode: "onChange"
   });
   const { toAddressOrDomain } = watch();
-  const {
-    domain: resolvedDomain,
-    address: resolvedAddress,
-    isLoading: isLoadingDomain
-  } = useVechainDomain$1({ addressOrDomain: toAddressOrDomain });
+  const { domain: resolvedDomain, address: resolvedAddress } = useVechainDomain$1({ addressOrDomain: toAddressOrDomain });
   const handleSetMaxAmount = () => {
     if (selectedToken) {
       setValue("amount", selectedToken.numericBalance);
@@ -8259,8 +8455,8 @@ var SendTokenContent = ({
     /* @__PURE__ */ jsx(ModalFooter, { children: /* @__PURE__ */ jsx(
       Button,
       {
-        variant: "vechainKitSecondary",
-        isDisabled: !selectedToken || !isValid || isLoadingDomain,
+        variant: "vechainKitPrimary",
+        isDisabled: !selectedToken || !isValid,
         onClick: handleSubmit(onSubmit),
         children: selectedToken ? t("Send") : t("Select Token")
       }
@@ -8287,7 +8483,7 @@ var SendTokenSummaryContent = ({
 }) => {
   const { t } = useTranslation();
   const { account, connection, connectedWallet } = useWallet();
-  const { data: avatar } = useGetAvatar(resolvedDomain);
+  const { data: avatar } = useGetAvatar(resolvedDomain ?? "");
   const { network } = useVeChainKitConfig();
   const { data: upgradeRequired } = useUpgradeRequired(
     account?.address ?? "",
@@ -8297,7 +8493,7 @@ var SendTokenSummaryContent = ({
   const { open: openUpgradeSmartAccountModal } = useUpgradeSmartAccountModal();
   const toImageSrc = useMemo(() => {
     if (avatar) {
-      return convertUriToUrl(avatar, network.type);
+      return avatar;
     }
     return getPicassoImage(resolvedAddress || toAddressOrDomain);
   }, [avatar, network.type, resolvedAddress, toAddressOrDomain]);
@@ -8604,6 +8800,78 @@ var ChooseNameContent = ({
     ) })
   ] });
 };
+var DomainListItem = ({
+  domain,
+  isCurrentDomain,
+  onSelect
+}) => {
+  const { darkMode: isDark } = useVeChainKitConfig();
+  const { connection } = useWallet();
+  const { t } = useTranslation();
+  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 && onSelect(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 ?? getPicassoImage(domain.name),
+              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" : "blackAlpha.600",
+              children: t("Current domain")
+            }
+          )
+        ] }),
+        isCurrentDomain && /* @__PURE__ */ jsx(
+          Tag,
+          {
+            size: "sm",
+            bg: isDark ? "#ffffff0a" : "whiteAlpha.100",
+            color: isDark ? "whiteAlpha.900" : "blackAlpha.600",
+            px: 3,
+            py: 1,
+            borderRadius: "full",
+            children: t("Current")
+          }
+        )
+      ] })
+    },
+    domain.name
+  );
+};
 var ExistingDomainsList = ({
   domains,
   onDomainSelect,
@@ -8611,7 +8879,7 @@ var ExistingDomainsList = ({
 }) => {
   const { t } = useTranslation();
   const { darkMode: isDark } = useVeChainKitConfig();
-  const { account, connection } = useWallet();
+  const { account } = useWallet();
   if (domains.length === 0 || isLoading) {
     return null;
   }
@@ -8640,85 +8908,15 @@ var ExistingDomainsList = ({
         ]
       }
     ),
-    /* @__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" : "blackAlpha.600",
-                      children: t(
-                        "Current domain"
-                      )
-                    }
-                  )
-                ]
-              }
-            ),
-            isCurrentDomain && /* @__PURE__ */ jsx(
-              Tag,
-              {
-                size: "sm",
-                bg: isDark ? "#ffffff0a" : "whiteAlpha.100",
-                color: isDark ? "whiteAlpha.900" : "blackAlpha.600",
-                px: 3,
-                py: 1,
-                borderRadius: "full",
-                children: t("Current")
-              }
-            )
-          ] })
-        },
-        domain.name
-      );
-    }) }) })
+    /* @__PURE__ */ jsx(AccordionPanel, { pb: 4, pt: 2, children: /* @__PURE__ */ jsx(List, { spacing: 2, children: domains.map((domain) => /* @__PURE__ */ jsx(
+      DomainListItem,
+      {
+        domain,
+        isCurrentDomain: domain.name === account?.domain,
+        onSelect: onDomainSelect
+      },
+      domain.name
+    )) }) })
   ] }) }) });
 };
 var ChooseNameSearchContent = ({
@@ -8888,7 +9086,7 @@ var ChooseNameSearchContent = ({
     /* @__PURE__ */ jsx(ModalFooter, { children: /* @__PURE__ */ jsx(
       Button,
       {
-        variant: "vechainKitSecondary",
+        variant: "vechainKitPrimary",
         isDisabled: !isAvailable || !!error || isProtected || isFetchingDomainInfo,
         onClick: handleContinue,
         children: t("Continue")
@@ -9200,6 +9398,7 @@ var en_default = {
   "Backing up your wallet is crucial as you are the only one with access to your private keys. If something goes wrong, having your private key is the only way to recover your assets. How to backup depends on how you access your wallet: If using VeWorld, the backup option is available within the app. For social login users, you can find backup options in the Wallet section. If you're connected through VeChain or another ecosystem app, you'll need to visit the original website, log in, and access the Wallet section from there.": "Backing up your wallet is crucial as you are the only one with access to your private keys. If something goes wrong, having your private key is the only way to recover your assets. How to backup depends on how you access your wallet: If using VeWorld, the backup option is available within the app. For social login users, you can find backup options in the Wallet section. If you're connected through VeChain or another ecosystem app, you'll need to visit the original website, log in, and access the Wallet section from there.",
   "Backup can be done only in the app securing your wallet.": "Backup can be done only in the app securing your wallet.",
   "Backup your wallet": "Backup your wallet",
+  "Backup your wallet, configure MFA and set recovery options": "Backup your wallet, configure MFA and set recovery options",
   Balance: "Balance",
   "Balance:": "Balance:",
   "Benefits of this upgrade:": "Benefits of this upgrade:",
@@ -9312,6 +9511,7 @@ var en_default = {
   "Fee delegation is a unique feature of VeChain that allows someone else (a delegator) to pay for your transaction fees. While many dApps and service providers act as delegators to make it easier for new users to get started, some transactions may still require you to pay fees using your own VTHO. Fees are necessary to prevent network spam and compensate the nodes that process and validate transactions on the blockchain. When paying fees yourself, you'll be able to select VTHO from your assets to cover the transaction cost.": "Fee delegation is a unique feature of VeChain that allows someone else (a delegator) to pay for your transaction fees. While many dApps and service providers act as delegators to make it easier for new users to get started, some transactions may still require you to pay fees using your own VTHO. Fees are necessary to prevent network spam and compensate the nodes that process and validate transactions on the blockchain. When paying fees yourself, you'll be able to select VTHO from your assets to cover the transaction cost.",
   "Finally say goodbye to 0x addresses": "Finally say goodbye to 0x addresses",
   "For developers": "For developers",
+  "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.": "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.",
   "Frequently asked questions": "Frequently asked questions",
   From: "From",
   Github: "Github",
@@ -9370,9 +9570,11 @@ var en_default = {
   "Manage Recovery": "Manage Recovery",
   "Manage multi-factor authentication settings for your wallet.": "Manage multi-factor authentication settings for your wallet.",
   "Manage on VeBetterDAO": "Manage on VeBetterDAO",
+  "Manage on {{appName}}": "Manage on {{appName}}",
   "Manage passkey login": "Manage passkey login",
   "Manage your embedded wallet security settings or back it up to a new device.": "Manage your embedded wallet security settings or back it up to a new device.",
   "Manage your embedded wallet security settings: handle your login methods, add a passkey or back up your wallet to never lose access to your assets.": "Manage your embedded wallet security settings: handle your login methods, add a passkey or back up your wallet to never lose access to your assets.",
+  "Manage your login methods and passkeys": "Manage your login methods and passkeys",
   "Mobile browser may block the login window.": "Mobile browser may block the login window.",
   More: "More",
   "Multiclause Transaction temporary disabled": "Multiclause Transaction temporary disabled",
@@ -9449,6 +9651,8 @@ var en_default = {
   "Search dApps": "Search dApps",
   "Search for a domain": "Search for a domain",
   "Secured by": "Secured by",
+  "Security preferences": "Security preferences",
+  "Security settings": "Security settings",
   "Select Additional Login Method": "Select Additional Login Method",
   "Select Token": "Select Token",
   "Select an app": "Select an app",
@@ -9682,6 +9886,7 @@ var de_default = {
   "Backing up your wallet is crucial as you are the only one with access to your private keys. If something goes wrong, having your private key is the only way to recover your assets. How to backup depends on how you access your wallet: If using VeWorld, the backup option is available within the app. For social login users, you can find backup options in the Wallet section. If you're connected through VeChain or another ecosystem app, you'll need to visit the original website, log in, and access the Wallet section from there.": "Das Sichern Ihres Wallets ist entscheidend, da Sie der Einzige mit Zugriff auf Ihre privaten Schl\xFCssel sind. Wenn etwas schiefgeht, ist Ihr privater Schl\xFCssel der einzige Weg, um Ihre Verm\xF6genswerte wiederherzustellen. Die Art der Sicherung h\xE4ngt davon ab, wie Sie auf Ihr Wallet zugreifen: Wenn Sie VeWorld verwenden, ist die Sicherungsoption in der App verf\xFCgbar. F\xFCr Benutzer mit sozialem Login finden Sie Sicherungsoptionen im Wallet-Bereich. Wenn Sie \xFCber VeChain oder eine andere Ecosystem-App verbunden sind, m\xFCssen Sie die urspr\xFCngliche Website besuchen, sich anmelden und dort auf den Wallet-Bereich zugreifen.",
   "Backup can be done only in the app securing your wallet.": "Ein Backup kann nur in der App durchgef\xFChrt werden, die Ihr Wallet sichert.",
   "Backup your wallet": "Sichern Sie Ihr Wallet",
+  "Backup your wallet, configure MFA and set recovery options": "Sichern Sie Ihre Wallet, konfigurieren Sie MFA und legen Sie Wiederherstellungsoptionen fest",
   Balance: "Guthaben",
   "Balance:": "Kontostand:",
   "Benefits of this upgrade:": "Vorteile dieses Upgrades:",
@@ -9794,6 +9999,7 @@ var de_default = {
   "Fee delegation is a unique feature of VeChain that allows someone else (a delegator) to pay for your transaction fees. While many dApps and service providers act as delegators to make it easier for new users to get started, some transactions may still require you to pay fees using your own VTHO. Fees are necessary to prevent network spam and compensate the nodes that process and validate transactions on the blockchain. When paying fees yourself, you'll be able to select VTHO from your assets to cover the transaction cost.": "Fee Delegation ist ein einzigartiges Merkmal von VeChain, das es jemand anderem (einem Delegator) erm\xF6glicht, Ihre Transaktionsgeb\xFChren zu bezahlen. W\xE4hrend viele dApps und Dienstanbieter als Delegatoren fungieren, um neuen Benutzern den Einstieg zu erleichtern, k\xF6nnen bei einigen Transaktionen dennoch Geb\xFChren anfallen, die Sie mit Ihrem eigenen VTHO bezahlen m\xFCssen. Geb\xFChren sind notwendig, um Netzwerkmissbrauch zu verhindern und die Knoten zu entsch\xE4digen, die Transaktionen in der Blockchain verarbeiten und validieren. Wenn Sie die Geb\xFChren selbst bezahlen, k\xF6nnen Sie VTHO aus Ihren Verm\xF6genswerten ausw\xE4hlen, um die Transaktionskosten zu decken.",
   "Finally say goodbye to 0x addresses": "Sagen Sie endlich 0x-Adressen auf Wiedersehen",
   "For developers": "F\xFCr Entwickler",
+  "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.": "Aus Sicherheitsgr\xFCnden k\xF6nnen Sie die Einstellungen Ihrer eingebetteten Wallet nur auf der {{appName}} Plattform verwalten.",
   "Frequently asked questions": "H\xE4ufig gestellte Fragen",
   From: "Von",
   Github: "Github",
@@ -9852,9 +10058,11 @@ var de_default = {
   "Manage Recovery": "Wiederherstellung verwalten",
   "Manage multi-factor authentication settings for your wallet.": "Verwalten Sie die Einstellungen zur Multi-Faktor-Authentifizierung f\xFCr Ihr Wallet.",
   "Manage on VeBetterDAO": "Verwalten auf VeBetterDAO",
+  "Manage on {{appName}}": "Verwalten auf {{appName}}",
   "Manage passkey login": "Passkey-Anmeldung verwalten",
   "Manage your embedded wallet security settings or back it up to a new device.": "Verwalten Sie die Sicherheitseinstellungen Ihres eingebetteten Wallets oder sichern Sie es auf einem neuen Ger\xE4t.",
   "Manage your embedded wallet security settings: handle your login methods, add a passkey or back up your wallet to never lose access to your assets.": "Verwalten Sie die Sicherheitseinstellungen Ihrer eingebetteten Wallet: Verwalten Sie Ihre Anmeldemethoden, f\xFCgen Sie einen Zugangsschl\xFCssel hinzu oder sichern Sie Ihre Wallet, um nie den Zugriff auf Ihre Assets zu verlieren.",
+  "Manage your login methods and passkeys": "Verwalten Sie Ihre Anmeldemethoden und Zugangsschl\xFCssel",
   "Mobile browser may block the login window.": "Mobiler Browser kann das Anmeldefenster blockieren.",
   More: "Mehr",
   "Multiclause Transaction temporary disabled": "Multiclause-Transaktion vor\xFCbergehend deaktiviert",
@@ -9931,6 +10139,8 @@ var de_default = {
   "Search dApps": "dApps durchsuchen",
   "Search for a domain": "Nach einer Domain suchen",
   "Secured by": "Gesichert durch",
+  "Security preferences": "Sicherheitseinstellungen",
+  "Security settings": "Sicherheitseinstellungen",
   "Select Additional Login Method": "Zus\xE4tzliche Anmeldemethode ausw\xE4hlen",
   "Select Token": "Token ausw\xE4hlen",
   "Select an app": "W\xE4hlen Sie eine App",
@@ -10164,6 +10374,7 @@ var it_default = {
   "Backing up your wallet is crucial as you are the only one with access to your private keys. If something goes wrong, having your private key is the only way to recover your assets. How to backup depends on how you access your wallet: If using VeWorld, the backup option is available within the app. For social login users, you can find backup options in the Wallet section. If you're connected through VeChain or another ecosystem app, you'll need to visit the original website, log in, and access the Wallet section from there.": "Fare il backup del tuo portafoglio \xE8 fondamentale poich\xE9 sei l'unico ad avere accesso alle tue chiavi private. Se qualcosa va storto, avere la tua chiave privata \xE8 l'unico modo per recuperare i tuoi beni. Come fare il backup dipende da come accedi al tuo portafoglio: se usi VeWorld, l'opzione di backup \xE8 disponibile all'interno dell'app. Per gli utenti con accesso tramite login sociale, puoi trovare opzioni di backup nella sezione Portafoglio. Se sei connesso tramite VeChain o un'altra app dell'ecosistema, dovrai visitare il sito originale, accedere e raggiungere la sezione Portafoglio da l\xEC.",
   "Backup can be done only in the app securing your wallet.": "Il backup pu\xF2 essere effettuato solo nell'app che protegge il tuo portafoglio.",
   "Backup your wallet": "Esegui il backup del tuo portafoglio",
+  "Backup your wallet, configure MFA and set recovery options": "Esegui il backup del tuo portafoglio, configura MFA e imposta le opzioni di recupero",
   Balance: "Saldo",
   "Balance:": "Saldo:",
   "Benefits of this upgrade:": "Vantaggi di questo aggiornamento:",
@@ -10276,6 +10487,7 @@ var it_default = {
   "Fee delegation is a unique feature of VeChain that allows someone else (a delegator) to pay for your transaction fees. While many dApps and service providers act as delegators to make it easier for new users to get started, some transactions may still require you to pay fees using your own VTHO. Fees are necessary to prevent network spam and compensate the nodes that process and validate transactions on the blockchain. When paying fees yourself, you'll be able to select VTHO from your assets to cover the transaction cost.": "La delega delle commissioni \xE8 una funzione unica di VeChain che consente a qualcun altro (un delegante) di pagare le tue commissioni di transazione. Mentre molte dApp e fornitori di servizi agiscono come deleganti per facilitare l'inizio per i nuovi utenti, alcune transazioni potrebbero comunque richiedere che tu paghi le commissioni usando il tuo VTHO. Le commissioni sono necessarie per prevenire lo spam di rete e compensare i nodi che elaborano e convalidano le transazioni sulla blockchain. Quando paghi le commissioni di persona, potrai selezionare VTHO dai tuoi asset per coprire il costo della transazione.",
   "Finally say goodbye to 0x addresses": "Finalmente d\xEC addio agli indirizzi 0x",
   "For developers": "Per sviluppatori",
+  "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.": "Per motivi di sicurezza, puoi gestire le impostazioni del tuo portafoglio integrato solo sulla piattaforma {{appName}}.",
   "Frequently asked questions": "Domande frequenti",
   From: "Da",
   Github: "Github",
@@ -10334,9 +10546,11 @@ var it_default = {
   "Manage Recovery": "Gestisci Recupero",
   "Manage multi-factor authentication settings for your wallet.": "Gestisci le impostazioni di autenticazione a pi\xF9 fattori per il tuo portafoglio.",
   "Manage on VeBetterDAO": "Gestisci su VeBetterDAO",
+  "Manage on {{appName}}": "Gestisci su {{appName}}",
   "Manage passkey login": "Gestisci login con chiave di accesso",
   "Manage your embedded wallet security settings or back it up to a new device.": "Gestisci le impostazioni di sicurezza del tuo portafoglio incorporato o esegui il backup su un nuovo dispositivo.",
   "Manage your embedded wallet security settings: handle your login methods, add a passkey or back up your wallet to never lose access to your assets.": "Gestisci le impostazioni di sicurezza del tuo portafoglio integrato: gestisci i tuoi metodi di accesso, aggiungi una chiave di accesso o esegui il backup del portafoglio per non perdere mai l'accesso ai tuoi beni.",
+  "Manage your login methods and passkeys": "Gestisci i tuoi metodi di accesso e chiavi di accesso",
   "Mobile browser may block the login window.": "Il browser mobile potrebbe bloccare la finestra di accesso.",
   More: "Altro",
   "Multiclause Transaction temporary disabled": "Transazione multiclausola temporaneamente disabilitata",
@@ -10413,6 +10627,8 @@ var it_default = {
   "Search dApps": "Cerca dApp",
   "Search for a domain": "Cerca un dominio",
   "Secured by": "Protetto da",
+  "Security preferences": "Preferenze di sicurezza",
+  "Security settings": "Impostazioni di sicurezza",
   "Select Additional Login Method": "Seleziona metodo di accesso aggiuntivo",
   "Select Token": "Seleziona Token",
   "Select an app": "Seleziona un'app",
@@ -10646,6 +10862,7 @@ var fr_default = {
   "Backing up your wallet is crucial as you are the only one with access to your private keys. If something goes wrong, having your private key is the only way to recover your assets. How to backup depends on how you access your wallet: If using VeWorld, the backup option is available within the app. For social login users, you can find backup options in the Wallet section. If you're connected through VeChain or another ecosystem app, you'll need to visit the original website, log in, and access the Wallet section from there.": "Sauvegarder votre portefeuille est crucial puisque vous \xEAtes le seul \xE0 avoir acc\xE8s \xE0 vos cl\xE9s priv\xE9es. Si quelque chose ne va pas, avoir votre cl\xE9 priv\xE9e est le seul moyen de r\xE9cup\xE9rer vos actifs. La fa\xE7on de sauvegarder d\xE9pend de la mani\xE8re dont vous acc\xE9dez \xE0 votre portefeuille : si vous utilisez VeWorld, l'option de sauvegarde est disponible dans l'application. Pour les utilisateurs de connexion sociale, vous trouverez les options de sauvegarde dans la section Portefeuille. Si vous \xEAtes connect\xE9 via VeChain ou une autre application de l'\xE9cosyst\xE8me, vous devrez visiter le site web d'origine, vous connecter et acc\xE9der \xE0 la section Portefeuille \xE0 partir de l\xE0.",
   "Backup can be done only in the app securing your wallet.": "La sauvegarde ne peut \xEAtre effectu\xE9e que dans l'application s\xE9curisant votre portefeuille.",
   "Backup your wallet": "Sauvegardez votre portefeuille",
+  "Backup your wallet, configure MFA and set recovery options": "Sauvegardez votre portefeuille, configurez l'authentification multi-facteurs et d\xE9finissez les options de r\xE9cup\xE9ration",
   Balance: "Solde",
   "Balance:": "Solde:",
   "Benefits of this upgrade:": "Avantages de cette mise \xE0 niveau :",
@@ -10758,6 +10975,7 @@ var fr_default = {
   "Fee delegation is a unique feature of VeChain that allows someone else (a delegator) to pay for your transaction fees. While many dApps and service providers act as delegators to make it easier for new users to get started, some transactions may still require you to pay fees using your own VTHO. Fees are necessary to prevent network spam and compensate the nodes that process and validate transactions on the blockchain. When paying fees yourself, you'll be able to select VTHO from your assets to cover the transaction cost.": "La d\xE9l\xE9gation de frais est une fonctionnalit\xE9 unique de VeChain qui permet \xE0 quelqu'un d'autre (un d\xE9l\xE9gataire) de payer vos frais de transaction. Bien que de nombreuses dApps et prestataires de services agissent en tant que d\xE9l\xE9gataires pour faciliter le d\xE9marrage des nouveaux utilisateurs, certaines transactions peuvent encore n\xE9cessiter que vous payiez des frais en utilisant votre propre VTHO. Les frais sont n\xE9cessaires pour pr\xE9venir le spam sur le r\xE9seau et pour r\xE9mun\xE9rer les n\u0153uds qui traitent et valident les transactions sur la blockchain. Lorsque vous payez vous-m\xEAme les frais, vous pourrez s\xE9lectionner VTHO parmi vos actifs pour couvrir le co\xFBt de la transaction.",
   "Finally say goodbye to 0x addresses": "Enfin, dites adieu aux adresses 0x",
   "For developers": "Pour les d\xE9veloppeurs",
+  "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.": "Pour des raisons de s\xE9curit\xE9, vous pouvez g\xE9rer les param\xE8tres de votre portefeuille int\xE9gr\xE9 uniquement sur la plateforme {{appName}}.",
   "Frequently asked questions": "Questions fr\xE9quemment pos\xE9es",
   From: "De",
   Github: "Github",
@@ -10816,9 +11034,11 @@ var fr_default = {
   "Manage Recovery": "G\xE9rer la r\xE9cup\xE9ration",
   "Manage multi-factor authentication settings for your wallet.": "G\xE9rez les param\xE8tres d'authentification \xE0 plusieurs facteurs pour votre portefeuille.",
   "Manage on VeBetterDAO": "G\xE9rer sur VeBetterDAO",
+  "Manage on {{appName}}": "G\xE9rer sur {{appName}}",
   "Manage passkey login": "G\xE9rer la connexion par cl\xE9 de passe",
   "Manage your embedded wallet security settings or back it up to a new device.": "G\xE9rez les param\xE8tres de s\xE9curit\xE9 de votre portefeuille int\xE9gr\xE9 ou sauvegardez-le sur un nouvel appareil.",
   "Manage your embedded wallet security settings: handle your login methods, add a passkey or back up your wallet to never lose access to your assets.": "G\xE9rez les param\xE8tres de s\xE9curit\xE9 de votre portefeuille int\xE9gr\xE9 : g\xE9rez vos m\xE9thodes de connexion, ajoutez une cl\xE9 d'acc\xE8s ou sauvegardez votre portefeuille pour ne jamais perdre l'acc\xE8s \xE0 vos actifs.",
+  "Manage your login methods and passkeys": "G\xE9rez vos m\xE9thodes de connexion et cl\xE9s d'acc\xE8s",
   "Mobile browser may block the login window.": "Le navigateur mobile peut bloquer la fen\xEAtre de connexion.",
   More: "Plus",
   "Multiclause Transaction temporary disabled": "Transaction \xE0 clauses multiples temporairement d\xE9sactiv\xE9e",
@@ -10895,6 +11115,8 @@ var fr_default = {
   "Search dApps": "Rechercher des dApps",
   "Search for a domain": "Rechercher un domaine",
   "Secured by": "S\xE9curis\xE9 par",
+  "Security preferences": "Pr\xE9f\xE9rences de s\xE9curit\xE9",
+  "Security settings": "Param\xE8tres de s\xE9curit\xE9",
   "Select Additional Login Method": "S\xE9lectionner une m\xE9thode de connexion suppl\xE9mentaire",
   "Select Token": "S\xE9lectionner un jeton",
   "Select an app": "S\xE9lectionnez une application",
@@ -11128,6 +11350,7 @@ var es_default = {
   "Backing up your wallet is crucial as you are the only one with access to your private keys. If something goes wrong, having your private key is the only way to recover your assets. How to backup depends on how you access your wallet: If using VeWorld, the backup option is available within the app. For social login users, you can find backup options in the Wallet section. If you're connected through VeChain or another ecosystem app, you'll need to visit the original website, log in, and access the Wallet section from there.": "Respaldar tu billetera es crucial ya que eres el \xFAnico con acceso a tus claves privadas. Si algo sale mal, tener tu clave privada es la \xFAnica manera de recuperar tus activos. C\xF3mo hacer un respaldo depende de c\xF3mo accedas a tu billetera: Si usas VeWorld, la opci\xF3n de respaldo est\xE1 disponible dentro de la aplicaci\xF3n. Para usuarios de inicio de sesi\xF3n social, puedes encontrar opciones de respaldo en la secci\xF3n Billetera. Si est\xE1s conectado a trav\xE9s de VeChain u otra aplicaci\xF3n del ecosistema, necesitar\xE1s visitar el sitio web original, iniciar sesi\xF3n y acceder a la secci\xF3n de Billetera desde all\xED.",
   "Backup can be done only in the app securing your wallet.": "La copia de seguridad solo se puede hacer en la aplicaci\xF3n que asegura tu billetera.",
   "Backup your wallet": "Respalda tu billetera",
+  "Backup your wallet, configure MFA and set recovery options": "Realiza una copia de seguridad de tu billetera, configura MFA y establece opciones de recuperaci\xF3n",
   Balance: "Saldo",
   "Balance:": "Saldo:",
   "Benefits of this upgrade:": "Beneficios de esta actualizaci\xF3n:",
@@ -11240,6 +11463,7 @@ var es_default = {
   "Fee delegation is a unique feature of VeChain that allows someone else (a delegator) to pay for your transaction fees. While many dApps and service providers act as delegators to make it easier for new users to get started, some transactions may still require you to pay fees using your own VTHO. Fees are necessary to prevent network spam and compensate the nodes that process and validate transactions on the blockchain. When paying fees yourself, you'll be able to select VTHO from your assets to cover the transaction cost.": "La delegaci\xF3n de tarifas es una funci\xF3n \xFAnica de VeChain que permite que otra persona (un delegado) pague las tarifas de tus transacciones. Aunque muchas aplicaciones descentralizadas (dApps) y proveedores de servicios act\xFAan como delegados para facilitar a los nuevos usuarios el comienzo, es posible que algunas transacciones a\xFAn requieran que pagues tarifas usando tu propio VTHO. Las tarifas son necesarias para prevenir el spam en la red y compensar a los nodos que procesan y validan las transacciones en la cadena de bloques. Al pagar las tarifas t\xFA mismo, podr\xE1s seleccionar VTHO de tus activos para cubrir el costo de la transacci\xF3n.",
   "Finally say goodbye to 0x addresses": "Finalmente di adi\xF3s a las direcciones 0x",
   "For developers": "Para desarrolladores",
+  "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.": "Por razones de seguridad, puedes gestionar la configuraci\xF3n de tu billetera integrada solo en la plataforma {{appName}}.",
   "Frequently asked questions": "Preguntas frecuentes",
   From: "De",
   Github: "Github",
@@ -11298,9 +11522,11 @@ var es_default = {
   "Manage Recovery": "Gestionar la Recuperaci\xF3n",
   "Manage multi-factor authentication settings for your wallet.": "Gestionar configuraciones de autenticaci\xF3n multifactor para tu billetera.",
   "Manage on VeBetterDAO": "Gestionar en VeBetterDAO",
+  "Manage on {{appName}}": "Gestionar en {{appName}}",
   "Manage passkey login": "Administrar inicio de sesi\xF3n con llave de acceso",
   "Manage your embedded wallet security settings or back it up to a new device.": "Gestiona la configuraci\xF3n de seguridad de tu monedero incrustado o haz una copia de seguridad en un nuevo dispositivo.",
   "Manage your embedded wallet security settings: handle your login methods, add a passkey or back up your wallet to never lose access to your assets.": "Administra la configuraci\xF3n de seguridad de tu billetera integrada: gestiona tus m\xE9todos de inicio de sesi\xF3n, a\xF1ade una clave de acceso o realiza una copia de seguridad de tu billetera para no perder nunca el acceso a tus activos.",
+  "Manage your login methods and passkeys": "Gestiona tus m\xE9todos de inicio de sesi\xF3n y claves de acceso",
   "Mobile browser may block the login window.": "El navegador m\xF3vil puede bloquear la ventana de inicio de sesi\xF3n.",
   More: "M\xE1s",
   "Multiclause Transaction temporary disabled": "Transacci\xF3n con m\xFAltiples cl\xE1usulas temporalmente deshabilitada",
@@ -11377,6 +11603,8 @@ var es_default = {
   "Search dApps": "Buscar dApps",
   "Search for a domain": "Buscar un dominio",
   "Secured by": "Asegurado por",
+  "Security preferences": "Preferencias de seguridad",
+  "Security settings": "Configuraciones de seguridad",
   "Select Additional Login Method": "Seleccionar M\xE9todo de Inicio de Sesi\xF3n Adicional",
   "Select Token": "Seleccionar Token",
   "Select an app": "Seleccionar una aplicaci\xF3n",
@@ -11610,6 +11838,7 @@ var zh_default = {
   "Backing up your wallet is crucial as you are the only one with access to your private keys. If something goes wrong, having your private key is the only way to recover your assets. How to backup depends on how you access your wallet: If using VeWorld, the backup option is available within the app. For social login users, you can find backup options in the Wallet section. If you're connected through VeChain or another ecosystem app, you'll need to visit the original website, log in, and access the Wallet section from there.": "\u5907\u4EFD\u60A8\u7684\u94B1\u5305\u975E\u5E38\u91CD\u8981\uFF0C\u56E0\u4E3A\u60A8\u662F\u552F\u4E00\u80FD\u8BBF\u95EE\u60A8\u7684\u79C1\u94A5\u7684\u4EBA\u3002\u5982\u679C\u51FA\u73B0\u95EE\u9898\uFF0C\u62E5\u6709\u60A8\u7684\u79C1\u94A5\u662F\u6062\u590D\u8D44\u4EA7\u7684\u552F\u4E00\u65B9\u6CD5\u3002\u5907\u4EFD\u65B9\u5F0F\u53D6\u51B3\u4E8E\u60A8\u5982\u4F55\u8BBF\u95EE\u94B1\u5305\uFF1A\u5982\u679C\u4F7F\u7528 VeWorld\uFF0C\u5907\u4EFD\u9009\u9879\u5728\u5E94\u7528\u5185\u53EF\u7528\u3002\u5BF9\u4E8E\u793E\u4EA4\u767B\u5F55\u7528\u6237\uFF0C\u60A8\u53EF\u4EE5\u5728\u94B1\u5305\u90E8\u5206\u627E\u5230\u5907\u4EFD\u9009\u9879\u3002\u5982\u679C\u901A\u8FC7 VeChain \u6216\u5176\u4ED6\u751F\u6001\u7CFB\u7EDF\u5E94\u7528\u8FDE\u63A5\uFF0C\u60A8\u9700\u8981\u8BBF\u95EE\u539F\u59CB\u7F51\u7AD9\uFF0C\u767B\u5F55\u5E76\u4ECE\u90A3\u91CC\u8BBF\u95EE\u94B1\u5305\u90E8\u5206\u3002",
   "Backup can be done only in the app securing your wallet.": "\u5907\u4EFD\u53EA\u80FD\u5728\u4FDD\u62A4\u60A8\u94B1\u5305\u7684\u5E94\u7528\u4E2D\u5B8C\u6210\u3002",
   "Backup your wallet": "\u5907\u4EFD\u60A8\u7684\u94B1\u5305",
+  "Backup your wallet, configure MFA and set recovery options": "\u5907\u4EFD\u60A8\u7684\u94B1\u5305\uFF0C\u914D\u7F6E\u591A\u56E0\u7D20\u8EAB\u4EFD\u9A8C\u8BC1\u5E76\u8BBE\u7F6E\u6062\u590D\u9009\u9879",
   Balance: "\u4F59\u989D",
   "Balance:": "\u4F59\u989D\uFF1A",
   "Benefits of this upgrade:": "\u6B64\u5347\u7EA7\u7684\u597D\u5904\uFF1A",
@@ -11722,6 +11951,7 @@ var zh_default = {
   "Fee delegation is a unique feature of VeChain that allows someone else (a delegator) to pay for your transaction fees. While many dApps and service providers act as delegators to make it easier for new users to get started, some transactions may still require you to pay fees using your own VTHO. Fees are necessary to prevent network spam and compensate the nodes that process and validate transactions on the blockchain. When paying fees yourself, you'll be able to select VTHO from your assets to cover the transaction cost.": "\u8D39\u7528\u59D4\u6258\u662F\u552F\u94FE\uFF08VeChain\uFF09\u7684\u4E00\u4E2A\u72EC\u7279\u529F\u80FD\uFF0C\u5B83\u5141\u8BB8\u5176\u4ED6\u4EBA\uFF08\u5373\u59D4\u6258\u8005\uFF09\u4E3A\u60A8\u7684\u4EA4\u6613\u8D39\u7528\u4E70\u5355\u3002\u867D\u7136\u8BB8\u591AdApp\u548C\u670D\u52A1\u63D0\u4F9B\u5546\u5145\u5F53\u59D4\u6258\u8005\u4EE5\u65B9\u4FBF\u65B0\u7528\u6237\u4E0A\u624B\uFF0C\u4F46\u67D0\u4E9B\u4EA4\u6613\u53EF\u80FD\u4ECD\u9700\u8981\u60A8\u4F7F\u7528\u81EA\u5DF1\u7684VTHO\u652F\u4ED8\u8D39\u7528\u3002\u8D39\u7528\u662F\u9632\u6B62\u7F51\u7EDC\u5783\u573E\u53CA\u8865\u507F\u5904\u7406\u548C\u9A8C\u8BC1\u533A\u5757\u94FE\u4EA4\u6613\u7684\u8282\u70B9\u6240\u5FC5\u9700\u7684\u3002\u5728\u60A8\u81EA\u5DF1\u652F\u4ED8\u8D39\u7528\u65F6\uFF0C\u60A8\u53EF\u4EE5\u4ECE\u8D44\u4EA7\u4E2D\u9009\u62E9VTHO\u6765\u8986\u76D6\u4EA4\u6613\u6210\u672C\u3002",
   "Finally say goodbye to 0x addresses": "\u6700\u7EC8\u544A\u522B0x\u5730\u5740",
   "For developers": "\u4E3A\u5F00\u53D1\u8005",
+  "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.": "\u51FA\u4E8E\u5B89\u5168\u539F\u56E0\uFF0C\u60A8\u53EA\u80FD\u5728 {{appName}} \u5E73\u53F0\u4E0A\u7BA1\u7406\u5D4C\u5165\u5F0F\u94B1\u5305\u8BBE\u7F6E\u3002",
   "Frequently asked questions": "\u5E38\u89C1\u95EE\u9898\u89E3\u7B54",
   From: "\u81EA",
   Github: "Github",
@@ -11780,9 +12010,11 @@ var zh_default = {
   "Manage Recovery": "\u7BA1\u7406\u6062\u590D",
   "Manage multi-factor authentication settings for your wallet.": "\u7BA1\u7406\u60A8\u94B1\u5305\u7684\u591A\u56E0\u7D20\u8BA4\u8BC1\u8BBE\u7F6E\u3002",
   "Manage on VeBetterDAO": "\u5728VeBetterDAO\u4E0A\u7BA1\u7406",
+  "Manage on {{appName}}": "\u5728 {{appName}} \u4E0A\u7BA1\u7406",
   "Manage passkey login": "\u7BA1\u7406\u5BC6\u7801\u767B\u5F55",
   "Manage your embedded wallet security settings or back it up to a new device.": "\u7BA1\u7406\u60A8\u7684\u5D4C\u5165\u94B1\u5305\u5B89\u5168\u8BBE\u7F6E\u6216\u5C06\u5176\u5907\u4EFD\u5230\u65B0\u8BBE\u5907\u3002",
   "Manage your embedded wallet security settings: handle your login methods, add a passkey or back up your wallet to never lose access to your assets.": "\u7BA1\u7406\u60A8\u7684\u5D4C\u5165\u5F0F\u94B1\u5305\u7684\u5B89\u5168\u8BBE\u7F6E\uFF1A\u5904\u7406\u60A8\u7684\u767B\u5F55\u65B9\u6CD5\uFF0C\u6DFB\u52A0\u5BC6\u7801\u94A5\u5319\u6216\u5907\u4EFD\u60A8\u7684\u94B1\u5305\uFF0C\u4EE5\u514D\u5931\u53BB\u5BF9\u8D44\u4EA7\u7684\u8BBF\u95EE\u3002",
+  "Manage your login methods and passkeys": "\u7BA1\u7406\u60A8\u7684\u767B\u5F55\u65B9\u5F0F\u548C\u901A\u884C\u5BC6\u94A5",
   "Mobile browser may block the login window.": "\u79FB\u52A8\u6D4F\u89C8\u5668\u53EF\u80FD\u4F1A\u963B\u6B62\u767B\u5F55\u7A97\u53E3\u3002",
   More: "\u66F4\u591A",
   "Multiclause Transaction temporary disabled": "\u591A\u6761\u6B3E\u4EA4\u6613\u6682\u65F6\u7981\u7528",
@@ -11859,6 +12091,8 @@ var zh_default = {
   "Search dApps": "\u641C\u7D22 dApps",
   "Search for a domain": "\u641C\u7D22\u57DF\u540D",
   "Secured by": "\u5B89\u5168\u4FDD\u969C",
+  "Security preferences": "\u5B89\u5168\u504F\u597D",
+  "Security settings": "\u5B89\u5168\u8BBE\u7F6E",
   "Select Additional Login Method": "\u9009\u62E9\u5176\u4ED6\u767B\u5F55\u65B9\u5F0F",
   "Select Token": "\u9009\u62E9\u4EE3\u5E01",
   "Select an app": "\u9009\u62E9\u4E00\u4E2A\u5E94\u7528",
@@ -12092,6 +12326,7 @@ var ja_default = {
   "Backing up your wallet is crucial as you are the only one with access to your private keys. If something goes wrong, having your private key is the only way to recover your assets. How to backup depends on how you access your wallet: If using VeWorld, the backup option is available within the app. For social login users, you can find backup options in the Wallet section. If you're connected through VeChain or another ecosystem app, you'll need to visit the original website, log in, and access the Wallet section from there.": "\u30A6\u30A9\u30EC\u30C3\u30C8\u306E\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u306F\u975E\u5E38\u306B\u91CD\u8981\u3067\u3059\u3002\u306A\u305C\u306A\u3089\u3001\u3042\u306A\u305F\u3060\u3051\u304C\u79D8\u5BC6\u9375\u306B\u30A2\u30AF\u30BB\u30B9\u3067\u304D\u308B\u304B\u3089\u3067\u3059\u3002\u4F55\u304B\u554F\u984C\u304C\u767A\u751F\u3057\u305F\u5834\u5408\u3001\u79D8\u5BC6\u9375\u3092\u6301\u3063\u3066\u3044\u308B\u3053\u3068\u304C\u8CC7\u7523\u3092\u56DE\u5FA9\u3059\u308B\u552F\u4E00\u306E\u624B\u6BB5\u3067\u3059\u3002\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u306E\u65B9\u6CD5\u306F\u30A6\u30A9\u30EC\u30C3\u30C8\u3078\u306E\u30A2\u30AF\u30BB\u30B9\u65B9\u6CD5\u306B\u3088\u308A\u307E\u3059\uFF1AVeWorld\u3092\u4F7F\u7528\u3057\u3066\u3044\u308B\u5834\u5408\u3001\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u30AA\u30D7\u30B7\u30E7\u30F3\u306F\u30A2\u30D7\u30EA\u5185\u3067\u5229\u7528\u53EF\u80FD\u3067\u3059\u3002\u30BD\u30FC\u30B7\u30E3\u30EB\u30ED\u30B0\u30A4\u30F3\u30E6\u30FC\u30B6\u30FC\u306E\u5834\u5408\u3001\u30A6\u30A9\u30EC\u30C3\u30C8\u30BB\u30AF\u30B7\u30E7\u30F3\u3067\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u30AA\u30D7\u30B7\u30E7\u30F3\u3092\u898B\u3064\u3051\u308B\u3053\u3068\u304C\u3067\u304D\u307E\u3059\u3002VeChain\u307E\u305F\u306F\u5225\u306E\u30A8\u30B3\u30B7\u30B9\u30C6\u30E0\u30A2\u30D7\u30EA\u3092\u901A\u3058\u3066\u63A5\u7D9A\u3057\u3066\u3044\u308B\u5834\u5408\u3001\u5143\u306EWeb\u30B5\u30A4\u30C8\u306B\u30A2\u30AF\u30BB\u30B9\u3057\u3001\u30ED\u30B0\u30A4\u30F3\u3057\u3066\u30A6\u30A9\u30EC\u30C3\u30C8\u30BB\u30AF\u30B7\u30E7\u30F3\u306B\u30A2\u30AF\u30BB\u30B9\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002",
   "Backup can be done only in the app securing your wallet.": "\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u306F\u30A6\u30A9\u30EC\u30C3\u30C8\u3092\u4FDD\u8B77\u3057\u3066\u3044\u308B\u30A2\u30D7\u30EA\u3067\u306E\u307F\u884C\u3048\u307E\u3059\u3002",
   "Backup your wallet": "\u30A6\u30A9\u30EC\u30C3\u30C8\u3092\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u3059\u308B",
+  "Backup your wallet, configure MFA and set recovery options": "\u30A6\u30A9\u30EC\u30C3\u30C8\u3092\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u3057\u3001MFA\u3092\u8A2D\u5B9A\u3057\u3001\u56DE\u5FA9\u30AA\u30D7\u30B7\u30E7\u30F3\u3092\u8A2D\u5B9A\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   Balance: "\u6B8B\u9AD8",
   "Balance:": "\u6B8B\u9AD8\uFF1A",
   "Benefits of this upgrade:": "\u3053\u306E\u30A2\u30C3\u30D7\u30B0\u30EC\u30FC\u30C9\u306E\u5229\u70B9\uFF1A",
@@ -12204,6 +12439,7 @@ var ja_default = {
   "Fee delegation is a unique feature of VeChain that allows someone else (a delegator) to pay for your transaction fees. While many dApps and service providers act as delegators to make it easier for new users to get started, some transactions may still require you to pay fees using your own VTHO. Fees are necessary to prevent network spam and compensate the nodes that process and validate transactions on the blockchain. When paying fees yourself, you'll be able to select VTHO from your assets to cover the transaction cost.": "\u624B\u6570\u6599\u30C7\u30EA\u30B2\u30FC\u30B7\u30E7\u30F3\u306F\u3001VeChain\u306E\u30E6\u30CB\u30FC\u30AF\u306A\u6A5F\u80FD\u3067\u3042\u308A\u3001\u4ED6\u306E\u8AB0\u304B\uFF08\u30C7\u30EA\u30B2\u30FC\u30BF\u30FC\uFF09\u304C\u3042\u306A\u305F\u306E\u53D6\u5F15\u624B\u6570\u6599\u3092\u652F\u6255\u3046\u3053\u3068\u3092\u53EF\u80FD\u306B\u3057\u307E\u3059\u3002\u591A\u304F\u306EdApps\u304A\u3088\u3073\u30B5\u30FC\u30D3\u30B9\u30D7\u30ED\u30D0\u30A4\u30C0\u30FC\u304C\u30C7\u30EA\u30B2\u30FC\u30BF\u30FC\u3068\u3057\u3066\u6A5F\u80FD\u3057\u3001\u65B0\u898F\u30E6\u30FC\u30B6\u30FC\u304C\u958B\u59CB\u3057\u3084\u3059\u304F\u3057\u3066\u3044\u307E\u3059\u304C\u3001\u4E00\u90E8\u306E\u53D6\u5F15\u3067\u306F\u4F9D\u7136\u3068\u3057\u3066\u72EC\u81EA\u306EVTHO\u3092\u4F7F\u7528\u3057\u3066\u624B\u6570\u6599\u3092\u652F\u6255\u3046\u5FC5\u8981\u304C\u3042\u308B\u5834\u5408\u304C\u3042\u308A\u307E\u3059\u3002\u624B\u6570\u6599\u306F\u3001\u30CD\u30C3\u30C8\u30EF\u30FC\u30AF\u30B9\u30D1\u30E0\u3092\u9632\u304E\u3001\u30D6\u30ED\u30C3\u30AF\u30C1\u30A7\u30FC\u30F3\u4E0A\u306E\u53D6\u5F15\u3092\u51E6\u7406\u304A\u3088\u3073\u691C\u8A3C\u3059\u308B\u30CE\u30FC\u30C9\u306B\u5831\u916C\u3092\u4E0E\u3048\u308B\u305F\u3081\u306B\u5FC5\u8981\u3067\u3059\u3002\u624B\u6570\u6599\u3092\u81EA\u5206\u3067\u652F\u6255\u3046\u5834\u5408\u306F\u3001\u8CC7\u7523\u304B\u3089VTHO\u3092\u9078\u629E\u3057\u3066\u53D6\u5F15\u30B3\u30B9\u30C8\u3092\u30AB\u30D0\u30FC\u3059\u308B\u3053\u3068\u304C\u3067\u304D\u307E\u3059\u3002",
   "Finally say goodbye to 0x addresses": "\u3064\u3044\u306B0x\u30A2\u30C9\u30EC\u30B9\u306B\u304A\u5225\u308C\u3092\u8A00\u3044\u307E\u3057\u3087\u3046",
   "For developers": "\u958B\u767A\u8005\u5411\u3051",
+  "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.": "\u30BB\u30AD\u30E5\u30EA\u30C6\u30A3\u4E0A\u306E\u7406\u7531\u304B\u3089\u3001\u57CB\u3081\u8FBC\u307F\u30A6\u30A9\u30EC\u30C3\u30C8\u306E\u8A2D\u5B9A\u306F{{appName}}\u30D7\u30E9\u30C3\u30C8\u30D5\u30A9\u30FC\u30E0\u3067\u306E\u307F\u7BA1\u7406\u3067\u304D\u307E\u3059\u3002",
   "Frequently asked questions": "\u3088\u304F\u3042\u308B\u8CEA\u554F",
   From: "\u9001\u4FE1\u5143",
   Github: "\u30AE\u30C3\u30C8\u30CF\u30D6",
@@ -12262,9 +12498,11 @@ var ja_default = {
   "Manage Recovery": "\u30EA\u30AB\u30D0\u30EA\u30FC\u306E\u7BA1\u7406",
   "Manage multi-factor authentication settings for your wallet.": "\u30A6\u30A9\u30EC\u30C3\u30C8\u306E\u591A\u8981\u7D20\u8A8D\u8A3C\u8A2D\u5B9A\u3092\u7BA1\u7406\u3059\u308B\u3002",
   "Manage on VeBetterDAO": "VeBetterDAO\u3067\u7BA1\u7406",
+  "Manage on {{appName}}": "{{appName}}\u3067\u7BA1\u7406\u3059\u308B",
   "Manage passkey login": "\u30D1\u30B9\u30AD\u30FC\u306E\u30ED\u30B0\u30A4\u30F3\u3092\u7BA1\u7406",
   "Manage your embedded wallet security settings or back it up to a new device.": "\u7D44\u307F\u8FBC\u307F\u30A6\u30A9\u30EC\u30C3\u30C8\u306E\u30BB\u30AD\u30E5\u30EA\u30C6\u30A3\u8A2D\u5B9A\u3092\u7BA1\u7406\u3057\u305F\u308A\u3001\u65B0\u3057\u3044\u30C7\u30D0\u30A4\u30B9\u306B\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u3057\u305F\u308A\u3057\u307E\u3059\u3002",
   "Manage your embedded wallet security settings: handle your login methods, add a passkey or back up your wallet to never lose access to your assets.": "\u57CB\u3081\u8FBC\u307F\u30A6\u30A9\u30EC\u30C3\u30C8\u306E\u30BB\u30AD\u30E5\u30EA\u30C6\u30A3\u8A2D\u5B9A\u3092\u7BA1\u7406\u3057\u307E\u3059: \u30ED\u30B0\u30A4\u30F3\u65B9\u6CD5\u3092\u51E6\u7406\u3057\u305F\u308A\u3001\u30D1\u30B9\u30AD\u30FC\u3092\u8FFD\u52A0\u3057\u305F\u308A\u3001\u8CC7\u7523\u3078\u306E\u30A2\u30AF\u30BB\u30B9\u3092\u5931\u308F\u306A\u3044\u3088\u3046\u306B\u30A6\u30A9\u30EC\u30C3\u30C8\u3092\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u3057\u305F\u308A\u3057\u307E\u3059\u3002",
+  "Manage your login methods and passkeys": "\u30ED\u30B0\u30A4\u30F3\u65B9\u6CD5\u3068\u30D1\u30B9\u30AD\u30FC\u3092\u7BA1\u7406\u3059\u308B",
   "Mobile browser may block the login window.": "\u30E2\u30D0\u30A4\u30EB\u30D6\u30E9\u30A6\u30B6\u306F\u30ED\u30B0\u30A4\u30F3\u30A6\u30A3\u30F3\u30C9\u30A6\u3092\u30D6\u30ED\u30C3\u30AF\u3059\u308B\u53EF\u80FD\u6027\u304C\u3042\u308A\u307E\u3059\u3002",
   More: "\u3082\u3063\u3068\u898B\u308B",
   "Multiclause Transaction temporary disabled": "\u8907\u6570\u6761\u9805\u306E\u30C8\u30E9\u30F3\u30B6\u30AF\u30B7\u30E7\u30F3\u306F\u4E00\u6642\u7684\u306B\u7121\u52B9\u5316\u3055\u308C\u3066\u3044\u307E\u3059\u3002",
@@ -12341,6 +12579,8 @@ var ja_default = {
   "Search dApps": "dApps\u3092\u691C\u7D22",
   "Search for a domain": "\u30C9\u30E1\u30A4\u30F3\u3092\u691C\u7D22",
   "Secured by": "\u306B\u3088\u3063\u3066\u30BB\u30AD\u30E5\u30EA\u30C6\u30A3\u4FDD\u8B77\u3055\u308C\u3066\u3044\u307E\u3059",
+  "Security preferences": "\u30BB\u30AD\u30E5\u30EA\u30C6\u30A3\u8A2D\u5B9A",
+  "Security settings": "\u30BB\u30AD\u30E5\u30EA\u30C6\u30A3\u8A2D\u5B9A",
   "Select Additional Login Method": "\u8FFD\u52A0\u306E\u30ED\u30B0\u30A4\u30F3\u65B9\u6CD5\u3092\u9078\u629E",
   "Select Token": "\u30C8\u30FC\u30AF\u30F3\u3092\u9078\u629E",
   "Select an app": "\u30A2\u30D7\u30EA\u3092\u9078\u629E",
@@ -12664,7 +12904,7 @@ var CustomizationContent = ({
   setCurrentContent
 }) => {
   const { t } = useTranslation();
-  const { network, darkMode: isDark } = useVeChainKitConfig();
+  const { network } = useVeChainKitConfig();
   const { account } = useWallet();
   const fileInputRef = useRef(null);
   const coverInputRef = useRef(null);
@@ -12706,20 +12946,22 @@ var CustomizationContent = ({
       setInitialEmail(metadata.email || "");
       setInitialWebsite(metadata.url || "");
       setInitialAvatarHash(
-        metadata.avatar ? metadata.avatar.replace("ipfs://", "") : null
-      );
-      setPreviewImageUrl(
-        convertUriToUrl(metadata.avatar ?? "", network.type) || null
+        account.image ? account.image.replace("ipfs://", "") : null
       );
+      setPreviewImageUrl((prev) => prev ?? account.image ?? null);
     }
-  }, [account?.metadata, network.type]);
+  }, [account, network.type]);
   const formValues = watch();
   const handleImageUpload = async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
     try {
       setIsUploading(true);
-      setPreviewImageUrl(URL.createObjectURL(file));
+      if (previewImageUrl) {
+        URL.revokeObjectURL(previewImageUrl);
+      }
+      const newPreviewUrl = URL.createObjectURL(file);
+      setPreviewImageUrl(newPreviewUrl);
       const uploadedImage = await onUpload(file);
       if (!uploadedImage) throw new Error("Failed to compress image");
       const ipfsHash = await uploadBlobToIPFS(
@@ -12780,9 +13022,7 @@ var CustomizationContent = ({
       /* @__PURE__ */ jsxs(
         Card,
         {
-          bg: isDark ? "#1e1e21" : "#00000005",
-          borderRadius: "xl",
-          width: "full",
+          variant: "vechainKitBase",
           position: "relative",
           overflow: "visible",
           children: [
@@ -12819,7 +13059,7 @@ var CustomizationContent = ({
                         width: "100px",
                         height: "100px",
                         boxShadow: "0px 0px 3px 2px #00000024",
-                        src: previewImageUrl || void 0
+                        src: previewImageUrl ?? void 0
                       }
                     }
                   ),
@@ -13114,7 +13354,8 @@ var CustomizationSummaryContent = ({
   const { darkMode: isDark } = useVeChainKitConfig();
   const { account, connectedWallet } = useWallet();
   const { refresh: refreshMetadata } = useRefreshMetadata(
-    account?.domain ?? ""
+    account?.domain ?? "",
+    account?.address ?? ""
   );
   const { data: upgradeRequired } = useUpgradeRequired(
     account?.address ?? "",
@@ -13139,6 +13380,7 @@ var CustomizationSummaryContent = ({
   } = useUpdateTextRecord({
     resolverAddress,
     // Pass the pre-fetched resolver address
+    signerAccountAddress: account?.address ?? "",
     onSuccess: async () => {
       refreshMetadata();
       setCurrentContent({
@@ -13270,6 +13512,15 @@ var ProfileContent = ({
           onEditClick: () => setCurrentContent("account-customization"),
           address: account?.address ?? "",
           showHeader: false,
+          style: {
+            card: {
+              bg: "transparent",
+              px: 0
+            },
+            footer: {
+              px: 0
+            }
+          },
           onLogout: () => {
             setCurrentContent?.({
               type: "disconnect-confirm",
@@ -13729,7 +13980,7 @@ var ManageCustomTokenContent = ({
     /* @__PURE__ */ jsx(ModalFooter, { children: /* @__PURE__ */ jsx(
       Button,
       {
-        variant: "vechainKitSecondary",
+        variant: "vechainKitPrimary",
         isDisabled: !isValid,
         onClick: handleSubmit(onSubmit),
         children: t("Add Token")
@@ -13747,16 +13998,7 @@ var BridgeContent = ({ setCurrentContent }) => {
       /* @__PURE__ */ jsx(ModalCloseButton, {})
     ] }),
     /* @__PURE__ */ jsx(Container, { maxW: "container.lg", children: /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 6, align: "center", w: "full", children: [
-      /* @__PURE__ */ jsx(
-        Image,
-        {
-          src: isDark ? "https://static.vechain.energy/logo-dark.svg" : "https://static.vechain.energy/logo-light.svg",
-          alt: "bridge token",
-          w: "200px",
-          h: "200px",
-          borderRadius: "xl"
-        }
-      ),
+      /* @__PURE__ */ jsx(VechainEnergy, { isDark, borderRadius: "xl" }),
       /* @__PURE__ */ jsx(Text, { fontSize: "sm", textAlign: "center", children: t(
         "Exchange your digital assets between VeChain and other blockchain networks easily and securely. Swaps are executed through partners that leverage both decentralized and centralized exchanges to convert tokens."
       ) })
@@ -13797,8 +14039,7 @@ var ConnectionDetailsContent = ({ onGoBack }) => {
     /* @__PURE__ */ jsxs(ModalBody, { w: "full", children: [
       connection.isConnectedWithCrossApp && connectionCache && /* @__PURE__ */ jsx(CrossAppConnectionCard, { connectionCache }),
       connection.isConnectedWithSocialLogin && /* @__PURE__ */ jsx(PrivyConnectionCard, {}),
-      connection.isConnectedWithDappKit && /* @__PURE__ */ jsx(DappKitConnectionCard, {}),
-      connection.isConnectedWithPrivy && /* @__PURE__ */ jsx(WalletSecuredBy, {})
+      connection.isConnectedWithDappKit && /* @__PURE__ */ jsx(DappKitConnectionCard, {})
     ] }),
     /* @__PURE__ */ jsx(ModalFooter, { pt: 0 })
   ] });
@@ -15039,7 +15280,7 @@ var TransactionModalContent = ({
         {
           fontSize: status === "ready" ? "md" : "sm",
           textAlign: "center",
-          color: status === "error" ? "red" : "inherit",
+          color: status === "error" ? "red.500" : "inherit",
           mt: 5,
           style: {
             lineBreak: "anywhere"
@@ -15480,17 +15721,22 @@ var ConnectPopover = ({
 };
 var WalletDisplay = ({ variant }) => {
   const { account } = useWallet();
+  const [isSmallMobile] = useMediaQuery("(max-width: 480px)");
   if (!account) return /* @__PURE__ */ jsx(Spinner, {});
   if (variant === "icon") {
     return null;
   }
+  const isLongDomain = account?.domain && account?.domain?.length > 18;
+  const accountDomain = useMemo(() => {
+    return isSmallMobile && isLongDomain ? humanDomain(account?.domain ?? "", 18, 0) : account?.domain;
+  }, [isSmallMobile, account.domain]);
   if (variant === "iconAndDomain") {
-    return account.domain ? /* @__PURE__ */ jsx(Text, { fontSize: "sm", children: account.domain }) : /* @__PURE__ */ jsx(Text, { fontSize: "sm", children: humanAddress(account.address ?? "", 4, 4) });
+    return account.domain ? /* @__PURE__ */ jsx(Text, { fontSize: "sm", children: accountDomain }) : /* @__PURE__ */ jsx(Text, { fontSize: "sm", children: humanAddress(account.address ?? "", 6, 4) });
   }
   if (variant === "iconDomainAndAssets") {
-    return /* @__PURE__ */ jsxs(HStack, { spacing: 2, children: [
+    return /* @__PURE__ */ jsxs(HStack, { spacing: 4, children: [
       /* @__PURE__ */ jsxs(VStack, { spacing: 0, alignItems: "flex-start", children: [
-        account.domain && /* @__PURE__ */ jsx(Text, { fontSize: "sm", fontWeight: "bold", children: account.domain }),
+        account.domain && /* @__PURE__ */ jsx(Text, { fontSize: "sm", fontWeight: "bold", children: accountDomain }),
         /* @__PURE__ */ jsx(
           Text,
           {
@@ -15500,18 +15746,11 @@ var WalletDisplay = ({ variant }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(
-        AssetIcons,
-        {
-          ml: 2,
-          address: account.address ?? "",
-          maxIcons: 3
-        }
-      )
+      /* @__PURE__ */ jsx(AssetIcons, { address: account.address ?? "", maxIcons: 3 })
     ] });
   }
   return /* @__PURE__ */ jsxs(VStack, { spacing: 0, alignItems: "flex-start", children: [
-    account.domain && /* @__PURE__ */ jsx(Text, { fontSize: "sm", fontWeight: "bold", children: account.domain }),
+    account.domain && /* @__PURE__ */ jsx(Text, { fontSize: "sm", fontWeight: "bold", children: accountDomain }),
     /* @__PURE__ */ jsx(
       Text,
       {
@@ -15530,17 +15769,36 @@ var ConnectedWallet = ({
 }) => {
   const { account } = useWallet();
   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(
-      AccountAvatar,
-      {
-        wallet: account,
-        props: { width: 30, height: 30 }
-      }
-    ),
-    !isDesktop && /* @__PURE__ */ jsx(WalletDisplay, { variant: mobileVariant }),
-    isDesktop && /* @__PURE__ */ jsx(WalletDisplay, { variant: desktopVariant })
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ...buttonStyle,
+      onClick: onOpen,
+      w: "full",
+      minH: "45px",
+      maxW: "fit-content",
+      children: /* @__PURE__ */ jsxs(HStack, { w: "full", minW: "fit-content", children: [
+        /* @__PURE__ */ jsx(
+          AccountAvatar,
+          {
+            wallet: account,
+            props: {
+              width: 30,
+              height: 30,
+              minWidth: 30,
+              minHeight: 30
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          WalletDisplay,
+          {
+            variant: isDesktop ? desktopVariant : mobileVariant
+          }
+        )
+      ] })
+    }
+  );
 };
 var WalletButton = ({
   mobileVariant = "iconAndDomain",
@@ -15698,7 +15956,7 @@ var TransactionToastContent = ({
             Icon,
             {
               as: MdOutlineErrorOutline,
-              color: "red",
+              color: "red.500",
               fontSize: "40px"
             }
           ),
@@ -15973,7 +16231,8 @@ var EcosystemContent = ({ onClose, appsInfo, isLoading }) => {
         setConnectionCache({
           name: appName,
           logoUrl: appsInfo.find((app) => app.id === appId)?.logo_url,
-          appId
+          appId,
+          website: appsInfo.find((app) => app.id === appId)?.website
         });
         onClose();
       } catch (error) {
@@ -16113,72 +16372,67 @@ var ProfileCard = ({
   showLinks = true,
   showDescription = true,
   showDisplayName = true,
-  showEdit = true
+  showEdit = true,
+  style
 }) => {
   const { t } = useTranslation();
-  const { darkMode: isDark, network } = useVeChainKitConfig();
   const { account } = useWallet();
   const activeAccountDomain = useVechainDomain(address);
-  const activeAccountAvatar = useGetAvatar(activeAccountDomain?.data?.domain);
+  const activeAccountAvatar = useGetAvatarOfAddress(address);
   const activeAccountTextRecords = useGetTextRecords(
     activeAccountDomain?.data?.domain
   );
-  const baseBackgroundColor = isDark ? "#1e1e21" : "#00000005";
   const headerImageSvg = getPicassoImage(address);
   const isConnectedAccount = address === account?.address;
   const hasLinks = activeAccountTextRecords?.data?.url || activeAccountTextRecords?.data?.["com.x"] || activeAccountTextRecords?.data?.email;
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      bg: baseBackgroundColor,
-      borderRadius: "xl",
-      width: "full",
-      position: "relative",
-      overflow: "visible",
-      children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            p: 0,
-            backgroundSize: "100% !important",
-            backgroundPosition: "center",
-            position: "relative",
-            h: "80px",
-            background: showHeader ? `no-repeat url('${headerImageSvg}')` : "none",
-            w: "100%",
-            borderRadius: "14px 14px 0 0"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Box,
+  return /* @__PURE__ */ jsxs(Card, { variant: "vechainKitBase", ...style?.card, children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        p: 0,
+        backgroundSize: "100% !important",
+        backgroundPosition: "center",
+        position: "relative",
+        h: "80px",
+        background: showHeader ? `no-repeat url('${headerImageSvg}')` : "none",
+        w: "100%",
+        borderRadius: "14px 14px 0 0"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        position: "absolute",
+        top: "30px",
+        left: "50%",
+        transform: "translateX(-50%)",
+        children: /* @__PURE__ */ jsx(
+          AccountAvatar,
           {
-            position: "absolute",
-            top: "30px",
-            left: "50%",
-            transform: "translateX(-50%)",
-            children: /* @__PURE__ */ jsx(
-              AccountAvatar,
-              {
-                wallet: {
-                  address,
-                  domain: activeAccountDomain?.data?.domain,
-                  image: convertUriToUrl(
-                    activeAccountAvatar?.data ?? "",
-                    network.type
-                  ) ?? getPicassoImage(address),
-                  isLoadingMetadata: activeAccountAvatar?.isLoading || activeAccountDomain?.isLoading || activeAccountTextRecords?.isLoading,
-                  metadata: activeAccountTextRecords?.data
-                },
-                props: {
-                  width: "100px",
-                  height: "100px",
-                  boxShadow: "0px 0px 3px 2px #00000024"
-                }
-              }
-            )
+            wallet: {
+              address,
+              domain: activeAccountDomain?.data?.domain,
+              image: activeAccountAvatar.data,
+              isLoadingMetadata: activeAccountAvatar?.isLoading || activeAccountDomain?.isLoading || activeAccountTextRecords?.isLoading,
+              metadata: activeAccountTextRecords?.data
+            },
+            props: {
+              width: "100px",
+              height: "100px"
+              // boxShadow: '0px 0px 3px 2px #00000024',
+            }
           }
-        ),
-        /* @__PURE__ */ jsx(CardBody, { mt: 10, backgroundColor: "none", border: "none", children: /* @__PURE__ */ jsxs(VStack, { w: "full", spacing: 2, children: [
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CardBody,
+      {
+        mt: 10,
+        backgroundColor: "none",
+        border: "none",
+        ...style?.body,
+        children: /* @__PURE__ */ jsxs(VStack, { w: "full", spacing: 2, children: [
           showDisplayName && activeAccountTextRecords?.data?.display && /* @__PURE__ */ jsx(
             Text,
             {
@@ -16232,51 +16486,48 @@ var ProfileCard = ({
               wallet: {
                 address,
                 domain: activeAccountDomain?.data?.domain,
-                image: convertUriToUrl(
-                  activeAccountAvatar?.data ?? "",
-                  network.type
-                ) ?? getPicassoImage(address),
+                image: activeAccountAvatar.data,
                 isLoadingMetadata: activeAccountAvatar?.isLoading || activeAccountDomain?.isLoading || activeAccountTextRecords?.isLoading,
                 metadata: activeAccountTextRecords?.data
               },
               style: { mt: 4 }
             }
           )
-        ] }) }),
-        isConnectedAccount && showEdit && /* @__PURE__ */ jsx(CardFooter, { justify: "space-between", children: /* @__PURE__ */ jsxs(VStack, { w: "full", justify: "space-between", spacing: 4, children: [
-          /* @__PURE__ */ jsx(Divider, {}),
-          /* @__PURE__ */ jsxs(HStack, { w: "full", justify: "space-between", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "md",
-                width: "full",
-                height: "40px",
-                variant: "ghost",
-                leftIcon: /* @__PURE__ */ jsx(Icon, { as: FaEdit }),
-                onClick: onEditClick ?? (() => {
-                }),
-                children: t("Customize")
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "md",
-                width: "full",
-                height: "40px",
-                variant: "ghost",
-                leftIcon: /* @__PURE__ */ jsx(Icon, { as: RiLogoutBoxLine }),
-                colorScheme: "red",
-                onClick: onLogout,
-                children: t("Logout")
-              }
-            )
-          ] })
-        ] }) })
-      ]
-    }
-  );
+        ] })
+      }
+    ),
+    isConnectedAccount && showEdit && /* @__PURE__ */ jsx(CardFooter, { justify: "space-between", ...style?.footer, children: /* @__PURE__ */ jsxs(VStack, { w: "full", justify: "space-between", spacing: 4, children: [
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs(HStack, { w: "full", justify: "space-between", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "md",
+            width: "full",
+            height: "40px",
+            variant: "ghost",
+            leftIcon: /* @__PURE__ */ jsx(Icon, { as: FaEdit }),
+            onClick: onEditClick ?? (() => {
+            }),
+            children: t("Customize")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "md",
+            width: "full",
+            height: "40px",
+            variant: "ghost",
+            leftIcon: /* @__PURE__ */ jsx(Icon, { as: RiLogoutBoxLine }),
+            colorScheme: "red",
+            onClick: onLogout,
+            children: t("Logout")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
 };
 var SuccessfulOperationContent2 = ({
   txId,
@@ -17275,7 +17526,8 @@ var useLoginWithVeChain = () => {
       setConnectionCache({
         name: "VeChain",
         logoUrl: appsInfo?.[VECHAIN_PRIVY_APP_ID]?.logo_url,
-        appId: VECHAIN_PRIVY_APP_ID
+        appId: VECHAIN_PRIVY_APP_ID,
+        website: "https://governance.vebetterdao.org"
       });
     } catch (error) {
       throw handlePopupError({
@@ -17767,14 +18019,6 @@ var initializeI18n = (i18nInstance) => {
     }
   });
 };
-var DEFAULT_PRIVY_ECOSYSTEM_APP_IDS = [
-  "clz41gcg00e4ay75dmq3uzzgr",
-  //cleanify
-  "cm153hrup0817axti38avlfyg",
-  //greencart
-  "clv9sfos20j6x1431ga80d95f"
-  //mughsot
-];
 var VeChainKitContext = createContext(null);
 var useVeChainKitConfig = () => {
   const context = useContext(VeChainKitContext);
@@ -17850,7 +18094,7 @@ var VeChainKitProvider = (props) => {
     const userEcosystemMethods = validatedLoginMethods?.find(
       (method35) => method35.method === "ecosystem"
     );
-    return userEcosystemMethods?.allowedApps ?? DEFAULT_PRIVY_ECOSYSTEM_APP_IDS;
+    return userEcosystemMethods?.allowedApps ?? DEFAULT_PRIVY_ECOSYSTEM_APPS.map((app) => app.id);
   }, [validatedLoginMethods]);
   let privyAppId, privyClientId;
   if (!privy) {
@@ -17943,7 +18187,7 @@ var VeChainKitProvider = (props) => {
                   "--vdk-modal-width": "22rem",
                   "--vdk-modal-backdrop-filter": "blur(3px)",
                   "--vdk-border-dark-source-card": `1px solid ${"#ffffff0a"}`,
-                  "--vdk-border-light-source-card": `1px solid ${"#ebebeb"}`,
+                  "--vdk-border-light-source-card": `1px solid ${"#ebebeb"} !important`,
                   // Dark mode colors
                   "--vdk-color-dark-primary": "transparent",
                   "--vdk-color-dark-primary-hover": "rgba(255, 255, 255, 0.05)",
@@ -17986,7 +18230,7 @@ var variants = {
       overflowX: "hidden",
       maxHeight: "550px",
       borderRadius: "24px",
-      backgroundColor: props.colorMode === "dark" ? "#18181b" : "white"
+      backgroundColor: props.colorMode === "dark" ? "#1f1f1e" : "white"
     },
     closeButton: {
       borderRadius: "50%"
@@ -18012,7 +18256,7 @@ var variants = {
       pointerEvents: "auto",
       boxShadow: "0px 0px 10px 0px rgba(0, 0, 0, 0.1)",
       py: "10px",
-      backgroundColor: props.colorMode === "dark" ? "#18181b" : "white"
+      backgroundColor: props.colorMode === "dark" ? "#1f1f1e" : "white"
     },
     closeButton: {
       borderRadius: "50%",
@@ -18028,17 +18272,27 @@ var modalTheme = defineMultiStyleConfig({
     variant: "vechainKitBase"
   }
 });
-var { definePartsStyle: definePartsStyle2, defineMultiStyleConfig: defineMultiStyleConfig2 } = createMultiStyleConfigHelpers(modalAnatomy.keys);
+var { definePartsStyle: definePartsStyle2, defineMultiStyleConfig: defineMultiStyleConfig2 } = createMultiStyleConfigHelpers(cardAnatomy.keys);
 var variants2 = {
   vechainKitBase: (props) => definePartsStyle2({
+    container: {
+      backgroundColor: props.colorMode === "dark" ? "#1c1c1b" : "#f5f5f5",
+      borderRadius: "14px",
+      width: "full",
+      border: "none"
+    },
     body: {
-      borderRadius: "12px",
-      backgroundColor: props.colorMode === "dark" ? "#1f1f1e" : "white",
-      border: props.colorMode === "dark" ? "1px solid #2d2d2d" : "1px solid #eaeaea",
-      p: 5
+      p: 5,
+      width: "full"
+    },
+    header: {
+      p: 5,
+      width: "full",
+      borderRadius: "14px 14px 0 0"
     },
     footer: {
-      p: 5
+      width: "full",
+      borderRadius: "0 0 14px 14px"
     }
   }),
   featureAnnouncement: (props) => definePartsStyle2({
@@ -18154,28 +18408,22 @@ var variants3 = {
     },
     transition: "all 0.2s"
   })),
-  vechainKitSecondary: defineStyle(() => ({
+  vechainKitSecondary: defineStyle(({ colorMode }) => ({
     fontSize: "md",
     px: 4,
     width: "full",
     height: "60px",
     borderRadius: "xl",
-    bg: "transparent",
-    border: "1px solid",
-    borderColor: "gray.200",
-    color: "gray.700",
+    backgroundColor: colorMode === "dark" ? "#ffffff0a" : "blackAlpha.50",
     _hover: {
-      bg: "gray.50",
-      _disabled: {
-        bg: "transparent"
-      }
+      backgroundColor: colorMode === "dark" ? "#ffffff12" : "blackAlpha.200"
     },
+    border: "1px solid",
+    borderColor: "gray.200",
+    color: "blackAlpha.900",
     _dark: {
       borderColor: "whiteAlpha.200",
-      color: "whiteAlpha.900",
-      _hover: {
-        bg: "whiteAlpha.50"
-      }
+      color: "whiteAlpha.900"
     },
     transition: "all 0.2s"
   })),
@@ -18188,6 +18436,17 @@ var variants3 = {
     _hover: {
       backgroundColor: colorMode === "dark" ? "#ffffff12" : "blackAlpha.200"
     }
+  })),
+  actionButton: defineStyle(({ colorMode }) => ({
+    width: "full",
+    minHeight: "70px",
+    height: "fit-content",
+    backgroundColor: colorMode === "dark" ? "#ffffff0a" : "blackAlpha.50",
+    borderRadius: "xl",
+    _hover: {
+      backgroundColor: colorMode === "dark" ? "#ffffff12" : "blackAlpha.200"
+    },
+    transition: "all 0.2s"
   }))
 };
 var buttonTheme = defineStyleConfig({
@@ -18284,6 +18543,6 @@ var VechainKitThemeProvider = ({
   ] });
 };
 
-export { APP_SECURITY_LEVELS, AccessAndSecurityContent, AccessAndSecurityModalProvider, AccountAvatar, AccountCustomizationModalProvider, AccountDetailsButton, AccountMainContent, AccountModal, AccountModalProvider, AccountSelector, ActionButton, AddressDisplay, AddressDisplayCard, AssetButton, AssetsContent, AssetsSection, BalanceSection, BaseModal, BridgeContent, ChooseNameContent, ChooseNameModalProvider, ChooseNameSearchContent, ChooseNameSummaryContent, ConnectModal, ConnectModalProvider, ConnectPopover, ConnectionButton, CustomizationContent, CustomizationSummaryContent, DappKitButton, DomainRequiredAlert, ENS_TEXT_RECORDS, EcosystemButton, EcosystemModal, EmailLoginButton, EmbeddedWalletContent, ExchangeWarningAlert, ExploreEcosystemModalProvider, FAQContent, FAQModalProvider, FadeInView, FadeInViewFromBottom, FadeInViewFromLeft, FadeInViewFromRight, FeatureAnnouncementCard, LoginLoadingModal, LoginWithGoogleButton, MAX_IMAGE_SIZE, MainContent, ManageCustomTokenContent, ModalBackButton, ModalFAQButton, NFTMediaType, NotificationsModalProvider, PRICE_FEED_IDS, PasskeyLoginButton, PrivyButton, PrivyWalletProvider, ProfileCard, ProfileContent, ProfileModalProvider, QuickActionsSection, ReceiveModalProvider, ReceiveTokenContent, RoundState, ScrollToTopWrapper, SecurityLevel, SelectTokenContent, SendTokenContent, SendTokenModalProvider, SendTokenSummaryContent, SettingsContent, ShareButtons, SocialIcons, StickyFooterContainer, StickyHeaderContainer, SwapTokenContent, TransactionButtonAndStatus, TransactionModal, TransactionModalContent, TransactionModalProvider, TransactionToast, TransactionToastProvider, UpgradeSmartAccountContent, UpgradeSmartAccountModal, UpgradeSmartAccountModalProvider, VeChainKitContext, VeChainKitProvider, VeChainLoginButton, VeChainWithPrivyLoginButton, VePassportUserStatus, VechainKitThemeProvider, VersionFooter, WalletButton, WalletModalProvider, buildClaimRewardsTx, buildClaimRoundReward, compressImages, currentBlockQueryKey, fetchPrivyAppInfo, fetchPrivyStatus, fetchVechainDomain, getAccountAddress, getAccountAddressQueryKey, getAccountBalance, getAccountBalanceQueryKey, getAccountImplementationAddress, getAccountImplementationAddressQueryKey, getAccountVersion, getAccountVersionQueryKey, 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, getCurrentAccountImplementationVersion, getCurrentAccountImplementationVersionQueryKey, getCurrentAllocationsRoundId, getCurrentAllocationsRoundIdQueryKey, getCustomTokenBalance, getCustomTokenBalanceQueryKey, getCustomTokenInfo, getDelegateeQueryKey, getDelegatorQueryKey, getDomainsOfAddress, getDomainsOfAddressQueryKey, getEnsRecordExistsQueryKey, getEntitiesLinkedToPassportQueryKey, getEvents, getGMBaseUriQueryKey, getGMLevel, getGMbalanceQueryKey, getGetCumulativeScoreWithDecayQueryKey, getHasV1SmartAccount, getHasV1SmartAccountQueryKey, getHasVotedInRound, getHasVotedInRoundQueryKey, getIpfsImage, getIpfsImageQueryKey, getIpfsMetadata, getIpfsMetadataQueryKey, getIsBlacklistedQueryKey, getIsDeployed, getIsDeployedQueryKey, getIsDomainProtectedQueryKey, getIsEntityQueryKey, getIsNodeHolder, getIsNodeHolderQueryKey, getIsPassportQueryKey, getIsPersonAtTimepointQueryKey, getIsPersonQueryKey, getIsWhitelistedQueryKey, getLevelGradient, getLevelMultiplierQueryKey, getLevelOfTokenQueryKey, getNFTMetadataUri, getNFTMetadataUriQueryKey, getNodeCheckCooldownQueryKey, getNodeManagerQueryKey, getParticipatedInGovernance, getParticipatedInGovernanceQueryKey, getParticipationScoreThresholdQueryKey, getPassportForEntityQueryKey, getPassportToggleQueryKey, getPendingDelegationsQueryKeyDelegateePOV, getPendingDelegationsQueryKeyDelegatorPOV, getPendingLinkingsQueryKey, getPrivyAppInfoQueryKey, getResolverAddress, getResolverAddressQueryKey, getRoundReward, getRoundRewardQueryKey, getRoundXApps, getRoundXAppsQueryKey, getSecurityMultiplierQueryKey, getSmartAccount, getSmartAccountQueryKey, getTextRecords, getTextRecordsQueryKey, getThresholdParticipationScoreAtTimepointQueryKey, getThresholdParticipationScoreQueryKey, getTokenIdByAccount, getTokenIdByAccountQueryKey, getTokenInfo, getTokenUsdPrice, getTokenUsdPriceQueryKey, getTokensInfoByOwnerQueryKey, getUpgradeRequired, getUpgradeRequiredForAccount, getUpgradeRequiredForAccountQueryKey, getUpgradeRequiredQueryKey, 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, useAccessAndSecurityModal, useAccountBalance, useAccountCustomizationModal, useAccountImplementationAddress, useAccountLinking, useAccountModal, useAllocationAmount, useAllocationsRound, useAllocationsRoundState, useAllocationsRoundsEvents, useAppAdmin, useAppBalance, useAppExists, useAppSecurityLevel, useAppsEligibleInNextRound, useB3trDonated, useB3trToUpgrade, useBalances, useCall, useChooseNameModal, useClaimVeWorldSubdomain, useConnectModal, useCrossAppConnectionCache, useCurrentAccountImplementationVersion, useCurrentAllocationsRound, useCurrentAllocationsRoundId, useCurrentBlock, useEcosystemShortcuts, useEnsRecordExists, useExploreEcosystemModal, useFAQModal, useFeatureAnnouncement, useFetchAppInfo, useFetchPrivyStatus, useGMBaseUri, useGMbalance, useGetAccountAddress, useGetAccountVersion, useGetAvatar, useGetB3trBalance, useGetChainId, useGetCumulativeScoreWithDecay, useGetCustomTokenBalances, useGetCustomTokenInfo, useGetDelegatee, useGetDelegator, useGetDomainsOfAddress, useGetEntitiesLinkedToPassport, useGetNodeManager, useGetNodeUrl, useGetPassportForEntity, useGetPendingDelegationsDelegateePOV, useGetPendingDelegationsDelegatorPOV, useGetPendingLinkings, useGetResolverAddress, useGetTextRecords, useGetTokenUsdPrice, useGetTokensInfoByOwner, useGetUserEntitiesLinkedToPassport, useGetUserNode, useGetUserNodes, useGetUserPassportForEntity, useGetUserPendingLinkings, useGetVeDelegateBalance, useGetVot3Balance, useHasV1SmartAccount, useHasVotedInRound, useIpfsImage, useIpfsImageList, useIpfsMetadata, useIpfsMetadatas, useIsBlacklisted, useIsDomainProtected, useIsEntity, useIsGMclaimable, useIsNodeHolder, useIsPWA, useIsPassport, useIsPassportCheckEnabled, useIsPerson, useIsPersonAtTimepoint, useIsSmartAccountDeployed, useIsUserEntity, useIsUserPassport, useIsUserPerson, useIsWhitelisted, useLevelMultiplier, useLevelOfToken, useLocalStorage, useLoginModalContent, useLoginWithOAuth2 as useLoginWithOAuth, useLoginWithPasskey, useLoginWithVeChain, useMostVotedAppsInRound, useMultipleXAppRoundEarnings, useNFTImage, useNFTMetadataUri, useNotificationAlerts, useNotifications, useNotificationsModal, useParticipatedInGovernance, useParticipationScoreThreshold, usePassportChecks, usePrivyWalletProvider, useProfileModal, useReceiveModal, useRefreshBalances, useRefreshMetadata, useRoundEarnings, useRoundReward, useRoundXApps, useScrollToTop, useSecurityMultiplier, useSelectedGmNft, useSendTokenModal, useSendTransaction, useSignMessage2 as useSignMessage, useSignTypedData2 as useSignTypedData, useSingleImageUpload, useSmartAccount, useSmartAccountVersion, useThresholdParticipationScore, useThresholdParticipationScoreAtTimepoint, useTokenIdByAccount, useTransactionModal, useTransactionToast, useTransferERC20, useTransferVET, useTxReceipt, useUpdateTextRecord, useUpgradeRequired, useUpgradeRequiredForAccount, useUpgradeSmartAccount, useUpgradeSmartAccountModal, useUploadImages, useUserBotSignals, useUserDelegation, useUserRoundScore, useUserStatus, useUserTopVotedApps, useUserVotesInAllRounds, useUserVotesInRound, useVeChainKitConfig, useVechainDomain, useVotesInRound, useVotingRewards, useWallet, useWalletMetadata, useWalletModal2 as useWalletModal, useXApp, useXAppMetadata, useXAppRoundEarnings, useXAppTotalEarnings, useXAppVotes, useXAppVotesQf, useXApps, useXAppsMetadataBaseUri, useXAppsShares, useXNode, useXNodeCheckCooldown, useXNodes };
+export { APP_SECURITY_LEVELS, AccessAndSecurityContent, AccessAndSecurityModalProvider, AccountAvatar, AccountCustomizationModalProvider, AccountDetailsButton, AccountMainContent, AccountModal, AccountModalProvider, AccountSelector, ActionButton, AddressDisplay, AddressDisplayCard, AssetButton, AssetsContent, AssetsSection, BalanceSection, BaseModal, BridgeContent, ChooseNameContent, ChooseNameModalProvider, ChooseNameSearchContent, ChooseNameSummaryContent, ConnectModal, ConnectModalProvider, ConnectPopover, ConnectionButton, CrossAppConnectionSecurityCard, CustomizationContent, CustomizationSummaryContent, DappKitButton, DomainRequiredAlert, ENS_TEXT_RECORDS, EcosystemButton, EcosystemModal, EmailLoginButton, EmbeddedWalletContent, ExchangeWarningAlert, ExploreEcosystemModalProvider, FAQContent, FAQModalProvider, FadeInView, FadeInViewFromBottom, FadeInViewFromLeft, FadeInViewFromRight, FeatureAnnouncementCard, LoginLoadingModal, LoginWithGoogleButton, MAX_IMAGE_SIZE, MainContent, ManageCustomTokenContent, ModalBackButton, ModalFAQButton, NFTMediaType, NotificationsModalProvider, PRICE_FEED_IDS, PasskeyLoginButton, PrivyButton, PrivyWalletProvider, ProfileCard, ProfileContent, ProfileModalProvider, QuickActionsSection, ReceiveModalProvider, ReceiveTokenContent, RoundState, ScrollToTopWrapper, SecurityLevel, SelectTokenContent, SendTokenContent, SendTokenModalProvider, SendTokenSummaryContent, SettingsContent, ShareButtons, SocialIcons, StickyFooterContainer, StickyHeaderContainer, SwapTokenContent, TransactionButtonAndStatus, TransactionModal, TransactionModalContent, TransactionModalProvider, TransactionToast, TransactionToastProvider, UpgradeSmartAccountContent, UpgradeSmartAccountModal, UpgradeSmartAccountModalProvider, VeChainKitContext, VeChainKitProvider, VeChainLoginButton, VeChainWithPrivyLoginButton, VePassportUserStatus, VechainKitThemeProvider, VersionFooter, WalletButton, WalletModalProvider, buildClaimRewardsTx, buildClaimRoundReward, compressImages, currentBlockQueryKey, fetchPrivyAppInfo, fetchPrivyStatus, fetchVechainDomain, getAccountAddress, getAccountAddressQueryKey, getAccountBalance, getAccountBalanceQueryKey, getAccountImplementationAddress, getAccountImplementationAddressQueryKey, getAccountVersion, getAccountVersionQueryKey, getAllEvents, getAllocationAmount, getAllocationAmountQueryKey, getAllocationsRoundState, getAllocationsRoundStateQueryKey, getAllocationsRoundsEvents, getAllocationsRoundsEventsQueryKey, getAppAdmin, getAppAdminQueryKey, getAppBalance, getAppBalanceQueryKey, getAppExistsQueryKey, getAppSecurityLevelQueryKey, getAppsEligibleInNextRound, getAppsEligibleInNextRoundQueryKey, getAppsShareClauses, getAvatar, getAvatarOfAddressQueryKey, getAvatarQueryKey, getB3trBalance, getB3trBalanceQueryKey, getB3trDonatedQueryKey, getB3trToUpgradeQueryKey, getBalanceOf, getCallKey, getChainId, getChainIdQueryKey, getCurrentAccountImplementationVersion, getCurrentAccountImplementationVersionQueryKey, getCurrentAllocationsRoundId, getCurrentAllocationsRoundIdQueryKey, getCustomTokenBalance, getCustomTokenBalanceQueryKey, getCustomTokenInfo, getDelegateeQueryKey, getDelegatorQueryKey, getDomainsOfAddress, getDomainsOfAddressQueryKey, getEnsRecordExistsQueryKey, getEntitiesLinkedToPassportQueryKey, getEvents, getGMBaseUriQueryKey, getGMLevel, getGMbalanceQueryKey, getGetCumulativeScoreWithDecayQueryKey, getHasV1SmartAccount, getHasV1SmartAccountQueryKey, getHasVotedInRound, getHasVotedInRoundQueryKey, getIpfsImage, getIpfsImageQueryKey, getIpfsMetadata, getIpfsMetadataQueryKey, getIsBlacklistedQueryKey, getIsDeployed, getIsDeployedQueryKey, getIsDomainProtectedQueryKey, getIsEntityQueryKey, getIsNodeHolder, getIsNodeHolderQueryKey, getIsPassportQueryKey, getIsPersonAtTimepointQueryKey, getIsPersonQueryKey, getIsWhitelistedQueryKey, getLevelGradient, getLevelMultiplierQueryKey, getLevelOfTokenQueryKey, getNFTMetadataUri, getNFTMetadataUriQueryKey, getNodeCheckCooldownQueryKey, getNodeManagerQueryKey, getParticipatedInGovernance, getParticipatedInGovernanceQueryKey, getParticipationScoreThresholdQueryKey, getPassportForEntityQueryKey, getPassportToggleQueryKey, getPendingDelegationsQueryKeyDelegateePOV, getPendingDelegationsQueryKeyDelegatorPOV, getPendingLinkingsQueryKey, getPrivyAppInfoQueryKey, getResolverAddress, getResolverAddressQueryKey, getRoundReward, getRoundRewardQueryKey, getRoundXApps, getRoundXAppsQueryKey, getSecurityMultiplierQueryKey, getSmartAccount, getSmartAccountQueryKey, getTextRecords, getTextRecordsQueryKey, getThresholdParticipationScoreAtTimepointQueryKey, getThresholdParticipationScoreQueryKey, getTokenIdByAccount, getTokenIdByAccountQueryKey, getTokenInfo, getTokenUsdPrice, getTokenUsdPriceQueryKey, getTokensInfoByOwnerQueryKey, getUpgradeRequired, getUpgradeRequiredForAccount, getUpgradeRequiredForAccountQueryKey, getUpgradeRequiredQueryKey, 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, useAccessAndSecurityModal, useAccountBalance, useAccountCustomizationModal, useAccountImplementationAddress, useAccountLinking, useAccountModal, useAllocationAmount, useAllocationsRound, useAllocationsRoundState, useAllocationsRoundsEvents, useAppAdmin, useAppBalance, useAppExists, useAppSecurityLevel, useAppsEligibleInNextRound, useB3trDonated, useB3trToUpgrade, useBalances, useCall, useChooseNameModal, useClaimVeWorldSubdomain, useConnectModal, useCrossAppConnectionCache, useCurrentAccountImplementationVersion, useCurrentAllocationsRound, useCurrentAllocationsRoundId, useCurrentBlock, useEcosystemShortcuts, useEnsRecordExists, useExploreEcosystemModal, useFAQModal, useFeatureAnnouncement, useFetchAppInfo, useFetchPrivyStatus, useGMBaseUri, useGMbalance, useGetAccountAddress, useGetAccountVersion, useGetAvatar, useGetAvatarOfAddress, useGetB3trBalance, useGetChainId, useGetCumulativeScoreWithDecay, useGetCustomTokenBalances, useGetCustomTokenInfo, useGetDelegatee, useGetDelegator, useGetDomainsOfAddress, useGetEntitiesLinkedToPassport, useGetNodeManager, useGetNodeUrl, useGetPassportForEntity, useGetPendingDelegationsDelegateePOV, useGetPendingDelegationsDelegatorPOV, useGetPendingLinkings, useGetResolverAddress, useGetTextRecords, useGetTokenUsdPrice, useGetTokensInfoByOwner, useGetUserEntitiesLinkedToPassport, useGetUserNode, useGetUserNodes, useGetUserPassportForEntity, useGetUserPendingLinkings, useGetVeDelegateBalance, useGetVot3Balance, useHasV1SmartAccount, useHasVotedInRound, useIpfsImage, useIpfsImageList, useIpfsMetadata, useIpfsMetadatas, useIsBlacklisted, useIsDomainProtected, useIsEntity, useIsGMclaimable, useIsNodeHolder, useIsPWA, useIsPassport, useIsPassportCheckEnabled, useIsPerson, useIsPersonAtTimepoint, useIsSmartAccountDeployed, useIsUserEntity, useIsUserPassport, useIsUserPerson, useIsWhitelisted, useLevelMultiplier, useLevelOfToken, useLocalStorage, useLoginModalContent, useLoginWithOAuth2 as useLoginWithOAuth, useLoginWithPasskey, useLoginWithVeChain, useMostVotedAppsInRound, useMultipleXAppRoundEarnings, useNFTImage, useNFTMetadataUri, useNotificationAlerts, useNotifications, useNotificationsModal, useParticipatedInGovernance, useParticipationScoreThreshold, usePassportChecks, usePrivyWalletProvider, useProfileModal, useReceiveModal, useRefreshBalances, useRefreshMetadata, useRoundEarnings, useRoundReward, useRoundXApps, useScrollToTop, useSecurityMultiplier, useSelectedGmNft, useSendTokenModal, useSendTransaction, useSignMessage2 as useSignMessage, useSignTypedData2 as useSignTypedData, useSingleImageUpload, useSmartAccount, useSmartAccountVersion, useThresholdParticipationScore, useThresholdParticipationScoreAtTimepoint, useTokenIdByAccount, useTransactionModal, useTransactionToast, useTransferERC20, useTransferVET, useTxReceipt, useUpdateTextRecord, useUpgradeRequired, useUpgradeRequiredForAccount, useUpgradeSmartAccount, useUpgradeSmartAccountModal, useUploadImages, useUserBotSignals, useUserDelegation, useUserRoundScore, useUserStatus, useUserTopVotedApps, useUserVotesInAllRounds, useUserVotesInRound, useVeChainKitConfig, useVechainDomain, useVotesInRound, useVotingRewards, useWallet, useWalletMetadata, useWalletModal2 as useWalletModal, useXApp, useXAppMetadata, useXAppRoundEarnings, useXAppTotalEarnings, useXAppVotes, useXAppVotesQf, useXApps, useXAppsMetadataBaseUri, useXAppsShares, useXNode, useXNodeCheckCooldown, useXNodes };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map