@b3dotfun/sdk 0.1.70-alpha.14 → 0.1.70-alpha.16

package/dist/cjs/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/cjs/anyspend/react/components/AnySpend.js

@@ -42,6 +42,7 @@ const LoginStep_1 = require("../../../global-account/react/components/SignInWith
 const PanelOnramp_1 = require("./common/PanelOnramp");
 const PanelOnrampPayment_1 = require("./common/PanelOnrampPayment");
 const PointsDetailPanel_1 = require("./common/PointsDetailPanel");
+const PureTransferView_1 = require("./common/PureTransferView");
 const RecipientSelection_1 = require("./common/RecipientSelection");
 const TabSection_1 = require("./common/TabSection");
 const AnySpendCustomizationContext_1 = require("./context/AnySpendCustomizationContext");
@@ -61,6 +62,7 @@ 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 || (exports.PanelView = PanelView = {}));
 const ANYSPEND_RECIPIENTS_KEY = "anyspend_recipients";
 function AnySpend(props) {
@@ -453,7 +455,10 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
         walletAddress,
         globalAddress,
     });
-    const recipientProfile = (0, react_2.useProfile)({ address: effectiveRecipientAddress, fresh: true });
+    const recipientProfile = (0, react_2.useProfile)({
+        address: effectiveRecipientAddress,
+        fresh: true,
+    });
     const recipientName = recipientProfile.data?.name;
     // Check token balance for crypto payments
     const effectiveBalanceAddress = senderAddress || connectedEOAWallet?.getAccount()?.address;
@@ -559,12 +564,15 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
             anyspendQuote.data.currencyOut?.amount &&
             anyspendQuote.data.currencyOut?.currency?.decimals) {
             if (isSrcInputDirty) {
-                // Don't override dstAmount if we have a fixed destinationTokenAmount
-                if (!destinationTokenAmount) {
-                    const amount = anyspendQuote.data.currencyOut.amount;
-                    const decimals = anyspendQuote.data.currencyOut.currency.decimals;
-                    setDstAmount((0, number_1.formatTokenAmount)(BigInt(amount), decimals, 6, false));
-                }
+                // The user is driving the SOURCE (exact-in): reflect the quote's OUTPUT even
+                // when a fixed destinationTokenAmount pre-filled the receive. That lock only
+                // governs the INITIAL exact-out state (untouched source → compute the pay for
+                // the fixed receive). Once the user edits the pay, keeping the receive pinned
+                // shows a value that doesn't match the quote — the URL amount "overrides" the
+                // real output, an invalid mismatched swap.
+                const amount = anyspendQuote.data.currencyOut.amount;
+                const decimals = anyspendQuote.data.currencyOut.currency.decimals;
+                setDstAmount((0, number_1.formatTokenAmount)(BigInt(amount), decimals, 6, false));
             }
             else {
                 const amount = anyspendQuote.data.currencyIn.amount;
@@ -574,16 +582,13 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
         }
         else {
             if (isSrcInputDirty) {
-                // Don't reset dstAmount if we have a fixed destinationTokenAmount
-                if (!destinationTokenAmount) {
-                    setDstAmount("");
-                }
+                setDstAmount("");
             }
             else {
                 setSrcAmount("");
             }
         }
-    }, [anyspendQuote, isSrcInputDirty, destinationTokenAmount]);
+    }, [anyspendQuote, isSrcInputDirty]);
     // Call onSuccess when order is executed
     (0, useOnOrderSuccess_1.useOnOrderSuccess)({ orderData: oat, orderId, onSuccess });
     // Clear all persisted selection state once an order is submitted — next open starts fresh
@@ -654,11 +659,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...",
@@ -667,14 +687,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_1.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 };
@@ -683,19 +718,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 === CryptoPaymentMethod_1.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 === CryptoPaymentMethod_1.CryptoPaymentMethodType.CONNECT_WALLET ||
                 effectiveCryptoPaymentMethod === CryptoPaymentMethod_1.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 === CryptoPaymentMethod_1.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 };
@@ -787,8 +843,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 !== CryptoPaymentMethod_1.CryptoPaymentMethodType.TRANSFER_CRYPTO;
             (0, invariant_1.default)(effectiveRecipientAddress, "Recipient address is not found");
+            // Same-token manual deposit → show recipient address + watch, no relayer order, no fee
+            if (isSameChainSameToken && allowDirectTransfer && method === CryptoPaymentMethod_1.CryptoPaymentMethodType.TRANSFER_CRYPTO) {
+                navigateToPanel(PanelView.PURE_TRANSFER_ADDRESS, "forward");
+                return;
+            }
             const srcAmountBigInt = (0, viem_1.parseUnits)(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals);
             // Handle direct transfer (same chain/token) - bypass backend, transfer directly
             if (isDirectTransfer) {
@@ -807,9 +869,6 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
             }
             // Regular swap flow - use backend
             (0, invariant_1.default)(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",
@@ -817,7 +876,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",
@@ -1134,6 +1197,7 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     const authView = ((0, jsx_runtime_1.jsx)("div", { className: "mx-auto w-full max-w-[460px]", children: (0, jsx_runtime_1.jsx)(LoginStep_1.LoginStep, { chain: baseChain, onSuccess: async () => {
                 // isAuthenticated will be true at this point — the useEffect below handles navigation
             } }) }));
+    const pureTransferAddressView = ((0, jsx_runtime_1.jsx)(PureTransferView_1.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 ((0, jsx_runtime_1.jsx)(react_2.StyleRoot, { children: (0, jsx_runtime_1.jsx)("div", { className: classes?.container ||
                 (0, cn_1.cn)("anyspend-container font-inter mx-auto w-full max-w-[460px]", mode === "page" &&
@@ -1169,5 +1233,6 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                     (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)(mode === "page" && "p-6"), children: directTransferSuccessView }, "direct-transfer-success-view"),
                     (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)(mode === "page" && "p-6"), children: kycView }, "fiat-kyc-view"),
                     (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)(mode === "page" && "p-6"), children: authView }, "fiat-auth-view"),
+                    (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)(mode === "page" && "p-6"), children: pureTransferAddressView }, "pure-transfer-address-view"),
                 ] }) }) }));
 }

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

@@ -254,7 +254,10 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
                         (0, cn_1.cn)("as-main-button relative w-full", btnInfo.error ? "!bg-as-red" : btnInfo.disable ? "!bg-as-on-surface-2" : "!bg-as-brand"), textClassName: (0, cn_1.cn)(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white"), children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [btnInfo.loading && (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" }), btnInfo.text] }) })) }), gasPriceData && !isLoadingGas && effectivePaymentType === "crypto" && !isDirectTransfer && ((0, jsx_runtime_1.jsx)(GasIndicator_1.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 !== CryptoPaymentMethod_1.CryptoPaymentMethodType.TRANSFER_CRYPTO;
             if (!isDirectTransfer) {
                 (0, invariant_1.default)(anyspendQuote, "Relay price is not found");
             }

package/dist/cjs/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/cjs/anyspend/react/components/common/PureTransferView.js

@@ -0,0 +1,64 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PureTransferView = PureTransferView;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const anyspend_1 = require("../../../../anyspend");
+const react_1 = require("../../../../global-account/react");
+const cn_1 = require("../../../../shared/utils/cn");
+const lucide_react_1 = require("lucide-react");
+const qrcode_react_1 = require("qrcode.react");
+const react_2 = require("react");
+const useWatchTransfer_1 = require("../../hooks/useWatchTransfer");
+const WarningText_1 = require("./WarningText");
+const TransferResultScreen_1 = require("./TransferResultScreen");
+/**
+ * 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.
+ */
+function PureTransferView({ mode = "modal", recipientAddress, chainId, token, displayAmount, isActive, onBack, onClose, onTransferDetected, }) {
+    const [transferResult, setTransferResult] = (0, react_2.useState)(null);
+    // Fix 4: reset transferResult when the panel becomes active again
+    (0, react_2.useEffect)(() => {
+        if (isActive)
+            setTransferResult(null);
+    }, [isActive]);
+    // Fix 3: stabilize the callback so it doesn't re-run the watcher effect every render
+    const handleTransferDetected = (0, react_2.useCallback)((result) => {
+        setTransferResult(result);
+        onTransferDetected?.(result);
+    }, [onTransferDetected]);
+    const { isWatching } = (0, useWatchTransfer_1.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 = (0, react_2.useMemo)(() => recipientAddress
+        ? (0, anyspend_1.getPaymentUrl)(recipientAddress, undefined, token.address === anyspend_1.ZERO_ADDRESS ? "ETH" : token.address, chainId, token.decimals)
+        : "", [recipientAddress, token.address, token.decimals, chainId]);
+    const chainName = (0, react_2.useMemo)(() => {
+        try {
+            return (0, anyspend_1.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 ((0, jsx_runtime_1.jsx)(TransferResultScreen_1.TransferResultScreen, { mode: mode, transferResult: transferResult, token: token, chainId: chainId, recipientAddress: recipientAddress, onBack: onBack, onClose: onClose }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("anyspend-container anyspend-pure-transfer font-inter bg-as-surface-primary mx-auto w-full max-w-[460px] p-6"), children: (0, jsx_runtime_1.jsxs)("div", { className: "anyspend-pure-transfer-content flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "anyspend-pure-transfer-header flex items-center justify-between", children: [onBack ? ((0, jsx_runtime_1.jsx)("button", { onClick: onBack, className: "anyspend-pure-transfer-back text-as-secondary hover:text-as-primary", "aria-label": "Go back", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft, { className: "h-5 w-5" }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-5" })), (0, jsx_runtime_1.jsxs)("h2", { className: "anyspend-pure-transfer-title text-as-primary text-base font-semibold", children: ["Send ", token.symbol] }), onClose ? ((0, jsx_runtime_1.jsx)("button", { onClick: onClose, className: "anyspend-pure-transfer-close text-as-secondary hover:text-as-primary", "aria-label": "Close", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-5 w-5" }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-5" }))] }), displayAmount && ((0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary text-sm font-medium", children: displayAmount }) })), (0, jsx_runtime_1.jsxs)("div", { className: "anyspend-pure-transfer-qr-content border-as-stroke flex items-start gap-4 rounded-xl border p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "anyspend-pure-transfer-qr-code-container flex flex-col items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "anyspend-pure-transfer-qr-code rounded-lg bg-white p-2", children: (0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeSVG, { value: qrValue, size: 120, level: "M", marginSize: 0 }) }), (0, jsx_runtime_1.jsxs)("span", { className: "anyspend-pure-transfer-qr-scan-hint text-as-secondary text-xs", children: ["SCAN WITH ", (0, jsx_runtime_1.jsx)("span", { className: "inline-block", children: "\uD83E\uDD8A" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "anyspend-pure-transfer-address-container flex flex-1 flex-col gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "anyspend-pure-transfer-address-label text-as-secondary text-sm", children: "Deposit address:" }), (0, jsx_runtime_1.jsxs)("div", { className: "anyspend-pure-transfer-address-row flex items-start gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "anyspend-pure-transfer-address text-as-primary break-all font-mono text-sm leading-relaxed", children: recipientAddress }), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: recipientAddress, className: "anyspend-pure-transfer-copy-icon text-as-secondary hover:text-as-primary mt-0.5 shrink-0" })] })] })] }), (0, jsx_runtime_1.jsx)(WarningText_1.ChainWarningText, { chainId: chainId }), (0, jsx_runtime_1.jsxs)(WarningText_1.WarningText, { children: ["Only send ", token.symbol, " on ", chainName, ". Other tokens will not be converted."] }), isWatching && ((0, jsx_runtime_1.jsxs)("div", { className: "anyspend-pure-transfer-watching bg-as-brand/10 flex items-center justify-center gap-2 rounded-lg p-3", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-as-brand h-4 w-4 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-brand text-sm", children: "Watching for incoming transfer..." })] })), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: recipientAddress, children: (0, jsx_runtime_1.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/cjs/global-account/client-manager.js

@@ -26,6 +26,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
  */
@@ -34,6 +64,7 @@ function createSocketClient() {
     if (!socketClient || socketClientUrl !== url) {
         socketInstance = (0, socket_io_client_1.default)(url, { transports: ["websocket"] });
         socketClient = (0, b3_api_1.createClient)((0, socketio_client_1.default)(socketInstance), app_shared_1.clientOptions);
+        ensureUsersCustomMethods(socketClient);
         socketClientUrl = url;
     }
     return socketClient;
@@ -54,6 +85,7 @@ function createRestClient() {
     if (!restClient || restClientUrl !== url) {
         const connection = (0, rest_client_1.default)(url).fetch(resolveFetch());
         restClient = (0, b3_api_1.createClient)(connection, app_shared_1.clientOptions);
+        ensureUsersCustomMethods(restClient);
         restClientUrl = url;
     }
     return restClient;

package/dist/esm/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";