feat: improve evm options fetching, and latest version

Author: akbarsaputrait

examples/nextjs-app/package.json

@@ -13,8 +13,8 @@
     "@farcaster/frame-sdk": "^0.0.26",
     "@headlessui/react": "^2.2.0",
     "@rainbow-me/rainbowkit": "^2.2.8",
-    "@rozoai/intent-common": "0.1.7-beta.2",
-    "@rozoai/intent-pay": "0.1.7-beta.7",
+    "@rozoai/intent-common": "0.1.7",
+    "@rozoai/intent-pay": "0.1.7",
     "@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.7-beta.7",
+  "version": "0.1.7",
   "author": "RozoAI",
   "homepage": "https://github.com/RozoAI/intent-pay",
   "license": "BSD-2-Clause",
@@ -47,7 +47,7 @@
     "@albedo-link/intent": "^0.13.0",
     "@reown/appkit": "^1.7.0",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@rozoai/intent-common": "0.1.7-beta.2",
+    "@rozoai/intent-common": "0.1.7",
     "@solana/spl-token": "^0.4.14",
     "@solana/wallet-adapter-base": "^0.9.27",
     "@solana/wallet-adapter-react": "^0.15.39",

packages/connectkit/package.json

@@ -3,6 +3,11 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { DEFAULT_ROZO_APP_ID } from "../constants/rozoConfig";
 import { PayParams } from "../payment/paymentFsm";
 import { TrpcClient } from "../utils/trpc";
+import {
+  createRefreshFunction,
+  setupRefreshState,
+  shouldSkipRefresh,
+} from "./refreshUtils";
 import { useSupportedChains } from "./useSupportedChains";
 
 /**
@@ -31,7 +36,7 @@ export function useWalletPaymentOptions({
   destChainId,
   isDepositFlow,
   payParams,
-  log,
+  log: _log,
 }: {
   trpc: TrpcClient;
   address: string | undefined;
@@ -180,6 +185,7 @@ export function useWalletPaymentOptions({
       isApiCallInProgress.current = false;
       setIsLoading(false);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [
     trpc,
     address,
@@ -190,14 +196,57 @@ export function useWalletPaymentOptions({
     memoizedPreferredTokens,
     stableAppId,
     // evmChainIds is derived from chains and is stable, so we don't need it in deps
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   ]);
 
-  // // Create refresh function using shared utility
-  // const refreshOptions = createRefreshFunction(fetchBalances, {
-  //   lastExecutedParams,
-  //   isApiCallInProgress,
-  // });
+  // Create refresh function using shared utility
+  const refreshOptions = createRefreshFunction(fetchBalances, {
+    lastExecutedParams,
+    isApiCallInProgress,
+  });
+
+  useEffect(() => {
+    if (
+      address == null ||
+      usdRequired == null ||
+      destChainId == null ||
+      stableAppId == null
+    )
+      return;
+
+    const fullParamsKey = JSON.stringify({
+      address,
+      usdRequired,
+      destChainId,
+      isDepositFlow,
+      stableAppId,
+      memoizedPreferredChains,
+      memoizedPreferredTokens,
+    });
+
+    // Skip if we've already executed with these exact parameters
+    if (
+      shouldSkipRefresh(fullParamsKey, {
+        lastExecutedParams,
+        isApiCallInProgress,
+      })
+    ) {
+      return;
+    }
+
+    // Set up refresh state
+    setupRefreshState(fullParamsKey, {
+      lastExecutedParams,
+      isApiCallInProgress,
+    });
+  }, [
+    address,
+    usdRequired,
+    destChainId,
+    isDepositFlow,
+    stableAppId,
+    memoizedPreferredChains,
+    memoizedPreferredTokens,
+  ]);
 
   // Initial fetch when hook mounts with valid parameters or when key parameters change
   useEffect(() => {
@@ -207,14 +256,21 @@ export function useWalletPaymentOptions({
       destChainId != null &&
       stableAppId != null
     ) {
-      fetchBalances();
+      refreshOptions();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [address, usdRequired, destChainId, stableAppId, memoizedPreferredTokens]);
+  }, [
+    address,
+    usdRequired,
+    destChainId,
+    stableAppId,
+    memoizedPreferredChains,
+    memoizedPreferredTokens,
+  ]);
 
   return {
     options: filteredOptions,
     isLoading,
-    refreshOptions: fetchBalances,
+    refreshOptions,
   };
 }

packages/connectkit/src/hooks/useWalletPaymentOptions.ts

@@ -1,6 +1,6 @@
 {
   "name": "@rozoai/intent-common",
-  "version": "0.1.7-beta.2",
+  "version": "0.1.7",
   "description": "Intent Pay shared types and utilities",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",