@b3dotfun/sdk 0.1.63 → 0.1.64-alpha.1

package/package.json

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

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

@@ -45,7 +45,7 @@ import invariant from "invariant";
 import { ArrowDown, CheckCircle, HistoryIcon, Loader2 } from "lucide-react";
 import { motion } from "motion/react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { parseUnits } from "viem";
+import { formatUnits, parseUnits } from "viem";
 import { base, mainnet } from "viem/chains";
 import { components } from "../../types/api";
 import { useAutoSelectCryptoPaymentMethod } from "../hooks/useAutoSelectCryptoPaymentMethod";
@@ -124,6 +124,8 @@ export function AnySpend(props: {
   classes?: AnySpendClasses;
   /** When true, allows direct transfer without swap if source and destination token/chain are the same */
   allowDirectTransfer?: boolean;
+  /** Fixed destination token amount (in wei/smallest unit). When provided, user cannot change the amount. */
+  destinationTokenAmount?: string;
 }) {
   const fingerprintConfig = getFingerprintConfig();
 
@@ -155,6 +157,7 @@ function AnySpendInner({
   returnHomeLabel,
   classes,
   allowDirectTransfer = false,
+  destinationTokenAmount,
 }: {
   sourceChainId?: number;
   destinationTokenAddress?: string;
@@ -175,6 +178,7 @@ function AnySpendInner({
   returnHomeLabel?: string;
   classes?: AnySpendClasses;
   allowDirectTransfer?: boolean;
+  destinationTokenAmount?: string;
 }) {
   const searchParams = useSearchParamsSSR();
   const router = useRouter();
@@ -368,6 +372,18 @@ function AnySpendInner({
     appliedDstMetadataRef.current = false;
   }, [selectedDstToken.address, selectedDstToken.chainId]);
 
+  // Prefill destination amount if provided (for fixed amount mode)
+  const appliedDestinationAmount = useRef(false);
+  useEffect(() => {
+    // Only apply when we have real metadata (not default decimals)
+    if (destinationTokenAmount && dstTokenMetadata?.decimals && !appliedDestinationAmount.current) {
+      appliedDestinationAmount.current = true;
+      const formattedAmount = formatUnits(BigInt(destinationTokenAmount), dstTokenMetadata.decimals);
+      setDstAmount(formattedAmount);
+      setIsSrcInputDirty(false); // Switch to EXACT_OUTPUT mode
+    }
+  }, [destinationTokenAmount, dstTokenMetadata]);
+
   // Load swap configuration from URL on initial render
   useEffect(() => {
     // Skip if we've already processed the URL, if we have an order to load, or if URL param management is disabled
@@ -665,9 +681,12 @@ function AnySpendInner({
       anyspendQuote.data.currencyOut?.currency?.decimals
     ) {
       if (isSrcInputDirty) {
-        const amount = anyspendQuote.data.currencyOut.amount;
-        const decimals = anyspendQuote.data.currencyOut.currency.decimals;
-        setDstAmount(formatTokenAmount(BigInt(amount), decimals, 6, false));
+        // 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(formatTokenAmount(BigInt(amount), decimals, 6, false));
+        }
       } else {
         const amount = anyspendQuote.data.currencyIn.amount;
         const decimals = anyspendQuote.data.currencyIn.currency.decimals;
@@ -675,12 +694,15 @@ function AnySpendInner({
       }
     } else {
       if (isSrcInputDirty) {
-        setDstAmount("");
+        // Don't reset dstAmount if we have a fixed destinationTokenAmount
+        if (!destinationTokenAmount) {
+          setDstAmount("");
+        }
       } else {
         setSrcAmount("");
       }
     }
-  }, [anyspendQuote, isSrcInputDirty]);
+  }, [anyspendQuote, isSrcInputDirty, destinationTokenAmount]);
 
   useEffect(() => {
     if (oat?.data?.order.status === "executed" && !onSuccessCalled.current) {
@@ -1205,6 +1227,7 @@ function AnySpendInner({
               anyspendQuote={anyspendQuote}
               onTokenSelect={onTokenSelect}
               onShowFeeDetail={() => navigateToPanel(PanelView.FEE_DETAIL, "forward")}
+              skipAutoMaxOnTokenChange={!!destinationTokenAmount}
             />
           ) : (
             <motion.div
@@ -1306,6 +1329,7 @@ function AnySpendInner({
                 setIsSrcInputDirty(false);
                 setDstAmount(value);
               }}
+              disableAmountInput={!!destinationTokenAmount}
               anyspendQuote={isDirectTransfer ? undefined : anyspendQuote}
               onShowPointsDetail={
                 isDirectTransfer ? undefined : () => navigateToPanel(PanelView.POINTS_DETAIL, "forward")

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

@@ -222,14 +222,13 @@ function AnySpendCustomExactInInner({
   // Prefill destination amount if provided (for EXACT_OUTPUT mode)
   const appliedDestinationAmount = useRef(false);
   useEffect(() => {
-    if (destinationTokenAmount && !appliedDestinationAmount.current) {
+    if (destinationTokenAmount && destinationToken?.decimals && !appliedDestinationAmount.current) {
       appliedDestinationAmount.current = true;
-      // Convert wei to human-readable format
       const formattedAmount = formatUnits(destinationTokenAmount, destinationToken.decimals);
       setDstAmountInput(formattedAmount);
       setIsSrcInputDirty(false); // Switch to EXACT_OUTPUT mode
     }
-  }, [destinationTokenAmount, destinationToken.decimals, setDstAmountInput, setIsSrcInputDirty]);
+  }, [destinationTokenAmount, destinationToken, setDstAmountInput, setIsSrcInputDirty]);
 
   const selectedRecipientOrDefault = selectedRecipientAddress ?? recipientAddress;
 
@@ -419,6 +418,7 @@ function AnySpendCustomExactInInner({
               onSelectCryptoPaymentMethod={() => setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD)}
               anyspendQuote={anyspendQuote}
               onTokenSelect={onTokenSelect}
+              skipAutoMaxOnTokenChange={!!destinationTokenAmount}
             />
           ) : (
             <motion.div
@@ -474,7 +474,7 @@ function AnySpendCustomExactInInner({
               recipientName={recipientName || undefined}
               customRecipientLabel={customRecipientLabel}
               onSelectRecipient={() => setActivePanel(PanelView.RECIPIENT_SELECTION)}
-              dstAmount={isSrcInputDirty ? dstAmount : dstAmountInput}
+              dstAmount={isSrcInputDirty && !destinationTokenAmount ? dstAmount : dstAmountInput}
               dstToken={selectedDstToken}
               dstTokenSymbol={DESTINATION_TOKEN_DETAILS.SYMBOL}
               dstTokenLogoURI={DESTINATION_TOKEN_DETAILS.LOGO_URI}

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

@@ -719,6 +719,7 @@ export function AnySpendDeposit({
             returnHomeLabel={returnHomeLabel}
             classes={classes?.anySpend}
             allowDirectTransfer={allowDirectTransfer}
+            destinationTokenAmount={destinationTokenAmount}
           />
         )}
       </div>

package/src/anyspend/react/components/common/CryptoPaySection.tsx

@@ -32,6 +32,8 @@ interface CryptoPaySectionProps {
   onShowFeeDetail?: () => void;
   // Custom classes for styling
   classes?: CryptoPaySectionClasses;
+  /** When true, skip auto-setting max balance when token changes (used for fixed destination amount mode) */
+  skipAutoMaxOnTokenChange?: boolean;
 }
 
 export function CryptoPaySection({
@@ -49,6 +51,7 @@ export function CryptoPaySection({
   onTokenSelect,
   onShowFeeDetail,
   classes,
+  skipAutoMaxOnTokenChange = false,
 }: CryptoPaySectionProps) {
   const { data: srcTokenMetadata } = useTokenData(selectedSrcToken?.chainId, selectedSrcToken?.address);
 
@@ -134,6 +137,7 @@ export function CryptoPaySection({
           token={selectedSrcToken}
           setToken={setSelectedSrcToken}
           onTokenSelect={onTokenSelect}
+          skipAutoMaxOnTokenChange={skipAutoMaxOnTokenChange}
         />
       </div>
       <div className={classes?.balanceRow || "flex items-center justify-between"}>

package/src/anyspend/react/components/common/OrderDetails.tsx

@@ -493,6 +493,25 @@ export const OrderDetails = memo(function OrderDetails({
     }
   }, [isPayableState, isComponentReady, handlePayment]);
 
+  // Auto-redirect to redirectUrl when order is executed (for onramp orders)
+  useEffect(() => {
+    if (order.status === "executed" && order.onrampMetadata?.redirectUrl) {
+      const baseUrl = order.onrampMetadata.redirectUrl;
+      try {
+        const url = new URL(baseUrl);
+        // Prevent Open Redirect vulnerabilities by ensuring the protocol is http or https
+        if (url.protocol !== "http:" && url.protocol !== "https:") {
+          console.error(`Attempted redirect to a URL with an invalid protocol: ${url.protocol}`);
+          return;
+        }
+        const redirectUrl = `${baseUrl.replace(/\/$/, "")}/${order.id}`;
+        window.location.href = redirectUrl;
+      } catch (error) {
+        console.error("Invalid redirect URL provided:", baseUrl, error);
+      }
+    }
+  }, [order.status, order.onrampMetadata?.redirectUrl, order.id]);
+
   if (!srcToken || !dstToken) {
     return <div>Loading...</div>;
   }
@@ -940,7 +959,7 @@ export const OrderDetails = memo(function OrderDetails({
       <OrderStatus order={order} selectedCryptoPaymentMethod={effectiveCryptoPaymentMethod} />
       {statusDisplay === "processing" && (
         <>
-          {order.onrampMetadata ? (
+          {order.onrampMetadata && order.onrampMetadata.vendor !== "none" ? (
             <PaymentVendorUI order={order} dstTokenSymbol={dstToken.symbol} />
           ) : effectiveCryptoPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET ||
             effectiveCryptoPaymentMethod === CryptoPaymentMethodType.GLOBAL_WALLET ? (

package/src/anyspend/react/components/common/OrderTokenAmount.tsx

@@ -32,6 +32,7 @@ export function OrderTokenAmount({
   tokenSelectClassName,
   onTokenSelect,
   walletAddress,
+  skipAutoMaxOnTokenChange = false,
 }: {
   disabled?: boolean;
   inputValue: string;
@@ -50,6 +51,8 @@ export function OrderTokenAmount({
   tokenSelectClassName?: string;
   onTokenSelect?: (token: components["schemas"]["Token"], event: { preventDefault: () => void }) => void;
   walletAddress?: string | undefined;
+  /** When true, skip auto-setting max balance when token changes (used for fixed destination amount mode) */
+  skipAutoMaxOnTokenChange?: boolean;
 }) {
   // Track previous token to detect changes
   const prevTokenRef = useRef<string>(token.address);
@@ -64,6 +67,12 @@ export function OrderTokenAmount({
     // Only handle "from" context
     if (context !== "from") return;
 
+    // Skip auto-max when in fixed destination amount mode
+    if (skipAutoMaxOnTokenChange) {
+      prevTokenRef.current = token.address;
+      return;
+    }
+
     // Check if token changed or if this is the initial load with balance
     const isTokenChanged = prevTokenRef.current !== token.address;
 
@@ -88,7 +97,16 @@ export function OrderTokenAmount({
       // Update refs
       prevTokenRef.current = token.address;
     }
-  }, [token.address, token.chainId, token.decimals, chainId, context, onChangeInput, rawBalance]);
+  }, [
+    token.address,
+    token.chainId,
+    token.decimals,
+    chainId,
+    context,
+    onChangeInput,
+    rawBalance,
+    skipAutoMaxOnTokenChange,
+  ]);
 
   const handleTokenSelect = (newToken: any) => {
     const token: components["schemas"]["Token"] = {

package/src/anyspend/react/components/common/PaymentStripeWeb2.tsx

@@ -159,10 +159,10 @@ function StripePaymentForm({
         JSON.stringify({ orderId: order.id, paymentIntentId: result.paymentIntent.id }, null, 2),
       );
 
-      // Payment succeeded without redirect - handle success in the modal
+      // Payment succeeded
       setMessage(null);
 
-      // Add waitingForDeposit=true to query params
+      // Stay on page and show waiting state (redirect will happen in OrderDetails when order is executed)
       const currentUrl = new URL(window.location.href);
       currentUrl.searchParams.set("waitingForDeposit", "true");
       window.history.replaceState(null, "", currentUrl.toString());