@b3dotfun/sdk 0.0.87-alpha.0 → 0.0.87-alpha.2

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

@@ -24,7 +24,7 @@ export var PanelView;
     PanelView[PanelView["FEE_DETAIL"] = 7] = "FEE_DETAIL";
 })(PanelView || (PanelView = {}));
 // This hook serves for order hype_duel and custom_exact_in
-export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, isDepositMode = false, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage = 0, disableUrlParamManagement = false, orderType = "hype_duel", }) {
+export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage = 0, disableUrlParamManagement = false, orderType = "hype_duel", }) {
     const searchParams = useSearchParamsSSR();
     const router = useRouter();
     // Panel and order state
@@ -131,16 +131,40 @@ export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, load
     // For fiat payments, always use USDC decimals (6) regardless of selectedSrcToken
     const effectiveDecimals = paymentType === "fiat" ? USDC_BASE.decimals : selectedSrcToken.decimals;
     const activeInputAmountInWei = parseUnits(srcAmount.replace(/,/g, ""), effectiveDecimals).toString();
-    const { anyspendQuote, isLoadingAnyspendQuote, getAnyspendQuoteError } = useAnyspendQuote({
-        srcChain: paymentType === "fiat" ? base.id : selectedSrcChainId,
-        dstChain: isDepositMode ? base.id : selectedDstChainId, // For deposits, always Base; for swaps, use selected destination
-        srcTokenAddress: paymentType === "fiat" ? USDC_BASE.address : selectedSrcToken.address,
-        dstTokenAddress: selectedDstToken.address,
-        type: orderType,
-        amount: activeInputAmountInWei,
-        recipientAddress: effectiveRecipientAddress,
-        onrampVendor: paymentType === "fiat" ? getOnrampVendor(selectedFiatPaymentMethod) : undefined,
-    });
+    // Build quote request based on order type
+    const quoteRequest = (() => {
+        const baseParams = {
+            srcChain: paymentType === "fiat" ? base.id : selectedSrcChainId,
+            dstChain: selectedDstChainId ?? base.id,
+            srcTokenAddress: paymentType === "fiat" ? USDC_BASE.address : selectedSrcToken.address,
+            dstTokenAddress: selectedDstToken.address,
+            recipientAddress: effectiveRecipientAddress,
+            onrampVendor: paymentType === "fiat" ? getOnrampVendor(selectedFiatPaymentMethod) : undefined,
+        };
+        if (orderType === "swap") {
+            return {
+                ...baseParams,
+                type: "swap",
+                tradeType: "EXACT_INPUT",
+                amount: activeInputAmountInWei,
+            };
+        }
+        else if (orderType === "hype_duel") {
+            return {
+                ...baseParams,
+                type: "hype_duel",
+                amount: activeInputAmountInWei,
+            };
+        }
+        else {
+            return {
+                ...baseParams,
+                type: "custom_exact_in",
+                amount: activeInputAmountInWei,
+            };
+        }
+    })();
+    const { anyspendQuote, isLoadingAnyspendQuote, getAnyspendQuoteError } = useAnyspendQuote(quoteRequest);
     // Get geo options for fiat
     const { geoData, coinbaseAvailablePaymentMethods, stripeWeb2Support } = useGeoOnrampOptions(paymentType === "fiat" ? formatUnits(activeInputAmountInWei, USDC_BASE.decimals) : "0");
     // Update destination amount when quote changes

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

@@ -0,0 +1,24 @@
+import { components } from "../../../anyspend/types/api";
+import { DepositContractConfig } from "../components/AnySpendDeposit";
+export type CreateDepositFirstOrderParams = {
+    recipientAddress: string;
+    srcChain: number;
+    dstChain: number;
+    srcToken: components["schemas"]["Token"];
+    dstToken: components["schemas"]["Token"];
+    creatorAddress?: string;
+    /** Optional contract config for custom execution after deposit */
+    contractConfig?: DepositContractConfig;
+};
+export type UseCreateDepositFirstOrderProps = {
+    onSuccess?: (data: any) => void;
+    onError?: (error: Error) => void;
+};
+/**
+ * Hook for creating deposit_first orders in the Anyspend protocol.
+ * This order type doesn't require srcAmount - the user deposits tokens after the order is created.
+ */
+export declare function useCreateDepositFirstOrder({ onSuccess, onError }?: UseCreateDepositFirstOrderProps): {
+    createOrder: import("@tanstack/react-query").UseMutateFunction<any, Error, CreateDepositFirstOrderParams, unknown>;
+    isCreatingOrder: boolean;
+};

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

@@ -0,0 +1,83 @@
+import { anyspendService } from "../../../anyspend/services/anyspend.js";
+import { normalizeAddress } from "../../../anyspend/utils/index.js";
+import { useB3 } from "../../../global-account/react/index.js";
+import { useVisitorData } from "@fingerprintjs/fingerprintjs-pro-react";
+import { useMutation } from "@tanstack/react-query";
+import { useMemo } from "react";
+/**
+ * Hook for creating deposit_first orders in the Anyspend protocol.
+ * This order type doesn't require srcAmount - the user deposits tokens after the order is created.
+ */
+export function useCreateDepositFirstOrder({ onSuccess, onError } = {}) {
+    const { partnerId } = useB3();
+    const { data: fpData } = useVisitorData({ extendedResult: true }, { immediate: true });
+    const visitorData = fpData && {
+        requestId: fpData.requestId,
+        visitorId: fpData.visitorId,
+    };
+    const { mutate: createOrder, isPending } = useMutation({
+        mutationFn: async (params) => {
+            const { recipientAddress, srcChain, dstChain, srcToken, dstToken, creatorAddress, contractConfig } = params;
+            // Build payload based on whether we have a contract config
+            const payload = contractConfig
+                ? {
+                    functionAbi: contractConfig.functionAbi,
+                    functionName: contractConfig.functionName,
+                    functionArgs: contractConfig.functionArgs,
+                    to: normalizeAddress(contractConfig.to),
+                    spenderAddress: contractConfig.spenderAddress ? normalizeAddress(contractConfig.spenderAddress) : undefined,
+                    action: contractConfig.action,
+                }
+                : {};
+            try {
+                return await anyspendService.createOrder({
+                    recipientAddress: normalizeAddress(recipientAddress),
+                    type: "deposit_first",
+                    srcChain,
+                    dstChain,
+                    srcTokenAddress: normalizeAddress(srcToken.address),
+                    dstTokenAddress: normalizeAddress(dstToken.address),
+                    srcAmount: "", // Not required for deposit_first
+                    payload,
+                    metadata: {
+                        srcToken: {
+                            chainId: srcToken.chainId,
+                            address: srcToken.address,
+                            symbol: srcToken.symbol,
+                            name: srcToken.name,
+                            decimals: srcToken.decimals,
+                            metadata: srcToken.metadata || {},
+                        },
+                        dstToken: {
+                            chainId: dstToken.chainId,
+                            address: dstToken.address,
+                            symbol: dstToken.symbol,
+                            name: dstToken.name,
+                            decimals: dstToken.decimals,
+                            metadata: dstToken.metadata || {},
+                        },
+                    },
+                    creatorAddress: creatorAddress ? normalizeAddress(creatorAddress) : undefined,
+                    partnerId,
+                    visitorData,
+                });
+            }
+            catch (error) {
+                if (error?.data) {
+                    throw error.data;
+                }
+                throw error;
+            }
+        },
+        onSuccess: (data) => {
+            onSuccess?.(data);
+        },
+        onError: (error) => {
+            onError?.(error);
+        },
+    });
+    return useMemo(() => ({
+        createOrder,
+        isCreatingOrder: isPending,
+    }), [createOrder, isPending]);
+}

package/dist/esm/anyspend/utils/format.js

@@ -1,10 +1,22 @@
+import { formatTokenAmount } from "../../shared/utils/number.js";
 export const getStatusDisplay = (order) => {
+    const srcToken = order.metadata?.srcToken;
+    const dstToken = order.metadata?.dstToken;
+    const formattedSrcAmount = srcToken ? formatTokenAmount(BigInt(order.srcAmount), srcToken.decimals) : undefined;
+    const actualDstAmount = order.settlement?.actualDstAmount;
+    const formattedActualDstAmount = actualDstAmount && dstToken ? formatTokenAmount(BigInt(actualDstAmount), dstToken.decimals) : undefined;
     switch (order.status) {
-        case "scanning_deposit_transaction":
+        case "scanning_deposit_transaction": {
+            const depositText = formattedSrcAmount && srcToken
+                ? `Awaiting ${formattedSrcAmount} ${srcToken.symbol}`
+                : order.onrampMetadata
+                    ? "Awaiting Payment"
+                    : "Awaiting Deposit";
             return {
-                text: order.onrampMetadata ? "Awaiting Payment" : "Awaiting Deposit",
+                text: depositText,
                 status: "processing",
             };
+        }
         case "waiting_stripe_payment":
             return {
                 text: "Awaiting Payment",
@@ -27,15 +39,16 @@ export const getStatusDisplay = (order) => {
                 description: "It will take approximately one minute to complete.",
             };
         case "executed": {
+            const receivedText = formattedActualDstAmount && dstToken ? `Received ${formattedActualDstAmount} ${dstToken.symbol}` : undefined;
             const { text, description } = order.type === "swap"
-                ? { text: "Swap Complete", description: "Your swap has been completed successfully." }
+                ? { text: receivedText || "Swap Complete", description: "Your swap has been completed successfully." }
                 : order.type === "mint_nft"
                     ? { text: "NFT Minted", description: "Your NFT has been minted" }
                     : order.type === "join_tournament"
                         ? { text: "Tournament Joined", description: "You have joined the tournament" }
                         : order.type === "fund_tournament"
                             ? { text: "Tournament Funded", description: "You have funded the tournament" }
-                            : { text: "Order Complete", description: "Your order has been completed" };
+                            : { text: receivedText || "Order Complete", description: "Your order has been completed" };
             return { text, status: "success", description };
         }
         case "refunding":
@@ -48,8 +61,18 @@ export const getStatusDisplay = (order) => {
                 status: "failure",
                 description: "This order has failed. Please try again or contact support.",
             };
+        case "quoting_after_deposit": {
+            return {
+                text: "Quoting After Deposit",
+                status: "processing",
+                description: "Getting quote for the order",
+            };
+        }
         default:
-            throw new Error("Invalid order status");
+            return {
+                text: order.status,
+                status: "processing",
+            };
     }
 };
 export const getErrorDisplay = (errorDetails) => {

package/dist/esm/global-account/react/stores/useModalStore.d.ts

@@ -144,6 +144,10 @@ export interface AnySpendModalProps extends BaseModalProps {
     customUsdInputValues?: string[];
     /** Client-provided reference ID for tracking orders */
     clientReferenceId?: string;
+    /** Whether to hide the header */
+    hideHeader?: boolean;
+    /** When true, disables URL parameter management for swap configuration */
+    disableUrlParamManagement?: boolean;
 }
 /**
  * Props for the AnySpend NFT modal