@b3dotfun/sdk 0.1.65 → 0.1.66-alpha.0

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/components/B3DynamicModal.js

@@ -8,6 +8,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../anyspend/react");
 const AnySpendDeposit_1 = require("../../../anyspend/react/components/AnySpendDeposit");
 const AnyspendDepositHype_1 = require("../../../anyspend/react/components/AnyspendDepositHype");
+const AnySpendWorkflowTrigger_1 = require("../../../anyspend/react/components/AnySpendWorkflowTrigger");
 const AnySpendDepositUpside_1 = require("../../../anyspend/react/components/AnySpendDepositUpside");
 const AnySpendStakeUpside_1 = require("../../../anyspend/react/components/AnySpendStakeUpside");
 const AnySpendStakeUpsideExactIn_1 = require("../../../anyspend/react/components/AnySpendStakeUpsideExactIn");
@@ -58,6 +59,7 @@ function B3DynamicModal() {
         "send",
         "notifications",
         "anySpendDeposit",
+        "anySpendWorkflowTrigger",
     ];
     const freestyleTypes = [
         "anySpendNft",
@@ -128,6 +130,8 @@ function B3DynamicModal() {
                 return (0, jsx_runtime_1.jsx)(react_1.AnySpendCollectorClubPurchase, { ...contentType, mode: "modal" });
             case "anySpendDeposit":
                 return (0, jsx_runtime_1.jsx)(AnySpendDeposit_1.AnySpendDeposit, { ...contentType, mode: "modal" });
+            case "anySpendWorkflowTrigger":
+                return (0, jsx_runtime_1.jsx)(AnySpendWorkflowTrigger_1.AnySpendWorkflowTrigger, { ...contentType, mode: "modal" });
             case "avatarEditor":
                 return (0, jsx_runtime_1.jsx)(AvatarEditor_1.AvatarEditor, { onSetAvatar: contentType.onSuccess });
             case "deposit":

package/dist/cjs/global-account/react/hooks/useUserQuery.js

@@ -14,6 +14,16 @@ function useUserQuery() {
     const user = (0, userStore_1.useUserStore)(state => state.user);
     const setUserStore = (0, userStore_1.useUserStore)(state => state.setUser);
     const clearUserStore = (0, userStore_1.useUserStore)(state => state.clearUser);
+    // Manually rehydrate persisted store inside useLayoutEffect to avoid
+    // updating AuthenticationProvider state during Hydrate render.
+    // useLayoutEffect (not useEffect) ensures rehydration triggers a
+    // synchronous re-render before any useEffect callbacks fire, so
+    // downstream effects always see the persisted user value.
+    (0, react_1.useLayoutEffect)(() => {
+        if (!userStore_1.useUserStore.persist.hasHydrated()) {
+            userStore_1.useUserStore.persist.rehydrate();
+        }
+    }, []);
     // Listen for storage events from other tabs/windows
     (0, react_1.useEffect)(() => {
         const handleStorageChange = (e) => {

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

@@ -470,11 +470,45 @@ 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
  * Flexible deposit component with optional chain selection
  */
+/**
+ * Props for the AnySpend Workflow Trigger modal
+ * Handles payments that trigger b3os-workflow runs
+ */
+export interface AnySpendWorkflowTriggerModalProps extends BaseModalProps {
+    /** Modal type identifier */
+    type: "anySpendWorkflowTrigger";
+    /** 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 */
+    callbackMetadata?: {
+        inputs?: Record<string, unknown>;
+    } & Record<string, unknown>;
+    /** Callback when payment succeeds */
+    onSuccess?: (amount: string) => void;
+    /** Callback when modal is closed */
+    onClose?: () => void;
+    /** Custom action label */
+    actionLabel?: string;
+    /** Custom class names */
+    classes?: AnySpendAllClasses;
+}
 export interface AnySpendDepositModalProps extends BaseModalProps {
     /** Modal type identifier */
     type: "anySpendDeposit";
@@ -534,11 +568,13 @@ export interface AnySpendDepositModalProps extends BaseModalProps {
     classes?: AnySpendAllClasses;
     /** Whether to allow direct transfer without swap */
     allowDirectTransfer?: boolean;
+    /** Opaque metadata passed to the order for callbacks (e.g., workflow form data) */
+    callbackMetadata?: Record<string, unknown>;
 }
 /**
  * Union type of all possible modal content types
  */
-export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendDepositUpsideProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | LinkNewAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | DepositModalProps | SendModalProps | NotificationsModalProps | AnySpendCollectorClubPurchaseProps | AnySpendDepositModalProps;
+export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendDepositUpsideProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | LinkNewAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | DepositModalProps | SendModalProps | NotificationsModalProps | AnySpendCollectorClubPurchaseProps | AnySpendDepositModalProps | AnySpendWorkflowTriggerModalProps;
 /**
  * State interface for the modal store
  */

package/dist/cjs/global-account/react/stores/userStore.js

@@ -22,6 +22,7 @@ exports.useUserStore = (0, zustand_1.create)()((0, middleware_1.persist)(set =>
     },
 }), {
     name: "b3-user",
+    skipHydration: true,
     onRehydrateStorage: () => (_, error) => {
         if (error) {
             console.warn("Failed to rehydrate user store:", error);

package/dist/esm/anyspend/react/components/AnySpend.d.ts

@@ -53,4 +53,6 @@ export declare function AnySpend(props: {
     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>;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -18,6 +18,7 @@ import { useAutoSelectCryptoPaymentMethod } from "../hooks/useAutoSelectCryptoPa
 import { useConnectedWalletDisplay } from "../hooks/useConnectedWalletDisplay.js";
 import { useCryptoPaymentMethodState } from "../hooks/useCryptoPaymentMethodState.js";
 import { useDirectTransfer } from "../hooks/useDirectTransfer.js";
+import { useOnOrderSuccess } from "../hooks/useOnOrderSuccess.js";
 import { useRecipientAddressState } from "../hooks/useRecipientAddressState.js";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFingerprintWrapper.js";
 import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPaymentMethod.js";
@@ -54,7 +55,7 @@ export function AnySpend(props) {
     console.log("[mitch] AnySpend rendered with fingerprintConfig:", props, fingerprintConfig);
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(AnySpendInner, { ...props }) }));
 }
-function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationTokenChainId, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, onTokenSelect, onSuccess, customUsdInputValues, hideHeader, hideBottomNavigation = false, disableUrlParamManagement = false, returnToHomeUrl, customRecipientLabel, returnHomeLabel, classes, allowDirectTransfer = false, destinationTokenAmount, }) {
+function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationTokenChainId, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, onTokenSelect, onSuccess, customUsdInputValues, hideHeader, hideBottomNavigation = false, disableUrlParamManagement = false, returnToHomeUrl, customRecipientLabel, returnHomeLabel, classes, allowDirectTransfer = false, destinationTokenAmount, callbackMetadata, }) {
     const searchParams = useSearchParamsSSR();
     const router = useRouter();
     const { partnerId } = useB3Config();
@@ -65,8 +66,6 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     // Add refs to track URL state
     const initialUrlProcessed = useRef(false);
     const lastUrlUpdate = useRef(null);
-    // Track if onSuccess has been called for the current order
-    const onSuccessCalled = useRef(false);
     // Track animation direction for TransitionPanel
     const animationDirection = useRef(null);
     // Track previous panel for proper back navigation
@@ -486,18 +485,8 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
             }
         }
     }, [anyspendQuote, isSrcInputDirty, destinationTokenAmount]);
-    useEffect(() => {
-        if (oat?.data?.order.status === "executed" && !onSuccessCalled.current) {
-            console.log("Calling onSuccess");
-            const txHash = oat?.data?.executeTx?.txHash;
-            onSuccess?.(txHash);
-            onSuccessCalled.current = true;
-        }
-    }, [oat?.data?.order.status, oat?.data?.executeTx?.txHash, onSuccess]);
-    // Reset flag when orderId changes
-    useEffect(() => {
-        onSuccessCalled.current = false;
-    }, [orderId]);
+    // Call onSuccess when order is executed
+    useOnOrderSuccess({ orderData: oat, orderId, onSuccess });
     const { createOrder, isCreatingOrder } = useAnyspendCreateOrder({
         onSuccess: data => {
             const orderId = data.data.id;
@@ -724,6 +713,7 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                 srcAmount: srcAmountBigInt.toString(),
                 expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount || "0",
                 creatorAddress: globalAddress,
+                callbackMetadata,
             });
         }
         catch (err) {
@@ -798,6 +788,7 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                 },
                 expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount?.toString() || "0",
                 creatorAddress: globalAddress,
+                callbackMetadata,
             });
         }
         catch (err) {
@@ -884,7 +875,7 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                             // Reset payment methods when switching tabs
                             resetPaymentMethods();
                             setSelectedFiatPaymentMethod(FiatPaymentMethod.NONE);
-                        }, setSelectedCryptoPaymentMethod: setSelectedCryptoPaymentMethod, setSelectedFiatPaymentMethod: setSelectedFiatPaymentMethod }), _jsxs("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: [activeTab === "crypto" ? (_jsx(CryptoPaySection, { selectedSrcChainId: selectedSrcChainId, setSelectedSrcChainId: setSelectedSrcChainId, selectedSrcToken: selectedSrcToken, setSelectedSrcToken: setSelectedSrcToken, srcAmount: srcAmount, setSrcAmount: setSrcAmount, isSrcInputDirty: isSrcInputDirty, setIsSrcInputDirty: setIsSrcInputDirty, selectedCryptoPaymentMethod: effectiveCryptoPaymentMethod, onSelectCryptoPaymentMethod: () => navigateToPanel(PanelView.CRYPTO_PAYMENT_METHOD, "forward"), anyspendQuote: anyspendQuote, onTokenSelect: onTokenSelect, onShowFeeDetail: () => navigateToPanel(PanelView.FEE_DETAIL, "forward"), skipAutoMaxOnTokenChange: !!destinationTokenAmount })) : (_jsx(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, children: _jsx(PanelOnramp, { srcAmountOnRamp: srcAmountOnRamp, setSrcAmountOnRamp: setSrcAmountOnRamp, selectedPaymentMethod: selectedFiatPaymentMethod, setActivePanel: (panelIndex) => {
+                        }, setSelectedCryptoPaymentMethod: setSelectedCryptoPaymentMethod, setSelectedFiatPaymentMethod: setSelectedFiatPaymentMethod }), _jsxs("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: [activeTab === "crypto" ? (_jsx(CryptoPaySection, { selectedSrcChainId: selectedSrcChainId, setSelectedSrcChainId: setSelectedSrcChainId, selectedSrcToken: selectedSrcToken, setSelectedSrcToken: setSelectedSrcToken, srcAmount: srcAmount, setSrcAmount: setSrcAmount, isSrcInputDirty: isSrcInputDirty, setIsSrcInputDirty: setIsSrcInputDirty, selectedCryptoPaymentMethod: effectiveCryptoPaymentMethod, onSelectCryptoPaymentMethod: () => navigateToPanel(PanelView.CRYPTO_PAYMENT_METHOD, "forward"), anyspendQuote: anyspendQuote, onTokenSelect: onTokenSelect, onShowFeeDetail: () => navigateToPanel(PanelView.FEE_DETAIL, "forward") })) : (_jsx(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, children: _jsx(PanelOnramp, { srcAmountOnRamp: srcAmountOnRamp, setSrcAmountOnRamp: setSrcAmountOnRamp, selectedPaymentMethod: selectedFiatPaymentMethod, setActivePanel: (panelIndex) => {
                                         // Map panel index to navigation with direction
                                         const panelsWithForwardNav = [PanelView.FIAT_PAYMENT_METHOD, PanelView.RECIPIENT_SELECTION];
                                         if (panelsWithForwardNav.includes(panelIndex)) {

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,27 +26,22 @@ 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";
+import { BUY_PACKS_FOR_ABI, BUY_PACKS_FOR_WITH_DISCOUNT_ABI, GET_DISCOUNT_CODE_ABI, IS_DISCOUNT_CODE_VALID_FOR_PACK_ABI, } from "./ccShopAbi.js";
 // 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",
-};
-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, }) {
+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 +53,130 @@ 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),
+        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,
+                        abi: [IS_DISCOUNT_CODE_VALID_FOR_PACK_ABI],
+                        functionName: "isDiscountCodeValidForPack",
+                        args: [discountCode, BigInt(packId)],
+                    }),
+                    basePublicClient.readContract({
+                        address: ccShopAddress,
+                        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")
+        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 +184,36 @@ 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 &&
+        discountInfo.minPurchaseAmount > BigInt(0) &&
+        BigInt(packAmount) < discountInfo.minPurchaseAmount) {
+        return (_jsx("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: _jsxs("p", { className: "text-sm text-red-500", children: ["Minimum purchase of ", discountInfo.minPurchaseAmount.toString(), " pack", discountInfo.minPurchaseAmount > BigInt(1) ? "s" : "", " required for this discount code"] }) }));
+    }
+    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 }));
 }