@b3dotfun/sdk 0.0.30 → 0.0.31-alpha.0

package/dist/cjs/global-account/react/components/TokenIcon.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface TokenIconProps {
+    src: string;
+    alt: string;
+    className?: string;
+    size?: number;
+}
+export declare const TokenIcon: React.FC<TokenIconProps>;
+export declare const B3TokenIcon: React.FC<Omit<TokenIconProps, "src" | "alt">>;
+export declare const EthereumTokenIcon: React.FC<Omit<TokenIconProps, "src" | "alt">>;
+export {};

package/dist/cjs/global-account/react/components/TokenIcon.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EthereumTokenIcon = exports.B3TokenIcon = exports.TokenIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../../shared/utils");
+const react_1 = require("react");
+// Create a global image cache to prevent re-loading
+const imageCache = new Map();
+const TokenIcon = ({ src, alt, className, size = 40 }) => {
+    const [isLoaded, setIsLoaded] = (0, react_1.useState)(() => imageCache.get(src) || false);
+    const [hasError, setHasError] = (0, react_1.useState)(false);
+    const handleLoad = (0, react_1.useCallback)(() => {
+        imageCache.set(src, true);
+        setIsLoaded(true);
+    }, [src]);
+    const handleError = (0, react_1.useCallback)(() => {
+        setHasError(true);
+    }, []);
+    // Memoize the image element to prevent unnecessary re-renders
+    const imageElement = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)("img", { src: src, alt: alt, className: (0, utils_1.cn)("transition-opacity duration-200", className, {
+            "opacity-100": isLoaded && !hasError,
+            "opacity-0": !isLoaded || hasError,
+        }), onLoad: handleLoad, onError: handleError, loading: "eager" // Load immediately since these are critical UI elements
+        , decoding: "async", style: {
+            width: size,
+            height: size,
+        } })), [src, alt, className, isLoaded, hasError, handleLoad, handleError, size]);
+    // Show a placeholder while loading or if there's an error
+    const placeholder = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("bg-b3-primary-wash flex items-center justify-center rounded-full transition-opacity duration-200", {
+            "opacity-0": isLoaded && !hasError,
+            "opacity-100": !isLoaded || hasError,
+        }), style: {
+            width: size,
+            height: size,
+        }, children: (0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold text-xs", children: alt.charAt(0).toUpperCase() }) })), [alt, isLoaded, hasError, size]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative inline-block", style: { width: size, height: size }, children: [placeholder, (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0", children: imageElement })] }));
+};
+exports.TokenIcon = TokenIcon;
+// Pre-defined token icons for common tokens
+const B3TokenIcon = props => ((0, jsx_runtime_1.jsx)(exports.TokenIcon, { src: "https://cdn.b3.fun/b3-coin-3d.png", alt: "B3", ...props }));
+exports.B3TokenIcon = B3TokenIcon;
+const EthereumTokenIcon = props => ((0, jsx_runtime_1.jsx)(exports.TokenIcon, { src: "https://cdn.b3.fun/ethereum.svg", alt: "ETH", ...props }));
+exports.EthereumTokenIcon = EthereumTokenIcon;

package/dist/cjs/global-account/react/components/ui/accordion.d.ts

@@ -0,0 +1,7 @@
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as React from "react";
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/cjs/global-account/react/components/ui/accordion.js

@@ -0,0 +1,53 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionTrigger = exports.AccordionItem = exports.AccordionContent = exports.Accordion = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AccordionPrimitive = __importStar(require("@radix-ui/react-accordion"));
+const lucide_react_1 = require("lucide-react");
+const React = __importStar(require("react"));
+const utils_1 = require("../../../../shared/utils");
+const Accordion = AccordionPrimitive.Root;
+exports.Accordion = Accordion;
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Item, { ref: ref, className: (0, utils_1.cn)("border-b3-line border-b", className), ...props })));
+exports.AccordionItem = AccordionItem;
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Header, { className: "flex", children: (0, jsx_runtime_1.jsxs)(AccordionPrimitive.Trigger, { ref: ref, className: (0, utils_1.cn)("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })] }) })));
+exports.AccordionTrigger = AccordionTrigger;
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Content, { ref: ref, className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all", ...props, children: (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("pb-4 pt-0", className), children: children }) })));
+exports.AccordionContent = AccordionContent;
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;

package/dist/cjs/global-account/react/components/ui/dialog.js

@@ -53,7 +53,7 @@ exports.DialogOverlay = DialogOverlay;
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 const DialogContent = React.forwardRef(({ className, children, hideCloseButton = false, closeBtnClassName, ...props }, ref) => {
     const container = typeof window !== "undefined" ? document.getElementById("b3-root") : null;
-    return ((0, jsx_runtime_1.jsxs)(DialogPortal, { container: container, children: [(0, jsx_runtime_1.jsx)(DialogOverlay, {}), (0, jsx_runtime_1.jsxs)(DialogPrimitive.Content, { ref: ref, className: (0, utils_1.cn)("bg-b3-react-background fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg !outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-500", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "[perspective:1200px] [transform-style:preserve-3d] sm:rounded-xl", "transition-all ease-out", className), ...props, children: [children, !hideCloseButton && ((0, jsx_runtime_1.jsxs)(DialogPrimitive.Close, { className: (0, utils_1.cn)("data-[state=open]:bg-b3-react-background data-[state=open]:text-b3-react-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400", closeBtnClassName), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-5 w-5" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] }))] })] }));
+    return ((0, jsx_runtime_1.jsxs)(DialogPortal, { container: container, children: [(0, jsx_runtime_1.jsx)(DialogOverlay, {}), (0, jsx_runtime_1.jsxs)(DialogPrimitive.Content, { ref: ref, className: (0, utils_1.cn)("bg-b3-react-background fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg !outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-500", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "[perspective:1200px] [transform-style:preserve-3d] sm:rounded-xl", "transition-all ease-out", className), ...props, children: [children, !hideCloseButton && ((0, jsx_runtime_1.jsxs)(DialogPrimitive.Close, { className: (0, utils_1.cn)("modal-close-button data-[state=open]:bg-b3-react-background data-[state=open]:text-b3-react-muted-foreground absolute right-2 top-2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400", closeBtnClassName), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-5 w-5" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] }))] })] }));
 });
 exports.DialogContent = DialogContent;
 DialogContent.displayName = DialogPrimitive.Content.displayName;

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

@@ -1,6 +1,7 @@
 export { useAccountAssets } from "./useAccountAssets";
 export { useAccountWallet } from "./useAccountWallet";
 export { useAddTWSessionKey } from "./useAddTWSessionKey";
+export { useAnalytics } from "./useAnalytics";
 export { useAuthentication } from "./useAuthentication";
 export { useB3BalanceFromAddresses } from "./useB3BalanceFromAddresses";
 export { useB3EnsName } from "./useB3EnsName";
@@ -24,6 +25,7 @@ export { useQueryBSMNT } from "./useQueryBSMNT";
 export { useRemoveSessionKey } from "./useRemoveSessionKey";
 export { useRouter } from "./useRouter";
 export { useSearchParamsSSR } from "./useSearchParamsSSR";
+export { useSimBalance } from "./useSimBalance";
 export { useSiwe } from "./useSiwe";
 export { useTokenBalance } from "./useTokenBalance";
 export { useTokenBalancesByChain } from "./useTokenBalancesByChain";

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

@@ -14,13 +14,15 @@ 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.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalance = exports.useSiwe = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfilePreference = exports.useProfile = exports.useOneBalance = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGetGeo = exports.useGetAllTWSigners = exports.useExchangeRate = exports.useConnect = exports.useChainSwitchWithAction = exports.useBestTransactionPath = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = void 0;
+exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalance = exports.useSiwe = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfilePreference = exports.useProfile = exports.useOneBalance = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGetGeo = exports.useGetAllTWSigners = exports.useExchangeRate = exports.useConnect = exports.useChainSwitchWithAction = exports.useBestTransactionPath = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = void 0;
 var useAccountAssets_1 = require("./useAccountAssets");
 Object.defineProperty(exports, "useAccountAssets", { enumerable: true, get: function () { return useAccountAssets_1.useAccountAssets; } });
 var useAccountWallet_1 = require("./useAccountWallet");
 Object.defineProperty(exports, "useAccountWallet", { enumerable: true, get: function () { return useAccountWallet_1.useAccountWallet; } });
 var useAddTWSessionKey_1 = require("./useAddTWSessionKey");
 Object.defineProperty(exports, "useAddTWSessionKey", { enumerable: true, get: function () { return useAddTWSessionKey_1.useAddTWSessionKey; } });
+var useAnalytics_1 = require("./useAnalytics");
+Object.defineProperty(exports, "useAnalytics", { enumerable: true, get: function () { return useAnalytics_1.useAnalytics; } });
 var useAuthentication_1 = require("./useAuthentication");
 Object.defineProperty(exports, "useAuthentication", { enumerable: true, get: function () { return useAuthentication_1.useAuthentication; } });
 var useB3BalanceFromAddresses_1 = require("./useB3BalanceFromAddresses");
@@ -68,6 +70,8 @@ var useRouter_1 = require("./useRouter");
 Object.defineProperty(exports, "useRouter", { enumerable: true, get: function () { return useRouter_1.useRouter; } });
 var useSearchParamsSSR_1 = require("./useSearchParamsSSR");
 Object.defineProperty(exports, "useSearchParamsSSR", { enumerable: true, get: function () { return useSearchParamsSSR_1.useSearchParamsSSR; } });
+var useSimBalance_1 = require("./useSimBalance");
+Object.defineProperty(exports, "useSimBalance", { enumerable: true, get: function () { return useSimBalance_1.useSimBalance; } });
 var useSiwe_1 = require("./useSiwe");
 Object.defineProperty(exports, "useSiwe", { enumerable: true, get: function () { return useSiwe_1.useSiwe; } });
 var useTokenBalance_1 = require("./useTokenBalance");

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

@@ -0,0 +1,7 @@
+/**
+ * Analytics hook that provides sendAnalyticsEvent function
+ * Automatically includes user address from useAccountWallet
+ */
+export declare function useAnalytics(): {
+    sendAnalyticsEvent: (eventName: string, parameters?: Record<string, any>) => void;
+};

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAnalytics = useAnalytics;
+const analytics_1 = require("../../../global-account/utils/analytics");
+const useAccountWallet_1 = require("./useAccountWallet");
+/**
+ * Analytics hook that provides sendAnalyticsEvent function
+ * Automatically includes user address from useAccountWallet
+ */
+function useAnalytics() {
+    const { address } = (0, useAccountWallet_1.useAccountWallet)();
+    /**
+     * Sends an analytics event to Google Analytics 4
+     * @param eventName - The name of the event to track
+     * @param parameters - Additional parameters to include with the event
+     */
+    const sendAnalyticsEvent = (eventName, parameters) => {
+        // Merge user address with custom parameters
+        const eventData = {
+            user_address: address,
+            ...parameters,
+        };
+        // Send event to GA4 using utility function
+        (0, analytics_1.sendGA4Event)(eventName, eventData);
+    };
+    return {
+        sendAnalyticsEvent,
+    };
+}

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useB3BalanceFromAddresses = useB3BalanceFromAddresses;
 const anyspend_1 = require("../../../anyspend");
+const constants_1 = require("../../../shared/constants");
 const formatNumber_1 = require("../../../shared/utils/formatNumber");
 const react_query_1 = require("@tanstack/react-query");
 const viem_1 = require("viem");
@@ -20,7 +21,7 @@ const abi = [
 // Create a public client for Base
 const client = (0, viem_1.createPublicClient)({
     chain: chains_1.base,
-    transport: (0, viem_1.http)(),
+    transport: (0, viem_1.http)(constants_1.PUBLIC_BASE_RPC_URL),
 });
 async function fetchB3Balances(addresses) {
     try {

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useNativeBalance = useNativeBalance;
 exports.useNativeBalanceFromRPC = useNativeBalanceFromRPC;
+const constants_1 = require("../../../shared/constants");
 const supported_1 = require("../../../shared/constants/chains/supported");
 const formatNumber_1 = require("../../../shared/utils/formatNumber");
 const react_query_1 = require("@tanstack/react-query");
@@ -90,7 +91,7 @@ function useNativeBalanceFromRPC(address, chainId) {
             try {
                 const publicClient = (0, viem_1.createPublicClient)({
                     chain: chainId === 8333 ? supported_1.b3Mainnet : supported_1.b3Testnet,
-                    transport: (0, viem_1.http)(),
+                    transport: (0, viem_1.http)(chainId === 8333 ? constants_1.PUBLIC_BASE_RPC_URL : undefined),
                 });
                 const balance = await publicClient.getBalance({
                     address: address,

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

@@ -0,0 +1,24 @@
+export interface SimTokenMetadata {
+    logo?: string;
+}
+export interface SimBalanceItem {
+    chain: string;
+    chain_id: number;
+    address: string;
+    amount: string;
+    symbol: string;
+    decimals: number;
+    price_usd?: number;
+    value_usd?: number;
+    name?: string;
+    token_metadata?: SimTokenMetadata;
+    pool_size?: number;
+    low_liquidity?: boolean;
+}
+export interface SimBalanceResponse {
+    request_time: string;
+    response_time: string;
+    wallet_address: string;
+    balances: SimBalanceItem[];
+}
+export declare function useSimBalance(address?: string): import("@tanstack/react-query").UseQueryResult<SimBalanceResponse, Error>;

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSimBalance = useSimBalance;
+const react_query_1 = require("@tanstack/react-query");
+async function fetchSimBalance(address) {
+    if (!address)
+        throw new Error("Address is required");
+    let url = `https://simdune-api.sean-430.workers.dev/?url=https://api.sim.dune.com/v1/evm/balances/${address}?metadata=logo&chain_ids=mainnet`;
+    if (process.env.PUBLIC_LOCAL_KEY) {
+        url += `&localkey=${process.env.PUBLIC_LOCAL_KEY}`;
+    }
+    const response = await fetch(url);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch balance: ${response.statusText}`);
+    }
+    const balanceData = await response.json();
+    return balanceData;
+}
+function useSimBalance(address) {
+    return (0, react_query_1.useQuery)({
+        queryKey: ["simBalance", address],
+        queryFn: () => {
+            if (!address)
+                throw new Error("Address is required");
+            return fetchSimBalance(address);
+        },
+        enabled: Boolean(address),
+    });
+}

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

@@ -15,6 +15,7 @@ const thirdweb_2 = require("thirdweb");
 const wagmi_1 = require("wagmi");
 const components_1 = require("../components");
 const useAccountWallet_1 = require("./useAccountWallet");
+const viem_1 = require("viem");
 const partnerId = String(process.env.PUBLIC_THIRDWEB_PARTNER_ID ||
     process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID ||
     process.env.PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID ||
@@ -45,6 +46,7 @@ function useUnifiedChainSwitchAndExecute() {
             if (!targetChain) {
                 throw new Error(`Chain ${targetChainId} is not supported`);
             }
+            (0, invariant_1.default)((0, viem_1.isAddress)(params.to), "params.to is not a valid address");
             const hash = await walletClient.sendTransaction({
                 account: signer,
                 chain: targetChain,
@@ -110,7 +112,6 @@ function useUnifiedChainSwitchAndExecute() {
         try {
             setIsSwitchingOrExecuting(true);
             const chain = (0, supported_1.getThirdwebChain)(targetChainId);
-            sonner_1.toast.info("Preparing transaction…");
             const transaction = (0, thirdweb_2.prepareTransaction)({
                 client: thirdweb_1.client,
                 chain,

package/dist/cjs/global-account/react/stores/useModalStore.d.ts

@@ -79,9 +79,9 @@ export interface ManageAccountModalProps extends BaseModalProps {
     /** Partner ID */
     partnerId: string;
     /** Active Tab */
-    activeTab?: "balance" | "assets" | "apps" | "settings";
+    activeTab?: "overview" | "tokens" | "nfts" | "apps" | "settings";
     /** Function to set the active tab */
-    setActiveTab?: (tab: "balance" | "assets" | "apps" | "settings") => void;
+    setActiveTab?: (tab: "overview" | "tokens" | "nfts" | "apps" | "settings") => void;
 }
 /**
  * Props for the AnySpend modal

package/dist/cjs/global-account/react/utils/profileDisplay.js

@@ -22,6 +22,15 @@ function getProfileDisplayInfo(profile) {
                 type,
             };
             break;
+        case "farcaster":
+            displayInfo = {
+                title: details.name || details.username || "Unknown",
+                subtitle: details.username ? `@${details.username}` : "Farcaster Account",
+                imageUrl: details.profileImageUrl || null,
+                initial: "F",
+                type,
+            };
+            break;
         case "google":
             displayInfo = {
                 title: details.name || details.email || "Unknown",

package/dist/cjs/global-account/utils/analytics.d.ts

@@ -0,0 +1,16 @@
+declare global {
+    interface Window {
+        gtag: (...args: any[]) => void;
+        dataLayer: any[];
+    }
+}
+/**
+ * Load Google Analytics 4 script and initialize
+ */
+export declare const loadGA4Script: () => void;
+/**
+ * Send an analytics event to Google Analytics 4
+ * @param eventName - The name of the event to track
+ * @param parameters - Additional parameters to include with the event
+ */
+export declare const sendGA4Event: (eventName: string, parameters?: Record<string, any>) => void;

package/dist/cjs/global-account/utils/analytics.js

@@ -0,0 +1,55 @@
+"use strict";
+// Global window interface augmentations for B3 SDK
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sendGA4Event = exports.loadGA4Script = void 0;
+const GA4_MEASUREMENT_ID = "G-VER9DKJH87";
+/**
+ * Initialize Google Analytics 4
+ */
+const initializeGA4 = () => {
+    // Only initialize in browser environment
+    if (typeof window === "undefined")
+        return;
+    // Create gtag function if it doesn't exist
+    if (!window.gtag) {
+        window.dataLayer = window.dataLayer || [];
+        window.gtag = function gtag() {
+            window.dataLayer.push(arguments);
+        };
+    }
+    // Configure GA4
+    window.gtag("js", new Date());
+    window.gtag("config", GA4_MEASUREMENT_ID, {
+        page_location: window.location.href,
+        page_hostname: window.location.hostname,
+    });
+};
+/**
+ * Load Google Analytics 4 script and initialize
+ */
+const loadGA4Script = () => {
+    if (typeof window === "undefined")
+        return;
+    // Check if script is already loaded
+    if (document.querySelector(`script[src*="${GA4_MEASUREMENT_ID}"]`))
+        return;
+    const script = document.createElement("script");
+    script.async = true;
+    script.src = `https://www.googletagmanager.com/gtag/js?id=${GA4_MEASUREMENT_ID}`;
+    document.head.appendChild(script);
+    script.onload = initializeGA4;
+};
+exports.loadGA4Script = loadGA4Script;
+/**
+ * Send an analytics event to Google Analytics 4
+ * @param eventName - The name of the event to track
+ * @param parameters - Additional parameters to include with the event
+ */
+const sendGA4Event = (eventName, parameters) => {
+    // Only send events in browser environment
+    if (typeof window === "undefined" || !window.gtag)
+        return;
+    // Send event to GA4
+    window.gtag("event", eventName, parameters || {});
+};
+exports.sendGA4Event = sendGA4Event;

package/dist/cjs/shared/constants/index.d.ts

@@ -14,3 +14,4 @@ export declare const THIRDWEB_CLIENT_ID: string;
 export declare const CLIENT_APP_BUNDLE_ID: string;
 export declare const B3_AUTH_COOKIE_NAME = "b3-auth";
 export declare const ENS_GATEWAY_URL = "https://ens-gateway.b3.fun/";
+export declare const PUBLIC_BASE_RPC_URL = "https://base-rpc.publicnode.com";

package/dist/cjs/shared/constants/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ENS_GATEWAY_URL = exports.B3_AUTH_COOKIE_NAME = exports.CLIENT_APP_BUNDLE_ID = exports.THIRDWEB_CLIENT_ID = exports.THIRDWEB_SECRET_KEY = exports.tokenIcons = exports.ecosystemWalletId = exports.b3CoinIcon = exports.siteURL = void 0;
+exports.PUBLIC_BASE_RPC_URL = exports.ENS_GATEWAY_URL = exports.B3_AUTH_COOKIE_NAME = exports.CLIENT_APP_BUNDLE_ID = exports.THIRDWEB_CLIENT_ID = exports.THIRDWEB_SECRET_KEY = exports.tokenIcons = exports.ecosystemWalletId = exports.b3CoinIcon = exports.siteURL = void 0;
 exports.siteURL = "https://basement.fun";
 exports.b3CoinIcon = "https://cdn.b3.fun/b3-coin-3d.png";
 exports.ecosystemWalletId = (process.env.NEXT_PUBLIC_THIRDWEB_ECOSYSTEM_ID ||
@@ -22,3 +22,4 @@ exports.THIRDWEB_CLIENT_ID = process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID ||
 exports.CLIENT_APP_BUNDLE_ID = process.env.EXPO_PUBLIC_B3_BUNDLE_ID || "";
 exports.B3_AUTH_COOKIE_NAME = "b3-auth";
 exports.ENS_GATEWAY_URL = "https://ens-gateway.b3.fun/";
+exports.PUBLIC_BASE_RPC_URL = "https://base-rpc.publicnode.com";