@b3dotfun/sdk 0.0.7 → 0.0.8

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

@@ -10,12 +10,12 @@ export default function PaymentOneClick({ order }) {
     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 (_jsxs("div", { className: "relative my-8 flex w-full flex-1 flex-col items-center justify-center", children: [_jsx("a", { href: order.oneClickBuyUrl || "", target: "_blank", className: "w-4/5", children: _jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", className: "relative w-full py-6", children: _jsxs("div", { className: "relative z-10 flex items-center justify-center gap-3", children: [_jsxs("span", { className: "text-lg font-medium text-white", children: ["Continue to ", vendorName] }), _jsx(ChevronRight, { className: "h-5 w-5 text-white/90" })] }) }) }), _jsx(HowItWorks, { steps: howItWorksSteps })] }));
 }

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { USDC_BASE, useStripeClientSecret } from "../../../../anyspend/index.js";
+import { USDC_BASE } from "../../../../anyspend/index.js";
+import { useStripeClientSecret } from "../../../../anyspend/react/index.js";
 import { STRIPE_CONFIG } from "../../../../anyspend/constants/index.js";
 import { ShinyButton, useB3 } from "../../../../global-account/react/index.js";
 import { formatStripeAmount } from "../../../../shared/utils/payment.utils.js";
@@ -21,7 +22,7 @@ export default function PaymentStripeWeb2({ isMainnet, order, onPaymentSuccess }
     }
     return (_jsx(Elements, { stripe: stripePromise, options: {
             clientSecret: clientSecret || undefined,
-            appearance: { theme: theme === "light" ? "stripe" : "night" }
+            appearance: { theme: theme === "light" ? "stripe" : "night" },
         }, children: _jsx(StripePaymentForm, { order: order, clientSecret: clientSecret, onPaymentSuccess: onPaymentSuccess }) }));
 }
 function StripeLoadingState() {
@@ -30,7 +31,7 @@ function StripeLoadingState() {
 function StripeErrorState({ error }) {
     return (_jsx("div", { className: "relative my-8 flex w-full flex-1 flex-col items-center justify-center", children: _jsxs("div", { className: "bg-as-red/10 border-as-red/20 flex w-full items-center gap-3 rounded-2xl border p-4", children: [_jsx("div", { className: "bg-as-red flex h-6 w-6 shrink-0 items-center justify-center rounded-full", children: _jsx("svg", { className: "h-4 w-4 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }), _jsxs("div", { className: "text-as-red text-sm font-medium", children: ["Error: ", error] })] }) }));
 }
-function StripePaymentForm({ order, clientSecret, onPaymentSuccess }) {
+function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
     const stripe = useStripe();
     const elements = useElements();
     const [loading, setLoading] = useState(false);
@@ -73,7 +74,7 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess }) {
             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) {
                 console.error("@@stripe-web2-payment:error:", JSON.stringify(error, null, 2));
@@ -107,30 +108,30 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess }) {
         defaultValues: {
             billingDetails: {
                 name: "",
-                email: ""
-            }
+                email: "",
+            },
         },
         fields: {
-            billingDetails: "auto"
+            billingDetails: "auto",
         },
         wallets: {
             applePay: "auto",
-            googlePay: "auto"
-        }
+            googlePay: "auto",
+        },
     };
     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 (_jsxs("div", { className: "relative my-8 flex w-full flex-1 flex-col items-center justify-center", children: [_jsxs("form", { onSubmit: handleSubmit, className: "w-full space-y-6", children: [_jsxs("div", { className: "bg-as-on-surface-1 w-full rounded-2xl p-6", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "bg-as-brand/20 flex h-8 w-8 shrink-0 items-center justify-center rounded-full", children: _jsx("svg", { className: "text-as-brand h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" }) }) }), _jsxs("div", { children: [_jsx("div", { className: "text-as-primary text-sm font-medium", children: "Secured by Stripe" }), _jsx("div", { className: "text-as-primary/50 text-xs", children: "End-to-end encrypted payment" })] })] }), _jsxs("button", { type: "button", onClick: () => setShowHowItWorks(true), className: "text-as-primary/60 hover:text-as-primary flex items-center gap-1 text-xs transition-colors", children: [_jsx(HelpCircle, { className: "h-4 w-4" }), _jsx("span", { children: "How it works" })] })] }), amount && (_jsxs("div", { className: "border-as-stroke border-t pt-4", children: [_jsx("div", { className: "text-as-primary/50 mb-3 text-sm", children: "Payment Breakdown" }), (() => {
                                         const originalAmount = Number(order.srcAmount) / 10 ** USDC_BASE.decimals;

package/dist/esm/anyspend/react/components/common/TokenBalance.d.ts

@@ -1,5 +1,5 @@
 import { Token } from "../../../../anyspend";
-export declare function TokenBalance({ token, walletAddress, onChangeInput }: {
+export declare function TokenBalance({ token, walletAddress, onChangeInput, }: {
     token: Token;
     walletAddress: string | undefined;
     onChangeInput: (value: string) => void;

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTokenBalance } from "../../../../global-account/react/index.js";
 import { formatUnits } from "viem";
-export function TokenBalance({ token, walletAddress, onChangeInput }) {
+export function TokenBalance({ token, walletAddress, onChangeInput, }) {
     const { rawBalance, formattedBalance, isLoading } = useTokenBalance({
         token,
-        address: walletAddress
+        address: walletAddress,
     });
     const handlePercentageClick = (percentage) => {
         if (!rawBalance)

package/dist/esm/anyspend/react/components/common/Warning.d.ts

@@ -0,0 +1,3 @@
+export declare function Warning({ text }: {
+    text: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Warning({ text }) {
+    return (_jsx("div", { className: "bg-as-red/60 relative rounded border border-orange-400 px-4 py-3 text-white", role: "alert", children: _jsx("div", { className: "font-bold", children: text }) }));
+}

package/dist/esm/anyspend/react/components/index.d.ts

@@ -3,8 +3,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";
+export { ChainTokenIcon } from "./common/ChainTokenIcon";
 export { OrderDetails } from "./common/OrderDetails";
 export { OrderHistory } from "./common/OrderHistory";
 export { OrderHistoryItem } from "./common/OrderHistoryItem";

package/dist/esm/anyspend/react/components/index.js

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

package/dist/esm/anyspend/react/components/modals/EnterRecipientModal.d.ts

@@ -1,4 +1,4 @@
-export declare function EnterRecipientModal({ isOpenPasteRecipientAddress, setIsOpenPasteRecipientAddress, recipientAddress, setRecipientAddress }: {
+export declare function EnterRecipientModal({ isOpenPasteRecipientAddress, setIsOpenPasteRecipientAddress, recipientAddress, setRecipientAddress, }: {
     isOpenPasteRecipientAddress: boolean;
     setIsOpenPasteRecipientAddress: (isOpen: boolean) => void;
     recipientAddress: string | undefined;

package/dist/esm/anyspend/react/components/modals/EnterRecipientModal.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
 import { Dialog, DialogContent, Input, ShinyButton } from "../../../../global-account/react/index.js";
-export function EnterRecipientModal({ isOpenPasteRecipientAddress, setIsOpenPasteRecipientAddress, recipientAddress, setRecipientAddress }) {
+import { useEffect, useState } from "react";
+export function EnterRecipientModal({ isOpenPasteRecipientAddress, setIsOpenPasteRecipientAddress, recipientAddress, setRecipientAddress, }) {
     const [modalRecipientAddress, setModalRecipientAddress] = useState(recipientAddress || "");
     useEffect(() => {
         setModalRecipientAddress(recipientAddress || "");

package/dist/esm/anyspend/react/components/webview/WebviewOnrampOrderStatus.js

@@ -10,7 +10,6 @@ export function WebviewOnrampOrderStatus({ order }) {
     const isPending = 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/dist/esm/anyspend/react/components/webview/WebviewOnrampPayment.d.ts

@@ -8,5 +8,5 @@ interface WebviewOnrampPaymentProps {
     onPaymentSuccess: (orderId: string) => void;
     userId?: string;
 }
-export declare function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, partnerId }: WebviewOnrampPaymentProps): import("react/jsx-runtime").JSX.Element;
+export declare function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, partnerId, }: WebviewOnrampPaymentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/anyspend/react/components/webview/WebviewOnrampPayment.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getChainName, OnrampVendor, OrderType, STRIPE_CONFIG, useAnyspendCreateOnrampOrder, useGeoOnrampOptions, useStripeClientSecret } from "../../../../anyspend/index.js";
+import { getChainName, OnrampVendor, OrderType, STRIPE_CONFIG, } from "../../../../anyspend/index.js";
+import { useAnyspendCreateOnrampOrder, useGeoOnrampOptions, useStripeClientSecret } from "../../../../anyspend/react/index.js";
 import centerTruncate from "../../../../shared/utils/centerTruncate.js";
 import { Elements, PaymentElement, useElements, useStripe } from "@stripe/react-stripe-js";
 import { loadStripe } from "@stripe/stripe-js";
@@ -25,7 +26,7 @@ function StripePaymentForm({ order, onPaymentSuccess }) {
         try {
             const { error: submitError } = await stripe.confirmPayment({
                 elements,
-                redirect: "if_required"
+                redirect: "if_required",
             });
             if (submitError) {
                 setError(submitError.message || "An error occurred");
@@ -49,13 +50,13 @@ function StripePaymentForm({ order, onPaymentSuccess }) {
         defaultValues: {
             billingDetails: {
                 name: "",
-                email: ""
-            }
-        }
+                email: "",
+            },
+        },
     };
     return (_jsx("form", { onSubmit: handleSubmit, className: "w-full", children: _jsx("div", { className: "overflow-hidden rounded-xl bg-white", children: _jsxs("div", { className: "px-6 py-4", children: [_jsx("h2", { className: "mb-4 text-lg font-semibold", children: "Payment Details" }), _jsx(PaymentElement, { options: stripeElementOptions }), error && (_jsx("div", { className: "mt-4 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-600", children: error })), _jsx("button", { type: "submit", disabled: !stripe || isProcessing, className: "mt-6 w-full rounded-xl bg-blue-600 px-4 py-3 font-medium text-white hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50", children: isProcessing ? (_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsx(Loader2, { className: "h-5 w-5 animate-spin" }), _jsx("span", { children: "Processing..." })] })) : (_jsx("span", { children: "Complete Payment" })) })] }) }) }));
 }
-export function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, partnerId }) {
+export function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, partnerId, }) {
     const [stableAmountForGeo, setStableAmountForGeo] = useState(srcAmountOnRamp);
     const hasInitialized = useRef(false);
     const [createdOrder, setCreatedOrder] = useState(null);
@@ -67,7 +68,7 @@ export function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destin
             hasInitialized.current = true;
         }
     }, [srcAmountOnRamp]);
-    const { geoData, isStripeWeb2Supported, isLoading: isLoadingGeoOnramp } = useGeoOnrampOptions(true, stableAmountForGeo);
+    const { geoData, isStripeWeb2Supported, isLoading: isLoadingGeoOnramp, } = useGeoOnrampOptions(true, stableAmountForGeo);
     const { createOrder, isCreatingOrder } = useAnyspendCreateOnrampOrder({
         onSuccess: data => {
             const orderId = data.data.id;
@@ -76,7 +77,7 @@ export function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destin
         onError: error => {
             console.error(error);
             toast.error("Failed to create order: " + error.message);
-        }
+        },
     });
     const { clientSecret, isLoadingStripeClientSecret } = useStripeClientSecret(true, createdOrder?.stripePaymentIntentId || "");
     // Create order when component mounts and all required data is available
@@ -95,7 +96,7 @@ export function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destin
                         return {
                             ...destinationToken,
                             chainId: destinationToken.chainId,
-                            address: destinationToken.address
+                            address: destinationToken.address,
                         };
                     };
                     createOrder({
@@ -110,10 +111,10 @@ export function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destin
                             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) {
@@ -132,7 +133,7 @@ export function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destin
         createOrder,
         destinationToken,
         userId,
-        partnerId
+        partnerId,
     ]);
     // Check if all required data is loaded
     const isLoading = isLoadingGeoOnramp || !anyspendQuote || !destinationToken.metadata?.logoURI;
@@ -155,9 +156,9 @@ export function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destin
                             variables: {
                                 colorPrimary: "#2563eb",
                                 colorBackground: "#ffffff",
-                                borderRadius: "12px"
-                            }
-                        }
+                                borderRadius: "12px",
+                            },
+                        },
                     }, children: _jsx(StripePaymentForm, { order: createdOrder, onPaymentSuccess: onPaymentSuccess }) })] }));
     }
     // Show initial order summary while waiting for order creation

package/dist/esm/anyspend/react/hooks/index.d.ts

@@ -3,11 +3,10 @@ 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 "./usePermitData";
+export * from "./useSigMint";
 export * from "./useStripeClientSecret";
 export * from "./useStripeSupport";

package/dist/esm/anyspend/react/hooks/index.js

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

package/dist/esm/anyspend/react/hooks/useAnyspendCreateOnrampOrder.d.ts

@@ -1,4 +1,5 @@
-import { Nft, OnrampVendor, OrderType, Token, Tournament } from "../../../anyspend/types";
+import { OnrampVendor } from "../../../anyspend/types";
+import { CreateOrderParams } from "./useAnyspendCreateOrder";
 export type OnrampOptions = {
     vendor: OnrampVendor;
     paymentMethod: string;
@@ -6,25 +7,9 @@ export type OnrampOptions = {
     redirectUrl: string;
     ipAddress?: string;
 };
-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 = {
     onSuccess?: (data: any) => void;

package/dist/esm/anyspend/react/hooks/useAnyspendCreateOnrampOrder.js

@@ -12,7 +12,7 @@ import { base } from "viem/chains";
 export function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
     const { mutate: createOrder, isPending } = useMutation({
         mutationFn: async (params) => {
-            const { isMainnet, recipientAddress, orderType, dstChain, dstToken, srcFiatAmount, onramp, creatorAddress, expectedDstAmount, nft, tournament, payload, partnerId } = params;
+            const { isMainnet, recipientAddress, orderType, dstChain, dstToken, srcFiatAmount, onramp, creatorAddress, expectedDstAmount, nft, tournament, payload, partnerId, } = params;
             try {
                 // Validate Stripe onramp options
                 if (onramp.vendor === "stripe" && !onramp.ipAddress) {
@@ -42,7 +42,7 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
                         expectedDstAmount,
                         nft,
                         tournament,
-                        payload
+                        payload,
                     }),
                     onramp,
                     metadata: buildMetadata(orderType, {
@@ -52,10 +52,10 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
                         expectedDstAmount,
                         nft,
                         tournament,
-                        payload
+                        payload,
                     }),
                     creatorAddress: creatorAddress ? normalizeAddress(creatorAddress) : undefined,
-                    partnerId
+                    partnerId,
                 });
             }
             catch (error) {
@@ -72,10 +72,10 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
         },
         onError: (error) => {
             onError?.(error);
-        }
+        },
     });
     return useMemo(() => ({
         createOrder,
-        isCreatingOrder: isPending
+        isCreatingOrder: isPending,
     }), [createOrder, isPending]);
 }

package/dist/esm/anyspend/react/hooks/useAnyspendCreateOrder.d.ts

@@ -18,6 +18,7 @@ export type CreateOrderParams = {
     };
     creatorAddress?: string;
     payload?: any;
+    partnerId?: string;
 };
 export type UseAnyspendCreateOrderProps = {
     onSuccess?: (data: any) => void;

package/dist/esm/anyspend/react/hooks/useAnyspendCreateOrder.js

@@ -1,5 +1,5 @@
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
-import { normalizeAddress, buildMetadata, buildPayload } from "../../../anyspend/utils/index.js";
+import { buildMetadata, buildPayload, normalizeAddress } from "../../../anyspend/utils/index.js";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
 /**
@@ -10,7 +10,7 @@ import { useMemo } from "react";
 export function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
     const { mutate: createOrder, isPending } = useMutation({
         mutationFn: async (params) => {
-            const { isMainnet, recipientAddress, orderType, srcChain, dstChain, srcToken, dstToken, srcAmount, creatorAddress } = params;
+            const { isMainnet, recipientAddress, orderType, srcChain, dstChain, srcToken, dstToken, srcAmount, creatorAddress, } = params;
             try {
                 return await anyspendService.createOrder({
                     isMainnet,
@@ -28,7 +28,7 @@ export function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
                         expectedDstAmount: params.expectedDstAmount,
                         nft: params.nft,
                         tournament: params.tournament,
-                        payload: params.payload
+                        payload: params.payload,
                     }),
                     metadata: buildMetadata(orderType, {
                         orderType,
@@ -37,9 +37,9 @@ export function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
                         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) {
@@ -56,10 +56,10 @@ export function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
         },
         onError: (error) => {
             onError?.(error);
-        }
+        },
     });
     return useMemo(() => ({
         createOrder,
-        isCreatingOrder: isPending
+        isCreatingOrder: isPending,
     }), [createOrder, isPending]);
 }