@vechain/vechain-kit 1.5.6 → 1.5.7

package/dist/index.cjs

@@ -3293,7 +3293,7 @@ var useSendTransaction = ({
         });
       }
       let transaction = vendor.sign("tx", clauses2);
-      if (feeDelegation.delegateAllTransactions) {
+      if (feeDelegation?.delegateAllTransactions) {
         transaction = transaction.delegate(feeDelegation.delegatorUrl);
       }
       if (signerAccountAddress) {
@@ -3976,7 +3976,7 @@ var useWallet = () => {
       source: connectionSource,
       isInAppBrowser: (window.vechain && window.vechain.isInAppBrowser) ?? false,
       nodeUrl,
-      delegatorUrl: feeDelegation.delegatorUrl,
+      delegatorUrl: feeDelegation?.delegatorUrl,
       chainId,
       network: network.type
     },
@@ -4983,7 +4983,7 @@ var AddressDisplay = ({
 // package.json
 var package_default = {
   name: "@vechain/vechain-kit",
-  version: "1.5.6",
+  version: "1.5.7",
   private: false,
   homepage: "https://github.com/vechain/vechain-kit",
   repository: "github:vechain/vechain-kit",
@@ -6283,7 +6283,7 @@ var ActionButton = ({
             flex: 1,
             justifyContent: "flex-start",
             alignItems: "flex-start",
-            children: /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { justify: "flex-start", children: [
+            children: /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { justify: "flex-start", alignItems: "baseline", children: [
               /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", fontWeight: "400", children: title }),
               showComingSoon && /* @__PURE__ */ jsxRuntime.jsx(react.Tag, { size: "sm", colorScheme: "red", children: t("Coming Soon!") }),
               extraContent
@@ -6730,7 +6730,8 @@ var QuickActionButton = ({
   icon,
   label,
   onClick,
-  isDisabled
+  isDisabled,
+  showRedDot
 }) => {
   const { t } = reactI18next.useTranslation();
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6743,18 +6744,41 @@ var QuickActionButton = ({
       isDisabled,
       icon: /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { spacing: 4, children: [
         /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { as: icon, boxSize: 5, opacity: 0.9 }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", fontWeight: "600", children: t(label, label) })
+        /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { p: 0, alignItems: "baseline", spacing: 1, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", fontWeight: "600", children: t(label, label) }),
+          showRedDot && /* @__PURE__ */ jsxRuntime.jsx(
+            react.Box,
+            {
+              minWidth: "8px",
+              height: "8px",
+              bg: "red.500",
+              borderRadius: "full",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            }
+          )
+        ] })
       ] }),
       onClick
     }
   );
 };
 var QuickActionsSection = ({ mt, setCurrentContent }) => {
-  const { account } = useWallet();
+  const { account, smartAccount, connectedWallet } = useWallet();
   const { totalBalance } = useBalances({
     address: account?.address ?? ""
   });
   const { t } = reactI18next.useTranslation();
+  const { data: upgradeRequired } = useUpgradeRequired(
+    smartAccount?.address ?? "",
+    connectedWallet?.address ?? "",
+    3
+  );
+  const { getNotifications } = useNotifications();
+  const notifications = getNotifications();
+  const hasUnreadNotifications = notifications.some((n) => !n.isRead);
+  const showRedDot = upgradeRequired || hasUnreadNotifications;
   return /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { w: "full", mt, spacing: 4, children: [
     /* @__PURE__ */ jsxRuntime.jsx(react.Heading, { size: "xs", fontWeight: "500", w: "full", opacity: 0.5, children: t("Activities") }),
     /* @__PURE__ */ jsxRuntime.jsx(react.Grid, { templateColumns: "repeat(3, 1fr)", gap: 2, w: "full", children: QUICK_ACTIONS.map((action) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -6763,7 +6787,8 @@ var QuickActionsSection = ({ mt, setCurrentContent }) => {
         icon: action.icon,
         label: action.label,
         onClick: () => action.onClick(setCurrentContent),
-        isDisabled: action.isDisabled?.(totalBalance)
+        isDisabled: action.isDisabled?.(totalBalance),
+        showRedDot: showRedDot && action.label === "Settings"
       },
       action.label
     )) })
@@ -6876,6 +6901,7 @@ var AccessAndSecurityContent = ({ setCurrentContent }) => {
   const { t } = reactI18next.useTranslation();
   const { exportWallet } = reactAuth.usePrivy();
   const { showMfaEnrollmentModal } = reactAuth.useMfaEnrollment();
+  const { setWalletRecovery } = reactAuth.useSetWalletRecovery();
   const { connection, smartAccount, connectedWallet } = useWallet();
   const { data: upgradeRequired } = useUpgradeRequired(
     smartAccount?.address ?? "",
@@ -6922,6 +6948,38 @@ var AccessAndSecurityContent = ({ setCurrentContent }) => {
               }
             )
           ] }),
+          upgradeRequired && /* @__PURE__ */ jsxRuntime.jsx(
+            ActionButton,
+            {
+              title: t("Upgrade Smart Account to V3"),
+              description: t(
+                "A new version is available for your account"
+              ),
+              onClick: () => {
+                setCurrentContent({
+                  type: "upgrade-smart-account",
+                  props: {
+                    setCurrentContent,
+                    initialContent: "access-and-security"
+                  }
+                });
+              },
+              leftIcon: io5.IoCogSharp,
+              extraContent: /* @__PURE__ */ jsxRuntime.jsx(
+                react.Box,
+                {
+                  minWidth: "8px",
+                  height: "8px",
+                  bg: "red.500",
+                  borderRadius: "full",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  ml: 2
+                }
+              )
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(
             ActionButton,
             {
@@ -6967,23 +7025,15 @@ var AccessAndSecurityContent = ({ setCurrentContent }) => {
               leftIcon: hi2.HiOutlineShieldCheck
             }
           ),
-          upgradeRequired && /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             ActionButton,
             {
-              title: t("Upgrade Smart Account to V3"),
-              description: t(
-                "A new version is available for your account"
-              ),
+              title: t("Manage Recovery"),
               onClick: () => {
-                setCurrentContent({
-                  type: "upgrade-smart-account",
-                  props: {
-                    setCurrentContent,
-                    initialContent: "access-and-security"
-                  }
-                });
+                setWalletRecovery();
               },
-              leftIcon: hi2.HiOutlineShieldCheck
+              isDisabled: !connection.isConnectedWithSocialLogin,
+              leftIcon: md.MdOutlineSettingsBackupRestore
             }
           )
         ]
@@ -7229,13 +7279,18 @@ var SettingsContent = ({
   const contentRef = React10.useRef(null);
   const { t } = reactI18next.useTranslation();
   const { privy } = useVeChainKitConfig();
-  const { connection, disconnect, account } = useWallet();
+  const { connection, disconnect, account, smartAccount, connectedWallet } = useWallet();
   const { getConnectionCache } = useCrossAppConnectionCache();
   const connectionCache = getConnectionCache();
   const { data: appInfo } = useFetchAppInfo(privy?.appId ?? "");
   const { getNotifications } = useNotifications();
   const notifications = getNotifications();
   const hasUnreadNotifications = notifications.some((n) => !n.isRead);
+  const { data: upgradeRequired } = useUpgradeRequired(
+    smartAccount?.address ?? "",
+    connectedWallet?.address ?? "",
+    3
+  );
   React10.useEffect(() => {
     if (contentRef.current) {
       contentRef.current.scrollTop = 0;
@@ -7296,7 +7351,19 @@ var SettingsContent = ({
             setCurrentContent("access-and-security");
           },
           leftIcon: io5.IoShieldOutline,
-          rightIcon: md.MdOutlineNavigateNext
+          rightIcon: md.MdOutlineNavigateNext,
+          extraContent: upgradeRequired && /* @__PURE__ */ jsxRuntime.jsx(
+            react.Box,
+            {
+              minWidth: "8px",
+              height: "8px",
+              bg: "red.500",
+              borderRadius: "full",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            }
+          )
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -7334,17 +7401,13 @@ var SettingsContent = ({
           extraContent: hasUnreadNotifications && /* @__PURE__ */ jsxRuntime.jsx(
             react.Box,
             {
-              minWidth: "16px",
-              height: "16px",
+              minWidth: "8px",
+              height: "8px",
               bg: "red.500",
               borderRadius: "full",
               display: "flex",
               alignItems: "center",
-              justifyContent: "center",
-              ml: 2,
-              children: /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "xs", color: "white", children: notifications.filter(
-                (n) => !n.isRead
-              ).length })
+              justifyContent: "center"
             }
           )
         }
@@ -8301,6 +8364,10 @@ var SendTokenSummaryContent = ({
     return selectedToken.symbol === "VET" ? transferVETReceipt : transferERC20Receipt;
   };
   const handleSend = async () => {
+    if (upgradeRequired) {
+      openUpgradeSmartAccountModal();
+      return;
+    }
     try {
       if (selectedToken.symbol === "VET") {
         await transferVET();
@@ -8313,11 +8380,6 @@ var SendTokenSummaryContent = ({
   };
   const isTxWaitingConfirmation = transferERC20WaitingForWalletConfirmation || transferVETWaitingForWalletConfirmation;
   const isSubmitting = isTxWaitingConfirmation || transferERC20Pending || transferVETPending;
-  React10.useEffect(() => {
-    if (upgradeRequired) {
-      openUpgradeSmartAccountModal();
-    }
-  }, [upgradeRequired, openUpgradeSmartAccountModal]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(react.ModalHeader, { children: "Send" }),
@@ -8416,7 +8478,7 @@ var SendTokenSummaryContent = ({
         transactionPendingText: t("Sending..."),
         txReceipt: getTxReceipt(),
         buttonText: t("Confirm"),
-        isDisabled: isSubmitting || upgradeRequired
+        isDisabled: isSubmitting
       }
     ) })
   ] });
@@ -8882,17 +8944,16 @@ var ChooseNameSummaryContent = ({
     }
   });
   const handleConfirm = async () => {
+    if (upgradeRequired) {
+      openUpgradeSmartAccountModal();
+      return;
+    }
     try {
       await sendTransaction();
     } catch (error) {
       console.error("Transaction failed:", error);
     }
   };
-  React10.useEffect(() => {
-    if (upgradeRequired) {
-      openUpgradeSmartAccountModal();
-    }
-  }, [upgradeRequired, openUpgradeSmartAccountModal]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(react.ModalHeader, { children: t("Confirm Name") }),
@@ -8926,7 +8987,7 @@ var ChooseNameSummaryContent = ({
         transactionPendingText: t("Claiming name..."),
         txReceipt,
         buttonText: t("Confirm"),
-        isDisabled: isTransactionPending || upgradeRequired
+        isDisabled: isTransactionPending
       }
     ) })
   ] });
@@ -9311,6 +9372,7 @@ var en_default = {
   Mainnet: "Mainnet",
   "Manage Custom Tokens": "Manage Custom Tokens",
   "Manage MFA": "Manage MFA",
+  "Manage Recovery": "Manage Recovery",
   "Manage multi-factor authentication settings for your wallet.": "Manage multi-factor authentication settings for your wallet.",
   "Manage on VeBetterDAO": "Manage on VeBetterDAO",
   "Manage passkey login": "Manage passkey login",
@@ -9792,6 +9854,7 @@ var de_default = {
   Mainnet: "Mainnet",
   "Manage Custom Tokens": "Benutzerdefinierte Token verwalten",
   "Manage MFA": "MFA verwalten",
+  "Manage Recovery": "Wiederherstellung verwalten",
   "Manage multi-factor authentication settings for your wallet.": "Verwalten Sie die Einstellungen zur Multi-Faktor-Authentifizierung f\xFCr Ihr Wallet.",
   "Manage on VeBetterDAO": "Verwalten auf VeBetterDAO",
   "Manage passkey login": "Passkey-Anmeldung verwalten",
@@ -10273,6 +10336,7 @@ var it_default = {
   Mainnet: "Mainnet",
   "Manage Custom Tokens": "Gestisci Token Personalizzati",
   "Manage MFA": "Gestisci MFA",
+  "Manage Recovery": "Gestisci Recupero",
   "Manage multi-factor authentication settings for your wallet.": "Gestisci le impostazioni di autenticazione a pi\xF9 fattori per il tuo portafoglio.",
   "Manage on VeBetterDAO": "Gestisci su VeBetterDAO",
   "Manage passkey login": "Gestisci login con chiave di accesso",
@@ -10754,6 +10818,7 @@ var fr_default = {
   Mainnet: "Mainnet",
   "Manage Custom Tokens": "G\xE9rer les jetons personnalis\xE9s",
   "Manage MFA": "G\xE9rer la MFA",
+  "Manage Recovery": "G\xE9rer la r\xE9cup\xE9ration",
   "Manage multi-factor authentication settings for your wallet.": "G\xE9rez les param\xE8tres d'authentification \xE0 plusieurs facteurs pour votre portefeuille.",
   "Manage on VeBetterDAO": "G\xE9rer sur VeBetterDAO",
   "Manage passkey login": "G\xE9rer la connexion par cl\xE9 de passe",
@@ -11235,6 +11300,7 @@ var es_default = {
   Mainnet: "Red principal",
   "Manage Custom Tokens": "Gestionar tokens personalizados",
   "Manage MFA": "Gestionar MFA",
+  "Manage Recovery": "Gestionar la Recuperaci\xF3n",
   "Manage multi-factor authentication settings for your wallet.": "Gestionar configuraciones de autenticaci\xF3n multifactor para tu billetera.",
   "Manage on VeBetterDAO": "Gestionar en VeBetterDAO",
   "Manage passkey login": "Administrar inicio de sesi\xF3n con llave de acceso",
@@ -11716,6 +11782,7 @@ var zh_default = {
   Mainnet: "\u4E3B\u7F51",
   "Manage Custom Tokens": "\u7BA1\u7406\u81EA\u5B9A\u4E49\u4EE3\u5E01",
   "Manage MFA": "\u7BA1\u7406\u591A\u56E0\u7D20\u8BA4\u8BC1",
+  "Manage Recovery": "\u7BA1\u7406\u6062\u590D",
   "Manage multi-factor authentication settings for your wallet.": "\u7BA1\u7406\u60A8\u94B1\u5305\u7684\u591A\u56E0\u7D20\u8BA4\u8BC1\u8BBE\u7F6E\u3002",
   "Manage on VeBetterDAO": "\u5728VeBetterDAO\u4E0A\u7BA1\u7406",
   "Manage passkey login": "\u7BA1\u7406\u5BC6\u7801\u767B\u5F55",
@@ -12197,6 +12264,7 @@ var ja_default = {
   Mainnet: "\u30E1\u30A4\u30F3\u30CD\u30C3\u30C8",
   "Manage Custom Tokens": "\u30AB\u30B9\u30BF\u30E0\u30C8\u30FC\u30AF\u30F3\u306E\u7BA1\u7406",
   "Manage MFA": "MFA\u3092\u7BA1\u7406\u3059\u308B",
+  "Manage Recovery": "\u30EA\u30AB\u30D0\u30EA\u30FC\u306E\u7BA1\u7406",
   "Manage multi-factor authentication settings for your wallet.": "\u30A6\u30A9\u30EC\u30C3\u30C8\u306E\u591A\u8981\u7D20\u8A8D\u8A3C\u8A2D\u5B9A\u3092\u7BA1\u7406\u3059\u308B\u3002",
   "Manage on VeBetterDAO": "VeBetterDAO\u3067\u7BA1\u7406",
   "Manage passkey login": "\u30D1\u30B9\u30AD\u30FC\u306E\u30ED\u30B0\u30A4\u30F3\u3092\u7BA1\u7406",
@@ -13088,13 +13156,17 @@ var CustomizationSummaryContent = ({
             "Your changes have been saved successfully."
           ),
           onDone: () => {
-            setCurrentContent("settings");
+            setCurrentContent("profile");
           }
         }
       });
     }
   });
   const onSubmit = async (data) => {
+    if (upgradeRequired) {
+      openUpgradeSmartAccountModal();
+      return;
+    }
     try {
       const domain2 = account?.domain ?? "";
       const CHANGES_TO_TEXT_RECORDS = {
@@ -13133,11 +13205,6 @@ var CustomizationSummaryContent = ({
       /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "md", children: value })
     ] });
   };
-  React10.useEffect(() => {
-    if (upgradeRequired) {
-      openUpgradeSmartAccountModal();
-    }
-  }, [upgradeRequired, openUpgradeSmartAccountModal]);
   return /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { as: "form", onSubmit: handleSubmit(onSubmit), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(react.ModalHeader, { children: t("Confirm Changes") }),
@@ -13178,7 +13245,7 @@ var CustomizationSummaryContent = ({
         transactionPendingText: t("Saving changes..."),
         txReceipt,
         buttonText: t("Confirm"),
-        isDisabled: isTransactionPending || upgradeRequired
+        isDisabled: isTransactionPending
       }
     ) })
   ] });
@@ -16928,6 +16995,21 @@ var useUpgradeSmartAccountModal = (style) => {
 var UpgradeSmartAccountModalProvider = ({
   children
 }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+var useProfileModal = () => {
+  const { openAccountModal, closeAccountModal, isAccountModalOpen } = useModal();
+  const open = () => {
+    openAccountModal("profile");
+  };
+  const close = () => {
+    closeAccountModal();
+  };
+  return {
+    open,
+    close,
+    isOpen: isAccountModalOpen
+  };
+};
+var ProfileModalProvider = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 var ERC20Interface4 = chunk5GZ7N47F_cjs.ERC20__factory.createInterface();
 var useTransferERC20 = ({
   fromAddress,
@@ -17708,11 +17790,20 @@ var useVeChainKitConfig = () => {
 };
 var validateConfig = (props) => {
   const errors = [];
-  if (!props.feeDelegation) {
-    errors.push("feeDelegation configuration is required");
-  } else {
-    if (!props.feeDelegation.delegatorUrl) {
-      errors.push("feeDelegation.delegatorUrl is required");
+  const requiresFeeDelegation = props.privy !== void 0 || props.loginMethods?.some(
+    (method35) => method35.method === "vechain" || method35.method === "ecosystem"
+  );
+  if (requiresFeeDelegation) {
+    if (!props.feeDelegation) {
+      errors.push(
+        "feeDelegation configuration is required when using Privy or vechain login method"
+      );
+    } else {
+      if (!props.feeDelegation || !props.feeDelegation.delegatorUrl) {
+        errors.push(
+          "feeDelegation.delegatorUrl is required when using Privy or vechain login method"
+        );
+      }
     }
   }
   if (!props.network) {
@@ -17878,8 +17969,8 @@ var VeChainKitProvider = (props) => {
                   PrivyWalletProvider,
                   {
                     nodeUrl: network.nodeUrl ?? chunkRUIC653T_cjs.getConfig(network.type).nodeUrl,
-                    delegatorUrl: feeDelegation.delegatorUrl,
-                    delegateAllTransactions: feeDelegation.delegateAllTransactions,
+                    delegatorUrl: feeDelegation?.delegatorUrl ?? "",
+                    delegateAllTransactions: feeDelegation?.delegateAllTransactions ?? false,
                     children: /* @__PURE__ */ jsxRuntime.jsx(ModalProvider, { children })
                   }
                 )
@@ -18210,6 +18301,10 @@ Object.defineProperty(exports, "usePrivy", {
   enumerable: true,
   get: function () { return reactAuth.usePrivy; }
 });
+Object.defineProperty(exports, "useSetWalletRecovery", {
+  enumerable: true,
+  get: function () { return reactAuth.useSetWalletRecovery; }
+});
 Object.defineProperty(exports, "DAppKitWalletButton", {
   enumerable: true,
   get: function () { return dappKitReact.WalletButton; }
@@ -18286,6 +18381,7 @@ exports.PrivyButton = PrivyButton;
 exports.PrivyWalletProvider = PrivyWalletProvider;
 exports.ProfileCard = ProfileCard;
 exports.ProfileContent = ProfileContent;
+exports.ProfileModalProvider = ProfileModalProvider;
 exports.QuickActionsSection = QuickActionsSection;
 exports.ReceiveModalProvider = ReceiveModalProvider;
 exports.ReceiveTokenContent = ReceiveTokenContent;
@@ -18573,6 +18669,7 @@ exports.useParticipatedInGovernance = useParticipatedInGovernance;
 exports.useParticipationScoreThreshold = useParticipationScoreThreshold;
 exports.usePassportChecks = usePassportChecks;
 exports.usePrivyWalletProvider = usePrivyWalletProvider;
+exports.useProfileModal = useProfileModal;
 exports.useReceiveModal = useReceiveModal;
 exports.useRefreshBalances = useRefreshBalances;
 exports.useRefreshMetadata = useRefreshMetadata;