@vechain/vechain-kit 1.2.3 → 1.2.4

package/dist/index.js

@@ -1,7 +1,7 @@
 import { IVechainEnergyOracleV1__factory, IB3TR__factory, IVOT3__factory, GalaxyMember__factory, NodeManagement__factory, X2EarnApps__factory, XAllocationVoting__factory, XAllocationVotingGovernor__factory, XAllocationPool__factory, VoterRewards__factory, VeBetterPassport__factory, IERC20__factory, MockENS__factory, SubdomainClaimer__factory, IReverseRegistrar__factory, SimpleAccountFactory__factory, ERC20__factory, Emissions__factory, X2EarnRewardsPool__factory } from './chunk-LSKZXRAS.js';
 import { getConfig, humanNumber, NodeStrengthLevelToImage, allNodeStrengthLevelToName, notFoundImage, convertUriToUrl, resolveMediaTypeFromMimeType, gmNfts, humanAddress, VECHAIN_PRIVY_APP_ID, getPicassoImage, compareAddresses, isValidAddress, TOKEN_LOGOS, humanDomain, randomTransactionUser } from './chunk-RAUWG27M.js';
 export { getConfig } from './chunk-RAUWG27M.js';
-import { SimpleAccountFactoryABI, VechainLogoHorizontal, VechainLogo, PrivyLogo, SimpleAccountABI } from './chunk-IGUWNKV2.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 { useLoginWithOAuth, usePrivy, useLoginWithPasskey as useLoginWithPasskey$1, useLoginWithEmail, PrivyProvider } from '@privy-io/react-auth';
@@ -32,11 +32,11 @@ 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 { PiLineVertical } from 'react-icons/pi';
 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 { FiSend, FiSlash, FiArrowDown } from 'react-icons/fi';
 import { GiHouseKeys, GiConfirmed } from 'react-icons/gi';
+import { PiLineVertical } from 'react-icons/pi';
 import { QRCode } from 'react-qrcode-logo';
 import { GoLinkExternal } from 'react-icons/go';
 import { FaWhatsapp } from 'react-icons/fa6';
@@ -4709,7 +4709,7 @@ var AddressDisplay = ({ wallet, label, size = "lg" }) => {
 // package.json
 var package_default = {
   name: "@vechain/vechain-kit",
-  version: "1.2.3",
+  version: "1.2.4",
   private: false,
   homepage: "https://github.com/vechain/vechain-kit",
   repository: "github:vechain/vechain-kit",
@@ -6326,6 +6326,256 @@ var QuickActionsSection = ({ mt, setCurrentContent }) => {
     )
   ] });
 };
+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 [showFullText, setShowFullText] = useState(false);
@@ -6333,7 +6583,7 @@ var EmbeddedWalletContent = ({ setCurrentContent }) => {
   const { exportWallet } = usePrivy();
   const walletImage = getPicassoImage(connectedWallet?.address ?? "");
   const { getConnectionCache } = useCrossAppConnectionCache();
-  const { privy, darkMode: isDark } = useVeChainKitConfig();
+  const { darkMode: isDark } = useVeChainKitConfig();
   const { connection } = useWallet();
   const connectionCache = getConnectionCache();
   return /* @__PURE__ */ jsxs(ScrollToTopWrapper, { children: [
@@ -6412,7 +6662,26 @@ var EmbeddedWalletContent = ({ setCurrentContent }) => {
                 ),
                 "."
               ] }),
-              /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.5, mt: 5, children: t(
+              /* @__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(Text, { fontSize: "sm", opacity: 0.5, children: t(
                 "A smart account is being used as a gateway for blockchain interactions."
               ) })
             ] }),
@@ -6429,30 +6698,32 @@ var EmbeddedWalletContent = ({ setCurrentContent }) => {
               }
             )
           ] }),
-          connection.isConnectedWithSocialLogin && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(
             ActionButton,
             {
               title: t("Backup your wallet"),
               description: t(
-                "Store your Recovery Phrase or Private Key in a secure location, avoid losing access to your assets."
+                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
             }
           ),
-          connection.isConnectedWithSocialLogin && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(
             ActionButton,
             {
               title: t("Login methods"),
               description: t(
-                "View and manage the login methods linked to your wallet."
+                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
             }
@@ -6460,46 +6731,10 @@ var EmbeddedWalletContent = ({ setCurrentContent }) => {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(ModalFooter, { w: "full", children: /* @__PURE__ */ jsx(VStack, { w: "full", align: "stretch", textAlign: "center", mt: 5, children: connection.isConnectedWithPrivy && /* @__PURE__ */ jsxs(VStack, { mt: 2, opacity: 0.6, children: [
-      /* @__PURE__ */ jsx(
-        HStack,
-        {
-          textAlign: "center",
-          alignItems: "center",
-          justify: "center",
-          w: "full",
-          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"
-          }
-        )
-      ] })
-    ] }) }) })
+    /* @__PURE__ */ jsx(ModalFooter, { w: "full", children: /* @__PURE__ */ jsxs(VStack, { w: "full", children: [
+      /* @__PURE__ */ jsx(Divider, {}),
+      connection.isConnectedWithPrivy && /* @__PURE__ */ jsx(WalletSecuredBy, {})
+    ] }) })
   ] });
 };
 var WalletSettingsContent = ({
@@ -6590,10 +6825,7 @@ var WalletSettingsContent = ({
           {
             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");
@@ -10063,197 +10295,6 @@ var FAQContent = ({ onGoBack }) => {
     ] }) })
   ] });
 };
-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"),
-        ":"
-      ] }),
-      /* @__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" })
-    ] }) : /* @__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("Connected through"),
-                ":"
-              ]
-            }
-          ),
-          /* @__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("Connected through"),
-                ":"
-              ]
-            }
-          ),
-          /* @__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("Connected through"),
-                ":"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Text,
-            {
-              fontSize: "sm",
-              color: isDark ? "#dfdfdd" : "#4d4d4d",
-              children: Object.values(appInfo)[0].name
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(NetworkInfo, {})
-      ]
-    }
-  ) });
-};
 var ConnectionDetailsContent = ({ onGoBack }) => {
   const { t } = useTranslation();
   const { getConnectionCache } = useCrossAppConnectionCache();
@@ -10354,7 +10395,8 @@ var ConnectionDetailsContent = ({ onGoBack }) => {
             ]
           }
         )
-      ] })
+      ] }),
+      connection.isConnectedWithPrivy && /* @__PURE__ */ jsx(WalletSecuredBy, {})
     ] }),
     /* @__PURE__ */ jsx(ModalFooter, {})
   ] });