@vechain/vechain-kit 1.2.2 → 1.2.4

package/dist/index.cjs

@@ -31,11 +31,11 @@ var lu = require('react-icons/lu');
 var md = require('react-icons/md');
 var bi = require('react-icons/bi');
 var ri = require('react-icons/ri');
-var pi = require('react-icons/pi');
 var vsc = require('react-icons/vsc');
 var fa = require('react-icons/fa');
 var fi = require('react-icons/fi');
 var gi = require('react-icons/gi');
+var pi = require('react-icons/pi');
 var reactQrcodeLogo = require('react-qrcode-logo');
 var go = require('react-icons/go');
 var fa6 = require('react-icons/fa6');
@@ -3025,6 +3025,9 @@ var useWallet = () => {
   const smartAccountDomain = useVechainDomain(smartAccount?.address ?? "").data?.domain;
   const embeddedWalletDomain = useVechainDomain(privyEmbeddedWallet ?? "").data?.domain;
   const crossAppAccountDomain = useVechainDomain(crossAppAddress ?? "").data?.domain;
+  const { data: smartAccountVersion } = useContractVersion(
+    smartAccount?.address ?? ""
+  );
   const disconnect = React9.useCallback(async () => {
     try {
       setIsConnected(false);
@@ -3057,7 +3060,8 @@ var useWallet = () => {
       domain: smartAccountDomain,
       image: chunkVUMG5BY2_cjs.getPicassoImage(smartAccount?.address ?? ""),
       isDeployed: smartAccount?.isDeployed ?? false,
-      isActive: hasActiveSmartAccount
+      isActive: hasActiveSmartAccount,
+      version: smartAccountVersion ?? null
     },
     dappKitWallet: isConnectedWithDappKit ? {
       address: dappKitAccount,
@@ -3275,6 +3279,147 @@ var useWalletModal = () => {
   return { open, close, isOpen };
 };
 var WalletModalProvider = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+var useChooseNameModal = () => {
+  const {
+    openAccountModal,
+    closeAccountModal,
+    isAccountModalOpen,
+    setAccountModalContent
+  } = useVeChainKitConfig();
+  const open = () => {
+    setAccountModalContent("choose-name");
+    openAccountModal();
+  };
+  const close = () => {
+    closeAccountModal();
+  };
+  return {
+    open,
+    close,
+    isOpen: isAccountModalOpen
+  };
+};
+var ChooseNameModalProvider = ({
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+var useSendTokenModal = () => {
+  const {
+    openAccountModal,
+    closeAccountModal,
+    isAccountModalOpen,
+    setAccountModalContent
+  } = useVeChainKitConfig();
+  const open = () => {
+    setAccountModalContent({
+      type: "send-token",
+      props: {
+        setCurrentContent: setAccountModalContent
+      }
+    });
+    openAccountModal();
+  };
+  const close = () => {
+    closeAccountModal();
+  };
+  return {
+    open,
+    close,
+    isOpen: isAccountModalOpen
+  };
+};
+var SendTokenModalProvider = ({
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+var useEmbeddedWalletSettingsModal = () => {
+  const {
+    openAccountModal,
+    closeAccountModal,
+    isAccountModalOpen,
+    setAccountModalContent
+  } = useVeChainKitConfig();
+  const open = () => {
+    setAccountModalContent("embedded-wallet");
+    openAccountModal();
+  };
+  const close = () => {
+    closeAccountModal();
+  };
+  return {
+    open,
+    close,
+    isOpen: isAccountModalOpen
+  };
+};
+var EmbeddedWalletSettingsModalProvider = ({
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+var useExploreEcosystemModal = () => {
+  const {
+    openAccountModal,
+    closeAccountModal,
+    isAccountModalOpen,
+    setAccountModalContent
+  } = useVeChainKitConfig();
+  const open = () => {
+    setAccountModalContent("ecosystem");
+    openAccountModal();
+  };
+  const close = () => {
+    closeAccountModal();
+  };
+  return {
+    open,
+    close,
+    isOpen: isAccountModalOpen
+  };
+};
+var ExploreEcosystemModalProvider = ({
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+var useNotificationsModal = () => {
+  const {
+    openAccountModal,
+    closeAccountModal,
+    isAccountModalOpen,
+    setAccountModalContent
+  } = useVeChainKitConfig();
+  const open = () => {
+    setAccountModalContent("notifications");
+    openAccountModal();
+  };
+  const close = () => {
+    closeAccountModal();
+  };
+  return {
+    open,
+    close,
+    isOpen: isAccountModalOpen
+  };
+};
+var NotificationsModalProvider = ({
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+var useFAQModal = () => {
+  const {
+    openAccountModal,
+    closeAccountModal,
+    isAccountModalOpen,
+    setAccountModalContent
+  } = useVeChainKitConfig();
+  const open = () => {
+    setAccountModalContent("faq");
+    openAccountModal();
+  };
+  const close = () => {
+    closeAccountModal();
+  };
+  return {
+    open,
+    close,
+    isOpen: isAccountModalOpen
+  };
+};
+var FAQModalProvider = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 var estimateTxGasWithNext = async (clauses, caller, buffer = 1.25, nodeUrl) => {
   const response = await fetch(`${nodeUrl}/accounts/*?revision=next`, {
     method: "POST",
@@ -4568,7 +4713,7 @@ var AddressDisplay = ({ wallet, label, size = "lg" }) => {
 // package.json
 var package_default = {
   name: "@vechain/vechain-kit",
-  version: "1.2.2",
+  version: "1.2.4",
   private: false,
   homepage: "https://github.com/vechain/vechain-kit",
   repository: "github:vechain/vechain-kit",
@@ -5931,7 +6076,7 @@ var AccountSelector = ({
             rounded: "full"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: size, fontWeight: "500", children: chunkVUMG5BY2_cjs.humanDomain(wallet?.domain ?? "", 11, 4) || chunkVUMG5BY2_cjs.humanAddress(wallet?.address ?? "", 6, 4) }),
+        /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: size, fontWeight: "500", children: wallet?.domain || chunkVUMG5BY2_cjs.humanAddress(wallet?.address ?? "", 6, 4) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           react.Icon,
           {
@@ -6185,180 +6330,415 @@ var QuickActionsSection = ({ mt, setCurrentContent }) => {
     )
   ] });
 };
-var EmbeddedWalletContent = ({ setCurrentContent }) => {
+var NetworkInfo = () => {
   const { t } = reactI18next.useTranslation();
-  const [showFullText, setShowFullText] = React9.useState(false);
-  const { connectedWallet } = useWallet();
-  const { exportWallet, linkPasskey } = reactAuth.usePrivy();
-  const walletImage = chunkVUMG5BY2_cjs.getPicassoImage(connectedWallet?.address ?? "");
-  const { getConnectionCache } = useCrossAppConnectionCache();
-  const { privy, darkMode: isDark } = useVeChainKitConfig();
-  const { connection } = useWallet();
-  const connectionCache = getConnectionCache();
-  return /* @__PURE__ */ jsxRuntime.jsxs(ScrollToTopWrapper, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(StickyHeaderContainer, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        react.ModalHeader,
+  const { darkMode: isDark, network } = useVeChainKitConfig();
+  const { connection, smartAccount } = useWallet();
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
+        t("Connection Type"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: connection.source.type })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
+        t("Network"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: network.type })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
+        t("Node URL"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: network.nodeUrl || chunkVUMG5BY2_cjs.getConfig(network.type).nodeUrl })
+    ] }),
+    connection.isConnectedWithPrivy ? /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
+        t("Smart Account"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: smartAccount.version ? `v${smartAccount.version}` : "v1" })
+    ] }) : smartAccount.isDeployed && /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        react.Text,
         {
-          fontSize: "md",
-          fontWeight: "500",
-          textAlign: "center",
+          fontSize: "sm",
           color: isDark ? "#dfdfdd" : "#4d4d4d",
-          children: t("Embedded Wallet")
+          children: [
+            t("Smart Account"),
+            ":"
+          ]
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        ModalBackButton,
+        react.Text,
         {
-          onClick: () => setCurrentContent("settings")
+          fontSize: "sm",
+          color: isDark ? "#dfdfdd" : "#4d4d4d",
+          children: smartAccount.version ? `v${smartAccount.version}` : "v1"
         }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(react.ModalCloseButton, {})
+      )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.ModalBody, { w: "full", children: /* @__PURE__ */ jsxRuntime.jsxs(
-      react.VStack,
-      {
-        justify: "center",
-        spacing: 5,
-        align: "flex-start",
-        w: "full",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { justify: "center", align: "center", w: "full", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              react.Image,
-              {
-                src: walletImage,
-                maxW: "100px",
-                borderRadius: "50%"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(AddressDisplay, { wallet: connectedWallet })
-          ] }),
-          connection.isConnectedWithCrossApp && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", opacity: 0.5, children: t(
-              "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your login methods and security settings.",
-              {
-                element: connectionCache?.ecosystemApp?.name
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", opacity: 0.5, mt: 5, children: t(
-              "A smart account is being used as a gateway for blockchain interactions."
-            ) })
-          ] }),
-          connection.isConnectedWithSocialLogin && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(react.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(react.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__ */ jsxRuntime.jsxs(
-                  react.Link,
-                  {
-                    href: "https://www.veworld.net/",
-                    isExternal: true,
-                    color: "gray.500",
-                    fontSize: "14px",
-                    textDecoration: "underline",
-                    children: [
-                      " ",
-                      t("VeWorld Wallet"),
-                      /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { ml: 1, as: io5.IoOpenOutline })
-                    ]
-                  }
-                ),
-                "."
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", opacity: 0.5, mt: 5, children: t(
-                "A smart account is being used as a gateway for blockchain interactions."
-              ) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              react.Button,
-              {
-                mt: 0,
-                variant: "link",
-                size: "sm",
-                onClick: () => setShowFullText(!showFullText),
-                color: "blue.500",
-                textAlign: "left",
-                children: t(showFullText ? "Show Less" : "Read More")
-              }
-            )
-          ] }),
-          connection.isConnectedWithSocialLogin && /* @__PURE__ */ jsxRuntime.jsx(
-            ActionButton,
+    /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
+        t("VeChain Kit"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: package_default.version })
+    ] })
+  ] });
+};
+var CrossAppConnectionCard = ({ connectionCache }) => {
+  const { t } = reactI18next.useTranslation();
+  const { darkMode: isDark } = useVeChainKitConfig();
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: connectionCache.ecosystemApp && /* @__PURE__ */ jsxRuntime.jsxs(
+    react.VStack,
+    {
+      p: 4,
+      bg: isDark ? "#1a1a1a" : "#f5f5f5",
+      borderRadius: "xl",
+      spacing: 4,
+      w: "full",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            react.Text,
             {
-              title: t("Backup your wallet"),
-              description: t(
-                "Store your Recovery Phrase or Private Key in a secure location, avoid losing access to your assets."
-              ),
-              onClick: () => {
-                exportWallet();
-              },
-              leftIcon: gi.GiHouseKeys,
-              rightIcon: md.MdOutlineNavigateNext
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: [
+                t("Logged in with"),
+                ":"
+              ]
             }
           ),
-          connection.isConnectedWithSocialLogin && privy?.allowPasskeyLinking && /* @__PURE__ */ jsxRuntime.jsx(
-            ActionButton,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            react.Text,
             {
-              title: t("Add passkey"),
-              description: t(
-                "Enable one click login by adding a passkey to your account."
-              ),
-              onClick: () => {
-                linkPasskey();
-              },
-              leftIcon: io.IoIosFingerPrint,
-              rightIcon: md.MdOutlineNavigateNext
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.ModalFooter, { w: "full", children: /* @__PURE__ */ jsxRuntime.jsx(react.VStack, { w: "full", align: "stretch", textAlign: "center", mt: 5, children: connection.isConnectedWithPrivy && /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { mt: 2, opacity: 0.6, children: [
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: connectionCache.ecosystemApp.name
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            react.Text,
+            {
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: [
+                t("Connected at"),
+                ":"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            react.Text,
+            {
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: new Date(
+                connectionCache.timestamp
+              ).toLocaleString()
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(NetworkInfo, {})
+      ]
+    }
+  ) });
+};
+var DappKitConnectionCard = () => {
+  const { t } = reactI18next.useTranslation();
+  const { source } = dappKitReact.useWallet();
+  const { darkMode: isDark } = useVeChainKitConfig();
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: source && /* @__PURE__ */ jsxRuntime.jsxs(
+    react.VStack,
+    {
+      p: 4,
+      bg: isDark ? "#1a1a1a" : "#f5f5f5",
+      borderRadius: "xl",
+      spacing: 4,
+      w: "full",
+      justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            react.Text,
+            {
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: [
+                t("Logged in with"),
+                ":"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            react.Text,
+            {
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: source
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(NetworkInfo, {})
+      ]
+    }
+  ) });
+};
+var PrivyConnectionCard = () => {
+  const { t } = reactI18next.useTranslation();
+  const { privy, darkMode: isDark } = useVeChainKitConfig();
+  const { data: appInfo, isLoading } = useFetchAppInfo(privy?.appId ?? "");
+  if (isLoading)
+    return /* @__PURE__ */ jsxRuntime.jsx(react.VStack, { w: "full", h: "full", justify: "center", align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(react.Spinner, {}) });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: appInfo && /* @__PURE__ */ jsxRuntime.jsxs(
+    react.VStack,
+    {
+      p: 4,
+      bg: isDark ? "#1a1a1a" : "#f5f5f5",
+      borderRadius: "xl",
+      spacing: 4,
+      w: "full",
+      justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            react.Text,
+            {
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: [
+                t("Logged in with"),
+                ":"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            react.Text,
+            {
+              fontSize: "sm",
+              color: isDark ? "#dfdfdd" : "#4d4d4d",
+              children: Object.values(appInfo)[0].name
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(NetworkInfo, {})
+      ]
+    }
+  ) });
+};
+var WalletSecuredBy = () => {
+  const { connection } = useWallet();
+  const { t } = reactI18next.useTranslation();
+  const { darkMode: isDark, privy } = useVeChainKitConfig();
+  const { getConnectionCache } = useCrossAppConnectionCache();
+  const connectionCache = getConnectionCache();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.VStack,
+    {
+      w: "full",
+      align: "stretch",
+      textAlign: "center",
+      mt: 5,
+      p: 3,
+      borderRadius: "lg",
+      bg: isDark ? "whiteAlpha.100" : "blackAlpha.50",
+      shadow: "sm",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "xs", fontWeight: "800", children: t("Wallet secured by") }),
+        /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { justify: "center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkX4PAU76A_cjs.PrivyLogo, { isDark, w: "50px" }),
+          /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { as: pi.PiLineVertical, ml: 2 }),
+          connection.isConnectedWithVeChain ? /* @__PURE__ */ jsxRuntime.jsx(chunkX4PAU76A_cjs.VechainLogoHorizontal, { isDark, w: "69px" }) : connection.isConnectedWithCrossApp && connectionCache && /* @__PURE__ */ jsxRuntime.jsx(
+            react.Image,
+            {
+              src: connectionCache.ecosystemApp.logoUrl,
+              alt: connectionCache.ecosystemApp.name,
+              maxW: "40px",
+              borderRadius: "md"
+            }
+          ),
+          connection.isConnectedWithSocialLogin && !connection.isConnectedWithVeChain && /* @__PURE__ */ jsxRuntime.jsx(
+            react.Image,
+            {
+              src: privy?.appearance.logo,
+              alt: privy?.appearance.logo,
+              maxW: "40px",
+              borderRadius: "md"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var EmbeddedWalletContent = ({ setCurrentContent }) => {
+  const { t } = reactI18next.useTranslation();
+  const [showFullText, setShowFullText] = React9.useState(false);
+  const { connectedWallet } = useWallet();
+  const { exportWallet } = reactAuth.usePrivy();
+  const walletImage = chunkVUMG5BY2_cjs.getPicassoImage(connectedWallet?.address ?? "");
+  const { getConnectionCache } = useCrossAppConnectionCache();
+  const { darkMode: isDark } = useVeChainKitConfig();
+  const { connection } = useWallet();
+  const connectionCache = getConnectionCache();
+  return /* @__PURE__ */ jsxRuntime.jsxs(ScrollToTopWrapper, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        react.HStack,
+        react.ModalHeader,
         {
+          fontSize: "md",
+          fontWeight: "500",
           textAlign: "center",
-          alignItems: "center",
-          justify: "center",
-          w: "full",
-          children: /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "xs", fontWeight: "800", children: t("Wallet secured by") })
+          color: isDark ? "#dfdfdd" : "#4d4d4d",
+          children: t("Embedded Wallet")
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { justify: "center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkX4PAU76A_cjs.PrivyLogo, { isDark, w: "50px" }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { as: pi.PiLineVertical, ml: 2 }),
-        connection.isConnectedWithVeChain ? /* @__PURE__ */ jsxRuntime.jsx(
-          chunkX4PAU76A_cjs.VechainLogoHorizontal,
-          {
-            isDark,
-            w: "69px"
-          }
-        ) : connection.isConnectedWithCrossApp && connectionCache && /* @__PURE__ */ jsxRuntime.jsx(
-          react.Image,
-          {
-            src: connectionCache.ecosystemApp.logoUrl,
-            alt: connectionCache.ecosystemApp.name,
-            maxW: "40px",
-            borderRadius: "md"
-          }
-        ),
-        connection.isConnectedWithSocialLogin && !connection.isConnectedWithVeChain && /* @__PURE__ */ jsxRuntime.jsx(
-          react.Image,
-          {
-            src: privy?.appearance.logo,
-            alt: privy?.appearance.logo,
-            maxW: "40px",
-            borderRadius: "md"
-          }
-        )
-      ] })
-    ] }) }) })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ModalBackButton,
+        {
+          onClick: () => setCurrentContent("settings")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(react.ModalCloseButton, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(react.ModalBody, { w: "full", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      react.VStack,
+      {
+        justify: "center",
+        spacing: 5,
+        align: "flex-start",
+        w: "full",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { justify: "center", align: "center", w: "full", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              react.Image,
+              {
+                src: walletImage,
+                maxW: "100px",
+                borderRadius: "50%"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(AddressDisplay, { wallet: connectedWallet })
+          ] }),
+          connection.isConnectedWithCrossApp && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", opacity: 0.5, children: t(
+              "This is your main wallet and identity. Please be sure to keep it safe and backed up. Go to {{element}} website to manage your login methods and security settings.",
+              {
+                element: connectionCache?.ecosystemApp?.name
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", opacity: 0.5, mt: 5, children: t(
+              "A smart account is being used as a gateway for blockchain interactions."
+            ) })
+          ] }),
+          connection.isConnectedWithSocialLogin && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(react.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(react.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__ */ jsxRuntime.jsxs(
+                  react.Link,
+                  {
+                    href: "https://www.veworld.net/",
+                    isExternal: true,
+                    color: "gray.500",
+                    fontSize: "14px",
+                    textDecoration: "underline",
+                    children: [
+                      " ",
+                      t("VeWorld Wallet"),
+                      /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { ml: 1, as: io5.IoOpenOutline })
+                    ]
+                  }
+                ),
+                "."
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { fontSize: "sm", opacity: 0.5, children: [
+                t("Click"),
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  react.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__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", opacity: 0.5, children: t(
+                "A smart account is being used as a gateway for blockchain interactions."
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              react.Button,
+              {
+                mt: 0,
+                variant: "link",
+                size: "sm",
+                onClick: () => setShowFullText(!showFullText),
+                color: "blue.500",
+                textAlign: "left",
+                children: t(showFullText ? "Show Less" : "Read More")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.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: gi.GiHouseKeys,
+              rightIcon: md.MdOutlineNavigateNext
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.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: md.MdManageAccounts,
+              rightIcon: md.MdOutlineNavigateNext
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(react.ModalFooter, { w: "full", children: /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { w: "full", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(react.Divider, {}),
+      connection.isConnectedWithPrivy && /* @__PURE__ */ jsxRuntime.jsx(WalletSecuredBy, {})
+    ] }) })
   ] });
 };
 var WalletSettingsContent = ({
@@ -6378,7 +6758,7 @@ var WalletSettingsContent = ({
       contentRef.current.scrollTop = 0;
     }
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ScrollToTopWrapper, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         react.ModalHeader,
@@ -6406,6 +6786,20 @@ var WalletSettingsContent = ({
         /* @__PURE__ */ jsxRuntime.jsx(AddressDisplay, { wallet: account })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { mt: 10, w: "full", spacing: 3, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ActionButton,
+          {
+            title: t("Connection Details"),
+            description: t(
+              "View the details of your connection to this app."
+            ),
+            onClick: () => {
+              setCurrentContent("connection-details");
+            },
+            leftIcon: vsc.VscDebugDisconnect,
+            rightIcon: md.MdOutlineNavigateNext
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           ActionButton,
           {
@@ -6430,29 +6824,12 @@ var WalletSettingsContent = ({
             rightIcon: md.MdOutlineNavigateNext
           }
         ),
-        connection.isConnectedWithSocialLogin && /* @__PURE__ */ jsxRuntime.jsx(
-          ActionButton,
-          {
-            title: t("Login methods"),
-            description: t(
-              "View and manage the login methods linked to your wallet."
-            ),
-            onClick: () => {
-              setCurrentContent("privy-linked-accounts");
-            },
-            leftIcon: md.MdManageAccounts,
-            rightIcon: md.MdOutlineNavigateNext
-          }
-        ),
         connection.isConnectedWithPrivy && /* @__PURE__ */ jsxRuntime.jsx(
           ActionButton,
           {
             title: t("Embedded Wallet"),
             description: t(
-              "View details of your embedded wallet created and secured by {{appName}}.",
-              {
-                appName: connection.isConnectedWithCrossApp ? connectionCache?.ecosystemApp?.name : Object.values(appInfo ?? {})[0]?.name ?? ""
-              }
+              "Manage your embedded wallet security settings or back it up to a new device."
             ),
             onClick: () => {
               setCurrentContent("embedded-wallet");
@@ -6461,20 +6838,6 @@ var WalletSettingsContent = ({
             rightIcon: md.MdOutlineNavigateNext
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ActionButton,
-          {
-            title: t("Connection Details"),
-            description: t(
-              "View the details of your connection to this app."
-            ),
-            onClick: () => {
-              setCurrentContent("connection-details");
-            },
-            leftIcon: vsc.VscDebugDisconnect,
-            rightIcon: md.MdOutlineNavigateNext
-          }
-        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           ActionButton,
           {
@@ -9923,7 +10286,7 @@ var FAQContent = ({ onGoBack }) => {
         react.Button,
         {
           as: react.Link,
-          href: "https://vechain-foundation-san-marino.gitbook.io/vechain-kit",
+          href: "https://docs.vechain-kit.vechain.org/",
           isExternal: true,
           variant: "outline",
           rightIcon: /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { as: fa.FaExternalLinkAlt }),
@@ -9936,184 +10299,6 @@ var FAQContent = ({ onGoBack }) => {
     ] }) })
   ] });
 };
-var NetworkInfo = () => {
-  const { t } = reactI18next.useTranslation();
-  const { darkMode: isDark, network } = useVeChainKitConfig();
-  const { connection } = useWallet();
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
-        t("Connection Type"),
-        ":"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: connection.source.type })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
-        t("Network"),
-        ":"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: network.type })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
-        t("Node"),
-        ":"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: network.nodeUrl || chunkVUMG5BY2_cjs.getConfig(network.type).nodeUrl })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
-        t("Active Smart Account"),
-        ":"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: connection.isConnectedWithPrivy ? "Yes" : "No" })
-    ] })
-  ] });
-};
-var CrossAppConnectionCard = ({ connectionCache }) => {
-  const { t } = reactI18next.useTranslation();
-  const { darkMode: isDark } = useVeChainKitConfig();
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: connectionCache.ecosystemApp && /* @__PURE__ */ jsxRuntime.jsxs(
-    react.VStack,
-    {
-      p: 4,
-      bg: isDark ? "#1a1a1a" : "#f5f5f5",
-      borderRadius: "xl",
-      spacing: 4,
-      w: "full",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            react.Text,
-            {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: [
-                t("Connected through"),
-                ":"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            react.Text,
-            {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: connectionCache.ecosystemApp.name
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            react.Text,
-            {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: [
-                t("Connected at"),
-                ":"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            react.Text,
-            {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: new Date(
-                connectionCache.timestamp
-              ).toLocaleString()
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(NetworkInfo, {})
-      ]
-    }
-  ) });
-};
-var DappKitConnectionCard = () => {
-  const { t } = reactI18next.useTranslation();
-  const { source } = dappKitReact.useWallet();
-  const { darkMode: isDark } = useVeChainKitConfig();
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: source && /* @__PURE__ */ jsxRuntime.jsxs(
-    react.VStack,
-    {
-      p: 4,
-      bg: isDark ? "#1a1a1a" : "#f5f5f5",
-      borderRadius: "xl",
-      spacing: 4,
-      w: "full",
-      justifyContent: "space-between",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            react.Text,
-            {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: [
-                t("Connected through"),
-                ":"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            react.Text,
-            {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: source
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(NetworkInfo, {})
-      ]
-    }
-  ) });
-};
-var PrivyConnectionCard = () => {
-  const { t } = reactI18next.useTranslation();
-  const { privy, darkMode: isDark } = useVeChainKitConfig();
-  const { data: appInfo, isLoading } = useFetchAppInfo(privy?.appId ?? "");
-  if (isLoading)
-    return /* @__PURE__ */ jsxRuntime.jsx(react.VStack, { w: "full", h: "full", justify: "center", align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(react.Spinner, {}) });
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: appInfo && /* @__PURE__ */ jsxRuntime.jsxs(
-    react.VStack,
-    {
-      p: 4,
-      bg: isDark ? "#1a1a1a" : "#f5f5f5",
-      borderRadius: "xl",
-      spacing: 4,
-      w: "full",
-      justifyContent: "space-between",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { w: "full", justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            react.Text,
-            {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: [
-                t("Connected through"),
-                ":"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            react.Text,
-            {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: Object.values(appInfo)[0].name
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(NetworkInfo, {})
-      ]
-    }
-  ) });
-};
 var ConnectionDetailsContent = ({ onGoBack }) => {
   const { t } = reactI18next.useTranslation();
   const { getConnectionCache } = useCrossAppConnectionCache();
@@ -10214,7 +10399,8 @@ var ConnectionDetailsContent = ({ onGoBack }) => {
             ]
           }
         )
-      ] })
+      ] }),
+      connection.isConnectedWithPrivy && /* @__PURE__ */ jsxRuntime.jsx(WalletSecuredBy, {})
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(react.ModalFooter, {})
   ] });
@@ -10913,14 +11099,14 @@ var SharedAppCard = ({
       _hover: { opacity: 0.8 },
       cursor: "pointer",
       onClick,
-      children: /* @__PURE__ */ jsxRuntime.jsx(react.CardBody, { p: size === "sm" ? 2 : 4, alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { spacing: 3, align: "center", justify: "center", children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx(react.CardBody, { p: size === "sm" ? 2 : 4, alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { spacing: 3, alignItems: "center", justifyContent: "center", children: [
         imageUrl && /* @__PURE__ */ jsxRuntime.jsx(
           react.Image,
           {
             src: imageUrl,
             fallbackSrc: chunkVUMG5BY2_cjs.notFoundImage,
             alt: name,
-            height: "100px",
+            height: "90px",
             objectFit: "contain",
             rounded: "full"
           }
@@ -10928,13 +11114,11 @@ var SharedAppCard = ({
         name && /* @__PURE__ */ jsxRuntime.jsx(
           react.Text,
           {
-            position: "absolute",
-            bottom: "5px",
             fontWeight: "medium",
             wordBreak: "break-word",
             noOfLines: 1,
-            width: "90%",
             textAlign: "center",
+            w: "full",
             children: name
           }
         )
@@ -10942,30 +11126,12 @@ var SharedAppCard = ({
     }
   );
 };
-var SkeletonAppCard = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Card, { variant: "vechainKitAppCard", children: /* @__PURE__ */ jsxRuntime.jsx(react.CardBody, { p: 4, alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    react.VStack,
-    {
-      spacing: 3,
-      align: "center",
-      justify: "center",
-      width: "100%",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react.Skeleton, { height: "100px", width: "100%", rounded: "12px" }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.Skeleton, { height: "20px", width: "80%", rounded: "md" })
-      ]
-    }
-  ) }) });
-};
 var AppComponent = ({ xApp, setCurrentContent }) => {
   const { data: appMetadata, isLoading: appMetadataLoading } = useXAppMetadata(xApp.id);
   const { data: logo, isLoading: isLogoLoading } = useIpfsImage(
     appMetadata?.logo
   );
-  if (appMetadataLoading || isLogoLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(SkeletonAppCard, {});
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Skeleton, { isLoaded: !appMetadataLoading && !isLogoLoading, children: /* @__PURE__ */ jsxRuntime.jsx(
     SharedAppCard,
     {
       name: appMetadata?.name ?? "",
@@ -10983,7 +11149,7 @@ var AppComponent = ({ xApp, setCurrentContent }) => {
         });
       }
     }
-  );
+  ) });
 };
 var CustomAppComponent = ({
   name,
@@ -11052,7 +11218,7 @@ var DEFAULT_APPS = [
     }
   },
   {
-    name: "vetDomains",
+    name: "vet.domains",
     description: ".vet.domains provides a unique and unchangeable identity for Vechain users by linking information to their wallet addresses. It becomes easier for people to use the blockchain by replacing complicated wallet addresses with easy-to-remember names.",
     external_url: "https://vet.domains",
     logo: "https://vet.domains/assets/walletconnect.png",
@@ -11064,6 +11230,20 @@ var DEFAULT_APPS = [
     ve_world: {
       banner: "https://vet.domains/assets/walletconnect.png"
     }
+  },
+  {
+    name: "VeChain Kit",
+    description: "A all-in-one library for building VeChain applications.",
+    external_url: "https://vechain-kit.vechain.org/",
+    logo: "https://i.ibb.co/ncysMF9/vechain-kit-logo-transparent.png",
+    banner: "",
+    screenshots: [],
+    social_urls: [],
+    app_urls: [],
+    tweets: [],
+    ve_world: {
+      banner: ""
+    }
   }
 ];
 var ExploreEcosystemContent = ({ setCurrentContent }) => {
@@ -11289,15 +11469,19 @@ var DisconnectConfirmContent = ({ onDisconnect, onBack }) => {
     /* @__PURE__ */ jsxRuntime.jsx(react.ModalFooter, {})
   ] });
 };
-var AccountModal = ({ isOpen, onClose }) => {
+var AccountModal = ({
+  isOpen,
+  onClose,
+  initialContent = "main"
+}) => {
   useNotificationAlerts();
   const { account } = useWallet();
-  const [currentContent, setCurrentContent] = React9.useState("main");
+  const [currentContent, setCurrentContent] = React9.useState(initialContent);
   React9.useEffect(() => {
-    if (isOpen) {
-      setCurrentContent("main");
+    if (isOpen && initialContent) {
+      setCurrentContent(initialContent);
     }
-  }, [isOpen]);
+  }, [isOpen, initialContent]);
   const renderContent = () => {
     if (typeof currentContent === "object") {
       switch (currentContent.type) {
@@ -11382,7 +11566,7 @@ var AccountModal = ({ isOpen, onClose }) => {
         return /* @__PURE__ */ jsxRuntime.jsx(
           PrivyLinkedAccounts,
           {
-            onBack: () => setCurrentContent("settings")
+            onBack: () => setCurrentContent("embedded-wallet")
           }
         );
       case "ecosystem":
@@ -11634,7 +11818,15 @@ var WalletButton = ({
         onOpen: accountModal.onOpen,
         buttonStyle
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(react.Button, { onClick: handleConnect, ...buttonStyle, children: t("Login") }),
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      react.Button,
+      {
+        isLoading: connection.isLoading,
+        onClick: handleConnect,
+        ...buttonStyle,
+        children: t("Login")
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(
       ConnectModal,
       {
@@ -12197,6 +12389,7 @@ var VeChainKitProvider = ({
     () => setIsTransactionToastOpen(false),
     []
   );
+  const [accountModalContent, setAccountModalContent] = React9.useState("main");
   const loginMethods = [
     ...privy?.loginMethods ?? [],
     ...(privyEcosystemAppIDS ?? []).map((appID) => `privy:${appID}`)
@@ -12248,6 +12441,7 @@ var VeChainKitProvider = ({
           openAccountModal,
           closeAccountModal,
           isAccountModalOpen,
+          setAccountModalContent,
           openTransactionModal,
           closeTransactionModal,
           isTransactionModalOpen,
@@ -12327,7 +12521,8 @@ var VeChainKitProvider = ({
                         AccountModal,
                         {
                           isOpen: isAccountModalOpen,
-                          onClose: closeAccountModal
+                          onClose: closeAccountModal,
+                          initialContent: accountModalContent
                         }
                       )
                     ]
@@ -12589,6 +12784,7 @@ exports.AssetsSection = AssetsSection;
 exports.BalanceSection = BalanceSection;
 exports.BaseModal = BaseModal;
 exports.ChooseNameContent = ChooseNameContent;
+exports.ChooseNameModalProvider = ChooseNameModalProvider;
 exports.ChooseNameSearchContent = ChooseNameSearchContent;
 exports.ChooseNameSummaryContent = ChooseNameSummaryContent;
 exports.ConnectModal = ConnectModal;
@@ -12599,7 +12795,10 @@ exports.EcosystemButton = EcosystemButton;
 exports.EcosystemModal = EcosystemModal;
 exports.EmailLoginButton = EmailLoginButton;
 exports.EmbeddedWalletContent = EmbeddedWalletContent;
+exports.EmbeddedWalletSettingsModalProvider = EmbeddedWalletSettingsModalProvider;
+exports.ExploreEcosystemModalProvider = ExploreEcosystemModalProvider;
 exports.FAQContent = FAQContent;
+exports.FAQModalProvider = FAQModalProvider;
 exports.FadeInView = FadeInView;
 exports.FadeInViewFromBottom = FadeInViewFromBottom;
 exports.FadeInViewFromLeft = FadeInViewFromLeft;
@@ -12611,6 +12810,7 @@ exports.MainContent = MainContent;
 exports.ModalBackButton = ModalBackButton;
 exports.ModalFAQButton = ModalFAQButton;
 exports.NFTMediaType = NFTMediaType;
+exports.NotificationsModalProvider = NotificationsModalProvider;
 exports.PRICE_FEED_IDS = PRICE_FEED_IDS;
 exports.PasskeyLoginButton = PasskeyLoginButton;
 exports.PrivyButton = PrivyButton;
@@ -12621,6 +12821,7 @@ exports.ScrollToTopWrapper = ScrollToTopWrapper;
 exports.SecurityLevel = SecurityLevel;
 exports.SelectTokenContent = SelectTokenContent;
 exports.SendTokenContent = SendTokenContent;
+exports.SendTokenModalProvider = SendTokenModalProvider;
 exports.SendTokenSummaryContent = SendTokenSummaryContent;
 exports.SocialLoginButtons = SocialLoginButtons;
 exports.StickyFooterContainer = StickyFooterContainer;
@@ -12767,6 +12968,7 @@ exports.useB3trDonated = useB3trDonated;
 exports.useB3trToUpgrade = useB3trToUpgrade;
 exports.useBalances = useBalances;
 exports.useCall = useCall;
+exports.useChooseNameModal = useChooseNameModal;
 exports.useClaimVeWorldSubdomain = useClaimVeWorldSubdomain;
 exports.useConnectModal = useConnectModal;
 exports.useContractVersion = useContractVersion;
@@ -12774,7 +12976,10 @@ exports.useCrossAppConnectionCache = useCrossAppConnectionCache;
 exports.useCurrentAllocationsRoundId = useCurrentAllocationsRoundId;
 exports.useCurrentBlock = useCurrentBlock;
 exports.useEcosystemShortcuts = useEcosystemShortcuts;
+exports.useEmbeddedWalletSettingsModal = useEmbeddedWalletSettingsModal;
 exports.useEnsRecordExists = useEnsRecordExists;
+exports.useExploreEcosystemModal = useExploreEcosystemModal;
+exports.useFAQModal = useFAQModal;
 exports.useFeatureAnnouncement = useFeatureAnnouncement;
 exports.useFetchAppInfo = useFetchAppInfo;
 exports.useGMBaseUri = useGMBaseUri;
@@ -12831,6 +13036,7 @@ exports.useNFTImage = useNFTImage;
 exports.useNFTMetadataUri = useNFTMetadataUri;
 exports.useNotificationAlerts = useNotificationAlerts;
 exports.useNotifications = useNotifications;
+exports.useNotificationsModal = useNotificationsModal;
 exports.useParticipatedInGovernance = useParticipatedInGovernance;
 exports.useParticipationScoreThreshold = useParticipationScoreThreshold;
 exports.usePassportChecks = usePassportChecks;
@@ -12842,6 +13048,7 @@ exports.useRoundXApps = useRoundXApps;
 exports.useScrollToTop = useScrollToTop;
 exports.useSecurityMultiplier = useSecurityMultiplier;
 exports.useSelectedGmNft = useSelectedGmNft;
+exports.useSendTokenModal = useSendTokenModal;
 exports.useSendTransaction = useSendTransaction;
 exports.useSignMessage = useSignMessage2;
 exports.useSignTypedData = useSignTypedData2;