@unifold/ui-react 0.1.49 → 0.1.51

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';
@@ -773,12 +773,14 @@ declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrim
  * Result of the useAllowedCountry hook
  */
 interface AllowedCountryResult {
-    /** Whether the user is in an allowed country. null while loading. */
+    /** Whether the user is in an allowed country/subdivision. null while loading. */
     isAllowed: boolean | null;
     /** ISO 3166-1 alpha-2 country code in lowercase (e.g., "us", "pt") */
     alpha2: string | null;
     /** Full country name (e.g., "United States", "Portugal") */
     country: string | null;
+    /** ISO 3166-2 subdivision code in lowercase (e.g., "ny", "43"), null if unavailable */
+    subdivisionCode: string | null;
     /** Whether the hook is still loading data */
     isLoading: boolean;
     /** Error if either API call failed */
@@ -820,7 +822,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 +880,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 +1208,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';
@@ -773,12 +773,14 @@ declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrim
  * Result of the useAllowedCountry hook
  */
 interface AllowedCountryResult {
-    /** Whether the user is in an allowed country. null while loading. */
+    /** Whether the user is in an allowed country/subdivision. null while loading. */
     isAllowed: boolean | null;
     /** ISO 3166-1 alpha-2 country code in lowercase (e.g., "us", "pt") */
     alpha2: string | null;
     /** Full country name (e.g., "United States", "Portugal") */
     country: string | null;
+    /** ISO 3166-2 subdivision code in lowercase (e.g., "ny", "43"), null if unavailable */
+    subdivisionCode: string | null;
     /** Whether the hook is still loading data */
     isLoading: boolean;
     /** Error if either API call failed */
@@ -820,7 +822,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 +880,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 +1208,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,
@@ -1326,11 +1327,13 @@ function useUserIp() {
     queryKey: ["unifold", "userIpInfo"],
     queryFn: async () => {
       const data = await (0, import_core5.getIpAddress)();
+      const subdivision = (data.subdivision_code || data.state || "").toLowerCase() || null;
       return {
         alpha2: data.alpha2.toLowerCase(),
         alpha3: data.alpha3?.toLowerCase(),
         country: data.country,
-        state: data.state?.toLowerCase() ?? null,
+        state: subdivision,
+        subdivisionCode: subdivision,
         ipAddress: data.ip_address
       };
     },
@@ -2667,7 +2670,7 @@ function BuyWithCard({
         const response = await (0, import_core9.getDefaultOnrampToken)(
           {
             country_code: userIpInfo?.alpha2?.toUpperCase() || "US",
-            subdivision_code: userIpInfo?.state || void 0,
+            subdivision_code: userIpInfo?.subdivisionCode || void 0,
             token_address: destinationTokenAddress,
             chain_id: destinationChainId,
             chain_type: destinationChainType
@@ -2750,7 +2753,7 @@ function BuyWithCard({
         source_currency: currency.toLowerCase(),
         destination_currency: defaultToken.destination_currency,
         destination_network: defaultToken.destination_network,
-        subdivision_code: userIpInfo?.state || void 0
+        subdivision_code: userIpInfo?.subdivisionCode || void 0
       };
       const response = await (0, import_core9.getOnrampQuotes)(request, publishableKey);
       setQuotes(response.data);
@@ -2762,31 +2765,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);
         }
       }
@@ -2859,7 +2860,7 @@ function BuyWithCard({
       destination_currency: selectedProvider.destination_currency,
       destination_network: selectedProvider.destination_network,
       wallet_address: wallet.address,
-      subdivision_code: userIpInfo?.state || void 0,
+      subdivision_code: userIpInfo?.subdivisionCode || void 0,
       external_id: externalId
     };
     const sessionStartUrl = (0, import_core9.getOnrampSessionStartUrl)(
@@ -2882,9 +2883,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,16 +6995,27 @@ 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;
   }
+  const subdivisionCode = (ipData?.subdivision_code || ipData?.state || "").toLowerCase() || null;
   return {
     isAllowed,
-    // Return lowercase for consistency with useUserIp hook
     alpha2: ipData?.alpha2?.toLowerCase() ?? null,
     country: ipData?.country ?? null,
+    subdivisionCode,
     isLoading,
     error
   };
@@ -12472,19 +12482,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 +12636,7 @@ function CheckoutModal({
     clientSecret,
     publishableKey,
     enabled: open && !!clientSecret,
-    pollingInterval: 5e3
+    pollingInterval: 3e3
   });
   const { projectConfig } = useProjectConfig({
     publishableKey,
@@ -15236,6 +15257,7 @@ function WithdrawTokenSelector({
   useDepositQuote,
   usePaymentIntent,
   useSourceTokenValidation,
+  useSupportedDepositTokens,
   useSupportedDestinationTokens,
   useTheme,
   useVerifyRecipientAddress,

package/dist/index.mjs

@@ -1236,11 +1236,13 @@ function useUserIp() {
     queryKey: ["unifold", "userIpInfo"],
     queryFn: async () => {
       const data = await getIpAddress();
+      const subdivision = (data.subdivision_code || data.state || "").toLowerCase() || null;
       return {
         alpha2: data.alpha2.toLowerCase(),
         alpha3: data.alpha3?.toLowerCase(),
         country: data.country,
-        state: data.state?.toLowerCase() ?? null,
+        state: subdivision,
+        subdivisionCode: subdivision,
         ipAddress: data.ip_address
       };
     },
@@ -2591,7 +2593,7 @@ function BuyWithCard({
         const response = await getDefaultOnrampToken(
           {
             country_code: userIpInfo?.alpha2?.toUpperCase() || "US",
-            subdivision_code: userIpInfo?.state || void 0,
+            subdivision_code: userIpInfo?.subdivisionCode || void 0,
             token_address: destinationTokenAddress,
             chain_id: destinationChainId,
             chain_type: destinationChainType
@@ -2674,7 +2676,7 @@ function BuyWithCard({
         source_currency: currency.toLowerCase(),
         destination_currency: defaultToken.destination_currency,
         destination_network: defaultToken.destination_network,
-        subdivision_code: userIpInfo?.state || void 0
+        subdivision_code: userIpInfo?.subdivisionCode || void 0
       };
       const response = await getOnrampQuotes(request, publishableKey);
       setQuotes(response.data);
@@ -2686,31 +2688,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);
         }
       }
@@ -2783,7 +2783,7 @@ function BuyWithCard({
       destination_currency: selectedProvider.destination_currency,
       destination_network: selectedProvider.destination_network,
       wallet_address: wallet.address,
-      subdivision_code: userIpInfo?.state || void 0,
+      subdivision_code: userIpInfo?.subdivisionCode || void 0,
       external_id: externalId
     };
     const sessionStartUrl = getOnrampSessionStartUrl(
@@ -2806,9 +2806,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,16 +6931,27 @@ 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;
   }
+  const subdivisionCode = (ipData?.subdivision_code || ipData?.state || "").toLowerCase() || null;
   return {
     isAllowed,
-    // Return lowercase for consistency with useUserIp hook
     alpha2: ipData?.alpha2?.toLowerCase() ?? null,
     country: ipData?.country ?? null,
+    subdivisionCode,
     isLoading,
     error
   };
@@ -12451,19 +12460,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 +12616,7 @@ function CheckoutModal({
     clientSecret,
     publishableKey,
     enabled: open && !!clientSecret,
-    pollingInterval: 5e3
+    pollingInterval: 3e3
   });
   const { projectConfig } = useProjectConfig({
     publishableKey,
@@ -15254,6 +15274,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.51",
   "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.51"
   },
   "devDependencies": {
     "@solana/web3.js": "^1.87.0",