@b3dotfun/sdk 0.0.31 → 0.0.32-alpha.0

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

@@ -57,6 +57,7 @@ function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress,
         sourceTokenAddress,
         sourceTokenChainId,
         slippage: SLIPPAGE_PERCENT,
+        disableUrlParamManagement: true,
     });
     // Button state logic
     const btnInfo = (0, react_3.useMemo)(() => {
@@ -233,8 +234,7 @@ function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress,
     const orderDetailsView = ((0, jsx_runtime_1.jsx)("div", { className: "mx-auto w-[460px] max-w-full", children: (0, jsx_runtime_1.jsx)("div", { className: "relative flex flex-col gap-4", children: oat && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OrderStatus_1.OrderStatus, { order: oat.data.order, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod }), (0, jsx_runtime_1.jsx)(OrderDetails_1.OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTx: oat.data.relayTx, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, cryptoPaymentMethod: paymentType === "fiat" ? CryptoPaymentMethod_1.CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod, onBack: () => {
                             setOrderId(undefined);
                             setActivePanel(useAnyspendFlow_1.PanelView.MAIN);
-                            onSuccess?.();
-                        } })] })) }) }));
+                        }, disableUrlParamManagement: true })] })) }) }));
     // Loading view
     const loadingView = ((0, jsx_runtime_1.jsx)("div", { className: "mx-auto flex w-full flex-col items-center gap-4 p-5", children: (0, jsx_runtime_1.jsx)("div", { className: "text-as-primary", children: "Loading order details..." }) }));
     // Panel views

package/dist/cjs/anyspend/react/components/common/OrderDetails.d.ts

@@ -9,6 +9,7 @@ interface OrderDetailsProps {
     refundTxs: components["schemas"]["RefundTx"][] | null;
     cryptoPaymentMethod?: CryptoPaymentMethodType;
     onBack?: () => void;
+    disableUrlParamManagement?: boolean;
 }
 export declare const OrderDetails: import("react").NamedExoticComponent<OrderDetailsProps>;
 export declare const OrderDetailsLoadingView: import("react/jsx-runtime").JSX.Element;

package/dist/cjs/anyspend/react/components/common/OrderDetails.js

@@ -130,7 +130,7 @@ function roundTokenAmount(amount) {
     const roundedDecimalPart = digits.join("");
     return `${wholePart}.${roundedDecimalPart}`;
 }
-exports.OrderDetails = (0, react_5.memo)(function OrderDetails({ mode = "modal", order, depositTxs, relayTx, executeTx, refundTxs, cryptoPaymentMethod, onBack, }) {
+exports.OrderDetails = (0, react_5.memo)(function OrderDetails({ mode = "modal", order, depositTxs, relayTx, executeTx, refundTxs, cryptoPaymentMethod, onBack, disableUrlParamManagement = false, }) {
     const router = (0, hooks_1.useRouter)();
     const searchParams = (0, hooks_1.useSearchParams)();
     // Read crypto payment method from URL parameters
@@ -196,12 +196,16 @@ exports.OrderDetails = (0, react_5.memo)(function OrderDetails({ mode = "modal",
     };
     // When waitingForDeposit is true, we show a message to the user to wait for the deposit to be processed.
     const setWaitingForDeposit = (0, react_5.useCallback)(() => {
+        if (disableUrlParamManagement)
+            return;
         const params = new URLSearchParams(searchParams.toString());
         params.set("waitingForDeposit", "true");
         router.push(`?${params}`);
-    }, [router, searchParams]);
+    }, [router, searchParams, disableUrlParamManagement]);
     // Clean up URL parameters before closing modal or navigating back
     const cleanupUrlParams = (0, react_5.useCallback)(() => {
+        if (disableUrlParamManagement)
+            return;
         const params = new URLSearchParams(searchParams.toString());
         params.delete("waitingForDeposit");
         params.delete("orderId");
@@ -210,7 +214,7 @@ exports.OrderDetails = (0, react_5.memo)(function OrderDetails({ mode = "modal",
         if (params.toString() !== searchParams.toString()) {
             router.push(`?${params}`);
         }
-    }, [router, searchParams]);
+    }, [router, searchParams, disableUrlParamManagement]);
     // Helper functions that clean up URL params before executing actions
     const handleCloseModal = (0, react_5.useCallback)(() => {
         cleanupUrlParams();

package/dist/cjs/anyspend/react/hooks/useAnyspendFlow.d.ts

@@ -19,8 +19,9 @@ interface UseAnyspendFlowProps {
     sourceTokenAddress?: string;
     sourceTokenChainId?: number;
     slippage?: number;
+    disableUrlParamManagement?: boolean;
 }
-export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, isDepositMode, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, slippage, }: UseAnyspendFlowProps): {
+export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, isDepositMode, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, slippage, disableUrlParamManagement, }: UseAnyspendFlowProps): {
     activePanel: PanelView;
     setActivePanel: import("react").Dispatch<import("react").SetStateAction<PanelView>>;
     orderId: string | undefined;
@@ -75,6 +76,8 @@ export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrd
     setSelectedRecipientAddress: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
     recipientName: string | null | undefined;
     globalAddress: string | undefined;
+    hasEnoughBalance: boolean;
+    isBalanceLoading: boolean;
     anyspendQuote: {
         success: boolean;
         message: string;

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

@@ -11,6 +11,7 @@ const react_3 = require("react");
 const sonner_1 = require("sonner");
 const viem_1 = require("viem");
 const chains_1 = require("viem/chains");
+const wagmi_1 = require("wagmi");
 const CryptoPaymentMethod_1 = require("../components/common/CryptoPaymentMethod");
 const FiatPaymentMethod_1 = require("../components/common/FiatPaymentMethod");
 var PanelView;
@@ -22,7 +23,7 @@ var PanelView;
     PanelView[PanelView["ORDER_DETAILS"] = 4] = "ORDER_DETAILS";
     PanelView[PanelView["LOADING"] = 5] = "LOADING";
 })(PanelView || (exports.PanelView = PanelView = {}));
-function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, isDepositMode = false, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, slippage = 0, }) {
+function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, isDepositMode = false, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, slippage = 0, disableUrlParamManagement = false, }) {
     const searchParams = (0, react_2.useSearchParamsSSR)();
     const router = (0, react_2.useRouter)();
     // Panel and order state
@@ -42,6 +43,7 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
     const [selectedFiatPaymentMethod, setSelectedFiatPaymentMethod] = (0, react_3.useState)(FiatPaymentMethod_1.FiatPaymentMethod.NONE);
     // Recipient state
     const { address: globalAddress } = (0, react_2.useAccountWallet)();
+    const { address: wagmiAddress } = (0, wagmi_1.useAccount)();
     const [selectedRecipientAddress, setSelectedRecipientAddress] = (0, react_3.useState)(recipientAddress);
     const recipientProfile = (0, react_2.useProfile)({ address: selectedRecipientAddress, fresh: true });
     const recipientName = recipientProfile.data?.name;
@@ -51,11 +53,34 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
             setSelectedRecipientAddress(globalAddress);
         }
     }, [selectedRecipientAddress, globalAddress]);
+    // Check token balance for crypto payments
+    const { rawBalance, isLoading: isBalanceLoading } = (0, react_2.useTokenBalance)({
+        token: selectedSrcToken,
+        address: wagmiAddress,
+    });
+    // Check if user has enough balance
+    const hasEnoughBalance = (0, react_3.useMemo)(() => {
+        if (!rawBalance || isBalanceLoading || paymentType !== "crypto")
+            return false;
+        try {
+            const requiredAmount = (0, viem_1.parseUnits)(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals);
+            return rawBalance >= requiredAmount;
+        }
+        catch {
+            return false;
+        }
+    }, [rawBalance, srcAmount, selectedSrcToken.decimals, isBalanceLoading, paymentType]);
+    // Auto-set crypto payment method based on balance
     (0, react_3.useEffect)(() => {
-        if (paymentType === "crypto") {
-            setSelectedCryptoPaymentMethod(CryptoPaymentMethod_1.CryptoPaymentMethodType.CONNECT_WALLET);
+        if (paymentType === "crypto" && !isBalanceLoading) {
+            if (hasEnoughBalance) {
+                setSelectedCryptoPaymentMethod(CryptoPaymentMethod_1.CryptoPaymentMethodType.CONNECT_WALLET);
+            }
+            else {
+                setSelectedCryptoPaymentMethod(CryptoPaymentMethod_1.CryptoPaymentMethodType.TRANSFER_CRYPTO);
+            }
         }
-    }, [paymentType]);
+    }, [paymentType, hasEnoughBalance, isBalanceLoading]);
     // Fetch specific token when sourceTokenAddress and sourceTokenChainId are provided
     (0, react_3.useEffect)(() => {
         const fetchSourceToken = async () => {
@@ -114,14 +139,14 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
     }, [anyspendQuote, slippage]);
     // Update useEffect for URL parameter to not override loadOrder
     (0, react_3.useEffect)(() => {
-        if (loadOrder)
-            return; // Skip if we have a loadOrder
+        if (loadOrder || disableUrlParamManagement)
+            return; // Skip if we have a loadOrder or URL param management is disabled
         const orderIdParam = searchParams.get("orderId");
         if (orderIdParam) {
             setOrderId(orderIdParam);
             setActivePanel(PanelView.ORDER_DETAILS);
         }
-    }, [searchParams, loadOrder]);
+    }, [searchParams, loadOrder, disableUrlParamManagement]);
     // Order creation hooks
     const { createOrder, isCreatingOrder } = (0, react_1.useAnyspendCreateOrder)({
         onSuccess: data => {
@@ -130,17 +155,19 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
             setActivePanel(PanelView.ORDER_DETAILS);
             onOrderSuccess?.(newOrderId);
             // Add orderId and payment method to URL for persistence
-            const params = new URLSearchParams(searchParams.toString()); // Preserve existing params
-            params.set("orderId", newOrderId);
-            if (selectedCryptoPaymentMethod !== CryptoPaymentMethod_1.CryptoPaymentMethodType.NONE) {
-                console.log("Setting cryptoPaymentMethod in URL:", selectedCryptoPaymentMethod);
-                params.set("cryptoPaymentMethod", selectedCryptoPaymentMethod);
-            }
-            else {
-                console.log("Payment method is NONE, not setting in URL");
+            if (!disableUrlParamManagement) {
+                const params = new URLSearchParams(searchParams.toString()); // Preserve existing params
+                params.set("orderId", newOrderId);
+                if (selectedCryptoPaymentMethod !== CryptoPaymentMethod_1.CryptoPaymentMethodType.NONE) {
+                    console.log("Setting cryptoPaymentMethod in URL:", selectedCryptoPaymentMethod);
+                    params.set("cryptoPaymentMethod", selectedCryptoPaymentMethod);
+                }
+                else {
+                    console.log("Payment method is NONE, not setting in URL");
+                }
+                console.log("Final URL params:", params.toString());
+                router.push(`${window.location.pathname}?${params.toString()}`);
             }
-            console.log("Final URL params:", params.toString());
-            router.push(`${window.location.pathname}?${params.toString()}`);
         },
         onError: error => {
             console.error(error);
@@ -196,6 +223,9 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
         setSelectedRecipientAddress,
         recipientName,
         globalAddress,
+        // Balance check
+        hasEnoughBalance,
+        isBalanceLoading,
         // Quote data
         anyspendQuote,
         isLoadingAnyspendQuote,

package/dist/cjs/anyspend/react/hooks/useSigMint.d.ts

@@ -72,7 +72,7 @@ export declare const useSigMintCollection: ({ address, chainId }: FindByAddressP
         description?: string | undefined;
         createdAt?: string | undefined;
         updatedAt?: string | undefined;
-        status?: "DRAFT" | "ACTIVE" | "INACTIVE" | undefined;
+        status?: "ACTIVE" | "DRAFT" | "INACTIVE" | undefined;
         metadata?: {} | undefined;
         logoURI?: string | undefined;
         creator?: string | undefined;

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

@@ -1,17 +1,16 @@
-import { Account } from "thirdweb/wallets";
-import { User } from "../../../../global-account/types/b3-api.types";
-import { Wallet } from "thirdweb/wallets";
+import { Users } from "@b3dotfun/b3-api";
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
+import { Account, Wallet } from "thirdweb/wallets";
 /**
  * Context type for B3Provider
  */
 export interface B3ContextType {
     account?: Account;
     automaticallySetFirstEoa: boolean;
-    user?: User;
+    user?: Users;
     setWallet: (wallet: Wallet) => void;
     wallet?: Wallet;
-    setUser: (user?: User) => void;
+    setUser: (user?: Users) => void;
     initialized: boolean;
     ready: boolean;
     environment?: "development" | "production";

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

@@ -1,13 +1,18 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ManageAccount = ManageAccount;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const app_1 = __importDefault(require("../../../../global-account/app"));
 const react_1 = require("../../../../global-account/react");
 const SignOutIcon_1 = require("../../../../global-account/react/components/icons/SignOutIcon");
 const formatNumber_1 = require("../../../../shared/utils/formatNumber");
 const thirdweb_1 = require("../../../../shared/utils/thirdweb");
 const lucide_react_1 = require("lucide-react");
 const react_2 = require("react");
+const sonner_1 = require("sonner");
 const react_3 = require("thirdweb/react");
 const viem_1 = require("viem");
 const profileDisplay_1 = require("../../utils/profileDisplay");
@@ -55,6 +60,45 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
         const { data: profilesRaw = [], isLoading: isLoadingProfiles } = (0, react_3.useProfiles)({ client: thirdweb_1.client });
         const { mutate: unlinkProfile, isPending: isUnlinking } = (0, react_3.useUnlinkProfile)();
         const { setB3ModalOpen, setB3ModalContentType, isLinking } = (0, react_1.useModalStore)();
+        const { user, setUser } = (0, react_1.useB3)();
+        const [isUpdatingCode, setIsUpdatingCode] = (0, react_2.useState)(false);
+        const [newReferralCode, setNewReferralCode] = (0, react_2.useState)("");
+        const [isEditingCode, setIsEditingCode] = (0, react_2.useState)(false);
+        const referallCodeRef = (0, react_2.useRef)(null);
+        const { data: referrals, isLoading: isLoadingReferrals } = (0, react_1.useQueryB3)("referrals", "find", { query: { referrerId: user?.userId } }, !!user?.userId);
+        // Fetch referred users
+        const currentReferralCode = user?.referralCode || user?.userId || "";
+        const handleCopyCode = async () => {
+            try {
+                await navigator.clipboard.writeText(currentReferralCode);
+                sonner_1.toast.success("Referral code copied to clipboard!");
+            }
+            catch (error) {
+                sonner_1.toast.error("Failed to copy referral code");
+            }
+        };
+        const handleUpdateReferralCode = async () => {
+            if (!newReferralCode)
+                return;
+            setIsUpdatingCode(true);
+            try {
+                // @ts-expect-error - setReferralCode is not typed for some reason
+                const newUser = await app_1.default.service("users").setReferralCode({
+                    userId: user?.userId,
+                    referralCode: newReferralCode,
+                });
+                setUser(newUser);
+                sonner_1.toast.success("Referral code updated successfully!");
+                setIsEditingCode(false);
+                setNewReferralCode("");
+            }
+            catch (error) {
+                sonner_1.toast.error("Failed to update referral code");
+            }
+            finally {
+                setIsUpdatingCode(false);
+            }
+        };
         const profiles = profilesRaw
             .filter((profile) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
             .map((profile) => ({
@@ -91,7 +135,15 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
                 },
             });
         };
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Linked Accounts" }), (0, jsx_runtime_1.jsxs)(react_1.Button, { className: "bg-b3-primary-wash hover:bg-b3-primary-wash/70 flex items-center gap-2 rounded-full px-4 py-2", onClick: handleOpenLinkModal, disabled: isLinking, children: [isLinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-primary-blue animate-spin", size: 16 })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.LinkIcon, { size: 16, className: "text-b3-primary-blue" })), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold", children: isLinking ? "Linking..." : "Link New Account" })] })] }), isLoadingProfiles ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center py-8", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-grey animate-spin" }) })) : profiles.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "space-y-4", children: profiles.map(profile => ((0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-line flex items-center justify-between rounded-xl p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [profile.imageUrl ? ((0, jsx_runtime_1.jsx)("img", { src: profile.imageUrl, alt: profile.title, className: "size-10 rounded-full" })) : ((0, jsx_runtime_1.jsx)("div", { className: "bg-b3-primary-wash flex h-10 w-10 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm uppercase", children: profile.initial }) })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold", children: profile.title }), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-foreground-muted font-neue-montreal-medium bg-b3-primary-wash rounded px-2 py-0.5 text-xs", children: profile.type.toUpperCase() })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: profile.subtitle })] })] }), (0, jsx_runtime_1.jsx)(react_1.Button, { variant: "ghost", size: "icon", className: "text-b3-grey hover:text-b3-negative", onClick: () => handleUnlink(profile), disabled: unlinkingAccountId === profile.title || isUnlinking, children: unlinkingAccountId === profile.title || isUnlinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.UnlinkIcon, { size: 16 })) })] }, profile.title))) })) : ((0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted py-8 text-center", children: "No linked accounts found" }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Account Preferences" }), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-line rounded-xl p-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Dark Mode" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Switch between light and dark theme" })] }), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-primary-wash h-6 w-12 rounded-full" })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border-b3-line flex items-center justify-between rounded-2xl border p-4", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "h-4" }), (0, jsx_runtime_1.jsx)("h3", { className: "font-neue-montreal-semibold text-b3-grey", children: "Global Account" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium mt-2 text-sm", children: "Your universal account for all B3 apps" })] }), (0, jsx_runtime_1.jsx)("button", { className: "text-b3-grey hover:text-b3-grey/80 hover:bg-b3-line border-b3-line flex size-12 items-center justify-center rounded-full border", onClick: onLogoutEnhanced, children: logoutLoading ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" }) : (0, jsx_runtime_1.jsx)(SignOutIcon_1.SignOutIcon, { size: 16, className: "text-b3-grey" }) })] })] }));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Linked Accounts" }), (0, jsx_runtime_1.jsxs)(react_1.Button, { className: "bg-b3-primary-wash hover:bg-b3-primary-wash/70 flex items-center gap-2 rounded-full px-4 py-2", onClick: handleOpenLinkModal, disabled: isLinking, children: [isLinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-primary-blue animate-spin", size: 16 })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.LinkIcon, { size: 16, className: "text-b3-primary-blue" })), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold", children: isLinking ? "Linking..." : "Link New Account" })] })] }), isLoadingProfiles ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center py-8", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-grey animate-spin" }) })) : profiles.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "space-y-4", children: profiles.map(profile => ((0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-line flex items-center justify-between rounded-xl p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [profile.imageUrl ? ((0, jsx_runtime_1.jsx)("img", { src: profile.imageUrl, alt: profile.title, className: "size-10 rounded-full" })) : ((0, jsx_runtime_1.jsx)("div", { className: "bg-b3-primary-wash flex h-10 w-10 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm uppercase", children: profile.initial }) })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold", children: profile.title }), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-foreground-muted font-neue-montreal-medium bg-b3-primary-wash rounded px-2 py-0.5 text-xs", children: profile.type.toUpperCase() })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: profile.subtitle })] })] }), (0, jsx_runtime_1.jsx)(react_1.Button, { variant: "ghost", size: "icon", className: "text-b3-grey hover:text-b3-negative", onClick: () => handleUnlink(profile), disabled: unlinkingAccountId === profile.title || isUnlinking, children: unlinkingAccountId === profile.title || isUnlinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.UnlinkIcon, { size: 16 })) })] }, profile.title))) })) : ((0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted py-8 text-center", children: "No linked accounts found" }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Referrals" }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-line rounded-xl p-4", children: [isEditingCode && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Your Referral Code" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Share this code with friends to earn rewards" })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [!isEditingCode && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Your Referral Code" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Share this code with friends to earn rewards" })] })), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: isEditingCode ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", value: newReferralCode, onChange: e => setNewReferralCode(e.target.value), className: "rounded-lg border border-gray-200 bg-white px-3 py-1.5 text-sm", placeholder: "Enter new code", ref: referallCodeRef }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "sm", onClick: handleUpdateReferralCode, disabled: isUpdatingCode || !newReferralCode, children: isUpdatingCode ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" }) : "Save" }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "sm", variant: "ghost", onClick: () => {
+                                                            setIsEditingCode(false);
+                                                            setNewReferralCode("");
+                                                        }, children: "Cancel" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "rounded-lg border border-gray-200 bg-white px-3 py-1.5 text-sm", children: currentReferralCode }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "icon", variant: "ghost", onClick: handleCopyCode, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "h-4 w-4" }) }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "icon", variant: "ghost", onClick: () => {
+                                                            setIsEditingCode(true);
+                                                            setTimeout(() => {
+                                                                referallCodeRef.current?.focus();
+                                                            }, 100);
+                                                        }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { className: "h-4 w-4" }) })] })) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-line rounded-xl p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold mb-4", children: "Referred Users" }), isLoadingReferrals ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center py-4", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-6 w-6 animate-spin text-gray-400" }) })) : referrals?.data?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "space-y-3", children: referrals.data.map((referral) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between rounded-lg bg-white p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-sm font-medium", children: referral.referreeId }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-gray-500", children: new Date(referral.createdAt).toLocaleDateString() })] }, String(referral._id)))) })) : ((0, jsx_runtime_1.jsx)("div", { className: "py-4 text-center text-gray-500", children: "No referred users yet" }))] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Account Preferences" }), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-line rounded-xl p-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Dark Mode" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Switch between light and dark theme" })] }), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-primary-wash h-6 w-12 rounded-full" })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border-b3-line flex items-center justify-between rounded-2xl border p-4", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "h-4" }), (0, jsx_runtime_1.jsx)("h3", { className: "font-neue-montreal-semibold text-b3-grey", children: "Global Account" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium mt-2 text-sm", children: "Your universal account for all B3 apps" })] }), (0, jsx_runtime_1.jsx)("button", { className: "text-b3-grey hover:text-b3-grey/80 hover:bg-b3-line border-b3-line flex size-12 items-center justify-center rounded-full border", onClick: onLogoutEnhanced, children: logoutLoading ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" }) : (0, jsx_runtime_1.jsx)(SignOutIcon_1.SignOutIcon, { size: 16, className: "text-b3-grey" }) })] })] }));
     };
     return ((0, jsx_runtime_1.jsx)("div", { className: "b3-manage-account bg-b3-background flex flex-col rounded-xl", children: (0, jsx_runtime_1.jsx)("div", { className: "flex-1", children: (0, jsx_runtime_1.jsxs)(react_1.TabsPrimitive, { defaultValue: activeTab, onValueChange: value => {
                     const tab = value;

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

@@ -9,11 +9,11 @@ const debug_1 = __importDefault(require("../../../shared/utils/debug"));
 const react_1 = require("react");
 const useSearchParamsSSR_1 = require("./useSearchParamsSSR");
 function useSiwe() {
-    const referrerId = (0, useSearchParamsSSR_1.useSearchParam)("referrerId");
+    const referralCode = (0, useSearchParamsSSR_1.useSearchParam)("referralCode");
     const authenticate = (0, react_1.useCallback)(async (account, partnerId) => {
         if (!account || !account.signMessage)
             throw new Error("Account not found");
-        console.log("@@useAuthenticate:referrerId", referrerId);
+        console.log("@@useAuthenticate:referralCode", referralCode);
         // generate challenge
         const challenge = await app_1.default.service("global-accounts-challenge").create({
             address: account.address,
@@ -31,13 +31,13 @@ function useSiwe() {
             signature,
             serverSignature: challenge.serverSignature,
             nonce: challenge.nonce,
-            // http://localhost:5173/?referrerId=cd8fda06-3840-43d3-8f35-ae9472a13759
-            referrerId: referrerId,
+            // http://localhost:5173/?referralCode=GIO2
+            referralCode,
             partnerId: partnerId,
         });
         (0, debug_1.default)("@@useAuthenticate:response", response);
         return response;
-    }, [referrerId]);
+    }, [referralCode]);
     return {
         authenticate,
     };

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

@@ -50,6 +50,7 @@ function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress,
         sourceTokenAddress,
         sourceTokenChainId,
         slippage: SLIPPAGE_PERCENT,
+        disableUrlParamManagement: true,
     });
     // Button state logic
     const btnInfo = useMemo(() => {
@@ -226,8 +227,7 @@ function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress,
     const orderDetailsView = (_jsx("div", { className: "mx-auto w-[460px] max-w-full", children: _jsx("div", { className: "relative flex flex-col gap-4", children: oat && (_jsxs(_Fragment, { children: [_jsx(OrderStatus, { order: oat.data.order, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod }), _jsx(OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTx: oat.data.relayTx, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, cryptoPaymentMethod: paymentType === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod, onBack: () => {
                             setOrderId(undefined);
                             setActivePanel(PanelView.MAIN);
-                            onSuccess?.();
-                        } })] })) }) }));
+                        }, disableUrlParamManagement: true })] })) }) }));
     // Loading view
     const loadingView = (_jsx("div", { className: "mx-auto flex w-full flex-col items-center gap-4 p-5", children: _jsx("div", { className: "text-as-primary", children: "Loading order details..." }) }));
     // Panel views

package/dist/esm/anyspend/react/components/common/OrderDetails.d.ts

@@ -9,6 +9,7 @@ interface OrderDetailsProps {
     refundTxs: components["schemas"]["RefundTx"][] | null;
     cryptoPaymentMethod?: CryptoPaymentMethodType;
     onBack?: () => void;
+    disableUrlParamManagement?: boolean;
 }
 export declare const OrderDetails: import("react").NamedExoticComponent<OrderDetailsProps>;
 export declare const OrderDetailsLoadingView: import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/common/OrderDetails.js

@@ -124,7 +124,7 @@ function roundTokenAmount(amount) {
     const roundedDecimalPart = digits.join("");
     return `${wholePart}.${roundedDecimalPart}`;
 }
-export const OrderDetails = memo(function OrderDetails({ mode = "modal", order, depositTxs, relayTx, executeTx, refundTxs, cryptoPaymentMethod, onBack, }) {
+export const OrderDetails = memo(function OrderDetails({ mode = "modal", order, depositTxs, relayTx, executeTx, refundTxs, cryptoPaymentMethod, onBack, disableUrlParamManagement = false, }) {
     const router = useRouter();
     const searchParams = useSearchParams();
     // Read crypto payment method from URL parameters
@@ -190,12 +190,16 @@ export const OrderDetails = memo(function OrderDetails({ mode = "modal", order,
     };
     // When waitingForDeposit is true, we show a message to the user to wait for the deposit to be processed.
     const setWaitingForDeposit = useCallback(() => {
+        if (disableUrlParamManagement)
+            return;
         const params = new URLSearchParams(searchParams.toString());
         params.set("waitingForDeposit", "true");
         router.push(`?${params}`);
-    }, [router, searchParams]);
+    }, [router, searchParams, disableUrlParamManagement]);
     // Clean up URL parameters before closing modal or navigating back
     const cleanupUrlParams = useCallback(() => {
+        if (disableUrlParamManagement)
+            return;
         const params = new URLSearchParams(searchParams.toString());
         params.delete("waitingForDeposit");
         params.delete("orderId");
@@ -204,7 +208,7 @@ export const OrderDetails = memo(function OrderDetails({ mode = "modal", order,
         if (params.toString() !== searchParams.toString()) {
             router.push(`?${params}`);
         }
-    }, [router, searchParams]);
+    }, [router, searchParams, disableUrlParamManagement]);
     // Helper functions that clean up URL params before executing actions
     const handleCloseModal = useCallback(() => {
         cleanupUrlParams();

package/dist/esm/anyspend/react/hooks/useAnyspendFlow.d.ts

@@ -19,8 +19,9 @@ interface UseAnyspendFlowProps {
     sourceTokenAddress?: string;
     sourceTokenChainId?: number;
     slippage?: number;
+    disableUrlParamManagement?: boolean;
 }
-export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, isDepositMode, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, slippage, }: UseAnyspendFlowProps): {
+export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, isDepositMode, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, slippage, disableUrlParamManagement, }: UseAnyspendFlowProps): {
     activePanel: PanelView;
     setActivePanel: import("react").Dispatch<import("react").SetStateAction<PanelView>>;
     orderId: string | undefined;
@@ -75,6 +76,8 @@ export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrd
     setSelectedRecipientAddress: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
     recipientName: string | null | undefined;
     globalAddress: string | undefined;
+    hasEnoughBalance: boolean;
+    isBalanceLoading: boolean;
     anyspendQuote: {
         success: boolean;
         message: string;

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

@@ -1,12 +1,13 @@
 import { B3_TOKEN, getDefaultToken, USDC_BASE } from "../../../anyspend/index.js";
 import { useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useGeoOnrampOptions, } from "../../../anyspend/react/index.js";
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
-import { useAccountWallet, useProfile, useRouter, useSearchParamsSSR } from "../../../global-account/react/index.js";
+import { useAccountWallet, useProfile, useRouter, useSearchParamsSSR, useTokenBalance, } from "../../../global-account/react/index.js";
 import { formatTokenAmount, formatUnits } from "../../../shared/utils/number.js";
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
 import { parseUnits } from "viem";
 import { base, mainnet } from "viem/chains";
+import { useAccount } from "wagmi";
 import { CryptoPaymentMethodType } from "../components/common/CryptoPaymentMethod.js";
 import { FiatPaymentMethod } from "../components/common/FiatPaymentMethod.js";
 export var PanelView;
@@ -18,7 +19,7 @@ export var PanelView;
     PanelView[PanelView["ORDER_DETAILS"] = 4] = "ORDER_DETAILS";
     PanelView[PanelView["LOADING"] = 5] = "LOADING";
 })(PanelView || (PanelView = {}));
-export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, isDepositMode = false, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, slippage = 0, }) {
+export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, isDepositMode = false, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, slippage = 0, disableUrlParamManagement = false, }) {
     const searchParams = useSearchParamsSSR();
     const router = useRouter();
     // Panel and order state
@@ -38,6 +39,7 @@ export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, load
     const [selectedFiatPaymentMethod, setSelectedFiatPaymentMethod] = useState(FiatPaymentMethod.NONE);
     // Recipient state
     const { address: globalAddress } = useAccountWallet();
+    const { address: wagmiAddress } = useAccount();
     const [selectedRecipientAddress, setSelectedRecipientAddress] = useState(recipientAddress);
     const recipientProfile = useProfile({ address: selectedRecipientAddress, fresh: true });
     const recipientName = recipientProfile.data?.name;
@@ -47,11 +49,34 @@ export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, load
             setSelectedRecipientAddress(globalAddress);
         }
     }, [selectedRecipientAddress, globalAddress]);
+    // Check token balance for crypto payments
+    const { rawBalance, isLoading: isBalanceLoading } = useTokenBalance({
+        token: selectedSrcToken,
+        address: wagmiAddress,
+    });
+    // Check if user has enough balance
+    const hasEnoughBalance = useMemo(() => {
+        if (!rawBalance || isBalanceLoading || paymentType !== "crypto")
+            return false;
+        try {
+            const requiredAmount = parseUnits(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals);
+            return rawBalance >= requiredAmount;
+        }
+        catch {
+            return false;
+        }
+    }, [rawBalance, srcAmount, selectedSrcToken.decimals, isBalanceLoading, paymentType]);
+    // Auto-set crypto payment method based on balance
     useEffect(() => {
-        if (paymentType === "crypto") {
-            setSelectedCryptoPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
+        if (paymentType === "crypto" && !isBalanceLoading) {
+            if (hasEnoughBalance) {
+                setSelectedCryptoPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
+            }
+            else {
+                setSelectedCryptoPaymentMethod(CryptoPaymentMethodType.TRANSFER_CRYPTO);
+            }
         }
-    }, [paymentType]);
+    }, [paymentType, hasEnoughBalance, isBalanceLoading]);
     // Fetch specific token when sourceTokenAddress and sourceTokenChainId are provided
     useEffect(() => {
         const fetchSourceToken = async () => {
@@ -110,14 +135,14 @@ export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, load
     }, [anyspendQuote, slippage]);
     // Update useEffect for URL parameter to not override loadOrder
     useEffect(() => {
-        if (loadOrder)
-            return; // Skip if we have a loadOrder
+        if (loadOrder || disableUrlParamManagement)
+            return; // Skip if we have a loadOrder or URL param management is disabled
         const orderIdParam = searchParams.get("orderId");
         if (orderIdParam) {
             setOrderId(orderIdParam);
             setActivePanel(PanelView.ORDER_DETAILS);
         }
-    }, [searchParams, loadOrder]);
+    }, [searchParams, loadOrder, disableUrlParamManagement]);
     // Order creation hooks
     const { createOrder, isCreatingOrder } = useAnyspendCreateOrder({
         onSuccess: data => {
@@ -126,17 +151,19 @@ export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, load
             setActivePanel(PanelView.ORDER_DETAILS);
             onOrderSuccess?.(newOrderId);
             // Add orderId and payment method to URL for persistence
-            const params = new URLSearchParams(searchParams.toString()); // Preserve existing params
-            params.set("orderId", newOrderId);
-            if (selectedCryptoPaymentMethod !== CryptoPaymentMethodType.NONE) {
-                console.log("Setting cryptoPaymentMethod in URL:", selectedCryptoPaymentMethod);
-                params.set("cryptoPaymentMethod", selectedCryptoPaymentMethod);
-            }
-            else {
-                console.log("Payment method is NONE, not setting in URL");
+            if (!disableUrlParamManagement) {
+                const params = new URLSearchParams(searchParams.toString()); // Preserve existing params
+                params.set("orderId", newOrderId);
+                if (selectedCryptoPaymentMethod !== CryptoPaymentMethodType.NONE) {
+                    console.log("Setting cryptoPaymentMethod in URL:", selectedCryptoPaymentMethod);
+                    params.set("cryptoPaymentMethod", selectedCryptoPaymentMethod);
+                }
+                else {
+                    console.log("Payment method is NONE, not setting in URL");
+                }
+                console.log("Final URL params:", params.toString());
+                router.push(`${window.location.pathname}?${params.toString()}`);
             }
-            console.log("Final URL params:", params.toString());
-            router.push(`${window.location.pathname}?${params.toString()}`);
         },
         onError: error => {
             console.error(error);
@@ -192,6 +219,9 @@ export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, load
         setSelectedRecipientAddress,
         recipientName,
         globalAddress,
+        // Balance check
+        hasEnoughBalance,
+        isBalanceLoading,
         // Quote data
         anyspendQuote,
         isLoadingAnyspendQuote,

package/dist/esm/anyspend/react/hooks/useSigMint.d.ts

@@ -72,7 +72,7 @@ export declare const useSigMintCollection: ({ address, chainId }: FindByAddressP
         description?: string | undefined;
         createdAt?: string | undefined;
         updatedAt?: string | undefined;
-        status?: "DRAFT" | "ACTIVE" | "INACTIVE" | undefined;
+        status?: "ACTIVE" | "DRAFT" | "INACTIVE" | undefined;
         metadata?: {} | undefined;
         logoURI?: string | undefined;
         creator?: string | undefined;