@b3dotfun/sdk 0.1.66 → 0.1.68

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

@@ -40,8 +40,10 @@ interface UseAnyspendFlowProps {
     disableUrlParamManagement?: boolean;
     orderType?: "hype_duel" | "custom_exact_in" | "swap";
     customExactInConfig?: CustomExactInConfig;
+    /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
+    senderAddress?: string;
 }
-export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage, disableUrlParamManagement, orderType, customExactInConfig, }: UseAnyspendFlowProps): {
+export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage, disableUrlParamManagement, orderType, customExactInConfig, senderAddress, }: UseAnyspendFlowProps): {
     activePanel: PanelView;
     setActivePanel: import("react").Dispatch<import("react").SetStateAction<PanelView>>;
     orderId: string | undefined;
@@ -213,9 +215,19 @@ export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrd
         formattedFeeUsd: string;
     };
     getOnrampVendor: (paymentMethod: FiatPaymentMethod) => "coinbase" | "stripe" | "stripe-web2" | undefined;
-    createOrder: import("@tanstack/react-query").UseMutateFunction<any, Error, import("../../../anyspend/react").CreateOrderParams, unknown>;
+    createOrder: import("@tanstack/react-query").UseMutateFunction<{
+        success: boolean;
+        message: string;
+        data: components["schemas"]["Order"];
+        statusCode: number;
+    }, Error, import("../../../anyspend/react").CreateOrderParams, unknown>;
     isCreatingOrder: boolean;
-    createOnrampOrder: import("@tanstack/react-query").UseMutateFunction<any, Error, import("../../../anyspend/react").CreateOnrampOrderParams, unknown>;
+    createOnrampOrder: import("@tanstack/react-query").UseMutateFunction<{
+        success: boolean;
+        message: string;
+        data: components["schemas"]["Order"];
+        statusCode: number;
+    }, Error, import("../../../anyspend/react").CreateOnrampOrderParams, unknown>;
     isCreatingOnrampOrder: boolean;
 };
 export {};

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

@@ -68,7 +68,7 @@ export function generateEncodedData(config, amountInWei) {
     }
 }
 // This hook serves for order hype_duel and custom_exact_in
-export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage = 0, disableUrlParamManagement = false, orderType = "hype_duel", customExactInConfig, }) {
+export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage = 0, disableUrlParamManagement = false, orderType = "hype_duel", customExactInConfig, senderAddress, }) {
     const searchParams = useSearchParamsSSR();
     const router = useRouter();
     // Panel and order state
@@ -103,9 +103,10 @@ export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, load
     const recipientProfile = useProfile({ address: effectiveRecipientAddress, fresh: true });
     const recipientName = recipientProfile.data?.name;
     // Check token balance for crypto payments
+    const effectiveBalanceAddress = senderAddress || walletAddress;
     const { rawBalance, isLoading: isBalanceLoading } = useTokenBalance({
         token: selectedSrcToken,
-        address: walletAddress,
+        address: effectiveBalanceAddress,
     });
     // Check if user has enough balance
     const hasEnoughBalance = useMemo(() => {

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

@@ -1,4 +1,5 @@
 import { components } from "../../../anyspend/types/api";
+import { CreateOrderResponse } from "../../../anyspend/types/api_req_res";
 import { DepositContractConfig } from "../components/AnySpendDeposit";
 export type CreateDepositFirstOrderParams = {
     recipientAddress: string;
@@ -9,9 +10,10 @@ export type CreateDepositFirstOrderParams = {
     creatorAddress?: string;
     /** Optional contract config for custom execution after deposit */
     contractConfig?: DepositContractConfig;
+    callbackMetadata?: Record<string, unknown>;
 };
 export type UseCreateDepositFirstOrderProps = {
-    onSuccess?: (data: any) => void;
+    onSuccess?: (data: CreateOrderResponse) => void;
     onError?: (error: Error) => void;
 };
 /**
@@ -19,6 +21,11 @@ export type UseCreateDepositFirstOrderProps = {
  * This order type doesn't require srcAmount - the user deposits tokens after the order is created.
  */
 export declare function useCreateDepositFirstOrder({ onSuccess, onError }?: UseCreateDepositFirstOrderProps): {
-    createOrder: import("@tanstack/react-query").UseMutateFunction<any, Error, CreateDepositFirstOrderParams, unknown>;
+    createOrder: import("@tanstack/react-query").UseMutateFunction<{
+        success: boolean;
+        message: string;
+        data: components["schemas"]["Order"];
+        statusCode: number;
+    }, Error, CreateDepositFirstOrderParams, unknown>;
     isCreatingOrder: boolean;
 };

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

@@ -60,6 +60,7 @@ export function useCreateDepositFirstOrder({ onSuccess, onError } = {}) {
                     creatorAddress: creatorAddress ? normalizeAddress(creatorAddress) : undefined,
                     partnerId,
                     visitorData,
+                    callbackMetadata: params.callbackMetadata,
                 });
             }
             catch (error) {

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

@@ -35,5 +35,6 @@ export declare const anyspendService: {
         stripeOnramp: boolean;
         stripeWeb2: components["schemas"]["StripeWeb2Support"];
     }>;
+    getCoinbaseOnrampUrl: (request: components["schemas"]["CoinbaseOnrampUrlRequest"]) => Promise<components["schemas"]["CoinbaseOnrampUrlResponse"]>;
     getStripeClientSecret: (paymentIntentId: string) => Promise<string | null>;
 };

package/dist/esm/anyspend/services/anyspend.js

@@ -5,7 +5,8 @@ import invariant from "invariant";
 // Service functions
 export const anyspendService = {
     getTokenList: async (chainId, query) => {
-        const response = await fetch(`${ANYSPEND_MAINNET_BASE_URL}/chains/${chainId}/tokens?limit=100&term=${query}`);
+        const params = new URLSearchParams({ limit: "100", term: query });
+        const response = await fetch(`${ANYSPEND_MAINNET_BASE_URL}/chains/${chainId}/tokens?${params.toString()}`);
         const body = await response.json();
         invariant(response.status === 200, `Failed to fetch token list for chain ${chainId}`);
         return body.data;
@@ -71,6 +72,7 @@ export const anyspendService = {
         invariant(orderId, "orderId is required");
         const response = await fetch(`${ANYSPEND_MAINNET_BASE_URL}/orders/${orderId}`);
         const data = await response.json();
+        invariant(response.status === 200, data.message || `Failed to fetch order ${orderId}`);
         return data;
     },
     getOrderHistory: async (creatorAddress, limit = 100, offset = 0) => {
@@ -83,6 +85,7 @@ export const anyspendService = {
         }
         const response = await fetch(`${ANYSPEND_MAINNET_BASE_URL}/orders?${params.toString()}`);
         const data = await response.json();
+        invariant(response.status === 200, data.message || "Failed to fetch order history");
         return data;
     },
     getCoinbaseOnrampOptions: async (country, visitorData) => {
@@ -111,8 +114,20 @@ export const anyspendService = {
         invariant(response.status === 200, "Failed to check Stripe support");
         return data.data;
     },
+    getCoinbaseOnrampUrl: async (request) => {
+        const response = await fetch(`${ANYSPEND_MAINNET_BASE_URL}/onramp/coinbase/onramp-url`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(request),
+        });
+        const data = await response.json();
+        if (!response.ok)
+            throw new Error(data.message || "Failed to get Coinbase onramp URL");
+        return data;
+    },
     getStripeClientSecret: async (paymentIntentId) => {
-        const response = await fetch(`${ANYSPEND_MAINNET_BASE_URL}/stripe/clientSecret?paymentIntentId=${paymentIntentId}`);
+        const params = new URLSearchParams({ paymentIntentId });
+        const response = await fetch(`${ANYSPEND_MAINNET_BASE_URL}/stripe/clientSecret?${params.toString()}`);
         const data = await response.json();
         invariant(response.status === 200, "Failed to get Stripe client secret");
         return data.data;

package/dist/esm/anyspend/types/forms.d.ts

@@ -0,0 +1,92 @@
+/**
+ * Checkout form schema types
+ *
+ * Merchants define forms using a JSON schema to collect customer information
+ * during checkout (email, shipping address, discount codes, arbitrary fields).
+ */
+export interface CheckoutFormField {
+    /** Unique field identifier */
+    id: string;
+    /** Field type */
+    type: "text" | "email" | "phone" | "textarea" | "select" | "number" | "checkbox" | "address";
+    /** Display label */
+    label: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether the field is required. Default: false */
+    required?: boolean;
+    /** Default value */
+    defaultValue?: string;
+    /** Options for "select" type fields */
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    /** Validation rules */
+    validation?: {
+        pattern?: string;
+        minLength?: number;
+        maxLength?: number;
+        min?: number;
+        max?: number;
+    };
+}
+export interface CheckoutFormSchema {
+    fields: CheckoutFormField[];
+}
+export interface ShippingOption {
+    id: string;
+    name: string;
+    description?: string;
+    /** Amount in wei */
+    amount: string;
+    /** e.g. "5-7 business days" */
+    estimated_days?: string;
+}
+export interface DiscountResult {
+    valid: boolean;
+    discount_type?: "percentage" | "fixed";
+    discount_value?: string;
+    /** Computed discount amount in wei */
+    discount_amount?: string;
+    /** Final amount after discount in wei */
+    final_amount?: string;
+    error?: string;
+}
+export interface AddressData {
+    street: string;
+    city: string;
+    state: string;
+    zip: string;
+    country: string;
+}
+/**
+ * Props passed to custom form components or the checkoutForm slot
+ */
+export interface CheckoutFormComponentProps {
+    /** Call this when the form is submitted / values change */
+    onSubmit: (data: Record<string, unknown>) => void;
+    /** Call to signal whether the form is currently valid */
+    onValidationChange: (isValid: boolean) => void;
+    /** Current form data */
+    formData: Record<string, unknown>;
+    /** Update form data */
+    setFormData: (data: Record<string, unknown>) => void;
+}
+/**
+ * Props for shipping selector slot
+ */
+export interface ShippingSelectorSlotProps {
+    options: ShippingOption[];
+    selectedId: string | null;
+    onSelect: (option: ShippingOption) => void;
+}
+/**
+ * Props for discount input slot
+ */
+export interface DiscountInputSlotProps {
+    onApply: (code: string) => Promise<DiscountResult>;
+    appliedDiscount: DiscountResult | null;
+    onRemove: () => void;
+    loading: boolean;
+}

package/dist/esm/anyspend/types/forms.js

@@ -0,0 +1,7 @@
+/**
+ * Checkout form schema types
+ *
+ * Merchants define forms using a JSON schema to collect customer information
+ * during checkout (email, shipping address, discount codes, arbitrary fields).
+ */
+export {};

package/dist/esm/anyspend/utils/format.js

@@ -19,6 +19,7 @@ export const getStatusDisplay = (order) => {
             return {
                 text: depositText,
                 status: "processing",
+                description: "Waiting for your deposit to be confirmed on-chain",
             };
         }
         case "waiting_stripe_payment":
@@ -34,7 +35,7 @@ export const getStatusDisplay = (order) => {
                 description: "This order is no longer valid because the order expired.",
             };
         case "sending_token_from_vault":
-            return { text: "Sending Token", status: "processing" };
+            return { text: "Sending Token", status: "processing", description: "Preparing your tokens for delivery" };
         case "relay":
         case "executing":
             return {
@@ -62,9 +63,17 @@ export const getStatusDisplay = (order) => {
             return { text, status: "success", description };
         }
         case "refunding":
-            return { text: "Order Refunding", status: "processing" };
+            return {
+                text: "Refunding Order",
+                status: "processing",
+                description: "Your funds are being returned to your wallet",
+            };
         case "refunded":
-            return { text: "Order Refunded", status: "failure" };
+            return {
+                text: "Order Refunded",
+                status: "failure",
+                description: "Your funds have been returned to your wallet.",
+            };
         case "failure":
             return {
                 text: "Order Failure",

package/dist/esm/app.shared.js

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

package/dist/esm/global-account/react/components/B3DynamicModal.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AnySpend, AnySpendBondKit, AnySpendBuySpin, AnySpendCollectorClubPurchase, AnySpendNFT, AnyspendSignatureMint, AnySpendStakeB3, AnySpendStakeB3ExactIn, AnySpendTournament, OrderHistory, } from "../../../anyspend/react/index.js";
 import { AnySpendDeposit } from "../../../anyspend/react/components/AnySpendDeposit.js";
 import { AnySpendDepositHype } from "../../../anyspend/react/components/AnyspendDepositHype.js";
+import { AnySpendCheckoutTrigger } from "../../../anyspend/react/components/checkout/AnySpendCheckoutTrigger.js";
 import { AnySpendWorkflowTrigger } from "../../../anyspend/react/components/AnySpendWorkflowTrigger.js";
 import { AnySpendDepositUpside } from "../../../anyspend/react/components/AnySpendDepositUpside.js";
 import { AnySpendStakeUpside } from "../../../anyspend/react/components/AnySpendStakeUpside.js";
@@ -54,6 +55,7 @@ export function B3DynamicModal() {
         "notifications",
         "anySpendDeposit",
         "anySpendWorkflowTrigger",
+        "anySpendCheckoutTrigger",
     ];
     const freestyleTypes = [
         "anySpendNft",
@@ -67,6 +69,8 @@ export function B3DynamicModal() {
         "anySpendSignatureMint",
         "anySpendBondKit",
     ];
+    // AnySpend modal types should not show the "Global Account" branding footer
+    const isAnySpendType = contentType?.type?.toLowerCase().startsWith("anyspend") ?? false;
     // Check if current content type is in freestyle types
     const isFreestyleType = freestyleTypes.includes(contentType?.type);
     // Determine if modal should be closable - defaults to true unless explicitly set to false
@@ -74,7 +78,7 @@ export function B3DynamicModal() {
     const hideCloseButton = true;
     // Build content class using cn utility
     // eslint-disable-next-line tailwindcss/no-custom-classname
-    const contentClass = cn("b3-modal", theme === "dark" && "dark", fullWidthTypes.includes(contentType?.type) && "w-full", isFreestyleType && "b3-modal-freestyle", contentType?.type === "signInWithB3" && "p-0", contentType?.type === "anySpend" && "md:p-0", contentType?.type === "send" && "p-0", contentType?.type === "manageAccount" && " md:p-0 md:pt-2", contentType?.type === "linkAccount" && "md:p-0");
+    const contentClass = cn("b3-modal", theme === "dark" && "dark", fullWidthTypes.includes(contentType?.type) && "w-full", isFreestyleType && "b3-modal-freestyle", contentType?.type === "signInWithB3" && "p-0", contentType?.type === "anySpend" && "md:p-0", contentType?.type === "send" && "p-0", contentType?.type === "manageAccount" && " md:p-0 md:pt-2", contentType?.type === "linkAccount" && "md:p-0", contentType?.type === "anySpendCheckoutTrigger" && "p-0");
     debug("contentType", contentType);
     const renderContent = () => {
         if (!contentType)
@@ -126,6 +130,8 @@ export function B3DynamicModal() {
                 return _jsx(AnySpendDeposit, { ...contentType, mode: "modal" });
             case "anySpendWorkflowTrigger":
                 return _jsx(AnySpendWorkflowTrigger, { ...contentType, mode: "modal" });
+            case "anySpendCheckoutTrigger":
+                return _jsx(AnySpendCheckoutTrigger, { ...contentType, mode: "modal" });
             case "avatarEditor":
                 return _jsx(AvatarEditor, { onSetAvatar: contentType.onSuccess });
             case "deposit":
@@ -151,12 +157,12 @@ export function B3DynamicModal() {
         }
         setB3ModalOpen(open);
     };
-    return (_jsxs(ModalComponent, { open: isOpen, onOpenChange: handleOpenChange, children: [_jsxs(ModalContent, { className: cn(contentClass, "rounded-2xl bg-white shadow-xl dark:bg-gray-900", "border border-gray-200 dark:border-gray-800", (contentType?.type === "manageAccount" ||
+    return (_jsxs(ModalComponent, { open: isOpen, onOpenChange: handleOpenChange, children: [_jsxs(ModalContent, { className: cn(contentClass, "rounded-2xl bg-white shadow-xl dark:bg-neutral-900", "border border-gray-200 dark:border-neutral-800", (contentType?.type === "manageAccount" ||
                     contentType?.type === "deposit" ||
                     contentType?.type === "send" ||
                     contentType?.type === "avatarEditor" ||
                     contentType?.type === "notifications") &&
-                    "p-0", "mx-auto w-full max-w-md sm:max-w-lg"), hideCloseButton: hideCloseButton, onEscapeKeyDown: !isClosable ? e => e.preventDefault() : undefined, onPointerDownOutside: !isClosable ? e => e.preventDefault() : undefined, onInteractOutside: !isClosable ? e => e.preventDefault() : undefined, children: [_jsx(ModalTitle, { className: "sr-only hidden", children: contentType?.type || "Modal" }), _jsx(ModalDescription, { className: "sr-only hidden", children: contentType?.type || "Modal Body" }), _jsxs("div", { className: cn("b3-modal-content no-scrollbar dark:bg-b3-background flex max-h-[90dvh] flex-col overflow-auto sm:max-h-[80dvh]"), children: [!hideCloseButton && (_jsxs("button", { onClick: navigateBack, className: "flex items-center gap-2 px-6 py-4 text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-white", children: [_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M15.8337 10H4.16699", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M10.0003 15.8334L4.16699 10L10.0003 4.16669", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }), _jsx("span", { className: "font-inter text-sm font-semibold", children: "Back" })] })), _jsx("div", { className: "flex-1", children: renderContent() }), _jsx(AnimatePresence, { children: toasts.length > 0 && (_jsx(motion.div, { initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, transition: { duration: 0.3, ease: "easeInOut" }, className: "toast-section relative z-10 overflow-hidden bg-white dark:border-gray-800 dark:bg-gray-900", children: _jsx(motion.div, { initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, transition: { duration: 0.2, delay: 0.1 }, className: "p-4 pt-0", children: _jsx(ToastContainer, { toasts: toasts, onDismiss: removeToast, theme: theme }) }) })) })] })] }), isOpen && (_jsx("style", { children: `
+                    "p-0", "mx-auto w-full max-w-md sm:max-w-lg"), hideCloseButton: hideCloseButton, hideGABranding: isAnySpendType, onEscapeKeyDown: !isClosable ? e => e.preventDefault() : undefined, onPointerDownOutside: !isClosable ? e => e.preventDefault() : undefined, onInteractOutside: !isClosable ? e => e.preventDefault() : undefined, children: [_jsx(ModalTitle, { className: "sr-only hidden", children: contentType?.type || "Modal" }), _jsx(ModalDescription, { className: "sr-only hidden", children: contentType?.type || "Modal Body" }), _jsxs("div", { className: cn("b3-modal-content no-scrollbar dark:bg-b3-background flex max-h-[90dvh] flex-col overflow-auto sm:max-h-[80dvh]"), children: [!hideCloseButton && (_jsxs("button", { onClick: navigateBack, className: "flex items-center gap-2 px-6 py-4 text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-white", children: [_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M15.8337 10H4.16699", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M10.0003 15.8334L4.16699 10L10.0003 4.16669", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }), _jsx("span", { className: "font-inter text-sm font-semibold", children: "Back" })] })), _jsx("div", { className: "flex-1", children: renderContent() }), _jsx(AnimatePresence, { children: toasts.length > 0 && (_jsx(motion.div, { initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, transition: { duration: 0.3, ease: "easeInOut" }, className: "toast-section relative z-10 overflow-hidden bg-white dark:border-neutral-800 dark:bg-neutral-900", children: _jsx(motion.div, { initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, transition: { duration: 0.2, delay: 0.1 }, className: "p-4 pt-0", children: _jsx(ToastContainer, { toasts: toasts, onDismiss: removeToast, theme: theme }) }) })) })] })] }), isOpen && !isAnySpendType && (_jsx("style", { children: `
           .modal-inner-content {
             transition: margin-bottom 0.3s ease-in-out;
             margin-bottom: ${toasts.length > 0 ? "0px" : "23px"} !important;

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

@@ -1,4 +1,4 @@
 declare const WalletImage: ({ fallback }: {
     fallback?: React.ReactNode;
-}) => string | number | bigint | true | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+}) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null;
 export default WalletImage;

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

@@ -6,7 +6,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -23,7 +23,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "value" | "onChange"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -33,7 +33,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -42,14 +42,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -58,7 +58,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -67,7 +67,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "onSelect" | "disabled"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "onSelect" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

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

@@ -11,6 +11,8 @@ type DialogContentElement = React.ElementRef<typeof DialogPrimitive.Content>;
 type DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
     hideCloseButton?: boolean;
     closeBtnClassName?: string;
+    /** Hide the "Global Account" branding footer below the modal */
+    hideGABranding?: boolean;
 };
 declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<DialogContentElement>>;
 declare const DialogHeader: {

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

@@ -10,9 +10,9 @@ const DialogPortal = DialogPrimitive.Portal;
 const DialogClose = DialogPrimitive.Close;
 const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/80 backdrop-blur-[20px]", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:backdrop-blur-none data-[state=open]:backdrop-blur-[20px]", "transition-all duration-300", className), ...props })));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = React.forwardRef(({ className, children, hideCloseButton = true, closeBtnClassName, ...props }, ref) => {
+const DialogContent = React.forwardRef(({ className, children, hideCloseButton = true, closeBtnClassName, hideGABranding, ...props }, ref) => {
     const container = typeof window !== "undefined" ? document.getElementById("b3-root") : null;
-    return (_jsxs(DialogPortal, { container: container, children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border shadow-lg !outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-500", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "[perspective:1200px] [transform-style:preserve-3d] sm:rounded-xl", "transition-all ease-out", className), ...props, children: [_jsxs("div", { className: "modal-inner-content mb-[23px] flex flex-1 flex-col overflow-hidden rounded-xl border border-[#D1D1D6] bg-white shadow-[0_20px_24px_-4px_rgba(10,13,18,0.08),0_8px_8px_-4px_rgba(10,13,18,0.03),0_3px_3px_-1.5px_rgba(10,13,18,0.04)]", children: [children, !hideCloseButton && (_jsxs(DialogPrimitive.Close, { className: cn("modal-close-button data-[state=open]:bg-b3-react-background data-[state=open]:text-b3-react-muted-foreground absolute right-2 top-2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400", closeBtnClassName), children: [_jsx(X, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Close" })] }))] }), _jsxs("div", { className: "b3-modal-ga-branding absolute bottom-[10px] left-0 right-0 flex items-center justify-center gap-1.5 pt-[10px]", children: [_jsx("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "h-4 w-4" }), _jsx("span", { className: "font-neue-montreal-semibold text-xs uppercase leading-none tracking-[0.72px] text-[#0B57C2]", children: "Global Account" })] })] })] }));
+    return (_jsxs(DialogPortal, { container: container, children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border shadow-lg !outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-500", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "[perspective:1200px] [transform-style:preserve-3d] sm:rounded-xl", "transition-all ease-out", className), ...props, children: [_jsxs("div", { className: cn("modal-inner-content flex flex-1 flex-col overflow-hidden rounded-xl border border-[#D1D1D6] bg-white shadow-[0_20px_24px_-4px_rgba(10,13,18,0.08),0_8px_8px_-4px_rgba(10,13,18,0.03),0_3px_3px_-1.5px_rgba(10,13,18,0.04)] dark:border-neutral-700 dark:bg-neutral-900", !hideGABranding && "mb-[23px]"), children: [children, !hideCloseButton && (_jsxs(DialogPrimitive.Close, { className: cn("modal-close-button data-[state=open]:bg-b3-react-background data-[state=open]:text-b3-react-muted-foreground absolute right-2 top-2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400", closeBtnClassName), children: [_jsx(X, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Close" })] }))] }), !hideGABranding && (_jsxs("div", { className: "b3-modal-ga-branding absolute bottom-[10px] left-0 right-0 flex items-center justify-center gap-1.5 pt-[10px]", children: [_jsx("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "h-4 w-4" }), _jsx("span", { className: "font-neue-montreal-semibold text-xs uppercase leading-none tracking-[0.72px] text-[#0B57C2]", children: "Global Account" })] }))] })] }));
 });
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));

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

@@ -8,7 +8,9 @@ declare const DrawerTrigger: React.ForwardRefExoticComponent<import("@radix-ui/r
 declare const DrawerPortal: typeof import("vaul").Portal;
 declare const DrawerClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    hideGABranding?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const DrawerHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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

@@ -10,7 +10,7 @@ const DrawerPortal = DrawerPrimitive.Portal;
 const DrawerClose = DrawerPrimitive.Close;
 const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/80", className), ...props })));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => {
+const DrawerContent = React.forwardRef(({ className, children, hideGABranding: _hideGABranding, ...props }, ref) => {
     const container = typeof window !== "undefined" ? document.getElementById("b3-root") : null;
     return (_jsxs(DrawerPortal, { container: container, children: [_jsx(DrawerOverlay, {}), _jsx(DrawerPrimitive.Content, { ref: ref, className: cn("bg-b3-react-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border py-6 pt-5", className), ...props, children: children })] }));
 });

package/dist/esm/global-account/react/hooks/useAuth.d.ts

@@ -48,8 +48,8 @@ export declare function useAuth(): {
                 name?: string | undefined;
                 address?: string | undefined;
                 email?: string | undefined;
-                username?: string | undefined;
                 phone?: string | undefined;
+                username?: string | undefined;
                 fid?: string | undefined;
             };
         }[] | undefined;

package/dist/esm/global-account/react/hooks/useAuthentication.d.ts

@@ -41,8 +41,8 @@ export declare function useAuthentication(partnerId: string): {
                 name?: string | undefined;
                 address?: string | undefined;
                 email?: string | undefined;
-                username?: string | undefined;
                 phone?: string | undefined;
+                username?: string | undefined;
                 fid?: string | undefined;
             };
         }[] | undefined;

package/dist/esm/global-account/react/hooks/useFirstEOA.d.ts

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

package/dist/esm/global-account/react/hooks/useUser.d.ts

@@ -32,8 +32,8 @@ export declare function useUser(): {
                 name?: string | undefined;
                 address?: string | undefined;
                 email?: string | undefined;
-                username?: string | undefined;
                 phone?: string | undefined;
+                username?: string | undefined;
                 fid?: string | undefined;
             };
         }[] | undefined;

package/dist/esm/global-account/react/hooks/useUserQuery.d.ts

@@ -36,8 +36,8 @@ export declare function useUserQuery(): {
                 name?: string | undefined;
                 address?: string | undefined;
                 email?: string | undefined;
-                username?: string | undefined;
                 phone?: string | undefined;
+                username?: string | undefined;
                 fid?: string | undefined;
             };
         }[] | undefined;