@b3dotfun/sdk 0.1.70-alpha.15 → 0.1.70-alpha.17

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

@@ -35,6 +35,7 @@ import { LoginStep } from "../../../global-account/react/components/SignInWithB3
 import { PanelOnramp } from "./common/PanelOnramp.js";
 import { PanelOnrampPayment } from "./common/PanelOnrampPayment.js";
 import { PointsDetailPanel } from "./common/PointsDetailPanel.js";
+import { PureTransferView } from "./common/PureTransferView.js";
 import { RecipientSelection } from "./common/RecipientSelection.js";
 import { TabSection } from "./common/TabSection.js";
 import { AnySpendCustomizationProvider, useAnySpendCustomization } from "./context/AnySpendCustomizationContext.js";
@@ -54,6 +55,7 @@ export var PanelView;
     PanelView[PanelView["DIRECT_TRANSFER_SUCCESS"] = 10] = "DIRECT_TRANSFER_SUCCESS";
     PanelView[PanelView["FIAT_KYC"] = 11] = "FIAT_KYC";
     PanelView[PanelView["FIAT_AUTH"] = 12] = "FIAT_AUTH";
+    PanelView[PanelView["PURE_TRANSFER_ADDRESS"] = 13] = "PURE_TRANSFER_ADDRESS";
 })(PanelView || (PanelView = {}));
 const ANYSPEND_RECIPIENTS_KEY = "anyspend_recipients";
 export function AnySpend(props) {
@@ -446,7 +448,10 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
         walletAddress,
         globalAddress,
     });
-    const recipientProfile = useProfile({ address: effectiveRecipientAddress, fresh: true });
+    const recipientProfile = useProfile({
+        address: effectiveRecipientAddress,
+        fresh: true,
+    });
     const recipientName = recipientProfile.data?.name;
     // Check token balance for crypto payments
     const effectiveBalanceAddress = senderAddress || connectedEOAWallet?.getAccount()?.address;
@@ -647,11 +652,26 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
         // For fiat tab, check srcAmountOnRamp; for crypto tab, check activeInputAmountInWei
         const hasAmount = activeTab === "fiat" ? srcAmountOnRamp && parseFloat(srcAmountOnRamp) > 0 : activeInputAmountInWei !== "0";
         if (!hasAmount)
-            return { text: "Enter an amount", disable: true, error: false, loading: false };
+            return {
+                text: "Enter an amount",
+                disable: true,
+                error: false,
+                loading: false,
+            };
         if (isSameChainSameToken && !allowDirectTransfer)
-            return { text: "Select a different token or chain", disable: true, error: false, loading: false };
+            return {
+                text: "Select a different token or chain",
+                disable: true,
+                error: false,
+                loading: false,
+            };
         if (isLoadingAnyspendQuote && !isSameChainSameToken)
-            return { text: "Loading quote...", disable: true, error: false, loading: true };
+            return {
+                text: "Loading quote...",
+                disable: true,
+                error: false,
+                loading: true,
+            };
         if (isCreatingOrder || isCreatingOnrampOrder || isSwitchingOrExecuting)
             return {
                 text: isSwitchingOrExecuting ? "Transferring..." : "Creating order...",
@@ -660,14 +680,29 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                 loading: true,
             };
         if ((!anyspendQuote || !anyspendQuote.success) && !(isSameChainSameToken && allowDirectTransfer))
-            return { text: "No quote found", disable: true, error: false, loading: false };
+            return {
+                text: "No quote found",
+                disable: true,
+                error: false,
+                loading: false,
+            };
         if (activeTab === "fiat") {
             // For fiat: check recipient first, then payment method
             if (!effectiveRecipientAddress)
-                return { text: "Select recipient", disable: false, error: false, loading: false };
+                return {
+                    text: "Select recipient",
+                    disable: false,
+                    error: false,
+                    loading: false,
+                };
             // If no fiat payment method selected, show "Select payment method"
             if (selectedFiatPaymentMethod === FiatPaymentMethod.NONE) {
-                return { text: "Select payment method", disable: false, error: false, loading: false };
+                return {
+                    text: "Select payment method",
+                    disable: false,
+                    error: false,
+                    loading: false,
+                };
             }
             // If payment method is selected, show "Continue"
             return { text: "Continue", disable: false, error: false, loading: false };
@@ -676,19 +711,40 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
             // For crypto: check payment method first, then recipient
             // If no payment method selected, show "Choose payment method"
             if (effectiveCryptoPaymentMethod === CryptoPaymentMethodType.NONE) {
-                return { text: "Choose payment method", disable: false, error: false, loading: false };
+                return {
+                    text: "Choose payment method",
+                    disable: false,
+                    error: false,
+                    loading: false,
+                };
             }
             // Check recipient after payment method
             if (!effectiveRecipientAddress)
-                return { text: "Select recipient", disable: false, error: false, loading: false };
+                return {
+                    text: "Select recipient",
+                    disable: false,
+                    error: false,
+                    loading: false,
+                };
             // If payment method selected, show appropriate action
             if (effectiveCryptoPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET ||
                 effectiveCryptoPaymentMethod === CryptoPaymentMethodType.GLOBAL_WALLET) {
                 const buttonText = isSameChainSameToken && allowDirectTransfer ? "Transfer" : "Swap";
-                return { text: buttonText, disable: false, error: false, loading: false };
+                return {
+                    text: buttonText,
+                    disable: false,
+                    error: false,
+                    loading: false,
+                };
             }
             if (effectiveCryptoPaymentMethod === CryptoPaymentMethodType.TRANSFER_CRYPTO) {
-                return { text: "Continue to payment", disable: false, error: false, loading: false };
+                const transferText = isSameChainSameToken && allowDirectTransfer ? "Show deposit address" : "Continue to payment";
+                return {
+                    text: transferText,
+                    disable: false,
+                    error: false,
+                    loading: false,
+                };
             }
         }
         return { text: "Continue", disable: false, error: false, loading: false };
@@ -780,8 +836,14 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     // Handle crypto swap creation
     const handleCryptoSwap = async (method) => {
         try {
-            const isDirectTransfer = isSameChainSameToken && allowDirectTransfer;
+            // TRANSFER_CRYPTO is the manual deposit-address flow — no connected wallet to send from.
+            const isDirectTransfer = isSameChainSameToken && allowDirectTransfer && method !== CryptoPaymentMethodType.TRANSFER_CRYPTO;
             invariant(effectiveRecipientAddress, "Recipient address is not found");
+            // Same-token manual deposit → show recipient address + watch, no relayer order, no fee
+            if (isSameChainSameToken && allowDirectTransfer && method === CryptoPaymentMethodType.TRANSFER_CRYPTO) {
+                navigateToPanel(PanelView.PURE_TRANSFER_ADDRESS, "forward");
+                return;
+            }
             const srcAmountBigInt = parseUnits(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals);
             // Handle direct transfer (same chain/token) - bypass backend, transfer directly
             if (isDirectTransfer) {
@@ -800,9 +862,6 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
             }
             // Regular swap flow - use backend
             invariant(anyspendQuote, "Relay price is not found");
-            // Debug: Check payment method values
-            console.log("handleCryptoSwap - method parameter:", method);
-            console.log("handleCryptoSwap - selectedCryptoPaymentMethod state:", selectedCryptoPaymentMethod);
             createOrder({
                 recipientAddress: effectiveRecipientAddress,
                 orderType: "swap",
@@ -810,7 +869,11 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                 dstChain: isBuyMode ? destinationTokenChainId : selectedDstChainId,
                 srcToken: selectedSrcToken,
                 dstToken: isBuyMode
-                    ? { ...selectedDstToken, chainId: destinationTokenChainId, address: destinationTokenAddress }
+                    ? {
+                        ...selectedDstToken,
+                        chainId: destinationTokenChainId,
+                        address: destinationTokenAddress,
+                    }
                     : selectedDstToken,
                 srcAmount: srcAmountBigInt.toString(),
                 expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount || "0",
@@ -1127,6 +1190,7 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     const authView = (_jsx("div", { className: "mx-auto w-full max-w-[460px]", children: _jsx(LoginStep, { chain: baseChain, onSuccess: async () => {
                 // isAuthenticated will be true at this point — the useEffect below handles navigation
             } }) }));
+    const pureTransferAddressView = (_jsx(PureTransferView, { mode: mode, recipientAddress: effectiveRecipientAddress ?? "", chainId: selectedSrcChainId, token: selectedSrcToken, displayAmount: srcAmount && srcAmount !== "0" ? `${srcAmount} ${selectedSrcToken.symbol}` : undefined, isActive: activePanel === PanelView.PURE_TRANSFER_ADDRESS, onBack: navigateBack, onClose: () => setB3ModalOpen(false), onTransferDetected: () => onSuccess?.() }));
     // Add tabs to the main component when no order is loaded
     return (_jsx(StyleRoot, { children: _jsx("div", { className: classes?.container ||
                 cn("anyspend-container font-inter mx-auto w-full max-w-[460px]", mode === "page" &&
@@ -1162,5 +1226,6 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                     _jsx("div", { className: cn(mode === "page" && "p-6"), children: directTransferSuccessView }, "direct-transfer-success-view"),
                     _jsx("div", { className: cn(mode === "page" && "p-6"), children: kycView }, "fiat-kyc-view"),
                     _jsx("div", { className: cn(mode === "page" && "p-6"), children: authView }, "fiat-auth-view"),
+                    _jsx("div", { className: cn(mode === "page" && "p-6"), children: pureTransferAddressView }, "pure-transfer-address-view"),
                 ] }) }) }));
 }

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

@@ -248,7 +248,10 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
                         cn("as-main-button relative w-full", btnInfo.error ? "!bg-as-red" : btnInfo.disable ? "!bg-as-on-surface-2" : "!bg-as-brand"), textClassName: cn(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white"), children: _jsxs("div", { className: "flex items-center justify-center gap-2", children: [btnInfo.loading && _jsx(Loader2, { className: "h-4 w-4 animate-spin" }), btnInfo.text] }) })) }), gasPriceData && !isLoadingGas && effectivePaymentType === "crypto" && !isDirectTransfer && (_jsx(GasIndicator, { gasPrice: gasPriceData, className: classes?.gasIndicator || "mt-2 w-full" })), mainFooter ? mainFooter : null] }));
     const handleCryptoOrder = async () => {
         try {
-            const isDirectTransfer = isSameChainSameToken && allowDirectTransfer;
+            // TRANSFER_CRYPTO is the manual deposit-address flow — no connected wallet to send from.
+            const isDirectTransfer = isSameChainSameToken &&
+                allowDirectTransfer &&
+                effectiveCryptoPaymentMethod !== CryptoPaymentMethodType.TRANSFER_CRYPTO;
             if (!isDirectTransfer) {
                 invariant(anyspendQuote, "Relay price is not found");
             }

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

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { USDC_BASE } from "../../../anyspend/index.js";
 import { Skeleton, useAccountWallet, useSimBalance, useTokenData } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/cn.js";
+import { formatTokenAmount } from "../../../shared/utils/number.js";
 import { NetworkArbitrumOne, NetworkBase, NetworkBinanceSmartChain, NetworkEthereum, NetworkOptimism, NetworkPolygonPos, } from "@web3icons/react";
 import { ChevronRight } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
@@ -225,7 +226,9 @@ export function AnySpendDeposit({ loadOrder, mode = "modal", recipientAddress, p
                                         "anyspend-deposit-option-button anyspend-deposit-crypto-button border-border-primary hover:border-as-brand hover:bg-as-surface-secondary flex w-full items-center justify-between rounded-xl border p-4 text-left shadow-sm transition-all", children: [_jsx("div", { className: depositClasses?.optionContent || "anyspend-deposit-option-content", children: _jsxs("div", { className: depositClasses?.optionInfo || "anyspend-deposit-option-info", children: [_jsx("span", { className: depositClasses?.optionTitle || "anyspend-deposit-option-title text-as-primary font-medium", children: "Deposit Crypto" }), _jsx("p", { className: depositClasses?.optionDescription ||
                                                             "anyspend-deposit-option-description text-as-secondary text-xs", children: "Swap from any token on any chain" })] }) }), _jsx(ChevronRight, { className: depositClasses?.optionChevron || "anyspend-deposit-option-chevron text-as-secondary h-5 w-5" })] }), _jsxs("div", { className: depositClasses?.divider || "anyspend-deposit-divider flex items-center gap-3", children: [_jsx("div", { className: depositClasses?.dividerLine || "bg-as-stroke h-px flex-1" }), _jsx("span", { className: depositClasses?.dividerText || "anyspend-deposit-divider-text text-as-secondary text-sm", children: "More options" }), _jsx("div", { className: depositClasses?.dividerLine || "bg-as-stroke h-px flex-1" })] }), _jsxs("button", { onClick: handleSelectQrDeposit, className: depositClasses?.qrButton ||
                                         "anyspend-deposit-option-button anyspend-deposit-qr-button border-border-primary hover:border-as-brand hover:bg-as-surface-secondary flex w-full items-center justify-between rounded-xl border p-4 text-left shadow-sm transition-all", children: [_jsxs("div", { className: depositClasses?.optionContent || "anyspend-deposit-option-content flex items-center gap-3", children: [_jsx(QrCodeIcon, { className: depositClasses?.optionIcon || "anyspend-deposit-option-icon h-10 w-10" }), _jsxs("div", { className: depositClasses?.optionInfo || "anyspend-deposit-option-info", children: [_jsx("span", { className: depositClasses?.optionTitle || "anyspend-deposit-option-title text-as-primary font-medium", children: "Deposit with QR Code" }), _jsx("p", { className: depositClasses?.optionDescription ||
-                                                                "anyspend-deposit-option-description text-as-secondary text-xs", children: "Send tokens directly to deposit address" })] })] }), _jsx(ChevronRight, { className: depositClasses?.optionChevron || "anyspend-deposit-option-chevron text-as-secondary h-5 w-5" })] }), showFiatOption && (_jsxs("button", { onClick: handleSelectFiat, className: depositClasses?.fiatButton ||
+                                                                "anyspend-deposit-option-description text-as-secondary text-xs", children: pureTransferOnly
+                                                                ? "Send tokens directly to deposit address"
+                                                                : "Send any token — we'll convert it for you" })] })] }), _jsx(ChevronRight, { className: depositClasses?.optionChevron || "anyspend-deposit-option-chevron text-as-secondary h-5 w-5" })] }), showFiatOption && (_jsxs("button", { onClick: handleSelectFiat, className: depositClasses?.fiatButton ||
                                         "anyspend-deposit-option-button anyspend-deposit-fiat-button border-border-primary hover:border-as-brand hover:bg-as-surface-secondary flex w-full items-center justify-between rounded-xl border p-4 text-left transition-all", children: [_jsxs("div", { className: depositClasses?.optionContent || "anyspend-deposit-option-content flex items-center gap-3", children: [_jsx(CreditCardIcon, { className: depositClasses?.optionIcon || "anyspend-deposit-option-icon h-10 w-10" }), _jsxs("div", { className: depositClasses?.optionInfo || "anyspend-deposit-option-info", children: [_jsx("span", { className: depositClasses?.optionTitle || "anyspend-deposit-option-title text-as-primary font-medium", children: "Fund with Fiat" }), _jsx("p", { className: depositClasses?.optionDescription ||
                                                                 "anyspend-deposit-option-description text-as-secondary text-xs", children: "Pay with card or bank transfer" })] })] }), _jsx(ChevronRight, { className: depositClasses?.optionChevron || "anyspend-deposit-option-chevron text-as-secondary h-5 w-5" })] }))] }), _jsx(ChainWarningText, { chainId: destinationTokenChainId, classes: classes?.chainWarningText || { root: "mt-2" } })] })] }));
     }
@@ -242,10 +245,21 @@ export function AnySpendDeposit({ loadOrder, mode = "modal", recipientAddress, p
         // `KNOWN_FUNDING_TOKENS` key — so `hasKnownDestination` is always true and this
         // branch never fires for them. The guard is defensive for FUTURE callers that pass
         // an unknown token together with `pureTransferOnly=true`.
+        // Only surface the fixed destination amount on the QR path when its decimals are trustworthy
+        // (a known funding token or a resolved API lookup) — otherwise `destinationToken.decimals`
+        // is the generic 18 fallback and formatting a 6-decimal token's wei against it would be off by
+        // 10^12. When unresolved we still show the destination token/chain, just without an amount.
+        const destinationDecimalsResolved = hasKnownDestination || !!destinationTokenData;
+        const destinationAmountDisplay = destinationTokenAmount &&
+            /^\d+$/.test(destinationTokenAmount) &&
+            BigInt(destinationTokenAmount) > 0n &&
+            destinationDecimalsResolved
+            ? formatTokenAmount(BigInt(destinationTokenAmount), destinationToken.decimals, 6, false)
+            : undefined;
         if (pureTransferOnly && !hasKnownDestination && !destinationTokenData && isDestinationTokenLoading) {
             return (_jsx("div", { className: cn("anyspend-deposit anyspend-deposit-qr-loading font-inter bg-as-surface-primary mx-auto w-full max-w-[460px] p-6", mode === "page" && "border-as-border-secondary overflow-hidden rounded-2xl border shadow-xl"), children: _jsxs("div", { className: "anyspend-deposit-qr-loading-content flex flex-col items-center justify-center gap-4 py-12", children: [_jsx(Skeleton, { className: "h-8 w-8 rounded-full" }), _jsx(Skeleton, { className: "h-4 w-40" })] }) }));
         }
-        return (_jsx(QRDeposit, { mode: mode, recipientAddress: recipientAddress, destinationToken: destinationToken, destinationChainId: destinationTokenChainId, pureTransferOnly: pureTransferOnly, depositContractConfig: depositContractConfig, onBack: handleBack, onClose: onClose ?? handleBack, onSuccess: handleQRDepositSuccess, classes: classes?.qrDeposit }));
+        return (_jsx(QRDeposit, { mode: mode, recipientAddress: recipientAddress, destinationToken: destinationToken, destinationChainId: destinationTokenChainId, destinationAmountDisplay: destinationAmountDisplay, pureTransferOnly: pureTransferOnly, depositContractConfig: depositContractConfig, onBack: handleBack, onClose: onClose ?? handleBack, onSuccess: handleQRDepositSuccess, classes: classes?.qrDeposit }));
     }
     // Deposit view
     return (_jsxs("div", { className: depositClasses?.form || "anyspend-deposit anyspend-deposit-form relative", children: [shouldShowChainSelection && (_jsxs("button", { onClick: handleBack, className: depositClasses?.backButton ||

package/dist/esm/anyspend/react/components/QRDeposit.d.ts

@@ -14,6 +14,14 @@ export interface QRDepositProps {
     destinationToken: components["schemas"]["Token"];
     /** The destination chain ID */
     destinationChainId: number;
+    /**
+     * Human-formatted destination amount (e.g. "9.365547"), shown as an APPROXIMATE
+     * target in swap mode only. The QR deposit path accepts an arbitrary sent amount,
+     * so this is never a guaranteed receive figure — the UI frames it as "any amount
+     * works". Omitted when no fixed amount is set or the destination decimals are
+     * unresolved (to avoid a mis-scaled number). Ignored in pure-transfer mode.
+     */
+    destinationAmountDisplay?: string;
     /**
      * When true, the deposit is a PURE TRANSFER: the destination token/chain mirror
      * the user's currently selected source token/chain, so the exact token the user
@@ -54,4 +62,4 @@ export interface QRDepositProps {
  *   onSuccess={(txHash) => console.log("Deposit complete:", txHash)}
  * />
  */
-export declare function QRDeposit({ mode, recipientAddress, sourceToken: sourceTokenProp, sourceChainId: sourceChainIdProp, destinationToken, destinationChainId, pureTransferOnly, creatorAddress, depositContractConfig, onBack, onClose, onOrderCreated, onSuccess, classes, }: QRDepositProps): import("react/jsx-runtime").JSX.Element;
+export declare function QRDeposit({ mode, recipientAddress, sourceToken: sourceTokenProp, sourceChainId: sourceChainIdProp, destinationToken, destinationChainId, destinationAmountDisplay, pureTransferOnly, creatorAddress, depositContractConfig, onBack, onClose, onOrderCreated, onSuccess, classes, }: QRDepositProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ALL_CHAINS, getAvailableChainIds, getPaymentUrl, isSameChainAndToken, ZERO_ADDRESS, } from "../../../anyspend/index.js";
 import { Button, toast } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/cn.js";
@@ -39,7 +39,7 @@ const DEFAULT_ETH_ON_BASE = {
  *   onSuccess={(txHash) => console.log("Deposit complete:", txHash)}
  * />
  */
-export function QRDeposit({ mode = "modal", recipientAddress, sourceToken: sourceTokenProp, sourceChainId: sourceChainIdProp, destinationToken, destinationChainId, pureTransferOnly = false, creatorAddress, depositContractConfig, onBack, onClose, onOrderCreated, onSuccess, classes, }) {
+export function QRDeposit({ mode = "modal", recipientAddress, sourceToken: sourceTokenProp, sourceChainId: sourceChainIdProp, destinationToken, destinationChainId, destinationAmountDisplay, pureTransferOnly = false, creatorAddress, depositContractConfig, onBack, onClose, onOrderCreated, onSuccess, classes, }) {
     const [copied, setCopied] = useState(false);
     const [orderId, setOrderId] = useState();
     const [globalAddress, setGlobalAddress] = useState();
@@ -171,8 +171,8 @@ export function QRDeposit({ mode = "modal", recipientAddress, sourceToken: sourc
     }
     return (_jsx("div", { className: classes?.container ||
             cn("anyspend-container anyspend-qr-deposit font-inter bg-as-surface-primary mx-auto w-full max-w-[460px] p-6", mode === "page" && "border-as-border-secondary overflow-hidden rounded-2xl border shadow-xl"), children: _jsxs("div", { className: classes?.content || "anyspend-qr-deposit-content flex flex-col gap-4", children: [_jsxs("div", { className: classes?.header || "anyspend-qr-header flex items-center justify-between", children: [_jsx("button", { onClick: handleBack, className: classes?.backButton || "anyspend-qr-back-button text-as-secondary hover:text-as-primary", children: _jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }), _jsx("h2", { className: classes?.title || "anyspend-qr-title text-as-primary text-base font-semibold", children: "Deposit" }), onClose ? (_jsx("button", { onClick: handleClose, className: classes?.closeButton || "anyspend-qr-close-button text-as-secondary hover:text-as-primary", children: _jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })) : (_jsx("div", { className: "w-5" }))] }), _jsxs("div", { className: classes?.tokenSelectorContainer || "anyspend-qr-token-selector flex flex-col gap-1.5", children: [_jsx("label", { className: classes?.tokenSelectorLabel || "anyspend-qr-token-label text-as-secondary text-sm", children: "Send" }), _jsx(TokenSelector, { chainIdsFilter: getAvailableChainIds("from"), context: "from", fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: getAvailableChainIds("from"), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, setToken: handleTokenSelect, supportedWalletVMs: ["evm"], token: undefined, trigger: _jsxs(Button, { variant: "outline", role: "combobox", className: classes?.tokenSelectorTrigger ||
-                                    "anyspend-qr-token-trigger border-as-stroke bg-as-surface-secondary flex h-auto w-full items-center justify-between gap-2 rounded-xl border px-3 py-2.5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [sourceToken.metadata?.logoURI ? (_jsx(ChainTokenIcon, { chainUrl: ALL_CHAINS[sourceChainId]?.logoUrl, tokenUrl: sourceToken.metadata.logoURI, className: "h-8 min-h-8 w-8 min-w-8" })) : (_jsx("div", { className: "h-8 w-8 rounded-full bg-gray-700" })), _jsxs("div", { className: "flex flex-col items-start gap-0", children: [_jsx("div", { className: "text-as-primary font-semibold", children: sourceToken.symbol }), _jsx("div", { className: "text-as-primary/70 text-xs", children: ALL_CHAINS[sourceChainId]?.name ?? "Unknown" })] })] }), _jsx(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-70" })] }) })] }), _jsxs("div", { className: classes?.qrContent || "anyspend-qr-content border-as-stroke flex items-start gap-4 rounded-xl border p-4", children: [_jsxs("div", { className: classes?.qrCodeContainer || "anyspend-qr-code-container flex flex-col items-center gap-2", children: [_jsx("div", { className: classes?.qrCode || "anyspend-qr-code rounded-lg bg-white p-2", children: _jsx(QRCodeSVG, { value: qrValue, size: 120, level: "M", marginSize: 0 }) }), _jsxs("span", { className: classes?.qrScanHint || "anyspend-qr-scan-hint text-as-secondary text-xs", children: ["SCAN WITH ", _jsx("span", { className: "inline-block", children: "\uD83E\uDD8A" })] })] }), _jsxs("div", { className: classes?.addressContainer || "anyspend-qr-address-container flex flex-1 flex-col gap-1", children: [_jsx("span", { className: classes?.addressLabel || "anyspend-qr-address-label text-as-secondary text-sm", children: "Deposit address:" }), _jsxs("div", { className: classes?.addressRow || "anyspend-qr-address-row flex items-start gap-1", children: [_jsx("span", { className: classes?.address || "anyspend-qr-address text-as-primary break-all font-mono text-sm leading-relaxed", children: displayAddress }), _jsx("button", { onClick: handleCopyAddress, className: classes?.addressCopyIcon ||
-                                                "anyspend-qr-copy-icon text-as-secondary hover:text-as-primary mt-0.5 shrink-0", children: copied ? _jsx(Check, { className: "h-4 w-4" }) : _jsx(Copy, { className: "h-4 w-4" }) })] })] })] }), _jsx(ChainWarningText, { chainId: effectiveDestinationChainId }), _jsxs(WarningText, { children: ["Only send ", sourceToken.symbol, " on ", ALL_CHAINS[sourceChainId]?.name ?? "the specified chain", ". Other tokens will not be converted."] }), isPureTransfer && isWatchingTransfer && (_jsxs("div", { className: classes?.watchingIndicator ||
+                                    "anyspend-qr-token-trigger border-as-stroke bg-as-surface-secondary flex h-auto w-full items-center justify-between gap-2 rounded-xl border px-3 py-2.5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [sourceToken.metadata?.logoURI ? (_jsx(ChainTokenIcon, { chainUrl: ALL_CHAINS[sourceChainId]?.logoUrl, tokenUrl: sourceToken.metadata.logoURI, className: "h-8 min-h-8 w-8 min-w-8" })) : (_jsx("div", { className: "h-8 w-8 rounded-full bg-gray-700" })), _jsxs("div", { className: "flex flex-col items-start gap-0", children: [_jsx("div", { className: "text-as-primary font-semibold", children: sourceToken.symbol }), _jsx("div", { className: "text-as-primary/70 text-xs", children: ALL_CHAINS[sourceChainId]?.name ?? "Unknown" })] })] }), _jsx(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-70" })] }) })] }), !isPureTransfer && (_jsxs("div", { className: "anyspend-qr-receive flex flex-col gap-1.5", children: [_jsx("label", { className: "anyspend-qr-receive-label text-as-secondary text-sm", children: "Receive" }), _jsxs("div", { className: "anyspend-qr-receive-row border-as-stroke bg-as-surface-secondary flex w-full items-center gap-2 rounded-xl border px-3 py-2.5", children: [effectiveDestinationToken.metadata?.logoURI ? (_jsx(ChainTokenIcon, { chainUrl: ALL_CHAINS[effectiveDestinationChainId]?.logoUrl, tokenUrl: effectiveDestinationToken.metadata.logoURI, className: "h-8 min-h-8 w-8 min-w-8" })) : (_jsx("div", { className: "h-8 w-8 rounded-full bg-gray-700" })), _jsxs("div", { className: "flex flex-col items-start gap-0", children: [_jsx("div", { className: "text-as-primary font-semibold", children: effectiveDestinationToken.symbol || "Token" }), _jsx("div", { className: "text-as-primary/70 text-xs", children: ALL_CHAINS[effectiveDestinationChainId]?.name ?? "Unknown" })] })] })] })), _jsxs("div", { className: classes?.qrContent || "anyspend-qr-content border-as-stroke flex items-start gap-4 rounded-xl border p-4", children: [_jsxs("div", { className: classes?.qrCodeContainer || "anyspend-qr-code-container flex flex-col items-center gap-2", children: [_jsx("div", { className: classes?.qrCode || "anyspend-qr-code rounded-lg bg-white p-2", children: _jsx(QRCodeSVG, { value: qrValue, size: 120, level: "M", marginSize: 0 }) }), _jsxs("span", { className: classes?.qrScanHint || "anyspend-qr-scan-hint text-as-secondary text-xs", children: ["SCAN WITH ", _jsx("span", { className: "inline-block", children: "\uD83E\uDD8A" })] })] }), _jsxs("div", { className: classes?.addressContainer || "anyspend-qr-address-container flex flex-1 flex-col gap-1", children: [_jsx("span", { className: classes?.addressLabel || "anyspend-qr-address-label text-as-secondary text-sm", children: "Deposit address:" }), _jsxs("div", { className: classes?.addressRow || "anyspend-qr-address-row flex items-start gap-1", children: [_jsx("span", { className: classes?.address || "anyspend-qr-address text-as-primary break-all font-mono text-sm leading-relaxed", children: displayAddress }), _jsx("button", { onClick: handleCopyAddress, className: classes?.addressCopyIcon ||
+                                                "anyspend-qr-copy-icon text-as-secondary hover:text-as-primary mt-0.5 shrink-0", children: copied ? _jsx(Check, { className: "h-4 w-4" }) : _jsx(Copy, { className: "h-4 w-4" }) })] })] })] }), _jsx(ChainWarningText, { chainId: effectiveDestinationChainId }), isPureTransfer ? (_jsxs(WarningText, { children: ["Only send ", sourceToken.symbol, " on ", ALL_CHAINS[sourceChainId]?.name ?? "the specified chain", ". Other tokens will not be converted."] })) : (_jsxs(_Fragment, { children: [_jsxs(WarningText, { children: ["Only send ", sourceToken.symbol, " on ", ALL_CHAINS[sourceChainId]?.name ?? "the specified chain", " to this address \u2014 it will be converted to ", effectiveDestinationToken.symbol || "the destination token", " on", " ", ALL_CHAINS[effectiveDestinationChainId]?.name ?? "the destination chain", "."] }), destinationAmountDisplay && (_jsxs("p", { className: "anyspend-qr-amount-hint text-as-secondary text-xs", children: ["Target \u2248 ", destinationAmountDisplay, " ", effectiveDestinationToken.symbol || "tokens", ". Any amount of", " ", sourceToken.symbol || "tokens", " works \u2014 you'll receive whatever your deposit converts to."] }))] })), isPureTransfer && isWatchingTransfer && (_jsxs("div", { className: classes?.watchingIndicator ||
                         "anyspend-qr-watching flex items-center justify-center gap-2 rounded-lg bg-blue-500/10 p-3", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin text-blue-500" }), _jsx("span", { className: "text-sm text-blue-500", children: "Watching for incoming transfer..." })] })), _jsx("button", { onClick: handleCopyAddress, className: classes?.copyButton ||
                         "anyspend-qr-copy-button flex w-full items-center justify-center gap-2 rounded-xl bg-blue-500 py-3.5 font-medium text-white transition-all hover:bg-blue-600", children: "Copy deposit address" })] }) }));
 }

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

@@ -0,0 +1,30 @@
+import type { components } from "../../../../anyspend/types/api";
+import type { TransferResult } from "../../hooks/useWatchTransfer";
+export interface PureTransferViewProps {
+    mode?: "modal" | "page";
+    /** The recipient address where funds will land (the user's own wallet) */
+    recipientAddress: string;
+    /** Chain ID to watch on */
+    chainId: number;
+    /** Token the user sends — drives the QR code and balance watcher */
+    token: components["schemas"]["Token"];
+    /** Human-readable amount to display (display-only; skip row if empty or "0") */
+    displayAmount?: string;
+    /** Whether this panel is the currently active panel; gates the balance watcher */
+    isActive?: boolean;
+    /** Callback when back chevron is clicked */
+    onBack?: () => void;
+    /** Callback when X close button is clicked */
+    onClose?: () => void;
+    /** Callback when an incoming transfer is detected */
+    onTransferDetected?: (result: TransferResult) => void;
+}
+/**
+ * A self-contained view that shows the recipient address as a QR code + copy button and
+ * watches for an incoming same-chain/same-token transfer via `useWatchTransfer`. When a
+ * transfer is detected it renders `TransferResultScreen`.
+ *
+ * This is the "TRANSFER_CRYPTO" path for same-token AnySpend deposits — no relayer order,
+ * no fee; the user simply sends the token directly to their own address.
+ */
+export declare function PureTransferView({ mode, recipientAddress, chainId, token, displayAmount, isActive, onBack, onClose, onTransferDetected, }: PureTransferViewProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getChainName, getPaymentUrl, ZERO_ADDRESS } from "../../../../anyspend/index.js";
+import { CopyToClipboard } from "../../../../global-account/react/index.js";
+import { cn } from "../../../../shared/utils/cn.js";
+import { ChevronLeft, Loader2, X } from "lucide-react";
+import { QRCodeSVG } from "qrcode.react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useWatchTransfer } from "../../hooks/useWatchTransfer.js";
+import { ChainWarningText, WarningText } from "./WarningText.js";
+import { TransferResultScreen } from "./TransferResultScreen.js";
+/**
+ * A self-contained view that shows the recipient address as a QR code + copy button and
+ * watches for an incoming same-chain/same-token transfer via `useWatchTransfer`. When a
+ * transfer is detected it renders `TransferResultScreen`.
+ *
+ * This is the "TRANSFER_CRYPTO" path for same-token AnySpend deposits — no relayer order,
+ * no fee; the user simply sends the token directly to their own address.
+ */
+export function PureTransferView({ mode = "modal", recipientAddress, chainId, token, displayAmount, isActive, onBack, onClose, onTransferDetected, }) {
+    const [transferResult, setTransferResult] = useState(null);
+    // Fix 4: reset transferResult when the panel becomes active again
+    useEffect(() => {
+        if (isActive)
+            setTransferResult(null);
+    }, [isActive]);
+    // Fix 3: stabilize the callback so it doesn't re-run the watcher effect every render
+    const handleTransferDetected = useCallback((result) => {
+        setTransferResult(result);
+        onTransferDetected?.(result);
+    }, [onTransferDetected]);
+    const { isWatching } = useWatchTransfer({
+        address: recipientAddress,
+        chainId,
+        tokenAddress: token.address,
+        tokenDecimals: token.decimals,
+        // Fix 1: also require a non-empty recipient before enabling the watcher
+        enabled: !!recipientAddress && !transferResult && isActive,
+        onTransferDetected: handleTransferDetected,
+    });
+    // Fix 2: guard qrValue when recipientAddress is empty
+    const qrValue = useMemo(() => recipientAddress
+        ? getPaymentUrl(recipientAddress, undefined, token.address === ZERO_ADDRESS ? "ETH" : token.address, chainId, token.decimals)
+        : "", [recipientAddress, token.address, token.decimals, chainId]);
+    const chainName = useMemo(() => {
+        try {
+            return getChainName(chainId);
+        }
+        catch {
+            return "the specified chain";
+        }
+    }, [chainId]);
+    // Guard: if no address yet, render nothing
+    if (!recipientAddress)
+        return null;
+    // Once a transfer is detected, hand off to the shared success screen
+    if (transferResult) {
+        return (_jsx(TransferResultScreen, { mode: mode, transferResult: transferResult, token: token, chainId: chainId, recipientAddress: recipientAddress, onBack: onBack, onClose: onClose }));
+    }
+    return (_jsx("div", { className: cn("anyspend-container anyspend-pure-transfer font-inter bg-as-surface-primary mx-auto w-full max-w-[460px] p-6"), children: _jsxs("div", { className: "anyspend-pure-transfer-content flex flex-col gap-4", children: [_jsxs("div", { className: "anyspend-pure-transfer-header flex items-center justify-between", children: [onBack ? (_jsx("button", { onClick: onBack, className: "anyspend-pure-transfer-back text-as-secondary hover:text-as-primary", "aria-label": "Go back", children: _jsx(ChevronLeft, { className: "h-5 w-5" }) })) : (_jsx("div", { className: "w-5" })), _jsxs("h2", { className: "anyspend-pure-transfer-title text-as-primary text-base font-semibold", children: ["Send ", token.symbol] }), onClose ? (_jsx("button", { onClick: onClose, className: "anyspend-pure-transfer-close text-as-secondary hover:text-as-primary", "aria-label": "Close", children: _jsx(X, { className: "h-5 w-5" }) })) : (_jsx("div", { className: "w-5" }))] }), displayAmount && (_jsx("div", { className: "anyspend-pure-transfer-amount-badge border-as-border-secondary bg-as-surface-secondary flex items-center justify-center rounded-xl border px-4 py-2", children: _jsx("span", { className: "text-as-primary text-sm font-medium", children: displayAmount }) })), _jsxs("div", { className: "anyspend-pure-transfer-qr-content border-as-stroke flex items-start gap-4 rounded-xl border p-4", children: [_jsxs("div", { className: "anyspend-pure-transfer-qr-code-container flex flex-col items-center gap-2", children: [_jsx("div", { className: "anyspend-pure-transfer-qr-code rounded-lg bg-white p-2", children: _jsx(QRCodeSVG, { value: qrValue, size: 120, level: "M", marginSize: 0 }) }), _jsxs("span", { className: "anyspend-pure-transfer-qr-scan-hint text-as-secondary text-xs", children: ["SCAN WITH ", _jsx("span", { className: "inline-block", children: "\uD83E\uDD8A" })] })] }), _jsxs("div", { className: "anyspend-pure-transfer-address-container flex flex-1 flex-col gap-1", children: [_jsx("span", { className: "anyspend-pure-transfer-address-label text-as-secondary text-sm", children: "Deposit address:" }), _jsxs("div", { className: "anyspend-pure-transfer-address-row flex items-start gap-1", children: [_jsx("span", { className: "anyspend-pure-transfer-address text-as-primary break-all font-mono text-sm leading-relaxed", children: recipientAddress }), _jsx(CopyToClipboard, { text: recipientAddress, className: "anyspend-pure-transfer-copy-icon text-as-secondary hover:text-as-primary mt-0.5 shrink-0" })] })] })] }), _jsx(ChainWarningText, { chainId: chainId }), _jsxs(WarningText, { children: ["Only send ", token.symbol, " on ", chainName, ". Other tokens will not be converted."] }), isWatching && (_jsxs("div", { className: "anyspend-pure-transfer-watching bg-as-brand/10 flex items-center justify-center gap-2 rounded-lg p-3", children: [_jsx(Loader2, { className: "text-as-brand h-4 w-4 animate-spin" }), _jsx("span", { className: "text-as-brand text-sm", children: "Watching for incoming transfer..." })] })), _jsx(CopyToClipboard, { text: recipientAddress, children: _jsx("button", { className: "anyspend-pure-transfer-copy-button bg-as-brand hover:bg-as-brand/90 flex w-full items-center justify-center gap-2 rounded-xl py-3.5 font-medium text-white transition-all", children: "Copy deposit address" }) })] }) }));
+}

package/dist/esm/global-account/client-manager.js

@@ -13,6 +13,36 @@ let socketClientUrl = null;
 // REST client instance
 let restClient = null;
 let restClientUrl = null;
+// The pinned @b3dotfun/b3-api client's generated usersMethods predates `setBio`,
+// so `users.setBio(...)` throws "setBio is not a function". Re-register the users
+// service with the full list (mirrors users.shared.ts). Remove once the
+// @b3dotfun/b3-api pin includes setBio.
+const USERS_METHODS = [
+    "find",
+    "get",
+    "create",
+    "patch",
+    "remove",
+    "setReferralCode",
+    "syncTwProfiles",
+    "setAvatar",
+    "setBio",
+    "registerUsername",
+    "getMe",
+];
+// Re-register on every client the manager builds — the active transport
+// (REST/socket) switches at runtime.
+function ensureUsersCustomMethods(client) {
+    try {
+        const connection = client.get("connection");
+        if (connection?.service) {
+            client.use("users", connection.service("users"), { methods: USERS_METHODS });
+        }
+    }
+    catch {
+        // Non-fatal: keep whatever methods the generated client already exposes.
+    }
+}
 /**
  * Creates a socket client
  */
@@ -21,6 +51,7 @@ function createSocketClient() {
     if (!socketClient || socketClientUrl !== url) {
         socketInstance = io(url, { transports: ["websocket"] });
         socketClient = createClient(socketio(socketInstance), clientOptions);
+        ensureUsersCustomMethods(socketClient);
         socketClientUrl = url;
     }
     return socketClient;
@@ -41,6 +72,7 @@ function createRestClient() {
     if (!restClient || restClientUrl !== url) {
         const connection = rest(url).fetch(resolveFetch());
         restClient = createClient(connection, clientOptions);
+        ensureUsersCustomMethods(restClient);
         restClientUrl = url;
     }
     return restClient;

package/dist/types/anyspend/react/components/AnySpend.d.ts

@@ -20,7 +20,8 @@ export declare enum PanelView {
     FEE_DETAIL = 9,
     DIRECT_TRANSFER_SUCCESS = 10,
     FIAT_KYC = 11,
-    FIAT_AUTH = 12
+    FIAT_AUTH = 12,
+    PURE_TRANSFER_ADDRESS = 13
 }
 export declare function AnySpend(props: {
     mode?: "page" | "modal";

package/dist/types/anyspend/react/components/QRDeposit.d.ts

@@ -14,6 +14,14 @@ export interface QRDepositProps {
     destinationToken: components["schemas"]["Token"];
     /** The destination chain ID */
     destinationChainId: number;
+    /**
+     * Human-formatted destination amount (e.g. "9.365547"), shown as an APPROXIMATE
+     * target in swap mode only. The QR deposit path accepts an arbitrary sent amount,
+     * so this is never a guaranteed receive figure — the UI frames it as "any amount
+     * works". Omitted when no fixed amount is set or the destination decimals are
+     * unresolved (to avoid a mis-scaled number). Ignored in pure-transfer mode.
+     */
+    destinationAmountDisplay?: string;
     /**
      * When true, the deposit is a PURE TRANSFER: the destination token/chain mirror
      * the user's currently selected source token/chain, so the exact token the user
@@ -54,4 +62,4 @@ export interface QRDepositProps {
  *   onSuccess={(txHash) => console.log("Deposit complete:", txHash)}
  * />
  */
-export declare function QRDeposit({ mode, recipientAddress, sourceToken: sourceTokenProp, sourceChainId: sourceChainIdProp, destinationToken, destinationChainId, pureTransferOnly, creatorAddress, depositContractConfig, onBack, onClose, onOrderCreated, onSuccess, classes, }: QRDepositProps): import("react/jsx-runtime").JSX.Element;
+export declare function QRDeposit({ mode, recipientAddress, sourceToken: sourceTokenProp, sourceChainId: sourceChainIdProp, destinationToken, destinationChainId, destinationAmountDisplay, pureTransferOnly, creatorAddress, depositContractConfig, onBack, onClose, onOrderCreated, onSuccess, classes, }: QRDepositProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/common/PureTransferView.d.ts

@@ -0,0 +1,30 @@
+import type { components } from "@b3dotfun/sdk/anyspend/types/api";
+import type { TransferResult } from "../../hooks/useWatchTransfer";
+export interface PureTransferViewProps {
+    mode?: "modal" | "page";
+    /** The recipient address where funds will land (the user's own wallet) */
+    recipientAddress: string;
+    /** Chain ID to watch on */
+    chainId: number;
+    /** Token the user sends — drives the QR code and balance watcher */
+    token: components["schemas"]["Token"];
+    /** Human-readable amount to display (display-only; skip row if empty or "0") */
+    displayAmount?: string;
+    /** Whether this panel is the currently active panel; gates the balance watcher */
+    isActive?: boolean;
+    /** Callback when back chevron is clicked */
+    onBack?: () => void;
+    /** Callback when X close button is clicked */
+    onClose?: () => void;
+    /** Callback when an incoming transfer is detected */
+    onTransferDetected?: (result: TransferResult) => void;
+}
+/**
+ * A self-contained view that shows the recipient address as a QR code + copy button and
+ * watches for an incoming same-chain/same-token transfer via `useWatchTransfer`. When a
+ * transfer is detected it renders `TransferResultScreen`.
+ *
+ * This is the "TRANSFER_CRYPTO" path for same-token AnySpend deposits — no relayer order,
+ * no fee; the user simply sends the token directly to their own address.
+ */
+export declare function PureTransferView({ mode, recipientAddress, chainId, token, displayAmount, isActive, onBack, onClose, onTransferDetected, }: PureTransferViewProps): import("react/jsx-runtime").JSX.Element | null;

package/package.json

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