@quantabit/nft-sdk 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,1200 @@
+import { BaseApiClient } from '@quantabit/sdk-config';
+import React, { useState, useCallback, useEffect, useMemo } from 'react';
+
+/**
+ * NFT SDK - API 客户端
+ * NFT 系统后端接口封装
+ * 
+ * 使用 BaseApiClient 基类简化代码
+ */
+
+
+/**
+ * NFT API 客户端
+ */
+class NftApiClient extends BaseApiClient {
+  constructor(config = {}) {
+    super('/nft', config);
+  }
+
+  // ============ NFT 查询 ============
+
+  /**
+   * 获取 NFT 列表
+   * @param {Object} params - 查询参数
+   */
+  async getNFTs(params = {}) {
+    return this.get('/list', params);
+  }
+
+  /**
+   * 兼容旧 Hook 命名
+   */
+  async getNfts(params = {}) {
+    return this.getNFTs(params);
+  }
+
+  /**
+   * 获取 NFT 详情
+   * @param {string} nftId - NFT ID
+   */
+  async getNFT(nftId) {
+    return this.get(`/${nftId}`);
+  }
+
+  /**
+   * 兼容旧 Hook 命名
+   */
+  async getNftDetail(nftId) {
+    return this.getNFT(nftId);
+  }
+
+  /**
+   * 获取 NFT 元数据
+   * @param {string} nftId - NFT ID
+   */
+  async getMetadata(nftId) {
+    return this.get(`/${nftId}/metadata`);
+  }
+
+  /**
+   * 获取 NFT 历史
+   * @param {string} nftId - NFT ID
+   */
+  async getHistory(nftId) {
+    return this.get(`/${nftId}/history`);
+  }
+
+  // ============ 我的 NFT ============
+
+  /**
+   * 获取我的 NFT
+   * @param {Object} params - 查询参数
+   */
+  async getMyNFTs(params = {}) {
+    return this.get('/my', params);
+  }
+
+  /**
+   * 兼容旧 Hook 命名
+   */
+  async getMyNfts(params = {}) {
+    return this.getMyNFTs(params);
+  }
+
+  /**
+   * 获取收藏的 NFT
+   * @param {Object} params - 查询参数
+   */
+  async getFavorites(params = {}) {
+    return this.get('/my/favorites', params);
+  }
+
+  /**
+   * 收藏 NFT
+   * @param {string} nftId - NFT ID
+   */
+  async favorite(nftId) {
+    return this.post(`/${nftId}/favorite`);
+  }
+  async addFavorite(nftId) {
+    return this.favorite(nftId);
+  }
+
+  /**
+   * 取消收藏
+   * @param {string} nftId - NFT ID
+   */
+  async unfavorite(nftId) {
+    return this.delete(`/${nftId}/favorite`);
+  }
+  async removeFavorite(nftId) {
+    return this.unfavorite(nftId);
+  }
+
+  // ============ NFT 铸造 ============
+
+  /**
+   * 铸造 NFT
+   * @param {Object} data - 铸造数据
+   */
+  async mint(data) {
+    return this.post('/mint', data);
+  }
+  async mintNft(data) {
+    return this.mint(data);
+  }
+
+  /**
+   * 批量铸造
+   * @param {Object[]} items - NFT 数据列表
+   */
+  async batchMint(items) {
+    return this.post('/mint/batch', {
+      items
+    });
+  }
+
+  /**
+   * 获取铸造费用估算
+   * @param {Object} data - 铸造数据
+   */
+  async estimateMintFee(data) {
+    return this.post('/mint/estimate', data);
+  }
+
+  // ============ NFT 转移 ============
+
+  /**
+   * 转移 NFT
+   * @param {string} nftId - NFT ID
+   * @param {string} toAddress - 目标地址
+   */
+  async transfer(nftId, toAddress) {
+    return this.post(`/${nftId}/transfer`, {
+      to_address: toAddress
+    });
+  }
+
+  /**
+   * 批量转移
+   * @param {Object[]} transfers - 转移列表
+   */
+  async batchTransfer(transfers) {
+    return this.post('/transfer/batch', {
+      transfers
+    });
+  }
+
+  // ============ 合集 ============
+
+  /**
+   * 获取合集列表
+   * @param {Object} params - 查询参数
+   */
+  async getCollections(params = {}) {
+    return this.get('/collections', params);
+  }
+
+  /**
+   * 获取合集详情
+   * @param {string} collectionId - 合集 ID
+   */
+  async getCollection(collectionId) {
+    return this.get(`/collections/${collectionId}`);
+  }
+
+  /**
+   * 获取合集中的 NFT
+   * @param {string} collectionId - 合集 ID
+   * @param {Object} params - 查询参数
+   */
+  async getCollectionNFTs(collectionId, params = {}) {
+    return this.get(`/collections/${collectionId}/nfts`, params);
+  }
+
+  /**
+   * 创建合集
+   * @param {Object} data - 合集数据
+   */
+  async createCollection(data) {
+    return this.post('/collections', data);
+  }
+
+  // ============ 市场 ============
+
+  /**
+   * 上架 NFT
+   * @param {string} nftId - NFT ID
+   * @param {Object} listing - 上架信息
+   */
+  async list(nftId, listing) {
+    return this.post(`/${nftId}/list`, listing);
+  }
+
+  /**
+   * 下架 NFT
+   * @param {string} nftId - NFT ID
+   */
+  async unlist(nftId) {
+    return this.post(`/${nftId}/unlist`);
+  }
+
+  /**
+   * 购买 NFT
+   * @param {string} nftId - NFT ID
+   */
+  async buy(nftId) {
+    return this.post(`/${nftId}/buy`);
+  }
+  async buyNft(nftId, price, options = {}) {
+    return this.post(`/${nftId}/buy`, {
+      price,
+      ...options
+    });
+  }
+
+  /**
+   * 出价
+   * @param {string} nftId - NFT ID
+   * @param {Object} offer - 出价信息
+   */
+  async makeOffer(nftId, offer) {
+    return this.post(`/${nftId}/offer`, offer);
+  }
+
+  /**
+   * 接受出价
+   * @param {string} nftId - NFT ID
+   * @param {string} offerId - 出价 ID
+   */
+  async acceptOffer(nftId, offerId) {
+    return this.post(`/${nftId}/offer/${offerId}/accept`);
+  }
+
+  // ============ 链上证明 ============
+
+  /**
+   * 提交 NFT 链上交易哈希
+   */
+  async submitChainTx(nftId, txHash, data = {}) {
+    return this.post(`/${nftId}/chain/submit`, {
+      tx_hash: txHash,
+      chain: 'qbit',
+      network: 'mainnet',
+      ...data
+    });
+  }
+
+  /**
+   * 查询 NFT 链上确认状态
+   */
+  async getChainStatus(nftId) {
+    return this.get(`/${nftId}/chain/status`);
+  }
+  async getAuction(nftId) {
+    return this.get(`/${nftId}/auction`);
+  }
+  async placeBid(nftId, amount, options = {}) {
+    return this.post(`/${nftId}/bid`, {
+      amount,
+      ...options
+    });
+  }
+}
+
+// 创建默认实例
+const nftApi = new NftApiClient();
+
+const NFT_ANCHOR_NAMESPACE = 'qbit_nft';
+function pickNftId(nft) {
+  return nft?.id || nft?.nft_id || nft?.nftId || nft?.token_id || nft?.tokenId || nft?.mint;
+}
+function pickContentHash(nft, options) {
+  return options.contentHash || nft?.content_hash || nft?.metadata_hash || nft?.image_hash || nft?.hash || null;
+}
+async function buildNftAnchorMemo(nft, options = {}) {
+  const {
+    buildQBitAnchorMemo
+  } = await import('@quantabit/qbit-chain-sdk');
+  const nftId = options.nftId || pickNftId(nft);
+  const contentHash = pickContentHash(nft, options);
+  return buildQBitAnchorMemo({
+    action: options.action || 'nft_anchor',
+    subject: nftId ? `nft:${nftId}` : 'nft',
+    resource_id: nftId,
+    content_hash: contentHash,
+    version: options.version,
+    timestamp: options.timestamp,
+    extra: {
+      collection_id: nft?.collection_id || nft?.collectionId || nft?.collection?.id,
+      owner: nft?.owner || nft?.owner_address,
+      creator_did: nft?.creator_did,
+      ...options.extra
+    }
+  }, {
+    namespace: options.namespace || NFT_ANCHOR_NAMESPACE,
+    maxBytes: options.maxBytes
+  });
+}
+function buildNftChainSubmit(nftId, txHash, options = {}) {
+  return {
+    nft_id: nftId,
+    tx_hash: txHash,
+    chain: options.chain || 'qbit',
+    network: options.network || 'mainnet',
+    action: options.action || 'nft_anchor',
+    memo: options.memo,
+    content_hash: options.contentHash,
+    ...options.extra
+  };
+}
+
+/**
+ * NFT SDK - 类型定义
+ */
+
+const NftRarity = {};
+const NftStatus = {};
+
+/**
+ * NFT SDK - 国际化
+ * NFT系统多语言支持
+ */
+
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+const messages = {
+  zh: {
+    // NFT
+    nft: 'NFT',
+    nfts: 'NFT',
+    myNfts: '我的NFT',
+    allNfts: '全部NFT',
+    // 详情
+    name: '名称',
+    description: '描述',
+    collection: '系列',
+    creator: '创作者',
+    owner: '拥有者',
+    tokenId: 'Token ID',
+    contractAddress: '合约地址',
+    contract: '合约地址',
+    blockchain: '区块链',
+    chain: '区块链',
+    history: '交易历史',
+    // 属性
+    attributes: '属性',
+    properties: '属性',
+    rarity: '稀有度',
+    common: '普通',
+    rare: '稀有',
+    epic: '史诗',
+    legendary: '传说',
+    // 交易
+    price: '价格',
+    lastSale: '最近成交',
+    buy: '购买',
+    sell: '出售',
+    transfer: '转移',
+    list: '上架',
+    delist: '下架',
+    unlist: '下架',
+    // 竞拍
+    auction: '拍卖',
+    bid: '出价',
+    currentBid: '当前出价',
+    minBid: '最低出价',
+    placeBid: '出价',
+    endTime: '结束时间',
+    // 铸造
+    mint: '铸造',
+    minting: '铸造中...',
+    mintSuccess: '铸造成功',
+    mintFailed: '铸造失败',
+    supply: '发行量',
+    // 筛选
+    filter: '筛选',
+    sort: '排序',
+    priceHighToLow: '价格从高到低',
+    priceLowToHigh: '价格从低到高',
+    newest: '最新',
+    oldest: '最早',
+    // 状态
+    loading: '加载中...',
+    noNfts: '暂无NFT',
+    error: '加载失败',
+    // 其他
+    viewOnExplorer: '在浏览器中查看',
+    share: '分享',
+    favorite: '收藏',
+    favorites: '收藏'
+  },
+  en: {
+    nft: 'NFT',
+    nfts: 'NFTs',
+    myNfts: 'My NFTs',
+    allNfts: 'All NFTs',
+    name: 'Name',
+    description: 'Description',
+    collection: 'Collection',
+    creator: 'Creator',
+    owner: 'Owner',
+    tokenId: 'Token ID',
+    contractAddress: 'Contract',
+    contract: 'Contract',
+    blockchain: 'Blockchain',
+    chain: 'Blockchain',
+    history: 'History',
+    attributes: 'Attributes',
+    properties: 'Properties',
+    rarity: 'Rarity',
+    common: 'Common',
+    rare: 'Rare',
+    epic: 'Epic',
+    legendary: 'Legendary',
+    price: 'Price',
+    lastSale: 'Last Sale',
+    buy: 'Buy',
+    sell: 'Sell',
+    transfer: 'Transfer',
+    list: 'List',
+    delist: 'Delist',
+    unlist: 'Delist',
+    auction: 'Auction',
+    bid: 'Bid',
+    currentBid: 'Current Bid',
+    minBid: 'Min Bid',
+    placeBid: 'Place Bid',
+    endTime: 'End Time',
+    mint: 'Mint',
+    minting: 'Minting...',
+    mintSuccess: 'Minted!',
+    mintFailed: 'Mint Failed',
+    supply: 'Supply',
+    filter: 'Filter',
+    sort: 'Sort',
+    priceHighToLow: 'Price: High to Low',
+    priceLowToHigh: 'Price: Low to High',
+    newest: 'Newest',
+    oldest: 'Oldest',
+    loading: 'Loading...',
+    noNfts: 'No NFTs',
+    error: 'Error',
+    viewOnExplorer: 'View on Explorer',
+    share: 'Share',
+    favorite: 'Favorite',
+    favorites: 'Favorites'
+  },
+  ja: {
+    nft: 'NFT',
+    nfts: 'NFT',
+    myNfts: 'マイNFT',
+    allNfts: 'すべてのNFT',
+    name: '名前',
+    description: '説明',
+    collection: 'コレクション',
+    creator: 'クリエイター',
+    owner: 'オーナー',
+    tokenId: 'トークンID',
+    contractAddress: 'コントラクト',
+    contract: 'コントラクト',
+    blockchain: 'ブロックチェーン',
+    chain: 'ブロックチェーン',
+    history: '取引履歴',
+    attributes: '属性',
+    properties: 'プロパティ',
+    rarity: 'レアリティ',
+    common: 'コモン',
+    rare: 'レア',
+    epic: 'エピック',
+    legendary: 'レジェンダリー',
+    price: '価格',
+    lastSale: '最終取引',
+    buy: '購入',
+    sell: '売却',
+    transfer: '転送',
+    list: '出品',
+    delist: '取り下げ',
+    unlist: '取り下げ',
+    auction: 'オークション',
+    bid: '入札',
+    currentBid: '現在の入札',
+    minBid: '最低入札',
+    placeBid: '入札する',
+    endTime: '終了時間',
+    mint: 'ミント',
+    minting: 'ミント中...',
+    mintSuccess: 'ミント完了',
+    mintFailed: 'ミント失敗',
+    supply: '発行数',
+    filter: 'フィルター',
+    sort: '並び替え',
+    priceHighToLow: '価格: 高い順',
+    priceLowToHigh: '価格: 安い順',
+    newest: '新着順',
+    oldest: '古い順',
+    loading: '読み込み中...',
+    noNfts: 'NFTなし',
+    error: 'エラー',
+    viewOnExplorer: 'エクスプローラーで見る',
+    share: '共有',
+    favorite: 'お気に入り',
+    favorites: 'お気に入り'
+  },
+  ko: {
+    nft: 'NFT',
+    nfts: 'NFT',
+    myNfts: '내 NFT',
+    allNfts: '모든 NFT',
+    name: '이름',
+    description: '설명',
+    collection: '컬렉션',
+    creator: '제작자',
+    owner: '소유자',
+    tokenId: '토큰 ID',
+    contractAddress: '컨트랙트',
+    contract: '컨트랙트',
+    blockchain: '블록체인',
+    chain: '블록체인',
+    history: '거래 내역',
+    attributes: '속성',
+    properties: '속성',
+    rarity: '희귀도',
+    common: '일반',
+    rare: '레어',
+    epic: '에픽',
+    legendary: '전설',
+    price: '가격',
+    lastSale: '최근 거래',
+    buy: '구매',
+    sell: '판매',
+    transfer: '전송',
+    list: '등록',
+    delist: '등록 취소',
+    unlist: '등록 취소',
+    auction: '경매',
+    bid: '입찰',
+    currentBid: '현재 입찰',
+    minBid: '최소 입찰',
+    placeBid: '입찰하기',
+    endTime: '종료 시간',
+    mint: '민팅',
+    minting: '민팅 중...',
+    mintSuccess: '민팅 완료',
+    mintFailed: '민팅 실패',
+    supply: '발행량',
+    filter: '필터',
+    sort: '정렬',
+    priceHighToLow: '가격: 높은 순',
+    priceLowToHigh: '가격: 낮은 순',
+    newest: '최신순',
+    oldest: '오래된 순',
+    loading: '로딩 중...',
+    noNfts: 'NFT 없음',
+    error: '오류',
+    viewOnExplorer: '탐색기에서 보기',
+    share: '공유',
+    favorite: '즐겨찾기',
+    favorites: '즐겨찾기'
+  }
+};
+let currentLanguage = 'zh';
+function setLanguage(lang) {
+  if (SUPPORTED_LANGUAGES.includes(lang)) currentLanguage = lang;
+}
+function getLanguage() {
+  return currentLanguage;
+}
+function t(key) {
+  return (messages[currentLanguage] || messages.en)[key] || key;
+}
+
+/**
+ * NFT SDK - React Hooks
+ * NFT系统相关的状态管理
+ */
+
+
+/**
+ * 获取NFT列表
+ */
+function useNfts(options = {}) {
+  const [nfts, setNfts] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [pagination, setPagination] = useState({
+    page: 1,
+    total: 0,
+    hasMore: true
+  });
+  const {
+    collection,
+    owner,
+    sort = 'newest',
+    limit = 20
+  } = options;
+  const fetchNfts = useCallback(async (page = 1) => {
+    try {
+      setLoading(true);
+      const response = await nftApi.getNfts({
+        collection,
+        owner,
+        sort,
+        page,
+        limit
+      });
+      if (page === 1) {
+        setNfts(response.data || []);
+      } else {
+        setNfts(prev => [...prev, ...(response.data || [])]);
+      }
+      setPagination({
+        page,
+        total: response.total || 0,
+        hasMore: response.hasMore || false
+      });
+      setError(null);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  }, [collection, owner, sort, limit]);
+  useEffect(() => {
+    fetchNfts(1);
+  }, [fetchNfts]);
+  const loadMore = useCallback(() => {
+    if (!loading && pagination.hasMore) {
+      fetchNfts(pagination.page + 1);
+    }
+  }, [loading, pagination, fetchNfts]);
+  return {
+    nfts,
+    loading,
+    error,
+    pagination,
+    loadMore,
+    refresh: () => fetchNfts(1)
+  };
+}
+
+/**
+ * 获取NFT详情
+ */
+function useNftDetail(tokenId) {
+  const [nft, setNft] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchDetail = useCallback(async () => {
+    if (!tokenId) return;
+    try {
+      setLoading(true);
+      const response = await nftApi.getNftDetail(tokenId);
+      setNft(response);
+      setError(null);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  }, [tokenId]);
+  useEffect(() => {
+    fetchDetail();
+  }, [fetchDetail]);
+  return {
+    nft,
+    loading,
+    error,
+    refresh: fetchDetail
+  };
+}
+
+/**
+ * 我的NFT
+ */
+function useMyNfts() {
+  const [nfts, setNfts] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchNfts = useCallback(async () => {
+    try {
+      setLoading(true);
+      const response = await nftApi.getMyNfts();
+      setNfts(response.data || []);
+      setError(null);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    fetchNfts();
+  }, [fetchNfts]);
+
+  // 按系列分组
+  const grouped = useMemo(() => {
+    const groups = {};
+    nfts.forEach(nft => {
+      const collection = nft.collection?.name || 'Others';
+      if (!groups[collection]) groups[collection] = [];
+      groups[collection].push(nft);
+    });
+    return groups;
+  }, [nfts]);
+  return {
+    nfts,
+    grouped,
+    totalCount: nfts.length,
+    loading,
+    error,
+    refresh: fetchNfts
+  };
+}
+
+/**
+ * NFT收藏
+ */
+function useFavoriteNfts() {
+  const [favorites, setFavorites] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const fetchFavorites = useCallback(async () => {
+    try {
+      setLoading(true);
+      const response = await nftApi.getFavorites();
+      setFavorites(response.data || []);
+    } catch (err) {
+      console.error('Get favorites error:', err);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    fetchFavorites();
+  }, [fetchFavorites]);
+  const toggleFavorite = useCallback(async tokenId => {
+    try {
+      const isFav = favorites.some(f => f.tokenId === tokenId);
+      if (isFav) {
+        await nftApi.removeFavorite(tokenId);
+        setFavorites(prev => prev.filter(f => f.tokenId !== tokenId));
+      } else {
+        await nftApi.addFavorite(tokenId);
+        fetchFavorites(); // 重新加载
+      }
+    } catch (err) {
+      console.error('Toggle favorite error:', err);
+    }
+  }, [favorites, fetchFavorites]);
+  const isFavorite = useCallback(tokenId => {
+    return favorites.some(f => f.tokenId === tokenId);
+  }, [favorites]);
+  return {
+    favorites,
+    toggleFavorite,
+    isFavorite,
+    loading,
+    refresh: fetchFavorites
+  };
+}
+
+/**
+ * 购买NFT
+ */
+function useBuyNft() {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [result, setResult] = useState(null);
+  const buy = useCallback(async (tokenId, price) => {
+    try {
+      setLoading(true);
+      setError(null);
+      const response = await nftApi.buyNft(tokenId, price);
+      setResult(response);
+      return response;
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const reset = useCallback(() => {
+    setResult(null);
+    setError(null);
+  }, []);
+  return {
+    buy,
+    loading,
+    error,
+    result,
+    reset
+  };
+}
+
+/**
+ * 铸造NFT
+ */
+function useMintNft() {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [result, setResult] = useState(null);
+  const [progress, setProgress] = useState(0);
+  const mint = useCallback(async metadata => {
+    try {
+      setLoading(true);
+      setError(null);
+      setProgress(0);
+
+      // 上传资源
+      setProgress(30);
+      const response = await nftApi.mintNft(metadata);
+      setProgress(100);
+      setResult(response);
+      return response;
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const reset = useCallback(() => {
+    setResult(null);
+    setError(null);
+    setProgress(0);
+  }, []);
+  return {
+    mint,
+    loading,
+    error,
+    result,
+    progress,
+    reset
+  };
+}
+
+/**
+ * NFT拍卖
+ */
+function useNftAuction(tokenId) {
+  const [auction, setAuction] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [bidding, setBidding] = useState(false);
+  const fetchAuction = useCallback(async () => {
+    if (!tokenId) return;
+    try {
+      setLoading(true);
+      const response = await nftApi.getAuction(tokenId);
+      setAuction(response);
+    } catch (err) {
+      console.error('Get auction error:', err);
+    } finally {
+      setLoading(false);
+    }
+  }, [tokenId]);
+  useEffect(() => {
+    fetchAuction();
+  }, [fetchAuction]);
+  const placeBid = useCallback(async amount => {
+    try {
+      setBidding(true);
+      await nftApi.placeBid(tokenId, amount);
+      await fetchAuction();
+    } catch (err) {
+      console.error('Place bid error:', err);
+      throw err;
+    } finally {
+      setBidding(false);
+    }
+  }, [tokenId, fetchAuction]);
+  return {
+    auction,
+    placeBid,
+    loading,
+    bidding,
+    refresh: fetchAuction
+  };
+}
+
+/**
+ * NFT SDK - React 组件
+ * NFT系统可视化组件
+ */
+
+
+/**
+ * NFT卡片
+ */
+function NftCard({
+  nft,
+  onClick,
+  showPrice = true
+}) {
+  const {
+    isFavorite,
+    toggleFavorite
+  } = useFavoriteNfts();
+  const isFav = isFavorite(nft.tokenId);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-card",
+    onClick: () => onClick?.(nft)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-image"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: nft.image,
+    alt: nft.name
+  }), nft.rarity && /*#__PURE__*/React.createElement("span", {
+    className: `eco-nft-rarity ${nft.rarity}`
+  }, t(nft.rarity)), /*#__PURE__*/React.createElement("button", {
+    className: `eco-nft-fav ${isFav ? 'active' : ''}`,
+    onClick: e => {
+      e.stopPropagation();
+      toggleFavorite(nft.tokenId);
+    }
+  }, isFav ? '❤️' : '🤍')), /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-info"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-nft-collection"
+  }, nft.collection?.name), /*#__PURE__*/React.createElement("h4", {
+    className: "eco-nft-name"
+  }, nft.name), showPrice && nft.price && /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-price"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-nft-price-value"
+  }, nft.price, " ETH"))));
+}
+
+/**
+ * NFT网格列表
+ */
+function NftGrid({
+  nfts,
+  onNftClick,
+  loading
+}) {
+  if (loading && nfts.length === 0) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-nft-grid eco-nft-loading"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "eco-nft-spinner"
+    }));
+  }
+  if (nfts.length === 0) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-nft-grid eco-nft-empty"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-nft-empty-icon"
+    }, "\uD83D\uDDBC\uFE0F"), /*#__PURE__*/React.createElement("span", null, t('noNfts')));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-grid"
+  }, nfts.map(nft => /*#__PURE__*/React.createElement(NftCard, {
+    key: nft.tokenId,
+    nft: nft,
+    onClick: onNftClick
+  })));
+}
+
+/**
+ * NFT详情
+ */
+function NftDetail({
+  tokenId,
+  onClose
+}) {
+  const {
+    nft,
+    loading
+  } = useNftDetail(tokenId);
+  const {
+    buy,
+    loading: buying
+  } = useBuyNft();
+  const handleBuy = useCallback(async () => {
+    try {
+      await buy(tokenId, nft.price);
+      onClose?.();
+    } catch (err) {
+      console.error('Buy error:', err);
+    }
+  }, [buy, tokenId, nft, onClose]);
+  if (loading) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-nft-detail eco-nft-loading"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "eco-nft-spinner"
+    }));
+  }
+  if (!nft) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-detail"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-detail-image"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: nft.image,
+    alt: nft.name
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-detail-content"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-nft-detail-collection"
+  }, nft.collection?.name), /*#__PURE__*/React.createElement("h2", {
+    className: "eco-nft-detail-name"
+  }, nft.name), /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-detail-owner"
+  }, /*#__PURE__*/React.createElement("span", null, t('owner')), /*#__PURE__*/React.createElement("span", null, nft.owner?.slice(0, 8), "...")), /*#__PURE__*/React.createElement("p", {
+    className: "eco-nft-detail-desc"
+  }, nft.description), nft.attributes?.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-attributes"
+  }, /*#__PURE__*/React.createElement("h4", null, t('attributes')), /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-attributes-grid"
+  }, nft.attributes.map((attr, qbit) => /*#__PURE__*/React.createElement("div", {
+    key: qbit,
+    className: "eco-nft-attribute"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-nft-attribute-type"
+  }, attr.trait_type), /*#__PURE__*/React.createElement("span", {
+    className: "eco-nft-attribute-value"
+  }, attr.value))))), nft.isForSale && /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-detail-buy"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-detail-price"
+  }, /*#__PURE__*/React.createElement("span", null, t('price')), /*#__PURE__*/React.createElement("span", {
+    className: "eco-nft-detail-price-value"
+  }, nft.price, " ETH")), /*#__PURE__*/React.createElement("button", {
+    className: "eco-nft-buy-btn",
+    onClick: handleBuy,
+    disabled: buying
+  }, buying ? '...' : t('buy')))));
+}
+
+/**
+ * 我的NFT收藏页
+ */
+function MyNftsPage() {
+  const {
+    nfts,
+    grouped,
+    totalCount,
+    loading
+  } = useMyNfts();
+  const [selectedNft, setSelectedNft] = useState(null);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-my-page"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-my-header"
+  }, /*#__PURE__*/React.createElement("h2", null, t('myNfts')), /*#__PURE__*/React.createElement("span", {
+    className: "eco-nft-count"
+  }, totalCount, " NFTs")), Object.entries(grouped).map(([collection, items]) => /*#__PURE__*/React.createElement("div", {
+    key: collection,
+    className: "eco-nft-collection-section"
+  }, /*#__PURE__*/React.createElement("h3", null, collection), /*#__PURE__*/React.createElement(NftGrid, {
+    nfts: items,
+    loading: loading,
+    onNftClick: setSelectedNft
+  }))), selectedNft && /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-modal"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-modal-overlay",
+    onClick: () => setSelectedNft(null)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-modal-content"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "eco-nft-modal-close",
+    onClick: () => setSelectedNft(null)
+  }, "\xD7"), /*#__PURE__*/React.createElement(NftDetail, {
+    tokenId: selectedNft.tokenId,
+    onClose: () => setSelectedNft(null)
+  }))));
+}
+
+/**
+ * 拍卖卡片
+ */
+function AuctionCard({
+  tokenId
+}) {
+  const {
+    auction,
+    placeBid,
+    bidding,
+    loading
+  } = useNftAuction(tokenId);
+  const [bidAmount, setBidAmount] = useState('');
+  const handleBid = useCallback(async () => {
+    if (!bidAmount) return;
+    try {
+      await placeBid(parseFloat(bidAmount));
+      setBidAmount('');
+    } catch (err) {
+      console.error('Bid error:', err);
+    }
+  }, [placeBid, bidAmount]);
+  if (loading) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-nft-auction eco-nft-loading"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "eco-nft-spinner"
+    }));
+  }
+  if (!auction) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-auction"
+  }, /*#__PURE__*/React.createElement("h4", null, t('auction')), /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-auction-info"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-auction-item"
+  }, /*#__PURE__*/React.createElement("span", null, t('currentBid')), /*#__PURE__*/React.createElement("span", {
+    className: "eco-nft-auction-value"
+  }, auction.currentBid, " ETH")), /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-auction-item"
+  }, /*#__PURE__*/React.createElement("span", null, t('endTime')), /*#__PURE__*/React.createElement("span", null, new Date(auction.endTime).toLocaleString()))), /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-auction-bid"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    value: bidAmount,
+    onChange: e => setBidAmount(e.target.value),
+    placeholder: `${t('minBid')}: ${auction.minBid} ETH`,
+    step: "0.01"
+  }), /*#__PURE__*/React.createElement("button", {
+    className: "eco-nft-bid-btn",
+    onClick: handleBid,
+    disabled: bidding
+  }, bidding ? '...' : t('placeBid'))));
+}
+
+/**
+ * NFT市场首页
+ */
+function NftMarketplace({
+  onNftClick
+}) {
+  const [sort, setSort] = useState('newest');
+  const {
+    nfts,
+    loading,
+    pagination,
+    loadMore
+  } = useNfts({
+    sort
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-marketplace"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-nft-toolbar"
+  }, /*#__PURE__*/React.createElement("h2", null, t('allNfts')), /*#__PURE__*/React.createElement("select", {
+    className: "eco-nft-sort",
+    value: sort,
+    onChange: e => setSort(e.target.value)
+  }, /*#__PURE__*/React.createElement("option", {
+    value: "newest"
+  }, t('newest')), /*#__PURE__*/React.createElement("option", {
+    value: "oldest"
+  }, t('oldest')), /*#__PURE__*/React.createElement("option", {
+    value: "priceHighToLow"
+  }, t('priceHighToLow')), /*#__PURE__*/React.createElement("option", {
+    value: "priceLowToHigh"
+  }, t('priceLowToHigh')))), /*#__PURE__*/React.createElement(NftGrid, {
+    nfts: nfts,
+    loading: loading,
+    onNftClick: onNftClick
+  }), pagination.hasMore && /*#__PURE__*/React.createElement("button", {
+    className: "eco-nft-load-more",
+    onClick: loadMore,
+    disabled: loading
+  }, loading ? '...' : t('loading')));
+}
+
+/**
+ * @quantabit/nft-sdk
+ * NFT System SDK - Full Version
+ */
+
+const getNfts = (...args) => nftApi.getNfts(...args);
+const getNftDetail = (...args) => nftApi.getNftDetail(...args);
+const getMyNfts = (...args) => nftApi.getMyNfts(...args);
+const buyNft = (...args) => nftApi.buyNft(...args);
+const mintNft = (...args) => nftApi.mintNft(...args);
+
+export { AuctionCard, MyNftsPage, NFT_ANCHOR_NAMESPACE, NftApiClient, NftCard, NftDetail, NftGrid, NftMarketplace, NftRarity, NftStatus, SUPPORTED_LANGUAGES, buildNftAnchorMemo, buildNftChainSubmit, buyNft, getLanguage, getMyNfts, getNftDetail, getNfts, messages, mintNft, nftApi, setLanguage, t, useBuyNft, useFavoriteNfts, useMintNft, useMyNfts, useNftAuction, useNftDetail, useNfts };
+//# sourceMappingURL=index.esm.js.map