@b3dotfun/sdk 0.0.62 → 0.0.63-alpha.1

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

@@ -38,6 +38,8 @@ export const buildPayload = (orderType, params) => {
             };
         case "custom":
             return { ...payload };
+        case "custom_exact_in":
+            return { ...payload, expectedDstAmount };
         case "hype_duel":
             return {
                 expectedDstAmount,
@@ -62,6 +64,8 @@ export const buildMetadata = (orderType, params) => {
             return { ...baseMetadata, tournament };
         case "custom":
             return { ...baseMetadata, action: payload.action };
+        case "custom_exact_in":
+            return { ...baseMetadata, action: payload.action };
         case "hype_duel":
             return { ...baseMetadata };
         default:

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

@@ -1,21 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AnySpend, AnySpendBondKit, AnySpendBuySpin, AnySpendNFT, AnyspendSignatureMint, AnySpendStakeB3, AnySpendTournament, OrderHistory, } from "../../../anyspend/react/index.js";
+import { AnySpend, AnySpendBondKit, AnySpendBuySpin, AnySpendNFT, AnyspendSignatureMint, AnySpendStakeB3, AnySpendStakeB3ExactIn, AnySpendTournament, OrderHistory, } from "../../../anyspend/react/index.js";
 import { AnySpendDepositHype } from "../../../anyspend/react/components/AnyspendDepositHype.js";
 import { AnySpendStakeUpside } from "../../../anyspend/react/components/AnySpendStakeUpside.js";
+import { AnySpendStakeUpsideExactIn } from "../../../anyspend/react/components/AnySpendStakeUpsideExactIn.js";
 import { useGlobalWalletState } from "../../../anyspend/utils/index.js";
 import { useIsMobile, useModalStore } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/cn.js";
 import { debugB3React } from "../../../shared/utils/debug.js";
 import { useEffect, useRef } from "react";
+import { useSetActiveWallet } from "thirdweb/react";
 import { AvatarEditor } from "./AvatarEditor/AvatarEditor.js";
 import { useB3 } from "./B3Provider/useB3.js";
 import { LinkAccount } from "./LinkAccount/LinkAccount.js";
+import { ProfileEditor } from "./ProfileEditor/ProfileEditor.js";
 import { ManageAccount } from "./ManageAccount/ManageAccount.js";
 import { RequestPermissions } from "./RequestPermissions/RequestPermissions.js";
 import { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow.js";
 import { Dialog, DialogContent, DialogDescription, DialogTitle } from "./ui/dialog.js";
 import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from "./ui/drawer.js";
-import { useSetActiveWallet } from "thirdweb/react";
 const debug = debugB3React("B3DynamicModal");
 export function B3DynamicModal() {
     const { isOpen, setB3ModalOpen, contentType, history, navigateBack } = useModalStore();
@@ -42,7 +44,9 @@ export function B3DynamicModal() {
         "anySpendJoinTournament",
         "anySpendFundTournament",
         "anySpendStakeB3",
+        "anySpendStakeB3ExactIn",
         "anySpendStakeUpside",
+        "anySpendStakeUpsideExactIn",
         "anySpendBuySpin",
         "anySpendOrderHistory",
         "signInWithB3",
@@ -50,13 +54,16 @@ export function B3DynamicModal() {
         "anySpendBondKit",
         "linkAccount",
         "avatarEditor",
+        "profileEditor",
     ];
     const freestyleTypes = [
         "anySpendNft",
         "anySpendJoinTournament",
         "anySpendFundTournament",
         "anySpendStakeB3",
+        "anySpendStakeB3ExactIn",
         "anySpendStakeUpside",
+        "anySpendStakeUpsideExactIn",
         "anySpendBuySpin",
         "anySpendSignatureMint",
         "anySpendBondKit",
@@ -92,8 +99,12 @@ export function B3DynamicModal() {
                 return _jsx(OrderHistory, { onBack: () => { }, mode: "modal" });
             case "anySpendStakeB3":
                 return _jsx(AnySpendStakeB3, { ...contentType, mode: "modal" });
+            case "anySpendStakeB3ExactIn":
+                return _jsx(AnySpendStakeB3ExactIn, { ...contentType, mode: "modal" });
             case "anySpendStakeUpside":
                 return _jsx(AnySpendStakeUpside, { ...contentType, mode: "modal" });
+            case "anySpendStakeUpsideExactIn":
+                return _jsx(AnySpendStakeUpsideExactIn, { ...contentType, mode: "modal" });
             case "anySpendBuySpin":
                 return _jsx(AnySpendBuySpin, { ...contentType, mode: "modal" });
             case "anySpendSignatureMint":
@@ -106,6 +117,8 @@ export function B3DynamicModal() {
                 return _jsx(AnySpendDepositHype, { ...contentType, mode: "modal" });
             case "avatarEditor":
                 return _jsx(AvatarEditor, { onSetAvatar: contentType.onSuccess });
+            case "profileEditor":
+                return _jsx(ProfileEditor, { onSuccess: contentType.onSuccess });
             // Add other modal types here
             default:
                 return null;
@@ -116,8 +129,8 @@ export function B3DynamicModal() {
     const ModalTitle = isMobile ? DrawerTitle : DialogTitle;
     const ModalDescription = isMobile ? DrawerDescription : DialogDescription;
     return (_jsxs(ModalComponent, { open: isOpen, onOpenChange: setB3ModalOpen, children: [_jsxs(ModalContent, { className: cn(contentClass, "rounded-2xl bg-white shadow-xl dark:bg-gray-900", "border border-gray-200 dark:border-gray-800", 
-                // Remove default width classes for avatar editor
-                contentType?.type === "avatarEditor"
+                // Remove default width classes for avatar editor and profile editor
+                contentType?.type === "avatarEditor" || contentType?.type === "profileEditor"
                     ? "!w-[90vw] !max-w-none" // Use !important to override default styles
-                    : "mx-auto w-full max-w-md sm:max-w-lg"), hideCloseButton: hideCloseButton, 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("no-scrollbar max-h-[90dvh] overflow-auto sm:max-h-[80dvh]"), children: [history.length > 0 && contentType?.showBackButton && (_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: "text-sm font-medium", children: "Back" })] })), renderContent()] })] }), contentType?.type === "avatarEditor" && (_jsx("button", { onClick: () => setB3ModalOpen(false), className: "fixed right-5 top-5 z-[100] cursor-pointer text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M18 6L6 18M6 6L18 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }));
+                    : "mx-auto w-full max-w-md sm:max-w-lg"), hideCloseButton: hideCloseButton, 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("no-scrollbar max-h-[90dvh] overflow-auto sm:max-h-[80dvh]"), children: [history.length > 0 && contentType?.showBackButton && (_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: "text-sm font-medium", children: "Back" })] })), renderContent()] })] }), (contentType?.type === "avatarEditor" || contentType?.type === "profileEditor") && (_jsx("button", { onClick: () => setB3ModalOpen(false), className: "fixed right-5 top-5 z-[100] cursor-pointer text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M18 6L6 18M6 6L18 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }));
 }

package/dist/esm/global-account/react/components/ManageAccount/BalanceContent.js

@@ -32,10 +32,10 @@ export function BalanceContent({ onLogout, showDeposit = true, showSwap = true }
     const [openAccordions, setOpenAccordions] = useState([]);
     const hasExpandedRef = useRef(false);
     const avatarUrl = user?.avatar ? getIpfsUrl(user?.avatar) : profile?.avatar;
-    const handleEditAvatar = () => {
+    const handleEditProfile = () => {
         setB3ModalOpen(true);
         setB3ModalContentType({
-            type: "avatarEditor",
+            type: "profileEditor",
             showBackButton: true,
             onSuccess: () => {
                 // navigate back on success
@@ -87,7 +87,7 @@ export function BalanceContent({ onLogout, showDeposit = true, showSwap = true }
         setB3ModalOpen(false);
         setLogoutLoading(false);
     };
-    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsxs("div", { className: "global-account-profile flex items-center gap-4", children: [_jsxs("div", { className: "global-account-profile-avatar relative", children: [avatarUrl ? (_jsx("img", { src: avatarUrl, alt: "Profile", className: "size-24 rounded-full" })) : (_jsx("div", { className: "bg-b3-primary-wash size-24 rounded-full" })), _jsx("button", { onClick: handleEditAvatar, className: "bg-b3-grey border-b3-background hover:bg-b3-grey/80 absolute -bottom-1 -right-1 flex size-8 items-center justify-center rounded-full border-4 transition-colors", children: _jsx(Pencil, { size: 16, className: "text-b3-background" }) })] }), _jsxs("div", { className: "global-account-profile-info", children: [_jsx("h2", { className: "text-b3-grey text-xl font-semibold", children: profile?.displayName || formatUsername(profile?.name || "") }), _jsxs("div", { className: "address-button border-b3-line bg-b3-line/20 hover:bg-b3-line/40 flex w-fit items-center gap-2 rounded-full border px-3 py-1 transition-colors", children: [_jsx("span", { className: "text-b3-foreground-muted font-mono text-xs", children: centerTruncate(account?.address || "", 6) }), _jsx(CopyToClipboard, { text: account?.address || "" })] })] })] }) }), (showDeposit || showSwap) && (_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [showDeposit && (_jsxs(Button, { className: "manage-account-deposit bg-b3-primary-wash hover:bg-b3-primary-wash/70 h-[84px] w-full flex-col items-start gap-2 rounded-2xl", onClick: () => {
+    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsxs("div", { className: "global-account-profile flex items-center gap-4", children: [_jsxs("div", { className: "global-account-profile-avatar relative", children: [avatarUrl ? (_jsx("img", { src: avatarUrl, alt: "Profile", className: "size-24 rounded-full" })) : (_jsx("div", { className: "bg-b3-primary-wash size-24 rounded-full" })), _jsx("button", { onClick: handleEditProfile, className: "bg-b3-grey border-b3-background hover:bg-b3-grey/80 absolute -bottom-1 -right-1 flex size-8 items-center justify-center rounded-full border-4 transition-colors", children: _jsx(Pencil, { size: 16, className: "text-b3-background" }) })] }), _jsxs("div", { className: "global-account-profile-info", children: [_jsx("h2", { className: "text-b3-grey text-xl font-semibold", children: user?.username || profile?.displayName || formatUsername(profile?.name || "") }), _jsxs("div", { className: "address-button border-b3-line bg-b3-line/20 hover:bg-b3-line/40 flex w-fit items-center gap-2 rounded-full border px-3 py-1 transition-colors", children: [_jsx("span", { className: "text-b3-foreground-muted font-mono text-xs", children: centerTruncate(account?.address || "", 6) }), _jsx(CopyToClipboard, { text: account?.address || "" })] })] })] }) }), (showDeposit || showSwap) && (_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [showDeposit && (_jsxs(Button, { className: "manage-account-deposit bg-b3-primary-wash hover:bg-b3-primary-wash/70 h-[84px] w-full flex-col items-start gap-2 rounded-2xl", onClick: () => {
                             setB3ModalOpen(true);
                             setB3ModalContentType({
                                 type: "anySpend",

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

@@ -0,0 +1,6 @@
+interface ProfileEditorProps {
+    onSuccess?: () => void;
+    className?: string;
+}
+export declare function ProfileEditor({ onSuccess, className }: ProfileEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,135 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import app from "../../../../global-account/app.js";
+import { Button, useB3, useProfile } from "../../../../global-account/react/index.js";
+import { validateImageUrl } from "../../../../global-account/react/utils/profileDisplay.js";
+import { cn } from "../../../../shared/utils/cn.js";
+import { debugB3React } from "../../../../shared/utils/debug.js";
+import { getIpfsUrl } from "../../../../shared/utils/ipfs.js";
+import { client } from "../../../../shared/utils/thirdweb.js";
+import { Check, Loader2, Upload, X } from "lucide-react";
+import { useRef, useState } from "react";
+import { toast } from "sonner";
+import { useActiveAccount } from "thirdweb/react";
+import { upload } from "thirdweb/storage";
+const debug = debugB3React("ProfileEditor");
+export function ProfileEditor({ onSuccess, className }) {
+    const [selectedFile, setSelectedFile] = useState(null);
+    const [previewUrl, setPreviewUrl] = useState(null);
+    const [username, setUsername] = useState("");
+    const [isUploading, setIsUploading] = useState(false);
+    const [isSaving, setIsSaving] = useState(false);
+    const fileInputRef = useRef(null);
+    const { user, setUser } = useB3();
+    const account = useActiveAccount();
+    const { data: profile, refetch: refreshProfile } = useProfile({
+        address: account?.address,
+        fresh: true,
+    });
+    const rawAvatarUrl = user?.avatar ? getIpfsUrl(user?.avatar) : profile?.avatar;
+    const avatarUrl = validateImageUrl(rawAvatarUrl);
+    const safePreviewUrl = validateImageUrl(previewUrl);
+    const hasAvatar = !!avatarUrl;
+    const currentUsername = user?.username || "";
+    const handleFileSelect = (event) => {
+        const file = event.target.files?.[0];
+        if (file) {
+            // Validate file type
+            if (!file.type.startsWith("image/")) {
+                toast.error("Please select an image file");
+                return;
+            }
+            // Validate file size (max 5MB)
+            if (file.size > 5 * 1024 * 1024) {
+                toast.error("File size must be less than 5MB");
+                return;
+            }
+            setSelectedFile(file);
+            // Create preview URL
+            const url = URL.createObjectURL(file);
+            setPreviewUrl(url);
+        }
+    };
+    const handleRemoveFile = () => {
+        setSelectedFile(null);
+        if (previewUrl) {
+            URL.revokeObjectURL(previewUrl);
+            setPreviewUrl(null);
+        }
+        if (fileInputRef.current) {
+            fileInputRef.current.value = "";
+        }
+    };
+    const handleSave = async () => {
+        // Check if there are any changes
+        const hasAvatarChange = selectedFile !== null;
+        const hasUsernameChange = username.trim() !== "" && username !== currentUsername;
+        if (!hasAvatarChange && !hasUsernameChange) {
+            toast.error("Please make at least one change");
+            return;
+        }
+        setIsSaving(true);
+        try {
+            let ipfsUrl;
+            // Upload avatar if selected
+            if (hasAvatarChange && selectedFile) {
+                debug("Starting upload to IPFS", selectedFile);
+                setIsUploading(true);
+                ipfsUrl = await upload({
+                    client,
+                    files: [selectedFile],
+                });
+                debug("Upload successful", ipfsUrl);
+                setIsUploading(false);
+            }
+            // Update user profile
+            let updatedUser = user;
+            // If both avatar and username need updating, do them sequentially
+            // Update avatar first if uploaded
+            if (ipfsUrl) {
+                // @ts-expect-error this resolved fine, look into why expect-error needed
+                updatedUser = await app.service("users").setAvatar({
+                    avatar: ipfsUrl,
+                }, 
+                // @ts-expect-error - our typed client is expecting context even though it's set elsewhere
+                {});
+            }
+            // Update username if changed (this will use the updated user from avatar change if both were updated)
+            if (hasUsernameChange && user?._id) {
+                // @ts-expect-error this resolved fine, look into why expect-error needed
+                updatedUser = await app.service("users").registerUsername({ username: username }, 
+                // @ts-expect-error - our typed client is expecting context even though it's set elsewhere
+                {});
+            }
+            // Update user state
+            setUser(updatedUser);
+            // Refresh profile to get updated data
+            await refreshProfile();
+            // Show success message
+            const changes = [];
+            if (hasAvatarChange)
+                changes.push("avatar");
+            if (hasUsernameChange)
+                changes.push("username");
+            toast.success(`Successfully updated ${changes.join(" and ")}!`);
+            onSuccess?.();
+            // Clean up
+            handleRemoveFile();
+            setUsername("");
+        }
+        catch (error) {
+            debug("Error updating profile:", error);
+            toast.error("Failed to update profile. Please try again.");
+        }
+        finally {
+            setIsUploading(false);
+            setIsSaving(false);
+        }
+    };
+    const handleFileInputClick = () => {
+        fileInputRef.current?.click();
+    };
+    const isLoading = isUploading || isSaving;
+    const hasChanges = selectedFile !== null || (username.trim() !== "" && username !== currentUsername);
+    return (_jsxs("div", { className: cn("flex flex-col items-center justify-center space-y-6 p-8", className), children: [_jsxs("div", { className: "space-y-2 text-center", children: [_jsx("h2", { className: "font-neue-montreal-semibold text-b3-grey text-2xl", children: "Edit Your Profile" }), _jsx("p", { className: "text-b3-foreground-muted font-neue-montreal-medium", children: "Update your avatar and username" })] }), _jsxs("div", { className: "w-full max-w-md space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-b3-grey font-neue-montreal-semibold text-sm", children: "Avatar" }), _jsx("div", { className: "flex justify-center", children: safePreviewUrl || avatarUrl ? (_jsxs("div", { className: "relative", children: [_jsx("div", { className: "border-b3-primary-blue h-32 w-32 overflow-hidden rounded-full border-4", children: _jsx("img", { src: safePreviewUrl || avatarUrl || "", alt: safePreviewUrl ? "Preview" : "Current avatar", className: "h-full w-full object-cover" }) }), safePreviewUrl && (_jsx("button", { onClick: handleRemoveFile, className: "bg-b3-negative absolute -right-2 -top-2 flex h-8 w-8 items-center justify-center rounded-full text-white transition-colors hover:bg-red-600", disabled: isLoading, children: _jsx(X, { size: 16 }) }))] })) : (_jsx("div", { className: "bg-b3-primary-wash h-32 w-32 rounded-full" })) }), !selectedFile && (_jsxs(Button, { variant: "outline", onClick: handleFileInputClick, disabled: isLoading, className: "w-full", children: [_jsx(Upload, { className: "mr-2 h-4 w-4" }), hasAvatar ? "Change Avatar" : "Upload Avatar"] })), _jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", onChange: handleFileSelect, className: "hidden" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "username", className: "text-b3-grey font-neue-montreal-semibold text-sm", children: "Username" }), _jsx("input", { id: "username", type: "text", value: username, onChange: e => setUsername(e.target.value), placeholder: currentUsername || "Enter username", className: "border-b3-line bg-b3-background text-b3-grey placeholder:text-b3-foreground-muted font-neue-montreal-medium focus:border-b3-primary-blue w-full rounded-lg border px-4 py-3 transition-colors focus:outline-none", disabled: isLoading }), currentUsername && (_jsxs("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-xs", children: ["Current: ", currentUsername] }))] })] }), _jsx("div", { className: "flex w-full max-w-md gap-3", children: _jsx(Button, { onClick: handleSave, disabled: isLoading || !hasChanges, className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 flex-1 text-white disabled:opacity-50", children: isLoading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isUploading ? "Uploading..." : "Saving..."] })) : (_jsxs(_Fragment, { children: [_jsx(Check, { className: "mr-2 h-4 w-4" }), "Save Changes"] })) }) }), _jsx("div", { className: "text-b3-foreground-muted font-neue-montreal-medium max-w-md text-center text-xs", children: _jsx("p", { children: "Your avatar will be uploaded to IPFS and stored securely. Make sure you have the rights to use this image." }) })] }));
+}

package/dist/esm/global-account/react/components/SignInWithB3/SignInWithB3Flow.js

@@ -19,6 +19,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
     const { setB3ModalContentType, setB3ModalOpen, isOpen } = useModalStore();
     const account = useActiveAccount();
     const isAuthenticating = useAuthStore(state => state.isAuthenticating);
+    const isAuthenticated = useAuthStore(state => state.isAuthenticated);
     const isConnected = useAuthStore(state => state.isConnected);
     const [refetchCount, setRefetchCount] = useState(0);
     const [refetchError, setRefetchError] = useState(null);
@@ -61,7 +62,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
             isOpen,
             source,
         });
-        if (isConnected) {
+        if (isConnected && isAuthenticated) {
             // Check if we already have a signer for this partner
             const hasExistingSigner = signers?.some(signer => signer.partner.id === partnerId);
             if (hasExistingSigner) {
@@ -111,6 +112,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         signersEnabled,
         isConnected,
         isAuthenticating,
+        isAuthenticated,
         isOpen,
     ]);
     debug("render", {

package/dist/esm/global-account/react/components/SignInWithB3/steps/LoginStep.js

@@ -37,8 +37,8 @@ export function LoginStep({ onSuccess, chain }) {
             }, header: {
                 title: "Sign in with B3",
                 titleIcon: "https://cdn.b3.fun/b3_logo.svg",
-            }, className: "b3-login-step", onConnect: async (wallet) => {
-                await onConnect(wallet);
+            }, className: "b3-login-step", onConnect: async (wallet, allConnectedWallets) => {
+                await onConnect(wallet, allConnectedWallets);
                 const account = wallet.getAccount();
                 if (!account)
                     throw new Error("No account found");

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

@@ -13,6 +13,8 @@ export { SignInWithB3Privy } from "./SignInWithB3/SignInWithB3Privy";
 export { LoginStepContainer } from "./SignInWithB3/steps/LoginStep";
 export { getConnectOptionsFromStrategy, isWalletType, type AllowedStrategy } from "./SignInWithB3/utils/signInUtils";
 export { ManageAccount } from "./ManageAccount/ManageAccount";
+export { AvatarEditor } from "./AvatarEditor/AvatarEditor";
+export { ProfileEditor } from "./ProfileEditor/ProfileEditor";
 export { RequestPermissions } from "./RequestPermissions/RequestPermissions";
 export { RequestPermissionsButton } from "./RequestPermissions/RequestPermissionsButton";
 export { AccountAssets } from "./AccountAssets/AccountAssets";

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

@@ -16,6 +16,9 @@ export { LoginStepContainer } from "./SignInWithB3/steps/LoginStep.js";
 export { getConnectOptionsFromStrategy, isWalletType } from "./SignInWithB3/utils/signInUtils.js";
 // ManageAccount Components
 export { ManageAccount } from "./ManageAccount/ManageAccount.js";
+// Profile Components
+export { AvatarEditor } from "./AvatarEditor/AvatarEditor.js";
+export { ProfileEditor } from "./ProfileEditor/ProfileEditor.js";
 // RequestPermissions Components
 export { RequestPermissions } from "./RequestPermissions/RequestPermissions.js";
 export { RequestPermissionsButton } from "./RequestPermissions/RequestPermissionsButton.js";

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

@@ -32,11 +32,12 @@ export { useSearchParamsSSR } from "./useSearchParamsSSR";
 export { useSimBalance } from "./useSimBalance";
 export { useSiwe } from "./useSiwe";
 export { useTokenBalance } from "./useTokenBalance";
+export { useTokenBalanceDirect } from "./useTokenBalanceDirect";
 export { useTokenBalancesByChain } from "./useTokenBalancesByChain";
 export { useTokenData } from "./useTokenData";
 export { useTokenFromUrl } from "./useTokenFromUrl";
 export { useTokenPrice } from "./useTokenPrice";
 export { useTokenPriceWithFallback } from "./useTokenPriceWithFallback";
 export { useTokensFromAddress } from "./useTokensFromAddress";
-export { useUnifiedChainSwitchAndExecute } from "./useUnifiedChainSwitchAndExecute";
 export { useURLParams } from "./useURLParams";
+export { useUnifiedChainSwitchAndExecute } from "./useUnifiedChainSwitchAndExecute";

package/dist/esm/global-account/react/hooks/index.js

@@ -32,11 +32,12 @@ export { useSearchParamsSSR } from "./useSearchParamsSSR.js";
 export { useSimBalance } from "./useSimBalance.js";
 export { useSiwe } from "./useSiwe.js";
 export { useTokenBalance } from "./useTokenBalance.js";
+export { useTokenBalanceDirect } from "./useTokenBalanceDirect.js";
 export { useTokenBalancesByChain } from "./useTokenBalancesByChain.js";
 export { useTokenData } from "./useTokenData.js";
 export { useTokenFromUrl } from "./useTokenFromUrl.js";
 export { useTokenPrice } from "./useTokenPrice.js";
 export { useTokenPriceWithFallback } from "./useTokenPriceWithFallback.js";
 export { useTokensFromAddress } from "./useTokensFromAddress.js";
-export { useUnifiedChainSwitchAndExecute } from "./useUnifiedChainSwitchAndExecute.js";
 export { useURLParams } from "./useURLParams.js";
+export { useUnifiedChainSwitchAndExecute } from "./useUnifiedChainSwitchAndExecute.js";

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

@@ -8,9 +8,9 @@ export declare function useAuthentication(partnerId: string): {
     isConnected: boolean;
     wallet: import("thirdweb/dist/types/wallets/in-app/core/wallet/types").EcosystemWallet;
     preAuthenticate: typeof preAuthenticate;
-    connect: (wallet: Wallet) => Promise<void>;
+    connect: (_walleAutoConnectedWith: Wallet, allConnectedWallets: Wallet[]) => Promise<void>;
     isAuthenticating: boolean;
-    onConnect: (wallet: Wallet) => Promise<void>;
+    onConnect: (_walleAutoConnectedWith: Wallet, allConnectedWallets: Wallet[]) => Promise<void>;
     user: {
         email?: string | undefined;
         username?: string | undefined;

package/dist/esm/global-account/react/hooks/useAuthentication.js

@@ -136,7 +136,12 @@ export function useAuthentication(partnerId) {
             return userAuth;
         }
     }, [activeWallet, partnerId, authenticate, setIsAuthenticated, setIsAuthenticating, setUser, setHasStartedConnecting]);
-    const onConnect = useCallback(async (wallet) => {
+    const onConnect = useCallback(async (_walleAutoConnectedWith, allConnectedWallets) => {
+        debug("@@useAuthentication:onConnect", { _walleAutoConnectedWith, allConnectedWallets });
+        const wallet = allConnectedWallets.find(wallet => wallet.id.startsWith("ecosystem."));
+        if (!wallet) {
+            throw new Error("No smart wallet found during auto-connect");
+        }
         debug("@@useAuthentication:onConnect", { wallet });
         try {
             setHasStartedConnecting(true);
@@ -203,7 +208,7 @@ export function useAuthentication(partnerId) {
     const { isLoading: useAutoConnectLoading } = useAutoConnect({
         client,
         wallets: [wallet],
-        onConnect: onConnect,
+        onConnect,
     });
     /**
      * useAutoConnectLoading starts as false

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

@@ -21,4 +21,4 @@ export interface SimBalanceResponse {
     wallet_address: string;
     balances: SimBalanceItem[];
 }
-export declare function useSimBalance(address?: string): import("@tanstack/react-query").UseQueryResult<SimBalanceResponse, Error>;
+export declare function useSimBalance(address?: string, chainIdsParam?: number[]): import("@tanstack/react-query").UseQueryResult<SimBalanceResponse, Error>;

package/dist/esm/global-account/react/hooks/useSimBalance.js

@@ -1,8 +1,9 @@
 import { useQuery } from "@tanstack/react-query";
-async function fetchSimBalance(address) {
+async function fetchSimBalance(address, chainIdsParam) {
     if (!address)
         throw new Error("Address is required");
-    let url = `https://simdune-api.sean-430.workers.dev/?url=https://api.sim.dune.com/v1/evm/balances/${address}?metadata=logo&chain_ids=mainnet`;
+    const chainIds = chainIdsParam.length === 0 ? "mainnet" : chainIdsParam.join(",");
+    let url = `https://simdune-api.sean-430.workers.dev/?url=https://api.sim.dune.com/v1/evm/balances/${address}?metadata=logo&chain_ids=${chainIds}`;
     if (process.env.NEXT_PUBLIC_LOCAL_KEY) {
         url += `&localkey=${process.env.NEXT_PUBLIC_LOCAL_KEY}`;
     }
@@ -13,13 +14,13 @@ async function fetchSimBalance(address) {
     const balanceData = await response.json();
     return balanceData;
 }
-export function useSimBalance(address) {
+export function useSimBalance(address, chainIdsParam) {
     return useQuery({
-        queryKey: ["simBalance", address],
+        queryKey: ["simBalance", address, chainIdsParam],
         queryFn: () => {
             if (!address)
                 throw new Error("Address is required");
-            return fetchSimBalance(address);
+            return fetchSimBalance(address, chainIdsParam || []);
         },
         enabled: Boolean(address),
     });

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

@@ -0,0 +1,12 @@
+import { components } from "../../../anyspend/types/api";
+interface UseTokenBalanceProps {
+    token: components["schemas"]["Token"];
+    address?: string;
+}
+export interface TokenBalanceResult {
+    rawBalance: bigint | null;
+    formattedBalance: string;
+    isLoading: boolean;
+}
+export declare function useTokenBalanceDirect({ token, address }: UseTokenBalanceProps): TokenBalanceResult;
+export {};

package/dist/esm/global-account/react/hooks/useTokenBalanceDirect.js

@@ -0,0 +1,59 @@
+"use client";
+import { isNativeToken } from "../../../anyspend/index.js";
+import { useAccountWallet } from "../../../global-account/react/index.js";
+import { formatTokenAmount } from "../../../shared/utils/number.js";
+import { getERC20Balances, getNativeTokenBalance } from "../../../shared/utils/thirdweb-insights.js";
+import { useQuery } from "@tanstack/react-query";
+import { useEffect } from "react";
+export function useTokenBalanceDirect({ token, address }) {
+    const account = useAccountWallet();
+    const effectiveAddress = address || account?.address;
+    const { data: tokenBalance, isLoading, isFetching, refetch, } = useQuery({
+        queryKey: ["tokenBalance", effectiveAddress, token.chainId, token.address],
+        queryFn: async () => {
+            if (!effectiveAddress)
+                return { formatted: "0", raw: null };
+            if (isNativeToken(token.address)) {
+                const nativeToken = await getNativeTokenBalance(effectiveAddress, token.chainId);
+                if (nativeToken && nativeToken.balance) {
+                    const rawBalance = nativeToken.balance;
+                    return {
+                        formatted: formatTokenAmount(BigInt(rawBalance), Number(nativeToken.decimals || 18)),
+                        raw: BigInt(rawBalance),
+                    };
+                }
+                return { formatted: "0", raw: null };
+            }
+            const response = await getERC20Balances(effectiveAddress, {
+                chainIds: [token.chainId],
+                includeSpam: false,
+            });
+            const tokenBalance = response.data?.find(t => t.token_address === token.address);
+            if (tokenBalance?.balance) {
+                return {
+                    formatted: formatTokenAmount(BigInt(tokenBalance.balance), Number(tokenBalance.decimals || 18)),
+                    raw: BigInt(tokenBalance.balance),
+                };
+            }
+            return { formatted: "0", raw: null };
+        },
+        enabled: !!effectiveAddress,
+        staleTime: 30000,
+        gcTime: 5 * 60 * 1000,
+        retry: 2,
+        structuralSharing: false,
+    });
+    // Force a refetch when the wallet or token changes
+    useEffect(() => {
+        if (effectiveAddress) {
+            refetch();
+        }
+    }, [effectiveAddress, token.address, token.chainId, token.symbol, refetch]);
+    // Determine if we're actually loading
+    const isActuallyLoading = !effectiveAddress || isLoading || (isFetching && !tokenBalance);
+    return {
+        rawBalance: tokenBalance?.raw || BigInt(0),
+        formattedBalance: tokenBalance?.formatted || "0",
+        isLoading: isActuallyLoading,
+    };
+}

package/dist/esm/global-account/react/hooks/useTokenFromUrl.js

@@ -28,10 +28,11 @@ export function useTokenFromUrl({ defaultToken, prefix }) {
     // Get parameters from URL
     const currencyParam = searchParams.get(`${prefix}Currency`);
     const chainIdParam = searchParams.get(`${prefix}ChainId`);
-    // Determine if we should fetch token info
-    const shouldFetchToken = Boolean(currencyParam && chainIdParam && currencyParam.toLowerCase() !== defaultToken.address.toLowerCase());
     // Determine network based on chainId
-    const network = chainIdParam ? getCoingeckoChainInfo(Number(chainIdParam)).coingecko_id : "";
+    const chainInfo = chainIdParam ? getCoingeckoChainInfo(Number(chainIdParam)) : null;
+    const network = chainInfo?.coingecko_id || "";
+    // Determine if we should fetch token info
+    const shouldFetchToken = Boolean(currencyParam && chainIdParam && chainInfo && currencyParam.toLowerCase() !== defaultToken.address.toLowerCase());
     const { data: tokenInfo, isError } = useQuery({
         queryKey: ["tokenInfo", network, currencyParam],
         queryFn: () => fetchTokenInfo(network, currencyParam || ""),

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

@@ -210,6 +210,20 @@ export interface AnySpendStakeB3Props extends BaseModalProps {
     /** Callback function called when the stake is successful */
     onSuccess?: () => void;
 }
+/**
+ * Props for the AnySpend Stake B3 (Custom Exact In) modal
+ * Handles B3 token staking operations using the custom exact in flow
+ */
+export interface AnySpendStakeB3ExactInProps extends BaseModalProps {
+    /** Modal type identifier */
+    type: "anySpendStakeB3ExactIn";
+    /** Recipient address to stake B3 for */
+    recipientAddress: string;
+    /** Stake amount */
+    stakeAmount?: string;
+    /** Callback function called when the stake is successful */
+    onSuccess?: () => void;
+}
 /**
  * Props for the AnySpend Stake Contract modal
  * Handles token staking operations to a given contract
@@ -230,6 +244,22 @@ export interface AnySpendStakeUpsideProps extends BaseModalProps {
     /** Callback function called when the stake is successful */
     onSuccess?: () => void;
 }
+/**
+ * Props for the AnySpend Stake Upside (Exact In) modal
+ * Handles token staking operations using the custom exact in flow
+ */
+export interface AnySpendStakeUpsideExactInProps extends BaseModalProps {
+    /** Modal type identifier */
+    type: "anySpendStakeUpsideExactIn";
+    /** Recipient address to stake tokens for */
+    recipientAddress: string;
+    /** Staking contract address */
+    stakingContractAddress: string;
+    /** Token to stake */
+    token: components["schemas"]["Token"];
+    /** Callback function called when the stake is successful */
+    onSuccess?: () => void;
+}
 /**
  * Props for the AnySpend Buy Spin modal
  * Handles spin wheel entry purchases
@@ -321,10 +351,16 @@ export interface AvatarEditorModalProps extends BaseModalProps {
     /** Callback function called when avatar is successfully set */
     onSuccess?: () => void;
 }
+export interface ProfileEditorModalProps extends BaseModalProps {
+    /** Modal type identifier */
+    type: "profileEditor";
+    /** Callback function called when profile is successfully updated */
+    onSuccess?: () => void;
+}
 /**
  * Union type of all possible modal content types
  */
-export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeUpsideProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps;
+export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | ProfileEditorModalProps;
 /**
  * State interface for the modal store
  */

package/dist/esm/global-account/react/utils/profileDisplay.d.ts

@@ -1,4 +1,10 @@
 import { type Profile } from "thirdweb/wallets";
+/**
+ * Validates that an image URL uses an allowed schema
+ * @param url - The URL to validate
+ * @returns The URL if valid, null otherwise
+ */
+export declare function validateImageUrl(url: string | null | undefined): string | null;
 export interface ExtendedProfileDetails {
     id?: string;
     email?: string;