Fix sdk weth (#3837)

Author: Swepool

app/app.nix

@@ -19,7 +19,7 @@ _: {
     {
       packages = {
         app = jsPkgs.buildNpmPackage {
-          npmDepsHash = "sha256-3FrZHjvlX0huij7CqvTvrgVZKpn4DVIH+f4sPlYd3Rg=";
+          npmDepsHash = "sha256-wGDndu7Oyal8o++4+GVxhlzV81qbwmF8g3debECoI6g=";
           src = ./.;
           sourceRoot = "app";
           npmFlags = [

app/package-lock.json

@@ -25,7 +25,7 @@
     "@tanstack/svelte-query": "5.61.5",
     "@tanstack/svelte-table": "^8.20.5",
     "@tanstack/svelte-virtual": "3.10.9",
-    "@unionlabs/client": "^0.1.0",
+    "@unionlabs/client": "^0.1.2",
     "@wagmi/connectors": "5.7.5",
     "@wagmi/core": "2.16.3",
     "bits-ui": "^0.21.13",

app/package.json

@@ -123,14 +123,16 @@ const wethQuoteToken: Readable<Nullable<{ wethAddress: Hex }>> = derived<
       return
     }
 
-    const ucs03address = channel.source_port_id ? `0x${channel.source_port_id}` : null
+    const ucs03address: `0x${string}` | null = channel.source_port_id
+      ? `0x${channel.source_port_id}`
+      : null
 
     if (!ucs03address) {
       console.error("UCS03 address not found for chain:", sourceChain.chain_id)
       return
     }
 
-    getWethQuoteToken(sourceChain.chain_id, ucs03address)
+    getWethQuoteToken(sourceChain.chain_id, ucs03address, channel)
       .then(result => {
         if (result.isOk()) {
           const response = result.value

app/src/lib/components/TransferCube/index.svelte

@@ -61,15 +61,25 @@ let processedTransfers = derived(
       }
       return [$submittedTransfers[source]]
     }
-    return $transfers.data.map(transfer => {
-      let tx = structuredClone(transfer)
-      return {
-        transfer_day: tx.packet_send_timestamp
-          ? toIsoString(new Date(tx.packet_send_timestamp)).split("T")[0]
-          : null,
-        ...tx
-      }
-    })
+
+    return $transfers.data
+      .map(transfer => {
+        let tx = structuredClone(transfer)
+
+        let quoteAmount = tx.quote_amount ? Number.parseInt(tx.quote_amount, 16) : Number.NaN
+
+        if (!quoteAmount) {
+          return null
+        }
+
+        return {
+          transfer_day: tx.packet_send_timestamp
+            ? toIsoString(new Date(tx.packet_send_timestamp)).split("T")[0]
+            : null,
+          ...tx
+        }
+      })
+      .filter(Boolean)
   }
 )
 </script>

app/src/lib/components/transfer-details.svelte

@@ -1,6 +1,6 @@
 {
   "name": "@unionlabs/client",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "homepage": "https://union.build",
   "description": "Union Labs cross-chain transfers client",
   "type": "module",

typescript-sdk/package.json

@@ -177,13 +177,15 @@ export const getQuoteToken = async (
 
 export const getWethQuoteToken = async (
   sourceChainId: EvmChainId,
-  ucs03Address: Hex
+  ucs03Address: Hex,
+  channel: Channel
 ): Promise<Result<{ wethQuoteToken: string } | { type: "NO_WETH_QUOTE" }, Error>> => {
   const publicClient = createPublicClient({
     chain: evmChainFromChainId(sourceChainId),
     transport: http()
   })
 
+  // Step 1: Get the local WETH address
   const wethAddressResult = await ResultAsync.fromPromise(
     publicClient.readContract({
       address: ucs03Address,
@@ -199,9 +201,20 @@ export const getWethQuoteToken = async (
   }
 
   const wethAddress = wethAddressResult.value as Hex
-  console.log(`Fetched WETH address: ${wethAddress}`)
+  console.log(`Fetched local WETH address: ${wethAddress}`)
+
+  // Step 2: Predict the quote token for WETH, just like a regular token
+  const quoteResult = await getQuoteToken(sourceChainId, wethAddress, channel)
+
+  if (quoteResult.isErr()) {
+    return err(quoteResult.error)
+  }
+
+  if (quoteResult.value.type === "NO_QUOTE_AVAILABLE") {
+    return ok({ type: "NO_WETH_QUOTE" })
+  }
 
-  return ok({ wethQuoteToken: wethAddress })
+  return ok({ wethQuoteToken: quoteResult.value.quote_token })
 }
 
 export const getRecommendedChannels = async () => {