@b3dotfun/sdk 0.0.7-alpha.27 → 0.0.7-alpha.3

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

@@ -1,4 +1,4 @@
-import { useCoinbaseOnrampOptions } from "@b3dotfun/sdk/anyspend/react";
+import { useCoinbaseOnrampOptions } from "@b3dotfun/sdk/anyspend";
 import { Input, useGetGeo } from "@b3dotfun/sdk/global-account/react";
 import { AnimatePresence, motion } from "framer-motion";
 import { useRef } from "react";
@@ -7,7 +7,7 @@ import { PaymentOptions } from "./PaymentOptions";
 
 export function PanelOnramp({
   srcAmountOnRamp,
-  setSrcAmountOnRamp,
+  setSrcAmountOnRamp
 }: {
   srcAmountOnRamp: string;
   setSrcAmountOnRamp: (amount: string) => void;
@@ -47,7 +47,7 @@ export function PanelOnramp({
         {parseFloat(srcAmountOnRamp) >
         (coinbaseOnrampOptions?.paymentCurrencies?.[0]?.limits?.find(l => l.id === "ACH_BANK_ACCOUNT")?.max
           ? parseFloat(
-              coinbaseOnrampOptions.paymentCurrencies[0].limits.find(l => l.id === "ACH_BANK_ACCOUNT")?.max || "25000",
+              coinbaseOnrampOptions.paymentCurrencies[0].limits.find(l => l.id === "ACH_BANK_ACCOUNT")?.max || "25000"
             )
           : 25000) ? (
           <p className="label-style -mb-3 mt-3 text-xs text-red-400 dark:bg-transparent">
@@ -72,7 +72,7 @@ export function PanelOnramp({
             className="placeholder:text-b3-react-foreground/60 h-auto min-w-[70px] border-0 bg-transparent py-6 text-center text-4xl font-semibold focus-visible:ring-0 focus-visible:ring-offset-0 dark:bg-transparent"
             style={{
               width: `${Math.max(50, srcAmountOnRamp.length * 34)}px`,
-              minWidth: srcAmountOnRamp ? `auto` : "105px",
+              minWidth: srcAmountOnRamp ? `auto` : "105px"
             }}
           />
 

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

@@ -1,5 +1,13 @@
-import { GetQuoteResponse, Nft, OnrampVendor, OrderType, Token, Tournament } from "@b3dotfun/sdk/anyspend";
-import { useAnyspendCreateOnrampOrder, useGeoOnrampOptions } from "@b3dotfun/sdk/anyspend/react";
+import {
+  GetQuoteResponse,
+  Nft,
+  OnrampVendor,
+  OrderType,
+  Token,
+  Tournament,
+  useAnyspendCreateOnrampOrder,
+  useGeoOnrampOptions
+} from "@b3dotfun/sdk/anyspend";
 import { Button } from "@b3dotfun/sdk/global-account/react";
 import centerTruncate from "@b3dotfun/sdk/shared/utils/centerTruncate";
 import { motion } from "framer-motion";
@@ -49,7 +57,7 @@ export function PanelOnrampPayment({
   tournament,
   payload,
   recipientEnsName,
-  recipientImageUrl,
+  recipientImageUrl
 }: PanelOnrampPaymentProps) {
   // Use a stable amount for geo onramp options to prevent unnecessary refetches
   const [stableAmountForGeo, setStableAmountForGeo] = useState(srcAmountOnRamp);
@@ -69,7 +77,7 @@ export function PanelOnrampPayment({
     coinbaseAvailablePaymentMethods,
     isStripeOnrampSupported,
     isStripeWeb2Supported,
-    isLoading: isLoadingGeoOnramp,
+    isLoading: isLoadingGeoOnramp
   } = useGeoOnrampOptions(isMainnet, stableAmountForGeo);
 
   const { createOrder, isCreatingOrder } = useAnyspendCreateOnrampOrder({
@@ -80,7 +88,7 @@ export function PanelOnrampPayment({
     onError: error => {
       console.error(error);
       toast.error("Failed to create order: " + error.message);
-    },
+    }
   });
 
   const handlePaymentMethodClick = async (vendor: OnrampVendor, paymentMethod?: string) => {
@@ -121,7 +129,7 @@ export function PanelOnrampPayment({
           return {
             ...selectedDstToken,
             chainId: destinationTokenChainId || selectedDstChainId,
-            address: destinationTokenAddress,
+            address: destinationTokenAddress
           };
         }
         return selectedDstToken;
@@ -140,13 +148,13 @@ export function PanelOnrampPayment({
           country: geoData?.country || "US",
           ipAddress: geoData?.ip,
           redirectUrl:
-            window.location.origin === "https://basement.fun" ? "https://basement.fun/deposit" : window.location.origin,
+            window.location.origin === "https://basement.fun" ? "https://basement.fun/deposit" : window.location.origin
         },
         expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount?.toString() || "0",
         creatorAddress: globalAddress,
         nft,
         tournament,
-        payload,
+        payload
       });
     } catch (err: any) {
       console.error(err);
@@ -167,7 +175,7 @@ export function PanelOnrampPayment({
               animate={{
                 opacity: 1,
                 y: 0,
-                filter: "blur(0px)",
+                filter: "blur(0px)"
               }}
               transition={{ duration: 0.3, delay: 0.2, ease: "easeInOut" }}
               className="flex items-center justify-between"

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

@@ -6,7 +6,7 @@ export default function PaymentMethodIcons() {
     { name: "Mastercard", src: PAYMENT_METHOD_ICONS.mastercard },
     { name: "Amex", src: PAYMENT_METHOD_ICONS.amex },
     { name: "Apple Pay", src: PAYMENT_METHOD_ICONS.applePay },
-    { name: "Google Pay", src: PAYMENT_METHOD_ICONS.googlePay },
+    { name: "Google Pay", src: PAYMENT_METHOD_ICONS.googlePay }
   ];
 
   return (

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

@@ -17,12 +17,12 @@ export default function PaymentOneClick({ order }: PaymentOneClickProps) {
   const howItWorksSteps = [
     {
       number: 1,
-      description: `Click the link above to pay with ${paymentDescription}`,
+      description: `Click the link above to pay with ${paymentDescription}`
     },
     {
       number: 2,
-      description: `After payment, you'll be redirected back here, where we continue to execute the order.`,
-    },
+      description: `After payment, you'll be redirected back here, where we continue to execute the order.`
+    }
   ];
 
   return (

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

@@ -1,5 +1,4 @@
-import { Order, USDC_BASE } from "@b3dotfun/sdk/anyspend";
-import { useStripeClientSecret } from "@b3dotfun/sdk/anyspend/react";
+import { Order, USDC_BASE, useStripeClientSecret } from "@b3dotfun/sdk/anyspend";
 import { STRIPE_CONFIG } from "@b3dotfun/sdk/anyspend/constants";
 import { ShinyButton, useB3 } from "@b3dotfun/sdk/global-account/react";
 import { formatStripeAmount } from "@b3dotfun/sdk/shared/utils/payment.utils";
@@ -23,7 +22,7 @@ export default function PaymentStripeWeb2({ isMainnet, order, onPaymentSuccess }
 
   const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = useStripeClientSecret(
     isMainnet,
-    order.stripePaymentIntentId!,
+    order.stripePaymentIntentId!
   );
 
   if (isLoadingStripeClientSecret) {
@@ -39,7 +38,7 @@ export default function PaymentStripeWeb2({ isMainnet, order, onPaymentSuccess }
       stripe={stripePromise}
       options={{
         clientSecret: clientSecret || undefined,
-        appearance: { theme: theme === "light" ? "stripe" : "night" },
+        appearance: { theme: theme === "light" ? "stripe" : "night" }
       }}
     >
       <StripePaymentForm order={order} clientSecret={clientSecret} onPaymentSuccess={onPaymentSuccess} />
@@ -81,7 +80,7 @@ function StripeErrorState({ error }: { error: string }) {
 function StripePaymentForm({
   order,
   clientSecret,
-  onPaymentSuccess,
+  onPaymentSuccess
 }: {
   order: Order;
   clientSecret: string | null;
@@ -136,7 +135,7 @@ function StripePaymentForm({
       console.log("@@stripe-web2-payment:confirming-payment:", JSON.stringify({ orderId: order.id }, null, 2));
       const { error, paymentIntent } = await stripe.confirmPayment({
         elements,
-        redirect: "if_required",
+        redirect: "if_required"
       });
 
       if (error) {
@@ -145,7 +144,7 @@ function StripePaymentForm({
       } else if (paymentIntent && paymentIntent.status === "succeeded") {
         console.log(
           "@@stripe-web2-payment:success:",
-          JSON.stringify({ orderId: order.id, paymentIntentId: paymentIntent.id }, null, 2),
+          JSON.stringify({ orderId: order.id, paymentIntentId: paymentIntent.id }, null, 2)
         );
         // Payment succeeded without redirect - handle success in the modal
         setMessage(null);
@@ -175,31 +174,31 @@ function StripePaymentForm({
     defaultValues: {
       billingDetails: {
         name: "",
-        email: "",
-      },
+        email: ""
+      }
     },
     fields: {
-      billingDetails: "auto" as const,
+      billingDetails: "auto" as const
     },
     wallets: {
       applePay: "auto" as const,
-      googlePay: "auto" as const,
-    },
+      googlePay: "auto" as const
+    }
   };
 
   const howItWorksSteps = [
     {
       number: 1,
-      description: "Enter your payment details securely using Stripe's encrypted form",
+      description: "Enter your payment details securely using Stripe's encrypted form"
     },
     {
       number: 2,
-      description: "Your payment is processed instantly and securely through our payment partner",
+      description: "Your payment is processed instantly and securely through our payment partner"
     },
     {
       number: 3,
-      description: "After payment confirmation, your order will be processed and completed automatically",
-    },
+      description: "After payment confirmation, your order will be processed and completed automatically"
+    }
   ];
 
   return (

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

@@ -5,7 +5,7 @@ import { formatUnits } from "viem";
 export function TokenBalance({
   token,
   walletAddress,
-  onChangeInput,
+  onChangeInput
 }: {
   token: Token;
   walletAddress: string | undefined;
@@ -13,7 +13,7 @@ export function TokenBalance({
 }) {
   const { rawBalance, formattedBalance, isLoading } = useTokenBalance({
     token,
-    address: walletAddress,
+    address: walletAddress
   });
 
   const handlePercentageClick = (percentage: number) => {

package/src/anyspend/react/components/index.ts

@@ -4,12 +4,10 @@ export { AnySpendBuySpin } from "./AnySpendBuySpin";
 export { AnySpendCustom } from "./AnySpendCustom";
 export { AnySpendNFT } from "./AnySpendNFT";
 export { AnySpendNFTButton } from "./AnySpendNFTButton";
-export { AnyspendSignatureMint } from "./AnyspendSignatureMint";
 export { AnySpendStakeB3 } from "./AnySpendStakeB3";
 export { AnySpendTournament } from "./AnySpendTournament";
 
 // Common Components
-export { ChainTokenIcon } from "./common/ChainTokenIcon";
 export { OrderDetails } from "./common/OrderDetails";
 export { OrderHistory } from "./common/OrderHistory";
 export { OrderHistoryItem } from "./common/OrderHistoryItem";

package/src/anyspend/react/components/modals/EnterRecipientModal.tsx

@@ -1,11 +1,11 @@
-import { Dialog, DialogContent, Input, ShinyButton } from "@b3dotfun/sdk/global-account/react";
 import { useEffect, useState } from "react";
+import { Dialog, DialogContent, Input, ShinyButton } from "@b3dotfun/sdk/global-account/react";
 
 export function EnterRecipientModal({
   isOpenPasteRecipientAddress,
   setIsOpenPasteRecipientAddress,
   recipientAddress,
-  setRecipientAddress,
+  setRecipientAddress
 }: {
   isOpenPasteRecipientAddress: boolean;
   setIsOpenPasteRecipientAddress: (isOpen: boolean) => void;

package/src/anyspend/react/components/webview/WebviewOnrampOrderStatus.tsx

@@ -15,6 +15,7 @@ export function WebviewOnrampOrderStatus({ order }: WebviewOnrampOrderStatusProp
     order.status === OrderStatus.WaitingStripePayment ||
     order.status === OrderStatus.ScanningDepositTransaction ||
     order.status === OrderStatus.SendingTokenFromVault ||
+    order.status === OrderStatus.ObtainToken ||
     order.status === OrderStatus.Relay;
   const isExecuted = order.status === OrderStatus.Executed;
   const isFailed = order.status === OrderStatus.Failure;

package/src/anyspend/react/components/webview/WebviewOnrampPayment.tsx

@@ -6,8 +6,10 @@ import {
   OrderType,
   STRIPE_CONFIG,
   Token,
+  useAnyspendCreateOnrampOrder,
+  useGeoOnrampOptions,
+  useStripeClientSecret
 } from "@b3dotfun/sdk/anyspend";
-import { useAnyspendCreateOnrampOrder, useGeoOnrampOptions, useStripeClientSecret } from "@b3dotfun/sdk/anyspend/react";
 import centerTruncate from "@b3dotfun/sdk/shared/utils/centerTruncate";
 import { Elements, PaymentElement, useElements, useStripe } from "@stripe/react-stripe-js";
 import { loadStripe } from "@stripe/stripe-js";
@@ -49,7 +51,7 @@ function StripePaymentForm({ order, onPaymentSuccess }: { order: Order; onPaymen
     try {
       const { error: submitError } = await stripe.confirmPayment({
         elements,
-        redirect: "if_required",
+        redirect: "if_required"
       });
 
       if (submitError) {
@@ -72,9 +74,9 @@ function StripePaymentForm({ order, onPaymentSuccess }: { order: Order; onPaymen
     defaultValues: {
       billingDetails: {
         name: "",
-        email: "",
-      },
-    },
+        email: ""
+      }
+    }
   };
 
   return (
@@ -115,7 +117,7 @@ export function WebviewOnrampPayment({
   anyspendQuote,
   onPaymentSuccess,
   userId,
-  partnerId,
+  partnerId
 }: WebviewOnrampPaymentProps) {
   const [stableAmountForGeo, setStableAmountForGeo] = useState(srcAmountOnRamp);
   const hasInitialized = useRef(false);
@@ -133,7 +135,7 @@ export function WebviewOnrampPayment({
   const {
     geoData,
     isStripeWeb2Supported,
-    isLoading: isLoadingGeoOnramp,
+    isLoading: isLoadingGeoOnramp
   } = useGeoOnrampOptions(true, stableAmountForGeo);
 
   const { createOrder, isCreatingOrder } = useAnyspendCreateOnrampOrder({
@@ -144,12 +146,12 @@ export function WebviewOnrampPayment({
     onError: error => {
       console.error(error);
       toast.error("Failed to create order: " + error.message);
-    },
+    }
   });
 
   const { clientSecret, isLoadingStripeClientSecret } = useStripeClientSecret(
     true,
-    createdOrder?.stripePaymentIntentId || "",
+    createdOrder?.stripePaymentIntentId || ""
   );
 
   // Create order when component mounts and all required data is available
@@ -171,7 +173,7 @@ export function WebviewOnrampPayment({
             return {
               ...destinationToken,
               chainId: destinationToken.chainId,
-              address: destinationToken.address,
+              address: destinationToken.address
             };
           };
 
@@ -187,10 +189,10 @@ export function WebviewOnrampPayment({
               paymentMethod: "",
               country: geoData.country || "US",
               ipAddress: geoData.ip,
-              redirectUrl: `${window.location.origin}${userId ? `?userId=${userId}` : ""}`,
+              redirectUrl: `${window.location.origin}${userId ? `?userId=${userId}` : ""}`
             },
             expectedDstAmount: anyspendQuote.data?.currencyOut?.amount?.toString() || "0",
-            partnerId,
+            partnerId
           });
         } catch (err: any) {
           console.error(err);
@@ -209,7 +211,7 @@ export function WebviewOnrampPayment({
     createOrder,
     destinationToken,
     userId,
-    partnerId,
+    partnerId
   ]);
 
   // Check if all required data is loaded
@@ -254,7 +256,7 @@ export function WebviewOnrampPayment({
                   <span className="font-medium">
                     {anyspendQuote?.data?.currencyOut?.amount
                       ? Number(
-                          formatUnits(BigInt(anyspendQuote.data.currencyOut.amount), destinationToken.decimals),
+                          formatUnits(BigInt(anyspendQuote.data.currencyOut.amount), destinationToken.decimals)
                         ).toFixed(4)
                       : "0"}{" "}
                     {destinationToken.symbol}
@@ -295,9 +297,9 @@ export function WebviewOnrampPayment({
               variables: {
                 colorPrimary: "#2563eb",
                 colorBackground: "#ffffff",
-                borderRadius: "12px",
-              },
-            },
+                borderRadius: "12px"
+              }
+            }
           }}
         >
           <StripePaymentForm order={createdOrder} onPaymentSuccess={onPaymentSuccess} />
@@ -332,7 +334,7 @@ export function WebviewOnrampPayment({
                 <span className="font-medium">
                   {anyspendQuote?.data?.currencyOut?.amount
                     ? Number(
-                        formatUnits(BigInt(anyspendQuote.data.currencyOut.amount), destinationToken.decimals),
+                        formatUnits(BigInt(anyspendQuote.data.currencyOut.amount), destinationToken.decimals)
                       ).toFixed(4)
                     : "0"}{" "}
                   {destinationToken.symbol}

package/src/anyspend/react/hooks/index.ts

@@ -3,10 +3,11 @@ export * from "./useAnyspendCreateOrder";
 export * from "./useAnyspendOrderAndTransactions";
 export * from "./useAnyspendOrderHistory";
 export * from "./useAnyspendQuote";
+export * from "./useAnyspendSendPermitData";
 export * from "./useAnyspendTokens";
 export * from "./useCoinbaseOnrampOptions";
 export * from "./useGeoOnrampOptions";
 export * from "./useGetGeo";
-export * from "./useSigMint";
+export * from "./usePermitData";
 export * from "./useStripeClientSecret";
 export * from "./useStripeSupport";

package/src/anyspend/react/hooks/useAnyspendCreateOnrampOrder.ts

@@ -1,12 +1,11 @@
 import { USDC_BASE } from "@b3dotfun/sdk/anyspend/constants";
 import { anyspendService } from "@b3dotfun/sdk/anyspend/services/anyspend";
-import { OnrampVendor } from "@b3dotfun/sdk/anyspend/types";
+import { Nft, OnrampVendor, OrderType, Token, Tournament } from "@b3dotfun/sdk/anyspend/types";
 import { buildMetadata, buildPayload, normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
 import { parseUnits } from "viem";
 import { base } from "viem/chains";
-import { CreateOrderParams } from "./useAnyspendCreateOrder";
 
 export type OnrampOptions = {
   vendor: OnrampVendor;
@@ -16,9 +15,20 @@ export type OnrampOptions = {
   ipAddress?: string; // Required for Stripe
 };
 
-export type CreateOnrampOrderParams = Omit<CreateOrderParams, "srcChain" | "srcToken" | "srcAmount"> & {
+export type CreateOnrampOrderParams = {
+  isMainnet: boolean;
+  recipientAddress: string;
+  orderType: OrderType;
+  dstChain: number;
+  dstToken: Token;
   srcFiatAmount: string;
   onramp: OnrampOptions;
+  partnerId?: string;
+  expectedDstAmount: string;
+  creatorAddress?: string;
+  nft?: Nft & { price: string };
+  tournament?: Tournament & { contractAddress: string; entryPriceOrFundAmount: string };
+  payload?: any;
 };
 
 export type UseAnyspendCreateOnrampOrderProps = {
@@ -46,7 +56,7 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError }: UseAnyspend
         nft,
         tournament,
         payload,
-        partnerId,
+        partnerId
       } = params;
 
       try {
@@ -82,7 +92,7 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError }: UseAnyspend
             expectedDstAmount,
             nft,
             tournament,
-            payload,
+            payload
           }),
           onramp,
           metadata: buildMetadata(orderType, {
@@ -92,10 +102,10 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError }: UseAnyspend
             expectedDstAmount,
             nft,
             tournament,
-            payload,
+            payload
           }),
           creatorAddress: creatorAddress ? normalizeAddress(creatorAddress) : undefined,
-          partnerId,
+          partnerId
         });
       } catch (error: any) {
         // If the error has a response with message and statusCode, throw that
@@ -111,14 +121,14 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError }: UseAnyspend
     },
     onError: (error: Error) => {
       onError?.(error);
-    },
+    }
   });
 
   return useMemo(
     () => ({
       createOrder,
-      isCreatingOrder: isPending,
+      isCreatingOrder: isPending
     }),
-    [createOrder, isPending],
+    [createOrder, isPending]
   );
 }

package/src/anyspend/react/hooks/useAnyspendCreateOrder.ts

@@ -1,6 +1,6 @@
 import { anyspendService } from "@b3dotfun/sdk/anyspend/services/anyspend";
 import { Nft, OrderType, Token, Tournament } from "@b3dotfun/sdk/anyspend/types";
-import { buildMetadata, buildPayload, normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
+import { normalizeAddress, buildMetadata, buildPayload } from "@b3dotfun/sdk/anyspend/utils";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
 
@@ -18,7 +18,6 @@ export type CreateOrderParams = {
   tournament?: Tournament & { contractAddress: string; entryPriceOrFundAmount: string };
   creatorAddress?: string;
   payload?: any;
-  partnerId?: string;
 };
 
 export type UseAnyspendCreateOrderProps = {
@@ -43,7 +42,7 @@ export function useAnyspendCreateOrder({ onSuccess, onError }: UseAnyspendCreate
         srcToken,
         dstToken,
         srcAmount,
-        creatorAddress,
+        creatorAddress
       } = params;
 
       try {
@@ -63,7 +62,7 @@ export function useAnyspendCreateOrder({ onSuccess, onError }: UseAnyspendCreate
             expectedDstAmount: params.expectedDstAmount,
             nft: params.nft,
             tournament: params.tournament,
-            payload: params.payload,
+            payload: params.payload
           }),
           metadata: buildMetadata(orderType, {
             orderType,
@@ -72,9 +71,9 @@ export function useAnyspendCreateOrder({ onSuccess, onError }: UseAnyspendCreate
             expectedDstAmount: params.expectedDstAmount,
             nft: params.nft,
             tournament: params.tournament,
-            payload: params.payload,
+            payload: params.payload
           }),
-          creatorAddress: creatorAddress ? normalizeAddress(creatorAddress) : undefined,
+          creatorAddress: creatorAddress ? normalizeAddress(creatorAddress) : undefined
         });
       } catch (error: any) {
         // If the error has a response with message and statusCode, throw that
@@ -90,14 +89,14 @@ export function useAnyspendCreateOrder({ onSuccess, onError }: UseAnyspendCreate
     },
     onError: (error: Error) => {
       onError?.(error);
-    },
+    }
   });
 
   return useMemo(
     () => ({
       createOrder,
-      isCreatingOrder: isPending,
+      isCreatingOrder: isPending
     }),
-    [createOrder, isPending],
+    [createOrder, isPending]
   );
 }

package/src/anyspend/react/hooks/useAnyspendOrderAndTransactions.ts

@@ -21,7 +21,7 @@ export function useAnyspendOrderAndTransactions(isMainnet: boolean, orderId: str
     structuralSharing: (oldData, newData) => {
       if (isEqual(oldData, newData)) return oldData;
       return newData;
-    },
+    }
   });
 
   return useMemo(
@@ -29,8 +29,8 @@ export function useAnyspendOrderAndTransactions(isMainnet: boolean, orderId: str
       orderAndTransactions: data,
       isLoadingOrderAndTransactions: isLoading,
       getOrderAndTransactionsError: error,
-      refetchOrderAndTransactions: refetch,
+      refetchOrderAndTransactions: refetch
     }),
-    [data, error, isLoading, refetch],
+    [data, error, isLoading, refetch]
   );
 }

package/src/anyspend/react/hooks/useAnyspendOrderHistory.ts

@@ -5,25 +5,25 @@ export function useAnyspendOrderHistory(
   isMainnet: boolean,
   creatorAddress: string | undefined,
   limit: number = 100,
-  offset: number = 0,
+  offset: number = 0
 ) {
   const {
     data: rawData = [],
     isLoading,
     refetch,
-    error,
+    error
   } = useQuery({
     queryKey: ["getOrderHistory", creatorAddress, limit, offset],
     queryFn: async () => {
       const response = await anyspendService.getOrderHistory(isMainnet, creatorAddress, limit, offset);
       return response.data;
-    },
+    }
   });
 
   return {
     orderHistory: rawData,
     isLoadingOrderHistory: isLoading,
     getOrderHistoryError: error,
-    refetchOrderHistory: refetch,
+    refetchOrderHistory: refetch
   };
 }

package/src/anyspend/react/hooks/useAnyspendQuote.ts

@@ -21,7 +21,7 @@ import { useMemo } from "react";
  */
 export function useAnyspendQuote(isMainnet: boolean, req: GetQuoteRequest) {
   const { data, isLoading, refetch, error } = useQuery({
-    queryKey: ["useAnyspendQuote", isMainnet, JSON.stringify(req)],
+    queryKey: ["useAnyspendQuote", isMainnet, req],
     queryFn: () => {
       return anyspendService.getQuote(isMainnet, req);
     },
@@ -39,11 +39,11 @@ export function useAnyspendQuote(isMainnet: boolean, req: GetQuoteRequest) {
                 ? req.price
                 : req.type === OrderType.FundTournament
                   ? req.fundAmount
-                  : req.payload.amount,
-        ) !== BigInt(0),
+                  : req.payload.amount
+        ) !== BigInt(0)
     ),
     refetchInterval: 10000,
-    retry: false,
+    retry: false
   });
 
   return useMemo(
@@ -51,8 +51,8 @@ export function useAnyspendQuote(isMainnet: boolean, req: GetQuoteRequest) {
       anyspendQuote: data,
       isLoadingAnyspendQuote: isLoading,
       getAnyspendQuoteError: error,
-      refetchAnyspendQuote: refetch,
+      refetchAnyspendQuote: refetch
     }),
-    [data, error, isLoading, refetch],
+    [data, error, isLoading, refetch]
   );
 }