@b3dotfun/sdk 0.0.73-test.3 → 0.0.74-alpha.0

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

@@ -1,151 +0,0 @@
-"use strict";
-"use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfileEditor = ProfileEditor;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ens_normalize_1 = require("@adraffy/ens-normalize");
-const app_1 = __importDefault(require("../../../../global-account/app"));
-const react_1 = require("../../../../global-account/react");
-const profileDisplay_1 = require("../../../../global-account/react/utils/profileDisplay");
-const cn_1 = require("../../../../shared/utils/cn");
-const debug_1 = require("../../../../shared/utils/debug");
-const ipfs_1 = require("../../../../shared/utils/ipfs");
-const thirdweb_1 = require("../../../../shared/utils/thirdweb");
-const lucide_react_1 = require("lucide-react");
-const react_2 = require("react");
-const sonner_1 = require("sonner");
-const react_3 = require("thirdweb/react");
-const storage_1 = require("thirdweb/storage");
-const debug = (0, debug_1.debugB3React)("ProfileEditor");
-function ProfileEditor({ onSuccess, className }) {
-    const [selectedFile, setSelectedFile] = (0, react_2.useState)(null);
-    const [previewUrl, setPreviewUrl] = (0, react_2.useState)(null);
-    const [username, setUsername] = (0, react_2.useState)("");
-    const [isUploading, setIsUploading] = (0, react_2.useState)(false);
-    const [isSaving, setIsSaving] = (0, react_2.useState)(false);
-    const fileInputRef = (0, react_2.useRef)(null);
-    const { user, setUser } = (0, react_1.useB3)();
-    const account = (0, react_3.useActiveAccount)();
-    const { data: profile, refetch: refreshProfile } = (0, react_1.useProfile)({
-        address: account?.address,
-        fresh: true,
-    });
-    const rawAvatarUrl = user?.avatar ? (0, ipfs_1.getIpfsUrl)(user?.avatar) : profile?.avatar;
-    const avatarUrl = (0, profileDisplay_1.validateImageUrl)(rawAvatarUrl);
-    const safePreviewUrl = (0, profileDisplay_1.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/")) {
-                sonner_1.toast.error("Please select an image file");
-                return;
-            }
-            // Validate file size (max 5MB)
-            if (file.size > 5 * 1024 * 1024) {
-                sonner_1.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) {
-            sonner_1.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 (0, storage_1.upload)({
-                    client: thirdweb_1.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_1.default.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) {
-                const sanitizedUsername = (0, ens_normalize_1.ens_normalize)(username);
-                const b3Username = `${sanitizedUsername}.b3.fun`;
-                const usernameSignMessage = `Register "${b3Username}"`;
-                const usernameSignature = await account?.signMessage({ message: usernameSignMessage });
-                if (!usernameSignature) {
-                    throw new Error("Failed to sign username registration message");
-                }
-                console.log("@@usernameSignature", usernameSignature);
-                // Register username with ENS
-                // Note: Type assertion needed until @b3dotfun/b3-api package is updated with RegisterUsername type
-                updatedUser = (await app_1.default
-                    .service("users")
-                    .registerUsername({ username, message: usernameSignMessage, hash: usernameSignature }, {}));
-            }
-            // 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");
-            sonner_1.toast.success(`Successfully updated ${changes.join(" and ")}!`);
-            onSuccess?.();
-            // Clean up
-            handleRemoveFile();
-            setUsername("");
-        }
-        catch (error) {
-            debug("Error updating profile:", error);
-            sonner_1.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 ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("flex flex-col items-center justify-center space-y-6 p-8", className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-2 text-center", children: [(0, jsx_runtime_1.jsx)("h2", { className: "font-neue-montreal-semibold text-b3-grey text-2xl", children: "Edit Your Profile" }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium", children: "Update your avatar and username" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full max-w-md space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-b3-grey font-neue-montreal-semibold text-sm", children: "Avatar" }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-center", children: safePreviewUrl || avatarUrl ? ((0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "border-b3-primary-blue h-32 w-32 overflow-hidden rounded-full border-4", children: (0, jsx_runtime_1.jsx)("img", { src: safePreviewUrl || avatarUrl || "", alt: safePreviewUrl ? "Preview" : "Current avatar", className: "h-full w-full object-cover" }) }), safePreviewUrl && ((0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 16 }) }))] })) : ((0, jsx_runtime_1.jsx)("div", { className: "bg-b3-primary-wash h-32 w-32 rounded-full" })) }), !selectedFile && ((0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "outline", onClick: handleFileInputClick, disabled: isLoading, className: "w-full", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Upload, { className: "mr-2 h-4 w-4" }), hasAvatar ? "Change Avatar" : "Upload Avatar"] })), (0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", accept: "image/*", onChange: handleFileSelect, className: "hidden" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "username", className: "text-b3-grey font-neue-montreal-semibold text-sm", children: "Username" }), (0, jsx_runtime_1.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 && ((0, jsx_runtime_1.jsxs)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-xs", children: ["Current: ", currentUsername] }))] })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex w-full max-w-md gap-3", children: (0, jsx_runtime_1.jsx)(react_1.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 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isUploading ? "Uploading..." : "Saving..."] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "mr-2 h-4 w-4" }), "Save Changes"] })) }) }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium max-w-md text-center text-xs", children: (0, jsx_runtime_1.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/ManageAccount/BalanceContent.d.ts

@@ -1,7 +0,0 @@
-interface BalanceContentProps {
-    onLogout?: () => void;
-    showDeposit?: boolean;
-    showSwap?: boolean;
-}
-export declare function BalanceContent({ onLogout, showDeposit, showSwap }: BalanceContentProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,104 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, CopyToClipboard, useAuthentication, useB3, useB3BalanceFromAddresses, useGlobalAccount, useModalStore, useNativeBalance, useProfile, } from "../../../../global-account/react/index.js";
-import { BankIcon } from "../../../../global-account/react/components/icons/BankIcon.js";
-import { SignOutIcon } from "../../../../global-account/react/components/icons/SignOutIcon.js";
-import { SwapIcon } from "../../../../global-account/react/components/icons/SwapIcon.js";
-import { formatUsername } from "../../../../shared/utils/index.js";
-import { getIpfsUrl } from "../../../../shared/utils/ipfs.js";
-import { Loader2, Pencil } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
-import { useActiveAccount } from "thirdweb/react";
-import { useFirstEOA } from "../../hooks/useFirstEOA.js";
-import { B3TokenIcon, EthereumTokenIcon } from "../TokenIcon.js";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../ui/accordion.js";
-import { TokenBalanceRow } from "./TokenBalanceRow.js";
-function centerTruncate(str, length = 4) {
-    if (str.length <= length * 2)
-        return str;
-    return `${str.slice(0, length)}...${str.slice(-length)}`;
-}
-export function BalanceContent({ onLogout, showDeposit = true, showSwap = true }) {
-    const account = useActiveAccount();
-    const globalAccount = useGlobalAccount();
-    const { address: eoaAddress, info: eoaInfo } = useFirstEOA();
-    const { data: profile } = useProfile({
-        address: eoaAddress || account?.address,
-        fresh: true,
-    });
-    const { user, partnerId } = useB3();
-    const { setB3ModalOpen, setB3ModalContentType, navigateBack } = useModalStore();
-    const { logout } = useAuthentication(partnerId);
-    const [logoutLoading, setLogoutLoading] = useState(false);
-    const [openAccordions, setOpenAccordions] = useState([]);
-    const hasExpandedRef = useRef(false);
-    const avatarUrl = user?.avatar ? getIpfsUrl(user?.avatar) : profile?.avatar;
-    const handleEditProfile = () => {
-        setB3ModalOpen(true);
-        setB3ModalContentType({
-            type: "profileEditor",
-            showBackButton: true,
-            onSuccess: () => {
-                // navigate back on success
-                navigateBack();
-            },
-        });
-    };
-    console.log("eoaAddress", eoaAddress);
-    console.log("account?.address", account?.address);
-    console.log("globalAccount", globalAccount);
-    // Balance data fetching
-    const { data: eoaNativeBalance, isLoading: eoaNativeLoading } = useNativeBalance(eoaAddress);
-    const { data: eoaB3Balance, isLoading: eoaB3Loading } = useB3BalanceFromAddresses(eoaAddress);
-    const { data: b3Balance, isLoading: b3Loading } = useB3BalanceFromAddresses(globalAccount?.address);
-    const { data: nativeBalance, isLoading: nativeLoading } = useNativeBalance(globalAccount?.address);
-    // Calculate total USD values for comparison
-    const globalAccountTotalUsd = (b3Balance?.balanceUsd || 0) + (nativeBalance?.totalUsd || 0);
-    const eoaTotalUsd = (eoaB3Balance?.balanceUsd || 0) + (eoaNativeBalance?.totalUsd || 0);
-    // Check if both data sets are ready (not loading and have data)
-    const isGlobalDataReady = !b3Loading && !nativeLoading && b3Balance !== undefined && nativeBalance !== undefined;
-    const isEoaDataReady = !eoaAddress || (!eoaB3Loading && !eoaNativeLoading && eoaB3Balance !== undefined && eoaNativeBalance !== undefined);
-    const isBothDataReady = isGlobalDataReady && isEoaDataReady;
-    // Reset expansion flag when component mounts
-    useEffect(() => {
-        hasExpandedRef.current = false;
-        setOpenAccordions([]);
-    }, []);
-    // Auto-expand the appropriate section when data becomes ready
-    useEffect(() => {
-        if (isBothDataReady && !hasExpandedRef.current && eoaAddress && account?.address) {
-            hasExpandedRef.current = true;
-            // Determine which section to expand based on higher balance
-            if (globalAccountTotalUsd === 0 && eoaTotalUsd === 0) {
-                // If both have 0 balance, expand global account by default
-                setOpenAccordions(["global-account"]);
-            }
-            else if (globalAccountTotalUsd >= eoaTotalUsd) {
-                setOpenAccordions(["global-account"]);
-            }
-            else {
-                setOpenAccordions(["eoa-account"]);
-            }
-        }
-    }, [isBothDataReady, globalAccountTotalUsd, eoaTotalUsd, eoaAddress, account?.address]);
-    const onLogoutEnhanced = async () => {
-        setLogoutLoading(true);
-        await logout();
-        onLogout?.();
-        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: 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",
-                                defaultActiveTab: "fiat",
-                                showBackButton: true,
-                            });
-                        }, children: [_jsx(BankIcon, { size: 24, className: "text-b3-primary-blue shrink-0" }), _jsx("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Deposit" })] })), showSwap && (_jsxs(Button, { className: "manage-account-swap bg-b3-primary-wash hover:bg-b3-primary-wash/70 flex h-[84px] w-full flex-col items-start gap-2 rounded-2xl", onClick: () => {
-                            setB3ModalOpen(true);
-                            setB3ModalContentType({
-                                type: "anySpend",
-                                showBackButton: true,
-                            });
-                        }, children: [_jsx(SwapIcon, { size: 24, className: "text-b3-primary-blue" }), _jsx("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Swap" })] }))] })), _jsxs(Accordion, { type: "multiple", value: openAccordions, onValueChange: setOpenAccordions, className: "space-y-2", children: [_jsxs(AccordionItem, { value: "global-account", className: "border-none", children: [_jsx(AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: _jsx("span", { children: "Smart Account Balance" }) }), _jsxs(AccordionContent, { className: "space-y-4", children: [_jsx(TokenBalanceRow, { icon: _jsx(B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${b3Balance?.formattedTotal || "0.00"} B3`, usdValue: b3Balance?.balanceUsdFormatted || "0.00", priceChange: b3Balance?.priceChange24h }), _jsx(TokenBalanceRow, { icon: _jsx(EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${nativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: nativeBalance?.formattedTotalUsd || "0.00", priceChange: nativeBalance?.priceChange24h })] })] }), eoaAddress && (_jsxs(AccordionItem, { value: "eoa-account", className: "border-none", children: [_jsx(AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { children: eoaInfo?.data?.name || "Wallet" }), _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(eoaAddress, 6) }), _jsx(CopyToClipboard, { text: eoaAddress })] })] }) }), _jsxs(AccordionContent, { className: "space-y-4", children: [_jsx(TokenBalanceRow, { icon: _jsx(B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${eoaB3Balance?.formattedTotal || "0.00"} B3`, usdValue: eoaB3Balance?.balanceUsdFormatted || "0.00", priceChange: eoaB3Balance?.priceChange24h }), _jsx(TokenBalanceRow, { icon: _jsx(EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${eoaNativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: eoaNativeBalance?.formattedTotalUsd || "0.00", priceChange: eoaNativeBalance?.priceChange24h })] })] }))] }), _jsxs("button", { className: "logout-button border-b3-line hover:bg-b3-line relative flex w-full items-center justify-center rounded-2xl border p-4 transition-colors", onClick: onLogoutEnhanced, children: [_jsx("span", { className: "font-neue-montreal-semibold text-b3-grey", children: "Sign out" }), _jsx("div", { className: "absolute right-4", children: logoutLoading ? (_jsx(Loader2, { className: "animate-spin", size: 16 })) : (_jsx(SignOutIcon, { size: 16, className: "text-b3-grey" })) })] })] }));
-}

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

@@ -1,6 +0,0 @@
-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

@@ -1,145 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ens_normalize } from "@adraffy/ens-normalize";
-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) {
-                const sanitizedUsername = ens_normalize(username);
-                const b3Username = `${sanitizedUsername}.b3.fun`;
-                const usernameSignMessage = `Register "${b3Username}"`;
-                const usernameSignature = await account?.signMessage({ message: usernameSignMessage });
-                if (!usernameSignature) {
-                    throw new Error("Failed to sign username registration message");
-                }
-                console.log("@@usernameSignature", usernameSignature);
-                // Register username with ENS
-                // Note: Type assertion needed until @b3dotfun/b3-api package is updated with RegisterUsername type
-                updatedUser = (await app
-                    .service("users")
-                    .registerUsername({ username, message: usernameSignMessage, hash: usernameSignature }, {}));
-            }
-            // 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/types/global-account/react/components/ManageAccount/BalanceContent.d.ts

@@ -1,7 +0,0 @@
-interface BalanceContentProps {
-    onLogout?: () => void;
-    showDeposit?: boolean;
-    showSwap?: boolean;
-}
-export declare function BalanceContent({ onLogout, showDeposit, showSwap }: BalanceContentProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

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