@vechain/vechain-kit 1.2.0 → 1.2.1

package/dist/index.d.cts

@@ -3,8 +3,8 @@ import * as React$1 from 'react';
 import React__default, { ReactElement, ReactNode, ElementType } from 'react';
 import { WalletListEntry, SignTypedDataParams, User } from '@privy-io/react-auth';
 export { usePrivy } from '@privy-io/react-auth';
-import { P as PrivyAppInfo, T as TransactionProgress, a as TransactionStatusErrorType, W as Wallet, b as PrivyLoginMethod, N as NETWORK_TYPE, c as Network, d as NFTMediaType, e as TogglePassportCheck, V as VePassportUserStatus, E as EnhancedClause, S as SmartAccount, C as ConnectionSource, f as TransactionStatus, g as CrossAppConnectionCache } from './Constants-s7z3u9h5.cjs';
-export { h as ExecuteWithAuthorizationSignData } from './Constants-s7z3u9h5.cjs';
+import { P as PrivyAppInfo, T as TransactionProgress, a as TransactionStatusErrorType, W as Wallet, b as PrivyLoginMethod, N as NETWORK_TYPE, c as Network, d as NFTMediaType, e as TogglePassportCheck, V as VePassportUserStatus, E as EnhancedClause, S as SmartAccount, C as ConnectionSource, f as TransactionStatus, g as CrossAppConnectionCache } from './Constants-Q8PYUyoh.cjs';
+export { h as ExecuteWithAuthorizationSignData } from './Constants-Q8PYUyoh.cjs';
 import { WalletSource, LogLevel } from '@vechain/dapp-kit';
 import { WalletConnectOptions } from '@vechain/dapp-kit-react';
 export { useConnex } from '@vechain/dapp-kit-react';

package/dist/index.d.ts

@@ -3,8 +3,8 @@ import * as React$1 from 'react';
 import React__default, { ReactElement, ReactNode, ElementType } from 'react';
 import { WalletListEntry, SignTypedDataParams, User } from '@privy-io/react-auth';
 export { usePrivy } from '@privy-io/react-auth';
-import { P as PrivyAppInfo, T as TransactionProgress, a as TransactionStatusErrorType, W as Wallet, b as PrivyLoginMethod, N as NETWORK_TYPE, c as Network, d as NFTMediaType, e as TogglePassportCheck, V as VePassportUserStatus, E as EnhancedClause, S as SmartAccount, C as ConnectionSource, f as TransactionStatus, g as CrossAppConnectionCache } from './Constants-s7z3u9h5.js';
-export { h as ExecuteWithAuthorizationSignData } from './Constants-s7z3u9h5.js';
+import { P as PrivyAppInfo, T as TransactionProgress, a as TransactionStatusErrorType, W as Wallet, b as PrivyLoginMethod, N as NETWORK_TYPE, c as Network, d as NFTMediaType, e as TogglePassportCheck, V as VePassportUserStatus, E as EnhancedClause, S as SmartAccount, C as ConnectionSource, f as TransactionStatus, g as CrossAppConnectionCache } from './Constants-Q8PYUyoh.js';
+export { h as ExecuteWithAuthorizationSignData } from './Constants-Q8PYUyoh.js';
 import { WalletSource, LogLevel } from '@vechain/dapp-kit';
 import { WalletConnectOptions } from '@vechain/dapp-kit-react';
 export { useConnex } from '@vechain/dapp-kit-react';

package/dist/index.js

@@ -4564,7 +4564,7 @@ var AddressDisplay = ({ wallet, label, size = "lg" }) => {
 // package.json
 var package_default = {
   name: "@vechain/vechain-kit",
-  version: "1.1.1",
+  version: "1.2.1",
   private: false,
   homepage: "https://github.com/vechain/vechain-kit",
   repository: "github:vechain/vechain-kit",
@@ -5927,7 +5927,7 @@ var AccountSelector = ({
             rounded: "full"
           }
         ),
-        /* @__PURE__ */ jsx(Text, { fontSize: size, fontWeight: "500", children: humanDomain(wallet?.domain ?? "", 10, 4) || humanAddress(wallet?.address ?? "", 6, 4) }),
+        /* @__PURE__ */ jsx(Text, { fontSize: size, fontWeight: "500", children: humanDomain(wallet?.domain ?? "", 11, 4) || humanAddress(wallet?.address ?? "", 6, 4) }),
         /* @__PURE__ */ jsx(
           Icon,
           {
@@ -6230,12 +6230,17 @@ var EmbeddedWalletContent = ({ setCurrentContent }) => {
             ),
             /* @__PURE__ */ jsx(AddressDisplay, { wallet: connectedWallet })
           ] }),
-          connection.isConnectedWithCrossApp && /* @__PURE__ */ jsx(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
-            }
-          ) }),
+          connection.isConnectedWithCrossApp && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(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__ */ jsx(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__ */ 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."
@@ -7470,7 +7475,7 @@ var ConfirmationModalContent = ({
     }, 9e3);
     return () => clearTimeout(timer);
   }, [progress?.currentStep]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(
         ModalHeader,
@@ -7562,7 +7567,7 @@ var ErrorModalContent = ({
   const { network } = useVeChainKitConfig();
   const { darkMode: isDark } = useVeChainKitConfig();
   const explorerUrl = getConfig(network.type).explorerUrl;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(
         ModalHeader,
@@ -7657,7 +7662,7 @@ var LoadingModalContent = ({
     }, 12e3);
     return () => clearTimeout(timer);
   }, []);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(
         ModalHeader,
@@ -7778,7 +7783,7 @@ var SuccessModalContent = ({
   const { network } = useVeChainKitConfig();
   const explorerUrl = getConfig(network.type).explorerUrl;
   const socialDescription = socialDescriptionEncoded ?? `${explorerUrl}/${txId}`;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(
         ModalHeader,
@@ -9930,7 +9935,15 @@ var FAQContent = ({ onGoBack }) => {
 var NetworkInfo = () => {
   const { t } = useTranslation();
   const { darkMode: isDark, network } = useVeChainKitConfig();
+  const { connection } = 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"),
@@ -9944,6 +9957,13 @@ var NetworkInfo = () => {
         ":"
       ] }),
       /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: network.nodeUrl || getConfig(network.type).nodeUrl })
+    ] }),
+    /* @__PURE__ */ jsxs(HStack, { w: "full", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: [
+        t("Active Smart Account"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: isDark ? "#dfdfdd" : "#4d4d4d", children: connection.isConnectedWithPrivy ? "Yes" : "No" })
     ] })
   ] });
 };
@@ -10834,7 +10854,7 @@ var NotificationsContent = ({ setCurrentContent }) => {
       ),
       /* @__PURE__ */ jsx(ModalCloseButton, {})
     ] }),
-    /* @__PURE__ */ jsxs(Container, { maxW: "container.lg", h: "350px", overflowY: "auto", children: [
+    /* @__PURE__ */ jsxs(Container, { maxW: "container.lg", h: "350px", 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(
@@ -11160,7 +11180,7 @@ var AppOverviewContent = ({
 }) => {
   const { t } = useTranslation();
   const { darkMode: isDark } = useVeChainKitConfig();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(
         ModalHeader,
@@ -11341,7 +11361,12 @@ var AccountModal = ({ isOpen, onClose }) => {
       case "choose-name":
         return /* @__PURE__ */ jsx(ChooseNameContent, { setCurrentContent });
       case "faq":
-        return /* @__PURE__ */ jsx(FAQContent, { onGoBack: () => setCurrentContent("main") });
+        return /* @__PURE__ */ jsx(
+          FAQContent,
+          {
+            onGoBack: () => setCurrentContent("settings")
+          }
+        );
       case "connection-details":
         return /* @__PURE__ */ jsx(
           ConnectionDetailsContent,
@@ -11966,7 +11991,7 @@ var EcosystemContent = ({ onClose, appsInfo, isLoading }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
         /* @__PURE__ */ jsxs(