fix: pay to address with eurc

Author: akbarsaputrait

examples/nextjs-app/package.json

@@ -14,7 +14,7 @@
     "@headlessui/react": "^2.2.0",
     "@rainbow-me/rainbowkit": "^2.2.8",
     "@rozoai/intent-common": "0.1.7",
-    "@rozoai/intent-pay": "0.1.9",
+    "@rozoai/intent-pay": "0.1.10",
     "@tanstack/react-query": "^5.51.11",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@wagmi/core": "^2.22.0",

packages/connectkit/bundle-analysis.html

@@ -1,7 +1,7 @@
 {
   "name": "@rozoai/intent-pay",
   "private": false,
-  "version": "0.1.9",
+  "version": "0.1.10",
   "author": "RozoAI",
   "homepage": "https://github.com/RozoAI/intent-pay",
   "license": "BSD-2-Clause",

packages/connectkit/package.json

@@ -299,7 +299,7 @@ export default function WaitingDepositAddress() {
         }
 
         const details = await payWithDepositAddress(
-          selectedDepositAddressOption.id,
+          selectedDepositAddressOption,
           store as any,
           feeData,
           context.log

packages/connectkit/src/components/Pages/WaitingDepositAddress/index.tsx

@@ -1,7 +1,6 @@
 import {
   assert,
   assertNotNull,
-  baseUSDC,
   bscUSDT,
   CreateNewPaymentParams,
   createPayment,
@@ -10,8 +9,6 @@ import {
   DepositAddressPaymentOptionMetadata,
   DepositAddressPaymentOptions,
   ethereum,
-  ethereumUSDC,
-  ethereumUSDT,
   ExternalPaymentOptionMetadata,
   ExternalPaymentOptions,
   ExternalPaymentOptionsString,
@@ -31,11 +28,9 @@ import {
   RozoPayOrder,
   rozoSolana,
   rozoSolanaUSDC,
-  rozoSolanaUSDT,
   rozoStellar,
   rozoStellarUSDC,
   solana,
-  Token,
   WalletPaymentOption,
   writeRozoPayOrderID,
 } from "@rozoai/intent-common";
@@ -168,7 +163,7 @@ export interface PaymentState {
   ) => Promise<{ txHash: Hex; success: boolean }>;
   payWithExternal: (option: ExternalPaymentOptions) => Promise<string>;
   payWithDepositAddress: (
-    option: DepositAddressPaymentOptions,
+    option: DepositAddressPaymentOptionMetadata,
     store: Store<PaymentState, PaymentEvent>,
     fees: FeeResponseData | null,
     log?: (message: string) => void
@@ -1069,46 +1064,31 @@ export function usePaymentState({
   };
 
   const payWithDepositAddress = async (
-    option: DepositAddressPaymentOptions,
+    option: DepositAddressPaymentOptionMetadata,
     store: Store<PaymentState, PaymentEvent>,
     fees: FeeResponseData | null,
     log?: (message: string) => void
   ) => {
     // Prevent duplicate calls for the same option
-    if (depositAddressCallRef.current.has(option)) {
+    if (depositAddressCallRef.current.has(option.id)) {
       log?.(
         `[PAY DEPOSIT ADDRESS] Already processing ${option}, skipping duplicate call`
       );
       return null;
     }
 
     // Mark this option as being processed
-    depositAddressCallRef.current.add(option);
+    depositAddressCallRef.current.add(option.id);
     log?.(`[PAY DEPOSIT ADDRESS] Starting processing for ${option}`);
 
     try {
-      let token: Token = baseUSDC;
-
-      // Map option to correct token, mimicking useDepositAddressOptions.ts
-      if (option === DepositAddressPaymentOptions.ETHEREUM_USDT) {
-        token = ethereumUSDT;
-      } else if (option === DepositAddressPaymentOptions.ETHEREUM_USDC) {
-        token = ethereumUSDC;
-      } else if (option === DepositAddressPaymentOptions.BASE_USDC) {
-        token = baseUSDC;
-      } else if (option === DepositAddressPaymentOptions.SOLANA_USDT) {
-        token = rozoSolanaUSDT;
-      } else if (option === DepositAddressPaymentOptions.SOLANA_USDC) {
-        token = rozoSolanaUSDC;
-      }
-
       log?.("[PAY DEPOSIT ADDRESS] hydrating order");
 
       const { order } = await pay.hydrateOrder(undefined, {
         required: {
           token: {
-            token: token.token,
-            chainId: token.chainId,
+            token: option.token.token,
+            chainId: option.token.chainId,
           } as any,
         } as any,
         fees: {
@@ -1125,7 +1105,7 @@ export function usePaymentState({
       //   option,
       // });
 
-      const chain = getChainById(token.chainId);
+      const chain = getChainById(option.token.chainId);
 
       log?.(`[PAY DEPOSIT ADDRESS] order: ${debugJson(order)}`);
 
@@ -1155,7 +1135,7 @@ export function usePaymentState({
       return {
         address: order.intentAddr,
         amount: String(order.usdValue),
-        suffix: `${token.symbol} ${chain.name}`,
+        suffix: `${option.token.symbol} ${chain.name}`,
         uri: evmDeeplink,
         expirationS: Math.floor(Date.now() / 1000) + 300,
         externalId: order.externalId ?? "",
@@ -1171,7 +1151,7 @@ export function usePaymentState({
       return null;
     } finally {
       // Remove from processing set when done (allow retries after completion/failure)
-      depositAddressCallRef.current.delete(option);
+      depositAddressCallRef.current.delete(option.id);
       log?.(`[PAY DEPOSIT ADDRESS] Finished processing for ${option}`);
     }
   };