@b3dotfun/sdk 0.0.65-test.5 → 0.0.66

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

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HomeContent = HomeContent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Tabs_1 = require("../ui/Tabs");
-const Header_1 = require("./Header");
-const HomeActions_1 = __importDefault(require("./HomeActions"));
-const NFTContent_1 = __importDefault(require("./NFTContent"));
-const ProfileSection_1 = __importDefault(require("./ProfileSection"));
-const TokenContent_1 = __importDefault(require("./TokenContent"));
-function HomeContent({ showDeposit = false, showSwap = true }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)(Header_1.Header, {}), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)(ProfileSection_1.default, {}), (0, jsx_runtime_1.jsx)(HomeActions_1.default, { showDeposit: showDeposit, showSwap: showSwap }), (0, jsx_runtime_1.jsx)("div", { className: "b3-modal-balance-content space-y-2 p-5", children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { defaultValue: "balance", children: [(0, jsx_runtime_1.jsxs)(Tabs_1.TabsList, { className: "b3-modal-balance-tabs-list", children: [(0, jsx_runtime_1.jsx)(Tabs_1.TabTrigger, { value: "balance", className: "font-neue-montreal-semibold p-0 pr-3", children: "Balance" }), (0, jsx_runtime_1.jsx)(Tabs_1.TabTrigger, { value: "nfts", className: "font-neue-montreal-semibold p-0 pr-3", children: "NFTs" })] }), (0, jsx_runtime_1.jsx)(Tabs_1.TabsContent, { value: "balance", className: "px-0 pb-4 pt-2", children: (0, jsx_runtime_1.jsx)(TokenContent_1.default, {}) }), (0, jsx_runtime_1.jsx)(Tabs_1.TabsContent, { value: "nfts", className: "px-0 pb-4 pt-2", children: (0, jsx_runtime_1.jsx)(NFTContent_1.default, {}) })] }) })] })] }));
-}

package/dist/cjs/global-account/react/components/ManageAccount/NFTContent.d.ts

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

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("thirdweb/react");
-const __1 = require("..");
-const hooks_1 = require("../../hooks");
-const NFTContent = () => {
-    // Get active wallet state
-    const activeWallet = (0, react_1.useActiveWallet)();
-    const activeAccount = activeWallet?.getAccount();
-    const activeAddress = activeAccount?.address;
-    const { data: nfts, isLoading } = (0, hooks_1.useAccountAssets)(activeAddress);
-    return ((0, jsx_runtime_1.jsx)("div", { style: { minHeight: "100px" }, children: nfts?.nftResponse ? ((0, jsx_runtime_1.jsx)(__1.AccountAssets, { nfts: nfts.nftResponse, isLoading: isLoading })) : ((0, jsx_runtime_1.jsx)("div", { className: "py-12 text-center text-gray-500", children: "No NFTs found" })) }));
-};
-exports.default = NFTContent;

package/dist/cjs/global-account/react/components/ManageAccount/ProfileSection.d.ts

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

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

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("../../../../global-account/react");
-const utils_1 = require("../../../../shared/utils");
-const number_1 = require("../../../../shared/utils/number");
-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 IPFSMediaRenderer_1 = require("../IPFSMediaRenderer/IPFSMediaRenderer");
-const ProfileSection = () => {
-    const account = (0, react_3.useActiveAccount)();
-    const { address: eoaAddress } = (0, useFirstEOA_1.useFirstEOA)();
-    const { address: smartWalletAddress } = (0, react_1.useAccountWallet)();
-    const { data: profile } = (0, react_1.useProfile)({
-        address: eoaAddress || account?.address,
-        fresh: true,
-    });
-    const { user } = (0, react_1.useB3)();
-    const setB3ModalOpen = (0, react_1.useModalStore)(state => state.setB3ModalOpen);
-    const setB3ModalContentType = (0, react_1.useModalStore)(state => state.setB3ModalContentType);
-    const navigateBack = (0, react_1.useModalStore)(state => state.navigateBack);
-    const { data: simBalance } = (0, react_1.useSimBalance)(smartWalletAddress);
-    // Calculate total balance in USD
-    const totalBalanceUsd = (0, react_2.useMemo)(() => {
-        if (!simBalance?.balances)
-            return 0;
-        return simBalance.balances.reduce((sum, token) => sum + (token.value_usd || 0), 0);
-    }, [simBalance]);
-    const handleEditAvatar = () => {
-        setB3ModalOpen(true);
-        setB3ModalContentType({
-            type: "avatarEditor",
-            onSuccess: () => {
-                // navigate back on success
-                navigateBack();
-            },
-        });
-    };
-    // IPFSMediaRenderer will handle IPFS URL conversion and validation
-    const avatarSrc = user?.avatar || profile?.avatar;
-    // Get current username - prioritize user.username, fallback to profile data
-    const currentUsername = user?.username || profile?.displayName || (0, utils_1.formatUsername)(profile?.name || "");
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-between px-5 py-6", 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: [(0, jsx_runtime_1.jsx)(IPFSMediaRenderer_1.IPFSMediaRenderer, { src: avatarSrc, alt: "Profile Avatar", className: "border-b3-line border-1 bg-b3-primary-wash size-14 rounded-full border" }), (0, jsx_runtime_1.jsx)("button", { onClick: handleEditAvatar, className: "border-b3-background hover:bg-b3-grey/80 absolute -bottom-1 -right-1 flex size-6 items-center justify-center rounded-full border-4 bg-[#a0a0ab] transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { size: 10, className: "text-b3-background" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "global-account-profile-info flex flex-col gap-1", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "text-b3-grey font-neue-montreal-semibold flex h-[38px] items-center gap-1 text-xl", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted", children: " $" }), (0, jsx_runtime_1.jsx)("div", { className: "text-[30px]", children: (0, number_1.formatDisplayNumber)(totalBalanceUsd, { fractionDigits: 2 }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "b3-modal-username font-neue-montreal-semibold text-base leading-none text-[#0B57C2]", children: currentUsername })] })] }) }));
-};
-exports.default = ProfileSection;

package/dist/cjs/global-account/react/components/ManageAccount/SettingsContent.d.ts

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

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

@@ -1,50 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("../../../../global-account/react");
-const LinkIcon_1 = __importDefault(require("../icons/LinkIcon"));
-const ModalHeader_1 = __importDefault(require("../ModalHeader/ModalHeader"));
-const SettingsMenuItem_1 = __importDefault(require("./SettingsMenuItem"));
-const SettingsProfileCard_1 = __importDefault(require("./SettingsProfileCard"));
-const SettingsContent = ({ partnerId, onLogout, chain, }) => {
-    const setB3ModalContentType = (0, react_1.useModalStore)(state => state.setB3ModalContentType);
-    const setB3ModalOpen = (0, react_1.useModalStore)(state => state.setB3ModalOpen);
-    const handleNavigate = (type) => {
-        if (type === "home") {
-            setB3ModalContentType({
-                type: "manageAccount",
-                chain,
-                partnerId,
-                onLogout,
-                activeTab: "home",
-            });
-        }
-        else if (type === "swap") {
-            setB3ModalContentType({
-                type: "manageAccount",
-                chain,
-                partnerId,
-                onLogout,
-                activeTab: "tokens",
-            });
-        }
-        else if (type === "linkAccount") {
-            setB3ModalContentType({
-                type: "linkAccount",
-                chain,
-                partnerId,
-            });
-        }
-        else {
-            setB3ModalContentType({
-                type: "avatarEditor",
-            });
-        }
-        setB3ModalOpen(true);
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-[470px] flex-col", children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.default, { showBackButton: false, showCloseButton: false, title: "Settings" }), (0, jsx_runtime_1.jsx)("div", { className: "p-5", children: (0, jsx_runtime_1.jsx)("div", { className: "b3-modal-settings-profile-card flex items-center rounded-xl border border-[#e4e4e7] bg-[#f4f4f5] p-4", children: (0, jsx_runtime_1.jsx)(SettingsProfileCard_1.default, {}) }) }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-3 px-5", children: (0, jsx_runtime_1.jsx)(SettingsMenuItem_1.default, { icon: (0, jsx_runtime_1.jsx)(LinkIcon_1.default, { className: "text-b3-grey-500" }), title: "Linked Accounts", subtitle: "3 connected accounts", onClick: () => handleNavigate("linkAccount") }) })] }));
-};
-exports.default = SettingsContent;

package/dist/cjs/global-account/react/components/ManageAccount/SettingsMenuItem.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from "react";
-interface SettingsMenuItemProps {
-    icon: ReactNode;
-    title: string;
-    subtitle: string;
-    onClick?: () => void;
-}
-declare const SettingsMenuItem: ({ icon, title, subtitle, onClick }: SettingsMenuItemProps) => import("react/jsx-runtime").JSX.Element;
-export default SettingsMenuItem;

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

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const SettingsMenuItem = ({ icon, title, subtitle, onClick }) => {
-    return ((0, jsx_runtime_1.jsxs)("button", { onClick: onClick, className: "b3-modal-settings-menu-item flex w-full items-center gap-2 rounded-xl px-3 py-2 transition-colors hover:bg-[#f4f4f5]", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex size-10 items-center justify-center rounded-full bg-[#f4f4f5]", children: icon }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col items-start gap-1 text-left", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-semibold text-[14px] leading-none tracking-[-0.28px] text-[#3f3f46]", children: title }), (0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-medium text-[14px] leading-none tracking-[-0.28px] text-[#70707b]", children: subtitle })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { size: 20, className: "text-[#51525c]" })] }));
-};
-exports.default = SettingsMenuItem;

package/dist/cjs/global-account/react/components/ManageAccount/SettingsProfileCard.d.ts

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

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

@@ -1,106 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const app_1 = __importDefault(require("../../../../global-account/app"));
-const react_1 = require("../../../../global-account/react");
-const utils_1 = require("../../../../shared/utils");
-const lucide_react_1 = require("lucide-react");
-const react_2 = require("react");
-const sonner_1 = require("sonner");
-const react_3 = require("thirdweb/react");
-const useFirstEOA_1 = require("../../hooks/useFirstEOA");
-const IPFSMediaRenderer_1 = require("../IPFSMediaRenderer/IPFSMediaRenderer");
-const SettingsProfileCard = () => {
-    const account = (0, react_3.useActiveAccount)();
-    const { address: eoaAddress } = (0, useFirstEOA_1.useFirstEOA)();
-    const { data: profile, refetch: refreshProfile } = (0, react_1.useProfile)({
-        address: eoaAddress || account?.address,
-        fresh: true,
-    });
-    const { user, setUser } = (0, react_1.useB3)();
-    const setB3ModalOpen = (0, react_1.useModalStore)(state => state.setB3ModalOpen);
-    const setB3ModalContentType = (0, react_1.useModalStore)(state => state.setB3ModalContentType);
-    const navigateBack = (0, react_1.useModalStore)(state => state.navigateBack);
-    // State for inline username editing
-    const [isEditingUsername, setIsEditingUsername] = (0, react_2.useState)(false);
-    const [editedUsername, setEditedUsername] = (0, react_2.useState)("");
-    const [isSaving, setIsSaving] = (0, react_2.useState)(false);
-    const inputRef = (0, react_2.useRef)(null);
-    // IPFSMediaRenderer will handle IPFS URL conversion and validation
-    const avatarSrc = user?.avatar || profile?.avatar;
-    // Get current username - prioritize user.username, fallback to profile data
-    const currentUsername = user?.username || profile?.displayName || (0, utils_1.formatUsername)(profile?.name || "");
-    // Focus input when entering edit mode
-    (0, react_2.useEffect)(() => {
-        if (isEditingUsername && inputRef.current) {
-            inputRef.current.focus();
-            inputRef.current.select();
-        }
-    }, [isEditingUsername]);
-    const handleEditAvatar = () => {
-        setB3ModalOpen(true);
-        setB3ModalContentType({
-            type: "avatarEditor",
-            onSuccess: () => {
-                // navigate back on success
-                navigateBack();
-            },
-        });
-    };
-    const handleEditUsername = () => {
-        setEditedUsername(currentUsername || "");
-        setIsEditingUsername(true);
-    };
-    const handleCancelEdit = () => {
-        setIsEditingUsername(false);
-        setEditedUsername("");
-    };
-    const handleSaveUsername = async () => {
-        if (!editedUsername.trim()) {
-            sonner_1.toast.error("Username cannot be empty");
-            return;
-        }
-        if (editedUsername === currentUsername) {
-            // No change, just exit edit mode
-            handleCancelEdit();
-            return;
-        }
-        setIsSaving(true);
-        try {
-            const updatedUser = await app_1.default.service("users").registerUsername({ username: editedUsername.trim() }, 
-            // @ts-expect-error - our typed client is expecting context even though it's set elsewhere
-            {});
-            // Update user state - registerUsername returns an array with single user
-            setUser(Array.isArray(updatedUser) ? updatedUser[0] : updatedUser);
-            // Refresh profile to get updated data
-            await refreshProfile();
-            sonner_1.toast.success("Username updated successfully!");
-            setIsEditingUsername(false);
-            setEditedUsername("");
-        }
-        catch (error) {
-            console.error("Error updating username:", error);
-            sonner_1.toast.error("Failed to update username. Please try again.");
-        }
-        finally {
-            setIsSaving(false);
-        }
-    };
-    const handleKeyDown = (e) => {
-        if (e.key === "Enter") {
-            handleSaveUsername();
-        }
-        else if (e.key === "Escape") {
-            handleCancelEdit();
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex w-full items-center gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative shrink-0", children: [(0, jsx_runtime_1.jsx)(IPFSMediaRenderer_1.IPFSMediaRenderer, { src: avatarSrc, alt: "Profile", className: "border-black/8 size-14 rounded-full border object-cover" }), (0, jsx_runtime_1.jsx)("button", { onClick: handleEditAvatar, className: "absolute -bottom-0.5 -right-0.5 flex size-[18px] items-center justify-center rounded-full border-[1.5px] border-white bg-[#a0a0ab] transition-colors hover:bg-[#a0a0ab]/80", "aria-label": "Edit avatar", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { size: 10, className: "text-white", strokeWidth: 2.5 }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex shrink-0 flex-col gap-1", children: isEditingUsername ? (
-                /* Edit mode - inline input */
-                (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "text", value: editedUsername, onChange: e => setEditedUsername(e.target.value), onKeyDown: handleKeyDown, disabled: isSaving, className: "border-b3-line bg-b3-background text-b3-grey placeholder:text-b3-foreground-muted font-neue-montreal-semibold focus:border-b3-primary-blue w-full rounded-md border px-2 py-1 text-lg leading-none transition-colors focus:outline-none disabled:opacity-50", placeholder: "Enter username" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("button", { onClick: handleSaveUsername, disabled: isSaving, className: "text-b3-primary-blue hover:text-b3-primary-blue/80 flex items-center justify-center rounded-md p-1 transition-colors disabled:opacity-50", "aria-label": "Save username", children: isSaving ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { size: 18, className: "animate-spin" }) : (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { size: 18, strokeWidth: 2.5 }) }), (0, jsx_runtime_1.jsx)("button", { onClick: handleCancelEdit, disabled: isSaving, className: "text-b3-foreground-muted hover:text-b3-grey flex items-center justify-center rounded-md p-1 transition-colors disabled:opacity-50", "aria-label": "Cancel editing", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 18, strokeWidth: 2.5 }) })] })] })) : (
-                /* Display mode */
-                (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-1", children: (0, jsx_runtime_1.jsx)("p", { className: "b3-modal-username font-neue-montreal-semibold text-lg leading-none text-[#0B57C2]", children: currentUsername }) }), (0, jsx_runtime_1.jsx)("button", { onClick: handleEditUsername, className: "flex items-center justify-center gap-1 text-left transition-opacity hover:opacity-80", children: (0, jsx_runtime_1.jsx)("p", { className: "font-inter text-sm font-semibold leading-5 text-[#51525C]", children: "Edit Username" }) })] })) })] }));
-};
-exports.default = SettingsProfileCard;

package/dist/cjs/global-account/react/components/ManageAccount/TokenContent.d.ts

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

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

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("../../../../global-account/react");
-const react_2 = require("thirdweb/react");
-const TokenIcon_1 = require("../TokenIcon");
-const TokenBalanceRow_1 = require("./TokenBalanceRow");
-const TokenContent = () => {
-    // Get active wallet state
-    const activeWallet = (0, react_2.useActiveWallet)();
-    //const globalAccountWallet = useGlobalWalletState(state => state.globalAccountWallet);
-    const activeAccount = activeWallet?.getAccount();
-    const activeAddress = activeAccount?.address;
-    // Balance data fetching - use active wallet address
-    const { data: activeNativeBalance } = (0, react_1.useNativeBalance)(activeAddress);
-    const { data: activeB3Balance } = (0, react_1.useB3BalanceFromAddresses)(activeAddress);
-    if (!activeAddress) {
-        return (0, jsx_runtime_1.jsx)("div", { className: "col-span-3 py-12 text-center text-gray-500", children: "No tokens found" });
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3", children: [(0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.B3TokenIcon, { className: "size-10" }), name: "B3", balance: `${activeB3Balance?.formattedTotal || "0.00"} B3`, usdValue: activeB3Balance?.balanceUsdFormatted || "0.00", priceChange: activeB3Balance?.priceChange24h }), (0, jsx_runtime_1.jsx)(TokenBalanceRow_1.TokenBalanceRow, { icon: (0, jsx_runtime_1.jsx)(TokenIcon_1.EthereumTokenIcon, { className: "size-10" }), name: "Ethereum", balance: `${activeNativeBalance?.formattedTotal || "0.00"} ETH`, usdValue: activeNativeBalance?.formattedTotalUsd || "0.00", priceChange: activeNativeBalance?.priceChange24h })] }));
-};
-exports.default = TokenContent;

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

@@ -1,11 +0,0 @@
-declare const ModalHeader: ({ showBackButton, handleBack, handleClose, title, children, showCloseButton, className, showBackWord, }: {
-    showBackButton?: boolean;
-    handleBack?: () => void;
-    handleClose?: () => void;
-    title: string;
-    children?: React.ReactNode;
-    showCloseButton?: boolean;
-    className?: string;
-    showBackWord?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ModalHeader;

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../../../shared/utils");
-const lucide_react_1 = require("lucide-react");
-const stores_1 = require("../../stores");
-const ModalHeader = ({ showBackButton = true, handleBack, handleClose, title, children, showCloseButton = true, className, showBackWord = false, }) => {
-    const navigateBack = (0, stores_1.useModalStore)(state => state.navigateBack);
-    const setB3ModalOpen = (0, stores_1.useModalStore)(state => state.setB3ModalOpen);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("b3-modal-header flex h-16 items-center justify-between border-b border-[#e4e4e7] bg-white px-5 py-3", className), children: [showBackButton ? ((0, jsx_runtime_1.jsxs)("button", { onClick: handleBack || navigateBack, className: "flex h-6 w-6 items-center justify-center transition-opacity hover:opacity-70", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft, { className: "h-6 w-6 text-[#51525c]" }), showBackWord && (0, jsx_runtime_1.jsx)("span", { className: "text-sm font-medium", children: "Back" })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-2" })), (0, jsx_runtime_1.jsx)("p", { className: "font-inter text-lg font-semibold leading-7 text-[#18181b]", children: title }), showCloseButton ? ((0, jsx_runtime_1.jsx)("button", { onClick: handleClose || (() => setB3ModalOpen(false)), className: "flex h-6 w-6 items-center justify-center transition-opacity hover:opacity-70", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-6 w-6 text-[#51525c]" }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-2" })), children] }));
-};
-exports.default = ModalHeader;

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

@@ -1,5 +0,0 @@
-export interface SendModalProps {
-    recipientAddress?: string;
-    onSuccess?: (txHash?: string) => void;
-}
-export declare function Send({ recipientAddress: initialRecipient, onSuccess }: SendModalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,187 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Send = Send;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const anyspend_1 = require("../../../../anyspend");
-const ChainTokenIcon_1 = require("../../../../anyspend/react/components/common/ChainTokenIcon");
-const react_1 = require("../../../../global-account/react");
-const number_1 = require("../../../../shared/utils/number");
-const invariant_1 = __importDefault(require("invariant"));
-const lucide_react_1 = require("lucide-react");
-const react_2 = require("react");
-const react_number_format_1 = require("react-number-format");
-const sonner_1 = require("sonner");
-const viem_1 = require("viem");
-const useRecentAddressesStore_1 = require("../../stores/useRecentAddressesStore");
-const ModalHeader_1 = __importDefault(require("../ModalHeader/ModalHeader"));
-const button_1 = require("../ui/button");
-function Send({ recipientAddress: initialRecipient, onSuccess }) {
-    const { address } = (0, react_1.useAccountWallet)();
-    const navigateBack = (0, react_1.useModalStore)(state => state.navigateBack);
-    const setB3ModalOpen = (0, react_1.useModalStore)(state => state.setB3ModalOpen);
-    // Wizard state
-    const [step, setStep] = (0, react_2.useState)("recipient");
-    const [selectedToken, setSelectedToken] = (0, react_2.useState)(null);
-    const [recipientAddress, setRecipientAddress] = (0, react_2.useState)(initialRecipient || "");
-    const [sendAmount, setSendAmount] = (0, react_2.useState)("");
-    const [isSending, setIsSending] = (0, react_2.useState)(false);
-    const [addressError, setAddressError] = (0, react_2.useState)("");
-    const [showValidatedResult, setShowValidatedResult] = (0, react_2.useState)(false);
-    // Hooks
-    const { data: simBalance, refetch: refetchSimBalance, isLoading: isLoadingBalance } = (0, react_1.useSimBalance)(address);
-    const { switchChainAndExecute } = (0, react_1.useUnifiedChainSwitchAndExecute)();
-    const { sendAnalyticsEvent } = (0, react_1.useAnalytics)();
-    // Recent addresses store
-    const recentAddresses = (0, useRecentAddressesStore_1.useRecentAddressesStore)(state => state.recentAddresses);
-    const addRecentAddress = (0, useRecentAddressesStore_1.useRecentAddressesStore)(state => state.addRecentAddress);
-    // Address validation
-    const handleRecipientAddressChange = (value) => {
-        setRecipientAddress(value);
-        setShowValidatedResult(false);
-        if (value && !(0, viem_1.isAddress)(value)) {
-            setAddressError("Please enter a valid EVM address (0x...)");
-        }
-        else {
-            setAddressError("");
-            if (value && (0, viem_1.isAddress)(value)) {
-                setShowValidatedResult(true);
-            }
-        }
-    };
-    // Paste from clipboard
-    const handlePaste = async () => {
-        try {
-            const text = await navigator.clipboard.readText();
-            const trimmedText = text.trim();
-            setRecipientAddress(trimmedText);
-            if (trimmedText && (0, viem_1.isAddress)(trimmedText)) {
-                setAddressError("");
-                setShowValidatedResult(true);
-            }
-            else if (trimmedText) {
-                setAddressError("Please enter a valid EVM address (0x...)");
-                setShowValidatedResult(false);
-            }
-        }
-        catch (error) {
-            sonner_1.toast.error("Failed to read clipboard");
-        }
-    };
-    // Handle clicking on the validated result to proceed
-    const handleSelectValidatedAddress = () => {
-        if (recipientAddress && (0, viem_1.isAddress)(recipientAddress)) {
-            addRecentAddress(recipientAddress);
-            setStep("token");
-        }
-    };
-    // Go to previous step
-    const handleBack = () => {
-        if (step === "token")
-            setStep("recipient");
-        else if (step === "amount")
-            setStep("token");
-        else if (step === "confirm")
-            setStep("amount");
-        else
-            navigateBack();
-    };
-    // Get current selected token from fresh balance
-    const getCurrentSelectedToken = () => {
-        if (!selectedToken || !simBalance?.balances) {
-            return null;
-        }
-        const found = simBalance.balances.find(token => token.chain_id === selectedToken.chain_id && token.address === selectedToken.address);
-        return found || null;
-    };
-    // Percentage button handler
-    const handlePercentageClick = (percentage) => {
-        const currentToken = getCurrentSelectedToken();
-        if (currentToken) {
-            const tokenBalance = (BigInt(currentToken.amount) * BigInt(percentage)) / BigInt(100);
-            const amount = (0, number_1.formatTokenAmount)(tokenBalance, currentToken.decimals, 30, false);
-            setSendAmount(amount);
-        }
-    };
-    // Send transaction
-    const handleSend = async () => {
-        const sendAmountWithoutCommas = sendAmount.replace(/,/g, "");
-        const currentToken = getCurrentSelectedToken();
-        if (!currentToken || !recipientAddress || !sendAmount || parseFloat(sendAmountWithoutCommas) <= 0) {
-            return;
-        }
-        setIsSending(true);
-        const amountInWei = (0, viem_1.parseUnits)(sendAmountWithoutCommas, currentToken.decimals);
-        const analyticsData = {
-            amount: sendAmount,
-            symbol: currentToken.symbol,
-            chain_id: currentToken.chain_id,
-            address: currentToken.address,
-        };
-        try {
-            (0, invariant_1.default)((0, viem_1.isAddress)(recipientAddress), "Recipient address is not a valid address");
-            const sendTokenData = (0, viem_1.encodeFunctionData)({
-                abi: viem_1.erc20Abi,
-                functionName: "transfer",
-                args: [recipientAddress, amountInWei],
-            });
-            const tx = await switchChainAndExecute(currentToken.chain_id, {
-                to: currentToken.address === "native" ? recipientAddress : currentToken.address,
-                data: sendTokenData,
-                value: currentToken.address === "native" ? amountInWei : BigInt(0),
-            });
-            if (tx) {
-                sendAnalyticsEvent("send_token_button_click", {
-                    ...analyticsData,
-                    success: true,
-                    tx: (0, anyspend_1.getExplorerTxUrl)(currentToken.chain_id, tx),
-                });
-                setStep("success");
-                sonner_1.toast.success(`Successfully sent ${sendAmount} ${currentToken.symbol}`);
-                if (onSuccess) {
-                    onSuccess(tx);
-                }
-                setTimeout(async () => {
-                    await refetchSimBalance();
-                }, 1000);
-            }
-        }
-        catch (error) {
-            sendAnalyticsEvent("send_token_button_click", {
-                ...analyticsData,
-                success: false,
-                reason: error.message || "Unknown error",
-            });
-            sonner_1.toast.error(`Failed to send ${currentToken.symbol}: ${error.message || "Unknown error"}`);
-        }
-        finally {
-            setIsSending(false);
-        }
-    };
-    // Get step title
-    const getStepTitle = () => {
-        switch (step) {
-            case "recipient":
-                return "Select Recipient";
-            case "token":
-                return "Select Token";
-            case "amount":
-                return "Enter Amount";
-            case "confirm":
-                return "Confirm";
-            case "success":
-                return "Sent!";
-            default:
-                return "Send";
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-[600px] w-full flex-col bg-white", children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.default, { handleBack: handleBack, title: getStepTitle() }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 overflow-y-auto", children: [step === "recipient" && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-6 p-5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex h-12 w-full items-stretch overflow-hidden rounded-lg border border-[#d1d1d6] bg-white", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex w-12 items-center justify-center bg-transparent px-3 py-2", children: (0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-medium text-base text-[#3f3f46]", children: "To" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 items-center border-l border-[#d1d1d6] px-3 py-2", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", value: recipientAddress, onChange: e => handleRecipientAddressChange(e.target.value), placeholder: "ENS or Address", className: "font-neue-montreal-medium flex-1 text-base text-[#70707b] outline-none placeholder:text-[#70707b]" }), (0, jsx_runtime_1.jsx)("button", { onClick: handlePaste, className: "font-inter ml-2 rounded-md border border-[#e4e4e7] bg-[#fafafa] px-2.5 py-0.5 text-sm font-medium text-[#3f3f46] transition-colors hover:bg-[#f4f4f5]", children: "Paste" })] })] }), addressError && (0, jsx_runtime_1.jsx)("p", { className: "font-neue-montreal-medium -mt-4 text-xs text-red-500", children: addressError }), showValidatedResult && recipientAddress && (0, viem_1.isAddress)(recipientAddress) && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-1", children: (0, jsx_runtime_1.jsx)("span", { className: "font-sf-pro-text text-sm font-semibold leading-[1.3] tracking-[-0.41px] text-[#0b57c2]", children: "Result" }) }), (0, jsx_runtime_1.jsxs)("button", { onClick: handleSelectValidatedAddress, className: "flex items-center gap-2 rounded-xl bg-[#f4f4f5] px-3 py-2 transition-colors hover:bg-[#e4e4e7]", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex h-10 w-10 items-center justify-center rounded-full border border-[#e4e4e7] bg-[#f4f4f5]", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "h-5 w-5 text-[#a0a0ab]" }) }), (0, jsx_runtime_1.jsxs)("span", { className: "font-neue-montreal-medium text-base tracking-[-0.32px] text-[#70707b]", children: [recipientAddress.slice(0, 6), "...", recipientAddress.slice(-4)] })] })] })), recentAddresses.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Clock, { className: "h-3.5 w-3.5 text-[#3f3f46]" }), (0, jsx_runtime_1.jsx)("span", { className: "font-sf-pro-text text-sm font-semibold leading-[1.3] tracking-[-0.41px] text-[#3f3f46]", children: "Recents" })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col", children: recentAddresses.map((recent, index) => ((0, jsx_runtime_1.jsxs)("button", { onClick: () => {
-                                                // Just fill the input and show validation - don't auto-proceed
-                                                handleRecipientAddressChange(recent.address);
-                                            }, className: "flex items-center gap-2 rounded-xl px-3 py-2 transition-colors hover:bg-[#fafafa]", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex h-10 w-10 items-center justify-center rounded-full border border-[#e4e4e7] bg-[#f4f4f5]", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "h-5 w-5 text-[#a0a0ab]" }) }), (0, jsx_runtime_1.jsxs)("span", { className: "font-neue-montreal-medium text-base tracking-[-0.32px] text-[#70707b]", children: [recent.address.slice(0, 6), "...", recent.address.slice(-4)] })] }, index))) })] }))] })), step === "token" && ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col p-5", children: isLoadingBalance ? ((0, jsx_runtime_1.jsx)("div", { className: "space-y-4", children: (0, jsx_runtime_1.jsx)("div", { className: "space-y-1", children: [...Array(3)].map((_, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between rounded-xl p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-line h-10 w-10 animate-pulse rounded-full" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-line mb-1 h-4 w-16 animate-pulse rounded" }), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-line h-3 w-24 animate-pulse rounded" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-right", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-line mb-1 h-4 w-20 animate-pulse rounded" }), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-line h-3 w-16 animate-pulse rounded" })] })] }, index))) }) })) : simBalance?.balances && simBalance.balances.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "space-y-4", children: (0, jsx_runtime_1.jsx)("div", { className: "space-y-1", children: simBalance.balances.map(token => ((0, jsx_runtime_1.jsxs)("div", { className: "hover:bg-b3-line/60 dark:hover:bg-b3-primary-wash/40 group flex cursor-pointer items-center justify-between rounded-xl p-3 transition-all duration-200", onClick: () => {
-                                        setSelectedToken(token);
-                                        setStep("amount");
-                                    }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex h-10 w-10 items-center justify-center rounded-full", children: anyspend_1.ALL_CHAINS[token.chain_id]?.logoUrl ? ((0, jsx_runtime_1.jsx)(ChainTokenIcon_1.ChainTokenIcon, { chainUrl: anyspend_1.ALL_CHAINS[token.chain_id].logoUrl, tokenUrl: token.token_metadata?.logo, className: "size-10" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.CircleHelp, { className: "text-b3-react-foreground size-10" })) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: (0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold transition-colors duration-200 group-hover:font-bold group-hover:text-black", children: token.symbol }) }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm transition-colors duration-200 group-hover:text-gray-700", children: token.name })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-right", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold transition-colors duration-200 group-hover:font-bold group-hover:text-black", children: (0, number_1.formatTokenAmount)(BigInt(token.amount), token.decimals) }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm transition-colors duration-200 group-hover:text-gray-700", children: (0, number_1.formatDisplayNumber)(token.value_usd, { style: "currency", fractionDigits: 2 }) })] })] }, token.chain_id + "_" + token.address))) }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CircleHelp, { className: "text-b3-foreground-muted mb-4 h-8 w-8" }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "No tokens available" })] })) })), step === "amount" && selectedToken && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-6 p-5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between rounded-xl border border-[#d1d1d6] bg-[#fafafa] p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex h-10 w-10 items-center justify-center", children: anyspend_1.ALL_CHAINS[selectedToken.chain_id]?.logoUrl ? ((0, jsx_runtime_1.jsx)(ChainTokenIcon_1.ChainTokenIcon, { chainUrl: anyspend_1.ALL_CHAINS[selectedToken.chain_id].logoUrl, tokenUrl: selectedToken.token_metadata?.logo, className: "size-10" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.CircleHelp, { className: "text-b3-react-foreground size-10" })) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "font-neue-montreal-semibold text-base text-[#18181b]", children: selectedToken.symbol }), (0, jsx_runtime_1.jsx)("div", { className: "font-neue-montreal-medium text-sm text-[#70707b]", children: (0, number_1.formatTokenAmount)(BigInt(selectedToken.amount), selectedToken.decimals) })] })] }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setStep("token"), className: "text-b3-primary-blue font-neue-montreal-semibold hover:text-b3-primary-blue/80 text-sm transition-colors", children: "Change" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-3", children: [(0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { decimalSeparator: ".", allowedDecimalSeparators: [","], thousandSeparator: true, inputMode: "decimal", autoComplete: "off", autoCorrect: "off", type: "text", placeholder: "0.00", minLength: 1, maxLength: 30, spellCheck: "false", className: "font-neue-montreal-medium placeholder:text-b3-foreground-muted w-full rounded-lg border border-[#d1d1d6] bg-white px-3 py-2 text-base text-[#18181b] outline-none focus:border-[#0c68e9]", pattern: "^[0-9]*[.,]?[0-9]*$", disabled: isSending, value: sendAmount, allowNegative: false, onValueChange: values => setSendAmount(values.value) }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-4 gap-2", children: [25, 50, 75, 100].map(percentage => ((0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", onClick: () => handlePercentageClick(percentage), className: "font-neue-montreal-medium border-[#d1d1d6] text-sm text-[#18181b] hover:bg-[#fafafa]", disabled: isSending, children: [percentage, "%"] }, percentage))) }), (0, jsx_runtime_1.jsxs)("div", { className: "font-neue-montreal-medium text-sm text-[#70707b]", children: ["Available: ", (0, number_1.formatTokenAmount)(BigInt(selectedToken.amount), selectedToken.decimals), " ", selectedToken.symbol] })] }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: () => setStep("confirm"), disabled: !sendAmount || parseFloat(sendAmount) <= 0, className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold disabled:bg-b3-line disabled:text-b3-foreground-muted h-12 w-full rounded-xl text-white", children: "Continue" })] })), step === "confirm" && selectedToken && ((0, jsx_runtime_1.jsxs)("div", { className: "flex min-h-full flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-4 px-5 pb-0 pt-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-[#d5e5fd]", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Send, { className: "h-7 w-7 text-[#0c68e9]" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-semibold text-[30px] leading-[38px] text-[#18181b]", children: sendAmount }), (0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-semibold text-[30px] leading-[38px] text-[#70707b]", children: selectedToken.symbol })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "h-5" }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-3 px-5", children: (0, jsx_runtime_1.jsx)("div", { className: "rounded-xl border border-[#e4e4e7] bg-[#fafafa] p-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between border-b border-[#e4e4e7] pb-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-inter text-sm font-normal leading-5 text-[#51525c]", children: "To" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-inter text-sm font-normal leading-5 text-[#18181b]", children: ["Wallet (", recipientAddress.slice(0, 6), "...", recipientAddress.slice(-4), ")"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between border-b border-[#e4e4e7] pb-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-inter text-sm font-normal leading-5 text-[#51525c]", children: "Network" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-inter text-sm font-normal leading-5 text-[#51525c]", children: anyspend_1.ALL_CHAINS[selectedToken.chain_id]?.name || "Unknown" }), anyspend_1.ALL_CHAINS[selectedToken.chain_id]?.logoUrl && ((0, jsx_runtime_1.jsx)("img", { src: anyspend_1.ALL_CHAINS[selectedToken.chain_id].logoUrl, alt: anyspend_1.ALL_CHAINS[selectedToken.chain_id]?.name, className: "h-4 w-4 rounded-full" }))] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-inter text-sm font-normal leading-5 text-[#51525c]", children: "Network fee" }), (0, jsx_runtime_1.jsx)("span", { className: "font-inter text-sm font-normal leading-5 text-[#18181b]", children: "$0.1" })] })] }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 border-t border-[#e4e4e7] bg-[#fafafa] p-4", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { onClick: handleBack, disabled: isSending, variant: "outline", className: "font-inter h-12 flex-1 rounded-xl border border-[#e4e4e7] bg-white text-base font-semibold text-[#3f3f46] 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-[#fafafa]", children: "Cancel" }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: handleSend, disabled: isSending, className: "font-inter border-white/12 h-12 flex-1 rounded-xl border-2 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: isSending ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Sending..."] })) : ("Send") })] })] })), step === "success" && selectedToken && ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-full flex-col items-center justify-center gap-6 p-5 text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-green-100", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Send, { className: "h-7 w-7 text-green-600" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-neue-montreal-semibold mb-2 text-xl text-[#18181b]", children: "Sent!" }), (0, jsx_runtime_1.jsxs)("p", { className: "font-neue-montreal-medium text-sm text-[#70707b]", children: [sendAmount, " ", selectedToken.symbol, " was sent to ", recipientAddress.slice(0, 6), "...", recipientAddress.slice(-4)] })] }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: () => setB3ModalOpen(false), className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full rounded-xl text-white", children: "Done" })] }))] })] }));
-}

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

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

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

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const BellIcon = (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: "M7.5 17.5H12.5M4.16667 7.5C4.16667 4.27834 6.77834 1.66667 10 1.66667C13.2217 1.66667 15.8333 4.27834 15.8333 7.5V8.33333C15.8333 9.61667 16.2167 10.8583 16.9167 11.9167L17.5 12.75C17.9417 13.3917 17.4833 14.1667 16.7333 14.1667H3.26667C2.51667 14.1667 2.05834 13.3917 2.5 12.75L3.08334 11.9167C3.78334 10.8583 4.16667 9.61667 4.16667 8.33333V7.5Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-exports.default = BellIcon;

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

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

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChevronDownIcon = ChevronDownIcon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function ChevronDownIcon({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}

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

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

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CopyIcon = CopyIcon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function CopyIcon({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M3.33333 3.33333V2C3.33333 1.63181 3.63181 1.33333 4 1.33333H10C10.3682 1.33333 10.6667 1.63181 10.6667 2V8C10.6667 8.36819 10.3682 8.66667 10 8.66667H8.66667M2 3.33333H8C8.36819 3.33333 8.66667 3.63181 8.66667 4V10C8.66667 10.3682 8.36819 10.6667 8 10.6667H2C1.63181 10.6667 1.33333 10.3682 1.33333 10V4C1.33333 3.63181 1.63181 3.33333 2 3.33333Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}

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

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