@b3dotfun/sdk 0.0.12 → 0.0.13-alpha.1

package/dist/cjs/anyspend/react/components/AnySpend.js

@@ -306,11 +306,8 @@ function AnySpend({ destinationTokenAddress, destinationTokenChainId, isMainnet
             tradeType: "EXACT_INPUT",
             amount: srcAmountOnrampInWei,
         });
-    // Replace the old ENS lookup with our new hooks
-    const { name: recipientName } = (0, react_2.useOnchainName)(recipientAddress);
-    // const { name: walletName } = useOnchainName(globalAddress);
-    // Batch lookup for custom recipients
-    // const { names: customRecipientNames } = useOnchainNames(customRecipients.map(r => r.address));
+    const recipientProfile = (0, react_2.useProfile)({ address: recipientAddress });
+    const recipientName = recipientProfile.data?.name?.replace(/\.b3\.fun/g, "");
     // Load custom recipients from local storage on mount
     (0, react_3.useEffect)(() => {
         try {

package/dist/cjs/anyspend/react/components/AnySpendCustom.js

@@ -102,8 +102,8 @@ function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipient
     const [customRecipientAddress, setCustomRecipientAddress] = (0, react_3.useState)(recipientAddressProps);
     // Update recipient logic to use custom recipient
     const recipientAddress = customRecipientAddress || currentWallet.address;
-    const recipientPropsProfile = (0, react_2.useBsmntProfile)({ address: recipientAddress });
-    const recipientEnsName = recipientPropsProfile.data?.username?.replace(/\.b3\.fun/g, "");
+    const recipientPropsProfile = (0, react_2.useProfile)({ address: recipientAddress });
+    const recipientEnsName = recipientPropsProfile.data?.name?.replace(/\.b3\.fun/g, "");
     const recipientImageUrl = recipientPropsProfile.data?.avatar || currentWallet.wallet.meta?.icon;
     const [orderId, setOrderId] = (0, react_3.useState)(loadOrder);
     const [srcChainId, setSrcChainId] = (0, react_3.useState)(isMainnet ? chains_1.base.id : chains_1.baseSepolia.id);

package/dist/cjs/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/cjs/anyspend/react/components/AnySpendFingerprintWrapper.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnySpendFingerprintWrapper = AnySpendFingerprintWrapper;
+exports.getFingerprintConfig = getFingerprintConfig;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fingerprintjs_pro_react_1 = require("@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.
+ */
+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 (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+    }
+    // Ensure endpoint has https:// prefix
+    const endpoint = fingerprint.endpoint && !fingerprint.endpoint.startsWith("http")
+        ? `https://${fingerprint.endpoint}`
+        : fingerprint.endpoint;
+    return ((0, jsx_runtime_1.jsx)(fingerprintjs_pro_react_1.FpjsProvider, { loadOptions: {
+            apiKey: fingerprint.apiKey,
+            endpoint: endpoint ? [endpoint, fingerprintjs_pro_react_1.FingerprintJSPro.defaultEndpoint] : undefined,
+            scriptUrlPattern: fingerprint.scriptUrlPattern
+                ? [fingerprint.scriptUrlPattern, fingerprintjs_pro_react_1.FingerprintJSPro.defaultScriptUrlPattern]
+                : undefined,
+        }, children: children }));
+}
+// Helper function to get fingerprint config from environment variables
+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/cjs/anyspend/react/components/common/OrderDetails.js

@@ -130,7 +130,8 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ isMainnet, mode
     const dstToken = order.metadata.dstToken;
     const nft = order.type === "mint_nft" ? order.metadata.nft : undefined;
     const tournament = order.type === "join_tournament" || order.type === "fund_tournament" ? order.metadata.tournament : undefined;
-    const { name: recipientName } = (0, react_1.useOnchainName)(order.recipientAddress);
+    const profile = (0, react_1.useProfile)({ address: order.recipientAddress });
+    const recipientName = profile.data?.name?.replace(/\.b3\.fun/g, "");
     const account = (0, react_1.useAccountWallet)();
     const { data: walletClient } = (0, wagmi_1.useWalletClient)();
     const [txHash, setTxHash] = (0, react_4.useState)();

package/dist/cjs/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/cjs/anyspend/react/components/common/PanelOnrampPayment.js

@@ -13,9 +13,13 @@ const invariant_1 = __importDefault(require("invariant"));
 const lucide_react_1 = require("lucide-react");
 const react_3 = require("react");
 const sonner_1 = require("sonner");
-function PanelOnrampPayment({ srcAmountOnRamp, 
-// recipientName,
-recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationTokenAddress, selectedDstChainId, selectedDstToken, anyspendQuote, globalAddress, onOrderCreated, onBack, orderType, nft, tournament, payload, recipientEnsName, recipientImageUrl, }) {
+const AnySpendFingerprintWrapper_1 = require("../AnySpendFingerprintWrapper");
+function PanelOnrampPayment(props) {
+    const fingerprintConfig = (0, AnySpendFingerprintWrapper_1.getFingerprintConfig)();
+    return ((0, jsx_runtime_1.jsx)(AnySpendFingerprintWrapper_1.AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: (0, jsx_runtime_1.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] = (0, react_3.useState)(srcAmountOnRamp);
     const hasInitialized = (0, react_3.useRef)(false);
@@ -27,6 +31,7 @@ recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationToke
         }
     }, [srcAmountOnRamp]);
     const { geoData, coinbaseOnrampOptions, coinbaseAvailablePaymentMethods, isStripeOnrampSupported, isStripeWeb2Supported, isLoading: isLoadingGeoOnramp, } = (0, react_1.useGeoOnrampOptions)(isMainnet, stableAmountForGeo);
+    const isLoading = isLoadingGeoOnramp;
     const { createOrder, isCreatingOrder } = (0, react_1.useAnyspendCreateOnrampOrder)({
         onSuccess: data => {
             const orderId = data.data.id;
@@ -110,7 +115,7 @@ recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationToke
                                                 ? "Receive NFT at"
                                                 : orderType === "join_tournament"
                                                     ? "Join for"
-                                                    : "Recipient" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [recipientImageUrl && ((0, jsx_runtime_1.jsx)("img", { src: recipientImageUrl, alt: recipientImageUrl, className: "bg-b3-react-foreground size-7 rounded-full object-cover opacity-100" })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-end gap-1", children: [recipientEnsName && (0, jsx_runtime_1.jsxs)("span", { className: "text-b3-react-foreground/80", children: ["@", recipientEnsName] }), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-react-foreground/80", children: (0, centerTruncate_1.default)(recipientAddress) })] })] })] })), (0, jsx_runtime_1.jsx)("div", { className: "border-b3-react-border border-t pt-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-b3-react-foreground font-semibold", children: "Amount" }), (0, jsx_runtime_1.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 ? ((0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background border-b3-react-border flex items-center justify-center gap-3 rounded-lg border p-6", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70", children: "Creating onramp order..." })] })) : isLoadingGeoOnramp ? ((0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background border-b3-react-border flex items-center justify-center gap-3 rounded-lg border p-6", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70", children: "Loading payment options..." })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-3 flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-lg font-semibold", children: "Payment method" }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-1", children: coinbaseAvailablePaymentMethods.length > 0 &&
+                                                    : "Recipient" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [recipientImageUrl && ((0, jsx_runtime_1.jsx)("img", { src: recipientImageUrl, alt: recipientImageUrl, className: "bg-b3-react-foreground size-7 rounded-full object-cover opacity-100" })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-end gap-1", children: [recipientEnsName && (0, jsx_runtime_1.jsxs)("span", { className: "text-b3-react-foreground/80", children: ["@", recipientEnsName] }), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-react-foreground/80", children: (0, centerTruncate_1.default)(recipientAddress) })] })] })] })), (0, jsx_runtime_1.jsx)("div", { className: "border-b3-react-border border-t pt-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-b3-react-foreground font-semibold", children: "Amount" }), (0, jsx_runtime_1.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 ? ((0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background border-b3-react-border flex items-center justify-center gap-3 rounded-lg border p-6", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70", children: "Creating onramp order..." })] })) : isLoading ? ((0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background border-b3-react-border flex items-center justify-center gap-3 rounded-lg border p-6", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70", children: "Loading payment options..." })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-3 flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-lg font-semibold", children: "Payment method" }), (0, jsx_runtime_1.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/cjs/anyspend/react/components/common/PaymentStripeWeb2.js

@@ -14,11 +14,13 @@ const react_stripe_js_1 = require("@stripe/react-stripe-js");
 const stripe_js_1 = require("@stripe/stripe-js");
 const lucide_react_1 = require("lucide-react");
 const react_3 = require("react");
+const AnySpendFingerprintWrapper_1 = require("../AnySpendFingerprintWrapper");
 const HowItWorks_1 = __importDefault(require("./HowItWorks"));
 const PaymentMethodIcons_1 = __importDefault(require("./PaymentMethodIcons"));
 const stripePromise = (0, stripe_js_1.loadStripe)(constants_1.STRIPE_CONFIG.publishableKey);
 function PaymentStripeWeb2({ isMainnet, order, onPaymentSuccess }) {
     const { theme } = (0, react_2.useB3)();
+    const fingerprintConfig = (0, AnySpendFingerprintWrapper_1.getFingerprintConfig)();
     const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = (0, react_1.useStripeClientSecret)(isMainnet, order.stripePaymentIntentId);
     if (isLoadingStripeClientSecret) {
         return (0, jsx_runtime_1.jsx)(StripeLoadingState, {});
@@ -26,10 +28,10 @@ function PaymentStripeWeb2({ isMainnet, order, onPaymentSuccess }) {
     if (stripeClientSecretError) {
         return (0, jsx_runtime_1.jsx)(StripeErrorState, { error: stripeClientSecretError.message });
     }
-    return ((0, jsx_runtime_1.jsx)(react_stripe_js_1.Elements, { stripe: stripePromise, options: {
-            clientSecret: clientSecret || undefined,
-            appearance: { theme: theme === "light" ? "stripe" : "night" },
-        }, children: (0, jsx_runtime_1.jsx)(StripePaymentForm, { order: order, clientSecret: clientSecret, onPaymentSuccess: onPaymentSuccess }) }));
+    return ((0, jsx_runtime_1.jsx)(AnySpendFingerprintWrapper_1.AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: (0, jsx_runtime_1.jsx)(react_stripe_js_1.Elements, { stripe: stripePromise, options: {
+                clientSecret: clientSecret || undefined,
+                appearance: { theme: theme === "light" ? "stripe" : "night" },
+            }, children: (0, jsx_runtime_1.jsx)(StripePaymentForm, { order: order, clientSecret: clientSecret, onPaymentSuccess: onPaymentSuccess }) }) }));
 }
 function StripeLoadingState() {
     return ((0, jsx_runtime_1.jsx)("div", { className: "relative my-8 flex w-full flex-1 flex-col items-center justify-center", children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-on-surface-1 flex w-full flex-col items-center justify-center gap-4 rounded-2xl p-8", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-as-brand/20 flex h-16 w-16 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)("div", { className: "text-as-brand h-8 w-8 animate-spin rounded-full border-2 border-current border-t-transparent" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-as-primary/70 text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-lg font-medium", children: "Initializing payment" }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-primary/50 mt-2 text-sm", children: "Setting up secure payment form..." })] })] }) }));
@@ -50,7 +52,6 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
     (0, react_3.useEffect)(() => {
         if (stripe && elements) {
             setStripeReady(true);
-            console.log("@@stripe-web2-payment:initialized:", JSON.stringify({ orderId: order.id }, null, 2));
         }
     }, [stripe, elements, order.id]);
     (0, react_3.useEffect)(() => {
@@ -73,7 +74,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) => {
@@ -85,7 +85,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: {
@@ -124,8 +123,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/cjs/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/cjs/anyspend/react/components/index.js

@@ -1,4 +1,18 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WebviewOnrampPayment = exports.WebviewOnrampOrderStatus = exports.TokenBalance = exports.OrderTokenAmount = exports.OrderToken = exports.OrderStatus = exports.OrderHistoryItem = exports.OrderHistory = exports.OrderDetails = exports.ChainTokenIcon = exports.AnySpendNFTButton = exports.AnySpendTournament = exports.AnySpendStakeB3 = exports.AnyspendSignatureMint = exports.AnySpendNFT = exports.AnySpendCustom = exports.AnySpendBuySpin = exports.AnySpendBondKit = exports.AnySpend = void 0;
 // Components
@@ -10,6 +24,7 @@ var AnySpendBuySpin_1 = require("./AnySpendBuySpin");
 Object.defineProperty(exports, "AnySpendBuySpin", { enumerable: true, get: function () { return AnySpendBuySpin_1.AnySpendBuySpin; } });
 var AnySpendCustom_1 = require("./AnySpendCustom");
 Object.defineProperty(exports, "AnySpendCustom", { enumerable: true, get: function () { return AnySpendCustom_1.AnySpendCustom; } });
+__exportStar(require("./AnySpendFingerprintWrapper"), exports);
 var AnySpendNFT_1 = require("./AnySpendNFT");
 Object.defineProperty(exports, "AnySpendNFT", { enumerable: true, get: function () { return AnySpendNFT_1.AnySpendNFT; } });
 var AnyspendSignatureMint_1 = require("./AnyspendSignatureMint");

package/dist/cjs/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/cjs/anyspend/react/components/webview/WebviewOnrampPayment.js

@@ -15,7 +15,12 @@ const lucide_react_1 = require("lucide-react");
 const react_2 = require("react");
 const sonner_1 = require("sonner");
 const viem_1 = require("viem");
+const AnySpendFingerprintWrapper_1 = require("../AnySpendFingerprintWrapper");
 const stripePromise = (0, stripe_js_1.loadStripe)(anyspend_1.STRIPE_CONFIG.publishableKey);
+function WebviewOnrampPayment(props) {
+    const fingerprintConfig = (0, AnySpendFingerprintWrapper_1.getFingerprintConfig)();
+    return ((0, jsx_runtime_1.jsx)(AnySpendFingerprintWrapper_1.AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: (0, jsx_runtime_1.jsx)(WebviewOnrampPaymentInner, { ...props }) }));
+}
 // Stripe Payment Form Component
 function StripePaymentForm({ order, onPaymentSuccess, }) {
     const stripe = (0, react_stripe_js_1.useStripe)();
@@ -85,7 +90,7 @@ function StripePaymentForm({ order, onPaymentSuccess, }) {
                                 },
                             } }) })), error && ((0, jsx_runtime_1.jsx)("div", { className: "mt-4 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-600", children: error })), (0, jsx_runtime_1.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 ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-5 w-5 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { children: "Processing..." })] })) : ((0, jsx_runtime_1.jsx)("span", { children: "Complete Payment" })) })] }) }) }));
 }
-function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, partnerId, }) {
+function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, partnerId, }) {
     const [stableAmountForGeo, setStableAmountForGeo] = (0, react_2.useState)(srcAmountOnRamp);
     const hasInitialized = (0, react_2.useRef)(false);
     const [createdOrder, setCreatedOrder] = (0, react_2.useState)(null);

package/dist/cjs/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/cjs/anyspend/react/hooks/useAnyspendCreateOnrampOrder.js

@@ -4,6 +4,7 @@ exports.useAnyspendCreateOnrampOrder = useAnyspendCreateOnrampOrder;
 const constants_1 = require("../../../anyspend/constants");
 const anyspend_1 = require("../../../anyspend/services/anyspend");
 const utils_1 = require("../../../anyspend/utils");
+const fingerprintjs_pro_react_1 = require("@fingerprintjs/fingerprintjs-pro-react");
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
 const viem_1 = require("viem");
@@ -13,6 +14,12 @@ const chains_1 = require("viem/chains");
  * Specifically handles orders that involve fiat-to-crypto onramp functionality
  */
 function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
+    // Get fingerprint data
+    const { data: fpData } = (0, fingerprintjs_pro_react_1.useVisitorData)({ extendedResult: true }, { immediate: true });
+    const visitorData = fpData && {
+        requestId: fpData.requestId,
+        visitorId: fpData.visitorId,
+    };
     const { mutate: createOrder, isPending } = (0, react_query_1.useMutation)({
         mutationFn: async (params) => {
             const { isMainnet, recipientAddress, orderType, dstChain, dstToken, srcFiatAmount, onramp, creatorAddress, expectedDstAmount, nft, tournament, payload, partnerId, } = params;
@@ -45,7 +52,9 @@ function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
                         expectedDstAmount,
                         nft,
                         tournament,
-                        payload,
+                        payload: {
+                            ...payload,
+                        },
                     }),
                     onramp,
                     metadata: (0, utils_1.buildMetadata)(orderType, {
@@ -55,10 +64,13 @@ function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
                         expectedDstAmount,
                         nft,
                         tournament,
-                        payload,
+                        payload: {
+                            ...payload,
+                        },
                     }),
                     creatorAddress: creatorAddress ? (0, utils_1.normalizeAddress)(creatorAddress) : undefined,
                     partnerId,
+                    visitorData,
                 });
             }
             catch (error) {

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAnyspendCreateOrder = useAnyspendCreateOrder;
 const anyspend_1 = require("../../../anyspend/services/anyspend");
 const utils_1 = require("../../../anyspend/utils");
+const fingerprintjs_pro_react_1 = require("@fingerprintjs/fingerprintjs-pro-react");
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
 /**
@@ -11,6 +12,12 @@ const react_1 = require("react");
  * For onramp orders, use useAnyspendCreateOnrampOrder instead.
  */
 function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
+    // Get fingerprint data
+    const { data: fpData } = (0, fingerprintjs_pro_react_1.useVisitorData)({ extendedResult: true }, { immediate: true });
+    const visitorData = fpData && {
+        requestId: fpData.requestId,
+        visitorId: fpData.visitorId,
+    };
     const { mutate: createOrder, isPending } = (0, react_query_1.useMutation)({
         mutationFn: async (params) => {
             const { isMainnet, recipientAddress, orderType, srcChain, dstChain, srcToken, dstToken, srcAmount, creatorAddress, } = params;
@@ -31,7 +38,9 @@ function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
                         expectedDstAmount: params.expectedDstAmount,
                         nft: params.nft,
                         tournament: params.tournament,
-                        payload: params.payload,
+                        payload: {
+                            ...params.payload,
+                        },
                     }),
                     metadata: (0, utils_1.buildMetadata)(orderType, {
                         orderType,
@@ -40,9 +49,12 @@ function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
                         expectedDstAmount: params.expectedDstAmount,
                         nft: params.nft,
                         tournament: params.tournament,
-                        payload: params.payload,
+                        payload: {
+                            ...params.payload,
+                        },
                     }),
                     creatorAddress: creatorAddress ? (0, utils_1.normalizeAddress)(creatorAddress) : undefined,
+                    visitorData,
                 });
             }
             catch (error) {

package/dist/cjs/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/cjs/anyspend/react/hooks/useCoinbaseOnrampOptions.js

@@ -4,11 +4,11 @@ exports.useCoinbaseOnrampOptions = useCoinbaseOnrampOptions;
 const anyspend_1 = require("../../../anyspend/services/anyspend");
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
-function useCoinbaseOnrampOptions(isMainnet, country) {
+function useCoinbaseOnrampOptions(isMainnet, country, visitorData, isLoadingVisitorData) {
     const { data, isLoading, error, refetch } = (0, react_query_1.useQuery)({
-        queryKey: ["getCoinbaseOnrampOptions", isMainnet, country],
-        queryFn: () => anyspend_1.anyspendService.getCoinbaseOnrampOptions(isMainnet, country),
-        enabled: Boolean(country),
+        queryKey: ["getCoinbaseOnrampOptions", isMainnet, country, visitorData],
+        queryFn: () => anyspend_1.anyspendService.getCoinbaseOnrampOptions(isMainnet, country, visitorData),
+        enabled: Boolean(country) && !isLoadingVisitorData,
     });
     return (0, react_1.useMemo)(() => ({
         coinbaseOnrampOptions: data?.data,

package/dist/cjs/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/cjs/anyspend/react/hooks/useGeoOnrampOptions.js

@@ -1,15 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGeoOnrampOptions = useGeoOnrampOptions;
+const fingerprintjs_pro_react_1 = require("@fingerprintjs/fingerprintjs-pro-react");
 const react_1 = require("react");
 const useCoinbaseOnrampOptions_1 = require("./useCoinbaseOnrampOptions");
 const useGetGeo_1 = require("./useGetGeo");
 const useStripeSupport_1 = require("./useStripeSupport");
 function useGeoOnrampOptions(isMainnet, srcFiatAmount) {
+    // Get fingerprint data
+    const { data: fpData, isLoading: isLoadingVisitorData } = (0, fingerprintjs_pro_react_1.useVisitorData)({ extendedResult: true }, { immediate: true });
+    const visitorData = fpData && {
+        requestId: fpData.requestId,
+        visitorId: fpData.visitorId,
+    };
     // Use existing hooks
     const { geoData, loading: isLoadingGeo, error: geoError } = (0, useGetGeo_1.useGetGeo)();
-    const { coinbaseOnrampOptions, isLoadingCoinbaseOnrampOptions, coinbaseOnrampOptionsError } = (0, useCoinbaseOnrampOptions_1.useCoinbaseOnrampOptions)(isMainnet, geoData?.country);
-    const { isStripeOnrampSupported, isStripeWeb2Supported, isLoadingStripeSupport, stripeSupportError } = (0, useStripeSupport_1.useStripeSupport)(isMainnet, geoData?.ip || "", srcFiatAmount);
+    const { coinbaseOnrampOptions, isLoadingCoinbaseOnrampOptions, coinbaseOnrampOptionsError } = (0, useCoinbaseOnrampOptions_1.useCoinbaseOnrampOptions)(isMainnet, geoData?.country, visitorData);
+    const { isStripeOnrampSupported, isStripeWeb2Supported, isLoadingStripeSupport, stripeSupportError } = (0, useStripeSupport_1.useStripeSupport)(isMainnet, geoData?.ip || "", srcFiatAmount, visitorData);
     // Calculate available payment methods based on the amount
     const coinbaseAvailablePaymentMethods = (0, react_1.useMemo)(() => {
         if (!coinbaseOnrampOptions?.paymentCurrencies?.[0]?.limits || !srcFiatAmount)
@@ -30,7 +37,7 @@ 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/cjs/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/cjs/anyspend/react/hooks/useStripeSupport.js

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

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

@@ -19,9 +19,6 @@ 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/cjs/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/cjs/anyspend/services/anyspend.js

@@ -41,11 +41,13 @@ exports.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 ? constants_1.ANYSPEND_MAINNET_BASE_URL : constants_1.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,
@@ -83,20 +85,28 @@ exports.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 ? constants_1.ANYSPEND_MAINNET_BASE_URL : constants_1.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 ? constants_1.ANYSPEND_MAINNET_BASE_URL : constants_1.ANYSPEND_TESTNET_BASE_URL}/onramp/stripe/supported?${params.toString()}`);
+        const response = await fetch(`${isMainnet ? constants_1.ANYSPEND_MAINNET_BASE_URL : constants_1.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();
         (0, invariant_1.default)(response.status === 200, "Failed to check Stripe support");
         return data.data;

package/dist/cjs/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/cjs/anyspend/types/fingerprint.js

@@ -0,0 +1,6 @@
+"use strict";
+/**
+ * Types related to FingerprintJS integration
+ * We only need requestId and visitorId from the full FingerprintJS visitor data
+ */
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/global-account/react/hooks/index.d.ts

@@ -5,7 +5,6 @@ export { useAuthentication } from "./useAuthentication";
 export { useB3BalanceFromAddresses } from "./useB3BalanceFromAddresses";
 export { useB3EnsName } from "./useB3EnsName";
 export { useBestTransactionPath } from "./useBestTransactionPath";
-export { useBsmntProfile } from "./useBsmntProfile";
 export { useChainSwitchWithAction } from "./useChainSwitchWithAction";
 export { useClaim } from "./useClaim";
 export { useConnect } from "./useConnect";
@@ -18,7 +17,6 @@ export { useIsMobile } from "./useIsMobile";
 export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
 export { useMediaQuery } from "./useMediaQuery";
 export { useNativeBalance, useNativeBalanceFromRPC } from "./useNativeBalance";
-export { useOnchainName } from "./useOnchainName";
 export { useOneBalance } from "./useOneBalance";
 export { useProfile, useProfilePreference, type Profile, type CombinedProfile, type PreferenceRequestBody, } from "./useProfile";
 export { useQueryB3 } from "./useQueryB3";