@b3dotfun/sdk 0.0.65-test.5 → 0.0.66-alpha.0

package/dist/cjs/global-account/react/components/icons/LinkIcon.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const LinkIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M10.8333 9.16667L15.8333 4.16667M17.5 2.5L15.8333 4.16667L17.5 2.5ZM11.6667 4.16667H15.8333V8.33333L11.6667 4.16667ZM9.16667 10.8333L4.16667 15.8333L9.16667 10.8333ZM8.33333 15.8333H4.16667V11.6667L8.33333 15.8333ZM15.8333 10V15.8333H10L15.8333 10ZM4.16667 4.16667V10L10 4.16667H4.16667Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-exports.default = LinkIcon;

package/dist/cjs/global-account/react/components/icons/LockIcon.d.ts

@@ -1,3 +0,0 @@
-import { SVGProps } from "react";
-declare const LockIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-export default LockIcon;

package/dist/cjs/global-account/react/components/icons/LockIcon.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const LockIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M14.1667 9.16667V6.66667C14.1667 4.36548 12.3012 2.5 10 2.5C7.69881 2.5 5.83333 4.36548 5.83333 6.66667V9.16667M7.5 14.1667C7.5 15.0871 8.24619 15.8333 9.16667 15.8333H10.8333C11.7538 15.8333 12.5 15.0871 12.5 14.1667C12.5 13.2462 11.7538 12.5 10.8333 12.5H9.16667C8.24619 12.5 7.5 11.7538 7.5 10.8333C7.5 9.91286 8.24619 9.16667 9.16667 9.16667H10.8333C11.7538 9.16667 12.5 9.91286 12.5 10.8333", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-exports.default = LockIcon;

package/dist/cjs/global-account/react/components/icons/WalletIcon.d.ts

@@ -1,2 +0,0 @@
-import { SVGProps } from "react";
-export declare function WalletIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/global-account/react/components/icons/WalletIcon.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WalletIcon = WalletIcon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function WalletIcon({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, ...props, children: [(0, jsx_runtime_1.jsx)("rect", { width: "40", height: "40", rx: "20", fill: "#F4F4F5" }), (0, jsx_runtime_1.jsx)("path", { d: "M28 16H27V14C27 13.4696 26.7893 12.9609 26.4142 12.5858C26.0391 12.2107 25.5304 12 25 12H15C14.4696 12 13.9609 12.2107 13.5858 12.5858C13.2107 12.9609 13 13.4696 13 14V26C13 26.5304 13.2107 27.0391 13.5858 27.4142C13.9609 27.7893 14.4696 28 15 28H27C27.5304 28 28.0391 27.7893 28.4142 27.4142C28.7893 27.0391 29 26.5304 29 26V18C29 17.4696 28.7893 16.9609 28.4142 16.5858C28.0391 16.2107 27.5304 16 27 16ZM15 14H25V16H15V14ZM27 22H25C24.7348 22 24.4804 21.8946 24.2929 21.7071C24.1054 21.5196 24 21.2652 24 21C24 20.7348 24.1054 20.4804 24.2929 20.2929C24.4804 20.1054 24.7348 20 25 20H27V22Z", fill: "#71717A" })] }));
-}

package/dist/cjs/global-account/react/stores/useRecentAddressesStore.d.ts

@@ -1,25 +0,0 @@
-interface RecentAddress {
-    address: string;
-    timestamp: number;
-}
-interface RecentAddressesStore {
-    recentAddresses: RecentAddress[];
-    addRecentAddress: (address: string) => void;
-    clearRecentAddresses: () => void;
-}
-/**
- * Store for managing recently used addresses in the Send flow
- * Persists to localStorage and keeps the last 6 unique addresses
- */
-export declare const useRecentAddressesStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<RecentAddressesStore>, "persist"> & {
-    persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<RecentAddressesStore, RecentAddressesStore>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => Promise<void> | void;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: RecentAddressesStore) => void) => () => void;
-        onFinishHydration: (fn: (state: RecentAddressesStore) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<RecentAddressesStore, RecentAddressesStore>>;
-    };
-}>;
-export {};

package/dist/cjs/global-account/react/stores/useRecentAddressesStore.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRecentAddressesStore = void 0;
-const zustand_1 = require("zustand");
-const middleware_1 = require("zustand/middleware");
-/**
- * Store for managing recently used addresses in the Send flow
- * Persists to localStorage and keeps the last 6 unique addresses
- */
-exports.useRecentAddressesStore = (0, zustand_1.create)()((0, middleware_1.persist)(set => ({
-    recentAddresses: [],
-    /**
-     * Add a new address to the recent addresses list
-     * Deduplicates and maintains a maximum of 6 addresses
-     */
-    addRecentAddress: (address) => {
-        set(state => {
-            // Remove any existing entry with the same address
-            const filtered = state.recentAddresses.filter(item => item.address.toLowerCase() !== address.toLowerCase());
-            // Add the new address at the beginning
-            const updated = [{ address, timestamp: Date.now() }, ...filtered];
-            // Keep only the last 6 addresses
-            return {
-                recentAddresses: updated.slice(0, 6),
-            };
-        });
-    },
-    /**
-     * Clear all recent addresses
-     */
-    clearRecentAddresses: () => {
-        set({ recentAddresses: [] });
-    },
-}), {
-    name: "b3-recent-addresses-storage",
-}));

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

@@ -1 +0,0 @@
-export declare function Deposit(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RELAY_SOLANA_MAINNET_CHAIN_ID } from "../../../../anyspend/constants/index.js";
-import { ALL_CHAINS } from "../../../../anyspend/utils/chain.js";
-import { useAccountWallet, useModalStore } from "../../../../global-account/react/index.js";
-import { TokenSelector } from "@relayprotocol/relay-kit-ui";
-import { ChevronDown, Copy } from "lucide-react";
-import { QRCodeSVG } from "qrcode.react";
-import { useMemo, useState } from "react";
-import { toast } from "sonner";
-import { base } from "thirdweb/chains";
-import ModalHeader from "../ModalHeader/ModalHeader.js";
-import { Button } from "../ui/button.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../ui/dropdown-menu.js";
-// Coinbase logo SVG
-const CoinbaseLogo = () => (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z", fill: "#0052FF" }), _jsx("path", { d: "M8.00065 11.3337C6.16065 11.3337 4.66732 9.84033 4.66732 8.00033C4.66732 6.16033 6.16065 4.66699 8.00065 4.66699C9.47399 4.66699 10.734 5.64699 11.1607 7.00033H13.2273C12.774 4.54699 10.6273 2.66699 8.00065 2.66699C5.05399 2.66699 2.66732 5.05366 2.66732 8.00033C2.66732 10.947 5.05399 13.3337 8.00065 13.3337C10.6273 13.3337 12.774 11.4537 13.2273 9.00033H11.1607C10.734 10.3537 9.47399 11.3337 8.00065 11.3337Z", fill: "white" })] }));
-export function Deposit() {
-    const { address } = useAccountWallet();
-    const navigateBack = useModalStore(state => state.navigateBack);
-    const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
-    const history = useModalStore(state => state.history);
-    const [selectedChainId, setSelectedChainId] = useState(base.id);
-    const [selectedToken, setSelectedToken] = useState({
-        address: "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
-        chainId: base.id,
-        decimals: 6,
-        symbol: "USDC",
-        name: "USD Coin",
-        metadata: {
-            logoURI: "https://assets.relay.link/icons/1/light/usdc.png",
-        },
-    });
-    // Get the selected chain object
-    const selectedChain = useMemo(() => ALL_CHAINS[selectedChainId], [selectedChainId]);
-    // Get all supported chains for the dropdown
-    const supportedChains = useMemo(() => Object.values(ALL_CHAINS), []);
-    // The deposit address is the user's active wallet address
-    const depositAddress = address || "0x0000000000000000000000000000000000000000";
-    const handleTokenSelect = (token) => {
-        setSelectedChainId(token.chainId);
-        setSelectedToken({
-            address: token.address,
-            chainId: token.chainId,
-            decimals: token.decimals,
-            metadata: { logoURI: token.logoURI },
-            name: token.name,
-            symbol: token.symbol,
-        });
-    };
-    const handleCopyAddress = async () => {
-        try {
-            await navigator.clipboard.writeText(depositAddress);
-            toast.success("Address copied to clipboard");
-        }
-        catch (error) {
-            toast.error("Failed to copy address");
-        }
-    };
-    return (_jsxs("div", { className: "flex w-full flex-col", children: [_jsx(ModalHeader, { title: "Deposit", showCloseButton: false }), _jsxs("div", { className: "flex flex-col pb-5 pt-5", children: [_jsx("div", { className: "mb-4 px-5", children: _jsx("p", { className: "font-neue-montreal-medium text-base leading-snug text-[#3f3f46]", children: "Send any accepted token and we'll convert it to B3 on Base for you to use." }) }), _jsxs("div", { className: "space-y-3 px-5", children: [_jsxs("div", { children: [_jsx("label", { className: "mb-1.5 block text-sm font-medium text-[#3f3f46]", children: "Chain" }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs("button", { className: "flex h-10 w-full items-center justify-between rounded-lg border border-[#d1d1d6] bg-white px-2.5 py-2 transition-colors hover:bg-[#fafafa]", children: [_jsxs("div", { className: "flex items-center gap-2", children: [selectedChain?.logoUrl && (_jsx("img", { src: selectedChain.logoUrl, alt: selectedChain.name, className: "h-6 w-6 rounded-full" })), _jsx("span", { className: "text-base text-[#18181b]", children: selectedChain?.name || "Select Chain" })] }), _jsx(ChevronDown, { className: "h-4 w-4 text-[#51525c]" })] }) }), _jsx(DropdownMenuContent, { className: "max-h-[300px] w-full overflow-y-auto", children: supportedChains.map(chain => (_jsx(DropdownMenuItem, { onClick: () => setSelectedChainId(chain.id), children: _jsxs("div", { className: "flex items-center gap-2", children: [chain.logoUrl && _jsx("img", { src: chain.logoUrl, alt: chain.name, className: "h-6 w-6 rounded-full" }), _jsx("span", { className: "text-[#18181b]", children: chain.name })] }) }, chain.id))) })] })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-1.5 block text-sm font-medium text-[#3f3f46]", children: "Accepted tokens" }), _jsx(TokenSelector, { address: address, chainIdsFilter: [selectedChainId], context: "from", fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: [selectedChainId], multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, RELAY_SOLANA_MAINNET_CHAIN_ID], setToken: handleTokenSelect, supportedWalletVMs: ["evm", "svm"], token: undefined, trigger: _jsxs("button", { className: "flex h-10 w-full items-center justify-between rounded-lg border border-[#d1d1d6] bg-white px-2.5 py-2 transition-colors hover:bg-[#fafafa]", children: [_jsxs("div", { className: "flex items-center gap-2", children: [selectedToken?.metadata?.logoURI && (_jsx("img", { src: selectedToken.metadata.logoURI, alt: selectedToken.symbol, className: "h-6 w-6 rounded-full" })), _jsx("span", { className: "text-base text-[#18181b]", children: selectedToken.symbol })] }), _jsx(ChevronDown, { className: "h-4 w-4 text-[#51525c]" })] }) })] })] }), _jsxs("div", { className: "mx-5 mt-4 flex items-start rounded-xl border border-[#e4e4e7] bg-[#fafafa]", children: [_jsxs("div", { className: "flex flex-1 flex-col items-center gap-2 px-5 pb-3 pt-5", children: [_jsx("div", { className: "flex w-full items-center justify-center", children: _jsx("div", { className: "w-full", children: _jsx("div", { className: "flex aspect-[144/146] w-full flex-col items-center justify-center overflow-hidden", children: _jsx(QRCodeSVG, { value: depositAddress, size: 144, level: "M" }) }) }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs font-semibold leading-[18px] text-[#0b57c2]", children: "SCAN WITH" }), _jsx(CoinbaseLogo, {})] })] }), _jsxs("div", { className: "relative flex flex-1 flex-col gap-2 self-stretch border-l border-[#e4e4e7] p-6", children: [_jsx("label", { className: "text-sm font-medium leading-5 text-[#3f3f46]", children: "Deposit address:" }), _jsxs("div", { className: "relative flex w-full flex-wrap items-center gap-2", children: [_jsx("p", { className: "h-[74px] flex-1 overflow-hidden text-ellipsis whitespace-pre-wrap break-all pr-6 text-base font-semibold leading-6 text-[#18181b]", children: depositAddress }), _jsx("button", { onClick: handleCopyAddress, className: "absolute bottom-0 right-0 h-4 w-4 transition-opacity hover:opacity-70", "aria-label": "Copy address", children: _jsx(Copy, { className: "h-full w-full text-[#51525c]" }) })] })] })] }), _jsx("div", { className: "mx-5 mt-4", children: _jsxs("p", { className: "font-neue-montreal-italic text-center text-sm leading-[1.3] text-[#3f3f46]", children: ["Do not send any tokens other than the ones specified.", _jsx("br", {}), "Tokens not accepted will not be converted."] }) }), _jsx("div", { className: "mt-4 px-5", children: _jsx(Button, { onClick: handleCopyAddress, className: "h-12 w-full rounded-xl bg-[#0c68e9] text-base font-semibold text-white shadow-[inset_0px_0px_0px_1px_rgba(10,13,18,0.18),inset_0px_-2px_0px_0px_rgba(10,13,18,0.05)] hover:bg-[#0b5fd4]", children: "Copy deposit address" }) })] })] }));
-}

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

@@ -1,39 +0,0 @@
-import type { ThirdwebClient } from "thirdweb";
-interface IPFSMediaRendererProps {
-    /** The source URL - can be IPFS URL (ipfs://...) or HTTP URL */
-    src: string | null | undefined;
-    /** Alt text for the media */
-    alt?: string;
-    /** CSS class name */
-    className?: string;
-    /** Thirdweb client instance (optional, uses default if not provided) */
-    client?: ThirdwebClient;
-    /** Width of the media */
-    width?: string | number;
-    /** Height of the media */
-    height?: string | number;
-    /** Controls property for video/audio */
-    controls?: boolean;
-    /** Style object */
-    style?: React.CSSProperties;
-}
-/**
- * IPFSMediaRenderer - A wrapper around Thirdweb's MediaRenderer that configures
- * the IPFS gateway URL to use our validated gateway.
- *
- * Features:
- * - Configures MediaRenderer to use cloudflare-ipfs.com gateway
- * - Gateway matches our allowed list in profileDisplay.ts
- * - Provides fallback for missing sources
- *
- * @example
- * ```tsx
- * <IPFSMediaRenderer
- *   src="ipfs://QmX..."
- *   alt="Profile Avatar"
- *   className="size-14 rounded-full"
- * />
- * ```
- */
-export declare function IPFSMediaRenderer({ src, alt, className, client, width, height, controls, style, }: IPFSMediaRendererProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,34 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { client as defaultClient } from "../../../../shared/utils/thirdweb.js";
-import { MediaRenderer } from "thirdweb/react";
-// Primary IPFS gateway URL - matches our allowed list in profileDisplay.ts
-// Note: MediaRenderer expects the base gateway URL without /ipfs path
-const IPFS_GATEWAY_URL = "https://cloudflare-ipfs.com";
-/**
- * IPFSMediaRenderer - A wrapper around Thirdweb's MediaRenderer that configures
- * the IPFS gateway URL to use our validated gateway.
- *
- * Features:
- * - Configures MediaRenderer to use cloudflare-ipfs.com gateway
- * - Gateway matches our allowed list in profileDisplay.ts
- * - Provides fallback for missing sources
- *
- * @example
- * ```tsx
- * <IPFSMediaRenderer
- *   src="ipfs://QmX..."
- *   alt="Profile Avatar"
- *   className="size-14 rounded-full"
- * />
- * ```
- */
-export function IPFSMediaRenderer({ src, alt = "Media", className, client = defaultClient, width, height, controls, style, }) {
-    // If no source, render fallback
-    if (!src) {
-        return (_jsx("div", { className: className, style: style, "aria-label": alt, children: _jsx("div", { className: "bg-b3-primary-wash flex h-full w-full items-center justify-center", children: _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold text-xs", children: alt.charAt(0).toUpperCase() }) }) }));
-    }
-    // Convert IPFS URLs to HTTP gateway URLs if needed
-    // This handles both ipfs:// URLs and existing HTTP gateway URLs
-    return (_jsx(MediaRenderer, { src: src, client: client, alt: alt, className: className, width: width ? width.toString() : undefined, height: height ? height.toString() : undefined, controls: controls, style: style }));
-}

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

@@ -1,4 +0,0 @@
-import { LinkNewAccountModalProps } from "../../stores/useModalStore";
-export declare function LinkNewAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, partnerId, className, }: LinkNewAccountModalProps & {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/global-account/react/components/LinkAccount/LinkNewAccount.js

@@ -1,325 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import app from "../../../../global-account/app.js";
-import { ecosystemWalletId } from "../../../../shared/constants/index.js";
-import { thirdwebB3Mainnet } from "../../../../shared/constants/chains/b3Chain.js";
-import { client } from "../../../../shared/utils/thirdweb.js";
-import { Loader2, Mail, Phone, WalletIcon } from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
-import { toast } from "sonner";
-import { useLinkProfile, useProfiles } from "thirdweb/react";
-import { createWallet, preAuthenticate } from "thirdweb/wallets";
-import { WalletRow } from "../../index.js";
-import { useModalStore } from "../../stores/useModalStore.js";
-import { getProfileDisplayInfo } from "../../utils/profileDisplay.js";
-import { useB3 } from "../B3Provider/useB3.js";
-import { AppleIcon } from "../icons/AppleIcon.js";
-import { DiscordIcon } from "../icons/DiscordIcon.js";
-import { FarcasterIcon } from "../icons/FarcasterIcon.js";
-import { GoogleIcon } from "../icons/GoogleIcon.js";
-import { XIcon } from "../icons/XIcon.js";
-import ModalHeader from "../ModalHeader/ModalHeader.js";
-import { Button } from "../ui/button.js";
-const AUTH_METHODS = [
-    { id: "email", label: "Email", enabled: true, icon: _jsx(Mail, { className: "text-b3-primary-blue size-6" }) },
-    { id: "phone", label: "Phone", enabled: true, icon: _jsx(Phone, { className: "text-b3-primary-blue size-6" }) },
-    { id: "google", label: "Google", enabled: true, icon: _jsx(GoogleIcon, { className: "size-6" }) },
-    { id: "x", label: "X (Twitter)", enabled: true, icon: _jsx(XIcon, { className: "size-6" }) },
-    { id: "discord", label: "Discord", enabled: true, icon: _jsx(DiscordIcon, { className: "size-6" }) },
-    { id: "apple", label: "Apple", enabled: true, icon: _jsx(AppleIcon, { className: "size-6" }) },
-    {
-        id: "farcaster",
-        label: "Farcaster",
-        enabled: true,
-        icon: _jsx(FarcasterIcon, { className: "size-6" }),
-    },
-];
-const WALLET_METHODS = [
-    {
-        id: "wallet",
-        label: "Wallet",
-        enabled: true,
-        icon: _jsx(WalletIcon, { className: "size-6" }),
-        walletType: "com.coinbase.wallet",
-    },
-    { id: "wallet", label: "Wallet", enabled: true, icon: _jsx(WalletIcon, { className: "size-6" }), walletType: "io.metamask" },
-    {
-        id: "wallet",
-        label: "Wallet",
-        enabled: true,
-        icon: _jsx(WalletIcon, { className: "size-6" }),
-        walletType: "me.rainbow",
-    },
-    {
-        id: "wallet",
-        label: "Wallet",
-        enabled: true,
-        icon: _jsx(WalletIcon, { className: "size-6" }),
-        walletType: "app.phantom",
-    },
-    { id: "wallet", label: "Wallet", enabled: true, icon: _jsx(WalletIcon, { className: "size-6" }), walletType: "io.rabby" },
-    {
-        id: "wallet",
-        label: "Wallet",
-        enabled: true,
-        icon: _jsx(WalletIcon, { className: "size-6" }),
-        walletType: "walletConnect",
-    },
-];
-export function LinkNewAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, partnerId, className, }) {
-    const isLinking = useModalStore(state => state.isLinking);
-    const linkingMethod = useModalStore(state => state.linkingMethod);
-    const setLinkingState = useModalStore(state => state.setLinkingState);
-    const navigateBack = useModalStore(state => state.navigateBack);
-    const setB3ModalContentType = useModalStore(state => state.setB3ModalContentType);
-    const [selectedMethod, setSelectedMethod] = useState(null);
-    const [email, setEmail] = useState("");
-    const [phone, setPhone] = useState("");
-    const [otp, setOtp] = useState("");
-    const [otpSent, setOtpSent] = useState(false);
-    const [error, setError] = useState(null);
-    const { data: profilesRaw = [] } = useProfiles({ client });
-    // Get connected auth methods
-    const connectedAuthMethods = profilesRaw
-        .filter((profile) => !["custom_auth_endpoint"].includes(profile.type))
-        .map((profile) => profile.type);
-    // Filter available auth methods
-    const availableAuthMethods = AUTH_METHODS.filter(method => !connectedAuthMethods.includes(method.id) && method.enabled);
-    const profiles = profilesRaw
-        .filter((profile) => !["custom_auth_endpoint"].includes(profile.type))
-        .map((profile) => ({
-        ...getProfileDisplayInfo(profile),
-        originalProfile: profile,
-    }));
-    const { account } = useB3();
-    const { mutate: linkProfile } = useLinkProfile();
-    const onSuccess = useCallback(async () => {
-        await onSuccessCallback?.();
-    }, [onSuccessCallback]);
-    // Reset linking state when component unmounts
-    useEffect(() => {
-        return () => {
-            if (isLinking) {
-                setLinkingState(false);
-            }
-        };
-    }, [isLinking, setLinkingState]);
-    const mutationOptions = {
-        onError: (error) => {
-            console.error("Error linking account:", error);
-            toast.error(error.message);
-            setLinkingState(false);
-            onError?.(error);
-        },
-        onSuccess: async (data) => {
-            console.log("Raw Link Account Data:", data);
-            try {
-                console.log("Sync user data...");
-                await app.service("users").syncTwProfiles({});
-            }
-            catch (refreshError) {
-                console.warn("⚠️ Could not sync user data:", refreshError);
-            }
-        },
-    };
-    const validateInput = () => {
-        if (selectedMethod === "email") {
-            if (!email) {
-                setError("Please enter your email address");
-                return false;
-            }
-            if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-                setError("Please enter a valid email address");
-                return false;
-            }
-        }
-        else if (selectedMethod === "phone") {
-            if (!phone) {
-                setError("Please enter your phone number");
-                return false;
-            }
-            if (!/^\+?[\d\s-]{10,}$/.test(phone)) {
-                setError("Please enter a valid phone number");
-                return false;
-            }
-        }
-        setError(null);
-        return true;
-    };
-    const handleSendOTP = async () => {
-        if (!validateInput())
-            return;
-        try {
-            setLinkingState(true, selectedMethod);
-            setError(null);
-            if (selectedMethod === "email") {
-                await preAuthenticate({
-                    client,
-                    strategy: "email",
-                    email,
-                    ecosystem: {
-                        id: ecosystemWalletId,
-                        partnerId: partnerId,
-                    },
-                });
-            }
-            else if (selectedMethod === "phone") {
-                await preAuthenticate({
-                    client,
-                    strategy: "phone",
-                    phoneNumber: phone,
-                    ecosystem: {
-                        id: ecosystemWalletId,
-                        partnerId: partnerId,
-                    },
-                });
-            }
-            setOtpSent(true);
-        }
-        catch (error) {
-            console.error("Error sending OTP:", error);
-            setError(error instanceof Error ? error.message : "Failed to send OTP");
-            onError?.(error);
-            setLinkingState(false);
-        }
-    };
-    const handleLinkAccount = async () => {
-        if (!otp) {
-            console.error("No OTP entered");
-            setError("Please enter the verification code");
-            return;
-        }
-        try {
-            setOtpSent(false);
-            setLinkingState(true, selectedMethod);
-            setError(null);
-            if (selectedMethod === "email") {
-                await linkProfile({
-                    client,
-                    strategy: "email",
-                    email,
-                    verificationCode: otp,
-                }, mutationOptions);
-            }
-            else if (selectedMethod === "phone") {
-                await linkProfile({
-                    client,
-                    strategy: "phone",
-                    phoneNumber: phone,
-                    verificationCode: otp,
-                }, mutationOptions);
-            }
-        }
-        catch (error) {
-            console.error("Error linking account:", error);
-            setError(error instanceof Error ? error.message : "Failed to link account");
-            onError?.(error);
-        }
-    };
-    const handleLinkWallet = async (walletType) => {
-        setLinkingState(true, "wallet");
-        console.log("selectedMethod", walletType);
-        try {
-            if (!walletType) {
-                throw new Error("Wallet type not found");
-            }
-            await linkProfile({
-                client,
-                strategy: "wallet",
-                wallet: createWallet(walletType),
-                chain: thirdwebB3Mainnet,
-            }, mutationOptions);
-        }
-        catch (error) {
-            console.error("Error linking account:", error);
-            setError(error instanceof Error ? error.message : "Failed to link account");
-            onError?.(error);
-        }
-    };
-    const handleSocialLink = async (strategy) => {
-        try {
-            console.log("handleSocialLink", strategy);
-            setLinkingState(true, strategy);
-            setError(null);
-            const result = await linkProfile({
-                client,
-                strategy,
-            }, mutationOptions);
-            console.log("result", result);
-            // Don't close the modal yet, wait for auth to complete
-            onSuccess?.();
-        }
-        catch (error) {
-            console.error("Error linking with social:", error);
-            setError(error instanceof Error ? error.message : "Failed to link social account");
-            onError?.(error);
-            setLinkingState(false);
-        }
-    };
-    // Add effect to handle social auth completion
-    useEffect(() => {
-        if (isLinking && linkingMethod && !selectedMethod) {
-            // This means we're in a social auth flow
-            const checkAuthStatus = async () => {
-                try {
-                    // Wait a bit to ensure auth is complete
-                    await new Promise(resolve => setTimeout(resolve, 1000));
-                    onClose?.();
-                }
-                catch (error) {
-                    console.error("Error checking auth status:", error);
-                    setLinkingState(false);
-                }
-            };
-            checkAuthStatus();
-        }
-    }, [isLinking, linkingMethod, selectedMethod, onClose, setLinkingState]);
-    const handleBack = useCallback(() => {
-        if (isLinking)
-            return;
-        setSelectedMethod(null);
-        setEmail("");
-        setPhone("");
-        setOtp("");
-        setOtpSent(false);
-        setError(null);
-        setLinkingState(false);
-    }, [isLinking, setSelectedMethod, setEmail, setPhone, setOtp, setOtpSent, setError, setLinkingState]);
-    const handleFinishedLinking = useCallback((success) => {
-        if (success) {
-            onSuccess?.();
-            onClose?.();
-        }
-        setLinkingState(false);
-        navigateBack();
-        setB3ModalContentType({
-            type: "manageAccount",
-            activeTab: "settings",
-            setActiveTab: () => { },
-            chain,
-            partnerId,
-        });
-    }, [chain, navigateBack, partnerId, setB3ModalContentType, setLinkingState, onSuccess, onClose]);
-    useEffect(() => {
-        if (isLinking) {
-            handleFinishedLinking(true);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [profiles.length]);
-    if (!account) {
-        return _jsx("div", { className: "text-b3-foreground-muted py-8 text-center", children: "Please connect your account first" });
-    }
-    return (_jsxs("div", { className: `b3-link-account space-y-6 ${className || ""}`, "data-testid": "link-account", children: [_jsx(ModalHeader, { title: "Link New Account" }), !selectedMethod ? (_jsxs("div", { className: "b3-link-account-methods grid gap-3 px-5", children: [availableAuthMethods.map(method => (_jsx(Button, { variant: "outline", className: "b3-link-account-method-button border-b3-line hover:border-b3-primary-blue/30 hover:bg-b3-primary-blue/5 text-b3-grey font-neue-montreal-medium h-14 justify-start bg-transparent px-6 text-base transition-all duration-200", "data-method": method.id, onClick: () => {
-                            if (method.id === "email" || method.id === "phone") {
-                                setSelectedMethod(method.id);
-                            }
-                            else {
-                                handleSocialLink(method.id);
-                            }
-                        }, disabled: linkingMethod === method.id, children: isLinking && linkingMethod === method.id ? (_jsx(Loader2, { className: "h-5 w-5 animate-spin" })) : (_jsxs("div", { className: "b3-link-account-method-content flex items-center gap-4", children: [_jsx("div", { className: "b3-link-account-method-icon flex items-center justify-center rounded-full", children: method.icon }), _jsx("span", { className: "b3-link-account-method-label font-medium", children: method.label })] })) }, method.id))), WALLET_METHODS.map(method => {
-                        if (!method.walletType) {
-                            return null;
-                        }
-                        return (_jsx(WalletRow, { walletId: method.walletType, onClick: () => handleLinkWallet(method.walletType), isLoading: isLinking }, method.walletType));
-                    }), availableAuthMethods.length === 0 && (_jsx("div", { className: "text-b3-foreground-muted py-8 text-center", children: "All available authentication methods have been connected" }))] })) : (_jsxs("div", { className: "b3-link-account-form space-y-4 px-5", children: [selectedMethod === "email" && (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Email Address" }), _jsx("input", { type: "email", placeholder: "Enter your email", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: email, onChange: e => setEmail(e.target.value), disabled: otpSent || (isLinking && linkingMethod === "email") })] })), selectedMethod === "phone" && (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Phone Number" }), _jsx("input", { type: "tel", placeholder: "Enter your phone number", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: phone, onChange: e => setPhone(e.target.value), disabled: otpSent || (isLinking && linkingMethod === "phone") }), _jsx("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Include country code (e.g., +1 for US)" })] })), error && _jsx("div", { className: "text-b3-negative font-neue-montreal-medium py-2 text-sm", children: error }), (selectedMethod === "email" || selectedMethod === "phone") &&
-                        (otpSent ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Verification Code" }), _jsx("input", { type: "text", placeholder: "Enter verification code", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: otp, onChange: e => setOtp(e.target.value) })] }), _jsx(Button, { className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white", onClick: handleLinkAccount, children: "Link Account" })] })) : (_jsx(Button, { className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white", onClick: handleSendOTP, disabled: (!email && !phone) || (isLinking && linkingMethod === selectedMethod), children: isLinking && linkingMethod === selectedMethod ? (_jsx(Loader2, { className: "animate-spin" })) : ("Send Verification Code") })))] }))] }));
-}

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

@@ -1,6 +0,0 @@
-import { Chain } from "thirdweb";
-declare const AppsContent: ({ chain, partnerId }: {
-    chain: Chain;
-    partnerId: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default AppsContent;

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

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, useGetAllTWSigners, useRemoveSessionKey, } from "../../../../global-account/react/index.js";
-import { formatNumber } from "../../../../shared/utils/formatNumber.js";
-import { useState } from "react";
-import { useActiveAccount } from "thirdweb/react";
-import { formatUnits } from "viem";
-const AppsContent = ({ chain, partnerId }) => {
-    const [revokingSignerId, setRevokingSignerId] = useState(null);
-    const account = useActiveAccount();
-    const { data: signers, refetch: refetchSigners } = useGetAllTWSigners({
-        chain,
-        accountAddress: account?.address,
-    });
-    const { removeSessionKey } = useRemoveSessionKey({
-        chain,
-        onSuccess: tx => {
-            console.log("@@removeSessionKey:tx", tx);
-            setRevokingSignerId(null);
-        },
-        onError: error => {
-            console.error("Error revoking access:", error);
-            setRevokingSignerId(null);
-        },
-        refetchSigners: () => refetchSigners(),
-    });
-    const handleRevoke = async (signer) => {
-        setRevokingSignerId(signer.id);
-        await removeSessionKey(signer);
-    };
-    return (_jsxs("div", { className: "space-y-4", children: [signers?.map((signer) => (_jsx("div", { className: "rounded-xl border border-gray-200 p-4 dark:border-gray-800", children: _jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-gray-100 dark:bg-gray-800", children: _jsx("span", { className: "text-xs font-medium text-gray-600 dark:text-gray-400", children: "App" }) }), _jsxs("div", { children: [_jsx("h3", { className: "font-medium text-gray-900 dark:text-white", children: signer.partner.name }), _jsxs("div", { className: "mt-2 space-y-1", children: [_jsxs("p", { className: "text-xs text-gray-500", children: ["Added ", new Date(signer.createdAt).toLocaleDateString()] }), _jsxs("p", { className: "text-xs text-gray-500", children: ["Expires ", new Date(Number(signer.endTimestamp) * 1000).toLocaleDateString()] }), _jsxs("p", { className: "text-xs text-gray-500", children: ["Max spend: ", formatNumber(Number(formatUnits(signer.nativeTokenLimitPerTransaction, 18))), " ETH"] })] })] })] }), _jsx(Button, { variant: "outline", size: "sm", className: "border-red-200 text-red-500 hover:border-red-300 hover:text-red-600", onClick: () => handleRevoke(signer), disabled: revokingSignerId === signer.id, children: revokingSignerId === signer.id ? "Revoking..." : "Revoke" })] }) }, signer.id))), !signers?.length && _jsx("div", { className: "py-12 text-center text-gray-500", children: "No connected apps" })] }));
-};
-export default AppsContent;

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

@@ -1,2 +0,0 @@
-declare const BottomNavigation: () => import("react/jsx-runtime").JSX.Element;
-export default BottomNavigation;