@b3dotfun/sdk 0.1.65 → 0.1.66-alpha.1

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/app.shared.js

@@ -8,6 +8,7 @@ const authentication_client_1 = require("@feathersjs/authentication-client");
 const js_cookie_1 = __importDefault(require("js-cookie"));
 const constants_1 = require("./shared/constants");
 exports.B3_API_URL = process.env.EXPO_PUBLIC_B3_API || process.env.NEXT_PUBLIC_B3_API || process.env.PUBLIC_B3_API || "https://api.b3.fun";
+const DEV_USER_GROUP = 4;
 const authenticate = async (app, accessToken, identityToken, params) => {
     const fullToken = `${accessToken}+${identityToken}`;
     // Do not authenticate if there is no token
@@ -22,6 +23,13 @@ const authenticate = async (app, accessToken, identityToken, params) => {
         }, {
             query: params || {},
         });
+        // Extend cookie expiration to 30 days for dev users
+        if (response?.user?.userGroups?.includes(DEV_USER_GROUP)) {
+            const token = js_cookie_1.default.get(constants_1.B3_AUTH_COOKIE_NAME);
+            if (token) {
+                js_cookie_1.default.set(constants_1.B3_AUTH_COOKIE_NAME, token, { expires: 30 });
+            }
+        }
         return response;
     }
     catch (error) {

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/useFirstEOA.d.ts

@@ -7451,6 +7451,8 @@ export declare function useFirstEOA(chain?: {
             [x: `bool[${string}]`]: undefined;
             [x: `bytes[${string}]`]: undefined;
             [x: `bytes1[${string}]`]: undefined;
+            [x: `bytes4[${string}]`]: undefined;
+            [x: `bytes30[${string}]`]: undefined;
             [x: `bytes18[${string}]`]: undefined;
             [x: `bytes6[${string}]`]: undefined;
             [x: `bytes9[${string}]`]: undefined;
@@ -7458,7 +7460,6 @@ export declare function useFirstEOA(chain?: {
             [x: `bytes10[${string}]`]: undefined;
             [x: `bytes2[${string}]`]: undefined;
             [x: `bytes3[${string}]`]: undefined;
-            [x: `bytes4[${string}]`]: undefined;
             [x: `bytes5[${string}]`]: undefined;
             [x: `bytes7[${string}]`]: undefined;
             [x: `bytes11[${string}]`]: undefined;
@@ -7479,7 +7480,6 @@ export declare function useFirstEOA(chain?: {
             [x: `bytes27[${string}]`]: undefined;
             [x: `bytes28[${string}]`]: undefined;
             [x: `bytes29[${string}]`]: undefined;
-            [x: `bytes30[${string}]`]: undefined;
             [x: `bytes31[${string}]`]: undefined;
             [x: `bytes32[${string}]`]: undefined;
             [x: `int[${string}]`]: undefined;
@@ -7553,6 +7553,8 @@ export declare function useFirstEOA(chain?: {
             bool?: undefined;
             bytes?: undefined;
             bytes1?: undefined;
+            bytes4?: undefined;
+            bytes30?: undefined;
             bytes18?: undefined;
             bytes6?: undefined;
             bytes9?: undefined;
@@ -7560,7 +7562,6 @@ export declare function useFirstEOA(chain?: {
             bytes10?: undefined;
             bytes2?: undefined;
             bytes3?: undefined;
-            bytes4?: undefined;
             bytes5?: undefined;
             bytes7?: undefined;
             bytes11?: undefined;
@@ -7581,7 +7582,6 @@ export declare function useFirstEOA(chain?: {
             bytes27?: undefined;
             bytes28?: undefined;
             bytes29?: undefined;
-            bytes30?: undefined;
             bytes31?: undefined;
             bytes32?: undefined;
             int56?: undefined;

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;