@unifold/ui-react 0.1.78 → 0.1.79

package/dist/index.mjs

@@ -9315,22 +9315,6 @@ import {
   generatePrefixedKSUID as generatePrefixedKSUID5,
   DepositEventType as DepositEventType4
 } from "@unifold/core";
-
-// src/hooks/use-cashapp-limits.ts
-import { useQuery as useQuery9 } from "@tanstack/react-query";
-import { getCashAppLimits } from "@unifold/core";
-function useCashAppLimits({ publishableKey, currency = "usd" }) {
-  return useQuery9({
-    queryKey: ["unifold", "cashAppLimits", currency, publishableKey],
-    queryFn: () => getCashAppLimits(currency, publishableKey),
-    enabled: !!publishableKey,
-    staleTime: 2 * 60 * 6e4,
-    gcTime: 4 * 60 * 6e4,
-    retry: 2
-  });
-}
-
-// src/components/deposits/PayWithCashApp.tsx
 import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 var POLL_INTERVAL_MS3 = 5e3;
 var FALLBACK_MIN_USD = 5;
@@ -9367,9 +9351,11 @@ function PayWithCashApp({
     const b = parseInt(bg.slice(4, 6), 16);
     return (r * 299 + g * 587 + b * 114) / 1e3 < 128;
   })();
-  const { data: limits, isLoading: limitsLoading } = useCashAppLimits({ publishableKey });
-  const minUsd = limits?.minimum_amount ?? FALLBACK_MIN_USD;
-  const maxUsd = limits?.maximum_amount ?? null;
+  const { data: fiatCurrencies, isLoading: limitsLoading } = useFiatCurrencies({
+    publishableKey
+  });
+  const minUsd = fiatCurrencies?.data.find((entry) => entry.currency_code.toLowerCase() === "usd")?.minimum_amount ?? FALLBACK_MIN_USD;
+  const quickAmounts = SUGGESTED_AMOUNTS.filter((value) => value >= minUsd);
   const [amount, setAmount] = useState18(() => sanitizePrefilledUsd(prefilledAmountUsd));
   const [loading, setLoading] = useState18(false);
   const [session, setSession] = useState18(null);
@@ -9424,6 +9410,8 @@ function PayWithCashApp({
       setError(strings.depositModal.cashAppErrors.missingFields);
       return;
     }
+    const amountNum2 = parseFloat(amount);
+    if (isNaN(amountNum2) || amountNum2 < minUsd) return;
     setLoading(true);
     setError(null);
     try {
@@ -9472,6 +9460,7 @@ function PayWithCashApp({
     }
   }, [
     amount,
+    minUsd,
     userId,
     publishableKey,
     recipientAddress,
@@ -9575,8 +9564,7 @@ function PayWithCashApp({
   const amountNum = parseFloat(amount);
   const hasInput = !isNaN(amountNum) && amountNum > 0;
   const belowMin = hasInput && amountNum < minUsd;
-  const aboveMax = hasInput && maxUsd !== null && amountNum > maxUsd;
-  const isValidAmount = hasInput && !belowMin && !aboveMax;
+  const isValidAmount = hasInput && !belowMin;
   if (view === "amount") {
     return /* @__PURE__ */ jsxs16(
       "div",
@@ -9605,7 +9593,7 @@ function PayWithCashApp({
                 }
               }
             ) }) }),
-            /* @__PURE__ */ jsx20("div", { className: "uf-flex uf-gap-3 uf-justify-center", children: SUGGESTED_AMOUNTS.map((quickAmount) => {
+            /* @__PURE__ */ jsx20("div", { className: "uf-flex uf-gap-3 uf-justify-center", children: quickAmounts.map((quickAmount) => {
               const isSelected = parseFloat(amount) === quickAmount;
               return /* @__PURE__ */ jsxs16(
                 "button",
@@ -9631,23 +9619,17 @@ function PayWithCashApp({
                 quickAmount
               );
             }) }),
-            amount && amountNum < minUsd && !error ? /* @__PURE__ */ jsx20(
-              "div",
-              {
-                className: "uf-text-sm uf-text-center uf-mt-3 uf-px-2",
-                style: { color: colors2.error, fontFamily: fonts.regular },
-                children: interpolate(strings.common.minimumAmount, { amount: `$${minUsd}` })
-              }
-            ) : amount && maxUsd !== null && amountNum > maxUsd && !error ? /* @__PURE__ */ jsx20(
+            !limitsLoading && minUsd > 0 && /* @__PURE__ */ jsx20(
               "div",
               {
-                className: "uf-text-sm uf-text-center uf-mt-3 uf-px-2",
-                style: { color: colors2.error, fontFamily: fonts.regular },
-                children: interpolate(strings.common.maximumAmount, {
-                  amount: `$${maxUsd.toLocaleString()}`
+                className: "uf-text-center uf-text-xs uf-mt-4",
+                style: { color: colors2.warning, fontFamily: fonts.regular },
+                children: interpolate(strings.common.minimumDeposit, {
+                  amount: `$${minUsd.toFixed(2)}`
                 })
               }
-            ) : error ? /* @__PURE__ */ jsx20(
+            ),
+            error ? /* @__PURE__ */ jsx20(
               "div",
               {
                 className: "uf-text-sm uf-text-center uf-mt-3 uf-px-2",
@@ -9656,7 +9638,7 @@ function PayWithCashApp({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ jsx20("div", { className: "uf-px-1", children: /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx20("div", { className: "uf-px-1 uf-mt-5", children: /* @__PURE__ */ jsx20(
             "button",
             {
               onClick: handleCreateSession,
@@ -9885,7 +9867,7 @@ import {
 } from "@unifold/core";
 
 // src/hooks/use-bank-transfer-providers.ts
-import { useQuery as useQuery10 } from "@tanstack/react-query";
+import { useQuery as useQuery9 } from "@tanstack/react-query";
 import { getBankTransferProviders } from "@unifold/core";
 function useBankTransferProviders({
   publishableKey,
@@ -9893,7 +9875,7 @@ function useBankTransferProviders({
   countryCode
 }) {
   const normalizedCountry = countryCode?.toUpperCase();
-  const { data: providers, isLoading } = useQuery10({
+  const { data: providers, isLoading } = useQuery9({
     queryKey: ["unifold", "bankTransferProviders", publishableKey, normalizedCountry ?? null],
     queryFn: () => getBankTransferProviders(publishableKey, { countryCode: normalizedCountry }),
     enabled,
@@ -18456,7 +18438,7 @@ import {
 } from "@unifold/core";
 
 // src/hooks/use-project-config.ts
-import { useQuery as useQuery11, keepPreviousData } from "@tanstack/react-query";
+import { useQuery as useQuery10, keepPreviousData } from "@tanstack/react-query";
 import { getProjectConfig } from "@unifold/core";
 function useProjectConfig({
   publishableKey,
@@ -18468,7 +18450,7 @@ function useProjectConfig({
     data: projectConfig,
     isLoading,
     error
-  } = useQuery11({
+  } = useQuery10({
     // Country is part of the key so a region change refetches the region-aware
     // config. Omitted when undefined so callers that don't pass a country keep
     // sharing the base cache entry.
@@ -18487,7 +18469,7 @@ function useProjectConfig({
 }
 
 // src/hooks/use-integration-transfer-default-token.ts
-import { useQuery as useQuery12 } from "@tanstack/react-query";
+import { useQuery as useQuery11 } from "@tanstack/react-query";
 import {
   getIntegrationTransferDefaultToken
 } from "@unifold/core";
@@ -18496,7 +18478,7 @@ function useIntegrationTransferDefaultToken({
   publishableKey,
   enabled = true
 }) {
-  return useQuery12({
+  return useQuery11({
     queryKey: [
       "unifold",
       "integrationTransferDefaultToken",
@@ -21306,13 +21288,13 @@ function resolveDepositMenuLayout(layout, displayMode) {
 }
 
 // src/hooks/use-exchanges.ts
-import { useQuery as useQuery13 } from "@tanstack/react-query";
+import { useQuery as useQuery12 } from "@tanstack/react-query";
 import { getExchanges } from "@unifold/core";
 function useExchanges({
   publishableKey,
   enabled = true
 }) {
-  const { data: exchanges = [], isLoading } = useQuery13({
+  const { data: exchanges = [], isLoading } = useQuery12({
     queryKey: ["unifold", "exchanges", publishableKey],
     queryFn: () => getExchanges(void 0, publishableKey).then((res) => res.data),
     enabled,
@@ -21324,7 +21306,7 @@ function useExchanges({
 }
 
 // src/hooks/use-public-incident.ts
-import { useQuery as useQuery14 } from "@tanstack/react-query";
+import { useQuery as useQuery13 } from "@tanstack/react-query";
 import { getPublicIncident } from "@unifold/core";
 function usePublicIncident({
   publishableKey,
@@ -21334,7 +21316,7 @@ function usePublicIncident({
     data: incident,
     isLoading,
     error
-  } = useQuery14({
+  } = useQuery13({
     queryKey: ["unifold", "publicIncident", publishableKey],
     queryFn: () => getPublicIncident(publishableKey),
     enabled,
@@ -21346,7 +21328,7 @@ function usePublicIncident({
 }
 
 // src/hooks/use-wallet-pay-providers.ts
-import { useQuery as useQuery15 } from "@tanstack/react-query";
+import { useQuery as useQuery14 } from "@tanstack/react-query";
 import {
   getWalletPayProviders
 } from "@unifold/core";
@@ -21355,7 +21337,7 @@ function useWalletPayProviders({
   publishableKey,
   enabled = true
 }) {
-  const { data: providers, isLoading } = useQuery15({
+  const { data: providers, isLoading } = useQuery14({
     queryKey: ["unifold", "walletPayProviders", method, publishableKey],
     queryFn: () => getWalletPayProviders(method, publishableKey),
     enabled,
@@ -21648,7 +21630,7 @@ function useAllowedCountry(publishableKey) {
 }
 
 // src/hooks/use-address-validation.ts
-import { useQuery as useQuery16 } from "@tanstack/react-query";
+import { useQuery as useQuery15 } from "@tanstack/react-query";
 import {
   verifyRecipientAddress
 } from "@unifold/core";
@@ -21662,7 +21644,7 @@ function useAddressValidation({
   refetchOnMount = false
 }) {
   const shouldValidate = enabled && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  const { data, isLoading, error } = useQuery16({
+  const { data, isLoading, error } = useQuery15({
     queryKey: [
       "unifold",
       "addressValidation",
@@ -23125,7 +23107,7 @@ import {
 } from "@unifold/core";
 
 // src/hooks/use-hypercore-activation.ts
-import { useQuery as useQuery17 } from "@tanstack/react-query";
+import { useQuery as useQuery16 } from "@tanstack/react-query";
 import { checkHypercoreActivation } from "@unifold/core";
 
 // src/lib/constants.ts
@@ -23144,7 +23126,7 @@ function useHypercoreActivation(params) {
   const recipient = recipientAddress?.trim() ?? "";
   const source = sourceAddress?.trim() ?? "";
   const hasAddresses = !!recipient && !!source;
-  const { data, isLoading } = useQuery17({
+  const { data, isLoading } = useQuery16({
     queryKey: ["unifold", "hypercoreActivation", source, recipient, publishableKey],
     queryFn: () => checkHypercoreActivation(
       {
@@ -24958,7 +24940,7 @@ async function sendHypercoreEvmTransfer(params) {
 }
 
 // src/hooks/use-deposit-quote.ts
-import { useQuery as useQuery18 } from "@tanstack/react-query";
+import { useQuery as useQuery17 } from "@tanstack/react-query";
 import { getDepositQuote } from "@unifold/core";
 function useDepositQuote(params) {
   const {
@@ -24985,7 +24967,7 @@ function useDepositQuote(params) {
     ...adjustForSlippage ? { adjust_for_slippage: true } : {},
     ...stablecoinParity ? { stablecoin_parity: true } : {}
   };
-  return useQuery18({
+  return useQuery17({
     queryKey: [
       "unifold",
       "depositQuote",
@@ -25013,13 +24995,13 @@ function useDepositQuote(params) {
 }
 
 // src/hooks/use-external-wallets.ts
-import { useQuery as useQuery19 } from "@tanstack/react-query";
+import { useQuery as useQuery18 } from "@tanstack/react-query";
 import { getExternalWallets } from "@unifold/core";
 function useExternalWallets({
   publishableKey,
   enabled = true
 }) {
-  const { data: wallets = [], isLoading } = useQuery19({
+  const { data: wallets = [], isLoading } = useQuery18({
     queryKey: ["unifold", "external-wallets", publishableKey],
     queryFn: () => getExternalWallets(publishableKey).then((res) => res.data),
     enabled: enabled && !!publishableKey,
@@ -29398,12 +29380,12 @@ function useForwardCheckoutEvents(onEvent, journeySessionId) {
 }
 
 // src/hooks/use-payment-intent.ts
-import { useQuery as useQuery20 } from "@tanstack/react-query";
+import { useQuery as useQuery19 } 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 = 3e3 } = params;
-  return useQuery20({
+  return useQuery19({
     queryKey: ["unifold", "paymentIntent", clientSecret, publishableKey],
     queryFn: () => retrievePaymentIntent(clientSecret, publishableKey),
     enabled: enabled && !!clientSecret && !!publishableKey,
@@ -30245,12 +30227,12 @@ import { useState as useState49, useEffect as useEffect47, useLayoutEffect as us
 import { AlertTriangle as AlertTriangle8, ChevronRight as ChevronRight22, Clock as Clock6 } from "lucide-react";
 
 // src/hooks/use-supported-destination-tokens.ts
-import { useQuery as useQuery21 } from "@tanstack/react-query";
+import { useQuery as useQuery20 } from "@tanstack/react-query";
 import {
   getSupportedDestinationTokens
 } from "@unifold/core";
 function useSupportedDestinationTokens(publishableKey, enabled = true) {
-  return useQuery21({
+  return useQuery20({
     queryKey: ["unifold", "supportedDestinationTokens", publishableKey],
     queryFn: () => getSupportedDestinationTokens(publishableKey),
     staleTime: 1e3 * 60 * 5,
@@ -30282,7 +30264,7 @@ function useDefaultDestinationToken({
 }
 
 // src/hooks/use-source-token-validation.ts
-import { useQuery as useQuery22 } from "@tanstack/react-query";
+import { useQuery as useQuery21 } from "@tanstack/react-query";
 import { getSupportedDepositTokens as getSupportedDepositTokens3 } from "@unifold/core";
 function useSourceTokenValidation(params) {
   const {
@@ -30294,7 +30276,7 @@ function useSourceTokenValidation(params) {
     enabled = true
   } = params;
   const hasParams = !!sourceChainType && !!sourceChainId && !!sourceTokenAddress;
-  return useQuery22({
+  return useQuery21({
     queryKey: [
       "unifold",
       "sourceTokenValidation",
@@ -30344,12 +30326,12 @@ function useSourceTokenValidation(params) {
 }
 
 // src/hooks/use-address-balance.ts
-import { useQuery as useQuery23 } from "@tanstack/react-query";
+import { useQuery as useQuery22 } from "@tanstack/react-query";
 import { getAddressBalance as getAddressBalance2 } from "@unifold/core";
 function useAddressBalance(params) {
   const { address, chainType, chainId, tokenAddress, publishableKey, enabled = true } = params;
   const hasParams = !!address && !!chainType && !!chainId && !!tokenAddress;
-  return useQuery23({
+  return useQuery22({
     queryKey: [
       "unifold",
       "addressBalance",
@@ -30405,11 +30387,11 @@ function useAddressBalance(params) {
 }
 
 // src/hooks/use-executions.ts
-import { useQuery as useQuery24 } from "@tanstack/react-query";
+import { useQuery as useQuery23 } from "@tanstack/react-query";
 import { queryExecutions as queryExecutions4, ActionType as ActionType4 } from "@unifold/core";
 function useExecutions(userId, publishableKey, options) {
   const actionType = options?.actionType ?? ActionType4.Deposit;
-  const query = useQuery24({
+  const query = useQuery23({
     queryKey: ["unifold", "executions", actionType, userId, publishableKey],
     queryFn: () => queryExecutions4(userId, publishableKey, actionType),
     enabled: (options?.enabled ?? true) && !!userId,
@@ -30779,7 +30761,7 @@ import {
 } from "@unifold/core";
 
 // src/hooks/use-verify-recipient-address.ts
-import { useQuery as useQuery25 } from "@tanstack/react-query";
+import { useQuery as useQuery24 } from "@tanstack/react-query";
 import { verifyRecipientAddress as verifyRecipientAddress2 } from "@unifold/core";
 function useVerifyRecipientAddress(params) {
   const {
@@ -30792,7 +30774,7 @@ function useVerifyRecipientAddress(params) {
   } = params;
   const trimmedAddress = recipientAddress?.trim() || "";
   const hasAllParams = !!chainType && !!chainId && !!tokenAddress && trimmedAddress.length > 0;
-  return useQuery25({
+  return useQuery24({
     queryKey: [
       "unifold",
       "verifyRecipientAddress",
@@ -31044,7 +31026,7 @@ import { useMemo as useMemo19 } from "react";
 import { ActionType as ActionType6 } from "@unifold/core";
 
 // src/hooks/use-get-deposit-address.ts
-import { useQuery as useQuery26 } from "@tanstack/react-query";
+import { useQuery as useQuery25 } from "@tanstack/react-query";
 import { getDepositAddress } from "@unifold/core";
 function useGetDepositAddress(params) {
   const {
@@ -31058,7 +31040,7 @@ function useGetDepositAddress(params) {
     enabled = true
   } = params;
   const canFire = !!userId && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  const query = useQuery26({
+  const query = useQuery25({
     queryKey: [
       "unifold",
       "getDepositAddress",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/ui-react",
-  "version": "0.1.78",
+  "version": "0.1.79",
   "description": "Unifold UI React - Deposit and onramp components for React applications",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -42,8 +42,8 @@
     "mipd": "^0.0.7",
     "qr-code-styling": "^1.6.0-rc.1",
     "tailwind-merge": "^2.0.0",
-    "@unifold/analytics": "0.1.78",
-    "@unifold/core": "0.1.78"
+    "@unifold/analytics": "0.1.79",
+    "@unifold/core": "0.1.79"
   },
   "devDependencies": {
     "@solana/web3.js": "^1.87.0",