@b3dotfun/sdk 0.0.72-alpha.0 → 0.0.73-test.0

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

@@ -369,6 +369,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                         data: encodedData,
                         spenderAddress: spenderAddress,
                         to: contractAddress,
+                        ...metadata,
                     }
                     : undefined,
             };

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.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/esm/anyspend/react/components/AnySpendCustom.js

@@ -330,6 +330,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                         data: encodedData,
                         spenderAddress: spenderAddress,
                         to: contractAddress,
+                        ...metadata,
                     }
                     : undefined,
             };

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.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/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/package.json

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

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

@@ -507,6 +507,7 @@ function AnySpendCustomInner({
                 data: encodedData,
                 spenderAddress: spenderAddress,
                 to: contractAddress,
+                ...metadata,
               }
             : undefined,
       } as CreateOrderParams;

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

@@ -38,7 +38,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 +49,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 +84,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>;
 }
 
 /**