@b3dotfun/sdk 0.0.7-alpha.2 → 0.0.7-alpha.21

package/src/global-account/react/components/ui/glare-card.tsx

@@ -9,16 +9,16 @@ export const GlareCard = ({ children, className }: { children: React.ReactNode;
   const state = useRef({
     glare: {
       x: 50,
-      y: 50
+      y: 50,
     },
     background: {
       x: 50,
-      y: 50
+      y: 50,
     },
     rotate: {
       x: 0,
-      y: 0
-    }
+      y: 0,
+    },
   });
   const containerStyle = {
     "--m-x": "50%",
@@ -34,7 +34,7 @@ export const GlareCard = ({ children, className }: { children: React.ReactNode;
     "--easing": "ease",
     "--transition": "var(--duration) var(--easing)",
     transition:
-      "transform var(--duration) var(--easing), opacity var(--duration) var(--easing), background var(--duration) var(--easing)"
+      "transform var(--duration) var(--easing), opacity var(--duration) var(--easing), background var(--duration) var(--easing)",
   } as any;
 
   const backgroundStyle = {
@@ -47,7 +47,7 @@ export const GlareCard = ({ children, className }: { children: React.ReactNode;
       "repeating-linear-gradient( 128deg,#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,10%,60%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12% ) var(--bg-x) var(--bg-y)/300% no-repeat",
     "--shade":
       "radial-gradient( farthest-corner circle at var(--m-x) var(--m-y),rgba(255,255,255,0.1) 12%,rgba(255,255,255,0.15) 20%,rgba(255,255,255,0.25) 120% ) var(--bg-x) var(--bg-y)/300% no-repeat",
-    backgroundBlendMode: "hue, hue, hue, overlay"
+    backgroundBlendMode: "hue, hue, hue, overlay",
   };
 
   const updateStyles = () => {
@@ -65,7 +65,7 @@ export const GlareCard = ({ children, className }: { children: React.ReactNode;
   return (
     <div
       style={{
-        ...containerStyle
+        ...containerStyle,
       }}
       className="relative isolate h-auto w-full will-change-transform [contain:layout_style] [perspective:600px]"
       ref={refElement}
@@ -74,15 +74,15 @@ export const GlareCard = ({ children, className }: { children: React.ReactNode;
         const rect = event.currentTarget.getBoundingClientRect();
         const position = {
           x: event.clientX - rect.left,
-          y: event.clientY - rect.top
+          y: event.clientY - rect.top,
         };
         const percentage = {
           x: (100 / rect.width) * position.x,
-          y: (100 / rect.height) * position.y
+          y: (100 / rect.height) * position.y,
         };
         const delta = {
           x: percentage.x - 50,
-          y: percentage.y - 50
+          y: percentage.y - 50,
         };
 
         const { background, rotate, glare } = state.current;
@@ -125,7 +125,7 @@ export const GlareCard = ({ children, className }: { children: React.ReactNode;
         <div
           className="grid h-full w-full opacity-[var(--opacity)] mix-blend-soft-light [grid-area:1/1] [background:radial-gradient(farthest-corner_circle_at_var(--m-x)_var(--m-y),_rgba(255,255,255,0.8)_10%,_rgba(255,255,255,0.65)_20%,_rgba(255,255,255,0)_90%)] [clip-path:inset(0_0_1px_0_round_var(--radius))]"
           style={{
-            transition: "opacity var(--duration) var(--easing), background var(--duration) var(--easing)"
+            transition: "opacity var(--duration) var(--easing), background var(--duration) var(--easing)",
           }}
         />
         <div

package/src/global-account/react/components/ui/input.tsx

@@ -10,10 +10,10 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, type,
       type={type}
       className={cn(
         "border-b3-react-border bg-b3-react-background ring-offset-b3-react-background placeholder:text-b3-react-muted-foreground focus-visible:ring-b3-react-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-        className
+        className,
       )}
       style={{
-        boxShadow: "inset 0 0 0 1px rgba(255, 255, 255, 0.05)"
+        boxShadow: "inset 0 0 0 1px rgba(255, 255, 255, 0.05)",
       }}
       ref={ref}
       {...props}

package/src/global-account/react/components/ui/popover.tsx

@@ -22,7 +22,7 @@ const PopoverContent = React.forwardRef<
         sideOffset={sideOffset}
         className={cn(
           "bg-b3-react-popover text-as-primary z-50 rounded-md border p-4 shadow-md outline-none",
-          className
+          className,
         )}
         {...props}
       />

package/src/global-account/react/components/ui/scroll-area.tsx

@@ -28,7 +28,7 @@ const ScrollBar = React.forwardRef<
       "flex touch-none select-none transition-colors",
       orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
       orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      className
+      className,
     )}
     {...props}
   >

package/src/global-account/react/components/ui/text-loop.tsx

@@ -18,7 +18,7 @@ export function TextLoop({
   interval = 2,
   transition = { duration: 0.3 },
   variants,
-  onIndexChange
+  onIndexChange,
 }: TextLoopProps) {
   const [currentIndex, setCurrentIndex] = useState(0);
   const items = Children.toArray(children);
@@ -39,7 +39,7 @@ export function TextLoop({
   const motionVariants: Variants = {
     initial: { y: 20, opacity: 0 },
     animate: { y: 0, opacity: 1 },
-    exit: { y: -20, opacity: 0 }
+    exit: { y: -20, opacity: 0 },
   };
 
   return (

package/src/global-account/react/components/ui/text-shimmer.tsx

@@ -25,19 +25,19 @@ export function TextShimmer({ children, as: Component = "p", className, duration
         "text-transparent [--base-color:#a1a1aa] [--base-gradient-color:#000]",
         "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--base-gradient-color),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]",
         "dark:[--base-color:#71717a] dark:[--base-gradient-color:#ffffff] dark:[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--base-gradient-color),#0000_calc(50%+var(--spread)))]",
-        className
+        className,
       )}
       initial={{ backgroundPosition: "100% center" }}
       animate={{ backgroundPosition: "0% center" }}
       transition={{
         repeat: Infinity,
         duration,
-        ease: "linear"
+        ease: "linear",
       }}
       style={
         {
           "--spread": `${dynamicSpread}px`,
-          backgroundImage: `var(--bg), linear-gradient(var(--base-color), var(--base-color))`
+          backgroundImage: `var(--bg), linear-gradient(var(--base-color), var(--base-color))`,
         } as React.CSSProperties
       }
     >

package/src/global-account/react/components/ui/tooltip.tsx

@@ -24,7 +24,7 @@ const TooltipContent: React.ForwardRefExoticComponent<
     sideOffset={sideOffset}
     className={cn(
       "bg-popover text-popover-b3-react-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md",
-      className
+      className,
     )}
     {...props}
   />

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

@@ -7,8 +7,8 @@ async function fetchAccountAssets(address: string) {
     fetchSimpleHashData(`/v0/nfts/owners`, {
       chains: "b3,b3-sepolia,base",
       wallet_addresses: address,
-      count: true
-    })
+      count: true,
+    }),
     // we are not using the tokenResponse anywhere in the app, let's not call it, if we don't need it
     // getERC20Balances(address, {
     //   chainIds: [8333, 1993, 8453, 84532],
@@ -18,7 +18,7 @@ async function fetchAccountAssets(address: string) {
   ]);
 
   return {
-    nftResponse
+    nftResponse,
     //tokenResponse,
   };
 }
@@ -29,6 +29,6 @@ export function useAccountAssets(address?: string) {
     queryFn: () => fetchAccountAssets(address!),
     enabled: Boolean(address),
     staleTime: 30 * 1000, // Consider data fresh for 30 seconds
-    gcTime: 5 * 60 * 1000 // Keep unused data in cache for 5 minutes
+    gcTime: 5 * 60 * 1000, // Keep unused data in cache for 5 minutes
   });
 }

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

@@ -72,8 +72,8 @@ export function useAccountWallet(): {
         ...account,
         ensName,
         meta: {
-          icon: avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || ""
-        }
+          icon: avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "",
+        },
       },
 
       address: account?.address,
@@ -86,7 +86,7 @@ export function useAccountWallet(): {
       isActiveEOAWallet: isActiveEOAWallet,
 
       smartWalletIcon: smartWalletIcon,
-      eoaWalletIcon: walletImage
+      eoaWalletIcon: walletImage,
     }),
     [
       account,
@@ -97,14 +97,14 @@ export function useAccountWallet(): {
       isActiveEOAWallet,
       isActiveSmartWallet,
       smartWalletIcon,
-      walletImage
-    ]
+      walletImage,
+    ],
   );
 
-  // useEffect(() => {
-  //   console.log(`account`, account);
-  //   console.log(`useAccountWallet`, res);
-  // }, [account, res]);
+  useEffect(() => {
+    console.log(`account`, account);
+    console.log(`useAccountWallet`, res);
+  }, [account, res]);
 
   return res;
 }

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

@@ -11,14 +11,14 @@ export function useAddTWSessionKey({
   onSuccess,
   onError,
   refetchSigners,
-  chain
+  chain,
 }: {
   chain?: Chain;
   onSuccess: (
     transactionResult: { transactionHash: Hex } & {
       client: ThirdwebClient;
       chain: Chain;
-    }
+    },
   ) => void;
   onError: (error: Error) => void;
   refetchSigners: () => Promise<any>;
@@ -34,7 +34,7 @@ export function useAddTWSessionKey({
     approvedTargets,
     nativeTokenLimitPerTransaction,
     permissionStartTimestamp,
-    permissionEndTimestamp
+    permissionEndTimestamp,
   }: {
     sessionKeyAddress: Address;
     approvedTargets: Address[];
@@ -49,14 +49,14 @@ export function useAddTWSessionKey({
       approvedTargets,
       nativeTokenLimitPerTransaction,
       permissionStartTimestamp,
-      permissionEndTimestamp
+      permissionEndTimestamp,
     });
     try {
       const transaction = addSessionKey({
         contract: {
           client,
           chain,
-          address: account.address as `0x${string}`
+          address: account.address as `0x${string}`,
         },
         account,
         sessionKeyAddress,
@@ -64,8 +64,8 @@ export function useAddTWSessionKey({
           approvedTargets,
           nativeTokenLimitPerTransaction,
           permissionStartTimestamp,
-          permissionEndTimestamp
-        }
+          permissionEndTimestamp,
+        },
       });
 
       debug("@@ecosystem:newSessionKey:transaction:", transaction);

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

@@ -26,7 +26,7 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
   const { connect } = useConnect(partnerId, b3MainnetThirdWeb);
 
   const wallet = ecosystemWallet(ecosystemWalletId, {
-    partnerId: partnerId
+    partnerId: partnerId,
   });
 
   const { isLoading: useAutoConnectLoading } = useAutoConnect({
@@ -64,7 +64,7 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
         setIsAuthenticated(false);
         setUser();
       }
-    }
+    },
   });
 
   // Ensure isAuthenticating stays true until we're fully ready
@@ -121,6 +121,6 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
     isReady,
     wallet,
     preAuthenticate,
-    connect
+    connect,
   };
 }

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

@@ -11,14 +11,14 @@ const abi = [
     name: "balanceOf",
     outputs: [{ name: "", type: "uint256" }],
     stateMutability: "view",
-    type: "function"
-  }
+    type: "function",
+  },
 ] as const;
 
 // Create a public client for Base
 const client = createPublicClient({
   chain: base,
-  transport: http()
+  transport: http(),
 });
 
 async function fetchB3Balances(addresses: string[]): Promise<{
@@ -38,15 +38,15 @@ async function fetchB3Balances(addresses: string[]): Promise<{
           address: B3_TOKEN.address,
           abi,
           functionName: "balanceOf",
-          args: [address as `0x${string}`]
+          args: [address as `0x${string}`],
         });
 
         return {
           address,
           balance,
-          formatted: formatUnits(balance, B3_TOKEN.decimals)
+          formatted: formatUnits(balance, B3_TOKEN.decimals),
         };
-      })
+      }),
     );
 
     // Calculate total
@@ -55,7 +55,7 @@ async function fetchB3Balances(addresses: string[]): Promise<{
     return {
       totalBalance,
       formattedTotal: formatNumber(Number(formatUnits(totalBalance, B3_TOKEN.decimals))),
-      breakdown: balances
+      breakdown: balances,
     };
   } catch (error) {
     console.error("Error fetching B3 balances:", error);
@@ -68,7 +68,7 @@ export function useB3BalanceFromAddresses(
   options?: {
     enabled?: boolean;
     refetchInterval?: number;
-  }
+  },
 ) {
   // Normalize addresses to array
   const normalizedAddresses = Array.isArray(addresses)
@@ -84,7 +84,7 @@ export function useB3BalanceFromAddresses(
     queryFn: () => fetchB3Balances(normalizedAddresses),
     enabled: (options?.enabled ?? true) && normalizedAddresses.length > 0,
     refetchInterval: options?.refetchInterval ?? 30000, // Default 30s refresh
-    staleTime: 10000 // Consider data stale after 10s
+    staleTime: 10000, // Consider data stale after 10s
   });
 }
 

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

@@ -1,35 +1,29 @@
-import bsmntApp from "@b3dotfun/sdk/global-account/bsmnt";
-import { B3_AUTH_COOKIE_NAME } from "@b3dotfun/sdk/shared/constants";
-import Cookies from "js-cookie";
-
-import { useCallback, useMemo } from "react";
+import { ENS_GATEWAY_URL } from "@b3dotfun/sdk/shared/constants";
+import { useMemo } from "react";
 
 export const useB3EnsName = () => {
-  const registerEns = useCallback(
-    async (username: string, message: string, hash: string) => {
-      if (!bsmntApp.authentication.authenticated) {
-        await bsmntApp.authentication.authenticate({
-          strategy: "b3-jwt",
-          accessToken: Cookies.get(B3_AUTH_COOKIE_NAME) || ""
-        });
-      }
-
-      const response = await bsmntApp.service("profiles").registerUsername(
-        {
-          username,
-          message,
-          hash
+  const registerEns = async (name: `${string}.b3.fun`, address: string, hash: string): Promise<Response> => {
+    const message = `Register "${name}"`;
+    const response = await fetch(ENS_GATEWAY_URL + "set", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        name: name,
+        owner: address.toLowerCase(),
+        addresses: { "60": address.toLowerCase() },
+        signature: {
+          message: message,
+          hash: hash,
         },
-        {}
-      );
-
-      return response;
-    },
-    [bsmntApp.authentication.authenticated]
-  );
+      }),
+    });
+    return response;
+  };
 
-  const getEns = useCallback(async (address: string) => {
-    const response = await fetch(`https://ens-gateway.b3.fun/address/${address}`);
+  const getEns = async (address: string) => {
+    const response = await fetch(`${ENS_GATEWAY_URL}address/${address}`);
 
     if (!response.ok) {
       throw new Error(`Failed to fetch ENS name: ${response.statusText}`);
@@ -37,13 +31,31 @@ export const useB3EnsName = () => {
 
     const data = await response.json();
     return data as { name: string };
-  }, []);
+  };
+
+  const lookupEnsName = async (name: `${string}.b3.fun`) => {
+    const response = await fetch(`${ENS_GATEWAY_URL}get/${name}`);
+
+    if (!response.ok) {
+      throw new Error(`Failed to fetch ENS lookup: ${response.statusText}`);
+    }
+
+    const data = await response.json();
+    return data as {
+      name: string;
+      owner: `0x${string}`;
+      addresses: Record<string, `0x${string}`>;
+      createdAt: number;
+      updatedAt: number;
+    };
+  };
 
   return useMemo(
     () => ({
       registerEns,
-      getEns
+      getEns,
+      lookupEnsName,
     }),
-    [registerEns, getEns]
+    [],
   );
 };

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

@@ -54,13 +54,13 @@ export function useBestTransactionPath({
   amount,
   token,
   address,
-  transactionType: _transactionType = "send"
+  transactionType: _transactionType = "send",
 }: UseBestTransactionPathProps): TransactionPathResult {
   const account = useAccountWallet();
   const effectiveAddress = address || account?.address;
 
   const isSupportedSprinterToken = supportedSprinterTokenSymbols.includes(
-    token.symbol.toUpperCase() as (typeof supportedSprinterTokenSymbols)[number]
+    token.symbol.toUpperCase() as (typeof supportedSprinterTokenSymbols)[number],
   );
 
   // Get balances across all chains
@@ -69,7 +69,7 @@ export function useBestTransactionPath({
   // Get the token balance using our new hook
   const { rawBalance, isLoading: tokenBalanceLoading } = useTokenBalance({
     token,
-    address: effectiveAddress
+    address: effectiveAddress,
   });
 
   // Check if amount is available natively on destination chain
@@ -104,7 +104,7 @@ export function useBestTransactionPath({
     isSupportedSprinterToken,
     oneBalanceLoading,
     aggregatedBalances,
-    rawBalance
+    rawBalance,
   ]);
 
   const totalCrossChainBalance = useMemo(() => {
@@ -132,14 +132,14 @@ export function useBestTransactionPath({
         options.push({
           chainId: chainBalance.chainId,
           balance: balanceBi,
-          formattedBalance: formatUnits(balanceBi, chainBalance.tokenDecimals)
+          formattedBalance: formatUnits(balanceBi, chainBalance.tokenDecimals),
         });
       }
     }
 
     return {
       hasSprinterPath: options.length > 0,
-      sprinterOptions: options
+      sprinterOptions: options,
     };
   }, [isSupportedSprinterToken, oneBalanceLoading, aggregatedBalances, token.symbol, token.chainId, amount]);
 
@@ -155,7 +155,7 @@ export function useBestTransactionPath({
         hasSprinterPath,
         availableBalance,
         totalCrossChainBalance,
-        sprinterOptions
+        sprinterOptions,
       };
     }
 
@@ -167,7 +167,7 @@ export function useBestTransactionPath({
         hasSprinterPath: true,
         availableBalance,
         totalCrossChainBalance,
-        sprinterOptions
+        sprinterOptions,
       };
     }
 
@@ -178,7 +178,7 @@ export function useBestTransactionPath({
       hasSprinterPath: false,
       availableBalance,
       totalCrossChainBalance,
-      sprinterOptions: []
+      sprinterOptions: [],
     };
   }, [
     token.address,
@@ -187,7 +187,7 @@ export function useBestTransactionPath({
     hasNativeBalance,
     hasSprinterPath,
     totalCrossChainBalance,
-    sprinterOptions
+    sprinterOptions,
   ]);
 
   // Combine all loading states
@@ -195,6 +195,6 @@ export function useBestTransactionPath({
 
   return {
     ...path,
-    loading
+    loading,
   };
 }

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

@@ -9,6 +9,6 @@ export const useBsmntProfile = ({ address }: UseProfileOptions) => {
   return useQuery({
     queryKey: ["useBsmntProfile", address],
     queryFn: () => fetchBsmntProfile(undefined, address),
-    enabled: !!address
+    enabled: !!address,
   });
 };

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

@@ -57,9 +57,9 @@ export function useChainSwitchWithAction() {
             nativeCurrency: {
               name: nativeCurrency.name,
               symbol: nativeCurrency.symbol,
-              decimals: nativeCurrency.decimals
-            }
-          }
+              decimals: nativeCurrency.decimals,
+            },
+          },
         });
         await run(() => action(walletClient));
       } catch (e: any) {
@@ -72,7 +72,7 @@ export function useChainSwitchWithAction() {
         }
       }
     },
-    [walletClient, run, switchChainAsync]
+    [walletClient, run, switchChainAsync],
   );
 
   return { switchChainAndExecute, isSwitchingOrExecuting };

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

@@ -27,7 +27,7 @@ export function useClaim({ contractAddress, quantity = 1, chain, to, tokenId }:
         const contract = getContract({
           client,
           chain,
-          address: contractAddress
+          address: contractAddress,
         });
 
         // If tokenId is provided, use ERC1155 claim
@@ -37,17 +37,17 @@ export function useClaim({ contractAddress, quantity = 1, chain, to, tokenId }:
                 contract,
                 to,
                 quantity: BigInt(quantity),
-                tokenId: BigInt(tokenId)
+                tokenId: BigInt(tokenId),
               })
             : claimTo721({
                 contract,
                 to,
-                quantity: BigInt(quantity)
+                quantity: BigInt(quantity),
               });
 
         const tx = await sendTransaction({
           transaction,
-          account
+          account,
         });
 
         return tx.transactionHash;
@@ -55,7 +55,7 @@ export function useClaim({ contractAddress, quantity = 1, chain, to, tokenId }:
         setIsMinting(false);
       }
     },
-    [contractAddress, quantity, chain, to, tokenId]
+    [contractAddress, quantity, chain, to, tokenId],
   );
 
   return { claim, isMinting };

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

@@ -31,19 +31,19 @@ export function useConnect(partnerId: string, chain?: Chain) {
         debug("@@useConnect:strategyOptions", {
           partnerId,
           strategyOptions,
-          clientId: THIRDWEB_CLIENT_ID
+          clientId: THIRDWEB_CLIENT_ID,
         });
 
         // Create a wallet for "Allowlist" ecosystems restricted to partners
         const wallet = ecosystemWallet(ecosystemWalletId, {
-          partnerId: partnerId
+          partnerId: partnerId,
         });
 
         const connect = await wallet.connect({
           client,
           chain,
           // This is the payload that is sent to the auth endpoint
-          ...strategyOptions
+          ...strategyOptions,
         });
 
         debug("@@useConnect:connect:", connect);
@@ -53,7 +53,7 @@ export function useConnect(partnerId: string, chain?: Chain) {
         return wallet;
       });
     },
-    [chain, connect, partnerId]
+    [chain, connect, partnerId],
   );
 
   return { connect: connectTw, isLoading };