fix: [lw-12550] add missing posthog events for btc wallet

Author: vetalcore

apps/browser-extension-wallet/src/components/MainMenu/DropdownMenuOverlay/components/UserInfo.tsx

@@ -11,7 +11,7 @@ import { WalletStatusContainer } from '@components/WalletStatus';
 import { UserAvatar } from './UserAvatar';
 import { useGetHandles, useWalletAvatar, useWalletManager } from '@hooks';
 import { useAnalyticsContext } from '@providers';
-import { PostHogAction } from '@providers/AnalyticsProvider/analyticsTracker';
+import { PostHogAction, WALLET_TYPE_KEY } from '@providers/AnalyticsProvider/analyticsTracker';
 import { ProfileDropdown } from '@input-output-hk/lace-ui-toolkit';
 import { AnyBip32Wallet, AnyWallet, Bip32WalletAccount, ScriptWallet, WalletType } from '@cardano-sdk/web-extension';
 import { Wallet } from '@lace/cardano';
@@ -145,7 +145,9 @@ export const UserInfo = ({
               return;
             }
 
-            void analytics.sendEventToPostHog(PostHogAction.MultiWalletSwitchWallet);
+            void analytics.sendEventToPostHog(PostHogAction.MultiWalletSwitchWallet, {
+              [WALLET_TYPE_KEY]: walletType
+            });
 
             await activateWallet({
               walletId: wallet.walletId,

apps/browser-extension-wallet/src/providers/AnalyticsProvider/analyticsTracker/types.ts

@@ -24,6 +24,7 @@ export enum TxRecipientType {
 }
 
 export const TX_CREATION_TYPE_KEY = 'tx_creation_type';
+export const WALLET_TYPE_KEY = 'wallet_type';
 
 export enum TxCreationType {
   Internal = 'internal',

apps/browser-extension-wallet/src/views/bitcoin-mode/features/send/components/SendFlow.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable camelcase */
 /* eslint-disable react/no-multi-comp */
 /* eslint-disable promise/catch-or-return */
 /* eslint-disable no-magic-numbers */
@@ -23,6 +24,7 @@ import { DrawerContent } from '@src/views/browser-view/components/Drawer';
 import { useTranslation } from 'react-i18next';
 import { WarningModal } from '@views/browser/components';
 import styles from './SendFlow.module.scss';
+import { TxCreationType, TX_CREATION_TYPE_KEY } from '@providers/AnalyticsProvider/analyticsTracker';
 
 const SATS_IN_BTC = 100_000_000;
 
@@ -157,19 +159,35 @@ export const SendFlow: React.FC = () => {
     return false;
   }, [pendingTxs, utxos]);
 
+  useEffect(() => {
+    setDrawerConfig({
+      ...config,
+      onClose: () => {
+        // eslint-disable-next-line sonarjs/no-small-switch
+        switch (step) {
+          case 'DONE':
+            analytics.sendEventToPostHog(PostHogAction.SendAllDoneCloseClick);
+            break;
+          case 'FAILED':
+          case 'UNAUTHORIZED':
+            analytics.sendEventToPostHog(PostHogAction.SendSomethingWentWrongXClick);
+            break;
+          default:
+            break;
+        }
+        config?.onClose ? config?.onClose() : setDrawerConfig();
+      }
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [analytics, setDrawerConfig, step]);
+
   const {
     walletUI: { appMode }
   } = useWalletStore();
   const isPopupView = appMode === APP_MODE_POPUP;
 
   useEffect(() => {
     switch (step) {
-      case 'AMOUNT':
-        analytics.sendEventToPostHog(PostHogAction.SendClick);
-        break;
-      case 'REVIEW':
-        analytics.sendEventToPostHog(PostHogAction.SendTransactionDataReviewTransactionClick);
-        break;
       case 'DONE':
         analytics.sendEventToPostHog(PostHogAction.SendAllDoneView);
         break;
@@ -236,6 +254,7 @@ export const SendFlow: React.FC = () => {
 
   // Step 1 -> 2
   const goToReview = (newFeeRate: number) => {
+    analytics.sendEventToPostHog(PostHogAction.SendTransactionDataReviewTransactionClick);
     setFeeRate(newFeeRate);
     setUnsignedTransaction(
       buildTransaction({
@@ -262,7 +281,13 @@ export const SendFlow: React.FC = () => {
     });
   };
   // Step 2 -> 3
-  const goToPassword = () => setStep('PASSWORD');
+  const goToPassword = () => {
+    analytics.sendEventToPostHog(PostHogAction.SendTransactionSummaryConfirmClick, {
+      trigger_point: 'send button',
+      [TX_CREATION_TYPE_KEY]: TxCreationType.Internal
+    });
+    setStep('PASSWORD');
+  };
 
   const handleSignTransaction = useCallback(
     async (password: Buffer): Promise<Bitcoin.SignedTransaction> | undefined => {
@@ -274,6 +299,7 @@ export const SendFlow: React.FC = () => {
 
   const handleSubmitTx = async (signedTx: Bitcoin.SignedTransaction) => {
     try {
+      analytics.sendEventToPostHog(PostHogAction.SendTransactionConfirmationConfirmClick);
       const hash = await bitcoinWallet.submitTransaction(signedTx.hex);
       setConfirmationHash(hash);
       setStep('DONE');
@@ -335,9 +361,13 @@ export const SendFlow: React.FC = () => {
     if (step === 'DONE') {
       return (
         <TransactionSuccess
-          onClose={onClose}
+          onClose={() => {
+            analytics.sendEventToPostHog(PostHogAction.SendAllDoneCloseClick);
+            onClose();
+          }}
           isPopupView={isPopupView}
           onViewTransaction={() => {
+            analytics.sendEventToPostHog(PostHogAction.SendAllDoneViewTransactionClick);
             setDrawerConfig();
             redirectToTransactions();
           }}
@@ -347,7 +377,20 @@ export const SendFlow: React.FC = () => {
     }
 
     if (step === 'FAILED') {
-      return <TransactionFailed onClose={onClose} isPopupView={isPopupView} onBack={backToReview} txError={txError} />;
+      return (
+        <TransactionFailed
+          onClose={() => {
+            analytics.sendEventToPostHog(PostHogAction.SendSomethingWentWrongCancelClick);
+            onClose();
+          }}
+          isPopupView={isPopupView}
+          onBack={() => {
+            analytics.sendEventToPostHog(PostHogAction.SendSomethingWentWrongBackClick);
+            backToReview();
+          }}
+          txError={txError}
+        />
+      );
     }
 
     return <></>;