@b3dotfun/sdk 0.0.73 → 0.0.74-alpha.1

package/src/global-account/react/utils/notificationsAPI.ts

@@ -0,0 +1,305 @@
+import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
+
+const debug = debugB3React("notificationsAPI");
+
+const API_URL = "https://notifications.b3.fun";
+
+export interface NotificationChannel {
+  id: number;
+  channel_type: "email" | "telegram" | "discord" | "sms" | "whatsapp" | "in_app";
+  enabled: number;
+  channel_identifier: string;
+}
+
+export interface UserData {
+  user: {
+    id: number;
+    user_id: string;
+  };
+  channels: NotificationChannel[];
+  appSettings: Array<{
+    app_id: string;
+    notification_type: string;
+    enabled: number;
+    channels: string;
+  }>;
+}
+
+export interface NotificationSettings {
+  notificationType: string;
+  channels: string[];
+}
+
+export const notificationsAPI = {
+  /**
+   * Register user (requires JWT)
+   */
+  async registerUser(jwtToken: string): Promise<UserData> {
+    const res = await fetch(`${API_URL}/users`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${jwtToken}`,
+      },
+    });
+    if (!res.ok) {
+      throw new Error(`Failed to register user: ${res.statusText}`);
+    }
+    return res.json();
+  },
+
+  /**
+   * Get user data (requires JWT)
+   */
+  async getUser(userId: string, jwtToken: string): Promise<UserData> {
+    const res = await fetch(`${API_URL}/users/${userId}`, {
+      headers: {
+        Authorization: `Bearer ${jwtToken}`,
+      },
+    });
+    if (!res.ok) {
+      throw new Error(`Failed to get user: ${res.statusText}`);
+    }
+    return res.json();
+  },
+
+  /**
+   * Connect email (requires JWT)
+   */
+  async connectEmail(userId: string, email: string, jwtToken: string): Promise<any> {
+    const res = await fetch(`${API_URL}/users/${userId}/channels`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${jwtToken}`,
+      },
+      body: JSON.stringify({
+        channelType: "email",
+        channelIdentifier: email,
+        enabled: true,
+      }),
+    });
+    if (!res.ok) {
+      throw new Error(`Failed to connect email: ${res.statusText}`);
+    }
+    return res.json();
+  },
+
+  /**
+   * Connect SMS (requires JWT)
+   */
+  async connectSMS(userId: string, phoneNumber: string, jwtToken: string): Promise<any> {
+    const res = await fetch(`${API_URL}/users/${userId}/channels`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${jwtToken}`,
+      },
+      body: JSON.stringify({
+        channelType: "sms",
+        channelIdentifier: phoneNumber,
+        enabled: true,
+      }),
+    });
+    if (!res.ok) {
+      throw new Error(`Failed to connect SMS: ${res.statusText}`);
+    }
+    return res.json();
+  },
+
+  /**
+   * Connect WhatsApp (requires JWT)
+   */
+  async connectWhatsApp(userId: string, phoneNumber: string, jwtToken: string): Promise<any> {
+    const res = await fetch(`${API_URL}/users/${userId}/channels`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${jwtToken}`,
+      },
+      body: JSON.stringify({
+        channelType: "whatsapp",
+        channelIdentifier: phoneNumber,
+        enabled: true,
+      }),
+    });
+    if (!res.ok) {
+      throw new Error(`Failed to connect WhatsApp: ${res.statusText}`);
+    }
+    return res.json();
+  },
+
+  /**
+   * Connect Discord (requires JWT)
+   */
+  async connectDiscord(userId: string, discordUserId: string, jwtToken: string): Promise<any> {
+    const res = await fetch(`${API_URL}/users/${userId}/channels`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${jwtToken}`,
+      },
+      body: JSON.stringify({
+        channelType: "discord",
+        channelIdentifier: discordUserId,
+        enabled: true,
+      }),
+    });
+    if (!res.ok) {
+      throw new Error(`Failed to connect Discord: ${res.statusText}`);
+    }
+    return res.json();
+  },
+
+  /**
+   * Disconnect a channel (requires JWT)
+   * Looks up the channel ID by type and deletes it
+   */
+  async disconnectChannel(userId: string, channelType: string, jwtToken: string): Promise<any> {
+    // First, get user data to find the channel ID
+    const userData = await this.getUser(userId, jwtToken);
+    const channel = userData.channels.find((c: NotificationChannel) => c.channel_type === channelType);
+
+    if (!channel) {
+      throw new Error(`Channel ${channelType} not found`);
+    }
+
+    // Delete using the channel ID
+    const res = await fetch(`${API_URL}/users/${userId}/channels/${channel.id}`, {
+      method: "DELETE",
+      headers: {
+        Authorization: `Bearer ${jwtToken}`,
+      },
+    });
+    if (!res.ok) {
+      throw new Error(`Failed to disconnect channel: ${res.statusText}`);
+    }
+    return res.json();
+  },
+
+  /**
+   * Get Telegram deep link (requires JWT)
+   */
+  async getTelegramLink(jwtToken: string): Promise<{ deepLink: string }> {
+    const res = await fetch(`${API_URL}/telegram/request-link`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${jwtToken}`,
+      },
+    });
+    if (!res.ok) {
+      throw new Error(`Failed to get Telegram link: ${res.statusText}`);
+    }
+    return res.json();
+  },
+
+  /**
+   * Check Telegram status (requires JWT)
+   */
+  async checkTelegramStatus(userId: string, jwtToken: string): Promise<{ connected: boolean }> {
+    const res = await fetch(`${API_URL}/telegram/status/${userId}`, {
+      headers: {
+        Authorization: `Bearer ${jwtToken}`,
+      },
+    });
+    if (!res.ok) {
+      throw new Error(`Failed to check Telegram status: ${res.statusText}`);
+    }
+    return res.json();
+  },
+
+  /**
+   * Save notification preferences (requires JWT)
+   */
+  async savePreferences(userId: string, appId: string, settings: NotificationSettings, jwtToken: string): Promise<any> {
+    const res = await fetch(`${API_URL}/users/${userId}/apps/${appId}/settings`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${jwtToken}`,
+      },
+      body: JSON.stringify({
+        ...settings,
+        enabled: true,
+      }),
+    });
+    if (!res.ok) {
+      throw new Error(`Failed to save preferences: ${res.statusText}`);
+    }
+    return res.json();
+  },
+
+  /**
+   * Ensure notification settings exist for a user/app/type combination
+   * Creates default settings if they don't exist
+   */
+  async ensureNotificationSettings(
+    userId: string,
+    appId: string,
+    notificationType: string,
+    jwtToken: string,
+  ): Promise<any> {
+    // Get user's connected channels
+    const userData = await this.getUser(userId, jwtToken);
+    const enabledChannels = userData.channels
+      .filter((c: NotificationChannel) => c.enabled === 1)
+      .map((c: NotificationChannel) => c.channel_type);
+
+    if (enabledChannels.length === 0) {
+      throw new Error("No channels connected");
+    }
+
+    // Create settings with all enabled channels
+    const res = await fetch(`${API_URL}/users/${userId}/apps/${appId}/settings`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${jwtToken}`,
+      },
+      body: JSON.stringify({
+        notificationType,
+        channels: enabledChannels,
+        enabled: true,
+      }),
+    });
+
+    if (!res.ok) {
+      throw new Error(`Failed to create notification settings: ${res.statusText}`);
+    }
+    return res.json();
+  },
+
+  /**
+   * Send a test notification (requires JWT)
+   * Automatically creates settings if they don't exist
+   */
+  async sendTestNotification(userId: string, appId: string, jwtToken: string): Promise<any> {
+    // Ensure settings exist for test notifications
+    try {
+      await this.ensureNotificationSettings(userId, appId, "general", jwtToken);
+    } catch (err: any) {
+      debug("Failed to ensure settings, trying to send anyway:", err);
+    }
+
+    const res = await fetch(`${API_URL}/send`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${jwtToken}`,
+      },
+      body: JSON.stringify({
+        userId,
+        appId,
+        notificationType: "general",
+        title: "Test Notification",
+        message:
+          "This is a test notification from B3. If you received this, your notifications are working correctly! 🎉",
+      }),
+    });
+    if (!res.ok) {
+      throw new Error(`Failed to send test notification: ${res.statusText}`);
+    }
+    return res.json();
+  },
+};

package/src/global-account/react/utils/profileDisplay.ts

@@ -64,6 +64,7 @@ export function validateImageUrl(url: string | null | undefined): string | null
 }
 
 export interface ExtendedProfileDetails {
+  fid?: string;
   id?: string;
   email?: string;
   phone?: string;
@@ -71,6 +72,8 @@ export interface ExtendedProfileDetails {
   name?: string;
   username?: string;
   profileImageUrl?: string;
+  picture?: string; // Google OAuth uses 'picture' field
+  pfpUrl?: string; // Farcaster uses 'pfpUrl' field
 }
 
 export interface ExtendedProfile extends Omit<Profile, "details"> {
@@ -86,7 +89,12 @@ export interface ProfileDisplayInfo {
 }
 
 export function getProfileDisplayInfo(profile: ExtendedProfile): ProfileDisplayInfo {
-  const { type, details } = profile;
+  const { type: originalType, details } = profile;
+
+  let type = originalType as Profile["type"];
+  if (originalType === ("siwe" as any)) {
+    type = "EOA" as Profile["type"];
+  }
 
   // Default display info
   let displayInfo: ProfileDisplayInfo = {
@@ -110,9 +118,9 @@ export function getProfileDisplayInfo(profile: ExtendedProfile): ProfileDisplayI
       break;
     case "farcaster":
       displayInfo = {
-        title: details.name || details.username || "Unknown",
+        title: details.name || details.username || "FID:" + details?.fid || "Unknown",
         subtitle: details.username ? `@${details.username}` : "Farcaster Account",
-        imageUrl: validateImageUrl(details.profileImageUrl),
+        imageUrl: validateImageUrl(details.pfpUrl || details.profileImageUrl),
         initial: "F",
         type,
       };
@@ -121,7 +129,7 @@ export function getProfileDisplayInfo(profile: ExtendedProfile): ProfileDisplayI
       displayInfo = {
         title: details.name || details.email || "Unknown",
         subtitle: details.email || "Google Account",
-        imageUrl: validateImageUrl(details.profileImageUrl),
+        imageUrl: validateImageUrl(details.picture || details.profileImageUrl),
         initial: "G",
         type,
       };

package/src/global-account/react/utils/toast.ts

@@ -0,0 +1,6 @@
+/**
+ * Re-export toast utilities for easy import
+ * This allows components to import toast from a central location
+ */
+export { toast } from "../components/Toast/toastApi";
+export type { ToastItem, ToastType } from "../components/Toast/ToastContext";

package/src/shared/constants/chains/supported.ts

@@ -77,3 +77,7 @@ export function getThirdwebChain(chainId: number): ThirdwebChain {
   }
   return chain;
 }
+
+export function getChainLogo(chainId: number): string {
+  return getThirdwebChain(chainId)?.icon?.url || "";
+}

package/src/shared/utils/ipfs.ts

@@ -1,7 +1,14 @@
+/**
+ * List of IPFS gateways to use for converting ipfs:// URLs to HTTP URLs
+ * These gateways must match the allowed list in profileDisplay.ts validateImageUrl()
+ */
 const IPFS_GATEWAYS = [
-  "https://ipfs.io/ipfs",
-  "https://cloudflare-ipfs.com/ipfs",
-  // Can add more gateways as needed
+  "https://cloudflare-ipfs.com/ipfs", // Primary gateway - fast and reliable
+  "https://ipfs.io/ipfs", // Fallback gateway
+  "https://gateway.pinata.cloud/ipfs", // Additional option
+  "https://dweb.link/ipfs", // Additional option
+  "https://nftstorage.link/ipfs", // Additional option
+  "https://w3s.link/ipfs", // Additional option
 ] as const;
 
 /**

package/src/styles/index.css

@@ -278,10 +278,15 @@ html[data-theme="dark"] .b3-root,
 
 /* Custom component styles */
 .b3-modal {
-  @apply bg-b3-react-background text-b3-react-foreground rounded-2xl border;
+  @apply text-b3-react-foreground rounded-2xl border;
   border: 1px solid var(--border);
   overflow: hidden;
   outline: none;
+  padding: 10px;
+
+  @media (min-width: 768px) {
+    background: #e4e4e7;
+  }
 }
 
 .b3-modal-freestyle {
@@ -385,6 +390,8 @@ Dark version
 }
 
 .b3-login-step {
+  padding-bottom: 10px;
+
   & > div > div > div > div > div > div > div > img {
     display: none;
   }
@@ -665,3 +672,7 @@ Dark version
 .animate-accordion-up {
   animation: accordion-up 0.2s ease-out;
 }
+
+.tw-header {
+  display: none !important; /* Hide the TW "BSMNT" header */
+}

package/dist/cjs/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/cjs/global-account/react/components/ManageAccount/BalanceContent.js

@@ -1,107 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BalanceContent = BalanceContent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("../../../../global-account/react");
-const BankIcon_1 = require("../../../../global-account/react/components/icons/BankIcon");
-const SignOutIcon_1 = require("../../../../global-account/react/components/icons/SignOutIcon");
-const SwapIcon_1 = require("../../../../global-account/react/components/icons/SwapIcon");
-const utils_1 = require("../../../../shared/utils");
-const ipfs_1 = require("../../../../shared/utils/ipfs");
-const lucide_react_1 = require("lucide-react");
-const react_2 = require("react");
-const react_3 = require("thirdweb/react");
-const useFirstEOA_1 = require("../../hooks/useFirstEOA");
-const TokenIcon_1 = require("../TokenIcon");
-const accordion_1 = require("../ui/accordion");
-const TokenBalanceRow_1 = require("./TokenBalanceRow");
-function centerTruncate(str, length = 4) {
-    if (str.length <= length * 2)
-        return str;
-    return `${str.slice(0, length)}...${str.slice(-length)}`;
-}
-function BalanceContent({ onLogout, showDeposit = true, showSwap = true }) {
-    const account = (0, react_3.useActiveAccount)();
-    const globalAccount = (0, react_1.useGlobalAccount)();
-    const { address: eoaAddress, info: eoaInfo } = (0, useFirstEOA_1.useFirstEOA)();
-    const { data: profile } = (0, react_1.useProfile)({
-        address: eoaAddress || account?.address,
-        fresh: true,
-    });
-    const { user, partnerId } = (0, react_1.useB3)();
-    const { setB3ModalOpen, setB3ModalContentType, navigateBack } = (0, react_1.useModalStore)();
-    const { logout } = (0, react_1.useAuthentication)(partnerId);
-    const [logoutLoading, setLogoutLoading] = (0, react_2.useState)(false);
-    const [openAccordions, setOpenAccordions] = (0, react_2.useState)([]);
-    const hasExpandedRef = (0, react_2.useRef)(false);
-    const avatarUrl = user?.avatar ? (0, ipfs_1.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 } = (0, react_1.useNativeBalance)(eoaAddress);
-    const { data: eoaB3Balance, isLoading: eoaB3Loading } = (0, react_1.useB3BalanceFromAddresses)(eoaAddress);
-    const { data: b3Balance, isLoading: b3Loading } = (0, react_1.useB3BalanceFromAddresses)(globalAccount?.address);
-    const { data: nativeBalance, isLoading: nativeLoading } = (0, react_1.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
-    (0, react_2.useEffect)(() => {
-        hasExpandedRef.current = false;
-        setOpenAccordions([]);
-    }, []);
-    // Auto-expand the appropriate section when data becomes ready
-    (0, react_2.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 ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-between", children: (0, jsx_runtime_1.jsxs)("div", { className: "global-account-profile flex items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "global-account-profile-avatar relative", children: [avatarUrl ? ((0, jsx_runtime_1.jsx)("img", { src: avatarUrl, alt: "Profile", className: "size-24 rounded-full" })) : ((0, jsx_runtime_1.jsx)("div", { className: "bg-b3-primary-wash size-24 rounded-full" })), (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { size: 16, className: "text-b3-background" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "global-account-profile-info", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-b3-grey text-xl font-semibold", children: user?.username || profile?.displayName || (0, utils_1.formatUsername)(profile?.name || "") }), (0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("span", { className: "text-b3-foreground-muted font-mono text-xs", children: centerTruncate(account?.address || "", 6) }), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: account?.address || "" })] })] })] }) }), (showDeposit || showSwap) && ((0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [showDeposit && ((0, jsx_runtime_1.jsxs)(react_1.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: [(0, jsx_runtime_1.jsx)(BankIcon_1.BankIcon, { size: 24, className: "text-b3-primary-blue shrink-0" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Deposit" })] })), showSwap && ((0, jsx_runtime_1.jsxs)(react_1.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: [(0, jsx_runtime_1.jsx)(SwapIcon_1.SwapIcon, { size: 24, className: "text-b3-primary-blue" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Swap" })] }))] })), (0, jsx_runtime_1.jsxs)(accordion_1.Accordion, { type: "multiple", value: openAccordions, onValueChange: setOpenAccordions, className: "space-y-2", children: [(0, jsx_runtime_1.jsxs)(accordion_1.AccordionItem, { value: "global-account", className: "border-none", children: [(0, jsx_runtime_1.jsx)(accordion_1.AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: (0, jsx_runtime_1.jsx)("span", { children: "Smart Account Balance" }) }), (0, jsx_runtime_1.jsxs)(accordion_1.AccordionContent, { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${b3Balance?.formattedTotal || "0.00"} B3`, usdValue: b3Balance?.balanceUsdFormatted || "0.00", priceChange: b3Balance?.priceChange24h }), (0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${nativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: nativeBalance?.formattedTotalUsd || "0.00", priceChange: nativeBalance?.priceChange24h })] })] }), eoaAddress && ((0, jsx_runtime_1.jsxs)(accordion_1.AccordionItem, { value: "eoa-account", className: "border-none", children: [(0, jsx_runtime_1.jsx)(accordion_1.AccordionTrigger, { className: "text-b3-grey font-neue-montreal-semibold py-2 hover:no-underline", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("span", { children: eoaInfo?.data?.name || "Wallet" }), (0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("span", { className: "text-b3-foreground-muted font-mono text-xs", children: centerTruncate(eoaAddress, 6) }), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: eoaAddress })] })] }) }), (0, jsx_runtime_1.jsxs)(accordion_1.AccordionContent, { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${eoaB3Balance?.formattedTotal || "0.00"} B3`, usdValue: eoaB3Balance?.balanceUsdFormatted || "0.00", priceChange: eoaB3Balance?.priceChange24h }), (0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${eoaNativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: eoaNativeBalance?.formattedTotalUsd || "0.00", priceChange: eoaNativeBalance?.priceChange24h })] })] }))] }), (0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-semibold text-b3-grey", children: "Sign out" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-4", children: logoutLoading ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin", size: 16 })) : ((0, jsx_runtime_1.jsx)(SignOutIcon_1.SignOutIcon, { size: 16, className: "text-b3-grey" })) })] })] }));
-}

package/dist/cjs/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 {};