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

package/dist/cjs/anyspend/types/req-res/getOrderAndTransactions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.zGetOrderAndTxsResponse = exports.zGetOrderAndTransactionsRequest = void 0;
+exports.zGetOrderAndTxsResponse = exports.zGetOrderAndTxsResponseData = exports.zGetOrderAndTransactionsRequest = void 0;
 const zod_1 = require("zod");
 const order_1 = require("../order");
 const transaction_1 = require("../transaction");
@@ -9,15 +9,16 @@ exports.zGetOrderAndTransactionsRequest = zod_1.z.object({
         orderId: zod_1.z.string(),
     }),
 });
+exports.zGetOrderAndTxsResponseData = zod_1.z.object({
+    order: order_1.zOrder,
+    depositTxs: zod_1.z.array(transaction_1.zDepositTransaction).nullable(),
+    relayTx: transaction_1.zRelayTransaction.nullable(),
+    executeTx: transaction_1.zExecuteTransaction.nullable(),
+    refundTxs: zod_1.z.array(transaction_1.zRefundTransaction).nullable(),
+});
 exports.zGetOrderAndTxsResponse = zod_1.z.object({
     success: zod_1.z.boolean(),
     message: zod_1.z.string(),
-    data: zod_1.z.object({
-        order: order_1.zOrder,
-        depositTxs: zod_1.z.array(transaction_1.zDepositTransaction).nullable(),
-        relayTx: transaction_1.zRelayTransaction.nullable(),
-        executeTx: transaction_1.zExecuteTransaction.nullable(),
-        refundTxs: zod_1.z.array(transaction_1.zRefundTransaction).nullable(),
-    }),
+    data: exports.zGetOrderAndTxsResponseData,
     statusCode: zod_1.z.number(),
 });

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;
         },