@b3dotfun/sdk 0.0.12 → 0.0.13

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(

package/src/global-account/react/hooks/useProfile.ts

@@ -28,6 +28,15 @@ export interface PreferenceRequestBody {
   timestamp: number;
 }
 
+// TypeScript interface for display name request body
+export interface DisplayNameRequestBody {
+  key: string;
+  displayName: string;
+  signature: string;
+  signer: string;
+  timestamp: number;
+}
+
 const PROFILES_API_URL = "https://profiles.b3.fun";
 
 async function fetchProfile({
@@ -85,6 +94,34 @@ async function setProfilePreference({
   return response.json();
 }
 
+async function setDisplayName({
+  key,
+  displayName,
+  signature,
+  signer,
+  timestamp,
+}: DisplayNameRequestBody): Promise<{ success: boolean }> {
+  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,
@@ -138,4 +175,69 @@ export function useProfilePreference() {
   return { setPreference };
 }
 
+export function useDisplayName() {
+  const setName = async (
+    key: string,
+    displayName: string,
+    signerAddress: string,
+    signMessage: (message: string) => Promise<string>,
+  ) => {
+    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: string,
+    signerAddress: string,
+    signMessage: (message: string) => Promise<string>,
+    settings: {
+      preferredType?: string;
+      displayName?: string;
+    },
+  ) => {
+    const results: { preference?: any; displayName?: any } = {};
+
+    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/cjs/global-account/react/hooks/useBsmntProfile.d.ts

@@ -1,4 +0,0 @@
-export interface UseProfileOptions {
-    address?: string;
-}
-export declare const useBsmntProfile: ({ address }: UseProfileOptions) => import("@tanstack/react-query").UseQueryResult<any, Error>;

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBsmntProfile = void 0;
-const fetchBsmntProfile_1 = require("../../../shared/utils/fetchBsmntProfile");
-const react_query_1 = require("@tanstack/react-query");
-const useBsmntProfile = ({ address }) => {
-    return (0, react_query_1.useQuery)({
-        queryKey: ["useBsmntProfile", address],
-        queryFn: () => (0, fetchBsmntProfile_1.fetchBsmntProfile)(undefined, address),
-        enabled: !!address,
-    });
-};
-exports.useBsmntProfile = useBsmntProfile;

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

@@ -1,19 +0,0 @@
-export declare function useOnchainName(address: string | undefined): {
-    name: any;
-    isLoading: boolean;
-    b3Name: string | null | undefined;
-    ensName: any;
-};
-export declare function useOnchainNames(addresses: string[]): {
-    names: any[];
-    isLoading: boolean;
-};
-export declare function useResolveOnchainName(name: string | undefined): {
-    address: any;
-    isLoading: boolean;
-};
-export declare function useOnchainPFP(name: string | undefined): {
-    pfp: any;
-    isLoading: boolean;
-    address: any;
-};

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

@@ -1,193 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnchainName = useOnchainName;
-exports.useOnchainNames = useOnchainNames;
-exports.useResolveOnchainName = useResolveOnchainName;
-exports.useOnchainPFP = useOnchainPFP;
-const b3Ens_1 = require("../../../shared/utils/b3Ens");
-const fetchBsmntProfile_1 = require("../../../shared/utils/fetchBsmntProfile");
-const react_query_1 = require("@tanstack/react-query");
-function useOnchainName(address) {
-    const { data: bsmntName, isLoading: isLoadingBsmnt } = (0, react_query_1.useQuery)({
-        queryKey: ["useOnchainName/bsmntName", address?.toLowerCase()],
-        queryFn: async () => {
-            if (!address)
-                return null;
-            try {
-                const response = await (0, fetchBsmntProfile_1.fetchBsmntProfile)(undefined, address);
-                return response?.username?.replace(/\.b3\.fun/g, "") || null;
-            }
-            catch (error) {
-                return null;
-            }
-        },
-        enabled: !!address,
-    });
-    const { data: b3Name, isLoading: isLoadingB3 } = (0, react_query_1.useQuery)({
-        queryKey: ["b3-name", address?.toLowerCase()],
-        queryFn: async () => {
-            if (!address)
-                return null;
-            try {
-                const response = await (0, b3Ens_1.getB3NameByAddress)(address);
-                return response?.name?.replace(/\.b3\.fun/g, "") || null;
-            }
-            catch (error) {
-                return null;
-            }
-        },
-        enabled: !!address,
-    });
-    const { data: ensName, isLoading: isLoadingEns } = (0, react_query_1.useQuery)({
-        queryKey: ["ens-name", address?.toLowerCase()],
-        queryFn: async () => {
-            if (!address)
-                return null;
-            try {
-                const corsProxyUrl = "https://proxy.basement.fun/?url=" + encodeURIComponent(`https://api.ensdata.net/${address}`);
-                const response = await fetch(corsProxyUrl);
-                const data = await response.json();
-                return data?.ens || null;
-            }
-            catch (error) {
-                console.error("Error fetching ENS name:", error);
-                return null;
-            }
-        },
-        enabled: !!address,
-    });
-    return {
-        name: bsmntName || b3Name || ensName || null,
-        isLoading: isLoadingBsmnt || isLoadingB3 || isLoadingEns,
-        b3Name,
-        ensName,
-    };
-}
-function useOnchainNames(addresses) {
-    const queries = addresses.map(address => ({
-        queryKey: ["onchain-name", address.toLowerCase()],
-        queryFn: async () => {
-            try {
-                // Try B3 name first
-                const b3Response = await (0, b3Ens_1.getB3NameByAddress)(address);
-                if (b3Response?.name) {
-                    return b3Response.name;
-                }
-                // Fall back to ENS
-                const corsProxyUrl = "https://proxy.basement.fun/?url=" + encodeURIComponent(`https://api.ensdata.net/${address}`);
-                const ensResponse = await fetch(corsProxyUrl);
-                const ensData = await ensResponse.json();
-                return ensData?.ens || null;
-            }
-            catch (error) {
-                console.error("Error fetching onchain name:", error);
-                return null;
-            }
-        },
-        enabled: !!address,
-    }));
-    const results = (0, react_query_1.useQueries)({ queries });
-    return {
-        names: results.map(result => result.data),
-        isLoading: results.some(result => result.isLoading),
-    };
-}
-// Add a new hook to resolve ENS/B3 names to addresses
-function useResolveOnchainName(name) {
-    const { data: address, isLoading } = (0, react_query_1.useQuery)({
-        queryKey: ["name-resolve", name?.toLowerCase()],
-        queryFn: async () => {
-            if (!name)
-                return null;
-            try {
-                const isB3Name = name.startsWith("@") || name.toLowerCase().endsWith(".b3");
-                if (isB3Name) {
-                    // If contains and @, remove @ and add .b3.fun
-                    if (name.includes("@")) {
-                        name = name.replace("@", "").replace(".b3.fun", "") + ".b3.fun";
-                    }
-                    // Try B3 name resolution first
-                    try {
-                        const b3Response = await (0, b3Ens_1.getEnsName)(name);
-                        const b3Data = await b3Response.json();
-                        if (b3Data?.addresses?.["60"]) {
-                            return b3Data.addresses["60"];
-                        }
-                    }
-                    catch (error) { }
-                    // Fall back to ENS only if it's a .b3 name (not @)
-                    if (!name.startsWith("@")) {
-                        const corsProxyUrl = "https://proxy.basement.fun/?url=" + encodeURIComponent(`https://api.ensdata.net/${name}`);
-                        const ensResponse = await fetch(corsProxyUrl);
-                        const ensData = await ensResponse.json();
-                        return ensData?.address || null;
-                    }
-                    return null;
-                }
-                else {
-                    // Try ENS resolution first
-                    const corsProxyUrl = "https://proxy.basement.fun/?url=" + encodeURIComponent(`https://api.ensdata.net/${name}`);
-                    const ensResponse = await fetch(corsProxyUrl);
-                    const ensData = await ensResponse.json();
-                    if (ensData?.address) {
-                        return ensData.address;
-                    }
-                    // Fall back to B3 name resolution
-                    try {
-                        const b3Response = await (0, b3Ens_1.getEnsName)(name.replace("@", "").replace(".b3.fun", "").replace(".b3", "") + ".b3.fun");
-                        const b3Data = await b3Response.json();
-                        return b3Data?.addresses?.["60"] || null;
-                    }
-                    catch (error) {
-                        return null;
-                    }
-                }
-            }
-            catch (error) {
-                console.error("Error resolving name:", error);
-                return null;
-            }
-        },
-        enabled: !!name,
-    });
-    return {
-        address,
-        isLoading,
-    };
-}
-// Add a new hook to fetch ENS profile image
-function useOnchainPFP(name) {
-    const { address } = useResolveOnchainName(name);
-    const { data: pfp, isLoading } = (0, react_query_1.useQuery)({
-        queryKey: ["ens-pfp", name?.toLowerCase()],
-        queryFn: async () => {
-            if (!name)
-                return null;
-            try {
-                // First try ENS avatar
-                const corsProxyUrl = "https://proxy.basement.fun/?url=" + encodeURIComponent(`https://api.ensdata.net/${name}`);
-                const response = await fetch(corsProxyUrl);
-                const data = await response.json();
-                if (data?.avatar) {
-                    // If it's an IPFS URL, convert it to a gateway URL
-                    if (data.avatar.startsWith("ipfs://")) {
-                        return data.avatar.replace("ipfs://", "https://ipfs.io/ipfs/");
-                    }
-                    return data.avatar;
-                }
-                return null;
-            }
-            catch (error) {
-                console.error("Error fetching ENS PFP:", error);
-                return null;
-            }
-        },
-        enabled: !!name,
-    });
-    return {
-        pfp,
-        isLoading,
-        address,
-    };
-}

package/dist/cjs/shared/utils/fetchBsmntProfile.d.ts

@@ -1 +0,0 @@
-export declare function fetchBsmntProfile(username?: string, address?: string): Promise<any>;

package/dist/cjs/shared/utils/fetchBsmntProfile.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetchBsmntProfile = fetchBsmntProfile;
-const baseUrl = process.env.NEXT_PUBLIC_BASEMENT_API_URL ||
-    process.env.NEXT_PUBLIC_FEATHERS_API ||
-    "https://basement-feathers-api-production.up.railway.app";
-async function fetchBsmntProfile(username, address) {
-    let response;
-    const queryUsername = username?.includes(".b3.fun") ? username : `${username}.b3.fun`;
-    try {
-        if (username) {
-            response = await fetch(`${baseUrl}/profiles/?username=${queryUsername}`);
-        }
-        else if (address) {
-            response = await fetch(`${baseUrl}/profiles/?linkedAccounts[$elemMatch][normalizedAddress]=${String(address).toLowerCase() || ""}`);
-        }
-        const json = await response?.json();
-        if (json.data.length == 0)
-            throw new Error(`Profile not found`);
-        return json.data[0];
-    }
-    catch (error) {
-        console.error("Error fetching profile", error);
-        throw error;
-    }
-}

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

@@ -1,4 +0,0 @@
-export interface UseProfileOptions {
-    address?: string;
-}
-export declare const useBsmntProfile: ({ address }: UseProfileOptions) => import("@tanstack/react-query").UseQueryResult<any, Error>;

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

@@ -1,9 +0,0 @@
-import { fetchBsmntProfile } from "../../../shared/utils/fetchBsmntProfile.js";
-import { useQuery } from "@tanstack/react-query";
-export const useBsmntProfile = ({ address }) => {
-    return useQuery({
-        queryKey: ["useBsmntProfile", address],
-        queryFn: () => fetchBsmntProfile(undefined, address),
-        enabled: !!address,
-    });
-};

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

@@ -1,19 +0,0 @@
-export declare function useOnchainName(address: string | undefined): {
-    name: any;
-    isLoading: boolean;
-    b3Name: string | null | undefined;
-    ensName: any;
-};
-export declare function useOnchainNames(addresses: string[]): {
-    names: any[];
-    isLoading: boolean;
-};
-export declare function useResolveOnchainName(name: string | undefined): {
-    address: any;
-    isLoading: boolean;
-};
-export declare function useOnchainPFP(name: string | undefined): {
-    pfp: any;
-    isLoading: boolean;
-    address: any;
-};

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

@@ -1,187 +0,0 @@
-"use client";
-import { getB3NameByAddress, getEnsName } from "../../../shared/utils/b3Ens.js";
-import { fetchBsmntProfile } from "../../../shared/utils/fetchBsmntProfile.js";
-import { useQueries, useQuery } from "@tanstack/react-query";
-export function useOnchainName(address) {
-    const { data: bsmntName, isLoading: isLoadingBsmnt } = useQuery({
-        queryKey: ["useOnchainName/bsmntName", address?.toLowerCase()],
-        queryFn: async () => {
-            if (!address)
-                return null;
-            try {
-                const response = await fetchBsmntProfile(undefined, address);
-                return response?.username?.replace(/\.b3\.fun/g, "") || null;
-            }
-            catch (error) {
-                return null;
-            }
-        },
-        enabled: !!address,
-    });
-    const { data: b3Name, isLoading: isLoadingB3 } = useQuery({
-        queryKey: ["b3-name", address?.toLowerCase()],
-        queryFn: async () => {
-            if (!address)
-                return null;
-            try {
-                const response = await getB3NameByAddress(address);
-                return response?.name?.replace(/\.b3\.fun/g, "") || null;
-            }
-            catch (error) {
-                return null;
-            }
-        },
-        enabled: !!address,
-    });
-    const { data: ensName, isLoading: isLoadingEns } = useQuery({
-        queryKey: ["ens-name", address?.toLowerCase()],
-        queryFn: async () => {
-            if (!address)
-                return null;
-            try {
-                const corsProxyUrl = "https://proxy.basement.fun/?url=" + encodeURIComponent(`https://api.ensdata.net/${address}`);
-                const response = await fetch(corsProxyUrl);
-                const data = await response.json();
-                return data?.ens || null;
-            }
-            catch (error) {
-                console.error("Error fetching ENS name:", error);
-                return null;
-            }
-        },
-        enabled: !!address,
-    });
-    return {
-        name: bsmntName || b3Name || ensName || null,
-        isLoading: isLoadingBsmnt || isLoadingB3 || isLoadingEns,
-        b3Name,
-        ensName,
-    };
-}
-export function useOnchainNames(addresses) {
-    const queries = addresses.map(address => ({
-        queryKey: ["onchain-name", address.toLowerCase()],
-        queryFn: async () => {
-            try {
-                // Try B3 name first
-                const b3Response = await getB3NameByAddress(address);
-                if (b3Response?.name) {
-                    return b3Response.name;
-                }
-                // Fall back to ENS
-                const corsProxyUrl = "https://proxy.basement.fun/?url=" + encodeURIComponent(`https://api.ensdata.net/${address}`);
-                const ensResponse = await fetch(corsProxyUrl);
-                const ensData = await ensResponse.json();
-                return ensData?.ens || null;
-            }
-            catch (error) {
-                console.error("Error fetching onchain name:", error);
-                return null;
-            }
-        },
-        enabled: !!address,
-    }));
-    const results = useQueries({ queries });
-    return {
-        names: results.map(result => result.data),
-        isLoading: results.some(result => result.isLoading),
-    };
-}
-// Add a new hook to resolve ENS/B3 names to addresses
-export function useResolveOnchainName(name) {
-    const { data: address, isLoading } = useQuery({
-        queryKey: ["name-resolve", name?.toLowerCase()],
-        queryFn: async () => {
-            if (!name)
-                return null;
-            try {
-                const isB3Name = name.startsWith("@") || name.toLowerCase().endsWith(".b3");
-                if (isB3Name) {
-                    // If contains and @, remove @ and add .b3.fun
-                    if (name.includes("@")) {
-                        name = name.replace("@", "").replace(".b3.fun", "") + ".b3.fun";
-                    }
-                    // Try B3 name resolution first
-                    try {
-                        const b3Response = await getEnsName(name);
-                        const b3Data = await b3Response.json();
-                        if (b3Data?.addresses?.["60"]) {
-                            return b3Data.addresses["60"];
-                        }
-                    }
-                    catch (error) { }
-                    // Fall back to ENS only if it's a .b3 name (not @)
-                    if (!name.startsWith("@")) {
-                        const corsProxyUrl = "https://proxy.basement.fun/?url=" + encodeURIComponent(`https://api.ensdata.net/${name}`);
-                        const ensResponse = await fetch(corsProxyUrl);
-                        const ensData = await ensResponse.json();
-                        return ensData?.address || null;
-                    }
-                    return null;
-                }
-                else {
-                    // Try ENS resolution first
-                    const corsProxyUrl = "https://proxy.basement.fun/?url=" + encodeURIComponent(`https://api.ensdata.net/${name}`);
-                    const ensResponse = await fetch(corsProxyUrl);
-                    const ensData = await ensResponse.json();
-                    if (ensData?.address) {
-                        return ensData.address;
-                    }
-                    // Fall back to B3 name resolution
-                    try {
-                        const b3Response = await getEnsName(name.replace("@", "").replace(".b3.fun", "").replace(".b3", "") + ".b3.fun");
-                        const b3Data = await b3Response.json();
-                        return b3Data?.addresses?.["60"] || null;
-                    }
-                    catch (error) {
-                        return null;
-                    }
-                }
-            }
-            catch (error) {
-                console.error("Error resolving name:", error);
-                return null;
-            }
-        },
-        enabled: !!name,
-    });
-    return {
-        address,
-        isLoading,
-    };
-}
-// Add a new hook to fetch ENS profile image
-export function useOnchainPFP(name) {
-    const { address } = useResolveOnchainName(name);
-    const { data: pfp, isLoading } = useQuery({
-        queryKey: ["ens-pfp", name?.toLowerCase()],
-        queryFn: async () => {
-            if (!name)
-                return null;
-            try {
-                // First try ENS avatar
-                const corsProxyUrl = "https://proxy.basement.fun/?url=" + encodeURIComponent(`https://api.ensdata.net/${name}`);
-                const response = await fetch(corsProxyUrl);
-                const data = await response.json();
-                if (data?.avatar) {
-                    // If it's an IPFS URL, convert it to a gateway URL
-                    if (data.avatar.startsWith("ipfs://")) {
-                        return data.avatar.replace("ipfs://", "https://ipfs.io/ipfs/");
-                    }
-                    return data.avatar;
-                }
-                return null;
-            }
-            catch (error) {
-                console.error("Error fetching ENS PFP:", error);
-                return null;
-            }
-        },
-        enabled: !!name,
-    });
-    return {
-        pfp,
-        isLoading,
-        address,
-    };
-}

package/dist/esm/shared/utils/fetchBsmntProfile.d.ts

@@ -1 +0,0 @@
-export declare function fetchBsmntProfile(username?: string, address?: string): Promise<any>;