@b3dotfun/sdk 0.0.40-alpha.4 → 0.0.40-alpha.6

package/dist/cjs/bondkit/swapService.js

@@ -0,0 +1,373 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BondkitSwapService = void 0;
+const viem_1 = require("viem");
+const chains_1 = require("viem/chains");
+const constants_1 = require("./constants");
+// Minimal ABIs needed for swap functionality
+const UNIVERSAL_ROUTER_ABI = [
+    {
+        inputs: [
+            { name: "commands", type: "bytes" },
+            { name: "inputs", type: "bytes[]" },
+            { name: "deadline", type: "uint256" },
+        ],
+        name: "execute",
+        outputs: [],
+        stateMutability: "payable",
+        type: "function",
+    },
+];
+const QUOTER_ABI = [
+    {
+        inputs: [
+            {
+                components: [
+                    {
+                        components: [
+                            { internalType: "Currency", name: "currency0", type: "address" },
+                            { internalType: "Currency", name: "currency1", type: "address" },
+                            { internalType: "uint24", name: "fee", type: "uint24" },
+                            { internalType: "int24", name: "tickSpacing", type: "int24" },
+                            { internalType: "contract IHooks", name: "hooks", type: "address" },
+                        ],
+                        internalType: "struct PoolKey",
+                        name: "poolKey",
+                        type: "tuple",
+                    },
+                    { internalType: "bool", name: "zeroForOne", type: "bool" },
+                    { internalType: "uint128", name: "exactAmount", type: "uint128" },
+                    { internalType: "bytes", name: "hookData", type: "bytes" },
+                ],
+                internalType: "struct IV4Quoter.QuoteExactSingleParams",
+                name: "params",
+                type: "tuple",
+            },
+        ],
+        name: "quoteExactInputSingle",
+        outputs: [
+            { internalType: "uint256", name: "amountOut", type: "uint256" },
+            { internalType: "uint256", name: "gasEstimate", type: "uint256" },
+        ],
+        stateMutability: "nonpayable",
+        type: "function",
+    },
+];
+const ERC20_ABI = [
+    {
+        inputs: [
+            { name: "spender", type: "address" },
+            { name: "amount", type: "uint256" },
+        ],
+        name: "approve",
+        outputs: [{ name: "", type: "bool" }],
+        stateMutability: "nonpayable",
+        type: "function",
+    },
+    {
+        inputs: [
+            { name: "owner", type: "address" },
+            { name: "spender", type: "address" },
+        ],
+        name: "allowance",
+        outputs: [{ name: "", type: "uint256" }],
+        stateMutability: "view",
+        type: "function",
+    },
+];
+const PERMIT2_ABI = [
+    {
+        inputs: [
+            { name: "token", type: "address" },
+            { name: "spender", type: "address" },
+            { name: "amount", type: "uint160" },
+            { name: "expiration", type: "uint48" },
+        ],
+        name: "approve",
+        outputs: [],
+        stateMutability: "nonpayable",
+        type: "function",
+    },
+    {
+        inputs: [
+            { name: "owner", type: "address" },
+            { name: "token", type: "address" },
+            { name: "spender", type: "address" },
+        ],
+        name: "allowance",
+        outputs: [
+            { name: "amount", type: "uint160" },
+            { name: "expiration", type: "uint48" },
+            { name: "nonce", type: "uint48" },
+        ],
+        stateMutability: "view",
+        type: "function",
+    },
+];
+const TOKEN_V4_CONFIG_ABI = [
+    {
+        inputs: [],
+        name: "v4Hook",
+        outputs: [{ internalType: "address", name: "", type: "address" }],
+        stateMutability: "view",
+        type: "function",
+    },
+    {
+        inputs: [],
+        name: "v4PoolFee",
+        outputs: [{ internalType: "uint24", name: "", type: "uint24" }],
+        stateMutability: "view",
+        type: "function",
+    },
+    {
+        inputs: [],
+        name: "v4TickSpacing",
+        outputs: [{ internalType: "int24", name: "", type: "int24" }],
+        stateMutability: "view",
+        type: "function",
+    },
+];
+// Command and action constants
+const COMMANDS = {
+    V4_SWAP: "0x10",
+};
+const V4_ACTIONS = {
+    SWAP_EXACT_IN_SINGLE: 6,
+    TAKE_ALL: 15,
+    SETTLE_ALL: 12,
+};
+/**
+ * Internal swap service for handling Uniswap V4 swaps between trading token and bondkit token
+ */
+class BondkitSwapService {
+    constructor(bondkitTokenAddress) {
+        this.v4Config = null;
+        this.configInitialized = false;
+        this.bondkitTokenAddress = bondkitTokenAddress;
+        this.publicClient = (0, viem_1.createPublicClient)({
+            chain: chains_1.base,
+            transport: (0, viem_1.http)(constants_1.BaseMainnetRpcUrl),
+        });
+    }
+    /**
+     * Initialize V4 pool configuration from bondkit token contract
+     */
+    async initializeV4Config() {
+        if (this.configInitialized) {
+            return;
+        }
+        try {
+            const tokenContract = (0, viem_1.getContract)({
+                address: this.bondkitTokenAddress,
+                abi: TOKEN_V4_CONFIG_ABI,
+                client: this.publicClient,
+            });
+            const [hook, fee, tickSpacing] = await Promise.all([
+                tokenContract.read.v4Hook(),
+                tokenContract.read.v4PoolFee(),
+                tokenContract.read.v4TickSpacing(),
+            ]);
+            this.v4Config = {
+                hook: hook,
+                fee: Number(fee),
+                tickSpacing: Number(tickSpacing),
+            };
+            this.configInitialized = true;
+        }
+        catch (error) {
+            console.warn("Failed to initialize V4 configuration:", error);
+            // Use fallback configuration
+            this.v4Config = {
+                hook: "0xB36f4A2FB18b745ef8eD31452781a463d2B3f0cC",
+                fee: 30000,
+                tickSpacing: 60,
+            };
+            this.configInitialized = true;
+        }
+    }
+    /**
+     * Get V4 pool configuration
+     */
+    async getV4Config() {
+        await this.initializeV4Config();
+        return this.v4Config;
+    }
+    /**
+     * Handle token approvals for swap
+     */
+    async handleTokenApprovals(tokenAddress, amountIn, walletClient, deadline) {
+        // Skip approvals for ETH
+        if (tokenAddress === "0x0000000000000000000000000000000000000000") {
+            return;
+        }
+        const userAddress = walletClient.account?.address;
+        if (!userAddress) {
+            throw new Error("No user address found");
+        }
+        const erc20Contract = (0, viem_1.getContract)({
+            address: tokenAddress,
+            abi: ERC20_ABI,
+            client: walletClient,
+        });
+        const permit2Contract = (0, viem_1.getContract)({
+            address: constants_1.Permit2Address,
+            abi: PERMIT2_ABI,
+            client: walletClient,
+        });
+        // Check ERC20 allowance to Permit2
+        const currentAllowance = (await erc20Contract.read.allowance([userAddress, constants_1.Permit2Address]));
+        const requiredAmount = BigInt(amountIn);
+        if (currentAllowance < requiredAmount) {
+            await erc20Contract.write.approve([constants_1.Permit2Address, BigInt("0xffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff")], {
+                account: userAddress,
+                chain: chains_1.base,
+            });
+        }
+        // Check Permit2 allowance for Universal Router
+        const permit2Allowance = (await permit2Contract.read.allowance([
+            userAddress,
+            tokenAddress,
+            constants_1.UniversalRouterAddress,
+        ]));
+        const [currentPermit2Amount, expiration] = permit2Allowance;
+        const currentTime = Math.floor(Date.now() / 1000);
+        const isExpired = expiration <= currentTime;
+        if (currentPermit2Amount < requiredAmount || isExpired) {
+            await permit2Contract.write.approve([tokenAddress, constants_1.UniversalRouterAddress, BigInt("0xffffffffffffffffffffffffffffffffffffff"), Number(deadline)], {
+                account: userAddress,
+                chain: chains_1.base,
+            });
+        }
+    }
+    /**
+     * Get swap quote
+     */
+    async getSwapQuote(params) {
+        try {
+            const { tokenIn, tokenOut, amountIn, tokenInDecimals, tokenOutDecimals, slippageTolerance } = params;
+            const v4Config = await this.getV4Config();
+            const amountInWei = (0, viem_1.parseUnits)(amountIn, tokenInDecimals);
+            // Determine token order for pool
+            const currency0 = tokenIn.toLowerCase() < tokenOut.toLowerCase() ? tokenIn : tokenOut;
+            const currency1 = tokenIn.toLowerCase() < tokenOut.toLowerCase() ? tokenOut : tokenIn;
+            const zeroForOne = tokenIn.toLowerCase() === currency0.toLowerCase();
+            const poolKey = {
+                currency0: currency0,
+                currency1: currency1,
+                fee: v4Config.fee,
+                tickSpacing: v4Config.tickSpacing,
+                hooks: v4Config.hook,
+            };
+            const quoteParams = {
+                poolKey,
+                zeroForOne,
+                exactAmount: BigInt(amountInWei.toString()),
+                hookData: "0x",
+            };
+            const { result } = await this.publicClient.simulateContract({
+                address: constants_1.QuoterAddress,
+                abi: QUOTER_ABI,
+                functionName: "quoteExactInputSingle",
+                args: [quoteParams],
+            });
+            const [amountOut] = result;
+            const amountOutRaw = (0, viem_1.formatUnits)(amountOut, tokenOutDecimals);
+            const amountOutFormatted = parseFloat(amountOutRaw).toFixed(Math.min(6, tokenOutDecimals));
+            // Calculate minimum amount out with slippage
+            const slippageMultiplier = (100 - slippageTolerance) / 100;
+            const amountOutMinRaw = parseFloat(amountOutFormatted) * slippageMultiplier;
+            const amountOutMin = amountOutMinRaw.toFixed(tokenOutDecimals);
+            // Simple execution price calculation
+            const rate = parseFloat(amountOutFormatted) / parseFloat(amountIn);
+            const executionPrice = `1 = ${rate.toFixed(6)}`;
+            return {
+                amountOut: amountOutFormatted,
+                amountOutMin,
+                priceImpact: "0.0", // Simplified
+                executionPrice,
+                fee: (v4Config.fee / 10000).toString(),
+            };
+        }
+        catch (error) {
+            console.warn("Error getting swap quote:", error);
+            return null;
+        }
+    }
+    /**
+     * Execute swap transaction
+     */
+    async executeSwap(params, walletClient) {
+        try {
+            const { tokenIn, tokenOut, amountIn, tokenInDecimals, tokenOutDecimals, deadline } = params;
+            const swapDeadline = deadline || Math.floor(Date.now() / 1000) + 3600;
+            if (!walletClient.account) {
+                throw new Error("Wallet client must have an account");
+            }
+            const amountInWei = (0, viem_1.parseUnits)(amountIn, tokenInDecimals);
+            // Handle token approvals
+            await this.handleTokenApprovals(tokenIn, amountInWei.toString(), walletClient, swapDeadline);
+            // Get quote for minimum amount out
+            const quote = await this.getSwapQuote(params);
+            if (!quote) {
+                throw new Error("Unable to get swap quote");
+            }
+            const amountOutMinimum = (0, viem_1.parseUnits)(quote.amountOutMin, tokenOutDecimals);
+            const v4Config = await this.getV4Config();
+            // Determine token order
+            const currency0 = tokenIn.toLowerCase() < tokenOut.toLowerCase() ? tokenIn : tokenOut;
+            const currency1 = tokenIn.toLowerCase() < tokenOut.toLowerCase() ? tokenOut : tokenIn;
+            const zeroForOne = tokenIn.toLowerCase() === currency0.toLowerCase();
+            const poolKey = [currency0, currency1, v4Config.fee, v4Config.tickSpacing, v4Config.hook];
+            // Encode V4 actions
+            const actions = [
+                {
+                    type: V4_ACTIONS.SWAP_EXACT_IN_SINGLE,
+                    params: [poolKey, zeroForOne, amountInWei, amountOutMinimum, "0x"],
+                },
+                {
+                    type: V4_ACTIONS.TAKE_ALL,
+                    params: [(zeroForOne ? currency1 : currency0), BigInt(0)],
+                },
+                {
+                    type: V4_ACTIONS.SETTLE_ALL,
+                    params: [(zeroForOne ? currency0 : currency1), amountInWei],
+                },
+            ];
+            // Encode actions
+            const actionTypes = actions.map(action => action.type);
+            const actionsBytes = ("0x" + actionTypes.map(type => type.toString(16).padStart(2, "0")).join(""));
+            const actionParams = actions.map(action => {
+                switch (action.type) {
+                    case V4_ACTIONS.SWAP_EXACT_IN_SINGLE:
+                        return (0, viem_1.encodeAbiParameters)((0, viem_1.parseAbiParameters)("((address,address,uint24,int24,address),bool,uint128,uint128,bytes)"), [action.params]);
+                    case V4_ACTIONS.TAKE_ALL:
+                        return (0, viem_1.encodeAbiParameters)((0, viem_1.parseAbiParameters)("address,uint256"), action.params);
+                    case V4_ACTIONS.SETTLE_ALL:
+                        return (0, viem_1.encodeAbiParameters)((0, viem_1.parseAbiParameters)("address,uint256"), action.params);
+                    default:
+                        return "0x00";
+                }
+            });
+            const v4SwapInput = (0, viem_1.encodeAbiParameters)((0, viem_1.parseAbiParameters)("bytes,bytes[]"), [actionsBytes, actionParams]);
+            const commands = COMMANDS.V4_SWAP;
+            const inputs = [v4SwapInput];
+            // Execute swap
+            const universalRouter = (0, viem_1.getContract)({
+                address: constants_1.UniversalRouterAddress,
+                abi: UNIVERSAL_ROUTER_ABI,
+                client: walletClient,
+            });
+            const txHash = await universalRouter.write.execute([commands, inputs, BigInt(swapDeadline)], {
+                account: walletClient.account,
+                chain: chains_1.base,
+                value: tokenIn === "0x0000000000000000000000000000000000000000" ? amountInWei : BigInt(0),
+            });
+            return txHash;
+        }
+        catch (error) {
+            console.warn("Error executing swap:", error);
+            return null;
+        }
+    }
+}
+exports.BondkitSwapService = BondkitSwapService;

package/dist/cjs/bondkit/types.d.ts

@@ -49,10 +49,9 @@ export type DexMigrationEventArgs = {
     ethForFeeRecipient: bigint;
 };
 export declare enum TokenStatus {
-    Inactive = 0,// Assuming mapping from ABI, verify actual enum values if specified elsewhere
-    BondingPhase = 1,
-    DexPhase = 2,
-    Migrated = 3
+    Uninitialized = 0,
+    Bonding = 1,
+    Dex = 2
 }
 export interface GetTransactionHistoryOptions {
     userAddress?: Address;
@@ -80,3 +79,10 @@ export interface TransactionResponse {
     skip: number;
     data: Transaction[];
 }
+export interface SwapQuote {
+    amountOut: string;
+    amountOutMin: string;
+    priceImpact: string;
+    executionPrice: string;
+    fee: string;
+}

package/dist/cjs/bondkit/types.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TokenStatus = void 0;
-// Enum for Status (used in BondkitToken ABI)
+// Enum for Status (matches contract Status enum exactly)
 var TokenStatus;
 (function (TokenStatus) {
-    TokenStatus[TokenStatus["Inactive"] = 0] = "Inactive";
-    TokenStatus[TokenStatus["BondingPhase"] = 1] = "BondingPhase";
-    TokenStatus[TokenStatus["DexPhase"] = 2] = "DexPhase";
-    TokenStatus[TokenStatus["Migrated"] = 3] = "Migrated";
+    TokenStatus[TokenStatus["Uninitialized"] = 0] = "Uninitialized";
+    TokenStatus[TokenStatus["Bonding"] = 1] = "Bonding";
+    TokenStatus[TokenStatus["Dex"] = 2] = "Dex";
 })(TokenStatus || (exports.TokenStatus = TokenStatus = {}));

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

@@ -7,12 +7,14 @@ exports.LinkAccount = LinkAccount;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const app_1 = __importDefault(require("../../../../global-account/app"));
 const constants_1 = require("../../../../shared/constants");
+const b3Chain_1 = require("../../../../shared/constants/chains/b3Chain");
 const thirdweb_1 = require("../../../../shared/utils/thirdweb");
 const lucide_react_1 = require("lucide-react");
 const react_1 = require("react");
 const sonner_1 = require("sonner");
 const react_2 = require("thirdweb/react");
 const wallets_1 = require("thirdweb/wallets");
+const __1 = require("../..");
 const useModalStore_1 = require("../../stores/useModalStore");
 const profileDisplay_1 = require("../../utils/profileDisplay");
 const useB3_1 = require("../B3Provider/useB3");
@@ -36,6 +38,38 @@ const AUTH_METHODS = [
         icon: (0, jsx_runtime_1.jsx)(FarcasterIcon_1.FarcasterIcon, { className: "size-6" }),
     },
 ];
+const WALLET_METHODS = [
+    {
+        id: "wallet",
+        label: "Wallet",
+        enabled: true,
+        icon: (0, jsx_runtime_1.jsx)(lucide_react_1.WalletIcon, { className: "size-6" }),
+        walletType: "com.coinbase.wallet",
+    },
+    { id: "wallet", label: "Wallet", enabled: true, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.WalletIcon, { className: "size-6" }), walletType: "io.metamask" },
+    {
+        id: "wallet",
+        label: "Wallet",
+        enabled: true,
+        icon: (0, jsx_runtime_1.jsx)(lucide_react_1.WalletIcon, { className: "size-6" }),
+        walletType: "me.rainbow",
+    },
+    {
+        id: "wallet",
+        label: "Wallet",
+        enabled: true,
+        icon: (0, jsx_runtime_1.jsx)(lucide_react_1.WalletIcon, { className: "size-6" }),
+        walletType: "app.phantom",
+    },
+    { id: "wallet", label: "Wallet", enabled: true, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.WalletIcon, { className: "size-6" }), walletType: "io.rabby" },
+    {
+        id: "wallet",
+        label: "Wallet",
+        enabled: true,
+        icon: (0, jsx_runtime_1.jsx)(lucide_react_1.WalletIcon, { className: "size-6" }),
+        walletType: "walletConnect",
+    },
+];
 function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, partnerId, className, }) {
     const { isLinking, linkingMethod, setLinkingState, navigateBack, setB3ModalContentType } = (0, useModalStore_1.useModalStore)();
     const [selectedMethod, setSelectedMethod] = (0, react_1.useState)(null);
@@ -47,12 +81,12 @@ function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, pa
     const { data: profilesRaw = [] } = (0, react_2.useProfiles)({ client: thirdweb_1.client });
     // Get connected auth methods
     const connectedAuthMethods = profilesRaw
-        .filter((profile) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
+        .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", "siwe"].includes(profile.type))
+        .filter((profile) => !["custom_auth_endpoint"].includes(profile.type))
         .map((profile) => ({
         ...(0, profileDisplay_1.getProfileDisplayInfo)(profile),
         originalProfile: profile,
@@ -182,6 +216,26 @@ function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, pa
             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: thirdweb_1.client,
+                strategy: "wallet",
+                wallet: (0, wallets_1.createWallet)(walletType),
+                chain: b3Chain_1.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);
@@ -262,5 +316,11 @@ function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, pa
                             else {
                                 handleSocialLink(method.id);
                             }
-                        }, disabled: linkingMethod === method.id, children: isLinking && linkingMethod === method.id ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-5 w-5 animate-spin" })) : ((0, jsx_runtime_1.jsxs)("div", { className: "b3-link-account-method-content flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "b3-link-account-method-icon flex items-center justify-center rounded-full", children: method.icon }), (0, jsx_runtime_1.jsx)("span", { className: "b3-link-account-method-label font-medium", children: method.label })] })) }, method.id))), availableAuthMethods.length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted py-8 text-center", children: "All available authentication methods have been connected" }))] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "b3-link-account-form space-y-4", children: [selectedMethod === "email" && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Email Address" }), (0, jsx_runtime_1.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" && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Phone Number" }), (0, jsx_runtime_1.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") }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Include country code (e.g., +1 for US)" })] })), error && (0, jsx_runtime_1.jsx)("div", { className: "text-b3-negative font-neue-montreal-medium py-2 text-sm", children: error }), otpSent ? ((0, jsx_runtime_1.jsxs)("div", { className: "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-medium text-sm", children: "Verification Code" }), (0, jsx_runtime_1.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) })] }), (0, jsx_runtime_1.jsx)(button_1.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" })] })) : ((0, jsx_runtime_1.jsx)(button_1.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 ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" })) : ("Send Verification Code") }))] }))] }));
+                        }, disabled: linkingMethod === method.id, children: isLinking && linkingMethod === method.id ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-5 w-5 animate-spin" })) : ((0, jsx_runtime_1.jsxs)("div", { className: "b3-link-account-method-content flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "b3-link-account-method-icon flex items-center justify-center rounded-full", children: method.icon }), (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(__1.WalletRow, { walletId: method.walletType, onClick: () => handleLinkWallet(method.walletType), isLoading: isLinking }, method.walletType));
+                    }), availableAuthMethods.length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted py-8 text-center", children: "All available authentication methods have been connected" }))] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "b3-link-account-form space-y-4", children: [selectedMethod === "email" && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Email Address" }), (0, jsx_runtime_1.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" && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Phone Number" }), (0, jsx_runtime_1.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") }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Include country code (e.g., +1 for US)" })] })), error && (0, jsx_runtime_1.jsx)("div", { className: "text-b3-negative font-neue-montreal-medium py-2 text-sm", children: error }), (selectedMethod === "email" || selectedMethod === "phone") &&
+                        (otpSent ? ((0, jsx_runtime_1.jsxs)("div", { className: "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-medium text-sm", children: "Verification Code" }), (0, jsx_runtime_1.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) })] }), (0, jsx_runtime_1.jsx)(button_1.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" })] })) : ((0, jsx_runtime_1.jsx)(button_1.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 ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" })) : ("Send Verification Code") })))] }))] }));
 }

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

@@ -10,6 +10,7 @@ const react_1 = require("../../../../global-account/react");
 const SignOutIcon_1 = require("../../../../global-account/react/components/icons/SignOutIcon");
 const formatNumber_1 = require("../../../../shared/utils/formatNumber");
 const thirdweb_1 = require("../../../../shared/utils/thirdweb");
+const truncateAddress_1 = require("../../../../shared/utils/truncateAddress");
 const lucide_react_1 = require("lucide-react");
 const react_2 = require("react");
 const sonner_1 = require("sonner");
@@ -18,6 +19,21 @@ const viem_1 = require("viem");
 const profileDisplay_1 = require("../../utils/profileDisplay");
 const AccountAssets_1 = require("../AccountAssets/AccountAssets");
 const ContentTokens_1 = require("./ContentTokens");
+// Helper function to check if a string is a wallet address and format it
+const formatProfileTitle = (title) => {
+    // Check if title looks like an Ethereum address (0x followed by 40 hex characters)
+    const isEthereumAddress = /^0x[a-fA-F0-9]{40}$/.test(title);
+    if (isEthereumAddress) {
+        return {
+            displayTitle: (0, truncateAddress_1.truncateAddress)(title),
+            isAddress: true,
+        };
+    }
+    return {
+        displayTitle: title,
+        isAddress: false,
+    };
+};
 const BalanceContent_1 = require("./BalanceContent");
 function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain, partnerId, showSwap, showDeposit, }) {
     const [revokingSignerId, setRevokingSignerId] = (0, react_2.useState)(null);
@@ -117,7 +133,7 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
             }
         };
         const profiles = profilesRaw
-            .filter((profile) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
+            .filter((profile) => !["custom_auth_endpoint"].includes(profile.type))
             .map((profile) => ({
             ...(0, profileDisplay_1.getProfileDisplayInfo)(profile),
             originalProfile: profile,
@@ -152,7 +168,24 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
                 },
             });
         };
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "linked-accounts-settings space-y-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-accounts-section space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-accounts-header flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold linked-accounts-settings-title text-xl", children: "Linked Accounts" }), (0, jsx_runtime_1.jsxs)(react_1.Button, { className: "linked-accounts-settings-button linked-accounts-link-button bg-b3-primary-wash hover:bg-b3-primary-wash/70 flex items-center gap-2 rounded-full px-4 py-2", onClick: handleOpenLinkModal, disabled: isLinking, children: [isLinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "linked-accounts-link-loading text-b3-primary-blue animate-spin", size: 16 })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.LinkIcon, { size: 16, className: "linked-accounts-link-icon text-b3-primary-blue" })), (0, jsx_runtime_1.jsx)("span", { className: "linked-accounts-link-text text-b3-grey font-neue-montreal-semibold", children: isLinking ? "Linking..." : "Link New Account" })] })] }), isLoadingProfiles ? ((0, jsx_runtime_1.jsx)("div", { className: "linked-accounts-loading flex justify-center py-8", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-grey animate-spin" }) })) : profiles.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "linked-accounts-list space-y-4", children: profiles.map(profile => ((0, jsx_runtime_1.jsxs)("div", { className: "linked-account-item bg-b3-line flex items-center justify-between rounded-xl p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-account-info flex items-center gap-3", children: [profile.imageUrl ? ((0, jsx_runtime_1.jsx)("img", { src: profile.imageUrl, alt: profile.title, className: "linked-account-avatar linked-account-avatar-image size-10 rounded-full" })) : ((0, jsx_runtime_1.jsx)("div", { className: "linked-account-avatar linked-account-avatar-placeholder bg-b3-primary-wash flex h-10 w-10 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)("span", { className: "linked-account-initial text-b3-grey font-neue-montreal-semibold text-sm uppercase", children: profile.initial }) })), (0, jsx_runtime_1.jsxs)("div", { className: "linked-account-details", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-account-title-row flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "linked-account-title text-b3-grey font-neue-montreal-semibold", children: profile.title }), (0, jsx_runtime_1.jsx)("span", { className: "linked-account-type text-b3-foreground-muted font-neue-montreal-medium bg-b3-primary-wash rounded px-2 py-0.5 text-xs", children: profile.type.toUpperCase() })] }), (0, jsx_runtime_1.jsx)("div", { className: "linked-account-subtitle text-b3-foreground-muted font-neue-montreal-medium text-sm", children: profile.subtitle })] })] }), (0, jsx_runtime_1.jsx)(react_1.Button, { variant: "ghost", size: "icon", className: "linked-account-unlink-button text-b3-grey hover:text-b3-negative", onClick: () => handleUnlink(profile), disabled: unlinkingAccountId === profile.title || isUnlinking, children: unlinkingAccountId === profile.title || isUnlinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "linked-account-unlink-loading animate-spin" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.UnlinkIcon, { size: 16, className: "linked-account-unlink-icon" })) })] }, profile.title))) })) : ((0, jsx_runtime_1.jsx)("div", { className: "linked-accounts-empty text-b3-foreground-muted py-8 text-center", children: "No linked accounts found" }))] }), showReferralInfo && (
+        console.log("@@profiles", profiles);
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "linked-accounts-settings space-y-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-accounts-section space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-accounts-header flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold linked-accounts-settings-title text-xl", children: "Linked Accounts" }), (0, jsx_runtime_1.jsxs)(react_1.Button, { className: "linked-accounts-settings-button linked-accounts-link-button bg-b3-primary-wash hover:bg-b3-primary-wash/70 flex items-center gap-2 rounded-full px-4 py-2", onClick: handleOpenLinkModal, disabled: isLinking, children: [isLinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "linked-accounts-link-loading text-b3-primary-blue animate-spin", size: 16 })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.LinkIcon, { size: 16, className: "linked-accounts-link-icon text-b3-primary-blue" })), (0, jsx_runtime_1.jsx)("span", { className: "linked-accounts-link-text text-b3-grey font-neue-montreal-semibold", children: isLinking ? "Linking..." : "Link New Account" })] })] }), isLoadingProfiles ? ((0, jsx_runtime_1.jsx)("div", { className: "linked-accounts-loading flex justify-center py-8", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-grey animate-spin" }) })) : profiles.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "linked-accounts-list space-y-4", children: profiles.map(profile => ((0, jsx_runtime_1.jsxs)("div", { className: "linked-account-item bg-b3-line group flex items-center justify-between rounded-xl p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-account-info flex items-center gap-3", children: [profile.imageUrl ? ((0, jsx_runtime_1.jsx)("img", { src: profile.imageUrl, alt: profile.title, className: "linked-account-avatar linked-account-avatar-image size-10 rounded-full" })) : ((0, jsx_runtime_1.jsx)("div", { className: "linked-account-avatar linked-account-avatar-placeholder bg-b3-primary-wash flex h-10 w-10 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)("span", { className: "linked-account-initial text-b3-grey font-neue-montreal-semibold text-sm uppercase", children: profile.initial }) })), (0, jsx_runtime_1.jsxs)("div", { className: "linked-account-details", children: [(0, jsx_runtime_1.jsxs)("div", { className: "linked-account-title-row flex items-center gap-2", children: [(() => {
+                                                                const { displayTitle, isAddress } = formatProfileTitle(profile.title);
+                                                                const handleCopyAddress = async (e) => {
+                                                                    e.stopPropagation();
+                                                                    try {
+                                                                        await navigator.clipboard.writeText(profile.title);
+                                                                        sonner_1.toast.success("Address copied to clipboard!");
+                                                                    }
+                                                                    catch (error) {
+                                                                        sonner_1.toast.error("Failed to copy address");
+                                                                    }
+                                                                };
+                                                                return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: `linked-account-title text-b3-grey font-neue-montreal-semibold ${isAddress
+                                                                                ? "font-mono text-sm" // Use monospace font for addresses
+                                                                                : "break-words" // Use break-words for emails/names (better than break-all)
+                                                                            }`, title: isAddress ? profile.title : undefined, children: displayTitle }), isAddress && ((0, jsx_runtime_1.jsx)("button", { onClick: handleCopyAddress, className: "linked-account-copy-button ml-1 rounded p-1 opacity-0 transition-opacity hover:bg-gray-100 group-hover:opacity-100", title: "Copy full address", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { size: 12, className: "text-gray-500 hover:text-gray-700" }) }))] }));
+                                                            })(), (0, jsx_runtime_1.jsx)("span", { className: "linked-account-type text-b3-foreground-muted font-neue-montreal-medium bg-b3-primary-wash rounded px-2 py-0.5 text-xs", children: profile.type.toUpperCase() })] }), (0, jsx_runtime_1.jsx)("div", { className: "linked-account-subtitle text-b3-foreground-muted font-neue-montreal-medium text-sm", children: profile.subtitle })] })] }), (0, jsx_runtime_1.jsx)(react_1.Button, { variant: "ghost", size: "icon", className: "linked-account-unlink-button text-b3-grey hover:text-b3-negative", onClick: () => handleUnlink(profile), disabled: unlinkingAccountId === profile.title || isUnlinking, children: unlinkingAccountId === profile.title || isUnlinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "linked-account-unlink-loading animate-spin" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.UnlinkIcon, { size: 16, className: "linked-account-unlink-icon" })) })] }, profile.title))) })) : ((0, jsx_runtime_1.jsx)("div", { className: "linked-accounts-empty text-b3-foreground-muted py-8 text-center", children: "No linked accounts found" }))] }), showReferralInfo && (
                 /* Referral Section */
                 (0, jsx_runtime_1.jsxs)("div", { className: "referrals-section space-y-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "referrals-title text-b3-grey font-neue-montreal-semibold text-xl", children: "Referrals" }), (0, jsx_runtime_1.jsxs)("div", { className: "referral-code-container bg-b3-line rounded-xl p-4", children: [isEditingCode && ((0, jsx_runtime_1.jsxs)("div", { className: "referral-code-header-editing", children: [(0, jsx_runtime_1.jsx)("div", { className: "referral-code-title text-b3-grey font-neue-montreal-semibold", children: "Your Referral Code" }), (0, jsx_runtime_1.jsx)("div", { className: "referral-code-description text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Share this code with friends to earn rewards" })] })), (0, jsx_runtime_1.jsxs)("div", { className: "referral-code-content flex items-center justify-between", children: [!isEditingCode && ((0, jsx_runtime_1.jsxs)("div", { className: "referral-code-header", children: [(0, jsx_runtime_1.jsx)("div", { className: "referral-code-title text-b3-grey font-neue-montreal-semibold", children: "Your Referral Code" }), (0, jsx_runtime_1.jsx)("div", { className: "referral-code-description text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Share this code with friends to earn rewards" })] })), (0, jsx_runtime_1.jsx)("div", { className: "referral-code-actions flex items-center gap-2", children: isEditingCode ? ((0, jsx_runtime_1.jsxs)("div", { className: "referral-code-edit-form flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", value: newReferralCode, onChange: e => setNewReferralCode(e.target.value), className: "referral-code-input rounded-lg border border-gray-200 bg-white px-3 py-1.5 text-sm", placeholder: "Enter new code", ref: referallCodeRef }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "sm", className: "referral-code-save-button", onClick: handleUpdateReferralCode, disabled: isUpdatingCode || !newReferralCode, children: isUpdatingCode ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "referral-code-save-loading h-4 w-4 animate-spin" })) : ("Save") }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "sm", variant: "ghost", className: "referral-code-cancel-button", onClick: () => {
                                                             setIsEditingCode(false);