fix(analytics): drive walletType from wagmi useAccount

pages/_app.page.tsx

@@ -26,7 +26,6 @@ import { useRootStore } from 'src/store/root';
 import { SharedDependenciesProvider } from 'src/ui-config/SharedDependenciesProvider';
 import { wagmiConfig } from 'src/ui-config/wagmiConfig';
 import { WagmiProvider } from 'wagmi';
-import { useShallow } from 'zustand/shallow';
 
 import createEmotionCache from '../src/createEmotionCache';
 import { AppGlobalStyles } from '../src/layouts/AppGlobalStyles';
@@ -112,9 +111,7 @@ interface MyAppProps extends AppProps {
 export default function MyApp(props: MyAppProps) {
   const { Component, emotionCache = clientSideEmotionCache, pageProps } = props;
   const getLayout = Component.getLayout ?? ((page: ReactNode) => page);
-  const [initializeEventsTracking, setWalletType] = useRootStore(
-    useShallow((store) => [store.initializeEventsTracking, store.setWalletType])
-  );
+  const initializeEventsTracking = useRootStore((store) => store.initializeEventsTracking);
   const [queryClient] = useState(
     () =>
       new QueryClient({
@@ -155,10 +152,7 @@ export default function MyApp(props: MyAppProps) {
           <LanguageProvider>
             <WagmiProvider config={wagmiConfig}>
               <QueryClientProvider client={queryClient}>
-                <ConnectKitProvider
-                  onDisconnect={cleanLocalStorage}
-                  onConnect={({ connectorId }) => setWalletType(connectorId)}
-                >
+                <ConnectKitProvider onDisconnect={cleanLocalStorage}>
                   <Web3ContextProvider>
                     <AppGlobalStyles>
                       <ComplianceProvider>

src/libs/web3-data-provider/Web3Provider.tsx

@@ -44,13 +44,17 @@ let didAutoConnectForCypress = false;
 export const Web3ContextProvider: React.FC<{ children: ReactElement }> = ({ children }) => {
   const { switchChainAsync } = useSwitchChain();
   const { watchAssetAsync } = useWatchAsset();
-  const { chainId, address } = useAccount();
+  const { chainId, address, status, connector } = useAccount();
   const { connect, connectors } = useConnect();
 
   const [readOnlyModeAddress, setReadOnlyModeAddress] = useState<string | undefined>();
   const [switchNetworkError, setSwitchNetworkError] = useState<Error>();
-  const [setAccount, setConnectedAccountIsContract] = useRootStore(
-    useShallow((store) => [store.setAccount, store.setConnectedAccountIsContract])
+  const [setAccount, setConnectedAccountIsContract, setWalletType] = useRootStore(
+    useShallow((store) => [
+      store.setAccount,
+      store.setConnectedAccountIsContract,
+      store.setWalletType,
+    ])
   );
 
   const account = address;
@@ -203,6 +207,17 @@ export const Web3ContextProvider: React.FC<{ children: ReactElement }> = ({ chil
     setAccount(account?.toLowerCase());
   }, [account, setAccount]);
 
+  // Drive walletType from wagmi's account state so it survives page reloads.
+  // ConnectKit's `onConnect` prop only fires on fresh connect (not on reconnect),
+  // which caused most transaction events to be tracked with walletType=undefined.
+  useEffect(() => {
+    if (status === 'connected' && connector?.id) {
+      setWalletType(connector.id);
+    } else if (status === 'disconnected') {
+      setWalletType(undefined);
+    }
+  }, [status, connector?.id, setWalletType]);
+
   useEffect(() => {
     if (readOnlyModeAddress) {
       setAccount(readOnlyModeAddress.toLowerCase());