Merge pull request #136 from skip-mev/kiki/fre-381-send-anonymized-tr…

…ansaction-errors-to-sentry

[FRE-381] send anonymized transaction errors to sentry

src/components/TransactionDialog/TransactionDialogContent.tsx

@@ -1,5 +1,6 @@
 import { useManager } from "@cosmos-kit/react";
 import { ArrowLeftIcon, CheckCircleIcon } from "@heroicons/react/20/solid";
+import * as Sentry from "@sentry/react";
 import { RouteResponse } from "@skip-router/core";
 import { clsx } from "clsx";
 import { useState } from "react";
@@ -17,6 +18,7 @@ import { useAccount } from "@/hooks/useAccount";
 import { useChains } from "@/hooks/useChains";
 import { useFinalityTimeEstimate } from "@/hooks/useFinalityTimeEstimate";
 import { useSkipClient } from "@/solve";
+import { isUserRejectedRequestError } from "@/utils/error";
 import { getChainExplorerUrl } from "@/utils/explorer";
 
 import RouteDisplay from "../RouteDisplay";
@@ -204,6 +206,33 @@ function TransactionDialogContent({
         console.error(err);
       }
       if (err instanceof Error) {
+        if (!isUserRejectedRequestError(err)) {
+          Sentry.withScope((scope) => {
+            scope.setUser({
+              id: srcAccount?.address,
+            });
+            scope.setTransactionName("Swap.onSubmit");
+            scope.setTags({
+              sourceChain: route.sourceAssetChainID,
+              destinationChain: route.destAssetChainID,
+              sourceAssetDenom: route.sourceAssetDenom,
+              destinationAssetDenom: route.destAssetDenom,
+              doesSwap: route.doesSwap,
+            });
+            scope.setExtras({
+              sourceAddress: srcAccount?.address,
+              destinationAddress: dstAccount?.address,
+              sourceChain: route.sourceAssetChainID,
+              destinationChain: route.destAssetChainID,
+              sourceAssetDenom: route.sourceAssetDenom,
+              destinationAssetDenom: route.destAssetDenom,
+              amountIn: route.amountIn,
+              amountOut: route.amountOut,
+            });
+            Sentry.captureException(err);
+          });
+        }
+
         toast.error(
           <p>
             <strong>Swap Failed!</strong>

src/utils/error.ts

@@ -0,0 +1,14 @@
+export const isUserRejectedRequestError = (error: Error) => {
+  if (
+    // keplr | metamask
+    error.message.toLowerCase().includes("rejected") ||
+    // leap
+    error.message.toLowerCase().includes("declined") ||
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error common user rejected request error code
+    error.code === 4001
+  ) {
+    return true;
+  }
+  return false;
+};