@b3dotfun/sdk 0.0.7-alpha.2 → 0.0.7-alpha.21

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

@@ -18,7 +18,7 @@ export function OrderToken({
   token,
   setToken,
   requiredAmount,
-  tokenSelectClassName
+  tokenSelectClassName,
 }: {
   context: "from" | "to";
   address: string | undefined;
@@ -36,7 +36,7 @@ export function OrderToken({
   const { nativeTokens, fungibleTokens } = useTokenBalancesByChain({
     address: wallet?.address || "",
     chainsIds: [chainId],
-    enabled: !!wallet?.address && !!chainName
+    enabled: !!wallet?.address && !!chainName,
   });
 
   const { formattedBalance, hasEnoughBalance } = useMemo(() => {
@@ -61,7 +61,7 @@ export function OrderToken({
 
     return {
       formattedBalance,
-      hasEnoughBalance
+      hasEnoughBalance,
     };
   }, [chainId, fungibleTokens, nativeTokens, requiredAmount, token, wallet?.address]);
 
@@ -86,7 +86,7 @@ export function OrderToken({
           decimals: token.decimals,
           metadata: { logoURI: token.logoURI },
           name: token.name,
-          symbol: token.symbol
+          symbol: token.symbol,
         });
       }}
       supportedWalletVMs={["evm", "svm"]}
@@ -97,7 +97,7 @@ export function OrderToken({
           role="combobox"
           className={cn(
             "bg-b3-react-background border-as-stroke flex h-auto w-fit shrink-0 items-center justify-center gap-2 rounded-xl border-2 px-2 py-1 pr-2 text-center",
-            tokenSelectClassName
+            tokenSelectClassName,
           )}
         >
           {token.metadata.logoURI ? (

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

@@ -25,7 +25,7 @@ export function OrderTokenAmount({
   className,
   innerClassName,
   amountClassName,
-  tokenSelectClassName
+  tokenSelectClassName,
 }: {
   disabled?: boolean;
   inputValue: string;
@@ -76,7 +76,7 @@ export function OrderTokenAmount({
       decimals: newToken.decimals,
       metadata: { logoURI: newToken.logoURI },
       name: newToken.name,
-      symbol: newToken.symbol
+      symbol: newToken.symbol,
     });
 
     // If this is the source token, reset the amount immediately
@@ -109,7 +109,7 @@ export function OrderTokenAmount({
             spellCheck="false"
             className={cn(
               "placeholder:text-as-primary/70 disabled:text-as-primary/70 text-as-primary w-full bg-transparent text-4xl font-semibold leading-[42px] outline-none sm:text-[30px]",
-              amountClassName
+              amountClassName,
             )}
             pattern="^[0-9]*[.,]?[0-9]*$"
             disabled={disabled}
@@ -141,7 +141,7 @@ export function OrderTokenAmount({
                 role="combobox"
                 className={cn(
                   "bg-b3-react-background border-as-stroke flex h-auto w-fit shrink-0 items-center justify-center gap-2 rounded-xl border-2 px-2 py-1 pr-2 text-center",
-                  tokenSelectClassName
+                  tokenSelectClassName,
                 )}
               >
                 {token.metadata.logoURI ? (

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

@@ -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

@@ -6,7 +6,7 @@ import {
   Token,
   Tournament,
   useAnyspendCreateOnrampOrder,
-  useGeoOnrampOptions
+  useGeoOnrampOptions,
 } from "@b3dotfun/sdk/anyspend";
 import { Button } from "@b3dotfun/sdk/global-account/react";
 import centerTruncate from "@b3dotfun/sdk/shared/utils/centerTruncate";
@@ -57,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);
@@ -77,7 +77,7 @@ export function PanelOnrampPayment({
     coinbaseAvailablePaymentMethods,
     isStripeOnrampSupported,
     isStripeWeb2Supported,
-    isLoading: isLoadingGeoOnramp
+    isLoading: isLoadingGeoOnramp,
   } = useGeoOnrampOptions(isMainnet, stableAmountForGeo);
 
   const { createOrder, isCreatingOrder } = useAnyspendCreateOnrampOrder({
@@ -88,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) => {
@@ -129,7 +129,7 @@ export function PanelOnrampPayment({
           return {
             ...selectedDstToken,
             chainId: destinationTokenChainId || selectedDstChainId,
-            address: destinationTokenAddress
+            address: destinationTokenAddress,
           };
         }
         return selectedDstToken;
@@ -148,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);
@@ -175,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

@@ -22,7 +22,7 @@ export default function PaymentStripeWeb2({ isMainnet, order, onPaymentSuccess }
 
   const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = useStripeClientSecret(
     isMainnet,
-    order.stripePaymentIntentId!
+    order.stripePaymentIntentId!,
   );
 
   if (isLoadingStripeClientSecret) {
@@ -38,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} />
@@ -80,7 +80,7 @@ function StripeErrorState({ error }: { error: string }) {
 function StripePaymentForm({
   order,
   clientSecret,
-  onPaymentSuccess
+  onPaymentSuccess,
 }: {
   order: Order;
   clientSecret: string | null;
@@ -135,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) {
@@ -144,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);
@@ -174,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,10 +4,12 @@ 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 { useEffect, useState } from "react";
 import { Dialog, DialogContent, Input, ShinyButton } from "@b3dotfun/sdk/global-account/react";
+import { useEffect, useState } from "react";
 
 export function EnterRecipientModal({
   isOpenPasteRecipientAddress,
   setIsOpenPasteRecipientAddress,
   recipientAddress,
-  setRecipientAddress
+  setRecipientAddress,
 }: {
   isOpenPasteRecipientAddress: boolean;
   setIsOpenPasteRecipientAddress: (isOpen: boolean) => void;

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

@@ -8,7 +8,7 @@ import {
   Token,
   useAnyspendCreateOnrampOrder,
   useGeoOnrampOptions,
-  useStripeClientSecret
+  useStripeClientSecret,
 } from "@b3dotfun/sdk/anyspend";
 import centerTruncate from "@b3dotfun/sdk/shared/utils/centerTruncate";
 import { Elements, PaymentElement, useElements, useStripe } from "@stripe/react-stripe-js";
@@ -51,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) {
@@ -74,9 +74,9 @@ function StripePaymentForm({ order, onPaymentSuccess }: { order: Order; onPaymen
     defaultValues: {
       billingDetails: {
         name: "",
-        email: ""
-      }
-    }
+        email: "",
+      },
+    },
   };
 
   return (
@@ -117,7 +117,7 @@ export function WebviewOnrampPayment({
   anyspendQuote,
   onPaymentSuccess,
   userId,
-  partnerId
+  partnerId,
 }: WebviewOnrampPaymentProps) {
   const [stableAmountForGeo, setStableAmountForGeo] = useState(srcAmountOnRamp);
   const hasInitialized = useRef(false);
@@ -135,7 +135,7 @@ export function WebviewOnrampPayment({
   const {
     geoData,
     isStripeWeb2Supported,
-    isLoading: isLoadingGeoOnramp
+    isLoading: isLoadingGeoOnramp,
   } = useGeoOnrampOptions(true, stableAmountForGeo);
 
   const { createOrder, isCreatingOrder } = useAnyspendCreateOnrampOrder({
@@ -146,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
@@ -173,7 +173,7 @@ export function WebviewOnrampPayment({
             return {
               ...destinationToken,
               chainId: destinationToken.chainId,
-              address: destinationToken.address
+              address: destinationToken.address,
             };
           };
 
@@ -189,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);
@@ -211,7 +211,7 @@ export function WebviewOnrampPayment({
     createOrder,
     destinationToken,
     userId,
-    partnerId
+    partnerId,
   ]);
 
   // Check if all required data is loaded
@@ -256,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}
@@ -297,9 +297,9 @@ export function WebviewOnrampPayment({
               variables: {
                 colorPrimary: "#2563eb",
                 colorBackground: "#ffffff",
-                borderRadius: "12px"
-              }
-            }
+                borderRadius: "12px",
+              },
+            },
           }}
         >
           <StripePaymentForm order={createdOrder} onPaymentSuccess={onPaymentSuccess} />
@@ -334,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

@@ -9,5 +9,6 @@ export * from "./useCoinbaseOnrampOptions";
 export * from "./useGeoOnrampOptions";
 export * from "./useGetGeo";
 export * from "./usePermitData";
+export * from "./useSigMint";
 export * from "./useStripeClientSecret";
 export * from "./useStripeSupport";

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

@@ -1,11 +1,12 @@
 import { USDC_BASE } from "@b3dotfun/sdk/anyspend/constants";
 import { anyspendService } from "@b3dotfun/sdk/anyspend/services/anyspend";
-import { Nft, OnrampVendor, OrderType, Token, Tournament } from "@b3dotfun/sdk/anyspend/types";
+import { OnrampVendor } 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;
@@ -15,20 +16,9 @@ export type OnrampOptions = {
   ipAddress?: string; // Required for Stripe
 };
 
-export type CreateOnrampOrderParams = {
-  isMainnet: boolean;
-  recipientAddress: string;
-  orderType: OrderType;
-  dstChain: number;
-  dstToken: Token;
+export type CreateOnrampOrderParams = Omit<CreateOrderParams, "srcChain" | "srcToken" | "srcAmount"> & {
   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 = {
@@ -56,7 +46,7 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError }: UseAnyspend
         nft,
         tournament,
         payload,
-        partnerId
+        partnerId,
       } = params;
 
       try {
@@ -92,7 +82,7 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError }: UseAnyspend
             expectedDstAmount,
             nft,
             tournament,
-            payload
+            payload,
           }),
           onramp,
           metadata: buildMetadata(orderType, {
@@ -102,10 +92,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
@@ -121,14 +111,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 { normalizeAddress, buildMetadata, buildPayload } from "@b3dotfun/sdk/anyspend/utils";
+import { buildMetadata, buildPayload, normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
 
@@ -18,6 +18,7 @@ export type CreateOrderParams = {
   tournament?: Tournament & { contractAddress: string; entryPriceOrFundAmount: string };
   creatorAddress?: string;
   payload?: any;
+  partnerId?: string;
 };
 
 export type UseAnyspendCreateOrderProps = {
@@ -42,7 +43,7 @@ export function useAnyspendCreateOrder({ onSuccess, onError }: UseAnyspendCreate
         srcToken,
         dstToken,
         srcAmount,
-        creatorAddress
+        creatorAddress,
       } = params;
 
       try {
@@ -62,7 +63,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,
@@ -71,9 +72,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
@@ -89,14 +90,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,
   };
 }