@b3dotfun/sdk 0.0.8-alpha.1 → 0.0.8-alpha.2

package/dist/cjs/anyspend/react/components/AnySpendBondKit.js

@@ -129,8 +129,10 @@ function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddress, mi
             setQuote(null);
             return;
         }
-        // Only allow numbers and one decimal point
-        if (!/^\d*\.?\d*$/.test(value)) {
+        // Only allow valid number format (no leading zeros unless decimal)
+        if (!/^(0|[1-9]\d*)?\.?\d*$/.test(value)) {
+            setIsAmountValid(false);
+            setValidationError("Please enter a valid number");
             return;
         }
         // Prevent multiple decimal points
@@ -142,9 +144,27 @@ function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddress, mi
         if (parts[1] && parts[1].length > 18) {
             return;
         }
-        setEthAmount(value);
+        // Clean the input - remove leading zeros if not decimal
+        const cleanedValue = value.startsWith("0") && !value.startsWith("0.") ? value.replace(/^0+/, "0") : value;
+        setEthAmount(cleanedValue);
+        try {
+            const parsedAmount = (0, viem_1.parseEther)(cleanedValue);
+            if (parsedAmount <= BigInt(0)) {
+                setIsAmountValid(false);
+                setValidationError("Amount must be greater than 0");
+                return;
+            }
+            setIsAmountValid(true);
+            setValidationError("");
+            debouncedGetQuote(cleanedValue);
+        }
+        catch (error) {
+            console.error("Error validating amount:", error);
+            setIsAmountValid(false);
+            setValidationError("Please enter a valid amount");
+        }
     };
-    const header = () => ((0, jsx_runtime_1.jsx)("div", { className: "w-full px-6 py-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col items-center space-y-6", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "text-[28px] font-bold", children: [tokenName, " (", tokenSymbol, ")"] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col items-center space-y-2", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-[28px] font-bold", children: [ethAmount, " ETH"] }), quote && ((0, jsx_runtime_1.jsxs)("span", { className: "text-lg", children: ["\u2248 ", formatNumberWithCommas(parseFloat(quote).toFixed(4)), " ", tokenSymbol] }))] })] }) }));
+    const header = () => ((0, jsx_runtime_1.jsx)("div", { className: "w-full px-6 py-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col items-center space-y-6", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "text-[28px] font-bold", children: ["Buy ", tokenName, " (", tokenSymbol, ")"] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col items-center space-y-2", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-[28px] font-bold", children: [ethAmount, " ETH"] }), quote && ((0, jsx_runtime_1.jsxs)("span", { className: "text-lg", children: ["\u2248 ", formatNumberWithCommas(parseFloat(quote).toFixed(4)), " ", tokenSymbol] }))] })] }) }));
     // Show loading state while fetching token data
     if (isLoading) {
         return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsx)("div", { className: "b3-root b3-modal bg-b3-react-background flex w-full flex-col items-center p-8", children: (0, jsx_runtime_1.jsx)("p", { className: "text-as-primary/70 text-center text-sm", children: "Loading payment information..." }) }) }));
@@ -166,7 +186,7 @@ function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddress, mi
                             opacity: hasMounted ? 1 : 0,
                             y: hasMounted ? 0 : 20,
                             filter: hasMounted ? "blur(0px)" : "blur(10px)",
-                        }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "bg-b3-react-background w-full p-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-between", children: (0, jsx_runtime_1.jsx)("p", { className: "text-as-primary/70 text-sm font-medium", children: "Amount in ETH" }) }), (0, jsx_runtime_1.jsx)("div", { className: "relative", children: (0, jsx_runtime_1.jsx)(react_1.Input, { type: "text", inputMode: "decimal", placeholder: "0.1", value: ethAmount, onChange: e => validateAndSetAmount(e.target.value), className: `h-14 px-4 text-lg ${!isAmountValid && ethAmount ? "border-as-red" : "border-b3-react-border"}` }) }), !isAmountValid && ethAmount && (0, jsx_runtime_1.jsx)("p", { className: "text-as-red text-sm", children: validationError }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-on-surface-2/30 rounded-lg border border-white/10 p-4 backdrop-blur-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70 text-sm font-medium", children: "Total Cost:" }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary text-lg font-bold", children: [ethAmount || "0", " ETH"] }) })] }), isLoadingQuote ? ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 text-center", children: (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70 text-sm", children: "Calculating tokens..." }) })) : quote ? ((0, jsx_runtime_1.jsxs)("div", { className: "mt-2 flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70 text-sm font-medium", children: "You'll receive:" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary text-sm font-medium", children: ["\u2248 ", formatNumberWithCommas(parseFloat(quote).toFixed(4)), " ", tokenSymbol] })] })) : null] }), (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => {
+                        }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "bg-b3-react-background w-full p-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-between", children: (0, jsx_runtime_1.jsx)("p", { className: "text-as-primary/70 text-sm font-medium", children: "ETH Amount" }) }), (0, jsx_runtime_1.jsx)("div", { className: "relative", children: (0, jsx_runtime_1.jsx)(react_1.Input, { type: "text", inputMode: "decimal", placeholder: "0.1", value: ethAmount, onChange: e => validateAndSetAmount(e.target.value), className: `h-14 px-4 text-lg ${!isAmountValid && ethAmount ? "border-as-red" : "border-b3-react-border"}` }) }), !isAmountValid && ethAmount && (0, jsx_runtime_1.jsx)("p", { className: "text-as-red text-sm", children: validationError }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-on-surface-2/30 rounded-lg border border-white/10 p-4 backdrop-blur-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70 text-sm font-medium", children: "Total Cost:" }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary text-lg font-bold", children: [ethAmount || "0", " ETH"] }) })] }), isLoadingQuote ? ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 text-center", children: (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70 text-sm", children: "Calculating tokens..." }) })) : quote ? ((0, jsx_runtime_1.jsxs)("div", { className: "mt-2 flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/70 text-sm font-medium", children: "You'll receive:" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary text-sm font-medium", children: ["\u2248 ", formatNumberWithCommas(parseFloat(quote).toFixed(4)), " ", tokenSymbol] })] })) : null] }), (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => {
                                         if (isAmountValid && ethAmount) {
                                             setShowAmountPrompt(false);
                                         }

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

@@ -338,7 +338,7 @@ function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipient
                     blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
                     testnet: undefined,
                 },
-                partnerId: String(process.env.NEXT_PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID),
+                partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
                 type: "signInWithB3",
                 showBackButton: false,
             });

package/dist/cjs/anyspend/react/hooks/useAnyspendOrderAndTransactions.js

@@ -1,13 +1,28 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAnyspendOrderAndTransactions = useAnyspendOrderAndTransactions;
 const anyspend_1 = require("../../../anyspend/services/anyspend");
 const react_query_1 = require("@tanstack/react-query");
-const isEqual_js_1 = __importDefault(require("lodash/isEqual.js"));
 const react_1 = require("react");
+// Custom deep equality function that handles BigInt
+function customDeepEqual(oldData, newData) {
+    // Handle BigInt comparison
+    if (typeof oldData === "bigint" && typeof newData === "bigint") {
+        return oldData === newData;
+    }
+    // Handle arrays
+    if (Array.isArray(oldData) && Array.isArray(newData)) {
+        return oldData.length === newData.length && oldData.every((item, index) => customDeepEqual(item, newData[index]));
+    }
+    // Handle objects
+    if (oldData && newData && typeof oldData === "object" && typeof newData === "object") {
+        const keys1 = Object.keys(oldData);
+        const keys2 = Object.keys(newData);
+        return keys1.length === keys2.length && keys1.every(key => customDeepEqual(oldData[key], newData[key]));
+    }
+    // Handle primitive values
+    return oldData === newData;
+}
 // Hook to fetch and auto-refresh order status and transaction details
 function useAnyspendOrderAndTransactions(isMainnet, orderId) {
     const selectFn = (0, react_1.useCallback)((data) => {
@@ -18,12 +33,12 @@ function useAnyspendOrderAndTransactions(isMainnet, orderId) {
     const { data, isLoading, refetch, error } = (0, react_query_1.useQuery)({
         queryKey: ["getAnyspendOrderAndTransactions", orderId],
         queryFn: () => anyspend_1.anyspendService.getOrderAndTransactions(isMainnet, orderId),
-        enabled: Boolean(orderId),
+        enabled: !!orderId,
         refetchInterval: 3000,
         staleTime: 1000,
         select: selectFn,
         structuralSharing: (oldData, newData) => {
-            if ((0, isEqual_js_1.default)(oldData, newData))
+            if (customDeepEqual(oldData, newData))
                 return oldData;
             return newData;
         },

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

@@ -18,7 +18,7 @@ function SignIn(props) {
     const { automaticallySetFirstEoa } = (0, react_1.useB3)();
     const { wallet, address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, eoaWalletIcon, } = (0, react_1.useAccountWallet)();
     const isMobile = (0, react_1.useIsMobile)();
-    const { logout } = (0, react_1.useAuthentication)(String(process.env.NEXT_PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID));
+    const { logout } = (0, react_1.useAuthentication)(String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID));
     const onDisconnect = async () => {
         await logout();
     };

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

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 interface TabsRootProps {
     value: string;
     onValueChange: (value: string) => void;
@@ -18,7 +18,7 @@ interface TabTriggerProps {
     icon?: ReactNode;
     disabled?: boolean;
 }
-export declare function TabTrigger({ value, children, icon, disabled }: TabTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare const TabTrigger: React.ForwardRefExoticComponent<TabTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 interface TabsContentProps {
     value: string;
     children: ReactNode;

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

@@ -34,14 +34,14 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabTrigger = void 0;
 exports.Tabs = Tabs;
 exports.TabsList = TabsList;
-exports.TabTrigger = TabTrigger;
 exports.TabsContent = TabsContent;
 exports.TabsTransitionWrapper = TabsTransitionWrapper;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const cn_1 = require("../../../../shared/utils/cn");
 const react_1 = require("../../../../global-account/react");
+const cn_1 = require("../../../../shared/utils/cn");
 const framer_motion_1 = require("framer-motion");
 const react_2 = __importStar(require("react"));
 const TabsContext = (0, react_2.createContext)(undefined);
@@ -51,14 +51,14 @@ function Tabs({ value, onValueChange, children, className = "" }) {
 function TabsList({ children, className = "", hideGradient = false }) {
     return ((0, jsx_runtime_1.jsxs)("div", { className: "relative w-full", children: [(0, jsx_runtime_1.jsx)("div", { role: "tablist", className: (0, cn_1.cn)("no-scrollbar relative mb-4 flex items-center gap-2 whitespace-nowrap", className), children: children }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { mode: "wait", children: !hideGradient && ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2, delay: 0.2 }, children: [(0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute bottom-0 left-0 top-0 z-10 w-8 bg-gradient-to-r from-[#15121c] to-transparent md:hidden" }), (0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute bottom-0 right-0 top-0 z-10 w-8 bg-gradient-to-l from-[#15121c] to-transparent md:hidden" })] }, "gradients-container")) })] }));
 }
-function TabTrigger({ value, children, icon, disabled = false }) {
+exports.TabTrigger = react_2.default.forwardRef(({ value, children, icon, disabled = false }, ref) => {
     const context = (0, react_2.useContext)(TabsContext);
     if (!context)
         throw new Error("TabTrigger must be used within Tabs");
     const { selectedTab, onTabChange } = context;
     const isSelected = selectedTab === value;
-    return ((0, jsx_runtime_1.jsxs)("button", { role: "tab", "aria-selected": isSelected, "aria-controls": `panel-${value}`, id: `tab-${value}`, onClick: () => onTabChange(value), className: `relative rounded-full px-4 py-2 text-sm text-white transition-all duration-200 hover:text-white focus:outline-none`, disabled: disabled, children: [(0, jsx_runtime_1.jsxs)("span", { className: `${isSelected ? "opacity-100" : "opacity-50"} relative z-10 flex items-center gap-2 font-semibold uppercase`, children: [children, icon] }), isSelected && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.span, { layoutId: "activeTab", transition: { type: "spring", duration: 0.4 }, className: "from-as-light-brand to-as-brand/10 border-as-brand/30 absolute inset-0 z-0 rounded-full border border-t-white/15 bg-gradient-to-b shadow-lg" }))] }));
-}
+    return ((0, jsx_runtime_1.jsxs)("button", { ref: ref, role: "tab", "aria-selected": isSelected, "aria-controls": `panel-${value}`, id: `tab-${value}`, onClick: () => onTabChange(value), className: `relative rounded-full px-4 py-2 text-sm text-white transition-all duration-200 hover:text-white focus:outline-none`, disabled: disabled, children: [(0, jsx_runtime_1.jsxs)("span", { className: `${isSelected ? "opacity-100" : "opacity-50"} relative z-10 flex items-center gap-2 font-semibold uppercase`, children: [children, icon] }), isSelected && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.span, { layoutId: "activeTab", transition: { type: "spring", duration: 0.4 }, className: "from-as-light-brand to-as-brand/10 border-as-brand/30 absolute inset-0 z-0 rounded-full border border-t-white/15 bg-gradient-to-b shadow-lg" }))] }));
+});
 function TabsContent({ value, children }) {
     const context = (0, react_2.useContext)(TabsContext);
     if (!context)

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

@@ -126,8 +126,10 @@ export function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddr
             setQuote(null);
             return;
         }
-        // Only allow numbers and one decimal point
-        if (!/^\d*\.?\d*$/.test(value)) {
+        // Only allow valid number format (no leading zeros unless decimal)
+        if (!/^(0|[1-9]\d*)?\.?\d*$/.test(value)) {
+            setIsAmountValid(false);
+            setValidationError("Please enter a valid number");
             return;
         }
         // Prevent multiple decimal points
@@ -139,9 +141,27 @@ export function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddr
         if (parts[1] && parts[1].length > 18) {
             return;
         }
-        setEthAmount(value);
+        // Clean the input - remove leading zeros if not decimal
+        const cleanedValue = value.startsWith("0") && !value.startsWith("0.") ? value.replace(/^0+/, "0") : value;
+        setEthAmount(cleanedValue);
+        try {
+            const parsedAmount = parseEther(cleanedValue);
+            if (parsedAmount <= BigInt(0)) {
+                setIsAmountValid(false);
+                setValidationError("Amount must be greater than 0");
+                return;
+            }
+            setIsAmountValid(true);
+            setValidationError("");
+            debouncedGetQuote(cleanedValue);
+        }
+        catch (error) {
+            console.error("Error validating amount:", error);
+            setIsAmountValid(false);
+            setValidationError("Please enter a valid amount");
+        }
     };
-    const header = () => (_jsx("div", { className: "w-full px-6 py-4", children: _jsxs("div", { className: "flex w-full flex-col items-center space-y-6", children: [_jsxs("h2", { className: "text-[28px] font-bold", children: [tokenName, " (", tokenSymbol, ")"] }), _jsxs("div", { className: "flex w-full flex-col items-center space-y-2", children: [_jsxs("span", { className: "text-[28px] font-bold", children: [ethAmount, " ETH"] }), quote && (_jsxs("span", { className: "text-lg", children: ["\u2248 ", formatNumberWithCommas(parseFloat(quote).toFixed(4)), " ", tokenSymbol] }))] })] }) }));
+    const header = () => (_jsx("div", { className: "w-full px-6 py-4", children: _jsxs("div", { className: "flex w-full flex-col items-center space-y-6", children: [_jsxs("h2", { className: "text-[28px] font-bold", children: ["Buy ", tokenName, " (", tokenSymbol, ")"] }), _jsxs("div", { className: "flex w-full flex-col items-center space-y-2", children: [_jsxs("span", { className: "text-[28px] font-bold", children: [ethAmount, " ETH"] }), quote && (_jsxs("span", { className: "text-lg", children: ["\u2248 ", formatNumberWithCommas(parseFloat(quote).toFixed(4)), " ", tokenSymbol] }))] })] }) }));
     // Show loading state while fetching token data
     if (isLoading) {
         return (_jsx(StyleRoot, { children: _jsx("div", { className: "b3-root b3-modal bg-b3-react-background flex w-full flex-col items-center p-8", children: _jsx("p", { className: "text-as-primary/70 text-center text-sm", children: "Loading payment information..." }) }) }));
@@ -163,7 +183,7 @@ export function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddr
                             opacity: hasMounted ? 1 : 0,
                             y: hasMounted ? 0 : 20,
                             filter: hasMounted ? "blur(0px)" : "blur(10px)",
-                        }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "bg-b3-react-background w-full p-6", children: _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsx("p", { className: "text-as-primary/70 text-sm font-medium", children: "Amount in ETH" }) }), _jsx("div", { className: "relative", children: _jsx(Input, { type: "text", inputMode: "decimal", placeholder: "0.1", value: ethAmount, onChange: e => validateAndSetAmount(e.target.value), className: `h-14 px-4 text-lg ${!isAmountValid && ethAmount ? "border-as-red" : "border-b3-react-border"}` }) }), !isAmountValid && ethAmount && _jsx("p", { className: "text-as-red text-sm", children: validationError }), _jsxs("div", { className: "bg-as-on-surface-2/30 rounded-lg border border-white/10 p-4 backdrop-blur-sm", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-as-primary/70 text-sm font-medium", children: "Total Cost:" }), _jsx("div", { className: "flex items-center gap-2", children: _jsxs("span", { className: "text-as-primary text-lg font-bold", children: [ethAmount || "0", " ETH"] }) })] }), isLoadingQuote ? (_jsx("div", { className: "mt-2 text-center", children: _jsx("span", { className: "text-as-primary/70 text-sm", children: "Calculating tokens..." }) })) : quote ? (_jsxs("div", { className: "mt-2 flex items-center justify-between", children: [_jsx("span", { className: "text-as-primary/70 text-sm font-medium", children: "You'll receive:" }), _jsxs("span", { className: "text-as-primary text-sm font-medium", children: ["\u2248 ", formatNumberWithCommas(parseFloat(quote).toFixed(4)), " ", tokenSymbol] })] })) : null] }), _jsx(Button, { onClick: () => {
+                        }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "bg-b3-react-background w-full p-6", children: _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsx("p", { className: "text-as-primary/70 text-sm font-medium", children: "ETH Amount" }) }), _jsx("div", { className: "relative", children: _jsx(Input, { type: "text", inputMode: "decimal", placeholder: "0.1", value: ethAmount, onChange: e => validateAndSetAmount(e.target.value), className: `h-14 px-4 text-lg ${!isAmountValid && ethAmount ? "border-as-red" : "border-b3-react-border"}` }) }), !isAmountValid && ethAmount && _jsx("p", { className: "text-as-red text-sm", children: validationError }), _jsxs("div", { className: "bg-as-on-surface-2/30 rounded-lg border border-white/10 p-4 backdrop-blur-sm", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-as-primary/70 text-sm font-medium", children: "Total Cost:" }), _jsx("div", { className: "flex items-center gap-2", children: _jsxs("span", { className: "text-as-primary text-lg font-bold", children: [ethAmount || "0", " ETH"] }) })] }), isLoadingQuote ? (_jsx("div", { className: "mt-2 text-center", children: _jsx("span", { className: "text-as-primary/70 text-sm", children: "Calculating tokens..." }) })) : quote ? (_jsxs("div", { className: "mt-2 flex items-center justify-between", children: [_jsx("span", { className: "text-as-primary/70 text-sm font-medium", children: "You'll receive:" }), _jsxs("span", { className: "text-as-primary text-sm font-medium", children: ["\u2248 ", formatNumberWithCommas(parseFloat(quote).toFixed(4)), " ", tokenSymbol] })] })) : null] }), _jsx(Button, { onClick: () => {
                                         if (isAmountValid && ethAmount) {
                                             setShowAmountPrompt(false);
                                         }

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

@@ -332,7 +332,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                     blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
                     testnet: undefined,
                 },
-                partnerId: String(process.env.NEXT_PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID),
+                partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
                 type: "signInWithB3",
                 showBackButton: false,
             });

package/dist/esm/anyspend/react/hooks/useAnyspendOrderAndTransactions.js

@@ -1,7 +1,25 @@
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
 import { useQuery } from "@tanstack/react-query";
-import isEqual from "lodash/isEqual.js";
 import { useCallback, useMemo } from "react";
+// Custom deep equality function that handles BigInt
+function customDeepEqual(oldData, newData) {
+    // Handle BigInt comparison
+    if (typeof oldData === "bigint" && typeof newData === "bigint") {
+        return oldData === newData;
+    }
+    // Handle arrays
+    if (Array.isArray(oldData) && Array.isArray(newData)) {
+        return oldData.length === newData.length && oldData.every((item, index) => customDeepEqual(item, newData[index]));
+    }
+    // Handle objects
+    if (oldData && newData && typeof oldData === "object" && typeof newData === "object") {
+        const keys1 = Object.keys(oldData);
+        const keys2 = Object.keys(newData);
+        return keys1.length === keys2.length && keys1.every(key => customDeepEqual(oldData[key], newData[key]));
+    }
+    // Handle primitive values
+    return oldData === newData;
+}
 // Hook to fetch and auto-refresh order status and transaction details
 export function useAnyspendOrderAndTransactions(isMainnet, orderId) {
     const selectFn = useCallback((data) => {
@@ -12,12 +30,12 @@ export function useAnyspendOrderAndTransactions(isMainnet, orderId) {
     const { data, isLoading, refetch, error } = useQuery({
         queryKey: ["getAnyspendOrderAndTransactions", orderId],
         queryFn: () => anyspendService.getOrderAndTransactions(isMainnet, orderId),
-        enabled: Boolean(orderId),
+        enabled: !!orderId,
         refetchInterval: 3000,
         staleTime: 1000,
         select: selectFn,
         structuralSharing: (oldData, newData) => {
-            if (isEqual(oldData, newData))
+            if (customDeepEqual(oldData, newData))
                 return oldData;
             return newData;
         },

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

@@ -12,7 +12,7 @@ export function SignIn(props) {
     const { automaticallySetFirstEoa } = useB3();
     const { wallet, address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, eoaWalletIcon, } = useAccountWallet();
     const isMobile = useIsMobile();
-    const { logout } = useAuthentication(String(process.env.NEXT_PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID));
+    const { logout } = useAuthentication(String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID));
     const onDisconnect = async () => {
         await logout();
     };

package/dist/esm/global-account/react/components/ui/TabSystem.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 interface TabsRootProps {
     value: string;
     onValueChange: (value: string) => void;
@@ -18,7 +18,7 @@ interface TabTriggerProps {
     icon?: ReactNode;
     disabled?: boolean;
 }
-export declare function TabTrigger({ value, children, icon, disabled }: TabTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare const TabTrigger: React.ForwardRefExoticComponent<TabTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 interface TabsContentProps {
     value: string;
     children: ReactNode;

package/dist/esm/global-account/react/components/ui/TabSystem.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../../../shared/utils/cn.js";
 import { TransitionPanel } from "../../../../global-account/react/index.js";
+import { cn } from "../../../../shared/utils/cn.js";
 import { AnimatePresence, motion } from "framer-motion";
 import React, { createContext, useContext } from "react";
 const TabsContext = createContext(undefined);
@@ -11,14 +11,14 @@ export function Tabs({ value, onValueChange, children, className = "" }) {
 export function TabsList({ children, className = "", hideGradient = false }) {
     return (_jsxs("div", { className: "relative w-full", children: [_jsx("div", { role: "tablist", className: cn("no-scrollbar relative mb-4 flex items-center gap-2 whitespace-nowrap", className), children: children }), _jsx(AnimatePresence, { mode: "wait", children: !hideGradient && (_jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2, delay: 0.2 }, children: [_jsx("div", { className: "pointer-events-none absolute bottom-0 left-0 top-0 z-10 w-8 bg-gradient-to-r from-[#15121c] to-transparent md:hidden" }), _jsx("div", { className: "pointer-events-none absolute bottom-0 right-0 top-0 z-10 w-8 bg-gradient-to-l from-[#15121c] to-transparent md:hidden" })] }, "gradients-container")) })] }));
 }
-export function TabTrigger({ value, children, icon, disabled = false }) {
+export const TabTrigger = React.forwardRef(({ value, children, icon, disabled = false }, ref) => {
     const context = useContext(TabsContext);
     if (!context)
         throw new Error("TabTrigger must be used within Tabs");
     const { selectedTab, onTabChange } = context;
     const isSelected = selectedTab === value;
-    return (_jsxs("button", { role: "tab", "aria-selected": isSelected, "aria-controls": `panel-${value}`, id: `tab-${value}`, onClick: () => onTabChange(value), className: `relative rounded-full px-4 py-2 text-sm text-white transition-all duration-200 hover:text-white focus:outline-none`, disabled: disabled, children: [_jsxs("span", { className: `${isSelected ? "opacity-100" : "opacity-50"} relative z-10 flex items-center gap-2 font-semibold uppercase`, children: [children, icon] }), isSelected && (_jsx(motion.span, { layoutId: "activeTab", transition: { type: "spring", duration: 0.4 }, className: "from-as-light-brand to-as-brand/10 border-as-brand/30 absolute inset-0 z-0 rounded-full border border-t-white/15 bg-gradient-to-b shadow-lg" }))] }));
-}
+    return (_jsxs("button", { ref: ref, role: "tab", "aria-selected": isSelected, "aria-controls": `panel-${value}`, id: `tab-${value}`, onClick: () => onTabChange(value), className: `relative rounded-full px-4 py-2 text-sm text-white transition-all duration-200 hover:text-white focus:outline-none`, disabled: disabled, children: [_jsxs("span", { className: `${isSelected ? "opacity-100" : "opacity-50"} relative z-10 flex items-center gap-2 font-semibold uppercase`, children: [children, icon] }), isSelected && (_jsx(motion.span, { layoutId: "activeTab", transition: { type: "spring", duration: 0.4 }, className: "from-as-light-brand to-as-brand/10 border-as-brand/30 absolute inset-0 z-0 rounded-full border border-t-white/15 bg-gradient-to-b shadow-lg" }))] }));
+});
 export function TabsContent({ value, children }) {
     const context = useContext(TabsContext);
     if (!context)

package/dist/types/global-account/react/components/ui/TabSystem.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 interface TabsRootProps {
     value: string;
     onValueChange: (value: string) => void;
@@ -18,7 +18,7 @@ interface TabTriggerProps {
     icon?: ReactNode;
     disabled?: boolean;
 }
-export declare function TabTrigger({ value, children, icon, disabled }: TabTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare const TabTrigger: React.ForwardRefExoticComponent<TabTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 interface TabsContentProps {
     value: string;
     children: ReactNode;

package/package.json

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

package/src/anyspend/react/components/AnySpendBondKit.tsx

@@ -155,8 +155,10 @@ export function AnySpendBondKit({
       return;
     }
 
-    // Only allow numbers and one decimal point
-    if (!/^\d*\.?\d*$/.test(value)) {
+    // Only allow valid number format (no leading zeros unless decimal)
+    if (!/^(0|[1-9]\d*)?\.?\d*$/.test(value)) {
+      setIsAmountValid(false);
+      setValidationError("Please enter a valid number");
       return;
     }
 
@@ -171,14 +173,33 @@ export function AnySpendBondKit({
       return;
     }
 
-    setEthAmount(value);
+    // Clean the input - remove leading zeros if not decimal
+    const cleanedValue = value.startsWith("0") && !value.startsWith("0.") ? value.replace(/^0+/, "0") : value;
+    setEthAmount(cleanedValue);
+
+    try {
+      const parsedAmount = parseEther(cleanedValue);
+      if (parsedAmount <= BigInt(0)) {
+        setIsAmountValid(false);
+        setValidationError("Amount must be greater than 0");
+        return;
+      }
+
+      setIsAmountValid(true);
+      setValidationError("");
+      debouncedGetQuote(cleanedValue);
+    } catch (error) {
+      console.error("Error validating amount:", error);
+      setIsAmountValid(false);
+      setValidationError("Please enter a valid amount");
+    }
   };
 
   const header = () => (
     <div className="w-full px-6 py-4">
       <div className="flex w-full flex-col items-center space-y-6">
         <h2 className="text-[28px] font-bold">
-          {tokenName} ({tokenSymbol})
+          Buy {tokenName} ({tokenSymbol})
         </h2>
         <div className="flex w-full flex-col items-center space-y-2">
           <span className="text-[28px] font-bold">{ethAmount} ETH</span>
@@ -267,7 +288,7 @@ export function AnySpendBondKit({
           >
             <div className="space-y-4">
               <div className="flex items-center justify-between">
-                <p className="text-as-primary/70 text-sm font-medium">Amount in ETH</p>
+                <p className="text-as-primary/70 text-sm font-medium">ETH Amount</p>
               </div>
 
               <div className="relative">

package/src/anyspend/react/components/AnySpendCustom.tsx

@@ -488,7 +488,7 @@ export function AnySpendCustom({
           blockExplorers: [{ name: "B3 Explorer", url: "https://explorer.b3.fun/" }],
           testnet: undefined,
         },
-        partnerId: String(process.env.NEXT_PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID),
+        partnerId: String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID),
         type: "signInWithB3",
         showBackButton: false,
       });

package/src/anyspend/react/hooks/useAnyspendOrderAndTransactions.ts

@@ -1,9 +1,31 @@
 import { anyspendService } from "@b3dotfun/sdk/anyspend/services/anyspend";
 import { GetOrderAndTxsResponse } from "@b3dotfun/sdk/anyspend/types";
 import { useQuery } from "@tanstack/react-query";
-import isEqual from "lodash/isEqual.js";
 import { useCallback, useMemo } from "react";
 
+// Custom deep equality function that handles BigInt
+function customDeepEqual(oldData: any, newData: any): boolean {
+  // Handle BigInt comparison
+  if (typeof oldData === "bigint" && typeof newData === "bigint") {
+    return oldData === newData;
+  }
+
+  // Handle arrays
+  if (Array.isArray(oldData) && Array.isArray(newData)) {
+    return oldData.length === newData.length && oldData.every((item, index) => customDeepEqual(item, newData[index]));
+  }
+
+  // Handle objects
+  if (oldData && newData && typeof oldData === "object" && typeof newData === "object") {
+    const keys1 = Object.keys(oldData);
+    const keys2 = Object.keys(newData);
+    return keys1.length === keys2.length && keys1.every(key => customDeepEqual(oldData[key], newData[key]));
+  }
+
+  // Handle primitive values
+  return oldData === newData;
+}
+
 // Hook to fetch and auto-refresh order status and transaction details
 export function useAnyspendOrderAndTransactions(isMainnet: boolean, orderId: string | undefined) {
   const selectFn = useCallback((data: any) => {
@@ -13,13 +35,13 @@ export function useAnyspendOrderAndTransactions(isMainnet: boolean, orderId: str
 
   const { data, isLoading, refetch, error } = useQuery<GetOrderAndTxsResponse>({
     queryKey: ["getAnyspendOrderAndTransactions", orderId],
-    queryFn: () => anyspendService.getOrderAndTransactions(isMainnet, orderId),
-    enabled: Boolean(orderId),
+    queryFn: () => anyspendService.getOrderAndTransactions(isMainnet, orderId!),
+    enabled: !!orderId,
     refetchInterval: 3000,
     staleTime: 1000,
     select: selectFn,
     structuralSharing: (oldData, newData) => {
-      if (isEqual(oldData, newData)) return oldData;
+      if (customDeepEqual(oldData, newData)) return oldData;
       return newData;
     },
   });

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

@@ -43,7 +43,7 @@ export function SignIn(props: SignInWithB3Props) {
   } = useAccountWallet();
 
   const isMobile = useIsMobile();
-  const { logout } = useAuthentication(String(process.env.NEXT_PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID));
+  const { logout } = useAuthentication(String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID));
   const onDisconnect = async () => {
     await logout();
   };

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

@@ -1,7 +1,7 @@
 "use client";
 
-import { cn } from "@b3dotfun/sdk/shared/utils/cn";
 import { TransitionPanel } from "@b3dotfun/sdk/global-account/react";
+import { cn } from "@b3dotfun/sdk/shared/utils/cn";
 import { AnimatePresence, motion } from "framer-motion";
 import React, { ReactNode, createContext, useContext } from "react";
 
@@ -67,39 +67,42 @@ interface TabTriggerProps {
   disabled?: boolean;
 }
 
-export function TabTrigger({ value, children, icon, disabled = false }: TabTriggerProps) {
-  const context = useContext(TabsContext);
-  if (!context) throw new Error("TabTrigger must be used within Tabs");
-
-  const { selectedTab, onTabChange } = context;
-  const isSelected = selectedTab === value;
-
-  return (
-    <button
-      role="tab"
-      aria-selected={isSelected}
-      aria-controls={`panel-${value}`}
-      id={`tab-${value}`}
-      onClick={() => onTabChange(value)}
-      className={`relative rounded-full px-4 py-2 text-sm text-white transition-all duration-200 hover:text-white focus:outline-none`}
-      disabled={disabled}
-    >
-      <span
-        className={`${isSelected ? "opacity-100" : "opacity-50"} relative z-10 flex items-center gap-2 font-semibold uppercase`}
+export const TabTrigger = React.forwardRef<HTMLButtonElement, TabTriggerProps>(
+  ({ value, children, icon, disabled = false }, ref) => {
+    const context = useContext(TabsContext);
+    if (!context) throw new Error("TabTrigger must be used within Tabs");
+
+    const { selectedTab, onTabChange } = context;
+    const isSelected = selectedTab === value;
+
+    return (
+      <button
+        ref={ref}
+        role="tab"
+        aria-selected={isSelected}
+        aria-controls={`panel-${value}`}
+        id={`tab-${value}`}
+        onClick={() => onTabChange(value)}
+        className={`relative rounded-full px-4 py-2 text-sm text-white transition-all duration-200 hover:text-white focus:outline-none`}
+        disabled={disabled}
       >
-        {children}
-        {icon}
-      </span>
-      {isSelected && (
-        <motion.span
-          layoutId="activeTab"
-          transition={{ type: "spring", duration: 0.4 }}
-          className="from-as-light-brand to-as-brand/10 border-as-brand/30 absolute inset-0 z-0 rounded-full border border-t-white/15 bg-gradient-to-b shadow-lg"
-        />
-      )}
-    </button>
-  );
-}
+        <span
+          className={`${isSelected ? "opacity-100" : "opacity-50"} relative z-10 flex items-center gap-2 font-semibold uppercase`}
+        >
+          {children}
+          {icon}
+        </span>
+        {isSelected && (
+          <motion.span
+            layoutId="activeTab"
+            transition={{ type: "spring", duration: 0.4 }}
+            className="from-as-light-brand to-as-brand/10 border-as-brand/30 absolute inset-0 z-0 rounded-full border border-t-white/15 bg-gradient-to-b shadow-lg"
+          />
+        )}
+      </button>
+    );
+  },
+);
 
 interface TabsContentProps {
   value: string;