feat: parse tx osmosis swap name in the extension

Author: mateuszjasiuk

apps/extension/src/Approvals/Commitment.tsx

@@ -1,4 +1,4 @@
-import { TxType } from "@namada/sdk";
+import { IbcTransferProps, TxType } from "@namada/sdk";
 import {
   BondProps,
   ClaimRewardsProps,
@@ -12,13 +12,17 @@ import {
 } from "@namada/types";
 import { shortenAddress } from "@namada/utils";
 import { NamCurrency } from "App/Common/NamCurrency";
+import * as J from "fp-ts/Json";
+import { pipe } from "fp-ts/lib/function";
+import * as O from "fp-ts/Option";
 import { ReactNode } from "react";
 import { FaVoteYea } from "react-icons/fa";
 import { FaRegEye, FaWallet } from "react-icons/fa6";
 import { GoStack } from "react-icons/go";
 import { PiDotsNineBold } from "react-icons/pi";
 import { isShieldedPool, parseTransferType, ShieldedPoolLabel } from "utils";
 import { TransactionCard } from "./TransactionCard";
+import { OsmosisSwapMemo } from "./types";
 
 type CommitmentProps = {
   commitment: CommitmentDetailProps;
@@ -37,6 +41,7 @@ const IconMap: Record<TxType, React.ReactNode> = {
   [TxType.VoteProposal]: <FaVoteYea />,
   [TxType.Batch]: <PiDotsNineBold />,
   [TxType.ClaimRewards]: <GoStack />,
+  [TxType.OsmosisSwap]: <FaWallet />,
 };
 
 const TitleMap: Record<TxType, string> = {
@@ -51,6 +56,7 @@ const TitleMap: Record<TxType, string> = {
   [TxType.VoteProposal]: "Vote",
   [TxType.Batch]: "Batch",
   [TxType.ClaimRewards]: "Claim Rewards",
+  [TxType.OsmosisSwap]: "Shielded Swap",
 };
 
 const formatAddress = (address: string): string =>
@@ -147,6 +153,27 @@ export const Commitment = ({
       wrapperFeePayer
     );
     title = `${type} ${title}`;
+  } else if (commitment.txType === TxType.IBCTransfer) {
+    const ibcTx = commitment as CommitmentDetailProps<IbcTransferProps>;
+
+    // It's fine not to handle errors here as memo can be optional and not JSON at all
+    const maybeMemo = pipe(
+      O.fromNullable(ibcTx.memo),
+      O.map((memo) => J.parse(memo)),
+      O.map(O.fromEither),
+      O.flatten
+    );
+
+    const maybeOsmosisSwapMemo = pipe(
+      maybeMemo,
+      O.map(OsmosisSwapMemo.decode),
+      O.map(O.fromEither),
+      O.flatten
+    );
+
+    if (O.isSome(maybeOsmosisSwapMemo)) {
+      title = TitleMap[TxType.OsmosisSwap];
+    }
   }
 
   return (

apps/extension/src/Approvals/types.ts

@@ -1,3 +1,4 @@
+import * as t from "io-ts";
 import { Message } from "router";
 
 export enum TopLevelRoute {
@@ -40,3 +41,63 @@ export enum Status {
   Pending,
   Failed,
 }
+
+const NamadaOsmosisSwap = t.type({
+  overflow_receiver: t.string,
+  shielded_amount: t.string,
+  shielding_data: t.string,
+});
+
+const FinalMemoNamada = t.type({
+  osmosis_swap: NamadaOsmosisSwap,
+});
+
+const FinalMemo = t.type({
+  namada: FinalMemoNamada,
+});
+
+const OnFailedDelivery = t.type({
+  local_recovery_addr: t.string,
+});
+
+const RouteItem = t.type({
+  pool_id: t.string,
+  token_out_denom: t.string,
+});
+
+const Slippage = t.type({
+  min_output_amount: t.string,
+});
+
+const OsmosisSwapMsg = t.type({
+  final_memo: FinalMemo,
+  on_failed_delivery: OnFailedDelivery,
+  output_denom: t.string,
+  receiver: t.string,
+  route: t.array(RouteItem),
+  slippage: Slippage,
+});
+
+const Msg = t.type({
+  osmosis_swap: OsmosisSwapMsg,
+});
+
+const Wasm = t.type({
+  contract: t.string,
+  msg: Msg,
+});
+
+export const OsmosisSwapMemo = t.type({
+  wasm: Wasm,
+});
+
+export type NamadaOsmosisSwap = t.TypeOf<typeof NamadaOsmosisSwap>;
+export type FinalMemoNamada = t.TypeOf<typeof FinalMemoNamada>;
+export type FinalMemo = t.TypeOf<typeof FinalMemo>;
+export type OnFailedDelivery = t.TypeOf<typeof OnFailedDelivery>;
+export type RouteItem = t.TypeOf<typeof RouteItem>;
+export type Slippage = t.TypeOf<typeof Slippage>;
+export type OsmosisSwapMsg = t.TypeOf<typeof OsmosisSwapMsg>;
+export type Msg = t.TypeOf<typeof Msg>;
+export type Wasm = t.TypeOf<typeof Wasm>;
+export type OsmosisSwapMemo = t.TypeOf<typeof OsmosisSwapMemo>;