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

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

@@ -29,9 +29,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * ```
  */
 const constants_1 = require("../../../anyspend/constants");
+const constants_2 = require("../../../shared/constants");
 const number_1 = require("../../../shared/utils/number");
 const react_1 = require("react");
 const viem_1 = require("viem");
+const chains_1 = require("viem/chains");
 const AnySpendCustom_1 = require("./AnySpendCustom");
 // Collector Club Shop contract addresses on Base
 const CC_SHOP_ADDRESS = "0x47366E64E4917dd4DdC04Fb9DC507c1dD2b87294";
@@ -49,7 +51,35 @@ const BUY_PACKS_FOR_ABI = {
     stateMutability: "nonpayable",
     type: "function",
 };
-function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab = "crypto", packId, packAmount, pricePerPack, paymentToken = constants_1.USDC_BASE, recipientAddress, spenderAddress, isStaging = false, onSuccess, header, showRecipient = true, vendingMachineId, packType, forceFiatPayment, }) {
+// 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",
+};
+// 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",
+};
+const basePublicClient = (0, viem_1.createPublicClient)({
+    chain: chains_1.base,
+    transport: (0, viem_1.http)(constants_2.PUBLIC_BASE_RPC_URL),
+});
+function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab = "crypto", packId, packAmount, pricePerPack, paymentToken = constants_1.USDC_BASE, recipientAddress, spenderAddress, isStaging = false, onSuccess, header, showRecipient = true, vendingMachineId, packType, forceFiatPayment, discountCode, }) {
     const ccShopAddress = isStaging ? CC_SHOP_ADDRESS_STAGING : CC_SHOP_ADDRESS;
     // Calculate total amount needed (pricePerPack * packAmount)
     const totalAmount = (0, react_1.useMemo)(() => {
@@ -61,15 +91,89 @@ function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab =
             return "0";
         }
     }, [pricePerPack, packAmount]);
-    // Calculate fiat amount (totalAmount in USD, assuming USDC with 6 decimals)
+    // Discount code validation state
+    const [discountInfo, setDiscountInfo] = (0, react_1.useState)({
+        isValid: false,
+        discountAmount: BigInt(0),
+        isLoading: false,
+        error: null,
+    });
+    // Validate discount code on-chain when provided
+    (0, react_1.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,
+                    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 = (0, react_1.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 = (0, react_1.useMemo)(() => {
-        if (!totalAmount || totalAmount === "0")
+        if (!effectiveDstAmount || effectiveDstAmount === "0")
             return "0";
-        return (0, number_1.formatUnits)(totalAmount, constants_1.USDC_BASE.decimals);
-    }, [totalAmount]);
-    // Encode the buyPacksFor function call
+        return (0, number_1.formatUnits)(effectiveDstAmount, constants_1.USDC_BASE.decimals);
+    }, [effectiveDstAmount]);
+    // Encode the contract function call (with or without discount)
     const encodedData = (0, react_1.useMemo)(() => {
         try {
+            if (discountCode && discountInfo.isValid) {
+                return (0, viem_1.encodeFunctionData)({
+                    abi: [BUY_PACKS_FOR_WITH_DISCOUNT_ABI],
+                    functionName: "buyPacksForWithDiscount",
+                    args: [recipientAddress, BigInt(packId), BigInt(packAmount), discountCode],
+                });
+            }
             return (0, viem_1.encodeFunctionData)({
                 abi: [BUY_PACKS_FOR_ABI],
                 functionName: "buyPacksFor",
@@ -77,17 +181,30 @@ function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab =
             });
         }
         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 = () => ((0, jsx_runtime_1.jsx)("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-as-primary text-xl font-bold", children: "Buy Collector Club Packs" }), (0, jsx_runtime_1.jsxs)("p", { className: "text-as-secondary text-sm", children: ["Purchase ", packAmount, " pack", packAmount !== 1 ? "s" : "", " using any token"] })] }) }));
-    return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { loadOrder: loadOrder, mode: mode, activeTab: activeTab, recipientAddress: recipientAddress, spenderAddress: spenderAddress ?? ccShopAddress, orderType: "custom", dstChainId: BASE_CHAIN_ID, dstToken: paymentToken, dstAmount: totalAmount, contractAddress: ccShopAddress, encodedData: encodedData, metadata: {
+    // Don't render AnySpendCustom while discount is being validated (avoids showing wrong price)
+    if (discountCode && discountInfo.isLoading) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: (0, jsx_runtime_1.jsx)("p", { className: "text-as-secondary text-sm", children: "Validating discount code..." }) }));
+    }
+    if (discountCode && discountInfo.error) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-red-500", children: discountInfo.error }) }));
+    }
+    if (discountCode && discountInfo.isValid && effectiveDstAmount === "0") {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-red-500", children: "Discount exceeds total price" }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { loadOrder: loadOrder, mode: mode, activeTab: activeTab, recipientAddress: recipientAddress, spenderAddress: spenderAddress ?? ccShopAddress, orderType: "custom", dstChainId: BASE_CHAIN_ID, dstToken: paymentToken, dstAmount: effectiveDstAmount, contractAddress: ccShopAddress, encodedData: encodedData, metadata: {
             packId,
             packAmount,
             pricePerPack,
             vendingMachineId,
             packType,
+            ...(discountCode && discountInfo.isValid
+                ? { discountCode, discountAmount: discountInfo.discountAmount.toString() }
+                : {}),
         }, header: header || defaultHeader, onSuccess: onSuccess, showRecipient: showRecipient, srcFiatAmount: srcFiatAmount, forceFiatPayment: forceFiatPayment }));
 }

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

@@ -131,6 +131,8 @@ function QRDeposit({ mode = "modal", recipientAddress, sourceToken: sourceTokenP
     (0, useOnOrderSuccess_1.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 = (0, anyspend_1.getPaymentUrl)(displayAddress, undefined, sourceToken.address === anyspend_1.ZERO_ADDRESS ? "ETH" : sourceToken.address, sourceChainId, sourceToken.decimals);
     const handleCopyAddress = async () => {
         if (displayAddress) {
             await navigator.clipboard.writeText(displayAddress);
@@ -163,7 +165,7 @@ function QRDeposit({ mode = "modal", recipientAddress, sourceToken: sourceTokenP
     }
     return ((0, jsx_runtime_1.jsx)("div", { className: classes?.container ||
             (0, cn_1.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: (0, jsx_runtime_1.jsxs)("div", { className: classes?.content || "anyspend-qr-deposit-content flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: classes?.header || "anyspend-qr-header flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("button", { onClick: handleBack, className: classes?.backButton || "anyspend-qr-back-button text-as-secondary hover:text-as-primary", children: (0, jsx_runtime_1.jsx)("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }), (0, jsx_runtime_1.jsx)("h2", { className: classes?.title || "anyspend-qr-title text-as-primary text-base font-semibold", children: "Deposit" }), onClose ? ((0, jsx_runtime_1.jsx)("button", { onClick: handleClose, className: classes?.closeButton || "anyspend-qr-close-button text-as-secondary hover:text-as-primary", children: (0, jsx_runtime_1.jsx)("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-5" }))] }), (0, jsx_runtime_1.jsxs)("div", { className: classes?.tokenSelectorContainer || "anyspend-qr-token-selector flex flex-col gap-1.5", children: [(0, jsx_runtime_1.jsx)("label", { className: classes?.tokenSelectorLabel || "anyspend-qr-token-label text-as-secondary text-sm", children: "Send" }), (0, jsx_runtime_1.jsx)(relay_kit_ui_1.TokenSelector, { chainIdsFilter: (0, anyspend_1.getAvailableChainIds)("from"), context: "from", fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: (0, anyspend_1.getAvailableChainIds)("from"), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, setToken: handleTokenSelect, supportedWalletVMs: ["evm"], token: undefined, trigger: (0, jsx_runtime_1.jsxs)(react_1.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: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [sourceToken.metadata?.logoURI ? ((0, jsx_runtime_1.jsx)(ChainTokenIcon_1.ChainTokenIcon, { chainUrl: anyspend_1.ALL_CHAINS[sourceChainId]?.logoUrl, tokenUrl: sourceToken.metadata.logoURI, className: "h-8 min-h-8 w-8 min-w-8" })) : ((0, jsx_runtime_1.jsx)("div", { className: "h-8 w-8 rounded-full bg-gray-700" })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start gap-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary font-semibold", children: sourceToken.symbol }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-primary/70 text-xs", children: anyspend_1.ALL_CHAINS[sourceChainId]?.name ?? "Unknown" })] })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-70" })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes?.qrContent || "anyspend-qr-content border-as-stroke flex items-start gap-4 rounded-xl border p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: classes?.qrCodeContainer || "anyspend-qr-code-container flex flex-col items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: classes?.qrCode || "anyspend-qr-code rounded-lg bg-white p-2", children: (0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeSVG, { value: displayAddress, size: 120, level: "M", marginSize: 0 }) }), (0, jsx_runtime_1.jsxs)("span", { className: classes?.qrScanHint || "anyspend-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: classes?.addressContainer || "anyspend-qr-address-container flex flex-1 flex-col gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: classes?.addressLabel || "anyspend-qr-address-label text-as-secondary text-sm", children: "Deposit address:" }), (0, jsx_runtime_1.jsxs)("div", { className: classes?.addressRow || "anyspend-qr-address-row flex items-start gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: classes?.address || "anyspend-qr-address text-as-primary break-all font-mono text-sm leading-relaxed", children: displayAddress }), (0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [sourceToken.metadata?.logoURI ? ((0, jsx_runtime_1.jsx)(ChainTokenIcon_1.ChainTokenIcon, { chainUrl: anyspend_1.ALL_CHAINS[sourceChainId]?.logoUrl, tokenUrl: sourceToken.metadata.logoURI, className: "h-8 min-h-8 w-8 min-w-8" })) : ((0, jsx_runtime_1.jsx)("div", { className: "h-8 w-8 rounded-full bg-gray-700" })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start gap-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary font-semibold", children: sourceToken.symbol }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-primary/70 text-xs", children: anyspend_1.ALL_CHAINS[sourceChainId]?.name ?? "Unknown" })] })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-70" })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes?.qrContent || "anyspend-qr-content border-as-stroke flex items-start gap-4 rounded-xl border p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: classes?.qrCodeContainer || "anyspend-qr-code-container flex flex-col items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: classes?.qrCode || "anyspend-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: classes?.qrScanHint || "anyspend-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: classes?.addressContainer || "anyspend-qr-address-container flex flex-1 flex-col gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: classes?.addressLabel || "anyspend-qr-address-label text-as-secondary text-sm", children: "Deposit address:" }), (0, jsx_runtime_1.jsxs)("div", { className: classes?.addressRow || "anyspend-qr-address-row flex items-start gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: classes?.address || "anyspend-qr-address text-as-primary break-all font-mono text-sm leading-relaxed", children: displayAddress }), (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "h-4 w-4" }) : (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "h-4 w-4" }) })] })] })] }), (0, jsx_runtime_1.jsx)(WarningText_1.ChainWarningText, { chainId: destinationChainId }), (0, jsx_runtime_1.jsxs)(WarningText_1.WarningText, { children: ["Only send ", sourceToken.symbol, " on ", anyspend_1.ALL_CHAINS[sourceChainId]?.name ?? "the specified chain", ". Other tokens will not be converted."] }), isPureTransfer && isWatchingTransfer && ((0, jsx_runtime_1.jsxs)("div", { className: classes?.watchingIndicator ||
                         "anyspend-qr-watching flex items-center justify-center gap-2 rounded-lg bg-blue-500/10 p-3", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin text-blue-500" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-blue-500", children: "Watching for incoming transfer..." })] })), (0, jsx_runtime_1.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/cjs/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/cjs/anyspend/utils/chain.js

@@ -392,8 +392,8 @@ 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
@@ -408,28 +408,31 @@ 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 !== chains_1.mainnet.id) {
@@ -449,7 +452,9 @@ 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;
             }
@@ -468,60 +473,65 @@ 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/cjs/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/esm/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/esm/anyspend/react/components/AnySpendCollectorClubPurchase.js

@@ -26,9 +26,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * ```
  */
 import { USDC_BASE } from "../../../anyspend/constants/index.js";
+import { PUBLIC_BASE_RPC_URL } from "../../../shared/constants/index.js";
 import { formatUnits } from "../../../shared/utils/number.js";
-import { useMemo } from "react";
-import { encodeFunctionData } from "viem";
+import { useEffect, useMemo, useState } from "react";
+import { createPublicClient, encodeFunctionData, http } from "viem";
+import { base } from "viem/chains";
 import { AnySpendCustom } from "./AnySpendCustom.js";
 // Collector Club Shop contract addresses on Base
 const CC_SHOP_ADDRESS = "0x47366E64E4917dd4DdC04Fb9DC507c1dD2b87294";
@@ -46,7 +48,35 @@ const BUY_PACKS_FOR_ABI = {
     stateMutability: "nonpayable",
     type: "function",
 };
-export function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab = "crypto", packId, packAmount, pricePerPack, paymentToken = USDC_BASE, recipientAddress, spenderAddress, isStaging = false, onSuccess, header, showRecipient = true, vendingMachineId, packType, forceFiatPayment, }) {
+// 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",
+};
+// 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",
+};
+const basePublicClient = createPublicClient({
+    chain: base,
+    transport: http(PUBLIC_BASE_RPC_URL),
+});
+export function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab = "crypto", packId, packAmount, pricePerPack, paymentToken = USDC_BASE, recipientAddress, spenderAddress, isStaging = false, onSuccess, header, showRecipient = true, vendingMachineId, packType, forceFiatPayment, discountCode, }) {
     const ccShopAddress = isStaging ? CC_SHOP_ADDRESS_STAGING : CC_SHOP_ADDRESS;
     // Calculate total amount needed (pricePerPack * packAmount)
     const totalAmount = useMemo(() => {
@@ -58,15 +88,89 @@ export function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activ
             return "0";
         }
     }, [pricePerPack, packAmount]);
-    // Calculate fiat amount (totalAmount in USD, assuming USDC with 6 decimals)
+    // Discount code validation state
+    const [discountInfo, setDiscountInfo] = useState({
+        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,
+                    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")
+        if (!effectiveDstAmount || effectiveDstAmount === "0")
             return "0";
-        return formatUnits(totalAmount, USDC_BASE.decimals);
-    }, [totalAmount]);
-    // Encode the buyPacksFor function call
+        return formatUnits(effectiveDstAmount, USDC_BASE.decimals);
+    }, [effectiveDstAmount]);
+    // 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, BigInt(packId), BigInt(packAmount), discountCode],
+                });
+            }
             return encodeFunctionData({
                 abi: [BUY_PACKS_FOR_ABI],
                 functionName: "buyPacksFor",
@@ -74,17 +178,30 @@ export function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activ
             });
         }
         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 = () => (_jsx("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: _jsxs("div", { children: [_jsx("h1", { className: "text-as-primary text-xl font-bold", children: "Buy Collector Club Packs" }), _jsxs("p", { className: "text-as-secondary text-sm", children: ["Purchase ", packAmount, " pack", packAmount !== 1 ? "s" : "", " using any token"] })] }) }));
-    return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, activeTab: activeTab, recipientAddress: recipientAddress, spenderAddress: spenderAddress ?? ccShopAddress, orderType: "custom", dstChainId: BASE_CHAIN_ID, dstToken: paymentToken, dstAmount: totalAmount, contractAddress: ccShopAddress, encodedData: encodedData, metadata: {
+    // Don't render AnySpendCustom while discount is being validated (avoids showing wrong price)
+    if (discountCode && discountInfo.isLoading) {
+        return (_jsx("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: _jsx("p", { className: "text-as-secondary text-sm", children: "Validating discount code..." }) }));
+    }
+    if (discountCode && discountInfo.error) {
+        return (_jsx("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: _jsx("p", { className: "text-sm text-red-500", children: discountInfo.error }) }));
+    }
+    if (discountCode && discountInfo.isValid && effectiveDstAmount === "0") {
+        return (_jsx("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: _jsx("p", { className: "text-sm text-red-500", children: "Discount exceeds total price" }) }));
+    }
+    return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, activeTab: activeTab, recipientAddress: recipientAddress, spenderAddress: spenderAddress ?? ccShopAddress, orderType: "custom", dstChainId: BASE_CHAIN_ID, dstToken: paymentToken, dstAmount: effectiveDstAmount, contractAddress: ccShopAddress, encodedData: encodedData, metadata: {
             packId,
             packAmount,
             pricePerPack,
             vendingMachineId,
             packType,
+            ...(discountCode && discountInfo.isValid
+                ? { discountCode, discountAmount: discountInfo.discountAmount.toString() }
+                : {}),
         }, header: header || defaultHeader, onSuccess: onSuccess, showRecipient: showRecipient, srcFiatAmount: srcFiatAmount, forceFiatPayment: forceFiatPayment }));
 }