@b3dotfun/sdk 0.0.12 → 0.0.13-alpha.1

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/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";

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

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

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

@@ -1,9 +1,8 @@
-import { useB3 } from "../../../global-account/react/index.js";
+import { useB3, useProfile } from "../../../global-account/react/index.js";
 import { ecosystemWalletId } from "../../../shared/constants/index.js";
 import { useEffect, useMemo, useState } from "react";
 import { getLastAuthProvider, useActiveWallet, useConnectedWallets, useWalletImage } from "thirdweb/react";
 import { socialIcons } from "thirdweb/wallets/in-app";
-import { useBsmntProfile } from "./useBsmntProfile.js";
 function useLastAuthProvider() {
     const [lastAuthProvider, setLastAuthProvider] = useState(null);
     useEffect(() => {
@@ -29,8 +28,8 @@ export function useAccountWallet() {
     const smartWalletIcon = lastAuthProvider && !connectedEOAWallet
         ? socialIcons[lastAuthProvider]
         : "https://gradvatar.com/0x0000000000000000000000000000000000000000"; // show smart wallet of eoa wallet is gradvatar
-    const { data: profileData } = useBsmntProfile({ address: account?.address });
-    const ensName = profileData?.username?.replace(/\.b3\.fun/g, "");
+    const { data: profileData } = useProfile({ address: account?.address });
+    const ensName = profileData?.displayName?.replace(/\.b3\.fun/g, "");
     const avatarUrl = profileData?.avatar;
     const res = useMemo(() => ({
         wallet: {

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

@@ -21,6 +21,13 @@ export interface PreferenceRequestBody {
     signer: string;
     timestamp: number;
 }
+export interface DisplayNameRequestBody {
+    key: string;
+    displayName: string;
+    signature: string;
+    signer: string;
+    timestamp: number;
+}
 export declare function useProfile({ address, name, fresh, }: {
     address?: string;
     name?: string;
@@ -35,4 +42,24 @@ export declare function useProfilePreference(): {
         success: boolean;
     }>;
 };
+export declare function useDisplayName(): {
+    setName: (key: string, displayName: string, signerAddress: string, signMessage: (message: string) => Promise<string>) => Promise<{
+        success: boolean;
+    }>;
+};
+export declare function useProfileSettings(): {
+    setPreference: (key: string, preferredType: string, signerAddress: string, signMessage: (message: string) => Promise<string>) => Promise<{
+        success: boolean;
+    }>;
+    setDisplayName: (key: string, displayName: string, signerAddress: string, signMessage: (message: string) => Promise<string>) => Promise<{
+        success: boolean;
+    }>;
+    updateSettings: (key: string, signerAddress: string, signMessage: (message: string) => Promise<string>, settings: {
+        preferredType?: string;
+        displayName?: string;
+    }) => Promise<{
+        preference?: any;
+        displayName?: any;
+    }>;
+};
 export default useProfile;

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

@@ -36,6 +36,25 @@ async function setProfilePreference({ key, preferredType, signature, signer, tim
     }
     return response.json();
 }
+async function setDisplayName({ key, displayName, signature, signer, timestamp, }) {
+    const response = await fetch(`${PROFILES_API_URL}/display-name`, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+            key,
+            displayName,
+            signature,
+            signer,
+            timestamp,
+        }),
+    });
+    if (!response.ok) {
+        throw new Error(`Failed to set display name: ${response.statusText}`);
+    }
+    return response.json();
+}
 export function useProfile({ address, name, fresh = false, }, options) {
     return useQuery({
         queryKey: ["profile", address || name, fresh],
@@ -65,4 +84,48 @@ export function useProfilePreference() {
     };
     return { setPreference };
 }
+export function useDisplayName() {
+    const setName = async (key, displayName, signerAddress, signMessage) => {
+        const timestamp = Math.floor(Date.now() / 1000);
+        const message = `SetDisplayName:${key}:${displayName}:${timestamp}`;
+        try {
+            const signature = await signMessage(message);
+            return setDisplayName({
+                key,
+                displayName,
+                signature,
+                signer: signerAddress,
+                timestamp,
+            });
+        }
+        catch (error) {
+            throw new Error(`Failed to set display name: ${error}`);
+        }
+    };
+    return { setName };
+}
+export function useProfileSettings() {
+    const { setPreference } = useProfilePreference();
+    const { setName } = useDisplayName();
+    const updateSettings = async (key, signerAddress, signMessage, settings) => {
+        const results = {};
+        try {
+            if (settings.preferredType) {
+                results.preference = await setPreference(key, settings.preferredType, signerAddress, signMessage);
+            }
+            if (settings.displayName) {
+                results.displayName = await setName(key, settings.displayName, signerAddress, signMessage);
+            }
+            return results;
+        }
+        catch (error) {
+            throw new Error(`Failed to update profile settings: ${error}`);
+        }
+    };
+    return {
+        setPreference,
+        setDisplayName: setName,
+        updateSettings,
+    };
+}
 export default useProfile;

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;

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

@@ -1,11 +1,12 @@
 import { OnrampOptions } from "@b3dotfun/sdk/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/types/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/types/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";

package/dist/types/global-account/react/hooks/useProfile.d.ts

@@ -21,6 +21,13 @@ export interface PreferenceRequestBody {
     signer: string;
     timestamp: number;
 }
+export interface DisplayNameRequestBody {
+    key: string;
+    displayName: string;
+    signature: string;
+    signer: string;
+    timestamp: number;
+}
 export declare function useProfile({ address, name, fresh, }: {
     address?: string;
     name?: string;
@@ -35,4 +42,24 @@ export declare function useProfilePreference(): {
         success: boolean;
     }>;
 };
+export declare function useDisplayName(): {
+    setName: (key: string, displayName: string, signerAddress: string, signMessage: (message: string) => Promise<string>) => Promise<{
+        success: boolean;
+    }>;
+};
+export declare function useProfileSettings(): {
+    setPreference: (key: string, preferredType: string, signerAddress: string, signMessage: (message: string) => Promise<string>) => Promise<{
+        success: boolean;
+    }>;
+    setDisplayName: (key: string, displayName: string, signerAddress: string, signMessage: (message: string) => Promise<string>) => Promise<{
+        success: boolean;
+    }>;
+    updateSettings: (key: string, signerAddress: string, signMessage: (message: string) => Promise<string>, settings: {
+        preferredType?: string;
+        displayName?: string;
+    }) => Promise<{
+        preference?: any;
+        displayName?: any;
+    }>;
+};
 export default useProfile;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.12",
+  "version": "0.0.13-alpha.1",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",
@@ -199,6 +199,7 @@
     "@feathersjs/feathers": "5.0.33",
     "@feathersjs/socketio-client": "5.0.33",
     "@feathersjs/typebox": "5.0.33",
+    "@fingerprintjs/fingerprintjs-pro-react": "^2.7.0",
     "@hey-api/client-fetch": "0.8.3",
     "@hey-api/openapi-ts": "0.64.13",
     "@lottiefiles/dotlottie-react": "0.7.2",
@@ -286,6 +287,7 @@
     "@react-three/postprocessing": "2.16.6",
     "@readyplayerme/visage": "6.10.0",
     "@tanstack/react-query": "5.55.0",
+    "@fingerprintjs/fingerprintjs-pro-react": "^2.7.0",
     "framer-motion": "12.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",

package/src/anyspend/react/components/AnySpend.tsx

@@ -12,7 +12,7 @@ import {
   StyleRoot,
   TransitionPanel,
   useAccountWallet,
-  useOnchainName,
+  useProfile,
   useRouter,
   useSearchParamsSSR,
   useTokenData,
@@ -405,12 +405,8 @@ export function AnySpend({
         },
   );
 
-  // Replace the old ENS lookup with our new hooks
-  const { name: recipientName } = useOnchainName(recipientAddress);
-  // const { name: walletName } = useOnchainName(globalAddress);
-
-  // Batch lookup for custom recipients
-  // const { names: customRecipientNames } = useOnchainNames(customRecipients.map(r => r.address));
+  const recipientProfile = useProfile({ address: recipientAddress });
+  const recipientName = recipientProfile.data?.name?.replace(/\.b3\.fun/g, "");
 
   // Load custom recipients from local storage on mount
   useEffect(() => {

package/src/anyspend/react/components/AnySpendCustom.tsx

@@ -30,8 +30,8 @@ import {
   TooltipTrigger,
   TransitionPanel,
   useAccountWallet,
-  useBsmntProfile,
   useHasMounted,
+  useProfile,
   useRouter,
   useSearchParamsSSR,
   useTokenBalancesByChain,
@@ -201,8 +201,8 @@ export function AnySpendCustom({
 
   // Update recipient logic to use custom recipient
   const recipientAddress = customRecipientAddress || currentWallet.address;
-  const recipientPropsProfile = useBsmntProfile({ address: recipientAddress });
-  const recipientEnsName = recipientPropsProfile.data?.username?.replace(/\.b3\.fun/g, "");
+  const recipientPropsProfile = useProfile({ address: recipientAddress });
+  const recipientEnsName = recipientPropsProfile.data?.name?.replace(/\.b3\.fun/g, "");
   const recipientImageUrl = recipientPropsProfile.data?.avatar || currentWallet.wallet.meta?.icon;
 
   const [orderId, setOrderId] = useState<string | undefined>(loadOrder);

package/src/anyspend/react/components/AnySpendFingerprintWrapper.tsx

@@ -0,0 +1,60 @@
+import { FingerprintJSPro, FpjsProvider } from "@fingerprintjs/fingerprintjs-pro-react";
+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 function AnySpendFingerprintWrapper({ children, fingerprint }: AnySpendFingerprintWrapperProps) {
+  // 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 <>{children}</>;
+  }
+
+  // Ensure endpoint has https:// prefix
+  const endpoint =
+    fingerprint.endpoint && !fingerprint.endpoint.startsWith("http")
+      ? `https://${fingerprint.endpoint}`
+      : fingerprint.endpoint;
+
+  return (
+    <FpjsProvider
+      loadOptions={{
+        apiKey: fingerprint.apiKey,
+        endpoint: endpoint ? [endpoint, FingerprintJSPro.defaultEndpoint] : undefined,
+        scriptUrlPattern: fingerprint.scriptUrlPattern
+          ? [fingerprint.scriptUrlPattern, FingerprintJSPro.defaultScriptUrlPattern]
+          : undefined,
+      }}
+    >
+      {children}
+    </FpjsProvider>
+  );
+}
+
+// Helper function to get fingerprint config from environment variables
+export function getFingerprintConfig(): FingerprintConfig | undefined {
+  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,
+  };
+}