@b3dotfun/sdk 0.0.71 → 0.0.72-alpha.1

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/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,9 +4,10 @@ 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");
@@ -15,8 +16,10 @@ const useValidatedClientReferenceId_1 = require("./useValidatedClientReferenceId
  * 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)();
+    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 && {
@@ -25,7 +28,8 @@ 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;
+            const clientReferenceId = await createValidatedClientReferenceId(params);
             try {
                 // Validate required onramp fields
                 if (!onramp.vendor || !onramp.country) {
@@ -68,7 +72,7 @@ function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
                     }),
                     creatorAddress: creatorAddress ? (0, utils_1.normalizeAddress)(creatorAddress) : undefined,
                     partnerId,
-                    clientReferenceId: validatedClientReferenceId,
+                    clientReferenceId,
                     visitorData,
                 });
             }
@@ -88,7 +92,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,7 @@ export type CreateOrderParams = {
     };
     creatorAddress?: string;
     payload?: any;
-    partnerId?: string;
+    metadata?: Record<string, any>;
 };
 export type UseAnyspendCreateOrderProps = {
     onSuccess?: (data: any) => void;

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

@@ -3,9 +3,10 @@ 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
@@ -13,8 +14,10 @@ const useValidatedClientReferenceId_1 = require("./useValidatedClientReferenceId
  * 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)();
+    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 && {
@@ -24,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),
@@ -56,7 +60,8 @@ function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
                         },
                     }),
                     creatorAddress: creatorAddress ? (0, utils_1.normalizeAddress)(creatorAddress) : undefined,
-                    clientReferenceId: validatedClientReferenceId,
+                    partnerId,
+                    clientReferenceId,
                     visitorData,
                 });
             }
@@ -76,7 +81,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/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/components/ui/drawer.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
 declare const Drawer: {
-    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    ({ shouldScaleBackground, repositionInputs, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DrawerTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/global-account/react/components/ui/drawer.js

@@ -39,7 +39,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const vaul_1 = require("vaul");
 const utils_1 = require("../../../../shared/utils");
-const Drawer = ({ shouldScaleBackground = true, ...props }) => ((0, jsx_runtime_1.jsx)(vaul_1.Drawer.Root, { shouldScaleBackground: shouldScaleBackground, ...props }));
+const Drawer = ({ shouldScaleBackground = true, repositionInputs = false, ...props }) => ((0, jsx_runtime_1.jsx)(vaul_1.Drawer.Root, { repositionInputs: repositionInputs, shouldScaleBackground: shouldScaleBackground, ...props }));
 exports.Drawer = Drawer;
 Drawer.displayName = "Drawer";
 const DrawerTrigger = vaul_1.Drawer.Trigger;

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/cjs/shared/react/stores/currencyStore.js

@@ -81,7 +81,8 @@ exports.useCurrencyStore = (0, zustand_1.create)()((0, middleware_1.persist)((se
     removeCurrency: code => {
         set(state => {
             // Remove the currency
-            const { [code]: _removed, ...remaining } = state.customCurrencies;
+            const customCurrencies = state.customCurrencies;
+            const remaining = Object.fromEntries(Object.entries(customCurrencies).filter(([key]) => key !== code));
             // Remove all exchange rates involving this currency
             const filteredRates = {};
             for (const [key, rate] of Object.entries(state.customExchangeRates)) {

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

@@ -84,7 +84,7 @@ function StripePaymentForm({ order, onPaymentSuccess, }) {
                                 },
                             } }) })), error && (_jsx("div", { className: "mt-4 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-600", children: error })), _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 ? (_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsx(Loader2, { className: "h-5 w-5 animate-spin" }), _jsx("span", { children: "Processing..." })] })) : (_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] = useState(null);
     const orderCreationAttempted = useRef(false);
     const { geoData, stripeWeb2Support, isLoading: isLoadingGeoOnramp } = useGeoOnrampOptions(srcAmountOnRamp);
@@ -130,7 +130,6 @@ function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinat
                             redirectUrl: `${window.location.origin}${userId ? `?userId=${userId}` : ""}`,
                         },
                         expectedDstAmount: anyspendQuote.data?.currencyOut?.amount?.toString() || "0",
-                        partnerId,
                     });
                 }
                 catch (err) {
@@ -148,7 +147,6 @@ function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinat
         createOrder,
         destinationToken,
         userId,
-        partnerId,
         stripeWeb2Support.isSupport,
     ]);
     // Check if all required data is loaded

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

@@ -1,6 +1,7 @@
 import { USDC_BASE } from "../../../anyspend/constants/index.js";
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
 import { buildMetadata, buildPayload, normalizeAddress } from "../../../anyspend/utils/index.js";
+import { useB3 } from "../../../global-account/react/index.js";
 import { useVisitorData } from "@fingerprintjs/fingerprintjs-pro-react";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
@@ -12,8 +13,10 @@ import { useValidatedClientReferenceId } from "./useValidatedClientReferenceId.j
  * Specifically handles orders that involve fiat-to-crypto onramp functionality
  */
 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 && {
@@ -22,7 +25,8 @@ 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, partnerId, } = 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) {
@@ -65,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,7 +17,7 @@ export type CreateOrderParams = {
     };
     creatorAddress?: string;
     payload?: any;
-    partnerId?: string;
+    metadata?: Record<string, any>;
 };
 export type UseAnyspendCreateOrderProps = {
     onSuccess?: (data: any) => void;

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

@@ -1,5 +1,6 @@
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
 import { buildMetadata, buildPayload, normalizeAddress } from "../../../anyspend/utils/index.js";
+import { useB3 } from "../../../global-account/react/index.js";
 import { useVisitorData } from "@fingerprintjs/fingerprintjs-pro-react";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
@@ -10,8 +11,10 @@ import { useValidatedClientReferenceId } from "./useValidatedClientReferenceId.j
  * For onramp orders, use useAnyspendCreateOnrampOrder instead.
  */
 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 && {
@@ -21,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),
@@ -53,7 +57,8 @@ export function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
                         },
                     }),
                     creatorAddress: creatorAddress ? normalizeAddress(creatorAddress) : undefined,
-                    clientReferenceId: validatedClientReferenceId,
+                    partnerId,
+                    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/components/ui/drawer.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
 declare const Drawer: {
-    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    ({ shouldScaleBackground, repositionInputs, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DrawerTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/global-account/react/components/ui/drawer.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
 import { cn } from "../../../../shared/utils/index.js";
-const Drawer = ({ shouldScaleBackground = true, ...props }) => (_jsx(DrawerPrimitive.Root, { shouldScaleBackground: shouldScaleBackground, ...props }));
+const Drawer = ({ shouldScaleBackground = true, repositionInputs = false, ...props }) => (_jsx(DrawerPrimitive.Root, { repositionInputs: repositionInputs, shouldScaleBackground: shouldScaleBackground, ...props }));
 Drawer.displayName = "Drawer";
 const DrawerTrigger = DrawerPrimitive.Trigger;
 const DrawerPortal = DrawerPrimitive.Portal;

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/esm/shared/react/stores/currencyStore.js

@@ -74,7 +74,8 @@ export const useCurrencyStore = create()(persist((set, get) => ({
     removeCurrency: code => {
         set(state => {
             // Remove the currency
-            const { [code]: _removed, ...remaining } = state.customCurrencies;
+            const customCurrencies = state.customCurrencies;
+            const remaining = Object.fromEntries(Object.entries(customCurrencies).filter(([key]) => key !== code));
             // Remove all exchange rates involving this currency
             const filteredRates = {};
             for (const [key, rate] of Object.entries(state.customExchangeRates)) {

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,7 +17,7 @@ export type CreateOrderParams = {
     };
     creatorAddress?: string;
     payload?: any;
-    partnerId?: string;
+    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/components/ui/drawer.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
 declare const Drawer: {
-    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    ({ shouldScaleBackground, repositionInputs, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DrawerTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

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.71",
+  "version": "0.0.72-alpha.1",
   "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/components/webview/WebviewOnrampPayment.tsx

@@ -157,7 +157,6 @@ function WebviewOnrampPaymentInner({
   anyspendQuote,
   onPaymentSuccess,
   userId,
-  partnerId,
 }: WebviewOnrampPaymentProps) {
   const [createdOrder, setCreatedOrder] = useState<components["schemas"]["Order"] | null>(null);
   const orderCreationAttempted = useRef(false);
@@ -214,7 +213,6 @@ function WebviewOnrampPaymentInner({
               redirectUrl: `${window.location.origin}${userId ? `?userId=${userId}` : ""}`,
             },
             expectedDstAmount: anyspendQuote.data?.currencyOut?.amount?.toString() || "0",
-            partnerId,
           });
         } catch (err: any) {
           console.error(err);
@@ -232,7 +230,6 @@ function WebviewOnrampPaymentInner({
     createOrder,
     destinationToken,
     userId,
-    partnerId,
     stripeWeb2Support.isSupport,
   ]);
 

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

@@ -3,6 +3,7 @@ import { anyspendService } from "@b3dotfun/sdk/anyspend/services/anyspend";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { VisitorData } from "@b3dotfun/sdk/anyspend/types/fingerprint";
 import { buildMetadata, buildPayload, normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
+import { useB3 } from "@b3dotfun/sdk/global-account/react";
 import { useVisitorData } from "@fingerprintjs/fingerprintjs-pro-react";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
@@ -34,8 +35,11 @@ export type UseAnyspendCreateOnrampOrderProps = {
  * Specifically handles orders that involve fiat-to-crypto onramp functionality
  */
 export function useAnyspendCreateOnrampOrder({ onSuccess, onError }: UseAnyspendCreateOnrampOrderProps = {}) {
+  // 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 });
@@ -58,9 +62,10 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError }: UseAnyspend
         nft,
         tournament,
         payload,
-        partnerId,
       } = params;
 
+      const clientReferenceId = await createValidatedClientReferenceId(params);
+
       try {
         // Validate required onramp fields
         if (!onramp.vendor || !onramp.country) {
@@ -106,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

@@ -2,6 +2,7 @@ import { anyspendService } from "@b3dotfun/sdk/anyspend/services/anyspend";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { VisitorData } from "@b3dotfun/sdk/anyspend/types/fingerprint";
 import { buildMetadata, buildPayload, normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
+import { useB3 } from "@b3dotfun/sdk/global-account/react";
 import { useVisitorData } from "@fingerprintjs/fingerprintjs-pro-react";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
@@ -20,7 +21,7 @@ export type CreateOrderParams = {
   tournament?: components["schemas"]["Tournament"] & { contractAddress: string; entryPriceOrFundAmount: string };
   creatorAddress?: string;
   payload?: any;
-  partnerId?: string;
+  metadata?: Record<string, any>;
 };
 
 export type UseAnyspendCreateOrderProps = {
@@ -34,8 +35,11 @@ export type UseAnyspendCreateOrderProps = {
  * For onramp orders, use useAnyspendCreateOnrampOrder instead.
  */
 export function useAnyspendCreateOrder({ onSuccess, onError }: UseAnyspendCreateOrderProps = {}) {
+  // 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 });
@@ -46,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({
@@ -79,7 +84,8 @@ export function useAnyspendCreateOrder({ onSuccess, onError }: UseAnyspendCreate
             },
           }),
           creatorAddress: creatorAddress ? normalizeAddress(creatorAddress) : undefined,
-          clientReferenceId: validatedClientReferenceId,
+          partnerId,
+          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/components/ui/drawer.tsx

@@ -5,8 +5,12 @@ import { Drawer as DrawerPrimitive } from "vaul";
 
 import { cn } from "@b3dotfun/sdk/shared/utils";
 
-const Drawer = ({ shouldScaleBackground = true, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) => (
-  <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />
+const Drawer = ({
+  shouldScaleBackground = true,
+  repositionInputs = false,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (
+  <DrawerPrimitive.Root repositionInputs={repositionInputs} shouldScaleBackground={shouldScaleBackground} {...props} />
 );
 Drawer.displayName = "Drawer";
 

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;
 }
 
 /**

package/src/shared/react/stores/currencyStore.ts

@@ -147,7 +147,9 @@ export const useCurrencyStore = create<CurrencyState>()(
       removeCurrency: code => {
         set(state => {
           // Remove the currency
-          const { [code]: _removed, ...remaining } = state.customCurrencies;
+          const customCurrencies = state.customCurrencies;
+
+          const remaining = Object.fromEntries(Object.entries(customCurrencies).filter(([key]) => key !== code));
 
           // Remove all exchange rates involving this currency
           const filteredRates: Record<string, number> = {};