@quantabit/reach-sdk 1.0.0

package/dist/index.umd.js

@@ -0,0 +1,1125 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@quantabit/sdk-config'), require('react')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@quantabit/sdk-config', 'react'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.QbitDIDAuth = {}, global.sdkConfig, global.React));
+})(this, (function (exports, sdkConfig, React) { 'use strict';
+
+  /**
+   * Reach SDK - API 客户端
+   * 用户触达系统后端接口封装
+   * 
+   * 使用 BaseApiClient 基类简化代码
+   */
+
+
+  /**
+   * 用户触达 API 客户端
+   */
+  class ReachApiClient extends sdkConfig.BaseApiClient {
+    constructor(config = {}) {
+      super('/reach', config);
+    }
+
+    // ============ 触达任务 ============
+
+    /**
+     * 获取触达任务列表
+     * @param {Object} params - 查询参数
+     */
+    async getTasks(params = {}) {
+      return this.get('/tasks', params);
+    }
+
+    /**
+     * 获取触达任务详情
+     * @param {string} taskId - 任务 ID
+     */
+    async getTask(taskId) {
+      return this.get(`/tasks/${taskId}`);
+    }
+
+    /**
+     * 创建触达任务（管理员）
+     * @param {Object} data - 任务数据
+     */
+    async createTask(data) {
+      return this.post('/tasks', data);
+    }
+
+    /**
+     * 更新触达任务（管理员）
+     * @param {string} taskId - 任务 ID
+     * @param {Object} updates - 更新数据
+     */
+    async updateTask(taskId, updates) {
+      return this.put(`/tasks/${taskId}`, updates);
+    }
+
+    /**
+     * 删除触达任务（管理员）
+     * @param {string} taskId - 任务 ID
+     */
+    async deleteTask(taskId) {
+      return this.delete(`/tasks/${taskId}`);
+    }
+
+    // ============ 任务控制 ============
+
+    /**
+     * 立即执行（管理员）
+     * @param {string} taskId - 任务 ID
+     */
+    async executeNow(taskId) {
+      return this.post(`/tasks/${taskId}/execute`);
+    }
+
+    /**
+     * 暂停任务（管理员）
+     * @param {string} taskId - 任务 ID
+     */
+    async pauseTask(taskId) {
+      return this.post(`/tasks/${taskId}/pause`);
+    }
+
+    /**
+     * 恢复任务（管理员）
+     * @param {string} taskId - 任务 ID
+     */
+    async resumeTask(taskId) {
+      return this.post(`/tasks/${taskId}/resume`);
+    }
+
+    /**
+     * 取消任务（管理员）
+     * @param {string} taskId - 任务 ID
+     */
+    async cancelTask(taskId) {
+      return this.post(`/tasks/${taskId}/cancel`);
+    }
+
+    // ============ 渠道管理 ============
+
+    /**
+     * 获取触达渠道
+     */
+    async getChannels() {
+      return this.get('/channels');
+    }
+
+    /**
+     * 获取渠道配置
+     * @param {string} channelType - 渠道类型
+     */
+    async getChannelConfig(channelType) {
+      return this.get(`/channels/${channelType}/config`);
+    }
+
+    /**
+     * 更新渠道配置（管理员）
+     * @param {string} channelType - 渠道类型
+     * @param {Object} config - 配置数据
+     */
+    async updateChannelConfig(channelType, config) {
+      return this.put(`/channels/${channelType}/config`, config);
+    }
+
+    /**
+     * 测试渠道发送
+     * @param {string} channelType - 渠道类型
+     * @param {Object} testData - 测试数据
+     */
+    async testChannel(channelType, testData) {
+      return this.post(`/channels/${channelType}/test`, testData);
+    }
+
+    // ============ 模板管理 ============
+
+    /**
+     * 获取消息模板
+     * @param {Object} params - 查询参数
+     */
+    async getTemplates(params = {}) {
+      return this.get('/templates', params);
+    }
+
+    /**
+     * 获取模板详情
+     * @param {string} templateId - 模板 ID
+     */
+    async getTemplate(templateId) {
+      return this.get(`/templates/${templateId}`);
+    }
+
+    /**
+     * 创建模板（管理员）
+     * @param {Object} data - 模板数据
+     */
+    async createTemplate(data) {
+      return this.post('/templates', data);
+    }
+
+    /**
+     * 更新模板（管理员）
+     * @param {string} templateId - 模板 ID
+     * @param {Object} updates - 更新数据
+     */
+    async updateTemplate(templateId, updates) {
+      return this.put(`/templates/${templateId}`, updates);
+    }
+
+    /**
+     * 预览模板
+     * @param {string} templateId - 模板 ID
+     * @param {Object} variables - 变量数据
+     */
+    async previewTemplate(templateId, variables = {}) {
+      return this.post(`/templates/${templateId}/preview`, {
+        variables
+      });
+    }
+
+    // ============ 受众管理 ============
+
+    /**
+     * 获取受众列表
+     * @param {Object} params - 查询参数
+     */
+    async getAudiences(params = {}) {
+      return this.get('/audiences', params);
+    }
+
+    /**
+     * 创建受众（管理员）
+     * @param {Object} data - 受众数据
+     */
+    async createAudience(data) {
+      return this.post('/audiences', data);
+    }
+
+    /**
+     * 预估受众规模
+     * @param {Object} conditions - 筛选条件
+     */
+    async estimateAudienceSize(conditions) {
+      return this.post('/audiences/estimate', conditions);
+    }
+
+    // ============ 统计分析 ============
+
+    /**
+     * 获取任务统计
+     * @param {string} taskId - 任务 ID
+     */
+    async getTaskStats(taskId) {
+      return this.get(`/tasks/${taskId}/stats`);
+    }
+
+    /**
+     * 获取整体统计
+     * @param {Object} params - 统计参数
+     */
+    async getOverallStats(params = {}) {
+      return this.get('/stats', params);
+    }
+
+    /**
+     * 获取发送记录
+     * @param {string} taskId - 任务 ID
+     * @param {Object} params - 查询参数
+     */
+    async getSendLogs(taskId, params = {}) {
+      return this.get(`/tasks/${taskId}/logs`, params);
+    }
+
+    // ============ 兼容性方法 (Campaigns, Push, Popups, Banners, Events) ============
+
+    /**
+     * 获取活动列表
+     * @param {Object} params - 查询参数
+     */
+    async getCampaigns(params = {}) {
+      return this.get('/campaigns', params);
+    }
+
+    /**
+     * 获取活跃的活动列表
+     * @param {Object} params - 查询参数
+     */
+    async getActiveCampaigns(params = {}) {
+      return this.get('/campaigns/active', params);
+    }
+
+    /**
+     * 获取活动详情
+     * @param {string} campaignId - 活动 ID
+     */
+    async getCampaign(campaignId) {
+      return this.get(`/campaigns/${campaignId}`);
+    }
+
+    /**
+     * 创建活动
+     * @param {Object} data - 活动数据
+     */
+    async createCampaign(data) {
+      return this.post('/campaigns', data);
+    }
+
+    /**
+     * 更新活动
+     * @param {string} campaignId - 活动 ID
+     * @param {Object} data - 更新数据
+     */
+    async updateCampaign(campaignId, data) {
+      return this.put(`/campaigns/${campaignId}`, data);
+    }
+
+    /**
+     * 参与活动
+     * @param {string} campaignId - 活动 ID
+     * @param {Object} data - 参与数据
+     */
+    async joinCampaign(campaignId, data = {}) {
+      return this.post(`/campaigns/${campaignId}/join`, data);
+    }
+
+    /**
+     * 排期/调度活动
+     * @param {string} campaignId - 活动 ID
+     * @param {string} scheduledTime - 定时发送时间
+     */
+    async scheduleCampaign(campaignId, scheduledTime) {
+      return this.post(`/campaigns/${campaignId}/schedule`, {
+        scheduledTime
+      });
+    }
+
+    /**
+     * 发送活动
+     * @param {string} campaignId - 活动 ID
+     */
+    async sendCampaign(campaignId) {
+      return this.post(`/campaigns/${campaignId}/send`);
+    }
+
+    /**
+     * 暂停活动
+     * @param {string} campaignId - 活动 ID
+     */
+    async pauseCampaign(campaignId) {
+      return this.post(`/campaigns/${campaignId}/pause`);
+    }
+
+    /**
+     * 取消活动
+     * @param {string} campaignId - 活动 ID
+     */
+    async cancelCampaign(campaignId) {
+      return this.post(`/campaigns/${campaignId}/cancel`);
+    }
+
+    /**
+     * 获取弹窗配置列表
+     * @param {Object} params - 查询参数
+     */
+    async getPopups(params = {}) {
+      return this.get('/popups', params);
+    }
+
+    /**
+     * 获取横幅广告列表
+     * @param {Object} params - 查询参数
+     */
+    async getBanners(params = {}) {
+      return this.get('/banners', params);
+    }
+
+    /**
+     * 追踪事件
+     * @param {string} event - 事件名
+     * @param {Object} data - 事件数据
+     */
+    async trackEvent(event, data = {}) {
+      return this.post('/events/track', {
+        event,
+        data
+      });
+    }
+
+    /**
+     * 获取推送首选项
+     * @param {Object} params - 查询参数
+     */
+    async getPushPreferences(params = {}) {
+      return this.get('/push/preferences', params);
+    }
+
+    /**
+     * 更新推送首选项
+     * @param {Object} data - 首选项数据
+     */
+    async updatePushPreferences(data = {}) {
+      return this.put('/push/preferences', data);
+    }
+
+    /**
+     * 订阅推送
+     * @param {Object} params - 订阅参数
+     */
+    async subscribe(params = {}) {
+      return this.post('/push/subscribe', params);
+    }
+
+    /**
+     * 取消订阅推送
+     * @param {Object} params - 取消参数
+     */
+    async unsubscribe(params = {}) {
+      return this.post('/push/unsubscribe', params);
+    }
+
+    /**
+     * 获取分群列表
+     * @param {Object} params - 查询参数
+     */
+    async getSegments(params = {}) {
+      return this.get('/segments', params);
+    }
+
+    /**
+     * 预估受众规模
+     * @param {Object} criteria - 预估条件
+     */
+    async estimateAudience(criteria = {}) {
+      return this.post('/audiences/estimate', criteria);
+    }
+  }
+
+  // 创建默认实例
+  const reachApi = new ReachApiClient();
+
+  const ChannelType = {};
+  const AudienceType = {};
+  const TemplateType = {};
+  const CampaignStatus = {};
+
+  /**
+   * Reach SDK - 国际化
+   */
+
+  const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+  const messages = {
+    zh: {
+      // 触达
+      reach: '批量触达',
+      campaign: '活动',
+      campaigns: '触达活动',
+      createCampaign: '创建活动',
+      // 渠道
+      channel: '渠道',
+      channels: '渠道',
+      email: '邮件',
+      sms: '短信',
+      push: '推送',
+      inApp: '站内信',
+      wechat: '微信',
+      // 状态
+      draft: '草稿',
+      scheduled: '待发送',
+      sending: '发送中',
+      sent: '已发送',
+      paused: '已暂停',
+      cancelled: '已取消',
+      // 受众
+      audience: '受众',
+      selectAudience: '选择受众',
+      allUsers: '全部用户',
+      segment: '用户分群',
+      uploadList: '上传名单',
+      // 内容
+      content: '内容',
+      template: '模板',
+      subject: '主题',
+      preview: '预览',
+      // 发送
+      send: '发送',
+      sendNow: '立即发送',
+      schedule: '定时发送',
+      scheduledTime: '发送时间',
+      // 统计
+      delivered: '已送达',
+      opened: '已打开',
+      clicked: '已点击',
+      converted: '已转化',
+      failed: '发送失败',
+      bounced: '退回',
+      unsubscribed: '退订',
+      // 速率
+      sendRate: '发送速率',
+      openRate: '打开率',
+      clickRate: '点击率',
+      conversionRate: '转化率'
+    },
+    ja: {
+      // 触达
+      reach: '一括アプローチ',
+      campaign: 'アクティビティ',
+      campaigns: 'アプローチキャンペーン',
+      createCampaign: 'キャンペーン作成',
+      // 渠道
+      channel: 'チャネル',
+      channels: 'チャネル',
+      email: 'メール',
+      sms: 'SMS',
+      push: 'プッシュ通知',
+      inApp: 'メッセージ',
+      wechat: 'WeChat',
+      // 状态
+      draft: '下書き',
+      scheduled: '送信待ち',
+      sending: '送信中',
+      sent: '送信済み',
+      paused: '一時停止中',
+      cancelled: 'キャンセル済み',
+      // 受众
+      audience: 'ターゲット',
+      selectAudience: 'ターゲットを選択',
+      allUsers: 'すべてのユーザー',
+      segment: 'ユーザーセグメント',
+      uploadList: 'リストをアップロード',
+      // 内容
+      content: 'コンテンツ',
+      template: 'テンプレート',
+      subject: '件名',
+      preview: 'プレビュー',
+      // 发送
+      send: '送信',
+      sendNow: '今すぐ送信',
+      schedule: '予約送信',
+      scheduledTime: '送信時間',
+      // 统计
+      delivered: '配達済み',
+      opened: '開封済み',
+      clicked: 'クリック済み',
+      converted: 'コンバージョン済み',
+      failed: '送信失敗',
+      bounced: 'バウンス',
+      unsubscribed: '配信停止',
+      // 速率
+      sendRate: '送信速度',
+      openRate: '開封率',
+      clickRate: 'クリック率',
+      conversionRate: 'コンバージョン率'
+    },
+    ko: {
+      // 触达
+      reach: '일괄 도달',
+      campaign: '이벤트',
+      campaigns: '도달 캠페인',
+      createCampaign: '캠페인 생성',
+      // 渠道
+      channel: '채널',
+      channels: '채널',
+      email: '이메일',
+      sms: 'SMS',
+      push: '푸시 알림',
+      inApp: '사이트 메시지',
+      wechat: '위챗',
+      // 状态
+      draft: '초안',
+      scheduled: '발송 대기',
+      sending: '발송 중',
+      sent: '전송됨',
+      paused: '일시 중지됨',
+      cancelled: '취소됨',
+      // 受众
+      audience: '대상',
+      selectAudience: '대상 선택',
+      allUsers: '모든 사용자',
+      segment: '사용자 그룹',
+      uploadList: '목록 업로드',
+      // 内容
+      content: '내용',
+      template: '템플릿',
+      subject: '주제',
+      preview: '미리보기',
+      // 发送
+      send: '보내기',
+      sendNow: '즉시 발송',
+      schedule: '예약 발송',
+      scheduledTime: '발송 시간',
+      // 统计
+      delivered: '도달됨',
+      opened: '열어봄',
+      clicked: '클릭됨',
+      converted: '전환됨',
+      failed: '전송 실패',
+      bounced: '반송됨',
+      unsubscribed: '구독 취소됨',
+      // 速率
+      sendRate: '전송 속도',
+      openRate: '오픈율',
+      clickRate: '클릭률',
+      conversionRate: '전환율'
+    },
+    en: {
+      reach: 'Reach',
+      campaign: 'Campaign',
+      campaigns: 'Campaigns',
+      createCampaign: 'Create Campaign',
+      channel: 'Channel',
+      channels: 'Channels',
+      email: 'Email',
+      sms: 'SMS',
+      push: 'Push',
+      inApp: 'In-App',
+      wechat: 'WeChat',
+      draft: 'Draft',
+      scheduled: 'Scheduled',
+      sending: 'Sending',
+      sent: 'Sent',
+      paused: 'Paused',
+      cancelled: 'Cancelled',
+      audience: 'Audience',
+      selectAudience: 'Select Audience',
+      allUsers: 'All Users',
+      segment: 'Segment',
+      uploadList: 'Upload List',
+      content: 'Content',
+      template: 'Template',
+      subject: 'Subject',
+      preview: 'Preview',
+      send: 'Send',
+      sendNow: 'Send Now',
+      schedule: 'Schedule',
+      scheduledTime: 'Scheduled Time',
+      delivered: 'Delivered',
+      opened: 'Opened',
+      clicked: 'Clicked',
+      converted: 'Converted',
+      failed: 'Failed',
+      bounced: 'Bounced',
+      unsubscribed: 'Unsubscribed',
+      sendRate: 'Send Rate',
+      openRate: 'Open Rate',
+      clickRate: 'Click Rate',
+      conversionRate: 'Conversion Rate'
+    }
+  };
+  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;
+  }
+
+  /**
+   * Reach SDK - React Hooks
+   */
+
+
+  /**
+   * useCampaigns - 触达活动列表Hook
+   */
+  function useCampaigns(options = {}) {
+    const [campaigns, setCampaigns] = React.useState([]);
+    const [loading, setLoading] = React.useState(false);
+    const [total, setTotal] = React.useState(0);
+    const loadCampaigns = React.useCallback(async () => {
+      setLoading(true);
+      try {
+        const result = await reachApi.getCampaigns(options);
+        setCampaigns(result.campaigns || []);
+        setTotal(result.total || 0);
+      } finally {
+        setLoading(false);
+      }
+    }, [options.status, options.channel]);
+    React.useEffect(() => {
+      loadCampaigns();
+    }, [options.status, options.channel]);
+    return {
+      campaigns,
+      loading,
+      total,
+      refresh: loadCampaigns
+    };
+  }
+
+  /**
+   * useCampaign - 单个触达活动Hook
+   */
+  function useCampaign(campaignId) {
+    const [campaign, setCampaign] = React.useState(null);
+    const [stats, setStats] = React.useState(null);
+    const [loading, setLoading] = React.useState(false);
+    const [saving, setSaving] = React.useState(false);
+    const loadCampaign = React.useCallback(async () => {
+      if (!campaignId) return;
+      setLoading(true);
+      try {
+        const [campaignData, statsData] = await Promise.all([reachApi.getCampaign(campaignId), reachApi.getCampaignStats(campaignId)]);
+        setCampaign(campaignData);
+        setStats(statsData);
+      } finally {
+        setLoading(false);
+      }
+    }, [campaignId]);
+
+    // 保存活动
+    const saveCampaign = React.useCallback(async data => {
+      setSaving(true);
+      try {
+        const result = campaignId ? await reachApi.updateCampaign(campaignId, data) : await reachApi.createCampaign(data);
+        setCampaign(result);
+        return result;
+      } finally {
+        setSaving(false);
+      }
+    }, [campaignId]);
+
+    // 发送活动
+    const sendCampaign = React.useCallback(async scheduledTime => {
+      if (!campaignId) return false;
+      try {
+        if (scheduledTime) {
+          await reachApi.scheduleCampaign(campaignId, scheduledTime);
+        } else {
+          await reachApi.sendCampaign(campaignId);
+        }
+        loadCampaign();
+        return true;
+      } catch (e) {
+        return false;
+      }
+    }, [campaignId, loadCampaign]);
+
+    // 暂停发送
+    const pauseCampaign = React.useCallback(async () => {
+      if (!campaignId) return false;
+      try {
+        await reachApi.pauseCampaign(campaignId);
+        loadCampaign();
+        return true;
+      } catch (e) {
+        return false;
+      }
+    }, [campaignId, loadCampaign]);
+
+    // 取消活动
+    const cancelCampaign = React.useCallback(async () => {
+      if (!campaignId) return false;
+      try {
+        await reachApi.cancelCampaign(campaignId);
+        loadCampaign();
+        return true;
+      } catch (e) {
+        return false;
+      }
+    }, [campaignId, loadCampaign]);
+    React.useEffect(() => {
+      loadCampaign();
+    }, [campaignId]);
+    return {
+      campaign,
+      stats,
+      loading,
+      saving,
+      saveCampaign,
+      sendCampaign,
+      pauseCampaign,
+      cancelCampaign,
+      refresh: loadCampaign
+    };
+  }
+
+  /**
+   * useTemplates - 模板Hook
+   */
+  function useTemplates(channel) {
+    const [templates, setTemplates] = React.useState([]);
+    const [loading, setLoading] = React.useState(false);
+    const loadTemplates = React.useCallback(async () => {
+      setLoading(true);
+      try {
+        const result = await reachApi.getTemplates(channel);
+        setTemplates(result.templates || []);
+      } finally {
+        setLoading(false);
+      }
+    }, [channel]);
+    React.useEffect(() => {
+      loadTemplates();
+    }, [channel]);
+    return {
+      templates,
+      loading,
+      refresh: loadTemplates
+    };
+  }
+
+  /**
+   * useAudience - 受众Hook
+   */
+  function useAudience() {
+    const [segments, setSegments] = React.useState([]);
+    const [loading, setLoading] = React.useState(false);
+    const loadSegments = React.useCallback(async () => {
+      setLoading(true);
+      try {
+        const result = await reachApi.getSegments();
+        setSegments(result.segments || []);
+      } finally {
+        setLoading(false);
+      }
+    }, []);
+
+    // 获取受众人数预估
+    const estimateAudience = React.useCallback(async criteria => {
+      try {
+        const result = await reachApi.estimateAudience(criteria);
+        return result.count || 0;
+      } catch (e) {
+        return 0;
+      }
+    }, []);
+    React.useEffect(() => {
+      loadSegments();
+    }, []);
+    return {
+      segments,
+      loading,
+      estimateAudience,
+      refresh: loadSegments
+    };
+  }
+
+  /**
+   * Reach SDK - 触达组件
+   */
+
+
+  /**
+   * 状态颜色
+   */
+  const statusColors = {
+    [CampaignStatus.DRAFT]: '#6B7280',
+    [CampaignStatus.SCHEDULED]: '#3B82F6',
+    [CampaignStatus.SENDING]: '#F59E0B',
+    [CampaignStatus.SENT]: '#10B981',
+    [CampaignStatus.PAUSED]: '#EF4444',
+    [CampaignStatus.CANCELLED]: '#9CA3AF'
+  };
+
+  /**
+   * 渠道图标
+   */
+  const channelIcons = {
+    [ChannelType.EMAIL]: '📧',
+    [ChannelType.SMS]: '📱',
+    [ChannelType.PUSH]: '🔔',
+    [ChannelType.IN_APP]: '💬',
+    [ChannelType.WECHAT]: '💚'
+  };
+
+  /**
+   * CampaignCard 组件
+   */
+  function CampaignCard({
+    campaign,
+    onClick,
+    onSend,
+    onPause,
+    onCancel
+  }) {
+    const {
+      id,
+      name,
+      channel,
+      status,
+      stats,
+      scheduled_time
+    } = campaign;
+    const statusColor = statusColors[status] || '#6B7280';
+    const channelIcon = channelIcons[channel] || '📤';
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-card",
+      onClick: () => onClick?.(campaign)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-card-header"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-channel"
+    }, channelIcon), /*#__PURE__*/React.createElement("h4", {
+      className: "eco-reach-card-title"
+    }, name), /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-status",
+      style: {
+        backgroundColor: `${statusColor}20`,
+        color: statusColor
+      }
+    }, t(status))), stats && /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-stats"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-stat"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-stat-value"
+    }, stats.sent || 0), /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-stat-label"
+    }, t('delivered'))), /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-stat"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-stat-value"
+    }, ((stats.open_rate || 0) * 100).toFixed(1), "%"), /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-stat-label"
+    }, t('openRate'))), /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-stat"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-stat-value"
+    }, ((stats.click_rate || 0) * 100).toFixed(1), "%"), /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-stat-label"
+    }, t('clickRate'))), /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-stat"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-stat-value"
+    }, ((stats.conversion_rate || 0) * 100).toFixed(1), "%"), /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-stat-label"
+    }, t('conversionRate')))), scheduled_time && status === CampaignStatus.SCHEDULED && /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-scheduled"
+    }, "\uD83D\uDCC5 ", t('scheduledTime'), ": ", new Date(scheduled_time).toLocaleString()), /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-actions",
+      onClick: e => e.stopPropagation()
+    }, status === CampaignStatus.DRAFT && /*#__PURE__*/React.createElement("button", {
+      className: "eco-reach-btn send",
+      onClick: () => onSend?.(id)
+    }, t('sendNow')), status === CampaignStatus.SENDING && /*#__PURE__*/React.createElement("button", {
+      className: "eco-reach-btn pause",
+      onClick: () => onPause?.(id)
+    }, t('paused')), status === CampaignStatus.SCHEDULED && /*#__PURE__*/React.createElement("button", {
+      className: "eco-reach-btn cancel",
+      onClick: () => onCancel?.(id)
+    }, t('cancelled'))));
+  }
+
+  /**
+   * ChannelSelector 组件
+   */
+  function ChannelSelector({
+    value,
+    onChange
+  }) {
+    const channels = [{
+      type: ChannelType.EMAIL,
+      icon: '📧',
+      label: t('email')
+    }, {
+      type: ChannelType.SMS,
+      icon: '📱',
+      label: t('sms')
+    }, {
+      type: ChannelType.PUSH,
+      icon: '🔔',
+      label: t('push')
+    }, {
+      type: ChannelType.IN_APP,
+      icon: '💬',
+      label: t('inApp')
+    }, {
+      type: ChannelType.WECHAT,
+      icon: '💚',
+      label: t('wechat')
+    }];
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-channel-selector"
+    }, channels.map(channel => /*#__PURE__*/React.createElement("div", {
+      key: channel.type,
+      className: `eco-reach-channel-option ${value === channel.type ? 'active' : ''}`,
+      onClick: () => onChange?.(channel.type)
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-channel-icon"
+    }, channel.icon), /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-channel-label"
+    }, channel.label))));
+  }
+
+  /**
+   * AudienceSelector 组件
+   */
+  function AudienceSelector({
+    value,
+    segments = [],
+    estimatedCount,
+    onChange
+  }) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-audience"
+    }, /*#__PURE__*/React.createElement("h4", null, t('selectAudience')), /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-audience-options"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: `eco-reach-audience-option ${value?.type === 'all' ? 'active' : ''}`,
+      onClick: () => onChange?.({
+        type: 'all'
+      })
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-audience-icon"
+    }, "\uD83D\uDC65"), /*#__PURE__*/React.createElement("span", null, t('allUsers'))), /*#__PURE__*/React.createElement("div", {
+      className: `eco-reach-audience-option ${value?.type === 'segment' ? 'active' : ''}`,
+      onClick: () => onChange?.({
+        type: 'segment'
+      })
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-audience-icon"
+    }, "\uD83C\uDFAF"), /*#__PURE__*/React.createElement("span", null, t('segment'))), /*#__PURE__*/React.createElement("div", {
+      className: `eco-reach-audience-option ${value?.type === 'upload' ? 'active' : ''}`,
+      onClick: () => onChange?.({
+        type: 'upload'
+      })
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-audience-icon"
+    }, "\uD83D\uDCE4"), /*#__PURE__*/React.createElement("span", null, t('uploadList')))), value?.type === 'segment' && segments.length > 0 && /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-segment-list"
+    }, segments.map(segment => /*#__PURE__*/React.createElement("div", {
+      key: segment.id,
+      className: `eco-reach-segment-item ${value?.segmentId === segment.id ? 'active' : ''}`,
+      onClick: () => onChange?.({
+        type: 'segment',
+        segmentId: segment.id
+      })
+    }, /*#__PURE__*/React.createElement("span", null, segment.name), /*#__PURE__*/React.createElement("span", {
+      className: "eco-reach-segment-count"
+    }, segment.user_count, " \u4EBA")))), estimatedCount !== undefined && /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-estimated"
+    }, "\u9884\u4F30\u89E6\u8FBE\u4EBA\u6570: ", /*#__PURE__*/React.createElement("strong", null, estimatedCount.toLocaleString()), " \u4EBA"));
+  }
+
+  /**
+   * CampaignStats 组件 - 活动统计
+   */
+  function CampaignStats({
+    stats
+  }) {
+    if (!stats) return null;
+    const metrics = [{
+      key: 'sent',
+      label: t('delivered'),
+      value: stats.sent || 0
+    }, {
+      key: 'opened',
+      label: t('opened'),
+      value: stats.opened || 0
+    }, {
+      key: 'clicked',
+      label: t('clicked'),
+      value: stats.clicked || 0
+    }, {
+      key: 'converted',
+      label: t('converted'),
+      value: stats.converted || 0
+    }, {
+      key: 'failed',
+      label: t('failed'),
+      value: stats.failed || 0
+    }, {
+      key: 'bounced',
+      label: t('bounced'),
+      value: stats.bounced || 0
+    }];
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-stats-detail"
+    }, metrics.map(metric => /*#__PURE__*/React.createElement("div", {
+      key: metric.key,
+      className: "eco-reach-stats-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-stats-value"
+    }, metric.value.toLocaleString()), /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-stats-label"
+    }, metric.label), stats.total > 0 && /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-stats-rate"
+    }, (metric.value / stats.total * 100).toFixed(1), "%"))));
+  }
+
+  /**
+   * CampaignList 组件
+   */
+  function CampaignList({
+    campaigns = [],
+    loading = false,
+    onCampaignClick,
+    onSend,
+    onPause,
+    onCancel
+  }) {
+    if (loading && campaigns.length === 0) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "eco-reach-loading"
+      }, "\u52A0\u8F7D\u4E2D...");
+    }
+    if (campaigns.length === 0) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "eco-reach-empty"
+      }, "\u6682\u65E0\u89E6\u8FBE\u6D3B\u52A8");
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-reach-list"
+    }, campaigns.map(campaign => /*#__PURE__*/React.createElement(CampaignCard, {
+      key: campaign.id,
+      campaign: campaign,
+      onClick: onCampaignClick,
+      onSend: onSend,
+      onPause: onPause,
+      onCancel: onCancel
+    })));
+  }
+
+  /**
+   * @quantabit/reach-sdk
+   * Campaign SDK - Full Version
+   */
+
+  const getActiveCampaigns = params => reachApi.getActiveCampaigns(params);
+  const getCampaign = campaignId => reachApi.getCampaign(campaignId);
+  const joinCampaign = (campaignId, data) => reachApi.joinCampaign(campaignId, data);
+  const getPopups = params => reachApi.getPopups(params);
+  const getBanners = params => reachApi.getBanners(params);
+  const trackEvent = (event, data) => reachApi.trackEvent(event, data);
+  const getPushPreferences = params => reachApi.getPushPreferences(params);
+  const updatePushPreferences = data => reachApi.updatePushPreferences(data);
+  const subscribe = params => reachApi.subscribe(params);
+  const unsubscribe = params => reachApi.unsubscribe(params);
+
+  exports.AudienceSelector = AudienceSelector;
+  exports.AudienceType = AudienceType;
+  exports.CampaignCard = CampaignCard;
+  exports.CampaignList = CampaignList;
+  exports.CampaignStats = CampaignStats;
+  exports.CampaignStatus = CampaignStatus;
+  exports.ChannelSelector = ChannelSelector;
+  exports.ChannelType = ChannelType;
+  exports.ReachApiClient = ReachApiClient;
+  exports.SUPPORTED_LANGUAGES = SUPPORTED_LANGUAGES;
+  exports.TemplateType = TemplateType;
+  exports.getActiveCampaigns = getActiveCampaigns;
+  exports.getBanners = getBanners;
+  exports.getCampaign = getCampaign;
+  exports.getLanguage = getLanguage;
+  exports.getPopups = getPopups;
+  exports.getPushPreferences = getPushPreferences;
+  exports.joinCampaign = joinCampaign;
+  exports.messages = messages;
+  exports.reachApi = reachApi;
+  exports.setLanguage = setLanguage;
+  exports.subscribe = subscribe;
+  exports.t = t;
+  exports.trackEvent = trackEvent;
+  exports.unsubscribe = unsubscribe;
+  exports.updatePushPreferences = updatePushPreferences;
+  exports.useAudience = useAudience;
+  exports.useCampaign = useCampaign;
+  exports.useCampaigns = useCampaigns;
+  exports.useTemplates = useTemplates;
+
+}));
+//# sourceMappingURL=index.umd.js.map