@quantabit/redpacket-sdk 1.0.0

package/dist/index.cjs

@@ -0,0 +1,991 @@
+'use strict';
+
+var React = require('react');
+var sdkConfig = require('@quantabit/sdk-config');
+
+/**
+ * RedPacket SDK - API 客户端
+ * 红包系统后端接口封装
+ * 
+ * 使用 BaseApiClient 基类简化代码
+ */
+
+
+/**
+ * 红包 API 客户端
+ */
+class RedPacketApiClient extends sdkConfig.BaseApiClient {
+  constructor(config = {}) {
+    super('/redpacket', config);
+  }
+
+  // ============ 红包发送 ============
+
+  /**
+   * 发送红包
+   * @param {Object} data - 红包数据
+   */
+  async send(data) {
+    return this.post('/send', data);
+  }
+
+  /**
+   * 兼容旧 Hook 命名
+   */
+  async createRedpacket(data) {
+    return this.send(data);
+  }
+
+  /**
+   * 发送群红包
+   * @param {string} groupId - 群组 ID
+   * @param {Object} data - 红包数据
+   */
+  async sendToGroup(groupId, data) {
+    return this.post('/send/group', {
+      group_id: groupId,
+      ...data
+    });
+  }
+
+  /**
+   * 发送定向红包
+   * @param {string[]} userIds - 用户 ID 列表
+   * @param {Object} data - 红包数据
+   */
+  async sendToUsers(userIds, data) {
+    return this.post('/send/users', {
+      user_ids: userIds,
+      ...data
+    });
+  }
+
+  // ============ 红包领取 ============
+
+  /**
+   * 领取红包
+   * @param {string} redpacketId - 红包 ID
+   */
+  async claim(redpacketId) {
+    return this.post(`/${redpacketId}/claim`);
+  }
+
+  /**
+   * 兼容旧 Hook 命名
+   */
+  async grabRedpacket(redpacketId) {
+    return this.claim(redpacketId);
+  }
+
+  /**
+   * 获取红包详情
+   * @param {string} redpacketId - 红包 ID
+   */
+  async getRedpacket(redpacketId) {
+    return this.get(`/${redpacketId}`);
+  }
+
+  /**
+   * 获取红包领取列表
+   * @param {string} redpacketId - 红包 ID
+   */
+  async getClaimList(redpacketId) {
+    return this.get(`/${redpacketId}/claims`);
+  }
+
+  // ============ 我的红包 ============
+
+  /**
+   * 获取收到的红包
+   * @param {Object} params - 查询参数
+   */
+  async getReceivedRedpackets(params = {}) {
+    return this.get('/my/received', params);
+  }
+
+  /**
+   * 获取发出的红包
+   * @param {Object} params - 查询参数
+   */
+  async getSentRedpackets(params = {}) {
+    return this.get('/my/sent', params);
+  }
+
+  /**
+   * 兼容旧 Hook 命名
+   */
+  async getMyRedpackets(params = {}) {
+    return this.getSentRedpackets(params);
+  }
+
+  // ============ 链上证明 ============
+
+  /**
+   * 提交红包链上交易哈希
+   * @param {string} redpacketId - 红包 ID
+   * @param {string} txHash - QBit 交易哈希
+   * @param {Object} data - 额外链上证明数据
+   */
+  async submitChainTx(redpacketId, txHash, data = {}) {
+    return this.post(`/${redpacketId}/chain/submit`, {
+      tx_hash: txHash,
+      chain: 'qbit',
+      network: 'mainnet',
+      ...data
+    });
+  }
+
+  /**
+   * 查询红包链上确认状态
+   * @param {string} redpacketId - 红包 ID
+   */
+  async getChainStatus(redpacketId) {
+    return this.get(`/${redpacketId}/chain/status`);
+  }
+
+  /**
+   * 获取红包统计
+   */
+  async getMyStats() {
+    return this.get('/my/stats');
+  }
+
+  // ============ 红包封面 ============
+
+  /**
+   * 获取可用红包封面
+   */
+  async getCovers() {
+    return this.get('/covers');
+  }
+
+  /**
+   * 获取我的红包封面
+   */
+  async getMyCovers() {
+    return this.get('/my/covers');
+  }
+
+  /**
+   * 领取红包封面
+   * @param {string} coverId - 封面 ID
+   */
+  async claimCover(coverId) {
+    return this.post(`/covers/${coverId}/claim`);
+  }
+
+  // ============ 口令红包 ============
+
+  /**
+   * 发送口令红包
+   * @param {Object} data - 红包数据
+   */
+  async sendPasswordRedpacket(data) {
+    return this.post('/send/password', data);
+  }
+
+  /**
+   * 输入口令领取
+   * @param {string} password - 口令
+   */
+  async claimByPassword(password) {
+    return this.post('/claim/password', {
+      password
+    });
+  }
+
+  // ============ 红包雨 ============
+
+  /**
+   * 获取进行中的红包雨
+   */
+  async getActiveRain() {
+    return this.get('/rain/active');
+  }
+
+  /**
+   * 加入红包雨
+   * @param {string} rainId - 红包雨 ID
+   */
+  async joinRain(rainId) {
+    return this.post(`/rain/${rainId}/join`);
+  }
+
+  /**
+   * 抢红包雨红包
+   * @param {string} rainId - 红包雨 ID
+   * @param {string} packetId - 红包 ID
+   */
+  async grabRainPacket(rainId, packetId) {
+    return this.post(`/rain/${rainId}/grab`, {
+      packet_id: packetId
+    });
+  }
+
+  // ============ 管理员操作 ============
+
+  /**
+   * 创建红包活动（管理员）
+   * @param {Object} data - 活动数据
+   */
+  async createActivity(data) {
+    return this.post('/admin/activities', data);
+  }
+
+  /**
+   * 获取红包统计（管理员）
+   * @param {Object} params - 统计参数
+   */
+  async getStats(params = {}) {
+    return this.get('/admin/stats', params);
+  }
+}
+
+// 创建默认实例
+const redPacketApi = new RedPacketApiClient();
+
+/**
+ * RedPacket SDK - 国际化 i18n
+ */
+
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+const messages = {
+  zh: {
+    loading: '加载中...',
+    redPacket: '红包',
+    redPackets: '红包记录',
+    sendRedPacket: '发红包',
+    receiveRedPacket: '收红包',
+    // 红包类型
+    typeNormal: '普通红包',
+    typeLucky: '拼手气红包',
+    typeExclusive: '专属红包',
+    typeGroup: '群红包',
+    // 状态
+    statusPending: '未领取',
+    statusReceived: '已领取',
+    statusExpired: '已过期',
+    statusEmpty: '已抢光',
+    // 发送
+    totalAmount: '总金额',
+    quantity: '红包个数',
+    blessing: '祝福语',
+    defaultBlessing: '恭喜发财，大吉大利！',
+    send: '塞钱进红包',
+    // 领取
+    open: '開',
+    claim: '拆红包',
+    luckyAmount: '手气最佳',
+    claimSuccess: '领取成功',
+    // 记录
+    sent: '发出的',
+    received: '收到的',
+    noRecords: '暂无红包记录',
+    // 详情
+    from: '来自',
+    claimedBy: '已领取',
+    remainingCount: '剩余 {count} 个',
+    expireIn: '{time} 后过期',
+    // 提示
+    insufficientBalance: '余额不足',
+    minAmount: '单个红包最低 {min}',
+    maxAmount: '单个红包最高 {max}',
+    alreadyClaimed: '您已领取过',
+    redPacketExpired: '红包已过期',
+    redPacketEmpty: '红包已被领完'
+  },
+  en: {
+    loading: 'Loading...',
+    redPacket: 'Red Packet',
+    redPackets: 'Red Packets',
+    sendRedPacket: 'Send',
+    receiveRedPacket: 'Receive',
+    typeNormal: 'Fixed Amount',
+    typeLucky: 'Lucky Draw',
+    typeExclusive: 'Exclusive',
+    typeGroup: 'Group',
+    statusPending: 'Pending',
+    statusReceived: 'Received',
+    statusExpired: 'Expired',
+    statusEmpty: 'Empty',
+    totalAmount: 'Total Amount',
+    quantity: 'Quantity',
+    blessing: 'Blessing',
+    defaultBlessing: 'Best wishes!',
+    send: 'Send Red Packet',
+    open: 'Open',
+    claim: 'Claim',
+    luckyAmount: 'Luckiest',
+    claimSuccess: 'Claimed successfully',
+    sent: 'Sent',
+    received: 'Received',
+    noRecords: 'No records',
+    from: 'From',
+    claimedBy: 'Claimed',
+    remainingCount: '{count} left',
+    expireIn: 'Expires in {time}',
+    insufficientBalance: 'Insufficient balance',
+    minAmount: 'Min {min} per packet',
+    maxAmount: 'Max {max} per packet',
+    alreadyClaimed: 'Already claimed',
+    redPacketExpired: 'Expired',
+    redPacketEmpty: 'No more left'
+  },
+  ja: {
+    loading: '読み込み中...',
+    redPacket: '紅包（お年玉）',
+    redPackets: '紅包履歴',
+    sendRedPacket: '紅包を送る',
+    receiveRedPacket: '紅包を受け取る',
+    typeNormal: '通常紅包',
+    typeLucky: 'ランダム紅包',
+    typeExclusive: '限定紅包',
+    typeGroup: 'グループ紅包',
+    statusPending: '未受け取り',
+    statusReceived: '受け取り済み',
+    statusExpired: '期限切れ',
+    statusEmpty: '品切れ',
+    totalAmount: '合計金額',
+    quantity: '個数',
+    blessing: 'メッセージ',
+    defaultBlessing: 'おめでとうございます！',
+    send: '紅包にお金を入れる',
+    open: '開く',
+    claim: '紅包を開ける',
+    luckyAmount: '最高額',
+    claimSuccess: '受け取り成功',
+    sent: '送った紅包',
+    received: '受け取った紅包',
+    noRecords: '紅包の履歴はありません',
+    from: '差出人',
+    claimedBy: '受け取り済み',
+    remainingCount: '残り {count} 個',
+    expireIn: '{time} 後に期限切れ',
+    insufficientBalance: '残高不足',
+    minAmount: '1つあたり最低 {min}',
+    maxAmount: '1つあたり最高 {max}',
+    alreadyClaimed: 'すでに受け取っています',
+    redPacketExpired: '紅包は期限切れです',
+    redPacketEmpty: '紅包は全て受け取られました'
+  },
+  ko: {
+    loading: '로딩 중...',
+    redPacket: '홍바오',
+    redPackets: '홍바오 내역',
+    sendRedPacket: '홍바오 보내기',
+    receiveRedPacket: '홍바오 받기',
+    typeNormal: '일반 홍바오',
+    typeLucky: '랜덤 홍바오',
+    typeExclusive: '전용 홍바오',
+    typeGroup: '그룹 홍바오',
+    statusPending: '미수령',
+    statusReceived: '수령 완료',
+    statusExpired: '만료됨',
+    statusEmpty: '소진됨',
+    totalAmount: '총 금액',
+    quantity: '개수',
+    blessing: '메시지',
+    defaultBlessing: '부자 되세요!',
+    send: '홍바오에 금액 넣기',
+    open: '열기',
+    claim: '홍바오 열기',
+    luckyAmount: '최고 당첨',
+    claimSuccess: '수령 성공',
+    sent: '보낸 내역',
+    received: '받은 내역',
+    noRecords: '홍바오 내역이 없습니다',
+    from: '보낸 사람',
+    claimedBy: '수령 완료',
+    remainingCount: '{count}개 남음',
+    expireIn: '{time} 후 만료',
+    insufficientBalance: '잔액 부족',
+    minAmount: '1개당 최소 {min}',
+    maxAmount: '1개당 최대 {max}',
+    alreadyClaimed: '이미 수령했습니다',
+    redPacketExpired: '홍바오가 만료되었습니다',
+    redPacketEmpty: '홍바오가 모두 소진되었습니다'
+  }
+};
+let currentLanguage = 'zh';
+function setLanguage(lang) {
+  if (SUPPORTED_LANGUAGES.includes(lang)) {
+    currentLanguage = lang;
+    if (typeof window !== 'undefined') {
+      localStorage.setItem('qbit_did_redpacket_language', lang);
+    }
+  }
+}
+function getLanguage() {
+  if (typeof window !== 'undefined') {
+    const saved = localStorage.getItem('qbit_did_redpacket_language');
+    if (saved && SUPPORTED_LANGUAGES.includes(saved)) {
+      currentLanguage = saved;
+    }
+  }
+  return currentLanguage;
+}
+function t(key, params) {
+  const msgs = messages[getLanguage()] || messages.zh;
+  let text = msgs[key] || key;
+  if (params) {
+    Object.keys(params).forEach(k => {
+      text = text.replace(new RegExp(`\\{${k}\\}`, 'g'), params[k]);
+    });
+  }
+  return text;
+}
+
+/**
+ * RedPacket SDK - Context Provider
+ */
+
+const RedPacketContext = /*#__PURE__*/React.createContext(null);
+function RedPacketProvider({
+  children,
+  apiUrl,
+  token,
+  language = 'zh',
+  onSend,
+  onClaim,
+  onError
+}) {
+  const [sentList, setSentList] = React.useState([]);
+  const [receivedList, setReceivedList] = React.useState([]);
+  const [stats, setStats] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    setLanguage(language);
+  }, [language]);
+  const handleError = React.useCallback(err => {
+    setError(err);
+    onError?.(err);
+  }, [onError]);
+  const send = React.useCallback(async data => {
+    setLoading(true);
+    try {
+      const result = await redPacketApi.send(data);
+      onSend?.(result);
+      return result;
+    } catch (err) {
+      handleError(err);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  }, [handleError, onSend]);
+  // ============ 领取红包 ============
+
+  const claim = React.useCallback(async redPacketId => {
+    setLoading(true);
+    try {
+      const result = await redPacketApi.claim(redPacketId);
+      onClaim?.(result);
+      return result;
+    } catch (err) {
+      handleError(err);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  }, [handleError, onClaim]);
+
+  // ============ 加载记录 ============
+
+  const loadSentList = React.useCallback(async (params = {}) => {
+    try {
+      const result = await redPacketApi.getSentList(params);
+      const items = result.items || result.data || result || [];
+      setSentList(items);
+      return items;
+    } catch (err) {
+      handleError(err);
+      throw err;
+    }
+  }, [handleError]);
+  const loadReceivedList = React.useCallback(async (params = {}) => {
+    try {
+      const result = await redPacketApi.getReceivedList(params);
+      const items = result.items || result.data || result || [];
+      setReceivedList(items);
+      return items;
+    } catch (err) {
+      handleError(err);
+      throw err;
+    }
+  }, [handleError]);
+  const loadStats = React.useCallback(async () => {
+    try {
+      const result = await redPacketApi.getStats();
+      setStats(result);
+      return result;
+    } catch (err) {
+      handleError(err);
+    }
+  }, [handleError]);
+  const value = {
+    sentList,
+    receivedList,
+    stats,
+    loading,
+    error,
+    send,
+    claim,
+    loadSentList,
+    loadReceivedList,
+    loadStats,
+    api: redPacketApi
+  };
+  return /*#__PURE__*/React.createElement(RedPacketContext.Provider, {
+    value: value
+  }, children);
+}
+function useRedPacket() {
+  const context = React.useContext(RedPacketContext);
+  if (!context) {
+    throw new Error('useRedPacket must be used within a RedPacketProvider');
+  }
+  return context;
+}
+
+/**
+ * RedPacket SDK - 类型定义
+ */
+
+// 红包类型
+const RedPacketType = {
+  NORMAL: 'normal',
+  // 普通红包（均分）
+  LUCKY: 'lucky',
+  // 拼手气红包
+  EXCLUSIVE: 'exclusive',
+  // 专属红包（指定人）
+  GROUP: 'group' // 群红包
+};
+
+// 红包状态
+const RedPacketStatus = {
+  PENDING: 'pending',
+  // 待领取
+  PARTIAL: 'partial',
+  // 部分领取
+  FINISHED: 'finished',
+  // 已领完
+  EXPIRED: 'expired',
+  // 已过期
+  REFUNDED: 'refunded' // 已退还
+};
+
+// 领取状态
+const ClaimStatus = {
+  AVAILABLE: 'available',
+  // 可领取
+  CLAIMED: 'claimed',
+  // 已领取
+  EXPIRED: 'expired' // 已过期
+};
+
+/**
+ * 创建默认红包
+ */
+function createDefaultRedPacket(overrides = {}) {
+  return {
+    id: null,
+    sender_did: null,
+    sender_name: '',
+    sender_avatar: null,
+    type: RedPacketType.LUCKY,
+    total_amount: 0,
+    // 总金额
+    quantity: 1,
+    // 总个数
+    claimed_count: 0,
+    // 已领取个数
+    claimed_amount: 0,
+    // 已领取金额
+    blessing: '',
+    // 祝福语
+    currency: 'POINTS',
+    // 货币类型
+    status: RedPacketStatus.PENDING,
+    expire_at: null,
+    created_at: null,
+    ...overrides
+  };
+}
+
+/**
+ * 创建默认领取记录
+ */
+function createDefaultClaim(overrides = {}) {
+  return {
+    id: null,
+    red_packet_id: null,
+    user_did: null,
+    user_name: '',
+    user_avatar: null,
+    amount: 0,
+    is_luckiest: false,
+    // 是否手气最佳
+    claimed_at: null,
+    ...overrides
+  };
+}
+
+/**
+ * 计算红包剩余数量
+ */
+function getRemainingCount(redPacket) {
+  return redPacket.quantity - redPacket.claimed_count;
+}
+
+/**
+ * 计算红包剩余金额
+ */
+function getRemainingAmount(redPacket) {
+  return redPacket.total_amount - redPacket.claimed_amount;
+}
+
+/**
+ * 检查红包是否可领取
+ */
+function isClaimable(redPacket) {
+  if (redPacket.status === RedPacketStatus.FINISHED) return false;
+  if (redPacket.status === RedPacketStatus.EXPIRED) return false;
+  if (redPacket.expire_at && new Date(redPacket.expire_at) < new Date()) return false;
+  return getRemainingCount(redPacket) > 0;
+}
+
+/**
+ * 格式化金额
+ */
+function formatAmount(amount, currency = 'POINTS') {
+  if (currency === 'POINTS') return `${amount} 积分`;
+  if (currency === 'CNY') return `¥${amount.toFixed(2)}`;
+  if (currency === 'USD') return `$${amount.toFixed(2)}`;
+  return `${amount} ${currency}`;
+}
+
+/**
+ * RedPacket SDK - RedPacketCard 组件
+ * 红包卡片展示（可打开领取）
+ */
+
+function RedPacketCard({
+  redPacket,
+  onOpen,
+  onClaimSuccess,
+  showDetail = false,
+  className = ''
+}) {
+  const {
+    claim,
+    loading
+  } = useRedPacket();
+  const [isOpening, setIsOpening] = React.useState(false);
+  const [claimResult, setClaimResult] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  if (!redPacket) return null;
+  const {
+    id,
+    type,
+    status,
+    sender_name,
+    sender_avatar,
+    blessing,
+    total_amount,
+    currency = 'USD'
+  } = redPacket;
+  const remaining = getRemainingCount(redPacket);
+  const canClaim = isClaimable(redPacket) && !claimResult;
+  const handleOpen = async e => {
+    e.stopPropagation();
+    if (!canClaim || isOpening || loading) return;
+    setIsOpening(true);
+    setError(null);
+    try {
+      const result = await claim(id);
+      setClaimResult(result);
+      onClaimSuccess?.(result);
+    } catch (err) {
+      console.error(err);
+      setError(err?.message || String(err));
+    } finally {
+      setIsOpening(false);
+    }
+  };
+  const getTypeLabel = () => {
+    const labels = {
+      [RedPacketType.NORMAL]: t('typeNormal'),
+      [RedPacketType.LUCKY]: t('typeLucky'),
+      [RedPacketType.EXCLUSIVE]: t('typeExclusive'),
+      [RedPacketType.GROUP]: t('typeGroup')
+    };
+    return labels[type] || type;
+  };
+  const getStatusClass = () => {
+    if (claimResult) return 'opened';
+    if (status === RedPacketStatus.EXPIRED) return 'expired';
+    if (status === RedPacketStatus.FINISHED) return 'empty';
+    return '';
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: `redpacket-card ${getStatusClass()} ${className}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "redpacket-body"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "redpacket-coins"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "coin"
+  }, "\uD83D\uDCB0"), /*#__PURE__*/React.createElement("span", {
+    className: "coin"
+  }, "\uD83D\uDCB0"), /*#__PURE__*/React.createElement("span", {
+    className: "coin"
+  }, "\uD83D\uDCB0")), /*#__PURE__*/React.createElement("div", {
+    className: "redpacket-sender"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sender-avatar"
+  }, sender_avatar ? /*#__PURE__*/React.createElement("img", {
+    src: sender_avatar,
+    alt: ""
+  }) : /*#__PURE__*/React.createElement("span", null, "\uD83E\uDDE7")), /*#__PURE__*/React.createElement("span", {
+    className: "sender-name"
+  }, sender_name || t('redPacket'))), /*#__PURE__*/React.createElement("div", {
+    className: "redpacket-blessing"
+  }, blessing || t('defaultBlessing')), /*#__PURE__*/React.createElement("div", {
+    className: "redpacket-type"
+  }, getTypeLabel()), claimResult ? /*#__PURE__*/React.createElement("div", {
+    className: "redpacket-result"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "result-amount"
+  }, formatAmount(claimResult.amount, currency)), claimResult.is_luckiest && /*#__PURE__*/React.createElement("span", {
+    className: "result-lucky"
+  }, "\uD83C\uDF89 ", t('luckyAmount'))) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      gap: '8px'
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "redpacket-open-btn",
+    onClick: handleOpen,
+    disabled: !canClaim || isOpening || loading
+  }, isOpening ? '...' : status === RedPacketStatus.EXPIRED ? t('statusExpired') : status === RedPacketStatus.FINISHED ? t('statusEmpty') : t('open')), error && /*#__PURE__*/React.createElement("div", {
+    style: {
+      color: '#FEE2E2',
+      fontSize: '12px',
+      background: 'rgba(239, 68, 68, 0.8)',
+      padding: '4px 8px',
+      borderRadius: '4px',
+      maxWidth: '100%',
+      wordBreak: 'break-word',
+      textAlign: 'center'
+    }
+  }, error)), showDetail && /*#__PURE__*/React.createElement("div", {
+    className: "redpacket-footer"
+  }, /*#__PURE__*/React.createElement("span", null, "\u5171 ", formatAmount(total_amount, currency)), remaining > 0 && /*#__PURE__*/React.createElement("span", null, t('remainingCount', {
+    count: remaining
+  })))));
+}
+
+/**
+ * RedPacket SDK - SendRedPacket 组件
+ * 发红包表单
+ */
+
+function SendRedPacket({
+  defaultType = RedPacketType.LUCKY,
+  currency = 'POINTS',
+  minAmount = 0.01,
+  maxAmount = 200,
+  onSuccess,
+  onCancel,
+  className = ''
+}) {
+  const {
+    send,
+    loading
+  } = useRedPacket();
+  const [type, setType] = React.useState(defaultType);
+  const [totalAmount, setTotalAmount] = React.useState('');
+  const [quantity, setQuantity] = React.useState('');
+  const [blessing, setBlessing] = React.useState('');
+  const [error, setError] = React.useState('');
+  const handleSubmit = async e => {
+    e.preventDefault();
+    setError('');
+    if (loading) return;
+    const amount = parseFloat(totalAmount);
+    const count = parseInt(quantity);
+    if (!amount || amount <= 0) {
+      setError('请输入正确的金额');
+      return;
+    }
+    if (!count || count < 1) {
+      setError('请输入红包个数');
+      return;
+    }
+    if (amount / count < minAmount) {
+      setError(t('minAmount', {
+        min: minAmount
+      }));
+      return;
+    }
+    if (amount / count > maxAmount) {
+      setError(t('maxAmount', {
+        max: maxAmount
+      }));
+      return;
+    }
+    try {
+      const result = await send({
+        type,
+        total_amount: amount,
+        quantity: count,
+        blessing: blessing || t('defaultBlessing'),
+        currency
+      });
+      setTotalAmount('');
+      setQuantity('');
+      setBlessing('');
+      onSuccess?.(result);
+    } catch (err) {
+      setError(err.message);
+    }
+  };
+  const perAmount = totalAmount && quantity ? (parseFloat(totalAmount) / parseInt(quantity)).toFixed(2) : '0';
+  return /*#__PURE__*/React.createElement("div", {
+    className: `send-redpacket ${className}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "send-redpacket-header"
+  }, /*#__PURE__*/React.createElement("h3", null, t('sendRedPacket'))), /*#__PURE__*/React.createElement("form", {
+    onSubmit: handleSubmit
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "form-group"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "type-selector"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: type === RedPacketType.NORMAL ? 'active' : '',
+    onClick: () => setType(RedPacketType.NORMAL)
+  }, t('typeNormal')), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: type === RedPacketType.LUCKY ? 'active' : '',
+    onClick: () => setType(RedPacketType.LUCKY)
+  }, t('typeLucky')))), /*#__PURE__*/React.createElement("div", {
+    className: "form-group"
+  }, /*#__PURE__*/React.createElement("label", null, t('totalAmount')), /*#__PURE__*/React.createElement("div", {
+    className: "amount-input"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    value: totalAmount,
+    onChange: e => setTotalAmount(e.target.value),
+    placeholder: "0.00",
+    min: "0",
+    step: "0.01"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "currency"
+  }, currency))), /*#__PURE__*/React.createElement("div", {
+    className: "form-group"
+  }, /*#__PURE__*/React.createElement("label", null, t('quantity')), /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    value: quantity,
+    onChange: e => setQuantity(e.target.value),
+    placeholder: "1",
+    min: "1",
+    max: "100"
+  }), type === RedPacketType.NORMAL && /*#__PURE__*/React.createElement("span", {
+    className: "hint"
+  }, "\u6BCF\u4E2A\u7EA2\u5305 ", perAmount, " ", currency)), /*#__PURE__*/React.createElement("div", {
+    className: "form-group"
+  }, /*#__PURE__*/React.createElement("label", null, t('blessing')), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    value: blessing,
+    onChange: e => setBlessing(e.target.value),
+    placeholder: t('defaultBlessing'),
+    maxLength: 50
+  })), error && /*#__PURE__*/React.createElement("div", {
+    className: "form-error"
+  }, error), /*#__PURE__*/React.createElement("div", {
+    className: "form-actions"
+  }, onCancel && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "btn-cancel",
+    onClick: onCancel
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement("button", {
+    type: "submit",
+    className: "btn-submit",
+    disabled: loading
+  }, loading ? t('loading') : t('send')))));
+}
+
+const REDPACKET_ANCHOR_NAMESPACE = 'qbit_redpacket';
+function pickRedPacketId(redpacket) {
+  return redpacket?.id || redpacket?.redpacket_id || redpacket?.redpacketId || redpacket?.packet_id || redpacket?.packetId;
+}
+function pickContentHash(redpacket, options) {
+  return options.contentHash || redpacket?.content_hash || redpacket?.redpacket_hash || redpacket?.packet_hash || redpacket?.hash || null;
+}
+async function buildRedPacketAnchorMemo(redpacket, options = {}) {
+  const {
+    buildQBitAnchorMemo
+  } = await import('@quantabit/qbit-chain-sdk');
+  const redpacketId = options.redpacketId || pickRedPacketId(redpacket);
+  const contentHash = pickContentHash(redpacket, options);
+  return buildQBitAnchorMemo({
+    action: options.action || 'redpacket_anchor',
+    subject: redpacketId ? `redpacket:${redpacketId}` : 'redpacket',
+    resource_id: redpacketId,
+    content_hash: contentHash,
+    version: options.version,
+    timestamp: options.timestamp,
+    extra: {
+      amount: redpacket?.amount,
+      total_amount: redpacket?.total_amount,
+      token: redpacket?.token || redpacket?.currency || redpacket?.symbol,
+      sender_did: redpacket?.sender_did,
+      ...options.extra
+    }
+  }, {
+    namespace: options.namespace || REDPACKET_ANCHOR_NAMESPACE,
+    maxBytes: options.maxBytes
+  });
+}
+function buildRedPacketChainSubmit(redpacketId, txHash, options = {}) {
+  return {
+    redpacket_id: redpacketId,
+    tx_hash: txHash,
+    chain: options.chain || 'qbit',
+    network: options.network || 'mainnet',
+    action: options.action || 'redpacket_anchor',
+    memo: options.memo,
+    content_hash: options.contentHash,
+    ...options.extra
+  };
+}
+
+exports.ClaimStatus = ClaimStatus;
+exports.REDPACKET_ANCHOR_NAMESPACE = REDPACKET_ANCHOR_NAMESPACE;
+exports.RedPacketApiClient = RedPacketApiClient;
+exports.RedPacketCard = RedPacketCard;
+exports.RedPacketProvider = RedPacketProvider;
+exports.RedPacketStatus = RedPacketStatus;
+exports.RedPacketType = RedPacketType;
+exports.SUPPORTED_LANGUAGES = SUPPORTED_LANGUAGES;
+exports.SendRedPacket = SendRedPacket;
+exports.buildRedPacketAnchorMemo = buildRedPacketAnchorMemo;
+exports.buildRedPacketChainSubmit = buildRedPacketChainSubmit;
+exports.createDefaultClaim = createDefaultClaim;
+exports.createDefaultRedPacket = createDefaultRedPacket;
+exports.formatAmount = formatAmount;
+exports.getLanguage = getLanguage;
+exports.getRemainingAmount = getRemainingAmount;
+exports.getRemainingCount = getRemainingCount;
+exports.isClaimable = isClaimable;
+exports.messages = messages;
+exports.redPacketApi = redPacketApi;
+exports.setLanguage = setLanguage;
+exports.t = t;
+exports.useRedPacket = useRedPacket;
+//# sourceMappingURL=index.cjs.map