feat: bump abacus + error message overrides (#812)

package.json

@@ -51,7 +51,7 @@
     "@cosmjs/proto-signing": "^0.32.1",
     "@cosmjs/stargate": "^0.32.1",
     "@cosmjs/tendermint-rpc": "^0.32.1",
-    "@dydxprotocol/v4-abacus": "1.8.40",
+    "@dydxprotocol/v4-abacus": "1.8.41",
     "@dydxprotocol/v4-client-js": "^1.1.27",
     "@dydxprotocol/v4-localization": "^1.1.152",
     "@ethersproject/providers": "^5.7.2",

src/lib/errors.ts

@@ -1,3 +1,5 @@
+import { log } from './telemetry';
+
 /**
  * Error thrown if StatefulOrder includes an error code in it's response.
  */
@@ -13,3 +15,23 @@ export class StatefulOrderError extends Error {
     this.code = response.code;
   }
 }
+
+type RouteErrorCodes = 5;
+
+const routeErrorCodesToMessageOverride = {
+  5: 'This route is not yet supported, please check back soon as we are adding new routes.',
+};
+
+export const getRouteErrorMessageOverride = (
+  routeErrors: string,
+  routeErrorMessage: string | null | undefined
+) => {
+  try {
+    const routeErrorsObj = JSON.parse(routeErrors);
+    const routeErrorCode = routeErrorsObj?.[0]?.code as RouteErrorCodes;
+    return routeErrorCodesToMessageOverride[routeErrorCode] ?? routeErrorMessage;
+  } catch (err) {
+    log('getRouteErrorMessageOverride', err);
+    return routeErrorMessage;
+  }
+};

src/views/forms/AccountManagementForms/WithdrawForm.tsx

@@ -61,6 +61,7 @@ import { getSelectedLocale } from '@/state/localizationSelectors';
 import abacusStateManager from '@/lib/abacus';
 import { validateCosmosAddress } from '@/lib/addressUtils';
 import { track } from '@/lib/analytics';
+import { getRouteErrorMessageOverride } from '@/lib/errors';
 import { MustBigNumber } from '@/lib/numbers';
 import { getNobleChainId } from '@/lib/squid';
 import { log } from '@/lib/telemetry';
@@ -403,20 +404,25 @@ export const WithdrawForm = () => {
       };
 
     if (routeErrors) {
+      const routeErrorMessageOverride = getRouteErrorMessageOverride(
+        routeErrors,
+        routeErrorMessage
+      );
+
       track(
         AnalyticsEvents.RouteError({
           transferType: TransferType.withdrawal.name,
-          errorMessage: routeErrorMessage ?? undefined,
+          errorMessage: routeErrorMessageOverride ?? undefined,
           amount: debouncedAmount,
           chainId: chainIdStr ?? undefined,
           assetId: toToken?.toString(),
         })
       );
       return {
-        errorMessage: routeErrorMessage
+        errorMessage: routeErrorMessageOverride
           ? stringGetter({
               key: STRING_KEYS.SOMETHING_WENT_WRONG_WITH_MESSAGE,
-              params: { ERROR_MESSAGE: routeErrorMessage },
+              params: { ERROR_MESSAGE: routeErrorMessageOverride },
             })
           : stringGetter({ key: STRING_KEYS.SOMETHING_WENT_WRONG }),
       };