@b3dotfun/sdk 0.0.72 → 0.0.73-alpha.0

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

@@ -53,5 +53,13 @@ export interface AnySpendCollectorClubPurchaseProps {
      * Show recipient selection (default: true)
      */
     showRecipient?: boolean;
+    /**
+     * The vending machine ID
+     */
+    vendingMachineId: string;
+    /**
+     * The partner ID
+     */
+    packType: string;
 }
-export declare function AnySpendCollectorClubPurchase({ loadOrder, mode, activeTab, packId, packAmount, pricePerPack, paymentToken, recipientAddress, spenderAddress, onSuccess, header, showRecipient, }: AnySpendCollectorClubPurchaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnySpendCollectorClubPurchase({ loadOrder, mode, activeTab, packId, packAmount, pricePerPack, paymentToken, recipientAddress, spenderAddress, onSuccess, header, showRecipient, vendingMachineId, packType, }: AnySpendCollectorClubPurchaseProps): import("react/jsx-runtime").JSX.Element;

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

@@ -47,7 +47,7 @@ const BUY_PACKS_FOR_ABI = {
     stateMutability: "nonpayable",
     type: "function",
 };
-function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab = "crypto", packId, packAmount, pricePerPack, paymentToken = constants_1.USDC_BASE, recipientAddress, spenderAddress = CC_SHOP_ADDRESS, onSuccess, header, showRecipient = true, }) {
+function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab = "crypto", packId, packAmount, pricePerPack, paymentToken = constants_1.USDC_BASE, recipientAddress, spenderAddress = CC_SHOP_ADDRESS, onSuccess, header, showRecipient = true, vendingMachineId, packType, }) {
     // Calculate total amount needed (pricePerPack * packAmount)
     const totalAmount = (0, react_1.useMemo)(() => {
         try {
@@ -78,5 +78,7 @@ function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab =
             packId,
             packAmount,
             pricePerPack,
+            vendingMachineId,
+            packType,
         }, header: header || defaultHeader, onSuccess: onSuccess, showRecipient: showRecipient }));
 }

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

@@ -371,6 +371,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                         to: contractAddress,
                     }
                     : undefined,
+                metadata,
             };
             if (onramp) {
                 const effectiveSrcToken = activeTab === "fiat" ? constants_1.USDC_BASE : srcToken;

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

@@ -19,7 +19,7 @@ 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)();
+    const createValidatedClientReferenceId = (0, useValidatedClientReferenceId_1.useValidatedClientReferenceId)();
     // Get fingerprint data
     const { data: fpData } = (0, fingerprintjs_pro_react_1.useVisitorData)({ extendedResult: true }, { immediate: true });
     const visitorData = fpData && {
@@ -29,6 +29,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, } = params;
+            const clientReferenceId = await createValidatedClientReferenceId(params);
             try {
                 // Validate required onramp fields
                 if (!onramp.vendor || !onramp.country) {
@@ -71,7 +72,7 @@ function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
                     }),
                     creatorAddress: creatorAddress ? (0, utils_1.normalizeAddress)(creatorAddress) : undefined,
                     partnerId,
-                    clientReferenceId: validatedClientReferenceId,
+                    clientReferenceId,
                     visitorData,
                 });
             }

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

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

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

@@ -17,7 +17,7 @@ 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)();
+    const createValidatedClientReferenceId = (0, useValidatedClientReferenceId_1.useValidatedClientReferenceId)();
     // Get fingerprint data
     const { data: fpData } = (0, fingerprintjs_pro_react_1.useVisitorData)({ extendedResult: true }, { immediate: true });
     const visitorData = fpData && {
@@ -27,6 +27,7 @@ function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
     const { mutate: createOrder, isPending } = (0, react_query_1.useMutation)({
         mutationFn: async (params) => {
             const { recipientAddress, orderType, srcChain, dstChain, srcToken, dstToken, srcAmount, creatorAddress } = params;
+            const clientReferenceId = await createValidatedClientReferenceId(params);
             try {
                 return await anyspend_1.anyspendService.createOrder({
                     recipientAddress: (0, utils_1.normalizeAddress)(recipientAddress),
@@ -60,7 +61,7 @@ function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
                     }),
                     creatorAddress: creatorAddress ? (0, utils_1.normalizeAddress)(creatorAddress) : undefined,
                     partnerId,
-                    clientReferenceId: validatedClientReferenceId,
+                    clientReferenceId,
                     visitorData,
                 });
             }

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

@@ -1,5 +1,7 @@
+import { CreateOnrampOrderParams } from "./useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "./useAnyspendCreateOrder";
 /**
  * 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;
+export declare function useValidatedClientReferenceId(): (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string | undefined>;

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

@@ -10,14 +10,14 @@ const react_2 = require("react");
  */
 function useValidatedClientReferenceId() {
     const { createClientReferenceId } = (0, react_1.useB3)();
-    const validatedClientReferenceId = (0, react_2.useMemo)(() => {
+    const createValidatedClientReferenceId = (0, react_2.useCallback)(async (params) => {
         // If no function provided, return undefined
         if (!createClientReferenceId) {
             return undefined;
         }
         try {
             // Call the function to generate the ID
-            const generatedId = createClientReferenceId();
+            const generatedId = await createClientReferenceId(params);
             // Validate the generated ID
             const validation = validation_1.Validators.clientReferenceId(generatedId);
             if (!validation.isValid) {
@@ -31,5 +31,5 @@ function useValidatedClientReferenceId() {
             return undefined;
         }
     }, [createClientReferenceId]);
-    return validatedClientReferenceId;
+    return createValidatedClientReferenceId;
 }

package/dist/cjs/global-account/react/components/B3Provider/B3Provider.d.ts

@@ -1,3 +1,5 @@
+import { CreateOnrampOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOrder";
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
 import "@relayprotocol/relay-kit-ui/styles.css";
 import { Account, Wallet } from "thirdweb/wallets";
@@ -24,7 +26,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
     connectors?: CreateConnectorFn[];
     overrideDefaultConnectors?: boolean;
-    createClientReferenceId?: () => string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Inner provider component that provides the actual B3Context
@@ -38,5 +40,5 @@ export declare function InnerProvider({ children, accountOverride, environment,
     theme: "light" | "dark";
     clientType?: ClientType;
     partnerId: string;
-    createClientReferenceId?: () => string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/global-account/react/components/B3Provider/types.d.ts

@@ -1,4 +1,6 @@
 import { Users } from "@b3dotfun/b3-api";
+import { CreateOnrampOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOrder";
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
 import { Account, Wallet } from "thirdweb/wallets";
 import { ClientType } from "../../../client-manager";
@@ -20,7 +22,7 @@ export interface B3ContextType {
     theme: "light" | "dark";
     clientType: ClientType;
     partnerId: string;
-    createClientReferenceId?: () => string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
 }
 /**
  * Context for B3 provider

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

@@ -402,6 +402,10 @@ export interface AnySpendCollectorClubPurchaseProps extends BaseModalProps {
     onSuccess?: (txHash?: string) => void;
     /** Client-provided reference ID for tracking orders */
     clientReferenceId?: string;
+    /** The vending machine ID */
+    vendingMachineId: string;
+    /** The pack type */
+    packType: string;
 }
 /**
  * Union type of all possible modal content types

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

@@ -53,5 +53,13 @@ export interface AnySpendCollectorClubPurchaseProps {
      * Show recipient selection (default: true)
      */
     showRecipient?: boolean;
+    /**
+     * The vending machine ID
+     */
+    vendingMachineId: string;
+    /**
+     * The partner ID
+     */
+    packType: string;
 }
-export declare function AnySpendCollectorClubPurchase({ loadOrder, mode, activeTab, packId, packAmount, pricePerPack, paymentToken, recipientAddress, spenderAddress, onSuccess, header, showRecipient, }: AnySpendCollectorClubPurchaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnySpendCollectorClubPurchase({ loadOrder, mode, activeTab, packId, packAmount, pricePerPack, paymentToken, recipientAddress, spenderAddress, onSuccess, header, showRecipient, vendingMachineId, packType, }: AnySpendCollectorClubPurchaseProps): import("react/jsx-runtime").JSX.Element;

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

@@ -44,7 +44,7 @@ const BUY_PACKS_FOR_ABI = {
     stateMutability: "nonpayable",
     type: "function",
 };
-export function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab = "crypto", packId, packAmount, pricePerPack, paymentToken = USDC_BASE, recipientAddress, spenderAddress = CC_SHOP_ADDRESS, onSuccess, header, showRecipient = true, }) {
+export function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab = "crypto", packId, packAmount, pricePerPack, paymentToken = USDC_BASE, recipientAddress, spenderAddress = CC_SHOP_ADDRESS, onSuccess, header, showRecipient = true, vendingMachineId, packType, }) {
     // Calculate total amount needed (pricePerPack * packAmount)
     const totalAmount = useMemo(() => {
         try {
@@ -75,5 +75,7 @@ export function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activ
             packId,
             packAmount,
             pricePerPack,
+            vendingMachineId,
+            packType,
         }, header: header || defaultHeader, onSuccess: onSuccess, showRecipient: showRecipient }));
 }

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

@@ -332,6 +332,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                         to: contractAddress,
                     }
                     : undefined,
+                metadata,
             };
             if (onramp) {
                 const effectiveSrcToken = activeTab === "fiat" ? USDC_BASE : srcToken;

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

@@ -16,7 +16,7 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
     // Get B3 context values
     const { partnerId } = useB3();
     // Get validated client reference ID from B3 context
-    const validatedClientReferenceId = useValidatedClientReferenceId();
+    const createValidatedClientReferenceId = useValidatedClientReferenceId();
     // Get fingerprint data
     const { data: fpData } = useVisitorData({ extendedResult: true }, { immediate: true });
     const visitorData = fpData && {
@@ -26,6 +26,7 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
     const { mutate: createOrder, isPending } = useMutation({
         mutationFn: async (params) => {
             const { recipientAddress, orderType, dstChain, dstToken, srcFiatAmount, onramp, creatorAddress, expectedDstAmount, nft, tournament, payload, } = params;
+            const clientReferenceId = await createValidatedClientReferenceId(params);
             try {
                 // Validate required onramp fields
                 if (!onramp.vendor || !onramp.country) {
@@ -68,7 +69,7 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
                     }),
                     creatorAddress: creatorAddress ? normalizeAddress(creatorAddress) : undefined,
                     partnerId,
-                    clientReferenceId: validatedClientReferenceId,
+                    clientReferenceId,
                     visitorData,
                 });
             }

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

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

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

@@ -14,7 +14,7 @@ export function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
     // Get B3 context values
     const { partnerId } = useB3();
     // Get validated client reference ID from B3 context
-    const validatedClientReferenceId = useValidatedClientReferenceId();
+    const createValidatedClientReferenceId = useValidatedClientReferenceId();
     // Get fingerprint data
     const { data: fpData } = useVisitorData({ extendedResult: true }, { immediate: true });
     const visitorData = fpData && {
@@ -24,6 +24,7 @@ export function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
     const { mutate: createOrder, isPending } = useMutation({
         mutationFn: async (params) => {
             const { recipientAddress, orderType, srcChain, dstChain, srcToken, dstToken, srcAmount, creatorAddress } = params;
+            const clientReferenceId = await createValidatedClientReferenceId(params);
             try {
                 return await anyspendService.createOrder({
                     recipientAddress: normalizeAddress(recipientAddress),
@@ -57,7 +58,7 @@ export function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
                     }),
                     creatorAddress: creatorAddress ? normalizeAddress(creatorAddress) : undefined,
                     partnerId,
-                    clientReferenceId: validatedClientReferenceId,
+                    clientReferenceId,
                     visitorData,
                 });
             }

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

@@ -1,5 +1,7 @@
+import { CreateOnrampOrderParams } from "./useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "./useAnyspendCreateOrder";
 /**
  * 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;
+export declare function useValidatedClientReferenceId(): (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string | undefined>;

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

@@ -1,20 +1,20 @@
 import { Validators } from "../../../anyspend/utils/validation.js";
 import { useB3 } from "../../../global-account/react/index.js";
-import { useMemo } from "react";
+import { useCallback } from "react";
 /**
  * Hook that provides a validated client reference ID
  * Gets the createClientReferenceId function from B3 context and validates the result
  */
 export function useValidatedClientReferenceId() {
     const { createClientReferenceId } = useB3();
-    const validatedClientReferenceId = useMemo(() => {
+    const createValidatedClientReferenceId = useCallback(async (params) => {
         // If no function provided, return undefined
         if (!createClientReferenceId) {
             return undefined;
         }
         try {
             // Call the function to generate the ID
-            const generatedId = createClientReferenceId();
+            const generatedId = await createClientReferenceId(params);
             // Validate the generated ID
             const validation = Validators.clientReferenceId(generatedId);
             if (!validation.isValid) {
@@ -28,5 +28,5 @@ export function useValidatedClientReferenceId() {
             return undefined;
         }
     }, [createClientReferenceId]);
-    return validatedClientReferenceId;
+    return createValidatedClientReferenceId;
 }

package/dist/esm/global-account/react/components/B3Provider/B3Provider.d.ts

@@ -1,3 +1,5 @@
+import { CreateOnrampOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOrder";
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
 import "@relayprotocol/relay-kit-ui/styles.css";
 import { Account, Wallet } from "thirdweb/wallets";
@@ -24,7 +26,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
     connectors?: CreateConnectorFn[];
     overrideDefaultConnectors?: boolean;
-    createClientReferenceId?: () => string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Inner provider component that provides the actual B3Context
@@ -38,5 +40,5 @@ export declare function InnerProvider({ children, accountOverride, environment,
     theme: "light" | "dark";
     clientType?: ClientType;
     partnerId: string;
-    createClientReferenceId?: () => string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/global-account/react/components/B3Provider/types.d.ts

@@ -1,4 +1,6 @@
 import { Users } from "@b3dotfun/b3-api";
+import { CreateOnrampOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOrder";
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
 import { Account, Wallet } from "thirdweb/wallets";
 import { ClientType } from "../../../client-manager";
@@ -20,7 +22,7 @@ export interface B3ContextType {
     theme: "light" | "dark";
     clientType: ClientType;
     partnerId: string;
-    createClientReferenceId?: () => string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
 }
 /**
  * Context for B3 provider

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

@@ -402,6 +402,10 @@ export interface AnySpendCollectorClubPurchaseProps extends BaseModalProps {
     onSuccess?: (txHash?: string) => void;
     /** Client-provided reference ID for tracking orders */
     clientReferenceId?: string;
+    /** The vending machine ID */
+    vendingMachineId: string;
+    /** The pack type */
+    packType: string;
 }
 /**
  * Union type of all possible modal content types

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

@@ -53,5 +53,13 @@ export interface AnySpendCollectorClubPurchaseProps {
      * Show recipient selection (default: true)
      */
     showRecipient?: boolean;
+    /**
+     * The vending machine ID
+     */
+    vendingMachineId: string;
+    /**
+     * The partner ID
+     */
+    packType: string;
 }
-export declare function AnySpendCollectorClubPurchase({ loadOrder, mode, activeTab, packId, packAmount, pricePerPack, paymentToken, recipientAddress, spenderAddress, onSuccess, header, showRecipient, }: AnySpendCollectorClubPurchaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnySpendCollectorClubPurchase({ loadOrder, mode, activeTab, packId, packAmount, pricePerPack, paymentToken, recipientAddress, spenderAddress, onSuccess, header, showRecipient, vendingMachineId, packType, }: AnySpendCollectorClubPurchaseProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,5 +1,7 @@
+import { CreateOnrampOrderParams } from "./useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "./useAnyspendCreateOrder";
 /**
  * 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;
+export declare function useValidatedClientReferenceId(): (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string | undefined>;

package/dist/types/global-account/react/components/B3Provider/B3Provider.d.ts

@@ -1,3 +1,5 @@
+import { CreateOnrampOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOrder";
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import "@relayprotocol/relay-kit-ui/styles.css";
 import { Account, Wallet } from "thirdweb/wallets";
@@ -24,7 +26,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
     connectors?: CreateConnectorFn[];
     overrideDefaultConnectors?: boolean;
-    createClientReferenceId?: () => string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Inner provider component that provides the actual B3Context
@@ -38,5 +40,5 @@ export declare function InnerProvider({ children, accountOverride, environment,
     theme: "light" | "dark";
     clientType?: ClientType;
     partnerId: string;
-    createClientReferenceId?: () => string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/global-account/react/components/B3Provider/types.d.ts

@@ -1,4 +1,6 @@
 import { Users } from "@b3dotfun/b3-api";
+import { CreateOnrampOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOrder";
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import { Account, Wallet } from "thirdweb/wallets";
 import { ClientType } from "../../../client-manager";
@@ -20,7 +22,7 @@ export interface B3ContextType {
     theme: "light" | "dark";
     clientType: ClientType;
     partnerId: string;
-    createClientReferenceId?: () => string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
 }
 /**
  * Context for B3 provider

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

@@ -402,6 +402,10 @@ export interface AnySpendCollectorClubPurchaseProps extends BaseModalProps {
     onSuccess?: (txHash?: string) => void;
     /** Client-provided reference ID for tracking orders */
     clientReferenceId?: string;
+    /** The vending machine ID */
+    vendingMachineId: string;
+    /** The pack type */
+    packType: string;
 }
 /**
  * Union type of all possible modal content types

package/package.json

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

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

@@ -100,6 +100,14 @@ export interface AnySpendCollectorClubPurchaseProps {
    * Show recipient selection (default: true)
    */
   showRecipient?: boolean;
+  /**
+   * The vending machine ID
+   */
+  vendingMachineId: string;
+  /**
+   * The partner ID
+   */
+  packType: string;
 }
 
 export function AnySpendCollectorClubPurchase({
@@ -115,6 +123,8 @@ export function AnySpendCollectorClubPurchase({
   onSuccess,
   header,
   showRecipient = true,
+  vendingMachineId,
+  packType,
 }: AnySpendCollectorClubPurchaseProps) {
   // Calculate total amount needed (pricePerPack * packAmount)
   const totalAmount = useMemo(() => {
@@ -169,6 +179,8 @@ export function AnySpendCollectorClubPurchase({
         packId,
         packAmount,
         pricePerPack,
+        vendingMachineId,
+        packType,
       }}
       header={header || defaultHeader}
       onSuccess={onSuccess}

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

@@ -509,6 +509,7 @@ function AnySpendCustomInner({
                 to: contractAddress,
               }
             : undefined,
+        metadata,
       } as CreateOrderParams;
 
       if (onramp) {

package/src/anyspend/react/hooks/useAnyspendCreateOnrampOrder.ts

@@ -39,7 +39,7 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError }: UseAnyspend
   const { partnerId } = useB3();
 
   // Get validated client reference ID from B3 context
-  const validatedClientReferenceId = useValidatedClientReferenceId();
+  const createValidatedClientReferenceId = useValidatedClientReferenceId();
 
   // Get fingerprint data
   const { data: fpData } = useVisitorData({ extendedResult: true }, { immediate: true });
@@ -64,6 +64,8 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError }: UseAnyspend
         payload,
       } = params;
 
+      const clientReferenceId = await createValidatedClientReferenceId(params);
+
       try {
         // Validate required onramp fields
         if (!onramp.vendor || !onramp.country) {
@@ -109,7 +111,7 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError }: UseAnyspend
           }),
           creatorAddress: creatorAddress ? normalizeAddress(creatorAddress) : undefined,
           partnerId,
-          clientReferenceId: validatedClientReferenceId,
+          clientReferenceId,
           visitorData,
         });
       } catch (error: any) {

package/src/anyspend/react/hooks/useAnyspendCreateOrder.ts

@@ -21,6 +21,7 @@ export type CreateOrderParams = {
   tournament?: components["schemas"]["Tournament"] & { contractAddress: string; entryPriceOrFundAmount: string };
   creatorAddress?: string;
   payload?: any;
+  metadata?: Record<string, any>;
 };
 
 export type UseAnyspendCreateOrderProps = {
@@ -38,7 +39,7 @@ export function useAnyspendCreateOrder({ onSuccess, onError }: UseAnyspendCreate
   const { partnerId } = useB3();
 
   // Get validated client reference ID from B3 context
-  const validatedClientReferenceId = useValidatedClientReferenceId();
+  const createValidatedClientReferenceId = useValidatedClientReferenceId();
 
   // Get fingerprint data
   const { data: fpData } = useVisitorData({ extendedResult: true }, { immediate: true });
@@ -49,6 +50,7 @@ export function useAnyspendCreateOrder({ onSuccess, onError }: UseAnyspendCreate
   const { mutate: createOrder, isPending } = useMutation({
     mutationFn: async (params: CreateOrderParams) => {
       const { recipientAddress, orderType, srcChain, dstChain, srcToken, dstToken, srcAmount, creatorAddress } = params;
+      const clientReferenceId = await createValidatedClientReferenceId(params);
 
       try {
         return await anyspendService.createOrder({
@@ -83,7 +85,7 @@ export function useAnyspendCreateOrder({ onSuccess, onError }: UseAnyspendCreate
           }),
           creatorAddress: creatorAddress ? normalizeAddress(creatorAddress) : undefined,
           partnerId,
-          clientReferenceId: validatedClientReferenceId,
+          clientReferenceId,
           visitorData,
         });
       } catch (error: any) {

package/src/anyspend/react/hooks/useValidatedClientReferenceId.ts

@@ -1,6 +1,8 @@
 import { Validators } from "@b3dotfun/sdk/anyspend/utils/validation";
 import { useB3 } from "@b3dotfun/sdk/global-account/react";
-import { useMemo } from "react";
+import { useCallback } from "react";
+import { CreateOnrampOrderParams } from "./useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "./useAnyspendCreateOrder";
 
 /**
  * Hook that provides a validated client reference ID
@@ -9,32 +11,35 @@ import { useMemo } from "react";
 export function useValidatedClientReferenceId() {
   const { createClientReferenceId } = useB3();
 
-  const validatedClientReferenceId = useMemo(() => {
-    // If no function provided, return undefined
-    if (!createClientReferenceId) {
-      return undefined;
-    }
+  const createValidatedClientReferenceId = useCallback(
+    async (params: CreateOrderParams | CreateOnrampOrderParams) => {
+      // If no function provided, return undefined
+      if (!createClientReferenceId) {
+        return undefined;
+      }
 
-    try {
-      // Call the function to generate the ID
-      const generatedId = createClientReferenceId();
+      try {
+        // Call the function to generate the ID
+        const generatedId = await createClientReferenceId(params);
 
-      // Validate the generated ID
-      const validation = Validators.clientReferenceId(generatedId);
+        // Validate the generated ID
+        const validation = Validators.clientReferenceId(generatedId);
 
-      if (!validation.isValid) {
-        console.error(
-          `[AnySpend] Invalid clientReferenceId generated: ${validation.error || "Validation failed"}. Will be set to undefined.`,
-        );
+        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 validation.cleaned;
-    } catch (error) {
-      console.error("[AnySpend] Error generating clientReferenceId:", error);
-      return undefined;
-    }
-  }, [createClientReferenceId]);
-
-  return validatedClientReferenceId;
+  return createValidatedClientReferenceId;
 }

package/src/global-account/react/components/B3Provider/B3Provider.tsx

@@ -1,3 +1,5 @@
+import { CreateOnrampOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOrder";
 import {
   RelayKitProviderWrapper,
   TooltipProvider,
@@ -76,7 +78,7 @@ export function B3Provider({
   onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
   connectors?: CreateConnectorFn[];
   overrideDefaultConnectors?: boolean;
-  createClientReferenceId?: () => string;
+  createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
 }) {
   // Initialize Google Analytics on mount
   useEffect(() => {
@@ -141,7 +143,7 @@ export function InnerProvider({
   theme: "light" | "dark";
   clientType?: ClientType;
   partnerId: string;
-  createClientReferenceId?: () => string;
+  createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
 }) {
   const activeAccount = useActiveAccount();
   const [manuallySelectedWallet, setManuallySelectedWallet] = useState<Wallet | undefined>(undefined);

package/src/global-account/react/components/B3Provider/types.ts

@@ -1,4 +1,6 @@
 import { Users } from "@b3dotfun/b3-api";
+import { CreateOnrampOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOrder";
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import { createContext } from "react";
 import { Account, Wallet } from "thirdweb/wallets";
@@ -22,7 +24,7 @@ export interface B3ContextType {
   theme: "light" | "dark";
   clientType: ClientType;
   partnerId: string;
-  createClientReferenceId?: () => string;
+  createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
 }
 
 /**

package/src/global-account/react/stores/useModalStore.ts

@@ -426,6 +426,10 @@ export interface AnySpendCollectorClubPurchaseProps extends BaseModalProps {
   onSuccess?: (txHash?: string) => void;
   /** Client-provided reference ID for tracking orders */
   clientReferenceId?: string;
+  /** The vending machine ID */
+  vendingMachineId: string;
+  /** The pack type */
+  packType: string;
 }
 
 /**