@b3dotfun/sdk 0.0.13 → 0.0.14-alpha.2

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

@@ -0,0 +1,36 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { FingerprintJSPro, FpjsProvider } from "@fingerprintjs/fingerprintjs-pro-react";
+/**
+ * Internal wrapper that only initializes FingerprintJS when AnySpend components are actually used.
+ * This prevents unnecessary fingerprinting of users who don't interact with AnySpend.
+ */
+export function AnySpendFingerprintWrapper({ children, fingerprint }) {
+    // If no fingerprint config is provided, render children without fingerprinting
+    if (!fingerprint?.apiKey) {
+        console.warn("No Fingerprint API key provided. Fingerprinting will be disabled.");
+        return _jsx(_Fragment, { children: children });
+    }
+    // Ensure endpoint has https:// prefix
+    const endpoint = fingerprint.endpoint && !fingerprint.endpoint.startsWith("http")
+        ? `https://${fingerprint.endpoint}`
+        : fingerprint.endpoint;
+    return (_jsx(FpjsProvider, { loadOptions: {
+            apiKey: fingerprint.apiKey,
+            endpoint: endpoint ? [endpoint, FingerprintJSPro.defaultEndpoint] : undefined,
+            scriptUrlPattern: fingerprint.scriptUrlPattern
+                ? [fingerprint.scriptUrlPattern, FingerprintJSPro.defaultScriptUrlPattern]
+                : undefined,
+        }, children: children }));
+}
+// Helper function to get fingerprint config from environment variables
+export function getFingerprintConfig() {
+    const apiKey = process.env.NEXT_PUBLIC_FINGERPRINT_API_KEY;
+    if (!apiKey) {
+        return undefined;
+    }
+    return {
+        apiKey,
+        endpoint: process.env.NEXT_PUBLIC_FINGERPRINT_ENDPOINT,
+        scriptUrlPattern: process.env.NEXT_PUBLIC_FINGERPRINT_SCRIPT_URL,
+    };
+}

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

@@ -26,5 +26,5 @@ interface PanelOnrampPaymentProps {
     recipientEnsName?: string;
     recipientImageUrl?: string;
 }
-export declare function PanelOnrampPayment({ srcAmountOnRamp, recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationTokenAddress, selectedDstChainId, selectedDstToken, anyspendQuote, globalAddress, onOrderCreated, onBack, orderType, nft, tournament, payload, recipientEnsName, recipientImageUrl, }: PanelOnrampPaymentProps): import("react/jsx-runtime").JSX.Element;
+export declare function PanelOnrampPayment(props: PanelOnrampPaymentProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -7,9 +7,13 @@ import invariant from "invariant";
 import { ChevronLeft, ChevronRight, Landmark, Loader2 } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { toast } from "sonner";
-export function PanelOnrampPayment({ srcAmountOnRamp, 
-// recipientName,
-recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationTokenAddress, selectedDstChainId, selectedDstToken, anyspendQuote, globalAddress, onOrderCreated, onBack, orderType, nft, tournament, payload, recipientEnsName, recipientImageUrl, }) {
+import { AnySpendFingerprintWrapper, getFingerprintConfig } from "../AnySpendFingerprintWrapper.js";
+export function PanelOnrampPayment(props) {
+    const fingerprintConfig = getFingerprintConfig();
+    return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(PanelOnrampPaymentInner, { ...props }) }));
+}
+function PanelOnrampPaymentInner(props) {
+    const { srcAmountOnRamp, recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationTokenAddress, selectedDstChainId, selectedDstToken, anyspendQuote, globalAddress, onOrderCreated, onBack, orderType, nft, tournament, payload, recipientEnsName, recipientImageUrl, } = props;
     // Use a stable amount for geo onramp options to prevent unnecessary refetches
     const [stableAmountForGeo, setStableAmountForGeo] = useState(srcAmountOnRamp);
     const hasInitialized = useRef(false);
@@ -21,6 +25,7 @@ recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationToke
         }
     }, [srcAmountOnRamp]);
     const { geoData, coinbaseOnrampOptions, coinbaseAvailablePaymentMethods, isStripeOnrampSupported, isStripeWeb2Supported, isLoading: isLoadingGeoOnramp, } = useGeoOnrampOptions(isMainnet, stableAmountForGeo);
+    const isLoading = isLoadingGeoOnramp;
     const { createOrder, isCreatingOrder } = useAnyspendCreateOnrampOrder({
         onSuccess: data => {
             const orderId = data.data.id;
@@ -104,7 +109,7 @@ recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationToke
                                                 ? "Receive NFT at"
                                                 : orderType === "join_tournament"
                                                     ? "Join for"
-                                                    : "Recipient" }), _jsxs("div", { className: "flex items-center gap-2", children: [recipientImageUrl && (_jsx("img", { src: recipientImageUrl, alt: recipientImageUrl, className: "bg-b3-react-foreground size-7 rounded-full object-cover opacity-100" })), _jsxs("div", { className: "flex flex-col items-end gap-1", children: [recipientEnsName && _jsxs("span", { className: "text-b3-react-foreground/80", children: ["@", recipientEnsName] }), _jsx("span", { className: "text-b3-react-foreground/80", children: centerTruncate(recipientAddress) })] })] })] })), _jsx("div", { className: "border-b3-react-border border-t pt-3", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-b3-react-foreground font-semibold", children: "Amount" }), _jsxs("p", { className: "text-b3-react-foreground hover:text-b3-react-foreground/80 cursor-pointer text-xl font-semibold transition-colors", onClick: onBack, children: ["$", parseFloat(srcAmountOnRamp).toFixed(2)] })] }) })] })] }), isCreatingOrder ? (_jsxs("div", { className: "bg-b3-react-background border-b3-react-border flex items-center justify-center gap-3 rounded-lg border p-6", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), _jsx("span", { className: "text-as-primary/70", children: "Creating onramp order..." })] })) : isLoadingGeoOnramp ? (_jsxs("div", { className: "bg-b3-react-background border-b3-react-border flex items-center justify-center gap-3 rounded-lg border p-6", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), _jsx("span", { className: "text-as-primary/70", children: "Loading payment options..." })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-3 flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-semibold", children: "Payment method" }), _jsx("div", { className: "flex items-center gap-1", children: coinbaseAvailablePaymentMethods.length > 0 &&
+                                                    : "Recipient" }), _jsxs("div", { className: "flex items-center gap-2", children: [recipientImageUrl && (_jsx("img", { src: recipientImageUrl, alt: recipientImageUrl, className: "bg-b3-react-foreground size-7 rounded-full object-cover opacity-100" })), _jsxs("div", { className: "flex flex-col items-end gap-1", children: [recipientEnsName && _jsxs("span", { className: "text-b3-react-foreground/80", children: ["@", recipientEnsName] }), _jsx("span", { className: "text-b3-react-foreground/80", children: centerTruncate(recipientAddress) })] })] })] })), _jsx("div", { className: "border-b3-react-border border-t pt-3", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-b3-react-foreground font-semibold", children: "Amount" }), _jsxs("p", { className: "text-b3-react-foreground hover:text-b3-react-foreground/80 cursor-pointer text-xl font-semibold transition-colors", onClick: onBack, children: ["$", parseFloat(srcAmountOnRamp).toFixed(2)] })] }) })] })] }), isCreatingOrder ? (_jsxs("div", { className: "bg-b3-react-background border-b3-react-border flex items-center justify-center gap-3 rounded-lg border p-6", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), _jsx("span", { className: "text-as-primary/70", children: "Creating onramp order..." })] })) : isLoading ? (_jsxs("div", { className: "bg-b3-react-background border-b3-react-border flex items-center justify-center gap-3 rounded-lg border p-6", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), _jsx("span", { className: "text-as-primary/70", children: "Loading payment options..." })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-3 flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-semibold", children: "Payment method" }), _jsx("div", { className: "flex items-center gap-1", children: coinbaseAvailablePaymentMethods.length > 0 &&
                                     (() => {
                                         const hasCard = coinbaseAvailablePaymentMethods.some(m => m.id === "CARD");
                                         const hasApplePay = coinbaseAvailablePaymentMethods.some(m => m.id === "APPLE_PAY");

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

@@ -8,11 +8,13 @@ import { AddressElement, Elements, PaymentElement, useElements, useStripe } from
 import { loadStripe } from "@stripe/stripe-js";
 import { HelpCircle, Info, X } from "lucide-react";
 import { useEffect, useState } from "react";
+import { AnySpendFingerprintWrapper, getFingerprintConfig } from "../AnySpendFingerprintWrapper.js";
 import HowItWorks from "./HowItWorks.js";
 import PaymentMethodIcons from "./PaymentMethodIcons.js";
 const stripePromise = loadStripe(STRIPE_CONFIG.publishableKey);
 export default function PaymentStripeWeb2({ isMainnet, order, onPaymentSuccess }) {
     const { theme } = useB3();
+    const fingerprintConfig = getFingerprintConfig();
     const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = useStripeClientSecret(isMainnet, order.stripePaymentIntentId);
     if (isLoadingStripeClientSecret) {
         return _jsx(StripeLoadingState, {});
@@ -20,10 +22,10 @@ export default function PaymentStripeWeb2({ isMainnet, order, onPaymentSuccess }
     if (stripeClientSecretError) {
         return _jsx(StripeErrorState, { error: stripeClientSecretError.message });
     }
-    return (_jsx(Elements, { stripe: stripePromise, options: {
-            clientSecret: clientSecret || undefined,
-            appearance: { theme: theme === "light" ? "stripe" : "night" },
-        }, children: _jsx(StripePaymentForm, { order: order, clientSecret: clientSecret, onPaymentSuccess: onPaymentSuccess }) }));
+    return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(Elements, { stripe: stripePromise, options: {
+                clientSecret: clientSecret || undefined,
+                appearance: { theme: theme === "light" ? "stripe" : "night" },
+            }, children: _jsx(StripePaymentForm, { order: order, clientSecret: clientSecret, onPaymentSuccess: onPaymentSuccess }) }) }));
 }
 function StripeLoadingState() {
     return (_jsx("div", { className: "relative my-8 flex w-full flex-1 flex-col items-center justify-center", children: _jsxs("div", { className: "bg-as-on-surface-1 flex w-full flex-col items-center justify-center gap-4 rounded-2xl p-8", children: [_jsx("div", { className: "bg-as-brand/20 flex h-16 w-16 items-center justify-center rounded-full", children: _jsx("div", { className: "text-as-brand h-8 w-8 animate-spin rounded-full border-2 border-current border-t-transparent" }) }), _jsxs("div", { className: "text-as-primary/70 text-center", children: [_jsx("div", { className: "text-lg font-medium", children: "Initializing payment" }), _jsx("div", { className: "text-as-primary/50 mt-2 text-sm", children: "Setting up secure payment form..." })] })] }) }));
@@ -44,7 +46,6 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
     useEffect(() => {
         if (stripe && elements) {
             setStripeReady(true);
-            console.log("@@stripe-web2-payment:initialized:", JSON.stringify({ orderId: order.id }, null, 2));
         }
     }, [stripe, elements, order.id]);
     useEffect(() => {
@@ -67,7 +68,6 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
     // Handle payment element changes
     const handlePaymentElementChange = (event) => {
         // Show address element only for card payments
-        console.log("@@stripe-web2-payment:payment-element-change:", JSON.stringify(event, null, 2));
         setShowAddressElement(event.value.type === "card");
     };
     const handleSubmit = async (e) => {
@@ -79,7 +79,6 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
         setLoading(true);
         setMessage(null);
         try {
-            console.log("@@stripe-web2-payment:confirming-payment:", JSON.stringify({ orderId: order.id }, null, 2));
             const result = (await stripe.confirmPayment({
                 elements,
                 confirmParams: {
@@ -118,8 +117,6 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
         const url = new URL(window.location.href);
         const fromStripe = url.searchParams.get("fromStripe");
         const paymentIntent = url.searchParams.get("payment_intent");
-        console.log("@@stripe-web2-payment:fromStripe:", fromStripe);
-        console.log("@@stripe-web2-payment:paymentIntent:", paymentIntent);
         if (fromStripe && paymentIntent) {
             // Close the modal as we're returning from 3DS
             setB3ModalOpen(true);

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

@@ -2,6 +2,7 @@ export { AnySpend } from "./AnySpend";
 export { AnySpendBondKit } from "./AnySpendBondKit";
 export { AnySpendBuySpin } from "./AnySpendBuySpin";
 export { AnySpendCustom } from "./AnySpendCustom";
+export * from "./AnySpendFingerprintWrapper";
 export { AnySpendNFT } from "./AnySpendNFT";
 export { AnyspendSignatureMint } from "./AnyspendSignatureMint";
 export { AnySpendStakeB3 } from "./AnySpendStakeB3";

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

@@ -3,6 +3,7 @@ export { AnySpend } from "./AnySpend.js";
 export { AnySpendBondKit } from "./AnySpendBondKit.js";
 export { AnySpendBuySpin } from "./AnySpendBuySpin.js";
 export { AnySpendCustom } from "./AnySpendCustom.js";
+export * from "./AnySpendFingerprintWrapper.js";
 export { AnySpendNFT } from "./AnySpendNFT.js";
 export { AnyspendSignatureMint } from "./AnyspendSignatureMint.js";
 export { AnySpendStakeB3 } from "./AnySpendStakeB3.js";

package/dist/esm/anyspend/react/components/webview/WebviewOnrampPayment.d.ts

@@ -9,5 +9,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(props: WebviewOnrampPaymentProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -9,7 +9,12 @@ import { Loader2 } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { toast } from "sonner";
 import { formatUnits } from "viem";
+import { AnySpendFingerprintWrapper, getFingerprintConfig } from "../AnySpendFingerprintWrapper.js";
 const stripePromise = loadStripe(STRIPE_CONFIG.publishableKey);
+export function WebviewOnrampPayment(props) {
+    const fingerprintConfig = getFingerprintConfig();
+    return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(WebviewOnrampPaymentInner, { ...props }) }));
+}
 // Stripe Payment Form Component
 function StripePaymentForm({ order, onPaymentSuccess, }) {
     const stripe = useStripe();
@@ -79,7 +84,7 @@ function StripePaymentForm({ order, onPaymentSuccess, }) {
                                 },
                             } }) })), 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, }) {
+function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, partnerId, }) {
     const [stableAmountForGeo, setStableAmountForGeo] = useState(srcAmountOnRamp);
     const hasInitialized = useRef(false);
     const [createdOrder, setCreatedOrder] = useState(null);

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

@@ -1,5 +1,5 @@
-import { CreateOrderParams } from "./useAnyspendCreateOrder";
 import { components } from "../../../anyspend/types/api";
+import { CreateOrderParams } from "./useAnyspendCreateOrder";
 export type OnrampOptions = {
     vendor: components["schemas"]["OnrampMetadata"]["vendor"];
     paymentMethod: string;

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

@@ -1,6 +1,7 @@
 import { USDC_BASE } from "../../../anyspend/constants/index.js";
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
 import { buildMetadata, buildPayload, normalizeAddress } from "../../../anyspend/utils/index.js";
+import { useVisitorData } from "@fingerprintjs/fingerprintjs-pro-react";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
 import { parseUnits } from "viem";
@@ -10,6 +11,12 @@ import { base } from "viem/chains";
  * Specifically handles orders that involve fiat-to-crypto onramp functionality
  */
 export function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
+    // Get fingerprint data
+    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 { isMainnet, recipientAddress, orderType, dstChain, dstToken, srcFiatAmount, onramp, creatorAddress, expectedDstAmount, nft, tournament, payload, partnerId, } = params;
@@ -42,7 +49,9 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
                         expectedDstAmount,
                         nft,
                         tournament,
-                        payload,
+                        payload: {
+                            ...payload,
+                        },
                     }),
                     onramp,
                     metadata: buildMetadata(orderType, {
@@ -52,10 +61,13 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
                         expectedDstAmount,
                         nft,
                         tournament,
-                        payload,
+                        payload: {
+                            ...payload,
+                        },
                     }),
                     creatorAddress: creatorAddress ? normalizeAddress(creatorAddress) : undefined,
                     partnerId,
+                    visitorData,
                 });
             }
             catch (error) {

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

@@ -1,5 +1,6 @@
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
 import { buildMetadata, buildPayload, normalizeAddress } from "../../../anyspend/utils/index.js";
+import { useVisitorData } from "@fingerprintjs/fingerprintjs-pro-react";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
 /**
@@ -8,6 +9,12 @@ import { useMemo } from "react";
  * For onramp orders, use useAnyspendCreateOnrampOrder instead.
  */
 export function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
+    // Get fingerprint data
+    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 { isMainnet, recipientAddress, orderType, srcChain, dstChain, srcToken, dstToken, srcAmount, creatorAddress, } = params;
@@ -28,7 +35,9 @@ 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 +46,12 @@ 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,
+                    visitorData,
                 });
             }
             catch (error) {

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

@@ -1,4 +1,5 @@
-export declare function useCoinbaseOnrampOptions(isMainnet: boolean, country?: string): {
+import { VisitorData } from "../../../anyspend/types/fingerprint";
+export declare function useCoinbaseOnrampOptions(isMainnet: boolean, country?: string, visitorData?: VisitorData, isLoadingVisitorData?: boolean): {
     coinbaseOnrampOptions: {
         paymentCurrencies: {
             id?: string;

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

@@ -1,11 +1,11 @@
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
 import { useQuery } from "@tanstack/react-query";
 import { useMemo } from "react";
-export function useCoinbaseOnrampOptions(isMainnet, country) {
+export function useCoinbaseOnrampOptions(isMainnet, country, visitorData, isLoadingVisitorData) {
     const { data, isLoading, error, refetch } = useQuery({
-        queryKey: ["getCoinbaseOnrampOptions", isMainnet, country],
-        queryFn: () => anyspendService.getCoinbaseOnrampOptions(isMainnet, country),
-        enabled: Boolean(country),
+        queryKey: ["getCoinbaseOnrampOptions", isMainnet, country, visitorData],
+        queryFn: () => anyspendService.getCoinbaseOnrampOptions(isMainnet, country, visitorData),
+        enabled: Boolean(country) && !isLoadingVisitorData,
     });
     return useMemo(() => ({
         coinbaseOnrampOptions: data?.data,

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

@@ -33,7 +33,7 @@ export declare function useGeoOnrampOptions(isMainnet: boolean, srcFiatAmount: s
     isStripeOnrampSupported: boolean;
     isStripeWeb2Supported: boolean;
     isOnrampSupported: boolean;
-    isLoading: boolean;
+    isLoading: boolean | undefined;
     isLoadingGeo: boolean;
     isLoadingCoinbaseOnrampOptions: boolean;
     isLoadingStripeSupport: boolean;

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

@@ -1,12 +1,19 @@
+import { useVisitorData } from "@fingerprintjs/fingerprintjs-pro-react";
 import { useMemo } from "react";
 import { useCoinbaseOnrampOptions } from "./useCoinbaseOnrampOptions.js";
 import { useGetGeo } from "./useGetGeo.js";
 import { useStripeSupport } from "./useStripeSupport.js";
 export function useGeoOnrampOptions(isMainnet, srcFiatAmount) {
+    // Get fingerprint data
+    const { data: fpData, isLoading: isLoadingVisitorData } = useVisitorData({ extendedResult: true }, { immediate: true });
+    const visitorData = fpData && {
+        requestId: fpData.requestId,
+        visitorId: fpData.visitorId,
+    };
     // Use existing hooks
     const { geoData, loading: isLoadingGeo, error: geoError } = useGetGeo();
-    const { coinbaseOnrampOptions, isLoadingCoinbaseOnrampOptions, coinbaseOnrampOptionsError } = useCoinbaseOnrampOptions(isMainnet, geoData?.country);
-    const { isStripeOnrampSupported, isStripeWeb2Supported, isLoadingStripeSupport, stripeSupportError } = useStripeSupport(isMainnet, geoData?.ip || "", srcFiatAmount);
+    const { coinbaseOnrampOptions, isLoadingCoinbaseOnrampOptions, coinbaseOnrampOptionsError } = useCoinbaseOnrampOptions(isMainnet, geoData?.country, visitorData);
+    const { isStripeOnrampSupported, isStripeWeb2Supported, isLoadingStripeSupport, stripeSupportError } = useStripeSupport(isMainnet, geoData?.ip || "", srcFiatAmount, visitorData);
     // Calculate available payment methods based on the amount
     const coinbaseAvailablePaymentMethods = useMemo(() => {
         if (!coinbaseOnrampOptions?.paymentCurrencies?.[0]?.limits || !srcFiatAmount)
@@ -27,7 +34,7 @@ export function useGeoOnrampOptions(isMainnet, srcFiatAmount) {
         isStripeOnrampSupported,
         isStripeWeb2Supported,
         isOnrampSupported: coinbaseAvailablePaymentMethods.length > 0 || isStripeOnrampSupported || isStripeWeb2Supported,
-        isLoading: isLoadingGeo || isLoadingCoinbaseOnrampOptions || isLoadingStripeSupport,
+        isLoading: isLoadingGeo || isLoadingCoinbaseOnrampOptions || isLoadingStripeSupport || isLoadingVisitorData,
         isLoadingGeo,
         isLoadingCoinbaseOnrampOptions,
         isLoadingStripeSupport,

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

@@ -1,4 +1,5 @@
-export declare function useStripeSupport(isMainnet: boolean, ipAddress: string, usdAmount?: string): {
+import { VisitorData } from "../../../anyspend/types/fingerprint";
+export declare function useStripeSupport(isMainnet: boolean, ipAddress: string, usdAmount?: string, visitorData?: VisitorData, isLoadingVisitorData?: boolean): {
     isStripeOnrampSupported: boolean;
     isStripeWeb2Supported: boolean;
     isLoadingStripeSupport: boolean;

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

@@ -1,11 +1,11 @@
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
 import { useQuery } from "@tanstack/react-query";
 import { useMemo } from "react";
-export function useStripeSupport(isMainnet, ipAddress, usdAmount) {
+export function useStripeSupport(isMainnet, ipAddress, usdAmount, visitorData, isLoadingVisitorData) {
     const { data, isLoading, error, refetch } = useQuery({
-        queryKey: ["useStripeSupport", isMainnet, ipAddress, usdAmount],
-        queryFn: () => anyspendService.checkStripeSupport(isMainnet, ipAddress, usdAmount),
-        enabled: !!ipAddress,
+        queryKey: ["useStripeSupport", isMainnet, ipAddress, usdAmount, visitorData?.requestId, visitorData?.visitorId],
+        queryFn: () => anyspendService.checkStripeSupport(isMainnet, ipAddress, usdAmount, visitorData),
+        enabled: !!ipAddress && !isLoadingVisitorData,
     });
     return useMemo(() => ({
         isStripeOnrampSupported: data?.stripeOnramp || false,

package/dist/esm/anyspend/react/providers/StripeRedirectHandler.js

@@ -16,9 +16,6 @@ export function StripeRedirectHandler() {
         const fromStripe = url.searchParams.get("fromStripe");
         const paymentIntent = url.searchParams.get("payment_intent");
         const orderId = url.searchParams.get("orderId");
-        console.log("@@stripe-web2-payment:fromStripe:", fromStripe);
-        console.log("@@stripe-web2-payment:paymentIntent:", paymentIntent);
-        console.log("@@stripe-web2-payment:orderId:", orderId);
         if (fromStripe && paymentIntent && orderId) {
             // Re-open the modal with the order details
             setB3ModalOpen(true);

package/dist/esm/anyspend/services/anyspend.d.ts

@@ -1,11 +1,12 @@
 import { OnrampOptions } from "../../anyspend/react";
-import { GetCoinbaseOnrampOptionsResponse, GetOrderAndTxsResponse, GetOrderHistoryResponse, GetQuoteRequest, GetQuoteResponse } from "../types/api_req_res";
 import { components } from "../types/api";
+import { GetCoinbaseOnrampOptionsResponse, GetOrderAndTxsResponse, GetOrderHistoryResponse, GetQuoteRequest, GetQuoteResponse } from "../types/api_req_res";
+import { VisitorData } from "../types/fingerprint";
 export declare const anyspendService: {
     getTokenList: (isMainnet: boolean, chainId: number, query: string) => Promise<components["schemas"]["Token"][]>;
     getToken: (isMainnet: boolean, chainId: number, tokenAddress: string) => Promise<components["schemas"]["Token"]>;
     getQuote: (isMainnet: boolean, req: GetQuoteRequest) => Promise<GetQuoteResponse>;
-    createOrder: ({ isMainnet, recipientAddress, type, srcChain, dstChain, srcTokenAddress, dstTokenAddress, srcAmount, payload, onramp, metadata, creatorAddress, partnerId, }: {
+    createOrder: ({ isMainnet, recipientAddress, type, srcChain, dstChain, srcTokenAddress, dstTokenAddress, srcAmount, payload, onramp, metadata, creatorAddress, partnerId, visitorData, }: {
         isMainnet: boolean;
         recipientAddress: string;
         type: string;
@@ -19,6 +20,7 @@ export declare const anyspendService: {
         metadata: Record<string, any>;
         creatorAddress?: string;
         partnerId?: string;
+        visitorData?: VisitorData;
     }) => Promise<{
         success: boolean;
         message: string;
@@ -27,8 +29,8 @@ export declare const anyspendService: {
     }>;
     getOrderAndTransactions: (isMainnet: boolean, orderId: string | undefined) => Promise<GetOrderAndTxsResponse>;
     getOrderHistory: (isMainnet: boolean, creatorAddress: string | undefined, limit?: number, offset?: number) => Promise<GetOrderHistoryResponse>;
-    getCoinbaseOnrampOptions: (isMainnet: boolean, country: string) => Promise<GetCoinbaseOnrampOptionsResponse>;
-    checkStripeSupport: (isMainnet: boolean, ipAddress: string, usdAmount?: string) => Promise<{
+    getCoinbaseOnrampOptions: (isMainnet: boolean, country: string, visitorData?: VisitorData) => Promise<GetCoinbaseOnrampOptionsResponse>;
+    checkStripeSupport: (isMainnet: boolean, ipAddress: string, usdAmount?: string, visitorData?: VisitorData) => Promise<{
         stripeOnramp: boolean;
         stripeWeb2: boolean;
     }>;

package/dist/esm/anyspend/services/anyspend.js

@@ -35,11 +35,13 @@ export const anyspendService = {
         return data;
     },
     // Order related
-    createOrder: async ({ isMainnet, recipientAddress, type, srcChain, dstChain, srcTokenAddress, dstTokenAddress, srcAmount, payload, onramp, metadata, creatorAddress, partnerId, }) => {
+    createOrder: async ({ isMainnet, recipientAddress, type, srcChain, dstChain, srcTokenAddress, dstTokenAddress, srcAmount, payload, onramp, metadata, creatorAddress, partnerId, visitorData, }) => {
         const response = await fetch(`${isMainnet ? ANYSPEND_MAINNET_BASE_URL : ANYSPEND_TESTNET_BASE_URL}/orders`, {
             method: "POST",
             headers: {
                 "Content-Type": "application/json",
+                ...(visitorData?.requestId && { "X-Fingerprint-Request-Id": visitorData.requestId }),
+                ...(visitorData?.visitorId && { "X-Fingerprint-Visitor-Id": visitorData.visitorId }),
             },
             body: JSON.stringify({
                 recipientAddress,
@@ -77,20 +79,28 @@ export const anyspendService = {
         const data = await response.json();
         return data;
     },
-    getCoinbaseOnrampOptions: async (isMainnet, country) => {
+    getCoinbaseOnrampOptions: async (isMainnet, country, visitorData) => {
         const params = new URLSearchParams({
             country,
+            // include fingerprintId and requestId in the query params
+            ...(visitorData?.requestId && { requestId: visitorData.requestId }),
+            ...(visitorData?.visitorId && { fingerprintId: visitorData.visitorId }),
         });
         const response = await fetch(`${isMainnet ? ANYSPEND_MAINNET_BASE_URL : ANYSPEND_TESTNET_BASE_URL}/onramp/coinbase/options?${params.toString()}`);
         const data = await response.json();
         return data;
     },
-    checkStripeSupport: async (isMainnet, ipAddress, usdAmount) => {
+    checkStripeSupport: async (isMainnet, ipAddress, usdAmount, visitorData) => {
         const params = new URLSearchParams({
             ipAddress,
             usdAmount: usdAmount || "",
         });
-        const response = await fetch(`${isMainnet ? ANYSPEND_MAINNET_BASE_URL : ANYSPEND_TESTNET_BASE_URL}/onramp/stripe/supported?${params.toString()}`);
+        const response = await fetch(`${isMainnet ? ANYSPEND_MAINNET_BASE_URL : ANYSPEND_TESTNET_BASE_URL}/onramp/stripe/supported?${params.toString()}`, {
+            headers: {
+                ...(visitorData?.requestId && { "X-Fingerprint-Request-Id": visitorData.requestId }),
+                ...(visitorData?.visitorId && { "X-Fingerprint-Visitor-Id": visitorData.visitorId }),
+            },
+        });
         const data = await response.json();
         invariant(response.status === 200, "Failed to check Stripe support");
         return data.data;

package/dist/esm/anyspend/types/fingerprint.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Types related to FingerprintJS integration
+ * We only need requestId and visitorId from the full FingerprintJS visitor data
+ */
+export interface VisitorData {
+    /**
+     * @description The unique identifier of the request to get visitor data
+     */
+    requestId: string;
+    /**
+     * @description The unique identifier of the visitor
+     */
+    visitorId: string;
+}

package/dist/esm/anyspend/types/fingerprint.js

@@ -0,0 +1,5 @@
+/**
+ * Types related to FingerprintJS integration
+ * We only need requestId and visitorId from the full FingerprintJS visitor data
+ */
+export {};

package/dist/esm/global-account/react/hooks/useAuthentication.d.ts

@@ -4,7 +4,7 @@ export declare function useAuthentication(partnerId: string, loginWithSiwe?: boo
     isAuthenticating: boolean;
     isAuthenticated: boolean;
     isReady: boolean;
-    wallet: import("thirdweb/wallets").Wallet<`ecosystem.${string}`>;
+    wallet: import("thirdweb/dist/types/wallets/in-app/core/wallet/types").EcosystemWallet;
     preAuthenticate: typeof preAuthenticate;
     connect: (strategyOptions?: import("thirdweb/wallets").SingleStepAuthArgsType) => Promise<import("thirdweb/wallets").Wallet | null>;
 };

package/dist/esm/global-account/react/hooks/useTokenBalancesByChain.js

@@ -22,7 +22,6 @@ export function useTokenBalancesByChain({ address, chainsIds, enabled = true, })
                             chain: viemToThirdwebChain(getChainById(chainId)),
                         });
                         return {
-                            chainId,
                             ...walletBalance,
                         };
                     })),

package/dist/types/anyspend/react/components/AnySpendFingerprintWrapper.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+interface FingerprintConfig {
+    apiKey: string;
+    endpoint?: string;
+    scriptUrlPattern?: string;
+}
+interface AnySpendFingerprintWrapperProps {
+    children: ReactNode;
+    fingerprint?: FingerprintConfig;
+}
+/**
+ * Internal wrapper that only initializes FingerprintJS when AnySpend components are actually used.
+ * This prevents unnecessary fingerprinting of users who don't interact with AnySpend.
+ */
+export declare function AnySpendFingerprintWrapper({ children, fingerprint }: AnySpendFingerprintWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function getFingerprintConfig(): FingerprintConfig | undefined;
+export {};

package/dist/types/anyspend/react/components/common/PanelOnrampPayment.d.ts

@@ -26,5 +26,5 @@ interface PanelOnrampPaymentProps {
     recipientEnsName?: string;
     recipientImageUrl?: string;
 }
-export declare function PanelOnrampPayment({ srcAmountOnRamp, recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationTokenAddress, selectedDstChainId, selectedDstToken, anyspendQuote, globalAddress, onOrderCreated, onBack, orderType, nft, tournament, payload, recipientEnsName, recipientImageUrl, }: PanelOnrampPaymentProps): import("react/jsx-runtime").JSX.Element;
+export declare function PanelOnrampPayment(props: PanelOnrampPaymentProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,6 +2,7 @@ export { AnySpend } from "./AnySpend";
 export { AnySpendBondKit } from "./AnySpendBondKit";
 export { AnySpendBuySpin } from "./AnySpendBuySpin";
 export { AnySpendCustom } from "./AnySpendCustom";
+export * from "./AnySpendFingerprintWrapper";
 export { AnySpendNFT } from "./AnySpendNFT";
 export { AnyspendSignatureMint } from "./AnyspendSignatureMint";
 export { AnySpendStakeB3 } from "./AnySpendStakeB3";

package/dist/types/anyspend/react/components/webview/WebviewOnrampPayment.d.ts

@@ -9,5 +9,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(props: WebviewOnrampPaymentProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
-import { CreateOrderParams } from "./useAnyspendCreateOrder";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import { CreateOrderParams } from "./useAnyspendCreateOrder";
 export type OnrampOptions = {
     vendor: components["schemas"]["OnrampMetadata"]["vendor"];
     paymentMethod: string;

package/dist/types/anyspend/react/hooks/useCoinbaseOnrampOptions.d.ts

@@ -1,4 +1,5 @@
-export declare function useCoinbaseOnrampOptions(isMainnet: boolean, country?: string): {
+import { VisitorData } from "@b3dotfun/sdk/anyspend/types/fingerprint";
+export declare function useCoinbaseOnrampOptions(isMainnet: boolean, country?: string, visitorData?: VisitorData, isLoadingVisitorData?: boolean): {
     coinbaseOnrampOptions: {
         paymentCurrencies: {
             id?: string;

package/dist/types/anyspend/react/hooks/useGeoOnrampOptions.d.ts

@@ -33,7 +33,7 @@ export declare function useGeoOnrampOptions(isMainnet: boolean, srcFiatAmount: s
     isStripeOnrampSupported: boolean;
     isStripeWeb2Supported: boolean;
     isOnrampSupported: boolean;
-    isLoading: boolean;
+    isLoading: boolean | undefined;
     isLoadingGeo: boolean;
     isLoadingCoinbaseOnrampOptions: boolean;
     isLoadingStripeSupport: boolean;

package/dist/types/anyspend/react/hooks/useStripeSupport.d.ts

@@ -1,4 +1,5 @@
-export declare function useStripeSupport(isMainnet: boolean, ipAddress: string, usdAmount?: string): {
+import { VisitorData } from "@b3dotfun/sdk/anyspend/types/fingerprint";
+export declare function useStripeSupport(isMainnet: boolean, ipAddress: string, usdAmount?: string, visitorData?: VisitorData, isLoadingVisitorData?: boolean): {
     isStripeOnrampSupported: boolean;
     isStripeWeb2Supported: boolean;
     isLoadingStripeSupport: boolean;