@b3dotfun/sdk 0.0.43-alpha.2 → 0.0.43-alpha.4

package/dist/cjs/anyspend/react/components/common/OrderDetails.js

@@ -487,7 +487,7 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ mode = "modal",
                                                             ? "Funding Tournament"
                                                             : "Processing Transaction", chainId: order.srcChain, tx: null, isProcessing: true, delay: 0.5 })) : ((0, jsx_runtime_1.jsx)(TransactionDetails, { title: order.onrampMetadata?.vendor === "stripe-web2"
                                                 ? `Waiting for payment`
-                                                : `Waiting for deposit ${formattedDepositDeficit} ${srcToken.symbol}`, chainId: order.srcChain, tx: null, isProcessing: true, delay: 0.5 }))] }) })] }) }), !depositEnoughAmount && order.status !== "expired" && ((0, jsx_runtime_1.jsx)(InsufficientDepositPayment_1.InsufficientDepositPayment, { order: order, srcToken: srcToken, depositDeficit: depositDeficit, phantomWalletAddress: phantomWalletAddress, txLoading: txLoading, isSwitchingOrExecuting: isSwitchingOrExecuting, onPayment: handlePayment }))] }));
+                                                : `Waiting for deposit ${formattedDepositDeficit} ${srcToken.symbol}`, chainId: order.srcChain, tx: null, isProcessing: true, delay: 0.5 }))] }) })] }) }), depositTxs?.length > 0 && !depositEnoughAmount && order.status === "scanning_deposit_transaction" && ((0, jsx_runtime_1.jsx)(InsufficientDepositPayment_1.InsufficientDepositPayment, { order: order, srcToken: srcToken, depositDeficit: depositDeficit, phantomWalletAddress: phantomWalletAddress, txLoading: txLoading, isSwitchingOrExecuting: isSwitchingOrExecuting, onPayment: handlePayment }))] }));
     }
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OrderStatus_1.OrderStatus, { order: order, selectedCryptoPaymentMethod: effectiveCryptoPaymentMethod }), statusDisplay === "processing" && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: order.onrampMetadata ? ((0, jsx_runtime_1.jsx)(PaymentVendorUI_1.default, { order: order, dstTokenSymbol: dstToken.symbol })) : effectiveCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.CONNECT_WALLET ||
                     effectiveCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.GLOBAL_WALLET ? ((0, jsx_runtime_1.jsx)(ConnectWalletPayment_1.default, { order: order, onPayment: handlePayment, onCancel: handleBack, txLoading: txLoading, isSwitchingOrExecuting: isSwitchingOrExecuting, phantomWalletAddress: phantomWalletAddress, tournament: tournament, nft: nft, cryptoPaymentMethod: effectiveCryptoPaymentMethod, onPaymentMethodChange: onPaymentMethodChange })) : effectiveCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.TRANSFER_CRYPTO ? (

package/dist/cjs/shared/react/hooks/useCurrencyConversion.d.ts

@@ -20,7 +20,7 @@ export declare function useCurrencyConversion(): {
     /** Base currency used for conversion (typically B3) */
     baseCurrency: import("../stores/currencyStore").SupportedCurrency;
     /** Current exchange rate from base to selected currency (undefined while loading) */
-    exchangeRate: number;
+    exchangeRate: number | undefined;
     /** Format a value with currency conversion and proper symbol/decimal handling */
     formatCurrencyValue: (value: number, options?: {
         decimals?: number;

package/dist/cjs/shared/react/hooks/useCurrencyConversion.js

@@ -1,9 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCurrencyConversion = useCurrencyConversion;
-const react_1 = require("../../../global-account/react");
+const react_query_1 = require("@tanstack/react-query");
 const number_1 = require("../../../shared/utils/number");
 const currencyStore_1 = require("../stores/currencyStore");
+const COINBASE_API_URL = "https://api.coinbase.com/v2/exchange-rates";
+const REFETCH_INTERVAL_MS = 30000;
+/**
+ * Fetches all exchange rates for a given base currency from Coinbase API.
+ */
+async function fetchAllExchangeRates(baseCurrency) {
+    const response = await fetch(`${COINBASE_API_URL}?currency=${baseCurrency}`);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch exchange rates for ${baseCurrency}: ${response.status}`);
+    }
+    const data = await response.json();
+    const rates = {};
+    for (const [currency, rate] of Object.entries(data.data.rates)) {
+        rates[currency] = parseFloat(rate);
+    }
+    return rates;
+}
 /**
  * Hook for currency conversion and formatting with real-time exchange rates.
  *
@@ -23,16 +40,18 @@ const currencyStore_1 = require("../stores/currencyStore");
 function useCurrencyConversion() {
     const selectedCurrency = (0, currencyStore_1.useCurrencyStore)(state => state.selectedCurrency);
     const baseCurrency = (0, currencyStore_1.useCurrencyStore)(state => state.baseCurrency);
-    // Get exchange rate for the selected currency
-    const { rate: exchangeRate } = (0, react_1.useExchangeRate)({
-        baseCurrency,
-        quoteCurrency: selectedCurrency === baseCurrency ? "USD" : selectedCurrency,
-    });
-    // Always fetch USD rate for tooltip purposes
-    const { rate: usdRate } = (0, react_1.useExchangeRate)({
-        baseCurrency,
-        quoteCurrency: "USD",
+    // Fetch all exchange rates for the base currency
+    const { data: exchangeRates } = (0, react_query_1.useQuery)({
+        queryKey: ["exchangeRates", baseCurrency],
+        queryFn: () => fetchAllExchangeRates(baseCurrency),
+        refetchInterval: REFETCH_INTERVAL_MS,
+        staleTime: REFETCH_INTERVAL_MS / 2,
+        retry: 3,
+        retryDelay: attemptIndex => Math.min(1000 * 2 ** attemptIndex, REFETCH_INTERVAL_MS),
     });
+    // Extract specific rates from the full rates object
+    const exchangeRate = exchangeRates?.[selectedCurrency];
+    const usdRate = exchangeRates?.["USD"];
     /**
      * Formats a numeric value as a currency string with proper conversion and formatting.
      *
@@ -78,8 +97,7 @@ function useCurrencyConversion() {
             });
             return `${formatted} ${baseCurrency}`;
         }
-        // If no exchange rate available, show base currency to prevent showing
-        // incorrect values with wrong currency symbols during rate fetching
+        // If showing base currency, no conversion needed
         if (selectedCurrency === baseCurrency || !exchangeRate) {
             const formatted = (0, number_1.formatDisplayNumber)(value, {
                 significantDigits: baseCurrency === "B3" ? 6 : 8,

package/dist/esm/anyspend/react/components/common/OrderDetails.js

@@ -481,7 +481,7 @@ export const OrderDetails = memo(function OrderDetails({ mode = "modal", order,
                                                             ? "Funding Tournament"
                                                             : "Processing Transaction", chainId: order.srcChain, tx: null, isProcessing: true, delay: 0.5 })) : (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === "stripe-web2"
                                                 ? `Waiting for payment`
-                                                : `Waiting for deposit ${formattedDepositDeficit} ${srcToken.symbol}`, chainId: order.srcChain, tx: null, isProcessing: true, delay: 0.5 }))] }) })] }) }), !depositEnoughAmount && order.status !== "expired" && (_jsx(InsufficientDepositPayment, { order: order, srcToken: srcToken, depositDeficit: depositDeficit, phantomWalletAddress: phantomWalletAddress, txLoading: txLoading, isSwitchingOrExecuting: isSwitchingOrExecuting, onPayment: handlePayment }))] }));
+                                                : `Waiting for deposit ${formattedDepositDeficit} ${srcToken.symbol}`, chainId: order.srcChain, tx: null, isProcessing: true, delay: 0.5 }))] }) })] }) }), depositTxs?.length > 0 && !depositEnoughAmount && order.status === "scanning_deposit_transaction" && (_jsx(InsufficientDepositPayment, { order: order, srcToken: srcToken, depositDeficit: depositDeficit, phantomWalletAddress: phantomWalletAddress, txLoading: txLoading, isSwitchingOrExecuting: isSwitchingOrExecuting, onPayment: handlePayment }))] }));
     }
     return (_jsxs(_Fragment, { children: [_jsx(OrderStatus, { order: order, selectedCryptoPaymentMethod: effectiveCryptoPaymentMethod }), statusDisplay === "processing" && (_jsx(_Fragment, { children: order.onrampMetadata ? (_jsx(PaymentVendorUI, { order: order, dstTokenSymbol: dstToken.symbol })) : effectiveCryptoPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET ||
                     effectiveCryptoPaymentMethod === CryptoPaymentMethodType.GLOBAL_WALLET ? (_jsx(ConnectWalletPayment, { order: order, onPayment: handlePayment, onCancel: handleBack, txLoading: txLoading, isSwitchingOrExecuting: isSwitchingOrExecuting, phantomWalletAddress: phantomWalletAddress, tournament: tournament, nft: nft, cryptoPaymentMethod: effectiveCryptoPaymentMethod, onPaymentMethodChange: onPaymentMethodChange })) : effectiveCryptoPaymentMethod === CryptoPaymentMethodType.TRANSFER_CRYPTO ? (

package/dist/esm/shared/react/hooks/useCurrencyConversion.d.ts

@@ -20,7 +20,7 @@ export declare function useCurrencyConversion(): {
     /** Base currency used for conversion (typically B3) */
     baseCurrency: import("../stores/currencyStore").SupportedCurrency;
     /** Current exchange rate from base to selected currency (undefined while loading) */
-    exchangeRate: number;
+    exchangeRate: number | undefined;
     /** Format a value with currency conversion and proper symbol/decimal handling */
     formatCurrencyValue: (value: number, options?: {
         decimals?: number;

package/dist/esm/shared/react/hooks/useCurrencyConversion.js

@@ -1,6 +1,23 @@
-import { useExchangeRate } from "../../../global-account/react/index.js";
+import { useQuery } from "@tanstack/react-query";
 import { formatDisplayNumber } from "../../../shared/utils/number.js";
 import { CURRENCY_SYMBOLS, useCurrencyStore } from "../stores/currencyStore.js";
+const COINBASE_API_URL = "https://api.coinbase.com/v2/exchange-rates";
+const REFETCH_INTERVAL_MS = 30000;
+/**
+ * Fetches all exchange rates for a given base currency from Coinbase API.
+ */
+async function fetchAllExchangeRates(baseCurrency) {
+    const response = await fetch(`${COINBASE_API_URL}?currency=${baseCurrency}`);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch exchange rates for ${baseCurrency}: ${response.status}`);
+    }
+    const data = await response.json();
+    const rates = {};
+    for (const [currency, rate] of Object.entries(data.data.rates)) {
+        rates[currency] = parseFloat(rate);
+    }
+    return rates;
+}
 /**
  * Hook for currency conversion and formatting with real-time exchange rates.
  *
@@ -20,16 +37,18 @@ import { CURRENCY_SYMBOLS, useCurrencyStore } from "../stores/currencyStore.js";
 export function useCurrencyConversion() {
     const selectedCurrency = useCurrencyStore(state => state.selectedCurrency);
     const baseCurrency = useCurrencyStore(state => state.baseCurrency);
-    // Get exchange rate for the selected currency
-    const { rate: exchangeRate } = useExchangeRate({
-        baseCurrency,
-        quoteCurrency: selectedCurrency === baseCurrency ? "USD" : selectedCurrency,
-    });
-    // Always fetch USD rate for tooltip purposes
-    const { rate: usdRate } = useExchangeRate({
-        baseCurrency,
-        quoteCurrency: "USD",
+    // Fetch all exchange rates for the base currency
+    const { data: exchangeRates } = useQuery({
+        queryKey: ["exchangeRates", baseCurrency],
+        queryFn: () => fetchAllExchangeRates(baseCurrency),
+        refetchInterval: REFETCH_INTERVAL_MS,
+        staleTime: REFETCH_INTERVAL_MS / 2,
+        retry: 3,
+        retryDelay: attemptIndex => Math.min(1000 * 2 ** attemptIndex, REFETCH_INTERVAL_MS),
     });
+    // Extract specific rates from the full rates object
+    const exchangeRate = exchangeRates?.[selectedCurrency];
+    const usdRate = exchangeRates?.["USD"];
     /**
      * Formats a numeric value as a currency string with proper conversion and formatting.
      *
@@ -75,8 +94,7 @@ export function useCurrencyConversion() {
             });
             return `${formatted} ${baseCurrency}`;
         }
-        // If no exchange rate available, show base currency to prevent showing
-        // incorrect values with wrong currency symbols during rate fetching
+        // If showing base currency, no conversion needed
         if (selectedCurrency === baseCurrency || !exchangeRate) {
             const formatted = formatDisplayNumber(value, {
                 significantDigits: baseCurrency === "B3" ? 6 : 8,

package/dist/types/shared/react/hooks/useCurrencyConversion.d.ts

@@ -20,7 +20,7 @@ export declare function useCurrencyConversion(): {
     /** Base currency used for conversion (typically B3) */
     baseCurrency: import("../stores/currencyStore").SupportedCurrency;
     /** Current exchange rate from base to selected currency (undefined while loading) */
-    exchangeRate: number;
+    exchangeRate: number | undefined;
     /** Format a value with currency conversion and proper symbol/decimal handling */
     formatCurrencyValue: (value: number, options?: {
         decimals?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.43-alpha.2",
+  "version": "0.0.43-alpha.4",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

package/src/anyspend/react/components/common/OrderDetails.tsx

@@ -987,8 +987,8 @@ export const OrderDetails = memo(function OrderDetails({
           </AccordionItem>
         </Accordion>
 
-        {/* Show payment UI when deposit is not enough and order is not expired */}
-        {!depositEnoughAmount && order.status !== "expired" && (
+        {/* Show payment UI for insufficient deposit while scanning for transaction */}
+        {depositTxs?.length > 0 && !depositEnoughAmount && order.status === "scanning_deposit_transaction" && (
           <InsufficientDepositPayment
             order={order}
             srcToken={srcToken}

package/src/shared/react/hooks/useCurrencyConversion.ts

@@ -1,7 +1,33 @@
-import { useExchangeRate } from "@b3dotfun/sdk/global-account/react";
+import { useQuery } from "@tanstack/react-query";
 import { formatDisplayNumber } from "@b3dotfun/sdk/shared/utils/number";
 import { CURRENCY_SYMBOLS, useCurrencyStore } from "../stores/currencyStore";
 
+const COINBASE_API_URL = "https://api.coinbase.com/v2/exchange-rates";
+const REFETCH_INTERVAL_MS = 30000;
+
+interface CoinbaseExchangeRatesResponse {
+  data: {
+    currency: string;
+    rates: Record<string, string>;
+  };
+}
+
+/**
+ * Fetches all exchange rates for a given base currency from Coinbase API.
+ */
+async function fetchAllExchangeRates(baseCurrency: string): Promise<Record<string, number>> {
+  const response = await fetch(`${COINBASE_API_URL}?currency=${baseCurrency}`);
+  if (!response.ok) {
+    throw new Error(`Failed to fetch exchange rates for ${baseCurrency}: ${response.status}`);
+  }
+  const data: CoinbaseExchangeRatesResponse = await response.json();
+  const rates: Record<string, number> = {};
+  for (const [currency, rate] of Object.entries(data.data.rates)) {
+    rates[currency] = parseFloat(rate);
+  }
+  return rates;
+}
+
 /**
  * Hook for currency conversion and formatting with real-time exchange rates.
  *
@@ -22,17 +48,19 @@ export function useCurrencyConversion() {
   const selectedCurrency = useCurrencyStore(state => state.selectedCurrency);
   const baseCurrency = useCurrencyStore(state => state.baseCurrency);
 
-  // Get exchange rate for the selected currency
-  const { rate: exchangeRate } = useExchangeRate({
-    baseCurrency,
-    quoteCurrency: selectedCurrency === baseCurrency ? "USD" : selectedCurrency,
+  // Fetch all exchange rates for the base currency
+  const { data: exchangeRates } = useQuery({
+    queryKey: ["exchangeRates", baseCurrency],
+    queryFn: () => fetchAllExchangeRates(baseCurrency),
+    refetchInterval: REFETCH_INTERVAL_MS,
+    staleTime: REFETCH_INTERVAL_MS / 2,
+    retry: 3,
+    retryDelay: attemptIndex => Math.min(1000 * 2 ** attemptIndex, REFETCH_INTERVAL_MS),
   });
 
-  // Always fetch USD rate for tooltip purposes
-  const { rate: usdRate } = useExchangeRate({
-    baseCurrency,
-    quoteCurrency: "USD",
-  });
+  // Extract specific rates from the full rates object
+  const exchangeRate = exchangeRates?.[selectedCurrency];
+  const usdRate = exchangeRates?.["USD"];
 
   /**
    * Formats a numeric value as a currency string with proper conversion and formatting.
@@ -83,8 +111,7 @@ export function useCurrencyConversion() {
       return `${formatted} ${baseCurrency}`;
     }
 
-    // If no exchange rate available, show base currency to prevent showing
-    // incorrect values with wrong currency symbols during rate fetching
+    // If showing base currency, no conversion needed
     if (selectedCurrency === baseCurrency || !exchangeRate) {
       const formatted = formatDisplayNumber(value, {
         significantDigits: baseCurrency === "B3" ? 6 : 8,