@vechain/vechain-kit 1.5.13 → 1.6.0

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, ERC20__factory, SimpleAccountFactory__factory, SimpleAccount__factory, Emissions__factory, X2EarnRewardsPool__factory } from './chunk-FOSPSOWT.js';
-import { getConfig, humanNumber, NodeStrengthLevelToImage, allNodeStrengthLevelToName, notFoundImage, convertUriToUrl, resolveMediaTypeFromMimeType, gmNfts, DEFAULT_PRIVY_ECOSYSTEM_APPS, humanAddress, getPicassoImage, VECHAIN_PRIVY_APP_ID, compareAddresses, isValidAddress, TOKEN_LOGO_COMPONENTS, TOKEN_LOGOS, humanDomain, uploadBlobToIPFS, randomTransactionUser } from './chunk-YPHGCDGO.js';
-export { getConfig } from './chunk-YPHGCDGO.js';
-import { SimpleAccountFactoryABI, VechainLogo, VechainLogoLight, VechainLogoDark, VechainEnergy, PrivyLogo, SimpleAccountABI } from './chunk-G7I2W6XJ.js';
+import { VECHAIN_KIT_MIXPANEL_PROJECT_TOKEN, ENV, getConfig, humanNumber, NodeStrengthLevelToImage, allNodeStrengthLevelToName, notFoundImage, convertUriToUrl, resolveMediaTypeFromMimeType, gmNfts, DEFAULT_PRIVY_ECOSYSTEM_APPS, humanAddress, getPicassoImage, VECHAIN_PRIVY_APP_ID, compareAddresses, isValidAddress, TOKEN_LOGO_COMPONENTS, TOKEN_LOGOS, humanDomain, VECHAIN_KIT_STORAGE_KEYS, uploadBlobToIPFS, randomTransactionUser } from './chunk-WJ5LYJZQ.js';
+export { getConfig } from './chunk-WJ5LYJZQ.js';
+import { SimpleAccountFactoryABI, VechainLogo, VechainLogoLight, VechainLogoDark, VeWorldLogoLight, VeWorldLogoDark, VechainEnergy, PrivyLogo, SimpleAccountABI } from './chunk-Z4FE6MMP.js';
 import './chunk-PZ5AY32C.js';
 import React10, { createContext, useState, useEffect, useMemo, useCallback, useRef, useContext } from 'react';
 import { useLoginWithOAuth, usePrivy, useLoginWithEmail, useMfaEnrollment, useSetWalletRecovery, useLoginWithPasskey as useLoginWithPasskey$1, PrivyProvider } from '@privy-io/react-auth';
@@ -18,11 +18,12 @@ import { abi, Transaction } from 'thor-devkit';
 import imageCompression from 'browser-image-compression';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Interface, formatEther as formatEther$1, isAddress, ethers, namehash, toUtf8String, zeroPadValue, toBeHex, parseEther as parseEther$1 } from 'ethers';
+import VeChainKitMixpanel from 'mixpanel-browser';
 import { z } from 'zod';
 import { useAccount, createConfig, http, WagmiProvider, useConnect, useSignTypedData, useSignMessage, useDisconnect } from 'wagmi';
 import { toPrivyWalletConnector } from '@privy-io/cross-app-connect/rainbow-kit';
 import { isMobile } from 'react-device-detect';
-import { createMultiStyleConfigHelpers, defineStyle, defineStyleConfig, extendTheme, createStandaloneToast, IconButton, VStack, Text, InputGroup, InputLeftElement, Icon, Input, InputRightElement, HStack, Link, Box, useMediaQuery, Modal, ModalOverlay, ModalContent, Button, Image, Skeleton, Spinner, useDisclosure, GridItem, ModalHeader, ModalCloseButton, ModalBody, ModalFooter, Tag, Heading, useColorModeValue, Tabs, TabList, Tab, TabPanels, TabPanel, Grid, Card, CardBody, Alert, AlertIcon, CardHeader, Center, CardFooter, Divider, Container, FormControl, Select, FormLabel, Textarea, Circle, AlertTitle, AlertDescription, Popover, PopoverTrigger, PopoverContent, PopoverBody, PinInput, PinInputField, Stack, Accordion, AccordionItem, AccordionButton, AccordionPanel, List, ChakraProvider, ColorModeScript, ListItem, Flex } from '@chakra-ui/react';
+import { createMultiStyleConfigHelpers, defineStyle, defineStyleConfig, extendTheme, createStandaloneToast, IconButton, VStack, Text, InputGroup, InputLeftElement, Icon, Input, InputRightElement, HStack, Link, Box, useMediaQuery, Modal, ModalOverlay, ModalContent, Button, Image, Skeleton, useDisclosure, GridItem, ModalHeader, ModalCloseButton, ModalBody, ModalFooter, Tag, Heading, useColorModeValue, Tabs, TabList, Tab, TabPanels, TabPanel, Grid, Card, CardBody, Alert, AlertIcon, CardHeader, Center, CardFooter, Divider, Container, FormControl, Select, FormLabel, Textarea, Circle, AlertTitle, AlertDescription, Popover, PopoverTrigger, PopoverContent, PopoverBody, PopoverFooter, Spinner, PinInput, PinInputField, Stack, Accordion, AccordionItem, AccordionButton, AccordionPanel, List, ChakraProvider, ColorModeScript, ListItem, Flex } from '@chakra-ui/react';
 import { motion } from 'framer-motion';
 import { IoChevronBack, IoCheckmarkOutline, IoCopyOutline, IoWalletOutline, IoCloseCircle, IoCogSharp, IoShieldOutline, IoOpenOutline, IoTrashBin, IoChevronUp, IoChevronDown, IoCloseOutline, IoTrashOutline } from 'react-icons/io5';
 import { FaRegAddressCard, FaExternalLinkAlt, FaGlobe, FaEnvelope, FaArrowRight, FaTelegramPlane, FaChevronDown, FaEdit, FaGoogle, FaTwitter, FaPhone, FaSpotify, FaApple, FaInstagram, FaTiktok, FaGithub, FaLinkedin, FaTelegram, FaDiscord as FaDiscord$1, FaWallet, FaPlus } from 'react-icons/fa';
@@ -32,7 +33,6 @@ import { LuMail, LuArrowDownToLine } from 'react-icons/lu';
 import { MdOutlineNavigateNext, MdOutlineSettingsBackupRestore, MdPhotoCamera, MdOutlineRefresh, MdOutlineErrorOutline, MdEmail, MdSwapHoriz } from 'react-icons/md';
 import { FcGoogle, FcCheckmark } from 'react-icons/fc';
 import { IoIosFingerPrint, IoIosArrowForward, IoMdApps, IoMdSettings, IoIosCheckmarkCircleOutline } from 'react-icons/io';
-import { AiOutlineUser } from 'react-icons/ai';
 import { CiCircleMore, CiSearch } from 'react-icons/ci';
 import { VscRefresh, VscDebugDisconnect } from 'react-icons/vsc';
 import { RiLogoutBoxLine, RiEdit2Line, RiTwitterXFill, RiSwap3Line } from 'react-icons/ri';
@@ -40,6 +40,7 @@ import { FiSlash, FiArrowDown, FiSend } from 'react-icons/fi';
 import { GrUserAdmin } from 'react-icons/gr';
 import { GiHouseKeys } from 'react-icons/gi';
 import { BiBell, BiArchive } from 'react-icons/bi';
+import { CgProfile } from 'react-icons/cg';
 import { PiLineVertical } from 'react-icons/pi';
 import { useForm } from 'react-hook-form';
 import { QRCode } from 'react-qrcode-logo';
@@ -2897,6 +2898,445 @@ var useEnsRecordExists = (name) => {
     enabled: !!name
   });
 };
+var APP_SOURCE = document.title || "";
+var PAGE_SOURCE = window?.location?.origin || "";
+if (typeof window !== "undefined" && VECHAIN_KIT_MIXPANEL_PROJECT_TOKEN) {
+  VeChainKitMixpanel.init(VECHAIN_KIT_MIXPANEL_PROJECT_TOKEN, {
+    debug: !ENV.isProduction
+  });
+  if (ENV.isDevelopment) {
+    console.info("Analytics initialized in DEVELOPMENT mode");
+  }
+}
+var isFirstLogin = (userId) => {
+  try {
+    const userDataKey = `user_data_${userId}`;
+    const userData = localStorage.getItem(userDataKey);
+    if (userData) {
+      const parsedData = JSON.parse(userData);
+      return !parsedData.first_login_date;
+    }
+    return true;
+  } catch (e) {
+    console.warn("Error checking first login status", e);
+    return true;
+  }
+};
+var storeUserData = (userId, properties) => {
+  try {
+    const userDataKey = `user_data_${userId}`;
+    const existingData = localStorage.getItem(userDataKey);
+    let userData = properties;
+    if (existingData) {
+      userData = { ...JSON.parse(existingData), ...properties };
+    }
+    localStorage.setItem(userDataKey, JSON.stringify(userData));
+  } catch (e) {
+    console.warn("Error storing user data", e);
+  }
+};
+var trackEvent = (event, properties = {}) => {
+  try {
+    if (!VECHAIN_KIT_MIXPANEL_PROJECT_TOKEN) {
+      console.warn("No project token found");
+      return;
+    }
+    if (typeof navigator !== "undefined" && !navigator.onLine) {
+      return;
+    }
+    VeChainKitMixpanel.track(event, {
+      ...properties,
+      source: APP_SOURCE,
+      page: PAGE_SOURCE
+    });
+  } catch (error) {
+    console.error(`Analytics error when tracking "${event}":`, error);
+  }
+};
+var setUserProperties = (properties, userId) => {
+  try {
+    VeChainKitMixpanel.people.set({
+      ...properties,
+      source: APP_SOURCE,
+      page: PAGE_SOURCE
+    });
+    if (userId) {
+      storeUserData(userId, properties);
+    }
+  } catch (error) {
+    console.error("Error setting user properties:", error);
+  }
+};
+var identifyUser = (userId) => {
+  try {
+    if (!userId) {
+      return;
+    }
+    VeChainKitMixpanel.identify(userId);
+  } catch (error) {
+    console.error("Error identifying user:", error);
+  }
+};
+var incrementUserProperty = (property, value = 1) => {
+  try {
+    VeChainKitMixpanel.people.increment(property, value);
+  } catch (error) {
+    console.error(`Error incrementing property ${property}:`, error);
+  }
+};
+var Analytics = {
+  auth: {
+    trackAuth: (action, properties) => {
+      trackEvent("Auth Flow", {
+        action,
+        ...properties,
+        isError: !!properties?.error
+      });
+    },
+    flowStarted: (loginMethod) => {
+      Analytics.auth.trackAuth("start", {
+        loginMethod
+      });
+    },
+    tryAgain: (method35, platform) => {
+      Analytics.auth.trackAuth("try_again", {
+        loginMethod: method35,
+        platform
+      });
+    },
+    methodSelected: (method35) => {
+      Analytics.auth.trackAuth("method_selected", {
+        loginMethod: method35
+      });
+    },
+    completed: ({
+      userId,
+      loginMethod,
+      platform
+    }) => {
+      if (userId) {
+        identifyUser(userId);
+        setUserProperties(
+          {
+            last_login_date: (/* @__PURE__ */ new Date()).toISOString(),
+            preferred_login_method: loginMethod
+          },
+          userId
+        );
+        if (isFirstLogin(userId)) {
+          Analytics.user.profile.markFirstLogin(userId);
+        }
+      }
+      incrementUserProperty("total_logins");
+      Analytics.auth.trackAuth("connect_success", {
+        loginMethod,
+        platform
+      });
+    },
+    failed: (loginMethod, reason) => {
+      Analytics.auth.trackAuth("connect_failed", {
+        loginMethod,
+        error: reason
+      });
+    },
+    dropOff: (stage, properties) => {
+      Analytics.auth.trackAuth("drop_off", {
+        dropOffStage: stage,
+        ...properties
+      });
+    },
+    connectionListViewed: (totalConnections) => {
+      Analytics.auth.trackAuth("start", { totalConnections });
+    },
+    walletConnectInitiated: (walletType) => {
+      Analytics.auth.trackAuth("connect_initiated", {
+        loginMethod: walletType
+      });
+    },
+    walletDisconnectInitiated: () => {
+      Analytics.auth.trackAuth("disconnect_initiated");
+    },
+    logoutCompleted: () => {
+      Analytics.auth.trackAuth("logout");
+    }
+  },
+  user: {
+    profile: {
+      trackAccount: (action, properties) => {
+        trackEvent("Account Flow", {
+          action,
+          ...properties,
+          isError: !!properties?.error
+        });
+      },
+      markFirstLogin: (userId) => {
+        const firstLoginDate = (/* @__PURE__ */ new Date()).toISOString();
+        setUserProperties({ first_login_date: firstLoginDate }, userId);
+        trackEvent("First Login", { date: firstLoginDate });
+      },
+      markActive: (userId) => {
+        const activeDate = (/* @__PURE__ */ new Date()).toISOString();
+        setUserProperties({ last_active: activeDate }, userId);
+      },
+      viewed: () => Analytics.user.profile.trackAccount("view"),
+      addressCopied: (fromScreen) => Analytics.user.profile.trackAccount("address_copied", {
+        fromScreen
+      }),
+      customiseOpened: () => Analytics.user.profile.trackAccount("customise_opened")
+    }
+  },
+  customization: {
+    trackCustomization: (action, properties) => {
+      trackEvent("Customization Flow", {
+        action,
+        ...properties,
+        isError: !!properties?.error
+      });
+    },
+    started: () => {
+      Analytics.customization.trackCustomization("started");
+    },
+    completed: (changes) => {
+      Analytics.customization.trackCustomization("completed", changes);
+    },
+    dropOff: ({
+      stage,
+      reason,
+      error
+    }) => {
+      Analytics.customization.trackCustomization("drop_off", {
+        stage,
+        reason,
+        error
+      });
+    },
+    imageUploaded: (success, error) => {
+      Analytics.customization.trackCustomization("image_upload", {
+        success,
+        error
+      });
+    },
+    failed: (stage, error) => {
+      Analytics.customization.trackCustomization("customization_failed", {
+        stage,
+        error
+      });
+    }
+  },
+  swap: {
+    trackSwap: (action, properties) => {
+      trackEvent("Swap Flow", {
+        action,
+        ...properties,
+        isError: !!properties?.error
+      });
+    },
+    opened: () => Analytics.swap.trackSwap("view"),
+    buttonClicked: () => Analytics.swap.trackSwap("button_click"),
+    launchBetterSwap: () => Analytics.swap.trackSwap("launch_better_swap")
+  },
+  wallet: {
+    trackWallet: (action, properties) => {
+      trackEvent("Wallet Flow", {
+        action,
+        ...properties,
+        isError: !!properties?.error
+      });
+    },
+    opened: (connected) => Analytics.wallet.trackWallet("view", { connected }),
+    closed: (connected) => Analytics.wallet.trackWallet("close", { connected }),
+    balanceRefreshed: () => Analytics.wallet.trackWallet("balance_refresh"),
+    assetsViewed: () => Analytics.wallet.trackWallet("assets_view"),
+    maxTokenSelected: (tokenSymbol) => Analytics.wallet.trackWallet("max_token_selected", { tokenSymbol }),
+    receiveQRGenerated: () => Analytics.wallet.trackWallet("receive_qr_generated"),
+    addressCopied: (context) => Analytics.wallet.trackWallet("address_copied", { context })
+  },
+  send: {
+    trackSend: (action, properties) => {
+      trackEvent("Send Flow", {
+        action,
+        ...properties,
+        isError: !!properties?.error
+      });
+    },
+    initiated: (tokenSymbol, recipientType) => Analytics.send.trackSend("initiated", {
+      tokenSymbol,
+      recipientType
+    }),
+    completed: (tokenSymbol, amount, txHash, transactionType) => Analytics.send.trackSend("completed", {
+      tokenSymbol,
+      amount,
+      txHash,
+      transactionType
+    }),
+    flow: (action, properties) => {
+      Analytics.send.trackSend(action, properties);
+    },
+    tokenSearchPerformed: (query) => Analytics.send.trackSend("token_search", {
+      query
+    }),
+    tokenPageViewed: (tokenSymbol) => Analytics.send.trackSend("token_page_view", {
+      tokenSymbol
+    }),
+    tokenSelected: (tokenSymbol) => Analytics.send.trackSend("token_selected", {
+      tokenSymbol
+    })
+  },
+  bridge: {
+    trackBridge: (action, properties) => {
+      trackEvent("Bridge Flow", {
+        action,
+        ...properties,
+        isError: !!properties?.error
+      });
+    },
+    opened: () => Analytics.bridge.trackBridge("view"),
+    buttonClicked: () => Analytics.bridge.trackBridge("button_click"),
+    launchVeChainEnergy: () => Analytics.bridge.trackBridge("launch_vechain_energy")
+  },
+  ecosystem: {
+    trackEcosystem: (action, properties) => {
+      trackEvent("Ecosystem Flow", {
+        action,
+        ...properties,
+        isError: !!properties?.error
+      });
+    },
+    opened: () => Analytics.ecosystem.trackEcosystem("view"),
+    buttonClicked: () => Analytics.ecosystem.trackEcosystem("button_click"),
+    searchPerformed: (query, resultsCount) => Analytics.ecosystem.trackEcosystem("search", {
+      query,
+      resultsCount
+    }),
+    appSelected: (appName) => Analytics.ecosystem.trackEcosystem("app_select", { appName }),
+    launchApp: (appName) => Analytics.ecosystem.trackEcosystem("app_launch", { appName }),
+    addAppToShortcuts: (appName) => Analytics.ecosystem.trackEcosystem("add_shortcut", { appName })
+  },
+  settings: {
+    trackSettings: (action, properties) => {
+      trackEvent("Settings Flow", {
+        action,
+        ...properties,
+        isError: !!properties?.error
+      });
+    },
+    opened: (section) => Analytics.settings.trackSettings("view", { section }),
+    accessAndSecurityViewed: () => Analytics.settings.trackSettings("security_view"),
+    embeddedWalletViewed: () => Analytics.settings.trackSettings("embedded_wallet_view"),
+    connectionDetailsViewed: () => Analytics.settings.trackSettings("connection_view"),
+    manageSecuritySettings: () => Analytics.settings.trackSettings("manage_security_settings"),
+    language: {
+      changed: (language, previousLanguage) => Analytics.settings.trackSettings("language_changed", {
+        language,
+        previousLanguage
+      })
+    }
+  },
+  nameSelection: {
+    trackNameSelection: (action, properties) => {
+      trackEvent("Name Selection Flow", {
+        action,
+        ...properties,
+        isError: !!properties?.error
+      });
+    },
+    started: (source) => {
+      Analytics.nameSelection.trackNameSelection(
+        "name_selection_started",
+        {
+          source
+        }
+      );
+    },
+    completed: (name, isOwnDomain) => {
+      Analytics.nameSelection.trackNameSelection(
+        "name_selection_completed",
+        {
+          newName: name,
+          isOwnDomain
+        }
+      );
+    },
+    dropOff: (stage, properties) => {
+      Analytics.nameSelection.trackNameSelection(
+        "name_selection_drop_off",
+        {
+          stage,
+          ...properties
+        }
+      );
+    },
+    failed: (stage, properties) => {
+      Analytics.nameSelection.trackNameSelection(
+        "name_selection_failed",
+        {
+          stage,
+          ...properties
+        }
+      );
+    },
+    retry: (stage) => {
+      Analytics.nameSelection.trackNameSelection("name_selection_retry", {
+        stage
+      });
+    },
+    searched: (name, isAvailable) => {
+      Analytics.nameSelection.trackNameSelection(
+        "name_selection_searched",
+        {
+          newName: name,
+          isAvailable
+        }
+      );
+    }
+  },
+  notifications: {
+    trackNotification: (action, properties) => {
+      trackEvent("Notification Flow", {
+        action,
+        ...properties
+      });
+    },
+    viewed: () => {
+      Analytics.notifications.trackNotification("view");
+    },
+    cleared: (notificationType, count) => {
+      Analytics.notifications.trackNotification("clear", {
+        notificationType,
+        totalCount: count
+      });
+    },
+    archived: (notificationType) => {
+      Analytics.notifications.trackNotification("archive", {
+        notificationType
+      });
+    },
+    toggleView: (viewType) => {
+      Analytics.notifications.trackNotification("toggle_view", {
+        viewType
+      });
+    },
+    dismissed: (notificationType) => {
+      Analytics.notifications.trackNotification("dismiss", {
+        notificationType
+      });
+    }
+  },
+  help: {
+    trackFAQ: (action, properties) => {
+      trackEvent("FAQ Flow", {
+        action,
+        ...properties,
+        isError: !!properties?.error
+      });
+    },
+    pageViewed: () => Analytics.help.trackFAQ("view"),
+    faqViewed: (faqId, faqTitle) => Analytics.help.trackFAQ("faq_opened", { faqId, faqTitle }),
+    categorySelected: (category) => Analytics.help.trackFAQ("category_selected", { category }),
+    questionExpanded: (faqId, faqTitle) => Analytics.help.trackFAQ("question_expanded", { faqId, faqTitle }),
+    searchPerformed: (searchQuery, resultsCount) => Analytics.help.trackFAQ("search", { searchQuery, resultsCount })
+  }
+};
 var useRefreshMetadata = (domain, address) => {
   const queryClient = useQueryClient();
   const { network } = useVeChainKitConfig();
@@ -3082,6 +3522,7 @@ var useClaimVeWorldSubdomain = ({
       network.type
     );
     refreshMetadata();
+    Analytics.nameSelection.completed(subdomain, alreadyOwned);
     onSuccess?.();
   }, [
     onSuccess,
@@ -3100,7 +3541,9 @@ var useClaimVeWorldSubdomain = ({
       buttonText: "Sign to continue"
     },
     onTxConfirmed: handleOnSuccess,
-    onTxFailedOrCancelled: onError
+    onTxFailedOrCancelled: () => {
+      onError?.();
+    }
   });
   return {
     ...result,
@@ -3263,27 +3706,200 @@ var useGetDomainsOfAddress = (address, parentDomain) => {
     enabled: !!address && !!network.type
   });
 };
-var getAvatar = async (name, networkType) => {
+var nameInterface = new Interface([
+  "function resolver(bytes32 node) returns (address resolverAddress)",
+  "function text(bytes32 node, string key) returns (string avatar)"
+]);
+var erc721Interface = new Interface([
+  "function tokenURI(uint256 tokenId) view returns (string)",
+  "function uri(uint256 id) view returns (string)"
+]);
+var getAvatarLegacy = async (networkType, nodeUrl, name) => {
   if (!name) throw new Error("Name is required");
+  const node = namehash(name);
   try {
-    const response = await fetch(
-      `${getConfig(networkType).vetDomainAvatarUrl}/${name}`
+    const resolverResponse = await fetch(`${nodeUrl}/accounts/*`, {
+      method: "POST",
+      headers: {
+        "content-type": "application/json"
+      },
+      body: JSON.stringify({
+        clauses: [
+          {
+            to: getConfig(networkType).vetDomainsContractAddress,
+            data: nameInterface.encodeFunctionData("resolver", [
+              node
+            ])
+          }
+        ]
+      })
+    });
+    const [{ data: resolverData, reverted: noResolver }] = await resolverResponse.json();
+    if (noResolver) {
+      return null;
+    }
+    const { resolverAddress } = nameInterface.decodeFunctionResult(
+      "resolver",
+      resolverData
     );
-    if (!response.ok) {
+    const avatarResponse = await fetch(`${nodeUrl}/accounts/*`, {
+      method: "POST",
+      headers: {
+        "content-type": "application/json"
+      },
+      body: JSON.stringify({
+        clauses: [
+          {
+            to: resolverAddress,
+            data: nameInterface.encodeFunctionData("text", [
+              node,
+              "avatar"
+            ])
+          }
+        ]
+      })
+    });
+    const [{ data: lookupData, reverted: noLookup }] = await avatarResponse.json();
+    if (noLookup || lookupData === "0x") {
+      return null;
+    }
+    try {
+      const { avatar } = nameInterface.decodeFunctionResult(
+        "text",
+        lookupData
+      );
+      const avatarRecord = avatar === "" ? null : avatar;
+      if (!avatarRecord) return null;
+      return parseAvatarRecord(avatarRecord, networkType, nodeUrl);
+    } catch (decodeError) {
+      console.error("Failed to decode avatar data:", decodeError);
       return null;
     }
-    const blob = await response.blob();
+  } catch (error) {
+    console.error("Error fetching avatar using legacy API:", error);
+    throw error;
+  }
+};
+var getAvatarLegacyQueryKey = (name, networkType) => ["VECHAIN_KIT", "VET_DOMAINS", "AVATAR", "LEGACY", name, networkType];
+async function parseAvatarRecord(record, networkType, nodeUrl) {
+  try {
+    if (record.startsWith("http") || record.startsWith("ipfs://") || record.startsWith("ar://")) {
+      return convertUriToUrl(record, networkType) || null;
+    }
+    const match = record.match(
+      /eip155:(\d+)\/(?:erc721|erc1155):([^/]+)\/(\d+)/
+    );
+    if (match) {
+      const [, chainId, contractAddress, tokenId] = match;
+      const isErc1155 = record.includes("erc1155");
+      if (!chainId || !contractAddress || tokenId === void 0) {
+        return null;
+      }
+      const clauses = [
+        {
+          to: contractAddress,
+          data: erc721Interface.encodeFunctionData(
+            isErc1155 ? "uri" : "tokenURI",
+            [BigInt(tokenId)]
+          )
+        }
+      ];
+      const [{ data, reverted }] = await fetch(`${nodeUrl}/accounts/*`, {
+        method: "POST",
+        headers: {
+          "content-type": "application/json"
+        },
+        body: JSON.stringify({ clauses })
+      }).then((res) => res.json());
+      if (reverted) {
+        console.error("Failed to fetch tokenURI");
+        return null;
+      }
+      let tokenUri = "";
+      try {
+        tokenUri = erc721Interface.decodeFunctionResult(
+          isErc1155 ? "uri" : "tokenURI",
+          data
+        )[0];
+      } catch (e) {
+        console.error("Failed to decode avatar data:", e);
+        tokenUri = toUtf8String(data);
+      }
+      tokenUri = convertUriToUrl(tokenUri, networkType) || tokenUri;
+      if (isErc1155) {
+        tokenUri = tokenUri.replace(
+          "{id}",
+          zeroPadValue(toBeHex(BigInt(tokenId)), 32).slice(2)
+        );
+      }
+      const metadataResponse = await fetch(tokenUri);
+      if (!metadataResponse.ok) {
+        console.error("Failed to fetch metadata");
+        return null;
+      }
+      const metadata = await metadataResponse.json();
+      const imageUrl = metadata.image || metadata.image_url || metadata.image_data;
+      if (!imageUrl) {
+        console.error("No image URL in metadata");
+        return null;
+      }
+      return convertUriToUrl(imageUrl, networkType) || imageUrl;
+    }
+    return null;
+  } catch (error) {
+    console.error("Error parsing avatar record:", error);
+    return null;
+  }
+}
+var useGetAvatarLegacy = (name) => {
+  const { network } = useVeChainKitConfig();
+  const nodeUrl = network.nodeUrl ?? getConfig(network.type).nodeUrl;
+  const avatarQuery = useQuery({
+    queryKey: getAvatarLegacyQueryKey(name ?? "", network.type),
+    queryFn: async () => {
+      if (!name) return null;
+      return getAvatarLegacy(network.type, nodeUrl, name);
+    },
+    enabled: !!name && !!nodeUrl && !!network.type
+  });
+  return avatarQuery;
+};
+
+// src/hooks/api/vetDomains/useGetAvatar.ts
+var getAvatar = async (name, network) => {
+  if (!name) throw new Error("Name is required");
+  const result = await fetchAvatar(name, network) || await fetchAvatarDirectly(name, network);
+  if (!result) return null;
+  if (result instanceof Blob) {
     return new Promise((resolve) => {
       const reader = new FileReader();
-      reader.readAsDataURL(blob);
+      reader.readAsDataURL(result);
       reader.onloadend = () => {
         resolve(reader.result);
       };
     });
+  }
+  return result;
+};
+var fetchAvatar = async (name, network) => {
+  try {
+    const response = await fetch(
+      `${getConfig(network.type).vetDomainAvatarUrl}/${name}`
+    );
+    if (response.ok) {
+      return response.blob();
+    }
   } catch (error) {
     console.error("Error fetching avatar:", error);
-    return null;
   }
+  return null;
+};
+var fetchAvatarDirectly = async (name, network) => {
+  const nodeUrl = network.nodeUrl ?? getConfig(network.type).nodeUrl;
+  if (!nodeUrl) return null;
+  const avatar = await getAvatarLegacy(network.type, nodeUrl, name);
+  if (!avatar) return null;
+  return avatar;
 };
 var getAvatarQueryKey = (name, networkType) => [
   "VECHAIN_KIT",
@@ -3298,13 +3914,13 @@ var useGetAvatar = (name) => {
     queryKey: getAvatarQueryKey(name ?? "", network.type),
     queryFn: async () => {
       if (!name) return null;
-      return getAvatar(name, network.type);
+      return getAvatar(name, network);
     },
     enabled: !!name && !!network.type
   });
   return avatarQuery;
 };
-var nameInterface = new Interface([
+var nameInterface2 = new Interface([
   "function resolver(bytes32 node) returns (address resolverAddress)",
   "function text(bytes32 node, string key) view returns (string)"
 ]);
@@ -3321,7 +3937,7 @@ var getTextRecords = async (nodeUrl, network, domain) => {
         clauses: [
           {
             to: getConfig(network).vetDomainsContractAddress,
-            data: nameInterface.encodeFunctionData("resolver", [
+            data: nameInterface2.encodeFunctionData("resolver", [
               node
             ])
           }
@@ -3332,7 +3948,7 @@ var getTextRecords = async (nodeUrl, network, domain) => {
     if (noResolver) {
       return {};
     }
-    const { resolverAddress } = nameInterface.decodeFunctionResult(
+    const { resolverAddress } = nameInterface2.decodeFunctionResult(
       "resolver",
       resolverData
     );
@@ -3344,7 +3960,7 @@ var getTextRecords = async (nodeUrl, network, domain) => {
       body: JSON.stringify({
         clauses: ENS_TEXT_RECORDS.map((key) => ({
           to: resolverAddress,
-          data: nameInterface.encodeFunctionData("text", [node, key])
+          data: nameInterface2.encodeFunctionData("text", [node, key])
         }))
       })
     });
@@ -3353,7 +3969,7 @@ var getTextRecords = async (nodeUrl, network, domain) => {
       (acc, { data, reverted }, index) => {
         if (!reverted && data && data !== "0x") {
           try {
-            const value = nameInterface.decodeFunctionResult(
+            const value = nameInterface2.decodeFunctionResult(
               "text",
               data
             )[0];
@@ -3503,7 +4119,9 @@ var useSendTransaction = ({
         setSendTransactionError(
           error2 instanceof Error ? error2.message : String(error2)
         );
-        onTxFailedOrCancelled?.();
+        onTxFailedOrCancelled?.(
+          error2 instanceof Error ? error2 : new Error(String(error2))
+        );
       } finally {
         setSendTransactionPending(false);
       }
@@ -3610,7 +4228,7 @@ var useSendTransaction = ({
 };
 
 // src/hooks/api/vetDomains/useUpdateTextRecord.ts
-var nameInterface2 = new Interface([
+var nameInterface3 = new Interface([
   "function resolver(bytes32 node) returns (address resolverAddress)",
   "function setText(bytes32 node, string key, string value) external"
 ]);
@@ -3630,7 +4248,7 @@ var useUpdateTextRecord = ({
         const node = namehash(domain);
         clauses.push({
           to: resolverAddress,
-          data: nameInterface2.encodeFunctionData("setText", [
+          data: nameInterface3.encodeFunctionData("setText", [
             node,
             key,
             value
@@ -3645,9 +4263,11 @@ var useUpdateTextRecord = ({
   );
   const result = useSendTransaction({
     signerAccountAddress,
-    onTxConfirmed: onSuccess,
+    onTxConfirmed: async () => {
+      await onSuccess?.();
+    },
     onTxFailedOrCancelled: async () => {
-      onError?.();
+      await onError?.();
     },
     privyUIOptions: {
       title: "Update Profile Information",
@@ -3662,7 +4282,7 @@ var useUpdateTextRecord = ({
     }
   };
 };
-var nameInterface3 = new Interface([
+var nameInterface4 = new Interface([
   "function resolver(bytes32 node) returns (address resolverAddress)"
 ]);
 var getResolverAddress = async (nodeUrl, network, domain) => {
@@ -3675,14 +4295,14 @@ var getResolverAddress = async (nodeUrl, network, domain) => {
       clauses: [
         {
           to: getConfig(network).vetDomainsContractAddress,
-          data: nameInterface3.encodeFunctionData("resolver", [node])
+          data: nameInterface4.encodeFunctionData("resolver", [node])
         }
       ]
     })
   });
   const [{ data: resolverData, reverted: noResolver }] = await resolverResponse.json();
   if (noResolver) throw new Error("Failed to get resolver address");
-  const { resolverAddress } = nameInterface3.decodeFunctionResult(
+  const { resolverAddress } = nameInterface4.decodeFunctionResult(
     "resolver",
     resolverData
   );
@@ -3725,164 +4345,6 @@ var useGetAvatarOfAddress = (address) => {
     enabled: !!address && domainsQuery.isSuccess && (primaryDomain ? avatarQuery.isSuccess : true)
   });
 };
-var nameInterface4 = new Interface([
-  "function resolver(bytes32 node) returns (address resolverAddress)",
-  "function text(bytes32 node, string key) returns (string avatar)"
-]);
-var erc721Interface = new Interface([
-  "function tokenURI(uint256 tokenId) view returns (string)",
-  "function uri(uint256 id) view returns (string)"
-]);
-var getAvatarLegacy = async (networkType, nodeUrl, name) => {
-  if (!name) throw new Error("Name is required");
-  const node = namehash(name);
-  try {
-    const resolverResponse = await fetch(`${nodeUrl}/accounts/*`, {
-      method: "POST",
-      headers: {
-        "content-type": "application/json"
-      },
-      body: JSON.stringify({
-        clauses: [
-          {
-            to: getConfig(networkType).vetDomainsContractAddress,
-            data: nameInterface4.encodeFunctionData("resolver", [
-              node
-            ])
-          }
-        ]
-      })
-    });
-    const [{ data: resolverData, reverted: noResolver }] = await resolverResponse.json();
-    if (noResolver) {
-      return null;
-    }
-    const { resolverAddress } = nameInterface4.decodeFunctionResult(
-      "resolver",
-      resolverData
-    );
-    const avatarResponse = await fetch(`${nodeUrl}/accounts/*`, {
-      method: "POST",
-      headers: {
-        "content-type": "application/json"
-      },
-      body: JSON.stringify({
-        clauses: [
-          {
-            to: resolverAddress,
-            data: nameInterface4.encodeFunctionData("text", [
-              node,
-              "avatar"
-            ])
-          }
-        ]
-      })
-    });
-    const [{ data: lookupData, reverted: noLookup }] = await avatarResponse.json();
-    if (noLookup || lookupData === "0x") {
-      return null;
-    }
-    try {
-      const { avatar } = nameInterface4.decodeFunctionResult(
-        "text",
-        lookupData
-      );
-      const avatarRecord = avatar === "" ? null : avatar;
-      if (!avatarRecord) return null;
-      return parseAvatarRecord(avatarRecord, networkType, nodeUrl);
-    } catch (decodeError) {
-      console.error("Failed to decode avatar data:", decodeError);
-      return null;
-    }
-  } catch (error) {
-    console.error("Error fetching avatar:", error);
-    throw error;
-  }
-};
-var getAvatarLegacyQueryKey = (name, networkType) => ["VECHAIN_KIT", "VET_DOMAINS", "AVATAR", "LEGACY", name, networkType];
-async function parseAvatarRecord(record, networkType, nodeUrl) {
-  try {
-    if (record.startsWith("http") || record.startsWith("ipfs://") || record.startsWith("ar://")) {
-      return convertUriToUrl(record, networkType) || null;
-    }
-    const match = record.match(
-      /eip155:(\d+)\/(?:erc721|erc1155):([^/]+)\/(\d+)/
-    );
-    if (match) {
-      const [, chainId, contractAddress, tokenId] = match;
-      const isErc1155 = record.includes("erc1155");
-      if (!chainId || !contractAddress || tokenId === void 0) {
-        return null;
-      }
-      const clauses = [
-        {
-          to: contractAddress,
-          data: erc721Interface.encodeFunctionData(
-            isErc1155 ? "uri" : "tokenURI",
-            [BigInt(tokenId)]
-          )
-        }
-      ];
-      const [{ data, reverted }] = await fetch(`${nodeUrl}/accounts/*`, {
-        method: "POST",
-        headers: {
-          "content-type": "application/json"
-        },
-        body: JSON.stringify({ clauses })
-      }).then((res) => res.json());
-      if (reverted) {
-        console.error("Failed to fetch tokenURI");
-        return null;
-      }
-      let tokenUri = "";
-      try {
-        tokenUri = erc721Interface.decodeFunctionResult(
-          isErc1155 ? "uri" : "tokenURI",
-          data
-        )[0];
-      } catch (e) {
-        console.error("Failed to decode avatar data:", e);
-        tokenUri = toUtf8String(data);
-      }
-      tokenUri = convertUriToUrl(tokenUri, networkType) || tokenUri;
-      if (isErc1155) {
-        tokenUri = tokenUri.replace(
-          "{id}",
-          zeroPadValue(toBeHex(BigInt(tokenId)), 32).slice(2)
-        );
-      }
-      const metadataResponse = await fetch(tokenUri);
-      if (!metadataResponse.ok) {
-        console.error("Failed to fetch metadata");
-        return null;
-      }
-      const metadata = await metadataResponse.json();
-      const imageUrl = metadata.image || metadata.image_url || metadata.image_data;
-      if (!imageUrl) {
-        console.error("No image URL in metadata");
-        return null;
-      }
-      return convertUriToUrl(imageUrl, networkType) || imageUrl;
-    }
-    return null;
-  } catch (error) {
-    console.error("Error parsing avatar record:", error);
-    return null;
-  }
-}
-var useGetAvatarLegacy = (name) => {
-  const { network } = useVeChainKitConfig();
-  const nodeUrl = network.nodeUrl ?? getConfig(network.type).nodeUrl;
-  const avatarQuery = useQuery({
-    queryKey: getAvatarLegacyQueryKey(name ?? "", network.type),
-    queryFn: async () => {
-      if (!name) return null;
-      return getAvatarLegacy(network.type, nodeUrl, name);
-    },
-    enabled: !!name && !!nodeUrl && !!network.type
-  });
-  return avatarQuery;
-};
 var ReverseRegistrarInterface3 = IReverseRegistrar__factory.createInterface();
 var useUnsetDomain = ({
   onSuccess,
@@ -4064,6 +4526,17 @@ var useBalances = ({ address = "" }) => {
     customTokensLoading
   ]);
 };
+
+// src/utils/StringUtils.ts
+var isRejectionError = (errorMessage) => {
+  if (!errorMessage) return false;
+  const rejectionTerms = ["rejected", "cancelled", "user denied", "closed"];
+  return rejectionTerms.some(
+    (term) => errorMessage.toLowerCase().includes(term.toLowerCase())
+  );
+};
+
+// src/utils/handlePopupError.ts
 var handlePopupError = ({
   error,
   mobileBrowserPopupMessage = "Mobile browser blocked the window. Please try again.",
@@ -4071,10 +4544,10 @@ var handlePopupError = ({
   defaultMessage = "Operation failed"
 }) => {
   const errorMsg = error?.message;
-  if (isMobile && !errorMsg?.includes("rejected")) {
+  if (isMobile && errorMsg && !isRejectionError(errorMsg)) {
     return new Error(mobileBrowserPopupMessage);
   }
-  if (errorMsg?.includes("rejected") || errorMsg?.includes("closed")) {
+  if (errorMsg && isRejectionError(errorMsg)) {
     return new Error(rejectedMessage);
   }
   return error instanceof Error ? error : new Error(defaultMessage);
@@ -4216,14 +4689,12 @@ var usePrivyCrossAppSdk = () => {
 // src/hooks/api/wallet/useWalletMetadata.ts
 var useWalletMetadata = (address, networkType) => {
   const { data: domain, isLoading: isLoadingVechainDomain } = useVechainDomain(address ?? "");
-  const { data: avatar, isLoading: isLoadingMetadata } = useGetAvatar(
-    domain?.domain ?? ""
-  );
+  const { data: avatar, isLoading: isLoadingMetadata } = useGetAvatarOfAddress(address ?? "");
   const { data: textRecords, isLoading: isLoadingRecords } = useGetTextRecords(domain?.domain ?? "");
   const headerUrl = textRecords?.header ? convertUriToUrl(textRecords.header, networkType) : null;
   return {
     domain: domain?.domain,
-    image: avatar ?? getPicassoImage(address ?? ""),
+    image: avatar,
     records: {
       ...textRecords,
       header: headerUrl
@@ -5399,7 +5870,8 @@ var AddressDisplay = ({
   wallet,
   label,
   style,
-  showHumanAddress = true
+  showHumanAddress = true,
+  fromScreen
 }) => {
   const [copied, setCopied] = useState(false);
   const [copiedDomain, setCopiedDomain] = useState(false);
@@ -5409,6 +5881,7 @@ var AddressDisplay = ({
     setTimeout(() => {
       setCopied2(false);
     }, 2e3);
+    Analytics.user.profile.addressCopied(fromScreen);
   };
   return /* @__PURE__ */ jsx(VStack, { w: "full", justifyContent: "center", ...style, children: /* @__PURE__ */ jsxs(VStack, { w: "full", spacing: 4, children: [
     label && /* @__PURE__ */ jsx(Text, { fontSize: "sm", opacity: 0.7, children: label }),
@@ -5510,7 +5983,7 @@ var AddressDisplay = ({
 // package.json
 var package_default = {
   name: "@vechain/vechain-kit",
-  version: "1.5.13",
+  version: "1.6.0",
   private: false,
   homepage: "https://github.com/vechain/vechain-kit",
   repository: "github:vechain/vechain-kit",
@@ -5536,9 +6009,10 @@ var package_default = {
   dependencies: {
     "@chakra-ui/react": "^2.8.2",
     "@choc-ui/chakra-autocomplete": "^5.3.0",
-    "@privy-io/cross-app-connect": "0.1.8-beta-20250228192559",
-    "@privy-io/react-auth": "2.4.5",
+    "@privy-io/cross-app-connect": "0.1.8",
+    "@privy-io/react-auth": "2.8.0",
     "@rainbow-me/rainbowkit": "^2.1.5",
+    "@solana/web3.js": "^1.98.0",
     "@tanstack/react-query": "^5.64.2",
     "@tanstack/react-query-devtools": "^5.64.1",
     "@vechain/dapp-kit-react": "1.5.0",
@@ -5557,6 +6031,7 @@ var package_default = {
     "https-browserify": "^1.0.0",
     i18next: "^24.2.1",
     "i18next-browser-languagedetector": "^8.0.2",
+    "mixpanel-browser": "^2.61.1",
     net: "^1.0.2",
     process: "^0.11.10",
     react: "^18.2.0",
@@ -5572,6 +6047,7 @@ var package_default = {
     wagmi: "^2.13.4"
   },
   devDependencies: {
+    "@types/mixpanel-browser": "^2.51.0",
     "@types/react": "^18.2.28",
     "@types/react-dom": "^18.2.13",
     "cross-env": "^7.0.3",
@@ -5970,8 +6446,15 @@ var AccountAvatar = ({ wallet, props }) => {
       previousImageRef.current = wallet.image;
     }
   }, [wallet?.image, wallet?.isLoadingMetadata]);
-  if (wallet?.isLoadingMetadata && !previousImageRef.current) {
-    return /* @__PURE__ */ jsx(Spinner, { size: "sm" });
+  if (!props?.src && !wallet?.image && !previousImageRef.current || wallet?.isLoadingMetadata) {
+    return /* @__PURE__ */ jsx(
+      Skeleton,
+      {
+        rounded: "full",
+        width: props?.width,
+        height: props?.height
+      }
+    );
   }
   return /* @__PURE__ */ jsx(
     Image,
@@ -5980,7 +6463,6 @@ var AccountAvatar = ({ wallet, props }) => {
       alt: props?.alt || wallet?.domain,
       objectFit: "cover",
       rounded: "full",
-      fallbackSrc: getPicassoImage(wallet?.address ?? ""),
       ...props
     }
   );
@@ -5990,12 +6472,14 @@ var TransactionButtonAndStatus = ({
   isSubmitting,
   isTxWaitingConfirmation,
   onConfirm,
+  onRetry,
   transactionPendingText,
   txReceipt,
   isSubmitForm = false,
   buttonText,
   isDisabled = false,
-  style
+  style,
+  onError
 }) => {
   const { t } = useTranslation();
   const { darkMode: isDark } = useVeChainKitConfig();
@@ -6004,6 +6488,11 @@ var TransactionButtonAndStatus = ({
     if (!transactionError) return null;
     return transactionError.reason || t("Something went wrong. Please try again.");
   }, [transactionError, t]);
+  useEffect(() => {
+    if (errorMessage) {
+      onError?.(errorMessage);
+    }
+  }, [errorMessage, onError]);
   const buttonBg = useMemo(() => {
     if (style?.accentColor) return `${style.accentColor} !important`;
     return void 0;
@@ -6016,7 +6505,7 @@ var TransactionButtonAndStatus = ({
         px: 4,
         variant: "vechainKitPrimary",
         bg: buttonBg,
-        onClick: onConfirm,
+        onClick: () => errorMessage && onRetry ? onRetry() : onConfirm(),
         type: isSubmitForm ? "submit" : "button",
         isLoading: isSubmitting,
         isDisabled,
@@ -6230,6 +6719,8 @@ var EmailLoginButton = () => {
   const { sendCode, state: emailState } = useLoginWithEmail({});
   const emailCodeVerificationModal = useDisclosure();
   const handleSendCode = async () => {
+    Analytics.auth.flowStarted("email" /* EMAIL */);
+    Analytics.auth.methodSelected("email" /* EMAIL */);
     await sendCode({ email });
     emailCodeVerificationModal.onOpen();
   };
@@ -6307,9 +6798,13 @@ var LoginWithGoogleButton = ({ isDark, gridColumn }) => {
     ConnectionButton,
     {
       isDark,
-      onClick: () => initOAuth({
-        provider: "google"
-      }),
+      onClick: () => {
+        Analytics.auth.flowStarted("google" /* GOOGLE */);
+        Analytics.auth.methodSelected("google" /* GOOGLE */);
+        initOAuth({
+          provider: "google"
+        });
+      },
       icon: FcGoogle,
       text: t("Continue with Google")
     }
@@ -6336,6 +6831,7 @@ var VeChainLoginButton = ({ isDark, gridColumn }) => {
   const [loginError, setLoginError] = useState();
   const loginLoadingModal = useDisclosure();
   const handleLoginWithVeChain = async () => {
+    Analytics.auth.flowStarted("vechain" /* VECHAIN */);
     loginLoadingModal.onOpen();
     try {
       setLoginError(void 0);
@@ -6348,6 +6844,10 @@ var VeChainLoginButton = ({ isDark, gridColumn }) => {
       );
     }
   };
+  const tryAgain = () => {
+    Analytics.auth.tryAgain("vechain" /* VECHAIN */);
+    handleLoginWithVeChain();
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridItem, { colSpan: gridColumn ? gridColumn : 4, w: "full", children: /* @__PURE__ */ jsx(
       ConnectionButton,
@@ -6367,7 +6867,7 @@ var VeChainLoginButton = ({ isDark, gridColumn }) => {
         onClose: () => {
           loginLoadingModal.onClose();
         },
-        onTryAgain: handleLoginWithVeChain,
+        onTryAgain: tryAgain,
         error: loginError,
         title: t("Connecting to VeChain"),
         loadingText: t(
@@ -6383,18 +6883,32 @@ var PasskeyLoginButton = ({ isDark, gridColumn }) => {
   const [loginError, setLoginError] = useState();
   const loginLoadingModal = useDisclosure();
   const handleLoginWithPasskey = async () => {
+    Analytics.auth.flowStarted("passkey" /* PASSKEY */);
+    Analytics.auth.methodSelected("passkey" /* PASSKEY */);
     loginLoadingModal.onOpen();
     try {
       setLoginError(void 0);
       await loginWithPasskey();
       loginLoadingModal.onClose();
     } catch (error) {
+      const errorMsg = error instanceof Error ? error.message.toLowerCase() : "";
+      if (errorMsg.includes("not found")) {
+        Analytics.auth.dropOff("passkey-prompt");
+      } else if (errorMsg.includes("abort")) {
+        Analytics.auth.dropOff("passkey-authentication");
+      } else {
+        Analytics.auth.failed("passkey" /* PASSKEY */, errorMsg);
+      }
       console.error(error);
       setLoginError(
         error instanceof Error ? error.message : t("Failed to connect with Passkey")
       );
     }
   };
+  const handleTryAgain = () => {
+    Analytics.auth.tryAgain("passkey" /* PASSKEY */);
+    handleLoginWithPasskey();
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridItem, { colSpan: gridColumn, w: "full", children: /* @__PURE__ */ jsx(
       ConnectionButton,
@@ -6415,55 +6929,82 @@ var PasskeyLoginButton = ({ isDark, gridColumn }) => {
         error: loginError,
         title: t("Connecting with Passkey"),
         loadingText: t("Please complete the passkey authentication..."),
-        onTryAgain: handleLoginWithPasskey
+        onTryAgain: handleTryAgain
       }
     )
   ] });
 };
 var DappKitButton = ({ isDark, gridColumn = 2 }) => {
   const { t } = useTranslation();
-  const { open: openDappKitModal } = useWalletModal();
+  const { open: openDappKitModal, onConnectionStatusChange } = useWalletModal();
+  const { dappKit } = useVeChainKitConfig();
+  const { user } = usePrivy();
+  const { source } = useWallet$1();
+  const buttonText = !dappKit?.allowedWallets?.includes("sync2") ? "Connect with VeWorld wallet" : t("Connect wallet");
+  useEffect(() => {
+    const handleConnectionChange = (address, error) => {
+      if (!address) {
+        if (error?.message) {
+          const errorMsg = error.message.toLowerCase();
+          if (errorMsg.includes("veworld")) {
+            return Analytics.auth.dropOff("dappkit-veworld", {
+              ...source && { source }
+            });
+          }
+          if (errorMsg.includes("sync2")) {
+            return Analytics.auth.dropOff("dappkit-sync2", {
+              ...source && { source }
+            });
+          }
+          if (errorMsg.includes("wallet-connect")) {
+            return Analytics.auth.dropOff(
+              "dappkit-wallet-connect",
+              {
+                ...source && { source }
+              }
+            );
+          }
+          if (errorMsg && isRejectionError(errorMsg)) {
+            return Analytics.auth.dropOff("dappkit-view", {
+              ...source && { source }
+            });
+          }
+        }
+        return Analytics.auth.dropOff("dappkit-view", {
+          ...source && { source }
+        });
+      } else {
+        Analytics.auth.completed({
+          loginMethod: "dappkit" /* DAPPKIT */
+        });
+      }
+    };
+    onConnectionStatusChange(handleConnectionChange);
+  }, [onConnectionStatusChange]);
+  const handleDappKitClick = () => {
+    Analytics.auth.flowStarted("dappkit" /* DAPPKIT */);
+    Analytics.auth.methodSelected("dappkit" /* DAPPKIT */);
+    openDappKitModal();
+    if (source) {
+      Analytics.auth.completed({
+        userId: user?.id,
+        loginMethod: "dappkit" /* DAPPKIT */,
+        platform: source
+      });
+    }
+  };
   return /* @__PURE__ */ jsx(GridItem, { colSpan: gridColumn ? gridColumn : 2, w: "full", children: /* @__PURE__ */ jsx(
     ConnectionButton,
     {
       isDark,
-      onClick: openDappKitModal,
-      icon: IoWalletOutline,
-      text: gridColumn >= 2 ? t("Connect wallet") : void 0,
-      rightIcon: /* @__PURE__ */ jsx(Icon, { as: IoIosArrowForward })
+      onClick: handleDappKitClick,
+      icon: !dappKit?.allowedWallets?.includes("sync2") ? isDark ? VeWorldLogoLight : VeWorldLogoDark : IoWalletOutline,
+      iconWidth: "27px",
+      text: gridColumn >= 2 ? buttonText : void 0,
+      rightIcon: dappKit?.allowedWallets?.includes("sync2") && /* @__PURE__ */ jsx(Icon, { as: IoIosArrowForward }) || void 0
     }
   ) });
 };
-var EcosystemButton = ({
-  isDark,
-  appsInfo,
-  isLoading,
-  gridColumn
-}) => {
-  const { t } = useTranslation();
-  const ecosystemModal = useDisclosure();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(GridItem, { colSpan: gridColumn, w: "full", children: /* @__PURE__ */ jsx(
-      ConnectionButton,
-      {
-        isDark,
-        onClick: ecosystemModal.onOpen,
-        icon: AiOutlineUser,
-        text: gridColumn && gridColumn >= 2 ? t("Other options") : void 0,
-        rightIcon: /* @__PURE__ */ jsx(Icon, { as: IoIosArrowForward })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      EcosystemModal,
-      {
-        isOpen: ecosystemModal.isOpen,
-        onClose: ecosystemModal.onClose,
-        appsInfo,
-        isLoading
-      }
-    )
-  ] });
-};
 var PrivyButton = ({ isDark, onViewMoreLogin, gridColumn }) => {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsx(GridItem, { colSpan: gridColumn, w: "full", children: /* @__PURE__ */ jsx(
@@ -6478,11 +7019,7 @@ var PrivyButton = ({ isDark, onViewMoreLogin, gridColumn }) => {
   ) });
 };
 var ConnectionOptionsStack = () => {
-  const {
-    privyEcosystemAppIDS,
-    loginMethods,
-    darkMode: isDark
-  } = useVeChainKitConfig();
+  const { loginMethods, darkMode: isDark } = useVeChainKitConfig();
   const { login: viewMoreLogin } = usePrivy();
   const {
     showGoogleLogin,
@@ -6490,11 +7027,9 @@ var ConnectionOptionsStack = () => {
     showPasskey,
     showVeChainLogin,
     showDappKit,
-    showEcosystem,
     showMoreLogin,
     isOfficialVeChainApp
   } = useLoginModalContent();
-  const { data: appsInfo, isLoading: isEcosystemAppsLoading } = useFetchAppInfo(privyEcosystemAppIDS);
   return /* @__PURE__ */ jsx(Stack, { spacing: 4, w: "full", align: "center", children: /* @__PURE__ */ jsx(Grid, { templateColumns: "repeat(4, 1fr)", gap: 2, w: "full", children: loginMethods?.map(({ method: method35, gridColumn }) => {
     switch (method35) {
       case "email":
@@ -6542,17 +7077,6 @@ var ConnectionOptionsStack = () => {
           },
           "dappkit"
         );
-      case "ecosystem":
-        return showEcosystem && /* @__PURE__ */ jsx(
-          EcosystemButton,
-          {
-            isDark,
-            appsInfo: Object.values(appsInfo || {}),
-            isLoading: isEcosystemAppsLoading,
-            gridColumn
-          },
-          "ecosystem"
-        );
       case "more":
         return showMoreLogin && /* @__PURE__ */ jsx(
           PrivyButton,
@@ -6568,19 +7092,57 @@ var ConnectionOptionsStack = () => {
     }
   }) }) });
 };
+var EcosystemButton = ({ appsInfo, isLoading }) => {
+  const { t } = useTranslation();
+  const ecosystemModal = useDisclosure();
+  const handleEcosystemClick = () => {
+    Analytics.auth.flowStarted("ecosystem" /* ECOSYSTEM */);
+    Analytics.auth.methodSelected("ecosystem" /* ECOSYSTEM */);
+    ecosystemModal.onOpen();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        fontSize: "sm",
+        variant: "link",
+        onClick: handleEcosystemClick,
+        children: t("Already have an x2earn app wallet?")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EcosystemModal,
+      {
+        isOpen: ecosystemModal.isOpen,
+        onClose: ecosystemModal.onClose,
+        appsInfo,
+        isLoading
+      }
+    )
+  ] });
+};
 var MainContent = ({ setCurrentContent, onClose }) => {
   const { t } = useTranslation();
   const { darkMode: isDark } = useVeChainKitConfig();
   const { connection } = useWallet();
   const { loginModalUI } = useVeChainKitConfig();
+  const { loginMethods, privyEcosystemAppIDS } = useVeChainKitConfig();
+  const { data: appsInfo, isLoading: isEcosystemAppsLoading } = useFetchAppInfo(privyEcosystemAppIDS);
+  const handleFAQClick = () => {
+    Analytics.help.faqViewed();
+    setCurrentContent("faq");
+  };
   useEffect(() => {
     if (connection.isConnected) {
       onClose();
     }
   }, [connection.isConnected, onClose]);
+  const showEcosystemButton = loginMethods?.some(
+    ({ method: method35 }) => method35 === "ecosystem"
+  );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
-      /* @__PURE__ */ jsx(ModalFAQButton, { onClick: () => setCurrentContent("faq") }),
+      /* @__PURE__ */ jsx(ModalFAQButton, { onClick: handleFAQClick }),
       /* @__PURE__ */ jsx(ModalHeader, { children: t("Log in or sign up") }),
       /* @__PURE__ */ jsx(ModalCloseButton, {})
     ] }),
@@ -6616,7 +7178,14 @@ var MainContent = ({ setCurrentContent, onClose }) => {
       ),
       /* @__PURE__ */ jsx(ConnectionOptionsStack, {})
     ] }),
-    /* @__PURE__ */ jsx(ModalFooter, { pt: 0, pb: "5px", children: /* @__PURE__ */ jsx(VersionFooter, {}) })
+    showEcosystemButton ? /* @__PURE__ */ jsx(ModalFooter, { children: /* @__PURE__ */ jsx(HStack, { justify: "center", w: "full", children: /* @__PURE__ */ jsx(
+      EcosystemButton,
+      {
+        isDark,
+        appsInfo: Object.values(appsInfo || {}),
+        isLoading: isEcosystemAppsLoading
+      }
+    ) }) }) : /* @__PURE__ */ jsx(ModalFooter, { pt: 0, pb: "5px" })
   ] });
 };
 var AccountMainContent = ({ setCurrentContent, wallet }) => {
@@ -7028,6 +7597,7 @@ var BalanceSection = ({
   const { refresh } = useRefreshBalances();
   const [isRefreshing, setIsRefreshing] = useState(false);
   const handleRefresh = async () => {
+    Analytics.wallet.balanceRefreshed();
     setIsRefreshing(true);
     await refresh();
     setTimeout(() => {
@@ -7221,12 +7791,18 @@ var QUICK_ACTIONS = [
   {
     icon: MdSwapHoriz,
     label: "Swap",
-    onClick: (setCurrentContent) => setCurrentContent("swap-token")
+    onClick: (setCurrentContent) => {
+      Analytics.swap.opened();
+      setCurrentContent("swap-token");
+    }
   },
   {
     icon: LuArrowDownToLine,
     label: "Receive",
-    onClick: (setCurrentContent) => setCurrentContent("receive-token")
+    onClick: (setCurrentContent) => {
+      Analytics.wallet.trackWallet("receive_qr_generated");
+      setCurrentContent("receive-token");
+    }
   },
   {
     icon: FiSend,
@@ -7243,17 +7819,26 @@ var QUICK_ACTIONS = [
   {
     icon: RiSwap3Line,
     label: "Bridge",
-    onClick: (setCurrentContent) => setCurrentContent("bridge")
+    onClick: (setCurrentContent) => {
+      Analytics.bridge.opened();
+      setCurrentContent("bridge");
+    }
   },
   {
     icon: IoMdApps,
     label: "Ecosystem",
-    onClick: (setCurrentContent) => setCurrentContent("ecosystem")
+    onClick: (setCurrentContent) => {
+      Analytics.ecosystem.opened();
+      setCurrentContent("ecosystem");
+    }
   },
   {
     icon: IoMdSettings,
     label: "Settings",
-    onClick: (setCurrentContent) => setCurrentContent("settings")
+    onClick: (setCurrentContent) => {
+      Analytics.settings.opened("general");
+      setCurrentContent("settings");
+    }
   }
 ];
 var QuickActionButton = ({
@@ -7521,6 +8106,7 @@ var CrossAppConnectionSecurityCard = () => {
         variant: "vechainKitSecondary",
         w: "full",
         onClick: () => {
+          Analytics.settings.manageSecuritySettings();
           window.open(
             connectionCache?.ecosystemApp.website ?? "https://governance.vebetterdao.org/",
             "_blank"
@@ -7547,6 +8133,15 @@ var AccessAndSecurityContent = ({ setCurrentContent }) => {
     connectedWallet?.address ?? "",
     3
   );
+  const handleUpgradeSmartAccountClick = () => {
+    setCurrentContent({
+      type: "upgrade-smart-account",
+      props: {
+        setCurrentContent,
+        initialContent: "access-and-security"
+      }
+    });
+  };
   return /* @__PURE__ */ jsxs(ScrollToTopWrapper, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: t("Access and security") }),
@@ -7584,15 +8179,7 @@ var AccessAndSecurityContent = ({ setCurrentContent }) => {
               description: t(
                 "A new version is available for your account"
               ),
-              onClick: () => {
-                setCurrentContent({
-                  type: "upgrade-smart-account",
-                  props: {
-                    setCurrentContent,
-                    initialContent: "access-and-security"
-                  }
-                });
-              },
+              onClick: handleUpgradeSmartAccountClick,
               leftIcon: IoCogSharp,
               extraContent: /* @__PURE__ */ jsx(
                 Box,
@@ -7614,6 +8201,7 @@ var AccessAndSecurityContent = ({ setCurrentContent }) => {
             {
               title: t("Your embedded wallet"),
               onClick: () => {
+                Analytics.settings.embeddedWalletViewed();
                 setCurrentContent("embedded-wallet");
               },
               leftIcon: HiOutlineWallet,
@@ -7891,7 +8479,7 @@ var SettingsContent = ({
   const contentRef = useRef(null);
   const { t } = useTranslation();
   const { privy } = useVeChainKitConfig();
-  const { connection, disconnect, account, smartAccount, connectedWallet } = useWallet();
+  const { connection, disconnect, smartAccount, connectedWallet, account } = useWallet();
   const { getConnectionCache } = useCrossAppConnectionCache();
   const connectionCache = getConnectionCache();
   const { data: appInfo } = useFetchAppInfo(privy?.appId ?? "");
@@ -7908,6 +8496,51 @@ var SettingsContent = ({
       contentRef.current.scrollTop = 0;
     }
   }, []);
+  const handleCustomizeProfile = () => {
+    Analytics.customization.started();
+    setCurrentContent({
+      type: "account-customization",
+      props: {
+        setCurrentContent,
+        initialContentSource: "settings"
+      }
+    });
+  };
+  const handleNameChange = () => {
+    Analytics.nameSelection.started("settings");
+    if (account?.domain) {
+      setCurrentContent({
+        type: "choose-name-search",
+        props: {
+          name: "",
+          setCurrentContent,
+          initialContentSource: "settings"
+        }
+      });
+    } else {
+      setCurrentContent({
+        type: "choose-name",
+        props: {
+          setCurrentContent,
+          initialContentSource: "settings",
+          onBack: () => setCurrentContent("settings")
+        }
+      });
+    }
+  };
+  const handleAccessAndSecurity = () => {
+    setCurrentContent("access-and-security");
+    Analytics.settings.accessAndSecurityViewed();
+  };
+  const handleConnectionDetails = () => {
+    setCurrentContent("connection-details");
+    Analytics.settings.connectionDetailsViewed();
+  };
+  const handleLogout = () => {
+    Analytics.auth.trackAuth("disconnect_initiated");
+    disconnect();
+    onLogoutSuccess();
+  };
   return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: t("Settings") }),
@@ -7915,36 +8548,39 @@ var SettingsContent = ({
       /* @__PURE__ */ jsx(ModalCloseButton, {})
     ] }),
     /* @__PURE__ */ jsx(ModalBody, { w: "full", children: /* @__PURE__ */ jsxs(VStack, { w: "full", spacing: 0, children: [
+      /* @__PURE__ */ jsx(
+        Heading,
+        {
+          size: "xs",
+          fontWeight: "500",
+          w: "full",
+          opacity: 0.5,
+          children: t("Wallet")
+        }
+      ),
       /* @__PURE__ */ jsx(
         ActionButton,
         {
           style: {
             marginTop: "10px",
+            borderBottomRadius: "0px"
+          },
+          title: t("Customize profile"),
+          onClick: handleCustomizeProfile,
+          leftIcon: CgProfile,
+          rightIcon: MdOutlineNavigateNext
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ActionButton,
+        {
+          style: {
+            borderTopRadius: "0px",
             borderBottomRadius: connection.isConnectedWithPrivy ? "0px" : "12px"
           },
           title: t("Choose account name"),
           description: t("Choose a name for your account."),
-          onClick: () => {
-            if (account?.domain) {
-              setCurrentContent({
-                type: "choose-name-search",
-                props: {
-                  name: "",
-                  setCurrentContent,
-                  initialContentSource: "settings"
-                }
-              });
-            } else {
-              setCurrentContent({
-                type: "choose-name",
-                props: {
-                  setCurrentContent,
-                  initialContentSource: "settings",
-                  onBack: () => setCurrentContent("settings")
-                }
-              });
-            }
-          },
+          onClick: handleNameChange,
           leftIcon: FaRegAddressCard,
           rightIcon: MdOutlineNavigateNext
         }
@@ -7959,9 +8595,7 @@ var SettingsContent = ({
           description: t(
             "Manage your embedded wallet security settings or back it up to a new device."
           ),
-          onClick: () => {
-            setCurrentContent("access-and-security");
-          },
+          onClick: handleAccessAndSecurity,
           leftIcon: IoShieldOutline,
           rightIcon: MdOutlineNavigateNext,
           extraContent: upgradeRequired && /* @__PURE__ */ jsx(
@@ -7978,6 +8612,17 @@ var SettingsContent = ({
           )
         }
       ),
+      /* @__PURE__ */ jsx(
+        Heading,
+        {
+          size: "xs",
+          fontWeight: "500",
+          w: "full",
+          opacity: 0.5,
+          mt: 10,
+          children: t("General")
+        }
+      ),
       /* @__PURE__ */ jsx(
         ActionButton,
         {
@@ -7989,9 +8634,7 @@ var SettingsContent = ({
           description: t(
             "View the details of your connection to this app."
           ),
-          onClick: () => {
-            setCurrentContent("connection-details");
-          },
+          onClick: handleConnectionDetails,
           leftIcon: VscDebugDisconnect,
           rightIcon: MdOutlineNavigateNext
         }
@@ -8006,6 +8649,7 @@ var SettingsContent = ({
           title: t("Notifications"),
           description: t("View your notifications and updates."),
           onClick: () => {
+            Analytics.notifications.viewed();
             setCurrentContent("notifications");
           },
           leftIcon: BiBell,
@@ -8054,10 +8698,7 @@ var SettingsContent = ({
         onClick: () => setCurrentContent({
           type: "disconnect-confirm",
           props: {
-            onDisconnect: () => {
-              disconnect();
-              onLogoutSuccess();
-            },
+            onDisconnect: handleLogout,
             onBack: () => setCurrentContent("settings")
           }
         }),
@@ -8396,7 +9037,8 @@ var EmbeddedWalletContent = ({ setCurrentContent }) => {
               {
                 wallet: connectedWallet,
                 style: { mt: 2 },
-                showHumanAddress: false
+                showHumanAddress: false,
+                fromScreen: "account"
               }
             )
           ] }),
@@ -8492,6 +9134,11 @@ var SelectTokenContent = ({ onSelectToken, onBack }) => {
     }
     return Number(b.numericBalance) * b.price - Number(a.numericBalance) * a.price;
   });
+  useEffect(() => {
+    if (searchQuery) {
+      Analytics.send.tokenSearchPerformed(searchQuery);
+    }
+  }, [searchQuery, filteredTokens.length]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: t("Select Token") }),
@@ -8571,7 +9218,7 @@ var SendTokenContent = ({
   setCurrentContent,
   isNavigatingFromMain = false,
   preselectedToken,
-  onBack = () => setCurrentContent("main")
+  onBack: parentOnBack = () => setCurrentContent("main")
 }) => {
   const { t } = useTranslation();
   const { darkMode: isDark } = useVeChainKitConfig();
@@ -8596,11 +9243,55 @@ var SendTokenContent = ({
     },
     mode: "onChange"
   });
-  const { toAddressOrDomain } = watch();
+  const { toAddressOrDomain, amount } = watch();
+  useEffect(() => {
+    if (selectedToken && amount) {
+      Analytics.send.flow("amount", {
+        tokenSymbol: selectedToken.symbol,
+        amount
+      });
+    }
+  }, [amount, selectedToken]);
+  useEffect(() => {
+    if (selectedToken && toAddressOrDomain) {
+      Analytics.send.flow("recipient", {
+        tokenSymbol: selectedToken.symbol,
+        recipientAddress: toAddressOrDomain,
+        recipientType: toAddressOrDomain.includes(".") ? "domain" : "address"
+      });
+    }
+  }, [toAddressOrDomain, selectedToken]);
   const { data: resolvedDomainData } = useVechainDomain(toAddressOrDomain);
   const handleSetMaxAmount = () => {
     if (selectedToken) {
       setValue("amount", selectedToken.numericBalance);
+      Analytics.send.flow("amount", {
+        tokenSymbol: selectedToken.symbol,
+        amount: selectedToken.numericBalance
+      });
+    }
+  };
+  const handleBack = () => {
+    if (selectedToken) {
+      Analytics.send.flow("review", {
+        tokenSymbol: selectedToken.symbol,
+        amount: amount || void 0,
+        recipientAddress: toAddressOrDomain || void 0,
+        error: "back_button",
+        isError: false
+      });
+    }
+    parentOnBack();
+  };
+  const handleClose = () => {
+    if (selectedToken) {
+      Analytics.send.flow("review", {
+        tokenSymbol: selectedToken.symbol,
+        amount: amount || void 0,
+        recipientAddress: toAddressOrDomain || void 0,
+        error: "modal_closed",
+        isError: false
+      });
     }
   };
   const onSubmit = async (data) => {
@@ -8611,6 +9302,10 @@ var SendTokenContent = ({
         type: "manual",
         message: t("Invalid address or domain")
       });
+      Analytics.send.flow("review", {
+        tokenSymbol: selectedToken.symbol,
+        error: "Invalid address or domain"
+      });
       return;
     }
     if (selectedToken) {
@@ -8622,9 +9317,19 @@ var SendTokenContent = ({
             symbol: selectedToken.symbol
           })
         });
+        Analytics.send.flow("review", {
+          tokenSymbol: selectedToken.symbol,
+          error: "Insufficient balance"
+        });
         return;
       }
     }
+    Analytics.send.flow("review", {
+      tokenSymbol: selectedToken.symbol,
+      amount: data.amount,
+      recipientAddress: resolvedDomainData?.address || data.toAddressOrDomain,
+      recipientType: resolvedDomainData?.domain ? "domain" : "address"
+    });
     setCurrentContent({
       type: "send-token-summary",
       props: {
@@ -8643,14 +9348,27 @@ var SendTokenContent = ({
       {
         setCurrentContent,
         onSelectToken: (token) => {
+          Analytics.send.tokenPageViewed(token.symbol);
           setSelectedToken(token);
           setIsSelectingToken(false);
           setIsInitialTokenSelection(false);
         },
         onBack: () => {
           if (isInitialTokenSelection) {
+            if (selectedToken) {
+              Analytics.send.flow("token_select", {
+                tokenSymbol: selectedToken.symbol,
+                error: "User cancelled - back to main"
+              });
+            }
             setCurrentContent("main");
           } else {
+            if (selectedToken) {
+              Analytics.send.flow("token_select", {
+                tokenSymbol: selectedToken.symbol,
+                error: "User cancelled - back to form"
+              });
+            }
             setIsSelectingToken(false);
           }
         }
@@ -8660,8 +9378,8 @@ var SendTokenContent = ({
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: t("Send") }),
-      /* @__PURE__ */ jsx(ModalBackButton, { onClick: onBack }),
-      /* @__PURE__ */ jsx(ModalCloseButton, {})
+      /* @__PURE__ */ jsx(ModalBackButton, { onClick: handleBack }),
+      /* @__PURE__ */ jsx(ModalCloseButton, { onClick: handleClose })
     ] }),
     /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 1, align: "stretch", position: "relative", children: [
       /* @__PURE__ */ jsx(
@@ -8917,6 +9635,57 @@ var SendTokenSummaryContent = ({
     }
     return getPicassoImage(resolvedAddress || toAddressOrDomain);
   }, [avatar, network.type, resolvedAddress, toAddressOrDomain]);
+  const handleSend = async () => {
+    if (upgradeRequired) {
+      openUpgradeSmartAccountModal();
+      return;
+    }
+    try {
+      Analytics.send.flow("review", {
+        tokenSymbol: selectedToken.symbol,
+        amount,
+        recipientAddress: resolvedAddress || toAddressOrDomain,
+        recipientType: resolvedDomain ? "domain" : "address"
+      });
+      if (selectedToken.symbol === "VET") {
+        await transferVET();
+      } else {
+        await transferERC20();
+      }
+    } catch (error) {
+      Analytics.send.flow("review", {
+        tokenSymbol: selectedToken.symbol,
+        error: error instanceof Error ? error.message : "Unknown error"
+      });
+      console.error(t("Transaction failed:"), error);
+    }
+  };
+  const handleSuccess = (txId) => {
+    Analytics.send.flow("confirmation", {
+      tokenSymbol: selectedToken.symbol,
+      amount,
+      recipientAddress: resolvedAddress || toAddressOrDomain,
+      recipientType: resolvedDomain ? "domain" : "address"
+    });
+    Analytics.send.completed(
+      selectedToken.symbol,
+      amount,
+      txId,
+      selectedToken.symbol === "VET" ? "vet" : "erc20"
+    );
+    setCurrentContent({
+      type: "successful-operation",
+      props: {
+        setCurrentContent,
+        txId,
+        title: t("Transaction successful"),
+        onDone: () => {
+          setCurrentContent("main");
+        },
+        showSocialButtons: true
+      }
+    });
+  };
   const {
     sendTransaction: transferERC20,
     txReceipt: transferERC20Receipt,
@@ -8930,18 +9699,10 @@ var SendTokenSummaryContent = ({
     tokenAddress: selectedToken.address,
     tokenName: selectedToken.symbol,
     onSuccess: () => {
-      setCurrentContent({
-        type: "successful-operation",
-        props: {
-          setCurrentContent,
-          txId: transferERC20Receipt?.meta.txID,
-          title: t("Transaction successful"),
-          onDone: () => {
-            setCurrentContent("main");
-          },
-          showSocialButtons: true
-        }
-      });
+      handleSuccess(transferERC20Receipt?.meta.txID ?? "");
+    },
+    onError: (error) => {
+      handleError(error ?? "");
     }
   });
   const {
@@ -8955,42 +9716,65 @@ var SendTokenSummaryContent = ({
     receiverAddress: resolvedAddress || toAddressOrDomain,
     amount,
     onSuccess: () => {
-      setCurrentContent({
-        type: "successful-operation",
-        props: {
-          setCurrentContent,
-          txId: transferVETReceipt?.meta.txID,
-          title: t("Transaction successful"),
-          onDone: () => {
-            setCurrentContent("main");
-          },
-          showSocialButtons: true
-        }
-      });
+      handleSuccess(transferVETReceipt?.meta.txID ?? "");
     },
-    onError: () => {
+    onError: (error) => {
+      handleError(error ?? "");
     }
   });
   const getTxReceipt = () => {
     return selectedToken.symbol === "VET" ? transferVETReceipt : transferERC20Receipt;
   };
-  const handleSend = async () => {
-    if (upgradeRequired) {
-      openUpgradeSmartAccountModal();
-      return;
-    }
-    try {
-      if (selectedToken.symbol === "VET") {
-        await transferVET();
-      } else {
-        await transferERC20();
+  const isTxWaitingConfirmation = transferERC20WaitingForWalletConfirmation || transferVETWaitingForWalletConfirmation;
+  const isSubmitting = isTxWaitingConfirmation || transferERC20Pending || transferVETPending;
+  const handleBack = () => {
+    Analytics.send.flow("review", {
+      tokenSymbol: selectedToken.symbol,
+      amount,
+      recipientAddress: resolvedAddress || toAddressOrDomain,
+      recipientType: resolvedDomain ? "domain" : "address",
+      error: "back_button",
+      isError: false
+    });
+    setCurrentContent({
+      type: "send-token",
+      props: {
+        setCurrentContent,
+        preselectedToken: selectedToken
       }
-    } catch (error) {
-      console.error(t("Transaction failed:"), error);
+    });
+  };
+  const handleClose = () => {
+    Analytics.send.flow("review", {
+      tokenSymbol: selectedToken.symbol,
+      amount,
+      recipientAddress: resolvedAddress || toAddressOrDomain,
+      recipientType: resolvedDomain ? "domain" : "address",
+      error: "modal_closed",
+      isError: false
+    });
+  };
+  const handleError = (error) => {
+    if (error && isRejectionError(error)) {
+      Analytics.send.flow("review", {
+        tokenSymbol: selectedToken.symbol,
+        amount,
+        recipientAddress: resolvedAddress || toAddressOrDomain,
+        recipientType: resolvedDomain ? "domain" : "address",
+        error: "wallet_rejected",
+        isError: true
+      });
+    } else {
+      Analytics.send.flow("review", {
+        tokenSymbol: selectedToken.symbol,
+        amount,
+        recipientAddress: resolvedAddress || toAddressOrDomain,
+        recipientType: resolvedDomain ? "domain" : "address",
+        error,
+        isError: true
+      });
     }
   };
-  const isTxWaitingConfirmation = transferERC20WaitingForWalletConfirmation || transferVETWaitingForWalletConfirmation;
-  const isSubmitting = isTxWaitingConfirmation || transferERC20Pending || transferVETPending;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: "Send" }),
@@ -8998,15 +9782,16 @@ var SendTokenSummaryContent = ({
         ModalBackButton,
         {
           isDisabled: isSubmitting,
-          onClick: () => setCurrentContent({
-            type: "send-token",
-            props: {
-              setCurrentContent
-            }
-          })
+          onClick: handleBack
         }
       ),
-      /* @__PURE__ */ jsx(ModalCloseButton, { isDisabled: isSubmitting })
+      /* @__PURE__ */ jsx(
+        ModalCloseButton,
+        {
+          isDisabled: isSubmitting,
+          onClick: handleClose
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 6, align: "stretch", w: "full", children: [
       connection.isConnectedWithPrivy && /* @__PURE__ */ jsx(ExchangeWarningAlert, {}),
@@ -9118,7 +9903,14 @@ var ReceiveTokenContent = ({ setCurrentContent }) => {
             }
           }
         ),
-        /* @__PURE__ */ jsx(AddressDisplay, { wallet: account, style: { w: "85%" } }),
+        /* @__PURE__ */ jsx(
+          AddressDisplay,
+          {
+            wallet: account,
+            style: { w: "85%" },
+            fromScreen: "receive"
+          }
+        ),
         /* @__PURE__ */ jsx(Text, { fontSize: "sm", textAlign: "center", children: t("Copy your address or scan this QR code") }),
         /* @__PURE__ */ jsx(Text, { fontSize: "xs", textAlign: "center", opacity: 0.5, children: t("This address only supports VeChain assets.") })
       ] }) }),
@@ -9128,6 +9920,10 @@ var ReceiveTokenContent = ({ setCurrentContent }) => {
 };
 var SwapTokenContent = ({ setCurrentContent }) => {
   const { t } = useTranslation();
+  const handleLaunchBetterSwap = () => {
+    Analytics.swap.launchBetterSwap();
+    window.open("https://swap.tbc.vet/", "_blank");
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: t("Swap") }),
@@ -9153,9 +9949,7 @@ var SwapTokenContent = ({ setCurrentContent }) => {
       Button,
       {
         variant: "vechainKitSecondary",
-        onClick: () => {
-          window.open("https://swap.tbc.vet/", "_blank");
-        },
+        onClick: handleLaunchBetterSwap,
         children: [
           t("Launch BetterSwap"),
           /* @__PURE__ */ jsx(Icon, { as: FaExternalLinkAlt, ml: 2 })
@@ -9171,11 +9965,26 @@ var ChooseNameContent = ({
 }) => {
   const { t } = useTranslation();
   const { darkMode: isDark } = useVeChainKitConfig();
+  const handleClose = () => {
+    Analytics.nameSelection.dropOff("search", {
+      isError: false,
+      name: "",
+      reason: "modal_closed"
+    });
+  };
+  const handleBack = () => {
+    Analytics.nameSelection.dropOff("search", {
+      isError: false,
+      name: "",
+      reason: "back_button"
+    });
+    onBack();
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: t("Choose your account name") }),
-      /* @__PURE__ */ jsx(ModalBackButton, { onClick: onBack }),
-      /* @__PURE__ */ jsx(ModalCloseButton, {})
+      /* @__PURE__ */ jsx(ModalBackButton, { onClick: handleBack }),
+      /* @__PURE__ */ jsx(ModalCloseButton, { onClick: handleClose })
     ] }),
     /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 6, align: "center", py: 8, children: [
       /* @__PURE__ */ jsx(
@@ -9446,10 +10255,15 @@ var ChooseNameSearchContent = ({
   ];
   useEffect(() => {
     if (!hasInteracted) return;
+    const hasSpecialChars = /[^a-zA-Z0-9-]|\s/.test(name);
     if (name.length < 3) {
       setError(t("Name must be at least 3 characters long"));
       setIsAvailable(false);
       setIsOwnDomain(false);
+    } else if (hasSpecialChars) {
+      setError(t("Only letters, numbers, and hyphens are allowed"));
+      setIsAvailable(false);
+      setIsOwnDomain(false);
     } else if (isProtected) {
       setError(t("This domain is protected"));
       setIsAvailable(false);
@@ -9470,6 +10284,9 @@ var ChooseNameSearchContent = ({
       setIsAvailable(true);
       setIsOwnDomain(false);
     }
+    if (name.length >= 3 && !isFetchingDomainInfo) {
+      Analytics.nameSelection.searched(name, isAvailable);
+    }
   }, [
     name,
     hasInteracted,
@@ -9477,7 +10294,9 @@ var ChooseNameSearchContent = ({
     isEnsCheckLoading,
     domainInfo,
     account?.address,
-    isProtected
+    isProtected,
+    isAvailable,
+    isFetchingDomainInfo
   ]);
   const handleContinue = () => {
     if (isAvailable && !error) {
@@ -9520,16 +10339,26 @@ var ChooseNameSearchContent = ({
       }
     });
   };
+  const handleClose = () => {
+    Analytics.nameSelection.dropOff("search", {
+      isError: false,
+      name,
+      error: "modal_closed"
+    });
+  };
+  const handleBack = () => {
+    Analytics.nameSelection.dropOff("search", {
+      isError: false,
+      name,
+      reason: "back_button"
+    });
+    setCurrentContent(initialContentSource);
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: t("Choose Name") }),
-      /* @__PURE__ */ jsx(
-        ModalBackButton,
-        {
-          onClick: () => setCurrentContent(initialContentSource)
-        }
-      ),
-      /* @__PURE__ */ jsx(ModalCloseButton, {})
+      /* @__PURE__ */ jsx(ModalBackButton, { onClick: handleBack }),
+      /* @__PURE__ */ jsx(ModalCloseButton, { onClick: handleClose })
     ] }),
     /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 4, align: "stretch", children: [
       /* @__PURE__ */ jsx(
@@ -9622,6 +10451,21 @@ var ChooseNameSummaryContent = ({
     3
   );
   const { open: openUpgradeSmartAccountModal } = useUpgradeSmartAccountModal();
+  const handleError = (error) => {
+    if (isRejectionError(error)) {
+      Analytics.nameSelection.dropOff("confirmation", {
+        isError: true,
+        name,
+        error,
+        reason: "wallet_rejected"
+      });
+    } else {
+      Analytics.nameSelection.failed("confirmation", {
+        error,
+        name
+      });
+    }
+  };
   const unsetDomainHook = useUnsetDomain({
     onSuccess: () => handleSuccess()
   });
@@ -9672,24 +10516,49 @@ var ChooseNameSummaryContent = ({
       console.error("Transaction failed:", error);
     }
   };
+  const handleRetry = () => {
+    Analytics.nameSelection.retry("confirmation");
+    handleConfirm();
+  };
+  const handleClose = () => {
+    Analytics.nameSelection.dropOff("confirmation", {
+      isError: false,
+      name: isUnsetting ? "" : name,
+      error: "modal_closed"
+    });
+  };
+  const handleBack = () => {
+    Analytics.nameSelection.dropOff("confirmation", {
+      isError: false,
+      name: isUnsetting ? "" : name,
+      error: "back_button"
+    });
+    setCurrentContent({
+      type: "choose-name-search",
+      props: {
+        setCurrentContent,
+        name,
+        initialContentSource
+      }
+    });
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: isUnsetting ? t("Confirm Unset Domain") : t("Confirm Name") }),
       /* @__PURE__ */ jsx(
         ModalBackButton,
         {
-          onClick: () => setCurrentContent({
-            type: "choose-name-search",
-            props: {
-              setCurrentContent,
-              name,
-              initialContentSource
-            }
-          }),
+          onClick: handleBack,
           isDisabled: isTransactionPending
         }
       ),
-      /* @__PURE__ */ jsx(ModalCloseButton, { isDisabled: isTransactionPending })
+      /* @__PURE__ */ jsx(
+        ModalCloseButton,
+        {
+          isDisabled: isTransactionPending,
+          onClick: handleClose
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 4, w: "full", textAlign: "center", children: [
       /* @__PURE__ */ jsx(Text, { fontSize: "lg", children: isUnsetting ? t(
@@ -9706,10 +10575,12 @@ var ChooseNameSummaryContent = ({
         isSubmitting: isTransactionPending,
         isTxWaitingConfirmation: isWaitingForWalletConfirmation,
         onConfirm: handleConfirm,
+        onRetry: handleRetry,
         transactionPendingText: isUnsetting ? t("Unsetting current domain...") : t("Claiming name..."),
         txReceipt,
         buttonText: t("Confirm"),
-        isDisabled: isTransactionPending
+        isDisabled: isTransactionPending,
+        onError: handleError
       }
     ) })
   ] });
@@ -9906,6 +10777,7 @@ var en_default = {
   "Address is required": "Address is required",
   "All apps": "All apps",
   "Already have an app account?": "Already have an app account?",
+  "Already have an x2earn app wallet?": "Already have an x2earn app wallet?",
   Amount: "Amount",
   "Amount is required": "Amount is required",
   "An X2Earn application in VeBetterDAO is a sustainable app that rewards users with B3TR tokens for eco-friendly actions. These apps must distribute B3TR, link user wallets, and provide proof of sustainable actions. They join VeBetterDAO through endorsement and participate in weekly token allocation rounds.": "An X2Earn application in VeBetterDAO is a sustainable app that rewards users with B3TR tokens for eco-friendly actions. These apps must distribute B3TR, link user wallets, and provide proof of sustainable actions. They join VeBetterDAO through endorsement and participate in weekly token allocation rounds.",
@@ -10047,6 +10919,7 @@ var en_default = {
   "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.": "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.",
   "Frequently asked questions": "Frequently asked questions",
   From: "From",
+  General: "General",
   Github: "Github",
   "Give a nickname to your wallet to easily identify it.": "Give a nickname to your wallet to easily identify it.",
   "Good news! Multiclause transactions are now fully supported for smart accounts. You can now enjoy a better user experience, lower gas costs, and enchanced security.": "Good news! Multiclause transactions are now fully supported for smart accounts. You can now enjoy a better user experience, lower gas costs, and enchanced security.",
@@ -10132,6 +11005,7 @@ var en_default = {
   "Node URL": "Node URL",
   "Not available": "Not available",
   Notifications: "Notifications",
+  "Only letters, numbers, and hyphens are allowed": "Only letters, numbers, and hyphens are allowed",
   Other: "Other",
   "Other options": "Other options",
   Passkey: "Passkey",
@@ -10408,6 +11282,7 @@ var de_default = {
   "Address is required": "Adresse ist erforderlich",
   "All apps": "Alle Apps",
   "Already have an app account?": "Haben Sie bereits ein App-Konto?",
+  "Already have an x2earn app wallet?": "Haben Sie bereits eine x2earn-App-Wallet?",
   Amount: "Betrag",
   "Amount is required": "Betrag ist erforderlich",
   "An X2Earn application in VeBetterDAO is a sustainable app that rewards users with B3TR tokens for eco-friendly actions. These apps must distribute B3TR, link user wallets, and provide proof of sustainable actions. They join VeBetterDAO through endorsement and participate in weekly token allocation rounds.": "Eine X2Earn-Anwendung in VeBetterDAO ist eine nachhaltige App, die Benutzer f\xFCr umweltfreundliche Aktionen mit B3TR-Token belohnt. Diese Apps m\xFCssen B3TR verteilen, Benutzer-Wallets verkn\xFCpfen und den Nachweis nachhaltiger Aktionen erbringen. Sie treten VeBetterDAO durch Unterst\xFCtzung bei und nehmen an w\xF6chentlichen Token-Zuweisungsrunden teil.",
@@ -10549,6 +11424,7 @@ var de_default = {
   "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.": "Aus Sicherheitsgr\xFCnden k\xF6nnen Sie die Einstellungen Ihrer eingebetteten Wallet nur auf der {{appName}} Plattform verwalten.",
   "Frequently asked questions": "H\xE4ufig gestellte Fragen",
   From: "Von",
+  General: "Allgemein",
   Github: "Github",
   "Give a nickname to your wallet to easily identify it.": "Geben Sie Ihrer Brieftasche einen Spitznamen, um sie leicht identifizieren zu k\xF6nnen.",
   "Good news! Multiclause transactions are now fully supported for smart accounts. You can now enjoy a better user experience, lower gas costs, and enchanced security.": "Gute Neuigkeiten! Multiclause-Transaktionen werden jetzt vollst\xE4ndig f\xFCr Smart-Accounts unterst\xFCtzt. Sie k\xF6nnen jetzt von einer besseren Benutzererfahrung, niedrigeren Gaskosten und erh\xF6hter Sicherheit profitieren.",
@@ -10634,6 +11510,7 @@ var de_default = {
   "Node URL": "Knoten-URL",
   "Not available": "Nicht verf\xFCgbar",
   Notifications: "Benachrichtigungen",
+  "Only letters, numbers, and hyphens are allowed": "Es sind nur Buchstaben, Zahlen und Bindestriche erlaubt",
   Other: "Andere",
   "Other options": "Weitere Optionen",
   Passkey: "Passwort",
@@ -10910,6 +11787,7 @@ var it_default = {
   "Address is required": "L'indirizzo \xE8 richiesto",
   "All apps": "Tutte le app",
   "Already have an app account?": "Hai gi\xE0 un account nell'app?",
+  "Already have an x2earn app wallet?": "Hai gi\xE0 un portafoglio x2earn app?",
   Amount: "Importo",
   "Amount is required": "\xC8 richiesto l'importo",
   "An X2Earn application in VeBetterDAO is a sustainable app that rewards users with B3TR tokens for eco-friendly actions. These apps must distribute B3TR, link user wallets, and provide proof of sustainable actions. They join VeBetterDAO through endorsement and participate in weekly token allocation rounds.": "Un'applicazione X2Earn in VeBetterDAO \xE8 un'app sostenibile che premia gli utenti con token B3TR per azioni ecologiche. Queste app devono distribuire B3TR, collegare i portafogli degli utenti e fornire la prova delle azioni sostenibili. Si uniscono a VeBetterDAO tramite sponsorizzazione e partecipano a turni settimanali di allocazione dei token.",
@@ -11051,6 +11929,7 @@ var it_default = {
   "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.": "Per motivi di sicurezza, puoi gestire le impostazioni del tuo portafoglio integrato solo sulla piattaforma {{appName}}.",
   "Frequently asked questions": "Domande frequenti",
   From: "Da",
+  General: "Generale",
   Github: "Github",
   "Give a nickname to your wallet to easily identify it.": "Dai un soprannome al tuo portafoglio per identificarlo facilmente.",
   "Good news! Multiclause transactions are now fully supported for smart accounts. You can now enjoy a better user experience, lower gas costs, and enchanced security.": "Buone notizie! Le transazioni multi-clausola sono ora completamente supportate per gli account intelligenti. Ora puoi godere di una migliore esperienza utente, costi di gas ridotti e maggiore sicurezza.",
@@ -11136,6 +12015,7 @@ var it_default = {
   "Node URL": "URL del nodo",
   "Not available": "Non disponibile",
   Notifications: "Notifiche",
+  "Only letters, numbers, and hyphens are allowed": "Sono ammessi solo lettere, numeri e trattini",
   Other: "Altro",
   "Other options": "Altre opzioni",
   Passkey: "Chiave di accesso",
@@ -11412,6 +12292,7 @@ var fr_default = {
   "Address is required": "L'adresse est requise",
   "All apps": "Toutes les applications",
   "Already have an app account?": "Vous avez d\xE9j\xE0 un compte sur l'application\xA0?",
+  "Already have an x2earn app wallet?": "Vous avez d\xE9j\xE0 un portefeuille d'application x2earn ?",
   Amount: "Montant",
   "Amount is required": "Le montant est requis",
   "An X2Earn application in VeBetterDAO is a sustainable app that rewards users with B3TR tokens for eco-friendly actions. These apps must distribute B3TR, link user wallets, and provide proof of sustainable actions. They join VeBetterDAO through endorsement and participate in weekly token allocation rounds.": "Une application X2Earn dans VeBetterDAO est une application durable qui r\xE9compense les utilisateurs avec des tokens B3TR pour des actions \xE9cologiques. Ces applications doivent distribuer B3TR, lier les portefeuilles utilisateurs et fournir une preuve des actions durables. Elles rejoignent VeBetterDAO par recommandation et participent \xE0 des rondes d\u2019allocation de tokens hebdomadaires.",
@@ -11553,6 +12434,7 @@ var fr_default = {
   "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.": "Pour des raisons de s\xE9curit\xE9, vous pouvez g\xE9rer les param\xE8tres de votre portefeuille int\xE9gr\xE9 uniquement sur la plateforme {{appName}}.",
   "Frequently asked questions": "Questions fr\xE9quemment pos\xE9es",
   From: "De",
+  General: "G\xE9n\xE9ral",
   Github: "Github",
   "Give a nickname to your wallet to easily identify it.": "Donnez un surnom \xE0 votre portefeuille pour l'identifier facilement.",
   "Good news! Multiclause transactions are now fully supported for smart accounts. You can now enjoy a better user experience, lower gas costs, and enchanced security.": "Bonne nouvelle ! Les transactions multiclause sont d\xE9sormais enti\xE8rement prises en charge pour les comptes intelligents. Vous pouvez d\xE9sormais profiter d'une meilleure exp\xE9rience utilisateur, de frais de gaz r\xE9duits et d'une s\xE9curit\xE9 renforc\xE9e.",
@@ -11638,6 +12520,7 @@ var fr_default = {
   "Node URL": "URL du n\u0153ud",
   "Not available": "Non disponible",
   Notifications: "Notifications",
+  "Only letters, numbers, and hyphens are allowed": "Seules les lettres, les chiffres et les tirets sont autoris\xE9s",
   Other: "Autre",
   "Other options": "Autres options",
   Passkey: "Cl\xE9 de passe",
@@ -11914,6 +12797,7 @@ var es_default = {
   "Address is required": "Se requiere direcci\xF3n",
   "All apps": "Todas las aplicaciones",
   "Already have an app account?": "\xBFYa tienes una cuenta de la aplicaci\xF3n?",
+  "Already have an x2earn app wallet?": "\xBFYa tienes una billetera de aplicaci\xF3n x2earn?",
   Amount: "Cantidad",
   "Amount is required": "Se requiere un monto",
   "An X2Earn application in VeBetterDAO is a sustainable app that rewards users with B3TR tokens for eco-friendly actions. These apps must distribute B3TR, link user wallets, and provide proof of sustainable actions. They join VeBetterDAO through endorsement and participate in weekly token allocation rounds.": "Una aplicaci\xF3n X2Earn en VeBetterDAO es una app sostenible que recompensa a los usuarios con tokens B3TR por acciones ecol\xF3gicas. Estas aplicaciones deben distribuir B3TR, vincular las billeteras de los usuarios y proporcionar pruebas de acciones sostenibles. Se unen a VeBetterDAO a trav\xE9s de la recomendaci\xF3n y participan en rondas semanales de asignaci\xF3n de tokens.",
@@ -12055,6 +12939,7 @@ var es_default = {
   "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.": "Por razones de seguridad, puedes gestionar la configuraci\xF3n de tu billetera integrada solo en la plataforma {{appName}}.",
   "Frequently asked questions": "Preguntas frecuentes",
   From: "De",
+  General: "General",
   Github: "Github",
   "Give a nickname to your wallet to easily identify it.": "Dale un apodo a tu billetera para identificarla f\xE1cilmente.",
   "Good news! Multiclause transactions are now fully supported for smart accounts. You can now enjoy a better user experience, lower gas costs, and enchanced security.": "\xA1Buenas noticias! Las transacciones multicl\xE1usula ahora son totalmente compatibles con las cuentas inteligentes. Ahora puedes disfrutar de una mejor experiencia de usuario, menores costos de gas y mayor seguridad.",
@@ -12140,6 +13025,7 @@ var es_default = {
   "Node URL": "URL del nodo",
   "Not available": "No disponible",
   Notifications: "Notificaciones",
+  "Only letters, numbers, and hyphens are allowed": "Solo se permiten letras, n\xFAmeros y guiones",
   Other: "Otro",
   "Other options": "Otras opciones",
   Passkey: "Clave de acceso",
@@ -12416,6 +13302,7 @@ var zh_default = {
   "Address is required": "\u5730\u5740\u662F\u5FC5\u9700\u7684",
   "All apps": "\u6240\u6709\u5E94\u7528",
   "Already have an app account?": "\u5DF2\u7ECF\u6709\u4E00\u4E2A\u5E94\u7528\u8D26\u6237\uFF1F",
+  "Already have an x2earn app wallet?": "\u5DF2\u7ECF\u6709\u4E00\u4E2Ax2earn\u5E94\u7528\u94B1\u5305\u4E86\u5417\uFF1F",
   Amount: "\u91D1\u989D",
   "Amount is required": "\u91D1\u989D\u662F\u5FC5\u9700\u7684",
   "An X2Earn application in VeBetterDAO is a sustainable app that rewards users with B3TR tokens for eco-friendly actions. These apps must distribute B3TR, link user wallets, and provide proof of sustainable actions. They join VeBetterDAO through endorsement and participate in weekly token allocation rounds.": "VeBetterDAO \u7684 X2Earn \u5E94\u7528\u7A0B\u5E8F\u662F\u4E00\u6B3E\u53EF\u6301\u7EED\u53D1\u5C55\u7684\u5E94\u7528\u7A0B\u5E8F\uFF0C\u7528\u6237\u56E0\u751F\u6001\u53CB\u597D\u884C\u4E3A\u800C\u83B7\u5F97 B3TR \u4EE3\u5E01\u5956\u52B1\u3002\u8FD9\u4E9B\u5E94\u7528\u7A0B\u5E8F\u5FC5\u987B\u5206\u53D1 B3TR\uFF0C\u94FE\u63A5\u7528\u6237\u94B1\u5305\u5E76\u63D0\u4F9B\u53EF\u6301\u7EED\u884C\u52A8\u7684\u8BC1\u660E\u3002\u5B83\u4EEC\u901A\u8FC7\u80CC\u4E66\u52A0\u5165 VeBetterDAO\uFF0C\u5E76\u53C2\u4E0E\u6BCF\u5468\u7684\u4EE3\u5E01\u5206\u914D\u8F6E\u6B21\u3002",
@@ -12557,6 +13444,7 @@ var zh_default = {
   "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.": "\u51FA\u4E8E\u5B89\u5168\u539F\u56E0\uFF0C\u60A8\u53EA\u80FD\u5728 {{appName}} \u5E73\u53F0\u4E0A\u7BA1\u7406\u5D4C\u5165\u5F0F\u94B1\u5305\u8BBE\u7F6E\u3002",
   "Frequently asked questions": "\u5E38\u89C1\u95EE\u9898\u89E3\u7B54",
   From: "\u81EA",
+  General: "\u5E38\u89C4",
   Github: "Github",
   "Give a nickname to your wallet to easily identify it.": "\u7ED9\u60A8\u7684\u94B1\u5305\u8D77\u4E00\u4E2A\u6635\u79F0\uFF0C\u4EE5\u4FBF\u4E8E\u8BC6\u522B\u3002",
   "Good news! Multiclause transactions are now fully supported for smart accounts. You can now enjoy a better user experience, lower gas costs, and enchanced security.": "\u597D\u6D88\u606F\uFF01\u591A\u6761\u6B3E\u4EA4\u6613\u73B0\u5728\u5DF2\u5B8C\u5168\u652F\u6301\u667A\u80FD\u8D26\u6237\u3002\u60A8\u73B0\u5728\u53EF\u4EE5\u4EAB\u53D7\u66F4\u597D\u7684\u7528\u6237\u4F53\u9A8C\u3001\u66F4\u4F4E\u7684\u71C3\u6C14\u6210\u672C\u548C\u66F4\u9AD8\u7684\u5B89\u5168\u6027\u3002",
@@ -12642,6 +13530,7 @@ var zh_default = {
   "Node URL": "\u8282\u70B9 URL",
   "Not available": "\u4E0D\u53EF\u7528",
   Notifications: "\u901A\u77E5",
+  "Only letters, numbers, and hyphens are allowed": "\u53EA\u5141\u8BB8\u4F7F\u7528\u5B57\u6BCD\u3001\u6570\u5B57\u548C\u8FDE\u5B57\u7B26",
   Other: "\u5176\u4ED6",
   "Other options": "\u5176\u4ED6\u9009\u9879",
   Passkey: "\u901A\u884C\u5BC6\u94A5",
@@ -12918,6 +13807,7 @@ var ja_default = {
   "Address is required": "\u30A2\u30C9\u30EC\u30B9\u304C\u5FC5\u8981\u3067\u3059",
   "All apps": "\u3059\u3079\u3066\u306E\u30A2\u30D7\u30EA",
   "Already have an app account?": "\u65E2\u306B\u30A2\u30D7\u30EA\u306E\u30A2\u30AB\u30A6\u30F3\u30C8\u3092\u304A\u6301\u3061\u3067\u3059\u304B\uFF1F",
+  "Already have an x2earn app wallet?": "\u65E2\u306Bx2earn\u30A2\u30D7\u30EA\u306E\u30A6\u30A9\u30EC\u30C3\u30C8\u3092\u304A\u6301\u3061\u3067\u3059\u304B\uFF1F",
   Amount: "\u91D1\u984D",
   "Amount is required": "\u91D1\u984D\u304C\u5FC5\u8981\u3067\u3059",
   "An X2Earn application in VeBetterDAO is a sustainable app that rewards users with B3TR tokens for eco-friendly actions. These apps must distribute B3TR, link user wallets, and provide proof of sustainable actions. They join VeBetterDAO through endorsement and participate in weekly token allocation rounds.": "VeBetterDAO\u306EX2Earn\u30A2\u30D7\u30EA\u30B1\u30FC\u30B7\u30E7\u30F3\u306F\u3001\u74B0\u5883\u306B\u512A\u3057\u3044\u884C\u52D5\u3092\u3068\u308B\u30E6\u30FC\u30B6\u30FC\u306BB3TR\u30C8\u30FC\u30AF\u30F3\u3092\u5831\u916C\u3068\u3057\u3066\u63D0\u4F9B\u3059\u308B\u6301\u7D9A\u53EF\u80FD\u306A\u30A2\u30D7\u30EA\u3067\u3059\u3002\u3053\u308C\u3089\u306E\u30A2\u30D7\u30EA\u306FB3TR\u3092\u914D\u5E03\u3057\u3001\u30E6\u30FC\u30B6\u306E\u30A6\u30A9\u30EC\u30C3\u30C8\u3092\u30EA\u30F3\u30AF\u3057\u3001\u6301\u7D9A\u53EF\u80FD\u306A\u884C\u52D5\u306E\u8A3C\u660E\u3092\u63D0\u4F9B\u3057\u306A\u3051\u308C\u3070\u306A\u308A\u307E\u305B\u3093\u3002\u3053\u308C\u3089\u306F\u63A8\u85A6\u3092\u901A\u3058\u3066VeBetterDAO\u306B\u53C2\u52A0\u3057\u3001\u9031\u3054\u3068\u306E\u30C8\u30FC\u30AF\u30F3\u5272\u308A\u5F53\u3066\u30E9\u30A6\u30F3\u30C9\u306B\u53C2\u52A0\u3057\u307E\u3059\u3002",
@@ -13059,6 +13949,7 @@ var ja_default = {
   "For security reasons, you can manage your embedded wallet settings only on the {{appName}} platform.": "\u30BB\u30AD\u30E5\u30EA\u30C6\u30A3\u4E0A\u306E\u7406\u7531\u304B\u3089\u3001\u57CB\u3081\u8FBC\u307F\u30A6\u30A9\u30EC\u30C3\u30C8\u306E\u8A2D\u5B9A\u306F{{appName}}\u30D7\u30E9\u30C3\u30C8\u30D5\u30A9\u30FC\u30E0\u3067\u306E\u307F\u7BA1\u7406\u3067\u304D\u307E\u3059\u3002",
   "Frequently asked questions": "\u3088\u304F\u3042\u308B\u8CEA\u554F",
   From: "\u9001\u4FE1\u5143",
+  General: "\u4E00\u822C",
   Github: "\u30AE\u30C3\u30C8\u30CF\u30D6",
   "Give a nickname to your wallet to easily identify it.": "\u30A6\u30A9\u30EC\u30C3\u30C8\u306B\u30CB\u30C3\u30AF\u30CD\u30FC\u30E0\u3092\u4ED8\u3051\u3066\u7C21\u5358\u306B\u8B58\u5225\u3057\u307E\u3057\u3087\u3046\u3002",
   "Good news! Multiclause transactions are now fully supported for smart accounts. You can now enjoy a better user experience, lower gas costs, and enchanced security.": "\u6717\u5831\u3067\u3059\uFF01\u30B9\u30DE\u30FC\u30C8\u30A2\u30AB\u30A6\u30F3\u30C8\u306E\u305F\u3081\u306B\u3001\u30DE\u30EB\u30C1\u30AF\u30ED\u30FC\u30BA\u53D6\u5F15\u304C\u5B8C\u5168\u306B\u30B5\u30DD\u30FC\u30C8\u3055\u308C\u308B\u3088\u3046\u306B\u306A\u308A\u307E\u3057\u305F\u3002\u3053\u308C\u3067\u3001\u3088\u308A\u826F\u3044\u30E6\u30FC\u30B6\u30FC\u4F53\u9A13\u3001\u4F4E\u30B3\u30B9\u30C8\u306E\u30AC\u30B9\u3001\u305D\u3057\u3066\u5F37\u5316\u3055\u308C\u305F\u30BB\u30AD\u30E5\u30EA\u30C6\u30A3\u3092\u697D\u3057\u3080\u3053\u3068\u304C\u3067\u304D\u307E\u3059\u3002",
@@ -13144,6 +14035,7 @@ var ja_default = {
   "Node URL": "\u30CE\u30FC\u30C9URL",
   "Not available": "\u5229\u7528\u4E0D\u53EF",
   Notifications: "\u901A\u77E5",
+  "Only letters, numbers, and hyphens are allowed": "\u4F7F\u7528\u3067\u304D\u308B\u306E\u306F\u6587\u5B57\u3001\u6570\u5B57\u3001\u30CF\u30A4\u30D5\u30F3\u306E\u307F\u3067\u3059",
   Other: "\u305D\u306E\u4ED6",
   "Other options": "\u305D\u306E\u4ED6\u306E\u30AA\u30D7\u30B7\u30E7\u30F3",
   Passkey: "\u30D1\u30B9\u30AD\u30FC",
@@ -13446,6 +14338,10 @@ var i18n_default = i18n;
 var FAQContent = ({ onGoBack }) => {
   const { network, darkMode: isDark } = useVeChainKitConfig();
   const { i18n: i18n2, t } = useTranslation();
+  const handleLanguageChange = (e) => {
+    Analytics.settings.language.changed(e.target.value, i18n2.language);
+    i18n2.changeLanguage(e.target.value);
+  };
   return /* @__PURE__ */ jsxs(ScrollToTopWrapper, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: t("Help") }),
@@ -13490,7 +14386,7 @@ var FAQContent = ({ onGoBack }) => {
             size: "sm",
             width: "auto",
             value: i18n2.language,
-            onChange: (e) => i18n2.changeLanguage(e.target.value),
+            onChange: handleLanguageChange,
             bg: isDark ? "whiteAlpha.200" : "gray.100",
             borderColor: isDark ? "whiteAlpha.300" : "gray.200",
             _hover: {
@@ -13528,7 +14424,8 @@ var FAQContent = ({ onGoBack }) => {
   ] });
 };
 var CustomizationContent = ({
-  setCurrentContent
+  setCurrentContent,
+  initialContentSource = "profile"
 }) => {
   const { t } = useTranslation();
   const { network } = useVeChainKitConfig();
@@ -13597,9 +14494,14 @@ var CustomizationContent = ({
         network.type
       );
       setAvatarIpfsHash(ipfsHash);
+      Analytics.customization.imageUploaded(true);
     } catch (error) {
       console.error("Error uploading image:", error);
       setPreviewImageUrl(null);
+      Analytics.customization.imageUploaded(
+        false,
+        error instanceof Error ? error.message : "Unknown error"
+      );
     } finally {
       setIsUploading(false);
     }
@@ -13635,15 +14537,43 @@ var CustomizationContent = ({
       type: "account-customization-summary",
       props: {
         setCurrentContent,
-        changes: getChangedValues()
+        changes: getChangedValues(),
+        onDoneRedirectContent: initialContentSource
       }
     });
   };
+  const handleClose = () => {
+    if (isUploading) {
+      Analytics.customization.dropOff({
+        stage: "avatar",
+        reason: "modal_closed_during_upload"
+      });
+    } else {
+      Analytics.customization.dropOff({
+        stage: "form",
+        reason: "modal_closed"
+      });
+    }
+  };
+  const handleBack = () => {
+    if (isUploading) {
+      Analytics.customization.dropOff({
+        stage: "avatar",
+        reason: "back_button_during_upload"
+      });
+    } else {
+      Analytics.customization.dropOff({
+        stage: "form",
+        reason: "back_button"
+      });
+    }
+    setCurrentContent("profile");
+  };
   return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: t("Customization") }),
-      /* @__PURE__ */ jsx(ModalBackButton, { onClick: () => setCurrentContent("profile") }),
-      /* @__PURE__ */ jsx(ModalCloseButton, {})
+      /* @__PURE__ */ jsx(ModalBackButton, { onClick: handleBack }),
+      /* @__PURE__ */ jsx(ModalCloseButton, { onClick: handleClose })
     ] }),
     /* @__PURE__ */ jsxs(ModalBody, { children: [
       /* @__PURE__ */ jsxs(
@@ -13741,13 +14671,21 @@ var CustomizationContent = ({
                         "Choose a unique .vet domain name for your account."
                       ),
                       onClick: () => {
+                        Analytics.nameSelection.started(
+                          "account-customization"
+                        );
                         if (account?.domain) {
                           setCurrentContent({
                             type: "choose-name-search",
                             props: {
                               name: "",
                               setCurrentContent,
-                              initialContentSource: "account-customization"
+                              initialContentSource: {
+                                type: "account-customization",
+                                props: {
+                                  setCurrentContent
+                                }
+                              }
                             }
                           });
                         } else {
@@ -13755,10 +14693,18 @@ var CustomizationContent = ({
                             type: "choose-name",
                             props: {
                               setCurrentContent,
-                              initialContentSource: "account-customization",
-                              onBack: () => setCurrentContent(
-                                "account-customization"
-                              )
+                              initialContentSource: {
+                                type: "account-customization",
+                                props: {
+                                  setCurrentContent
+                                }
+                              },
+                              onBack: () => setCurrentContent({
+                                type: "account-customization",
+                                props: {
+                                  setCurrentContent
+                                }
+                              })
                             }
                           });
                         }
@@ -13975,7 +14921,8 @@ var CustomizationContent = ({
 };
 var CustomizationSummaryContent = ({
   setCurrentContent,
-  changes
+  changes,
+  onDoneRedirectContent
 }) => {
   const { t } = useTranslation();
   const { darkMode: isDark } = useVeChainKitConfig();
@@ -14009,7 +14956,12 @@ var CustomizationSummaryContent = ({
     // Pass the pre-fetched resolver address
     signerAccountAddress: account?.address ?? "",
     onSuccess: async () => {
-      refreshMetadata();
+      Analytics.customization.completed({
+        hasAvatar: !!changes.avatarIpfsHash,
+        hasDisplayName: !!changes.displayName,
+        hasDescription: !!changes.description,
+        hasSocials: !!(changes.twitter || changes.website || changes.email)
+      });
       setCurrentContent({
         type: "successful-operation",
         props: {
@@ -14020,10 +14972,29 @@ var CustomizationSummaryContent = ({
             "Your changes have been saved successfully."
           ),
           onDone: () => {
-            setCurrentContent("profile");
+            setCurrentContent(onDoneRedirectContent);
           }
         }
       });
+      try {
+        await refreshMetadata();
+      } catch (error) {
+        console.error("Error refreshing data:", error);
+      }
+    },
+    onError: (error) => {
+      if (error && isRejectionError(error?.message ?? "")) {
+        Analytics.customization.dropOff({
+          stage: "confirmation",
+          reason: "wallet_rejected",
+          error: error?.message
+        });
+      } else {
+        Analytics.customization.failed(
+          "confirmation",
+          error instanceof Error ? error.message : "Unknown error"
+        );
+      }
     }
   });
   const onSubmit = async (data) => {
@@ -14053,6 +15024,11 @@ var CustomizationSummaryContent = ({
       }
     } catch (error) {
       console.error("Error saving changes:", error);
+      Analytics.customization.dropOff({
+        stage: "confirmation",
+        reason: "transaction_error",
+        error: error instanceof Error ? error.message : "Unknown error"
+      });
     }
   };
   const renderField = (label, value) => {
@@ -14069,6 +15045,31 @@ var CustomizationSummaryContent = ({
       /* @__PURE__ */ jsx(Text, { fontSize: "md", children: value })
     ] });
   };
+  const handleRetry = () => {
+    Analytics.customization.failed(
+      "confirmation",
+      txError instanceof Error ? txError.message : "Unknown error"
+    );
+    handleSubmit(onSubmit)();
+  };
+  const handleClose = () => {
+    Analytics.customization.dropOff({
+      stage: "confirmation",
+      reason: "modal_closed"
+    });
+  };
+  const handleBack = () => {
+    Analytics.customization.dropOff({
+      stage: "confirmation",
+      reason: "back_button"
+    });
+    setCurrentContent({
+      type: "account-customization",
+      props: {
+        setCurrentContent
+      }
+    });
+  };
   return /* @__PURE__ */ jsxs(Box, { as: "form", onSubmit: handleSubmit(onSubmit), children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: t("Confirm Changes") }),
@@ -14076,10 +15077,16 @@ var CustomizationSummaryContent = ({
         ModalBackButton,
         {
           isDisabled: isTransactionPending,
-          onClick: () => setCurrentContent("account-customization")
+          onClick: handleBack
         }
       ),
-      /* @__PURE__ */ jsx(ModalCloseButton, { isDisabled: isTransactionPending })
+      /* @__PURE__ */ jsx(
+        ModalCloseButton,
+        {
+          isDisabled: isTransactionPending,
+          onClick: handleClose
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 4, align: "stretch", children: [
       changes.avatarIpfsHash && /* @__PURE__ */ jsxs(VStack, { align: "flex-start", w: "full", spacing: 1, children: [
@@ -14106,6 +15113,7 @@ var CustomizationSummaryContent = ({
         isSubmitting: isTransactionPending,
         isTxWaitingConfirmation: isWaitingForWalletConfirmation,
         onConfirm: handleSubmit(onSubmit),
+        onRetry: handleRetry,
         transactionPendingText: t("Saving changes..."),
         txReceipt,
         buttonText: t("Confirm"),
@@ -14136,7 +15144,15 @@ var ProfileContent = ({
       /* @__PURE__ */ jsx(
         ProfileCard,
         {
-          onEditClick: () => setCurrentContent("account-customization"),
+          onEditClick: () => {
+            Analytics.customization.started();
+            setCurrentContent({
+              type: "account-customization",
+              props: {
+                setCurrentContent
+              }
+            });
+          },
           address: account?.address ?? "",
           showHeader: false,
           style: {
@@ -14618,6 +15634,10 @@ var ManageCustomTokenContent = ({
 var BridgeContent = ({ setCurrentContent }) => {
   const { t } = useTranslation();
   const { darkMode: isDark } = useVeChainKitConfig();
+  const handleLaunchVeChainEnergy = () => {
+    Analytics.bridge.launchVeChainEnergy();
+    window.open("https://swap.vechain.energy/", "_blank");
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: t("Bridge") }),
@@ -14634,9 +15654,7 @@ var BridgeContent = ({ setCurrentContent }) => {
       Button,
       {
         variant: "vechainKitSecondary",
-        onClick: () => {
-          window.open("https://swap.vechain.energy/", "_blank");
-        },
+        onClick: handleLaunchVeChainEnergy,
         children: [
           t("Launch vechain.energy"),
           /* @__PURE__ */ jsx(Icon, { as: FaExternalLinkAlt, ml: 2 })
@@ -15238,6 +16256,10 @@ var NotificationItem = ({
   onMarkAsRead
 }) => {
   const { t } = useTranslation();
+  const handleDismiss = () => {
+    Analytics.notifications.dismissed(notification.status);
+    onMarkAsRead(notification.id);
+  };
   if (notification.isRead && !isArchiveView) {
     return null;
   }
@@ -15250,6 +16272,8 @@ var NotificationItem = ({
       pr: 8,
       position: "relative",
       opacity: notification.isRead ? 0.7 : 1,
+      cursor: "pointer",
+      _hover: { opacity: 0.8 },
       children: [
         /* @__PURE__ */ jsx(AlertIcon, { boxSize: "16px" }),
         /* @__PURE__ */ jsxs(Box, { children: [
@@ -15265,7 +16289,10 @@ var NotificationItem = ({
             size: "sm",
             variant: "ghost",
             icon: /* @__PURE__ */ jsx(IoCloseCircle, {}),
-            onClick: () => onMarkAsRead(notification.id),
+            onClick: (e) => {
+              e.stopPropagation();
+              handleDismiss();
+            },
             "aria-label": "Mark as read and archive"
           }
         )
@@ -15288,11 +16315,16 @@ var NotificationsContent = ({ setCurrentContent }) => {
     getArchivedNotifications()
   );
   const handleClearAll = () => {
+    Analytics.notifications.cleared(void 0, notifications.length);
     clearAllNotifications();
     setArchivedNotifications([...archivedNotifications, ...notifications]);
     setNotifications([]);
   };
   const handleMarkAsRead = (id) => {
+    const notification = notifications.find((n) => n.id === id);
+    if (notification) {
+      Analytics.notifications.archived(notification.status);
+    }
     markAsRead(id);
     const notificationToArchive = notifications.find((n) => n.id === id);
     setNotifications(notifications.filter((n) => n.id !== id));
@@ -15303,6 +16335,12 @@ var NotificationsContent = ({ setCurrentContent }) => {
       ]);
     }
   };
+  const handleToggleView = () => {
+    Analytics.notifications.toggleView(
+      isArchiveView ? "current" : "archived"
+    );
+    setIsArchiveView(!isArchiveView);
+  };
   const currentNotifications = isArchiveView ? archivedNotifications : notifications;
   const sortedNotifications = [...currentNotifications].sort((a, b) => {
     if (a.id === "welcome") return -1;
@@ -15338,7 +16376,7 @@ var NotificationsContent = ({ setCurrentContent }) => {
                 }
               ),
               size: "sm",
-              onClick: () => setIsArchiveView(!isArchiveView),
+              onClick: handleToggleView,
               children: isArchiveView ? t("Current") : t("Archived")
             }
           ),
@@ -15412,6 +16450,21 @@ var AppComponent = ({ xApp, setCurrentContent }) => {
   const { data: logo, isLoading: isLogoLoading } = useIpfsImage(
     appMetadata?.logo
   );
+  const handleAppClick = () => {
+    if (appMetadata?.name) {
+      Analytics.ecosystem.appSelected(appMetadata.name);
+      setCurrentContent({
+        type: "app-overview",
+        props: {
+          name: appMetadata.name,
+          image: logo?.image ?? "",
+          url: appMetadata?.external_url ?? "",
+          description: appMetadata?.description ?? "",
+          setCurrentContent
+        }
+      });
+    }
+  };
   return /* @__PURE__ */ jsx(
     Skeleton,
     {
@@ -15424,18 +16477,7 @@ var AppComponent = ({ xApp, setCurrentContent }) => {
           name: appMetadata?.name ?? "",
           imageUrl: logo?.image ?? "",
           linkUrl: appMetadata?.external_url ?? "",
-          onClick: () => {
-            setCurrentContent({
-              type: "app-overview",
-              props: {
-                name: appMetadata?.name ?? "",
-                image: logo?.image ?? "",
-                url: appMetadata?.external_url ?? "",
-                description: appMetadata?.description ?? "",
-                setCurrentContent
-              }
-            });
-          }
+          onClick: handleAppClick
         }
       )
     }
@@ -15449,22 +16491,27 @@ var CustomAppComponent = ({
   logoComponent,
   setCurrentContent
 }) => {
+  const handleAppClick = () => {
+    Analytics.ecosystem.appSelected(name);
+    setCurrentContent({
+      type: "app-overview",
+      props: {
+        name,
+        image,
+        url,
+        description,
+        logoComponent,
+        setCurrentContent
+      }
+    });
+  };
   return /* @__PURE__ */ jsx(
     SharedAppCard,
     {
       name,
       imageUrl: image,
       linkUrl: url,
-      onClick: () => setCurrentContent({
-        type: "app-overview",
-        props: {
-          name,
-          image,
-          url,
-          description,
-          logoComponent
-        }
-      }),
+      onClick: handleAppClick,
       ...logoComponent && { logoComponent }
     }
   );
@@ -15565,6 +16612,16 @@ var ExploreEcosystemContent = ({ setCurrentContent }) => {
     return dapp;
   });
   const { shortcuts } = useEcosystemShortcuts();
+  const handleSearchChange = (e) => {
+    const query = e.target.value;
+    setSearchQuery(query);
+    if (query) {
+      Analytics.ecosystem.searchPerformed(
+        query,
+        filteredDefaultApps.length + filteredDapps.length
+      );
+    }
+  };
   return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: t("Ecosystem") }),
@@ -15589,7 +16646,7 @@ var ExploreEcosystemContent = ({ setCurrentContent }) => {
           {
             placeholder: t("Search Apps"),
             value: searchQuery,
-            onChange: (e) => setSearchQuery(e.target.value),
+            onChange: handleSearchChange,
             bg: isDark ? "#00000038" : "gray.50",
             borderRadius: "xl",
             height: "56px",
@@ -15633,6 +16690,14 @@ var ShortcutButton = ({ name, image, url, description }) => {
   const { t } = useTranslation();
   const { isShortcut, addShortcut, removeShortcut } = useEcosystemShortcuts();
   const hasShortcut = isShortcut(url);
+  const handleShortcutClick = () => {
+    if (hasShortcut) {
+      removeShortcut(url);
+    } else {
+      Analytics.ecosystem.addAppToShortcuts(name);
+      addShortcut({ name, image, url, description });
+    }
+  };
   return /* @__PURE__ */ jsx(
     Button,
     {
@@ -15641,13 +16706,7 @@ var ShortcutButton = ({ name, image, url, description }) => {
       height: "45px",
       variant: "vechainKitSecondary",
       borderRadius: "xl",
-      onClick: () => {
-        if (hasShortcut) {
-          removeShortcut(url);
-        } else {
-          addShortcut({ name, image, url, description });
-        }
-      },
+      onClick: handleShortcutClick,
       leftIcon: /* @__PURE__ */ jsx(Icon, { as: hasShortcut ? BsBookmarkFill : BsBookmark }),
       children: hasShortcut ? t("Remove from shortcuts") : t("Add to shortcuts")
     }
@@ -15662,6 +16721,10 @@ var AppOverviewContent = ({
   logoComponent
 }) => {
   const { t } = useTranslation();
+  const handleLaunchApp = () => {
+    Analytics.ecosystem.launchApp(name);
+    window.open(url, "_blank");
+  };
   return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsxs(StickyHeaderContainer, { children: [
       /* @__PURE__ */ jsx(ModalHeader, { children: name }),
@@ -15696,9 +16759,7 @@ var AppOverviewContent = ({
         Button,
         {
           variant: "vechainKitSecondary",
-          onClick: () => {
-            window.open(url, "_blank");
-          },
+          onClick: handleLaunchApp,
           children: [
             t("Launch {{name}}", { name }),
             /* @__PURE__ */ jsx(Icon, { as: FaExternalLinkAlt, ml: 2 })
@@ -16075,7 +17136,7 @@ var SuccessfulOperationContent = ({
               justifyContent: "center",
               children: [
                 /* @__PURE__ */ jsx(Text, { children: t("View transaction on the explorer") }),
-                /* @__PURE__ */ jsx(Icon, { size: "sm", as: GoLinkExternal })
+                /* @__PURE__ */ jsx(Icon, { size: 16, as: GoLinkExternal })
               ]
             }
           )
@@ -16098,6 +17159,7 @@ var AccountModal = ({
   useEffect(() => {
     if (isOpen && initialContent) {
       setCurrentContent(initialContent);
+      Analytics.wallet.opened(!!account);
     }
   }, [isOpen, initialContent, setCurrentContent]);
   const renderContent = () => {
@@ -16143,6 +17205,14 @@ var AccountModal = ({
           return /* @__PURE__ */ jsx(UpgradeSmartAccountContent, { ...currentContent.props });
         case "faq":
           return /* @__PURE__ */ jsx(FAQContent, { ...currentContent.props });
+        case "account-customization":
+          return /* @__PURE__ */ jsx(
+            CustomizationContent,
+            {
+              ...currentContent.props,
+              setCurrentContent
+            }
+          );
       }
     }
     switch (currentContent) {
@@ -16160,7 +17230,10 @@ var AccountModal = ({
           SettingsContent,
           {
             setCurrentContent,
-            onLogoutSuccess: onClose
+            onLogoutSuccess: () => {
+              Analytics.auth.logoutCompleted();
+              onClose();
+            }
           }
         );
       case "profile":
@@ -16168,7 +17241,10 @@ var AccountModal = ({
           ProfileContent,
           {
             setCurrentContent,
-            onLogoutSuccess: onClose
+            onLogoutSuccess: () => {
+              Analytics.auth.logoutCompleted();
+              onClose();
+            }
           }
         );
       case "assets":
@@ -16219,13 +17295,6 @@ var AccountModal = ({
             setCurrentContent
           }
         );
-      case "account-customization":
-        return /* @__PURE__ */ jsx(
-          CustomizationContent,
-          {
-            setCurrentContent
-          }
-        );
       case "embedded-wallet":
         return /* @__PURE__ */ jsx(
           EmbeddedWalletContent,
@@ -16292,7 +17361,8 @@ var ConnectionButton = ({
   customIcon,
   rightIcon,
   style,
-  variant = "loginIn"
+  variant = "loginIn",
+  iconWidth = "25px"
 }) => {
   if (!text) {
     return /* @__PURE__ */ jsx(Button, { ...style, variant, w: "full", onClick, children: customIcon ? customIcon : /* @__PURE__ */ jsx(Icon, { as: icon, w: "20px", h: "20px" }) });
@@ -16300,7 +17370,7 @@ var ConnectionButton = ({
   if (text) {
     return /* @__PURE__ */ jsxs(Button, { ...style, variant, w: "full", onClick, children: [
       /* @__PURE__ */ jsxs(HStack, { w: "full", justify: "flex-start", gap: 2, children: [
-        customIcon ? customIcon : /* @__PURE__ */ jsx(Icon, { as: icon, w: "25px", h: "25px" }),
+        customIcon ? customIcon : /* @__PURE__ */ jsx(Icon, { as: icon, w: iconWidth, h: iconWidth }),
         /* @__PURE__ */ jsx(Text, { opacity: 0.9, children: text })
       ] }),
       rightIcon
@@ -16313,6 +17383,15 @@ var ConnectPopover = ({
   buttonStyle
 }) => {
   const { t } = useTranslation();
+  const {
+    loginMethods,
+    darkMode: isDark,
+    privyEcosystemAppIDS
+  } = useVeChainKitConfig();
+  const showEcosystemButton = loginMethods?.some(
+    ({ method: method35 }) => method35 === "ecosystem"
+  );
+  const { data: appsInfo, isLoading: isEcosystemAppsLoading } = useFetchAppInfo(privyEcosystemAppIDS);
   return /* @__PURE__ */ jsx(
     Popover,
     {
@@ -16341,7 +17420,17 @@ var ConnectPopover = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx(PopoverContent, { children: /* @__PURE__ */ jsx(PopoverBody, { children: /* @__PURE__ */ jsx(ConnectionOptionsStack, {}) }) })
+        /* @__PURE__ */ jsxs(PopoverContent, { children: [
+          /* @__PURE__ */ jsx(PopoverBody, { children: /* @__PURE__ */ jsx(ConnectionOptionsStack, {}) }),
+          /* @__PURE__ */ jsx(PopoverFooter, { borderTop: "none", pb: "15px", children: showEcosystemButton && /* @__PURE__ */ jsx(HStack, { justify: "center", w: "full", children: /* @__PURE__ */ jsx(
+            EcosystemButton,
+            {
+              isDark,
+              appsInfo: Object.values(appsInfo || {}),
+              isLoading: isEcosystemAppsLoading
+            }
+          ) }) })
+        ] })
       ] })
     }
   );
@@ -16429,16 +17518,20 @@ var WalletButton = ({
   connectionVariant = "modal"
 }) => {
   const { t } = useTranslation();
-  const { darkMode } = useVeChainKitConfig();
+  const { darkMode, loginMethods } = useVeChainKitConfig();
+  const hasOnlyDappKit = loginMethods?.length === 1 && loginMethods[0].method === "dappkit";
   const { connection, account } = useWallet();
   const { setSource, connect } = useWallet$1();
   const [isMobile3] = useMediaQuery("(max-width: 768px)");
   const connectModal = useDisclosure();
   const accountModal = useDisclosure();
+  const { open: openDappKit } = useWalletModal();
   const handleConnect = () => {
     if (connection.isInAppBrowser) {
       setSource("veworld");
       connect();
+    } else if (hasOnlyDappKit) {
+      openDappKit();
     } else {
       connectModal.onOpen();
     }
@@ -16840,6 +17933,7 @@ var EcosystemContent = ({ onClose, appsInfo, isLoading }) => {
   const [loginError, setLoginError] = useState();
   const [selectedApp, setSelectedApp] = useState();
   const loginLoadingModal = useDisclosure();
+  const { user } = usePrivy();
   const { setConnectionCache } = useCrossAppConnectionCache();
   const { login: loginWithCrossApp } = usePrivyCrossAppSdk();
   const connectWithVebetterDaoApps = async (appId, appName) => {
@@ -16849,6 +17943,9 @@ var EcosystemContent = ({ onClose, appsInfo, isLoading }) => {
       setSelectedApp(appName);
       try {
         await loginWithCrossApp(appId);
+        Analytics.auth.trackAuth("connect_initiated", {
+          totalConnections: appsInfo.length
+        });
         loginLoadingModal.onClose();
         setConnectionCache({
           name: appName,
@@ -16856,10 +17953,17 @@ var EcosystemContent = ({ onClose, appsInfo, isLoading }) => {
           appId,
           website: appsInfo.find((app) => app.id === appId)?.website
         });
+        Analytics.auth.completed({
+          userId: user?.id,
+          loginMethod: "ecosystem" /* ECOSYSTEM */
+        });
         onClose();
       } catch (error) {
         const errorMsg = error?.message;
-        if (errorMsg?.includes("rejected") || errorMsg?.includes("closed")) {
+        if (errorMsg && isRejectionError(errorMsg)) {
+          Analytics.auth.dropOff("ecosystem-app-connect", {
+            ...appName && { appName }
+          });
           return new Error("Login request was cancelled.");
         }
         const errorToShow = error instanceof Error ? error : new Error(
@@ -16876,30 +17980,26 @@ var EcosystemContent = ({ onClose, appsInfo, isLoading }) => {
   };
   const handleTryAgain = () => {
     if (selectedApp) {
+      Analytics.auth.tryAgain("ecosystem" /* ECOSYSTEM */, selectedApp);
       const app = appsInfo.find((app2) => app2.name === selectedApp);
       if (app) {
         connectWithVebetterDaoApps(app.id, app.name);
       }
     }
   };
+  const handleClose = () => {
+    Analytics.auth.dropOff("ecosystem-view", {
+      ...selectedApp && { appName: selectedApp }
+    });
+    onClose();
+  };
   return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(StickyHeaderContainer, { children: /* @__PURE__ */ jsxs(ModalHeader, { children: [
-        t("Already have an app account?"),
-        /* @__PURE__ */ jsx(ModalCloseButton, {})
+        t("Already have an x2earn app wallet?"),
+        /* @__PURE__ */ jsx(ModalCloseButton, { onClick: handleClose })
       ] }) }),
       /* @__PURE__ */ jsxs(ModalBody, { children: [
-        /* @__PURE__ */ jsx(
-          Text,
-          {
-            fontSize: "12px",
-            fontWeight: "400",
-            opacity: 0.5,
-            mb: 4,
-            textAlign: "center",
-            children: t("Sign in with a wallet from other x2earn apps.")
-          }
-        ),
         isLoading && /* @__PURE__ */ jsx(
           VStack,
           {
@@ -17118,7 +18218,8 @@ var ProfileCard = ({
                 isLoadingMetadata: metadata?.isLoading,
                 metadata: metadata?.records
               },
-              style: { mt: 4 }
+              style: { mt: 4 },
+              fromScreen: "profile"
             }
           )
         ] })
@@ -17233,7 +18334,7 @@ var SuccessfulOperationContent2 = ({
               justifyContent: "center",
               children: [
                 /* @__PURE__ */ jsx(Text, { children: t("View transaction on the explorer") }),
-                /* @__PURE__ */ jsx(Icon, { size: "sm", as: GoLinkExternal })
+                /* @__PURE__ */ jsx(Icon, { size: 16, as: GoLinkExternal })
               ]
             }
           )
@@ -17559,12 +18660,15 @@ var ModalProvider = ({ children }) => {
   );
 };
 var useConnectModal = () => {
-  const {
-    openConnectModal: open,
-    closeConnectModal: close,
-    isConnectModalOpen: isOpen
-  } = useModal();
-  return { open, close, isOpen };
+  const { loginMethods } = useVeChainKitConfig();
+  const hasOnlyDappKit = loginMethods?.length === 1 && loginMethods[0].method === "dappkit";
+  const { openConnectModal, closeConnectModal, isConnectModalOpen } = useModal();
+  const { open: openDappKit, close: closeDappKit } = useWalletModal();
+  return {
+    open: hasOnlyDappKit ? openDappKit : openConnectModal,
+    close: hasOnlyDappKit ? closeDappKit : closeConnectModal,
+    isOpen: hasOnlyDappKit ? false : isConnectModalOpen
+  };
 };
 var ConnectModalProvider = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
 var useAccountModal = () => {
@@ -17758,9 +18862,19 @@ var useFAQModal = () => {
 };
 var FAQModalProvider = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
 var useAccountCustomizationModal = () => {
-  const { openAccountModal, closeAccountModal, isAccountModalOpen } = useModal();
+  const {
+    openAccountModal,
+    closeAccountModal,
+    isAccountModalOpen,
+    setAccountModalContent
+  } = useModal();
   const open = () => {
-    openAccountModal("account-customization");
+    openAccountModal({
+      type: "account-customization",
+      props: {
+        setCurrentContent: setAccountModalContent
+      }
+    });
   };
   const close = () => {
     closeAccountModal();
@@ -17926,8 +19040,8 @@ var useTransferERC20 = ({
       buttonText: "Sign to continue"
     },
     onTxConfirmed: handleOnSuccess,
-    onTxFailedOrCancelled: async () => {
-      onError?.();
+    onTxFailedOrCancelled: async (error) => {
+      onError?.(error instanceof Error ? error.message : String(error));
     }
   });
   return {
@@ -17979,8 +19093,8 @@ var useTransferVET = ({
       refresh();
       onSuccess?.();
     },
-    onTxFailedOrCancelled: async () => {
-      onError?.();
+    onTxFailedOrCancelled: async (error) => {
+      onError?.(error instanceof Error ? error.message : String(error));
     }
   });
   return {
@@ -18104,23 +19218,62 @@ var useSignTypedData2 = () => {
 };
 var useLoginWithPasskey = () => {
   const { loginWithPasskey: privyLoginWithPasskey } = useLoginWithPasskey$1();
+  const { user } = usePrivy();
   const loginWithPasskey = async () => {
     try {
+      Analytics.auth.flowStarted("passkey" /* PASSKEY */);
+      Analytics.auth.methodSelected("passkey" /* PASSKEY */);
       await privyLoginWithPasskey();
+      Analytics.auth.completed({
+        userId: user?.id,
+        loginMethod: "passkey" /* PASSKEY */
+      });
     } catch (error) {
-      console.error("Passkey login failed:", error);
+      Analytics.auth.failed(
+        "passkey" /* PASSKEY */,
+        error instanceof Error ? error.message : "Unknown error"
+      );
       throw error;
     }
   };
   return { loginWithPasskey };
 };
+var providerToLoginMethod = {
+  google: "google" /* GOOGLE */,
+  twitter: "email" /* EMAIL */,
+  apple: "email" /* EMAIL */,
+  discord: "email" /* EMAIL */
+};
+var providerToSocialMethod = {
+  google: "email" /* EMAIL */,
+  twitter: "X" /* X */,
+  apple: "email" /* EMAIL */,
+  discord: "Discord" /* DISCORD */
+};
 var useLoginWithOAuth2 = () => {
   const { initOAuth: privyInitOAuth } = useLoginWithOAuth();
+  const { user } = usePrivy();
   const initOAuth = async ({ provider }) => {
+    const loginMethod = providerToLoginMethod[provider];
+    const socialMethod = providerToSocialMethod[provider];
     try {
+      Analytics.auth.flowStarted(loginMethod);
+      Analytics.auth.methodSelected(loginMethod);
       await privyInitOAuth({ provider });
+      Analytics.auth.completed({
+        userId: user?.id,
+        loginMethod,
+        platform: socialMethod
+      });
     } catch (error) {
-      console.error("OAuth login failed:", error);
+      const errorMsg = error instanceof Error ? error.message : "Unknown error";
+      if (isRejectionError(errorMsg)) {
+        Analytics.auth.dropOff("oauth", {
+          ...provider && { provider }
+        });
+      } else {
+        Analytics.auth.failed(loginMethod, errorMsg);
+      }
       throw error;
     }
   };
@@ -18158,8 +19311,10 @@ var useLoginWithVeChain = () => {
   const { login: loginWithVeChain } = usePrivyCrossAppSdk();
   const { setConnectionCache } = useCrossAppConnectionCache();
   const { data: appsInfo } = useFetchAppInfo([VECHAIN_PRIVY_APP_ID]);
+  const { user } = usePrivy();
   const login = async () => {
     try {
+      Analytics.auth.methodSelected("vechain" /* VECHAIN */);
       await loginWithVeChain(VECHAIN_PRIVY_APP_ID);
       setConnectionCache({
         name: "VeChain",
@@ -18167,7 +19322,17 @@ var useLoginWithVeChain = () => {
         appId: VECHAIN_PRIVY_APP_ID,
         website: "https://governance.vebetterdao.org"
       });
+      Analytics.auth.completed({
+        userId: user?.id,
+        loginMethod: "vechain" /* VECHAIN */
+      });
     } catch (error) {
+      const errorMsg = error instanceof Error ? error.message : "Unknown error";
+      if (isRejectionError(errorMsg)) {
+        Analytics.auth.dropOff("vechain-approval");
+      } else {
+        Analytics.auth.failed("vechain" /* VECHAIN */, errorMsg);
+      }
       throw handlePopupError({
         error,
         mobileBrowserPopupMessage: "Your mobile browser blocked the login window. Please click 'Try again' to open the login window or change your browser settings.",
@@ -18759,6 +19924,9 @@ var VeChainKitProvider = (props) => {
       });
     }
   }, [language, i18nConfig]);
+  useEffect(() => {
+    localStorage.setItem(VECHAIN_KIT_STORAGE_KEYS.NETWORK, network.type);
+  }, [network]);
   return /* @__PURE__ */ jsxs(EnsureQueryClient, { children: [
     /* @__PURE__ */ jsx(ReactQueryDevtools, { initialIsOpen: false }),
     /* @__PURE__ */ jsx(PrivyCrossAppProvider, { privyEcosystemAppIDS: allowedEcosystemApps, children: /* @__PURE__ */ jsx(