@vechain/vechain-kit 1.4.0 → 1.4.2

package/dist/index.js

@@ -3,11 +3,11 @@ import { getConfig, humanNumber, NodeStrengthLevelToImage, allNodeStrengthLevelT
 export { getConfig } from './chunk-CDZXTDVH.js';
 import { SimpleAccountFactoryABI, VechainLogoHorizontal, VechainLogo, SimpleAccountABI, PrivyLogo } from './chunk-IGUWNKV2.js';
 import './chunk-PZ5AY32C.js';
-import React9, { createContext, useState, useEffect, useMemo, useCallback, useContext, useRef } from 'react';
+import React8, { createContext, useState, useEffect, useMemo, useCallback, useContext, useRef } from 'react';
 import { useLoginWithOAuth, usePrivy, useLoginWithPasskey as useLoginWithPasskey$1, useLoginWithEmail, PrivyProvider } from '@privy-io/react-auth';
 export { usePrivy } from '@privy-io/react-auth';
 import { useConnex, useWallet as useWallet$1, useWalletModal as useWalletModal$1, useVechainDomain as useVechainDomain$1, DAppKitProvider } from '@vechain/dapp-kit-react';
-export { useConnex } from '@vechain/dapp-kit-react';
+export { useConnex, useWallet as useDappKitWallet } from '@vechain/dapp-kit-react';
 import { defineChain, formatEther, parseEther, zeroAddress, keccak256, toBytes, concat, encodeFunctionData } from 'viem';
 import { ABIContract, Address, Clause } from '@vechain/sdk-core';
 import { ThorClient, ProviderInternalBaseWallet, VeChainProvider, signerUtils } from '@vechain/sdk-network';
@@ -22,23 +22,25 @@ import { z } from 'zod';
 import { useAccount, createConfig, http, WagmiProvider, useConnect, useSignTypedData, useSignMessage, useDisconnect } from 'wagmi';
 import { toPrivyWalletConnector } from '@privy-io/cross-app-connect/rainbow-kit';
 import { isSafari } from 'react-device-detect';
-import { createMultiStyleConfigHelpers, defineStyle, defineStyleConfig, extendTheme, createStandaloneToast, IconButton, VStack, Text, HStack, Icon, Link, Box, useMediaQuery, Modal, ModalOverlay, ModalContent, Button, Image, Skeleton, Spinner, useDisclosure, GridItem, Divider, InputGroup, InputLeftElement, Input, ModalHeader, ModalCloseButton, ModalBody, Stack, Grid, ModalFooter, useColorModeValue, Card, CardBody, Tag, Alert, AlertIcon, useColorMode, Heading, Tabs, TabList, Tab, TabPanels, TabPanel, Center, Container, InputRightElement, Select, Progress, PinInput, PinInputField, Accordion, AccordionItem, AccordionButton, AccordionPanel, List, ListItem, ChakraProvider, Flex, AlertDescription, Circle } from '@chakra-ui/react';
+import { createMultiStyleConfigHelpers, defineStyle, defineStyleConfig, extendTheme, createStandaloneToast, IconButton, VStack, Text, HStack, Icon, Link, Box, useMediaQuery, Modal, ModalOverlay, ModalContent, Button, Image, Skeleton, Spinner, useDisclosure, GridItem, Divider, InputGroup, InputLeftElement, Input, ModalHeader, ModalCloseButton, ModalBody, Stack, Grid, ModalFooter, useColorModeValue, Card, CardBody, Tag, Alert, AlertIcon, useColorMode, Heading, Tabs, TabList, Tab, TabPanels, TabPanel, CardFooter, Center, Container, InputRightElement, Select, Progress, PinInput, PinInputField, Accordion, AccordionItem, AccordionButton, AccordionPanel, List, ListItem, ChakraProvider, Flex, AlertDescription, Circle } from '@chakra-ui/react';
 import { motion } from 'framer-motion';
-import { IoChevronBack, IoCheckmarkOutline, IoCopyOutline, IoPlanet, IoCloseCircle, IoOpenOutline, IoChevronUp, IoChevronDown } from 'react-icons/io5';
+import { IoChevronBack, IoCheckmarkOutline, IoCopyOutline, IoCloseCircle, IoShieldOutline, IoOpenOutline, IoChevronUp, IoChevronDown } from 'react-icons/io5';
 import { BsQuestionCircle, BsBookmarkFill, BsBookmark } from 'react-icons/bs';
 import { FcGoogle, FcCheckmark } from 'react-icons/fc';
-import { IoIosFingerPrint } from 'react-icons/io';
+import { IoIosFingerPrint, IoMdApps } from 'react-icons/io';
 import { HiOutlineWallet } from 'react-icons/hi2';
 import { CiCircleMore, CiSearch } from 'react-icons/ci';
 import { LuMail } from 'react-icons/lu';
-import { MdOutlineNavigateNext, MdSwapHoriz, MdManageAccounts, MdOutlineErrorOutline, MdOutlineRefresh, MdEmail } from 'react-icons/md';
-import { BiBell, BiArchive } from 'react-icons/bi';
-import { RiLogoutBoxLine, RiTwitterXFill } from 'react-icons/ri';
+import { MdOutlineNavigateNext, MdSwapHoriz, MdOutlineErrorOutline, MdOutlineRefresh, MdEmail } from 'react-icons/md';
 import { VscRefresh, VscDebugDisconnect } from 'react-icons/vsc';
-import { FaRegArrowAltCircleDown, FaRegAddressCard, FaExternalLinkAlt, FaTelegramPlane, FaGoogle, FaEnvelope, FaTwitter, FaPhone, FaSpotify, FaApple, FaInstagram, FaTiktok, FaGithub, FaLinkedin, FaTelegram, FaDiscord, FaPlus, FaWallet } from 'react-icons/fa';
+import { FaRegArrowAltCircleDown, FaEdit, FaRegAddressCard, FaExternalLinkAlt, FaTelegramPlane, FaGoogle, FaEnvelope, FaTwitter, FaPhone, FaSpotify, FaApple, FaInstagram, FaTiktok, FaGithub, FaLinkedin, FaTelegram, FaDiscord, FaPlus, FaWallet } from 'react-icons/fa';
 import { FiSend, FiSlash, FiArrowDown } from 'react-icons/fi';
-import { GiHouseKeys, GiPaintBrush, GiConfirmed } from 'react-icons/gi';
+import { picasso } from '@vechain/picasso';
+import { GrUserAdmin } from 'react-icons/gr';
+import { RiLogoutBoxLine, RiTwitterXFill } from 'react-icons/ri';
+import { BiBell, BiArchive } from 'react-icons/bi';
 import { PiLineVertical } from 'react-icons/pi';
+import { GiHouseKeys, GiConfirmed } from 'react-icons/gi';
 import { QRCode } from 'react-qrcode-logo';
 import { GoLinkExternal } from 'react-icons/go';
 import { FaWhatsapp } from 'react-icons/fa6';
@@ -1778,7 +1780,7 @@ function getOrCreateQueryClient() {
 }
 var EnsureQueryClient = ({ children }) => {
   try {
-    const existingQueryClient = React9.useContext(QueryClientContext);
+    const existingQueryClient = React8.useContext(QueryClientContext);
     if (existingQueryClient) {
       return /* @__PURE__ */ jsx(Fragment, { children });
     }
@@ -4023,7 +4025,7 @@ var useSendTokenModal = () => {
 var SendTokenModalProvider = ({
   children
 }) => /* @__PURE__ */ jsx(Fragment, { children });
-var useEmbeddedWalletSettingsModal = () => {
+var useAccessAndSecurityModal = () => {
   const {
     openAccountModal,
     closeAccountModal,
@@ -4031,7 +4033,7 @@ var useEmbeddedWalletSettingsModal = () => {
     setAccountModalContent
   } = useVeChainKitConfig();
   const open = () => {
-    setAccountModalContent("embedded-wallet");
+    setAccountModalContent("access-and-security");
     openAccountModal();
   };
   const close = () => {
@@ -4043,7 +4045,7 @@ var useEmbeddedWalletSettingsModal = () => {
     isOpen: isAccountModalOpen
   };
 };
-var EmbeddedWalletSettingsModalProvider = ({
+var AccessAndSecurityModalProvider = ({
   children
 }) => /* @__PURE__ */ jsx(Fragment, { children });
 var useExploreEcosystemModal = () => {
@@ -5195,7 +5197,12 @@ var ModalBackButton = ({ onClick, ...props }) => {
     }
   );
 };
-var AddressDisplay = ({ wallet, label, size = "lg" }) => {
+var AddressDisplay = ({
+  wallet,
+  label,
+  size = "lg",
+  style
+}) => {
   const [copied, setCopied] = useState(false);
   const [copiedDomain, setCopiedDomain] = useState(false);
   const copyToClipboard = async (textToCopy, setCopied2) => {
@@ -5205,7 +5212,7 @@ var AddressDisplay = ({ wallet, label, size = "lg" }) => {
       setCopied2(false);
     }, 2e3);
   };
-  return /* @__PURE__ */ jsx(VStack, { w: "full", justifyContent: "center", children: /* @__PURE__ */ jsxs(VStack, { children: [
+  return /* @__PURE__ */ jsx(VStack, { w: "full", justifyContent: "center", ...style, children: /* @__PURE__ */ jsxs(VStack, { children: [
     label && /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.7, children: label }),
     wallet?.domain ? /* @__PURE__ */ jsxs(VStack, { children: [
       /* @__PURE__ */ jsxs(
@@ -5281,7 +5288,7 @@ var AddressDisplay = ({ wallet, label, size = "lg" }) => {
 // package.json
 var package_default = {
   name: "@vechain/vechain-kit",
-  version: "1.4.0",
+  version: "1.4.2",
   private: false,
   homepage: "https://github.com/vechain/vechain-kit",
   repository: "github:vechain/vechain-kit",
@@ -5765,7 +5772,7 @@ var SocialLoginButtons = ({
   const selfHostedPrivyLoginMethods = loginMethods?.filter(
     (method35) => method35.method === "email" || method35.method === "google"
   );
-  return /* @__PURE__ */ jsx(GridItem, { colSpan: gridColumn, w: "full", children: selfHostedPrivyLoginMethods?.map((loginMethod, index) => /* @__PURE__ */ jsxs(React9.Fragment, { children: [
+  return /* @__PURE__ */ jsx(GridItem, { colSpan: gridColumn, w: "full", children: selfHostedPrivyLoginMethods?.map((loginMethod, index) => /* @__PURE__ */ jsxs(React8.Fragment, { children: [
     loginMethod.method === "email" && /* @__PURE__ */ jsx(GridItem, { colSpan: 4, w: "full", children: /* @__PURE__ */ jsx(EmailLoginButton, {}) }),
     loginMethod.method === "google" && /* @__PURE__ */ jsx(GridItem, { colSpan: 4, w: "full", children: /* @__PURE__ */ jsx(
       ConnectionButton,
@@ -5855,8 +5862,8 @@ var EcosystemButton = ({
       {
         isDark,
         onClick: ecosystemModal.onOpen,
-        icon: IoPlanet,
-        text: gridColumn && gridColumn >= 2 ? t("Ecosystem") : void 0
+        icon: IoMdApps,
+        text: gridColumn && gridColumn >= 2 ? t("Other") : void 0
       }
     ) }),
     /* @__PURE__ */ jsx(
@@ -6364,7 +6371,7 @@ var MainContent = ({ setCurrentContent, onClose }) => {
             gridColumn: gridLayout.veChainColumn
           }
         )),
-        showPasskey && /* @__PURE__ */ jsx(
+        gridLayout.passkeyColumn && /* @__PURE__ */ jsx(
           PasskeyLoginButton,
           {
             isDark,
@@ -6482,21 +6489,10 @@ var ExchangeWarningAlert = () => {
     ] })
   ] }) }) });
 };
-var AccountMainContent = ({
-  setCurrentContent,
-  wallet,
-  onClose
-}) => {
+var AccountMainContent = ({ setCurrentContent, wallet }) => {
   const { t } = useTranslation();
   const { darkMode: isDark } = useVeChainKitConfig();
-  const { disconnect, connection, account } = useWallet();
-  const { getNotifications } = useNotifications();
-  const notifications = getNotifications();
-  const hasUnreadNotifications = notifications.some((n) => !n.isRead);
-  const handleDisconnect = () => {
-    disconnect();
-    onClose();
-  };
+  const { connection, account } = useWallet();
   return /* @__PURE__ */ jsxs(ScrollToTopWrapper, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(
@@ -6519,60 +6515,16 @@ var AccountMainContent = ({
           setCurrentContent
         }
       ),
-      /* @__PURE__ */ jsxs(HStack, { justify: "space-between", children: [
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            p: 2,
-            h: 9,
-            icon: /* @__PURE__ */ jsx(Icon, { boxSize: 5, as: RiLogoutBoxLine }),
-            "aria-label": "Disconnect",
-            variant: "vechainKitSelector",
-            onClick: () => setCurrentContent({
-              type: "disconnect-confirm",
-              props: {
-                onDisconnect: handleDisconnect,
-                onBack: () => setCurrentContent("main")
-              }
-            })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          AccountSelector,
-          {
-            mt: 0,
-            onClick: () => {
-              setCurrentContent("settings");
-            },
-            wallet
-          }
-        ),
-        /* @__PURE__ */ jsxs(Box, { position: "relative", children: [
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              p: 2,
-              h: 9,
-              variant: "vechainKitSelector",
-              "aria-label": "notifications",
-              icon: /* @__PURE__ */ jsx(Icon, { boxSize: 5, as: BiBell }),
-              onClick: () => setCurrentContent("notifications")
-            }
-          ),
-          hasUnreadNotifications && /* @__PURE__ */ jsx(
-            Box,
-            {
-              position: "absolute",
-              top: 1,
-              right: 1,
-              width: "8px",
-              height: "8px",
-              bg: "red.500",
-              borderRadius: "full"
-            }
-          )
-        ] })
-      ] }),
+      /* @__PURE__ */ jsx(
+        AccountSelector,
+        {
+          mt: 0,
+          onClick: () => {
+            setCurrentContent("settings");
+          },
+          wallet
+        }
+      ),
       /* @__PURE__ */ jsx(BalanceSection, { mt: 14 }),
       /* @__PURE__ */ jsx(
         QuickActionsSection,
@@ -6659,7 +6611,6 @@ var ActionButton = ({
   leftIcon,
   rightIcon,
   title,
-  description,
   onClick,
   leftImage,
   hide = false,
@@ -6670,7 +6621,8 @@ var ActionButton = ({
   stacked = false,
   isLoading,
   loadingText,
-  style
+  style,
+  extraContent
 }) => {
   const { t } = useTranslation();
   const { colorMode } = useColorMode();
@@ -6703,7 +6655,7 @@ var ActionButton = ({
             objectFit: "cover"
           }
         ) : /* @__PURE__ */ jsx(Icon, { as: leftIcon, fontSize: "25px" }) }),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(
           VStack,
           {
             textAlign: "left",
@@ -6711,26 +6663,11 @@ var ActionButton = ({
             flex: 1,
             justifyContent: "flex-start",
             alignItems: "flex-start",
-            children: [
-              /* @__PURE__ */ jsxs(HStack, { justify: "flex-start", children: [
-                /* @__PURE__ */ jsx(Text, { fontSize: "sm", fontWeight: "400", children: title }),
-                showComingSoon && /* @__PURE__ */ jsx(Tag, { size: "sm", colorScheme: "red", children: t("Coming Soon!") })
-              ] }),
-              /* @__PURE__ */ jsx(
-                Text,
-                {
-                  fontSize: "xs",
-                  fontWeight: "400",
-                  opacity: 0.5,
-                  overflowWrap: "break-word",
-                  wordBreak: "break-word",
-                  whiteSpace: "normal",
-                  w: "full",
-                  pr: rightIcon ? "0px" : "10px",
-                  children: description
-                }
-              )
-            ]
+            children: /* @__PURE__ */ jsxs(HStack, { justify: "flex-start", children: [
+              /* @__PURE__ */ jsx(Text, { fontSize: "sm", fontWeight: "400", children: title }),
+              showComingSoon && /* @__PURE__ */ jsx(Tag, { size: "sm", colorScheme: "red", children: t("Coming Soon!") }),
+              extraContent
+            ] })
           }
         ),
         rightIcon && /* @__PURE__ */ jsx(VStack, { minW: "40px", justifyContent: "flex-end", children: /* @__PURE__ */ jsx(Icon, { as: rightIcon, fontSize: "20px", opacity: 0.5 }) })
@@ -6744,13 +6681,13 @@ var AccountSelector = ({
   onClick,
   mt
 }) => {
-  return /* @__PURE__ */ jsx(HStack, { mt, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(HStack, { mt, w: "full", justify: "center", children: /* @__PURE__ */ jsx(
     Button,
     {
       w: "fit-content",
       p: 2,
       pl: 4,
-      h: 9,
+      h: 14,
       "aria-label": "Wallet",
       onClick,
       variant: "vechainKitSelector",
@@ -6759,10 +6696,10 @@ var AccountSelector = ({
           AccountAvatar,
           {
             wallet,
-            props: { width: 5, height: 5 }
+            props: { width: 10, height: 10 }
           }
         ),
-        /* @__PURE__ */ jsx(Text, { fontSize: size, fontWeight: "500", children: humanDomain(wallet?.domain ?? "", 6, 4) || humanAddress(wallet?.address ?? "", 6, 4) }),
+        /* @__PURE__ */ jsx(Text, { fontSize: size, fontWeight: "500", children: humanDomain(wallet?.domain ?? "", 20, 0) || humanAddress(wallet?.address ?? "", 6, 4) }),
         /* @__PURE__ */ jsx(
           Icon,
           {
@@ -6962,8 +6899,8 @@ var QuickActionsSection = ({ mt, setCurrentContent }) => {
         py: 3,
         fontSize: "xs",
         verticalAlign: "middle",
-        "aria-label": "Ecosystem",
-        icon: /* @__PURE__ */ jsx(Icon, { as: IoPlanet, boxSize: 5, opacity: 0.9 }),
+        "aria-label": "Apps",
+        icon: /* @__PURE__ */ jsx(Icon, { as: IoMdApps, boxSize: 5, opacity: 0.9 }),
         onClick: () => setCurrentContent("ecosystem")
       }
     ),
@@ -7016,267 +6953,174 @@ var QuickActionsSection = ({ mt, setCurrentContent }) => {
     )
   ] });
 };
-var NetworkInfo = () => {
+var Profile = ({ onEditClick }) => {
+  const { darkMode: isDark } = useVeChainKitConfig();
+  const { account } = useWallet();
+  const baseBackgroundColor = isDark ? "whiteAlpha.100" : "#00000005";
+  const headerImageSvg = picasso(account?.address ?? "");
+  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: `no-repeat url('data:image/svg+xml;utf8,${headerImageSvg}')`,
+            w: "100%",
+            borderRadius: "14px 14px 0 0"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            position: "absolute",
+            top: "30px",
+            left: "50%",
+            transform: "translateX(-50%)",
+            children: /* @__PURE__ */ jsx(
+              AccountAvatar,
+              {
+                wallet: account,
+                props: {
+                  width: "100px",
+                  height: "100px",
+                  boxShadow: "0px 0px 3px 2px #00000024"
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(CardBody, { pt: "14", pb: "6", backgroundColor: "none", border: "none", children: /* @__PURE__ */ jsx(AddressDisplay, { wallet: account }) }),
+        /* @__PURE__ */ jsx(CardFooter, { pt: 0, justify: "center", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            variant: "ghost",
+            leftIcon: /* @__PURE__ */ jsx(Icon, { as: FaEdit }),
+            onClick: onEditClick,
+            children: "Edit"
+          }
+        ) })
+      ]
+    }
+  );
+};
+var AccessAndSecurityContent = ({ setCurrentContent }) => {
   const { t } = useTranslation();
-  const { darkMode: isDark, network } = useVeChainKitConfig();
-  const { connection, smartAccount } = useWallet();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
-        t("Connection Type"),
-        ":"
-      ] }),
-      /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: connection.source.type })
-    ] }),
-    /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
-        t("Network"),
-        ":"
-      ] }),
-      /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: network.type })
-    ] }),
-    /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
-        t("Node URL"),
-        ":"
-      ] }),
-      /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: network.nodeUrl || getConfig(network.type).nodeUrl })
-    ] }),
-    connection.isConnectedWithPrivy ? /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
-        t("Smart Account"),
-        ":"
-      ] }),
-      /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: smartAccount.version ? `v${smartAccount.version}` : "v1" })
-    ] }) : smartAccount.isDeployed && /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs(
-        Text,
+  const { linkPasskey } = usePrivy();
+  const { darkMode: isDark, privy } = useVeChainKitConfig();
+  const { connection } = useWallet();
+  return /* @__PURE__ */ jsxs(ScrollToTopWrapper, { children: [
+    /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
+      /* @__PURE__ */ jsx(
+        ModalHeader,
         {
-          fontSize: "sm",
+          fontSize: "md",
+          fontWeight: "500",
+          textAlign: "center",
           color: isDark ? "#dfdfdd" : "#4d4d4d",
-          children: [
-            t("Smart Account"),
-            ":"
-          ]
+          children: t("Access and security")
         }
       ),
       /* @__PURE__ */ jsx(
-        Text,
+        ModalBackButton,
         {
-          fontSize: "sm",
-          color: isDark ? "#dfdfdd" : "#4d4d4d",
-          children: smartAccount.version ? `v${smartAccount.version}` : "v1"
+          onClick: () => setCurrentContent("settings")
         }
-      )
+      ),
+      /* @__PURE__ */ jsx(ModalCloseButton, {})
     ] }),
-    /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
-        t("VeChain Kit"),
-        ":"
-      ] }),
-      /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: package_default.version })
-    ] })
-  ] });
-};
-var CrossAppConnectionCard = ({ connectionCache }) => {
-  const { t } = useTranslation();
-  const { darkMode: isDark } = useVeChainKitConfig();
-  return /* @__PURE__ */ jsx(Fragment, { children: connectionCache.ecosystemApp && /* @__PURE__ */ jsxs(
-    VStack,
-    {
-      p: 4,
-      bg: isDark ? "#1a1a1a" : "#f5f5f5",
-      borderRadius: "xl",
-      spacing: 4,
-      w: "full",
-      children: [
-        /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsxs(
-            Text,
+    /* @__PURE__ */ jsx(ModalBody, { w: "full", children: /* @__PURE__ */ jsxs(
+      VStack,
+      {
+        justify: "center",
+        spacing: 3,
+        align: "flex-start",
+        w: "full",
+        children: [
+          /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
+            "Manage your embedded wallet security settings or back it up to a new device."
+          ) }),
+          /* @__PURE__ */ jsx(
+            ActionButton,
             {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: [
-                t("Logged in with"),
-                ":"
-              ]
+              title: t("Passkey"),
+              description: t(
+                "Enable one click login by adding a passkey to your account."
+              ),
+              onClick: () => {
+                linkPasskey();
+              },
+              leftIcon: IoIosFingerPrint,
+              rightIcon: void 0,
+              isDisabled: !privy?.allowPasskeyLinking
             }
           ),
           /* @__PURE__ */ jsx(
-            Text,
-            {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: connectionCache.ecosystemApp.name
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsxs(
-            Text,
+            ActionButton,
             {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: [
-                t("Connected at"),
-                ":"
-              ]
+              title: t("Login methods"),
+              description: t(
+                connection.isConnectedWithSocialLogin ? "View and manage the login methods linked to your wallet." : "Login methods can be managed only in the app securing your wallet."
+              ),
+              onClick: () => {
+                setCurrentContent("privy-linked-accounts");
+              },
+              isDisabled: !connection.isConnectedWithSocialLogin,
+              leftIcon: GrUserAdmin,
+              rightIcon: MdOutlineNavigateNext
             }
           ),
           /* @__PURE__ */ jsx(
-            Text,
+            ActionButton,
             {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: new Date(
-                connectionCache.timestamp
-              ).toLocaleString()
+              title: t("Embedded wallet"),
+              description: t(
+                connection.isConnectedWithSocialLogin ? "Store your Recovery Phrase or Private Key in a secure location, avoid losing access to your assets." : "Backup can be done only in the app securing your wallet."
+              ),
+              onClick: () => {
+                setCurrentContent("embedded-wallet");
+              },
+              leftIcon: HiOutlineWallet,
+              rightIcon: MdOutlineNavigateNext
             }
           )
-        ] }),
-        /* @__PURE__ */ jsx(NetworkInfo, {})
-      ]
-    }
-  ) });
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ModalFooter, { w: "full" })
+  ] });
 };
-var DappKitConnectionCard = () => {
-  const { t } = useTranslation();
-  const { source } = useWallet$1();
-  const { darkMode: isDark } = useVeChainKitConfig();
-  return /* @__PURE__ */ jsx(Fragment, { children: source && /* @__PURE__ */ jsxs(
-    VStack,
-    {
-      p: 4,
-      bg: isDark ? "#1a1a1a" : "#f5f5f5",
-      borderRadius: "xl",
-      spacing: 4,
-      w: "full",
-      justifyContent: "space-between",
-      children: [
-        /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsxs(
-            Text,
-            {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: [
-                t("Logged in with"),
-                ":"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Text,
-            {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: source
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(NetworkInfo, {})
-      ]
-    }
-  ) });
-};
-var PrivyConnectionCard = () => {
+var SettingsContent = ({
+  setCurrentContent,
+  onLogoutSuccess
+}) => {
+  const contentRef = useRef(null);
   const { t } = useTranslation();
   const { privy, darkMode: isDark } = useVeChainKitConfig();
-  const { data: appInfo, isLoading } = useFetchAppInfo(privy?.appId ?? "");
-  if (isLoading)
-    return /* @__PURE__ */ jsx(VStack, { w: "full", h: "full", justify: "center", align: "center", children: /* @__PURE__ */ jsx(Spinner, {}) });
-  return /* @__PURE__ */ jsx(Fragment, { children: appInfo && /* @__PURE__ */ jsxs(
-    VStack,
-    {
-      p: 4,
-      bg: isDark ? "#1a1a1a" : "#f5f5f5",
-      borderRadius: "xl",
-      spacing: 4,
-      w: "full",
-      justifyContent: "space-between",
-      children: [
-        /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsxs(
-            Text,
-            {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: [
-                t("Logged in with"),
-                ":"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Text,
-            {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: Object.values(appInfo)[0].name
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(NetworkInfo, {})
-      ]
-    }
-  ) });
-};
-var WalletSecuredBy = () => {
-  const { connection } = useWallet();
-  const { t } = useTranslation();
-  const { darkMode: isDark, privy } = useVeChainKitConfig();
+  const { connection, disconnect } = useWallet();
   const { getConnectionCache } = useCrossAppConnectionCache();
   const connectionCache = getConnectionCache();
-  return /* @__PURE__ */ jsxs(
-    VStack,
-    {
-      w: "full",
-      align: "stretch",
-      textAlign: "center",
-      mt: 5,
-      p: 3,
-      borderRadius: "lg",
-      bg: isDark ? "whiteAlpha.100" : "blackAlpha.50",
-      shadow: "sm",
-      children: [
-        /* @__PURE__ */ jsx(Text, { fontSize: "xs", fontWeight: "800", children: t("Wallet secured by") }),
-        /* @__PURE__ */ jsxs(HStack, { justify: "center", children: [
-          /* @__PURE__ */ jsx(PrivyLogo, { isDark, w: "50px" }),
-          /* @__PURE__ */ jsx(Icon, { as: PiLineVertical, ml: 2 }),
-          connection.isConnectedWithVeChain ? /* @__PURE__ */ jsx(VechainLogoHorizontal, { isDark, w: "69px" }) : connection.isConnectedWithCrossApp && connectionCache && /* @__PURE__ */ jsx(
-            Image,
-            {
-              src: connectionCache.ecosystemApp.logoUrl,
-              alt: connectionCache.ecosystemApp.name,
-              maxW: "40px",
-              borderRadius: "md"
-            }
-          ),
-          connection.isConnectedWithSocialLogin && !connection.isConnectedWithVeChain && /* @__PURE__ */ jsx(
-            Image,
-            {
-              src: privy?.appearance.logo,
-              alt: privy?.appearance.logo,
-              maxW: "40px",
-              borderRadius: "md"
-            }
-          )
-        ] })
-      ]
+  const { data: appInfo } = useFetchAppInfo(privy?.appId ?? "");
+  const { getNotifications } = useNotifications();
+  const notifications = getNotifications();
+  const hasUnreadNotifications = notifications.some((n) => !n.isRead);
+  useEffect(() => {
+    if (contentRef.current) {
+      contentRef.current.scrollTop = 0;
     }
-  );
-};
-var EmbeddedWalletContent = ({ setCurrentContent }) => {
-  const { t } = useTranslation();
-  const [showFullText, setShowFullText] = useState(false);
-  const { connectedWallet } = useWallet();
-  const { exportWallet } = usePrivy();
-  const walletImage = getPicassoImage(connectedWallet?.address ?? "");
-  const { getConnectionCache } = useCrossAppConnectionCache();
-  const { darkMode: isDark } = useVeChainKitConfig();
-  const { connection } = useWallet();
-  const connectionCache = getConnectionCache();
-  return /* @__PURE__ */ jsxs(ScrollToTopWrapper, { children: [
+  }, []);
+  return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(
         ModalHeader,
@@ -7285,268 +7129,103 @@ var EmbeddedWalletContent = ({ setCurrentContent }) => {
           fontWeight: "500",
           textAlign: "center",
           color: isDark ? "#dfdfdd" : "#4d4d4d",
-          children: t("Embedded Wallet")
+          children: t("Settings")
         }
       ),
+      /* @__PURE__ */ jsx(ModalBackButton, { onClick: () => setCurrentContent("main") }),
+      /* @__PURE__ */ jsx(ModalCloseButton, {})
+    ] }),
+    /* @__PURE__ */ jsxs(ModalBody, { w: "full", children: [
       /* @__PURE__ */ jsx(
-        ModalBackButton,
+        Profile,
         {
-          onClick: () => setCurrentContent("settings")
+          onEditClick: () => setCurrentContent("account-customization")
         }
       ),
-      /* @__PURE__ */ jsx(ModalCloseButton, {})
-    ] }),
-    /* @__PURE__ */ jsx(ModalBody, { w: "full", children: /* @__PURE__ */ jsxs(
-      VStack,
-      {
-        justify: "center",
-        spacing: 3,
-        align: "flex-start",
-        w: "full",
-        children: [
-          /* @__PURE__ */ jsxs(VStack, { justify: "center", align: "center", w: "full", children: [
-            /* @__PURE__ */ jsx(
-              Image,
-              {
-                src: walletImage,
-                maxW: "100px",
-                borderRadius: "50%"
-              }
+      /* @__PURE__ */ jsxs(VStack, { w: "full", spacing: 0, children: [
+        /* @__PURE__ */ jsx(
+          ActionButton,
+          {
+            style: {
+              marginTop: "10px",
+              borderBottomRadius: connection.isConnectedWithPrivy ? "0px" : "12px"
+            },
+            title: t("Connection details"),
+            description: t(
+              "View the details of your connection to this app."
             ),
-            /* @__PURE__ */ jsx(AddressDisplay, { wallet: connectedWallet })
-          ] }),
-          connection.isConnectedWithCrossApp && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
-              "This is your main wallet, created by {{element}} and secured by Privy.",
+            onClick: () => {
+              setCurrentContent("connection-details");
+            },
+            leftIcon: VscDebugDisconnect,
+            rightIcon: MdOutlineNavigateNext
+          }
+        ),
+        connection.isConnectedWithPrivy && /* @__PURE__ */ jsx(
+          ActionButton,
+          {
+            style: {
+              borderTopRadius: "0px"
+            },
+            title: t("Access and security"),
+            description: t(
+              "Manage your embedded wallet security settings or back it up to a new device."
+            ),
+            onClick: () => {
+              setCurrentContent("access-and-security");
+            },
+            leftIcon: IoShieldOutline,
+            rightIcon: MdOutlineNavigateNext
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ActionButton,
+          {
+            style: {
+              marginTop: "10px",
+              borderBottomRadius: "0px"
+            },
+            title: t("Notifications"),
+            description: t("View your notifications and updates."),
+            onClick: () => {
+              setCurrentContent("notifications");
+            },
+            leftIcon: BiBell,
+            rightIcon: MdOutlineNavigateNext,
+            extraContent: hasUnreadNotifications && /* @__PURE__ */ jsx(
+              Box,
               {
-                element: connectionCache?.ecosystemApp?.name
+                minWidth: "16px",
+                height: "16px",
+                bg: "red.500",
+                borderRadius: "full",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                ml: 2,
+                children: /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: "white", children: notifications.filter(
+                  (n) => !n.isRead
+                ).length })
               }
-            ) }),
-            showFullText && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
-                "This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions."
-              ) }),
-              /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
-                "Please be sure to keep this wallet safe and backed up."
-              ) })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Button,
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ActionButton,
+          {
+            title: t("Help"),
+            description: t(
+              "Still have some doubts? Check out our FAQs and learn more.",
               {
-                mt: 0,
-                variant: "link",
-                size: "sm",
-                onClick: () => setShowFullText(!showFullText),
-                color: "blue.500",
-                textAlign: "left",
-                children: t(showFullText ? "Show Less" : "Read More")
-              }
-            )
-          ] }),
-          connection.isConnectedWithSocialLogin && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
-              "You are using an Embedded Wallet secured by your social login method, ensuring a seamless VeChain experience."
-            ) }),
-            showFullText && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
-                "This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions."
-              ) }),
-              /* @__PURE__ */ jsxs(Text, { fontSize: "sm", opacity: 0.5, children: [
-                t(
-                  "We highly recommend exporting your private key to back up your wallet. This ensures you can restore it if needed or transfer it to self-custody using"
-                ),
-                /* @__PURE__ */ jsxs(
-                  Link,
-                  {
-                    href: "https://www.veworld.net/",
-                    isExternal: true,
-                    color: "gray.500",
-                    fontSize: "14px",
-                    textDecoration: "underline",
-                    children: [
-                      " ",
-                      t("VeWorld Wallet"),
-                      /* @__PURE__ */ jsx(Icon, { ml: 1, as: IoOpenOutline })
-                    ]
-                  }
-                ),
-                "."
-              ] }),
-              /* @__PURE__ */ jsxs(Text, { fontSize: "sm", opacity: 0.5, children: [
-                t("Click"),
-                " ",
-                /* @__PURE__ */ jsx(
-                  Link,
-                  {
-                    href: "https://docs.vechain-kit.vechain.org/vechain-kit/embedded-wallets",
-                    isExternal: true,
-                    color: "gray.500",
-                    fontSize: "14px",
-                    textDecoration: "underline",
-                    children: t("here")
-                  }
-                ),
-                " ",
-                t(
-                  "to learn more about embedded wallets."
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                mt: 0,
-                variant: "link",
-                size: "sm",
-                onClick: () => setShowFullText(!showFullText),
-                color: "blue.500",
-                textAlign: "left",
-                children: t(showFullText ? "Show Less" : "Read More")
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            ActionButton,
-            {
-              title: t("Backup your wallet"),
-              description: t(
-                connection.isConnectedWithSocialLogin ? "Store your Recovery Phrase or Private Key in a secure location, avoid losing access to your assets." : "Backup can be done only in the app securing your wallet."
-              ),
-              onClick: () => {
-                exportWallet();
-              },
-              isDisabled: !connection.isConnectedWithSocialLogin,
-              leftIcon: GiHouseKeys,
-              rightIcon: MdOutlineNavigateNext
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ActionButton,
-            {
-              title: t("Login methods"),
-              description: t(
-                connection.isConnectedWithSocialLogin ? "View and manage the login methods linked to your wallet." : "Login methods can be managed only in the app securing your wallet."
-              ),
-              onClick: () => {
-                setCurrentContent("privy-linked-accounts");
-              },
-              isDisabled: !connection.isConnectedWithSocialLogin,
-              leftIcon: MdManageAccounts,
-              rightIcon: MdOutlineNavigateNext
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(ModalFooter, { w: "full", children: /* @__PURE__ */ jsxs(VStack, { w: "full", children: [
-      /* @__PURE__ */ jsx(Divider, {}),
-      connection.isConnectedWithPrivy && /* @__PURE__ */ jsx(WalletSecuredBy, {})
-    ] }) })
-  ] });
-};
-var WalletSettingsContent = ({
-  setCurrentContent,
-  onLogoutSuccess
-}) => {
-  const contentRef = useRef(null);
-  const { t } = useTranslation();
-  const { privy, darkMode: isDark, network } = useVeChainKitConfig();
-  const { connection, disconnect, account } = useWallet();
-  const { getConnectionCache } = useCrossAppConnectionCache();
-  const connectionCache = getConnectionCache();
-  const { data: appInfo } = useFetchAppInfo(privy?.appId ?? "");
-  useEffect(() => {
-    if (contentRef.current) {
-      contentRef.current.scrollTop = 0;
-    }
-  }, []);
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
-      /* @__PURE__ */ jsx(
-        ModalHeader,
-        {
-          fontSize: "md",
-          fontWeight: "500",
-          textAlign: "center",
-          color: isDark ? "#dfdfdd" : "#4d4d4d",
-          children: t("Settings")
-        }
-      ),
-      /* @__PURE__ */ jsx(ModalBackButton, { onClick: () => setCurrentContent("main") }),
-      /* @__PURE__ */ jsx(ModalCloseButton, {})
-    ] }),
-    /* @__PURE__ */ jsxs(ModalBody, { w: "full", children: [
-      /* @__PURE__ */ jsxs(VStack, { justify: "center", children: [
-        /* @__PURE__ */ jsx(AccountAvatar, { wallet: account, props: { maxW: "100px" } }),
-        /* @__PURE__ */ jsx(AddressDisplay, { wallet: account }),
-        network.type !== "main" && /* @__PURE__ */ jsx(
-          Tag,
-          {
-            size: "sm",
-            colorScheme: "blue",
-            width: "fit-content",
-            justifyContent: "center",
-            padding: "10px",
-            children: network.type === "test" ? t("Testnet") : t("Unknown")
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(VStack, { mt: 10, w: "full", spacing: 3, children: [
-        /* @__PURE__ */ jsx(
-          ActionButton,
-          {
-            title: t("Connection Details"),
-            description: t(
-              "View the details of your connection to this app."
-            ),
-            onClick: () => {
-              setCurrentContent("connection-details");
-            },
-            leftIcon: VscDebugDisconnect,
-            rightIcon: MdOutlineNavigateNext
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ActionButton,
-          {
-            title: t("Customize account"),
-            description: t(
-              "Customize your account with a nickname and a picture to easily identify it."
-            ),
-            onClick: () => {
-              setCurrentContent("account-customization");
-            },
-            leftIcon: GiPaintBrush,
-            rightIcon: MdOutlineNavigateNext
-          }
-        ),
-        connection.isConnectedWithPrivy && /* @__PURE__ */ jsx(
-          ActionButton,
-          {
-            title: t("Embedded Wallet"),
-            description: t(
-              "Manage your embedded wallet security settings or back it up to a new device."
-            ),
-            onClick: () => {
-              setCurrentContent("embedded-wallet");
-            },
-            leftIcon: HiOutlineWallet,
-            rightIcon: MdOutlineNavigateNext
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ActionButton,
-          {
-            title: t("FAQs"),
-            description: t(
-              "Still have some doubts? Check out our FAQs and learn more.",
-              {
-                appName: connection.isConnectedWithCrossApp ? connectionCache?.ecosystemApp?.name : Object.values(appInfo ?? {})[0]?.name ?? ""
+                appName: connection.isConnectedWithCrossApp ? connectionCache?.ecosystemApp?.name : Object.values(appInfo ?? {})[0]?.name ?? ""
               }
             ),
             onClick: () => setCurrentContent("faq"),
             leftIcon: BsQuestionCircle,
-            rightIcon: MdOutlineNavigateNext
+            rightIcon: MdOutlineNavigateNext,
+            style: {
+              borderTopRadius: "0px"
+            }
           }
         )
       ] })
@@ -7554,10 +7233,16 @@ var WalletSettingsContent = ({
     /* @__PURE__ */ jsx(ModalFooter, { w: "full", children: /* @__PURE__ */ jsx(
       Button,
       {
-        onClick: () => {
-          disconnect();
-          onLogoutSuccess();
-        },
+        onClick: () => setCurrentContent({
+          type: "disconnect-confirm",
+          props: {
+            onDisconnect: () => {
+              disconnect();
+              onLogoutSuccess();
+            },
+            onBack: () => setCurrentContent("settings")
+          }
+        }),
         variant: "vechainKitSecondary",
         leftIcon: /* @__PURE__ */ jsx(RiLogoutBoxLine, { color: "#888888" }),
         children: t("Logout")
@@ -7611,8 +7296,379 @@ var AccountCustomizationContent = ({ setCurrentContent }) => {
     } finally {
       setIsUploading(false);
     }
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
+      /* @__PURE__ */ jsx(
+        ModalHeader,
+        {
+          fontSize: "md",
+          fontWeight: "500",
+          textAlign: "center",
+          color: isDark ? "#dfdfdd" : "#4d4d4d",
+          children: t("Customize Account")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ModalBackButton,
+        {
+          onClick: () => setCurrentContent("settings")
+        }
+      ),
+      /* @__PURE__ */ jsx(ModalCloseButton, {})
+    ] }),
+    /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 3, align: "center", children: [
+      /* @__PURE__ */ jsxs(
+        VStack,
+        {
+          spacing: 3,
+          w: "full",
+          justifyContent: "flex-start",
+          alignItems: "flex-start",
+          children: [
+            /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
+              "Customize your account with a unique .vet domain name and profile image to enhance your identity across VeChain applications."
+            ) }),
+            showFullText && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
+                "Your customizations are linked to your .vet domain name, making them portable across different applications."
+              ) }),
+              /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
+                "To get started with customization, first secure your .vet domain name. Once you have a domain, you can add a profile image that will be visible wherever you use your account."
+              ) }),
+              /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
+                "Changing your domain name will update also your profile image."
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                mt: 0,
+                variant: "link",
+                size: "sm",
+                onClick: () => setShowFullText(!showFullText),
+                color: "blue.500",
+                textAlign: "left",
+                children: t(showFullText ? "Show Less" : "Read More")
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ActionButton,
+        {
+          style: {
+            mt: 3
+          },
+          title: account?.domain ? account?.domain : t("Choose account name"),
+          description: t(
+            "Choose a unique .vet domain name for your account."
+          ),
+          onClick: () => {
+            if (account?.domain) {
+              setCurrentContent({
+                type: "choose-name-search",
+                props: {
+                  name: "",
+                  setCurrentContent
+                }
+              });
+            } else {
+              setCurrentContent("choose-name");
+            }
+          },
+          leftIcon: FaRegAddressCard,
+          rightIcon: MdOutlineNavigateNext
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ActionButton,
+        {
+          title: t("Update profile image"),
+          description: t(
+            !account?.domain ? "You can change your profile image only after you setup your domain name." : "Customize your account by adding a profile image, which will be displayed on the apps you use."
+          ),
+          onClick: () => fileInputRef.current?.click(),
+          leftImage: account?.image,
+          isLoading: isUploading || isProcessing,
+          isDisabled: !account?.domain,
+          loadingText: isUploading ? t("Uploading image") : t("Setting image")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "file",
+          ref: fileInputRef,
+          hidden: true,
+          accept: "image/*",
+          onChange: async (event) => await handleImageUpload(event)
+        }
+      )
+    ] }) })
+  ] });
+};
+var NetworkInfo = () => {
+  const { t } = useTranslation();
+  const { darkMode: isDark, network } = useVeChainKitConfig();
+  const { connection, smartAccount } = useWallet();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
+        t("Connection Type"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: connection.source.type })
+    ] }),
+    /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
+        t("Network"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: network.type })
+    ] }),
+    /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
+        t("Node URL"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: network.nodeUrl || getConfig(network.type).nodeUrl })
+    ] }),
+    connection.isConnectedWithPrivy ? /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
+        t("Smart Account"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: smartAccount.version ? `v${smartAccount.version}` : "v1" })
+    ] }) : smartAccount.isDeployed && /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs(
+        Text,
+        {
+          fontSize: "sm",
+          color: isDark ? "#dfdfdd" : "#4d4d4d",
+          children: [
+            t("Smart Account"),
+            ":"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          fontSize: "sm",
+          color: isDark ? "#dfdfdd" : "#4d4d4d",
+          children: smartAccount.version ? `v${smartAccount.version}` : "v1"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
+        t("VeChain Kit"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: package_default.version })
+    ] })
+  ] });
+};
+var CrossAppConnectionCard = ({ connectionCache }) => {
+  const { t } = useTranslation();
+  const { darkMode: isDark } = useVeChainKitConfig();
+  return /* @__PURE__ */ jsx(Fragment, { children: connectionCache.ecosystemApp && /* @__PURE__ */ jsxs(
+    VStack,
+    {
+      p: 4,
+      bg: isDark ? "#1a1a1a" : "#f5f5f5",
+      borderRadius: "xl",
+      spacing: 4,
+      w: "full",
+      children: [
+        /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsxs(
+            Text,
+            {
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: [
+                t("Logged in with"),
+                ":"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: connectionCache.ecosystemApp.name
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsxs(
+            Text,
+            {
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: [
+                t("Connected at"),
+                ":"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: new Date(
+                connectionCache.timestamp
+              ).toLocaleString()
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(NetworkInfo, {})
+      ]
+    }
+  ) });
+};
+var DappKitConnectionCard = () => {
+  const { t } = useTranslation();
+  const { source } = useWallet$1();
+  const { darkMode: isDark } = useVeChainKitConfig();
+  return /* @__PURE__ */ jsx(Fragment, { children: source && /* @__PURE__ */ jsxs(
+    VStack,
+    {
+      p: 4,
+      bg: isDark ? "#1a1a1a" : "#f5f5f5",
+      borderRadius: "xl",
+      spacing: 4,
+      w: "full",
+      justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsxs(
+            Text,
+            {
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: [
+                t("Logged in with"),
+                ":"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: source
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(NetworkInfo, {})
+      ]
+    }
+  ) });
+};
+var PrivyConnectionCard = () => {
+  const { t } = useTranslation();
+  const { privy, darkMode: isDark } = useVeChainKitConfig();
+  const { data: appInfo, isLoading } = useFetchAppInfo(privy?.appId ?? "");
+  if (isLoading)
+    return /* @__PURE__ */ jsx(VStack, { w: "full", h: "full", justify: "center", align: "center", children: /* @__PURE__ */ jsx(Spinner, {}) });
+  return /* @__PURE__ */ jsx(Fragment, { children: appInfo && /* @__PURE__ */ jsxs(
+    VStack,
+    {
+      p: 4,
+      bg: isDark ? "#1a1a1a" : "#f5f5f5",
+      borderRadius: "xl",
+      spacing: 4,
+      w: "full",
+      justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsxs(
+            Text,
+            {
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: [
+                t("Logged in with"),
+                ":"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: Object.values(appInfo)[0].name
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(NetworkInfo, {})
+      ]
+    }
+  ) });
+};
+var WalletSecuredBy = () => {
+  const { connection } = useWallet();
+  const { t } = useTranslation();
+  const { darkMode: isDark, privy } = useVeChainKitConfig();
+  const { getConnectionCache } = useCrossAppConnectionCache();
+  const connectionCache = getConnectionCache();
+  return /* @__PURE__ */ jsxs(
+    VStack,
+    {
+      w: "full",
+      align: "stretch",
+      textAlign: "center",
+      mt: 5,
+      p: 3,
+      borderRadius: "lg",
+      bg: isDark ? "whiteAlpha.100" : "blackAlpha.50",
+      shadow: "sm",
+      children: [
+        /* @__PURE__ */ jsx(Text, { fontSize: "xs", fontWeight: "800", children: t("Wallet secured by") }),
+        /* @__PURE__ */ jsxs(HStack, { justify: "center", children: [
+          /* @__PURE__ */ jsx(PrivyLogo, { isDark, w: "50px" }),
+          /* @__PURE__ */ jsx(Icon, { as: PiLineVertical, ml: 2 }),
+          connection.isConnectedWithVeChain ? /* @__PURE__ */ jsx(VechainLogoHorizontal, { isDark, w: "69px" }) : connection.isConnectedWithCrossApp && connectionCache && /* @__PURE__ */ jsx(
+            Image,
+            {
+              src: connectionCache.ecosystemApp.logoUrl,
+              alt: connectionCache.ecosystemApp.name,
+              maxW: "40px",
+              borderRadius: "md"
+            }
+          ),
+          connection.isConnectedWithSocialLogin && !connection.isConnectedWithVeChain && /* @__PURE__ */ jsx(
+            Image,
+            {
+              src: privy?.appearance.logo,
+              alt: privy?.appearance.logo,
+              maxW: "40px",
+              borderRadius: "md"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var EmbeddedWalletContent = ({ setCurrentContent }) => {
+  const { t } = useTranslation();
+  const { connectedWallet, connection } = useWallet();
+  const [showFullText, setShowFullText] = useState(false);
+  const walletImage = getPicassoImage(connectedWallet?.address ?? "");
+  const { getConnectionCache } = useCrossAppConnectionCache();
+  const connectionCache = getConnectionCache();
+  const { darkMode: isDark } = useVeChainKitConfig();
+  const { exportWallet } = usePrivy();
+  return /* @__PURE__ */ jsxs(ScrollToTopWrapper, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(
         ModalHeader,
@@ -7621,38 +7677,49 @@ var AccountCustomizationContent = ({ setCurrentContent }) => {
           fontWeight: "500",
           textAlign: "center",
           color: isDark ? "#dfdfdd" : "#4d4d4d",
-          children: t("Customize Account")
+          children: t("Embedded wallet")
         }
       ),
       /* @__PURE__ */ jsx(
         ModalBackButton,
         {
-          onClick: () => setCurrentContent("settings")
+          onClick: () => setCurrentContent("access-and-security")
         }
       ),
       /* @__PURE__ */ jsx(ModalCloseButton, {})
     ] }),
-    /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 3, align: "center", children: [
-      /* @__PURE__ */ jsxs(
-        VStack,
-        {
-          spacing: 3,
-          w: "full",
-          justifyContent: "flex-start",
-          alignItems: "flex-start",
-          children: [
+    /* @__PURE__ */ jsx(ModalBody, { w: "full", children: /* @__PURE__ */ jsxs(
+      VStack,
+      {
+        justify: "center",
+        spacing: 3,
+        align: "flex-start",
+        w: "full",
+        children: [
+          /* @__PURE__ */ jsxs(VStack, { justify: "center", align: "center", w: "full", children: [
+            /* @__PURE__ */ jsx(
+              Image,
+              {
+                src: walletImage,
+                maxW: "100px",
+                borderRadius: "50%"
+              }
+            ),
+            /* @__PURE__ */ jsx(AddressDisplay, { wallet: connectedWallet })
+          ] }),
+          connection.isConnectedWithCrossApp && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
-              "Customize your account with a unique .vet domain name and profile image to enhance your identity across VeChain applications."
+              "This is your main wallet, created by {{element}} and secured by Privy.",
+              {
+                element: connectionCache?.ecosystemApp?.name
+              }
             ) }),
             showFullText && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
-                "Your customizations are linked to your .vet domain name, making them portable across different applications."
-              ) }),
-              /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
-                "To get started with customization, first secure your .vet domain name. Once you have a domain, you can add a profile image that will be visible wherever you use your account."
+                "This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions."
               ) }),
               /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
-                "Changing your domain name will update also your profile image."
+                "Please be sure to keep this wallet safe and backed up."
               ) })
             ] }),
             /* @__PURE__ */ jsx(
@@ -7667,60 +7734,89 @@ var AccountCustomizationContent = ({ setCurrentContent }) => {
                 children: t(showFullText ? "Show Less" : "Read More")
               }
             )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        ActionButton,
-        {
-          style: {
-            mt: 3
-          },
-          title: account?.domain ? account?.domain : t("Choose account name"),
-          description: t(
-            "Choose a unique .vet domain name for your account."
-          ),
-          onClick: () => {
-            if (account?.domain) {
-              setCurrentContent({
-                type: "choose-name-search",
-                props: {
-                  name: "",
-                  setCurrentContent
-                }
-              });
-            } else {
-              setCurrentContent("choose-name");
+          ] }),
+          connection.isConnectedWithSocialLogin && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
+              "You are using an Embedded Wallet secured by your social login method, ensuring a seamless VeChain experience."
+            ) }),
+            showFullText && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, children: t(
+                "This wallet is the owner of your smart account, which is used as your identity and as a gateway for your blockchain interactions."
+              ) }),
+              /* @__PURE__ */ jsxs(Text, { fontSize: "sm", opacity: 0.5, children: [
+                t(
+                  "We highly recommend exporting your private key to back up your wallet. This ensures you can restore it if needed or transfer it to self-custody using"
+                ),
+                /* @__PURE__ */ jsxs(
+                  Link,
+                  {
+                    href: "https://www.veworld.net/",
+                    isExternal: true,
+                    color: "gray.500",
+                    fontSize: "14px",
+                    textDecoration: "underline",
+                    children: [
+                      " ",
+                      t("VeWorld Wallet"),
+                      /* @__PURE__ */ jsx(Icon, { ml: 1, as: IoOpenOutline })
+                    ]
+                  }
+                ),
+                "."
+              ] }),
+              /* @__PURE__ */ jsxs(Text, { fontSize: "sm", opacity: 0.5, children: [
+                t("Click"),
+                " ",
+                /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    href: "https://docs.vechain-kit.vechain.org/vechain-kit/embedded-wallets",
+                    isExternal: true,
+                    color: "gray.500",
+                    fontSize: "14px",
+                    textDecoration: "underline",
+                    children: t("here")
+                  }
+                ),
+                " ",
+                t(
+                  "to learn more about embedded wallets."
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                mt: 0,
+                variant: "link",
+                size: "sm",
+                onClick: () => setShowFullText(!showFullText),
+                color: "blue.500",
+                textAlign: "left",
+                children: t(showFullText ? "Show Less" : "Read More")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            ActionButton,
+            {
+              title: t("Backup your wallet"),
+              description: t(
+                connection.isConnectedWithSocialLogin ? "Store your Recovery Phrase or Private Key in a secure location, avoid losing access to your assets." : "Backup can be done only in the app securing your wallet."
+              ),
+              onClick: () => {
+                exportWallet();
+              },
+              isDisabled: !connection.isConnectedWithSocialLogin,
+              leftIcon: GiHouseKeys
             }
-          },
-          leftIcon: FaRegAddressCard,
-          rightIcon: MdOutlineNavigateNext
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        ActionButton,
-        {
-          title: t("Update profile image"),
-          description: t(
-            !account?.domain ? "You can change your profile image only after you setup your domain name." : "Customize your account by adding a profile image, which will be displayed on the apps you use."
-          ),
-          onClick: () => fileInputRef.current?.click(),
-          leftImage: account?.image,
-          isLoading: isUploading || isProcessing,
-          isDisabled: !account?.domain,
-          loadingText: isUploading ? t("Uploading image") : t("Setting image")
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "file",
-          ref: fileInputRef,
-          hidden: true,
-          accept: "image/*",
-          onChange: async (event) => await handleImageUpload(event)
-        }
-      )
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ModalFooter, { w: "full", children: /* @__PURE__ */ jsxs(VStack, { w: "full", children: [
+      /* @__PURE__ */ jsx(Divider, {}),
+      connection.isConnectedWithPrivy && /* @__PURE__ */ jsx(WalletSecuredBy, {})
     ] }) })
   ] });
 };
@@ -9903,7 +9999,18 @@ var en_default = {
   "{{element}} website": "{{element}} website",
   "{{name}}": "{{name}}",
   "Sending to OceanX or other exchanges may result in loss of funds.": "Sending to OceanX or other exchanges may result in loss of funds.",
-  "Send the tokens to your VeWorld wallet first.": "Send the tokens to your VeWorld wallet first."
+  "Send the tokens to your VeWorld wallet first.": "Send the tokens to your VeWorld wallet first.",
+  "Sign in with a wallet from other x2earn apps.": "Sign in with a wallet from other x2earn apps.",
+  "Select an app": "Select an app",
+  Other: "Other",
+  Apps: "Apps",
+  "View your notifications and updates.": "View your notifications and updates.",
+  "Access and security": "Access and security",
+  "Connection details": "Connection details",
+  "Customize profile": "Customize profile",
+  Help: "Help",
+  "Add Passkey": "Add Passkey",
+  "Embedded wallet": "Embedded wallet"
 };
 
 // src/languages/de.json
@@ -12016,7 +12123,7 @@ var FAQContent = ({ onGoBack }) => {
           fontWeight: "500",
           textAlign: "center",
           color: isDark ? "#dfdfdd" : "#4d4d4d",
-          children: t("Info")
+          children: t("Help")
         }
       ),
       /* @__PURE__ */ jsx(ModalBackButton, { onClick: onGoBack }),
@@ -12102,7 +12209,6 @@ var ConnectionDetailsContent = ({ onGoBack }) => {
   const { getConnectionCache } = useCrossAppConnectionCache();
   const { privy, darkMode: isDark } = useVeChainKitConfig();
   const { connection } = useWallet();
-  const { source } = useWallet$1();
   const { data: appInfo } = useFetchAppInfo(privy?.appId ?? "");
   const connectionCache = getConnectionCache();
   return /* @__PURE__ */ jsxs(ScrollToTopWrapper, { children: [
@@ -12130,23 +12236,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__ */ jsxs(VStack, { align: "stretch", textAlign: "center", mt: 5, children: [
-        /* @__PURE__ */ jsx(DappKitConnectionCard, {}),
-        /* @__PURE__ */ jsx(
-          Text,
-          {
-            fontSize: "sm",
-            opacity: 0.5,
-            textAlign: "center",
-            children: t(
-              "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} app or extension to manage your security settings.",
-              {
-                element: source
-              }
-            )
-          }
-        )
-      ] }),
+      connection.isConnectedWithDappKit && /* @__PURE__ */ jsx(VStack, { align: "stretch", textAlign: "center", mt: 5, children: /* @__PURE__ */ jsx(DappKitConnectionCard, {}) }),
       (connection.isConnectedWithSocialLogin || connection.isConnectedWithCrossApp) && /* @__PURE__ */ jsxs(VStack, { spacing: 4, mt: 5, children: [
         /* @__PURE__ */ jsx(Divider, {}),
         /* @__PURE__ */ jsxs(
@@ -12418,22 +12508,7 @@ var PrivyLinkedAccounts = ({ onBack }) => {
         ),
         /* @__PURE__ */ jsx(ModalCloseButton, {})
       ] }),
-      /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 3, align: "stretch", children: [
-        /* @__PURE__ */ jsx(
-          ActionButton,
-          {
-            title: t("Handle Passkey Login"),
-            description: t(
-              "Enable one click login by adding a passkey to your account."
-            ),
-            onClick: () => {
-              linkPasskey();
-            },
-            leftIcon: IoIosFingerPrint,
-            rightIcon: void 0,
-            isDisabled: !privy?.allowPasskeyLinking
-          }
-        ),
+      /* @__PURE__ */ jsx(ModalBody, { w: "full", children: /* @__PURE__ */ jsxs(VStack, { spacing: 3, align: "stretch", w: "full", children: [
         canLinkGoogle && /* @__PURE__ */ jsx(
           ActionButton,
           {
@@ -12841,9 +12916,14 @@ var NotificationsContent = ({ setCurrentContent }) => {
     if (b.id === "multiclause") return 1;
     return b.timestamp - a.timestamp;
   });
-  return /* @__PURE__ */ jsxs(Box, { children: [
+  return /* @__PURE__ */ jsxs(ScrollToTopWrapper, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
-      /* @__PURE__ */ jsx(ModalBackButton, { onClick: () => setCurrentContent("main") }),
+      /* @__PURE__ */ jsx(
+        ModalBackButton,
+        {
+          onClick: () => setCurrentContent("settings")
+        }
+      ),
       /* @__PURE__ */ jsx(
         ModalHeader,
         {
@@ -12856,7 +12936,7 @@ var NotificationsContent = ({ setCurrentContent }) => {
       ),
       /* @__PURE__ */ jsx(ModalCloseButton, {})
     ] }),
-    /* @__PURE__ */ jsxs(Container, { maxW: "container.lg", h: "350px", children: [
+    /* @__PURE__ */ jsxs(Container, { maxW: "container.lg", h: ["auto", "540px"], children: [
       /* @__PURE__ */ jsx(ModalBody, { w: "full", children: /* @__PURE__ */ jsxs(VStack, { spacing: 4, align: "stretch", w: "full", children: [
         /* @__PURE__ */ jsxs(HStack, { justify: "space-between", children: [
           /* @__PURE__ */ jsx(
@@ -13083,7 +13163,7 @@ var ExploreEcosystemContent = ({ setCurrentContent }) => {
           fontWeight: "500",
           textAlign: "center",
           color: isDark ? "#dfdfdd" : "#4d4d4d",
-          children: t("VeChain Ecosystem")
+          children: t("Apps")
         }
       ),
       /* @__PURE__ */ jsx(ModalBackButton, { onClick: () => setCurrentContent("main") }),
@@ -13330,7 +13410,7 @@ var AccountModal = ({
         );
       case "settings":
         return /* @__PURE__ */ jsx(
-          WalletSettingsContent,
+          SettingsContent,
           {
             setCurrentContent,
             onLogoutSuccess: onClose
@@ -13343,9 +13423,9 @@ var AccountModal = ({
             setCurrentContent
           }
         );
-      case "embedded-wallet":
+      case "access-and-security":
         return /* @__PURE__ */ jsx(
-          EmbeddedWalletContent,
+          AccessAndSecurityContent,
           {
             setCurrentContent
           }
@@ -13379,7 +13459,7 @@ var AccountModal = ({
         return /* @__PURE__ */ jsx(
           PrivyLinkedAccounts,
           {
-            onBack: () => setCurrentContent("embedded-wallet")
+            onBack: () => setCurrentContent("access-and-security")
           }
         );
       case "ecosystem":
@@ -13396,6 +13476,13 @@ var AccountModal = ({
             setCurrentContent
           }
         );
+      case "embedded-wallet":
+        return /* @__PURE__ */ jsx(
+          EmbeddedWalletContent,
+          {
+            setCurrentContent
+          }
+        );
     }
   };
   return /* @__PURE__ */ jsx(
@@ -13830,9 +13917,9 @@ var LoadingContent = ({
 }) => {
   const { t } = useTranslation();
   const { darkMode: isDark } = useVeChainKitConfig();
-  const [showTimeout, setShowTimeout] = React9.useState(false);
-  const [showSafariMessage, setShowSafariMessage] = React9.useState(false);
-  React9.useEffect(() => {
+  const [showTimeout, setShowTimeout] = React8.useState(false);
+  const [showSafariMessage, setShowSafariMessage] = React8.useState(false);
+  React8.useEffect(() => {
     if (isSafari) {
       setShowSafariMessage(true);
     }
@@ -14018,8 +14105,8 @@ var EcosystemContent = ({ onClose, appsInfo, isLoading }) => {
             display: "flex",
             gap: 2,
             children: [
-              /* @__PURE__ */ jsx(Icon, { as: IoPlanet, size: "20px" }),
-              t("Ecosystem Login")
+              /* @__PURE__ */ jsx(Icon, { as: IoMdApps, size: "20px" }),
+              t("Select an app")
             ]
           }
         ),
@@ -14034,9 +14121,7 @@ var EcosystemContent = ({ onClose, appsInfo, isLoading }) => {
             opacity: 0.5,
             mb: 4,
             textAlign: "center",
-            children: t(
-              "Use your existing VeChain wallet from other ecosystem apps to sign in seamlessly."
-            )
+            children: t("Sign in with a wallet from other x2earn apps.")
           }
         ),
         isLoading && /* @__PURE__ */ jsx(
@@ -14153,8 +14238,6 @@ var initializeI18n = (i18nInstance) => {
   });
 };
 var DEFAULT_PRIVY_ECOSYSTEM_APP_IDS = [
-  "cm4wxxujb022fyujl7g0thb21",
-  //vechain
   "clz41gcg00e4ay75dmq3uzzgr",
   //cleanify
   "cm153hrup0817axti38avlfyg"
@@ -14219,10 +14302,6 @@ var VeChainKitProvider = ({
     );
     return userEcosystemMethods?.allowedApps ?? DEFAULT_PRIVY_ECOSYSTEM_APP_IDS;
   }, [loginMethods]);
-  const privyLoginMethods = [
-    ...privy?.loginMethods ?? [],
-    ...allowedEcosystemApps.map((appID) => `privy:${appID}`)
-  ];
   let privyAppId, privyClientId;
   if (!privy) {
     privyAppId = "clzdb5k0b02b9qvzjm6jpknsc";
@@ -14286,7 +14365,7 @@ var VeChainKitProvider = ({
             config: {
               loginMethodsAndOrder: {
                 // @ts-ignore
-                primary: privyLoginMethods
+                primary: privy?.loginMethods ?? []
               },
               appearance: {
                 theme: darkMode ? "dark" : "light",
@@ -14591,6 +14670,6 @@ var VechainKitThemeProvider = ({
   ] });
 };
 
-export { APP_SECURITY_LEVELS, AccountAvatar, AccountCustomizationContent, AccountCustomizationModalProvider, AccountDetailsButton, AccountMainContent, AccountModal, AccountModalProvider, AccountSelector, ActionButton, AddressDisplay, AddressDisplayCard, AssetButton, AssetsSection, BalanceSection, BaseModal, ChooseNameContent, ChooseNameModalProvider, ChooseNameSearchContent, ChooseNameSummaryContent, ConnectModal, ConnectModalProvider, ConnectionButton, DappKitButton, EcosystemButton, EcosystemModal, EmailLoginButton, EmbeddedWalletContent, EmbeddedWalletSettingsModalProvider, ExchangeWarningAlert, ExploreEcosystemModalProvider, FAQContent, FAQModalProvider, FadeInView, FadeInViewFromBottom, FadeInViewFromLeft, FadeInViewFromRight, FeatureAnnouncementCard, LoginLoadingModal, MAX_IMAGE_SIZE, MainContent, ModalBackButton, ModalFAQButton, NFTMediaType, NotificationsModalProvider, PRICE_FEED_IDS, PasskeyLoginButton, PrivyButton, PrivyWalletProvider, QuickActionsSection, ReceiveModalProvider, ReceiveTokenContent, RoundState, ScrollToTopWrapper, SecurityLevel, SelectTokenContent, SendTokenContent, SendTokenModalProvider, SendTokenSummaryContent, SocialLoginButtons, StickyFooterContainer, StickyHeaderContainer, SwapTokenContent, TransactionModal, TransactionModalProvider, TransactionToast, TransactionToastProvider, VeChainKitContext, VeChainKitProvider, VeChainLoginButton, VeChainWithPrivyLoginButton, VePassportUserStatus, VechainKitThemeProvider, VersionFooter, WalletButton, WalletModalProvider, WalletSettingsContent, buildClaimRewardsTx, buildClaimRoundReward, compressImages, currentBlockQueryKey, fetchPrivyAppInfo, fetchVechainDomain, getAccountBalance, getAccountBalanceQueryKey, getAllEvents, getAllocationAmount, getAllocationAmountQueryKey, getAllocationsRoundState, getAllocationsRoundStateQueryKey, getAllocationsRoundsEvents, getAllocationsRoundsEventsQueryKey, getAppAdmin, getAppAdminQueryKey, getAppBalance, getAppBalanceQueryKey, getAppExistsQueryKey, getAppSecurityLevelQueryKey, getAppsEligibleInNextRound, getAppsEligibleInNextRoundQueryKey, getAppsShareClauses, getAvatar, getAvatarQueryKey, getB3trBalance, getB3trBalanceQueryKey, getB3trDonatedQueryKey, getB3trToUpgradeQueryKey, getBalanceOf, getCallKey, getChainId, getChainIdQueryKey, getCurrentAllocationsRoundId, getCurrentAllocationsRoundIdQueryKey, getDelegateeQueryKey, getDelegatorQueryKey, getDomainsOfAddress, getDomainsOfAddressQueryKey, getEnsRecordExistsQueryKey, getEntitiesLinkedToPassportQueryKey, getEvents, getGMBaseUriQueryKey, getGMLevel, getGMbalanceQueryKey, getGetCumulativeScoreWithDecayQueryKey, getHasVotedInRound, getHasVotedInRoundQueryKey, getIpfsImage, getIpfsImageQueryKey, getIpfsMetadata, getIpfsMetadataQueryKey, getIsBlacklistedQueryKey, getIsDomainProtectedQueryKey, getIsEntityQueryKey, getIsNodeHolder, getIsNodeHolderQueryKey, getIsPassportQueryKey, getIsPersonAtTimepointQueryKey, getIsPersonQueryKey, getIsWhitelistedQueryKey, getLevelGradient, getLevelMultiplierQueryKey, getLevelOfTokenQueryKey, getNFTMetadataUri, getNFTMetadataUriQueryKey, getNodeCheckCooldownQueryKey, getNodeManagerQueryKey, getParticipatedInGovernance, getParticipatedInGovernanceQueryKey, getParticipationScoreThresholdQueryKey, getPassportForEntityQueryKey, getPassportToggleQueryKey, getPendingDelegationsQueryKeyDelegateePOV, getPendingDelegationsQueryKeyDelegatorPOV, getPendingLinkingsQueryKey, getPrivyAppInfoQueryKey, getRoundReward, getRoundRewardQueryKey, getRoundXApps, getRoundXAppsQueryKey, getSecurityMultiplierQueryKey, getSmartAccount, getSmartAccountQueryKey, getThresholdParticipationScoreAtTimepointQueryKey, getThresholdParticipationScoreQueryKey, getTokenIdByAccount, getTokenIdByAccountQueryKey, getTokenUsdPrice, getTokenUsdPriceQueryKey, getTokensInfoByOwnerQueryKey, getUserBotSignalsQueryKey, getUserNodesQueryKey, getUserRoundScoreQueryKey, getUserVotesInRound, getUserVotesInRoundQueryKey, getUserXNodes, getUserXNodesQueryKey, getVeDelegateBalance, getVeDelegateBalanceQueryKey, getVechainDomainQueryKey, getVersion, getVersionQueryKey, getVot3Balance, getVot3BalanceQueryKey, getVotesInRoundQueryKey, getXAppMetadata, getXAppMetadataQueryKey, getXAppRoundEarnings, getXAppRoundEarningsQueryKey, getXAppTotalEarningsClauses, getXAppTotalEarningsQueryKey, getXAppVotes, getXAppVotesQf, getXAppVotesQfQueryKey, getXAppVotesQueryKey, getXApps, getXAppsMetadataBaseUri, getXAppsMetadataBaseUriQueryKey, getXAppsQueryKey, getXAppsSharesQueryKey, imageCompressionOptions, pollForReceipt, useAccountBalance, useAccountCustomizationModal, useAccountLinking, useAccountModal, useAllocationAmount, useAllocationsRound, useAllocationsRoundState, useAllocationsRoundsEvents, useAppAdmin, useAppBalance, useAppExists, useAppSecurityLevel, useAppsEligibleInNextRound, useB3trDonated, useB3trToUpgrade, useBalances, useCall, useChooseNameModal, useClaimVeWorldSubdomain, useConnectModal, useContractVersion, useCrossAppConnectionCache, useCurrentAllocationsRound, useCurrentAllocationsRoundId, useCurrentBlock, useEcosystemShortcuts, useEmbeddedWalletSettingsModal, useEnsRecordExists, useExploreEcosystemModal, useFAQModal, useFeatureAnnouncement, useFetchAppInfo, useGMBaseUri, useGMbalance, useGetAvatar, useGetB3trBalance, useGetChainId, useGetCumulativeScoreWithDecay, useGetDelegatee, useGetDelegator, useGetDomainsOfAddress, useGetEntitiesLinkedToPassport, useGetNodeManager, useGetNodeUrl, useGetPassportForEntity, useGetPendingDelegationsDelegateePOV, useGetPendingDelegationsDelegatorPOV, useGetPendingLinkings, useGetTokenUsdPrice, useGetTokensInfoByOwner, useGetUserEntitiesLinkedToPassport, useGetUserNode, useGetUserNodes, useGetUserPassportForEntity, useGetUserPendingLinkings, useGetVeDelegateBalance, useGetVot3Balance, useHasVotedInRound, useIpfsImage, useIpfsImageList, useIpfsMetadata, useIpfsMetadatas, useIsBlacklisted, useIsDomainProtected, useIsEntity, useIsGMclaimable, useIsNodeHolder, useIsPWA, useIsPassport, useIsPassportCheckEnabled, useIsPerson, useIsPersonAtTimepoint, useIsUserEntity, useIsUserPassport, useIsUserPerson, useIsWhitelisted, useLevelMultiplier, useLevelOfToken, useLocalStorage, useLoginModalContent, useLoginWithOAuth2 as useLoginWithOAuth, useLoginWithPasskey, useLoginWithVeChain, useMostVotedAppsInRound, useMultipleXAppRoundEarnings, useNFTImage, useNFTMetadataUri, useNotificationAlerts, useNotifications, useNotificationsModal, useParticipatedInGovernance, useParticipationScoreThreshold, usePassportChecks, usePrivyWalletProvider, useReceiveModal, useRefreshBalances, useRoundEarnings, useRoundReward, useRoundXApps, useScrollToTop, useSecurityMultiplier, useSelectedGmNft, useSendTokenModal, useSendTransaction, useSignMessage2 as useSignMessage, useSignTypedData2 as useSignTypedData, useSingleImageUpload, useSmartAccount, useThresholdParticipationScore, useThresholdParticipationScoreAtTimepoint, useTokenIdByAccount, useTransactionModal, useTransactionToast, useTransferERC20, useTransferVET, useTxReceipt, useUpdateAvatarRecord, useUploadImages, useUserBotSignals, useUserDelegation, useUserRoundScore, useUserStatus, useUserTopVotedApps, useUserVotesInAllRounds, useUserVotesInRound, useVeChainKitConfig, useVechainDomain, useVotesInRound, useVotingRewards, useWallet, useWalletModal, useXApp, useXAppMetadata, useXAppRoundEarnings, useXAppTotalEarnings, useXAppVotes, useXAppVotesQf, useXApps, useXAppsMetadataBaseUri, useXAppsShares, useXNode, useXNodeCheckCooldown, useXNodes };
+export { APP_SECURITY_LEVELS, AccessAndSecurityContent, AccessAndSecurityModalProvider, AccountAvatar, AccountCustomizationContent, AccountCustomizationModalProvider, AccountDetailsButton, AccountMainContent, AccountModal, AccountModalProvider, AccountSelector, ActionButton, AddressDisplay, AddressDisplayCard, AssetButton, AssetsSection, BalanceSection, BaseModal, ChooseNameContent, ChooseNameModalProvider, ChooseNameSearchContent, ChooseNameSummaryContent, ConnectModal, ConnectModalProvider, ConnectionButton, DappKitButton, EcosystemButton, EcosystemModal, EmailLoginButton, EmbeddedWalletContent, ExchangeWarningAlert, ExploreEcosystemModalProvider, FAQContent, FAQModalProvider, FadeInView, FadeInViewFromBottom, FadeInViewFromLeft, FadeInViewFromRight, FeatureAnnouncementCard, LoginLoadingModal, MAX_IMAGE_SIZE, MainContent, ModalBackButton, ModalFAQButton, NFTMediaType, NotificationsModalProvider, PRICE_FEED_IDS, PasskeyLoginButton, PrivyButton, PrivyWalletProvider, Profile, QuickActionsSection, ReceiveModalProvider, ReceiveTokenContent, RoundState, ScrollToTopWrapper, SecurityLevel, SelectTokenContent, SendTokenContent, SendTokenModalProvider, SendTokenSummaryContent, SettingsContent, SocialLoginButtons, StickyFooterContainer, StickyHeaderContainer, SwapTokenContent, TransactionModal, TransactionModalProvider, TransactionToast, TransactionToastProvider, VeChainKitContext, VeChainKitProvider, VeChainLoginButton, VeChainWithPrivyLoginButton, VePassportUserStatus, VechainKitThemeProvider, VersionFooter, WalletButton, WalletModalProvider, buildClaimRewardsTx, buildClaimRoundReward, compressImages, currentBlockQueryKey, fetchPrivyAppInfo, fetchVechainDomain, getAccountBalance, getAccountBalanceQueryKey, getAllEvents, getAllocationAmount, getAllocationAmountQueryKey, getAllocationsRoundState, getAllocationsRoundStateQueryKey, getAllocationsRoundsEvents, getAllocationsRoundsEventsQueryKey, getAppAdmin, getAppAdminQueryKey, getAppBalance, getAppBalanceQueryKey, getAppExistsQueryKey, getAppSecurityLevelQueryKey, getAppsEligibleInNextRound, getAppsEligibleInNextRoundQueryKey, getAppsShareClauses, getAvatar, getAvatarQueryKey, getB3trBalance, getB3trBalanceQueryKey, getB3trDonatedQueryKey, getB3trToUpgradeQueryKey, getBalanceOf, getCallKey, getChainId, getChainIdQueryKey, getCurrentAllocationsRoundId, getCurrentAllocationsRoundIdQueryKey, getDelegateeQueryKey, getDelegatorQueryKey, getDomainsOfAddress, getDomainsOfAddressQueryKey, getEnsRecordExistsQueryKey, getEntitiesLinkedToPassportQueryKey, getEvents, getGMBaseUriQueryKey, getGMLevel, getGMbalanceQueryKey, getGetCumulativeScoreWithDecayQueryKey, getHasVotedInRound, getHasVotedInRoundQueryKey, getIpfsImage, getIpfsImageQueryKey, getIpfsMetadata, getIpfsMetadataQueryKey, getIsBlacklistedQueryKey, getIsDomainProtectedQueryKey, getIsEntityQueryKey, getIsNodeHolder, getIsNodeHolderQueryKey, getIsPassportQueryKey, getIsPersonAtTimepointQueryKey, getIsPersonQueryKey, getIsWhitelistedQueryKey, getLevelGradient, getLevelMultiplierQueryKey, getLevelOfTokenQueryKey, getNFTMetadataUri, getNFTMetadataUriQueryKey, getNodeCheckCooldownQueryKey, getNodeManagerQueryKey, getParticipatedInGovernance, getParticipatedInGovernanceQueryKey, getParticipationScoreThresholdQueryKey, getPassportForEntityQueryKey, getPassportToggleQueryKey, getPendingDelegationsQueryKeyDelegateePOV, getPendingDelegationsQueryKeyDelegatorPOV, getPendingLinkingsQueryKey, getPrivyAppInfoQueryKey, getRoundReward, getRoundRewardQueryKey, getRoundXApps, getRoundXAppsQueryKey, getSecurityMultiplierQueryKey, getSmartAccount, getSmartAccountQueryKey, getThresholdParticipationScoreAtTimepointQueryKey, getThresholdParticipationScoreQueryKey, getTokenIdByAccount, getTokenIdByAccountQueryKey, getTokenUsdPrice, getTokenUsdPriceQueryKey, getTokensInfoByOwnerQueryKey, getUserBotSignalsQueryKey, getUserNodesQueryKey, getUserRoundScoreQueryKey, getUserVotesInRound, getUserVotesInRoundQueryKey, getUserXNodes, getUserXNodesQueryKey, getVeDelegateBalance, getVeDelegateBalanceQueryKey, getVechainDomainQueryKey, getVersion, getVersionQueryKey, getVot3Balance, getVot3BalanceQueryKey, getVotesInRoundQueryKey, getXAppMetadata, getXAppMetadataQueryKey, getXAppRoundEarnings, getXAppRoundEarningsQueryKey, getXAppTotalEarningsClauses, getXAppTotalEarningsQueryKey, getXAppVotes, getXAppVotesQf, getXAppVotesQfQueryKey, getXAppVotesQueryKey, getXApps, getXAppsMetadataBaseUri, getXAppsMetadataBaseUriQueryKey, getXAppsQueryKey, getXAppsSharesQueryKey, imageCompressionOptions, pollForReceipt, useAccessAndSecurityModal, useAccountBalance, useAccountCustomizationModal, useAccountLinking, useAccountModal, useAllocationAmount, useAllocationsRound, useAllocationsRoundState, useAllocationsRoundsEvents, useAppAdmin, useAppBalance, useAppExists, useAppSecurityLevel, useAppsEligibleInNextRound, useB3trDonated, useB3trToUpgrade, useBalances, useCall, useChooseNameModal, useClaimVeWorldSubdomain, useConnectModal, useContractVersion, useCrossAppConnectionCache, useCurrentAllocationsRound, useCurrentAllocationsRoundId, useCurrentBlock, useEcosystemShortcuts, useEnsRecordExists, useExploreEcosystemModal, useFAQModal, useFeatureAnnouncement, useFetchAppInfo, useGMBaseUri, useGMbalance, useGetAvatar, useGetB3trBalance, useGetChainId, useGetCumulativeScoreWithDecay, useGetDelegatee, useGetDelegator, useGetDomainsOfAddress, useGetEntitiesLinkedToPassport, useGetNodeManager, useGetNodeUrl, useGetPassportForEntity, useGetPendingDelegationsDelegateePOV, useGetPendingDelegationsDelegatorPOV, useGetPendingLinkings, useGetTokenUsdPrice, useGetTokensInfoByOwner, useGetUserEntitiesLinkedToPassport, useGetUserNode, useGetUserNodes, useGetUserPassportForEntity, useGetUserPendingLinkings, useGetVeDelegateBalance, useGetVot3Balance, useHasVotedInRound, useIpfsImage, useIpfsImageList, useIpfsMetadata, useIpfsMetadatas, useIsBlacklisted, useIsDomainProtected, useIsEntity, useIsGMclaimable, useIsNodeHolder, useIsPWA, useIsPassport, useIsPassportCheckEnabled, useIsPerson, useIsPersonAtTimepoint, useIsUserEntity, useIsUserPassport, useIsUserPerson, useIsWhitelisted, useLevelMultiplier, useLevelOfToken, useLocalStorage, useLoginModalContent, useLoginWithOAuth2 as useLoginWithOAuth, useLoginWithPasskey, useLoginWithVeChain, useMostVotedAppsInRound, useMultipleXAppRoundEarnings, useNFTImage, useNFTMetadataUri, useNotificationAlerts, useNotifications, useNotificationsModal, useParticipatedInGovernance, useParticipationScoreThreshold, usePassportChecks, usePrivyWalletProvider, useReceiveModal, useRefreshBalances, useRoundEarnings, useRoundReward, useRoundXApps, useScrollToTop, useSecurityMultiplier, useSelectedGmNft, useSendTokenModal, useSendTransaction, useSignMessage2 as useSignMessage, useSignTypedData2 as useSignTypedData, useSingleImageUpload, useSmartAccount, useThresholdParticipationScore, useThresholdParticipationScoreAtTimepoint, useTokenIdByAccount, useTransactionModal, useTransactionToast, useTransferERC20, useTransferVET, useTxReceipt, useUpdateAvatarRecord, useUploadImages, useUserBotSignals, useUserDelegation, useUserRoundScore, useUserStatus, useUserTopVotedApps, useUserVotesInAllRounds, useUserVotesInRound, useVeChainKitConfig, useVechainDomain, useVotesInRound, useVotingRewards, useWallet, useWalletModal, useXApp, useXAppMetadata, useXAppRoundEarnings, useXAppTotalEarnings, useXAppVotes, useXAppVotesQf, useXApps, useXAppsMetadataBaseUri, useXAppsShares, useXNode, useXNodeCheckCooldown, useXNodes };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map