@b3dotfun/sdk 0.1.65-alpha.2 → 0.1.65-alpha.4

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ALL_CHAINS, getAvailableChainIds, isSameChainAndToken } from "../../../anyspend/index.js";
+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";
 import { TokenSelector } from "@relayprotocol/relay-kit-ui";
@@ -128,6 +128,8 @@ export function QRDeposit({ mode = "modal", recipientAddress, sourceToken: sourc
     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);
@@ -160,7 +162,7 @@ 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: displayAddress, 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-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: destinationChainId }), _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-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/utils/chain.d.ts

@@ -82,7 +82,7 @@ export declare function isTestnet(chainId: number): boolean;
 export declare function getDefaultToken(chainId: number): components["schemas"]["Token"];
 export declare function getChainName(chainId: number): string;
 export declare function getCoingeckoName(chainId: number): string | null;
-export declare function getPaymentUrl(address: string, amount: bigint, currency: string, chainId: number, decimals?: number): string;
+export declare function getPaymentUrl(address: string, amount: bigint | undefined, currency: string, chainId: number, decimals?: number): string;
 export declare function getExplorerTxUrl(chainId: number, txHash: string): string;
 export declare function getExplorerAddressUrl(chainId: number, address: string): string;
 export declare function getMulticall3Address(chainId: number): string;

package/dist/esm/anyspend/utils/chain.js

@@ -362,8 +362,8 @@ export function getPaymentUrl(address, amount, currency, chainId, decimals) {
             // For EVM chains, follow EIP-681 format
             // Format: ethereum:[address]@[chainId]?value=[amount]&symbol=[symbol]
             const params = new URLSearchParams();
-            // Add value for native token transfers
-            if (currency === chain.nativeToken.symbol) {
+            // Add value for native token transfers (skip if amount not provided, e.g. deposit_first)
+            if (currency === chain.nativeToken.symbol && amount !== undefined) {
                 params.append("value", amount.toString());
             }
             // Handle token transfers differently from native transfers
@@ -378,28 +378,31 @@ export function getPaymentUrl(address, amount, currency, chainId, decimals) {
                 }
                 // For ERC20 tokens, convert from smallest unit to display units using decimals
                 // For example: 2400623 (raw) with 6 decimals becomes "2.400623"
-                let displayAmount;
-                if (decimals !== undefined && currency !== chain.nativeToken.symbol) {
-                    // Convert from smallest unit to display unit for ERC20 tokens
-                    const divisor = BigInt(10 ** decimals);
-                    const wholePart = amount / divisor;
-                    const fractionalPart = amount % divisor;
-                    if (fractionalPart === BigInt(0)) {
-                        displayAmount = wholePart.toString();
+                // Skip amount if not provided (e.g. deposit_first orders)
+                if (amount !== undefined) {
+                    let displayAmount;
+                    if (decimals !== undefined && currency !== chain.nativeToken.symbol) {
+                        // Convert from smallest unit to display unit for ERC20 tokens
+                        const divisor = BigInt(10 ** decimals);
+                        const wholePart = amount / divisor;
+                        const fractionalPart = amount % divisor;
+                        if (fractionalPart === BigInt(0)) {
+                            displayAmount = wholePart.toString();
+                        }
+                        else {
+                            // Format fractional part with leading zeros if needed
+                            const fractionalStr = fractionalPart.toString().padStart(decimals, "0");
+                            // Remove trailing zeros
+                            const trimmedFractional = fractionalStr.replace(/0+$/, "");
+                            displayAmount = trimmedFractional ? `${wholePart}.${trimmedFractional}` : wholePart.toString();
+                        }
                     }
                     else {
-                        // Format fractional part with leading zeros if needed
-                        const fractionalStr = fractionalPart.toString().padStart(decimals, "0");
-                        // Remove trailing zeros
-                        const trimmedFractional = fractionalStr.replace(/0+$/, "");
-                        displayAmount = trimmedFractional ? `${wholePart}.${trimmedFractional}` : wholePart.toString();
+                        // For native tokens or when decimals not provided, use raw amount
+                        displayAmount = amount.toString();
                     }
+                    tokenParams.append("amount", displayAmount);
                 }
-                else {
-                    // For native tokens or when decimals not provided, use raw amount
-                    displayAmount = amount.toString();
-                }
-                tokenParams.append("amount", displayAmount);
                 tokenParams.append("address", address); // recipient address
                 // For Arbitrum and other L2s, try a more explicit format
                 if (chainId !== mainnet.id) {
@@ -419,7 +422,9 @@ export function getPaymentUrl(address, amount, currency, chainId, decimals) {
                 // to make sure wallets recognize the correct chain
                 const nativeParams = new URLSearchParams();
                 nativeParams.append("chainId", chainId.toString());
-                nativeParams.append("value", amount.toString());
+                if (amount !== undefined) {
+                    nativeParams.append("value", amount.toString());
+                }
                 const url = `ethereum:${address}@${chainId}?${nativeParams.toString()}`;
                 return url;
             }
@@ -438,60 +443,65 @@ export function getPaymentUrl(address, amount, currency, chainId, decimals) {
             const isNativeSOL = currency === chain.nativeToken.symbol || currency === "SOL" || currency === "11111111111111111111111111111111";
             if (isNativeSOL) {
                 // Native SOL transfers - convert from lamports to SOL
-                let displayAmount;
-                if (decimals !== undefined) {
-                    const divisor = BigInt(10 ** decimals);
-                    const wholePart = amount / divisor;
-                    const fractionalPart = amount % divisor;
-                    if (fractionalPart === BigInt(0)) {
-                        displayAmount = wholePart.toString();
-                    }
-                    else {
-                        const fractionalStr = fractionalPart.toString().padStart(decimals, "0");
-                        const trimmedFractional = fractionalStr.replace(/0+$/, "");
-                        displayAmount = trimmedFractional ? `${wholePart}.${trimmedFractional}` : wholePart.toString();
-                    }
-                }
-                else {
-                    // Fallback: assume SOL has 9 decimals
-                    const divisor = BigInt(1000000000); // 1e9
-                    const wholePart = amount / divisor;
-                    const fractionalPart = amount % divisor;
-                    if (fractionalPart === BigInt(0)) {
-                        displayAmount = wholePart.toString();
+                if (amount !== undefined) {
+                    let displayAmount;
+                    if (decimals !== undefined) {
+                        const divisor = BigInt(10 ** decimals);
+                        const wholePart = amount / divisor;
+                        const fractionalPart = amount % divisor;
+                        if (fractionalPart === BigInt(0)) {
+                            displayAmount = wholePart.toString();
+                        }
+                        else {
+                            const fractionalStr = fractionalPart.toString().padStart(decimals, "0");
+                            const trimmedFractional = fractionalStr.replace(/0+$/, "");
+                            displayAmount = trimmedFractional ? `${wholePart}.${trimmedFractional}` : wholePart.toString();
+                        }
                     }
                     else {
-                        const fractionalStr = fractionalPart.toString().padStart(9, "0");
-                        const trimmedFractional = fractionalStr.replace(/0+$/, "");
-                        displayAmount = trimmedFractional ? `${wholePart}.${trimmedFractional}` : wholePart.toString();
+                        // Fallback: assume SOL has 9 decimals
+                        const divisor = BigInt(1000000000); // 1e9
+                        const wholePart = amount / divisor;
+                        const fractionalPart = amount % divisor;
+                        if (fractionalPart === BigInt(0)) {
+                            displayAmount = wholePart.toString();
+                        }
+                        else {
+                            const fractionalStr = fractionalPart.toString().padStart(9, "0");
+                            const trimmedFractional = fractionalStr.replace(/0+$/, "");
+                            displayAmount = trimmedFractional ? `${wholePart}.${trimmedFractional}` : wholePart.toString();
+                        }
                     }
+                    // For native SOL, use simple format without spl-token parameter
+                    params.append("amount", displayAmount);
                 }
-                // For native SOL, use simple format without spl-token parameter
-                params.append("amount", displayAmount);
             }
             else {
                 // SPL token transfers
-                let displayAmount;
-                if (decimals !== undefined) {
-                    const divisor = BigInt(10 ** decimals);
-                    const wholePart = amount / divisor;
-                    const fractionalPart = amount % divisor;
-                    if (fractionalPart === BigInt(0)) {
-                        displayAmount = wholePart.toString();
+                if (amount !== undefined) {
+                    let displayAmount;
+                    if (decimals !== undefined) {
+                        const divisor = BigInt(10 ** decimals);
+                        const wholePart = amount / divisor;
+                        const fractionalPart = amount % divisor;
+                        if (fractionalPart === BigInt(0)) {
+                            displayAmount = wholePart.toString();
+                        }
+                        else {
+                            const fractionalStr = fractionalPart.toString().padStart(decimals, "0");
+                            const trimmedFractional = fractionalStr.replace(/0+$/, "");
+                            displayAmount = trimmedFractional ? `${wholePart}.${trimmedFractional}` : wholePart.toString();
+                        }
                     }
                     else {
-                        const fractionalStr = fractionalPart.toString().padStart(decimals, "0");
-                        const trimmedFractional = fractionalStr.replace(/0+$/, "");
-                        displayAmount = trimmedFractional ? `${wholePart}.${trimmedFractional}` : wholePart.toString();
+                        displayAmount = amount.toString();
                     }
+                    params.append("amount", displayAmount);
                 }
-                else {
-                    displayAmount = amount.toString();
-                }
-                params.append("amount", displayAmount);
                 params.append("spl-token", currency); // token mint address
             }
-            const url = `solana:${address}?${params.toString()}`;
+            const queryString = params.toString();
+            const url = queryString ? `solana:${address}?${queryString}` : `solana:${address}`;
             console.log("Solana URL (isNativeSOL:", isNativeSOL, "):", url);
             return url;
         }

package/dist/esm/global-account/react/stores/useModalStore.d.ts

@@ -470,6 +470,8 @@ export interface AnySpendCollectorClubPurchaseProps extends BaseModalProps {
     forceFiatPayment?: boolean;
     /** Staging environment support */
     isStaging?: boolean;
+    /** Optional discount code to apply to the purchase */
+    discountCode?: string;
 }
 /**
  * Props for the AnySpend Deposit modal

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

@@ -69,5 +69,10 @@ 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 declare function AnySpendCollectorClubPurchase({ loadOrder, mode, activeTab, packId, packAmount, pricePerPack, paymentToken, recipientAddress, spenderAddress, isStaging, onSuccess, header, showRecipient, vendingMachineId, packType, forceFiatPayment, }: AnySpendCollectorClubPurchaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnySpendCollectorClubPurchase({ loadOrder, mode, activeTab, packId, packAmount, pricePerPack, paymentToken, recipientAddress, spenderAddress, isStaging, onSuccess, header, showRecipient, vendingMachineId, packType, forceFiatPayment, discountCode, }: AnySpendCollectorClubPurchaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/utils/chain.d.ts

@@ -82,7 +82,7 @@ export declare function isTestnet(chainId: number): boolean;
 export declare function getDefaultToken(chainId: number): components["schemas"]["Token"];
 export declare function getChainName(chainId: number): string;
 export declare function getCoingeckoName(chainId: number): string | null;
-export declare function getPaymentUrl(address: string, amount: bigint, currency: string, chainId: number, decimals?: number): string;
+export declare function getPaymentUrl(address: string, amount: bigint | undefined, currency: string, chainId: number, decimals?: number): string;
 export declare function getExplorerTxUrl(chainId: number, txHash: string): string;
 export declare function getExplorerAddressUrl(chainId: number, address: string): string;
 export declare function getMulticall3Address(chainId: number): string;

package/dist/types/global-account/react/stores/useModalStore.d.ts

@@ -470,6 +470,8 @@ export interface AnySpendCollectorClubPurchaseProps extends BaseModalProps {
     forceFiatPayment?: boolean;
     /** Staging environment support */
     isStaging?: boolean;
+    /** Optional discount code to apply to the purchase */
+    discountCode?: string;
 }
 /**
  * Props for the AnySpend Deposit modal

package/package.json

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

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

@@ -27,9 +27,11 @@
 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";
 
 // Collector Club Shop contract addresses on Base
@@ -50,6 +52,37 @@ const BUY_PACKS_FOR_ABI = {
   type: "function",
 } as const;
 
+// ABI for buyPacksForWithDiscount function (with discount code)
+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;
+
+// ABI for isDiscountCodeValid view function
+const IS_DISCOUNT_CODE_VALID_ABI = {
+  inputs: [{ internalType: "string", name: "code", type: "string" }],
+  name: "isDiscountCodeValid",
+  outputs: [
+    { internalType: "bool", name: "isValid", type: "bool" },
+    { internalType: "uint256", name: "discountAmount", type: "uint256" },
+  ],
+  stateMutability: "view",
+  type: "function",
+} as const;
+
+const basePublicClient = createPublicClient({
+  chain: base,
+  transport: http(PUBLIC_BASE_RPC_URL),
+});
+
 export interface AnySpendCollectorClubPurchaseProps {
   /**
    * Optional order ID to load existing order
@@ -118,6 +151,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 +175,7 @@ export function AnySpendCollectorClubPurchase({
   vendingMachineId,
   packType,
   forceFiatPayment,
+  discountCode,
 }: AnySpendCollectorClubPurchaseProps) {
   const ccShopAddress = isStaging ? CC_SHOP_ADDRESS_STAGING : CC_SHOP_ADDRESS;
 
@@ -150,25 +189,117 @@ 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;
+    isLoading: boolean;
+    error: string | null;
+  }>({
+    isValid: false,
+    discountAmount: BigInt(0),
+    isLoading: false,
+    error: null,
+  });
+
+  // Validate discount code on-chain when provided
+  useEffect(() => {
+    if (!discountCode) {
+      setDiscountInfo({ isValid: false, discountAmount: BigInt(0), isLoading: false, error: null });
+      return;
+    }
+
+    let cancelled = false;
+
+    const validateDiscount = async () => {
+      setDiscountInfo(prev => ({ ...prev, isLoading: true, error: null }));
+
+      try {
+        const result = await basePublicClient.readContract({
+          address: ccShopAddress as `0x${string}`,
+          abi: [IS_DISCOUNT_CODE_VALID_ABI],
+          functionName: "isDiscountCodeValid",
+          args: [discountCode],
+        });
+
+        if (cancelled) return;
+
+        const [isValid, discountAmount] = result;
+
+        if (!isValid) {
+          setDiscountInfo({
+            isValid: false,
+            discountAmount: BigInt(0),
+            isLoading: false,
+            error: "Invalid or expired discount code",
+          });
+          return;
+        }
+
+        setDiscountInfo({ isValid: true, discountAmount, isLoading: false, error: null });
+      } catch (error) {
+        if (cancelled) return;
+        console.error("Failed to validate discount code", { discountCode, error });
+        setDiscountInfo({
+          isValid: false,
+          discountAmount: BigInt(0),
+          isLoading: false,
+          error: "Failed to validate discount code",
+        });
+      }
+    };
+
+    validateDiscount();
+
+    return () => {
+      cancelled = true;
+    };
+  }, [discountCode, ccShopAddress]);
+
+  // 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 +313,31 @@ 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 && 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 +348,7 @@ export function AnySpendCollectorClubPurchase({
       orderType="custom"
       dstChainId={BASE_CHAIN_ID}
       dstToken={paymentToken}
-      dstAmount={totalAmount}
+      dstAmount={effectiveDstAmount}
       contractAddress={ccShopAddress}
       encodedData={encodedData}
       metadata={{
@@ -201,6 +357,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/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";
@@ -194,6 +200,15 @@ export function QRDeposit({
   // 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);
@@ -376,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>