@b3dotfun/sdk 0.0.12 → 0.0.13-alpha.0

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/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/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/cjs/global-account/react/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useURLParams = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalance = exports.useSiwe = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfilePreference = exports.useProfile = exports.useOneBalance = exports.useOnchainName = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGetGeo = exports.useGetAllTWSigners = exports.useExchangeRate = exports.useConnect = exports.useClaim = exports.useChainSwitchWithAction = exports.useBsmntProfile = exports.useBestTransactionPath = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = void 0;
+exports.useURLParams = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalance = exports.useSiwe = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfilePreference = exports.useProfile = exports.useOneBalance = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGetGeo = exports.useGetAllTWSigners = exports.useExchangeRate = exports.useConnect = exports.useClaim = exports.useChainSwitchWithAction = exports.useBestTransactionPath = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = void 0;
 var useAccountAssets_1 = require("./useAccountAssets");
 Object.defineProperty(exports, "useAccountAssets", { enumerable: true, get: function () { return useAccountAssets_1.useAccountAssets; } });
 var useAccountWallet_1 = require("./useAccountWallet");
@@ -15,8 +15,6 @@ var useB3EnsName_1 = require("./useB3EnsName");
 Object.defineProperty(exports, "useB3EnsName", { enumerable: true, get: function () { return useB3EnsName_1.useB3EnsName; } });
 var useBestTransactionPath_1 = require("./useBestTransactionPath");
 Object.defineProperty(exports, "useBestTransactionPath", { enumerable: true, get: function () { return useBestTransactionPath_1.useBestTransactionPath; } });
-var useBsmntProfile_1 = require("./useBsmntProfile");
-Object.defineProperty(exports, "useBsmntProfile", { enumerable: true, get: function () { return useBsmntProfile_1.useBsmntProfile; } });
 var useChainSwitchWithAction_1 = require("./useChainSwitchWithAction");
 Object.defineProperty(exports, "useChainSwitchWithAction", { enumerable: true, get: function () { return useChainSwitchWithAction_1.useChainSwitchWithAction; } });
 var useClaim_1 = require("./useClaim");
@@ -42,8 +40,6 @@ Object.defineProperty(exports, "useMediaQuery", { enumerable: true, get: functio
 var useNativeBalance_1 = require("./useNativeBalance");
 Object.defineProperty(exports, "useNativeBalance", { enumerable: true, get: function () { return useNativeBalance_1.useNativeBalance; } });
 Object.defineProperty(exports, "useNativeBalanceFromRPC", { enumerable: true, get: function () { return useNativeBalance_1.useNativeBalanceFromRPC; } });
-var useOnchainName_1 = require("./useOnchainName");
-Object.defineProperty(exports, "useOnchainName", { enumerable: true, get: function () { return useOnchainName_1.useOnchainName; } });
 var useOneBalance_1 = require("./useOneBalance");
 Object.defineProperty(exports, "useOneBalance", { enumerable: true, get: function () { return useOneBalance_1.useOneBalance; } });
 var useProfile_1 = require("./useProfile");

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

@@ -6,7 +6,6 @@ const constants_1 = require("../../../shared/constants");
 const react_2 = require("react");
 const react_3 = require("thirdweb/react");
 const in_app_1 = require("thirdweb/wallets/in-app");
-const useBsmntProfile_1 = require("./useBsmntProfile");
 function useLastAuthProvider() {
     const [lastAuthProvider, setLastAuthProvider] = (0, react_2.useState)(null);
     (0, react_2.useEffect)(() => {
@@ -32,8 +31,8 @@ function useAccountWallet() {
     const smartWalletIcon = lastAuthProvider && !connectedEOAWallet
         ? in_app_1.socialIcons[lastAuthProvider]
         : "https://gradvatar.com/0x0000000000000000000000000000000000000000"; // show smart wallet of eoa wallet is gradvatar
-    const { data: profileData } = (0, useBsmntProfile_1.useBsmntProfile)({ address: account?.address });
-    const ensName = profileData?.username?.replace(/\.b3\.fun/g, "");
+    const { data: profileData } = (0, react_1.useProfile)({ address: account?.address });
+    const ensName = profileData?.displayName?.replace(/\.b3\.fun/g, "");
     const avatarUrl = profileData?.avatar;
     const res = (0, react_2.useMemo)(() => ({
         wallet: {

package/dist/cjs/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/cjs/global-account/react/hooks/useProfile.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useProfile = useProfile;
 exports.useProfilePreference = useProfilePreference;
+exports.useDisplayName = useDisplayName;
+exports.useProfileSettings = useProfileSettings;
 const react_query_1 = require("@tanstack/react-query");
 const PROFILES_API_URL = "https://profiles.b3.fun";
 async function fetchProfile({ address, name, fresh = false, }) {
@@ -40,6 +42,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();
+}
 function useProfile({ address, name, fresh = false, }, options) {
     return (0, react_query_1.useQuery)({
         queryKey: ["profile", address || name, fresh],
@@ -69,4 +90,48 @@ function useProfilePreference() {
     };
     return { setPreference };
 }
+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 };
+}
+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,
+    };
+}
 exports.default = useProfile;

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { getDefaultToken, USDC_BASE } from "../../../anyspend/index.js";
 import { useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, } from "../../../anyspend/react/index.js";
-import { Button, ShinyButton, StyleRoot, TransitionPanel, useAccountWallet, useOnchainName, useRouter, useSearchParamsSSR, useTokenData, useTokenFromUrl, } from "../../../global-account/react/index.js";
+import { Button, ShinyButton, StyleRoot, TransitionPanel, useAccountWallet, useProfile, useRouter, useSearchParamsSSR, useTokenData, useTokenFromUrl, } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/cn.js";
 import { shortenAddress } from "../../../shared/utils/formatAddress.js";
 import { formatDisplayNumber, formatTokenAmount } from "../../../shared/utils/number.js";
@@ -299,11 +299,8 @@ export function AnySpend({ destinationTokenAddress, destinationTokenChainId, isM
             tradeType: "EXACT_INPUT",
             amount: srcAmountOnrampInWei,
         });
-    // 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(() => {
         try {

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { eqci, getDefaultToken } from "../../../anyspend/index.js";
 import { RELAY_ETH_ADDRESS, USDC_BASE } from "../../../anyspend/constants/index.js";
 import { useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useAnyspendTokenList, useGeoOnrampOptions, } from "../../../anyspend/react/index.js";
-import { Badge, Button, Dialog, DialogContent, Input, ShinyButton, Skeleton, StyleRoot, Tabs, TabsContent, TabsList, TabTrigger, TextShimmer, Tooltip, TooltipContent, TooltipTrigger, TransitionPanel, useAccountWallet, useBsmntProfile, useHasMounted, useRouter, useSearchParamsSSR, useTokenBalancesByChain, } from "../../../global-account/react/index.js";
+import { Badge, Button, Dialog, DialogContent, Input, ShinyButton, Skeleton, StyleRoot, Tabs, TabsContent, TabsList, TabTrigger, TextShimmer, Tooltip, TooltipContent, TooltipTrigger, TransitionPanel, useAccountWallet, useHasMounted, useProfile, useRouter, useSearchParamsSSR, useTokenBalancesByChain, } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/index.js";
 import centerTruncate from "../../../shared/utils/centerTruncate.js";
 import { formatTokenAmount } from "../../../shared/utils/number.js";
@@ -96,8 +96,8 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
     const [customRecipientAddress, setCustomRecipientAddress] = useState(recipientAddressProps);
     // 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(loadOrder);
     const [srcChainId, setSrcChainId] = useState(isMainnet ? base.id : baseSepolia.id);

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ALL_CHAINS, capitalizeFirstLetter, EVM_CHAINS, getChainName, getErrorDisplay, getExplorerTxUrl, getPaymentUrl, getStatusDisplay, isNativeToken, RELAY_ETH_ADDRESS, RELAY_SOLANA_MAINNET_CHAIN_ID, } from "../../../../anyspend/index.js";
-import { Badge, Button, CopyToClipboard, ShinyButton, Skeleton, TextLoop, TextShimmer, useAccountWallet, useChainSwitchWithAction, useModalStore, useOnchainName, } from "../../../../global-account/react/index.js";
+import { Badge, Button, CopyToClipboard, ShinyButton, Skeleton, TextLoop, TextShimmer, useAccountWallet, useChainSwitchWithAction, useModalStore, useProfile, } from "../../../../global-account/react/index.js";
 import { useRouter, useSearchParams } from "../../../../shared/react/hooks/index.js";
 import { cn } from "../../../../shared/utils/index.js";
 import centerTruncate from "../../../../shared/utils/centerTruncate.js";
@@ -124,7 +124,8 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
     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 } = useOnchainName(order.recipientAddress);
+    const profile = useProfile({ address: order.recipientAddress });
+    const recipientName = profile.data?.name?.replace(/\.b3\.fun/g, "");
     const account = useAccountWallet();
     const { data: walletClient } = useWalletClient();
     const [txHash, setTxHash] = useState();

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/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.0",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

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/common/OrderDetails.tsx

@@ -25,7 +25,7 @@ import {
   useAccountWallet,
   useChainSwitchWithAction,
   useModalStore,
-  useOnchainName,
+  useProfile,
 } from "@b3dotfun/sdk/global-account/react";
 import { useRouter, useSearchParams } from "@b3dotfun/sdk/shared/react/hooks";
 import { cn } from "@b3dotfun/sdk/shared/utils";
@@ -218,7 +218,9 @@ export const OrderDetails = memo(function OrderDetails({
   const tournament =
     order.type === "join_tournament" || order.type === "fund_tournament" ? order.metadata.tournament : undefined;
 
-  const { name: recipientName } = useOnchainName(order.recipientAddress);
+  const profile = useProfile({ address: order.recipientAddress });
+  const recipientName = profile.data?.name?.replace(/\.b3\.fun/g, "");
+
   const account = useAccountWallet();
 
   const { data: walletClient } = useWalletClient();

package/src/global-account/react/hooks/index.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,

package/src/global-account/react/hooks/useAccountWallet.tsx

@@ -1,10 +1,9 @@
-import { useB3 } from "@b3dotfun/sdk/global-account/react";
+import { useB3, useProfile } from "@b3dotfun/sdk/global-account/react";
 import { ecosystemWalletId } from "@b3dotfun/sdk/shared/constants";
 import { useEffect, useMemo, useState } from "react";
 import { getLastAuthProvider, useActiveWallet, useConnectedWallets, useWalletImage } from "thirdweb/react";
 import { Account, Wallet } from "thirdweb/wallets";
 import { socialIcons } from "thirdweb/wallets/in-app";
-import { useBsmntProfile } from "./useBsmntProfile";
 
 function useLastAuthProvider(): string | null {
   const [lastAuthProvider, setLastAuthProvider] = useState<string | null>(null);
@@ -62,8 +61,8 @@ export function useAccountWallet(): {
       ? socialIcons[lastAuthProvider as keyof typeof socialIcons]
       : "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(