@b3dotfun/sdk 0.0.70 → 0.0.71-alpha.1

package/dist/cjs/anyspend/index.d.ts

@@ -6,6 +6,7 @@ export * from "./utils/json";
 export * from "./utils/number";
 export * from "./utils/string";
 export * from "./utils/token";
+export * from "./utils/validation";
 export * from "./constants";
 export * from "./abis/abiUsdcBase";
 export * from "./abis/erc20Staking";

package/dist/cjs/anyspend/index.js

@@ -24,6 +24,7 @@ __exportStar(require("./utils/json"), exports);
 __exportStar(require("./utils/number"), exports);
 __exportStar(require("./utils/string"), exports);
 __exportStar(require("./utils/token"), exports);
+__exportStar(require("./utils/validation"), exports);
 // Constants
 __exportStar(require("./constants"), exports);
 // Abis

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

@@ -0,0 +1,57 @@
+import { components } from "../../../anyspend/types/api";
+import { GetQuoteResponse } from "../../../anyspend/types/api_req_res";
+import React from "react";
+export interface AnySpendCollectorClubPurchaseProps {
+    /**
+     * Optional order ID to load existing order
+     */
+    loadOrder?: string;
+    /**
+     * Display mode
+     */
+    mode?: "modal" | "page";
+    /**
+     * Active tab (crypto or fiat payment)
+     */
+    activeTab?: "crypto" | "fiat";
+    /**
+     * The pack ID to purchase
+     */
+    packId: number;
+    /**
+     * The number of packs to purchase
+     */
+    packAmount: number;
+    /**
+     * Price per pack in wei (e.g., "10000" for 0.01 USDC with 6 decimals)
+     */
+    pricePerPack: string;
+    /**
+     * The payment token (defaults to USDC on Base)
+     */
+    paymentToken?: components["schemas"]["Token"];
+    /**
+     * Address that will receive the packs
+     */
+    recipientAddress: string;
+    /**
+     * Optional spender address (defaults to contract address)
+     */
+    spenderAddress?: string;
+    /**
+     * Success callback
+     */
+    onSuccess?: (txHash?: string) => void;
+    /**
+     * Optional custom header component
+     */
+    header?: (props: {
+        anyspendPrice: GetQuoteResponse | undefined;
+        isLoadingAnyspendPrice: boolean;
+    }) => React.JSX.Element;
+    /**
+     * Show recipient selection (default: true)
+     */
+    showRecipient?: boolean;
+}
+export declare function AnySpendCollectorClubPurchase({ loadOrder, mode, activeTab, packId, packAmount, pricePerPack, paymentToken, recipientAddress, spenderAddress, onSuccess, header, showRecipient, }: AnySpendCollectorClubPurchaseProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnySpendCollectorClubPurchase = AnySpendCollectorClubPurchase;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * AnySpend component for Collector Club pack purchases
+ *
+ * This component enables users to purchase Collector Club packs using any token via AnySpend.
+ * It calls the `buyPacksFor` function on the Collector Club Shop contract on Base.
+ * Uses exact-out flow to ensure the contract receives exactly the required USDC amount.
+ *
+ * @example
+ * ```tsx
+ * import { AnySpendCollectorClubPurchase } from "../../..";
+ * import { USDC_BASE } from "../../../anyspend/constants";
+ *
+ * function MyComponent() {
+ *   return (
+ *     <AnySpendCollectorClubPurchase
+ *       packId={1}
+ *       packAmount={5}
+ *       pricePerPack="10000" // 0.01 USDC in wei (6 decimals)
+ *       paymentToken={USDC_BASE}
+ *       recipientAddress="0x123..."
+ *       onSuccess={(txHash) => console.log("Purchase successful!", txHash)}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+const constants_1 = require("../../../anyspend/constants");
+const react_1 = require("react");
+const viem_1 = require("viem");
+const AnySpendCustom_1 = require("./AnySpendCustom");
+// Collector Club Shop contract on Base
+const CC_SHOP_ADDRESS = "0x68B32D594E3c7E5B8cd8046BD66AfB0DB5b9BF9c";
+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",
+};
+function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab = "crypto", packId, packAmount, pricePerPack, paymentToken = constants_1.USDC_BASE, recipientAddress, spenderAddress = CC_SHOP_ADDRESS, onSuccess, header, showRecipient = true, }) {
+    // Calculate total amount needed (pricePerPack * packAmount)
+    const totalAmount = (0, react_1.useMemo)(() => {
+        try {
+            return (BigInt(pricePerPack) * BigInt(packAmount)).toString();
+        }
+        catch (error) {
+            console.error("Failed to calculate total amount from props", { pricePerPack, packAmount, error });
+            return "0";
+        }
+    }, [pricePerPack, packAmount]);
+    // Encode the buyPacksFor function call
+    const encodedData = (0, react_1.useMemo)(() => {
+        try {
+            return (0, viem_1.encodeFunctionData)({
+                abi: [BUY_PACKS_FOR_ABI],
+                functionName: "buyPacksFor",
+                args: [recipientAddress, BigInt(packId), BigInt(packAmount)],
+            });
+        }
+        catch (error) {
+            console.error("Failed to encode function data", { recipientAddress, packId, packAmount, error });
+            return "0x";
+        }
+    }, [recipientAddress, packId, packAmount]);
+    // 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, orderType: "custom", dstChainId: BASE_CHAIN_ID, dstToken: paymentToken, dstAmount: totalAmount, contractAddress: CC_SHOP_ADDRESS, encodedData: encodedData, metadata: {
+            packId,
+            packAmount,
+            pricePerPack,
+        }, header: header || defaultHeader, onSuccess: onSuccess, showRecipient: showRecipient }));
+}

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

@@ -393,7 +393,9 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                 });
             }
             else {
-                void createRegularOrder(createOrderParams);
+                void createRegularOrder({
+                    ...createOrderParams,
+                });
             }
         }
         catch (err) {

package/dist/cjs/anyspend/react/components/index.d.ts

@@ -1,6 +1,7 @@
 export { AnySpend } from "./AnySpend";
 export { AnySpendBondKit } from "./AnySpendBondKit";
 export { AnySpendBuySpin } from "./AnySpendBuySpin";
+export { AnySpendCollectorClubPurchase } from "./AnySpendCollectorClubPurchase";
 export { AnySpendCustom } from "./AnySpendCustom";
 export { AnySpendCustomExactIn } from "./AnySpendCustomExactIn";
 export { AnySpendDepositHype, HYPE_TOKEN_DETAILS } from "./AnyspendDepositHype";

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

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebviewOnrampPayment = exports.WebviewOnrampOrderStatus = exports.TransferCryptoDetails = exports.TokenBalance = exports.StepProgress = exports.RecipientSelection = exports.OrderTokenAmount = exports.OrderToken = exports.OrderStatus = exports.OrderHistoryItem = exports.OrderHistory = exports.OrderDetailsCollapsible = exports.OrderDetails = exports.CryptoReceiveSection = exports.CryptoPaySection = exports.ChainTokenIcon = exports.AnySpendNFTButton = exports.AnySpendTournament = exports.AnySpendStakeUpsideExactIn = exports.AnySpendStakeUpside = exports.AnySpendStakeB3ExactIn = exports.AnySpendStakeB3 = exports.AnyspendSignatureMint = exports.AnySpendNFT = exports.HYPE_TOKEN_DETAILS = exports.AnySpendDepositHype = exports.AnySpendCustomExactIn = exports.AnySpendCustom = exports.AnySpendBuySpin = exports.AnySpendBondKit = exports.AnySpend = void 0;
+exports.WebviewOnrampPayment = exports.WebviewOnrampOrderStatus = exports.TransferCryptoDetails = exports.TokenBalance = exports.StepProgress = exports.RecipientSelection = exports.OrderTokenAmount = exports.OrderToken = exports.OrderStatus = exports.OrderHistoryItem = exports.OrderHistory = exports.OrderDetailsCollapsible = exports.OrderDetails = exports.CryptoReceiveSection = exports.CryptoPaySection = exports.ChainTokenIcon = exports.AnySpendNFTButton = exports.AnySpendTournament = exports.AnySpendStakeUpsideExactIn = exports.AnySpendStakeUpside = exports.AnySpendStakeB3ExactIn = exports.AnySpendStakeB3 = exports.AnyspendSignatureMint = exports.AnySpendNFT = exports.HYPE_TOKEN_DETAILS = exports.AnySpendDepositHype = exports.AnySpendCustomExactIn = exports.AnySpendCustom = exports.AnySpendCollectorClubPurchase = exports.AnySpendBuySpin = exports.AnySpendBondKit = exports.AnySpend = void 0;
 // Components
 var AnySpend_1 = require("./AnySpend");
 Object.defineProperty(exports, "AnySpend", { enumerable: true, get: function () { return AnySpend_1.AnySpend; } });
@@ -22,6 +22,8 @@ var AnySpendBondKit_1 = require("./AnySpendBondKit");
 Object.defineProperty(exports, "AnySpendBondKit", { enumerable: true, get: function () { return AnySpendBondKit_1.AnySpendBondKit; } });
 var AnySpendBuySpin_1 = require("./AnySpendBuySpin");
 Object.defineProperty(exports, "AnySpendBuySpin", { enumerable: true, get: function () { return AnySpendBuySpin_1.AnySpendBuySpin; } });
+var AnySpendCollectorClubPurchase_1 = require("./AnySpendCollectorClubPurchase");
+Object.defineProperty(exports, "AnySpendCollectorClubPurchase", { enumerable: true, get: function () { return AnySpendCollectorClubPurchase_1.AnySpendCollectorClubPurchase; } });
 var AnySpendCustom_1 = require("./AnySpendCustom");
 Object.defineProperty(exports, "AnySpendCustom", { enumerable: true, get: function () { return AnySpendCustom_1.AnySpendCustom; } });
 var AnySpendCustomExactIn_1 = require("./AnySpendCustomExactIn");

package/dist/cjs/anyspend/react/components/webview/WebviewOnrampPayment.js

@@ -90,7 +90,7 @@ function StripePaymentForm({ order, onPaymentSuccess, }) {
                                 },
                             } }) })), error && ((0, jsx_runtime_1.jsx)("div", { className: "mt-4 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-600", children: error })), (0, jsx_runtime_1.jsx)("button", { type: "submit", disabled: !stripe || isProcessing, className: "mt-6 w-full rounded-xl bg-blue-600 px-4 py-3 font-medium text-white hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50", children: isProcessing ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-5 w-5 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { children: "Processing..." })] })) : ((0, jsx_runtime_1.jsx)("span", { children: "Complete Payment" })) })] }) }) }));
 }
-function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, partnerId, }) {
+function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, }) {
     const [createdOrder, setCreatedOrder] = (0, react_3.useState)(null);
     const orderCreationAttempted = (0, react_3.useRef)(false);
     const { geoData, stripeWeb2Support, isLoading: isLoadingGeoOnramp } = (0, react_1.useGeoOnrampOptions)(srcAmountOnRamp);
@@ -136,7 +136,6 @@ function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinat
                             redirectUrl: `${window.location.origin}${userId ? `?userId=${userId}` : ""}`,
                         },
                         expectedDstAmount: anyspendQuote.data?.currencyOut?.amount?.toString() || "0",
-                        partnerId,
                     });
                 }
                 catch (err) {
@@ -154,7 +153,6 @@ function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinat
         createOrder,
         destinationToken,
         userId,
-        partnerId,
         stripeWeb2Support.isSupport,
     ]);
     // Check if all required data is loaded

package/dist/cjs/anyspend/react/hooks/useAnyspendCreateOnrampOrder.js

@@ -4,16 +4,22 @@ exports.useAnyspendCreateOnrampOrder = useAnyspendCreateOnrampOrder;
 const constants_1 = require("../../../anyspend/constants");
 const anyspend_1 = require("../../../anyspend/services/anyspend");
 const utils_1 = require("../../../anyspend/utils");
+const react_1 = require("../../../global-account/react");
 const fingerprintjs_pro_react_1 = require("@fingerprintjs/fingerprintjs-pro-react");
 const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("react");
+const react_2 = require("react");
 const viem_1 = require("viem");
 const chains_1 = require("viem/chains");
+const useValidatedClientReferenceId_1 = require("./useValidatedClientReferenceId");
 /**
  * Hook for creating onramp orders in the Anyspend protocol
  * Specifically handles orders that involve fiat-to-crypto onramp functionality
  */
 function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
+    // Get B3 context values
+    const { partnerId } = (0, react_1.useB3)();
+    // Get validated client reference ID from B3 context
+    const validatedClientReferenceId = (0, useValidatedClientReferenceId_1.useValidatedClientReferenceId)();
     // Get fingerprint data
     const { data: fpData } = (0, fingerprintjs_pro_react_1.useVisitorData)({ extendedResult: true }, { immediate: true });
     const visitorData = fpData && {
@@ -22,7 +28,7 @@ function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
     };
     const { mutate: createOrder, isPending } = (0, react_query_1.useMutation)({
         mutationFn: async (params) => {
-            const { recipientAddress, orderType, dstChain, dstToken, srcFiatAmount, onramp, creatorAddress, expectedDstAmount, nft, tournament, payload, partnerId, } = params;
+            const { recipientAddress, orderType, dstChain, dstToken, srcFiatAmount, onramp, creatorAddress, expectedDstAmount, nft, tournament, payload, } = params;
             try {
                 // Validate required onramp fields
                 if (!onramp.vendor || !onramp.country) {
@@ -65,6 +71,7 @@ function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
                     }),
                     creatorAddress: creatorAddress ? (0, utils_1.normalizeAddress)(creatorAddress) : undefined,
                     partnerId,
+                    clientReferenceId: validatedClientReferenceId,
                     visitorData,
                 });
             }
@@ -84,7 +91,7 @@ function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
             onError?.(error);
         },
     });
-    return (0, react_1.useMemo)(() => ({
+    return (0, react_2.useMemo)(() => ({
         createOrder,
         isCreatingOrder: isPending,
     }), [createOrder, isPending]);

package/dist/cjs/anyspend/react/hooks/useAnyspendCreateOrder.d.ts

@@ -17,7 +17,6 @@ export type CreateOrderParams = {
     };
     creatorAddress?: string;
     payload?: any;
-    partnerId?: string;
 };
 export type UseAnyspendCreateOrderProps = {
     onSuccess?: (data: any) => void;

package/dist/cjs/anyspend/react/hooks/useAnyspendCreateOrder.js

@@ -3,15 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAnyspendCreateOrder = useAnyspendCreateOrder;
 const anyspend_1 = require("../../../anyspend/services/anyspend");
 const utils_1 = require("../../../anyspend/utils");
+const react_1 = require("../../../global-account/react");
 const fingerprintjs_pro_react_1 = require("@fingerprintjs/fingerprintjs-pro-react");
 const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("react");
+const react_2 = require("react");
+const useValidatedClientReferenceId_1 = require("./useValidatedClientReferenceId");
 /**
  * Hook for creating orders in the Anyspend protocol
  * Handles regular order creation for swaps, NFT minting, tournament participation, etc.
  * For onramp orders, use useAnyspendCreateOnrampOrder instead.
  */
 function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
+    // Get B3 context values
+    const { partnerId } = (0, react_1.useB3)();
+    // Get validated client reference ID from B3 context
+    const validatedClientReferenceId = (0, useValidatedClientReferenceId_1.useValidatedClientReferenceId)();
     // Get fingerprint data
     const { data: fpData } = (0, fingerprintjs_pro_react_1.useVisitorData)({ extendedResult: true }, { immediate: true });
     const visitorData = fpData && {
@@ -53,6 +59,8 @@ function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
                         },
                     }),
                     creatorAddress: creatorAddress ? (0, utils_1.normalizeAddress)(creatorAddress) : undefined,
+                    partnerId,
+                    clientReferenceId: validatedClientReferenceId,
                     visitorData,
                 });
             }
@@ -72,7 +80,7 @@ function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
             onError?.(error);
         },
     });
-    return (0, react_1.useMemo)(() => ({
+    return (0, react_2.useMemo)(() => ({
         createOrder,
         isCreatingOrder: isPending,
     }), [createOrder, isPending]);

package/dist/cjs/anyspend/react/hooks/useAnyspendOrderHistory.d.ts

@@ -16,6 +16,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -45,6 +46,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -74,6 +76,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -103,6 +106,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -132,6 +136,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -161,6 +166,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -190,6 +196,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -219,6 +226,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -251,6 +259,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -280,6 +289,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -309,6 +319,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -338,6 +349,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -367,6 +379,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -396,6 +409,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -425,6 +439,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;
@@ -454,6 +469,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         receivedDepositAt: number | null;
         creatorAddress: string | null;
         partnerId: string | null;
+        clientReferenceId?: string | null;
         onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
         oneClickBuyUrl: string | null;
         stripePaymentIntentId: string | null;

package/dist/cjs/anyspend/react/hooks/useSigMint.d.ts

@@ -48,8 +48,8 @@ export declare const useGenerateSigMintData: ({ recipientAddress, contractAddres
             creatorMap?: {} | undefined;
             chainId: number;
             address: string;
-            title: string;
             _id: string | {};
+            title: string;
         };
     } | null;
     error: Error | null;

package/dist/cjs/anyspend/react/hooks/useValidatedClientReferenceId.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hook that provides a validated client reference ID
+ * Gets the createClientReferenceId function from B3 context and validates the result
+ */
+export declare function useValidatedClientReferenceId(): string | undefined;

package/dist/cjs/anyspend/react/hooks/useValidatedClientReferenceId.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useValidatedClientReferenceId = useValidatedClientReferenceId;
+const validation_1 = require("../../../anyspend/utils/validation");
+const react_1 = require("../../../global-account/react");
+const react_2 = require("react");
+/**
+ * Hook that provides a validated client reference ID
+ * Gets the createClientReferenceId function from B3 context and validates the result
+ */
+function useValidatedClientReferenceId() {
+    const { createClientReferenceId } = (0, react_1.useB3)();
+    const validatedClientReferenceId = (0, react_2.useMemo)(() => {
+        // If no function provided, return undefined
+        if (!createClientReferenceId) {
+            return undefined;
+        }
+        try {
+            // Call the function to generate the ID
+            const generatedId = createClientReferenceId();
+            // Validate the generated ID
+            const validation = validation_1.Validators.clientReferenceId(generatedId);
+            if (!validation.isValid) {
+                console.error(`[AnySpend] Invalid clientReferenceId generated: ${validation.error || "Validation failed"}. Will be set to undefined.`);
+                return undefined;
+            }
+            return validation.cleaned;
+        }
+        catch (error) {
+            console.error("[AnySpend] Error generating clientReferenceId:", error);
+            return undefined;
+        }
+    }, [createClientReferenceId]);
+    return validatedClientReferenceId;
+}

package/dist/cjs/anyspend/services/anyspend.d.ts

@@ -6,7 +6,7 @@ export declare const anyspendService: {
     getTokenList: (chainId: number, query: string) => Promise<components["schemas"]["Token"][]>;
     getToken: (chainId: number, tokenAddress: string) => Promise<components["schemas"]["Token"]>;
     getQuote: (req: GetQuoteRequest) => Promise<GetQuoteResponse>;
-    createOrder: ({ recipientAddress, type, srcChain, dstChain, srcTokenAddress, dstTokenAddress, srcAmount, payload, onramp, metadata, creatorAddress, partnerId, visitorData, }: {
+    createOrder: ({ recipientAddress, type, srcChain, dstChain, srcTokenAddress, dstTokenAddress, srcAmount, payload, onramp, metadata, creatorAddress, partnerId, clientReferenceId, visitorData, }: {
         recipientAddress: string;
         type: string;
         srcChain: number;
@@ -19,6 +19,7 @@ export declare const anyspendService: {
         metadata: Record<string, any>;
         creatorAddress?: string;
         partnerId?: string;
+        clientReferenceId?: string;
         visitorData?: VisitorData;
     }) => Promise<{
         success: boolean;

package/dist/cjs/anyspend/services/anyspend.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.anyspendService = void 0;
 const constants_1 = require("../../anyspend/constants");
 const utils_1 = require("../../anyspend/utils");
+const app_1 = __importDefault(require("../../global-account/app"));
 const invariant_1 = __importDefault(require("invariant"));
 // Service functions
 exports.anyspendService = {
@@ -41,13 +42,15 @@ exports.anyspendService = {
         return data;
     },
     // Order related
-    createOrder: async ({ recipientAddress, type, srcChain, dstChain, srcTokenAddress, dstTokenAddress, srcAmount, payload, onramp, metadata, creatorAddress, partnerId, visitorData, }) => {
+    createOrder: async ({ recipientAddress, type, srcChain, dstChain, srcTokenAddress, dstTokenAddress, srcAmount, payload, onramp, metadata, creatorAddress, partnerId, clientReferenceId, visitorData, }) => {
+        const accessToken = await app_1.default.authentication.getAccessToken();
         const response = await fetch(`${constants_1.ANYSPEND_MAINNET_BASE_URL}/orders`, {
             method: "POST",
             headers: {
                 "Content-Type": "application/json",
                 ...(visitorData?.requestId && { "X-Fingerprint-Request-Id": visitorData.requestId }),
                 ...(visitorData?.visitorId && { "X-Fingerprint-Visitor-Id": visitorData.visitorId }),
+                ...(accessToken && { Authorization: `Bearer ${accessToken}` }),
             },
             body: JSON.stringify({
                 recipientAddress,
@@ -62,6 +65,7 @@ exports.anyspendService = {
                 metadata,
                 creatorAddress,
                 partnerId,
+                ...(clientReferenceId && { clientReferenceId }),
             }),
         });
         const data = await response.json();