@unifold/ui-react 0.1.49 → 0.1.50

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AutoSwapResponse, ChainType, DepositEvent, Wallet, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, SupportedDestinationTokensResponse, VerifyAddressResponse } from '@unifold/core';
+import { AutoSwapResponse, ChainType, DepositEvent, Wallet, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, SupportedDestinationTokensResponse, SupportedDepositTokensResponse, VerifyAddressResponse } from '@unifold/core';
 export { ChainType } from '@unifold/core';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -820,7 +820,10 @@ interface UsePaymentIntentParams {
  * Hook to retrieve and poll a payment intent via react-query.
  *
  * Fetches the payment intent on mount and polls at the configured interval
- * so `amount_received_usd` and `status` stay up-to-date in the UI.
+ * so `amount_received_usd` and `status` stay up-to-date in the UI. Polling
+ * automatically stops once the PI reaches a terminal status. Locked-quote
+ * states like `awaiting_refund` / `refunding` / `refund_failed` keep polling
+ * because they can still flip.
  */
 declare function usePaymentIntent(params: UsePaymentIntentParams): _tanstack_react_query.UseQueryResult<PaymentIntent, Error>;
 
@@ -875,6 +878,22 @@ declare function useWithdrawPolling({ userId, publishableKey, depositWalletId, e
  */
 declare function useSupportedDestinationTokens(publishableKey: string, enabled?: boolean): _tanstack_react_query.UseQueryResult<SupportedDestinationTokensResponse, Error>;
 
+interface UseSupportedDepositTokensOptions {
+    destination_token_address?: string;
+    destination_chain_id?: string;
+    destination_chain_type?: string;
+}
+/**
+ * Hook to fetch supported deposit tokens with caching and deduplication via react-query.
+ *
+ * Replaces manual useEffect + useState fetching with automatic caching (5 min stale),
+ * request deduplication across components, and built-in loading/error states.
+ *
+ * @param publishableKey - Publishable key for API calls
+ * @param options - Optional destination filters (all three must be provided to filter)
+ */
+declare function useSupportedDepositTokens(publishableKey: string, options?: UseSupportedDepositTokensOptions): _tanstack_react_query.UseQueryResult<SupportedDepositTokensResponse, Error>;
+
 interface UseVerifyRecipientAddressParams {
     chainType?: string;
     chainId?: string;
@@ -1187,4 +1206,4 @@ declare function cn(...inputs: ClassValue[]): string;
  */
 declare function truncateAddress(address: string, startChars?: number, endChars?: number): string;
 
-export { type AllowedCountryResult, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithCard, type BuyWithCardProps, type CardTokens, CheckoutModal, type CheckoutModalProps, type ComponentConfig, type ComponentOverrides, type ComponentTokens, ConfirmingView, type ContainerTokens, CurrencyListItem, CurrencyListSection, CurrencyModal, type CustomThemeColors, type DepositConfirmationMode, DepositDetailContent, DepositExecutionItem, DepositHeader, DepositModal, type DepositModalInitialScreen, type DepositModalProps, DepositPollingUi, DepositSuccessToast, DepositTrackerButton, DepositWithCardButton, DepositsModal, type DetectedWallet, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EvmWalletProvider, type FontConfig, HYPERCORE_CHAIN_ID, type HeaderTokens, type InputTokens, type ListTokens, type ResolvedFonts, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, StyledQRCode, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransferCryptoButton, TransferCryptoDoubleInput, TransferCryptoSingleInput, type UseDepositQuoteParams, type UsePaymentIntentParams, WithdrawConfirmingView, WithdrawDoubleInput, WithdrawExecutionItem, WithdrawForm, WithdrawModal, type WithdrawModalProps, WithdrawTokenSelector, type WithdrawTransactionInfo, buttonVariants, cn, colors, defaultColors, detectBrowserWallet, getColors, isHypercoreChain, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, truncateAddress, useAddressBalance, useAllowedCountry, useDepositPolling, useDepositQuote, usePaymentIntent, useSourceTokenValidation, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
+export { type AllowedCountryResult, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithCard, type BuyWithCardProps, type CardTokens, CheckoutModal, type CheckoutModalProps, type ComponentConfig, type ComponentOverrides, type ComponentTokens, ConfirmingView, type ContainerTokens, CurrencyListItem, CurrencyListSection, CurrencyModal, type CustomThemeColors, type DepositConfirmationMode, DepositDetailContent, DepositExecutionItem, DepositHeader, DepositModal, type DepositModalInitialScreen, type DepositModalProps, DepositPollingUi, DepositSuccessToast, DepositTrackerButton, DepositWithCardButton, DepositsModal, type DetectedWallet, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EvmWalletProvider, type FontConfig, HYPERCORE_CHAIN_ID, type HeaderTokens, type InputTokens, type ListTokens, type ResolvedFonts, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, StyledQRCode, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransferCryptoButton, TransferCryptoDoubleInput, TransferCryptoSingleInput, type UseDepositQuoteParams, type UsePaymentIntentParams, type UseSupportedDepositTokensOptions, WithdrawConfirmingView, WithdrawDoubleInput, WithdrawExecutionItem, WithdrawForm, WithdrawModal, type WithdrawModalProps, WithdrawTokenSelector, type WithdrawTransactionInfo, buttonVariants, cn, colors, defaultColors, detectBrowserWallet, getColors, isHypercoreChain, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, truncateAddress, useAddressBalance, useAllowedCountry, useDepositPolling, useDepositQuote, usePaymentIntent, useSourceTokenValidation, useSupportedDepositTokens, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AutoSwapResponse, ChainType, DepositEvent, Wallet, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, SupportedDestinationTokensResponse, VerifyAddressResponse } from '@unifold/core';
+import { AutoSwapResponse, ChainType, DepositEvent, Wallet, FiatCurrency, ExecutionStatus, FeaturedToken, PaymentNetwork, DestinationToken, DestinationTokenChain, PaymentIntent, DepositQuote, SupportedDestinationTokensResponse, SupportedDepositTokensResponse, VerifyAddressResponse } from '@unifold/core';
 export { ChainType } from '@unifold/core';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -820,7 +820,10 @@ interface UsePaymentIntentParams {
  * Hook to retrieve and poll a payment intent via react-query.
  *
  * Fetches the payment intent on mount and polls at the configured interval
- * so `amount_received_usd` and `status` stay up-to-date in the UI.
+ * so `amount_received_usd` and `status` stay up-to-date in the UI. Polling
+ * automatically stops once the PI reaches a terminal status. Locked-quote
+ * states like `awaiting_refund` / `refunding` / `refund_failed` keep polling
+ * because they can still flip.
  */
 declare function usePaymentIntent(params: UsePaymentIntentParams): _tanstack_react_query.UseQueryResult<PaymentIntent, Error>;
 
@@ -875,6 +878,22 @@ declare function useWithdrawPolling({ userId, publishableKey, depositWalletId, e
  */
 declare function useSupportedDestinationTokens(publishableKey: string, enabled?: boolean): _tanstack_react_query.UseQueryResult<SupportedDestinationTokensResponse, Error>;
 
+interface UseSupportedDepositTokensOptions {
+    destination_token_address?: string;
+    destination_chain_id?: string;
+    destination_chain_type?: string;
+}
+/**
+ * Hook to fetch supported deposit tokens with caching and deduplication via react-query.
+ *
+ * Replaces manual useEffect + useState fetching with automatic caching (5 min stale),
+ * request deduplication across components, and built-in loading/error states.
+ *
+ * @param publishableKey - Publishable key for API calls
+ * @param options - Optional destination filters (all three must be provided to filter)
+ */
+declare function useSupportedDepositTokens(publishableKey: string, options?: UseSupportedDepositTokensOptions): _tanstack_react_query.UseQueryResult<SupportedDepositTokensResponse, Error>;
+
 interface UseVerifyRecipientAddressParams {
     chainType?: string;
     chainId?: string;
@@ -1187,4 +1206,4 @@ declare function cn(...inputs: ClassValue[]): string;
  */
 declare function truncateAddress(address: string, startChars?: number, endChars?: number): string;
 
-export { type AllowedCountryResult, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithCard, type BuyWithCardProps, type CardTokens, CheckoutModal, type CheckoutModalProps, type ComponentConfig, type ComponentOverrides, type ComponentTokens, ConfirmingView, type ContainerTokens, CurrencyListItem, CurrencyListSection, CurrencyModal, type CustomThemeColors, type DepositConfirmationMode, DepositDetailContent, DepositExecutionItem, DepositHeader, DepositModal, type DepositModalInitialScreen, type DepositModalProps, DepositPollingUi, DepositSuccessToast, DepositTrackerButton, DepositWithCardButton, DepositsModal, type DetectedWallet, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EvmWalletProvider, type FontConfig, HYPERCORE_CHAIN_ID, type HeaderTokens, type InputTokens, type ListTokens, type ResolvedFonts, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, StyledQRCode, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransferCryptoButton, TransferCryptoDoubleInput, TransferCryptoSingleInput, type UseDepositQuoteParams, type UsePaymentIntentParams, WithdrawConfirmingView, WithdrawDoubleInput, WithdrawExecutionItem, WithdrawForm, WithdrawModal, type WithdrawModalProps, WithdrawTokenSelector, type WithdrawTransactionInfo, buttonVariants, cn, colors, defaultColors, detectBrowserWallet, getColors, isHypercoreChain, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, truncateAddress, useAddressBalance, useAllowedCountry, useDepositPolling, useDepositQuote, usePaymentIntent, useSourceTokenValidation, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };
+export { type AllowedCountryResult, type BrowserWalletAmountQuickSelect, Button, type ButtonProps, type ButtonTokens, BuyWithCard, type BuyWithCardProps, type CardTokens, CheckoutModal, type CheckoutModalProps, type ComponentConfig, type ComponentOverrides, type ComponentTokens, ConfirmingView, type ContainerTokens, CurrencyListItem, CurrencyListSection, CurrencyModal, type CustomThemeColors, type DepositConfirmationMode, DepositDetailContent, DepositExecutionItem, DepositHeader, DepositModal, type DepositModalInitialScreen, type DepositModalProps, DepositPollingUi, DepositSuccessToast, DepositTrackerButton, DepositWithCardButton, DepositsModal, type DetectedWallet, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type EvmWalletProvider, type FontConfig, HYPERCORE_CHAIN_ID, type HeaderTokens, type InputTokens, type ListTokens, type ResolvedFonts, type SearchTokens, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SolanaWalletProvider, StyledQRCode, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransferCryptoButton, TransferCryptoDoubleInput, TransferCryptoSingleInput, type UseDepositQuoteParams, type UsePaymentIntentParams, type UseSupportedDepositTokensOptions, WithdrawConfirmingView, WithdrawDoubleInput, WithdrawExecutionItem, WithdrawForm, WithdrawModal, type WithdrawModalProps, WithdrawTokenSelector, type WithdrawTransactionInfo, buttonVariants, cn, colors, defaultColors, detectBrowserWallet, getColors, isHypercoreChain, mergeColors, resolveComponentTokens, sendEvmWithdraw, sendHypercoreWithdraw, sendSolanaWithdraw, truncateAddress, useAddressBalance, useAllowedCountry, useDepositPolling, useDepositQuote, usePaymentIntent, useSourceTokenValidation, useSupportedDepositTokens, useSupportedDestinationTokens, useTheme, useVerifyRecipientAddress, useWithdrawPolling };

package/dist/index.js

@@ -101,6 +101,7 @@ __export(index_exports, {
   useDepositQuote: () => useDepositQuote,
   usePaymentIntent: () => usePaymentIntent,
   useSourceTokenValidation: () => useSourceTokenValidation,
+  useSupportedDepositTokens: () => useSupportedDepositTokens,
   useSupportedDestinationTokens: () => useSupportedDestinationTokens,
   useTheme: () => useTheme,
   useVerifyRecipientAddress: () => useVerifyRecipientAddress,
@@ -2762,31 +2763,29 @@ function BuyWithCard({
         );
         if (manualProviderStillExists) {
           setSelectedProvider(manualProviderStillExists);
-          const bestProvider = response.data.reduce(
-            (best, current) => current.destination_amount > best.destination_amount ? current : best
-          );
+          const firstProvider = response.data[0];
           if (!autoSelectedProvider) {
-            setAutoSelectedProvider(bestProvider.service_provider);
+            setAutoSelectedProvider(firstProvider.service_provider);
           }
           setIsAutoSelected(
             manualProviderStillExists.service_provider === autoSelectedProvider
           );
-        } else {
-          const bestProvider = response.data.reduce(
-            (best, current) => current.destination_amount > best.destination_amount ? current : best
-          );
-          setSelectedProvider(bestProvider);
-          setAutoSelectedProvider(bestProvider.service_provider);
+        } else if (response.data.length > 0) {
+          const firstProvider = response.data[0];
+          setSelectedProvider(firstProvider);
+          setAutoSelectedProvider(firstProvider.service_provider);
           setIsAutoSelected(true);
           setHasManualSelection(false);
+        } else {
+          setSelectedProvider(null);
+          setIsAutoSelected(false);
+          setHasManualSelection(false);
         }
       } else {
         if (response.data.length > 0) {
-          const bestProvider = response.data.reduce(
-            (best, current) => current.destination_amount > best.destination_amount ? current : best
-          );
-          setSelectedProvider(bestProvider);
-          setAutoSelectedProvider(bestProvider.service_provider);
+          const firstProvider = response.data[0];
+          setSelectedProvider(firstProvider);
+          setAutoSelectedProvider(firstProvider.service_provider);
           setIsAutoSelected(true);
         }
       }
@@ -2882,9 +2881,7 @@ function BuyWithCard({
     window.open(sessionStartUrl, "_blank");
     handleViewChange("onramp");
   };
-  const sortedQuotes = [...quotes].sort(
-    (a, b) => b.destination_amount - a.destination_amount
-  );
+  const sortedQuotes = quotes;
   const currencySymbol = getCurrencySymbol(currency);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "div",
@@ -6996,14 +6993,23 @@ function useAllowedCountry(publishableKey) {
   let isAllowed = null;
   if (ipData && configData) {
     const blockedCodes = configData.blocked_country_codes || [];
+    const blockedSubdivisions = configData.blocked_country_subdivisions || [];
     const userCountryUpper = ipData.alpha2.toUpperCase();
-    isAllowed = !blockedCodes.some(
+    const userSubdivision = ipData.subdivision_code || ipData.state || "";
+    const userSubdivisionUpper = userSubdivision.toUpperCase();
+    const isCountryBlocked = blockedCodes.some(
       (code) => code.toUpperCase() === userCountryUpper
     );
+    const isSubdivisionBlocked = blockedSubdivisions.some((entry) => {
+      if (entry.country_code.toUpperCase() !== userCountryUpper) return false;
+      return entry.subdivision_codes.some(
+        (code) => code.toUpperCase() === userSubdivisionUpper
+      );
+    });
+    isAllowed = !isCountryBlocked && !isSubdivisionBlocked;
   }
   return {
     isAllowed,
-    // Return lowercase for consistency with useUserIp hook
     alpha2: ipData?.alpha2?.toLowerCase() ?? null,
     country: ipData?.country ?? null,
     isLoading,
@@ -12472,19 +12478,30 @@ var import_lucide_react24 = require("lucide-react");
 // src/hooks/use-payment-intent.ts
 var import_react_query9 = require("@tanstack/react-query");
 var import_core24 = require("@unifold/core");
+var TERMINAL_STATUSES = /* @__PURE__ */ new Set([
+  "succeeded",
+  "expired",
+  "refunded",
+  "canceled"
+]);
 function usePaymentIntent(params) {
   const {
     clientSecret,
     publishableKey,
     enabled = true,
-    pollingInterval = 5e3
+    pollingInterval = 3e3
   } = params;
   return (0, import_react_query9.useQuery)({
     queryKey: ["unifold", "paymentIntent", clientSecret, publishableKey],
     queryFn: () => (0, import_core24.retrievePaymentIntent)(clientSecret, publishableKey),
     enabled: enabled && !!clientSecret && !!publishableKey,
     staleTime: 0,
-    refetchInterval: pollingInterval || false,
+    refetchInterval: (query) => {
+      if (!pollingInterval) return false;
+      const status = query.state.data?.status;
+      if (status && TERMINAL_STATUSES.has(status)) return false;
+      return pollingInterval;
+    },
     refetchOnWindowFocus: true,
     retry: 3,
     retryDelay: (attempt) => Math.min(1e3 * 2 ** attempt, 1e4)
@@ -12615,7 +12632,7 @@ function CheckoutModal({
     clientSecret,
     publishableKey,
     enabled: open && !!clientSecret,
-    pollingInterval: 5e3
+    pollingInterval: 3e3
   });
   const { projectConfig } = useProjectConfig({
     publishableKey,
@@ -15236,6 +15253,7 @@ function WithdrawTokenSelector({
   useDepositQuote,
   usePaymentIntent,
   useSourceTokenValidation,
+  useSupportedDepositTokens,
   useSupportedDestinationTokens,
   useTheme,
   useVerifyRecipientAddress,

package/dist/index.mjs

@@ -2686,31 +2686,29 @@ function BuyWithCard({
         );
         if (manualProviderStillExists) {
           setSelectedProvider(manualProviderStillExists);
-          const bestProvider = response.data.reduce(
-            (best, current) => current.destination_amount > best.destination_amount ? current : best
-          );
+          const firstProvider = response.data[0];
           if (!autoSelectedProvider) {
-            setAutoSelectedProvider(bestProvider.service_provider);
+            setAutoSelectedProvider(firstProvider.service_provider);
           }
           setIsAutoSelected(
             manualProviderStillExists.service_provider === autoSelectedProvider
           );
-        } else {
-          const bestProvider = response.data.reduce(
-            (best, current) => current.destination_amount > best.destination_amount ? current : best
-          );
-          setSelectedProvider(bestProvider);
-          setAutoSelectedProvider(bestProvider.service_provider);
+        } else if (response.data.length > 0) {
+          const firstProvider = response.data[0];
+          setSelectedProvider(firstProvider);
+          setAutoSelectedProvider(firstProvider.service_provider);
           setIsAutoSelected(true);
           setHasManualSelection(false);
+        } else {
+          setSelectedProvider(null);
+          setIsAutoSelected(false);
+          setHasManualSelection(false);
         }
       } else {
         if (response.data.length > 0) {
-          const bestProvider = response.data.reduce(
-            (best, current) => current.destination_amount > best.destination_amount ? current : best
-          );
-          setSelectedProvider(bestProvider);
-          setAutoSelectedProvider(bestProvider.service_provider);
+          const firstProvider = response.data[0];
+          setSelectedProvider(firstProvider);
+          setAutoSelectedProvider(firstProvider.service_provider);
           setIsAutoSelected(true);
         }
       }
@@ -2806,9 +2804,7 @@ function BuyWithCard({
     window.open(sessionStartUrl, "_blank");
     handleViewChange("onramp");
   };
-  const sortedQuotes = [...quotes].sort(
-    (a, b) => b.destination_amount - a.destination_amount
-  );
+  const sortedQuotes = quotes;
   const currencySymbol = getCurrencySymbol(currency);
   return /* @__PURE__ */ jsxs8(
     "div",
@@ -6933,14 +6929,23 @@ function useAllowedCountry(publishableKey) {
   let isAllowed = null;
   if (ipData && configData) {
     const blockedCodes = configData.blocked_country_codes || [];
+    const blockedSubdivisions = configData.blocked_country_subdivisions || [];
     const userCountryUpper = ipData.alpha2.toUpperCase();
-    isAllowed = !blockedCodes.some(
+    const userSubdivision = ipData.subdivision_code || ipData.state || "";
+    const userSubdivisionUpper = userSubdivision.toUpperCase();
+    const isCountryBlocked = blockedCodes.some(
       (code) => code.toUpperCase() === userCountryUpper
     );
+    const isSubdivisionBlocked = blockedSubdivisions.some((entry) => {
+      if (entry.country_code.toUpperCase() !== userCountryUpper) return false;
+      return entry.subdivision_codes.some(
+        (code) => code.toUpperCase() === userSubdivisionUpper
+      );
+    });
+    isAllowed = !isCountryBlocked && !isSubdivisionBlocked;
   }
   return {
     isAllowed,
-    // Return lowercase for consistency with useUserIp hook
     alpha2: ipData?.alpha2?.toLowerCase() ?? null,
     country: ipData?.country ?? null,
     isLoading,
@@ -12451,19 +12456,30 @@ import { AlertTriangle as AlertTriangle2, ChevronRight as ChevronRight12 } from
 // src/hooks/use-payment-intent.ts
 import { useQuery as useQuery9 } from "@tanstack/react-query";
 import { retrievePaymentIntent } from "@unifold/core";
+var TERMINAL_STATUSES = /* @__PURE__ */ new Set([
+  "succeeded",
+  "expired",
+  "refunded",
+  "canceled"
+]);
 function usePaymentIntent(params) {
   const {
     clientSecret,
     publishableKey,
     enabled = true,
-    pollingInterval = 5e3
+    pollingInterval = 3e3
   } = params;
   return useQuery9({
     queryKey: ["unifold", "paymentIntent", clientSecret, publishableKey],
     queryFn: () => retrievePaymentIntent(clientSecret, publishableKey),
     enabled: enabled && !!clientSecret && !!publishableKey,
     staleTime: 0,
-    refetchInterval: pollingInterval || false,
+    refetchInterval: (query) => {
+      if (!pollingInterval) return false;
+      const status = query.state.data?.status;
+      if (status && TERMINAL_STATUSES.has(status)) return false;
+      return pollingInterval;
+    },
     refetchOnWindowFocus: true,
     retry: 3,
     retryDelay: (attempt) => Math.min(1e3 * 2 ** attempt, 1e4)
@@ -12596,7 +12612,7 @@ function CheckoutModal({
     clientSecret,
     publishableKey,
     enabled: open && !!clientSecret,
-    pollingInterval: 5e3
+    pollingInterval: 3e3
   });
   const { projectConfig } = useProjectConfig({
     publishableKey,
@@ -15254,6 +15270,7 @@ export {
   useDepositQuote,
   usePaymentIntent,
   useSourceTokenValidation,
+  useSupportedDepositTokens,
   useSupportedDestinationTokens,
   useTheme,
   useVerifyRecipientAddress,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/ui-react",
-  "version": "0.1.49",
+  "version": "0.1.50",
   "description": "Unifold UI React - Deposit and onramp components for React applications",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -34,7 +34,7 @@
     "lucide-react": "^0.454.0",
     "qr-code-styling": "^1.6.0-rc.1",
     "tailwind-merge": "^2.0.0",
-    "@unifold/core": "0.1.49"
+    "@unifold/core": "0.1.50"
   },
   "devDependencies": {
     "@solana/web3.js": "^1.87.0",