Handle chains that don't support memos

package.json

@@ -11,6 +11,7 @@
  },
  "dependencies": {
  "@cosmjs/cosmwasm-stargate": "^0.31.0",
+ "@cosmjs/encoding": "^0.31.0",
  "@cosmjs/math": "^0.30.1",
  "@cosmjs/proto-signing": "^0.30.1",
  "@cosmjs/stargate": "^0.30.1",

src/solve/form.ts

@@ -30,6 +30,8 @@ import { SkipClient, MsgsRequest } from "./client";
 import { trackRoute } from "@/analytics";
 import { KeplrClient, KeplrExtensionWallet } from "@cosmos-kit/keplr-extension";
 import { MsgTransfer } from "cosmjs-types/ibc/applications/transfer/v1/tx";
+import { useQuery } from "@tanstack/react-query";
+import { getNumberOfTransactionsFromRoute } from "./utils";
 
 const wait = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
 
@@ -218,25 +220,17 @@ export function useSolveForm() {
  routeResponse,
  ]);
 
- const numberOfTransactions = useMemo(() => {
- if (!routeResponse) {
- return 0;
- }
-
- let n = 1;
-
- routeResponse.operations.forEach((hop, i) => {
- if (isSwapOperation(hop)) {
- return;
+ const { data: numberOfTransactions } = useQuery({
+ queryKey: ["solve-number-of-transactions", routeResponse],
+ queryFn: () => {
+ if (!routeResponse) {
+ return 0;
  }
 
- if (i !== 0 && !hop.transfer.pfm_enabled) {
- n += 1;
- }
- });
-
- return n;
- }, [routeResponse]);
+ return getNumberOfTransactionsFromRoute(routeResponse);
+ },
+ enabled: !!routeResponse,
+ });
 
  const route = useMemo(() => {
  if (
@@ -259,7 +253,7 @@ export function useSolveForm() {
  destinationAsset: formValues.destinationAsset,
  destinationChain: formValues.destinationChain,
  operations: routeResponse?.operations ?? [],
- transactionCount: numberOfTransactions,
+ transactionCount: numberOfTransactions ?? 0,
  actionType,
  rawRoute: routeResponse,
  };

src/solve/utils.ts

@@ -1,3 +1,6 @@
+import { toBech32 } from "@cosmjs/encoding";
+import { getChainByID } from "@/utils/utils";
+import { MsgsRequest, RouteResponse, SkipClient } from "./client";
 import { Asset, AssetWithMetadata } from "./types";
 
 export function assetHasMetadata(asset: Asset) {
@@ -27,3 +30,35 @@ export function isAssetWithMetadata(asset: Asset): asset is AssetWithMetadata {
 export function filterAssetsWithMetadata(assets: Asset[]) {
  return assets.filter(isAssetWithMetadata);
 }
+
+export async function getNumberOfTransactionsFromRoute(route: RouteResponse) {
+ const userAddresses: Record<string, string> = {};
+ for (const chainID of route.chain_ids) {
+ const chain = getChainByID(chainID);
+
+ // fake address
+ userAddresses[chainID] = toBech32(
+ chain.bech32_prefix,
+ Uint8Array.from(Array.from({ length: 20 }))
+ );
+ }
+
+ const msgRequest: MsgsRequest = {
+ source_asset_denom: route.source_asset_denom,
+ source_asset_chain_id: route.source_asset_chain_id,
+ dest_asset_denom: route.dest_asset_denom,
+ dest_asset_chain_id: route.dest_asset_chain_id,
+ amount_in: route.amount_in,
+ operations: route.operations,
+
+ estimated_amount_out: route.estimated_amount_out,
+ chain_ids_to_addresses: userAddresses,
+ slippage_tolerance_percent: "0.05",
+ };
+
+ const skipClient = new SkipClient();
+
+ const msgsResponse = await skipClient.fungible.getMessages(msgRequest);
+
+ return msgsResponse.msgs.length;
+}