@b3dotfun/sdk 0.0.83-alpha.4 → 0.0.83-alpha.5

package/dist/cjs/global-account/react/components/SignInWithB3/SignIn.js

@@ -12,12 +12,12 @@ const utils_1 = require("../../../../shared/utils");
 const react_2 = require("@headlessui/react");
 const react_3 = require("react");
 const react_4 = require("thirdweb/react");
-const useAccountWallet_1 = require("../../hooks/useAccountWallet");
 const ManageAccountButton_1 = require("../custom/ManageAccountButton");
 function SignIn(props) {
     const { className } = props;
     const { automaticallySetFirstEoa, partnerId } = (0, react_1.useB3)();
-    const { address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, eoaWalletIcon, } = (0, react_1.useAccountWallet)();
+    const { address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, } = (0, react_1.useAccountWallet)();
+    const { data: walletImage } = (0, react_4.useWalletImage)(connectedEOAWallet?.id);
     const isMobile = (0, react_1.useIsMobile)();
     const { logout } = (0, react_1.useAuthentication)(partnerId);
     const onDisconnect = async () => {
@@ -40,11 +40,10 @@ function SignIn(props) {
             setActiveWallet(connectedEOAWallet);
         }
     }, [connectedEOAWallet, isActiveEOAWallet, setActiveWallet, automaticallySetFirstEoa]);
-    const walletImage = (0, useAccountWallet_1.useAccountWalletImage)();
     // Desktop version - original dropdown menu
     return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsx)(react_2.Menu, { className: `relative flex items-center ${className || ""}`, as: "div", children: globalAddress ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_2.MenuButton, { className: "bg-b3-react-background group flex h-10 items-center gap-1 rounded-xl px-3 focus:outline-none", children: [!!walletImage && ((0, jsx_runtime_1.jsx)(react_1.IPFSMediaRenderer, { src: walletImage, alt: "Wallet Image", className: "bg-b3-react-primary h-6 w-6 rounded-full object-cover opacity-100" })), (0, jsx_runtime_1.jsx)("div", { className: "text-as-primary", children: ensName ? ensName : (0, utils_1.truncateAddress)(globalAddress) })] }), (0, jsx_runtime_1.jsx)(react_2.Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: (0, jsx_runtime_1.jsx)(react_2.MenuItems, { className: "b3-root absolute -right-4 top-full min-w-64 rounded-2xl border focus:outline-none lg:right-0", modal: false, 
                             // TODO: Figure out why setting anchor on mobile causes z-index issues where it appears under elements
-                            anchor: isMobile ? "top end" : undefined, children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background", children: [connectedEOAWallet ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("border-b3-react-subtle bg-b3-react-background flex cursor-pointer items-center justify-between rounded-xl p-3"), onClick: () => handleSetActiveAccount(connectedEOAWallet?.id), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)("img", { className: "bg-b3-react-primary h-16 w-16 rounded-full opacity-100", src: eoaWalletIcon, alt: connectedEOAWallet?.id }), (0, jsx_runtime_1.jsxs)("div", { className: "ml-4 grow", children: [ensName && (0, jsx_runtime_1.jsx)("div", { children: ensName }), (0, jsx_runtime_1.jsx)("div", { children: (0, utils_1.truncateAddress)(globalAddress) })] })] }), isActiveEOAWallet && (0, jsx_runtime_1.jsx)(Icon_1.default, { className: "fill-b3-react-primary", name: "check" })] })) : (connectedSmartWallet && ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("mb-2 flex cursor-pointer items-center justify-between rounded-xl p-3", isActiveSmartWallet
+                            anchor: isMobile ? "top end" : undefined, children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background", children: [connectedEOAWallet ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("border-b3-react-subtle bg-b3-react-background flex cursor-pointer items-center justify-between rounded-xl p-3"), onClick: () => handleSetActiveAccount(connectedEOAWallet?.id), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)("img", { className: "bg-b3-react-primary h-16 w-16 rounded-full opacity-100", src: walletImage, alt: connectedEOAWallet?.id }), (0, jsx_runtime_1.jsxs)("div", { className: "ml-4 grow", children: [ensName && (0, jsx_runtime_1.jsx)("div", { children: ensName }), (0, jsx_runtime_1.jsx)("div", { children: (0, utils_1.truncateAddress)(globalAddress) })] })] }), isActiveEOAWallet && (0, jsx_runtime_1.jsx)(Icon_1.default, { className: "fill-b3-react-primary", name: "check" })] })) : (connectedSmartWallet && ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("mb-2 flex cursor-pointer items-center justify-between rounded-xl p-3", isActiveSmartWallet
                                             ? "bg-b3-react-background"
                                             : "bg-b3-react-background hover:bg-b3-react-background"), onClick: () => handleSetActiveAccount(connectedSmartWallet?.id), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)("img", { className: "bg-b3-react-primary h-16 w-16 rounded-full opacity-100", src: smartWalletIcon, alt: connectedSmartWallet?.id }), (0, jsx_runtime_1.jsxs)("div", { className: "grow pl-4", children: [ensName && (0, jsx_runtime_1.jsx)("div", { children: ensName }), (0, jsx_runtime_1.jsx)("div", { children: (0, utils_1.truncateAddress)(globalAddress) }), (0, jsx_runtime_1.jsx)("div", { children: "Smart wallet" })] })] }), isActiveSmartWallet && (0, jsx_runtime_1.jsx)(Icon_1.default, { className: "fill-b3-react-primary", name: "check" })] }))), (0, jsx_runtime_1.jsx)("div", { className: "ml-3", children: (0, jsx_runtime_1.jsx)(ManageAccountButton_1.ManageAccountButton, { ...props, className: "w-[calc(100%-12px)]" }) }), (0, jsx_runtime_1.jsx)("button", { className: "mb-2 w-full space-y-1", onClick: onDisconnect, children: (0, jsx_runtime_1.jsxs)("div", { className: "hover:bg-b3-react-background group flex h-12 items-center rounded-xl px-4 transition-colors", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { className: "fill-b3-react-primary mr-4 shrink-0 transition-colors", name: "logout" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-react-primary mr-auto transition-colors", children: "Disconnect" })] }) })] }) }) })] })) : ((0, jsx_runtime_1.jsx)(react_1.SignInWithB3, { closeAfterLogin: true, onLoginSuccess: async (globalAccount) => {
                     console.log("User authenticated with Global Account!", globalAccount);

package/dist/cjs/global-account/react/components/SignInWithB3/steps/LoginStep.js

@@ -16,7 +16,7 @@ function LoginStepContainer({ children, partnerId }) {
         },
     }, !!partnerId);
     const partnerLogo = partner?.data?.[0]?.loginCustomization?.logoUrl;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center pt-6", children: [partnerLogo && ((0, jsx_runtime_1.jsx)("img", { src: partnerLogo, alt: "Partner Logo", className: "partner-logo mb-6 h-12 w-auto object-contain" })), children] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background flex flex-col items-center justify-center pt-6", children: [partnerLogo && ((0, jsx_runtime_1.jsx)("img", { src: partnerLogo, alt: "Partner Logo", className: "partner-logo mb-6 h-12 w-auto object-contain" })), children] }));
 }
 function LoginStep({ onSuccess, chain }) {
     const { partnerId, theme } = (0, react_1.useB3)();

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

@@ -6,7 +6,6 @@ export { useAnalytics } from "./useAnalytics";
 export { useAuthentication } from "./useAuthentication";
 export { useB3BalanceFromAddresses } from "./useB3BalanceFromAddresses";
 export { useB3EnsName } from "./useB3EnsName";
-export { useBestTransactionPath } from "./useBestTransactionPath";
 export { useChainSwitchWithAction } from "./useChainSwitchWithAction";
 export * from "./useClaim";
 export { useClient } from "./useClient";

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

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTurnkeyAuth = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalanceDirect = exports.useTokenBalance = exports.useSiwe = exports.useSimSvmBalance = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfileSettings = exports.useProfilePreference = exports.useProfile = exports.useDisplayName = exports.useOneBalance = exports.useNotifications = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGlobalAccount = exports.useGetGeo = exports.useGetAllTWSigners = exports.useFirstEOA = exports.useExchangeRate = exports.useConnect = exports.useClient = exports.useChainSwitchWithAction = exports.useBestTransactionPath = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = exports.createWagmiConfig = void 0;
+exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTurnkeyAuth = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalanceDirect = exports.useTokenBalance = exports.useSiwe = exports.useSimSvmBalance = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfileSettings = exports.useProfilePreference = exports.useProfile = exports.useDisplayName = exports.useOneBalance = exports.useNotifications = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGlobalAccount = exports.useGetGeo = exports.useGetAllTWSigners = exports.useFirstEOA = exports.useExchangeRate = exports.useConnect = exports.useClient = exports.useChainSwitchWithAction = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = exports.createWagmiConfig = void 0;
 var createWagmiConfig_1 = require("../utils/createWagmiConfig");
 Object.defineProperty(exports, "createWagmiConfig", { enumerable: true, get: function () { return createWagmiConfig_1.createWagmiConfig; } });
 var useAccountAssets_1 = require("./useAccountAssets");
@@ -31,8 +31,6 @@ var useB3BalanceFromAddresses_1 = require("./useB3BalanceFromAddresses");
 Object.defineProperty(exports, "useB3BalanceFromAddresses", { enumerable: true, get: function () { return useB3BalanceFromAddresses_1.useB3BalanceFromAddresses; } });
 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 useChainSwitchWithAction_1 = require("./useChainSwitchWithAction");
 Object.defineProperty(exports, "useChainSwitchWithAction", { enumerable: true, get: function () { return useChainSwitchWithAction_1.useChainSwitchWithAction; } });
 __exportStar(require("./useClaim"), exports);

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

@@ -5,7 +5,6 @@ exports.useAccountWalletImage = useAccountWalletImage;
 const react_1 = require("../../../global-account/react");
 const constants_1 = require("../../../shared/constants");
 const debug_1 = require("../../../shared/utils/debug");
-const ipfs_1 = require("../../../shared/utils/ipfs");
 const react_2 = require("react");
 const react_3 = require("thirdweb/react");
 const in_app_1 = require("thirdweb/wallets/in-app");
@@ -22,7 +21,13 @@ function useLastAuthProvider() {
     return lastAuthProvider;
 }
 function useAccountWallet() {
-    const { account, user } = (0, react_1.useB3)();
+    // WOJ: --------------------
+    //  values from in useB3:
+    //  const activeAccount = useActiveAccount();
+    // const effectiveAccount = isAuthenticated ? accountOverride || activeAccount : undefined;
+    // can we possibly just use useActiveAccount here?
+    // --------------------
+    const { account } = (0, react_1.useB3)();
     const activeWallet = (0, react_3.useActiveWallet)();
     const connectedWallets = (0, react_3.useConnectedWallets)();
     const connectedSmartWallet = connectedWallets.find(wallet => wallet.id === constants_1.ecosystemWalletId);
@@ -35,7 +40,6 @@ function useAccountWallet() {
     debug("connectedEOAWallet", connectedEOAWallet);
     debug("isActiveSmartWallet", isActiveSmartWallet);
     debug("isActiveEOAWallet", isActiveEOAWallet);
-    const { data: walletImage } = (0, react_3.useWalletImage)(connectedEOAWallet?.id);
     // If not EOA sign in, then we need to show the smart wallet icon
     const lastAuthProvider = useLastAuthProvider();
     const smartWalletIcon = lastAuthProvider && !connectedEOAWallet
@@ -43,13 +47,12 @@ function useAccountWallet() {
         : "https://gradvatar.com/0x0000000000000000000000000000000000000000"; // show smart wallet of eoa wallet is gradvatar
     const { data: profileData } = (0, react_1.useProfile)({ address: account?.address });
     const ensName = profileData?.displayName?.replace(/\.b3\.fun/g, "");
-    const avatarUrl = user?.avatar ? (0, ipfs_1.getIpfsUrl)(user?.avatar) : profileData?.avatar;
     const res = (0, react_2.useMemo)(() => ({
         wallet: {
             ...account,
             ensName,
             meta: {
-                icon: avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "",
+                icon: "", // deprecated
             },
         },
         address: account?.address,
@@ -59,22 +62,20 @@ function useAccountWallet() {
         isActiveSmartWallet: isActiveSmartWallet,
         isActiveEOAWallet: isActiveEOAWallet,
         smartWalletIcon: smartWalletIcon,
-        eoaWalletIcon: walletImage,
+        eoaWalletIcon: "", // deprecated
     }), [
         account,
-        avatarUrl,
         connectedEOAWallet,
         connectedSmartWallet,
         ensName,
         isActiveEOAWallet,
         isActiveSmartWallet,
         smartWalletIcon,
-        walletImage,
     ]);
     return res;
 }
 function useAccountWalletImage() {
-    const { account, user } = (0, react_1.useB3)();
+    const { account } = (0, react_1.useB3)();
     const activeWallet = (0, react_3.useActiveWallet)();
     const connectedWallets = (0, react_3.useConnectedWallets)();
     const connectedSmartWallet = connectedWallets.find(wallet => wallet.id === constants_1.ecosystemWalletId);
@@ -87,6 +88,6 @@ function useAccountWalletImage() {
         ? in_app_1.socialIcons[lastAuthProvider]
         : "https://gradvatar.com/0x0000000000000000000000000000000000000000"; // show smart wallet of eoa wallet is gradvatar
     const { data: profileData } = (0, react_1.useProfile)({ address: account?.address });
-    const avatarUrl = user?.avatar || profileData?.avatar;
+    const avatarUrl = profileData?.avatar;
     return avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "";
 }

package/dist/esm/global-account/react/components/SignInWithB3/SignIn.js

@@ -5,13 +5,13 @@ import { ecosystemWalletId } from "../../../../shared/constants/index.js";
 import { cn, truncateAddress } from "../../../../shared/utils/index.js";
 import { Menu, MenuButton, MenuItems, Transition } from "@headlessui/react";
 import { useEffect } from "react";
-import { useConnectedWallets, useSetActiveWallet } from "thirdweb/react";
-import { useAccountWalletImage } from "../../hooks/useAccountWallet.js";
+import { useConnectedWallets, useSetActiveWallet, useWalletImage } from "thirdweb/react";
 import { ManageAccountButton } from "../custom/ManageAccountButton.js";
 export function SignIn(props) {
     const { className } = props;
     const { automaticallySetFirstEoa, partnerId } = useB3();
-    const { address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, eoaWalletIcon, } = useAccountWallet();
+    const { address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, } = useAccountWallet();
+    const { data: walletImage } = useWalletImage(connectedEOAWallet?.id);
     const isMobile = useIsMobile();
     const { logout } = useAuthentication(partnerId);
     const onDisconnect = async () => {
@@ -34,11 +34,10 @@ export function SignIn(props) {
             setActiveWallet(connectedEOAWallet);
         }
     }, [connectedEOAWallet, isActiveEOAWallet, setActiveWallet, automaticallySetFirstEoa]);
-    const walletImage = useAccountWalletImage();
     // Desktop version - original dropdown menu
     return (_jsx(StyleRoot, { children: _jsx(Menu, { className: `relative flex items-center ${className || ""}`, as: "div", children: globalAddress ? (_jsxs(_Fragment, { children: [_jsxs(MenuButton, { className: "bg-b3-react-background group flex h-10 items-center gap-1 rounded-xl px-3 focus:outline-none", children: [!!walletImage && (_jsx(IPFSMediaRenderer, { src: walletImage, alt: "Wallet Image", className: "bg-b3-react-primary h-6 w-6 rounded-full object-cover opacity-100" })), _jsx("div", { className: "text-as-primary", children: ensName ? ensName : truncateAddress(globalAddress) })] }), _jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsx(MenuItems, { className: "b3-root absolute -right-4 top-full min-w-64 rounded-2xl border focus:outline-none lg:right-0", modal: false, 
                             // TODO: Figure out why setting anchor on mobile causes z-index issues where it appears under elements
-                            anchor: isMobile ? "top end" : undefined, children: _jsxs("div", { className: "bg-b3-react-background", children: [connectedEOAWallet ? (_jsxs("div", { className: cn("border-b3-react-subtle bg-b3-react-background flex cursor-pointer items-center justify-between rounded-xl p-3"), onClick: () => handleSetActiveAccount(connectedEOAWallet?.id), children: [_jsxs("div", { className: "flex items-center", children: [_jsx("img", { className: "bg-b3-react-primary h-16 w-16 rounded-full opacity-100", src: eoaWalletIcon, alt: connectedEOAWallet?.id }), _jsxs("div", { className: "ml-4 grow", children: [ensName && _jsx("div", { children: ensName }), _jsx("div", { children: truncateAddress(globalAddress) })] })] }), isActiveEOAWallet && _jsx(Icon, { className: "fill-b3-react-primary", name: "check" })] })) : (connectedSmartWallet && (_jsxs("div", { className: cn("mb-2 flex cursor-pointer items-center justify-between rounded-xl p-3", isActiveSmartWallet
+                            anchor: isMobile ? "top end" : undefined, children: _jsxs("div", { className: "bg-b3-react-background", children: [connectedEOAWallet ? (_jsxs("div", { className: cn("border-b3-react-subtle bg-b3-react-background flex cursor-pointer items-center justify-between rounded-xl p-3"), onClick: () => handleSetActiveAccount(connectedEOAWallet?.id), children: [_jsxs("div", { className: "flex items-center", children: [_jsx("img", { className: "bg-b3-react-primary h-16 w-16 rounded-full opacity-100", src: walletImage, alt: connectedEOAWallet?.id }), _jsxs("div", { className: "ml-4 grow", children: [ensName && _jsx("div", { children: ensName }), _jsx("div", { children: truncateAddress(globalAddress) })] })] }), isActiveEOAWallet && _jsx(Icon, { className: "fill-b3-react-primary", name: "check" })] })) : (connectedSmartWallet && (_jsxs("div", { className: cn("mb-2 flex cursor-pointer items-center justify-between rounded-xl p-3", isActiveSmartWallet
                                             ? "bg-b3-react-background"
                                             : "bg-b3-react-background hover:bg-b3-react-background"), onClick: () => handleSetActiveAccount(connectedSmartWallet?.id), children: [_jsxs("div", { className: "flex items-center", children: [_jsx("img", { className: "bg-b3-react-primary h-16 w-16 rounded-full opacity-100", src: smartWalletIcon, alt: connectedSmartWallet?.id }), _jsxs("div", { className: "grow pl-4", children: [ensName && _jsx("div", { children: ensName }), _jsx("div", { children: truncateAddress(globalAddress) }), _jsx("div", { children: "Smart wallet" })] })] }), isActiveSmartWallet && _jsx(Icon, { className: "fill-b3-react-primary", name: "check" })] }))), _jsx("div", { className: "ml-3", children: _jsx(ManageAccountButton, { ...props, className: "w-[calc(100%-12px)]" }) }), _jsx("button", { className: "mb-2 w-full space-y-1", onClick: onDisconnect, children: _jsxs("div", { className: "hover:bg-b3-react-background group flex h-12 items-center rounded-xl px-4 transition-colors", children: [_jsx(Icon, { className: "fill-b3-react-primary mr-4 shrink-0 transition-colors", name: "logout" }), _jsx("div", { className: "text-b3-react-primary mr-auto transition-colors", children: "Disconnect" })] }) })] }) }) })] })) : (_jsx(SignInWithB3, { closeAfterLogin: true, onLoginSuccess: async (globalAccount) => {
                     console.log("User authenticated with Global Account!", globalAccount);

package/dist/esm/global-account/react/components/SignInWithB3/steps/LoginStep.js

@@ -12,7 +12,7 @@ export function LoginStepContainer({ children, partnerId }) {
         },
     }, !!partnerId);
     const partnerLogo = partner?.data?.[0]?.loginCustomization?.logoUrl;
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center pt-6", children: [partnerLogo && (_jsx("img", { src: partnerLogo, alt: "Partner Logo", className: "partner-logo mb-6 h-12 w-auto object-contain" })), children] }));
+    return (_jsxs("div", { className: "bg-b3-react-background flex flex-col items-center justify-center pt-6", children: [partnerLogo && (_jsx("img", { src: partnerLogo, alt: "Partner Logo", className: "partner-logo mb-6 h-12 w-auto object-contain" })), children] }));
 }
 export function LoginStep({ onSuccess, chain }) {
     const { partnerId, theme } = useB3();

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

@@ -6,7 +6,6 @@ export { useAnalytics } from "./useAnalytics";
 export { useAuthentication } from "./useAuthentication";
 export { useB3BalanceFromAddresses } from "./useB3BalanceFromAddresses";
 export { useB3EnsName } from "./useB3EnsName";
-export { useBestTransactionPath } from "./useBestTransactionPath";
 export { useChainSwitchWithAction } from "./useChainSwitchWithAction";
 export * from "./useClaim";
 export { useClient } from "./useClient";

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

@@ -6,7 +6,6 @@ export { useAnalytics } from "./useAnalytics.js";
 export { useAuthentication } from "./useAuthentication.js";
 export { useB3BalanceFromAddresses } from "./useB3BalanceFromAddresses.js";
 export { useB3EnsName } from "./useB3EnsName.js";
-export { useBestTransactionPath } from "./useBestTransactionPath.js";
 export { useChainSwitchWithAction } from "./useChainSwitchWithAction.js";
 export * from "./useClaim.js";
 export { useClient } from "./useClient.js";

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

@@ -1,7 +1,6 @@
 import { useB3, useProfile } from "../../../global-account/react/index.js";
 import { ecosystemWalletId } from "../../../shared/constants/index.js";
 import { debugB3React } from "../../../shared/utils/debug.js";
-import { getIpfsUrl } from "../../../shared/utils/ipfs.js";
 import { useEffect, useMemo, useState } from "react";
 import { getLastAuthProvider, useActiveWallet, useConnectedWallets, useWalletImage } from "thirdweb/react";
 import { socialIcons } from "thirdweb/wallets/in-app";
@@ -18,7 +17,13 @@ function useLastAuthProvider() {
     return lastAuthProvider;
 }
 export function useAccountWallet() {
-    const { account, user } = useB3();
+    // WOJ: --------------------
+    //  values from in useB3:
+    //  const activeAccount = useActiveAccount();
+    // const effectiveAccount = isAuthenticated ? accountOverride || activeAccount : undefined;
+    // can we possibly just use useActiveAccount here?
+    // --------------------
+    const { account } = useB3();
     const activeWallet = useActiveWallet();
     const connectedWallets = useConnectedWallets();
     const connectedSmartWallet = connectedWallets.find(wallet => wallet.id === ecosystemWalletId);
@@ -31,7 +36,6 @@ export function useAccountWallet() {
     debug("connectedEOAWallet", connectedEOAWallet);
     debug("isActiveSmartWallet", isActiveSmartWallet);
     debug("isActiveEOAWallet", isActiveEOAWallet);
-    const { data: walletImage } = useWalletImage(connectedEOAWallet?.id);
     // If not EOA sign in, then we need to show the smart wallet icon
     const lastAuthProvider = useLastAuthProvider();
     const smartWalletIcon = lastAuthProvider && !connectedEOAWallet
@@ -39,13 +43,12 @@ export function useAccountWallet() {
         : "https://gradvatar.com/0x0000000000000000000000000000000000000000"; // show smart wallet of eoa wallet is gradvatar
     const { data: profileData } = useProfile({ address: account?.address });
     const ensName = profileData?.displayName?.replace(/\.b3\.fun/g, "");
-    const avatarUrl = user?.avatar ? getIpfsUrl(user?.avatar) : profileData?.avatar;
     const res = useMemo(() => ({
         wallet: {
             ...account,
             ensName,
             meta: {
-                icon: avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "",
+                icon: "", // deprecated
             },
         },
         address: account?.address,
@@ -55,22 +58,20 @@ export function useAccountWallet() {
         isActiveSmartWallet: isActiveSmartWallet,
         isActiveEOAWallet: isActiveEOAWallet,
         smartWalletIcon: smartWalletIcon,
-        eoaWalletIcon: walletImage,
+        eoaWalletIcon: "", // deprecated
     }), [
         account,
-        avatarUrl,
         connectedEOAWallet,
         connectedSmartWallet,
         ensName,
         isActiveEOAWallet,
         isActiveSmartWallet,
         smartWalletIcon,
-        walletImage,
     ]);
     return res;
 }
 export function useAccountWalletImage() {
-    const { account, user } = useB3();
+    const { account } = useB3();
     const activeWallet = useActiveWallet();
     const connectedWallets = useConnectedWallets();
     const connectedSmartWallet = connectedWallets.find(wallet => wallet.id === ecosystemWalletId);
@@ -83,6 +84,6 @@ export function useAccountWalletImage() {
         ? socialIcons[lastAuthProvider]
         : "https://gradvatar.com/0x0000000000000000000000000000000000000000"; // show smart wallet of eoa wallet is gradvatar
     const { data: profileData } = useProfile({ address: account?.address });
-    const avatarUrl = user?.avatar || profileData?.avatar;
+    const avatarUrl = profileData?.avatar;
     return avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "";
 }

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

@@ -6,7 +6,6 @@ export { useAnalytics } from "./useAnalytics";
 export { useAuthentication } from "./useAuthentication";
 export { useB3BalanceFromAddresses } from "./useB3BalanceFromAddresses";
 export { useB3EnsName } from "./useB3EnsName";
-export { useBestTransactionPath } from "./useBestTransactionPath";
 export { useChainSwitchWithAction } from "./useChainSwitchWithAction";
 export * from "./useClaim";
 export { useClient } from "./useClient";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.83-alpha.4",
+  "version": "0.0.83-alpha.5",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

package/src/global-account/react/components/SignInWithB3/SignIn.tsx

@@ -13,8 +13,7 @@ import { ecosystemWalletId } from "@b3dotfun/sdk/shared/constants";
 import { cn, truncateAddress } from "@b3dotfun/sdk/shared/utils";
 import { Menu, MenuButton, MenuItems, Transition } from "@headlessui/react";
 import { ReactNode, useEffect } from "react";
-import { useConnectedWallets, useSetActiveWallet } from "thirdweb/react";
-import { useAccountWalletImage } from "../../hooks/useAccountWallet";
+import { useConnectedWallets, useSetActiveWallet, useWalletImage } from "thirdweb/react";
 import { ManageAccountButton } from "../custom/ManageAccountButton";
 
 type SignInProps = {
@@ -40,9 +39,10 @@ export function SignIn(props: SignInWithB3Props) {
     isActiveSmartWallet,
     isActiveEOAWallet,
     smartWalletIcon,
-    eoaWalletIcon,
   } = useAccountWallet();
 
+  const { data: walletImage } = useWalletImage(connectedEOAWallet?.id);
+
   const isMobile = useIsMobile();
   const { logout } = useAuthentication(partnerId);
   const onDisconnect = async (): Promise<void> => {
@@ -72,8 +72,6 @@ export function SignIn(props: SignInWithB3Props) {
     }
   }, [connectedEOAWallet, isActiveEOAWallet, setActiveWallet, automaticallySetFirstEoa]);
 
-  const walletImage = useAccountWalletImage();
-
   // Desktop version - original dropdown menu
   return (
     <StyleRoot>
@@ -115,7 +113,7 @@ export function SignIn(props: SignInWithB3Props) {
                       <div className="flex items-center">
                         <img
                           className="bg-b3-react-primary h-16 w-16 rounded-full opacity-100"
-                          src={eoaWalletIcon}
+                          src={walletImage}
                           alt={connectedEOAWallet?.id}
                         />
                         <div className="ml-4 grow">

package/src/global-account/react/components/SignInWithB3/steps/LoginStep.tsx

@@ -40,7 +40,7 @@ export function LoginStepContainer({ children, partnerId }: LoginStepContainerPr
   const partnerLogo = partner?.data?.[0]?.loginCustomization?.logoUrl;
 
   return (
-    <div className="flex flex-col items-center justify-center pt-6">
+    <div className="bg-b3-react-background flex flex-col items-center justify-center pt-6">
       {partnerLogo && (
         <img src={partnerLogo} alt="Partner Logo" className="partner-logo mb-6 h-12 w-auto object-contain" />
       )}

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

@@ -6,7 +6,6 @@ export { useAnalytics } from "./useAnalytics";
 export { useAuthentication } from "./useAuthentication";
 export { useB3BalanceFromAddresses } from "./useB3BalanceFromAddresses";
 export { useB3EnsName } from "./useB3EnsName";
-export { useBestTransactionPath } from "./useBestTransactionPath";
 export { useChainSwitchWithAction } from "./useChainSwitchWithAction";
 export * from "./useClaim";
 export { useClient } from "./useClient";

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

@@ -1,7 +1,6 @@
 import { useB3, useProfile } from "@b3dotfun/sdk/global-account/react";
 import { ecosystemWalletId } from "@b3dotfun/sdk/shared/constants";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
-import { getIpfsUrl } from "@b3dotfun/sdk/shared/utils/ipfs";
 import { useEffect, useMemo, useState } from "react";
 import { getLastAuthProvider, useActiveWallet, useConnectedWallets, useWalletImage } from "thirdweb/react";
 import { Account, Wallet } from "thirdweb/wallets";
@@ -44,7 +43,13 @@ export function useAccountWallet(): {
   eoaWalletIcon?: string;
   smartWalletIcon?: string;
 } {
-  const { account, user } = useB3();
+  // WOJ: --------------------
+  //  values from in useB3:
+  //  const activeAccount = useActiveAccount();
+  // const effectiveAccount = isAuthenticated ? accountOverride || activeAccount : undefined;
+  // can we possibly just use useActiveAccount here?
+  // --------------------
+  const { account } = useB3();
 
   const activeWallet = useActiveWallet();
   const connectedWallets = useConnectedWallets();
@@ -61,8 +66,6 @@ export function useAccountWallet(): {
   debug("isActiveSmartWallet", isActiveSmartWallet);
   debug("isActiveEOAWallet", isActiveEOAWallet);
 
-  const { data: walletImage } = useWalletImage(connectedEOAWallet?.id);
-
   // If not EOA sign in, then we need to show the smart wallet icon
   const lastAuthProvider = useLastAuthProvider();
 
@@ -73,7 +76,6 @@ export function useAccountWallet(): {
 
   const { data: profileData } = useProfile({ address: account?.address });
   const ensName = profileData?.displayName?.replace(/\.b3\.fun/g, "");
-  const avatarUrl = user?.avatar ? getIpfsUrl(user?.avatar) : profileData?.avatar;
 
   const res = useMemo(
     () => ({
@@ -81,7 +83,7 @@ export function useAccountWallet(): {
         ...account,
         ensName,
         meta: {
-          icon: avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "",
+          icon: "", // deprecated
         },
       },
 
@@ -95,18 +97,16 @@ export function useAccountWallet(): {
       isActiveEOAWallet: isActiveEOAWallet,
 
       smartWalletIcon: smartWalletIcon,
-      eoaWalletIcon: walletImage,
+      eoaWalletIcon: "", // deprecated
     }),
     [
       account,
-      avatarUrl,
       connectedEOAWallet,
       connectedSmartWallet,
       ensName,
       isActiveEOAWallet,
       isActiveSmartWallet,
       smartWalletIcon,
-      walletImage,
     ],
   );
 
@@ -114,7 +114,7 @@ export function useAccountWallet(): {
 }
 
 export function useAccountWalletImage(): string {
-  const { account, user } = useB3();
+  const { account } = useB3();
 
   const activeWallet = useActiveWallet();
   const connectedWallets = useConnectedWallets();
@@ -134,7 +134,8 @@ export function useAccountWalletImage(): string {
       : "https://gradvatar.com/0x0000000000000000000000000000000000000000"; // show smart wallet of eoa wallet is gradvatar
 
   const { data: profileData } = useProfile({ address: account?.address });
-  const avatarUrl = user?.avatar || profileData?.avatar;
+
+  const avatarUrl = profileData?.avatar;
 
   return avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "";
 }

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

@@ -1,41 +0,0 @@
-import { components } from "../../../anyspend/types/api";
-export type TransactionType = "send" | "swap" | "bridge";
-export interface SprinterOption {
-    chainId: number;
-    balance: bigint;
-    formattedBalance: string;
-}
-export interface TransactionPath {
-    type: "native" | "sprinter" | "anyspend";
-    hasNativePath: boolean;
-    hasSprinterPath: boolean;
-    availableBalance: bigint;
-    totalCrossChainBalance: number;
-    sprinterOptions?: SprinterOption[];
-}
-export interface TransactionPathResult extends TransactionPath {
-    loading: boolean;
-}
-interface UseBestTransactionPathProps {
-    amount: bigint;
-    token: components["schemas"]["Token"];
-    address?: string;
-    transactionType?: TransactionType;
-}
-/**
- * Hook to determine the optimal transaction path based on user's balances across chains
- *
- * @param props.amount - Amount to transact
- * @param props.token - Token (a Token object)
- * @param props.address - Target address (optional, defaults to self)
- * @param props.transactionType - Type of transaction (optional, defaults to 'send')
- *
- * - type: The recommended path type ('native', 'sprinter', or 'anyspend')
- * - hasNativePath: Whether direct native token transfer is possible (1st best path)
- * - hasSprinterPath: Whether bridging via Sprinter is possible (2nd best path)
- * - availableBalance: The user's balance of this asset
- * - sprinterOptions: Available chains and balances for bridging
- * @returns TransactionPathResult object containing path information and loading state
- */
-export declare function useBestTransactionPath({ amount, token, address, transactionType: _transactionType, }: UseBestTransactionPathProps): TransactionPathResult;
-export {};

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

@@ -1,148 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBestTransactionPath = useBestTransactionPath;
-const anyspend_1 = require("../../../anyspend");
-const react_1 = require("../../../global-account/react");
-const react_2 = require("react");
-const viem_1 = require("viem");
-const supportedSprinterTokenSymbols = ["ETH", "USDC", "WETH"];
-/**
- * Hook to determine the optimal transaction path based on user's balances across chains
- *
- * @param props.amount - Amount to transact
- * @param props.token - Token (a Token object)
- * @param props.address - Target address (optional, defaults to self)
- * @param props.transactionType - Type of transaction (optional, defaults to 'send')
- *
- * - type: The recommended path type ('native', 'sprinter', or 'anyspend')
- * - hasNativePath: Whether direct native token transfer is possible (1st best path)
- * - hasSprinterPath: Whether bridging via Sprinter is possible (2nd best path)
- * - availableBalance: The user's balance of this asset
- * - sprinterOptions: Available chains and balances for bridging
- * @returns TransactionPathResult object containing path information and loading state
- */
-function useBestTransactionPath({ amount, token, address, transactionType: _transactionType = "send", }) {
-    const account = (0, react_1.useAccountWallet)();
-    const effectiveAddress = address || account?.address;
-    const isSupportedSprinterToken = supportedSprinterTokenSymbols.includes(token.symbol.toUpperCase());
-    // Get balances across all chains
-    const { aggregatedBalances, aggregatedTokenBalances, loading: oneBalanceLoading } = (0, react_1.useOneBalance)();
-    // Get the token balance using our new hook
-    const { rawBalance, isLoading: tokenBalanceLoading } = (0, react_1.useTokenBalance)({
-        token,
-        address: effectiveAddress,
-    });
-    // Check if amount is available natively on destination chain
-    const hasNativeBalance = (0, react_2.useMemo)(() => {
-        if (!rawBalance || !amount)
-            return false;
-        return rawBalance >= amount;
-    }, [amount, rawBalance]);
-    // Calculate non-native token balance using the same logic as hasNativeBalance
-    const nonNativeTokenBalance = (0, react_2.useMemo)(() => {
-        if ((0, anyspend_1.isNativeToken)(token.address))
-            return BigInt(0);
-        // For sprinter supported tokens, use aggregated balances
-        if (isSupportedSprinterToken && !oneBalanceLoading && aggregatedBalances) {
-            const asset = aggregatedBalances.find(asset => asset.symbol === token.symbol);
-            if (asset) {
-                const chainBalance = asset.chainBalances.find(cb => cb.chainId === token.chainId);
-                if (chainBalance) {
-                    return BigInt(chainBalance.balance);
-                }
-            }
-            return BigInt(0);
-        }
-        // For non-sprinter tokens, use token balance from our new hook
-        return rawBalance;
-    }, [
-        token.address,
-        token.symbol,
-        token.chainId,
-        isSupportedSprinterToken,
-        oneBalanceLoading,
-        aggregatedBalances,
-        rawBalance,
-    ]);
-    const totalCrossChainBalance = (0, react_2.useMemo)(() => {
-        if (oneBalanceLoading || !aggregatedTokenBalances || !token.symbol)
-            return 0;
-        return aggregatedTokenBalances[token.symbol] || 0;
-    }, [aggregatedTokenBalances, token.symbol, oneBalanceLoading]);
-    // Calculate available sprinter options and determine if sprinter path is available
-    const { hasSprinterPath, sprinterOptions } = (0, react_2.useMemo)(() => {
-        if (!isSupportedSprinterToken || oneBalanceLoading || !aggregatedBalances || !token.symbol || !amount) {
-            return { hasSprinterPath: false, sprinterOptions: [] };
-        }
-        const asset = aggregatedBalances.find(asset => asset.symbol === token.symbol);
-        if (!asset) {
-            return { hasSprinterPath: false, sprinterOptions: [] };
-        }
-        const options = [];
-        // Get all chains where user has sufficient balance
-        for (const chainBalance of asset.chainBalances) {
-            const balanceBi = BigInt(chainBalance.balance);
-            if (balanceBi >= amount && chainBalance.chainId !== token.chainId) {
-                options.push({
-                    chainId: chainBalance.chainId,
-                    balance: balanceBi,
-                    formattedBalance: (0, viem_1.formatUnits)(balanceBi, chainBalance.tokenDecimals),
-                });
-            }
-        }
-        return {
-            hasSprinterPath: options.length > 0,
-            sprinterOptions: options,
-        };
-    }, [isSupportedSprinterToken, oneBalanceLoading, aggregatedBalances, token.symbol, token.chainId, amount]);
-    // Determine the best path
-    const path = (0, react_2.useMemo)(() => {
-        const availableBalance = ((0, anyspend_1.isNativeToken)(token.address) ? rawBalance : nonNativeTokenBalance) || BigInt(0);
-        // Case 1: Native path if available
-        if (hasNativeBalance) {
-            return {
-                type: "native",
-                hasNativePath: true,
-                hasSprinterPath,
-                availableBalance,
-                totalCrossChainBalance,
-                sprinterOptions,
-            };
-        }
-        // Case 2: Sprinter path if available
-        if (hasSprinterPath) {
-            return {
-                type: "sprinter",
-                hasNativePath: false,
-                hasSprinterPath: true,
-                availableBalance,
-                totalCrossChainBalance,
-                sprinterOptions,
-            };
-        }
-        // Case 3: Fallback to anyspend
-        return {
-            type: "anyspend",
-            hasNativePath: false,
-            hasSprinterPath: false,
-            availableBalance,
-            totalCrossChainBalance,
-            sprinterOptions: [],
-        };
-    }, [
-        token.address,
-        rawBalance,
-        nonNativeTokenBalance,
-        hasNativeBalance,
-        hasSprinterPath,
-        totalCrossChainBalance,
-        sprinterOptions,
-    ]);
-    // Combine all loading states
-    const loading = oneBalanceLoading || tokenBalanceLoading;
-    return {
-        ...path,
-        loading,
-    };
-}

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

@@ -1,41 +0,0 @@
-import { components } from "../../../anyspend/types/api";
-export type TransactionType = "send" | "swap" | "bridge";
-export interface SprinterOption {
-    chainId: number;
-    balance: bigint;
-    formattedBalance: string;
-}
-export interface TransactionPath {
-    type: "native" | "sprinter" | "anyspend";
-    hasNativePath: boolean;
-    hasSprinterPath: boolean;
-    availableBalance: bigint;
-    totalCrossChainBalance: number;
-    sprinterOptions?: SprinterOption[];
-}
-export interface TransactionPathResult extends TransactionPath {
-    loading: boolean;
-}
-interface UseBestTransactionPathProps {
-    amount: bigint;
-    token: components["schemas"]["Token"];
-    address?: string;
-    transactionType?: TransactionType;
-}
-/**
- * Hook to determine the optimal transaction path based on user's balances across chains
- *
- * @param props.amount - Amount to transact
- * @param props.token - Token (a Token object)
- * @param props.address - Target address (optional, defaults to self)
- * @param props.transactionType - Type of transaction (optional, defaults to 'send')
- *
- * - type: The recommended path type ('native', 'sprinter', or 'anyspend')
- * - hasNativePath: Whether direct native token transfer is possible (1st best path)
- * - hasSprinterPath: Whether bridging via Sprinter is possible (2nd best path)
- * - availableBalance: The user's balance of this asset
- * - sprinterOptions: Available chains and balances for bridging
- * @returns TransactionPathResult object containing path information and loading state
- */
-export declare function useBestTransactionPath({ amount, token, address, transactionType: _transactionType, }: UseBestTransactionPathProps): TransactionPathResult;
-export {};

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

@@ -1,145 +0,0 @@
-"use client";
-import { isNativeToken } from "../../../anyspend/index.js";
-import { useAccountWallet, useOneBalance, useTokenBalance } from "../../../global-account/react/index.js";
-import { useMemo } from "react";
-import { formatUnits } from "viem";
-const supportedSprinterTokenSymbols = ["ETH", "USDC", "WETH"];
-/**
- * Hook to determine the optimal transaction path based on user's balances across chains
- *
- * @param props.amount - Amount to transact
- * @param props.token - Token (a Token object)
- * @param props.address - Target address (optional, defaults to self)
- * @param props.transactionType - Type of transaction (optional, defaults to 'send')
- *
- * - type: The recommended path type ('native', 'sprinter', or 'anyspend')
- * - hasNativePath: Whether direct native token transfer is possible (1st best path)
- * - hasSprinterPath: Whether bridging via Sprinter is possible (2nd best path)
- * - availableBalance: The user's balance of this asset
- * - sprinterOptions: Available chains and balances for bridging
- * @returns TransactionPathResult object containing path information and loading state
- */
-export function useBestTransactionPath({ amount, token, address, transactionType: _transactionType = "send", }) {
-    const account = useAccountWallet();
-    const effectiveAddress = address || account?.address;
-    const isSupportedSprinterToken = supportedSprinterTokenSymbols.includes(token.symbol.toUpperCase());
-    // Get balances across all chains
-    const { aggregatedBalances, aggregatedTokenBalances, loading: oneBalanceLoading } = useOneBalance();
-    // Get the token balance using our new hook
-    const { rawBalance, isLoading: tokenBalanceLoading } = useTokenBalance({
-        token,
-        address: effectiveAddress,
-    });
-    // Check if amount is available natively on destination chain
-    const hasNativeBalance = useMemo(() => {
-        if (!rawBalance || !amount)
-            return false;
-        return rawBalance >= amount;
-    }, [amount, rawBalance]);
-    // Calculate non-native token balance using the same logic as hasNativeBalance
-    const nonNativeTokenBalance = useMemo(() => {
-        if (isNativeToken(token.address))
-            return BigInt(0);
-        // For sprinter supported tokens, use aggregated balances
-        if (isSupportedSprinterToken && !oneBalanceLoading && aggregatedBalances) {
-            const asset = aggregatedBalances.find(asset => asset.symbol === token.symbol);
-            if (asset) {
-                const chainBalance = asset.chainBalances.find(cb => cb.chainId === token.chainId);
-                if (chainBalance) {
-                    return BigInt(chainBalance.balance);
-                }
-            }
-            return BigInt(0);
-        }
-        // For non-sprinter tokens, use token balance from our new hook
-        return rawBalance;
-    }, [
-        token.address,
-        token.symbol,
-        token.chainId,
-        isSupportedSprinterToken,
-        oneBalanceLoading,
-        aggregatedBalances,
-        rawBalance,
-    ]);
-    const totalCrossChainBalance = useMemo(() => {
-        if (oneBalanceLoading || !aggregatedTokenBalances || !token.symbol)
-            return 0;
-        return aggregatedTokenBalances[token.symbol] || 0;
-    }, [aggregatedTokenBalances, token.symbol, oneBalanceLoading]);
-    // Calculate available sprinter options and determine if sprinter path is available
-    const { hasSprinterPath, sprinterOptions } = useMemo(() => {
-        if (!isSupportedSprinterToken || oneBalanceLoading || !aggregatedBalances || !token.symbol || !amount) {
-            return { hasSprinterPath: false, sprinterOptions: [] };
-        }
-        const asset = aggregatedBalances.find(asset => asset.symbol === token.symbol);
-        if (!asset) {
-            return { hasSprinterPath: false, sprinterOptions: [] };
-        }
-        const options = [];
-        // Get all chains where user has sufficient balance
-        for (const chainBalance of asset.chainBalances) {
-            const balanceBi = BigInt(chainBalance.balance);
-            if (balanceBi >= amount && chainBalance.chainId !== token.chainId) {
-                options.push({
-                    chainId: chainBalance.chainId,
-                    balance: balanceBi,
-                    formattedBalance: formatUnits(balanceBi, chainBalance.tokenDecimals),
-                });
-            }
-        }
-        return {
-            hasSprinterPath: options.length > 0,
-            sprinterOptions: options,
-        };
-    }, [isSupportedSprinterToken, oneBalanceLoading, aggregatedBalances, token.symbol, token.chainId, amount]);
-    // Determine the best path
-    const path = useMemo(() => {
-        const availableBalance = (isNativeToken(token.address) ? rawBalance : nonNativeTokenBalance) || BigInt(0);
-        // Case 1: Native path if available
-        if (hasNativeBalance) {
-            return {
-                type: "native",
-                hasNativePath: true,
-                hasSprinterPath,
-                availableBalance,
-                totalCrossChainBalance,
-                sprinterOptions,
-            };
-        }
-        // Case 2: Sprinter path if available
-        if (hasSprinterPath) {
-            return {
-                type: "sprinter",
-                hasNativePath: false,
-                hasSprinterPath: true,
-                availableBalance,
-                totalCrossChainBalance,
-                sprinterOptions,
-            };
-        }
-        // Case 3: Fallback to anyspend
-        return {
-            type: "anyspend",
-            hasNativePath: false,
-            hasSprinterPath: false,
-            availableBalance,
-            totalCrossChainBalance,
-            sprinterOptions: [],
-        };
-    }, [
-        token.address,
-        rawBalance,
-        nonNativeTokenBalance,
-        hasNativeBalance,
-        hasSprinterPath,
-        totalCrossChainBalance,
-        sprinterOptions,
-    ]);
-    // Combine all loading states
-    const loading = oneBalanceLoading || tokenBalanceLoading;
-    return {
-        ...path,
-        loading,
-    };
-}

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

@@ -1,41 +0,0 @@
-import { components } from "@b3dotfun/sdk/anyspend/types/api";
-export type TransactionType = "send" | "swap" | "bridge";
-export interface SprinterOption {
-    chainId: number;
-    balance: bigint;
-    formattedBalance: string;
-}
-export interface TransactionPath {
-    type: "native" | "sprinter" | "anyspend";
-    hasNativePath: boolean;
-    hasSprinterPath: boolean;
-    availableBalance: bigint;
-    totalCrossChainBalance: number;
-    sprinterOptions?: SprinterOption[];
-}
-export interface TransactionPathResult extends TransactionPath {
-    loading: boolean;
-}
-interface UseBestTransactionPathProps {
-    amount: bigint;
-    token: components["schemas"]["Token"];
-    address?: string;
-    transactionType?: TransactionType;
-}
-/**
- * Hook to determine the optimal transaction path based on user's balances across chains
- *
- * @param props.amount - Amount to transact
- * @param props.token - Token (a Token object)
- * @param props.address - Target address (optional, defaults to self)
- * @param props.transactionType - Type of transaction (optional, defaults to 'send')
- *
- * - type: The recommended path type ('native', 'sprinter', or 'anyspend')
- * - hasNativePath: Whether direct native token transfer is possible (1st best path)
- * - hasSprinterPath: Whether bridging via Sprinter is possible (2nd best path)
- * - availableBalance: The user's balance of this asset
- * - sprinterOptions: Available chains and balances for bridging
- * @returns TransactionPathResult object containing path information and loading state
- */
-export declare function useBestTransactionPath({ amount, token, address, transactionType: _transactionType, }: UseBestTransactionPathProps): TransactionPathResult;
-export {};

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

@@ -1,201 +0,0 @@
-"use client";
-
-import { isNativeToken } from "@b3dotfun/sdk/anyspend";
-import { useAccountWallet, useOneBalance, useTokenBalance } from "@b3dotfun/sdk/global-account/react";
-import { useMemo } from "react";
-import { formatUnits } from "viem";
-import { components } from "@b3dotfun/sdk/anyspend/types/api";
-
-export type TransactionType = "send" | "swap" | "bridge";
-
-const supportedSprinterTokenSymbols = ["ETH", "USDC", "WETH"] as const;
-
-export interface SprinterOption {
-  chainId: number;
-  balance: bigint;
-  formattedBalance: string;
-}
-
-export interface TransactionPath {
-  type: "native" | "sprinter" | "anyspend";
-  hasNativePath: boolean;
-  hasSprinterPath: boolean;
-  availableBalance: bigint;
-  totalCrossChainBalance: number;
-  sprinterOptions?: SprinterOption[];
-}
-
-export interface TransactionPathResult extends TransactionPath {
-  loading: boolean;
-}
-
-interface UseBestTransactionPathProps {
-  amount: bigint;
-  token: components["schemas"]["Token"];
-  address?: string;
-  transactionType?: TransactionType;
-}
-
-/**
- * Hook to determine the optimal transaction path based on user's balances across chains
- *
- * @param props.amount - Amount to transact
- * @param props.token - Token (a Token object)
- * @param props.address - Target address (optional, defaults to self)
- * @param props.transactionType - Type of transaction (optional, defaults to 'send')
- *
- * - type: The recommended path type ('native', 'sprinter', or 'anyspend')
- * - hasNativePath: Whether direct native token transfer is possible (1st best path)
- * - hasSprinterPath: Whether bridging via Sprinter is possible (2nd best path)
- * - availableBalance: The user's balance of this asset
- * - sprinterOptions: Available chains and balances for bridging
- * @returns TransactionPathResult object containing path information and loading state
- */
-export function useBestTransactionPath({
-  amount,
-  token,
-  address,
-  transactionType: _transactionType = "send",
-}: UseBestTransactionPathProps): TransactionPathResult {
-  const account = useAccountWallet();
-  const effectiveAddress = address || account?.address;
-
-  const isSupportedSprinterToken = supportedSprinterTokenSymbols.includes(
-    token.symbol.toUpperCase() as (typeof supportedSprinterTokenSymbols)[number],
-  );
-
-  // Get balances across all chains
-  const { aggregatedBalances, aggregatedTokenBalances, loading: oneBalanceLoading } = useOneBalance();
-
-  // Get the token balance using our new hook
-  const { rawBalance, isLoading: tokenBalanceLoading } = useTokenBalance({
-    token,
-    address: effectiveAddress,
-  });
-
-  // Check if amount is available natively on destination chain
-  const hasNativeBalance = useMemo(() => {
-    if (!rawBalance || !amount) return false;
-
-    return rawBalance >= amount;
-  }, [amount, rawBalance]);
-
-  // Calculate non-native token balance using the same logic as hasNativeBalance
-  const nonNativeTokenBalance = useMemo(() => {
-    if (isNativeToken(token.address)) return BigInt(0);
-
-    // For sprinter supported tokens, use aggregated balances
-    if (isSupportedSprinterToken && !oneBalanceLoading && aggregatedBalances) {
-      const asset = aggregatedBalances.find(asset => asset.symbol === token.symbol);
-      if (asset) {
-        const chainBalance = asset.chainBalances.find(cb => cb.chainId === token.chainId);
-        if (chainBalance) {
-          return BigInt(chainBalance.balance);
-        }
-      }
-      return BigInt(0);
-    }
-
-    // For non-sprinter tokens, use token balance from our new hook
-    return rawBalance;
-  }, [
-    token.address,
-    token.symbol,
-    token.chainId,
-    isSupportedSprinterToken,
-    oneBalanceLoading,
-    aggregatedBalances,
-    rawBalance,
-  ]);
-
-  const totalCrossChainBalance = useMemo(() => {
-    if (oneBalanceLoading || !aggregatedTokenBalances || !token.symbol) return 0;
-    return aggregatedTokenBalances[token.symbol] || 0;
-  }, [aggregatedTokenBalances, token.symbol, oneBalanceLoading]);
-
-  // Calculate available sprinter options and determine if sprinter path is available
-  const { hasSprinterPath, sprinterOptions } = useMemo(() => {
-    if (!isSupportedSprinterToken || oneBalanceLoading || !aggregatedBalances || !token.symbol || !amount) {
-      return { hasSprinterPath: false, sprinterOptions: [] };
-    }
-
-    const asset = aggregatedBalances.find(asset => asset.symbol === token.symbol);
-    if (!asset) {
-      return { hasSprinterPath: false, sprinterOptions: [] };
-    }
-
-    const options: SprinterOption[] = [];
-
-    // Get all chains where user has sufficient balance
-    for (const chainBalance of asset.chainBalances) {
-      const balanceBi = BigInt(chainBalance.balance);
-      if (balanceBi >= amount && chainBalance.chainId !== token.chainId) {
-        options.push({
-          chainId: chainBalance.chainId,
-          balance: balanceBi,
-          formattedBalance: formatUnits(balanceBi, chainBalance.tokenDecimals),
-        });
-      }
-    }
-
-    return {
-      hasSprinterPath: options.length > 0,
-      sprinterOptions: options,
-    };
-  }, [isSupportedSprinterToken, oneBalanceLoading, aggregatedBalances, token.symbol, token.chainId, amount]);
-
-  // Determine the best path
-  const path = useMemo(() => {
-    const availableBalance = (isNativeToken(token.address) ? rawBalance : nonNativeTokenBalance) || BigInt(0);
-
-    // Case 1: Native path if available
-    if (hasNativeBalance) {
-      return {
-        type: "native" as const,
-        hasNativePath: true,
-        hasSprinterPath,
-        availableBalance,
-        totalCrossChainBalance,
-        sprinterOptions,
-      };
-    }
-
-    // Case 2: Sprinter path if available
-    if (hasSprinterPath) {
-      return {
-        type: "sprinter" as const,
-        hasNativePath: false,
-        hasSprinterPath: true,
-        availableBalance,
-        totalCrossChainBalance,
-        sprinterOptions,
-      };
-    }
-
-    // Case 3: Fallback to anyspend
-    return {
-      type: "anyspend" as const,
-      hasNativePath: false,
-      hasSprinterPath: false,
-      availableBalance,
-      totalCrossChainBalance,
-      sprinterOptions: [],
-    };
-  }, [
-    token.address,
-    rawBalance,
-    nonNativeTokenBalance,
-    hasNativeBalance,
-    hasSprinterPath,
-    totalCrossChainBalance,
-    sprinterOptions,
-  ]);
-
-  // Combine all loading states
-  const loading = oneBalanceLoading || tokenBalanceLoading;
-
-  return {
-    ...path,
-    loading,
-  };
-}