@b3dotfun/sdk 0.1.65 → 0.1.66-alpha.1

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

@@ -27,28 +27,28 @@
 import { USDC_BASE } from "@b3dotfun/sdk/anyspend/constants";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { GetQuoteResponse } from "@b3dotfun/sdk/anyspend/types/api_req_res";
+import { PUBLIC_BASE_RPC_URL } from "@b3dotfun/sdk/shared/constants";
 import { formatUnits } from "@b3dotfun/sdk/shared/utils/number";
-import React, { useMemo } from "react";
-import { encodeFunctionData } from "viem";
+import React, { useEffect, useMemo, useState } from "react";
+import { createPublicClient, encodeFunctionData, http } from "viem";
+import { base } from "viem/chains";
 import { AnySpendCustom } from "./AnySpendCustom";
+import {
+  BUY_PACKS_FOR_ABI,
+  BUY_PACKS_FOR_WITH_DISCOUNT_ABI,
+  GET_DISCOUNT_CODE_ABI,
+  IS_DISCOUNT_CODE_VALID_FOR_PACK_ABI,
+} from "./ccShopAbi";
 
 // Collector Club Shop contract addresses on Base
 const CC_SHOP_ADDRESS = "0x47366E64E4917dd4DdC04Fb9DC507c1dD2b87294";
 const CC_SHOP_ADDRESS_STAGING = "0x8b751143342ac41eB965E55430e3F7Adf6BE01fA";
 const BASE_CHAIN_ID = 8453;
 
-// ABI for buyPacksFor function only
-const BUY_PACKS_FOR_ABI = {
-  inputs: [
-    { internalType: "address", name: "user", type: "address" },
-    { internalType: "uint256", name: "packId", type: "uint256" },
-    { internalType: "uint256", name: "amount", type: "uint256" },
-  ],
-  name: "buyPacksFor",
-  outputs: [],
-  stateMutability: "nonpayable",
-  type: "function",
-} as const;
+const basePublicClient = createPublicClient({
+  chain: base,
+  transport: http(PUBLIC_BASE_RPC_URL),
+});
 
 export interface AnySpendCollectorClubPurchaseProps {
   /**
@@ -118,6 +118,11 @@ export interface AnySpendCollectorClubPurchaseProps {
    * Force fiat payment
    */
   forceFiatPayment?: boolean;
+  /**
+   * Optional discount code to apply to the purchase.
+   * When provided, validates on-chain and adjusts the price accordingly.
+   */
+  discountCode?: string;
 }
 
 export function AnySpendCollectorClubPurchase({
@@ -137,6 +142,7 @@ export function AnySpendCollectorClubPurchase({
   vendingMachineId,
   packType,
   forceFiatPayment,
+  discountCode,
 }: AnySpendCollectorClubPurchaseProps) {
   const ccShopAddress = isStaging ? CC_SHOP_ADDRESS_STAGING : CC_SHOP_ADDRESS;
 
@@ -150,25 +156,159 @@ export function AnySpendCollectorClubPurchase({
     }
   }, [pricePerPack, packAmount]);
 
-  // Calculate fiat amount (totalAmount in USD, assuming USDC with 6 decimals)
+  // Discount code validation state
+  const [discountInfo, setDiscountInfo] = useState<{
+    isValid: boolean;
+    discountAmount: bigint;
+    minPurchaseAmount: bigint;
+    isLoading: boolean;
+    error: string | null;
+  }>({
+    isValid: false,
+    discountAmount: BigInt(0),
+    minPurchaseAmount: BigInt(0),
+    isLoading: false,
+    error: null,
+  });
+
+  // Validate discount code on-chain when provided
+  useEffect(() => {
+    if (!discountCode) {
+      setDiscountInfo({
+        isValid: false,
+        discountAmount: BigInt(0),
+        minPurchaseAmount: BigInt(0),
+        isLoading: false,
+        error: null,
+      });
+      return;
+    }
+
+    let cancelled = false;
+
+    const validateDiscount = async () => {
+      setDiscountInfo(prev => ({ ...prev, isLoading: true, error: null }));
+
+      try {
+        // Validate against specific pack and fetch full details in parallel
+        const [validForPack, codeDetails] = await Promise.all([
+          basePublicClient.readContract({
+            address: ccShopAddress as `0x${string}`,
+            abi: [IS_DISCOUNT_CODE_VALID_FOR_PACK_ABI],
+            functionName: "isDiscountCodeValidForPack",
+            args: [discountCode, BigInt(packId)],
+          }),
+          basePublicClient.readContract({
+            address: ccShopAddress as `0x${string}`,
+            abi: [GET_DISCOUNT_CODE_ABI],
+            functionName: "getDiscountCode",
+            args: [discountCode],
+          }),
+        ]);
+
+        if (cancelled) return;
+
+        const [isValid, discountAmount] = validForPack;
+        const { minPurchaseAmount, packId: restrictedPackId, exists } = codeDetails;
+
+        if (!exists) {
+          setDiscountInfo({
+            isValid: false,
+            discountAmount: BigInt(0),
+            minPurchaseAmount: BigInt(0),
+            isLoading: false,
+            error: "Discount code does not exist",
+          });
+          return;
+        }
+
+        if (!isValid) {
+          // Provide specific error based on code details
+          if (restrictedPackId !== BigInt(0) && restrictedPackId !== BigInt(packId)) {
+            setDiscountInfo({
+              isValid: false,
+              discountAmount: BigInt(0),
+              minPurchaseAmount: BigInt(0),
+              isLoading: false,
+              error: "Discount code is not valid for this pack",
+            });
+          } else {
+            setDiscountInfo({
+              isValid: false,
+              discountAmount: BigInt(0),
+              minPurchaseAmount: BigInt(0),
+              isLoading: false,
+              error: "Invalid or expired discount code",
+            });
+          }
+          return;
+        }
+
+        setDiscountInfo({ isValid: true, discountAmount, minPurchaseAmount, isLoading: false, error: null });
+      } catch (error) {
+        if (cancelled) return;
+        console.error("Failed to validate discount code", { discountCode, error });
+        setDiscountInfo({
+          isValid: false,
+          discountAmount: BigInt(0),
+          minPurchaseAmount: BigInt(0),
+          isLoading: false,
+          error: "Failed to validate discount code",
+        });
+      }
+    };
+
+    validateDiscount();
+
+    return () => {
+      cancelled = true;
+    };
+  }, [discountCode, ccShopAddress, packId]);
+
+  // Calculate effective dstAmount after discount
+  const effectiveDstAmount = useMemo(() => {
+    if (!discountCode || !discountInfo.isValid || discountInfo.discountAmount === BigInt(0)) {
+      return totalAmount;
+    }
+
+    const total = BigInt(totalAmount);
+    const discount = discountInfo.discountAmount;
+
+    if (discount >= total) {
+      console.error("Discount exceeds total price", { totalAmount, discountAmount: discount.toString() });
+      return "0";
+    }
+
+    return (total - discount).toString();
+  }, [totalAmount, discountCode, discountInfo.isValid, discountInfo.discountAmount]);
+
+  // Calculate fiat amount (effectiveDstAmount in USD, assuming USDC with 6 decimals)
   const srcFiatAmount = useMemo(() => {
-    if (!totalAmount || totalAmount === "0") return "0";
-    return formatUnits(totalAmount, USDC_BASE.decimals);
-  }, [totalAmount]);
+    if (!effectiveDstAmount || effectiveDstAmount === "0") return "0";
+    return formatUnits(effectiveDstAmount, USDC_BASE.decimals);
+  }, [effectiveDstAmount]);
 
-  // Encode the buyPacksFor function call
+  // Encode the contract function call (with or without discount)
   const encodedData = useMemo(() => {
     try {
+      if (discountCode && discountInfo.isValid) {
+        return encodeFunctionData({
+          abi: [BUY_PACKS_FOR_WITH_DISCOUNT_ABI],
+          functionName: "buyPacksForWithDiscount",
+          args: [recipientAddress as `0x${string}`, BigInt(packId), BigInt(packAmount), discountCode],
+        });
+      }
+
       return encodeFunctionData({
         abi: [BUY_PACKS_FOR_ABI],
         functionName: "buyPacksFor",
         args: [recipientAddress as `0x${string}`, BigInt(packId), BigInt(packAmount)],
       });
     } catch (error) {
-      console.error("Failed to encode function data", { recipientAddress, packId, packAmount, error });
+      console.error("Failed to encode function data", { recipientAddress, packId, packAmount, discountCode, error });
       return "0x";
     }
-  }, [recipientAddress, packId, packAmount]);
+  }, [recipientAddress, packId, packAmount, discountCode, discountInfo.isValid]);
 
   // Default header if not provided
   const defaultHeader = () => (
@@ -182,6 +322,47 @@ export function AnySpendCollectorClubPurchase({
     </div>
   );
 
+  // Don't render AnySpendCustom while discount is being validated (avoids showing wrong price)
+  if (discountCode && discountInfo.isLoading) {
+    return (
+      <div className="mb-4 flex flex-col items-center gap-3 text-center">
+        <p className="text-as-secondary text-sm">Validating discount code...</p>
+      </div>
+    );
+  }
+
+  if (discountCode && discountInfo.error) {
+    return (
+      <div className="mb-4 flex flex-col items-center gap-3 text-center">
+        <p className="text-sm text-red-500">{discountInfo.error}</p>
+      </div>
+    );
+  }
+
+  if (
+    discountCode &&
+    discountInfo.isValid &&
+    discountInfo.minPurchaseAmount > BigInt(0) &&
+    BigInt(packAmount) < discountInfo.minPurchaseAmount
+  ) {
+    return (
+      <div className="mb-4 flex flex-col items-center gap-3 text-center">
+        <p className="text-sm text-red-500">
+          Minimum purchase of {discountInfo.minPurchaseAmount.toString()} pack
+          {discountInfo.minPurchaseAmount > BigInt(1) ? "s" : ""} required for this discount code
+        </p>
+      </div>
+    );
+  }
+
+  if (discountCode && discountInfo.isValid && effectiveDstAmount === "0") {
+    return (
+      <div className="mb-4 flex flex-col items-center gap-3 text-center">
+        <p className="text-sm text-red-500">Discount exceeds total price</p>
+      </div>
+    );
+  }
+
   return (
     <AnySpendCustom
       loadOrder={loadOrder}
@@ -192,7 +373,7 @@ export function AnySpendCollectorClubPurchase({
       orderType="custom"
       dstChainId={BASE_CHAIN_ID}
       dstToken={paymentToken}
-      dstAmount={totalAmount}
+      dstAmount={effectiveDstAmount}
       contractAddress={ccShopAddress}
       encodedData={encodedData}
       metadata={{
@@ -201,6 +382,9 @@ export function AnySpendCollectorClubPurchase({
         pricePerPack,
         vendingMachineId,
         packType,
+        ...(discountCode && discountInfo.isValid
+          ? { discountCode, discountAmount: discountInfo.discountAmount.toString() }
+          : {}),
       }}
       header={header || defaultHeader}
       onSuccess={onSuccess}

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

@@ -45,6 +45,7 @@ import React, { useCallback, useEffect, useMemo, useState } from "react";
 
 import { base } from "viem/chains";
 import { useCryptoPaymentMethodState } from "../hooks/useCryptoPaymentMethodState";
+import { useOnOrderSuccess } from "../hooks/useOnOrderSuccess";
 import { useRecipientAddressState } from "../hooks/useRecipientAddressState";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFingerprintWrapper";
 import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPaymentMethod";
@@ -274,9 +275,6 @@ function AnySpendCustomInner({
 
   const [orderId, setOrderId] = useState<string | undefined>(loadOrder);
 
-  // Track if onSuccess has been called for the current order
-  const onSuccessCalled = React.useRef(false);
-
   const [srcChainId, setSrcChainId] = useState<number>(base.id);
 
   // Get token list for token balance check
@@ -433,21 +431,8 @@ function AnySpendCustomInner({
   const { geoData, isOnrampSupported, coinbaseAvailablePaymentMethods, stripeOnrampSupport, stripeWeb2Support } =
     useGeoOnrampOptions(srcFiatAmountForGeoCheck);
 
-  useEffect(() => {
-    if (oat?.data?.order.status === "executed" && !onSuccessCalled.current) {
-      console.log("Calling onSuccess");
-      const relayTxs = oat?.data?.relayTxs;
-      const lastRelayTxHash = relayTxs?.[relayTxs.length - 1]?.txHash;
-      const txHash = oat?.data?.executeTx?.txHash || lastRelayTxHash;
-      onSuccess?.(txHash);
-      onSuccessCalled.current = true;
-    }
-  }, [oat?.data?.order.status, oat?.data?.executeTx?.txHash, oat?.data?.relayTxs, onSuccess]);
-
-  // Reset flag when orderId changes
-  useEffect(() => {
-    onSuccessCalled.current = false;
-  }, [orderId]);
+  // Call onSuccess when order is executed
+  useOnOrderSuccess({ orderData: oat, orderId, onSuccess });
 
   const { createOrder: createRegularOrder, isCreatingOrder: isCreatingRegularOrder } = useAnyspendCreateOrder({
     onSuccess: data => {

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

@@ -83,6 +83,8 @@ export interface AnySpendCustomExactInProps {
   classes?: AnySpendCustomExactInClasses;
   /** When true, allows direct transfer without swap if source and destination token/chain are the same */
   allowDirectTransfer?: boolean;
+  /** Opaque metadata passed to the order for callbacks (e.g., workflow form data) */
+  callbackMetadata?: Record<string, unknown>;
 }
 
 export function AnySpendCustomExactIn(props: AnySpendCustomExactInProps) {
@@ -120,6 +122,7 @@ function AnySpendCustomExactInInner({
   returnHomeLabel,
   classes,
   allowDirectTransfer = false,
+  callbackMetadata,
 }: AnySpendCustomExactInProps) {
   const actionLabel = customExactInConfig?.action ?? "Custom Execution";
   const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
@@ -418,7 +421,6 @@ function AnySpendCustomExactInInner({
               onSelectCryptoPaymentMethod={() => setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD)}
               anyspendQuote={anyspendQuote}
               onTokenSelect={onTokenSelect}
-              skipAutoMaxOnTokenChange={!!destinationTokenAmount}
             />
           ) : (
             <motion.div
@@ -587,6 +589,7 @@ function AnySpendCustomExactInInner({
               ? normalizeAddress(customExactInConfig.spenderAddress)
               : undefined,
           },
+          callbackMetadata,
         });
       } else {
         // EXACT_INPUT mode: create custom_exact_in order (original behavior)
@@ -604,6 +607,7 @@ function AnySpendCustomExactInInner({
           expectedDstAmount: expectedDstAmountRaw,
           creatorAddress: globalAddress,
           payload,
+          callbackMetadata,
         });
       }
     } catch (err: any) {

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

@@ -123,6 +123,8 @@ export interface AnySpendDepositProps {
   allowDirectTransfer?: boolean;
   /** Fixed destination token amount (in wei/smallest unit). When provided, user cannot change the amount. */
   destinationTokenAmount?: string;
+  /** Opaque metadata passed to the order for callbacks (e.g., workflow form data) */
+  callbackMetadata?: Record<string, unknown>;
 }
 
 // Default supported chains
@@ -248,6 +250,7 @@ export function AnySpendDeposit({
   classes,
   allowDirectTransfer = false,
   destinationTokenAmount,
+  callbackMetadata,
 }: AnySpendDepositProps) {
   // Extract deposit-specific classes for convenience
   const depositClasses = classes?.deposit;
@@ -697,6 +700,7 @@ export function AnySpendDeposit({
             classes={classes?.customExactIn}
             allowDirectTransfer={allowDirectTransfer}
             destinationTokenAmount={destinationTokenAmount}
+            callbackMetadata={callbackMetadata}
           />
         ) : (
           <AnySpend
@@ -720,6 +724,7 @@ export function AnySpendDeposit({
             classes={classes?.anySpend}
             allowDirectTransfer={allowDirectTransfer}
             destinationTokenAmount={destinationTokenAmount}
+            callbackMetadata={callbackMetadata}
           />
         )}
       </div>

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

@@ -0,0 +1,73 @@
+import { useMemo } from "react";
+import type { AnySpendAllClasses } from "./types/classes";
+import { AnySpendDeposit } from "./AnySpendDeposit";
+
+export interface AnySpendWorkflowTriggerProps {
+  /** Payment recipient address (hex) */
+  recipientAddress: string;
+  /** Destination chain ID */
+  chainId: number;
+  /** Destination token address */
+  tokenAddress: string;
+  /** Required payment amount in token base units (wei) */
+  amount: string;
+  /** Workflow ID to trigger */
+  workflowId: string;
+  /** Organization ID that owns the workflow */
+  orgId: string;
+  /** Optional callback metadata merged into the order */
+  callbackMetadata?: {
+    /** Passed as trigger result inputs — accessible via {{root.result.inputs.*}} */
+    inputs?: Record<string, unknown>;
+  } & Record<string, unknown>;
+  /** Callback when payment succeeds */
+  onSuccess?: (amount: string) => void;
+  /** Callback when modal is closed */
+  onClose?: () => void;
+  /** Display mode */
+  mode?: "modal" | "page";
+  /** Custom action label */
+  actionLabel?: string;
+  /** Custom class names */
+  classes?: AnySpendAllClasses;
+}
+
+export function AnySpendWorkflowTrigger({
+  recipientAddress,
+  chainId,
+  tokenAddress,
+  amount,
+  workflowId,
+  orgId,
+  callbackMetadata,
+  onSuccess,
+  onClose,
+  mode,
+  actionLabel,
+  classes,
+}: AnySpendWorkflowTriggerProps) {
+  const metadata = useMemo(
+    () => ({
+      workflowId,
+      orgId,
+      ...callbackMetadata,
+    }),
+    [workflowId, orgId, callbackMetadata],
+  );
+
+  return (
+    <AnySpendDeposit
+      recipientAddress={recipientAddress}
+      destinationTokenAddress={tokenAddress}
+      destinationTokenChainId={chainId}
+      destinationTokenAmount={amount}
+      callbackMetadata={metadata}
+      onSuccess={onSuccess}
+      onClose={onClose}
+      mode={mode}
+      actionLabel={actionLabel}
+      classes={classes}
+      allowDirectTransfer
+    />
+  );
+}

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

@@ -1,4 +1,10 @@
-import { ALL_CHAINS, getAvailableChainIds, isSameChainAndToken } from "@b3dotfun/sdk/anyspend";
+import {
+  ALL_CHAINS,
+  getAvailableChainIds,
+  getPaymentUrl,
+  isSameChainAndToken,
+  ZERO_ADDRESS,
+} from "@b3dotfun/sdk/anyspend";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { Button, toast } from "@b3dotfun/sdk/global-account/react";
 import { cn } from "@b3dotfun/sdk/shared/utils/cn";
@@ -8,6 +14,7 @@ import { QRCodeSVG } from "qrcode.react";
 import { useEffect, useRef, useState } from "react";
 import { useAnyspendOrderAndTransactions } from "../hooks/useAnyspendOrderAndTransactions";
 import { useCreateDepositFirstOrder } from "../hooks/useCreateDepositFirstOrder";
+import { useOnOrderSuccess } from "../hooks/useOnOrderSuccess";
 import { TransferResult, useWatchTransfer } from "../hooks/useWatchTransfer";
 import { DepositContractConfig } from "./AnySpendDeposit";
 import { ChainTokenIcon } from "./common/ChainTokenIcon";
@@ -90,7 +97,6 @@ export function QRDeposit({
   const [orderId, setOrderId] = useState<string | undefined>();
   const [globalAddress, setGlobalAddress] = useState<string | undefined>();
   const orderCreatedRef = useRef(false);
-  const onSuccessCalled = useRef(false);
   const [transferResult, setTransferResult] = useState<TransferResult | null>(null);
 
   // Source token/chain as state (can be changed by user)
@@ -189,22 +195,20 @@ export function QRDeposit({
   ]);
 
   // Call onSuccess when order is executed
-  useEffect(() => {
-    if (oat?.data?.order.status === "executed" && !onSuccessCalled.current) {
-      const txHash = oat?.data?.executeTx?.txHash;
-      onSuccess?.(txHash);
-      onSuccessCalled.current = true;
-    }
-  }, [oat?.data?.order.status, oat?.data?.executeTx?.txHash, onSuccess]);
-
-  // Reset onSuccess flag when orderId changes
-  useEffect(() => {
-    onSuccessCalled.current = false;
-  }, [orderId]);
+  useOnOrderSuccess({ orderData: oat, orderId, onSuccess });
 
   // For pure transfers, always use recipient address; for orders, use global address
   const displayAddress = isPureTransfer ? recipientAddress : globalAddress || recipientAddress;
 
+  // Generate EIP-681 payment URI for the QR code so wallets know which chain/token to use
+  const qrValue = getPaymentUrl(
+    displayAddress,
+    undefined,
+    sourceToken.address === ZERO_ADDRESS ? "ETH" : sourceToken.address,
+    sourceChainId,
+    sourceToken.decimals,
+  );
+
   const handleCopyAddress = async () => {
     if (displayAddress) {
       await navigator.clipboard.writeText(displayAddress);
@@ -387,7 +391,7 @@ export function QRDeposit({
           {/* QR Code */}
           <div className={classes?.qrCodeContainer || "anyspend-qr-code-container flex flex-col items-center gap-2"}>
             <div className={classes?.qrCode || "anyspend-qr-code rounded-lg bg-white p-2"}>
-              <QRCodeSVG value={displayAddress} size={120} level="M" marginSize={0} />
+              <QRCodeSVG value={qrValue} size={120} level="M" marginSize={0} />
             </div>
             <span className={classes?.qrScanHint || "anyspend-qr-scan-hint text-as-secondary text-xs"}>
               SCAN WITH <span className="inline-block">🦊</span>

package/src/anyspend/react/components/ccShopAbi.ts

@@ -0,0 +1,64 @@
+// CCShop contract ABI fragments used by AnySpendCollectorClubPurchase
+
+export const BUY_PACKS_FOR_ABI = {
+  inputs: [
+    { internalType: "address", name: "user", type: "address" },
+    { internalType: "uint256", name: "packId", type: "uint256" },
+    { internalType: "uint256", name: "amount", type: "uint256" },
+  ],
+  name: "buyPacksFor",
+  outputs: [],
+  stateMutability: "nonpayable",
+  type: "function",
+} as const;
+
+export const BUY_PACKS_FOR_WITH_DISCOUNT_ABI = {
+  inputs: [
+    { internalType: "address", name: "user", type: "address" },
+    { internalType: "uint256", name: "packId", type: "uint256" },
+    { internalType: "uint256", name: "amount", type: "uint256" },
+    { internalType: "string", name: "discountCode", type: "string" },
+  ],
+  name: "buyPacksForWithDiscount",
+  outputs: [],
+  stateMutability: "nonpayable",
+  type: "function",
+} as const;
+
+export const IS_DISCOUNT_CODE_VALID_FOR_PACK_ABI = {
+  inputs: [
+    { internalType: "string", name: "code", type: "string" },
+    { internalType: "uint256", name: "packId", type: "uint256" },
+  ],
+  name: "isDiscountCodeValidForPack",
+  outputs: [
+    { internalType: "bool", name: "isValid", type: "bool" },
+    { internalType: "uint256", name: "discountAmount", type: "uint256" },
+  ],
+  stateMutability: "view",
+  type: "function",
+} as const;
+
+export const GET_DISCOUNT_CODE_ABI = {
+  inputs: [{ internalType: "string", name: "code", type: "string" }],
+  name: "getDiscountCode",
+  outputs: [
+    {
+      components: [
+        { internalType: "uint256", name: "discountAmount", type: "uint256" },
+        { internalType: "uint256", name: "expiresAt", type: "uint256" },
+        { internalType: "bool", name: "used", type: "bool" },
+        { internalType: "bool", name: "exists", type: "bool" },
+        { internalType: "uint256", name: "maxUses", type: "uint256" },
+        { internalType: "uint256", name: "usedCount", type: "uint256" },
+        { internalType: "uint256", name: "packId", type: "uint256" },
+        { internalType: "uint256", name: "minPurchaseAmount", type: "uint256" },
+      ],
+      internalType: "struct CCShop.DiscountCode",
+      name: "",
+      type: "tuple",
+    },
+  ],
+  stateMutability: "view",
+  type: "function",
+} as const;

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

@@ -32,8 +32,6 @@ 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({
@@ -51,7 +49,6 @@ export function CryptoPaySection({
   onTokenSelect,
   onShowFeeDetail,
   classes,
-  skipAutoMaxOnTokenChange = false,
 }: CryptoPaySectionProps) {
   const { data: srcTokenMetadata } = useTokenData(selectedSrcToken?.chainId, selectedSrcToken?.address);
 
@@ -125,7 +122,6 @@ export function CryptoPaySection({
       <div className={classes?.inputContainer}>
         <OrderTokenAmount
           address={walletAddress}
-          walletAddress={walletAddress}
           context="from"
           inputValue={srcAmount}
           onChangeInput={value => {
@@ -137,7 +133,6 @@ export function CryptoPaySection({
           token={selectedSrcToken}
           setToken={setSelectedSrcToken}
           onTokenSelect={onTokenSelect}
-          skipAutoMaxOnTokenChange={skipAutoMaxOnTokenChange}
         />
       </div>
       <div className={classes?.balanceRow || "flex items-center justify-between"}>